@import "reset.css";

body {font: 62.5% Arial Unicode, Helvetica, sans-serif; color: #000; line-height: 1.6em; background-color: #253151;}
a {color: #1a4771;}
a:hover {color: #00488c;}

html, body {margin:0px; padding:0px; width: 100%; height:100%;}
#pageWrapper {width: 100%;	min-height: 100%;}
*html #pageWrapper {height:100%;}
#container {width: 100%; padding-bottom: 64px; overflow: hidden;}
#footer {height:34px; margin-top:-34px; position:relative;}

#footer{clear:both; color:#fff; font-size:1.1em; line-height: 34px; padding-left: 38px; background:url(/images/small-logo.png) #1a4771 no-repeat right;}

#pageWrapper{background: #fff; min-width:980px; max-width:1500px; width: expression(document.body.clientWidth > 980 ? "100%" : "980px")}
#pageHeader{background:url(/images/header-bg.jpg) 0 31px no-repeat #1b4b77; height:180px;}

#topBar table{border-collapse: collapse !important;}
#topBar table td{white-space: nowrap; verticla-align:top; padding:0; margin:0;}
#topBar{height:31px; background:#fff;}
#topBar a{float:left; font-size: 1.2em; margin:0 0 0 20px;}
#topBar a#goHome{margin-right:15px; margin-left:38px;}
#topBar a#showLogin{background:url(/images/lock.png) no-repeat 0 2px; text-decoration:none;  position:relative;}
#topBar a#showLogin span{border-bottom:1px dashed #1a4771; margin-left:14px; display:block; margin-top:2px;padding-bottom:-2px; line-height:1em;}

#currencyBlock{height:21px; float:left; padding:6px 15px 4px 15px;  border-left: 1px #dae5f0 solid; border-right: 1px #ddd solid;}
#currencyBlock label{font-size:1.2em;}

#langBlock{height:31px; float:right;}
#langBlock a{height:23px; margin:0 12px; padding-top:8px; float:left;}
#langBlock .current{background:url(/images/lang-arrow.png) no-repeat bottom center; text-decoration:none; font-weight:bold;}

#logo{ float:left; margin:20px 38px; display:inline;}

#mainMenu {float:right; margin-right:38px;}
#mainMenu a{color:#fff; font-size:1.3em;}
#mainMenu ul{}
#mainMenu li{float:left; margin:18px 0 0 16px;}

#search{float:right; clear:right; margin:20px 38px; background:url(/images/search-bg.png) no-repeat; width:20%; height:28px; _background-image:url(/images/search-bg-ie.png);}
#search #simpleSearchInput{ width:70%; float:left; margin-top:6px; font-size:1.4em; margin-left:25px; border:0;}
#search #simpleSearchSubmit{float:right;}
#search a{font-size:1.2em; clear:both; display:block; color:#718fab; padding-top:7px; margin-left:12%;}

#carsHeader{position:absolute; top:80px; left:23%;}

#pageContent{margin-right:255px; margin-left:38px; position:relative; z-index:10px; margin-top:0; }
.fullWidth#pageContent{margin-right:25px;}

#pageContent h1{font-size:2.8em; font-weight:normal; color:#253151; letter-spacing:-0.04em; margin-bottom:0.8em; //position: relative;}
#pageContent p, #pageContent li{font-size:1.2em; margin:1em 0; }

#subMenu{float:left; width:20%;  border-top:2px #ddd solid; margin-right: 10px;}

.textContent{width:78%; display: table;}
.textContent li{padding-left:1em !important; background:url(/images/li.png) no-repeat 0 0.38em; }

.pagesBlock{padding:5px 0 10px 0; font-size:1.1em; color:#555;}
.pagesBlock a{ padding: 2px 4px; margin-left:5px; border:1px #ddd solid;}
.pagesBlock span{ padding: 2px 4px; margin-left:5px; border:1px #00488c solid; background:#00488c; color:#fff;}

.tableContent {}
.tableContent table{width:100%; border-collapse:collapse; background:#fff;}
.tableContent th{background: url(/images/th-bg.png) bottom repeat-x #1a4771; color:#fff; border-bottom: 2px #1a4771 solid; white-space:nowrap;}
.tableContent th a{color:#fff;}
.tableContent td a{white-space:nowrap}
.tableContent .sold td, .tableContent .sold td a  {text-decoration:line-through; color:#999;}
.tableContent .sold td img  {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; 	-khtml-opacity: 0.5; opacity: 0.5;}
.tableContent td img {float:left;}
.tableContent td img + img {margin-left:5px; display:inline;}
.tableContent th.addInfo * {width:35px !important; display:block;}
.tableContent th, .tableContent td{font-size:1.2em; padding:3px 6px; text-align:left; }
.tableContent .odd td{background:#f1f1f1;}
.tableContent .tableWrapper{border:1px #eee solid; padding:3px; width:98%; display:table; background:#fff; position:relative;}
.tableContent .highLight {background:#c5dbf0 url(/images/highLight.png) 0 -5px repeat-x !important;}
.tableContent .highLight td{background:none !important;}
.tableContent .asc {background:url(/images/arrowAsc.png) right no-repeat; padding-right:11px; margin-right:-11px;}
.tableContent .desc {background:url(/images/arrowDesc.png) right no-repeat; padding-right:11px; margin-right:-11px;}

#tiesersCol{background:#f1f1f1; width:250px; float:right; text-align:center; padding-bottom:20px; position: relative; margin-left:-200px }
#tiesersCol img{margin-top:20px;}

#loginForm{ position:absolute; top:0; left:238px; width:165px; background: url(/images/login-bg.png) bottom repeat-x #fff; padding:10px 15px 5px 15px; border:3px #1a4771 solid; font-size:1.1em;}
#loginForm label{display:block; color:#777;}
#loginForm input{margin-bottom:6px; font-size:1.2em; width:155px;}
#loginForm input#loginSubmit{margin-right:15px; width:auto;}
#closeLoginForm{float:right; margin-top:-8px; margin-right:-8px}

#loginPageForm label{display:block; font-size:0.8em; color:#777; float:left; width:6em; text-align:right; margin-right:0.5em; padding-top:0.4em;}
#loginPageForm {width:300px; margin:10px auto; border:1px solid red; padding:20px 15px; font-size:1.6em; border:3px #1a4771 solid; background:url(/images/login-bg.png) bottom repeat-x;}
#loginPageForm input{margin-bottom:10px;}
#loginPageForm input#loginPageFormSubmit{margin-left:5.5em; margin-bottom:0;}
#loginPageForm .errorMessage{font-size:0.85em; background:#ffdf3a; padding:0.3em 0.6em; margin-top:0; font-weight:bold;}

.helpNote{font-style:italic; color:#555;}
#car_form .tabs{height: 20px; font-size:0.9em;}
#car_form span.tab{cursor:pointer; background:#ddd; padding:0 0.6em; color:#222; float:left; border-right:1px #fff solid; border-top:1px #eee solid}
#car_form span.active{font-weight:normal; background:#fff !important; color:#000 !important;}


#moreCarInformation{ font-size:1.2em; border:3px #ddd solid; border-top-size: 2px; padding:0 10px 0 0px; min-width:55em; //position:relative;}
#moreCarInformation #tabContent {margin:10px; padding-top:0 !important;}
#moreCarInformation #tabContent input, #moreCarInformation #tabContent select {margin-bottom:0;}
#moreCarInformation  #tabContent h2 {font-size:1.2em; margin-bottom: 1em; margin-top:0;} 

#tabContent td{vertical-align:top; padding:0 20px 0 0;}
#tabContent table{width:100%;}
#tabContent{display:table; _position: relative; _zoom:1; //padding-bottom:25px;} 

#pics_div .wrapperAllImages {}
#pics_div .wrapperAllImages div.picBlock{float:left; margin:0 15px 10px 0; width:192px; height:160px}
#pics_div .wrapperAllImages div.picBlock .actionsBlock img{width:16px; height:16px;}
#pics_div .wrapperAllImages div.picBlock .actionsBlock {top:-27px;  height:22px; position:relative; z-index:10; padding:0 5px; margin-bottom:-22px;}
#pics_div .wrapperAllImages div.picBlock .upImageIcon {float:left; margin-right:3px;}
#pics_div .wrapperAllImages div.picBlock .downImageIcon {float:left;}

#pics_div .wrapperAllImages div.picBlock .deleteImageIcon {float:right;}
#pics_div .wrapperAllImages div img{border:1px #ddd solid;}

.mainCarPic{float:left; margin:0 20px 0 0; border:1px #ddd solid;}
.carDescriptionContent h2{ margin-bottom:1em; font-size:2em}
#commonDescriptionInfo{float:left; width:70%; background: url(/images/login-bg.png) bottom repeat-x #fff;}
#commonDescriptionInfo li{margin:0.3em 0; font-size:1.4em;}
#helpDesc{float:left; width:23%;  padding:5px 15px; margin-top:-30px}
#helpDesc h3{ font-size:1.6em; margin-top:0.5em}
#helpDesc img{ float:left; margin:0 10px 15px 0;}
.red{color:#f00;}

.carInfoBlock{border:1px #ddd solid; clear:both; padding:5px 10px; margin-top:10px; display:table; width:68%;}
.carInfoBlock h3{ font-size:1.6em; padding-top:1em; margin-bottom:0.8em; clear:both;}
.carInfoBlock ul{float:left !important; width:40%;  display:table;}
.carInfoBlock ul.first{margin-right:10%; _margin-right:5%;}

.carInfoBlock li{border-top:1px #eee solid; padding-bottom:0em; padding: 0.5em; margin:0 !important; display:table; width:99%}
.carInfoBlock span{float:left; }
.carInfoBlock span.value{float:right !important;  font-weight:bold;}
.important{font-weight:bold;}

.carInfoBlock.photos img{ margin:10px 15px 5px 0; border:1px #ddd solid;}

.carInfoBlock.photos { width:auto;}
.carInfoBlock.similar { position: absolute; width:auto; right:5%;  border:0px #1a4771 solid; margin-top:-50px;}
.carInfoBlock.similar ul { width:auto; float:right;}
.carInfoBlock.similar li { border:none;}

#counters{position: absolute; bottom:0}

.button{line-height: 48px; background:url(/images/button.png) center 0 no-repeat; display:block; color:#fff; font-size:100%; text-decoration:none; float:left; width:176px; text-align:center; text-transform: uppercase; margin-left:-10px;}
.button:hover{color:#fff; background-position:0 -48px}