/*----------------------------------------------------------------------------
  CSS Document - default.css
 ----------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
 * --------------------------------------------------------------------------*/

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
img, a img,:link img,:visited img,fieldset { border:none; outline:none; border-style: none; }

table { border-collapse:collapse; }

/* ------------------------------------------------------------------------- *
 Global Elements */
 
body {
  background:#fff url(../!images/outer-tile-bg.gif) repeat-x 0 0;
  font-family:Arial,sans-serif;
  font-size:11px;
  color:#0C2A59;
}

div.clear { clear:both; }

br.clear { clear:both; height:1px; line-height:1px; font-size:1px; }

#outer-wrapper { 
  background:url(../!images/container-tile-bg.gif) repeat-y top left;
  width:808px; 
  position:absolute; 
  top:0; 
  left:50%; 
  margin-left:-404px;
  min-height:650px;
}
		
#inner-wrapper { 
  width:808px;
  background:url(../!images/main-container-bg.jpg) no-repeat; 
  min-height:810px;
}

#position-wrapper { 
  margin-left:13px;
}

/* start header */
#header { 
  background:url(../!images/header/header-bg.jpg) no-repeat top left;  
  width:780px; 
  height:127px;
  float:left;
}

/* override next 2 lines in IE -- layout_ie.css */
#logo-link {
  width:180px;
  height:58px; 
  display:block; 
  border:0px; 
  float:left;
}

#logo-link img { 
  border:none; 
}


/* start top-top level navigation */
ul#above-level-nav {
  margin:0;
  padding:0;
  list-style:none; 
  float:right;
  margin-right:7px;
}

ul#above-level-nav li {
  margin:0;
  padding:0;
  float:left;
  height:25px; 
  cursor:pointer;
  background-repeat:no-repeat;
}

ul#above-level-nav li a {
  display:block;
  height:25px;
  background-repeat:no-repeat;
}

ul#above-level-nav li a:hover {
  background:none;
}

ul#above-level-nav li a span {
  display:none;
}
		
/* show/hide an a:hover state to both reduce flicker in IE and cuz :hover only works on <a> in IE */
#above-level-nav-home {
  background:url(../!images/header/nav/home_o.gif); 
  width:45px; 
  border-right:1px solid #607595; 
}

#above-level-nav-home a {
  background:url(../!images/header/nav/home.gif); 
  width:45px;
}
		
#above-level-nav-blank {
  width:361px;
}
		
#above-level-nav-dealer-locator {
  background:url(../!images/header/nav/dealerLocator_o.gif); 
  width:101px; 
  border-right:1px solid #607595; 
}

#above-level-nav-dealer-locator a {
  background:url(../!images/header/nav/dealerLocator.gif); 
  width:101px;
}
		
#above-level-nav-tire-selector {
  background:url(../!images/header/nav/tireSelector_o.gif); 
  width:85px; 
  border-right:1px solid #607595; 
}

#above-level-nav-tire-selector a {
  background:url(../!images/header/nav/tireSelector.gif); 
  width:85px;
}
	
#above-level-nav-contact-us {
  background:url(../!images/header/nav/contactUs_o.gif);
  width:76px; 
  border-right:1px solid #607595;
}

#above-level-nav-contact-us a {
  background:url(../!images/header/nav/contactUs.gif);
  width:76px;
}
	
#above-level-nav-search {
  background:url(../!images/header/nav/search_o.gif);
  width:54px; 
  border-right:1px solid #607595; 
}

#above-level-nav-search a {
  background:url(../!images/header/nav/search.gif);
  width:54px;
}

a.link-on {
  background:none;
}
		
#search-box {
  display:none;
  width:188px;
  height:31px;
  background:#4a6388;
  position:absolute;
  top:25px;
  right:99px;
}

form#search {
  margin:4px 5px;
}

#search input#query {
  width:140px;
}
	
#above-level-nav-language {
  background:url(../!images/header/nav/language_o.gif) no-repeat;
  width:82px;
}

#above-level-nav-language a {
  background:url(../!images/header/nav/language.gif) no-repeat;
  width:82px;
}

/* begin top level main navigation */
#main-header-nav {
  position:relative; 
  float:right; 
  width:538px; 
  height:127px;
  margin:0px;
  padding:0px;
}

#title-graphic {
  position:absolute;
  top:66px;
  left:-175px;
}

#topbanner {
  position:absolute;
  top:30px;
  left:340px;
}

#PhoneInfo { display:none; visibility:hidden; }

#PhoneInfoContent { padding:30px; font-size:1.10em; color:#fff; }
#PhoneInfoContent .lineitem { text-align:center; }
#PhoneInfoContent p { margin-bottom:15px; }
#PhoneInfoContent ul { margin-left:0px; margin-bottom:10px; clear:both; }
#PhoneInfoContent ul li {display:block; padding-left:20px; list-style:none; clear:both; }
#PhoneInfoContent ul li label { display:block; position:relative; float:left; width:20px; margin-top:-6px; font-size:2.0em; color:#ff0; }
#PhoneInfoContent ul li strong { display:block; float:left; width:340px; margin-bottom:10px; font-weight:normal; }
#PhoneInfoContent input.close { display:block; position:relative; width:100px; margin:0px auto 0px auto; }

/* override in IE */
ul#main-top-nav{
  margin:0;
  padding:0;
  padding-top:1px;
  list-style:none; 
  float: right; 
  width: 538px; 
  height: 28px;
  background: url(../!images/header/nav/mainNav-1px-yellow-bg.gif) repeat-x top left;
}

ul#main-top-nav li{
  margin:0;
  padding:0;
  height: 33px; 
  float: left; 
  cursor: pointer;
  margin-top: 1px;
}
		
ul#main-top-nav li a{
  display: block; 
  height: 33px;
}

ul#main-top-nav li a span{
  display: none;
}
	
/* show/hide an a:hover state to both reduce flicker in IE and cuz :hover only works on <a> in IE */
		
#main-top-nav-dealer-locator {
  background: url(../!images/header/nav/dealerLocatorMain.gif);
  width: 119px;
}
		
/*TIRES AND RETREADS*/
#main-top-nav-tires-and-retreads {
  background: url(../!images/header/nav/tiresAndRetreads.gif); 
  width:108px;
}

#main-top-nav-tires-and-retreads a:hover{
  background:url(../!images/header/nav/tiresAndRetreads_o.gif); 
  width:108px;
}
		
.tires-retreads #main-top-nav-tires-and-retreads {
  background: url(../!images/header/nav/tiresAndRetreads_o.gif);
}
		
/*SERVICES & INFORMATION*/
#main-top-nav-services-and-information {
  background: url(../!images/header/nav/servicesAndInfo.gif); 
  width:148px;
}
		
#main-top-nav-services-and-information a:hover{
  background:url(../!images/header/nav/servicesAndInfo_o.gif); 
  width:148px;
}
		
.services-information #main-top-nav-services-and-information {
  background:url(../!images/header/nav/servicesAndInfo_o.gif); 
}
		
/*NEWS & EVENTS*/
#main-top-nav-news-and-events {
  background: url(../!images/header/nav/newsAndEvents.gif); 
  width:97px;
}

#main-top-nav-news-and-events a:hover{
  background:url(../!images/header/nav/newsAndEvents_o.gif); 
  width:97px;
}
		
.news-and-events #main-top-nav-news-and-events {
  background:url(../!images/header/nav/newsAndEvents_o.gif); 
}
		
/*THE TOOL BOX*/
#main-top-nav-the-tool-box {
  background: url(../!images/header/nav/theToolBox.gif); 
  width:68px;
}

#main-top-nav-the-tool-box a:hover{
  background:url(../!images/header/nav/theToolBox_o.gif); 
  width:68px;
}
		
.the-tool-box #main-top-nav-the-tool-box {
  background:url(../!images/header/nav/theToolBox_o.gif); 
}
		
/*THE GO GREEN*/
#main-top-nav-go-green {
  background: url(../!images/header/nav/goGreen.gif); 
  width:68px;
}

#main-top-nav-go-green a:hover{
  background:url(../!images/header/nav/goGreen_o.gif); 
  width:68px;
}
		
.the-tool-box #main-top-nav-go-green {
  background:url(../!images/header/nav/goGreen_o.gif); 
}		
		
/* end top level main navigation */
		
#bd { 
  width:780px;
}

#left-nav {
  width:170px; 
  height:490px; 
  float:left; 
  border-top:1px solid #0E66B9;
}

#left-nav-links { 
  position:relative;
  background:#324D84 url(../!images/left-nav/main-bg.jpg) no-repeat top left; 
  min-height:382px; 
  width:170px;
}

#left-nav-links a.datadownload{ 
  position:absolute;
  display:block;
  bottom:0px;
  left:10px;
  cursor:pointer;
  color:#fff;
  font-size:.80em;
  font-weight:bold;
}

#left-nav-links a.datadownload:hover{ 
  text-decoration:none;
}

#left-nav-cap { 
  background:url(../!images/left-nav/bottom-cap.jpg) no-repeat top left; 
  width:170px;
  min-height:110px;
}

#main-content { 
  float:left; 
  background:url(../!images/content-bg.jpg) no-repeat top left; 
  min-height:165px; 
  width:591px; 
  padding-left:19px;
}

/* start footer */
#ft {
  width:780px; 
  height:35px;
  line-height:15px;
  padding-top:20px; 
}

#ft ul {
  display:block;
  position:relative;
  width:545px;
  margin:0px auto 0px auto;
  padding:0px; 
  list-style:none;
}

#ft ul li {
  float:left; 
  margin-right:16px;
}

#ft ul li a{ 
  display:block; 
  height:15px; 
}

#ft ul li a span {
  display:none;
}

#ft-terms-of-use {
  background:url(../!images/footer/terms-of-use.gif) no-repeat top left;
}

#ft-terms-of-use a {
  width:68px;
}

#ft-privacy-policy {
  background:url(../!images/footer/privacy-policy.gif) no-repeat top left;
}

#ft-privacy-policy a {
  width:78px;
}

#ft-www-michelin-com {
  background:url(../!images/footer/www-michelin-com.gif) no-repeat top left;
}

#ft-www-michelin-com a {
  width:72px;
}

#ft-www-michelinrvtires-com {
  background:url(../!images/footer/www-michelinrvtires-com.gif) no-repeat top left;
}

#ft-www-michelinrvtires-com a {
  width:109px;
}

#ft-www-bdasites-com {
  background:url(../!images/footer/shop-michelin.gif) no-repeat top left;
}

#ft-www-bdasites-com a { width:76px; }

#ft-site-map {
  background:url(../!images/footer/site-map.gif) no-repeat top left;
}

#ft-site-map a { width:44px; }
/* end foooter */


/*left bit*/
#left-nav-cap  { margin-bottom:40px; padding-top:60px; color: #2F4A81; font-size: 13px; }
#left-nav-cap .margintop  { margin-top:0px; }
#left-nav #left-nav-links									{ color: #ffffff; font-size: 13px; }
#left-nav #left-nav-links .address						{ padding: 10px 0px 10px 5px; }
#left-nav #left-nav-links .address .sub-text		{ font-size: 10px; }
#left-nav #left-nav-links .address .sub-text p		{ margin:0px; padding:0px; font-size: 10px; }
#left-nav #left-nav-links .address p					{ padding-bottom: 10px; }
#left-nav #left-nav-links .address p strong			{ font-weight:bold; font-size:1.05em; }
#left-nav #left-nav-links .address .address-btn	{ height:25px; line-height: 25px; }
#left-nav #left-nav-links .address .address-btn #address	{ float: left; display: block; width:115px; margin: 0px; padding: 0px; }
#left-nav #left-nav-links .address .address-btn .ok-btn		{ padding: 0px 0px 0px 0px; width:43px; float: left; display: block; }
#left-nav #left-nav-links .rad-search				{ padding: 10px 0px 10px 10px; }
#left-nav #left-nav-links .rad-search p				{ padding-bottom: 10px; }
#left-nav #left-nav-links .toggles						{ padding-top: 15px; font-size: 13px;  }
#left-nav-links span.phone  { float:right; margin-right:0px; width:17px; height:28px; }
#left-nav-cap .item, 
#left-nav #left-nav-links .toggles .item				{ padding-bottom:5px; padding-left:5px;}
#left-nav-cap .item .toggle-item,
#left-nav #left-nav-links .toggles .radio-item	{ display:block; float:left; width:auto; margin: 0px 5px 0px 0px; padding:0px; border:none; outline:none; }
#left-nav-cap .item .opt-text,
#left-nav #left-nav-links .toggles .opt-text			{ display:block; float:left; width:140px; }
#left-nav #left-nav-links .toggles .opt-text-wicon			{ display:block; float:left; width:125px; }
#left-nav #left-nav-links .toggles .header			{ border-bottom:solid 1px #fff; text-transform:uppercase; font-size:.95em; width:auto; padding-bottom:2px; margin-bottom:5px; }
#left-nav #left-nav-links .toggles .opt-text-short { display:block; float:left; width:110px; }
#left-nav #left-nav-links .toggles p { margin-bottom:5px; font-size:.80em; line-height:.90em; }
#legend { padding-top:10px; padding-bottom:20px; }
#legend label { 
  display:block; 
  float:left; 
  width:20px; 
  height:35px;
}
#legend label.yellow { background:url('http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=|faf725|000000') no-repeat top left; margin-left:0px; }
#legend label.green { background:url('http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=|008A63|ffffff') no-repeat top left; margin-left:0px; }
#legend label.blue { background:url('http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=|1a1ae1|ffffff') no-repeat top left; margin-left:15px; }
#legend span { 
  display:block; 
  float:left; 
  width:auto; 
  height:35px;
  padding-left:5px;
  line-height:35px;
  font-size:12px;
}
#legend span.yellow { line-height:13px; }
#legend span.fixedwidth { width:150px; height:auto; line-height:normal; }

.gmtabcontainor p { margin-bottom: 5px; }
/*top bit*/
#content h1								{ color: #ffffff; font-size: 24px; margin-bottom: 10px; }
#main-content h1.mobile { color: #fff; font-size:2.6em; font-weight:bold; margin-bottom: 15px; margin-bottom:40px; }
#content .sub-head h2				{ font-size: 20px; font-weight: bold; margin-bottom: 15px; width: 400px; float: left; }
#content .sub-head .coords			{ width: 175px; float: right;  font-size: 12px; font-weight: bold; padding-top: 8px; }
#content .sub-head .coords #lat	{ float: left; width: 45%; }
#content .sub-head .coords #lng	{ float: left; width: 49%; }
/*map bit*/
#map_canvas	{ width:575px; height:450px;}
/*bottom bit */
.bottom												{ width: 575px; }
.bottom #service								{ width: 570px; }
#service h2							{ display:block; float:left; width:auto; font-size: 20px; font-weight: bold; margin-bottom:0px; }
#service input.print { background:#324D84 url(../!images/yellowPrintIcon.png) no-repeat 6px 3px; display:block; float:right; width:auto; margin-right:25px; padding:3px; padding-left:25px; color:#fff; font-weight: bold; border:none; outline:none; cursor:pointer; }
#selectlist input.print { margin-right:20px; width:100px; }
.bottom #service h4							{ font-size: 13px; font-weight: bold; margin-top: 5px; color:#0C2A59; }
.bottom #service .list-head					{ width: 275px; padding-top: 30px; }
.bottom #service .list-head h3				{ font-size: 18px; margin: 0px; width: 220px; float: left; padding-top: 5px; }
.bottom #service .list-head img			{ padding: 0px 10px 0px 0px; float: left; width: 32px; height: 38px; }
.bottom #service .list-head-first			{ width: 275px; }
.bottom #service .list-head-first h3		{ float:left; width:220px; margin:0px; padding-top:5px;  padding-bottom:15px; font-size:18px; }
.bottom #service .list-head-first img		{ padding:0px 10px 0px 0px; float: left; width: 32px; height: 38px; }
.bottom #service .oddentry					{ background:#EBF0F6; border-bottom:solid 1px #2F4A81; padding:15px 10px 10px 10px; }
.bottom #service .evenentry					{ background:#FFF; border-bottom:solid 1px #2F4A81; padding:15px 10px 10px 10px; }
.bottom #service a					{ font-size:1.05em; color:#324D84; }
.bottom #service a:hover	  { text-decoration:none; }
.bottom #service .loc-name					{ padding-left:0px; padding-bottom: 0px; }
.bottom #service .loc-name p				{ display:block; float:left; width:135px; font-size:1.00em; color:#0D4783; }
.bottom #service .loc-name p label  { display:block; padding-right:10px; }
.bottom #service .loc-name p label.margin  { margin-left:25px; }
#service .loc-name p span.servicenetwork  { background:url(../!images/blank.gif) no-repeat 0px 0px; display:block; float:none; width:117px; height:38px; margin-right:0px; }
span.phone  { background:url(../!images/icon_RedPhone.png) no-repeat 0 8px; display:block; width:20px; height:25px; }
#service span.phone  { float:right; margin-right:45px; }
#legend span.phone  { float:left; margin-left:15px; width:20px; height:25px; }
.bottom #service  span.hotel  { background:url(../!images/hotelsicon.png) no-repeat 0 0px; display:block; float:left; width:32px; height:30px; margin-right:0px; }
.bottom #service  span.food  { background:url(../!images/foodicon.png) no-repeat 0 0px; display:block; float:left; width:32px; height:30px; margin-right:0px; }
.bottom #service .loc-name p em				{ font-size:1.10em; color:#f00; }
.bottom #service .loc-name p label strong		{ display:block; margin-bottom:10px; padding-right:0px; padding-left:0px; font-size:1.00em; font-weight: bold; }
.bottom #service .loc-name h3			{ float:left; width:auto; font-size: 16px; font-weight: bold; color: #000000; }
.bottom #service .loc-name strong			{ padding-right:10px; font-size:1.155em; font-weight: bold; }
.bottom #service .loc-name img					{ display:block; float:left; width:auto; margin-right:5px; cursor:pointer; }
.bottom #service .loc-info					{ font-size: 12px; }
#weatherholder									{ padding-left:10px; }
#weatherholder h2								{ font-size: 20px; font-weight: bold; margin-bottom: 15px; }
#weatherholder .weatherWrap .weather				{ float:left; width: 160px; padding-bottom: 20px; }
#weatherholder .weatherWrap .weather .icon		{ float: left; width: 40px; padding: 0px 10px 10px 0px; }
#weatherholder .weatherWrap .weather .icon img	{ vertical-align:top; }
#weatherholder .weatherWrap .weather .text			{ float: left; width:110px; }
#weatherholder .weatherWrap .weather .text h3	{ font-size: 14px; font-weight: bold; color: #000000; }
#weatherholder .weatherWrap .weather .text span	{ font-size: 12px; }

.infoballtab1 p { display:block; font-weight:normal; padding:0px; margin:0px; line-height:1.50em; }
.infoballtab1 strong { font-weight:bold; padding:0px; margin:0px; }
.margintop { margin:5px 0px 0px 0px; }

/********************************************
* Rolling Resistence page
**************************************************************/
#selectlist { background:#F2F6FA; width:475px; height:325px; overflow:hidden; }
#selectlist h1 { background:#E3EBF3; margin:0px; padding:10px; color:#0A4582; font-size:1.55em; }
#selectlist .lineitem { padding:10px 10px 10px 20px; }
#selectlist select { display:block; float:left; width:auto; margin-right:20px; }
#selectlist label { display:block; float:left; width:auto; line-height:20px; color:#0A4582; font-size:1.20em; font-weight:bold; }
/* #selectlist input.close { display:block; width:100px; margin:15px auto 15px auto; } */
#selectlist input.close { width:100px; } 
#selectlist .buttonholder { padding-top:15px; text-align:center; } 

/* END - Rolling Resistence page */
#content .mainleft { width:300px; float:left; }
#content .mainright { width:280px; float:right; }
a.GoogleMapsIcon { 
  background:url(../!images/GoogleMapsIcon.png) no-repeat;  
  width:189px;
  height:70px;
}		

a.mobileapps { 
  background:url(../!images/mobileAppButton.png) no-repeat 0 0;  
  width:189px;
  height:75px;
}		

#content .mainright a { 
  position:relative;
  display:block; 
  cursor:pointer; 
  left:82px;
  top:-20px;
}

#topbanner a {
  display:block; 
  cursor:pointer; 
}

img.bannerimage { display:block; width:459px; margin:0px auto 0px auto; margin-bottom:25px; }

#bd .mobile p { margin-bottom:15px; padding-right:25px; }

#left-nav-links .mobileappnav h2 { padding:10px; color:#ff0; text-transform:uppercase; font-size:1.25em; }
#left-nav-links .mobileappnav a { display:block; float:left; padding:5px 10px 5px 5px; color:#fff; text-transform:uppercase; font-size:1em; line-height:1em; font-weight:bold; text-decoration:none; }
#left-nav-links .mobileappnav a:hover { text-decoration:underline; }
#left-nav-links .mobileappnav span { display:block; float:left; margin-left:10px; padding:3px 0px 5px 0px; color:#ff0; font-size:1em; line-height:1em; }
.leftqrcode { display:block; width:auto; margin:0px auto 0px auto; }
#left-nav-links .mobileappnav p { margin-top:12px; margin-bottom:12px; padding:0px 8px 0px 8px; color:#fff; font-size:.85em; line-height:1.15em; }

/***********************
 * Time Table styles
 ************************************************/
 .OtherStuff .AccordionContainer .AccordionContent h4 { color:#0c2a59; margin-bottom:6px; }
 .OtherStuff .AccordionContainer .AccordionContent table { width:504px; margin:0px; margin-left:10px; padding:0px; margin-bottom:10px; }
 .OtherStuff .AccordionContainer .AccordionContent table th, 
 .OtherStuff .AccordionContainer .AccordionContent table td { width:63px; padding:5px; border-left:1px solid #3f60a3; border-bottom:1px solid #3f60a3; border-right:1px solid #3f60a3; color:#fff; font-weight:bold; text-align:left; }
 .OtherStuff .AccordionContainer .AccordionContent table thead th { background:#3f60a3; border-top:1px solid #3f60a3;  }
 .OtherStuff .AccordionContainer .AccordionContent table thead td { background:#324d84; border:none; border-bottom:1px solid #3f60a3; border-top:1px solid #3f60a3; border-right:1px solid #3f60a3; }
 .OtherStuff .AccordionContainer .AccordionContent table tbody th { background:#324d84; }
 .OtherStuff .AccordionContainer .AccordionContent table tbody td { background:#ccd4df; border:none; border-bottom:1px solid #3f60a3; border-right:1px solid #3f60a3; color:#0c2a59; font-weight:normal; }
 
 /* End - Time Table styles */