* {margin:0; padding:0;}
body { background:#FFFFFF none repeat-x scroll top left; margin:0 auto; padding:0; font-family:Arial, Helvetica, sans-serif;}
a img{border: none !important;}


/* wrapper */
div#wrap {width:90%; margin:0 auto; padding:0 10px;}


/* header & nav */
div.header {margin: 0 auto; background: #444B60 url('../img/titlebg0.jpg') repeat-x scroll bottom left;}
.header_inner{
	background: url(../img/logo.jpg) right top no-repeat;
}
div.nav {padding: 0; margin: 0 auto; width: 90%;}
div.title {padding: 50px 20px; margin: 0 auto;}
div.innertitle {width: 90%; margin: 0 auto;}
div.nav ul {list-style: none; padding: 0 0 0 10px; margin: 0; position: relative;}
div.nav ul li {display: inline; float: left; margin: 0 5px;}
div.nav ul li a, div.nav ul li a:visited {float: left; text-decoration: none; color: #FFFFFF; font-weight: normal; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; border: none;}
div.nav ul li a span {padding: 10px 20px; display: block;}
div.nav ul li.active a span{
	background:transparent url('../img/nav-bg-l.png') no-repeat scroll top left;
	color:#242833;
}
div.nav ul li.active a{
	background:#FFFFFF url('../img/nav-bg-r.png') no-repeat scroll top right;
}


/* headers */
.logo, .slogan {text-align: left; color: #FFFFFF;}
.logo {font-size: 2.8em; padding-left: 10px; text-transform: uppercase; letter-spacing: 10px; font-family: Georgia, "Times New Roman", Times, serif;}
.logo a, .logo a:hover, .logo a:visited {text-decoration: none; color: #FFFFFF; border-bottom: none;}
.slogan {padding: 0 0 10px 10px; font-size: 0.9em; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 1px;}
h1 {font-size: 1.5em; font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif; font-weight: normal; color: #333333; margin-bottom: 1em;}
h2{font-size: 1.2em; font-family: 'Lucida Sans Unicode', 'Lucida Grande', verdana, sans-serif; font-weight: normal; color: #333333;}
h4 {color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: normal; padding: 5px 5px 5px 10px; border-left: 10px solid #164773;}


/* element defaults */
p { margin-bottom:20px; line-height:1.7em;	font-size:0.95em; color:#333333;}
ul {padding:0 0 20px 35px;}
code { border:1px solid #222631;border-left-width:10px;background-color:#ffffff; display:block; padding:10px; margin:10px 0;}

/* default forms */
form {}
form input, form textarea {border: 2px solid #dddddd; padding: 5px; color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em;}
form input.formbutton {background: #5E008D url('../img/titlebg0.jpg') repeat-x scroll bottom left; color: #ffffff; font-size: 0.9em; border: 1px solid #220033; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;} 

/* default tables */
table {width: 100%; margin-bottom: 10px;}
table tr th, table tr td {padding: 5px 10px;}
table tr th {background: #5E008D url('../img/titlebg0.jpg') repeat-x scroll bottom left; color: #ffffff;}
table tr td {border-bottom: 1px solid #dddddd;} 

/* default links */
a {color: #262A36; border-bottom: 1px solid #3B4154; text-decoration: none;}
a:visited {color: #262A36;}
a:hover {color: #3B4154;} 

/* centeral page */
div.page {margin: 0 0 0 11px; background-color: #FFFFFF; padding: 10px 10px 0 10px;}
div.page ul {list-style: square; font-size: 0.95em;}
div.page ul li {padding: 3px 0;} 

/* content */
div.content {width: 65%; float: left;} 

/* sidebar */
div.sidebar {width: 30%; float: right;}
div.sidebar ul {list-style: none; padding: 10px 10px 25px 10px;}
div.sidebar ul li {padding: 7px 0;}
div.sidebar ul li a {text-decoration: none; font-size: 1.2em;} 

/* footer */
div.footer {clear: both; margin-top: 10px; border: 3px solid #DCDCDB; border-bottom: none; background: #164773; padding: 20px 0;}
div.footer p {text-align: center; color: #ffffff; margin: 0; padding: 0; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif;}
div.footer p a {color: #ffffff; text-decoration: none; border-bottom: none;}
div.footer p img {}

/* search form */
form.searchform {padding-top: 10px;} 

/* misc classes */
*:focus {outline: none;}
.clear {clear: both;}


/* BAS Promo data */
.img-repl { text-indent: -9990px; overflow: hidden; display: inline-block; }
a.img-repl { width:120px; height:8px; background: url(../img/baspromo.png) no-repeat 0% 0%; }

/* Form style */
.feedback_form{}
.feedback_form form {
	width: 100%;
	overflow: hidden; /* обрезаем выступы за форму (в частности в ие6 неправильно расчитанный width для div) */
	padding: 2px; /* небольшой отступ чтобы не обрезалась подсветка input в фокусе в Safari и Chrome */
}
.feedback_form .form_field {
	float: left; /* чтобы не было проблем с отступами между блоками */
	width: 100%; /* чтобы блоки не встраивались в одну строку */
	margin-bottom: 5px; /* расстояние между блоками */
}
.feedback_form label {
	float: left; /* делаем метки плавающими и фиксированной ширины чтобы выровнять их по одному уровню */
	width: 25%;
	text-align: right;
	position: relative; /* выравниваем тексты меток и полей по одному уровню */
	top: 2px; /* отступ сверху подбираем в зависимости от размера шрифта и дизайна полей */
	margin-right: 5px; /* чтобы к меткам не прилипали поля */
}
.feedback_form label .form_required{
	font-weight: bold;
	color: red;
}
.feedback_form textarea, .feedback_form input[type=text], .feedback_form input[type=password], .feedback_form .formText {/* оформление для полей типа text и password */
	width: 60%;
	background: #fff; /* обязательно указываем цвет фона (или ставим его none), т.к. в браузере могут быть свои значения по умолчанию */
	border: 1px solid #7f9db9; /* цвет бордюра */
	height: 1em !important; /* явно задаем высоту, для кроссбраузерности */
}
.feedback_form textarea{
	height: 10em !important;
}
.feedback_form .form_buttons{
	text-align: center;
	margin-top: 1em;
}
.feedback_form button {/* оформление для кнопки submit */
	cursor: pointer; /* меняем указатель для кнопки */
	padding: 5px 1em;
}

/*Marks style */
.marks_item{
	width: 50%;
	height: 100px;
	text-align: center;
	float: left;
	margin-bottom: 1em;
}
.marks_item a{text-decoration: none;}
.marks_item a img{
	border: none;
	max-width: 90%;
	max-height: 100px;
}

/* Models style */
#models_list{margin-bottom: 1em; float: left; width: 100%; font-size: 1.2em;}
#models_list ul{list-style: none; margin: 0; padding: 0;}
#models_list ul li{float: left; margin: 0 .5em 0 0; padding: 0 0 0 .5em; border-left: solid 1px gray;}
#models_list ul li.first{border: none;}

.model_item{
	margin-bottom: 1em;
	float: left;
	width: 33%;
	height: 250px;
	text-align: center;
}
.model_item a{
	text-decoration: none;
	border: none;
}
.model_item_images{
	width: 150px;
	float: left;
}
.model_variants{
	margin-left: 160px;
	min-height: 190px;
	clear: right;
}
.model_variants_table, #model_variants_table{
	width: 100%;
	font-size: 70%;
	text-align: center;
}
.no_image{
	display: block;
	border: solid 1px #444B60;
	color: #444B60;
	text-align: center;
	height: 100px;
	width: 50%;
	margin: 0 auto;
	font-size: 80%;
}

/* Model images style */
#model_images{
	width: 180px;
	float: left;
}
#model_images a{
	text-decoration: none;
	border: none;
}
#model_variants_table{
	margin-left: 180px;
	width: 80%;
}
.model_images{width: 100%;}
.model_image_big{}
.model_image_big img{
	width: 150px;
}
.model_images ul{
	list-style: none !important;
	width: 100%;
}
.model_images ul, .model_images ul li{
	margin: 0;
	padding: 0;
}
.model_images ul li{
	float: left;
	width: 24%;
	margin-right: 1%;
}
.model_images ul li img{
	cursor: pointer;
	width: 100%;
}