@charset "UTF-8";
/* CSS Document */

html { margin:0; padding:0;}
body  {
	font: 13px Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
ul, ol, li, h1, h2, h3, p form,  input, { margin:0; padding:0;}
a { color:#ff6833;} a:hover { color:#DF2911; text-decoration:none;}
a.RedLink:link {
color:#FF0000;
}
a.RedLink:visited {
color:#FF0000;}
a.RedLink:active {
color:#FF0000;}
a.RedLink:hover {
color:#FF0000;
}
img, a img { border:none;}
h2, h2 a { color:#df2911; font-size:21px; font-weight:normal; text-decoration:none;}
h2 a:hover { border-bottom:solid 1px;}
p { padding:0; margin:5px 0;}
.twoColLiqRtHdr #container {
	width: 100%;  /* this will create a container 80% of the browser width */
	min-width:1035px; _width:expression(document.documentElement.offsetWidth < 1035 ? '1035' : 'auto');
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-family:Arial, Helvetica, sans-serif;

}
.ovfl { overflow:hidden; }
.clearfix:after {
    content: ".";
    display: block;
    //clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;}

.twoColLiqRtHdr #header {
	background: #ff6833 url(i/rbg.jpg) top right no-repeat;
	height:268px;
	position:relative;
	/*overflow:hidden;
	zoom:1;
	display:block;*/
	  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
/*#header*/
#header {  font-size:14px;color:#fff; }
#header a { color:#fff; text-decoration:none;}
#header a:hover {  color:#fff;text-decoration:underline;}
.logo { /*background: url(i/logo.jpg) left top no-repeat;*/ height:84px; overflow:hidden; margin:0 250px 0 0;}
.l1 { background: url(i/l1.jpg) left top no-repeat; height:17px; position:absolute; top:84px; left:32px; width:52px;}
.h-item { float:left; width:17%;  }
.h-item h2 { font-weight:normal; font-size:18px; color:#df2911;  padding:0; margin:5px 0 0 0;}
.h-item h2.fh2 { padding:0 0 15px 0;}
#header .h-item h2 a { color:#df2911; text-decoration:none;}
#header .h-item h2 a:hover { color:#df2911; text-decoration:underline;}
.h-item ul { list-style:none;  line-height:20px; margin:10px 0 0 0; padding:0;}
#header img {  margin:0 4px -2px 0 ;}
.h-item ul.tel li { display:block; width:auto;  margin:0 0 0 50px; clear:left; font-size:18px;}
.h-item ul.tel li.r1 { clear:none;margin:0 0 0 10px;}
.h-item ul.tel .code {  padding:0 5px 0 0; float:left; margin:0; font-size:14px;}
.h-item label, .h-item input { float:left; vertical-align:middle; }
.h-item label { width:50px; text-align:right; font-size:11px; clear:left; padding:3px 3px 0 0 ; color:#fff;}
.h-item input.inp { background:#ffa485; width:90px; border-left:#ad6f5a solid 1px; border-top:#ad6f5a solid 1px; border-bottom:#ffb69d solid 1px; border-right:#ffb69d solid 1px; padding:1px; font-size:11px; line-height:85%; margin:2px 0}
.h-item input.btn { border:none; margin:3px 0 0 50px;}
.topmenu { position:absolute; bottom:5px; left:30px; white-space:nowrap;}
.topmenu ul, .topmenu  li { display:inline;}
.topmenu ul { padding:0;}
.topmenu  li { padding:0 14px 0 0;}



/* Tips for sidebar1:
1. since we are working in percentages, it's best not to use padding on the sidebar. It will be added to the width for standards compliant browsers creating an unknown actual width.
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColLiqRtHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
*/
.twoColLiqRtHdr #sidebar1 {

	float: left; /* since this element is floated, a width must be given */
	width: 26%;
	padding:20px 0 0 0;

}
.twoColLiqRtHdr #sidebar1.hp-sb { padding:42px 0 0 0;float: right;background:url(i/r.jpg) right top no-repeat;}
/*sidebar1*/
#sidebar1 h2, #sidebar1 h2 a  { font-size:21px; font-weight:normal; text-decoration:none; padding:0; margin:0;}
.basket { position:relative; zoom:1; background-color:#ff6833;margin:0 30px 0 10px; padding:10px 10px 10px 20px ; font-size:12px;}
.bo-tl, .bo-tr, .bo-bl, .bo-br { position:absolute; width:6px; height:6px; font-size:1px; line-height:0px;}
.bo-tl, .bo-tr { top:0px;}
.bo-bl, .bo-br { bottom:0px; _ bottom:-1px;}
.bo-tl, .bo-bl { left:0px;}
.bo-tr, .bo-br { right:0px;}
.bo-tl { background:url(i/bo_tl.gif) left top no-repeat;}
.bo-tr { background:url(i/bo_tr.gif) left top no-repeat;}
.bo-bl { background:url(i/bo_bl.gif) left bottom no-repeat;}
.bo-br { background:url(i/bo_br.gif) left bottom no-repeat;}
#sidebar1 .basket h2, #sidebar1 .basket h2 a, #mainContent .basket h2, #mainContent .basket h2 a { color:#eee9c5; font-size:18px;}
.basket p { padding:0 0 10px 0;}
.basket p, .basket p a, .basket p span.rzd { color:#fff;}
.basket p span.rzd { margin:0 7px;}
.basket p span.price { color:#000; font-weight:bold;}
.basket p.more a { color:#eee9c5;}
.basket p.more a:hover { color:#fff; text-decoration:none;}
.b-right {  width:200px; float:right;  }

.news{ position:relative; zoom:1; border:#eee9c5 solid 1px; margin:10px 30px 0 10px; padding:10px 10px 10px 20px ; font-size:12px;}
.news p { padding:0 0 5px 20px;}
#sidebar1 .news h2, #sidebar1 .news h2 a { color:#df2911;}
.bw-tl, .bw-tr, .bw-bl, .bw-br { position:absolute; width:6px; height:6px; font-size:1px;}
.bw-tl, .bw-tr { top:-1px;}
.bw-bl, .bw-br { bottom:-1px; /*_margin-bottom:-1px;*/}
.bw-tl, .bw-bl { left:-1px;}
.bw-tr, .bw-br { right:-1px;}
.bw-tl { background:#fff url(i/bw_tl.gif) left top no-repeat;}
.bw-tr { background:#fff url(i/bw_tr.gif) left top no-repeat;}
.bw-bl { background:#fff url(i/bw_bl.gif) left bottom no-repeat;}
.bw-br { background:#fff url(i/bw_br.gif) left bottom no-repeat;}
.date { background:url(i/nh.gif) left top no-repeat; padding:0 0 0 15px; line-height:18px;}
.sb {  margin:10px 30px 0 10px;padding:10px 0 0 0; zoom:1;}
.orange { background-color:#eee9c5; text-align:center; padding:15px 0 25px 0; width:160px; margin:0 auto;}
#sidebar1 .sb h2 { padding:0 10px 10px 20px;}
#sidebar1 .sb h2, #sidebar1 .sb h2 a{ color:#515151;}
#sidebar1 .sbcataloge h2 { margin:10px 0 0 0;}
#sidebar1 .sbcataloge h2, #sidebar1 .sbcataloge h2 a { font-size:13px;  font-weight:bold;  }
#sidebar1.m-sb { margin:0; padding:0;}
.orange a { display:block; color:#515151; font-size:12px; padding:0 10px;}


.twoColLiqRtHdr #mainContent {
	background:url(i/r.jpg) right top no-repeat;
	 /* the left margin should mirror the margin on the header and footer for proper alignment. */
}
.m-wrapper { padding:35px 0  0 10px; _ padding:25px 0  0 10px;}
.m-wrapper h2 { margin:0  0 15px 0;}
.m-wrapper h3 { margin:0  0 10px 0; font-size:15px;}
.m-wrapper p {  margin:0  0 5px 0;}
.m-wrapper img { vertical-align:text-top; margin:5px;}
.m-wrapper label { padding:0 3px 0 0;}
.twoColLiqRtHdr #mainContent.homepage	{ margin: 15px 26% 0 10px;//margin: 0 26% 0 10px; background:none;} /*#mainContent*/
.twoColLiqRtHdr #mainContent.allpages { margin: 0  0 0 0; padding:0;}
.twoColLiqRtHdr #mainContent.allcategorypages { margin: 0 0 0 26%; padding:0;}
.twoColLiqRtHdr #allContent.contentallpages { margin: 0 260px 0 0; padding:0;}
.c-h, .c-body { position:relative;  background-color:#eee9c5;}
.c-h { margin:0 0 0 30px; width:6em; padding:5px 0 0 0; text-align:center; color:#8f8c76; font-size:21px; height:22px; overflow:hidden;}

.bl-tl, .bl-tr, .bl-bl, .bl-br { position:absolute; width:6px; height:6px; font-size:1px;}
.bl-tl, .bl-tr { top:0px;}
.bl-bl, .bl-br { bottom:0px;_bottom:-1px;}
.bl-tl, .bl-bl { left:0px;}
.bl-tr, .bl-br { right:0px;}
.bl-tl { background:url(i/bl_tl.gif) left top no-repeat;}
.bl-tr { background:url(i/bl_tr.gif) left top no-repeat;}
.bl-bl { background:url(i/bl_bl.gif) left bottom no-repeat;}
.bl-br { background:url(i/bl_br.gif) left bottom no-repeat;}

.f-item { width:30%; float:left; font-size:13px;}
.f-item ul {  list-style:none; margin:0;  padding:0 0 0 30px;}
.f-item li {  line-height:20px;}
form { margin:0; padding:0;}
.f-item h4 { margin:0; padding:20px 0 10px 30px; color:#ff6833; font-weight:normal;}
.f-item h4 a { color:#8f8c76; }
.f-item ul.brand, .f-item ul.brand li { display:inline;}
.f-item ul.brand { padding:0 0 0 30px; white-space:nowrap;}
.f-item ul.brand li { padding:5px 10px 0 0 ;}
.f-item input { padding:0; margin:0 5px 0 0; }
.fbtn { padding:5px 0 10px 30px;}

#catalog { color:#515151; font-size:13px; line-height:110%; padding:20px 0 0 30px;}
#catalog h2, #catalog p { padding:0 0 0 30px; margin:0;}
#catalog h2 { margin:0 0 10px 0;}
#catalog h2 a { color:#df2911; font-size:21px; font-weight:normal; text-decoration:none; }
#catalog h2 a:hover { border-bottom:solid 1px;}
#catalog h2 img { vertical-align:middle; position:relative; left:-35px; margin:0 -31px 0 0; }
#catalog h2 img.flag { margin:0 5px; position:static; }

#catalog h2 span { font-size:11px;font-weight:normal;margin:0 5px; white-space:nowrap;}
#catalog p a { color:#515151; display:block; line-height:20px;}
#catalog p a:hover { color:#df2911; text-decoration:none;}
#catalog p { margin:0 0 22px 0;}
.coln { width:49%; float:left;}

.footer-box span { padding:0 15px; }
.footer-box { padding:10px 30px; margin:20px 30px 0 10px;}
.footer-box, .footer-box a { color:#686656; font-size:12px; text-decoration:none;}
.footer-box a:hover { text-decoration:underline;}
.slinks, .copy { padding:5px 30px;}
.slinks a { color:#bbb490; font-size:12px;}  .slinks span { padding:0 5px; color:#e2daae; font-size:11px;}
.copy { font-size:11px;}
.beige  { background-color:#eee9c5; font-size:12px; color:#686656;}.beige a { color:#686656;}.beige a:hover { color:#DF2911; text-decoration:none;}
.beige img { float:left; margin:15px;}
.beige h3 , .beige h3 a { color:#000; text-decoration:none; font-weight:normal; font-size:21px;} .beige h3 a:hover {border-bottom:solid 1px;}
h2.marg30 { margin:15px 0 0 30px;}
.pr-price span { background-color:#ff6833; font-size:18px; color:#fff; padding:0 10px; line-height:40px;}
.info { padding:5px 0 0 0;}
.info a { background:url(i/info.gif) left center no-repeat; padding:0 30px; line-height:25px;}
.partns img { vertical-align:middle; padding:5px 0; display:block;}
.partns img.noblock { display:inline;}

.sbcataloge { margin:35px 10px 10px 10px;}
.sbcataloge ul, .sbcataloge ul li { list-style:none; margin:0;}
.sbcataloge ul { padding:5px 0 0  0;}
.sbcataloge ul li { /*background:url(i/bullet.gif) left 3px no-repeat;*/ padding:0 0 5px 20px;}
.sbcataloge ul li a { color:#515151;}
.sbcataloge ul li a:hover { color:#DF2911;text-decoration:none;}

.sbcataloge img { margin:0 3px -3px 0;}
.sbcataloge img.flag { margin:0 0 0 5px;}
.sbcataloge span { font-size:11px; font-weight:normal; padding:0 0 0 5px;}

.mainbox { padding:10px; margin: 0 280px 0 10px; }
.whitetext {color:#eee9c5;}