/*
	Contents:
		0. Common styles
		1. Header
		2. Information block
		3. Content block
		4. Footer

	Font sizes:
		10px = 0.83em
		11px = 0.917em
	  > 12px = 1em
		13px = 1.083em
		14px = 1.167em
		15px = 1.25em
	    16px = 1.33em
	    18px = 1.5em
		20px = 1.67em
	
	Colors:
		text: #404040
		link normal: #396a8a
		link hover: #d74e7c
		grey light: #e2e2e2
		pink dark: #973757
		red: ed2703
*/




/*============================
       0. Common styles
-----------------------------*/

* {
	font-size: 100.01%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	background: #ffffff;
	color: #404040;
	line-height: 1.4em;
}


/* Default links */

a:link, a:active, a:visited {
	color: #396a8a;
}
a:hover {
	color: #d74e7c;
}


/* Usefull styles */

.f_left {
	float: left;
}
.f_right {
	float: right;
}
.text_orange {
	color: #ff730c;
}
.nobullets {
	list-style: none;
}
.clear {
	clear: both;
	font-size: 0;
	overflow: hidden;
}	


/* Base structure blocks */	
.top_block {
	width: 100%;
	clear: both;
	overflow: hidden; 
 
}


.main_block {
	width: 100%;
	clear: both;
	overflow: hidden;
	border-bottom: #d7d7d7 solid  1px;
}
.main_blocknb {
	width: 100%;
	clear: both;
	overflow: hidden;
}
.left_column {
	width: 63%;
	float: left;
	zoom: 1;
	
	/*background: #CCF;*/
}
.right_column {
	width: 250px;
	margin: 0 20px 0 50px;
	float: left;
	zoom: 1;
	
	
	/*background: #CCC;*/
}

#header  .right_column {
	width: 315px;
	margin: 0 0 0 50px;
	float: left;
	zoom: 1;
	 
	
	/*background: #CCC;*/
}

#header  .topcontacts {
	margin-top:15px;
	 text-align:right;
	 height:86px;
	 
	/*background: #CCC;*/
}
.topcontacts{
	line-height:22px;
	
}
 .topcontacts .e
 {
 	font-size:1.1em;
	color:#000; 
	font-weight:700;
	 padding-right:5px;
 }
 .topcontacts .pr
 {
 	font-size:1.3em;
	color:#000;  
 }
 
  .topcontacts .ph
 {
 	font-size:2.2em;
	color:#000; 
	font-weight:700; 
	letter-spacing:2px;
 }
 
  .topcontacts .gr
 {
 	font-size:1.1em;
	color:#000; 
	 
 }
.spacer {
	position: absolute;
	width: 18px;
    height: 100%;
	_height: 1000em;
	left: 63%;
	/*margin-left: 20px;*/
	border: #d7d7d7 solid 1px;
	border-top: 0px;
	border-bottom: 0px;
	background: #d7d7d7;
	zoom: 1;
}
	.spacer .inside_block {
		height: 100%;
		width: 16px;
		border: #FFF solid 1px;
		background: #e2e2e2;
		zoom: 1;
	}
	
	
/*   Rounded corners   */	

.rounded {
	position: relative;
	padding: 10px 0;
	overflow: hidden;
}
	.rounded .container {
		padding: 5px 15px;
	}
	.rounded .cn {
		position: absolute;
		width: 18px;
		height: 18px;
		left: -9px;
		top: -9px;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/c_rounded_18px.png', sizingMethod='noscale');
	}
	html:root .rounded .cn {
		background: url(../img/c_rounded_18px.png);
	}
	.rounded .cn.tr, .rounded .cn.br {
		margin-left: 100%;
	}
	.rounded .cn.bl, .rounded .cn.br {
		top: auto;
	}


/*   Text formating   */

p {
	margin-bottom: 1em;
}
h1 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 1.7em;
}

h2 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 1.5em;
}

h3 {
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight: normal;
	font-size: 1.4em;
}

h4 {
	margin-top: 1em;
	font-weight: bold;
	font-size: 1.2em;
}
h5 {
	margin-top: 1em;
	font-weight: bold;
	font-size: 1em;
}
h6 {
	margin-top: 1em;
	font-weight: normal;
	font-style: italic;
	font-size: 1em;
}

/*   Form's elements   */

input, textarea, select {
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: #ffffff;
	border: #c0c0c0 solid 1px;
	color: #404040;
}
.req {
	margin-left: 0.3em;
	font-weight: bold;
	color: #d74e7c;
}
.form_row {
	margin-bottom: 1em;
	clear: both;
}

button {
	position: relative;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	border: 0;
}
	button span {
		display: block;
		height: 27px;
		float: left;
		line-height: 24px;
		white-space: nowrap;
	}
	button .btn_leftside {
		padding-left: 15px;
		background: url(/im/button.png) left 0 no-repeat;
		/*_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/im/button.png', sizingMethod='crop');*/
	}
	button .btn_title {
		padding-right: 15px;
		background: url(/im/button.png) right -30px no-repeat;
	}
	button:hover .btn_leftside {
		background: url(/im/button.png) left -60px no-repeat;
	}
	button:hover .btn_title {
		background: url(/im/button.png) right -90px no-repeat;
	}






/*=====================
       1. Header
----------------------*/

#header {
	position: relative;
	clear: both;
	overflow: hidden;
	zoom: 1;
	/*border:1px solid red;*/
	height:90px;
}

#bottext {
	position: relative;
	clear: both;
	overflow: hidden;
	zoom: 1; 
	
}
 
#bottext  .left_column {
	 
	width:100%;
	 
	 
} 
#bottext  .left_column .text{
	 margin-top:20px;
	margin-left:20px;
	  margin-right:20px;
	 
	 
} 


#catheader {
	position: relative;
	clear: both;
	overflow: hidden;
	zoom: 1; 
	
}




#catheader .left_column {
	 
	width:365px;
	
	 
} 
#catheader .content {
	position: relative;
	margin-left: 52px;
	width:335px; 
 
} 
 
#catheader .catalog  a{
	padding-left:25px;
	background-image:url('/im/b.jpg');
	background-repeat:no-repeat;
	background-position:0px 0px;
	line-height:25px;
	font-size:1.1em;
	font-weight:700;
	 color:#000;
	 text-decoration:none;
} 

#catheader div.right_column {
	position: relative;  
	width:63%;
	margin-left:0px;  
}

#catheader .splash { 
	position: relative;  
	margin:0px;
	text-align:left;
}


#lineheader {
	position: relative;
	clear: both;
	overflow: hidden;
	zoom: 1; 
	height:22px;
}

#menuheader {
	position: relative;
	clear: both;
	overflow: hidden;
	zoom: 1; 
	height:80px;
}

.content .rur
{
	color:#560d1e;
	font-size:22px;
}
.content .gar
{
	color:#560d1e;
	font-size:20px;
	width:150px;
	line-height:30px;
	padding-top:20px;
}
.content .status
{
	color:#560d1e;
	font-size:14px;
	text-transform:lowercase;
}



#menuheader .left_column {
	 
	width:365px;
	 
} 
#menuheader .content {
	position: relative;
	margin-left: 52px;
	width:335px;
	height:80px; 

} 

#menuheader #s_text {
 	width:211px;
	height:20px; 
	margin:0px; 
	padding:0px;
	border:0px;
	background-image: url('/im/sf.jpg');
	background-repeat:no-repeat;
	vertical-align:bottom;
	padding-top:2px;
padding-left:2px;
} 
#menuheader table.s td {
vertical-align:top;
} 
#menuheader #s_sub {
 	width:20px;
	height:20px; 
	margin:0px; 
	padding:0px;
	border:0px;
	background-image: url('/im/s_but.jpg');
	background-repeat:no-repeat;
 
} 

#menuheader .right_column {
	position: relative; 
	height:80px;
	width:63%;
	margin:0px;
	text-align:right;
	 
}

#lineheader .content {
	position: relative;
	margin-left: 52px;
	height:20px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
}
 #lineheader .left_column
 {
 	width:365px;
 }
#lineheader .right_column {
	position: relative; 
	height:20px;
	width:63%;
	margin:0px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	color:#000;  
	white-space:nowrap;
	line-height:20px;
	font-style: italic;
	text-align:right;
	font-size:1.1em;
	font-weight:700;
}
#menuheader .space_block {
	position: absolute;
	width: 30px;
	height:90px;
	left: 0;
	 
}	
#lineheader .space_block {
	position: absolute;
	width: 30px;
	height:22px;
	left: 0;
	 
}	

#header .space_block  {
	position: absolute;
	width: 30px;
	height:90px;
	left: 0;
	padding: 0px;
	/*
	border-right: #d7d7d7 solid 1px;
	border:1px solid green;
*/
}	

#header .logo_block {
	position: absolute;
	width: 139px;
	left: 0;
	padding: 0 20px;
	border-right: #d7d7d7 solid 1px;
	
	 background: #9C6; 
}	
 

	#header .logo_block a {
		display: block;
		height: 100%;
		padding-top: 8em;
		padding-bottom: 200em;
		font-family: "Times New Roman", Times, serif;
		text-decoration: none;
		font-size: 1.7em;
	}
		#header .logo_block a .left {
			display: block;
			text-align: left;
		}
		#header .logo_block a .right {
			display: block;
			text-align: right;
		}

#header .content {
	position: relative;
	margin-left: 52px;
}
	#header .content .title {
		margin: 0 0 2em 20px;
	}
		#header .content .title h1 {
			margin-top: 2em;
			font-size: 1em;
			font-weight: bold;
		}
	#menuheader #main_menu {
		margin-bottom: 2em;
		overflow: hidden;
		zoom: 1;
		float:right;
		margin-top:15px;
	}
	
		#menuheader .searchform {
		margin-bottom: 2em;
		overflow: hidden;
 
		margin-top:15px;
	}
		#menuheader #main_menu ul {
			padding-left: 1px;
			float: left;
			list-style-type: none;
			
			overflow: hidden;
			zoom: 1;
		}
		#menuheader #main_menu ul li {
			float: left;
		 font-size:1.1em;
		}
		#menuheader #main_menu ul li a {
			display: block;
			padding: 0 15px;
			line-height: 20px;
			text-decoration: none;
			font-weight:700;
		}
		#menuheader #main_menu ul li a:link, #menuheader #main_menu ul li a:active, #menuheader #main_menu ul li a:visited {
			color: #000;
		}
		#menuheader #main_menu ul li a:hover {
			color: #000;
		}
	#header .content .header_img {
		margin: 0px;
	}
	
#header .contacts {
	font-size: 1.7em;
}

/*================================
       2.2 Information block  
---------------------------------*/

#order_block {
	position: relative;
	clear: both;
	overflow: hidden;
	zoom: 1;
	height:200px; 
}
#order_block .left_column,#order_block .order_body {
 
	height:200px; 
}
#order_block .left_column {
	 
	width: 40%; 
	vertical-align:top;
}
#order_block .order_body {  
 
	margin-top:0;
	margin-left: 80px;  
}

#order_block .content {  
 
	height:200px;  
}
#order_block table
{
	border-spacing:5px;
	border-collapse:separate;
}
#order_block th{
	color:#a3ae21;
	font-size: 1.55em;
	height:50px;
	
	
}

#order_block td{
	 white-space:nowrap;
	
	
}
#order_block .ordersub
{
	background-image:url('/im/add.gif');
	background-position:left top;
	border:0px;
	width:90px;
	height:33px;
	padding:0px;
	margin:0px;
}

/*================================
       2. Information block  
---------------------------------*/
 
 
#info_block {
	position: relative;
	clear: both;
	overflow: hidden;
	zoom: 1;
	height:70px;
}

#info_block .page_header {
	position: absolute;
	width: 60%;
	bottom: 0;
	margin-right: 20px;
	margin-left: 52px;
	/*background-color: #996;*/
}
	#info_block .page_header .container {
		background-image: url('/im/t.jpg');
		background-repeat:no-repeat;
		background-position:0px 2px;
		position: relative;
		 
		overflow: hidden;
		float: left;
	}
		#info_block .page_header .container .textstart {
			padding: 0 20px 0 20px;
			float: left;
	 		line-height: 29px;
			color:#000;
			font-weight:700;
			font-size:1.1em;
		}
			#info_block .page_header .container .text {
			padding: 0 20px 0 20px;
			float: left;
	 		line-height: 29px;
			color:#000;
			font-size:1.7em;
		}	
		#info_block .page_header .container .textcat {
			padding: 0  20px 0 20px;
			float: left;
	 		line-height: 29px;
			color:#000;
			font-size:1.7em;
		}
		
		#info_block .page_header .container .right_side {
			width: 40px;
			height: 30px;
			float: left;
			margin-right: auto;
		}

#info_block .service_link {
	display: block;
	position: relative;
	margin: 20px 0;
	padding-left: 54px;
	background: url(../img/icon_service.jpg) left center no-repeat;
	line-height: 39px;
	*float: left;
	zoom: 1;
}
* html #info_block .right_column {
	padding-bottom: 20px;
}
#info_block .spacer .inside_block {
	background: #00416a;
}

/*============================
       3. Ware  block
-----------------------------*/
#ware_block {
	position: relative;
	padding-bottom: 40px;
	clear: both;
	overflow: hidden;
	zoom: 1;
}
#ware_block .left_column {
	padding-bottom: 20px;
	width:40%;
}
#ware_block #content {
	margin: 20px 20px 0 20px;
	
	/*background: #9CC;*/
}
#ware_block .right_column {
	 
float:left;
margin:0 20px 0 50px;
width:50%;
}


#ware_block .right_column .content {
padding-bottom:20px;
}
/*============================
       3. Page  block
-----------------------------*/
#page_block {
	position: relative; 
	clear: both;
	overflow: hidden;
	zoom: 1;
}
#page_block .left_column {
	padding-bottom: 0px;
}

#page_block .listing {
	margin: 0 !important;
	
	/*background: #9CC;*/
}

#page_block .listing table {
		width: 100%;
	}
		#page_block .listing table td {
		 	vertical-align: top;
		}
			#page_block .listing table td.empty {
				width:35px;
				border-bottom: 0;
			}
			#page_block .listing table td.pages {
			 	text-align: left; 
				/*background: #9CC;*/
			}
				#page_block .listing table td.checkbox input {
					border: 0;
				}
			#page_block .listing table td.sort {
			      width: 170px;
				  white-space:nowrap;
				 
			}
			#page_block .listing table td.photo {
				padding: 0px 21px;
				width: 180px;
				text-align: center;
			}
/*============================
       3. Content block
-----------------------------*/

#content_block {
	position: relative;
	padding-bottom: 40px;
	clear: both;
	overflow: hidden;
	zoom: 1;
}
#content_block .left_column {
	padding-bottom: 20px;
	 
}
#content_block #content {
	margin: 20px 20px 0 20px;
	
	/*background: #9CC;*/
}
	#content_block #content ul, #content_block #content ol {
		margin-left: 3em;
		margin-bottom: 1em;
	}


/*   Listing   */

#content_block .listing {
	margin: 0 !important;
	
	/*background: #9CC;*/
}
	#content_block .listing table {
		width: 100%;
	}
		#content_block .listing table td {
			border-bottom: #d7d7d7 solid 1px;
			vertical-align: top;
		}
			#content_block .listing table td.empty {
				border-bottom: 0;
			}
			#content_block .listing table td.checkbox {
				padding: 15px 5px;
				text-align: center;
				
				/*background: #9CC;*/
			}
				#content_block .listing table td.checkbox input {
					border: 0;
				}
			#content_block .listing table td.info {
				padding: 15px 20px 15px 0;
				border-right: #d7d7d7 solid 1px;
				/*background: #9CC;*/
			}
			#content_block .listing table td.photo {
				padding: 15px 20px;
				width: 160px;
				text-align: center;
			}
	#content_block .listing .info div {
		margin-bottom: 0.7em;
	}
	#content_block .listing .info .item_name {
	 	font-size: 1em;
	}
		#content_block .listing .info .item_name h2 {
	 	font-size:1em; 
		margin:0;
	}
	#content_block .listing .info .item_name a{
		font-weight: bold;
		font-size: 1.2em;
	}
	#content_block .listing .info .item_model a{
	 	font-size: 1.5em;
		text-decoration:none;
	}
	#content_block .listing .info .descr {
		font-size: 0.9em;
		color: #777;
	}
	#content_block .listing .info .price {
		font-weight: bold;
		font-size: 1.2em;
		color: #973757;
	}
	#content_block .listing .info .link {
		text-align: right;
	}
		#content_block .listing .info .link a {
			padding-right: 12px;
			background: url(/im/icon_arrow_small.gif) right 0.45em no-repeat;
		}


/*   Item info page   */

#content_block .item_info {
	margin-top: 40px !important;
}
	#content_block .item_info .gallery {
		width: 200px;
		margin-right: 40px;
		padding-top: 10px;
		float: left;
	}
		#content_block .item_info .gallery .photo {
			text-align: center;
		}

	#content_block .item_info .price_block {
		padding-top: 10px;
		float: left;
	}
		#content_block .item_info .price_block .price {
			font-size: 1.25em;
			color: #973757;
		}
		#content_block .item_info .price_block .price ins {
			font-size: 1.3em;
			font-weight: bold;
			color: #999;
			text-decoration: none;
		}
		#content_block .item_info .price_block .info {
			padding-top: 1em;
			font-size: 1.25em;
			color: #973757;
		}
        #content_block .item_info .price_block .info .warranty {
            text-transform: uppercase;
        }
        #content_block .item_info .price_block .preview {
			margin-top: 160px;
		}
			#content_block .item_info .price_block .preview ul {
				list-style-type: none;
                margin-left: -20px !important;
			}
				#content_block .item_info .price_block .preview ul li {
					margin: 0 10px;
					float: left;
				}


	#content_block .item_info .descr {
		padding-top: 20px;
		clear: both;
	}


/*   Feedback   */

#content_block .feedback .form {
	margin-top: 20px;
	padding: 20px;
	background: #ececec;
}
#content_block .feedback .form .form_row {
	position: relative;
}
	#content_block .feedback .form label {
		display: block;
		width: 125px;
		padding-top: 0.2em;
		padding-right: 15px;
		float: left;
	}
	#content_block .feedback .form input, #content_block .feedback .form textarea {
		width: 50%;
	}
	#content_block .feedback .form button {
		margin-left: 140px;
		background: #ececec;
	}


/*   Right column blocks   */

#content_block .right_column .content {
	padding-bottom: 20px;
}
#content_block .side_block {
	margin-top: 40px;
	background: #ececec;
}
	#content_block .side_block.order h3 {
		margin-top: 0;
		font-weight: bold;
	}
	#content_block .side_block.order label {
		display: block;
		margin-bottom: 0.2em;
	}
	#content_block .side_block.order input, #content_block .side_block.order textarea {
		width: 210px;
	}
	#content_block .side_block.order button {
		background: #ececec;
	}
    #content_block .side_block .container ul, #content_block .side_block .container ol {
         margin-left: 1.7em;
         margin-bottom: 1em;
    }




/*============================
       4. Footer block
-----------------------------*/

#footer {
	position: relative;
	clear: both;
	overflow: hidden;
	zoom: 1;
}
#footer .spacer .inside_block{
	border-top: 0;
}
	#footer .copyright {
		height: 16px;
		padding: 0 20px;
		border-top: #fff solid 1px;
		border-bottom: #fff solid 1px;
		background: #e2e2e2;
	}
		#footer .copyright div {
			font-size: 0.8em;
			line-height: 16px;
		}
		#footer .copyright .right {
			float: right;
		}
		#footer .copyright .left{
			margin-right: auto;
			text-align: center;
		}

.counters {
    display: none;
}

p.message {
	margin-top: 2em;
	font-weight: normal;
	color: #666666;
}

.error {
	position: relative;
	margin: 1em 0;
	padding: 1em 1em 0 0;
	clear: both;
	overflow: hidden;
	background-color: #FFEDEA;
	border: #FFCBC1 solid 1px;
	font-size: 1em;
	color: #5B0E00;

}
	.error strong {
		position: absolute;
		top: 20;
		left: 0.3em;
		_left: -0.55em;
		display: block;
		float: left;
		font-size: 2.8em;
		color: #FFA291;
	}
	.error ul {
		list-style: none;
	}
.success {
	position: relative;
	margin: 1em 0;
	padding: 1em;
	clear: both;
	overflow: hidden;
	background-color: #E9FBE6;
	border: #BFF3B6 solid 1px;
	font-size: 1em;
	color: #003300;
}