/*
-------------------  _design_inventory = 
*/
section#main h1 {
    font-size: 3.500em;
    line-height: 1.083em;
    margin-bottom:13px;
	border-bottom:1px solid #E8E8E8;
	padding-bottom:40px;
	display:block;
	text-align:right;
    
}
#images_container { width:56%; height:100%;padding-top:10px; float:left}
#images_container img {max-width:100%}
#details {width:42%; float:right;}
#details h1.intprice { float:right;color:#ff8a00; right:5%; left:auto}
#details div {width:95%; height:95%; float:left; padding:10px;}
#details dl { float:left; width:100%; font-size:14px; text-transform:uppercase; border-bottom:1px dotted #000; margin-bottom:5px; padding-bottom:5px;}
#details dt { color:#777777; float:left; width:45%;}
#details dd { color:#000; float:right;}
#details dl.intprice {border-bottom:none}
#details dl.intprice dd {font-weight:bold}

div#imagescrollermain{
	/*margin:0 10px;*/
	position:relative;
	width:100%;
	float:left;
}
div#imagescroller{float:left; height:110px; overflow:hidden; position:relative; width:90%}
img.smallthumbsimgscr{border:1px solid #d7d7d7; position:absolute}
#imagescroller .scrollingpart{float:left;/* height:75px; margin-top:20px*/}
#imagescroller .scrollingpart img{float:left; margin-right:5px;width:auto!important;}
div.imagescrollercontainer{display:block; float:left; height:110px; position:relative; width:100%}
#loadingcoverdiv{
	background-color:#ffffff;
	height:110px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:10
}
div.imagescrollersubcontainer{height:110px; left:0; position:absolute; top:0; width:100%; z-index:5}

.scrollerbuttonleft a, .scrollerbuttonright a{background-image:url(/images/gomoto/scroller-arrow.png); background-repeat:no-repeat; display:block; float:left; height:110px; width:100%}
.scrollerbuttonleft, .scrollerbuttonright{float:left; height:77px; width:5%; /*margin-top:20px;*/ background-color:#e7e7e7; overflow:hidden;}
.scrollerbuttonleft a{background-position:14px 32px}
.scrollerbuttonright a{background-position:14px -20px}

div#inv-detailed-container { width:960px; margin:30px auto 0;}
div#inv-detailed-4 { float:left; width:100%; display:block; padding-bottom:70px;}


div.mediacontent{margin:65px 0 4em;position:relative; float:left; width:98%;}
div.tabsholderbg{padding:0.5em; margin:0 1em}

#description {padding-left:25px}

div#stock_features{padding:0}
#stock_features .collapse-control-links li{list-style-type:none; padding:1.2em; font-size:1.2em; float:right}
#stock_features .collapse-bg{padding:1em 0}
#stock_features ul.collapse-ul{list-style-image:url(../images/collapse_li_arrow.gif); list-style-position:outside; list-style-type:none}
#stock_features ul.collapse-ul li{border-bottom-style:dotted; border-color:#d7d7d7; border-width:1px; font-size:1.2em; padding:0.2em 0; margin-left:25px; line-height:1.4em}
#stock_features ul.maintext2{margin:1.2em 0}
#stock_features ul.maintext2 li{font-size:1.2em; list-style:disc; list-style-position:inside; padding:0.2em 0}
#stock_features h3 span.arrow-open, #stock_features h3 span.arrow-close{background-position:right center; background-repeat:no-repeat; display:block}
#stock_features h3 span.arrow-open{background-image:url(/images/gomoto/h3arrow-open.png)}
#stock_features h3 span.arrow-close{background-image:url(/images/gomoto/h3arrow-closed.png)}
#stock_features h3{border-bottom-color:#d7d7d7; border-bottom-style:solid; border-bottom-width:1px; color:#000; cursor:pointer; margin:0; text-transform:uppercase; line-height:1.7em; font-weight:bold; font-size:1.4em; letter-spacing:1px}
div#picture_placeholder img{border:1px solid #d7d7d7}
div#picture_placeholder p.viewlarger img{border:none}
div#picture_placeholder{text-align:center}
div#stock_stockimages{text-align:center}
div#stock_stockimages img{margin:0.125em; border:1px solid #d7d7d7}
div#stock_options{font-size:1.2em; padding:1em}

div#stock_colors ul{list-style:none; padding:1em; min-height:50px; overflow:hidden;}
div#stock_colors ul li{float:left; margin:0 5px 5px 0}
div#stock_colors ul li span{cursor:pointer; display:block; width:50px; height:50px;}



#inv-detailed-2 h2, #inv-detailed-1 h2, #events h2{
	color:#a36487;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:2em;
	text-transform:uppercase;
	font-weight:normal;
	margin-left:20px;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	line-height:1.4em
}

div.similarveh{ width:100%; float:left; display:block;}
div.similarveh h5 {font-size:1.4em; font-weight:bold; margin:10px 0 30px;}
div.similarveh>div {width:33%; float:left}

div.similarveh a.imgholder{
	float:left;
	text-align: center;
}
div.similarveh a.imgholder img{border:2px solid #fff;border:2px solid rgba(255,255,255,.15); margin-right:1em;
box-shadow:0 0 10px rgba(0,0,0,.75); -webkit-box-shadow:0 0 10px rgba(0,0,0,.75); -moz-box-shadow:0 0 10px rgba(0,0,0,.75);
}

div.similarveh p{
	float:left;
	font-size:1em;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	margin-top:10px;
}
div.similarveh p span{
	color:#a7a7a7;
	font-size:0.9em;
	font-weight:normal;
}
div.similarveh p a{font-weight:normal}

div.similarveh p a:link, div.side div.similarveh p a:visited{color:#336699}
div.similarveh p a:hover, div.side div.similarveh p a:active {color:#FFF}

/* -===== Gallery Popup (gallery.js) =====- */

#slideback {position:absolute;z-index:9999;	width:100%;left:0;top:0;float:left;	background-color:#000;font-size:.75em; opacity: 0.6}
#slideback iframe#ifrgx {position:absolute;left:0;top:0;z-index:100;width:100%;height:100%;border:none;}

#slideback iframe#ifrgx {filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)}

div#slideholder {position:absolute;	z-index:10000;display:block;left:0;top:0;width:100%;}

#slideholder {font-size:.75em}
#slideholder div.content {width:1010px;margin:0 auto}
#slideholder img.largethumbsimg { width:1000px;	border: 5px solid #C07A7A;margin-bottom:10px;}
#slideholder .image_slide, #slideholder .topinfo, #slideholder div#showlargeimages, #slideholder div.loader{width:100%;float:left;}

#slideholder div#showlargeimages {background-color:#FFFFFF;height: 44px;}
#slideholder .image_slide {background-color:#FFFFFF;text-align:center;position:relative}
#slideholder div.loader {background-image: url(../images/loader.gif);background-repeat: no-repeat;background-position: center center;}
#slideholder div.topinfo p.car-name {float:left;font-weight:bold;margin: 9px 0 0 19px;line-height: 28px;}
#slideholder div.topinfo p.car-name-lnks  {float:right;font-weight:bold;margin: 9px 19px 0 0;}
#slideholder div.topinfo p.car-name-lnks a {line-height: 28px;text-decoration:none; font-size: 1.3em}
#slideholder .topinfo {background-color:#FFFFFF;margin-top:1em}
#slideholder div.sll {width:55px;height:25px;float:left;margin-left: 19px;}
#slideholder div.slr {width:55px;float:right;margin-right: 19px;}
#slideholder div.sll a, #slideholder div.slr a {color:#000000;text-decoration:none;padding-right:3px;padding-bottom:3px;padding-left:5px;margin-right:2px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 3px;float:left;}
#slideholder #imgbtns_holder {float:left; position:relative; overflow:hidden; width:530px;height:25px;}
#slideholder #imgbtns_container {position:absolute; width:150px;height:21px;}
#slideholder #showlargeimages #imgbtns_container a {width:25px;  font-size: 1.3em; padding-right:3px;padding-bottom:3px;padding-left:5px;margin-right:2px;float:left;text-decoration:none;margin-top: 0px;margin-bottom: 0px;margin-left: 0px;padding-top: 3px;}
#slideholder #showlargeimages #imgbtns_container a.selected, #slideholder #showlargeimages #imgbtns_container a.selected:hover {background-color:#32363f;color:#FFFFFF}
#slideholder #showlargeimages #imgbtns_container a:hover {background-color:#f4f4f4}
.slideholder div.preloader {width: 100%; text-align:center; margin-top:200px;}

/* image popup *//*
div.slideholder{position:absolute; z-index:101; left:50%; top:0;}
.slideback{position:absolute; z-index:100; width:100%;height:100%; left:0; top:0; float:left; background-color:#000;background-color:rgba(0,0,0,.55); font-size:1.2em;}
.slideback iframe.ifrgx{display:none}
 div.wideholder, div.smallholder{position:absolute; z-index:101; display:block; left:0; top:0; width:100%}
.slideholder div.content{width:1000px;margin-left:-500px;margin-top:20%;position:relative;box-shadow:1px 1px 10px rgba(0,0,0,.85); -webkit-box-shadow:1px 1px 10px rgba(0,0,0,.85); -moz-box-shadow:1px 1px 10px rgba(0,0,0,.85)}
.slideholder .image_slide{text-align:center;}
.slideholder .image_slide img {}
.slideholder div.loader{background-image:url(../images/loader.gif);  background-position:center center}
.slideholder div.topinfo p.car-name{float:left; font-weight:bold;color:#FFF;font-size:1.6em;margin:-40px 0 0 0;display:block;text-shadow:1px 1px 3px rgba(0,0,0,.75);}
.slideholder div.topinfo p.car-name-lnks{float:right;margin:-40px 0 0 0}
.slideholder div.topinfo p.car-name-lnks a {font-size:1.6em;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.75);}
.slideholder div.topinfo p.car-msg-help {float:left;height:50px;line-height:50px;text-indent:10px;width:45%;font-size:14px;letter-spacing:1px;color:rgba(255,255,255,.75);background-position:left top;background-repeat:no-repeat}
.slideholder div.sll{width:80px;float:left;}
.slideholder div.slr{width:80px;float:right;}
.slideholder ins {position:absolute;left:0;bottom:30px;height:12px;width:100%;background-image:url(../images/slideholder-ins.png);background-repeat:repeat-x;background-position:left bottom;z-index:99}
.slideholder div#showlargeimages {position:absolute;width:100%;height:30px;left:0;bottom:0;background-color:#000;background-color:rgba(0,0,0,.75);z-index:99}
.slideholder div.preloader {width:1000px;margin-left:-500px;text-align:center;margin-top:50%;}
.slideholder div.preloader div {border:1px solid #323232;background-color:#2c2c2c;width:500px;height:15px;margin:0 auto;text-align:left;box-shadow:1px 1px 5px rgba(0,0,0,.55); -webkit-box-shadow:1px 1px 5px rgba(0,0,0,.55); -moz-box-shadow:1px 1px 5px rgba(0,0,0,.55);}
.slideholder div.showlargeimages {width:1000px;height:30px;} 
.slideholder #imgbtns_holder{float:left; position:relative; overflow:hidden; width:802px; height:30px;}
.slideholder #imgbtns_container{position:absolute; width:150px; height:37px}
.slideholder #showlargeimages #imgbtns_container a, .slideholder div.sll a, .slideholder div.slr a{color:#a9a39c;text-decoration:none; cursor:pointer; font-size:1.2em;display:block;height:30px;text-align:center;float:left;line-height:30px}
.slideholder #showlargeimages #imgbtns_container a {width:32px;background-color:#333;background-color:rgba(51,51,51,.55);margin-right:-1px;border-right:1px solid #3f3f3f;border-left:1px solid #3f3f3f}
.slideholder #showlargeimages #imgbtns_container a:hover, .slideholder div.sll a:hover, .slideholder div.slr a:hover{color:#fff;text-shadow:0 0 3px rgba(255,255,255,.95);}
.slideholder div.sll a, .slideholder div.slr a {width:80px;}
.slideholder div.sll a:hover, .slideholder div.slr a:hover {}
.slideholder #showlargeimages #imgbtns_container a.selected, .slideholder #showlargeimages #imgbtns_container a.selected:hover {background-color:#b83c54;color:#fff;text-shadow:none;background-repeat:repeat-x;background-position:0% 50%;background-image:url(../images/button-breg-grad.png)}*/

/* ======== left side ============= */
div.side div.incentive{padding:1.2em}

div.side{float:right; width:22%;}
div.side h5{
	font-size:1.2em;
	line-height:2.6em;
	text-transform:uppercase;
	color:#000;
	background-repeat:repeat-x;
	background-position:left bottom;
	cursor:pointer;
	margin:10px;
	padding:0 10px;
	font-weight: bold;
	border:1px solid #d7d7d7;border:1px solid rgba(0,0,0,.1);
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-khtml-border-radius: 5px;
}
div.side h5 span{background-repeat:no-repeat; background-position:right center;display:block; }

div.side h5 span.closed{background-image:url(../images/side-h3-closed.png)}
div.side h5 span.open{background-image:url(../images/side-h3-open.png)}



div.side input, div.side select, div.side textarea{color:#888a87}
div.side div.detailedqq fieldset{padding:1em 10px 1em 20px; border:none}
div.side div.detailedqq input{margin-bottom:1em}
div.side div.detailedqq input, div.side div.detailedqq textarea{width:99.5%}
div.side div.detailedfc fieldset{padding:1em 10px 1em 20px}
div.side div.detailedfc fieldset input{float:left}
div.side div.detailedfc fieldset label{
	float:left;
	width:55%;
	font-size:1em;
	line-height:1.6em;
	padding-top:4px;
	color:#8c8c8c;
}
div.side div.detailedfc fieldset input#price, div.side div.detailedfc fieldset input#down_payment, div.side div.detailedfc fieldset input#loan, div.side div.detailedfc fieldset input#monthly{width:35%}
div.side div.detailedfc fieldset div{
	float:left;
	width:20%;
	font-size:1.2em;
	line-height:1.6em;
	padding-left:0.3125em;
	color: rgba(0,0,0,.55);
	padding-top: 4px;
}
div.side div.detailedfc input#interest{width:15%}
div.side div.detailedfc input#loanterm{width:10%}
div.side div.autolocator p{
	font-size:1.2em;
	line-height:1.6em;
	padding:0 25px;
	text-align:justify;
	
	color:#000;
	color:rgba(0,0,0,.55);
}


div.imgpreviewdiv{position:absolute; z-index:200; width:400px; min-height:150px;  display:none;right:-400px;top:0;
		padding:4px;
		background-color:#d7d7d7;
		background-color:rgba(0,0,0,.25)}
div.imgpreviewdiv img {max-width:100%}
div.side div.recent-veh, div.side div.incentive {padding:0.3125em 1.2em}
div.side div.recent-veh ul li, div.side div.incentive ul li {margin-bottom:0.3125em; border-bottom:1px dashed #d7d7d7; padding:0 0.3125em}
div.side div.recent-veh ul li a, div.side div.incentive ul li a{font-size:1.2em; line-height:1.2em; padding-top:0.3125em; padding-right:0; padding-bottom:0.3125em; padding-left:0; display:block; text-decoration:none}
div.side div.incentive ul li.incentives-more a {color:#888a87;text-align:right}
div.side div.incentive ul li.incentives-more {border-bottom:none}
div.side div.autolocator{padding-bottom:0.3125em}
div.rightsearch{
	padding:1em 10px 1em 20px
}
div.rightsearch form legend{font-size:1.2em; font-weight:bold; color:#000; line-height:2.375em}
div.rightsearch form label, div.rightsearch form a{font-size:1.2em}
div.rightsearch form select{margin-bottom:1.2em; width:90%}


/* ============= inventory detailed page ====================== */
#backlink { position:absolute; z-index:29; right:2%; bottom:10%; width:201px; height:39px;}
#previmg, #nextimg {position:absolute; z-index:28; height:100%; width:75px; top:0; background:url(/images/pimgarrows.png) no-repeat center; cursor:pointer;}
#previmg {left:0; background-position:5px 50%}
#nextimg {right:0; background-position:-80px 50%}

#invdetails_bottom {width:60%; height:160px; background-color:#666666; position:fixed; bottom:0; z-index:10; margin:0 auto; left:0; right:0; padding:0; z-index:30;

border-top-right-radius:20px;
-webkit-border-top-right-radius:20px;
-moz-border-radius-topright:20px; 
-khtml-border-top-right-radius:20px; 

border-top-left-radius:20px;
-webkit-border-top-left-radius:20px;
-moz-border-radius-topleft:20px; 
-khtml-border-top-left-radius:20px;

box-shadow:0 0 15px 5px #000000; 
-webkit-box-shadow:0 0 15px 5px #000000; 
-moz-box-shadow:0 0 15px 5px #000000; 
-khtml-box-shadow:0 0 15px 5px #000000; 
-o-box-shadow:0 0 15px 5px #000000; 
}
#invdetails_bottom>ul {display:block; width:80%; margin:0 auto;}
#invdetails_bottom>ul li {float:left; display:block;padding:5px 20px;position:relative;margin-bottom:15px; margin-right:1px; background-color:#4F4F4F; /*background:url(/images/navigation-line.png) right no-repeat;*/}
#invdetails_bottom>ul li a {color:#FF9933; font-size:16px; text-decoration:none}
#invdetails_bottom>ul li a:hover {color:#fff}
#invdetails_bottom>ul li a.selected {color:#fff}

#invdetails_bottom>ul li:first-child {
border-bottom-left-radius:8px;
-webkit-border-bottom-left-radius:8px;
-moz-border-radius-bottomleft:8px; 
-khtml-border-bottom-left-radius:8px;
}
#invdetails_bottom>ul li:last-child {
border-bottom-right-radius:8px;
-webkit-border-bottom-right-radius:8px;
-moz-border-radius-bottomright:8px; 
-khtml-border-bottom-right-radius:8px;
}

#invdetails_bottom .detailsblock {width:90%; margin:10px auto 0; background-color:#4F4F4F; color:#e3a22b; height:88%; font-size:14px; /*position:relative; z-index:90; /*overflow:hidden;*/}
#invdetails_bottom h1 { color:#fff; font-size:18px; background-color:#4F4F4F; float:left; position:relative;padding:5px 10px 0 10px; bottom:10px; left:5%; z-index:100; 
border-top-left-radius:8px;
-webkit-top-bottom-left-radius:8px;
-moz-border-radius-topleft:8px; 
-khtml-border-top-left-radius:8px;

border-top-right-radius:8px;
-webkit-border-top-right-radius:8px;
-moz-border-radius-topright:8px; 
-khtml-border-top-right-radius:8px;
}
#invdetails_bottom h1.intprice { float:right;color:#ff8a00; right:5%; left:auto}
#invdetails_bottom #details div {width:30%; height:100%; float:left; padding:10px;}
#invdetails_bottom #details dl { float:left; width:100%; font-size:14px}
#invdetails_bottom #details dt { color:#fff; float:left; width:40%}
#invdetails_bottom #details dd { color:#ff8a00; float:left}

#invdetails_bottom #features_holder>div {overflow: hidden; height: 100%; position:relative; z-index:90;}
#invdetails_bottom #features_holder>div>div {/*float:left;*/height:470px;margin-top:10px;width:33.33%; position:absolute; z-index:40}
#invdetails_bottom #features_holder>div>div h3 { padding:5px 20px; color:#FFF; font-size:14px}
#invdetails_bottom #features_holder>div>div ul { margin-left:30px;}
#invdetails_bottom #features_holder>div>div ul li { font-size:12px; color:#FF9933; margin:3px;}
#invdetails_bottom #features_holder ins {display:block; width:100%; text-align:center; position:absolute; bottom:0; padding-bottom:15px; z-index:42}
#invdetails_bottom #vindec-prev, #invdetails_bottom #vindec-next { position:absolute; top:50%;background:url(/images/featurearrows.png) no-repeat; width:33px; height:42px; cursor:pointer; display:none;}
#invdetails_bottom #vindec-prev {left:2%; background-position:0 0 }
#invdetails_bottom #vindec-next {right:2%; background-position:-33px 0}
#invdetails_bottom .maintext2 { width:33%; float:left}



#contactuspopup { background-color:#666666; width:35%; /*height:376px;*/ position:fixed;z-index:40; left:473px; bottom:190px; visibility:hidden;
	border-right-radius:10px;
	-webkit-border-right-radius:10px;
	-moz-border-radius:10px; 
	-khtml-border-radius:10px;
	box-shadow:0 0 15px 5px #000000; 
	-webkit-box-shadow:0 0 10px 5px #000000; 
	-moz-box-shadow:0 0 10px 5px #000000; 
	-khtml-box-shadow:0 0 10px 5px #000000; 
	-o-box-shadow:0 0 10px 5px #000000; 
}
#contactuspopup>ins { display:block; margin-top:0px;height:20px; width:100%; float:left; position:relative; background:url(/images/arrowdown-grey.png) center bottom no-repeat; top:20px;}