@import url("layout.css");

* {
	margin: 0;
	padding: 0;
}

body {
	background: #f5f0dc;
	color: #4d321f; 
	font-family: Arial, Helvetica, sans-serif;	
}

a {
	color: #cc8552;
	text-decoration: underline;

}

div.top_price_menu a  {font-size: 12px;}

table {border-collapse: collapse;}

table td {vertical-align: top;}

a img {border: none;}

ul, ul li {list-style: none;}

sup {font-size:9px;}

input {
	background: #fff;	
	color: #773d1a;
	font: 12px arial, helvetica, sans-serif;
}
.right {float: right;}
.center {text-align: center;}
.clear {clear: left;}

.howtoby_cat {
	position: absolute;
	right: 263px;
	top: 283px;
	}
	
/*-- index --*/
#wrap {
	width: 1000px;
	background:  url(/i/page-bg.jpg) no-repeat;
	margin: auto;
}
#internal #wrap {
	background: #f5f0dc url(/i/page-in-bg.jpg) no-repeat;
}
#page {
	width: 935px;
	margin: auto;
	padding: 32px 0 0 0;	
	}

.container2 h2, #content .large  {
	font-weight: normal;
	font-size: 25px;
	padding: 25px 0 20px 0;
}
#content .large {font-size: 2.5em;}

#header-nav {
	font-size: 12px;
	width: 100%;
}
#header-nav li {
	float: left;	
	line-height: 23px;	
	padding-right: 25px;
}
#header-nav li.last {
	padding: 0;
}
#header-nav li .icon {
	float: left;
	position: relative;	
	height: 28px;	
	cursor: pointer;
	left: -3px;
}
#header-nav a {
	color: #773d1a;
	text-decoration: none;
}
#header-nav a:hover {
	color: #cc8552;
	text-decoration: underline;
}
#header-nav li #about {background: url(/i/about.png) no-repeat;}
#header-nav li #info {background: url(/i/info.png) no-repeat;}
#header-nav li #about, #header-nav li #info {width: 23px;}

#header-nav li #voc {background: url(/i/voc.png) no-repeat;}
#header-nav li #price {background: url(/i/price.png) no-repeat;}
#header-nav li #buy {background: url(/i/buy.png) no-repeat;}
#header-nav li #order {background: url(/i/order.png) no-repeat;}
#header-nav li #contact {background: url(/i/contact.png) no-repeat;}
#header-nav li #voc, #header-nav li #price, #header-nav li #buy, #header-nav li #order, #header-nav li #contact {width: 29px;}
#header {
	height: 187px;
	clear: left;	
	position: relative;
	padding-top: 50px;
}
#r-header {
	width: 619px;
	height: 205px;
	position: absolute;
	right: 0;
	top: 30px;
	}
#r-header .tel {
	text-align: right;
	font-size: 30px;
	line-height: 45px;
	padding-top: 5px;
	color: #773d1a;
}
#r-header .tel2 {
	text-align: right;
	font-size: 30px;
	line-height: 35px;
	padding-top: 0px;
	color: #773d1a;
}

#r-header form {
	position: relative;
	padding-top: 30px;
}
#r-header .text-field {
	border: 1px solid #cc823c;
	padding: 2px;
	width: 175px;
}
#r-header .go-search {
	position: absolute;
	border: solid 0px;
	height:43px;
	width:49px;	
	left:167px;
	top:21px;
	background: url(/i/search-but.png) no-repeat;
	cursor: pointer;
}
#nav {
	background: url(/i/menu-bg.png) no-repeat;
	height: 44px;
	font-size: 12px;
	padding: 0 15px 0 16px;
	width: 897px;
}
#nav li {

	float: left;
	position: relative;
	background: url(/i/nav-li.gif) no-repeat;
	padding: 15px 13px 14px 8px;
}
#nav li.active, #nav li:hover, #nav li.over {
	background: url(/i/active.png);
}
#nav li.active a, #nav li:hover a, #nav li.over a {
	background: none;
}
#nav li a {
	text-decoration: none;
	color: #773d1a;
	background: url(/i/nav.gif) no-repeat 0 3px;
	padding-left: 15px;
}
#nav li ul {
	display: none;
	background: #eddda6;
	position: absolute;
	z-index: 900;
	left: 0;
	top: 40px;
	width: 15em;
}
#nav li:hover ul, #nav li.over ul {display: block;}
#nav li ul li {
	float: none;	
	background: none;
	padding: 0;
	margin: 0;
}
#nav li ul li a, #nav li.active ul li a {
	background: url(/i/bullet.gif) no-repeat 10px -31px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #b28836;
	text-decoration: underline;
	padding: 6px 10px 6px 30px;
}
#nav li ul li a:hover {background: #fcf6d4 url(/i/bullet.gif) no-repeat 10px 7px;}
.container1 { 
	margin-top: 48px;
	border-top: 1px solid #fff;
	padding: 5px 15px 0 15px;	
	background: #fff9e6;
}
.container2 {padding: 5px 15px 0 15px;}
#subnav {margin: 20px 0 20px 35px;}
#subnav li {
	float: left;
	margin-right: 30px;
}
/*-- content --*/
.cat-table {
	width: 100%;
	table-layout: fixed;
}
.cat-table td {
	padding: 10px 12px 20px 0;
	text-align: center;
	background: url(/i/cat-bg.png) repeat-x bottom left;
}
.cat-table h3 {
	font: normal 19px arial, helvetica, sans-serif;
	background: url(/i/title-bg.png) no-repeat 0 6px;
	padding: 0 0 15px 18px;
	text-align: left;
}
.cat-table .rb {padding: 18px 15px 18px 15px;}
.cat-table .gradient, #window .gradient, .cat-simple-table .gradient {background: url(/i/gradient.png) repeat-x;}
.cat-table .gradient, .cat-simple-table .gradient {padding-top: 3px}
.cat-table .gradient {	
	padding-top: 3px;
	width: 256px;		
}
.cat-simple-table .gradient {
	width: 326px;
	text-align: center;
}
.cat-table .lt {background: #f3f0dc url(/i/ltc.png) no-repeat;}
.cat-table .rt {background: url(/i/rtc.png) no-repeat top right;}
.cat-table .lb {background: url(/i/lbc.png) no-repeat bottom left;}
.cat-table .rb {background: url(/i/rbc.png) no-repeat bottom right;}

.cat-simple-table h5 {font: normal 12px arial, helvetica, verdana, sans-serif; padding-bottom: 5px;}
.cat-simple-table td {
	background: url(/i/cat-bg.png) repeat-x bottom left;
	padding-bottom: 30px;
}
#two-col .lt {
	width: 294px;
	margin: auto;
	text-align: center;
}
#content #two-col h3 {
	width: 265px;
	margin: 0 auto 0 auto;
	font-size: 18px;
}
#two-col .gradient {margin: auto;}
#s-offer {background: #f5f0dc;}
#s-offer .rb {padding-bottom: 36px;}
#s-offer h4 {
	background: #f1cb48 url(/i/sp-title-bg.png) repeat-x;
	width: 180px;
	color: #b96939;
	font-size: 12px;
	padding: 10px 0 10px 18px;
	text-align: left;	
	}
#s-offer td {
	background: none;
	padding-bottom: 10px;
}
#s-offer .lt {background: #fff9e6 url(/i/sp-ltc.gif) no-repeat;}
#s-offer .rt {background: url(/i/sp-rtc.gif) no-repeat top right;}
#s-offer .lb {background: url(/i/sp-lbc.png) no-repeat bottom left;}
#s-offer .rb {background: url(/i/sp-rbc.png) no-repeat bottom right;}
.sp-price {
	position: relative;
	left: 0;
	text-align: left;
	font-size: 11px;
	font-weight: bold;	
}
.sp-price a {
	text-decoration: none;
	position: relative;
	top: 8px;
}
.sp-price em {
	position: absolute;
	font-style: normal;
	font-size: 18px;
	right: 24px;
	color: #fff;
	font-weight: normal;
}
.sp-price em span {font-size: 11px;}
#footer {
	height: 154px;
	background:  url(/i/footer.jpg) no-repeat bottom right;
	}
#footer .copy {
	padding: 135px 0 0 50px;
	font-size: 11px;
	color: #fff;
}

/* internal */

#internal #header {padding-top: 13px; height: 120px}

#internal #subnav {margin:13px 0 20px 8px;}
#internal #subnav li {margin-right: 33px;}

#internal #r-header {
	width: 450px;
	right: -5px;
	top: 20px;
}
#internal #r-header form {
	padding: 15px 35px 0pt 0pt;
	text-align:right;
}
#internal #r-header .go-search {
	background:transparent url(/i/search-but.png) no-repeat;	
	height:43px;
	width:49px;	
	left: auto;
	right:10px;
	top:6px;
	}

#layout {
	width: 100%;
	background: #fff9e6;
	margin-top: 25px;
}

#sidebar_infocenter {
	width: 180px;
	background: #eddda6;
	padding: 20px 10px 20px 15px;
}

#sidebar_infocenter ul {
	font-size: 13px;
	margin-bottom: 15px;
}
#sidebar_infocenter ul li {
	background: url(/i/sidebar-bullet.gif) no-repeat 0 5px;
	padding: 3px 0 2px 15px;
}
#sidebar_infocenter ul li a {
	color: #b28836;
}
#sidebar_infocenter ul li a:hover, #window .descr a:hover, .cat-table h3 a:hover, #rec-blocks h4 a:hover {
	text-decoration: none;
	color: #d4a240;
}
#sidebar_infocenter ul li em {
	color: #cc8552;
	background: #fff9e6;
	font-style: normal;
	padding: 0 2px 0 2px;
}
#sidebar_infocenter h5 {
	font-size: 18px;
	font-weight: normal;
	color: #cc8552;
	padding-bottom: 10px;
}
#sidebar_infocenter h6 {
	font-size: 14px;
	color: #773d1a;
	padding-bottom: 7px;
}


#sidebar {
	width: 135px;
	background: #eddda6;
	padding: 20px 10px 20px 15px;
}


#sidebar ul {
	font-size: 13px;
	margin-bottom: 15px;
}
#sidebar ul li {
	background: url(/i/sidebar-bullet.gif) no-repeat 0 5px;
	padding: 2px 0 2px 15px;
}
#sidebar ul li a {
	color: #b28836;
}
#sidebar ul li a:hover, #window .descr a:hover, .cat-table h3 a:hover, #rec-blocks h4 a:hover {
	text-decoration: none;
	color: #d4a240;
}
#sidebar ul li em {
	color: #cc8552;
	background: #fff9e6;
	font-style: normal;
	padding: 0 2px 0 2px;
}
#sidebar h5 {
	font-size: 18px;
	font-weight: normal;
	color: #cc8552;
	padding-bottom: 10px;
}
#sidebar h6 {
	font-size: 14px;
	color: #773d1a;
	padding-bottom: 7px;
}

#content {
	padding: 25px 10px 20px 30px;
	font-size: 14px;
}
.article {font-size: 1.2em;}
.article p {margin-bottom: 15px;}
#content h3, #content h2 {
	font-weight: normal;
	font-size: 18px;
	color: #cc8552;
	padding-bottom: 20px;
}
#b-crumbs {
	font-size: 12px;
	overflow: hidden;
	padding-bottom: 20px;
}
#b-crumbs li {
	float: left;
	margin-right: 8px;
}
#b-crumbs li span {
	padding-left: 8px;
	color: #cc8552;
}
#content h1 {
	font-size: 30px;
	font-weight: normal;
	color: #cc8552;
	padding-bottom: 15px;
}
.pager {
	padding: 10px 0 10px 0;
	overflow: hidden;
	font-size: 12px;
}
.pager span, .pager ul li {
	float: left;
	margin-right: 10px;
}
.pager ul li {margin-right: 7px;}
.pager ul li.back {margin-right: 25px;}
.pager ul li.forward {margin-left: 20px;}	
.pager ul li em {
	font-style: normal;
	color: #4d321f;
	background: #f1cb4c;
	padding: 0 3px;
}
.sort-form {
	float: right;
	font-size: 12px;
	padding: 10px 8px 0 0;
}
#window {
	background: #f5ecd2 url(/i/gradient1.png) repeat-x;
	width: 717px;
	padding: 20px 5px 20px 5px;
	}
.top-win, .bottom-win {
	position: absolute;
	width: 727px;
	height: 9px;
	left: 0;	
}

#window {margin: 10px 0 10px 0;}
#window table {
	table-layout: fixed;
	width: 100%;
}
#window .gradient {
	width: 206px;
	margin: auto;
}
#window .gradient img {margin: 3px 3px 0 3px;}
#window .descr {
	width: 206px;
	margin: 0 auto 0 auto;
	padding: 10px 0;
}
#window .descr a {
	display: block;
	color: #cc8552;
	font-weight: bold;
	padding-bottom: 5px;
}
#window .descr span {
	color: #e56000;
	font-weight: bold;
}
.two-cols {
	margin-bottom: 20px;
	overflow: hidden;
}
.two-cols p {
	width: 330px;
	float: left;	
	}
.two-cols .margin {margin-right: 50px;}
.note {
	background: #fff;
	padding: 15px;
	margin: 0 10px 20px 0;
}
#content .note h3 {padding-bottom: 10px;}
.brands {width: 100%;}
.brands td {
	background: #fff;
	vertical-align: middle;
	padding: 3px 2px 3px 2px;
}
#rec-blocks2 .block {width: 222px; background-color: #f5ecd2; font-size: 11px;}

#rec-blocks .block {width: 140px;}
#rec-blocks h4 {
	font-size: 11px;
	padding: 0 0 12px 10px;
}
#rec-blocks dl {
	background-color: #f5ecd2;
	width: 140px;

	padding: 1px 0 1px 0;
}
#rec-blocks .rec-t, #rec-blocks .rec-b {
	width: 140px;
	height: 9px;	
	font-size: 0px;
}
#rec-blocks .rec-t {background: url(/i/rec-block-t.png) no-repeat;}
#rec-blocks .rec-b {background: url(/i/rec-block-b.png) no-repeat;}

#rec-blocks dl dt, #rec-blocks dl dd {
	width: 130px;
	margin: auto;
	font-size: 13px;
}
#rec-blocks dl dt {
	padding-bottom: 5px;
}
#rec-blocks dd span {
	color: #e56000;
	font-weight: bold;
}
#order-block {	padding-top: 15px;}
#order-block .order {
	width: 330px;
	float: right;
}
.order h5 {
	font: normal 18px arial, helvetica, verdana, sans-serif;
	color: #cc8552;
}
.order form {padding: 30px 0 10px 0;}
.order form table td {
	padding: 5px;
	vertical-align: middle;
}
.order form label {
	font: bold 12px arial, helvetica, verdana, sans-serif;
	color: #4d321f;
}
.round-button {
	float: left;
	height: 44px;
	line-height: 44px;
	background: url(/i/form-button.png) no-repeat;
	padding-left: 25px;	
}
.round-button input {
	border: solid 0px;
	background: url(/i/form-button.png) no-repeat 100% -46px;
	display: block;
	height: 44px;
	line-height: 44px;
	padding-right: 10px;
	cursor: pointer;
}
.data td, .data th {
	border: 1px solid #eddda6;
	text-align: left;
	font-size: 12px;
	padding: 5px 10px 5px 10px;
}
.data .odd td, .data .odd th {background: #f5f0dc;}