@charset "utf-8";
/* ------------------ Template layout ------------------ */
html{
	background:url(../photos/carbonfiber_bg.jpg) repeat;
}

body{
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;	
	padding-top:10px;
	padding-bottom:10px;
}

#container{
	width:955px;
	table-layout:auto;
	background-color:#e0e0e0;
}

/* ------------------ Header ------------------ */
#header{
	width:605px;
	height:50px;
}

#top-nav{
	width:350px;
	background-image:url(../photos/di_header_right_09.jpg);
	vertical-align:top;
	padding-top:2px;
	padding-right:5px;
	color:#FFF;
}

#top-nav a:link, #top-nav a:visited, #top-nav a:active, #top-nav a:hover{
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
}

/* ------------------ Search section and view cart row ------------------ */
#search-and-cart-row{
	width:955px;
	height:29px;
	background-color:#e0e0e0;
}

#search-div{
	width:630px;
	vertical-align:middle;
	padding-left:5px;
}

#search{
	width:500px;
	vertical-align:middle;
	padding-left:2px;
	height:21px;
	height:16px;
	padding-top:2px;
	background:#FFF;
	margin-right:5px;
}

#search:hover, #search:focus{
	height:16px;
	padding-top:2px;
	background:#fff;
}

#search-button{
	border:2px solid #002aa2;
	position:absolute;
}

#search-button:hover{
	border:2px solid #3865e6;
}

/* ------------------ Autosuggest ------------------ */
#autoCompleteDropdown{
  list-style: none;
  margin: 0;
  border: 1px solid #CCCCCC;
  padding: 0;
  background-color: #FFFFFF;
  font-size:80%;
}


#autoCompleteDropdown li{
  padding: 0.25em 0.2em;
  color: #4C4C4C;
  cursor: hand;
  cursor: pointer;
  text-align:left;
  list-style:none;
}

#autoCompleteDropdown li.hover {
  background-color: #3865e6;
  color: #FFFFFF;
}

/* ------------------ View cart tab in top nav ------------------ */
#view-cart{
	width:300px;
	background: top right url(../photos/view_cart_top_nav.jpg) no-repeat;
	vertical-align:middle;
	color:#FFF;
	font-weight:bold;
}

#view-cart-text{
	margin-right:5px;
	width:237px;
}

#view-cart-text a:link, #view-cart-text a:hover, #view-cart-text a:visited, #view-cart-text a:active{
	color:#FFF;	
	text-decoration:none;
}

#view-cart-totals{
	float:left;
}

#view-cart-checkout{
	float:right;
}

#view-cart-checkout {

}

/* ------------------ View cart drop down ------------------ */
/* old style on right hand side
#view-cart-drop-down{
	width: 275px; 
	height: 110px; 
	z-index: 80; 
	position: absolute; 
	margin-top: 18px; 
	margin-left: 31px; 
	background-color:#9c9c9c;
}
*/

#view-cart-drop-down{
	width: 275px; 
	height: 110px; 
	z-index: 80; 
	position: fixed; 
	left:0;
	top:0;
	background-color:#9c9c9c;
}

#product-added-content{
	background-color:#FFFFFF; 
	border:1px solid #BBBBBB; 
	width:250px; 
	height:65px; 
	padding:2px; 
	color:#666;
}

#product-added-text{
	float:right; 
	width:175px; 
	margin-left:5px;
	text-align:left;
}

#product-added-image{
	float:left;
}

#product-added-footer{
	padding-top:4px;
	width:254px;
}

.close-product-added {
	cursor:pointer;
}

/* ------------------ Left nav ------------------ */
#left-nav{
	width:150px;
	border:1px solid #999999;
	margin:10px 0 0 10px;
	background-color:#fff;
}

#left-nav ul li{
	list-style:none;
	margin-left:0px;
}

.heading-bg{
	height:22px;
	padding-top:3px;
	background-image: url(../photos/heading_bg_repeat.jpg);
	background-repeat:repeat-x;
	margin-bottom:2px;
}

#left-nav h4{
	margin-left:5px;
}

#left-nav ul{
	margin-left:5px;
	margin-bottom:2px;
}

#left-nav strong{
	margin-left:5px;
}

#narrow-wrapper ul{
	margin: 8px 0 8px 8px;
}

#left-nav ul li a:link, #left-nav ul li a:active, #left-nav ul li a:visited{
	font-weight:bold;
	font-size:10pt;
	color:#333333;
	text-decoration:none;
}

#left-nav ul li a:hover{
	font-weight:bold;
	font-size:10pt;
	color:#000000;
	text-decoration:underline;
}

.sidebar-hrule{
	border-top:1px solid #bbb;
	margin:3px;
}

#show-all-categories{
	margin-bottom:2px;
}

#narrow-wrapper ul li{
	cursor:pointer;
	font-size:9pt;
}

#narrow-wrapper ul li:hover{
	text-decoration:underline;
	color:#042890;
}

#reset{
	margin-left:5px;
	cursor:pointer;
	font-size:8pt;
	color:#999;
}

#reset:hover{
	color:#666;
	text-decoration:underline;
}

#reset-path{
	cursor:pointer;
}

.remove-filter{
	cursor:pointer;
	color:#042890;
	font-size:9pt;
	vertical-align:top;
}

#show-category-text {
	font-size:8pt;
	cursor:pointer;
	color:#999999;
}

#show-category-text:hover{
	color:#666;
	text-decoration:underline;
}

#content-container{	
	padding-bottom:100px;
}

/* ------------------ Content layout ------------------ */
#main-content-container{
	width:795px;
	vertical-align:top;	
}

#section-headings{
	height:60px;	
	margin:10px 0 10px 0;
	width:770px;
	background:#FFF;
}

#main-content{
	width:770px;
	background:url(../photos/main_content_transparent.png);
	background-repeat:repeat;
	padding-bottom:20px;
	border:1px solid #999999;
}
	
#main-content h1{
	font-size: 16pt;
	font-family: 'FireyeGF3HeadlineRegular';
	font-variant: small-caps;
	padding:5px 0 0 5px;
	text-shadow: 2px 2px 3px #888888;
	text-align:left;
	margin-left:5px;
}

.page_content{
	width:750px;
	border:1px solid #bbb;
	background-color:#FFF;
	margin:5px 0 10px 0;
	padding:5px 0 5px 0;
}

.page_content .page_width{
	text-align:left;
	width:740px;
}

/* ------------------ Footer ------------------ */
#footer{
	width:955px;
	height:150px;
	background-image:url(../photos/footer_bg.jpg);
	border-spacing:8px;
	border:hidden;
}

#footer ul{
	margin-bottom:0;	
}

#footer ul li{
	list-style:none;
	margin-left:0px;
}

#footer h3{
	color:#002aa2;
	font-weight:bold;
	display:block;
	border-bottom:1px solid #002aa2;
}

#footer div.table-cell{
	width:179px;
}

#footer div.table-cell a:link, #footer div.table-cell a:active, #footer div.table-cell a:visited{
	color:#FFF;
	text-decoration:none;
}

#footer div.table-cell a:hover{
	color:#FFF;
	text-decoration:underline;
}

/* ------------------ Banner styles ------------------ */
#tip-banner {
	width:100%;
	height:60px;
	background-color:#E9E9E9;
	background:url(../photos/tip_banner.jpg) no-repeat right;
}

#tip-link, #tip-link:link, #tip-link:active, #tip-link:visited, #tip-link:hover {
	width:98%;
	height:34px;
	display:block;
	color:#666;
	font-size:11pt;
	padding-top:20px;
	text-decoration:none;
	font-variant:small-caps;
	font-weight:bold;
	font-stretch:condensed;
	font-weight:bold;
}

#rotating-banner-buttons {
	float:left;
	width:25px;
	background-color:#CCC;
	height:60px;
}

#banner-forward, #banner-backward, #banner-forward-disable, #banner-backward-disable {
	cursor:pointer;
}

#rotating-banner-outer, #webkit-banner{
	width:468px;
	height:60px;
	position:relative;
	float:left;
	margin-right:8px;
}

#rotating-banner-inner{
	width:468px;
	height:60px;
	position:relative;
	overflow:hidden;
}

#rotating-banner {
	position:absolute;
	width:468px;
	left:0px;
}

.banner {
	float:left;
	width:468px;
	height:60px;	
}

#ad1 {
	background-color:#039;
} 

#ad2 {
	background-color:#900;
}

#ad3 {
	background-color:#9F3;
}

#ad4 {
	background-color:#FF0;
}

#ds-banner-container{
	background:url(../photos/daily_special_banner_bg.jpg);
	width:468px; 
	height:60px;	
}

#ds-banner-container a:link, #ds-banner-container a:active, #ds-banner-container a:visited, #ds-banner-container a:hover{
	font-weight:bold; 
	font-size: 11pt; 
	color:#555555;	
	text-decoration:none;
	display:block;
}

#ds-banner-item-img{
	float:left; 
	width:60px; 
	height:60px;	
}

#ds-banner-price{
	float:right; 
	width:78px; 
	height:23px; 
	color:#fff; 
	font-size:16px; 
	font-weight:bold;
}

#ds-banner-price a:link, #ds-banner-price a:active, #ds-banner-price a:visited, #ds-banner-price a:hover{
	color:#fff; 
	font-size:16px; 
	font-weight:bold;
	display:block;
}

#ds-banner-info{
	padding:0 78px 0 60px; 
	height:35px; 
	font-weight:bold; 
	font-size: 11pt; 
	color:#555555;	
}

#ds-banner-info div{
	padding-left:5px;
}

#ms-banner-bg-1{
	width:468px; 
	height:60px;
}

#ms-banner-bg-2{
	width:468px; 
	height:60px;
}

/* ------------------ Loading Overlay ------------------ */

#loading-overlay-background {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

#loading-overlay-content {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 75px;
	border: 8px solid #002AA2;
	background-color: white;
	z-index:1002;
	overflow: auto;
	margin-left:-125px;
	margin-top:-37.5px;
}

/* ------------------ Contact Form ------------------ */
#contact-form ul li{
	list-style-image:none;	
}

/* ------------------ Universal styles ------------------ */
.table{
	display:table;
}

.table-row{
	display:table-row;
}

.table-column{
	display:table-column;
}

.table-cell{
	display:table-cell;
}

table.border {
	border-collapse:collapse;
	border-color:#E9E9E9;
	border-spacing:0;
	border-style:solid;
	border-width:0 0 1px 1px;
}

td.border {
	border-color:#E9E9E9;
	border-style:solid;
	border-width:1px 1px 0 0;
	margin:0;
	padding:4px;
}

.float-right{
	float:right;
}

.float-left{
	float:left;
}

.clear{
	clear:both;
}

h1{
	color:#042890;
	font-size:14pt;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

h2{
	color:#333;
	font-size:21px;
	font-weight:bold;
	font-family: 'Arimo', Arial, Helvetica, sans-serif;
}

h3{
	color:#1e1e1e;
	font-size:16px;
	font-weight:bold;
	font-family: 'Arimo', Arial, Helvetica, sans-serif;
}

h4{
	color:#FFF;	
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

ul{
	margin-bottom:10px;
}

li{
	list-style-image:url(../photos/bullet.jpg);
	list-style-position:outside;
	margin-left:13px;
	text-align:left;
}

p{
	margin-bottom:10px;
	text-align:left;
}

blockquote {
	background:url(../photos/blockquote.png) no-repeat scroll left top transparent;
	margin-left:10px;
	padding:5px 0 10px 40px;
}

.margin-top-10{
	margin-top:10px;	
}

.alert {
	color:#e20000;
}

.alert a:link, .alert a:visited, .alert a:active{
	color:#900;
	text-decoration:underline;
}

.alert a:hover{
	color:#C03;
}

.highlight-text {
	background-color:#ffff99;
}

.form-error {
	color:#F00;
	float:right;
}

.form-confirm {
	color:#060;
	float:right;
}

.strike{
	text-decoration:line-through;
}

.underline{
	text-decoration:underline;
}

.small-text {
	font-size:8pt;
}

.order-complete {
	font-size:18pt;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#E9E9E9;
	padding:10px;
	border:2px dashed #042890;
	width:300px;
}

.esoteric-logo-text {
	float:left;
	padding:0 2px 0 2px;
}

#countdown-clock{
	font-weight:bold;
}

input.radio {
	border:none;
}

strong{
	font-weight:bold;
}

em{
	font-style:italic;
}

.underline-border {
	border-bottom:1px solid #666;
}

.drop-shadow{
    -moz-box-shadow: 3px 6px 4px #111111; /* FF3.5+ */
  	-webkit-box-shadow: 3px 6px 4px #111111; /* Saf3.0+, Chrome */
    box-shadow: 3px 6px 4px #111111;
}

/* ------------------ Alert styles --------------------------- */
#alert-browser, #alert-newdi, #alert-general, #alert-javascript, #alert-du, #alert-se, #alert-ppc {
	background-color:#FFF;  
	text-align:center; 
	color:#666; 
	width:100%; 
	padding:3px 0 3px 0;	
}

#alert-browser, #alert-newdi, #alert-general, #alert-du, #alert-se, #alert-ppc {
	margin-bottom:5px;
}

#alert-javascript {
	margin-bottom:0px;
}

#alert-browser, #alert-newdi, #alert-se, #alert-ppc {
	border-bottom:3px solid #666666;
}

#alert-du {
	border-bottom:3px solid #006600;
	text-align:left;
}

#alert-du img, #alert-ppc img {
	float:left;
	margin:0 5px;
}

#alert-se img {
	float:left;
	margin:10px 5px;
}

#alert-general, #alert-javascript {
	border-bottom:3px solid #F00; 
}


/* ------------------ Universal link styles ------------------ */
a:link, a:visited, a:active, .js-link{
	color:#042890;
	text-decoration:none;
}

a:hover, .js-link:hover{
	color:#3865e6;
	text-decoration:underline;
}

.js-link {
	cursor:pointer;
}

/* ------------------ Bing Cashback styles ------------------ */

#bing-gleam-image {
	float:left;
	margin-right:5px;
}

#bing-gleam-text {
	float:left;
	font-size:8pt;
}

/* ------------------ Coupon styles ------------------ */
.coupon-left {
	float:left;
	width:120px;
	margin:3px;
}

.coupon-right {
	float:left;
	width:600px;
	padding:3px;
}

/* ------------------ Holiday 2011 ------------------ */
#holiday-20111101-1201{
	text-align:center; 
	width:100%; 
	height:41px; 
	padding:9px 0 0 0; 
	background:url(../photos/2011/11/20111101-30_free_ship_pre_header.jpg) repeat-x; 
	color:#d2610d; 
	font-weight:bold; 
	font-size:16px;
	margin-bottom:10px;
}

#holiday-20111201-0101{
	text-align:center; 
	width:100%; 
	height:41px; 
	padding:9px 0 0 0; 
	background:url(../photos/2011/12/20111201-31_free_ship_pre_header.jpg) repeat-x;
	color:#064ad6; 
	font-weight:bold; 
	font-size:16px;
	margin-bottom:10px;
}

#holiday-20111101-1201 img, #holiday-20111201-0101 img{
	margin-top:-4px; 
	vertical-align:middle;
}

#holiday-11-details{
	font-size:10px;	
}

/* ------------------ Sidebar Testimonial ------------------ */

#testimonials-left-nav, .testimonial, .testimonial-full {
	background-color:#f1f1f1; 
	width: 150px; 
	color:#333;
	border:1px solid #999;
	margin-top:10px;
}

#testimonial-text {
	width: 130px;
	text-align:left;
	margin-left:2px;
}

#testimonial-user, .testimonial-user {
	text-align:right;
	font-size:8pt;
	margin:5px 10px 0 0;
}

#testimonial-bottom {
	background:url(../photos/testimonials_bottom.jpg) no-repeat scroll left top transparent;
	width:150px;
	height:15px;
	padding-top:10px;
	font-size:8pt;
	text-align:center;
}

#testimonial-bottom a:link, #testimonial-bottom a:visited, #testimonial-bottom a:active {
	color:#666;
	text-decoration:none;
}

#testimonial-bottom a:hover {
	color:#999;
	text-decoration:underline;
}

.testimonial {
	float:left;
	height:150px;
	margin:4px;
	width:175px;
}

.testimonial-full {
	margin:4px;
	width:auto;
}

.testimonial-text {
	text-align:left;
	margin:5px 0px 0px 15px;
}

/* ------------------ Sidebar GoDaddy SSL ------------------ */
#godaddy-siteseal {
	text-align:center;
	margin-top:10px;
	width:150px;
}

/* ------------------ @font-face ------------------ */

@font-face {
	font-family: 'FireyeGF3HeadlineRegular';
	src: url('fonts/fireyegf_3_headline-webfont.eot');
	src: local('?'), url('fonts/fireyegf_3_headline-webfont.woff') format('woff'), url('fonts/fireyegf_3_headline-webfont.ttf') format('truetype'), url('fonts/fireyegf_3_headline-webfont.svg#webfontD2MBBsEr') format('svg');
	font-weight: normal;
	font-style: normal;
}

.fireye_header{
	color:#FFFFFF;
	font-family:'FireyeGF3HeadlineRegular';
	font-size:12pt;
	font-weight:normal;
	line-height:16pt;
	margin:0 0 7px 0;
	text-align:left;
}

/* ------------------ Ask-a-Pro Widget  ------------------ */
#askapro-best {
	width:360px;
	height:120px;
	overflow:hidden;
}

#homepage-right{
	border:1px solid #000;
	padding:5px;
}

.askapro-best-active, .askapro-best-inactive {
	background-repeat:no-repeat;
	height:120px;
	width:360px;
}

.askapro-best-active {
	display:block;
}

.askapro-best-inactive {
	display:none;
}

.askapro-best-tab {
	float:left;
	width:150px;
	height:40px;	
	padding:2px;
}

.askapro-best-title {
	background:url(../photos/ask_a_pro_ribbon.png) no-repeat scroll 0 0 transparent;
	float:left;
	font-size:13pt;
	height:34px;
	margin-top:48px;
	width:320px;
	padding:2px 0 0 2px;
	font-weight:bold;
	font-variant:small-caps;
}

.askapro-best-title-link{
	margin-left:46px;
}

.askapro-read-now{
	vertical-align:middle;
}

.askapro-best-title a:hover{
	text-decoration:none;
}

.askapro-best-arrows{
	float:right;
	cursor:pointer;
}

.askapro-best-arrows img{
	float:left;
	padding:2px;
}

#ask-a-pro-recent-posts{
	margin:10px 0 0 0;
}

/* ------------------ Product Recommendation Widget ------------------*/
.product-recommendation-container {
	background-color:#FFFFFF;
	border:1px solid #1E1E1E;
	margin-top:10px;
	padding:10px;
	width:720px;
}

.product-recommendation {
	border:2px solid #CCCCCC;
	float:left;
	font-size:8pt;
	margin:2px;
	padding:3px;
	text-align:center;
	width:105px;
	height:150px;
}

.product-recommendation:hover {
	border:2px solid #042890;
	background:url(../photos/product_standard_hover_bg.jpg) repeat-x;
}	

.product-recommendation a, .product-recommendation a:visited, .product-recommendation a:active, .product-recommendation a:hover {
	color:#666;
	text-decoration:none;
}

.products-sale {
	width: 50px; 
	height: 50px; 
	z-index: 80; 
	position: absolute; 
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;	
}

/* ------------------ Daily Special & Weekly Special Pages ------------------*/
.current-dsws-details{
	font-size:14px;
	width:730px;
	height:100px;
	margin:15px 8px 15px 0;
	padding:4px;
	border:1px solid #E9E9E9;
	background-color:#FFF;
	border:1px solid #BBBBBB;
	text-align:left;
}

.current-dsws-details:hover{
	background:url(../photos/product_standard_hover_bg.jpg) repeat-x #fff;
}

.current-dsws-details-right{
	float:right;
	margin-right:5px;
	text-align:right;
}

.current-dsws-details-image{
	float:left;
	margin:0 5px 0 5px;	
}

.current-dsws-details-text{
	font-weight:bold;
}

.current-dsws-details p {
	font-weight:normal;
	font-size:13px;
}

.current-dsws-details-bullets{
	width:600px;
	float:right;
	font-size:12px;
}

.current-dsws-details-bullets ul li{
	list-style-image:url(../photos/bullet.jpg);
	list-style-position:outside;
	margin-left:0px;
}

/* ------------------ Narrow Path Breadcrumbs ------------------*/

#item-path{
	background:#FFF;
	text-align:left;
	border-bottom:1px solid #999;
	padding:4px 0;
	display:inline-block;
	width:100%;
}

#item-path a{
	background: none repeat scroll 0 0 #042890;
    color: #FFFFFF;
    display: inline-block;
    height: 20px;
	padding-top:5px;
    position: relative;
    text-decoration: none;
	font-weight:bold;
	vertical-align:top;
	padding-right:7px;
}

#item-path div{
	display:inline-block;	
}

#narrow-path{
	background:#FFF;
	text-align:left;
	border-bottom:1px solid #999;
	padding:4px 0;
	display:inline-block;
	width:100%;
	margin-bottom:2px;
}

#narrow-path a, #narrow-path div{
	background: none repeat scroll 0 0 #042890;
    color: #FFFFFF;
    display: inline-block;
    height: 20px;
	padding-top:5px;
    position: relative;
    text-decoration: none;
	font-weight:bold;
	vertical-align:top;
	padding-right:7px;
}

#narrow-path div{
	display:inline-block;	
}

/* ------------------ Free Shipping Alert May 2011 ------------------*/
#may-2011-free-ship{
	text-align:center; 
	width:100%; 
	margin-bottom:10px; 
	margin-top:-10px; 
	background:#FFF; 
	border-top:4px solid #007F00; 
	height:30px;
}

/* ------------------ Detailing Day Page ------------------*/
#detailing-day-icon{
	float:left; 
	width:250px; 
	height:250px; 
	margin-right:20px;
}

#detailing-day-intro{
	float:right; 
	width:470px;
}

#detailing-day-intro a{
	font-weight:bold;
	text-decoration:underline;
}

#detailing-day-intro h1{
	text-align:center;
}

#detailing-day-contest{
	float:left; 
	width:240px; 
	height:330px; 
	pading-top:60px; 
	margin-right:10px; 
	margin-top:10px; 
	padding:65px 5px 5px 5px; 
	background:url(../photos/detailing_day/fb_contest_bg.jpg); 
	color:#EEE; 
	background-repeat:no-repeat;
}

#detailing-day-contest a{
	color:#555;
	font-weight:bold;
	text-decoration:underline;
}

#detailing-day-contest-content{
	background:#FFF; 
	color:#666; 
	padding:5px; 
	opacity:.9; 
	margin-bottom:5px;
}