/* customautotrim.com - CSS */

body { margin:0; font:normal 10px Arial, Helvetica, sans-serif;	color:#000000 }
p { margin:0; padding:0 }

h2 {
	background:#385797; 
	margin:0; 
	padding:1px;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#FFFFFF
}
h3 {
	background:#385797; 
	margin:0; 
	padding:0;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	color:#FFFFFF 
}
h4 {
	text-align:center;
	margin:0; 
	padding:0;
	font:bold 12px Arial, Helvetica, sans-serif;
	border-bottom:1px solid #CCCCCC
}
h5 {
   font-size: 12px;
}
a.temp-link {
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#0000EE;
	text-decoration:underline
}
a.temp-link:hover {
	color:#CC0000;
	text-decoration:none
}

/* ---------------- */
/*      LAYOUT      */
/* ---------------- */
#layout { 
	width:610px; 
	margin:0 auto 0 0 
}

/* ---------------- */
/*      HEADER      */
/* ---------------- */
#crumbtrail {
   font-size: 12px;
   margin-bottom: 15px;
   background-color: lightgrey;
   margin-left: -10px;
   padding-left: 15px;
   width: 610px;
   line-height: 14pt;
   font-family: Verdana;
}
#crumbtrail a {
   text-decoration: underline;
}
#crumbtrail a:visited {
   color: blue;
}
.sale_banner {float: left; width: 105px; height: 50px; vertical-align: top; margin: 0 50px 0 20px;
    background-image: url(/dashkits/images/sale_banner.gif);
}
.sale_banner_text { position: relative; top:32px; left:10px; font-size: 13px; font-weight: bold; color: #ED1C24; font-style: italic; }
.blank_banner { float: left; width: 105px; height: 50px; vertical-align: top; margin: 0 50px 0 20px; };
#text-header {
	text-align:center;
}
#text-header p {
	font:bold 12px Arial, Helvetica, sans-serif;
	width:400px;
	margin:0 auto 0 auto;
}
#image-header {
	width:600px;
	margin:5px 0 0 0;
	text-align: left;
}

.buttonbox {
   float: left;
   width: 400px;
}
.topbutton {
   float: left;
   width: 65px;
   font: Arial, sans-serif;
   font-size: 10px;
   text-align: center;
}
.topbutton a {
   color: black;
   text-decoration: none;
}
.topbutton a:hover {
   color: black;
   text-decoration: none;
}
.topbutton a:visited {
   color: black;
   text-decoration: none;
}

/* -------------- */
/*      MENU      */
/* -------------- */
#top-menu {
	width:600px;
	margin:0 0 0 0;
	overflow:hidden;
}

#top-menu ul {
	list-style:none;
	margin:0;
	padding:0;
	width:600px;
}
#top-menu ul li {
	padding:8px 12px 8px 12px;
	margin:0 5px 0 5px;
	/*\*/
	float: left;
	/* */
	font:bold 12px Verdana, sans-serif;
	text-transform:uppercase;
	text-align:center;
	background:#385797;
	color:#FFFFFF;
}
#top-menu ul li a {
	font:bold 12px Verdana, sans-serif;
	text-transform:uppercase;
	text-align:center;
	background:#385797;
	color:#FFFFFF;
	text-decoration:none;
}
#top-menu ul li a:hover{
	text-decoration:underline;
}

/* ----------------- */
/*      CONTENT      */
/* ----------------- */
#content {
	width:610px;
	margin:5px 0 0 0;
	overflow:hidden;
}

/**  **/
#categoryContainer { width: 174px; float:right; margin: 5px 0 0 0; }
#mainContainer { width: 330px; float:left; }
#salespoilers { width: 320px; margin: 5px 0 0 0; }
#universal { width: 320px; }

/* ---------------------------- */
/*      CONTENT-CATEGORIES      */
/* ---------------------------- */
.category {
   margin:0 0 0 0;
}
.category h3 {
   background-color: #aebad3; color: black;
   padding: 2px 0 3px 5px;
   font:bold 1.4em Verdana, sans-serif;
   text-align: left;
   cursor: pointer;
}
.category ol {
   list-style: none;
   padding: 0 0 3px 0; margin: 0;
   border: 1px solid #CCCCCC;
   line-height: 20px;
}
.category li {
   margin: 0; padding: 0 0 0 10px; height: 15px;
}
.category li a {
   color:#000000;
   text-decoration:none;
   font-size: 11px;
}
.category li a:hover {
   color:#990000;
   text-decoration: underline;
}






/* ----------------------- */
/*      CONTENT-RIGHT      */
/* ----------------------- */
#content-right {
	float:right;
	width:206px;
	position:relative;
	top:0;
	font:bold 12px/15px Arial, Helvetica, sans-serif
}
#content-right1 {
   float: right;
   width: 250px;
   position:relative;
   top:0;
   font-size: 11px;
}
#content-right img {
	vertical-align:middle;
	padding:0 0 1px 0;
	height:46px;
	width:75px;
	border:0;
	border-left:1px solid #CCCCCC;
	text-decoration:none;
}
#content-right p {
	padding:0 6px 0 0;
	text-align:right;
	border:1px solid #CCCCCC;
	border-bottom:0px;
	overflow:hidden;
}
#content-right p.last {
	padding:0 6px 0 0;
	text-align:right;
	border:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	overflow:hidden;
}
#content-right p.bottom {
   margin-top: 45px;
	border-bottom:1px solid #CCCCCC;
	padding:0;
	text-align:center;
}
#content-right p a.lk{
   color: blue;
   text-decoration: underline;
}
#content-right p a{
	color:Black;
	text-decoration:none;
}
#content-right p a:visited{
	color:Black;
	text-decoration:none;
}
#content-right p a.lk:hover{
	color:#cc0000;
}
/* ---------------------- */
/*      CONTENT-LEFT      */
/* ---------------------- */
#content-left {
	float:left;
	width:340px;
	position:relative;
	top:0;
	font:bold 12px/15px Arial, Helvetica, sans-serif
}
#content-left img {
	padding:3px;
	height:46px;
	width:75px;
	border-left:1px solid #CCCCCC
}
#content-left img.blank {
	border-left:0
}
#content-left p {
	padding:0;
	text-align:center;
	border:1px solid #CCCCCC;
	border-bottom:0px;
	overflow:hidden
}
#content-left p.bottom {
	border-bottom:1px solid #CCCCCC;
	padding:0;
	text-align:center
}
#content-left-listing {
	float:left;
	width:384px;
	position:relative;
	top:0
}
#content-left-listing p {
	width:382px;
	padding:0;
	text-align:left;
	border:1px solid #CCCCCC;
	border-bottom:0px;
	overflow:hidden
}
#content-left p a:visited{
   color: blue;
}
#content-left-listing p span {
	width:90px;
	height:32px;
	overflow:hidden;
	padding-top:18px;
	border-right:1px solid #CCCCCC;
	float:left
}
#observation { width:540px; margin:20px 0 0 0; color:#CC0000 }
#observation-gray { width:300px; margin:28px 0 0 0 }
#listing {
	width:604px;
	margin:0;
	overflow:hidden;border-right:1px solid #CCCCCC;
	font:normal 13px Verdana, Arial, Helvetica, sans-serif
}
#listing p {
	width:604px;
	padding:0;
	border:1px solid #CCCCCC;
	border-bottom:0;
	border-left:0;
	text-align:center;
	overflow:hidden;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif
}
#listing p a{
	color:Black;
	text-decoration:none;
}
#listing p a img{
	border:0;
}
#listing span a img{
	border:0;
}
#listing span a{
	color:Black;
	text-decoration:none;
}
#listing p span.top { font:bold 12px Arial, Helvetica, sans-serif; height:20px }
#listing p span {
	float:left;
	height:50px;
	padding:0px 0 0 0;
	margin:0;
	text-align:center;
	border-left:1px solid #CCCCCC
}
.listing-model { width:80px }
.listing-fit-yr { width:72px }
.listing-drs { width:72px }
.listing-desc { width:168px }
.listing-part { width:72px }
.listing-img { width:75px; padding:0;height:48px;}
.listing-img img { width:72px; height:43px }
.listing-action { width:51px; color:#CC0000; line-height:10px; }
.listing-action img { padding-top:4px; }
.green { background:#E3E3C9 }
.center-content 

ul.dimlist li {
   font-size:11px;
}

#content-left-picture {
	float:left;
	width:290px;
	position:relative;
	top:0
}
#details-layout {
	width:600px;
	margin:15px 0 0 0;
	overflow:hidden
}
#details {
	border:1px solid #CCCCCC;
	background:#E3E3C9;
	padding:0 0 20px 0
}
#content-center {
	width:425px;
	padding:0;
	border:0;
	border-bottom:0;
	border-left:0;
	text-align:left;
	overflow:hidden;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif	
}
#details-faq {
	border:1px solid #CCCCCC;
	border-top:0;
	background:#D9E0F0
}
#details-layout p {
	padding:0 0 15px 0
}
#details-layout strong { font-weight:normal; color:#990000 }
#product-name { width:600px; padding:0; margin:0; border:0; overflow:hidden }
#product-name h4 { border:0; text-align:left; padding-left:10px }
#product-name a { float:right; position:relative; bottom:12px }

/* ------------------------- */
/*      TABLESS DETAILS      */
/* ------------------------- */

#details-top {
	border-bottom:1px solid #CCCCCC
}
#details-top p {
	padding:0; margin:0;
	overflow:hidden
}
#details-top span {
	float:none;
	padding:0;
	margin:0;
	text-align:center;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC
}
#details-top p.titles {	font:bold 12px Arial, Helvetica, sans-serif }
#details-top span {
	float:left;
	padding:4px 0 0 0;
	height:75px;
	margin:0;
	text-align:center;
	border-left:1px solid #CCCCCC
}
.line {
	font-size:1px;
	margin:2px 0 2px 0;
	border-bottom:1px solid #CCCCCC
}
.white { background:#FFFFFF; overflow:hidden; }
.details-model { width:160px; }
.details-fit-yr { width:70px; }
.details-drs { width:75px; }
.details-description { width:288px; text-align:left; }
.price-title { width:250px; border-left:0; font:bold 12px Verdana, Arial, Helvetica, sans-serif }
.price { width:146px; height:30px; text-align:left; }
.price1 { float:left; width:79px; height:30px; text-align:left;}
.price1 strong { color: darkred; font-size:12px; }
.price2 {width:206px; height:30px; text-align:left;}
.add { float:left;width:107px;text-align:left;height:30px;}
.details-large { width:436px }
.separator { font-size:1px; height:1px; border-bottom:1px solid #CCCCCC }
.add a img{
	border:1px solid White;
}
.question { font-weight: bold; color: darkred; padding-top: 7px;}


/* ------------- */
/*      BOX      */
/* ------------- */
#black-box {
	width:566px;
	margin:20px 0 0 0;
	border:2px solid #000000;
	font-size:12px
}
#black-box p { margin:14px 8px 15px 8px }
#black-box p.start { margin-top:8px }
#black-box p.end { margin-bottom:8px }

/* ---------------- */
/*      FOOTER      */
/* ---------------- */
#footer { margin:20px 0 20px 0;	text-align:center }
#footer a {
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none
}
#footer a:hover {
	color:#CC0000;
}