@charset "utf-8";

/* GLOBALS */
body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333; line-height:16px;}
a { text-decoration:none; color:#0033FF; }
a:hover { text-decoration:underline; }

/* WRAP */
#wrap{ margin:0 auto; width:902px; height:auto;}

/* HEADER */
#header{ background:url(/includes/images/header.jpg) no-repeat; width:902px; height:55px; float:left; margin:15px 0 0 0; padding:13px 0 0 16px;} 

#search-cont{ background:url(/includes/images/search-bg.jpg) repeat-x; width:902px; height:34px; float:left;}
#search{ background:url(/includes/images/search.jpg) no-repeat; width:344px; height:34px; float:left; position:relative;}
.InputTxt{width:255px; height:18px; border:0; position:absolute; left: 10px; top: 8px;}
.Btn-Go{ background:transparent; width:52px; height:22px; width:57px; height:24px; position:absolute; border:0; cursor:pointer; left: 274px; top: 6px;}

#MenuCont{ margin:0 0 0 278px; padding:12px 0 0 0; width:280px; height:22px; float:left;}
#MenuCont ul{ margin:0; padding:0;}
#MenuCont li{ list-style:none; float:left;}
#MenuCont li img{ border:0;}

/* BODY */
#BodyCont{ width:900px; height:auto; float:left; padding-bottom:30px; padding-top:25px; }

#part-finder { width:781px; height:237px; background-image:url(/includes/images/part-finder-main.jpg); position:relative; overflow:hidden; }
#part-finder .year { position:absolute; top:88px; left:110px; }
#part-finder .make { position:absolute; top:122px; left:110px; }
#part-finder .model { position:absolute; top:156px; left:110px; }
#part-finder .search { position:absolute; top:182px; left:110px; }

.description { font-size:12px; margin:17px 83px 0 83px; line-height:18px; overflow:hidden; }

#mirror-list { width:781px; margin:17px 83px 0 83px; line-height:18px; overflow:hidden; font-size:12px; }
#mirror-list ul { padding:0; margin:0; width:25%; float:left; }
#mirror-list li { list-style:disc inside; }

#sidebar { width:200px; height:auto; padding-right:13px; float:left; overflow:hidden; }
#sidebar .header { width:200px; border-bottom:1px solid #DDDDDD; background-color:#568ef9; color: #fff; }
#sidebar .grey-header { width:200px; border-bottom:1px solid #DDDDDD; background-color:#f0f0f0; color:#111; }
#sidebar h1 { font-size:12px; font-weight:bold; margin: 0; padding: 5px; }
#sidebar .container { width:200px; border:1px solid #DDDDDD; line-height:18px; margin-top:20px; }
#sidebar ul { padding:10px 0 10px 10px; margin:0; }
#sidebar li { list-style:disc inside; }
#sidebar .trust-elements { line-height:20px; padding-top:20px; }
#sidebar .trust-elements ul { padding:0; margin:0 }
#sidebar .trust-elements li { list-style:none; list-style-type:none; }

/** no vehicle **/
#part-finder-sidebar-a { position:relative; width:200px; height:235px; background-image:url(/includes/images/part-finder-sidebar-a.jpg); }
#part-finder-sidebar-a .year { position:absolute; top:61px; left:25px; }
#part-finder-sidebar-a .make { position:absolute; top:105px; left:25px; }
#part-finder-sidebar-a .model { position:absolute; top:149px; left:25px; }
#part-finder-sidebar-a .search { position:absolute; top:180px; left:22px; }

/* with vehicle */
#part-finder-sidebar-b { position:relative; width:200px; height:235px; background-image:url(/includes/images/part-finder-sidebar-b.jpg); }
#part-finder-sidebar-b .year { position:absolute; top:61px; left:25px; }
#part-finder-sidebar-b .make { position:absolute; top:105px; left:25px; }
#part-finder-sidebar-b .model { position:absolute; top:149px; left:25px; }
#part-finder-sidebar-b .search { position:absolute; top:180px; left:22px; }

#thumbs-header { background: url(/includes/images/most-popular-parts.jpg); width: 183px; height: 22px; display: block; overflow: hidden; margin: 0 0 0 80px; padding: 0; }
#thumbs-main { width:735px; overflow:hidden; padding-top: 4px; }
#thumbs-main img { border:1px #CCCCCC solid; float:left; margin: 0 -1px 10px 0; }

#serp { width:680px; height:auto; float:left; line-height:14px;}

#serp h1 { font-size:14px; font-weight:bold; margin-top:5px; }
#serp .results { background-color:#3564c4; color:#FFFFFF; width:100%; margin-top:4px; }
#serp h2 { padding:6px 0 6px 10px; font-size:14px;}

#serp .pages { background-color:#EEEEEE; width:660px; padding:5px 10px 5px 10px; overflow:hidden; }
#serp .page-count { float:left; width:265px; }
#serp .page-numbers { float:left; width:390px; text-align:right; }

#serp .filter { width:100%; height:34px; overflow:hidden; padding-top:0px; }
#serp .compare { width:200px; float:left; padding-left:5px; }
#serp .sort { width:250px; float:left; padding-top:7px; }
#serp .lowest-price { float:left; padding-left:40px; }


#serp .tabs { width:100%; height:34px; overflow:hidden; padding-top:0px; }

#serpSelect {width:100%; height:35px; float:left; overflow:hidden; background-image:url(/includes/images/bg-tabs.gif); }
#serpSelect ul{ margin:0; padding:0px;}
#serpSelect li{ list-style:none; float:left;}
#serpSelect li img{ border:0;}

/*new tabs start*/
/*universal only*/
#serpSelect .universal-active-0 { 
	float: left; margin: 0; width: 117px; height: 35px; text-indent: -9999px; display: block;
	overflow: hidden; cursor: default; background-position: 0pt -105px; background-image: url(/includes/images/tab-universal.gif) }
/*universal only*/

#serpSelect .all-active-1{ 
	float:left; margin:0; width: 61px; height:35px; text-indent: -9999px; display: block;
	overflow:hidden; cursor:default; background-image: url(/includes/images/sprite-all-brakes.gif);background-position: 0pt -0px; }

#serpSelect .all-inactive-1 a{ 
	float:left; margin:0; width: 61px; height:35px; text-indent: -9999px; display: block;
	overflow:hidden; cursor:pointer; background-image: url(/includes/images/sprite-all-brakes.gif); background-position: 0pt -35px;  }

#serpSelect .all-inactive-4 a{ 
	float:left; margin:0; width: 61px; height:35px; text-indent: -9999px; display: block;
	overflow:hidden; cursor:pointer; background-image: url(/includes/images/sprite-all-brakes.gif); background-position: 0pt -70px;  }
	
#serpSelect .all-inactive-7 a{ 
	float:left; margin:0; width: 61px; height:35px; text-indent: -9999px; display: block;
	overflow:hidden; cursor:pointer; background-image: url(/includes/images/sprite-all-brakes.gif); background-position: 0pt -70px;  }
	
#serpSelect .replacement-parts-active-2 { 
	float: left; margin: 0; width: 113px; height: 35px; text-indent: -9999px; display: block;
	overflow: hidden; cursor: default; background-image: url(/includes/images/sprite-replacement-brakes.gif); background-position: 0pt -35px }
	
#serpSelect .replacement-parts-inactive-2 a{ 
	float: left; margin: 0; width: 113px; height: 35px; text-indent: -9999px; display: block;
	overflow: hidden; cursor: pointer; background-image: url(/includes/images/sprite-replacement-brakes.gif); background-position: 0pt -0px; }

#serpSelect .replacement-parts-inactive-5 a{ 
	float: left; margin: 0; width: 113px; height: 35px; text-indent: -9999px; display: block;
	overflow: hidden; cursor: pointer; background-image: url(/includes/images/sprite-replacement-brakes.gif); background-position: 0pt -70px; }

#serpSelect .replacement-parts-inactive-6 a{ 
	float: left; margin: 0; width: 115px; height: 35px; text-indent: -9999px; display: block;
	overflow: hidden; cursor: pointer; background-image: url(/includes/images/replacement-brakes.gif); background-position: 0pt -35px; }
	
#serpSelect .replacement-parts-active-6 { 
	float: left; margin: 0; width: 115px; height: 35px; text-indent: -9999px; display: block;
	overflow: hidden; cursor: default; background-image: url(/includes/images/replacement-brakes.gif); background-position: 0pt -70px }

#serpSelect .replacement-parts-inactive-7 a{ 
	float: left; margin: 0; width: 113px; height: 35px; text-indent: -9999px; display: block;
	overflow: hidden; cursor: pointer; background-image: url(/includes/images/sprite-replacement-brakes.gif); background-position: 0pt -70px; }

#serpSelect .performance-parts-active-2{ 
	float: left; margin: 0; width: 115px; height: 35px; text-indent: -9999px; display: block; 
	overflow: hidden; cursor: default; background-image: url(/includes/images/sprite-performance-brakes.gif); background-position:0pt -70px; }

#serpSelect .performance-parts-inactive-2 a{ 
	float: left; margin: 0; width: 115px; height: 35px; text-indent: -9999px; display: block; 
	overflow: hidden; cursor: pointer; background-image: url(/includes/images/sprite-performance-brakes.gif); background-position:0pt -0px; }
	
#serpSelect .performance-parts-active-3{ 
	float: left; margin: 0; width: 115px; height: 35px; text-indent: -9999px; display: block; 
	overflow: hidden; cursor: default; background-image: url(/includes/images/performance-brakes.gif); background-position:0pt -70px; }
	
#serpSelect .performance-parts-inactive-3 a{ 
	float: left; margin: 0; width: 115px; height: 35px; text-indent: -9999px; display: block; 
	overflow: hidden; cursor: pointer; background-image: url(/includes/images/performance-brakes.gif); background-position:0pt -0px; }

#serpSelect .performance-parts-inactive-7 a{ 
	float: left; margin: 0; width: 115px; height: 35px; text-indent: -9999px; display: block; 
	overflow: hidden; cursor: pointer; background-image: url(/includes/images/sprite-performance-brakes.gif); background-position:0pt -105px; }
	
#serpSelect .universal-active-7 { 
	float: left; margin: 0; width: 107px; height: 35px; text-indent: -9999px; display: block;
	overflow: hidden; cursor: default; background-position: 0pt -105px; background-image: url(/includes/images/sprite-universal-brakes.gif) }		

#serpSelect .universal-inactive-7 a{ 
	float: left; margin: 0; width: 107px; height: 35px; text-indent: -9999px; display: block;
	overflow: hidden; cursor: pointer; background-position: 0pt -70px; background-image: url(/includes/images/sprite-universal-brakes.gif) }
/*new tabs end*/
#product-listing  { height:auto; }
#product-listing .container { border:1px #d4d4d4 solid; height:auto; width:680px; margin-bottom:15px; }
#product-listing .lowest-price-container { border:2px #568ef9 solid; height:auto; width:680px; overflow:hidden; margin-bottom:20px; }
#product-listing .checkbox { float:left; width:22px; height:134px; border:1px solid #DDDDDD; background-color:#F0F0F0; margin: 5px 10px 10px 5px; }
#product-listing .product { float:left; width:130px; float:left; padding: 10px 10px 0 0; } 
#product-listing .product-name { font-size:13px; color:#111111; }
#product-listing .product-description { float:left; width:278px; line-height:16px; float:left; padding: 10px 10px 0 0; } 
#product-listing .add-to-cart { float:left; width:190px; height:auto; background-color:#e8e8e8; border:1px #d3d3d3 solid; margin:10px 10px 0 0px; }
#product-listing .cart-info { margin:8px; font-size:11px; }
#product-listing .fits { width:662px; border:1px solid #DDDDDD; background-color:#F0F0F0; margin: 5px 0 10px 5px; padding:3px 0 3px 5px; overflow:hidden; }
#product-listing .fits-info { padding:0 10px 10px 10px; }
#product-listing ul { padding:0; margin:0 }
#product-listing li { list-style:disc inside; }

#cart { margin-top:10px; border:1px #DDDDDD solid; overflow:hidden; }
#cart .head-sku { width:130px; height:20px; font-weight:bold; font-size:12px; background-color:#EEEEEE; float:left; padding:5px 0 0 10px; }
#cart .head-description { width:478px; height:20px; font-weight:bold; font-size:12px; background-color:#EEEEEE; float:left; padding:5px 0 0 10px; }
#cart .head-qty { width:80px; height:20px; font-weight:bold; font-size:12px; background-color:#EEEEEE; float:left; padding:5px 0 0 10px; }
#cart .head-price { width:80px; height:20px; font-weight:bold; font-size:12px; background-color:#EEEEEE; float:left; padding:5px 0 0 10px; }
#cart .head-total { width:80px; height:20px; font-weight:bold; font-size:12px; background-color:#EEEEEE; float:left; padding:5px 0 0 10px; }

#cart .category-sku { width:130px; padding:20px 0 20px 10px; line-height:18px; float:left; }
#cart .category-description { width:478px; padding:10px 0 20px 10px; line-height:18px; float:left; }
#cart .category-qty { width:80px; padding:10px 0 20px 10px; line-height:18px; float:left; }
#cart .category-price { width:80px; padding:10px 0 20px 10px; line-height:18px; float:left; }
#cart .category-total { width:80px; padding:10px 0 20px 10px; line-height:18px; float:left; }

#cart-total { width:170px; height:auto; margin-top:10px; margin-bottom:10px; margin-right:30px; overflow:hidden; }
#cart-total .col1 { width:70px; float:left; font-weight:bold; line-height:18px; }
#cart-total .col2 { width:100px; float:left; line-height:18px; padding-right:0px; text-align:right; }

.no-matches { padding:5px; border:1px #DDDDDD solid; }
#tips { width:100%; overflow:hidden; padding:0 0 0 5px; height:140px; position:relative; }
#tips .tips-arrow { position:absolute; left:20px; z-index:1; }
#tips .message { position:absolute; top:23px; background-color:#eee7da; width:300px; border:1px #777777 solid; padding:7px 5px 2px 7px; }

/* PARTS Page */
#parts { width:685px; height:auto; float:left; overflow:hidden; line-height:14px; margin-top: 1px; }
#parts .hdr { width: 685px; height: 34px; overflow: hidden; background: #1145ab; position: relative; }
#parts .hdr h1 { font-size: 15px; color: #fff; line-height: 15px; font-weight: normal; margin-left: 10px; }
#parts .p-search .s-text { height: 15px; width: 200px; position: absolute; top: 5px; left: 405px; }
#parts .p-search .btn-go { background: url(/includes/images/p-btn-go.gif) no-repeat top left; border:0 none; cursor:pointer; height:24px; left:618px; position:absolute; top:6px; width:57px; }
#parts .parts-list { width: 685px; height: auto; overflow: hidden; }
#parts .list-col { width: 220px; height: auto; float: left; margin: 10px 4px 40px 0px; }
.list-col ul { margin: 0; padding: 0; list-style: none; }
.list-col ul li { margin: 0; padding-bottom:10px; line-height: 1.55em; }
.list-col ul li a { text-decoration: underline; }

/* FOOTER */
#footer{ padding:10px 0 0 0; width:902px; height:auto; float:left; border-top:#d8d8d8 1px solid; font-size:10px;}
#footer-img{ width:902px; float:left; height:auto;  }
#footerNav{ margin:10px 0 0 0; background:url(/includes/images/footer-bg.jpg) repeat-x; width:902px; height:29px; float:left; color:#666666;}
#footerNav .leftNav{ padding:10px 0; width:50%; height:9px; float:left; text-align:left;}
#footerNav .rightNav{ padding:10px 0; width:50%; height:9px; float:left; text-align:right}

/* ETC */
.clear { clear:both; }
.left { float:left; overflow: hidden; }
.footeritems{ padding-top:20px; }
.selectbox {font-size:11px; width:170px; }
.selectbox2 {font-size:11px; width:150px; }
.font10 { font-size:10px; }
.font12 { font-size:12px; }
.font13 { font-size:13px; }
.font14 { font-size:14px; }
.in-stock { color:#039300; }
.price { color:#FF0000; font-size:13px; font-weight:bold; }
.tableborder1 { border:1px #CCCCCC solid; }

/* PART PAGE */
img { border: 0 none; }
#part-list { width:685px; height:auto; float:left; overflow:hidden; line-height:18px; }

#content {width: 700px;}

table.category-table {
margin:0 0 5px;
width:700;
font-family: Arial, Verdana, Tahoma, sans serif;
}
table.category-table-3-column td {
width:215px;
}

table.category-table td {
background:#FFFFFF none repeat scroll 0 0;
border-bottom:0 none;
border-right:1px solid #cacaca;
border-top:1px solid #cacaca;
border-left:1px solid #cacaca; 
padding:4px;
vertical-align:top;
}
table.category-table td.spacer {
background: none;
border: none;
padding:1px;
vertical-align:top;
width: 1px;
}

table.category-table .see-all td {
background:#E0E0E0 none repeat scroll 0 0;
border-color:#CCCCCC #D0D0D0 #CCCCCC -moz-use-text-color;
border-style:solid dotted solid none;
border-width:1px 1px 1px 0;
padding:0 4px 0 4px;
}

table.category-table .see-all td.spacer {
background: none;
border: none;
padding:1px;
vertical-align:top;
width: 2px;
}

table.category-table .see-all span {
background:transparent url(/includes/images/categorylist-arrow.gif) no-repeat scroll right center;
border-top:1px solid #F2F2F2;
display:block;
padding:2px 5px;
}
table.category-table .see-all a {
background:#FFFFFF none repeat scroll 0 0;
border-color:-moz-use-text-color #CCCCCC #CCCCCC;
border-style:none solid solid;
border-width:0 1px 1px;
display:block;
padding:0 3px 3px;
position:relative;
top:-1px;
text-decoration: none;
color: #2551a9;
}
table.category-table .see-all a:hover span {
text-decoration: underline;
color: #2551a9;
}
table.category-table .see-all a:active, #all .expander a:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
color: #2551a9;
}

table.category-table .see-all a:active span {
background-color: none;
color: #2551a9;
}
table.category-table p.image {
margin:0;
padding:0;
text-align:center;
}
table.category-table p.image a{
margin:0;
padding:0;
}
table.category-table p.image a:hover {
background:transparent none repeat scroll 0 0;
}
table.category-table h4 {
font-size:1.2em;
line-height:1.3em;
margin:0 0 0.4em;
padding:0;
}
table.category-table ul {
color:#AAAAAA;
font-size:0.9em;
margin:0 0 0.8em 1.5em;
}
table.category-table .empty {
background:transparent none repeat scroll 0 0;
border:0 none;
}
table.category-table .empty-2 {
width:66%;
}

.btnSubmit {
background:transparent url(/includes/images/btn-go.jpg) no-repeat scroll 0%;
border:medium none;
height:23px;
width:43px;
}

/*** Select year, make, and model heroshots ***/
.sel-year { background: url(/includes/images/ymm-sprite.jpg) no-repeat 0 0; margin: 0; padding: 0; text-indent: -9999px; display: block; width: 680px; height: 194px; }
.sel-make { background: url(/includes/images/ymm-sprite.jpg) no-repeat 0 -194px; margin: 0; padding: 0; text-indent: -9999px; display: block; width: 680px; height: 194px; }
.sel-model { background: url(/includes/images/ymm-sprite.jpg) no-repeat 0 -388px; margin: 0; padding: 0; text-indent: -9999px; display: block; width: 680px; height: 194px; }


/*Tool Tip */
.ToolText,
.ToolTextHover { cursor: not-allowed; }
.ToolText span { display: none; }

.ToolText { text-decoration:underline; color:#000000; }

.ToolTextHover span {
	width:200px;
	height:auto;
	position: absolute;
	left: 10px;
	z-index:4;
	zoom: 1;
	border:1px #000000 solid;
	text-align:left;
	font-size:11px;	
	display:block;
	background-color:#fcf5ce;
	padding:5px 5px 5px 10px;
	line-height:14px;
	color:#000000;
}
/* message universal only*/
.dfit {
	background:#f4f4f4;
	width:100%;
	float:left;
}

.dfit .tcurve, .dfit .bcurve {
	background-image:url(/includes/images/curve-utab.gif);
	display:block;
	height:5px;
	font-size:1px;
	line-height:1px;
}
.dfit .tcurve { background-position:0 0 }
.dfit .bcurve { background-position:0 bottom }

.dfit div {
	background:url(/includes/images/gear.gif) no-repeat 10px center;
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	padding:8px 10px 10px 70px;
}
	
.dfit div h4 {
	color:#027bc3;
	font-family:arial;
	font-size:19px;
	font-weight:normal;
	margin:0;
}

.dfit div p {
	color:#7a7a7a;
	font-size:13px;
	margin:0;
	font-family:arial;
}