html { height: 100%; }
body { padding: 0px; margin: 0px; height: 100%; background: white url(../images/background.jpg) repeat-x top; }

form, div { border: 0px; padding: 0px; margin: 0px; }
table, td  { margin: 0px; }
table { padding: 0px; }
td, div { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3b78b2; text-align: left; line-height: 20px; }
img {   }
img.right { float: right; margin: 0px 0px 5px 10px; }
img.left { float: left; margin: 0px 10px 5px 0px; }

a { color: #3b78b2; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: 0px; }
p { text-indent: 0px; margin: 0px 0px 10px 0px; }
h1, h1 a { font-size: 28px; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px; line-height: normal; color: #285682; font-weight: normal; }
h2, h2 a { font-size: 24px; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 6px 0px; line-height: normal; color: #285682; font-weight: normal; }
h3, h3 a { font-size: 20px; font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 6px 0px; line-height: normal; color: #285682; font-weight: normal; }

ul li { list-style-type: square; }
li { padding-bottom: 10px; }
form input, form textarea, form select { font-size: 11px; font-family: Arial; }
form input.text, form textarea.text { padding: 5px 2px 5px 2px; background: #FFF url(../images/textform_mid.jpg) repeat-x top center; border: 1px solid #ccc; }
form input.chbox { border: 0px; background: none; }

.out { width: 1000px; margin: auto; text-align: left; }
#bg { text-align: center; background: url(../images/footer.jpg) repeat-x bottom center; }

#page { height: auto !important; min-height: 100%; height: 100%; }

#header { height: 188px; background: url(../images/header_1.jpg) no-repeat 380px 144px; }
#header div { line-height: normal; color: #FFFFFF; }
#header p { margin: 0px; }
#logo { float: left; margin-right: 10px; }
#logo img { width: 372px; height: 188px; }

#header #phones { float: left; padding-left: 0px; }
#header #phones div { float: left; padding-right: 10px; }
#header #phones .name { font-size: 22px; color: #285682; text-align: right; }
#header #phones .desc { font-size: 32px; padding-top: 20px; }

#header #slogan { padding: 14px 0px 20px 0px; font-size: 16px; }
#header #basket { float: right; padding: 0px 0px 20px 0px; width: 230px; }
#header #basket .image { padding: 0px 6px 6px 0px; float: left; }
#header #basket .image img { width: 48px; height: 46px; }
#header #basket .name { padding: 8px 0px 2px 0px; }
#header #basket .name a { color: #04e4ff; }

.block { margin-bottom: 12px; padding: 10px; }

.item { padding-bottom: 6px; }
.item .name { padding-bottom: 4px; font-size: 18px; }
.item .name a { font-size: 18px; }
.item .date { font-size: 11px; font-style: italic; color: #666; padding-bottom: 4px; }
.item .date a { font-size: 11px; font-style: italic; color: #666; }
.item .desc { padding-bottom: 4px; }
.item .image {  }
.item .image img {  }

#main { float: left; width: 100%; clear: both; margin-top: -3px; }
#main .cc { margin-left: 370px; padding: 10px 25px 25px 25px; clear: both; }

#menu { clear: both; margin-left: 415px; }
#menu ul { margin: 0px; padding: 0px; }
#menu ul li { list-style-type: none; list-style-position: outside; float: left; margin-right: 11px; }
#menu ul li a { font-size: 16px; color: #A6CE38; font-weight: bold; text-decoration: none; }
#menu ul li a:hover { color: #7e7e7e; }
#menu ul li a.active { color: #7e7e7e; }

#goods { width: 100%; }
#goods .item td { padding: 15px 0px 15px 0px; border-bottom: 1px dashed #285682; vertical-align: top; }
#goods .item .price { background: url(../images/price.png) no-repeat; padding: 18px 10px 18px 20px; color: #FFE801; font-size: 20px; font-weight: bold; margin-bottom: 5px; }
#goods .item .more { background: url(../images/podrobnee.png) no-repeat 15px 0%; margin-bottom: 5px; text-align: right; }
#goods .item .basket { background: url(../images/korzina.png) no-repeat 15px 0%; margin-bottom: 5px; text-align: right; }

#categs {  }
#categs .item td { vertical-align: top; padding: 0px 0px 30px 0px; }
#categs .item .image { padding: 0px 10px 10px 0px; }

#thegood {  }
#thegood .item { width: 100%; }
#thegood .item .image { width: 210px; vertical-align: top;}
#thegood .item .pf { vertical-align: top; }
#thegood .item .pf .price { padding-bottom: 8px; color: #FFE801; background: url(../images/price.png) no-repeat; padding: 18px 60px 18px 20px; color: #FFE801; font-size: 20px; font-weight: bold; }
#thegood .item .pf .price span { font-size: 26px; }
#thegood .item .pf .desc { padding-bottom: 8px; }
#thegood .item .pf .basket { padding-bottom: 8px;  }
#thegood .item .pf .basket input { text-align: center; font-size: 12px; }

#faq .item { padding-bottom: 20px; }

#left { float: left; width: 370px; margin-left: -100%; background: url(../images/gadient_left_column.jpg) repeat-x; margin-top: -3px; }
#left .cc { padding: 10px; }

.block table { border-collapse: collapse; border-spacing: 0px; }
.block table td { margin: 0px; vertical-align: top; }

#account {  }
#account table td { padding: 0px 2px 0px 2px; font-size: 11px; }
#account table td a { font-size: 11px; }
#account table td input.text { width: 120px; }
#account table td input.submit { padding: 0px; }

#form { padding: 10px 10px 10px 10px; background: url(../images/otzyvy.png) no-repeat; }
#form .head { text-align: right; padding: 15px 0px 15px 0px; }
#form table td { padding: 2px; font-size: 12px; color: #666; }
#form table td.l { text-align: right; padding-top: 5px; }
#form table td.r { text-align: left; }
#form table td a { font-size: 12px; }
#form table td input.text { width: 225px; }
#form table td textarea.text { width: 225px; height: 130px; }
#form table td input.submit { padding: 0px; }
#form table td.code input.text { width: 92px; margin-bottom: 6px; }
#form table td.code p { clear: left; }
#form label i { font-size: 10px; }
.load { padding: 100px 0px 100px 0px; text-align: center; }


#path { padding: 0px 0px 10px 0px; color: #e71b23; font-size: 14px; }
#path a { font-size: 11px; }

#navi { padding: 10px 0px 10px 0px; text-align: center; }
#navi a { font-size: 11px; margin: 0px 5px 0px 5px; }
#navi span { font-size: 16px; margin: 0px 5px 0px 5px; font-weight: bold; }


#spacer { clear: both; height: 60px; }
#bottom { height: 60px; margin-top: -60px; line-height: normal; }
#bottom div { font-size: 11px; }
#bottom div a, #bottom div a:hover { font-size: 11px; }
#bottom p { margin: 0px; }

#counters { float: left; padding: 15px 10px 5px 20px; }
#binfo { width: 250px; float: left; padding-top: 15px; }

#bmenu { margin: 0px 150px 0px 400px; padding: 20px 0px 5px 0px; }
#bmenu ul { padding: 0px; margin: 0px; }
#bmenu ul li { display: inline; list-style-type: none; list-style-position: outside; }
#bmenu ul li a { margin: 0px 20px 0px 0px; }

#create { float: right; padding: 4px; }


.wbg { padding: 15px 15px 5px 15px; background: #efefef; margin-bottom: 5px; }
.red { color: #e71b23; }
.clear { clear: both; font-size: 1px; }
.big { font-size: 16px; }
.small { font-size: 11px; }
hr { color: #999; height: 1px; }

.filltab { width: 98%; }
.filltab td { padding: 4px; }
.filltab td.label { font-weight: bold;  }

.small { font-size: 11px; }


.error { color: Red; }
.warning { color: Blue; }
.success { color: Green; }

.suboption1 { background: #591D01; color: #F6EBCD; }
.suboption2 { background: #C9AD7E; color: #591D01; }
.suboption3 { background: #F6EBCD; color: #591D01; }