body 		{ background-color: #cecece; margin: 0;  padding: 0; font: normal 14px Verdana; color: #222;}
a 			{ color:#2289E2; text-decoration: none; 	outline: 0;  	border: 0; font-weight:normal;}
a img 		{ border: 0;}
a:visited 	{ color:#2289E2;}
a:hover		{ color:#2289E2; text-decoration: underline; }
h1,h2,h3,h4,h5,h6
			{ color: #778; font-family: Arial; font-weight:normal; letter-spacing:-1px;}
input		{ outline: 0; }

#main 	{ width: 1145px; margin: 0 auto; padding: 0; }
#page 	{ background: transparent url('gfx/background_main_bottom.png') top left repeat-y; height: 100%; text-align: justify; position: relative; z-index: 1;}
#top 	{ padding: 30px 0 0 0; background: transparent url('gfx/background_main_top.png') top left no-repeat; }
#header,
#content,
#footer	{ margin: 0 14px; position: relative; }

#catalogLogos {text-align:right; width:48px; list-style:none; position:fixed; top:130px; left:0; margin:0; padding:10px 5px 10px 0; background-color:white; border-radius: 0 8px 8px 0; z-index: 2;}

#header	{ background: transparent url('gfx/header_image.jpg') center center no-repeat; height: 136px;padding-top:150px;}
#footer	{ height: 50px;  z-index: 1; zoom:1; background-color:#F0F0F0; margin-top:50px; padding:10px;}

#logo	{ margin: -103px 0 0 30px; padding: 0; border: 0; float: left;}

#logo_text 	
		{ float: right; text-align: center; font: bold 18px Verdana; color: white; margin:-225px 11px 0 0 padding: 5px 15px; background-color: #000000;
			border-radius:8px;	-moz-border-radius:8px;	-webkit-border-radius:8px;
			opacity: 0.7; -ms-filter: 'alpha (opacity=70)'; filter: alpha (opacity=70);	
		}

#topMessage		{ color: white; font: normal 18px Arial; text-align: justify; z-index:100; margin:0; padding:20px 20px 0 20px; position:fixed; top: 50%; left:50%; width:460px; height:90px; margin-left:-250px;background-color:#000000; border-radius: 8px;}

#basket        {width:400px; color:#999; text-align:center; /*margin:0 23px 0 670px; z-index:0;*/background-color:#000;padding:10px;border-radius:6px;    top: 3.5em;
    right: 1em;
    z-index: 100; position:fixed;}
#basket a 	{ font: normal 13px Arial; 	color: #aaa; margin: 5px 10px; text-transform:uppercase; letter-spacing:-1px;}
#basket a:hover { color: #fff; text-decoration: none; }
#basket b    {color: #aab;font-size:1.2em;}

#main_menu_front	{ height: 30px; margin: -159px 0 0 11px; padding: 0; list-style: none; float:left; background-color: #fff; border-radius:4px;}
#main_menu_front li { display: block; float: left; margin: 0; padding: 7px 10px; }
#main_menu_front li a		{ display: block; 	text-decoration: none; 	outline-style: none; 	padding: 0; margin: 0; 	color: #555; font: normal 14px Arial; text-transform:uppercase; letter-spacing:-1px}
#main_menu_front li:hover a	{ color: #000000; }
#content{ height: 100%; padding-bottom: 100px; zoom: 0;}
#content { margin: 0px 40px 0 40px; 	padding: 0; 	min-height: 800px; 	position: relative; 	display: block; 	z-index: 8; }

#footer #counters 	{ float: left; padding: 0; margin: 12px 0 0 25px; width:200px; }
#footer_logo 		{ width: 364px; height: 236px; border: 0; float: right; margin: -219px 1px 0 0; padding: 0; display: block; z-index: 16; }
#copyright			{ padding: 14px 0 0 41px; margin:  0 0 0 100px; font: normal 10px Arial; color: #777777; }
#copyright a		{ color: #555555; }

#login_form					{ float: right; clear: right; width: 432px; margin: -160px -10px 0 0; padding: 0;
							}
#login_form .input			{ float: left; height: 32px; margin: 0 5px; padding: 0; }
#login_form .input .left	{ float: left; background: url('gfx/form_input_left.png') top left no-repeat; height: 29px;	width: 8px; margin: 0; 	padding: 0; }
#login_form .input .middle	{ float: left; background: url('gfx/form_input_middle.png') top left repeat-x; margin: 0; padding: 0; height: 29px; width: 80px; }
#login_form .input .right	{ float: left; background: url('gfx/form_input_right.png') top left no-repeat; 	margin: 0; padding: 0; 	height: 29px; width: 8px; }
#login_form input			{ background: transparent; 	border: 0; font: normal 11px Tahoma; margin-top: 7px; width: 80px; }
#login_form #login_button	{ float: left; background: url('gfx/login_button.png') top left no-repeat; 	width: 64px; 	height: 32px; 	margin: 0; 	padding: 0; cursor:pointer;}
#login_form #login_controls	{ text-align: center; 	width: 100%; 	height: 32px; 	margin: 10px 0 0 27px; 	padding: 0; }
#login_form #login_controls a	{ 	color: #ffffff; 	font: bold 12px Arial; }
#login_form .step			{ 	margin: 0 0 0 30px; 	padding: 0; }

#user_register				{  float:left;	 margin: 0;padding:0; background:url(gfx/button_register.png) -0 -2px; width:107px; height:33px;}

#form_register				{ text-align: center; 	width: 500px; 	margin: 0 auto; }
#form_register .line		{ margin: 0; padding: 5px 0; 	}			
#form_register .input		{ width: 140px; height: 32px; margin: 0 10px; }
#form_register .input .left		{ float: left; background: url('gfx/form_input_left.png') top left no-repeat; 	height: 29px; 	width: 8px; 	margin: 0; 	padding: 0;	}
#form_register .input .middle 	{ float: left; background: url('gfx/form_input_middle.png') top left repeat-x; margin: 0; padding: 0; height: 29px; width: 124px; }
#form_register .input .right	{ float: left; 	background: url('gfx/form_input_right.png') top left no-repeat; margin: 0; padding: 0; height: 29px; width: 8px; }
#form_register input		{ background: transparent; 	border: 0; font: normal 11px Tahoma; margin-top: 6px; width: 124px; }
#form_register .notice		{ font: normal 12px Arial; 	float: right; 	clear: both; 	width: 330px; text-align:left; }			
#form_register_submit 		{ width: 86px !important; height: 32px;}			
#user_register_form			{ background: #dddddd url('gfx/popup_window_background.png') top left repeat-x; 	-webkit-border-radius: 12px;  -moz-border-radius: 12px; border-radius: 12px; border: 1px solid; position: absolute; align: center; left: 50%; top: 50%; margin-left: -225px; margin-top: -225px; padding-top: -250px; width: 650px;  z-index: 100;}
#order_submit_form			{ background: #dddddd url('gfx/popup_window_background.png') top left repeat-x; border: 1px solid; 	position: absolute; align: center; left: 50%; top: 50%; margin-left: -325px; margin-top: -225px; padding-top: -250px; width: 650px; z-index: 80; border-radius:12px;	-moz-border-radius:12px;	-webkit-border-radius:12px; }

.dialog_close 				{ float: 	right; 	clear: 	both; 	margin: 5px 5px; 	width: 	18px; 	height: 18px; }
#user_profile 				{	float: right; 	margin: -153px 10px 0 0; padding: 0; }
#user_profile a				{ font:  normal 14px Arial; text-transform:uppercase; color: #555; padding: 4px 10px;  letter-spacing:-1px;}
#user_profile a:hover		{ color: #000; text-decoration: none; }
#black_wnd					{ position: fixed; top:0; left:0; right:0; bottom:0; background: #000000; opacity: 0.4; -ms-filter: 'alpha (opacity=40)'; filter: alpha (opacity=40); z-index: 16; }

.table_param tr:hover td 	{ background-color: #dddddd;	color: #000000;}
.table_param 				{ border-spacing: 0px; border-top: 1px solid black; border-bottom: 1px solid black; margin: 10px 0; padding: 0; width: 100%; text-align: left; font: normal 12px Verdana;}
.table_param thead 			{ color: #ffffff; background: #555555; font: 16px normal Arial; text-align: center;}
.table_param .class1		{ color: #888888; background: #ffffff;}
.table_param .class2		{ color: #777777; background: #eeeeee;}
.table_param td             { padding: 10px 5px;}

.page_counter { list-style: none; display:inline; }
.page_counter .selected {background:#777777; color: white;}

.fl_left { 	float: left; }
.cl_left {	clear: left; }
.fl_right{	float: right;}
.cl_right{	clear: right;}
.cl_both {	clear: both; }
.w_200	{	width: 220px; margin: 0; padding: 10px;}
.w_500	{ width: 500px; margin: -15px 0 0 10px;}
.order ul {margin: 0; padding: 0;}
.order li {	list-style: none; margin: 0 0 0 -20px; padding: 5px 0 0 12px; background: transparent url('gfx/li.png') center left no-repeat;}
.order_end {text-align: right; background: none;}
	
.warning	{ width:	64px; 	height: 64px; 	margin: 0; 	padding: 5px; 	border: 0; 	background: url('gfx/icon_warning.png') center center no-repeat; }
.done		{ width:	64px; 	height: 64px; 	margin: 0; 	padding: 5px; 	border: 0; 	background: url('gfx/icon_done.png')  center center no-repeat;  }

.page_counter {padding: 10px; margin: 0;}
.page_counter li {display: inline; list-style: none;}
.page_counter a  {margin: 0; padding: 2px 5px;}
.page_counter .selected a  { margin: 0; background: #555555; color: #ffffff !important; padding: 4px 8px; border-radius:4px;	-moz-border-radius:4px;	-webkit-border-radius:4px;}

.page_child { width: 250px; padding: 25px 45px; }
.page_child h3 a { color: #777777; }
.page_child img {border: 0;}

#navi_line		{ padding: 0; margin:0;}
.navi_line		{ list-style:none; font:normal 14px Arial; color:#aaa; }
.navi_line li 	{ display:inline; }
.navi_line a 	{ text-decoration:none; color:#555; font:normal 14px Arial; text-transform:uppercase; letter-spacing:-1px;}
.navi_line a:hover		{ text-decoration:none; color:#000;}

.icon_buy	{cursor: pointer; padding:0 20px;}


#main_doc li 		{ margin:0; 	padding: 25px; 	list-style: none; 	width: 270px; height:420px;	 	display: block;	float: left; }
#main_doc li:hover 	{border-radius:12px; border: 1px solid #ccd; padding: 24px;}
#main_doc li img	{ width:260px; 	padding: 5px 10px 5px 0; 	margin: 0; 	border: 0; }
#main_doc li h2		{ margin: 0; padding: 10px 0; 	font: bold 19px Arial; }
#main_doc p 		{ text-align:left;}
#main_doc a 		{ border:0; color: #4b4b4b; }

.page img { border:0; padding: 0 15px; }

#right_block			{	width: 320px; float: right; 	padding: 0 0 30px 30px; 	margin:0; }
#right_block ul			{	list-style: none; 	margin:0; 	padding:0; }
#right_block li			{ 	padding:5px 0 5px 10px; 	font: 14px normal Verdana; }
#right_block li:hover	{   color: #000000;         background-color: #dfdfdf;         border-radius:4px;}
#right_block a			{ 	color: #333333; font: 14px normal Verdana;}
#right_block a:hover	{	color:#000000; 	text-decoration: none; }

#order			{ width: 670px; background-color: #f5f5f5; margin-top: 30px; padding: 2px 20px 15px; border-radius:12px;	-moz-border-radius:12px;	-webkit-border-radius:12px;}
#order label	{ width: 400px; margin: 0; padding: 0; float: left;}
#order ul		{ list-style: none; margin: 0; padding:0; }
#order li		{ height: 38px;}
#order input, 
#order select	{ margin: 0 20px; width: 220px; margin: 5px;}
#order textarea { width: 660px; height: 200px;}
#car_submit 	{ height: 48px; }

.catalog {}
.catalogItem {width:312px; height:450px; float:left; text-align:center;margin:2px;padding:0 15px; border: 1px solid #e0e0f0;border-radius:12px;}
.catalogItem:hover {border: 1px solid #a0a0c0; background: #efefef;}
.catalogItem .empty {color:#b0b0c0; font:normal 18px Arial; text-transform:uppercase; letter-space:2px; padding:35px 0 20px 0;}
.catalogItem .thumb { width: 100px; float:left; padding:5px;}
.catalogItem .spacer {padding:10px;}
.catalogItem h1 {margin:10px 0; padding:0; font: normal 17px Verdana;letter-spacing:-1px;}
.catalogItem h1 a { text-transform:uppercase; color:#2289E2; }
.catalogItem ul {text-align:right;margin:0;padding:0 15px;}
.catalogItem li {list-style:none; height:24px;}
.catalogItem li span {float:left;font:normal 11px Arial; text-transform:uppercase; padding-top:4px;}
.catalogItem .price {font:normal 18px Arial; letter-spacing:-1px;padding:5px;}
.catalogItem .price span {font:normal 22px Arial; letter-spacing:0px; color:#2289E2; }
.catalogItem .buy {font:normal 22px Arial; letter-spacing:-1px;padding:5px; color:#2289E2; cursor:pointer;}

a.buttonGreen 
{
    padding: 1em 1.5em;
    background-color: green;
    color: white;
    border-radius: .4em;
    display:block;
}

a.buttonGreen:hover
{
    text-decoration:none;
    text-shadow:1px 1px 2px black;
    background-color: rgba(0,96,0,.5);
}

.rotate {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

#scrolled {display:none; position:fixed; bottom:2em; right:2em; z-index:100;}

body.fixed #scrolled {display:block;}