html {height: 100%;}
body {height: 100%; margin: 0; padding: 0; background: #fff;}
body, td, th {font: normal 9pt arial, tahoma, verdana, helvetica, sans-serif; color: #333;}
img {border: none;}
img { behavior: url(/iepngfix.htc) }
a {outline: none;}
table, div {border-collapse: collapse;}
td {vertical-align: top; text-align: left; padding: 0;}

p {margin: 0 0 8px 0;}
.eight {font-size: 8pt; !important}
.nine {font-size: 9pt;}
.eleven {font-size: 11pt;}
form {margin: 0; padding 0;}
hr {border: none; color: #ccc; background-color: #ede2d1; height: 1px; margin: 15px 0;}
li {margin-bottom: 5px;}

INPUT, TEXTAREA, SELECT, submit {font-size: 9pt; FONT-FAMILY: arial, tahoma, verdana; color: #777;}

a{text-decoration: none;}
a:link {color: #999;}
a:visited {color: #999;}
a:active {color: #be0600;}
a:hover {color: #be0600;}

h1 {font: bold 12pt verdana, arial, tahoma, helvetica, sans-serif; color: #be0600; margin: 0 0 8px 0;}
h2 {font: bold 10pt verdana, arial, tahoma, helvetica, sans-serif; text-transform: uppercase; margin: 0 40px 8px 0;}
h3 {font: bold 10pt verdana, arial, tahoma, helvetica, sans-serif; color: #be0600; margin: 0 20px 4px 0;}
h4 {font: bold 10pt verdana, arial, tahoma, helvetica, sans-serif; color: #1658cc; margin: 0 5px 4px 0;}
h5 {font: bold 10pt verdana, arial, tahoma, helvetica, sans-serif; color: #be0600; margin: 0 5px 4px 0;}
h6 {}


.prebot h5 {position: absolute; margin: -35px 5px 4px 10px;}


div.SiteContainer {width: 960px; padding: 3px 0 10px 0; margin: 0 auto;}

/* ============= основная таблица ============ */
table.mainTab {width: 960px; background: #fff;}
table.mainTab td.topLeft {width: 770px; vertical-align: bottom; padding: 0;}
table.mainTab td.topRight {width: 190px; vertical-align: bottom; padding: 0;}

table.mainTab td.mainLeft {width: 770px; padding: 0 0 0 0;}
table.mainTab td.mainRight {width: 190px; padding: 0; background: url(/img/bgl.gif) top left repeat;}

table.mainTab td.grayLeft { background: #e8e2eb; font: normal 7pt verdana, arial, tahoma, helvetica, sans-serif;  padding: 0 10px; height: 15px; vertical-align: middle; text-transform: lowercase;}
table.mainTab td.grayLeft span {color: #be0600; text-transform: none;}
table.mainTab td.grayLeft img {margin: 0 5px;}
table.mainTab td.grayLeft a:link {color: #333; text-decoration: none;}
table.mainTab td.grayLeft a:visited {color: #333; text-decoration: none;}
table.mainTab td.grayLeft a:hover {color: #be0600; text-decoration: none;}
table.mainTab td.grayRight { background: #e8e2eb; font: normal 7pt verdana, arial, tahoma, helvetica, sans-serif; padding: 0 15px; height: 15px; vertical-align: middle;}
table.mainTab td.grayRight span {color: #be0600;}

table.mainTab td.redLeft { background: #be0600; padding: 0 10px; vertical-align: middle; height: 15px;}
table.mainTab td.redRight { background: #be0600; font-size: 8pt;  padding: 0 10px; vertical-align: middle; height: 15px;}


/* =============  шапка ============ */
table.head {width: 100%; background: #fff;}
table.head td.logo {}
table.head td.phones {text-align: right; vertical-align: bottom; padding: 20px 10px 3px 0; font-size: 12pt;}
table.head td.phones span {color: #8eb94e;}

div.yelog {background: #f5d312;}
div.yesrh {background: #f5d312; padding: 10px 0 3px 0;}
table.loginin {width: 100%; background: #f5d312;}
table.loginin td {vertical-align: middle;}
table.loginin td.login {width: 75%; padding: 18px 5px 3px 15px;}
table.loginin td.login input {width: 100%; height: 15px; padding: 0;}
table.loginin td.pass {width: 75%; padding: 0 5px 6px 15px;}
table.loginin td.pass input {width: 100%; height: 15px; padding: 0;}
table.loginin td.search {width: 75%; padding: 0 5px 6px 15px;}
table.loginin td.search input {width: 100%; height: 15px; padding: 0;}
table.loginin td.enter {width: 25%; padding: 0 15px 6px 3px;}
div.redfog {padding: 0 15px 3px 15px; width: 160px; font: normal 7pt verdana, arial, tahoma, helvetica, sans-serif; color: #be0600; white-space: nowrap;}


table.logout {width: 100%;  background: url(/img/bgl.gif) top left repeat;}
table.logout td {vertical-align: top;}
table.logout td.login {height: 55px; padding: 12px 15px 2px 15px;}
table.logout td.login p.clientname {margin: 0 !important;}
table.logout td.pass {padding: 0 5px 3px 15px;}
table.logout td.pass a {color: #be0600;}
div.redout {width: 170px; font: normal 7pt verdana, arial, tahoma, helvetica, sans-serif; color: #be0600; white-space: nowrap;}

table.topmenu {width: 100%; }
table.topmenu td.spacer {width: 20%;}
table.topmenu td {font: normal 7pt verdana, arial, tahoma, helvetica, sans-serif; text-transform: uppercase; white-space: nowrap;}
table.topmenu td a:link {color: #fff !important; text-decoration: none;}
table.topmenu td a:visited {color: #fff !important; text-decoration: none;}
table.topmenu td a:hover {color: #fff !important; text-decoration: none;}

div.book {position: absolute; margin: 1px 0 0 45px; z-index: 10;}


/* =============  на главной ============ */
table.facetab {width: 100%; margin: 15px 0 35px 0;}
table.facetab td {width: 50%; color: #999; height: 65px;  font-size: 8pt; line-height: 1.2em; padding: 5px 0 0 0;} 

table.facetab p.title {text-transform: uppercase; font: bold 10pt verdana, arial, tahoma, helvetica, sans-serif; color: #333; margin: 0 15px 2px 100px; }
table.facetab p.title a:link {color: #333; text-decoration: none;}
table.facetab p.title a:visited {color: #333; text-decoration: none;}
table.facetab p.title a:hover {color: #be0600; text-decoration: none;}
table.facetab p.other {font-size: 8pt; color: #999; margin: 0 20px 8px 100px; }
table.facetab p.other a:link {color: #999; text-decoration: none;}
table.facetab p.other a:visited {color: #999; text-decoration: none;}
table.facetab p.other a:hover {color: #be0600; text-decoration: none;}
table.facetab td.spacer {height: 10px;}

table.facetab td#face01 {background: url(foto/face_01.gif) bottom left no-repeat;}
table.facetab td#face02 {background: url(foto/face_02.gif) bottom left no-repeat;}
table.facetab td#face03 {background: url(foto/face_03.gif) bottom left no-repeat;}
table.facetab td#face04 {background: url(foto/face_04.gif) bottom left no-repeat;}
table.facetab td#face05 {background: url(foto/face_05.gif) bottom left no-repeat;}
table.facetab td#face06 {background: url(foto/face_06.gif) bottom left no-repeat;}
table.facetab td#face07 {background: url(foto/face_07.gif) bottom left no-repeat;}
table.facetab td#face08 {background: url(foto/face_08.gif) bottom left no-repeat;}
table.facetab td#face09 {background: url(foto/face_09.gif) bottom left no-repeat;}
table.facetab td#face10 {background: url(foto/face_10.gif) bottom left no-repeat;}
table.facetab td#face11 {background: url(foto/face_11.gif) bottom left no-repeat;}
table.facetab td#face12 {background: url(foto/face_12.gif) bottom left no-repeat;}


/* =============  меню слева ============ */
table.intab {width: 100%; margin: 0 0 0 0;}
table.intab td.inleft {width: 235px; color: #999; height: 65px; font-size: 8pt;  line-height: 1.2em; padding: 20px 0 40px 0; background: url(/img/bgl.gif) top left repeat;} 
table.intab td.inright {padding: 20px 0 40px 15px;} 

div.leftCat {padding: 0 0 0 10px; background: url(/img/arb.gif) 0 3px no-repeat;}
div.leftCat p.title {text-transform: uppercase; font: bold 10pt verdana, arial, tahoma, helvetica, sans-serif; color: #333; margin: 0 15px 2px 0; }
div.leftCat p.title a:link {color: #333; text-decoration: none;}
div.leftCat p.title a:visited {color: #333; text-decoration: none;}
div.leftCat p.title a:hover {color: #be0600; text-decoration: none;}
div.leftCat p.other {font-size: 8pt; color: #999; margin: 0 20px 10px 0; }
div.leftCat p.other a:link {color: #999; text-decoration: none;}
div.leftCat p.other a:visited {color: #999; text-decoration: none;}
div.leftCat p.other a:hover {color: #be0600; text-decoration: none}



/* ============= рабочее ============ */
div.rbasket {padding: 12px 15px 3px 15px;}
table.bastock {width: 100%; margin: 0 0 5px 0;}
table.bastock td {white-space: nowrap; font-size: 8pt;}
table.bastock td.bas {width: 100%; background: url(/img/bas.gif) bottom left repeat-x;}
table.bastock td.lbas {padding: 0 5px 0 0;}
table.bastock td.rbas {padding: 0 0 0 3px;}
table.bastock td.rbas .red {color: #be0600 !important;}
div.rorder {padding: 0 0px; margin: 0 0 15px 0;}

div.rcol {padding: 0 14px 10px 14px; font-size: 8pt;}
div.rcol div.more {float: right; font-size: 8pt;}
div.rcol p {margin: 0 0 3px 0;}


table.catalogList {width: 100%;}
table.catalogList td.catd {width: 50%; padding: 0 0 35px 0;}

/*table.catItem {width: 100%;}*/
table.catItem {width: 250px;}
table.catItem td.catfoto {width: 20%;}
table.catItem td.catfoto img {border: 1px solid #eaeaea; margin: 0 8px 8px 0;}

table.catItem td.catname {width: 80%; font-size: 8pt; padding: 0 15px 8px 0; line-height: 1.3em !important; vertical-align: top;}
table.catItem td.catname p.name { font: normal 10pt verdana, arial, tahoma, helvetica, sans-serif; margin: 0 0 6px 0; line-height: 1em; text-transform: uppercase;}
table.catItem td.catname p.name a:link {color: #333; text-decoration: none;}
table.catItem td.catname p.name a:visited {color: #333; text-decoration: none;}
table.catItem td.catname p.name a:hover {color: #be0600; text-decoration: none;}
table.catItem td.catname span {color: #be0600; font-size: 13pt; font-weight: bold;}

table.catItem td.catcol {font-size: 8pt; color: #be0600; padding: 0 8px 0 0; text-align: right;}
table.catItem td.catcol div {float: right; padding: 3px 8px 0 0;}
table.catItem td.catcol input {width: 30px; float: right;}
table.catItem td.catord {font-size: 8pt; color: #be0600; padding: 0 15px 0 0;}
table.catItem td.catord div {float: left; padding: 3px 10px 0 0;}
table.catItem td.catord input {float: left; margin: 3px 0 0 0;}

/* vilak */
table.catItem td.catcol1 {font-size: 8pt; color: #be0600; padding: 0 8px 0 0; text-align: right;}
table.catItem td div.catcol_text {float: left; padding: 3px 3px 0 0 ;}
table.catItem td div.catcol_incdec {float: left;margin: 3px 0 0 0;}
table.catItem td div.catcol_input input {width: 25px; float: left;}
table.catItem td div.catord_basket input {float: left; margin: 3px 0 0 0;}

table.catItem2 {
width:auto;
}
table.pages {width: 100%; margin: 0 0 0 0;}
table.pages td {font-size: 8pt;}
table.pages td.page {text-align: right; padding: 0 18px 0 0;}
table.pages td.page a {padding: 0 0 0 4px;}
table.pages td.page img {margin: 0 0 -1px 0;}

/* vilak */
table.sort_by {width: 100%; margin: 0 0 0 0;}
table.sort_by td {font-size: 11px;	font-family: Arial;}
table.sort_by td div.sort_by_head {float:left; margin: 0 8px 0 0 ;color: #999;}
table.sort_by td div.sort_by_itm {float:left;padding: 0 8px 0 12px}
table.sort_by td div.sort_by_itm_desc {float:left; padding: 0 8px 0 12px; background: url(/img/desc_arrow.gif) 0px 6px no-repeat;}
table.sort_by td div.sort_by_itm_asc {float:left; padding: 0 8px 0 12px; background: url(/img/asc_arrow.gif) 0px 6px no-repeat;}
table.sort_by td div.sort_by_delim {float:left; margin: 0 8px 0 8px;}


div.categlist {padding: 0 0 18px 0;}
div.categlist p {margin: 0 15px 4px 15px; font-size: 8pt;}



div.indiv {padding: 0 20px 0 0; position: relative;}
div.item_descr p {margin: 0 0 0 0;}
table.cart {width: 100%; margin: 20px 0 15px 0;}
table.cart th {padding: 12px 0 12px 15px; background: #e8e5eb; color: #555; font-size: 8pt;}
table.cart th.name {width: 30%;}
table.cart td {padding: 12px 0 12px 15px; border-bottom: 1px solid #e8e5eb; vertical-align: middle; font-size: 9pt;}
table.cart td a {font-size: 9pt;}
table.cart td.deliv {padding: 12px 12px; border-bottom: 1px solid #e8e5eb;}
table.cart td.itogo {white-space: nowrap; border: 0px;}
table.cart td.del {text-align: center; padding: 15px 10px 12px 5px;}
table.cart td.price {white-space: nowrap; }
table.cart td p {margin: 0 0 3px 0;}


table.mailform {margin: 15px 0;}
table.mailform td {padding: 3px 12px 3px 0;}

table.orderForm {width:98%; margin: 5px 0 15px 0;  }
table.orderForm th {padding: 14px 8px 14px 0; border-top: 1px dashed #e8e5eb; vertical-align: top;}
table.orderForm td {padding: 4px 8px 14px 0;}

.tellMe {width: 280px; border: 1px solid #b5b2b8; }

table.faceNews {width: 100%;}
table.faceNews td span {font-size: 9pt;}

table.faceNews td.em {padding: 0 15px;}
table.faceNews td.text {width: 50%; padding: 0 0 10px 0;}
table.faceNews td.newsAll {width: 70%; padding: 10px 20px 10px 0;}
table.faceNews td.newsAll p {margin: 0 0 18px 0;}
table.faceNews td.newsArchive {width: 30%; padding: 0 0 10px 10px;}
table.faceNews td.Account {width: 70%; padding: 0 0 10px 0;}
table.faceNews td.Account p {margin: 0 0 4px 0;}

div.bonuz {padding: 10px 15px 6px 15px; border: 2px solid #f5d312;}

div.leftsubmenu {font-size: 9pt !important; font-weight: normal !important; padding: 7px 0 5px 1px;}
ul.leftsub {padding: 0; margin: 0;}
ul.leftsub li {list-style-type: none; padding: 0 0 0 12px; margin: 0 0 6px 0;}

/* ============= низ ============ */
div.prebot {padding: 0 0 0 0;}
table.botlinetab {width: 960px; height: 73px; background: url(/img/bgd.gif) top left repeat;}
table.botlinetab td {width: 25%; color: #fff; padding: 8px 10px 8px 140px; font-size: 8pt;}
table.botlinetab img.bovar {position: absolute; z-index: 10; margin: 0 0 0 -120px;}
table.botlinetab td a:link {text-decoration: none; color: #fff;}
table.botlinetab td a:visited {text-decoration: none; color: #fff;}
table.botlinetab td a:hover {text-decoration: none; color: #fff;}

div.baloon {width: 60px; height: 32px; position: absolute; z-index: 20; margin: -20px 0 0 -65px;}
div.baloon span {display: block; position: absolute; height: 32px; position: absolute; z-index: 20; margin: -28px 0 0 0; color: #fff; font-size: 12pt; font-weight: bold; width: 38px; text-align: right;}


/* ============= подвал ============ */
table.Footer {width: 960px; background: #fff url(/img/bgl.gif) top left repeat; }
table.Footer td {padding: 50px 15px 5px 15px; text-align: center; font-size: 8pt; }
table.Footer td a:link {color: #333; text-decoration: none;}
table.Footer td a:visited {color: #333; text-decoration: none;}
table.Footer td a:hover {color: #be0600; text-decoration: none;}



/* ============= кнопки ============ */
.btn50 {background: transparent url(/img/btn55.gif) top left no-repeat; border: 0px; width: 55px; height: 25px; margin: 0 0 0 3px; color: #333;}
.btn100 {background: transparent url(/img/btn100.gif) top left no-repeat; border: 0px; width: 100px; height: 25px; margin: 0 0 0 3px; color: #333;}
.btn100r {float: right; background: transparent url(/img/btn100.gif) top left no-repeat; border: 0px; width: 100px; height: 25px; margin: 0 0 0 3px; color: #333;}
.btn150 {background: transparent url(/img/btn150.gif) top left no-repeat; border: 0px; width: 150px; height: 25px; margin: 0 0 0 3px; color: #333;}
.btn150r {float: right; background: transparent url(/img/btn150.gif) top left no-repeat; border: 0px; width: 150px; height: 25px; margin: 0 0 0 3px; color: #333;}

.wide {width: 90%; border: 1px solid #999b9c; }
input.wide95 {width: 93%;}
textarea.wide95 {width: 93%;}

/*filter============================*/

.filter {
	font-size: 11px;
	font-family: Arial;
	width: 153px;
	height: 32px;
	position: relative;
}

#filter_right {
	float: right;
	margin: 0 1px 0 0;
	text-align: right;
	_display: inline;
}

a.filter_fake {
	display: block;
	width: 153px;
	height: 13px;
	position: absolute;
	border: 1px solid #ced2d9;
	background: #fff url(/img/red_arrow.gif) no-repeat;
	color: #999 !important;
	line-height: 12px;
	left: 0;
	padding: 0 2px;
}

#filter_left a.filter_fake {background-position: 147px 5px;}

#filter_right a.filter_fake {background-position: 3px 5px;}

.filter ul {
	top: 14px;
	width: 157px;
	position: absolute;
	border: 1px solid #ced2d9;
	background: #f3f0f5;
	margin: 0;
	padding: 0;
	display: none;
	left: 0;
}

.filter li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	_vertical-align: bottom;
	_zoom: 1;
}

.filter li a {
	display: block;
	padding: 0 2px 1px 2px;
	position: relative;
}

.filter li a:link, .filter li a:visited {color: #999; text-decoration: none;}
.filter li a:active, .filter li a:hover {color: #be0600; text-decoration: none; background: #f5d312;}

.open ul {display: block;}
.open a.filter_fake {background-color: #f3f0f5;}