/*

  Styles for the Vintage Auto Images

*/

@charset "utf-8";

body{ background: #10181c; padding: 0 auto; margin: 0 auto; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #283033}
#wrapper{ width: 902px; height: auto; padding: 0 auto; margin: 0 auto; position: relative; }
#inner-wrapper{ width: 902px; height: auto; padding: 0 auto; margin: 0 auto; float: left}

/*header*/
#header{ background:url(images/header-bg.png) repeat-x; height: 15px; text-align:center; padding: 53px 0 0 0}
#header-bottom{ background: url(images/header_bottom-bg.png) no-repeat; width: 902px; height: 35px; float:left; text-align: right; padding: 0 0}

/*end header*/

/*content*/
#content{ background: #cfd1d2; width: 902px; height: auto; padding: 0 auto; margin: 0 auto; float: left }

/*left*/
#content-left{ background: #10181c; width: 217px; height: auto; float: left; margin: 0 0px 0 0}

#search{ background: #63696b; width: 209px; height: auto; float:left; padding: 0 0; margin: 0 0 5px 0}
#search-box{ width: 135px; height: auto; float: left; padding: 10px 0 5px 0;}
#search-text{ background:url(images/search.png) no-repeat; width: 43px; height: 11px; margin: 15px 5px; float: left}
#category { width: 209px; height: auto; float: left; margin: 1px 0 5px 0}
#product{ background: #cfd1d2; width: 209px; height: auto; float:left; margin: 1px 0 0px 0}
#featured-product-box{float: left; padding: 10px; margin: 0px 0 0px 0; background-color: #cfd1d2; width:189px; height: auto;}
#featured-product-pic{  font-family:Arial,Helvetica,sans-serif; color: #FFF; font-size:9pt; font-weight:bold;text-align:center; position: absolute; z-index: 1; width: 162px; height: 207px; margin: 30px 0 0 13px;line-height:18px;}
#featured-product-pic-no-img{ font-family:Arial,Helvetica,sans-serif; color: #FFF; font-size:11pt; font-weight:bold;text-align:center; position: absolute; z-index: 1; width: 162px; height: 207px; margin: 80px 0 0 13px;line-height:18px;}
#featured-product-pic a{ text-decoration:none }
#featured-product-pic a:hover{ color:#63696B }
#featured-product-pic span.price{color: #B83129; font-size:11pt; width: 162px; text-align:center;margin: 5px;}
#featured-product-pic img{margin: 16px 0 0 5px;border: 1px solid #000;}
#featured-product-pic img:hover{border: 1px solid #fff;}

/*end left*/

/*right*/
@media screen and (-webkit-min-device-pixel-ratio: 0)
{
#content-right-inner {margin-left: -687px; margin-top: 32px }
}
#content-right{ background: #cfd1d2; width: 684px; height: auto; float: left  }
#welcome-container{ background: #cfd1d2; width: 685px; height: auto;  padding: 0 0 5px 0;}
#welcome-box{ background: #cfd1d2; width: 624px; height: auto; float: left; padding: 20px 30px; margin: 0px 0 0px 0}
#welcome-box a{ font-weight: bolder; color: #000; }
#welcome-box a:hover{ color: #63696B; }
#product-box{ background: #cfd1d2; width: 684px; height: auto; float: left; padding: 0 0; margin: 0px 0}
#product-container{ width: 684px; height: auto; float: left; padding: 0 0; margin: 0px 0}
.product-container-introtext{ width: 664px; height: auto; float: left; padding: 20px 8px 0 8px}
.product-sub-box {
    margin: 12px 0 8px 7px;
    background: #EBEBEB none repeat scroll 0 0;
    float:left;
    width:219px;
    height:auto;
    text-align:center;
}
/*.product-sub-box span{
    float: right;
    color: #B83129;
    font-weight: bold;
    font-size:11pt;
}*/
.product-sub-sub-box {
    background: #FFF none repeat scroll 0 0;
    float:left;
    margin:15px 5px 0;
    padding:5px 2px;
    width:205px;
    height:auto;
    text-align:center;
    font-size:8pt;
}
.product-sub-sub-box a img{
    background-color: #DBDBDB;
    border:2px solid #FFF;
}
.product-sub-sub-box a img:hover{
    border:2px solid #63696B;
}

.product-sub-sub-box b a{
    color:#000;
    text-decoration:none;
}
.product-sub-sub-box b a:hover{
    color: #63696B;
}
/*.product-sub-sub-box img{
    float:left;
}*/

.product-sub-box-gray{ background: #ebebeb; width: 210px; height: auto; float: left; padding: 10px 4px 0 4px}
.product-sub-box-white{ background: #fff; width: 206px; height: auto; text-align: center; float: left; padding: 10px 2px}
.product-sub-box-text{ width: 204px; height: auto; text-align: center; padding: 0 3px}
.product-sub-box-zoom-price{ width: 206px; height: auto; float: left}
/*end right*/
/*end content*/

/*footer*/
#footer{ background: url(images/footer-bg.png) repeat-x; width: 902px; height: 68px; float:left}
.footer-left{ width: 429px; height: auto; padding: 10px; float: left }
.footer-left a{ font-size: 11px; color: #0f171b; text-decoration: none; font-weight: 900; }
.footer-left a:link{ color: #0f171b }
.footer-left a:visited{ color: #0f171b }
.footer-left a:hover{ color: #777878;}
#footer-right{ width: 439px; height: auto; padding: 10px 5px; float: left; font-size: 10px; text-transform: capitalize}

/*products*/
/*left*/
.product-content{ width: 322px; height: auto; float: left; padding: 10px 10px 10px 10px; margin: 0 0}
.product-innerborder{ background: #fff; width: 624px; height: auto; float: left; padding: 20px; margin: 0px 0 10px; 0}
.product-image-container{ width: 624px; height: auto; text-align:center;}
.product-text-container{ color: #333333; width: 298px; height: auto; float: left; padding: 0 2px; margin: 5px 0;}
.product-text-sub-containerL{ width: 292px; height: auto; float: left; padding: 3px 20px 0 0;}
.product-text-sub-containerR{ width: 312px; height: auto; float: left; padding: 3px 0 0 0;}
.product-text-container a{ color: #000}
.product-text-container a:link{ color: #000}
.product-text-container a:visited{ color: #000}
.product-text-container:hover { color: #333; }

/*end left*/

/*right*/
.next-previous-box{ width: 474px; height: auto; float: left; margin: 10px; padding: 0 90px}
.content-right-box{ width: 664px; height: auto; float: left; padding: 10px}
.left{ width: auto; height: auto; text-align: left; float: left}
.right{ width: auto; height: auto; text-align: right; float: right}
/*end right*/

/*bottom*/
.product-bottom{ width: 684px; height: auto; float: left; padding: 0px 0; margin: 0 0}
 .product-bottom ul{ font-size: 12px; color: #283033; margin: 0 0}
/*end bottom*/

/*image details*/
.image-descrip-details{ width: 322px; height: auto; float: left; padding: 10px 0}
.image-descrip-details ul{ font-size: 12px; color: #283033; list-style:none}
/*end image details*/

/*zoom container*/
.zoom-container{ width: 484px; height: auto; float: left; margin: 0px; padding: 0 70px; margin: 10px 0 0 0}
.zoom-container a{ color:#999999}
.zoom-container a:link{ color: #999999}
.zoom-container a:visited{ color: #999999}
.zoom-container a:hover { color: #000000; }
/*end zoom*/


/*end products*/

/*faqs*/
.faqs-container{ width: 664px; height: auto; float: left; padding: 10px}
.faqs-container a{ color: #333333; text-decoration: none }
.faqs-container a:link{ color: #333333}
.faqs-container a:visited{ color: #333333}
.faqs-container a:hover{ color:#666666}
/*end faqs*/

/*contact us*/
.contact-us{ width: 664px; height: auto; float: left; padding: 10px }
 .contact-us-image-container{ width: 664px; height: auto; text-align: center; float: left; padding: 20px 0 0 0;}
 .contact-us-text-container{ width: 624px; height: auto; float: left; padding: 10px 30px }
 .contact-us-text-container a{ color:#333; text-decoration:underline}
 .contact-us-text-container a:link{ color: #333}
 .contact-us-text-container a:visited{ color: #333}
 .contact-us-text-container a:hover{ color:#000}
/*end contact us*/

/*classes and menus */

/*footer*/
.footer-menu{ width: 419px; height: auto; text-align: left; float: left; padding:0 0 0 70px; margin: 0 0; }
 .footer-menu ul{ padding: 0 0; margin: 0 0}
 .footer-menu li{ display: inline; }
 .footer-menu a{ color: #0f171b; margin: 0 0; padding: 0 5px; text-decoration:none}
 .footer-menu a:link{ color: #0f171b }
 .footer-menu a:visited{ color: #0f171b }
 .footer-menu a:hover{ color: #777878}

/*header menu*/
.header-menu{ width: 902px; height: auto; text-align: left; float: left; padding: 0 0 0 50px; margin: 0 0; }
.header-menu ul{ padding: 0 0; margin: 0 0}
.header-menu li{ display: inline; }
.header-menu a{ font-size: 11px; font-weight: bold; color: #0f171b; text-transform: capitalize; margin: 0 0; padding: 0 43px; text-decoration:none; border-right: 1px solid #d0d0d0;}
.header-last a{ border-right:none }
.header-menu a:link{ color: #0f171b }
.header-menu a:visited{ color: #0f171b }
.header-menu a:hover{ color: #777878}

/*for "contact us" */
.header-contact ul{ padding: 0 0; margin: 0 0}
.header-contact li{ display: inline; }
.header-contact a{ font-weight: bold; color: #0f171b; text-transform: capitalize; margin: 0 0; padding: 0 43px; text-decoration:none; border-right: none;}
.header-contact a:link{ color: #0f171b }
.header-contact a:visited{ color: #0f171b }
.header-contact a:hover{ color: #777878}

/*header bottom menu*/
.head-bottom{ font-size: 12px; width: 902px; height: auto; text-align: right; float: left; padding: 0 0px; margin: 0px 0; }
.head-bottom ul{ padding: 10px 20px; margin: 0 0}
.head-bottom li{ display: inline; }
.head-bottom a{ font-size: 12px; color: #fff; text-transform: capitalize; margin: 0px 0; padding: 0 10px; text-decoration:none}
.head-bottom a:link{ color: #fff }
.head-bottom a:visited{ color: #fff}
.head-bottom a:hover{ color: #777878}

/*read more*/
.read-more{ width: 670px; height: auto; float: left; padding: 0 5px; text-align: right; margin: 0 0 9px 0; }
 .read-more a{ color:#fff; text-decoration: none}
 .read-more a:link{ color: #fff}
 .read-more a:visited{ color: #fff}
 .read-more a:hover{ color:#333}
/*end read more*/

/*submit*/
.submit { color: #fff; display: block; width: 60px; height: 15px; background-color: #283033; padding: 5px; margin: 0px 0 0 0; text-align: center; text-decoration: none}
.submit:hover { background-color: #ebebeb; }
/*end submit*/

/*send and reset*/
.send_reset { color: #fff; display: block; width: 60px; height: 29px; background-color: #283033; padding: 0px 0; margin: 0px 2px 0 0; text-align: center; text-decoration: none; float: left}
.send_reset:hover { background-color: #000; }
/*end send and reset*/


/* link */
a { color: #fff;}
a:link{ color: #fff}
a:visited{ color: #fff}
a:hover{ color: #000}


/*font*/
h2{ padding: 0 0; margin: 0 0 ; font-weight:normal; }
h3{ font-size: 13px; padding: 0 0; margin: 0 0; font-weight:normal; }
h4{ color: #000000; font-size: 11px; padding: 0 0; margin: 0 0 ; font-weight:normal; text-decoration: none}
h5{ padding: 0 0; margin: 0 0 ; font-weight:normal; text-decoration: none}
p{ padding: 0 0; margin: 0 0; font-weight: normal; }


/*ul*/
 ul{ text-decoration:none}
 li{ text-decoration: none}

/*images*/
  img{ width: auto; height: 122; float: left }
 .img-border{ border: none;}
 .img-none-float{ float:none; border: none;}
 .repeat{ background-repeat:repeat-x }
 .line-through{ text-decoration:line-through}

form{ padding: 0 0; margin: 0 0;}

/*text*/
.line-height{ line-height: 22px}
.text-align-center{ text-align: center;}
.text-align-left{ text-align: left;}
.text-decoration-underlined{ text-decoration:underline}


/*styles*/
.red {color: #FF0000}
.white {color: #FFFFFF}
.gray {color: #666666}

/*padding and bold*/
.padding-left{ padding-left: 20px;}

/*input*/
input, select{ font-size: 10px}

.pageHeading{ padding: 0 0 0 10px; }
.productListing{ margin: 0px; width:652px}
.productListing-heading{ background-color:#000; color:#fff; font-size: 10pt;padding-left:5px;}
.productListing-data{ padding: 5px 9px; }
.productListing-even{ background-color: #A0A5A7; color: #000; }
.productListing-even input{ border: 1px solid #000; background-color: #ADB2B3; font-weight: bolder}
.productListing-even a{ color: #000; text-decoration: none}
.productListing-even a:hover{ color: #63696B; }
.productListing-odd{ background-color: #ADB2B3; color: #000; }
.productListing-odd input{ border: 1px solid #000; background-color: #A0A5A7; font-weight: bolder}
.productListing-odd a{ color: #000; text-decoration: none}
.productListing-odd a:hover{ color: #63696B; }

.prodListing{ border:1px solid #000000; margin:0 18px 10px; width:652px; }

/* INFO BOX */
.infoBox{
  width: 630px;
  float:left;
}
.infoBoxHeading, .boxText, .fieldKey{
  font-weight:bolder;
}

.smallText {
  font-family:Verdana,Arial,sans-serif;
  font-size:10px;
}

.smallText a{
  color: #000;
  font-weight:bolder;
}

.smallText a:hover{
  color: #63696B;
}

.price{
    margin: 5px 9px 0px 10px;
    width: 201px;
    text-align: right;
    color: #B83129;
    font-weight: bold;
    font-size:12pt;
    font-family:Arial, Helvetica, sans-serif;
}

.view{
    margin: 5px 9px 8px 9px;
    width: 201px;
    text-align: right;
}

.advance{ width: 624px; height: auto; float: left; padding: 20px; margin: 10px; font-family:Verdana,Arial,sans-serif}
.advance_res{ width: 684px; height: auto; float: left; padding: 0; margin: 0; font-family:Verdana,Arial,sans-serif}

.login{ width: 624px; height: auto; float: left; padding: 20px; margin: 10px;font-family:Verdana,Arial,sans-serif}
.login fieldset{ margin:15px 0px; padding:10px;font-size:8pt;font-weight:normal; border: 2px solid #63696B;}
.login fieldset a{ font-family:Verdana,Arial,sans-serif;font-size:10px;color: #000;font-weight:bolder;}
.login fieldset a:hover{ color: #63696B; }
.login fieldset img{ float:right; margin: 5px 10px;}
.login fieldset legend{ font-size:10pt; font-weight:bolder;}

.main{ width: 624px; height: auto; float: left; padding: 20px; margin: 10px;font-family:Verdana,Arial,sans-serif}
.main a{ color: #000;font-weight:bolder;font-family:Verdana,Arial,sans-serif;font-size:10px; }
.main a:hover{ color: #63696B; }
.subHeading{ font-family:Verdana,Arial,sans-serif;font-size: 10pt;font-weight:bolder; padding: 5px 0px; color: #666666;}
.subHeading a{ font-family:Verdana,Arial,sans-serif; font-size: 10pt;font-weight:bolder; padding: 5px 0px; color: #666666;}
.subHeading a:hover{ color: #000; }

.main fieldset{ margin:15px 0px; padding:10px;font-size:9pt;font-weight:normal; border: 2px solid #63696B;}
.main fieldset a{ font-family:Verdana,Arial,sans-serif;font-size:10px;color: #000;font-weight:bolder;}
.main fieldset a:hover{ color: #63696B; }
.main fieldset legend{ font-size:10pt; font-weight:bolder;}

.SET {
margin:5px;
}
.cA {
clear:both;
}

.N1 {
margin:0 4px;
}

.N2 {
margin:0 2px;
}

.N3 {
margin:0 1px;
}

.NIFTY {
background-color:#FAFAFA;
clear:both;
font-size:1px;
height:1px;
}

#CHKOUT_NAVI {
background-color:#FAFAFA;
font-family:Verdana,Arial,sans-serif;
font-size:7pt;
padding:5px;
}

.checkoutBarFrom a{ color: #8c8c8c; text-decoration:none}
.checkoutBarFrom a:hover{ color: #000; text-decoration:underline}
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: bold;}
.checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.moduleRowOver { background-color: #B5B5B5; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #CFCFCF; }

.infoB{ border: 2px solid #63696B; background-color: #DCE0E0;font-family:Verdana,Arial,sans-serif;font-size:8pt;}

td.pageHeading, div.pageHeading {
padding: 15px 0;
color:#666666;
font-family:Verdana,Arial,sans-serif;
font-size:20px;
font-weight:bold;
}

.orderEdit {
color:#787878;
font-family:Verdana,Arial,sans-serif;
font-size:9px;
text-decoration:underline;
font-weight:bold;
}

.productsNotifications {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E8E8E8 none repeat scroll 0 0;
margin: 15px;
}

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #FF949F;}
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #63696B; color: #fff;}

/* STYLES FOR PAGINATION */
A.pageResults {
  color: #8c8c8c;
}

A.pageResults:hover {
  color: #000;
  background: #EBEBEB;
}

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.card { float: inherit; margin:15px 2px; }
.card a img{border: 0 none;}

span.productSpecialPrice {
color:#FF0000;
}

#content-box{ background: #cfd1d2; width: 624px; height: auto; padding: 20px 30px; margin: 0px 0 0px 0}

#faqs{ background: #cfd1d2; width: 685px; height: auto; float: left; padding: 0 0 5px 0; }

.privacy{ width: 640px; height: auto; float: left; padding: 25px}
.privacy a{ color: #333333}
.privacy a:link{ color: #333333}
.privacy a:visited{ color: #333333}
.privacy a:hover{ color:#666666}

#logo-vintage{ background: url(images/header_banner.png) no-repeat; width: 902px; height: 380px; float:left; text-align: right; padding: 0 0}

/*


  Styles for the Vintage Auto Images LIGHTBOX

*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }





/*

    STYLES FOR ACCORDIAN SCRIPT
    
*/

/*category menu*/
/*.category-menu{ font-size: 12px; width: 902px; height: auto; text-align: right; float: left; padding: 0 0px; margin: 0px 0; }*/
#basic-accordian ul{ margin: 0 0; padding: 0 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif;}
#basic-accordian li{ display: inline; }
#basic-accordian a{ text-decoration: none; }
#basic-accordian ul li.accordion_headings{ font-size: 9pt; display: block; padding: 7px; width: 194px; background: url(images/category-bg.png) repeat-x;}

.accordion_child ul{ margin: 0 0; padding: 0 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif;}
.accordion_child li{ display: inline; }
.accordion_child a{ display: block; padding: 7px; width: 194px; background: url(images/category-bg.png) repeat-x; font-size:8pt;}
.accordion_child a:link{ padding: 7px; width: 194px;}
.accordion_child a:visited{ color: #EEE; padding: 7px; width: 194px;}
.accordion_child a:hover{ background:url(images/category-hover.png) repeat-x; color: #63696b;}

.header_highlight a{ background:url(images/category-hover.png) repeat-x; color: #63696b;}
.accordion_headings{ color: #fff; font-weight: bold; cursor:pointer;}
.cat b a, .accordion_headings{ font-size: 9pt; display: block; padding: 7px; width: 194px; background: url(images/category-bg.png) repeat-x;}
.cat b a:link, .accordion_headings:link{ padding: 7px; width: 194px; }
.cat b a:visited, .accordion_headings:visited{ color: #EEE; padding: 7px; width: 194px;}
.cat b a:hover, .accordion_headings:hover{ background:url(images/category-hover.png) repeat-x; color: #63696b;}

/*

#basic-accordian{
	border:5px solid #EEE;
	padding:5px;
	width:350px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-175px;
	z-index:2;
	margin-top:-100px;
}

.accordion_headings{
	padding:5px;
	background:#99CC00;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:#00CCFF;
}

.accordion_child{
	padding:15px;
	background:#EEE;
}

.header_highlight{
	background:#00CCFF;
}

*/
/*** Begin Header Tags SEO ***/
h1 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}
h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}
/*** End Header Tags SEO ***/