/* =========

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
------------------------------------------
*/


/*
2.0 GENERIC CLASSES
------------------------------------------
*/
/* Utility class to clear an element */
.clearboth { clear: both; }

.fr { float: right; }

.centered { text-align: center; }

/* Make an element and its children bold */
.strong-element { font-weight: bold; }

.upper { text-transform:uppercase; }

/*
3.0 GENERAL STRUCTURE
------------------------------------------
*/


/* -- Main Content -- */
div.inner { padding:0 25px; } /* padded column innter div */

/* Remove padding for parts pages so that banner image sits at top of column1 */
div#ibody.two-col #column1 { padding-top: 0; }

body#pi-chassismain #ibody, body#pi-ignitions #ibody {}


body.service #column1 { padding-top: 1em; }

div#sidebar { font-size: .9em; }


/*
4.0 HEADINGS
------------------------------------------
*/
/* -- Main Content -- */
#column1 h2 { display: block; margin: 0 0 1.2em 0; padding: 1.2em 30px 0 28px; }
#column1 h3 { margin: 0 30px 2px 28px; font-size : .9em; }
#column1 h4 { margin: 0 30px 2px 28px; }
/* Override image-replacement rules for Brakes Main page - Rules will be applied to A inside H3 */
body#pi-brakesmain #sidebar h3 { padding-top:0px; margin: 0; height: 147px !important; }
body#moviepop h1 { padding:10px 0 5px 0; }

h2.no-banner { padding-top: 1em; }


/*
5.0 BRANDING
------------------------------------------
*/

/*
6.0 LINKS
------------------------------------------
*/

/* -- Sidebar -- */
#sidebar h3 { overflow: hidden; margin: 0; height: 0px; height/**/: 147px; }

/*
5.0 BRANDING
------------------------------------------
*/

/*
6.0 LINKS
------------------------------------------
*/
/* -- Sidebar -- */
#rightGlamourPic{padding-bottom:60px;padding-top:40px; text-align:center;}
#rightGlamourPic img{float:none; display:block; margin:0 auto;border:1px solid #999999;}
#sidebar-footer p#rightLastP,  #sidebar-info p#rightLastP{margin-bottom:20px;}
#sidebar li a { position: relative; background: #BEC8EC url(/i/parts/sectiongeneral/test_button.gif) no-repeat 263px 3px; color:#000; display: block; min-height: 80px; height: 80px; padding: 3px 100px 3px 7px; text-decoration: none; }
/* Recover from pseudo min-height rule */
html>body #sidebar li a { height: auto; }

/* Sidebar pictures on Shocks page are very short, so boxes should be shorter */
body#pi-shocksmain #sidebar li a { min-height: 60px; height: 60px; }
/* Recover from pseudo min-height rule */
html>body#pi-shocksmain #sidebar li a { height: auto; }

#sidebar li a:hover { background-color: #D4DDFF; }
#sidebar li a.nobutton { background-image: none; min-height: 48px; height: 48px; }
/* Recover from pseudo min-height rule */
html>body #sidebar li a.nobutton { height: auto; }

/* Apply image-replacement rules to A for main pages */
body.main #sidebar h3 a { display: block; padding-top: 147px; overflow: hidden; margin: 0; height: 0 !important; height/**/: 147px; }


/*
7.0 PARAGRAPHS
------------------------------------------
*/
/* -- Main Content -- */
#column1 p { margin: 0 30px 1em 28px; }

body.service #column1 p { line-height: 1.25; }

/* -- Sidebar -- */
#sidebar li p { margin: 0; }
/**** delete div#sidebar-footer selector when parts section renewal is complete ****/
#sidebar-footer p, #sidebar-info p { margin: 0 1.5em; padding: .75em 0;}

/*
8.0 BLOCKQUOTES AND CITATIONS
------------------------------------------
*/


/*
9.0 FORMS
------------------------------------------
*/

.two-col #sidebar form fieldset a, .one-col #column1 form fieldset a { color: #006; }

.two-col #sidebar form {  padding: 0; margin: 0; margin: 20px;  }
.one-col #column1 form {  padding: 0; margin: 0; margin: 20px 70px;  }
body.springcarcare .one-col #column1 form { margin: 0; padding: 0; }

.two-col #sidebar form h4,
.one-col #column1 form h4 { background: #008; color: #fff; font-weight: bold; padding: 4px; margin: 0; font-size: 12px; border: 1px #888 solid; margin: 0; border-bottom: 0;}

.two-col #sidebar form fieldset,
.one-col #column1 form fieldset { background: #fff; padding: 8px; border: 1px #888 solid; margin: 0; border-top: 0; }

.one-col #column1 form fieldset { background: #eee; }
body.springcarcare .one-col #column1 form fieldset { background: none; border:none; }

.two-col #sidebar form img,
.one-col #column1 form img { text-align: center; }

.one-col #column1 form dt, .one-col #column1 form dd { text-align: center; }
.one-col #column1 form table { text-align: center; }

fieldset.sub { padding: 0 !important; }
fieldset.sub p.ac { height: 53px; background: url(/i/service/bg_form_footer.gif) repeat-x; width: 100%; text-align: center; margin: 0 !important; }
fieldset.sub p.ac img, fieldset.sub p.ac input { vertical-align: middle; margin: 0 15px; }

.one-col #column1 form fieldset#parts-list dd, .one-col #column1 form fieldset#parts-list dt { text-align: left; margin-left: 25px; }

fieldset#location-selection * { margin-bottom: 0; padding-bottom: 0; }

input#city { margin: 0 10px; width: 150px; }
input#zipcode { width: 85px; margin: 0 25px; }

body#notfound div.one-col form.sitesearch,
body#notfound div.one-col form.sitesearch fieldset { margin:0 0 0 30px; padding:0; background:none; border:0; }

/*
10.0 LISTS
------------------------------------------
*/
/* -- Main Content -- */
#column1 ul { margin: 0 30px 1em 50px; }
#column1 li { margin-bottom : .1em; }
#column1 li ul { margin: 0 30px 0 20px; }

#column1 ol { margin: 0 30px 1em 28px; list-style-position: inside; }


#column1 dl { margin: 0 30px 1em 28px; }
#column1 dt { margin-bottom : .1em; margin-top: 1em;}
#column1 dd { margin-bottom : .1em; }

#contact-us #column1 dd select{ width:205px;[width:205px;width:212px;]/*hack chrome & safari*/*margin-left: 28px! important;width/*\**/:210px\9; /*hacks IE7 and IE8*/}
#contact-us #column1 dd select.ff4{width:195px;}


body.service #column1 ul { line-height: 1.25; }
body.service #column1 ul#coverageone-features { margin-left: 5em; }

/* If a list is the primary content of the page, we'll add some margin-bottom to the list items */
#column1 ul.primary li, #column1 ol.primary li { margin-bottom: .95em; }

/* -- Sidebar -- */
#sidebar ul { border-bottom: 1px solid #999; }
#sidebar ul, #sidebar li { list-style: none; margin: 0; padding-left: 0; }
#sidebar li { width: 282px; border-top: 1px solid #999; position:relative; }

/* -- Installation Videos -- */
#sidebar dl.videos { overflow:auto; margin: 0 10px 10px 10px; }
* html #sidebar dl.videos { height:1%; }
#sidebar dl.videos dt { float:left; width:100px; padding:0 }
#sidebar dl.videos dd { margin-left:110px; }

/* Remove default bullets and left padding/margin from lists */
#column1 .nobullet { list-style: none; margin-left: 0; padding-left: 0; }

/* Show/Hide subnav */
ol#showhide-toc, ol#showhide-toc li, ol#showhide-list, ol#showhide-list li { list-style:none; padding:0; margin:0; }
ol#showhide-toc { margin:20px 0; text-align:center; clear:both; background:bottom center url(../i/service/subnav_border.gif) repeat-x; padding:0 0 0 24%; height:3.2em; }
ol.subnav li { display:inline; }
ol.subnav li a { display:block; float:left; color:#fff; text-decoration:none; padding:5px 10px 15px 10px; text-transform:uppercase; font-weight:bold; }
ol.subnav li a:link, ol.subnav li a:visited { color:#fff; background:bottom right url(../i/service/subnav_bg.jpg) repeat-x #808080; }
ol.subnav li a:hover, ol.subnav li a:active, ol#showhide-toc li a.current { color:#fff; background:bottom center url(../i/service/subnav_hover_bg.jpg) repeat-x #ae3b3b;}


/* Disclaimers */

#column1 dl.disclaimer { margin-top: 3em; }
#column1 dl.disclaimer dt { float: left; clear: left; margin-top: 0.3em; width: 22px; text-align: center; font-weight: bold; font-size: 110%;}
#column1 dl.disclaimer dd { margin-top: 0.5em; margin-left: 22px;}

/*
11.0 TABLES
------------------------------------------
*/
div.sparkplug-column table { border: none; width: 100%; margin-bottom: 1.5em; }

div.sparkplug-column table caption span.maincaption, div.sparkplug-column table caption span.subcaption {  display: block; padding: 5px; text-align: center; border-style: solid; border-width: 1px; width: 331px; margin-left: 1px; }

div.sparkplug-column table caption span.maincaption { background: #D3DDE7; border-color: #E6ECF2 #BDCCDB #BDCCDB #E6ECF2;  margin-bottom: 1px; }

div.sparkplug-column table caption span.subcaption { background: #ededed; border-color: #f6f6f6 #e6e6e6 #e6e6e6 #f6f6f6; }

div.sparkplug-column table thead { display: none; }

div.sparkplug-column table td, div.sparkplug-column table th { background: #dfdfdf; border-style: solid; border-width: 1px; border-color: #eee #ccc #ccc #eee; padding: 5px; }
div.sparkplug-column table th { width: 30px; font-size: .8em; vertical-align: top; padding-top: 7px; text-align: center; }
* html div.sparkplug-column table td { width: 100%; }
* html div.sparkplug-column table th { font-size: .7em; width: 40px; }

/* blue table with rounded corners */
table.widechart { background:url(../i/service/widechart_middle_bg.gif) repeat-y #bec8ec; margin:0 0 15px 0; border-collapse:collapse; width:645px; }
table.widechart th, table.widechart td { text-align:left; border-bottom:1px solid #fff; vertical-align:top; padding:4px 20px; }
table.widechart th.header1, table.widechart th.header2 { white-space:nowrap; color:#fff; background: url(../i/service/widechart_top_bg.gif) no-repeat #7d8abb; padding:8px 20px 4px 20px; border:0; }
table.widechart th.header2 { background-position:right top;}
table.widechart th.last, table.widechart td.last { border-bottom:0; background: left bottom url(../i/service/widechart_bottom_bg.gif) no-repeat; padding-bottom:15px; }
table.widechart td.last { background-position:right bottom;}

/*
12.0 MISC PRESENTATION ELEMENTS
------------------------------------------
*/
/* Background on content area */
.one-col { background: #fff; }
.two-col { background: url(/i/parts/sectiongeneral/bg_ibody.gif) repeat-y; }

/* Superscript elements of sidebar link headers */
#sidebar li a strong sup { position: relative; top: 5px; font-size : .75em; padding-top: 0; margin-top: 0;}
/* IE Hack */
* html #sidebar li a strong sup { top: 0px; }

#sidebar li a strong span.subhead { font-size: .8em; }

/* Underline portions of text within a block-level link */
.linksignal { text-decoration: underline; }

/* Linked blocks in sidebar */
#sidebar li a strong { color: #7D8ABB; display: block; font-size: 1.5em; padding: 0 0 .25em 0; line-height: .9em; }
#sidebar li a strong.supshift { color: #7D8ABB; display: block; font-size: 1.5em; padding: 0 0 .25em 0; line-height: .9em; margin-top: 0; }
* html #sidebar li a strong.supshift { margin-top: 0; }

#sidebar #movielist { background: #dfdfdf; border-bottom: 1px solid #999; }
#sidebar #movielist h2 { margin-left: 0; }
#sidebar #movielist p { margin-bottom: 1em; }

/*
13.0 IMAGES
------------------------------------------
*/
/* Banner image in main content area */
#column1 img.banner { border-bottom: 1px solid #999; }

/* Image added to right of main banner on single-column pages */
#column1 img.banner-supplement { border-bottom: 1px solid #999; border-left: 1px solid #999; }
body#pi-chassismain img.banner-supplement, body#pi-ignitions img.banner-supplement { border-left: none; }

#sidebar li img { position: absolute; bottom: 2px; right: 2px; border: none; }

/* Glamour photos in sidebar */
.glamour { display: block; margin: 0; padding: 0; border-bottom: 1px solid #999; }
.glamourcenter { text-align:center; background:#fff; }

/* Watch a video icon floated to left*/
.iconfl { float:left; margin:2px 6px 0 1em;}

/* Images within a news article etc. */
body#news img.imgfr { float:right; margin:2px 30px 6px 1em; border:1px solid #999; }
body#intune img.imgfr { float:right; margin:2px 30px 6px 1em; }

/*
14.0 META
------------------------------------------
*/

#column1 address { margin: 0 30px 1em 28px; font-weight:bold; font-style:normal; }

/*
15.0 ACCESSIBILITY
------------------------------------------
*/

/*
16.0 PAGE SPECIFIC
------------------------------------------
*/

 /* -- Alternators and Starters Main -- */
body#pi-altstartmain #sidebar h3 { background: url(/i/parts/alternators-starters/sidebar/hd_alternators_starters.jpg) no-repeat; }

/* -- Batteries Main -- */
body#pi-batteriesmain #sidebar h3 { background: url(/i/parts/battery/sidebar/hd_prof_battery.jpg) no-repeat; }

/* -- Brakes Main -- */
html>body#pi-brakesmain #sidebar h3 { position:relative; z-index:300;}
body#pi-brakesmain #sidebar h3 a { background: url(/i/parts/brakes/sidebar/hd_durastop_parts.jpg) no-repeat; display: block; padding-top: 147px;
overflow: hidden; margin: 0; height: 147px;}

/* -- Brakes Durastop -- */
body#pi-durastop #sidebar h3 { background: url(/i/parts/brakes/sidebar/hd_durastop.jpg) no-repeat; }

/* -- Filters Main -- */
body#pi-filtersmain #sidebar h3 { background: url(/i/parts/filters/sidebar/hb_filters.jpg) no-repeat; }

/* -- Fuel Pump Main -- */
body#pi-fuelpumpmain #sidebar h3 { background: url(/i/parts/fuel-pumps/sidebar/hd_fuelpump.jpg) no-repeat; }


/* -- Shocks and Struts Main -- */
body#pi-shocksmain #sidebar h3 { background: url(/i/parts/shocks/sidebar/hd_shocks_struts.jpg) no-repeat; _margin-right:-2px;}

/* -- Steering Main -- */
body#pi-powersteeringmain #sidebar h3 { background: url(/i/parts/power-steering-pumps/sidebar/hd_powersteering.jpg) no-repeat; }

/* -- Wipers Main -- */
body#pi-wipersmain #sidebar h3 { background: url(/i/parts/wipers/sidebar/hd_wiper.jpg) no-repeat; border-bottom: 1px solid #999; }

/* -- Spark Plugs Main -- */
body#pi-sparkplugsmain #sidebar h3 { background: url(/i/parts/spark-plugs/sidebar/hd_spark.jpg) no-repeat; border-bottom: 1px solid #999; margin-right:-2px; }

/* Spark Plugs Identification */
div.subcolumn-1 { margin-left: 28px; }
* html div.subcolumn-1 { margin-left: 15px; }
body#pi-sparkplugsident #column1 p { margin-left: 0; }
body#pi-sparkplugsident #column1 p.intro { margin-left: 28px; }

body#pi-sparkplugsident #column1 h3 { margin-left: 0; font-size: 1.2em; }

#column1 ul.basic li ul.sub li{ list-style-type:circle; margin-bottom:0; }

#unicoil-hose {margin-right:3px;}

/* Site Map */
#ibody #column1 ul.sitemap-list { margin:0; padding:0; width:220px; float:left; display:inline; }
#ibody #column1 ul#right-list { margin:0 0 0 10px; float:right; }
#ibody #column1 ul.sitemap-list ul { margin:0.3em 0 0 0; }
#ibody #column1 ul.sitemap-list li { margin:0 0 1.2em 30px; list-style:outside none; line-height:1.4em; font-weight:bold; font-size:1.2em; }
#ibody #column1 ul.sitemap-list li li { margin:0 0 0.3em 20px; font-weight:normal; font-size:0.84em; list-style:disc; }
#ibody #column1 ul.sitemap-list li li li { font-size:1.0em; list-style:circle; }

#comp_chart{
	margin-left: 27px;
}
#comp_chart table{
	border-spacing:0px;
	border-color: #000;
}
#comp_chart table td, th{
	padding: 5px;
}
#comp_chart .blue{
	border-color: #000;
	color: #03317A;
}
#comp_chart .red{
	border-color: #000;
	color: #E13A3E;
}
.vehcare{padding-right:10px;}
.vehcare img.fr {margin-left:10px;}
.ltblueBG {background-color:#99CCFF;}
.ltgrayBG {background-color:#CCCCCC;}
.boldtext {color:#000000;font-size:12px;font-weight:bold;}
.rtext {color:red;font-size:12px;font-weight:bold;}

#column1 ul.subNav{margin-bottom:0px;}
