@charset "UTF-8";

/** Imports **/
@import url("src/reset.css");
@import url("src/base.css");
@import url("src/form.css");
@import url("src/othen.css");

@media screen
{
	/* ----------------------------------------------*/
	/* -------------->>> MAIN STYLES <<<-------------*/
	/* ----------------------------------------------*/
	body { font: normal 11px Tahoma, Helvetica, sans-serif; color: #000000; }
	
	a { color: #ff6600; }
	a:hover {  }
	
	p { }
	legend { font: normal 11px Tahoma, Helvetica, sans-serif; color: #000000; }
	
	input { font: normal 11px Tahoma, Helvetica, sans-serif; }
	
	h1 { font: bold 14px Tahoma, Helvetica, sans-serif; color: #ef0000; margin: 0px 0px 28px 0px; }
	h2 { font: bold 11px Tahoma, Helvetica, sans-serif; color: #000000; margin: 0px 0px 15px 0px; }
	h3 { font: normal 11px Tahoma, Helvetica, sans-serif; color: #000000; margin: 0px 0px 12px 0px; }
	h4 { font: normal 10px Tahoma, Helvetica, sans-serif; color: #000000; margin: 0px 0px 9px 0px; }
	h5 { font: bold 9px Tahoma, Helvetica, sans-serif; color: #000000; margin: 0px 0px 5px 0px; }
	h6 { font: bold 8px Tahoma, Helvetica, sans-serif; color: #000000; margin: 0px 0px 3px 0px; }
	
	/* ----------------------------------------------*/
	/* ---------------->>> LAYOUTS <<<---------------*/
	/* ----------------------------------------------*/
	
		/** Wrapper layout **/
		
		/** Center layout **/
		#center { clear: both; padding-bottom: 51px; overflow: auto; width: 100%; }
		/** Left layout **/
		#left { width: 291px; float: left; position: relative; z-index: 10; }
			
		/** Right layout **/
	
		/** Header layout **/
		#header { height: 250px; background: url("../images/header_bg.png") left top repeat-x;  }
			#header #headerSub1 { height: 250px; background: url("../images/header_bg2.png") right top no-repeat;}
			#header #headerSub2 { height: 250px; background: url("../images/header_bg3.png") left top no-repeat; position: relative; padding-top: 1px; }
			#header #headerSub3 { position: absolute; left: 27%; width: 73%; }
			#header #headerSub3 img { margin: 0px 0px 0px 0px; float: left; display: block; padding: 0px; }
			
		/** Footer layout **/	
		#footer { 
			background: #e4e9f2 url("../images/footer_bg.png") right top no-repeat;
			height: 51px; margin-top: -51px; padding-top: 1px; }
		
		/** Content layout **/
		#content { float: right; width: 100%; margin: 0px 0px 0px -291px; position: relative; z-index: 8; }
			#content #contentSub1 { margin: 0px 0px 0px 291px; padding: 19px 30px 0px 30px; }
			#content p { text-indent: 10px; }
	
	/* ----------------------------------------------*/
	/* ------------>>> NAVIGATIONS <<<---------------*/
	/* ----------------------------------------------*/
		
		/** Standart Menu **/
		#standartMenu { position: absolute; top: 18px; right: 7px; list-style: none; }
			#standartMenu li { float: left; margin: 0px 9px 0px 0px; }
			
		/** Main Menu **/
		#mainMenu { list-style: none;  }
			#mainMenu li { 
				background: url("../images/main_menu_bg3.gif") left 4px no-repeat; 
				padding: 0px 0px 0px 14px; margin: 0px 0px 18px 0px; }
			#mainMenu .current { background: url("../images/main_menu_bg4.gif") left 4px no-repeat;  }
			#mainMenu li a { font: normal 12px Tahoma, Helvetica, sans-serif; color: #ffffff; text-decoration: none; padding-bottom: 1px; }
			#mainMenu li a:hover { background: url("../images/border_bg.gif") bottom left repeat-x; }
			#mainMenu li span {font: normal 12px Tahoma, Helvetica, sans-serif; color: #ef0000; }
			
		/** Second Menu **/
		#secondMenu { list-style: none; margin: 15px auto 0px auto; display: table;  }
			#secondMenu li { float: left; padding: 0px 5px 0px 5px; border-left: 1px solid #757575; height: 10px; }
			#secondMenu li:first-child { border-left: none; }
			#secondMenu li a { 
				font: normal 10px Tahoma, Helvetica, sans-serif; color: #757575; text-decoration: none;
				position: relative; top: -3px; }
			#secondMenu li a:hover { text-decoration: underline; }
			
		/** Lists **/
		.list1 { margin: 0px 0px 0px 0px; list-style: none; }
			.list1 li {  
				background: url("../images/main_menu_bg4.gif") left 5px no-repeat; 
				margin: 0px 0px 25px 0px; padding: 0px 0px 0px 10px; }
			.list1 li a { font: normal 11px Tahoma, Helvetica, sans-serif; color: #000000; text-decoration: none; }
			.list1 li a:hover { text-decoration: underline; }
	
	/* ----------------------------------------------*/
	/* -------------->>> BOXES <<<-------------------*/
	/* ----------------------------------------------*/		
	
		/** Logo Box **/
		#logoBox { position: absolute; top: 52px; left: 20px; }
		
		/** Contacts Box **/
		#contactsBox { position: absolute; top: 120px; left: 63px; }
			#contactsBox p { font: normal 14px Tahoma, Helvetica, sans-serif; color: #737373;  }
			#contactsBox p span { font: normal 24px Tahoma, Helvetica, sans-serif; color: #737373; line-height: 24px; }
		
		/** Main menu Box **/	
		#mainMenuBox { background: #212d5d url("../images/main_menu_bg.png") top left no-repeat; }
			#mainMenuBox #mainMenuBoxSub1 { background: url("../images/main_menu_bg2.png") bottom right no-repeat; padding: 44px 0px 44px 0px; }
			
		/** Find form Box **/
		#findFormBox { 
			background: #abb8c6 url("../images/find_form_bg.png") bottom right no-repeat; 
			padding: 35px 0px 0px 0px; }
		
		/** Registration Box **/
		#registrationBox { text-align: right; padding: 0px 50px 23px 0px; font: normal 11px Tahoma, Helvetica, sans-serif; color: #ffffff; }
		
		/** Second Menu Box **/
		#secondMenuBox { margin: 0px 0px 0px 100px; }
		
		/** Copyright Box **/
		#copyrightBox { display: table; margin: 5px auto 0px auto; }
			#copyrightBox p { font: normal 10px Tahoma, Helvetica, sans-serif; color: #92a1b2; }
			#copyrightBox a { font: normal 10px Tahoma, Helvetica, sans-serif; color: #ff6600; text-decoration: none; }
			#copyrightBox a:hover { text-decoration: underline; }
			
		/** Catalog Box **/
		.catalogBox { margin: 0px 0px 0px -18px; padding: 10px 0px 0px 0px; overflow: hidden !important; }
   .catalogBox .line { margin: 0px 0px 20px 0px; }
   .catalogBox .line .item { 
    width: 270px; margin: 0px 8px 8px 0px; display: table;
    border: 3px solid #ced6e5; padding: 13px 17px 13px 17px; background: #abb8c6; }
   .catalogBox .line .itemSub1 { 
    width: 270px; height: 130px; display: table-row; background: #abb8c6; }
   .catalogBox .image { display: table-cell; vertical-align: top; width: 150px;  }
   .catalogBox .text { display: table-cell; vertical-align: top;  }
   .catalogBox .textSub1 { display: table; width: 100%; height: 100%;  }
   .catalogBox .textSub2 { display: table-row; height: 50%;  }
   .catalogBox .textSub4 { display: table-cell; vertical-align: top; }
   .catalogBox .textSub3 { display: table-row; height: 50%;  }
   .catalogBox .textSub5 { display: table-cell; vertical-align: bottom; }
			
		/** catalog2 Box **/
		.catalog2Box { position: relative; z-index: 999; left: -18px; }
			.catalog2Box .item { margin: 0px 0px 22px 0px;    }
			.catalog2Box .item h2 { padding-left: 18px; }
			.catalog2Box .itemSub1 { margin: 10px 0px 0px 0px; background: #abb8c6; padding: 13px 15px 10px 15px; }
			.catalog2Box .itemSub1 .left { width: 143px; }
			.catalog2Box .itemSub1 .right { margin-left: -143px; }
			.catalog2Box .itemSub1 .rightSub1 { margin-left: 143px; }
			
		/** catalog3 Box **/
		.catalog3Box { position: relative; z-index: 999; left: -18px; }
			.catalog3Box .item { margin: 0px 0px 10px 0px; padding: 13px 15px 10px 15px; display: table; background: #abb8c6;  }
			.catalog3Box .itemSub1 { display: table-row; }
			.catalog3Box .itemSub1 .left { width: 143px; display: table-cell; vertical-align: middle; }
			.catalog3Box .itemSub1 .right { display: table-cell; vertical-align: middle; }
			
		/** Navigation Box **/
		.navigationBox { font: bold 14px Tahoma, Helvetica, sans-serif; color: #ef0000; margin: 0px 0px 18px 0px; }
			.navigationBox a { font: bold 14px Tahoma, Helvetica, sans-serif; color: #ef0000; text-decoration: none; }
			.navigationBox a:hover { text-decoration: underline; }
			
		/** EnterBox **/
		.enterBox { }
			.enterBox p { 
				display: inline; background: url("../images/main_menu_bg4.gif") left 4px no-repeat;
				position: relative; top: -7px; padding: 0px 35px 0px 14px;
				font: normal 12px Tahoma, Helvetica, sans-serif; color: #000000; }
			.enterBox p strong { color: #ef0000; }
	
	/* ----------------------------------------------*/
	/* -------------->>> FORMS <<<-------------------*/
	/* ----------------------------------------------*/
			
		/** Find Form **/
		#findForm {  }
			#findForm legend { padding: 0px 0px 20px 100px; }
			#findForm fieldset { width: 218px; margin: 0px 0px 0px 23px; }
			#findForm .line { margin: 0px 0px 19px 0px; }
			#findForm .line label { 
				width: 40px; margin-top: 3px; 
				font: normal 11px Tahoma, Helvetica, sans-serif; color: #737373; text-align: right; }
			#findForm .line input[type="text"] { width: 168px; height: 18px; border: 1px solid #a5acb2; }
			#findForm .line input[type="image"] { display: block; float: right; }
		
		/** Catefories Form **/
		.cateforiesForm { }
			.cateforiesForm fieldset { margin: 15px 0px 0px 0px;  }
			.cateforiesForm .cateforiesFormSub1 { margin: 30px 0px 0px 0px; }
			.cateforiesForm .line { width: 90%; }
			.cateforiesForm select { width: 100%; border: 1px solid #7f9db9; }
			.cateforiesForm select[disabled="disabled"] { border: 1px solid #c9c7ba; }
			.cateforiesForm input[type="image"] { display: block; float: right; }
			.cateforiesForm input[type="text"] { width: 100%;height:17px;}
			.cateforiesForm a[class="image"] { display: block; float: right; }
			
	/* ----------------------------------------------*/
	/* ---------->>> DECORATION STYLES <<<-----------*/
	/* ----------------------------------------------*/
	
		/** Emphasis **/
		
		/** Paragraphs **/
		.paragraph1 { margin: 20px 0px 0px 0px; line-height: 12px; }
		.paragraph2 { line-height: 12px; color: #ef0000; }
		.paragraph2 a { font: normal 11px Tahoma, Helvetica, sans-serif;  text-decoration: none; color: #ef0000; }
		.paragraph2 a:hover { text-decoration: underline; }
		
		.paragraph3 { margin: 20px 0px 35px 0px; line-height: 12px; }
		
		.paragraph4 { line-height: 22px; color: #ef0000; }
		.paragraph4 a { font: normal 11px Tahoma, Helvetica, sans-serif;  text-decoration: none; color: #ef0000; }
		.paragraph4 a:hover { text-decoration: underline; }
		
		/** Separators **/
		
		/** Titles **/
		.title1 { font: bold 12px Tahoma, Helvetica, sans-serif;  }
		.title2 { margin: 35px 0px 7px 0px;  }
		.title3 { font: 12px Tahoma, Helvetica, sans-serif;  }
		.title4 { font: 16px Tahoma, Helvetica, sans-serif;  }
		
		/** Links **/
		.link1 { 
			font: normal 11px Tahoma, Helvetica, sans-serif;  text-decoration: none;
			color: #ffffff; background: url("../images/border_bg.gif") bottom left repeat-x; padding-bottom: 1px; }
		.link1:hover { background: none; }
		
		.link2 { background: url("../images/border_bg2.gif") bottom left repeat-x; cursor: pointer; padding-bottom: 1px; }
		.link2:hover { background: none; }
		
		.link3 { 
			background: url("../images/main_menu_bg4.gif") left 4px no-repeat; cursor: pointer; padding: 0px 0px 0px 11px;
			text-decoration: none; font: normal 11px Tahoma, Helvetica, sans-serif;  text-decoration: none; color: #ef0000; }
		.link3:hover { text-decoration: underline;  }
		
		.link4 {  margin: 0px 0px 18px 0px; }
		.link5 {  margin: 0px 0px 8px 0px; }
		
		/** Text colors **/
		
		/** Borders **/
		.border1 { border: 3px solid #ced6e5 !important; }
		.border2 { border: 3px solid #96a3b6 !important; }
		
		/** Backgrounds **/
		.background1 { background: #eaf2fb !important; }
		
		.catalogBox { overflow: hidden !important; }

}

/** Begin **/
#zakaz_form {  
	border-collapse: collapse;
}
#zakaz_form td {  
	padding: 5px 0px 5px 0px;
}
#zakaz_form thead th {  
	font-size: 14px; border: 1px solid #666666;
}
/** End **/

/** Begin **/
#cart {  
	position: absolute; left: 22px; top: 185px; z-index: 99;
}
/** End **/
/** Begin **/
#zakaz_form2 {  
	
}
#zakaz_form2 td {  
	padding: 0px 0px 12px 0px;
}
#zakaz_form2 .label {  
	width: 140px;
}
#zakaz_form2 .text {  
	width: 98%;
}
/** End **/

label.error { color: red; }
input.error { border: 1px solid red; }