h2.color{ font-size:20px; color:#00aef7; margin:0; padding:0; }
h2.color span{color:#696969;}
h2.title{padding-bottom:26px;}

#body{width:939px; margin:0 auto; background:url(../img/bg.jpg) no-repeat top left; padding:15px 25px 0 40px; position:relative;}
#body.print{background:none!important; padding-top:0px;}

#head{}
#head h1{padding:0; margin:0;}
#head #top{width:550px; height:82px; padding-left:10px; padding-top:5px;}
#head #top div.banner{ float:left; height:82px; width:267px; }

#head #top div.authform{ float:right; width:265px; background:url(../img/separator.gif) repeat-y; height:82px; padding-left:18px; position:relative; padding-top:3px;}


#head #top div.authform div.item{ padding-bottom:8px;}
* html #head #top div.authform div.item{padding-bottom:6px;}
#head #top div.authform input.text{width:156px; height:15px; border:1px solid #adadae; margin:0; padding:3px 5px 2px 5px; font-size:11px; color:#333;}
#head #top div.authform input.button {position:absolute; z-index:1; top:34px; left:193px;}
#head #top div.authform a{ font-size:11px;}
#head #top div.authform a.forgot{margin-left:20px;}
#head #top div.authform a.registration, #head #top div.authform a.forgot{text-decoration:none!important; border-bottom:1px dashed #009bfe!important; display:inline-block;}
#head address{font-size:11px; font-style:normal; padding-left:20px; padding-top:10px;}

/*Topforminfo*/
div.userinfo{}
div.userinfo div.for_image{ float:left; width:31px; padding-right:10px;}
div.userinfo div.for_info{ float:left; width:147px; padding-right:10px; font-size:11px; }
div.userinfo div.for_info span{ color:#15b300;}
div.userinfo div.for_button {float:right; width:61px;}
div.userinfo div.for_button a.exit{ display:block; width:61px; height:28px; background:url(../img/exit.gif) no-repeat;}
div.userinfo div.user_menu { padding-top:25px;}
div.userinfo div.user_menu ul{}
div.userinfo div.user_menu ul li{ float:left; padding-right:13px; color:#00aef7; }

/*Fullinfo*/
div.user_info{width:510px;}
div.user_info div.for_image{width:175px; float:left;}
div.user_info div.for_info{width:330px; float:left;}
div.user_info div.info{padding-bottom:15px;}
div.user_info div.for_info label{ font-size:10px; color:#acabab; display:block; width:60px; float:left;}
div.user_info div.for_info div.inner{ width:250px; float:right;}
div.user_info div.userauto{color:#6f6f6f; padding-top:15px; font-size:12px;}
div.user_info div.userauto span{font-size:10px;}


/*Layout*/
#middle{ padding-top:30px;}
* html #middle{ padding-top:25px;}
div.left{width:370px; float:left; position:relative;}
div.center{width:560px; float:right;}
#full{ padding-bottom:30px; padding-top:20px; }
#footer{width:944px; margin:0 auto; padding-left:40px; padding-right:20px; padding-top:10px; border-top:1px solid #e8e8e8; height:55px; background:url(../img/footer_bg.jpg) no-repeat right;}
.content{ padding-left:15px; padding-top:13px; position:relative;}


#search_title{width:207px; height:75px;}
#search_title h2{padding-top:20px;}
#search_title span.info{ font-size:10px; color:#8f8f8f;}
#search_title.main{ background:url(../img/search_button_main.jpg) no-repeat right;}



#search_form{ width:295px; padding:0 15px; height:430px;  background:url(../img/search_form_bg.jpg) no-repeat;}
#search_form div.item{padding-top:20px;}
#search_form label{display:block; padding-bottom:5px;}
#search_form select{width:290px; height:33px;font-size: 11px; color: #757474; border: 1px solid #b3b9c3; padding:0; margin:0;}
#search_form div.item div.from{ width:150px; float:left; background:url(../img/search_to.gif) no-repeat 100% 18px;}
#search_form div.item div.to{ width:131px; float:right;}
#search_form div.item div.from select, #search_form div.item div.to select {width:128px;}
#search_form div.item input.text{ width:278px; height:18px; border:0; padding:0; background-color:transparent; font-size: 11px; color: #757474;}
#search_form div.item div.input_text{ background:url(../img/search_input_bg.gif) no-repeat; width:278px; height:23px;  padding:9px 5px 0 10px; }
#search_form div.for_submit {margin-top:-10px;}
* html #search_form div.for_submit {margin-top:-8px;}
#search_form div.item .submit{ margin-left:60px; width:186px; height:63px;}
#search_form .modelSelect{height:30px;}

div.catalog_title{ width:245px; height:65px; background:url(../img/catalog_pic.jpg) no-repeat right; padding-left:13px;}
div.catalog_title h2{ padding-top:18px;}
.quick{color:#8a8a8a; font-size:14px; padding-top:15px; width:300px;position:absolute; left:300px; top:20px; }
.quick a:link, .quick a:visited{border-bottom:0!important; text-decoration:underline!important; font-size:14px}
.vin{width:123px; height:52px; background:url(../img/vin.gif) no-repeat 0 17px; position:absolute; top:10px; left:210px;}
.vin h3{padding:0; font-size:15px; font-weight:bold; padding-left:3px;}
.vin h3 span{ font-size:15px; font-weight:bold; left:38px; top:25px; display:block; position:absolute;}
.vin img{position:absolute; width:123px; height:52px; z-index:1; top:0; left:0;}

div.catalog{}
div.catalog div.coll1{width:180px; float:left; padding-bottom:0;}
div.catalog div.coll2{width:180px; float:left; padding-bottom:0;}
div.catalog div.coll3{width:180px; float:right; padding-bottom:0;}

div.catalog ul{}
div.catalog ul li{}
div.catalog ul li a{display:inline-block; width:140px; height:28px; background:url(../img/catalog-a.gif) no-repeat; padding-left:28px; font-size:14px; font-weight:bold; color:#009bfe; line-height:28px; overflow:hidden; text-decoration:none!important; padding-bottom:10px;} 
div.catalog ul li a:hover {background:url(../img/catalog-a-hover.gif) no-repeat; color:#fe0000;}
div.catalog ul li a span{font-size:11px; color:#8a8a8a; font-weight:normal; }

ul.last_auto{ padding-top:13px;}
ul.last_auto li{width:198px; float:left;}
ul.last_auto li div.item{width:198px; background:url(../img/last-auto-separator.gif) no-repeat 160px 7px}
ul.last_auto li h4 { padding-left:5px; width:130px; padding-top:8px; font-size:12px; font-weight:normal; padding-bottom:4px; }
ul.last_auto li.last{ width:140px; overflow:hidden;}
ul.last_auto li div.price{ padding-left:5px;}

div.price{color:red; font-size:14px;}
div.price span{ font-size:11px;}


div.image{ width:118px; height:89px; background:url(../img/last-auto-photo-bg.gif) no-repeat; padding-top:3px; padding-left:3px;}
div.image div{ width:114px; height:86px; background:url(../img/no-photo.gif) no-repeat 50% 50%;}
div.image div img{width:114px; height:86px;}

div.path{ color:#bfbfbf; font-size:11px;}

div.sort{padding-top:25px; padding-bottom:30px; float:left; width:100%;}
#body.print div.sort{padding-top:5px; padding-bottom:5px;}
div.sort h2{ color:#00aef7; font-weight:normal; font-size:20px; float:left; margin:0; padding:0; padding-right:15px; margin-top:-3px; }
div.sort h2 span{color:#696969;}
div.sort div.item{width:176px; float:left;}
div.sort div.item select{ width:160px; border:1px solid #adadae; height:22px; color:#cdcdcd; padding-left:5px; }
div.sort div.button{ margin-top:-4px;}

#search_title_inner{width:207px; height:75px; background:url(../img/search_button_inner.jpg) no-repeat right; float:right; margin-top:-30px; position:relative; z-index:2; cursor:pointer; margin-right:-8px;}
* html #search_title_inner{ margin-top:-35px; width:197px}
#search_title_inner h2{padding-top:20px; width:207px; }
* html #search_title_inner h2{ width:187px;}
#search_title_inner span.info{ font-size:10px; color:#8f8f8f; display:block;}

div.button{height:26px; background:url(../img/button_left_bg.gif) left no-repeat; float:left; padding-left:15px;}
* html div.button{padding-left:7px;}
div.button div{height:26px; background:url(../img/button_right_bg.gif) right no-repeat; float:left; padding-right:15px;}
* html div.button div{padding-right:7px;}
div.button div input{height:26px; padding:0 10px; font-size:11px; color:#686868; font-family:Trebuchet MS; background-color:transparent; cursor:pointer;}


div.catalog_table{position:relative;}
div.catalog_table #search_form{ position:absolute; z-index:99; left:612px; top:-30px; display:none;}

table.auto{ width:939px; padding:0; margin:0; border:0; border-collapse:collapse; empty-cells:show;}
table.auto tr{background:url(../img/auto-table-separator.gif) repeat-x;}
table.auto tr.header {background:none;}
table.auto th{font-size:11px; font-weight:normal; padding-bottom:10px;}
table.auto td{ padding:15px 0; vertical-align:top; text-align:center; }
table.auto .left{text-align:left;}
table.auto .right{text-align:right;}
table.auto .center{text-align:center;}
table.auto th.image,table.auto td.image{width:120px; padding-right:35px; text-align:left;}
table.auto th.title, table.auto td.title {width:225px; padding-right:35px; text-align:left;}
table.auto th.year, table.auto td.year {width:76px; padding-right:68px; text-align:center;}
table.auto th.mileage, table.auto td.mileage{width:68px; padding-right:68px; text-align:center!important;}
table.auto td.price, table.auto th.price{width:68px; padding-right:68px; text-align:center !important;}
table.auto h3{ font-size:14px; font-weight:bold; padding:0; margin:0; padding-bottom:10px;}
table.auto tr.second{background-color:#fffdf1;}
table.auto p.ruletype{padding-bottom:5px;}
table.auto p.ruletype span{ color:#7e7e7e;}

table.auto div.controls{border-top:1px solid #f9f9f9; padding-top:2px; border-bottom:1px solid #f9f9f9; padding-bottom:2px; width:67px; height:19px; overflow:hidden; display:inline-block; margin-top:12px;}
table.auto a.edit{ display:block; width:19px; height:19px; background:url(/img/table_edit.gif) no-repeat; float:left; margin-right:5px;}
table.auto a.active{ display:block; width:19px; height:19px; background:url(/img/table_active.gif) no-repeat; float:left; margin-right:5px;}
table.auto a.unactive{ display:block; width:19px; height:19px; background:url(/img/table_unactive.gif) no-repeat; float:left; margin-right:5px;}
table.auto a.delete{ display:block; width:19px; height:19px; background:url(/img/table_delete.gif) no-repeat; float:left;}


div.paginator{padding:10px 0;}
div.paginator a{display:inline-block; padding-right:5px;}
div.paginator a.selected{font-size:14px; color:#696969!important; text-decoration:none!important;}

div.catalog_full{}
div.catalog_full div.for_photo{ float:left; width:380px; padding-right:25px;}
div.catalog_full div.for_info{ float:left; width:315px; padding-right:25px;}
div.catalog_full div.for_contacts{ float:right; width:187px;}
#full div.coll1{ width:435px; padding-right:40px; float:left;}
#full div.coll2{ width:430px; padding-right:30px; float:left;}

div.image_big{ width:379px; height:287px; background:url(../img/image-big-bg.gif) no-repeat; padding-top:3px; padding-left:3px;}
div.image_big div{ width:372px; height:279px; background:url(../img/no-photo.gif) no-repeat 50% 50%;}
div.image_big div img{width:372px; height:279px;}

ul.image-thumb{padding-top:15px; width:376px;}
ul.image-thumb li{float:left; width:118px; padding-bottom:5px; }
ul.image-thumb li.center{margin:0 10px;}
* html ul.image-thumb li.center{margin:0 5px;}

div.catalog_full div.for_info div.info{ padding-bottom:20px;}
div.catalog_full div.for_info div.info label{ font-size:10px; color:#acabab; display:block; width:60px; float:left;}
div.catalog_full div.for_info div.info div.inner{ width:250px; float:right;}

#body.print div.for_contacts  h3{ color:black!important; font-weight:normal; font-size:14px;}

div.contacts{background:url(../img/contacts_top_bg.gif) no-repeat top; padding-top:25px; width:190px;}
div.contacts div.inner{ background:url(../img/contacts_bottom_bg.gif) no-repeat bottom left; padding-bottom:20px; width:175px; padding-left:15px;}

#body.print div.contacts {background:none !important; padding-top:20px;}
#body.print div.contacts div.inner{background:none!important; padding-left:0!important;}

div.contacts div.inner div.item{ padding-bottom:15px; position:relative;}
div.contacts div.inner div.last{padding-bottom:0!important}
div.contacts div.inner div.item label{font-size:10px; color:#acabab; width:28px; display:block; padding-right:10px; float:left; line-height:18px;}
div.contacts div.inner div.item div.value{ width:90px; float:left;}

div.for_contacts{}
div.for_contacts div.backurl{padding-top:40px; padding-left:10px;}
a.backurl{display:block; padding-left:30px; background:url('/img/back.gif') no-repeat 0 0;}
a.printlink{display:block; padding-left:30px; background:url('/img/print.gif') no-repeat 0 0;}
a.emaillink{display:block; padding-left:30px; background:url('/img/mail.gif') no-repeat 0 0;}

#footer .fcoll1, #footer .fcoll2, #footer .fcoll3 {float:left;}
#footer address{ font-size:12px; font-style:normal;}
#footer .counter{float:right;}
#footer .fcoll1 { width:280px; padding-right:20px;}
#footer .fcoll2, #footer .fcoll3 { width:185px; padding-right:20px;}

div.nodata{padding-bottom:450px;}


/*Form*/
div.form{}
div.form form{}
div.form div.item{ padding-bottom:25px;}
div.form div.item label{font-size:12px; padding-bottom:5px; display:block;}
div.form div.item label span{padding-left:5px; color:#cd0000;}

div.form div.item div.input_medium{width:294px; height:34px; background:url(../img/input_medium_bg.gif) no-repeat;}
div.form div.item div.input_medium input{ background-color:transparent; width:274px; height:20px; color:#7e7e7e; font-size:12px; padding-top:8px; line-height:20px; padding-left:10px; padding-right:10px;}

div.form div.item div.select_medium{background-color:transparent; padding-bottom:25px;}
div.form div.item select{background-color:transparent; width:294px; height:25px; color:#7e7e7e; font-size:12px; line-height:25px; padding-left:5px; border:1px solid #b3b9c3;}
div.form div.item .modelSelect {height:40px;}

div.form div.item div.input_big{width:362px; height:34px; background:url(../img/input_big_bg.gif) no-repeat;}
div.form div.item div.input_big input{ background-color:transparent; width:342px; height:20px; color:#7e7e7e; font-size:12px; padding-top:8px; line-height:20px; padding-left:10px; padding-right:10px;}


div.form div.item div.input_mini{width:198px; height:34px; background:url(../img/file-input-bg.gif) no-repeat;}
div.form div.item div.input_mini input{ background-color:transparent; width:178px; height:20px; color:#7e7e7e; font-size:12px; padding-top:8px; line-height:20px; padding-left:10px; padding-right:10px;}


div.form div.item p.tip{ font-size:11px; color:#7e7e7e; padding-top:5px; width:294px;}
div.form div.item p.error { color:#cd0000; font-size:11px; padding-top:5px;}
div.form div.item ul.errors{display:block!important; float:none!important;}
div.form div.item ul.errors li{color:#cd0000; font-size:11px; padding-top:5px; float:none; width:294px;}

/*File*/
div.form div.item div.input_file
{ /* блок-родитель, внутри которого будут позиционироваться остальные элементы для реализации стильного поля выбора файлов */
position: relative;
height:32px;

}
.inputFile { /* поле type="file" */
position: absolute; /* абсолютное позиционирование, чтобы можно было совместить поле и блок с оформлением */
top: 0;
left: 0;
z-index: 2; /* z-слой должен быть больше, чем у блока с офрмлением */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); /* делаем поле абсолютно прозрачным */
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
width: 294px; /* задаем ширину для всех браузеров. Для firefox подбираем значение параметра size в поле */
cursor:pointer;
height:32px;
}
.fonTypeFile { /* блок с оформлением */
width: 294px; /* размеры картинки для оформления */
height: 32px;
background: url('../img/browse.gif')  no-repeat right; /* картинка оформления поля */
position: absolute;
top: 0;
left: 0;
z-index: 1; /* z-слой меньше, чем у поля выбора файла */
}
.inputFileVal { /* поле, в котором будет показан результат выбора файла */
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
background-color:transparent;
width:168px;
height:20px;
font-size:12px; 
padding-top:8px; 
line-height:20px; 
padding-left:10px; 
padding-right:10px;
font-size:11px; 
color:#7e7e7e;

}

div.fileValBg{
top: 0px;
left: 0px;
z-index: 2;
position: absolute;
width: 198px;
background: url(../img/file-input-bg.gif) no-repeat; 
height:32px;
}


/*TextArea*/
div.form div.item div.teaxtarea_medium{ width:329px; height:110px; background:url(../img/textarea-bg.gif) no-repeat; padding-top:2px; padding-left:10px;}
div.form div.item div.teaxtarea_medium textarea{ background-color:transparent; width:326px; height:106px; font-size:12px; color:#7e7e7e;}
div.form div.big_submit{ width:244px; margin:0 auto;}
div.form div.error{color:#cd0000; padding-bottom:10px;}
div.form div.message{color:#15b300; padding-bottom:10px;}
div.form div.code{padding:10px 0;}

/*Multy Select*/
input.multi-pt {width:250px; color:#7e7e7e; border:1px solid #b3b9c3; height:26px;}
ul.multifile{width:250px; overflow:hidden; margin-top:20px;}
ul.multifile input{width:100px;}
ul.multifile li{padding:5px 0; border-bottom:1px solid #e5e5e5; width:250px; overflow:hidden;}
ul.multifile li a{width:7px; height:7px; display:block; float:right; background:url(../img/delete_mini.gif) no-repeat; margin-top:-10px;}
ul.multifile li span {color:#605d5d; font-weight:bold; display:block;}

/*Checkbox*/
div.form div.checkbox{padding-top:10px;}
div.form div.checkbox ul{}
div.form div.checkbox ul li{width:180px; float:left; padding-right:10px; padding-bottom:5px;}
div.form div.checkbox label{padding:0!important; font-size:11px;}
div.form div.checkbox label span{display:block; float:left; width: 155px;  color:#7e7e7e;}
div.form input.checkbox{width:14px; height:14px; font-size:11px; display:block; float:left; padding:0; margin:0; margin-right:5px;}

/*Photos*/
div.multiPhotos{padding-bottom:15px;}
div.multiPhotos div.photoItem{width:150px; float:left; position:relative; padding-bottom:5px;}
div.multiPhotos div.photoItem a.delpic {width:7px; height:7px; display:block; background:url(../img/delete_mini.gif) no-repeat; position:absolute; top:2px; left: 122px;}


div.attention{padding:0px 15px 15px 60px; height:30px; background:url(../img/attention.gif) no-repeat 10px 0px; border-bottom:1px solid #dbdbdb; font-size:11px; margin-bottom:25px; }
div.skalogic{padding-top:10px;}


.vin-result{padding-top:60px;}
#vin-table{width:420px;}
#vin-table td{padding:3px;}