/* =========

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

========= */

/*
1.0 UNIVERSAL RESETS
------------------------------------------
*/
* { margin: 0; padding: 0; }


/*
2.0 GENERIC CLASSES
------------------------------------------
*/

.fr { float: right; }
.fl { float: left; }
.cr { clear: right; }
.cl { clear: left; }
.call, .clr { clear: both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }


/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix {display: block;}
/* End hide from IE-mac */

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

.dn { display: none; }

.nw { white-space: nowrap;}

.indent { text-indent:20px; }
.tac { text-align:center; }

.tar { text-align:right; }

/* Use this class to set up text elements for image replacement */
.replaced { height: 0 !important; overflow: hidden; display: block; }
.disclaimer { font-size: 86%; color: #666; }

/*
3.0 GENERAL STRUCTURE
------------------------------------------
*/
body { background: #A2ADBA url(/i/dma/bg/corner_highlight.jpg) fixed no-repeat; color: #000; padding: 5px 0 3.8em 0; font-family: Arial,Helvetica,sans-serif; font-size: 80%; }
body#moviepop { padding:10px; }


#ibody, #ibody2 { clear:both; background: #fff url(/i/dma/bg/content_repeat_onecol.png) repeat-y; width:771px; margin: 0 auto; text-align:left; }

div.container, div#ibody.two-col { background: #fff url(/i/dma/bg/content_repeat.gif) repeat-y; }


 
#column1 { padding-bottom : 2em; float:left; }
body#pi #column1, body#sm #column1, body#maintenance #column1 { padding-bottom: 0; }
.one-col #column1 { width: 100%; float: none; }
.two-col #column1 { width: 487px;  }

/* --|| see ie.css for column width hacks ||-- */


#main2 #location { width:771px; height: 57px; margin: 0 auto; background: transparent url(/i/dma/bg/contentheader.png) no-repeat top left; } 

#main2 #location h1 { padding: 15px; font-size: 24px; color: #444444; } 


/* Parts index area */
div#index-matrix-top, div#auto-systems-guide-top { width:380px; padding:30px 0 5px 0; margin:0 0 0 46px; background:#7D8ABB url(/i/dma/parts/homepage/partsindex_top_bg.gif) left top no-repeat; height:2em; }


div.sparkplug-column { width: 345px; float: left; margin-left: 15px; }


/* We're here to help & Email Signup footer */
div#help { clear: both; font-size: 0.95em; line-height: 1em; background: #BEC8EC; margin-top: 2em; margin-left:2px; padding: .75em 0; width: 485px; }
div#help-col1 { width: 243px; border-right: 1px solid #666; float: left; }
div#help-col2 { width: 238px; float: left;  }
div#help-col2 a.action-link { margin:0 20px 0 auto; }

html>body div#help-col2 a.action-link { margin:0 40px 0 auto; }


/* -- Sidebar -- */
#sidebar { float: right; width: 282px; margin:0 1px 0 0; padding:0px; }
html>body #sidebar { margin:0px 2px 0 0; }

div#sidebar div#parts-catalog { text-align:left; background:#ddd; width:282px; margin-top:1em; 
padding:0px; margin:0px; }
div#sidebar div#brand-protection { background:#999; width:282px; border-top:1px solid #fff; border-bottom:1px solid #fff; }

div#service-center-locator { color: #fff; background:#999; padding: .5em 0 0 0; }
div#coverage-one { background: #ccc; width:282px; padding: 1em 0 1em 0; }
div#saving-time { background: #fff; width:282px; padding: 0 0 1em 0; }
div#env-awareness { background: #fff url(/i/dma/service/sidebar_environmental_awareness_bottom.jpg) left 79px no-repeat; width:282px; 
padding-bottom: 140px; }

/**** delete div#sidebar-footer selector when parts section renewal is complete ****/
div#sidebar-footer, div#sidebar-info { width:100%; }

body#pi #column1 a, body#pi #column1 ol,  body#pi #column1 li, body#pi #column1 ul { font-size:1em; line-height:2.2em; }

/* Blue promo callout box*/
div.promo-blurb { border: 1px solid #93ACE4; background: #CCE7FF; margin: 0 25px; padding: 1em 0 0 0; }
div.promo-blurb strong { display: block; }


/*
4.0 GLOBAL NAVIGATION/GUI
------------------------------------------
*/

/* See navigation.css for main header nav rules */



div#global-footer { background:url(/i/dma/bg/footer_repeat.png) repeat-y; clear:left; display:block; margin:0 auto 0 auto; width:771px; }
div#footer-bottom { width:771px; height:20px; display:block; margin:0 auto 2em auto; background:url(/i/dma/bg/footer_bottom.png) no-repeat; clear: both; }


div#footer-wrapper { background: url(/i/dma/bg/footer_repeat.png) repeat-y; clear: both; width: 771px; margin:0 auto 0 auto; }

div#global-footer { background: url(/i/dma/bg/footer_repeat.png) repeat-y; clear:both; display:block;  width:771px; }
div#footer-bottom { width:771px; height:20px; display: block; margin: 0 auto 2em auto; background: url(/i/dma/bg/footer_bottom.png) no-repeat; clear: both; }

/* --|| see ie.css for png hacks ||-- */


div#footer-promo { float:right; width:348px; }
body#rebate-form div#footer-promo { float:right; width:278px; }

div#footer-promo h4 { font-size:1em; color:#fff; text-transform:uppercase; margin:5px 0 5px 15px; }
div#footer-promo p { color:#fff; margin:15px; }

/*
5.0 HEADINGS
------------------------------------------
*/


body.partsinfo h1, body.service h1 { margin: .5em 0 .65em 28px; font-size: 1.25em; }
body.partsinfo div.one-col h1 { padding-top: 1em }

body.partsinfo h2 { margin: 0 0 .55em 28px; font-size: 1.1em; }

#column1 div#index-matrix-top h2 { padding: 0; font-weight: normal; display: inline; font-size: 1.2em; color: #fff; margin: 0 15px 0 38px; line-height: 1.4; }
div#auto-systems-guide-top h2 { font-weight: normal; font-size: 1.2em; color: #fff; margin: 4px 0 0 38px; }

body#pi #column1 h3, body#sm #column1 h3 { margin: 0 30px 2px 28px; font-size : .9em; }

ol#showhide-list h2 { margin: 2em 0 0 78px; }

div#service-center-locator h3 { padding-top: 21px; background: url(/i/dma/service/txt_find_service_center_sidebar.gif) no-repeat center top; width: 282px; height/**/: 21px; }
div#saving-time h3 { padding-top: 62px; background: url(/i/dma/service/sidebar_saving_time.gif) no-repeat; width: 282px; height /**/: 62px; }

li h4 { font-size:1em; margin:0.4em 0; }
div#help h4 { position: relative; color: #000; margin: 0 0 .5em 28px; padding-top:10px; clear: both; }

div#sidebar h4 { color:#fff; font-size:1em; margin: .25em 0 0 10px;  }
div#sidebar div#parts-catalog h4 { color:#333; }

#parts-locator div { width:360px; }

form#coverageone-form h4, form.parts-locator-form h4 { background: #008; color: #fff; font-weight: bold; padding: 4px; margin: 0; font-size: 12px; border: 1px #888 solid; border-bottom: 0; }

div#sidebar h5 { color:#333; border-bottom:0px; font-size:0.8em; margin-left:10px; }


/*
6.0 BRANDING
------------------------------------------
*/


p#logo { width:98px; height:19px; float:left; margin:40px 0 0 20px; }
p#logo a { display:block; width:98px; height:19px; background:url(/i/dma/branding/acdelco_logo.gif) no-repeat; }
 p#logo a strong { position:absolute; left:-9999px; } 



/*
7.0 LINKS
------------------------------------------
*/

a:link, a:visited { color:#003399; }
a:hover { text-decoration:none; }

a.external { padding:0 0 2px 15px; background:url(/i/dma/gui/external_icon.gif) center left no-repeat; }
div#parts-catalog a.external { padding-left:0px; }

p a.action-link, a.action-link:visited { background:#8D0000 url(/i/dma/bg/gradient5.gif) repeat-y; float:right; margin:5px; width:8em; color:#fff; border:1px solid #fff; text-decoration:none; display:block; padding:3px; text-align:center; font-weight:bold; }
a.action-link:hover { border:1px solid red; }

/* Parts sidebar */
ul#specialties li a { display:block; width:274px; height:4em; overflow:hidden; 
 background-image:url(/i/dma/gui/specialties_buttons.png); background-repeat:no-repeat; background-color:red;  padding-top:2px; text-decoration:none; }

/* --|| see ie.css for png hacks ||-- */


ul#specialties li a img { float:left; margin:3px 5px 0 10px; }
ul#specialties li a strong { font-weight:bold; font-size:1.2em; color:#fff; text-decoration:none;  }
ul#specialties li a em {  font-style:normal; text-decoration:none; font-weight:normal; display:block; color:#eee; font-size:0.73em; margin-right:30px; }
ul#specialties li a:hover {   background-color:white; }
ul#specialties li#moreparts a { height:auto; background:#bbb; border:1px solid #999; background-image:none; color:#333; 
width:260px; margin:0 auto 0 auto; }

ul#specialties li#moreparts a:hover { border:1px solid #fff; }
ul#specialties li#moreparts a strong { color:#000; margin-left:15px; }
ul#specialties li#moreparts a em { color:#333; font-size:0.9em; margin-left:15px; }


/* Parts section */
ul#alpha-interface li a { text-decoration:none; display:block; width:2em; line-height:2em; height:2em; 
background:red url(/i/dma/parts/homepage/index_button.gif) 0 0 repeat-x; color:#eee; border:1px solid #000033; }
ul#alpha-interface li a:hover { background-image:url(/i/dma/parts/homepage/index_button_current.gif); }
ul#alpha-interface li a#show-all-button { width:8em; }
ul#alpha-interface li.current a { background:#000033 url(/i/dma/parts/homepage/index_button_current.gif) repeat-x; color:#eee; }


/* Service Maintenance section */
body#sm a { text-decoration: none; }
body#sm #help a { font-size: 1em; line-height: 2.2; }

body#sm #column1 ul.flashpopup a { color: #006; text-decoration: underline; font-size: 1em; }

/* Troubleshooting page - Show/Hide subnav */
ul#tabs a { display: block; float: left; color: #fff; background: #808080 url(/i/dma/service/subnav_bg.jpg) repeat-x bottom right; text-decoration: none; padding: 5px 10px 15px 10px; text-transform: uppercase; font-weight: bold; font-size: .9em; }
ul#tabs a.active-tab { color: #fff; background: #ae3b3b url(/i/dma/service/subnav_hover_bg.jpg) repeat-x bottom center; }
ul#tabs a:hover { color:#000; }

a.emailsignup { display:block; margin-top:10px; border:0; text-decoration:none; text-align:center; margin-left:auto; margin-right:auto; }
a.emailsignup strong { text-decoration:underline; display:block; margin:-10px 15px 0 0; font-size:0.9em; }

div#coverage-one h3 a { height: 0 !important; display: block; overflow: hidden; padding-top: 27px; background: url(/i/dma/service/logo_coverage_one_sidebar_gray.gif) no-repeat center top; width: 282px; height /**/: 27px; }

body#sm div#service-center-locator a { text-decoration: underline; }

div#service-center-locator a { color: #009; }

a.advanced-search { font-size: .95em; }

div#sidebar a:visited { color: #009; }

/* -- Sidebar -- FROM parts_new_homepage.css - NEEDS TRIMMING */
body#pi #column1 li a.external, body#pi #sidebar li a.external { padding-right: 20px; height: 20px; background: url(/i/dma/parts/homepage/external_icon.gif) 100% 0 transparent no-repeat; }

#sidebar li a.bannerlink { display: block;  }
#sidebar a.bannerlink { padding:0px; margin:0px; display:block; height:68px; border-bottom:1px solid #fff; background-color:#333; }

#sidebar a.bannerlink:hover { background-color:#fff; }

/* Override default visited color because it makes visited links in this area "disappear" into the background */
body#pi div#sidebar div#brand-protection ul li a:visited { color: #000;}


p#maint-reminder a { display: block; font-size: .9em; }
p#maint-reminder a:hover { display: block; background: #BEC8EC; color: #f00; }

/**** delete div#sidebar-footer selector when parts section renewal is complete ****/
div#sidebar-footer p a { padding: 10px 0 15px 10px; }
div#sidebar-footer p a { padding: 20px 0 22px 1.15em; text-decoration: underline; }

a strong.continue { text-transform:uppercase; font-weight:bold; font-size:0.8em; text-decoration:underline; }


div#global-footer ul#popular { list-style-type:none; background:#ccc; border:1px solid #333; padding:10px; margin: 4px 0;}
div#global-footer ul#popular li { margin-top:4px; }
div#global-footer ul#popular li a { color:#000; text-decoration:underline; }

div#global-footer ul#flinks-1 li a { color:#fff; }

div#global-footer ul.footerlinks a { display:block; text-decoration:none; border-bottom:1px solid #003399; color:#B9C8E5; }

div#global-footer ul.footerlinks a:hover { color:#fff; border-bottom:1px dotted #B9C8E5; margin-bottom:0px; }

/* Parts info home link */
p a.backarrow { background:url(/i/dma/bg/backarrow.gif) left center no-repeat; }
p.mainlink a, p.mainlink a:visited {  position:relative; padding-left:10px; color:#fff; float:left; }
p.mainlink a:hover { font-weight:bold; }


/*
8.0 PARAGRAPHS
------------------------------------------
*/

/* Set default global leading on paragraphs */
p { line-height: 1.4; }
/* Text in sidebar has shorter line lengths, so less leading is required */
#sidebar p { line-height: 1.2; }

#column1 p { margin: 0 20px .65em 28px; }
.one-col #column1 p { margin: 0 28px .65em 28px; }
.one-col #column1 ol#showhide-list p { margin: 0 78px 1em 78px; }

p#preamble { text-align:center; display:block; width:778px; background:transparent; font-size:0.7em; margin:10px auto 0 auto; }


div#index-matrix-top p { display: inline; color:#fff; }

div#index-matrix-wrap p { padding: 10px 0 0 18px; margin: 0px 10px 5px 0; font-size: 1em; }




p#troubleshooting-download { padding-top: .75em; padding-bottom: 84px; margin-bottom: 31px !important; background: url(/i/dma/service/illus_troubleshooting.gif) no-repeat right bottom; }
/* --|| see ie.css for width hack ||-- */


#column1 div#help p { margin: 0 30px 0 28px; }


body#sm div#sidebar p { padding: .5em 1.15em; margin: 0; }
body#sm div#service-center-locator form p { text-align: center; }
body#sm div#sidebar div#sidebar-footer p { padding: 0; }

p.copyright { color:#333; text-align:center; }
p.copyright a, p.copyright a:visited { color:#fff; }

p.mainlink { float:left; margin-left:10px; }

/* Legend for maps showing pushpins */
p.pushpin-legend { text-align: right; margin-top: 5px !important; margin-bottom: -15px !important; }

/*
9.0 BLOCKQUOTES AND CITATIONS
------------------------------------------
*/


/*
10.0 FORMS
------------------------------------------
*/

button.submit-button { background:#293364 url(/i/dma/bg/find_button_gradient.gif) repeat-y;  margin:2px 0 0 0; padding:0px 2px; text-align:center; color:#fff; font-weight:bold; border:1px solid #c1c8db; }
html>body button.submit-button { font-size:0.72em; padding:2px; }

dl#parts-locator form label { padding:0px; margin-right:1px; }
dl#parts-locator form input#zipcode {  width:118px; margin:0px; padding:0px; }
html>body dl#parts-locator form input#zipcode { width:119px;  }

div#global-footer form#search { float:left; width:180px; margin-top:1em; }
div#global-footer form#search label { display:none; }
div#global-footer form#search fieldset { position:relative; border:0px; padding-left:15px; }
div#global-footer form#search fieldset button { margin-right:2px;  }
div#global-footer form#search fieldset p { display: inline; }
div#global-footer form#search fieldset p a, div#global-footer form#search fieldset p a:visited { color:#eee; }
div#global-footer form#search input { background:#fff; border:1px solid #000; }

form#coverageone-form { margin: 20px; }
form#coverageone-form fieldset { background: #fff; padding: 8px; border: 1px #888 solid; margin: 0; border-top: 0; }

form.parts-locator-form { margin: 0 70px; }
form.parts-locator-form fieldset { padding: 8px; }

fieldset.sub { padding: 0 !important; }
fieldset.sub p.ac { height: 53px; background: url(/i/dma/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; }s

input#city { margin: 0 10px; width: 150px; }

input#zipcode, input#zipcode_sidebar { width: 85px; margin: 0 25px; }
label#zipcode-label { margin-left: 25px; }

form#refine { border-bottom: 1px solid #000000; padding: 0 0 10px 0; margin: 0 28px; text-align: center; }
form#refine input#zipcode { margin: 0 5px; }
form#refine .validation-advice { padding-top: 0.5px; color: #666; }

form#farcgny .validation-advice, form#aps .validation-advice { padding-top: 0.5px; color: #222; text-align: center; }

/*
11.0 LISTS
------------------------------------------
*/

ul.basic { padding-left:40px; margin-top:1.5em; }
ul.basic li { list-style:disc; }
ol.basic li { list-style:decimal; }
div.homepage-sidebar ul.basic { padding-left:25px; }
div ul.basic { padding-left:10px; margin:10px 0px 10px 15px; }
div#column1 ul.basic { padding-left:0; }
div#column1 ul.basic li { margin-bottom:0.4em; line-height:1.2em; }
div#column1 ol.basic { padding:0; margin:0 0 0 1em; }
iv#column1 ol.basic li { margin:0 0 0.4em 0; padding:0; }

ul#coverageone-features { margin: 0 28px .65em 28px; padding-left: 3em; }
ul#coverageone-features li { list-style-type: disc; }

/* Services homepage flash popups */
ul.flashpopup { background: url(/i/dma/service/photo_auto_systems_guide.jpg) no-repeat; margin-left: 12px }
ul.flashpopup li { margin-left: 210px; margin-right: 10px; list-style-type: disc; }

/* Parts homepage alphabetic index */
ul#alpha-interface { width:340px; padding:0px; margin:0px 0 0 13px; }
html>body ul#alpha-interface { margin-left:18px; }

/* parts sidebar */
ul#specialties li { width:274px; height:4.1em;  background-image:url(/i/dma/gui/specialties_buttons.png); background-color:#ccc; overflow:hidden;  margin-top:3px; }
/* --|| see ie.css for background position hack ||-- */

ul#specialties li#moreparts { height:4.2em; }
body.partsinfo ul#specialties li { background-color:none; }


/* Expanded product list */
ol#index { margin-top: 20px; font-size: 1.1em; font-weight: bold; list-style-type: upper-alpha; position: relative; }

ol#index li ul {  }
ol#index li.current ul li { font-size:0.9em; font-weight:normal; margin:0px 10px 0px 50px; }

ol.notshown { list-style-position: outside; }
ol.notshown li.no-looky { display: none; }
ol.notshown li.current { background: #eee; border: 1px solid #999; color: #000; list-style-type: none; position: relative; min-height: 6em; }
/* --|| see ie.css for height hack ||-- */


ol.notshown li.current ul { list-style-type:none; padding:0px; margin:0px; }
ol.notshown li.current span { position:absolute; top:10px; left:10px; font-size:2.8em; text-transform:uppercase; }

/* styles for when 'show-all' is clicked - body id is required to override generic rules in parts_new.css */
#column1 ol { margin: 0 30px 1em 28px; list-style-position: inside; }

#column1 ol.shown { margin-left: 55px; list-style-position: outside; }
#column1 ol.shown li span { display: none; }
#column1 ol.shown li { margin: 10px 0 0 0; padding: 0 0 0 10px; font-weight: normal; line-height: 2em; list-style-type: upper-alpha; }
#column1 ol.shown li ul { list-style-type: none; padding: 20px 0 0 0; margin: 0 0 0 0px; border: 1px solid #999; background: #eee; }
#column1 ol.shown li ul li { margin: 0 0 0 0px; padding: 0 0 0 20px; list-style-type: none; }

ol.parts-info-list {  }
ol.parts-info-list li { margin-bottom: .75em !important; }

/* -- Global Footer -- */
div#global-footer ul.footerlinks { list-style-type:none; margin-top:15px; width:130px; float:left; padding-left:10px; }
div#global-footer ul.footerlinks li { margin:0px; padding:0px; width:133px; line-height:1.5em; }

html>body div#global-footer ul.footerlinks li { line-height:2em; }

/* Troubleshooting page - Show/Hide subnav */
ul#tabs { list-style-type:none; }
ul#tabs li { float:left; }


/* Sidebar */


div#brand-protection ul { float: left; width: 130px; padding-top: 0px; margin: 0px 0 0 10px; font-size: 0.9em; line-height: 1.3; }
div#brand-protection ul li { width: 130px; }






/*
12.0 TABLES
------------------------------------------
*/

/* Troubleshooting page - blue table with rounded corners */
table.widechart { background:url(/i/dma/service/widechart_middle_bg.gif) repeat-y #bec8ec; margin:0 auto 15px auto; 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/dma/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/dma/service/widechart_bottom_bg.gif) no-repeat; padding-bottom:15px; }
table.widechart td.last { background-position:right bottom;}

table#checklist { width: 700px; margin-left: 28px;  }
table#checklist col { width: 250px; }

table#checklist th { text-align: left; padding-top: 1.25em; }
table#checklist td { padding: .25em 0 .25em 1em; }
table#checklist strong { display: block; padding-top: .75em; }

table.chart { border:solid #808080; border-width:0 1px 1px 0; border-collapse:collapse; width:100%; margin-bottom:5px; }
div.one-col table.chart { margin:0 30px 10px 30px; width:90% }
table.chart caption { font-size:14px; padding-bottom:3px; text-align:left; font-weight:bold; margin-left:30px; }
table.chart th, table.chart td { border:solid #808080; border-width:1px 0 0 1px; padding:4px; background:#fff; text-align:center; vertical-align:middle; }
table.chart th { background: #eee; color:#000; }
table.chart th.row { background: #ccc; color:#000; }

/*
13.0 MISC PRESENTATION ELEMENTS
------------------------------------------
*/


ol hr { height: 1px; background: #ccc; width: 200px; }

div#sidebar em { font-style: normal; display: block; margin: 0; padding: 0; line-height: 1.4; font-size: 0.8em; }

p#maint-reminder a strong { color: #7D8ABB; font-size: 1.2em; margin-top: -1px; padding-top: 10px; line-height: 1.3em; overflow: hidden; text-decoration: none; }
p#maint-reminder a:hover strong { color: #000; text-decoration: none; }

div.service-tips { margin:20px; background:#eee; border:1px solid #999; }
div.service-tips h3 { color:#fff; font-size:0.9em; background:#999; text-align:center; }
div.service-tips ol li { margin-top:0.9em; } 


sup { line-height: 0; }
* html sup {  vertical-align: text-top; line-height: 0;}

/*
14.0 IMAGES
------------------------------------------
*/

img { border: none; }

body#pi div#sidebar div#brand-protection img { float:left; margin: 0 5px 8px 10px; padding:0px; }


div.tac img { margin:0 auto; }
img.banner { margin-left:2px; }

/*
15.0 META
------------------------------------------
*/

/*
16.0 ACCESSIBILITY
------------------------------------------
*/

/*
17.0 PAGE SPECIFIC
------------------------------------------
*/


/* FABTABS - service/troubleshooting.jsp */
#showhide-nav-container { padding-left: 190px; text-align: center; background: url(/i/dma/service/subnav_border.gif) repeat-x bottom center; height: 2.5em; clear: both; margin: 20px 0; }
div.panel {  display: none; }
div.active-tab-body {  display:block; background: #fff; }

/* maintenance.jsp */

body#maintenance div.active-tab-body { background:#bec8ec; }
/* see ie.css */

body#maintenance div#showhide-menu ul { font-size:0.835em; position:relative; z-index:99; display:block; margin-left:30px; }

body#maintenance #showhide-nav-container { padding-left: 0; margin: 2px 0; height: 2.35em; }


body#maintenance ul#tabs a { display: block; float: left; color: #fff; background: transparent url(/i/dma/service/subnav_bg.gif) repeat-x bottom right; text-decoration: none; padding: 5px 5px 15px 5px; text-transform: uppercase; font-weight: bold; font-size: .9em; }

body#maintenance ul#tabs a:hover { color:#000; }

body#maintenance ul#tabs a.active-tab { color: #fff; background:transparent url(/i/dma/service/subnav_hover_bg.jpg) repeat-x bottom center; }

body#maintenance div.panel { padding-bottom:1em; }

/* Podcast image on homepage sidebar */

div#podcasts { text-align:center; padding-top:4px; margin-bottom: 2em; }









/** Navigation.css **/

/* -- HEADER -- */





/* Global header : z-index allows search form toggle button to overlap content below */


div#header-wrap { position: relative; z-index: 200; width:771px; 


padding-bottom:152px; padding-top:23px; margin: 0 auto -5px auto;  }


html>body div#header-wrap { padding-bottom:20px; }


/* --|| see ie.css for png hack ||-- */








div#global-header { height:7.6em; display:block; width:771px; background:url(/i/dma/bg/header.png) no-repeat;}


body.homepage div#global-header { height:9.6em; }


.header-image a { width:771px; height:88px; background: transparent url(/i/dma/bg/header.png) no-repeat; display:block; cursor:pointer;}


.header-image strong{ position:absolute; top:-999px; }


/* --|| see ie.css for png hack ||-- */








/* -- Main Site Nav -- */


ul#global-sitenav { background:url(/i/dma/bg/nav_bottom.png) no-repeat; width:771px; height:24px; list-style-type:none; text-align:left; /*float:right;*/ margin:0; padding:0; clear:both;}


ul#global-sitenav li { display:block; float:left; text-transform:uppercase; font-size:0.85em; font-family:Arial,Helvetica,sans-serif; color:#ccccff; height:1.2em; margin-top:7px; }


ul#global-sitenav li a, ul#global-sitenav li a:visited, ul#global-sitenav li span { text-decoration:none; padding:5px 10px 2px 10px; color:#ccccff; }


ul#global-sitenav li a, ul#global-sitenav li span { position:relative; height:100%; }


ul#global-sitenav li a:hover, ul#global-sitenav li a#current, ul#global-sitenav li span { color:#fff; }





/* -- Techconnect | Worldwide nav -- */


div#global-subnav { display:block; width:771px; height:61px; margin:0 auto; background:url(/i/dma/bg/subnav.gif) center no-repeat;}


div#global-subnav ul { height:45px; width:300px; }


div#global-subnav ul li { display:block; font-size:0.9em; list-style-type:none;}


div#global-subnav ul li a, div#global-subnav ul li a:hover { color:#0000cc; font-weight:bold; }


div#global-subnav ul.worldwide { float:left; text-align:left; margin: 3px 0 0 10px; }


div#global-subnav ul.worldwide li { padding:10px 0 0 0;  }


div#global-subnav ul.worldwide li a { position:relative; height:35px; background:url(/i/dma/gui/worldwide.gif) 0 0 no-repeat; padding: 0 0 15px 30px; text-decoration:underline; display:block;}


div#global-subnav ul.techconnect { display:block; float:right; text-align:right; margin: 5px 20px 0 0; padding-left:15px; }


div#global-subnav ul.techconnect li a, div#global-subnav ul.techconnect li a:hover { text-decoration:none;}


div#global-subnav ul.techconnect li a { position:relative; background:url(/i/dma/gui/techconnect.jpg) right no-repeat; text-indent:-9999px; display:block; height:36px; } 


div#global-subnav ul.techconnect li strong { position:absolute; top:-999px;}





/* -- Find a service | parts forms -- global header -- */


div#header-forms { width:771px; height:21px; margin:17px 0 20px 0; background:transparent url(/i/dma/bg/subnav_grey.png) center bottom no-repeat; z-index:800; }


/* IE7 hack */


*:first-child+html div#header-forms { padding-top:16px; }


body.homepage div#header-forms { margin:52px 0 0 0; }


body.homepage div#header-forms, body#pi-altstartmain div#header-forms, body#pi-batteriesmain div#header-forms, body#pi-brakesmain div#header-forms, body#pi-filtersmain div#header-forms, body#pi-shocksmain div#header-forms, body#pi-sparkplugsmain div#header-forms, body#pi-wipersmain div#header-forms { padding-top:0; }


div#header-forms ul { width:771px; }


div#header-forms ul li { width:380px; text-align:center; list-style-type:none; text-transform:uppercase; float:left; margin:3px 0 0 0; color:#fff;}





div#header-forms p.toggle-link a strong { position:absolute; top:-9999px; }


div#header-forms p.toggle-link { width:auto; padding-top:1px; }


*:first-child+html div#header-forms p.toggle-link { padding-top:5px; }


div#header-forms p.toggle-link a { background:url(/i/dma/gui/open_tools.gif) no-repeat; position:relative; height:10px; width:184px; color:#fff; cursor:pointer; text-decoration:none; display:block; } 


div#header-forms p.toggle-link a:hover { text-decoration:underline; }


div#header-forms p.toggle-link a.toggle-locator { margin-top:5px; position:absolute; left:304px; padding-left:20px; }


div#header-forms p#active a { background:url(/i/dma/gui/close_tools.gif) no-repeat; }





/* --|| see ie.css for png hack ||-- */





div#find-tools { position:relative; width:auto; padding:15px; height:12em; }


body.homepage div#find-tools { padding:20px; height:10em; }


div#find-tools dl { width:360px; float:left; display:block; }


div#find-tools dt { font-weight:bold; float:left; margin-right:10px; }


div#find-tools dl form fieldset { border:0px; margin:10px 0 0 0; }


div#find-tools dl form input#zip2 { width:120px; }


div#find-tools p  { position:relative; z-index:1; }





/* -- Site Section SubNav -- */


div#section-nav { height:auto; width:200px; position:absolute; top:140px; z-index:9999; left:555px; padding:0; }


div#section-nav p { line-height: 1.1em; background-image:url(/i/dma/gui/subnav.gif); border:1px solid #999; background-repeat:no-repeat; }


/* --|| see ie.css for png hack ||-- */





div#section-nav p a { text-decoration:none; color:#000; }


div#section-nav p#subnav-active { background-image:url(/i/dma/gui/subnav2.gif); }


div#section-nav ul { list-style-type:none; z-index:9999; width:200px; background:#eee; }


html>body div#section-nav ul { width:200px; }


div#section-nav ul li { border-bottom: 1px solid #999; border-top: 1px solid #fff; width:auto; width:200px;  }


div#section-nav ul li a { z-index:999; display:block; width:auto; width:200px; color: #333; text-decoration: none; padding: 1px 0 1px 0; }


div#section-nav ul li a:hover { background:#fff; }


div#section-nav a strong { font-weight:normal; display:block; padding-left:8px; padding-right:8px; }


div#section-nav ul li a#sectionnav-current { background:#ccc url(/i/dma/bg/stripes.gif); }




/** parts_new2.css **/



/* =========

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
------------------------------------------
*/

body fieldset, body form { border: 0; padding: 0; }


/*
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 { width: 768px; }


body.service #column1 { padding-top: 1em; }

div#sidebar { font-size: .9em; }




/*
4.0 HEADINGS
------------------------------------------
*/
/* -- Main Content -- */
#column1 h2 { display: block; margin: 0 0 .2em 0; padding: 1.2em 30px 0 28px; clear: left; color: #666666; font-size: 1.3em; }
#column1 h3 { margin: 0 30px 2px 28px; font-size : .9em; }
/* Override image-replacement rules for Brakes Main page - Rules will be applied to A inside H3 */


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

/*
6.0 LINKS
------------------------------------------
*/

/* -- Sidebar -- */
#sidebar h3 { margin: 0 1.5em; padding: .75em 0; }

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

/*
6.0 LINKS
------------------------------------------
*/


/*
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: 0 20px;  }
.one-col #column1 form {  padding: 0; margin: 0; margin: 20px 70px;  }
 
.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 { padding: 0 8px; margin: 0; border-top: 0; }

.one-col #column1 form fieldset { background: #eee; }

.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/dma/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; }

/*
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; }


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, #sidebar li { list-style: disc; margin: 0; padding: 0; }
#sidebar ul { margin: 0 1.5em 0 3.5em; padding: 0 0 1.75em 0;  }
#sidebar li {  }

/* -- 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/dma/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/dma/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/dma/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/dma/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/dma/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/dma/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; }


/*
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; }

#map { border: 1px solid black; width: 453px; height: 350px; margin: 15px; }
#sidebar li img { position: absolute; bottom: 2px; right: 2px; border: none; }

/* Glamour photos in sidebar */
.glamour { display: block; margin: 0; padding: 0; }
.glamourcenter { text-align:center; background:#fff; }

/* Watch a video icon floated to left*/
.iconfl { float:left; margin:2px 6px 0 1em;}

/*
14.0 META
------------------------------------------
*/

#column1 address { margin: 0 30px 1em 28px; font-weight:bold; font-style:normal; }

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




#column1 div.col1, #column1 div.col2 { float: left; }


#column1 div.imaged { padding: 2em 0px 0 32px; }
#column1 div.imaged a, #column1 div.imaged img { display: block; font-weight: bold; }



/* Parts index area */
div#index-matrix-top, div#auto-systems-guide-top { width:380px; padding:30px 0 5px 0; margin:0 0 0 46px; background:#7D8ABB url(/i/dma/bg/partsindex_top_bg.gif) left top no-repeat; height:2em; }

div#index-matrix-wrap { width:360px; margin:0 20px 0 66px;  background:#fff url(/i/dma/bg/partsindex_bottom_bg.gif) bottom no-repeat; height:14em; }


div.sparkplug-column { width: 345px; float: left; margin-left: 15px; }


/* We're here to help & Email Signup footer */
div#help { clear: both; font-size: 0.95em; line-height: 1em; background: #BEC8EC; margin-top: 2em; margin-left:2px; padding: .75em 0; width: 485px; }
div#help-col1 { width: 243px; border-right: 1px solid #666; float: left; }
div#help-col2 { width: 238px; float: left;  }
div#help-col2 a.action-link { margin:0 20px 0 auto; }

html>body div#help-col2 a.action-link { margin:0 40px 0 auto; }


/* Parts section */
ul#alpha-interface li a { text-decoration:none; display:block; width:2em; line-height:2em; height:2em; 
background:red url(/i/parts/homepage/index_button.gif) 0 0 repeat-x; color:#eee; border:1px solid #000033; }
ul#alpha-interface li a:hover { background-image:url(/i/parts/homepage/index_button_current.gif); }
ul#alpha-interface li a#show-all-button { width:8em; }
ul#alpha-interface li.current a { background:#000033 url(/i/parts/homepage/index_button_current.gif) repeat-x; color:#eee; }

/* Parts homepage alphabetic index */
ul#alpha-interface { width:340px; padding:0px; margin:0px 0 0 13px; }
html>body ul#alpha-interface { margin-left:18px; }
ul#alpha-interface li { list-style-type:none; font-size: 1em; float: left; text-align: center; margin: 0.3em 0.3em 0 0; line-height: 2.2em; }
ul#alpha-interface li.disabled { min-width:2em; width:2em; height:2em; background:#000033; color:#eee;  border:1px solid #000033; -moz-opacity:0.2; filter:alpha(opacity=20); opacity:0.2; }
ul#alpha-interface li strong { display:block; margin-top:0; }
* html ul#alpha-interface li.disabled strong { line-height: 19.2pt;  }
* html ul#alpha-interface li.disabled { 
fieldset { border: 0; padding: 1em 0; margin: 0; }

#aps p.note, #aps p.submit { text-align: right; }