html {height: 100%;}
body {height: 100%; margin: 0; padding: 0; background: #fff url(/img/body.gif) top left repeat-x;}
body, td, th {font: normal 10pt arial, tahoma, helvetica, verdana, sans-serif; color: #444;}
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 10px 10px 0;}
p.nine {font-size: 9pt;}
p.eight {font-size: 8pt;}
form {margin: 0; padding 0;}
hr {border: none; color: #ccc; background-color: #ccc; height: 1px; margin: 10px 0;}

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

a{text-decoration: underline;}
a:link {color: #0078d8;}
a:visited {color: #0078d8;}
a:active {color: #0078d8;}
a:hover {color: #0078d8;}

h1 {font: bold 24pt  arial narrow, arial, tahoma, helvetica, verdana, sans-serif; color: #0078d8; margin: 0 0 6px 0; line-height: 1em;}
h1 span {font-size: 26pt; text-transform: uppercase;}
h2 {font: normal 16pt  arial, tahoma, helvetica, verdana, sans-serif; color: #555; margin: 0 0 12px 0;}
h3 {font: bold 13pt arial narrow, arial, tahoma, helvetica, verdana, sans-serif; color: #555; margin: 10px 0 8px 0;}
h4 {font: bold 13pt arial narrow, arial, tahoma, helvetica, verdana, sans-serif; color: #0078d8; margin: 10px 0 8px 0;}
h5 {font: bold 12pt arial narrow, arial, tahoma, helvetica, verdana, sans-serif; color: #003861; margin: 12px 0 6px 0;}
h6 {font: bold 11pt arial, tahoma, helvetica, verdana, sans-serif; color: #003861; margin: 15px 0 6px 0;}

.bottom {color: #444;}


.vynos {font-family: tahoma, arial, sans-serif; font-size: 8pt; color: #484C50;}
.vynos A:link {text-decoration: none; color: #CC0000;}
.vynos A:visited {text-decoration: none; color: #CC0000;}
.vynos A:active {text-decoration: underline; color: #CC0000;}
.vynos A:hover {text-decoration: underline; color: #CC0000;}

#SiteContainer {	width:expression(document.body.clientWidth > 1300? "1300px": "100%" ); min-width: 970px; max-width: 1300px;}

table#Main {width: 100%;}
table#Main td.SiteLeft {width: 22%; height: 1px;}
table#Main td.SiteCenter {width: 78%; height: 1px;}
table#Main td.SiteRight {width: 22%; height: 1px;}


table#Main td#Logo {background: transparent url(/img/bg_logo.gif) top right no-repeat;}
table#Main td#Logo img.logo {margin: 55px 95px 10px 85px;}
table#Main td#Header {width: 100%; padding: 0;}

table.TopTab {width: 100%; height: 79px;}
table.TopTab td.LeftNavy {padding: 33px 25px 0 0;}
table.TopTab td.RightPhone {padding: 33px 50px 0 0; text-align: right; color: #003861;}
table.TopTab td.RightPhone span {color: #0078d8; font-size: 14pt;}
table.NavyTab td {padding: 0 10px 0 0;}


div.TopMenu {padding: 9px 3px; height: 40px; clear: both;}
div.TopMenu ul {margin: 0; padding: 0;}
div.TopMenu ul li {float: left;  list-style-type: none; padding: 0; margin: 0 25px 0 0; font: bold 10pt arial narrow, arial, tahoma, helvetica, verdana, sans-serif; white-space: nowrap; text-transform: uppercase;}
div.TopMenu a {display: block; padding: 13px 0 0 0;}
div.TopMenu li a:link {background: transparent url(/img/em.gif) center top no-repeat;}
div.TopMenu li a:visited {background: transparent url(/img/em.gif) center top no-repeat;}
div.TopMenu li a:active {background: transparent url(/img/tmen.gif) center top no-repeat; }
div.TopMenu li a:hover {background: transparent url(/img/tmen.gif) center top no-repeat; }

div.TopMenu li.active a {background: transparent url(/img/tmen.gif) center top no-repeat !important;}


div.Navigator {font-size: 8pt; padding: 24px 3px 0 3px; color: #003861;}
div.Navigator a {color: #003861 !important;}

table#Main td#mainLeft {width: 20%; background: #fff; padding: 15px 15px 90px 85px;}
table#Main td#mainCenter {width: 80%; background: #fff; padding: 15px 60px 40px 3px;}
table#Main td#mainRight {width: 22%; background: #fff; padding: 0 20px 50px 15px;}

td#mainLeft div.menu {margin: 0 0 8px 0px; font-size: 10pt;}
div.menu p {margin: 0 0 7px 0;}
.menu a {color: #003861 !important;}

td#mainRight div.menu {margin: 0 0 8px 0; font-size: 11pt;}
td#mainRight div.menu p {margin: 0 0 5px 0;}

td#mainLeft div.submenu {margin: 0 0 6px 0; font-size: 10pt;}

table.tab2column {width: 100%;}
table.tab2column td.tab2left {width: 67%; padding: 0 30px 0 0;}
table.tab2column td.tab2right {width: 33%; padding: 0 0 0 15px;}

td.faceSlogan {height: 140px; padding: 50px 32% 0 85px;}
td.faceSloganTab {height: 140px; padding: 15px 63px 0 85px;}


ul.leftMenu {margin: 0 0 20px 0; padding: 0;}
ul.leftMenu li {list-style-type: none; padding: 0 40px 0 10px; margin: 0 0 8px 0; }
ul.leftMenu li.active {background: transparent url(/img/arb.gif) 0 5px no-repeat; padding: 0 0 0 10px; }

ul.leftMenuCat {margin: 0 0 30px 0; padding: 0; clear: both;}
ul.leftMenuCat li {list-style-type: none; float: left; width: 50%; padding: 0; margin: 0 0 8px 0; }
ul.leftMenuCat li a {padding: 0 30px 0 0; }
div.category {margin: 0; padding: 10px 0 20px 0; clear: both;}

ul.helpMenu {margin: 0 0 20px 0; padding: 0;}
ul.helpMenu li {list-style-type: none; padding: 0 35px 0 0; margin: 0 0 8px 0; }


td.newsArchive ul.leftMenu {margin: 0 0 18px 8px; padding: 0;}
td.newsArchive ul.leftMenu li.active {background: transparent url(/img/arb.gif) 0 5px no-repeat; padding: 0 0 0 10px; }

div.searchborder {width: 98%; border: 1px solid #cccccc; margin: 25px 0 20px -15px; padding: 0 0 12px 14px;}
table.search {width: 98%; margin: 0 0 0 -15px;}
table.search td.head {padding: 0 0 0 14px;}
table.search td.more {padding: 0 0 0 14px; font-size: 8pt;}
table.search td.enter {padding: 0 3px 5px 14px; width: 75%;}
table.search td.enter input {width: 100%; border: 1px solid #cccccc; background: #fff; }
table.search td.go {padding: 0 15px 5px 3px; width: 25%;}
table.search td.go input {width: 50px; border: 1px solid #0078d8; background: #0078d8; color: #fff; font-size: 8pt;}

div.enterCabinetFace {width: 98%; margin: 0 0 10px -15px; padding: 0 0 10px 14px;}
div.enterCabinetFace p {margin: 0 0 4px 0;}

div.enterCabinet {width: 98%; border: 1px solid #ccc; margin: 0 0 10px -15px; padding: 0 0 10px 14px;}
div.enterCabinet p {margin: 0 0 4px 0;}
table.cabinet {margin: 5px 0;}
table.cabinet td {vertical-align: middle; padding: 3px 0;}
table.cabinet td.login {padding: 0 5px;}
table.cabinet td.login input {width: 118px; border: 1px solid #cccccc; background: #fff;}
table.cabinet td.pass {padding: 0 3px 0 5px;}
table.cabinet td.pass input {width: 70px; border: 1px solid #cccccc; background: #fff;}
input.goin {width: 45px; border: 1px solid #0078d8; background: #0078d8; color: #fff; margin: 0 10px 0 0; font-size: 8pt;}

div#slogan {position:relative; z-index: 1; top: 0; left: 0; width: 0; height: 0;} 
div#slogan div {position:absolute; z-index: 1; top: -185px; left: -5px; clip: rect(0,200px,50px,0); white-space: nowrap;} 

div#phone {position:relative; z-index: 1; top: 0; left: 0; width: 0; height: 0;} 
div#phone div {position:absolute; z-index: 1; top: -120px; left: 0; clip: rect(0,200px,100px,0); white-space: nowrap; color: #534b3d; font-size: 10pt;} 
div#phone div span {color: #ff6900; font-size: 11pt;} 
div#phone div strong {color: #fff; font-size: 14pt; line-height: 1.5em;} 

div.basket {width: 98%; border: 1px solid #cccccc; margin: 25px 0 20px -15px; padding: 0 0 10px 14px;}
div.basket p {margin:  0 15px 4px 0;}

td.bottomIndex {height: 47px; background: #fff url(/img/bottom.gif) top left repeat-x; padding: 0 0 0 80px;}
td.bottomMenu {height: 47px; background: #fff url(/img/bottom.gif) top left repeat-x; padding: 0;}

td.footer {padding: 20px 60px 35px 80px;}
td.counter {text-align: right;}
td.counter table td {padding: 0 0 0 5px;}

table.faceNews {width: 100%;}
table.faceNews td span {font-size: 8pt;}
table.faceNews td a {font-size: 11pt;}
table.faceNews td.em {padding: 0 15px;}
table.faceNews td.text {width: 50%; padding: 0 0 10px 0;}

table.faceNews td.newsArchive {width: 33%; padding: 0 0 10px 20px;}
table.faceNews td.Account {width: 67%; padding: 0 0 10px 0;}
table.faceNews td.Account p {margin: 0 0 5px 0;}
table.faceNews td.Account a {font-size: 10pt !important;}

table.faceNews td.newsFull {width: 67%; padding: 0 20px 10px 0;}
table.faceNews td.newsFull p {margin: 0 0 10px 0;}

div.newsAll {padding: 10px 20px 10px 0;}
div.newsAll p {margin: 0 0 18px 0;}
div.newsAll p span {font-size: 8pt;}
div.newsAll p a {font-size: 11pt !important;}



table.catalog {width: 100%; margin: 0 0 20px 0; border-top: 1px solid #ccc; }
table.catalog td.leftcat {width: 50%; padding: 25px 25px 15px 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
table.catalog td.rightcat {width: 50%; padding: 25px 0 15px 25px; border-bottom: 1px solid #ccc;}
table.catalog td p {margin: 0 0 3px 0;}

table.treecatalog {width: 100%; margin: 0 0 20px 0; border-top: 1px solid #ccc; }
table.treecatalog td.leftcat {width: 33%; padding: 25px 20px 15px 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
table.treecatalog td.centercat {width: 33%; padding: 25px 20px 15px 20px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
table.treecatalog td.rightcat {width: 33%; padding: 25px 0 15px 20px; border-bottom: 1px solid #ccc;}
table.treecatalog td p {margin: 0 0 3px 0;}

div.foto {margin: 0 0 10px 0; text-align: center; height: 220px;}
div.mfoto {margin: 0 0 10px 0; text-align: center; height: 165px;}

table.opt {margin: 12px 0; width: 100%; }
table.opt td {font-size: 8pt; padding: 8px 9px 8px 0; vertical-align: middle; border-top: 1px solid #eaeaea; }
table.opt td.price {font-weight: bold; white-space: nowrap; padding: 8px 12px 8px 0; vertical-align: middle;}
table.opt td.bigprice {font-weight: bold; white-space: nowrap; padding: 8px 12px 6px 0; vertical-align: middle;  border-top: 1px solid #eaeaea; }
table.opt td.order {font-size: 10pt;  font-weight: normal; padding: 8px 0 3px 12px; vertical-align: bottom; border-top: 1px solid #eaeaea; }

table.item {width: 100%;}
table.item td.txt {width: 50%; padding: 10px 25px 20px 0;}
table.item td.foto {width: 50%; padding: 20px 0 15px 0;}
table.item td.foto img.bigFoto {margin: 0 0 25px 0;}

.name {font-size: 12pt;}

.wide {width: 90%; border: 1px solid #ccc; }

table.dobor {width: 100%; margin: 10px 0 15px 0;}
table.dobor td.ldobor {width: 65%; padding: 10px 0 10px 0; }
table.dobor td.rdobor {width: 35%; padding: 10px 0 10px 20px; }

table.podbor {width: 100%; margin: 0 0 20px 0;}
table.podbor td.lpodbor {width: 20%; padding: 8px 8px 0 0; vertical-align: middle;}
table.podbor td.rpodbor {width: 80%; padding: 8px 8px 0 0; vertical-align: middle;}

table.pages {width: 100%; margin: 0 0 15px 0;}
table.pages td.show {vertical-align: bottom; }
table.pages td.page {vertical-align: bottom; text-align: right;}
table.pages td.page span {font-size: 13pt;}
table.pages td.page span a {font-size: 10pt; margin: 0 2px;}

table.cart {width: 100%; margin: 20px 0 15px 0;}
table.cart th {padding: 10px 20px 10px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; white-space: nowrap; }
table.cart td {padding: 5px 25px 5px 0; border-bottom: 1px dotted #ccc; vertical-align: middle;}
table.cart td.deliv {padding: 5px 15px 5px 0; border-bottom: 1px solid #ccc;}
table.cart td.itogo {padding: 10px 20px 10px 0; border-bottom: 1px solid #ccc;}
table.cart td.del {text-align: center; padding: 5px;}
table.cart th.del {text-align: center; padding: 5px;}

input.find {width: 100px; border: 1px solid #0078d8; background: #0078d8; color: #fff; padding: 2px;}
input.add {width: 170px; border: 1px solid #cccccc; background: #cccccc; color: #555; padding: 3px;}
input.clear {width: 140px; border: 1px solid #0078d8; background: #0078d8; color: #fff; padding: 3px;}

table.help {width: 100%; margin: 12px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
table.help td {width: 50%; padding: 12px 0 0 0;}

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

table.orderForm {width:100%; margin: 25px 0; border-bottom: 1px solid #ccc; }
table.orderForm th {padding: 25px 8px 8px 0; border-top: 1px solid #ccc; vertical-align: top;}
table.orderForm td {padding: 0 8px 8px 0;}
.tellMe {width: 280px; border: 1px solid #ccc; }




div.priceRight {float: right; white-space: nowrap; padding: 5px 0 0 0; font-size: 14pt; color: #003861;}
div.priceRight span {font-size: 11pt; padding: 0 0 0 4px;}

div.priceLeft {white-space: nowrap; margin: 0 0 10px 0; font-size: 14pt; color: #ff6900;}
div.priceLeft span {font-size: 10pt;}

#vitrina {width: 100%; margin: 15px 0; }
.centermenu {width: 33%; padding: 0 0 5px 0;}
.centermenu div {width: 98%; border: 1px solid #cccccc; font-size: 10pt; font-weight: normal; text-align: center;  height: 190px; padding: 10px 0 0 0;}
.centermenu div a {display: block; padding-top: 145px; text-decoration: none;}
.centermenu p {text-decoration: underline; margin: 0 20px;}

.catmenu {width: 33%; padding: 0 0 5px 0;}
.catmenu div {width: 98%; font-size: 10pt; font-weight: normal; padding: 10px 0 0 0;}
.catmenu h5 {margin-right: 20px;}
.catmenu p {text-decoration: underline; margin: 0 20px;}


div#c01 {background: transparent url(/img/1st.jpg) center 12px no-repeat; }
div#c02 {background: transparent url(/img/2st.jpg) center 12px no-repeat; }
div#c03 {background: transparent url(/img/3st.jpg) center 12px no-repeat; }

div#c04 {background: transparent url(/img/4st.jpg) center 12px no-repeat; }
div#c05 {background: transparent url(/img/5st.jpg) center 12px no-repeat; }
div#c06 {background: transparent url(/img/6st.jpg) center 12px no-repeat; }

div#c07 {background: transparent url(/img/7st.jpg) center 12px no-repeat; }
div#c08 {background: transparent url(/img/8st.jpg) center 12px no-repeat; }
div#c09 {background: transparent url(/img/9st.jpg) center 12px no-repeat; }