@import "main.css";
/*form elements
--------------------------------------------*/
#main-title h1 { 
	margin-left:18px;
	}
#navigation #page-title {
	left:18px;
	}
#make-order {
		border:1px solid #9fb5cd;
		
		margin-right:36px;
		position:relative;
		}
			.f-inner {
			padding:0 14px 15px 15px;
			}
			
.form-inner {
	padding:40px 30px 16px 20px;
	}

#form-layout {
	width:100%;
	position:relative;
	}
	#form-layout  td {
	padding-bottom:8px;
	}
.title-field {
	width:15em;
	}	
#make-order label {
	padding:3px 0 0;
	display:block;
	}
.required {
	color:#c00;
	}
.long-field,
.small-field,
.medium-field  {
	width:95%;
	padding:2px 0 0;
	height:1.3em;
	font:100% Arial, Helvetica, sans-serif;
	}
.medium-select {
	width:60%;
	height:1.5em;
	font:100% Arial, Helvetica, sans-serif;
	}
	optgroup {
	background:#FFF;
	font:bold 100% Arial, Helvetica, sans-serif;
	}
.small-field {
	width:5em;
	}
.medium-field {
	width:9em;
	}
.long-area {
	overflow:hidden;
	height:6em;
	width:95%;
	}
.note {
	margin:5px 0 5px;
	color:#68839f;
	width:90%;
	font:79% Tahoma, Geneva, sans-serif;
	}
.ok {
	margin:0 0 20px;
	font-size:130%;
	color:#2a900e;
	}
.error {
	margin:0 0 20px;
	font-size:130%;
	color:#dd1a1a;
	}
.req-descr {
color:#c00;
font-size:79%;
width:13em;
}
#submit-button {
	border:none;
	background:none;
	cursor:pointer;
	width:152px;
	}
	#submit-button img {
	width:149px;
	height:65px;
	cursor:pointer;
	color:#80a7bd;
	}
#parameters {
	float:none;
	width:95% !important;
	}
	#parameters  fieldset {
	z-index:100;
	position:static;
	width:100%;
	border:1px solid #c00;
	}
	#parameters  fieldset legend {
		color:#c00;
		}

/*.par-top-corners div {
	position:relative; 
	background-repeat:no-repeat;
	background-image:url(../im/par-corners.gif); 
	overflow:hidden;
	width:4px; 
	height:4px;
	z-index:10; 
	}
.par-top-corners .left-corner {
	background-position: left top;  
	bottom:-6px;
	
	float:left;
	}
.par-top-corners .right-corner {
	background-position: top right; 
	bottom:-6px;
	right:-3px;
	float:right;
	}*/
#make-order	.rounded-border .corner div {
	background:url(../im/cars-corners.png) no-repeat;
	}
#make-order	.rounded-border .corner{
	width:4px;
	height:4px;
	}
#make-order .rounded-border.layout-top .corner.left {
	margin-left:-1px;
	top:-1px;
	display:inline;
	}
#make-order .rounded-border.layout-top .corner.right {
	top:-1px;
	margin-right:-1px;
	}
#make-order .rounded-border.layout-bottom { margin-left:-1px; }
#make-order .rounded-border.layout-bottom .corner.right {
	bottom:-1px;
	margin-right:-1px;
	}
#make-order .rounded-border.layout-bottom .corner.left {
	bottom:-1px;
	}
#make-order .rounded-border.layout-top .corner.right div {
	left:-4px;
	top:0;
	}
#make-order .rounded-border.layout-bottom .corner.right div{
	left:-4px;
	top:-4px;
	}
#make-order .rounded-border.layout-bottom .corner.left div{
	left:0;
	top:-4px;
	}
#parameters .rounded-border .corner div {
	background:url(../im/par-corners.png) no-repeat;
	}
#parameters .rounded-border.layout-top .corner.left {
	top:-7px !important;
	}
#parameters  .rounded-border.layout-top .corner.right {
	top:-7px !important;
	}
/*all about text
-----------------------------------------------*/
.inner-text {
	line-height:1.4em;
	margin:0 50px 20px 27px;
	}
.inner-text p {
		padding-bottom:15px;
		}
.inner-text ol,
.inner-text ul {
	margin:0px 0 10px 25px;
	}
	.inner-text ul ul,
	.inner-text ol ul,
	.inner-text ol ol,
	.inner-text ul ol {
	margin-top:10px;
	}
		.inner-text ol li {
		list-style-type:decimal
		}
		.inner-text ul li {
		list-style-type:disc;
		}
.inner-text table {
	font-size:100%;
	line-height:1.4em;
	padding:auto;
	}
	.inner-text table td {
	padding:7px 5px;
	}
#content-block {
min-height:300px;
margin-top:10px;
}
#content-block h1,
#content-block h2,
#content-block h3,
#content-block h4,
#content-block h5,
#content-block h6 {
	font:normal 100% Arial, Helvetica, sans-serif;
	color:#333;
	display: block;
	}
#content-block h2,
#content-block h1 {
	font-size:160%;
	color:#51687d;
	margin-bottom:15px;
	}
#content-block h3 {
	font-size:140%;
	margin-bottom:10px;
	} 
#content-block h4 {
	font-size:130%;
	margin-bottom:10px;
	} 
#content-block h5 {
	font-size:123%;
	margin-bottom:10px;
	}
#content-block h6 {
	font-size:100%;
	margin-bottom:10px;
	}
#content-block hr {
	background:#666;
	color:#666;
	height:1px;
	margin:10px 0;
	}
#content-block h2.title {
	float:left;
	width:350px;
	}
#content-block div.title-3 {
	font-size:116%;
	font-weight: bold;
	color:#333;
	}
#car-selection {
	margin-left:380px;
	}
	#car-selection select {
	width:70%;
	margin-top:5px;
	font:85% Arial, Helvetica, sans-serif;
	}
#big-photo {
	width:350px;
	margin-top:5px;
	float:left;
	min-height:251px;
	}
#order-info {
	margin:0 20px 0 380px;
	font-size:90%;
	line-height:normal;
	}
#order-price {
	font-size:180%;
	color:#f60;
	margin-bottom:10px;
	}
	#order-price strong {
	font-weight:normal;
	}
	#order-info #submit-button {
	margin:15px 0 0;
	display:block;
	}
.inner-text #thumbnails {
	margin-left:0;
	float:left; clear:left;
	width:350px;
	padding-bottom:30px;
	}
	.inner-text #thumbnails li {
		list-style-type:none;
		}
#thumbnails {
	margin:10px 0 0;
	position:relative;
	}
#thumbnails li {
	float:left;
	margin:0 2px 2px 0;
	display:inline;
	width:90px;
	height:60px;
	cursor:pointer;
	background:#787878;
	}
#thumbnails li.selected {
	cursor:auto;
	background:#51687d url(../im/plus.png) center center no-repeat;
	}
#parametrs-list {
	float:left;
	width:40%;
	min-height:200px;
	margin-top: 10px;
	}
	#parametrs-list .hr {
	background:#a6b1ba;
	height:1px;
	overflow:hidden;
	margin:0 0 10px 20px;
	}
#car-description {
	float:left;
	width:59.9%;
	font-size:90%;
	}
	#car-description .text {
	margin-left:30px;
	margin-right:20px;
	line-height:normal;
	}
.inner-text	#parametrs-list ul {
	margin-left:0;
	}
.inner-text	#parametrs-list ul li {
	list-style-type:none;
	padding: 0 0 0 20px;
	margin:0 0 5px;
	background:url(../im/dash.png) left 0.7em no-repeat;
	}
.inner-text	#parametrs-list ul li.separator {
	border-top: 1px solid #a6b1ba;
	margin: 12px 0 8px 20px;
	overflow: hidden;
	height: 1px;
}
/*classes list
----------------------------------------------*/
#classes-list {
	padding-right:35px;
	margin-top:30px;
	}
#classes-list li {
	font-size:0.9em;
	color:#51687d;
	margin-left:2px;
	padding:0 0 15px 16px;
	background:url(../im/cars-bullet.png) left 0.5em no-repeat;
	}	
	#classes-list li strong {
	float:left;
	display:block;
	width:8em;
	font-weight:normal;
	}
	
	#classes-list ul {
	margin-left:8em;
	}
		#classes-list ul li {
		width:auto;
		float:left;
		margin-left:0;
		border:1px solid #fff;
		margin-bottom:3px;
		padding:0 12px 0 10px;
		font-weight:bold;
		white-space:nowrap;
		background:url(../im/stick.png) right center no-repeat;
		}
		#classes-list ul li.last {
		background:none;
		}
		#classes-list ul li a {
		color:#1f5e97;
		}
		#classes-list ul li a:hover {
		
		color:#f60;
		}
#popup {
	width:215px;
	height:110px;
	border:1px solid #9fb5cd;
	background:#FFF;
	position:absolute;
	top:-5000px;
	z-index:1000;
	
	}
	#popup img {
	position:absolute;
	left:0;
	top:0;
	}

*:first-child+html #cars-list-corners .right-corner {right: 4px!important;}
*:first-child+html #cars-list-corners .left-corner {left: 4px!important;}
* html #cars-list-corners .right-corner {right: 7px;}
* html #cars-list-corners .left-corner {left: 7px;}