/* -------

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 META
14.0 ACCESSIBILITY
15.0 PAGE SPECIFIC

------- */

/*
1.0 UNIVERSAL RESETS
------------------------------------------
*/

* { margin: 0; padding: 0; }
img { border: 0; }
object, embed { display: block; }

/*
2.0 GENERIC CLASSES
------------------------------------------
*/

/* Use these where it makes sense to do so instead of creating new classes. */
.db { display:block; }
.di { display:inline; }
.dn { display:none; }
.vh { visibility:hidden;}
.fl { float:left; }
.fr { float:right; }
.fn { float:none; }

/* Float Warriors, choose your weapon of clearing! */
.clr { clear:both; height:0px; overflow:hidden; font-size:0; line-height:0px; background:transparent; }
.cl { clear:left; }
.cr { clear:right; }

.clearfix:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


.info { cursor:help; background:transparent; }
.cp { cursor:pointer; }

/*
3.0 GENERAL STRUCTURE
------------------------------------------
*/

html { background-color:#fff; color:#fff; padding:0;}

body { font-family:"Lucida Grande", "Bitstream Vera Sans", arial, helvetica, geneva, verdana, sans-serif; font-size:76%; line-height:1.4em; background:url(/i/bg/gradient/body.gif) fixed repeat-x;  margin:0;}


div#container { position: relative; width:780px; margin:0 auto; border:1px solid #B6BDCC; }

/* -- Header -- */
div#header {position: relative; background:#0c0c6c url(/images/new/header-background.jpg);  color:#fff; height:95px; }


/* -- Utility -- */
div#utility { float:right; width:490px; text-align:right; }

/* -- Page Body -- */
div#page-body { padding-bottom:3px; background:#fff; }
div#page-body-header { width:780px; }

/* -- Content -- */
div#content { float:left; width:494px; margin-right:5px; color:#000;}
body#home div#content { padding-left: 6px; }

div.content-footer { width:484px; margin:5px 0 5px 15px; }

/* -- Sidebar -- */
body#home div#sidebar { margin-top: 1px; }
div#sidebar { width:261px; margin-top:6px; padding-top:5px; color:#000; }
body#home div#sidebar  { margin-right:5px; }
html>body div#sidebar { margin-left:508px; padding-bottom:5px;}

/* -- Footer -- */
div#footer { margin-top:0px; padding:1em 0; background:#0c0c6c url(/i/bg/structure/footer.png); color:#fff; }

/*
4.0 HEADINGS
------------------------------------------
*/

h1 { padding:0.2em 0; font-size:1.8em; }
h2 { padding:0.5em 0; font-size:1.3em; }
h3 { font-size:1.2em; }
h4 { padding-top:0.5em; font-size:1.0em; }
h5 { font-size:0.95em; }
h6 { font-size:0.9em; }

h1, h2, h3, h4, h5, h6 { margin:0 5px; font-family:"Lucida Grande", "Bitstream Vera Sans", arial, helvetica, verdana, geneva, sans-serif; }

div#page-body-header h1 { background-color:#9099A6; color:#e3e3e3; text-align:right; }

/*
5.0 BRANDING
------------------------------------------
*/

/* -- logo -- */
div#logo { float:left; display:inline; width:127px; height:44px; margin:10px 0 0 28px; }
div#logo a { overflow:hidden; display:block; height:0 !important; padding-top:55px; position: absolute; top: 25px; left: 10px; width: 140px; }

/*
6.0 LINKS 
------------------------------------------
*/

/** @see /c/navigation.css for all link rules */

/*
7.0 PARAGRAPHS
------------------------------------------
*/

p { margin:0 5px; padding:0.75em 0; }

p.disclaimer { font-size: .8em; line-height: 1.2em; color: #7E7E7E; }

/*
8.0 BLOCKQUOTES AND CITATIONS
------------------------------------------
*/


/*
9.0 FORMS
------------------------------------------
*/

/* -- General Form Controls -- */
fieldset { margin:0; padding:0; border:0 solid; }

/** see /c/saf.css for all for all rules relating to saf forms */

/*
10.0 LISTS
------------------------------------------
*/

/* Unordered Lists */
ul, ul li { margin-left:0; }

ul.bulleted { margin-left:2em; margin-right:5px; padding:0.5em 0; }

ul.nobullets { list-style: none; margin-left: 0; padding-left: 0; font-size: 1.1em; }
ul.nobullets li { margin-bottom: .25em; }

div#header ul { margin:0; }
ol#masthead-list { list-style-type:none; }
ol#masthead-list li.chapter { background:#ddd url(/i/bg/structure/section-center.png) top repeat-x; color:#555; }

/* Ordered Lists */

ol.disclaimer-list { margin:0.5em 0 0 35px; font-size:0.9em; background-color:transparent; color:#333; }

/*
11.0 TABLES
------------------------------------------
*/
table.stats { color: #000; }


/*
12.0 MISC PRESENTATION ELEMENTS
------------------------------------------
*/

img.fl { margin:5px 5px 3em 5px; }

.rtaligned-txt { text-align: right; }
p.rtaligned-txt { padding-top: 0; }

.nowrap { white-space: nowrap; }

.clickable { cursor:pointer; }

/*
13.0 META
------------------------------------------
*/

abbr, acronym, address, dfn { font-style:normal; }
dfn { font-weight:bold; }
ins { background-color:#ffff73; color:#000; text-decoration:none; }
sup { vertical-align:top; }
em.tagline { font-weight:bold; text-transform:capitalize; }

/*
14.0 ACCESSIBILITY
------------------------------------------
*/

.skiplink { position:absolute; left:-9999px; width:990px; }
hr.hide { display:none; }

/*
15.0 PAGE SPECIFIC 
------------------------------------------
*/














/*
POST-CONTRACTOR CONSOLIDATATION
------------------------------------------
*/



/* navigation.css */

/* GENERAL LINK RULES */
/* for all navigation menu links see navigation.css */
a:link { color:#060979; text-decoration:underline; }
a:visited { color:#5e6d81; }
a:hover, a:focus { color:#1d6aad; text-decoration:none; }
a:active { color:#691; text-decoration:none; }

/* UTILITY NAV */
ul#utilitynav { list-style-type:none; float:right; margin-right:10px; }
ul#utilitynav li {  margin-right:10px; float:right; background:transparent url(/i/bg/toolbar-separator.gif) top right no-repeat; }
ul#utilitynav li.last-child { background-image:none; }
ul#utilitynav a { display:block; padding:0.2em 0.5em; background:transparent; color:#CCCCCA; font-size:0.86em; text-decoration:none; }
ul#utilitynav a:hover, ul#utilitynav a:focus { background:transparent; color:#fff; }
ul#utilitynav li input#search-submit { margin-top:3px;}

/* SITE NAV */
ul#sitenav { list-style-type:none; float:right; position:relative; z-index:100; width:585px; margin-top:5px; padding-top:20px; background:transparent url(/i/bg/toolbar-label.gif) no-repeat; color:#fff; }
ul#sitenav li { float:left;  font-size:0.95em; }
ul#sitenav li a, ul#sitenav li.hover a, body#home ul#sitenav li#sitenav-home { background:url(/i/bg/sitenav-border.png) bottom right no-repeat; white-space: nowrap;}

ul#sitenav li.hover ul li a { background-image:none; }
ul#sitenav li div.cbb, ul#sitenav li div.cb { display:none; position:absolute; z-index:10; }
ul#sitenav li ul { list-style-type:none; }
ul#sitenav li.hover div.cbb, ul#sitenav li.hover div.cb { display:block;width:11.8em; }
ul#sitenav li ul li {  float:none; margin-left:1px; background:url(/i/bg/alpha/dropshadow.png) right center repeat-y; line-height:1.1em; }
ul#sitenav li ul li a { background-image:none; }

li#sitenav-home { width:55px; }
li#sitenav-catalog, li#sitenav-care { width:130px; }
li#sitenav-catalog div.i3, li#sitenav-care div.i3 { width:137px; }
li#sitenav-motorsports { width:123px; }
li#sitenav-motorsports div.i3 { width:130px; }
li#sitenav-difference  { width:140px; }
li#sitenav-difference div.i3 { width:147px; }

ul#sitenav a { display:block; padding:0.3em 10px 0.3em 5px; background-repeat:no-repeat; color:#fff600; font-size:0.9em; text-transform:uppercase; text-align:center; text-decoration:none; }
ul#sitenav li ul li a, ul#sitenav li.hover ul li a { margin-right:6px; padding-right:3px; background:#1A2B86 url(/i/bg/gradient/sitenav.png) bottom left no-repeat; color:#fff600; text-align:left; text-transform:capitalize; }
ul#sitenav a:hover, ul#sitenav a:focus { background:transparent; color:#fff; }
ul#sitenav li.hover ul li.highlight a,ul#sitenav li.hover ul li a:hover, ul#sitenav li.hover ul li a:focus { min-height:1.2em;  background-color:#1A57CF; background-position:bottom right; color:#fff; }

ul#sitenav li.hover { min-height:100px !important;}
ul#sitenav { height:1.9em !important;}

 
 
 


/* michelin-2007.css */

BODY, TD, TH, DIV, H1, H2, H3, H4, H5, H6 {
	font-size:11px;
	margin:0px;
	padding:0px;
}

#masthead {
	background-color:#fff;
	color:#000;
	top:98px;
	width:780px;
	height:305px;
	}

#masthead .content {
	margin-left:500px;
	padding-top:80px;
	margin-right:20px;
	padding-left:35px;
}
#masthead .content H3 {
	font-size:14px;
	margin-bottom:3px;
}
#masthead .content H3 A {
	color:#05145F;
	text-decoration:none;
}
#masthead .content H3 A:hover {
	text-decoration:underline;
}
#masthead .content H4 {
	/*font-size:16px;*/
}
#masthead .content H4 A {
	color:#05145F;
	text-decoration:none;
}
#masthead .content H4 A:hover {
	text-decoration:underline;
}
#masthead .content P {
	margin-top:3px;
}


#content-michelin-2007 {
	color:#000;

}
#content-michelin-2007 .middle-section {
	margin-top:-49px;
	top:-30px;
	z-index:100;
	background-image:url(/images/new/blue_gradient.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
#who-we-are {
	background-image:url(/images/new/who-we-are.gif);
	background-repeat:no-repeat;
	width:201px;
	float:left;
	padding-top:210px;
}

#content-michelin-2007 #who-we-are h4 a, #content-michelin-2007 #where-weve-been h4 a, #content-michelin-2007 #where-were-going h4 a { display: block; padding-top: 220px; width: 160px; position: absolute; top: 340px; background-position: right 221px; }

#content-michelin-2007 #who-we-are h4, #content-michelin-2007 #where-weve-been h4, #content-michelin-2007 #where-were-going h4 { padding-bottom: .5em; }

#where-weve-been {
	background-image:url(/images/new/where-weve-been.gif);
	background-repeat:no-repeat;
	width:202px;
	float:left;
	padding-top:210px;
}
#where-were-going {
	background-image:url(/images/new/where-were-going.gif);
	background-repeat:no-repeat;
	width:201px;
	float:left;
	padding-top:210px;
}
#inset {
	float:left;
	color:#000;
	padding-top:60px;
}
.infopage-info #inset {
	float:right;
	padding-top:6px;
}
#inset LI, #inset UL {
	list-style-type:none;
}
#inset A {
	color:#051C6F;
	background-image:url(/images/new/h4_arrow.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:15px;
	font-weight:bold;
	font-size:12px;
	text-decoration:none !important;
}
#inset A:hover {
	text-decoration:underline !important;
}
#inset .community_relations {
	background-image:url(/images/new/inset-community_relations.jpg);
	background-repeat:no-repeat;
	margin:9px;
	margin-left:11px;
	margin-right:11px;
	padding-top:75px;
	text-align:right;
	width:149px;
}
#inset .careers {
	background-image:url(/images/new/inset-careers.jpg);
	background-repeat:no-repeat;
	margin:9px;
	margin-left:11px;
	margin-right:11px;
	padding-top:75px;
	text-align:right;
	width:149px;
}
#inset .innovation {
	background-image:url(/images/new/inset-innovation.jpg);
	background-repeat:no-repeat;
	margin:9px;
	margin-left:11px;
	margin-right:11px;
	padding-top:75px;
	text-align:right;
	width:149px;
}
#inset .michelin-man {
	background-image:url(/images/new/inset-michelin_man.jpg);
	background-repeat:no-repeat;
	margin:9px;
	margin-left:11px;
	margin-right:11px;
	padding-top:198px;
	text-align:right;
	width:149px;
}
#content-michelin-2007 .middle-section H4 {
	font-size:12px;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
}
#content-michelin-2007 .middle-section h4 a {
	color:#051C6F;
	background-image:url(/images/new/h4_arrow.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:15px;
	text-decoration:none;
}
#content-michelin-2007 .middle-section  H4 A:hover {
	text-decoration:underline;
}
#content-michelin-2007 .middle-section P {
	padding-left:10px;
	padding-right:10px;
}
#content-michelin-2007 .bottom-area {
	margin-top:5px;
	clear:both;
}



#content-michelin-2007 .bottom-area H4 A {
	color:#051C6F;
	background-image:url(/images/new/h4_arrow.gif);
	background-repeat:no-repeat;
	background-position:100% 30%;
	padding-right:15px;
	text-decoration:none;
	display: inline-block;
}


#content-michelin-2007 .bottom-area  H4 A:hover {
	text-decoration:underline;
	height: 1%;
}
#content-michelin-2007 A {
	color:#051c6f;
	text-decoration:underline;
}


div.bottom-area table.stats td { vertical-align: bottom; }

div.bottom-area table.links { width:100%;border-collapse:collapse;background-color:#fff;border-top:1px solid #91a0c8; clear:both; }

div.bottom-area table.links .column { border:0px solid #91A0C8; background-color:#BDC4D1; width:32%; vertical-align:top; padding-bottom:15px; }

.column-spacer {
	width:10px;
}

.column P {
	color:#000;
	font-size:11px;
	padding: 0 15px 0 20px;
	margin: 2px 0 4px 0;
}	

.column H3 {
	margin:0px;
	margin-top:15px;
	background-color:#E4E6EC;
	color:#051C6F;
	font-size:14px;
	font-weight:bold;
	padding:4px;
	padding-left:20px;
}

.column H4 {
	padding-left:20px;
	margin:0px;
	margin-top:5px;
	margin-bottom:2px;
}

.column H4 A {
	color:#051C6F;
	font-size:12px;
	background-image:url(/images/new/h4_arrow.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:15px;
	text-decoration:none;
}


.column H4 A:hover {
	text-decoration:underline;
}


.navigation-global {
	margin-top:5px;
	padding-top:2px;
	padding-bottom:2px;
	
}
#utilitynav {
	width:490px;
}
#utilitynav LI.selected {
	background-image:url(/images/new/global-selected.jpg);
	background-position:center left;
}
#utilitynav LI.selected DIV {
	background-image:url(/images/new/global-selected-right.jpg);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:2px;
}
#utilitynav A {
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	margin:0px;
}
#utilitynav A:hover {
	text-decoration:underline;
}
#utilitynav A.united_states, #utilitynav A.united_states:hover {
	background-image:url(/images/new/american_flag.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:2px;
	margin-left:10px;
}
#utilitynav A.global, #utilitynav A.global:hover {
	background-image:url(/images/new/global.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:2px;
	margin-left:10px;
}
#utilitynav A.canada, #utilitynav A.canada:hover {
	background-image:url(/images/new/canadian_flag.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:2px;
	margin-left:10px;
}
#footer {
	color:#fff;
	height:0px;
	vertical-align:middle;
}
#footer A {
	color:#fff;
}
#bottom-navigation {
	position:relative;
	top:-10px;
	float:left;
	width:470px;
	padding-top:3px;
	margin-bottom:-20px;
}

* html #bottom-navigation {
	float: none;
}

#bottom-navigation a { text-decoration: none; }
#bottom-navigation a:hover { text-decoration: underline; }

#bottom-navigation UL LI {
	display:inline;
	float:left;
	margin-right:5px;
	font-size:10px;
	}
#bottom-navigation A.united_states, #bottom-navigation A.united_states:hover {
	background-image:url(/images/new/american_flag.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
	margin-left:5px;
	font-size:10px;
}
#bottom-navigation A.global, #bottom-navigation A.global:hover {
	background-image:url(/images/new/global.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
	padding-bottom:2px;
	margin-left:5px;
	font-size:10px;
}
#bottom-navigation A.canada, #bottom-navigation A.canada:hover {
	background-image:url(/images/new/canadian_flag.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:20px;
	margin-left:5px;
	font-size:10px;
}
#legal-navigation {
	position:relative;
	top:-10px;
	margin-left:460px;
	padding-top:2px;
	margin-bottom:-20px;
	}

#fre-legal-navigation {
	position:relative;
	top:-10px;
	margin-left:440px;
	padding-top:2px;
	margin-bottom:-20px;
	}

#legal-navigation UL {
	text-align:right;
	}
#legal-navigation UL LI {
	display:inline;
	margin-right:5px;
	font-size:10px;
	}

#fre-legal-navigation UL LI {
	display:inline;
	margin-right:5px;
	font-size:10px;
	}
.infopage-info {
	padding-left:40px;
	padding-right:9px;
	
}
.infopage-info H5 {
	font-size:14px;
	color:#051C6F;
	margin:0px;
	margin-top:15px;
	margin-bottom:2px;
}
.infopage-info H6 {
	font-size:12px;
	color:#000;
	margin:0px;
	margin-top:15px;
	margin-bottom:2px;
}
.infopage-info P {
	font-size:12px;
	color:#000;
	margin:0px;
	margin-top:2px;
	margin-bottom:3px;
	margin-right:170px;
}
.further-info A {
	color:#051C6F;
	font-size:12px;
	font-weight:bold;
	text-decoration:none !important;
	background-image:url(/images/new/down_arrow.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:12px;
	margin-right:10px;
}
.further-info A:hover {
	text-decoration:underline !important;
}
.back-to-top {
	background-image:url(/images/new/up_arrow.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:12px;
	float:right;
	text-decoration: none !important;
}

.back-to-top:hover {
	text-decoration: underline !important;
}


 

#promotions .promotion-insert { display: none; }
#promotions .promotion .selected { display: block; 	height:100%;
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:325px;
	padding-right:20px;}
	
	
	
	
#content-michelin-2007 .promotion H3 {
	padding-top:90px;
	font-size:14px;
}
/*
#content-michelin-2007 .promotion H3.road {
	padding-top:120px;
	text-align:center;
	font-size:16px;
}

#content-michelin-2007 .promotion p.explore {
	background-image:url(/images/new/come_explore.png);
	background-position:right;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-right:35px;
	margin-top:10px;
}*/

#content-michelin-2007 .promotion H3 A {
	text-decoration:none;
}
#content-michelin-2007 .promotion H3 A:hover {
	text-decoration:underline;
}
#content-michelin-2007 .promotion P.note {
	font-size:10px;
}
#content-michelin-2007 .middle-nav {
	clear:both;
	margin:0;
	padding:0;
	margin-top:1px;
	top:0px;
	z-index:100;
	background-color:#91A0C8;
	height:29px;
}
#content-michelin-2007 .middle-nav UL {
}
#content-michelin-2007 .middle-nav UL LI {
	width:25%;
	float:left;
	text-align:center;
	list-style-type:none;
	padding-top:6px;
	padding-bottom:6px;
	margin-top:1px;
}
#content-michelin-2007 .middle-nav UL LI.selected {
	background-color:#0C0C6C;
}
#content-michelin-2007 .middle-nav UL LI A {
	color:#0C0C6C;
	font-weight:bold;
	text-decoration:none;
}
#content-michelin-2007 .middle-nav UL LI.selected A {
	color:#fff;
}


#content-michelin-2007 .middle-section UL.main-navigation LI A {
	background-image:url(/images/new/h4_arrow.gif);
	background-position:100% 50%;
	background-repeat:no-repeat;
	padding:0px;
	padding-right:15px;
	margin:0px;
	text-decoration:none;
	}
#content-michelin-2007 .middle-section UL.main-navigation LI A:hover {
	text-decoration:underline;
}
#north-america #content-michelin-2007 .middle-section {
	height:	400px;
	}
#content-michelin-2007 .bottom-area {
	clear:both;
	margin-top:3px;
	}
#content-michelin-2007 .promotion {
	clear:both;
	margin:0;
	padding:0;
	top:0px;
	margin-top:49px;
	z-index:100;
	background-image:url(/images/new/promotion-background.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:213px;
	border-bottom:1px solid #B6BDCC;
}


h5 sup { font-weight: normal; font-size: smaller; }













/* from the -future */

body.north-america #masthead { background-color:#fff; color:#000; top:98px; width:780px; height:305px; }
body.north-america #masthead, x:-moz-any-link { height:354px;} /* fix overlap for NS 7.2 and FF 1.x */
body.north-america #masthead, x:-moz-any-link, x:only-child {height:305px;} /* reset for FF 2.x */
body.north-america #masthead .content { margin-left:500px; padding-top:95px; margin-right:20px; padding-left: 0; }
body.north-america #masthead .content H3 { font-size:14px; margin-bottom:3px; }
body.north-america #masthead .content H3 A { color:#05145F; text-decoration:none; }
body.north-america #masthead .content H3 A:hover { text-decoration:underline; }
body.north-america #masthead .content H4 { font-size:16px; }
body.north-america #masthead .content H4 A { color:#05145F; text-decoration:none; }
body.north-america #masthead .content H4 A:hover { text-decoration:underline; }
body.north-america #masthead .content P { margin-top:3px; }




/* from newhome.css */




body#home img { display:block; }

body#home h1 { background-color:transparent; color:#ded541; font-size:1.7em; }
body#home h2 { font-size:1.2em; }

body#home div#product-promo { width:483px; margin-top:5px; margin-left:5px; padding-bottom:0; background-color:transparent; color:#fff; }
body#home div#product-promo h1 { margin:0; padding:0; }

body#home div#featured-content { width:483px; margin-top:5px; margin-left:5px; background-color:transparent; color:#fff; }
body#home div#featured-content h1 { margin:0; padding:0; border:1px solid #C2C6CF; }


body#home div#spotlight { width:483px; margin-left:5px; margin-top:5px; background-image:none; }
body#home div#spotlight div.chapter-heading { border:1px solid #C2C6CF; border-bottom:0; background:#B0B5C0; }
body#home div#spotlight h1 { float:left; color:#37405b; font-size:1.2em; }
body#home div#spotlight h2 a { background-color:#c5c9d1; color:#383A3f; text-decoration:none; }

body#home ol#spotlight-toc { list-style-type:none; float:right; width:212px; }
body#home ol#spotlight-toc li { float:left; width:33px; }
body#home ol#spotlight-toc li.first-child { border-right:1px solid #C2C6CF; }
body#home ol#spotlight-toc li.last-child { border-left:1px solid #C2C6CF; }
body#home ol#spotlight-toc li a { display:block; border-width:1px 0; border-style:solid; border-color: #a5a8b0; background-color:#dfe1e6;  color:#37405b; font-size:0.9em; font-weight:bold; text-align:center; text-decoration:none; }
body#home ol#spotlight-toc li a:hover, ol#spotlight-toc li a:focus { background-color:#9CA4B2; color:#37405b; }

body#home ol#spotlight-toc li a.active-tab { background-color:#5D6881; color:#ded541; }
body#home ol#spotlight-toc li a.previous, ol#spotlight-toc li a.next {  border-width:1px; background-color:#c5c9d1; color:#37405b; }
body#home ol#spotlight-toc li a.previous { border-right:0; }
body#home ol#spotlight-toc li a.next { border-left:0; }
body#home ol#spotlight-toc li a.previous:hover, ol#spotlight-toc li a.next:hover { background-color:#b5b9c1; color:#37405b; }

body#home ol#spotlight-list { list-style-type:none; }
body#home ol#spotlight-list li { position:absolute; width:481px; padding-bottom:5px; border:1px solid #C2C6CF; background-color:#838b99; background-repeat:no-repeat; background-position:5px 5px; }

body#home li#spotlight0.active-tab-body { background-image:url(/i/pic/home/spotlights_0.jpg); }
body#home li#spotlight1.active-tab-body { background-image:url(/i/pic/home/spotlights_1.jpg); }
body#home li#spotlight2.active-tab-body { background-image:url(/i/pic/home/spotlights_2.jpg); }
body#home li#spotlight3.active-tab-body { background-image:url(/i/pic/home/spotlights_3.jpg); }

body#home ol#spotlight-list li div.hentry { margin:5px 5px 0 182px; background-color:#c5c9d1; }

body#home div#spotlight a.continue-reading { padding-right:15px;  background:url(/i/bg/home/link_go.gif) right no-repeat; color:#383A3F; font-weight:bold; }



/* SITE NAV */

ul#sitenav { list-style-type:none; float:right; position:relative; z-index:100; width:550px; margin-top:5px; padding-top:5px; /*background:transparent url(xxx) repeat-y;*/ color:#fff; }
ul#sitenav li { float:left; font-size:1em; font-weight:bold; }
ul#sitenav li a, ul#sitenav li.hover a { background:url(/i/bg/sitenav-border.png) bottom right no-repeat; }
/*body#home ul#sitenav li#sitenav-home { background:url(/i/bg/sitenav-border.png) bottom right no-repeat; }*/

ul#sitenav li a:hover,ul#sitenav li.over a, div#subsitenav div.over { background-color:#3136A1; }
ul#sitenav li#sitenav-home a, ul#sitenav li#sitenav-travel a, ul#sitenav li#sitenav-about a, ul#sitenav li#sitenav-motorsports a { cursor:default; }

li#sitenav-home { width:130px; /*background: blue !important;*/ }
li#sitenav-about { width:130px; /*background: black !important;*/ }
li#sitenav-motorsports { width:130px; /*background: blue !important;*/ }
li#sitenav-travel { width:123px; /*background: black !important;*/ }

ul#sitenav a { display:block; padding:0.3em 10px 0.3em 5px; background-repeat:no-repeat; color:#fff600; font-size:0.9em; text-transform:uppercase; text-align:center; text-decoration:none; }
ul#sitenav li ul li a, ul#sitenav li.hover ul li a { margin-right:6px; padding-right:3px; background:#1A2B86 url(/i/bg/gradient/sitenav.png) bottom left no-repeat; color:#fff600; text-align:left; text-transform:capitalize; }
ul#sitenav a:hover, ul#sitenav a:focus { background:transparent; color:#fff; }
ul#sitenav li.hover ul li.highlight a,ul#sitenav li.hover ul li a:hover, ul#sitenav li.hover ul li a:focus { min-height:1.2em;  background-color:#1A57CF; background-position:bottom right; color:#fff; }

ul#sitenav li.hover { min-height:100px !important;}
ul#sitenav { height:1.9em !important;}

/* Subsite nav */
div#subsitenav { visibility:hidden; background-color:#0c0c6c; position:absolute; top:88px; right: 0; z-index:500; width:780px; color:#fff; }
div#subsitenav ol { clear:left; margin:0; padding:0; width:780px; height:54px; border-top:1px solid #B0B0D2; border-bottom:1px solid #B9BCE0; list-style-type:none;}
div#subsitenav ol li#pilot-link { float:left; width:388px; height:54px; margin:0; background:url(/i/bg/home/lt-bg.jpg) left top no-repeat; border-left:1px solid #686E78; border-right:1px solid #5056B4; border-size:0 1px;}
div#subsitenav ol li#driving-link { float:left; width:388px; height:54px; margin:0;  background:url(/i/bg/home/suv_bg.jpg) left top no-repeat; border-left:1px solid #6B6B72; border-right:1px solid #61687C;}

div#subsitenav ol li a { display:block; width:100%; height:54px; text-indent:-12em; overflow:hidden;}

div#subsitenav ul { list-style-type:none; margin-top:0.4em; }
div#subsitenav div { float:left; min-height:14.09em; display:block; font-size:0.87em; font-weight:bold;}
div#subsitenav div#subsitenav-travel p { margin-left:1em; }
div#subsitenav div#subsitenav-travel p span { color:#FFFF00;}
div#subsitenav div li{ float:none; margin-left:1px; line-height:2em;}
div#subsitenav div li a {  margin-right:3px; padding-left:0.7em; padding-right:3px; display:block; color:#fff600; text-decoration:none; text-align:left;}
div#subsitenav div li a[rel~="external"] span { background: url(/i/gui/nav/external.png) right 30% no-repeat; padding-right:15px; }
body#home div#subsitenav div li a.external,body#home div#subsitenav div li a.pdf { background-image:none;} 
div#subsitenav div li a.external span { padding-right:15px;background: url(/i/gui/nav/external.png) right 30% no-repeat; }
div#subsitenav div li a[rel~="pdf"] span { background: url(/i/bg/home/pdf_icon.png) right 30% no-repeat; padding-right:15px; }
div#subsitenav div li a.pdf span { padding-right:15px; background: url(/i/bg/home/pdf_icon.png) right 30% no-repeat; }

ul#sitenav li#sitenav-difference a, ul#sitenav li#sitenav-difference.hover a, div#subsitenav div#subsitenav-difference, div#subsitenav li.hover ul li a { background-image:none;}

div#subsitenav div li a:hover { background-color:#0C0D4F; }

div#subsitenav div#subsitenav-home { margin-left: 230px; width:130px; }
body#home div#subsitenav div#subsitenav-home.over { background-color:#3136A1; }
div#subsitenav div#subsitenav-home p{ margin:0; padding:0; height:100%; min-height:148px; width:235px; text-indent:-200em; background:transparent url(/i/bg/home/home_bg.jpg) no-repeat}
li#sitenav-about, li#sitenav-motorsports, div#subsitenav-about,div#subsitenav-about li, div#subsitenav-motorsports,div#subsitenav-motorsports li{ width:136px; }
li#sitenav-travel, div#subsitenav-travel,div#subsitenav-travel li{ width:128px; }
li#sitenav-difference, div#subsitenav-difference,div#subsitenav-difference li { width:145px; }

/* Add these rules to navigation.css once we have approval on using fabtabulous for Tire Selector menu */
.panel-content { display:none; }
.panel-content.active-tab-body { display: block; }

/* Link State */
div.accordion-menu div.panel-header a { display:block; padding:0 5px 0 23px ;line-height:26px;  border:1px solid #5F687A; background:transparent url(/i/gui/form/accordion-menu.png) left center no-repeat; color:#37405b; text-decoration:none; }

/* Hover and Focus State */
div.accordion-menu div.panel-header a:hover, div.accordion-menu div.panel-header a:focus { background-position:-261px 50%; }

/* Current State */
div.accordion-menu div.panel-header a.active-tab { border-color:#838790; background-position:-522px 50% !important; color:#fff; }