/* global reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none; content: ''; content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
button{cursor:pointer}
/* base styles*/
html{background: url(../img/f_bg.png) no-repeat 25% 100%}
#wrapper{min-width:966px}
.clear{clear:both; font-size:0;	overflow:hidden; height:0; line-height:0}
.none{display:none}
.centered{text-align:center}
.inline li{display:-moz-inline-box;display:inline-block; *display:inline}
.title{position:relative; padding:10px 25px; width:210px; background-color:#F4F4F4}
.title .rc{background: url(../img/t_r.gif) no-repeat; width:6px; height:6px; position:absolute; right:0;overflow:hidden}
.title .top{top:0}
.title .bottom{bottom:0; background-position: 0 -6px}
.ie-valign{*position:absolute;*top:50%}
.title .add{position:absolute;right:10px; top:10px}
.add{text-decoration:none !important}
.add:hover{color:#CCC9B8}
/* fonts */
*{font-family: Verdana, Tahoma, Arial}
h1{font-size: 2em; color:#20729C}
#item h1{font-size: 1.1em}
h2{font-size:0.9em; font-weight:normal; margin:0.8em 0; color:#20729C}
h3{color:#20729C;font-size: 1.1em;margin: 1em 0px 1em 0px;line-height:1.2em}
h4{font-size:0.9em; font-weight:normal; color:#20729C}
h5{font-size:0.8em}
h6{font-size:0.7em; font-weight:normal;margin: 6px 0 4px}
p{font-size:0.7em;margin:1.3em 0;line-height:1.2em}
.big{font-size:1.5em; font-weight:normal; margin:0.8em 0; line-height:1.5em}
.red{color:red}
.yellow_bg{background-color:yellow}
p img{}
a, a:link, a:visited{color: #648EB6; text-decoration:underline}
a:hover{text-decoration:none}
#cart-box a{font-weight:bold}
#h-menu a{text-decoration:none;color:white;white-space:nowrap}
#h-menu a:hover{color:#BFE6F9}
#about h1, #about h2{text-align:center}
#about h1{font-size: 2em;margin-bottom: 0.67em}
#about h2{font-size: 1.5em;margin: 0.83em 0 0.83em;line-height:1.2em}
#about p{font-size: 0.75em;margin:1.3em 0;line-height:1.2em}
#about .circle_list{margin: 20px 40px}
#about .circle_list li{font-size:0.7em;margin-bottom:2px}
#cart-box{float:left; min-width:210px; width:auto}
#cart-box a{font-weight:bold}
#h-menu a{text-decoration:none;color:white;white-space:nowrap}
#h-menu a:hover{color:#BFE6F9}
/* custom_text */
.custom_text h2, .custom_text h3{text-align:center}
.custom_text h2{font-size: 2em;font-weight:bold;margin-bottom: 0.67em}
.custom_text h3{font-size: 1.5em;margin: 0.83em 0 0.83em;line-height:1.2em}
.custom_text h4{color:#20729C;font-size: 1.1em;margin: 1em 0px 1em 0px;line-height:1.2em;font-weight:bold}
.custom_text p{font-size: 0.75em;margin:1.3em 0;line-height:1.2em}
.custom_text .circle_list{margin: 20px 40px}
.custom_text .circle_list li{font-size:0.7em;margin-bottom:2px}
.custom_text .big_list{margin: 20px 40px}
.custom_text .big_list li{font-size:1.5em;margin-bottom:2px; color:#808080}
/* header */
#header{background: url(../img/water.jpg) repeat-x center top;padding:90px 0 30px}
#logo{padding-left:50px}
#cart-box{font-size: 12px; color:#648EB6; margin-top:10px}
#contacts{position:absolute; top:55px;right:15%}
#contacts dt{float:left; width:35px; padding:10px 0}
#contacts dt, #contacts .t_code{color:#467994; font-size:13px}
#contacts .t_code{position:relative; top:-2px}
#contacts dd{left:-55px;padding: 8px 0;padding-left:35px;line-height:16px}
/* horizontal menu */
#h-menu{margin:0 6px;font-size: 12px;margin-bottom:30px;background: url(../img/menu_l.png) no-repeat 0 0}
#h-menu-wrapper{padding:0 12px; background: url(../img/menu_r.png) no-repeat 100% 0}
#h-menu table{width:100%;background: url(../img/menu_bg.png) repeat-x 0 0}
#h-menu td{height:46px; vertical-align:middle; text-align:center; background: url(../img/menu_sep.gif) no-repeat 100% 50%}
#h-menu .last{width:200px; background:none}
#h-menu .last form{position:relative; top:1px}
#h-menu .last input{width:150px; border:1px solid #648EB6; height:13px;margin-right:10px;font-size:11px;color:#648EB6}
#h-menu .last button{*position:relative; *top:1px; width:16px; height:17px; vertical-align:top; border:none; background: url(../img/search.gif) no-repeat 0 0}
/* left block */
#left{float:left;width:260px}
#left .l_menu{margin:15px 0 0 22px}
#left .l_menu li{background: url(../img/bullet1.gif) no-repeat 0 2px; padding-left:10px;font-size:0.75em}
#left .l_menu li a, #left .l_menu span{color:#0D4B6E}
#left .l_menu span{border-bottom:1px dashed #0D4B6E;cursor:pointer}
#left .l_menu span:hover{border-bottom:none}
#left ul ul li a, #left ul ul li span {font-size:12px}
#catalog_menu li ul{padding-top:10px}
#catalog_menu li.subcat ul{display:none}
#catalog_menu{padding-bottom: 30px}
#catalog_menu li{padding-bottom:10px}
#brands_menu li{padding-bottom:6px}

/* content */
#content{margin:0 17px 38px 277px; padding-top:10px}
.h_box{background-color:#F4F4F4;border-left:1px solid #D7D7D7;padding: 12px 0 12px 8px;font-size:0.7em;color:#20729C; margin: 0 0 15px -10px}
.path{position:relative; padding-right: 140px}
.h_box .discuss{position:absolute; right:0; display:inline; margin: 0 5px; line-height:1.1em; }
.h_box a{color:#20729C}
/* lists */
.circle_list, .s_txt ul{margin: 22px 40px; list-style-type:disc}
.circle_list li, .s_txt li{font-size:0.7em;margin-bottom:2px; line-height:1.2em}
/* item list */
#item-list{text-align:left; margin:50px 0 30px 5%}
#item-list ins{display: -moz-inline-stack; display: inline-block; vertical-align: top; min-height:200px;text-align:left;width:32%}
#item-list .item{float: left; position:relative; width:160px}
#item-list .item .preview{display:table-cell;vertical-align:middle; text-align:center; width:140px; height:140px; border: 1px solid #CCCCCC}
#item-list .item .preview img{*margin-top: expression((70-parseInt(offsetHeight)/2)<0 ? "0" : 70-(parseInt(offsetHeight)/2) +'px');}
#item-list .item h5{position:relative; left:-9px; top:6px; font-size:0.7em; line-height:1.2em; font-weight:normal;width:160px}
#item-list .item h5 a{color:#00496A}
#item-list .item .offer{position: absolute; height:59px; width:59px; top:0; left:83px; background: url(../img/offer.png) no-repeat 0 0}
#item-list .item .price-tag{position: absolute; left:-13px; height:53px; width:208px; top:96px; background: url(../img/pricetag.png) no-repeat 0 0}
#item-list .item .price-value{position: absolute; right:6px; top: 15px; font-size:0.95em; line-height:1.1em}
/* brands list */
#brands-list{text-align:left; margin-top:20px}
#brands-list ins{display: -moz-inline-box; display: inline-block; vertical-align: top; min-height:70px; text-align:center; margin:0 1% 20px 7%}
#brands-list .brand{float: left; position:relative; font-size:0.7em; line-height:1.6em}
/* production list & search results */
#production-list,#search-results{text-align:left; margin:20px 0 15px;}
#production-list ins{display: -moz-inline-stack; display: inline-block; vertical-align: top; min-height:100px;text-align:left; border:1px solid #E7E7E7; margin:0 0.5% 10px}
#search-results ins{display: -moz-inline-stack; display: inline-block; vertical-align: top; min-height:100px;text-align:left; margin:0 0.5% 10px}
#production-list .production,#search-results .result{float: left; position:relative; padding:12px 8px; width:300px}
/*#production-list,#search-results{text-align:left; margin:20px 0 15px}
#production-list ins{display: -moz-inline-stack; display: inline-block; vertical-align: top; min-height:100px;text-align:left; width:48%; border:1px solid #E7E7E7; margin:0 0.5% 10px 0.5%}
#search-results ins{display: -moz-inline-stack; display: inline-block; vertical-align: top; min-height:100px;text-align:left; width:48%; margin:0 0.5% 10px 0.5%}
#production-list .production,#search-results .result{float: left; position:relative; padding:12px 8px}*/
#search-results .result{width:100%}
#production-list .r9, #search-results .r9{float:left;margin-top:14px}
#production-list .price-tag, #item .price-tag, #search-results .price-tag{position: absolute; left:100%; height:54px; width:180px; top:0; background: url(../img/pricetag2.png) no-repeat 0 0}
#production-list .price-value, #item .price-value, #search-results .price-value{position: absolute; text-align:center; right:5px; top: 16px; width: 95px; font-family: Arial, Verdana; font-size: 15px;white-space: nowrap; color:#3D3D3D}
#production-list .description, #search-results .description {margin: 85px 0 0 130px;font-size:0.71em;line-height:1.2em}
#production-list .description p, #search-results .description p {font-size:1em;}
#search-results .description{margin-left:160px}
#search-results .h_box{margin:10px 10px 0 0}
#production-list .addtocart, #search-results .addtocart{margin-top:15px}
.addtocart button{background: url(../img/addtocart.png) no-repeat 0 0; width:111px; height:34px;border:0}
/* rounded radius 9*/
.r9{position:relative}
.corner{position:absolute;width:9px; height:9px;overflow:hidden;background: url(../img/r9.gif) no-repeat}
.lb, .rb{bottom:0}
.rt, .rb{right:0}
.lb{background-position: 0 -9px}
.rt{top:0; background-position: -9px 0}
.rb{background-position: -9px -9px}
.r9 img{padding:9px;background-color:#E7E7E7}
/* news list */
#news_list{font-size:0.7em}
#news_list dt{font-weight:bold}
#news_list dd{margin: 3px 0 12px}
/* subscription */
#subscription {padding-bottom:30px;}
#subscription input[type="text"]{height:12px; line-height:11px; font-size:11px}
#subscription ul{margin-top:8px}
#subscription li{font-size: 0.7em;margin-top:3px}
#subscription li input{position:relative; top:-2px; *top:-1px; margin-right:8px; vertical-align:middle}
#subscription button,.def_form button{background-color:#F4F4F4; border:1px solid #F4F4F4; border-left-color:#D7D7D7; color:#20729C;font-size:11px; padding:3px 0; width: 100px;margin-top:10px}
/* paging */
.paging li{margin-right:7px}
.paging .current{font-weight:bold}
/* item */
#item{width:100%}
#item td{vertical-align:top}
/*#item .r9{float:left}*/
#item .preview{margin:10px 0}
#item .description{position:relative; width:100%;padding:55px 0 0 20px;}
#item .description p, #item .description li{font-size:0.8em}
#item .description ul{margin-left:25px}
#item .description ul[type=decimal]{list-style:decimal}
#item .description ul[type=square]{list-style:square}
#item .description ul[type=circle]{list-style:circle}
#item .description ul[type=disc]{list-style:disc}
#item .description li{margin-bottom: 5px}
#item .description .size{font-size: 0.7em}
#item .addtocart{margin:-5px 0 10px}
/* news-list */
#news-list{margin-top:15px}
#news-list .date{float:left; width:75px; font-size: 0.7em; font-weight:bold;line-height:1.3em}
#news-list .description{padding-left:90px}
#news-list .description h4{line-height:1.2em; font-size:0.75em; font-weight:bold}
#news-list .description p{margin-top:0.5em}
/* def_form */
.def_form{margin-top:12px}
.def_form label,.def_form input,.def_form textarea, .def_form select{display:block}
.def_form label,.def_form input,.def_form textarea, .def_form select, .def_form .label{text-align:left;font-size:0.7em}
.def_form label{margin:6px 0 3px}
.def_form input{width:200px}
.def_form textarea{width:360px;height:100px}
.def_form img{margin-top:5px}
/* filter */
#filter{margin:8px 0 50px 22px}
#filter input{width:155px}
#filter select{margin-bottom:4px}
#filter .checkbox, #filter .range, #filter .label{display:inline}
#filter .range{width:38px}
#filter .checkbox{width:13px; height:13px; margin-left:5px}
#filter button{display:block;width:6em}
/* cart */
#cart{width:100%;}
#cart thead th{background-color:#E4E6E9}
#cart th, #cart td{font-size:0.7em; border:1px solid #D0D1D5; vertical-align:middle; text-align:center}
#cart thead th, #cart tfoot td{padding:10px}
#cart tbody td{padding:3px 10px}
#cart .l{width:100%; text-align:left}
#cart input{width:50px;font-size:0.9em}
#cart tfoot td{font-size: 0.8em; font-weight:bold; background-color:#E4E6E9}
#cart .total{text-align:right;background-color:white}
.buttons{margin:5px 0 0 1px}
/* shipping */
#shipping{width:100%;}
#shipping thead th{background-color:#E4E6E9; padding:10px}
#shipping th, #shipping td{font-size:0.7em; border:1px solid #D0D1D5; vertical-align:middle; text-align:left}
#shipping tbody td{padding:10px}
#shipping .first{width:30px; text-align:center}
/* order */
#order{width:25em; margin:0 auto 10px}
#order form{float:left;margin-left:-5em}
#order img{margin-right:125px}
#order .field {clear:both; text-align:right; line-height:0.7em; margin-bottom:0.4em}
#order label {font-size: 0.7em; color:black; padding-right:10px; vertical-align:top}
#order input, #order textarea, #order select{width: 220px; font-size: 0.7em;}
#order .subs {width: 10px; margin-right:210px;}
#order select{width: 225px}
#order textarea{height: 100px;}
#order .submitters{font-size:0.7em; line-height:1.1em; margin:12px 0 0 14em}
/* footer */
#footer{height:40px; margin:0 15px; padding: 45px 0; border-top: 1px solid #C9C9C9;font-size:0.7em}
#footer_wrapper{float:left;margin-left:-300px;width:100%}
#copyright{float:left;width:260px;display:inline;margin-left:300px}
#counters{margin-left:560px;text-align:center}
#poweredby{padding-left:100%;margin-left:-300px}

/* debug_bar */
#debug_bar{font-size:0.6em; background:url(../img/debbg.gif) repeat-x 0 0; width:100%; padding: 2px 0 3px; height:17px; border-bottom: 1px solid #CCC9B8}
#debug_bar li{-moz-box-align:center; padding: 0 7px; border-right:1px solid #C7C5B2; border-left:1px solid #FFFFFF; line-height:17px; height:17px}
#debug_bar .first{border-left:0; padding-left: 15px; background:url(../img/debbullet.gif) repeat-y 3px 0}
#debug_bar .last{border-right:0}

/* IE fixes */
#header, #subscription, #news-list li, .def_form, #catalog_menu li{*zoom:1}
#debug_bar li{*padding: 2px 7px}
#catalog_menu li a{background:white;line-height:1.2em}

/* pricelist */
#pricelist{width:100%; font-size:0.7em; margin-bottom:10px}
#pricelist th,#pricelist td{border:1px solid #D0D1D5;padding-top: 3px;padding-bottom: 3px}
#pricelist thead th{padding:8px}
#pricelist th{text-align:left; background-color:#E4E6E9}
#pricelist a{text-decoration:none}
#pricelist a:hover{text-decoration:underline}
#pricelist .price{width:94px;text-align:center;white-space:nowrap}

/* loader */
#loader{position:fixed; height:135px; width:300px; top:50%; left:50%; margin-top:-67px; margin-left:-150px; background: #E4E6E9 url(../img/loader.gif) no-repeat center 20px; z-index:3; border:3px solid #D0D1D5;-moz-border-radius: 10px; -webkit-border-radius:10px; border-radius:10px}
#loader p{padding-top: 90px; text-align:center}

/* recommend */
#recommend{margin:10px 0}
#recommend li{margin-bottom:5px}
#recommend a{font-size: 0.7em}
#recommend .price{padding-left:13px; font-family:Arial;font-size: 0.95em;color:#3D3D3D}

/* category-list */
#category-list{text-align:left; margin-top:20px}
#category-list ins{display: -moz-inline-box; display: inline-block; vertical-align: top; min-height:70px; text-align:center; margin:0 1% 20px 7%; width:230px}
#category-list ins img{border:9px solid #E7E7E7; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius:10px}
#category-list .brand{float: left; position:relative; font-size:0.7em; line-height:1.6em}
#category-list .brand p{font-size:0.85em; text-align:left}

/* authorization */
#authorization{padding-bottom:30px;}
#authorization .field{clear:both; text-align:right; margin:0 53px 10px 0; font-size: 0.8em; line-height:0.8em;}
#authorization label{color:black;}
#authorization input{width:120px;}
#authorization .register_remind{margin-bottom:15px; font-size:0.7em;}
#authorization button{background-color:#F4F4F4; border:1px solid #F4F4F4; border-left-color:#D7D7D7; color:#20729C; font-size:11px; padding:3px 0; margin-bottom:10px; width:100px;}
#authorization li ul{padding-top:10px;}
#authorization li{padding-bottom:10px;}

/* datatable */
.datatable{width:100%;}
.datatable thead th{background-color:#E4E6E9; padding:10px}
.datatable th, .datatable td{font-size:0.7em; border:1px solid #D0D1D5; vertical-align:middle; text-align:left}
.datatable tbody td{padding:10px}
.datatable .l{text-align:left}
.datatable .r{text-align:right}
.datatable .c{text-align:center}
.datatable .first{width:50px; text-align:center}

/* brands list */
#related-list{text-align:left; margin-top:20px}
#related-list ins{display: -moz-inline-box; display: inline-block; vertical-align: top; min-height:70px; max-width:200px; text-align:center; margin:0 1% 20px 7%}
#related-list .related-item{float: left; position:relative; font-size:0.7em; line-height:1.6em}


.warning{color:#f00;font-style:italic;}