/* =========

1.0 UNIVERSAL RESETS
2.0 GENERIC CLASSES
3.0 GENERAL STRUCTURE
4.0 HEADINGS
5.0 BRANDING
6.0 LINKS
7.0 PARAGRAPHS
8.0 BLOCKQUOTES AND CITATIONS
9.0 FORMS
10.0 LISTS
11.0 TABLES
12.0 MISC PRESENTATION ELEMENTS
13.0 IMAGES
14.0 META
15.0 ACCESSIBILITY
16.0 PAGE SPECIFIC

========= */

/*
1.0 UNIVERSAL RESETS
------------------------------------------
*/
html { margin: 0;	padding: 0; }
/* you cannot dictate generic rules for html elements like this without causing all kinds of cascade dependencies - font size and line-height should be flexible, not
set in stone like this || Jim */
p, label, a, th, td, blockquote, ul, li, ol, dl, dt, dd, input, select, textarea { font-size: 11px; line-height: 15px; }


/*
2.0 GENERIC CLASSES
------------------------------------------
*/
.fr { float: right; margin: .5em 0 .5em 1.5em; }  /* generic rules shouldn't contain margin or padding - this rule is pretty much useless || Jim */
.fl { float: left; margin: .5em 1.5em .5em 0; } /* generic rules shouldn't contain margin or padding - this rule is pretty much useless || Jim */
.cr { clear: right; }
.cl { clear: left; }
.call { clear: both; }

.visible { visibility: visible; }
.hidden { visibility: hidden; }

.hide, .wcag, .anchor { position: absolute; left: -1000px; width: 900px; font-size: 1px; line-height: 1px; }
.note { font-size: 90%; font-weight: normal; }
.gray { background-color: #ccc; text-align:center; }
.middle { text-align:center; }
.redtd { background-color: red; }
.yellowtd { background-color: #ff0; }
.legal { font-size: 10px; }
.whitetext { color: #fff; }

.caption { font-size: 10px; color: #616161; }

.rtext { color: red; font-weight: bold; font-size: 12px; }
.undertext { color: #000; font-weight: bold; text-decoration: underline; font-size: 12px; }
.boldtext { color: #000; font-weight: bold; font-size: 12px; }
.redtext { color: red; }
.error { color: red; font-weight: bold; }
.blackBG { background-color: #000; }
.grayBG { background-color: #999; }
.blueBG { background-color: #02026C; }
.redBG { background-color: red; }
.ltgrayBG { background-color: #ccc; }
.ltblueBG { background-color: #9cf; }
.topnavBG { background: #02026c url(/images/nav/tn_bg_left.gif) repeat-y; }
.textbox { width: 50px; font-size: 11px; color: #006; }
.indent { padding-left: 5px; }
.shift-right { padding-left: 20px; }

.linkbox { border-style: solid; border-width: 1px; border-color: #999; text-align: left; padding: 5px; width: 130px; }

.topright { position: absolute; top: 160px; left:600px; }
/* MAC IE hack */
/*\*//*/.topright
{
	position: absolute;
	margin-top:-160px;
	margin-left:-30px;
}/**/

/*
3.0 GENERAL STRUCTURE
------------------------------------------
*/
body { background: #fff; color: #000; margin: 0; padding: 5px 0 3.8em 0; font-family: Arial,Helvetica,sans-serif; font-size: 80%; }

#hdr { min-width: 695px; background: #030371 url(/i/h_bg.gif) repeat-y top left; height: 115px; width: 695px; border: 1px solid #000; border-bottom: 2px solid red; padding: 0; margin-left: 30px; }
/* Hide from IE */
html>body #hdr { height: 112px; margin-bottom: 25px; }

/* Container for form in header */
#hdrmisc { position: absolute; left: 450px; top: 5px; width: 275px; color: #fff; }

/* Popup Menu */
#pctsnav { margin-top: 1em; width: 9em; position: absolute; top: 5px; left: 250px; z-index: 1000; }

#tabnav { position: relative; left: 30px; top: -23px; z-index: 20; padding-left: 8px; clear: left; width: 695px; }
/* Hide from IE */
html>body #tabnav { position: absolute; left: 33px; top: 98px; }

#main2 { width: 570px; margin-left: 30px; }

#ibody { margin:20px 0 0 70px; width:550px; }

#blank,#why,#service,#sports,#autosys,#funzone,#partscat,#store { position: absolute; top: 112px; width: 166px; z-index: 2; visibility: hidden; }
#blank { left: 0; width: 1px; }
#why { left: 90px; }
#service { left: 250px; }
#sports { left: 525px; }
#autosys { left: 402px; width: 158px; }
#funzone { left: 512px; width: 158px; }
#partscat { top: 20px; left: 225px; width: 187px; }
#store { top: 45px; left: 225px; width: 187px; }

#footer { clear: left; width: 695px; position: relative; top: 2em; left: 0; padding-bottom: 2px; background: #fff; text-align: center; }

/*
4.0 HEADINGS
------------------------------------------
*/
h1, h2, h3, h4, h5, h6 { font-family: Arial,Helvetica,sans-serif; font-weight: bold; line-height: 120%; margin: 10px 0px 4px 0px; }

h1 { font-size: 16px; }
h2 { font-size: 14px; font-weight: bold; }
h3 { font-size: 14px; font-weight: bold; }
h4 { font-size: 11px; }
h5 { font-size: 11px; }
h6 { font-size: 11px; }

h1#logo { position: static; width: auto; display: block; float: left; text-indent: -1000em; background: transparent url(/i/li.gif) no-repeat top left; margin: 0; padding: 0; overflow: hidden; width: 260px; height: 95px; }

#hdrmisc h4 { margin: 0; padding: 0; height: 18px; width: 275px; text-indent: -1000em; background: #d1d1d1 url(/images/nav/tn_retailer.gif) no-repeat top left; }

.ihdr h2,.ihdr h3 { margin:0 1em 0 0; padding-bottom:0px; float:left; }
.ihdr h3 { font-size: 11px; }

/* Header image replacements */
#hdrsc, #hdrwc, #hdsm, #hdayv, #hdabus, #hdsa, #hdral,#hdrcu, #hdrsv, #hdnews { height: 12px; margin-right: 3px; text-indent: -100em; }
#hdrsc { background: transparent url(/images/sc_header.gif) no-repeat; width: 184px; }
#hdrwc { background: transparent url(/images/wc_header.gif) no-repeat; width: 200px; }
#hdrcu { background: transparent url(/images/con_header.gif) no-repeat; width: 115px; }
#hdsm { background: transparent url(/i/sm_header.gif) no-repeat; width: 200px; }
#hdayv { background: transparent url(/i/ayv_header.gif) no-repeat; width: 179px; }
#hdabus { background: transparent url(/i/abus_header.gif) no-repeat; width: 84px; }
#hdsa { background: transparent url(/i/sa_header.gif) no-repeat; width: 141px; }
#hdrsv { background: transparent url(/images/sv_header.gif) no-repeat; width: 68px; }
#hdral { background: transparent url(/i/lnk_header.gif) no-repeat; width: 157px; }
#hdnews { background: transparent url(/images/bn_header.gif) no-repeat; width: 145px; }

#ibody h3 { margin: 2em 0 0 0; }


/*
5.0 BRANDING
------------------------------------------
*/

/*
6.0 LINKS
------------------------------------------
*/
a:link { color: #009; background: transparent; }
a:visited { color: #999; background: transparent; }
a:active { text-decoration: underline; color: #06f; background: transparent; }
a:hover { text-decoration: none; color: #06f; background: transparent; }

a:link.external, a:visited.external { background: url(/i/ext_href.gif) no-repeat right; padding-right: 12px; }
a:link.external2, a:visited.external2 { background: url(/i/ext_href2.gif) no-repeat right; padding-right: 12px; }

/* Linked logo throughout site */
h1#logo a { display: block; margin: 0; padding: 95px 0 0 0; overflow: hidden; width: 260px; height: 0px !important; }

#pctsnav li a:link, #pctsnav a:visited { display: block; background: #30c; color: #fff; border: 1px solid red; font-size: 12px; padding: 3px 3px 3px 5px; margin: 0 0 4px 0; }
#pctsnav li ul li a:link, #pctsnav li ul li a:visited { color: #000; background: #c2c2c2 none; height: auto; font-size: 1em; width: 18em; text-indent: 0; text-align: left; text-decoration: underline; font-style: normal; border: 0px none; border-right: 1px solid #787878; display: block; margin: 0; padding: .6em 1em .6em .6em; }
html>body #pctsnav li ul li a:link, html>body #pctsnav li ul li a:visited { width: 18em; }

#pctsnav li ul li a:hover { background: #e5e5e5; color: #f00; }
#pctsnav li ul li.in a:link, #pctsnav li ul li.in a:visited { padding: 3px 0 3px 10px; }

#tabnav a { float: left; display: block; background: url(/i/right_all_red.gif) no-repeat right top; padding: 5px 10px 4px 3px; text-decoration: none; font-weight: bold; font: bold 10px/11px Verdana,Arial,Helvetica,sans-serif; color: #fff; }
#tabnav > ul a { width: auto; }
/* \*/
#tabnav a { float: none; }
/* */
#tabnav a:hover { color: #fff; }
#tabnav li:hover,#tabnav li:hover a:link,#tabnav li:hover a:visited { background-position: 0% -150px; color: #fff; }
#tabnav li.hover,#tabnav li.hover a:link,#tabnav li.hover a:visited { background-position: 0% -150px; color: #fff; }
#tabnav li:hover a:link, #tabnav li:hover a:visited { background-position: 100% -150px; }
#tabnav li.hover a:link, #tabnav li.hover a:visited { background-position: 100% -150px; }

#home #nav-home a,#pi #nav-pi a,#sm #nav-sm a,#ayv #nav-ayv a,#sc #nav-sc a,#ytu #nav-ytu a { background-position: 100% -300px; padding-bottom: 5px; color: #000; }

#footer ul li a:link, #footer ul li a:visited { color: #fff; height: 1.6em; text-decoration: none; font-weight: bold; padding: 0 1em 0.3em 0; }
#footer ul li a:link.external, #footer ul li a:visited.external { padding-right: 12px; margin-right: .8em; }
#footer ul li a:hover { text-decoration: underline; }

a.sublink:link, a.sublink:visited, .sublink2 { font-family: Arial,Helvetica,sans-serif; font-size: 10px; }

a.whitetext, a.whitetext:link,a.whitetext:visited { color: #fff; }

/*
7.0 PARAGRAPHS
------------------------------------------
*/
fieldset p { margin: 1em 2em 0 2em; }

p.subheader { font-weight:bold; }

/* Form in header */
#hdrmisc p { font-size: 9px; line-height: 9px; margin: 4px 0 2px 5em; padding: 0; }
#hdrmisc p#zipfield { font-size: 9px; }

#ibody p { margin: 0 0 1em 0; }

.rrarchives p { padding-bottom: 1em; border-bottom: 1px solid #666; }

#footer p { margin: 0; padding: .8em 0 2em 0; }

/*
8.0 BLOCKQUOTES AND CITATIONS
------------------------------------------
*/

/*
9.0 FORMS
------------------------------------------
*/
fieldset { padding: 1em 0 1em 0; border: 1px solid #8491C3; }
input { font: 10px Verdana,Arial,Helvetica,sans-serif; padding: 2px; }
label { font-weight: bold; }
button { background: #15148c; color: #fff; padding: 1px; margin: .5em 0 0 .5em; font-weight: bold; font-size: 11px; }
caption, legend { text-align: left; font-weight: bold; font-size: 11px; }

#hdrmisc label { font-size: 11px; line-height: 10px; font-weight: normal; margin: 0; padding: 0; }

input#prsclsubmit { margin-left: .9em; }

/* Contact us forms */
#ytu #ibody fieldset { border: 0; margin-bottom: 2em; padding:0; line-height: 2.5em;}
#ytu #ibody fieldset legend { font-size: 1em; font-weight: bold; color: #000000; margin:0; padding:0; margin-bottom: 0.5em; }
#ytu #ibody fieldset label, #ytu #ibody input, #ytu #ibody .bkfl, #ytu #ibody select {display: block; float: left; }
#ytu #ibody fieldset label { width: 180px;}
#ytu #ibody fieldset br {clear: left;}
#ytu #ibody fieldset dev.bkfl { margin:0; padding:0; }
#ytu #ibody fieldset .bkfl input { display: inline; float: none; }
#ytu #ibody fieldset.nowrap { width: auto; }
#ytu #ibody fieldset.nowrap label { width: auto; }
#ytu #ibody fieldset label.nowrap { width: auto; }
#ytu #ibody fieldset label { font-weight: normal; }

/* Hide additional input boxes to be displayed as needed */
#ytu #ibody #udv2, #ytu #ibody #udv3, #ytu #ibody #udv8, #ytu #ibody #udv11 { display:none; }

/*
10.0 LISTS
------------------------------------------
*/
ul.plain, ul.plain li { list-style-type: none; margin: 0; padding: 0; }
ul.noident, ul.noident li { list-style-type: none; margin-left: -2em; padding: 0; }
ul.bold, ul.bold li { list-style-type: none; margin-left: -2em; padding: 0; font-weight: bold; }
li.emsntext { padding: 2px 2px 2px 5px; }

#pctsnav li { display: block; width: 100px; min-width: 100px; line-height: 120%; margin: 0; padding: 0; list-style-type: none; }
#pctsnav li ul { display: block; height: 1em; width: 15.5em; position: absolute; left: -1000em; top: auto; padding-left: 0; z-index: 600; border-top: 1px solid #fff; border-left: 1px solid #ccc; border-bottom: 1px solid #000; background: #c2c2c2; color: #fff; }
html>body #pctsnav li ul { width: 14em; }

#pctsnav li:hover ul, #pctsnav li.hover ul { left: auto; margin-left: -8em; height: auto; overflow: visible; }
#pctsnav li ul li { float: none; color: #000; background: #fff; margin: 0; padding: 0; }

#tabnav ul { margin: 0; padding: 0; list-style: none; }
#tabnav li { float: left; background: url(/i/left_all_red.gif) no-repeat left top; margin: 0 1px 0 1px; padding: 0 0 0 7px; white-space: nowrap; border-bottom: 1px solid red; }

/* Tabbed navigation */
#home #nav-home,#pi #nav-pi,#sm #nav-sm,#ayv #nav-ayv,#sc #nav-sc,#ytu #nav-ytu { background-position: 0 -300px; border-width: 0; border-bottom: 2px solid #fff; }

/* Section sub-nav */
.bcnav { border-top: 1px solid #000; list-style-type: none; clear: left; margin: 0; padding: 0; }
.bcnav li { list-style-type: none; display: inline; font-size: .9em; margin: 0 1em 0 0; padding: 0; }

#ibody ul, #ibody ol { margin-left: 25px; padding-left: 0; }

#ibody dt { font-weight: bold; padding-top: 1em; }
#ibody dd { margin-left: 0; }

ul.noindent { margin: 0; padding: 0; }
ul.noindent li { margin: 0 10px 10px 10px; }
ul.square {list-style-type:square;}

#footer ul { background: #7d8abb; color: #fff; text-align: center; margin: 0; padding: 0.5em 0 0 1em; border: 1px solid #000; height: 2.1em; }
html>body #footer ul { height: 1.6em; }
#footer ul li { display: inline; list-style-type: none; font-size: 0.8em; margin: 0; padding: 0; }

/*
11.0 TABLES
------------------------------------------
*/
.drst td { padding: 3px 6px 0 0; font-size: 11px; }

table.plugs { border:1px solid #666; width:300px; }
table.plugs td { border:1px solid #666; padding:4px; }

table.rapidfire { border:1px solid #666; margin-left:3em; }
table.rapidfire td { border:1px solid #666; padding:2px; }

table.chart { border:solid #808080; border-width:0 1px 1px 0; border-collapse:collapse; width:100%; margin-bottom:5px; }
table.chart caption { font-size:14px; padding-bottom:3px; }
table.chart th, table.chart td { border:solid #808080; border-width:1px 0 0 1px; padding:4px; background:#fff; text-align:center; vertica-align:middle; }
table.chart th { background: #eee; color:#000; }
table.chart th.row { background: #ccc; color:#000; }

/*
12.0 MISC PRESENTATION ELEMENTS
------------------------------------------
*/
b, strong { font-weight: bold; }
i, em { font-style: italic; }
cite, kbd, code, input { font: 10px/13px "Bitstream Vera Sans Mono","Lucida Console","Andale Mono","monotype.com",monospace; }

.ihdr { margin-bottom: 2em; width:550px; } 
.ihdr hr { float:left; border-top:1px solid #000; text-align:left; margin:0; }
/** html hr.ihdr { margin-bottom:0; } */

.sublink, .sublink2 { font-size: 11px; white-space: nowrap; }
.sublink2 { color: #666; }
.nolink { cursor: default; }

.header { font-size: 16px; font-weight: bold; }
.subheader { font-size: 14px; font-weight: bold; }
.cityheader { font-size: 14px; font-weight: bold; color: #02026C; }

.wiper, .emsntext, .emsn, .trackfacts, .pitroad, .vehcare, .filtair, .filttrans { display: none; }

.bcnav li span { white-space: nowrap; }
/*
13.0 IMAGES
------------------------------------------
*/
img { border: 0px none; }

/*
14.0 META
------------------------------------------
*/
abbr, acronym { font-style: normal; cursor: help; }

/*
15.0 ACCESSIBILITY
------------------------------------------
*/

/*
16.0 PAGE SPECIFIC
------------------------------------------
*/
/* for Clint Barker article - N. Bush */
#cb_rightpad { margin-bottom:10px; margin-top:0;margin-left:81px; z-index:1; position:relative; }
* html #cb_rightpad { margin-left: 71px; }
#cb_leftpad { float:right; text-align:center; margin:10px; margin-top:-140px; width:152px; z-index:0; }  
#cb_in_car_1 { position:relative; height:221px; margin:10px; }
#cb_in_car_2 { position:absolute; left:130px; }
#cb_in_car_3 { position:absolute; top:50px; }
#cb_headshot { display:block; clear:both; margin:10px; margin-left: -35px; position:relative; width:432px; }

/* for vehicle service pages */

#ibody p.top { padding-top:1em;}
div.box { width:234px; height:201px; float:right; background:url(/images/sm_box.png) top center no-repeat; }
div.box form { margin-top:14px; padding-left:16px; color:#fff; font-weight:bold; font-size:0.9em;}
div.box p {background:url(/images/sm_coverage1.gif) bottom center no-repeat; padding:0 15px 58px 20px; line-height:1em;}
div.box dl { margin:10px 25px 0 0; text-align:right; height:0.1%;}
div.box dl dt, div.box dl dd { display:inline; color:#000;}
div.box dl dd.db { display:block; margin:3px 0 1em 0; width:22%; float:left;}
div.box dl dd.db.fieldmessage { width:70%; color:#f00; padding:3px 3px 0 0;font-weight:normal; }
* html div.box dl dd.db.fieldmessage { width:69%; }
* div.box form  { margin-bottom:0.5em;}
div.box dl dd.db input { font-size:1.1em; font-weight:bold; margin:0; }
* html div.box dl dd.db input { padding:2px; width:60px;}

/** for Service Center Locator **/
body#sm #ibody h4 { background:url(/images/sm_coverage1.gif) top left no-repeat; padding-top:58px; color:#0A469D;}
/* body#pi #ibody form.saf fieldset legend { display:block; width:600px; padding:0.5em ; border:0; background-color:#0C0C82; color:#fff; margin-top:2em;}
*/
body#sm #ibody form#vsc fieldset { padding:0; background-color:#EFEFEF;}
body#sm #ibody form#vsc  fieldset table { width:100%;}
body#sm #ibody form#vsc  fieldset table caption { padding:0.5em ; border:0; background-color:#0C0C82; color:#fff; margin:0;}
body#sm #ibody form#vsc  fieldset table td { text-align:center;}

body#sm #ibody form#vsc  fieldset.sub { border-top:0; background:url(/images/vsc_bg.png) repeat-x; height:54px; padding:0;}
body#sm #ibody form#vsc  fieldset.sub p { background:url(/images/nearyou.png) 35% 5px no-repeat; padding:12px 0 0 55%; height:45px; margin:0;}

dl#coverageone-zipform { text-align: left; margin: 10px 0 0 0; }