/*airbags.css*/
* {
  margin: 0;
}
html, body, div, p, ul, li, form, fieldset, table, thead, tbody, th, tr, td, h1, h2, h3, h4, h5, h6 {
  padding: 0; /*this is to protect form controls from Universal Reset... cause some browsers don't let you put it back!*/
}

img {
  border: 0;
}

ul, li {
  list-style: none;
}

html, body {
  height: 100%;
}

/* html body {behavior: url(csshover.htc);} this is for IE to hover over non-links... just sitting here for now, we'll see if we use it*/
body {
  background-color: #666;
  padding: 0 .5em;
  text-align: center; /*IE5*/
} 

#container, #footer {
  min-width: 762px; /*this is called 800-friendly*/
  max-width: 1200px; /*this can be larger if you feel you need it for really wide screens*/
  min-height: 100%;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
#cars #container, #cars #footer {
  max-width: 1035px;
}
/*IE6*/
* html #container, * html #footer {
  height: 100%;
  overflow: visible;
  width: 960px; /*we could use an IE-only expression here but only works on Javascript-enabled browsers and does not validate CSS*/
}
* html #footer {height: 4em;}

#header {
  margin-top: 5px;
  text-align: left; /*undo IE5*/
  overflow: hidden;
}

#logo {
  float: left;
  width: 750px;
  height: 130px;
  font: 2em/2.2em "trebuchet ms" helvetica, sans-serif;
  font-style: italic;
  font-variant: small-caps;
  text-indent: 10px;
  color: #000;
  overflow: hidden;
  position: relative;
}
	#logo span {
	  display: block;
	  font-size: 1em;
	  text-indent: 10px;
	  border-bottom: 2px solid #15d002;
	  color: #5361a3;
	}
	#logo a {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  background: url(headernormal.gif) 0 0 no-repeat;
	}

#header a.skip {
  color: #fff;
  font: .8em/1em verdana, arial, helvetica, sans-serif;
}
	#header a.skip:focus, #header a.skip:hover {
	  color: #000;
	}



#formSearch {
  width: 27em;
  clear: right;
  float: right;
  margin-top: -2em;
  text-align: center;
}
/*IE6 doesn't allow floats to clear floats... gah!*/
* html #formSearch {
  margin-top: 2em;
}
	#formSearch fieldset {
	  border: 0;
	  position: relative;
	}
	#formSearch legend span {
	  position: absolute;
	  left: -9999em;/*so, invisible to us but available to text browsers and screen readers*/
	  margin-left: -999em;/*gecko legend bug*/
	}
	#formSearch label, #formSearch input {
	  margin: 0;
	}
	#formSearch div {
	  float: left;
	  margin-left: 4em;
	}
	#formSearch div label {
  	  font-size: .9em;
	}
	#formSearch #sbi {
	  background: url(Logo_25wht2.gif) 50% 40% no-repeat;
	}

		#formSearch #sbi:focus {
	  	  background-image: none;
		}

#menu {
  clear: both;
  background: url(menubg.gif) 0 0 repeat-x;
}
* html #menu {height: 20px;}
	#menu ul {
	  width: 480px;
	  padding: 2px 0;
	  margin: 0 auto;
	  overflow: hidden;
	}
	#menu li, #footmenu li {
	  display: inline;
	}
	#menu li a {
	  float: left;
	  width: auto;
	  text-align: center;
	  text-decoration: none;
	  padding: 0 15px;
	  color: #fff;
	  font: bold 1em/1.8em georgia, "times new roman", serif;
	  position: relative;
	}
	#menu a:visited, #footmenu a:visited {
	  color: #c7c7c7;
	}
	#menu a:focus, #menu a:hover, #menu a:active,
	#footmenu a:focus, #footmenu a:hover, #footmenu a:active {
	  color: #fb8b07;
	  text-decoration: underline;
	}
	#menu a.current, #menu a.current:visited {
	  background-color: #cdcdcd;
	  color: #fb8b07;
          padding: 2px 15px;
	  position: relative;
	  top: 2px;
	  line-height: 1.6em;
	} 
	

#wrapper {
  width: 100%;
  float: left;
  text-align: left; /*undo IE5*/
  background-color: #cdcdcd;
  padding-bottom: 4em;
}
#index #wrapper {
  min-height: 1450px;/*height of automenu*/
}
* html #index #wrapper {
  height: 1450px;
}

#mainContent {
  margin: .5em .5em 1.5em;
  border: 1px solid #babeec;
  background-color: #fff;
  padding: 5px;
}
* html #mainContent {height: 1%;} /*Haslayout and IE5*/

#index #mainContent {
  margin: .5em .5em .5em 200px;
}


#mainContent a {
  font-weight: bold;
  color: #666;
}
	#mainContent a:focus, #mainContent a:hover, #mainContent a:visited {
	  color: #fb8b07;
	}
#mainContent a.ref {
  text-decoration: none;
  color: #00f;
}

h1, h2, h3, h4 {
  text-align: center;
}

h1 {
  font-size: 1.4em;
  margin-bottom: 1.5em;
}
h2 {
  font-size: 1.2em;
}

#mainContent p {
  padding: 0 5px;
  margin: 10px 0;
}
#mainContent span {
  font-weight: bold;
}
#mainContent span.sitename {
  color: #5361a3;
  font-size: 1.1em;
}

#mainContent img {
  float: left;
  margin: 5px 15px 7px 5px;
}
#mainContent img.oppo {
  float: right;
  margin: 5px 5px 7px 15px;
}
#mainContent img.mid {
  position: relative;
  left: 50%;
  margin-left: -200px;
}
#mainContent #mc {
  float: none;
  display: block;
  width:105px;
  margin: 5px auto;
}

#mainContent blockquote {
  margin: 0 10%;
}

abbr {
  font-size: .9em;
  line-height: 1em;
  font-weight: bold;
  color: #017011;
}
h3 {
  margin: 1em 0 .5em;
}
	h3.clear, h2.clear {
	  clear: left;
	}

#carwrap {
  margin: 1em;
  padding: 15px 5px 5px 40px;
  border: 1px solid #babeec;
  overflow: hidden;
}
* html #carwrap {width: 850px;}

	#carwrap div {
	  width: 250px;
	  min-height: 400px;
	  float: left;
	  text-align: center;
	  display: inline; /*IE6*/
	  margin: 0 15px 40px;
	  padding: 5px;
	  border: 1px solid #666;
	}
	* html #carwrap div {height: 300px; width: 230px;}

	#carwrap p>a {
	  display: block;
	  width: 179px;
	  min-height: 115px; 
	  text-align: center;
	  vertical-align: middle;
	  padding-top: 4px;
	  background-color: #3f82a9;
	  margin: 0 auto;
	}
		#carwrap p>a:focus, #carwrap p>a:hover {
		  background-color: #fb8b07;
		}
	#carwrap img {
	  float: none;
	  display: inline;
	  margin: 0;
	}
	#carwrap p+p {
	  text-align: left;
	  border-top: 1px solid #017011;
	  padding-top: 3px;
	}

* html #carwrap div a {
  display: block;
  width: 177px;
  margin: 5px auto;
}

#formContact {
  width: 27em;
  margin: 10px auto;
  border: 2px solid #fb8b07;
}

	#formContact fieldset {
  	  border: 1px solid #5361a3;
	  background-color: #c7c7c7;
	  padding: 5px;
	  position: relative;
	}
	
	#formContact legend {
	  position: absolute;
	}

/*FF pukes with top: 0 while IE needs "top" or "left"... legend styling*/
/*see: http://www.tyssendesign.com.au/articles/css/legends-of-style-revised/ */

	#formContact legend span{
	  position: absolute;
	  left: -9999em;
	  margin-left: -9999em;
	}

	#formContact div {
	  display: table;
  	  width: 98%; /*triggers Haslayout, dus werkt ie nog in IE*/
	  margin-bottom: 2px;
	  clear: left;
	}
	#formContact label {
	  text-align: right;
	  padding-right: 5px;
	  font: bold .9em/1.2em georgia, "times new roman", serif;
	  width: 15em;
	  float: left;
	}
	#formContact select {
	  width: 14em;
	}
	#formContact input[type=text] {
	  width: 13em;
	}
	#formContact input.submit {
	  display: block;
	  margin: 5px auto;
	}

ul.productlist, ul.privacylist {
  width: 90%;
  display: list-item;
  padding-left: 20px;
  margin: 5px auto;
  border: 1px solid #babeec; 
  background: url(airbagimage.jpg) 98% 50% no-repeat;
}
ul.privacylist {
  background-image: none;
}
	ul.productlist li {
	  width: 20em;
	  margin: auto;
	}
ul.trackinglist {
  width: 30em;
  margin: 5px auto;
}
ul.productlist li, ul.trackinglist li, ul.privacylist li {
  display: list-item;
  list-style-type: circle;
  background: 100% 50% no-repeat;
}
	ul.trackinglist a {
	  font-weight: bold;
	}
	ul.trackinglist li.ups {
	  background-image: url(upsLogo.gif);
	  height: 30px;
	}
	ul.trackinglist li.fed {
	  background-image: url(fedExLogo.gif);
	  height: 25px;
	}
	ul.trackinglist li.postal {
	  background-image: url(uspsLogo.gif);
	}
ul.comparison {
  min-height: 143px;
  padding-left: 150px;
  border: 0;
  background: url(driver_airbag.jpg) 0 50% no-repeat;
}

ul.conditionsnav {
  text-align: center;
}
	ul.conditionsnav li {
	  display: block;
	  text-align: center;
	}
	ul.conditionsnav a {
	  font-size: .8em;
	}
	

#sidebar {
  width: 160px;
  float: left;
  background-color: #fff;
  border: 1px solid #babeec;
  padding: 0 10px 15px; 
  margin: .5em 0 0 -99%;
  position: relative;
}
* html #sidebar {width: 180px; w\idth: 160px; margin-left: -950px;} /*IE6 has issues with 100%, IE5 width hax*/

#automenu {
  width: 155px;
  margin: 0 auto;
  overflow: hidden;
}
* html #automenu {
  margin-left: 0;
}
	#automenu li {
	  display: inline;
	}
 	#automenu a {
	  float: left;
	  width: 77px;
	  height: 77px;
	  position: relative;
	  color: #333;
	  text-align: center;
	  font-size: .9em;
	  line-height: 77px;
	}
	#automenu a:focus, #automenu a:hover, #automenu a:active {
	  color: #d50000;
	  text-decoration: none;
	}
	#automenu a span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	}

/*currently these are all done individually as not all links have anchors.  If all these links went somewhere, the opacity  code would get lumped into a single declaration*/

#automenu a.acura:focus span, #automenu a.acura:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
#automenu a.audi span {
  background-position: -76px -304px;
}
#automenu a.audi:focus span, #automenu a.audi:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
	#automenu a.chrysler span {
	  background-position: -152px -228px;
	}
#automenu a.chrysler:focus span, #automenu a.chrysler:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
#automenu a.buick span {
  background-position: -76px 0px;
}
#automenu a.buick:focus span, #automenu a.buick:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
	#automenu a.caddy span {
	  background-position: -152px 0px;
	}
#automenu a.caddy:focus span, #automenu a.caddy:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
#automenu a.chevy span {
  background-position: -228px 0px;
}
#automenu a.chevy:focus span, #automenu a.chevy:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
	#automenu a.chrys span {
	  background-position: -152px -76px;
	}
#automenu a.chrys:focus span, #automenu a.chrys:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
#automenu a.dae span {
  background-position: -304px -152px;
}
	#automenu a.dodge span {
	  background-position: -152px -153px;
	}
#automenu a.dodge:focus span, #automenu a.dodge:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
#automenu a.ford span {
  background-position: -304px -304px;
}
#automenu a.ford:focus span, #automenu a.ford:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
	#automenu a.honda span {
	  background-position: 0px -76px;
	}
#automenu a.honda:focus span, #automenu a.honda:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
#automenu a.inf span {
  background-position: -304px -76px;
}
	#automenu a.isuzu span {
	  background-position: -228px -380px;
	}
#automenu a.jag span {
  background-position: -380px 0px;
}
	#automenu a.jeep span {
	  background-position: -152px -304px;
	}
#automenu a.jeep:focus span, #automenu a.jeep:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
#automenu a.kia span {
  background-position: -228px -76px;
}
#automenu a.kia:focus span, #automenu a.kia:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
	#automenu a.lex span {
	  background-position: -380px -152px;
	}
#automenu a.linc span {
  background-position: 0px -152px;
}
	#automenu a.maz span {
	  background-position: -304px -228px;
	}
#automenu a.maz:focus span, #automenu a.maz:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
#automenu a.merced span {
  background-position: -152px -380px;
}
	#automenu a.merc span {
	  background-position: -76px -76px;
	}
#automenu a.merc:focus span, #automenu a.merc:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
#automenu a.mits span {
  background-position: -380px -304px;
}
#automenu a.mits:focus span, #automenu a.mits:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
#automenu a.stang span {
  background-position: -380px -380px;
}
#automenu a.stang:focus span, #automenu a.stang:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
	#automenu a.niss span {
	  background-position: -304px 0px;
	}
#automenu a.niss:focus span, #automenu a.niss:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
#automenu a.olds span {
  background-position: -380px -76px;
}
#automenu a.olds:focus span, #automenu a.olds:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
	#automenu a.plym span {
	  background-position: 0px -228px;
	}
#automenu a.pont span {
  background-position: 0px -304px;
}
#automenu a.pont:focus span, #automenu a.pont:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
	#automenu a.saab span {
	  background-position: 0px -380px;
	}
#automenu a.subu span {
  background-position: -228px -152px;
}
#automenu a.subu:focus span, #automenu a.subu:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
	#automenu a.suz span {
	  background-position: -76px -380px;
	}
#automenu a.toyo span {
  background-position: -380px -228px;
}
#automenu a.toyo:focus span, #automenu a.toyo:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
	#automenu a.volks span {
	  background-position: -304px -380px;
	}
#automenu a.volks:focus span, #automenu a.volks:hover span {
  -moz-opacity:0.6;
  opacity: 0.6;
}
*+html #automenu li a:hover span {
  filter:alpha(opacity=60);
}

#footer {
  clear: both;
  min-height: 4em;
  margin-top: -5em;
  padding-bottom: .5em;
  position: relative;
}
	#footer p {
	  text-align: center;
	  font-size: .7em;
	  line-height: 1em;
	}
	#index #footer p {
	  padding-left: 150px;
	}
#footmenu {
  background: url(menubg.gif) 0 0 repeat-x;
  text-align: center;
  margin-bottom: .5em;
}
#index #footmenu {
  padding-left: 100px;
}
	#footmenu li {
	  display: inline;
	}
	#footmenu a {
	  font: bold .8em/2em georgia, "times new roman", serif;
	  padding: 2px 5px;
	  color: #fff;
	  text-decoration: none;
	}
	#footmenu a:visited {
	  color: #babeec;
	}
	#footmenu a:focus, #footmenu a:hover, #footmenu a:active {
	  color: #fb8b07;
	  text-decoration: underline;
	}
a.footerrefs {
  font-size: .7em;
  margin-left: 100px;
  display: block;
  text-decoration: none;
}
	a.footerrefs:focus, a.footerrefs:hover {
  	  text-decoration: underline;
	}