

body {
	font-family:Verdana,Helvetica,Sans-serif;
	color:#000;
}
	
img	{border:0;}

sup {
	font-size:100%;
}

hr {
	border:none 0;
	border-top:none 0;/*the border*/
	height:1px;/*whatever the total width of the border-top and border-bottom equal*/
	background:url(../../images/hor_dotted.gif) repeat-x;
}
div.hr {
	margin:5px 0px 5px 0px;
	height:2px;/*whatever the total width of the border-top and border-bottom equal*/
	background:url(../../images/hor_dotted.gif) repeat-x;
}
hr.members {
	margin:10px 0;
}

a sup {
	line-height:2em;
}

a:link	{
	color:#000;
	text-decoration:underline;
}
a:visited	{
	color:#000;
	text-decoration:underline;
}
a:active	{
	color:#000;
	text-decoration:underline;
}
a:hover {
	text-decoration:underline;
}
	
a.plain:link, a.plain:visited, a.plain:hover, a.plain:active { color:#000000; text-decoration:none !important; font-weight:normal; }
	
a.go-strong, a.go {
	padding-right:7px;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	background:url(/images/link_bg_go.gif) right 70% no-repeat;
}

a.go-strong {
}
	
.login a.go {
	display:block;
	margin:3px 0 0 3px;
	padding-left:7px;
	background:url(/images/link_bg_go.gif) left 70% no-repeat;
}

.loginnew a.go {
	display:block;
	margin:3px 0 0 3px;
	padding-left:7px;
	background:url(/images/link_bg_go.gif) left 70% no-repeat;
}

a.go-strong:hover, a.go-strong:active, a.go:hover, a.go:active {
	text-decoration:underline;
}
	
a.go-shop {
	padding-right:10px;
	background:url(../../images/link_bg_goshop.gif) no-repeat 100% 60%;
}
	
a.go-blue {
	padding-right:10px;
	background:url(/images/arrow_blue.gif) no-repeat 100% 60%;
}
a.go-blue {
	padding-right:10px;
	background:url(/images/arrow_blue.gif) no-repeat 100% 60%;
	text-decoration:none;
}
a.go-blue:hover, a.go-blue:active {
	text-decoration:underline;
}

a.go-grey {
	padding-right:10px;
    background:url(/images/arrow_grey.gif) no-repeat 100% 60%;
}
a.go-grey {
	padding-right:10px;
	background:url(/images/arrow_grey.gif) no-repeat 100% 60%;
	text-decoration:none;
}
a.go-grey:hover, a.go-grey:active {
	text-decoration:underline;
}

a.go:visited, a.go-strong:visited, a.go-shop:visited {
	color:#000;
}

a.small {
    font-size:smaller;
}
	

body.inclub ul.categories li {
	border-color:#37b;
}
	
#content.payment table {
	margin:0;
	padding:0;
}
	
#primaryFocus {margin-bottom:10px;}
/*
#content h2, #content h3, #content h4, #content h5, #content p, #content dl {
	margin:0;
	padding:0 10px;
}*/

#content table {
	margin:0 10px;
	padding:0;
	/*width:430px;*/
}

#content p {
	margin-top:0.2em;
	margin-bottom:0.8em;
	margin-left:10px;
}

#content p.noPadding {
    padding:0;
}

#content h3 {
	line-height:1.3em;
	margin-top:11px;
	margin-bottom:6px;
	margin-left:10px;
	color:#000;
	font-weight:bold;
	font-size:1em;
}

.payment #content h3, .payment #content div.h3, .member-summary #content h3 {
	background:#999 url(/images/hd_620cap_top.gif) left top no-repeat;
	line-height:1.8em;
	margin-top:0;
	margin-bottom:-2px;
	color:#fff;
	margin-left:0px;
	padding-left:10px;
}


#content ul, #content ol {
    margin:6px 0px 6px 30px;
    padding:0;
}
#content ol {
	margin-left:40px;
}
#content ul {
    /*list-style-image:url(/images/bullet_grey.gif) !important;*/
}
#content ul li, #content ol li {
    margin:2px 0 6px 0;
    padding:0;
}

/**styles for new section**/
#content ul.newslist{
	list-style:none;
}
#content ul.newslist li, #content ol li, {
    margin:2px 0 8px 0;
/*	list-style:none;*/
    padding:0;
}
#content ul.newslist li a, #content ol li a{
    color:#000;
	padding-right:10px;
	text-decoration:none;
	background:url(/images/arrow_grey.gif) no-repeat 100% 60%;
}


#content .thumbnails a:link, #content .thumbnails a:visited {
	text-decoration:none;
}
#content .thumbnails a:hover {
	text-decoration:underline;
}

#content a.go-rebate{
    text-decoration:underline;
    background:none;
    padding:0 0 0 1px;
}
	
#mem-sum-end {
	background:#ccc url(/images/ftr_memsum.gif) 50% bottom no-repeat;
	padding:3px 0 5px 25px;
	text-align:left;
}

.loc #content ul, #content .list-gas-loc ul {
	margin:0;
	padding-left:13px;
	list-style-image:none !important;
}

.loc #spotlights img, .loc #directions img {
	margin:0;
	padding:0;
}

.loc #directions img {
	margin:5px 0;
}

.loc #directions {
	width:260px;
	margin:0;
	padding:5px 10px 10px 10px;
	background:url(../../images/locations/directions_ftr.gif) left bottom no-repeat;
}
.loc #directions p {
	margin:0 10px 0 0;
	padding:0;
}
.loc table#details {
	width:96%;
}
.loc #details ul {
	list-style-image:url(/images/bullet_grey.gif) !important;
    margin:0 6px 10px 14px;
	padding:0;
}
.loc #details ul li {
    margin:2px 0 0 0;
	padding:0;
}


.service {
	float:left;
	width:210px;
	margin:12px 4px 2px 0px;
}

.service .thumb {
	float:left;
	width:52px;
	margin:2px 8px 0px 0px;
}
	
.service .description {
	float:left;
	width:150px;
}
	
.service .description a {
	font-weight:bold;
}
	
.service .description a.plain {
	font-weight:normal;
} 


#content table {
	border-spacing:0px 3px;
}

#content table td, #content table th {
/*	text-align:left; */ /*  removed to allow forms to properly align themselves */
	/*vertical-align:top;*/
	
}

#content table.list, #content table.list-center {
	margin-bottom:20px;
	width:450px;
}

#content table.list1, #content table.list-center {
	margin-bottom:20px;
	width:600px;
}

#content table.list-center td {
	text-align:center;
	vertical-align:bottom;
}

#content table.list td {
	width:33%;
	padding-right:10px;
}

#content table.list td.brands {
	padding-top:15px;
	background:url(../../images/hor_dotted.gif) top repeat-x;
}

#content table.list ul {
	list-style:none;
	padding:0;
}

#content table.cake-guide {
	width:620px;
}

#content table.cake-guide td {
	width:33%;
	padding:0;
	margin:0;
}

#content table.list-gas-loc {
	width:100%;
	margin-bottom:20px;
}

#content table.list-gas-loc td {
	text-align:left;
	width:25%;
}

#content table.list-gas-loc ul {
	list-style:none;
	padding:0 0 0 5px;
}

/* shop launch spotlight */
div#shopNow {
	width:160px;
	height:150px;
	background:url(/images/shopNow_bg.gif) left top no-repeat;
}
div#shopNow dl {margin:0 0 10px 0;}
div#shopNow dt {padding:20px 0 0 10px;}
div#shopNow dl dt strong {font-size:1em;}
body.II-col div#shopNow {float:right;}

/* interim spotlight */
div#joinNow {
	float:left;
	width:160px;
	height:150px;
	background:url(/images/joinSpotlight_bg.gif) left top no-repeat;
}
body.II-col div#joinNow {float:right; }
div#joinNow dl {margin:15px 4px 4px 7px;padding:0;}
div#joinNow dt {margin:10px 0 0 0; padding:0; clear:left; }
div#joinNow dt strong {font-size:110%; }
div#joinNow dt strong sup {font-size:60%;}
div#joinNow dt>strong sup {font-size:50%;}
div#joinNow dd {margin:2px 0 0 0; padding:0; font-size:70%;}
div#joinNow a:hover {
	color:#c44;
}


/*Styles for tabbed pages*/
img.tab {
	margin-bottom:-1px;
	position: relative;
}



/*Styles for the Join landing page tables*/
body.join table#options {
	margin-bottom:20px;
	margin-left:0;
	padding:0 10px;
	border:1px solid #666;
	
}

body.join table#options tr {
	height:25px;
}

body.join table#options td {
	vertical-align:middle;
}

body.join table#options table {
	margin:0;
	padding:0;
	border-collapse:separate;
	border-spacing:0;
}

body.join table#options table tr td {
	border:2px solid #edd;
}

body.join table#options table tr td.middle, body.join table#options table tr td.last {
	width:95px;
	text-align:center;
}

body.join table#options table tr.nostyle td {border-width:0;}
body.join table#options table tr.top td {border-width:2px 0 0 2px;}
body.join table#options table tr.top td.first {border-width:0;}
body.join table#options table tr.top td.last {border-width:2px 2px 0 2px;}
body.join table#options table tr.odd {background:#edd;}

body.join table#options table tr.odd td {
	border-width:0 0 0 2px;
	border-color:#fff;
}

body.join table#options table tr.odd td.first {border-color:#edd;}
body.join table#options table tr.even td {border-width:0 0 0 2px;}
body.join table#options table tr.even td.last {border-right-width:2px;}
body.join table#options table tr.bottom td.first {border-width:0;}
body.join table#options table tr.bottom td {border-width:0 0 2px 2px;}
body.join table#options table tr.bottom td.last {border-width:0 2px 2px 2px;}

body.join table#options p.productDisclaimer, p.productDisclaimer a,
	p.productDisclaimer a:visited{ 
	color: #999999;
	text-align:left;
}




.workflowHeader {
	margin:0 0 10px 0
}

#payment {
	margin-top:0;
	padding:0 9px 1px 9px;
	border:1px solid #999;
	border-width:0 1px;
}

#payment a {text-decoration:underline;}
#payment a:hover {color:#339;}

#payment dl {
	padding:10px 0 10px 0;
	background:url(../../images/hor_dotted.gif) top repeat-x;
}

#payment dt {
	margin-bottom:10px;
}
	
#payment p {
	padding:10px 0 0 0;
	margin-left:0px;
}
	
dl#total {
	margin:0 0 20px 0;
	padding:0 9px 10px 9px;
	border-top:1px solid #999;
	background:#ccc url(/images/ftr_payment.gif) 50% bottom no-repeat;
	text-align:right;
}

dl#total * {
	margin-top:10px;
}
	
dl#total .tax, dl#total .total {
	float:left;
}
dl#total .price {
	padding-right:4px;
}
	
#payment dt.member, #payment dl#total dt.total, #payment dl#total dd.total {
	font-weight:bold;
}
	
#payment dd {
	margin:0 140px;
}
	
#payment dd.price {
	float:right;
	margin:0;
}
#payment dd.available {
	position:absolute;
	float:left;
	margin:0;
	color:#333;
}
html>body #payment dd.available {
	position:relative;
}

#payment dd.address, #payment dd.up-add {
	margin-bottom:4px;
	padding:0;
}

#payment .upgrade {
	margin-left:-70px;
}
#payment .upgrade img {
	float:left;
	margin-right:10px;
}

#content #summary-table {
	width:600px;
	margin:0;
	padding:5px 9px 9px 9px;
	border:1px solid #999;
	border-width:0 1px;
}

#content #summary-table table#summary {
	width:600px;
	margin:0;
	padding:0;
}

#content #summary-table table#summary td {
	margin:0;
	padding:2px 0 2px 0;
}

#content #summary-table table#summary div.dotted-line {
	font-size:1px;
	background:url(../../images/hor_dotted.gif) top repeat-x;
	text-align:center;
	margin:5px 0 2px 0;
}

#content #summary-table table#summary td.primary {
	vertical-align:top;
	padding:2px 10px 2px 0;
}
#content #summary-table table#summary td.regular {
	vertical-align:middle;
	height:10px;
	padding:2px 10px 2px 0;
}
#content #summary-table table#summary td.payment {
	text-align:right;
	padding:2px 0 2px 0;
}

#content #summary-table table#summary td.header-row {
	padding:2px 10px 0 0;
}

#content #summary-table table#summary table {
	margin:0;
	padding:0;
}


/*
#content #summary-table table#summary checkbox {
	vertical-align:top;
	float:right;
}
*/
	
#dotted-line-content {
	background:url(../../images/hor_dotted.gif) repeat-x;
	width:420px;
	margin-bottom:10px;
}

	
p.productDisclaimerLeft, p.productDisclaimerLeft a, p.productDisclaimerLeft a:visited{
	color: #999999;
}

.productDisclaimer, .productDisclaimer a, .productDisclaimer a:visited{
	color: #999999;
}

	
h2{
	margin:0px 0px 10px 0px;
	padding:5px 0px 0px 10px;
	border-top:1px #cc0033 solid;
	color:#3d4242;
	font-size:15px;
	background:none;
}	


body.login #content h2 {
	margin:6px 0 14px 0;
	padding:0;
	border:none;
	/*font-size:1.4em;*/
	font-size:15px;
	line-height:1.3em;
	background:none;
	color:#000;
}

body.login #content p {
	padding-left:0;
	margin-bottom:15px;
}


body.login #content {
	background:url(/images/verticleLine.jpg) center center no-repeat;
}

	
body.login span.label, body.login table#login .formLabel {
	display:block;
	margin:1px 0 3px 0;
	font-weight:bold;
}

body.member dd {
	margin-left:25px;
}
	
body.member div.memsum {
	position:relative;
	padding-bottom:10px;
	margin-bottom:10px;
	padding-top:0px;
}

body.member #upgradeNoRenew , body.member #upgrade {
	background:url(../../images/member_sum_upgrade_bg.gif) left bottom no-repeat;
}

body.member #expired , body.member #upgradeOnRenew  {
	background:url(../../images/member_sum_renew_bg.gif) left bottom no-repeat;
}

body.member #current  {
	/*background:url(../../images/member_sum_renew_bg.gif) left bottom no-repeat;*/
	background:url(../../images/member_sum_shop_bg.gif) left bottom no-repeat;
}

.formRight {
	text-align:right;
	padding-right:2px;
}

.formLeft {
	text-align:left;
	padding-left:2px;
}

.formMiddle {
	text-align:right;
	padding:0 2px 0 2px;
	vertical-align:middle;
}
	
body.member div.summary p	{
	padding-right:130px;
	width:400px;
}
		
body.member div.summary dl {
	width:190px;
	margin-bottom:10px;
}
	
body.member .action {
	position:absolute;
	top:10px;
	right:5px;
	width:150px;
}


body.member #upgrade .action, body.member #upgradeNoRenew .action {
	background:url(../../images/member_sum_upgrade_icon.gif) 50% 60% no-repeat;
}

body.member #upgradeOnRenew .action, body.member #expired .action {
	background:url(../../images/member_sum_renew_icon.gif) 50% 60% no-repeat;
}

body.member #current .action {
	/*background:url(../../images/member_sum_renew_icon.gif) 50% 60% no-repeat;*/
	background:url(../../images/member_sum_shop_icon.gif) 50% 60% no-repeat;
}
	
body.member .summary h3 {
	padding-top:10px;
	padding-right:170px;
}
	
body.member div#content div.summary h3 {
	font-size:1.3em;
	line-height:1.2em;
	margin-top:0;
	padding-top:10px;
	padding-bottom:2px;
	color:#000;
}

body.member #upgrade .summary h3, body.member #upgradeNoRenew .summary h3 {
	background:url(../../images/member_sum_upgrade_hd.gif) left top no-repeat;
}
	
body.member #upgradeOnRenew .summary h3, body.member #expired .summary h3 {
	background:url(../../images/member_sum_renew_hd.gif) left top no-repeat;
}

body.member #current .summary h3 {
	/*background:url(../../images/member_sum_renew_hd.gif) left top no-repeat;*/
	background:url(../../images/member_sum_shop_hd.gif) left top no-repeat;
}
	
body.member .action dt {
	margin-bottom:8px;
}
body.member .action dt.cta {
	margin-top:8px;
	font-size:0.85em;
}
body.member .action dt.title img {
	margin-right:6px;
	vertical-align:middle;
}
	
body.member .action dd {
	margin-left:1px;
}
	
#content table.shoppingCart {
	border:1px solid #aaa;
	padding:2px;
	margin:10px 0;
}


table#mem-sum {
	width:390px !important;
	margin:0px;
	padding:0px;
}

table#mem-sum td {
	width:195px !important;
}
table#mem-sum dl#opt-out {
	margin-top:10px;
}

table#mem-sum dl#rewardsEarned {
	margin-top:10px;	
}

/* Adding to fix alignment issue on membership page */
table#mem-sum dl#contact dd {
    width:170px;
    overflow:hidden;
}

/*div#content td a:link	{
	text-decoration:none;
}*/

table.contactUs td {
	padding:1px 2px;
}


/* for tire size pop-ups */
.whiteHeader {
	font-weight:bold;
	color:#fff;
}


/* FORM styles */
#content .formBean table {
	padding:0;
	margin:0;
}
.formBean table td {
 
}
td.formInstructionNormal, td.formInstructionNormalBold, td.formInstructionError,
td.formLabelNormal, td.formLabelError, td.formLabel,
td.formInstruction, td.formInstructionSmall, td.formInstructionBold,
td.formInstructions {
	padding-left:1px;
	

}

table.formError { 
	border:1px solid #999;
	text-align:left;
}

INPUT.submit, INPUT.button, INPUT.reset { font-size: 13px; }

.formInstructionNormal {
}
.formInstructionNormalBold {
	font-weight: bold;
}
.formInstructionError {
	color:#C00;
	vertical-align:bottom;
	

}
.formLabelNormal {
	font-size:100%;
}
.formLabelError {
	font-size:100%;
	font-weight:bold;
	color:#C00;
}
.formLabel {
	vertical-align:bottom;
	font-size:100%;
	font-weight:bold;
	
	}
.pageLabel {
	vertical-align:top;
	font-size:100%;
	font-weight:bold;
	
	}	
	
.formInstruction {
}
.formInstructionBold {
	font-weight: bold;
}
.formInstructionSmall {
	font-size:90%;
}

.formBeanConfirm .formLabel {
	text-align:right;
	font-weight:normal;
	font-size:100%;
}
.formBeanConfirm .formLabelNormal {
	text-align:left;
	padding-left:2px;
	font-size:100%;
}

p#forceGrey a {
    color:#999;
    text-decoration:none;
}
/* Search Sub Box - used on Category View Page */
#searchSubBox { width: 620px; color: #fff; margin: 0; padding: 0;margin-bottom:10px }
#searchSubBoxHeader { width: 620px; height: 20px; background: url(../../images_2007/search/searchresults_header_top_bg.gif) no-repeat top left; display: block; }
#searchSubBoxBody { width: 600px; background: url(../../images_2007/search/searchresults_header_bg.gif) repeat-y; padding: 0 10px; color: #000; }
#searchSubBoxFooter { width: 620px; height: 20px; background: url(../../images_2007/search/searchresults_header_bottom_bg.gif) no-repeat bottom left; } 
.searchSubBoxSubhead { font: bold 13px Verdana, Arial, Helvetica, sans-serif; color: #3d4242; margin-bottom: 6px; margin-top: -3px; }
.searchSubBoxResultsText { margin-left: 30px; font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif; color: #3d4242; }
.searchSubBoxResultsCategory { font: bold 11px/14px Verdana, Arial, Helvetica, sans-serif; color: #3d4242; margin: 0; }
.searchSubBoxResultsCategory a:hover { color: #3d4242; text-decoration: underline; }
.searchSubBoxResultsCategory a:visited { color: #3d4242; text-decoration: none; }
.searchCategoriesTable { width: 95%; margin: 0 0 30px 30px; table-layout: fixed; border-collapse: collapse; } /* table-layout fixed spaces out columns equally */
.searchCategoriesTable td { padding: 0; width: 33%; }
.searchTextOutsideSearchBox { width: 590px; margin-left: 30px; margin-top: 25px; font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif; color: #3d4242;}
.searchTextOutsideSearchBox a { color: #3d4242; text-decoration: underline }
.searchTextOutsideSearchBox a:hover { color: #3d4242; text-decoration: underline }
.searchTextOutsideSearchBox ul { padding-left: 35px; }
#searchSubBox .noResultsHeader {font-size:13px; color:#3D4242;font-weight:bold}



