/* CSS Document */
/* Author: Astronim* [http://astronim.com] */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, table, td, tr,  div {
	border: 0;
	margin: 0;
	padding: 0;
}
table, tr, td { border-collapse: collapse; }

html { width:100%; }
body { background:#fff; position:relative; width:100%; height:auto !important; height:100%; min-height:100%; background: #ffffff url(../i/bg_s.png) top left repeat-x; }

ul, li {
list-style:none;}

#main {
	font-family: Arial;
	width:100%;
	min-width:979px;
	width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 979? '979px': 'auto');

}
#top {height: 167px; text-align: center;}
	#top .inner { width: 985px; position: relative; margin: 0 auto; text-align: left; }
	#logo { position: absolute; top: 25px; left: 80px;}
	#adress { font: bold 14px Arial; color: #fff; position: absolute; left: 760px; top: 65px; width: 200px;  }
	#adress a { color: #fff; text-decoration: underline; }
	#adress a:hover { color:#11428c; text-decoration: none; }

#middle { width: 100%;  text-align: center; }

	#middleContainer { position: relative; padding-left: 130px; width: 796px;  text-align: left; margin: 0 auto;  }
	#middleLeft { position: absolute; left: -1870px; top: 57px; width: 2000px; }

	#middleRight { background: #fff url(../i/s-to-0.png) top left no-repeat; }
	#middleRightInner { background: url(../i/s-bo.png) bottom left no-repeat; /* position: relative;*/ }
	body#catalog #middleRight { background: #fff url(../i/s-to-0.png) top right no-repeat; }

	.subMenu li { width: 2000px; background: #c9e2f9 url(../i/s_le_shadows_slice.png) 1990px 0 repeat-y; float: right;  display: block;  padding: 5px 0; position: relative; }
	.subMenu li a { color: #11428c;  font: bold 14px/14px Arial; width: 120px; float: right;  margin-right: 10px; position: relative;  }
	.subMenu li a:hover {text-decoration: none; }
	.subMenu li.here { background: #4c99db url(../i/s_le_shadows_slice.png) -10px 0 repeat-y;  padding: 10px 0 7px 0;}
	.subMenu li.here a { color: #fff; }
	.subMenu li.here ul {padding: 5px 0 0 0; margin-bottom: 20px; }

	.subMenu li.here li { background: none;  padding: 5px 0; }
	.subMenu li.here li a { font: normal 13px/13px Arial; }
	.subMenu li.here li.here { background: #114a9f url(../i/s_le_shadows_slice.png) -2010px 0 repeat-y; }


	#linksBar { position: relative;  width: 2000px; float: right; height: 80px; background: #fff url(../i/s_le_shadows_slice.png) right repeat-y; border-top: solid #c9e2f9 15px;  }
	#linksBar a {color: #11428c; font-size: 10px; }
	#linksBar a:hover {text-decoration: none;}
	.lang { position: absolute; top: 20px; right: 60px;}
	.icons {position: absolute; top: 43px; right: 91px;}
	#linksBar .ug { height: 15px; width: 10px; position: absolute; right: 0; top: -15px; background: url(../i/s_le_shadows_slice.png) 0 0 repeat-y;; }

	#searchform { position: absolute; z-index: 990; bottom: -41px; right: 0; height: 30px; width: 130px;   }
	#searchform input.text { height: 12px; padding: 2px 5px; width: 85px; font-size: 12px; color: #888; }
	#searchform input.submit { width: 20px; height: 20px; border: 0; background: url(../i/search.gif) 2px no-repeat; cursor: pointer; cursor: hand;}


	#leftContent { float: left; width: 140px; margin-left: -140px; overflow: hidden;}
	*html #leftContent { margin-left: -70px;}
	#leftContent ul { padding: 10px 0 10px 0;}
	#leftContent ul ul { padding: 0 0 0 0;}
	#leftContent, #leftContent ul a { color: #fff; font-size: 13px; line-height: 14px;}
	#leftContent ul a:hover  { text-decoration: none; }
	#leftContent ul li { margin: 3px 0 4px 0; padding: 1px 5px 3px 15px;}
	#leftContent ul li.here { margin: 2px 0; padding: 1px 0 3px 0; background: #e9e9e9;}
	#leftContent ul li.here a {color: #000000; margin: 1px 5px 3px 15px; display: block; font-weight: bold; }
	#leftContent ul li.here li { margin: 2px 0; }
	#leftContent ul li.here li a { margin: 0; display: inline; color: #484848; font-weight: normal;}
	#leftContent ul li.here li.here {background: #fff; }

	#leftContent ul li.here li.here a {margin: 1px 5px 2px 15px; display: block;}

	#rightContent { padding-left: 142px;  }


#content {color: #484848; min-height: 550px;  padding: 10px 40px 25px 40px;  font-size: 14px;  }
body#catalog #content {padding: 10px 40px 25px 15px;}
*html #content {height: 550px;   }

.locationBar { min-height: 20px; padding: 0px 0 0 0; color: #838383; font-size: 10px; }
* html .locationBar {height: 20px;  }
.locationBar .inner {padding: 12px 0 17px 37px; margin: 0 0 2px 0; background: #c6e1f8; }
.locationBar .inner { background: url(../i/s-to-sl.png) 0 0 no-repeat; padding-right: 140px; }
.locationBar .inner2 { background: url(../i/s-to-sl2.png) 0 0 repeat-y; }
/* body#catalog .locationBar .inner {background:none;} */
.locationBar .innerRight {padding: 13px 38px 18px 37px; position: absolute; width: 152px; right: 0; top: 0; text-align: right;  }

.locationBar span { font-size: 12px; color: #000;  position: relative;  padding-left: 5px;}
.locationBar a { color: #838383; font-size: 10px; padding: 0 3px; line-height: 11px;}

body#catalog .locationBar, body#catalog .locationBar a, body#catalog .locationBar span { color: #fff; }
.locationBar a:hover { text-decoration: none;}

.locationBar div.icon {display: none;}

.locationBar div.text { float: left;  height: 30px;  padding-top: 10px; }
body#catalog .locationBar div.icon {display: block; float: left; height: 30px; width: 38px; background: url(../i/icons.png) 0 0 no-repeat;}

.catadress {position: relative; background: #c0c0c0; color: #484848; padding: 5px 10px; font-size: 11px; margin: 0 2px 1px 2px  } /*  =^..^=  */
.catadress a {color: #484848; }

h1.contentHeader { display: block; position: relative; font: normal 20px Arial; background: #c6e1f8; padding: 5px 10px; margin: 5px 2px 0 30px; color: #484848;}
body#catalog h1.contentHeader { background: #e9e9e9; margin: 0px 2px 0 2px;}

.clear{
	clear:  both;
	height: 0px;
	overflow: hidden;
}

#bottom {
	text-align: center;
}
#bottom .inner{ position: relative; width: 984px; margin: 0 auto; height: 60px; padding: 25px 0 0 0; text-align: left; }

	#copyr {font-size: 14px; color: #333333; margin-left: 184px; padding: 0 0 25px 0;}
	#astronim {
		position: relative;
		height: 57px;
		width: 104px;
		margin-left: 304px;
		}
		#astronim img {margin-left: -106px; position: absolute; }
		#astronim a{ color: #848484; font-size: 11px; text-decoration: none; }
		#astronim a:hover {text-decoration: underline; }
/*  CONTENT */

input.btn {cursor: pointer; cursor: hand;}

#content { color: #484848;  }
#content p {padding: 5px 0;}
#content a {color: #11428c; text-decoration: underline;  }
#content a:hover { text-decoration: none; }
#content h1, #content h2, #content h3, #content h4, #content h5 { font: normal 18px Arial;  color: #484848; margin: 10px 0 5px 0;}
#content h2{ font-size: 17px; font-weight:bold;}
#content h3{ font-size: 16px; font-weight:bold;}
#content h4{ font-size: 15px; font-weight:bold;}
#content h5{ font-size: 14px; font-weight:bold;}


#content ul {padding: 5px 0 5px 0 ;}
#content ul ul {padding: 5px 0 15px 0 ;}
#content ul li { list-style: none; }
#content li {padding: 2px 0 2px 20px; margin:  0 0 0 0; background: url(../i/dot.png) 0 5px no-repeat; }
#content li li {   }

#content table.tbl { background: #e9e9e9; width: 100%; }
#content table.tbl td {padding: 4px 6px; border-bottom: #e9e9e9 1px solid; background: #fff ; border-left: 1px solid #e9e9e9; vertical-align: top;}
/*#content table.tbl td.theader, #content table.tbl th {border-bottom: #484848 1px solid; font-weight: bold;  background: #fff !important;  border-right: 1px solid #fff; vertical-align: bottom;}*/
#content table.tbl td.theader, #content table.tbl th {font-weight: bold;  background: #fff !important;  border-right: 1px solid #fff; vertical-align: bottom; font-size: 12px; padding: 5px 0 1px 5px;}

#content table.tbl tr.chet td {background: #e9e9e9; border-left: 1px solid #fff;}
#content table.tbl tr td.first {border-left: 1px solid #fff; }
#content table.tbl tr.first td {border-top: 1px solid #484848; }

#content table.tbl a { color: #484848; }

#content input.btn {  cursor: pointer; cursor: hand;}

#content a.button { cursor: pointer; cursor: hand; display: block; height: 35px; color: #fff; font-weight: bold; background: #509cdd url(../i/btn_bg.png) left top no-repeat;  float: left; }
#content a.button span { text-decoration: underline;}
#content a.button:hover span { text-decoration: none;}
#content a.button span { display: block; height: 27px; padding: 8px 13px 0 13px; background:url(../i/btn_bg.png) right bottom no-repeat; float: left; }

#orderBlock {display: none; }

#orderBlock { position: absolute;  padding: 15px; width: 200px; }
#orderBlock .middle { position: relative; border-left: 13px solid; border-right: 13px solid #e9e9e9; border-color: #e9e9e9; background: #e9e9e9; }
#orderBlock .top, #orderBlock .bottom { position: relative; height: 13px; width: 200px; }
#orderBlock .left, #orderBlock .right{ height: 13px; width: 13px; float: left; position: relative; overflow: hidden; }
#orderBlock .left { border-right: 174px solid #e9e9e9; }

#orderBlock .slice {width: 143px; height: 26px; position: absolute;}
#orderBlock .left .slice {background: url(../i/indexMenu_slice2.png) 0 0 no-repeat; }
#orderBlock .right .slice {background: url(../i/indexMenu_slice2a.png) 0 0 no-repeat; }

#orderBlock a.close {  display: block; position: absolute; right: 18px; top: 18px; height: 5px; width: 15px; color: #fff;  
text-decoration: none; font-weight: bold; }
#orderBlock a.close:hover { text-decoration: underline;  }

.order_add_fields {margin-bottom: 10px;}
.order_add_fields input, select {width: 147px;}
.item_addfields{display: none;}