@charset "utf-8";
/* CSS Document */

.startBoxWrap{
	width: 607px;
	height: 157px;
	background: url(/images/bg/startbox.gif) no-repeat;
	margin: 0px auto 0px auto;
}
.startBoxWrap .body{
	padding: 50px 0px 0px 50px;
}
.startBoxWrap .set{ 
	float: left;
	padding-left: 15px;
}
.startBoxWrap .label{
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 3px;
}
.startBoxWrap select.make{ width: 200px; }
.startBoxWrap select.year{ width: 120px; }
.startBoxWrap img{ cursor: pointer; }

.homeText{
	width: 607px;
	margin: 50px auto 50px auto;
}

ul.breadcrumb{
	list-style: none;
	margin: 3px 0px 15px 0px;
	padding: 0px;
}
ul.breadcrumb li{
	display: inline;
	font-size: 11px;
}

h1.gg{
	line-height: 24px;
	padding-left: 10px;
	background: url(/images/bg/gg24_fill.gif) repeat-x;
}

ul.trims,
ul.bulbs,
ul.models{ list-style: none; }
ul.trims li,
ul.bulbs li,
ul.models li{
	line-height: 22px;
	background: url(/images/bullet_blue.gif) left no-repeat;
	padding-left: 16px;
	font-size: 12px;
	font-weight: bold;
}
ul.bulbs li{ 
	font-weight: normal; 
	background: url(/images/bullet_brown.gif) left no-repeat;
}
ul.bulbs{
	float: left;
	width: 145px;
}
.bulbTH{
	float: left;
	padding-bottom: 10px;
}
.bulbTH img{ 
	cursor: pointer;
	border: 1px solid #e1e1e1;
	margin-right: 10px;
}
.bulbTH img.over{ border-color: #88b3df; }
#ViewBulbDialog .bd{ text-align: center; }


div.trimJump{
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding: 0px;
}
div.trimJump .title{
	font-size: 10px;
	font-weight: bold;
}
div.trimJump ul{ 
	margin: 5px 0px 5px 10px; 
	padding: 5px 0px 5px 10px; 
}

div.trim{
	border: 1px solid #ebebeb;
	background-color: #fcfcfc;
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
}
div.trim .body{ padding: 10px 10px 10px 20px; }
div.trim .head{
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
	padding-left: 10px;
	line-height: 20px;
	background-color: #f3f3f3;
}
div.trim .catName{
	font-size: 11px;
	font-weight: bold;
	border-top: 1px solid #efefef;
	padding-top: 3px;
}
div.trim ul{
	margin: 5px 0px 5px 10px;
	padding: 5px 0px 5px 10px;
}

.decade{
	border: 1px solid #ebebeb;
	background-color: #fcfcfc;
	width: 200px;
	float: left;
	margin: 10px;
}
.decade .head{
	font-weight: bold;
	border-bottom: 1px solid #ebebeb;
	line-height: 16px;
	background-color: #f3f3f3;
	font-size: 11px;
	text-align: center;
}
.decade ul{
	width: 70px;
	float: left;
	margin: 0px;
	padding: 5px 0px 5px 25px;
}
.decadeMakes{
	border: 1px solid #ebebeb;
	background-color: #fcfcfc;
	width: 220px;
	float: left;
	margin-right: 20px;
}
.decadeMakes ul{
	width: 190px;
	float: left;
	margin: 0px;
	padding: 5px 0px 5px 25px;
}


div.makeModels{
	border: 1px solid #ebebeb;
	background-color: #fcfcfc;
	margin: 10px;
	display: inline-block;
}
div.makeModels .head{
	font-weight: bold;
	border-bottom: 1px solid #ebebeb;
	line-height: 16px;
	background-color: #f3f3f3;
	font-size: 11px;
	padding-left: 10px;
}
div.makeModels ul{
	width: 200px;
	margin: 0px;
	padding: 5px 0px 5px 25px;
	float: left;
}

div.makeModelYears ul{
	width: 80px;
	margin: 0px;
	padding: 5px 0px 5px 25px;
	float: left;
}

div.makeModelsSingle ul{
	width: 200px;
	margin: 0px;
	padding: 5px 0px 5px 25px;
	float: left;
}


div.bulbs{
	width: 860px;
	margin: auto;
}
div.bulbs .wrap{
	float: left;
	width: 120px;
	height: 120px;
	text-align: center;
	font-size: 10px;
	border: 1px solid #F5F5F5;
}
div.bulb{ text-align: center; }




.buyOnline a{ 
	background: url(/images/icons/cart.gif) left no-repeat;
	padding-left: 17px;
	font-size: 10px; 
	font-weight: bold;
}
.buyOnline a:link,
.buyOnline a:active,
.buyOnline a:visited{ color: #00a100;  }
.buyOnline a:hover{ color: #006c0d;  }
.buyOnline.car{
	float: right;
	margin: -20px 0px 0px 0px;
}

span.bulbLink{
	cursor: pointer;
	color: #0c5cd4;
}
span.bulbLink:hover{ text-decoration: underline; }



div.fLeft{ float: left; }
div.fRight{ float: right; }
.pointer{ cursor: pointer; }

h1{ 
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
}
h2{ 
	font-size: 14px;
	font-weight: bold;
}
a:link,
a:visited,
a:active{ color: #435ace; }
a:hover{ color: #6d82ec; }
a.anchor{ font-size: 0px; }
br{ line-height: 10px; }
p{ margin: 8px 0px 8px 0px; }
img{ border: 0px; }

br.clear{ clear: both; font-size: 0px; height: 0px; line-height: 0px; padding: 0px; margin: 0px; }
ul.blueBullet{ list-style: none; }
ul.blueBullet li{
	background: url(/images/bullet_blue.gif) left no-repeat;
	padding-left: 16px;
	line-height: 20px;
}

html,body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
#PageWrap{
	width: 970px;
	margin: 0px auto 0px auto;
}
#PageHead{
	border-bottom: 1px solid #e7e7e7;
	padding: 10px 0px 10px 0px;
	height: 30px;
}
#PageHead .logo{ float: left; }
#PageHead ul{
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#PageHead li{
	float: left;
	padding-left: 5px;
	font-size: 11px;
	color: #CCCCCC;
}
#PageHead a:link,
#PageHead a:visited,
#PageHead a:active{ color: #4c87c3; }
#PageFoot{
	border-top: 1px solid #e7e7e7;
	padding: 10px 0px 10px 0px;
	font-size: 10px;
	color: #CCCCCC;
}
#PageFoot a{ color: #CCCCCC; }
#PageFoot ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 360px;
	margin: 0px auto 0px auto;
}
#PageFoot li{
	display: inline;
}