html {height: 100%;}
body {height: 100%; margin: 0; padding: 0; background: #c5e1f5 url(/img/back1.gif) top center repeat;}
body, td, th {font: normal 9pt arial, tahoma, verdana, helvetica, sans-serif; color: #282b2d;}
img {border: none;}
img { behavior: url(/scripts/iepngfix.htc) }
a {outline: none;}
table, div {border-collapse: collapse;}
td {vertical-align: top; text-align: left; padding: 0;}

p {margin: 0 0 10px 0;}

p.darklink small {font-size: 8pt;}
p.darklink a {font-size: 10pt; color: #282b2d !important;}

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: 10pt; FONT-FAMILY: arial, tahoma, verdana; color: #282b2d;}

a:link {color: #007bd1; text-decoration: underline;}
a:visited {color: #007bd1; text-decoration: underline;}
a:active {color: #007bd1; text-decoration: none;}
a:hover {color: #007bd1; text-decoration: none;}

h1 {font-size:16pt ; font-weight: normal; margin: 0 0 15px 0;}
h2 {font-size:14pt ; font-weight: normal; color: #007bd1; margin: 0 0 10px 0;}
h3 {font-size:10pt ; font-weight: bold; margin: 0 0 8px 0;}
h4 {font-size:10pt ; font-weight: bold; color: #007bd1; margin: 0 20px 8px 0;}
h5 {font-size:11pt ; font-weight: normal; color: #333; margin: 0 20px 10px 0;}
h6 {}



/* ============= верхняя шапка ============ */



table.MainTable {width: 85%; min-width: 960px; margin: 0 auto;}
table.MainTable td.TopMainLeft {width: 22%; background: #ffffff url(/img/toto.gif) bottom left repeat-x; height: 13px;}
table.MainTable td.TopMainLeft span {display: block; width: 200px; height: 13px;}
table.MainTable td.TopMainCenter {width: 56%; background:  #ffffff url(/img/toto.gif) bottom left repeat-x; height: 13px;}
table.MainTable td.TopMainCenter span {display: block; width: 470px; height: 13px;}
table.MainTable td.TopMainRight {width: 22%; background:  #ffffff url(/img/toto.gif) bottom left repeat-x; height: 13px;}
table.MainTable td.TopMainRight span {display: block; width: 200px; height: 13px;}

table.MainTable td.HeadMainLeft {background: #ffffff url(/img/ttt.gif) bottom left repeat-x; text-align: center;}
table.MainTable td.HeadMainLeft img {margin: 33px 5px 7px 5px;}
table.MainTable td.HeadMainCenter {background: #ffffff url(/img/ttt.gif) bottom left repeat-x; padding: 0 20px 32px 0;}

div.topphone {float: left; padding: 18px 0 11px 20px; font-size: 10pt;}
div.topphone b {font-weight: normal; color: #007bd1;}
div.topphone span {font-size: 14pt;}
div.topphone td {padding: 5px 42px 0 0;}

table.ico img {position: absolute; margin-left: -20px;}

table.toplogin {float: right; background: #e6e6e6; margin-right: 2px;}
table.toplogin td {vertical-align: middle; color: #9ea4a9; padding: 7px 2px 11px 2px; white-space: nowrap;  font-size: 9pt;}
table.toplogin td.start {padding: 7px 6px 8px 20px; white-space: nowrap; background: #e6e6e6 url(/img/bglog1.gif) bottom left no-repeat;}
table.toplogin td.end {padding: 7px 20px 8px 6px; white-space: nowrap; background: #e6e6e6 url(/img/bglog2.gif) bottom right no-repeat;}
table.toplogin .sublogin td {font-size: 8pt; padding: 0 2px 7px 2px;}
table.toplogin td.logl {background: #a6a69c url(/img/bglog1.gif) bottom left no-repeat;}
table.toplogin td.logr {background: #a6a69c url(/img/bglog2.gif) bottom right no-repeat;}


#Entrance {position:relative; z-index: 20; top: 0; left: 0; width: 0px; height: 0px; float: right;}
#Enter {position:absolute; z-index: 20; top: -14px; left: -350px; width: 350px; padding: 0;}

table.pageTopEnter {margin: 0 2px 0 0; background: #e6e6e6; float: right;}
table.pageTopEnter td.utl {width: 5px; padding: 0; background: #e6e6e6 url(/img/bglog1.gif) bottom left no-repeat;}
table.pageTopEnter td.utc {padding: 0 0 0 0; background: #e6e6e6; }
table.pageTopEnter td.utc div {padding: 6px 0 3px 0; }
table.pageTopEnter td.utr {width:5px; padding: 0; background: #e6e6e6 url(/img/bglog2.gif) bottom right no-repeat;}

table.EnterTab {}
table.EnterTab td { }
table.EnterTab td.inp {text-align: left; padding: 0 6px 0 10px !important;}
table.EnterTab td.ico {padding: 2px 8px 0 0 !important; font-size: 9pt; white-space: nowrap;}
table.EnterTab td.ico img {float: right; margin-bottom: 10px;}


table.logpass {margin: 0 0 2px 0;}
table.logpass td {vertical-align: middle; padding: 0 6px 2px 0; font-size: 9pt;}
table.logpass td a {color: #eeeeee !important;}
input.topinl {padding: 0; width: 125px;}
input.topinp {padding: 0; width: 60px;}




table.TopMenu {width: 100%; background: #ceda34; margin-bottom: 15px;}
table.TopMenu td {width: auto; text-align: center; vertical-align: middle; white-space: nowrap; height: 27px; text-transform: uppercase; font-size: 8pt; font-weight: bold; padding: 0 10px;}
table.TopMenu td.spacer {width: 1px; padding:0; vertical-align: top; }
table.TopMenu td.spacer img {position: absolute; margin-left: -3px;}
table.TopMenu td a:link {color: #007bd1;}
table.TopMenu td a:visited {color: #007bd1;}
table.TopMenu td a:hover {color: #007bd1;}

td.LineMainLeft {height: 45px; vertical-align: middle; text-align: right; background: #f3f3ef url(/img/tline.gif) bottom left repeat-x; text-transform: uppercase; font-size: 8pt; font-weight: bold;}
td.LineMainLeft div {float: right; padding-right: 20px;}
td.LineMainCenter {height: 45px; vertical-align: middle; background: #f3f3ef url(/img/tline.gif) bottom left repeat-x;}
td.LineMainRight {height: 45px; vertical-align: middle; background: #f3f3ef url(/img/tline.gif) bottom left repeat-x;}
td.LineMainRight table {margin-left: 7px;}
td.LineMainRight table td {font-size: 8pt; white-space: nowrap; vertical-align: middle; padding-right: 18px;}
td.LineMainRight table td a {color: #282b2d !important;}

td.MainLeft {padding: 0 0 10px 0; background: #ffffff;}
td.MainCenter {padding: 0 0 10px 0; background: #ffffff;}
td.MainRight {padding: 0 0 10px 0; background: #ffffff;}


div.LeftMenu {padding: 9px 15px 0 20px; margin: 0; }
div.MenuBlock {padding: 5px 0 15px 0; margin: 0 0 5px 0; border-bottom: 1px dashed #d1d2cf;}
div.MenuBlock ul {margin: 0; padding: 0;}
div.MenuBlock li {list-style-type: circle; margin: 6px 0 0 16px; padding: 0; font-size: 8pt; color: #696d71; }
div.MenuBlock li a {font-size: 9pt;}
div.MenuBlock li a:link {color: #282b2d;}
div.MenuBlock li a:visited {color: #282b2d;}
div.MenuBlock li a:hover {color: #007bd1;}
div.MenuBlock li.active {color: #007bd1 !important;}
div.MenuBlock li.active a {color: #007bd1 !important;}
div.MenuBlock b a {font-size: 10pt; font-weight: bold; color: #007bd1 !important;}
div.Special {padding: 2px 0 0 0 !important; border: 0px !important;}

div.RightBox {padding: 0 15px 0 12px}


div.RightBlock {padding: 5px 0 15px 18px; margin: 0 0 5px 0; border-bottom: 1px dashed #d1d2cf;}
div.RightBlock p {margin: 0 0 5px 16px; padding: 0;}
div.RightBlock ul {margin: 0; padding: 0;}
div.RightBlock li {list-style-type: circle; margin: 6px 0 0 16px; padding: 0; }
div.RightBlock li a {font-size: 9pt;}
div.RightBlock b a {font-size: 10pt; font-weight: bold; color: #007bd1 !important;}

div.RightBrand {padding: 5px 0 15px 18px; margin: 0 0 5px 0;}
div.RightBrand ul {margin: 0; padding: 0;}
div.RightBrand li {list-style-type: circle; margin: 6px 0 0 16px; padding: 0; font-size: 8pt; color: #868c91; }
div.RightBrand li a {font-size: 9pt;}
div.RightBrand li a:link {color: #282b2d;}
div.RightBrand li a:visited {color: #282b2d;}
div.RightBrand li a:hover {color: #007bd1;}
div.RightBrand li.active {color: #282b2d !important;}
div.RightBrand li.active a {color: #282b2d !important;}
div.RightBrand b a {font-size: 10pt; font-weight: bold; color: #007bd1 !important;}

table.RightSearch {width: 100%; height: 66px; background: #c5e1f5 url(/img/ss1.gif) top right no-repeat; margin-bottom: 12px;}
table.RightSearch td.ss {width: 100%; background: url(/img/ss2.gif) top left no-repeat; padding: 12px 18px 0 18px;}
table.RightSearch td.ss p {margin: 0 0 3px 0;}
table.RightSearch td input.ssa {width: 95%;}
table.RightSearch td input.ssb {width: 30px; height: 21px; background: transparent url(/img/ssb.gif) top left no-repeat; border: 0px; margin-left: 3px;}




table.Round {width: 100%; margin-bottom: 15px;}
table.Round td.xface a {display: block; height: 120px;}

table.Round td.TopRleft {background: url(/img/u.gif) top left no-repeat;}
table.Round td.TopRleft span {display: block; width: 15px; height: 15px;}
table.Round td.TopRcenter {width: 100%; background: url(/img/u1.gif) top left repeat-x;}
table.Round td.TopRcenter span {display: block; width: 15px; height: 15px;}
table.Round td.TopRright {background: url(/img/u.gif) top right no-repeat;}
table.Round td.TopRright span {display: block; width: 15px; height: 15px;}

table.Round td.CenRleft {background: url(/img/u2.gif) top left repeat-y;}
table.Round td.CenRleft span {display: block; width: 15px; height: 15px;}
table.Round td.CenRcenter {width: 100%; background: #ffffff;}
table.Round td.CenRright {background: url(/img/u2.gif) top right repeat-y;}
table.Round td.CenRright span {display: block; width: 15px; height: 15px;}

table.Round td.BotRleft {background: url(/img/u.gif) bottom left no-repeat;}
table.Round td.BotRleft span {display: block; width: 15px; height: 12px;}
table.Round td.BotRcenter {width: 100%; background: url(/img/u1.gif) bottom left repeat-x;}
table.Round td.BotRcenter span {display: block; width: 15px; height: 12px;}
table.Round td.BotRright {background: url(/img/u.gif) bottom right no-repeat;}
table.Round td.BotRright span {display: block; width: 15px; height: 12px;}

table.Round td.BotRleftBlue {background: url(/img/ub.gif) bottom left no-repeat;}
table.Round td.BotRleftBlue span {display: block; width: 15px; height: 12px;}
table.Round td.BotRcenterBlue {width: 100%; background: url(/img/ub1.gif) bottom left repeat-x; padding: 10px 0; color: #007bd1;}
table.Round td.BotRcenterBlue span {display: block; width: 15px; height: 12px;}
table.Round td.BotRrightBlue {background: url(/img/ub.gif) bottom right no-repeat;}
table.Round td.BotRrightBlue span {display: block; width: 15px; height: 12px;}

table.Round td.TopRfifty {width: 33%; background: url(/img/u1.gif) top left repeat-x;}
table.Round td.TopRfifty span {display: block; width: 15px; height: 15px;}
table.Round td.CenRfifty {width: 33%; background: #ffffff; text-align: center; padding-bottom: 8px; height: 108px; vertical-align: middle;}
table.Round td.BotRfifty {width: 33%; background: url(/img/ub1.gif) bottom left repeat-x; padding: 10px 0; color: #007bd1; vertical-align: middle;}
table.Round td.BotRfifty span {display: block; width: 15px; height: 12px;}
table.Round td.zita span {display: block; width: 5px; height: 11px;}

table.face {width: 100%; margin-bottom: 10px;}
table.face td.facefoto {width: 50%; text-align: center; padding-right: 10px;}
table.face td.facetxt {width: 50%; text-align: left; padding-left: 10px; vertical-align: middle;}
table.face td.facetxt p {margin: 0 0 6px 0;}

div.label {float: right;}
div.label img {position: absolute; margin: -50px 0 0 -50px !important; padding: 0 !important;}

table.TreeFace {width: 100%;}
table.TreeFace td {width: 33%; padding: 7px 0 0 0;}
table.TreeFace td.spacer {width: 18px;}
table.TreeFace td.spacer span {display: block; width: 18px;}
table.TreeFace td p {margin: 0 0 5px 0;}
table.TreeFace td p.foto {display: block; text-align: center;}


table.TreeFaceCatalog {width: 100%;}
table.TreeFaceCatalog td {width: 33%; padding: 7px 0 0 0;}
table.TreeFaceCatalog td.spacer {width: 18px;}
table.TreeFaceCatalog td.spacer span {display: block; width: 18px;}
table.TreeFaceCatalog td p {margin: 0 0 5px 0;}
table.TreeFaceCatalog td p.foto {display: block; text-align: center;}
table.TreeFaceCatalog td.line {padding: 15px 0 !important;}
table.TreeFaceCatalog td.line span {display: block; height: 1px; border-top: 1px dashed #ccc;}


p.price {font-size: 9pt; color: #007bd1; white-space: nowrap;}
table.TreeFace p.price {color: #007bd1;}
p.price span {color: #007bd1;  font-size: 12pt; margin: 0 3px 0 6px;}
table.face p.price span {color: #007bd1;  font-size: 14pt; margin: 0 3px 0 6px;}

div.add {padding: 8px 0 8px 30px; background: url(/img/add.gif) 0 5px no-repeat; white-space:nowrap;}
div.addpic {padding: 0 10px 0 6px; float: right;}




div.breadcrumbs {margin: 0 0 0 20px; font-size: 8pt; color: #007bd1;}

div.Total {float: left; padding: 5px 0 20px 0; white-space: nowrap;}
div.Pages {float: right; padding: 5px 0 20px 0; white-space: nowrap;}
div.Pages span {background: #f5f2eb; border: 1px solid #d5cce2; font-size: 9pt; font-weight: bold; padding: 4px 8px;}
div.Pages a {padding: 0 6px;}
div.Pages a span {background: #fff; border: 1px solid #fff; font-size: 9pt; font-weight: normal;}

table.chooseTab {margin: 0 0 20px 0; width: 100%;}
table.chooseTab td {vertical-align: top; padding: 2px 6px 2px 0;}
table.chooseTab td p {margin: 0 0 3px 0;}
table.chooseTab td.one {width: 50%; padding: 10px 0 8px 0 !important;}
table.chooseTab td.two {width: 50%; padding: 10px 0 8px 0 !important;}
table.chooseTab td.three {width: 30%; padding: 10px 0 8px 0 !important;}
table.chooseTab td.sel {padding: 26px 0 0 0 !important;}

table.CatalogTab {width: 100%; margin: 0 0 30px 0; border-bottom: 1px dashed #ccc;}
table.CatalogTab td {padding: 12px 0;}
table.CatalogTab td.Pic {padding: 0 15px 12px 0;}
table.CatalogTab td.Pic img {padding: 12px 0 5px 0;}
table.CatalogTab td.Txt {width: 95%; border-top: 1px dashed #ccc; padding: 15px 0 6px 0;}
table.CatalogTab td.Txt p {margin: 0 5px 8px 0; }
table.CatalogTab td.Txt h2 {font-size: 11pt; font-weight: normal; margin: 0 10px 8px 0; }
table.CatalogTab td.Txt div.addpic {float: right; padding: 0 0 0 6px;}
table.CatalogTab td.Txt p.price {float: right; padding-top: 10px; color: #007bd1;}
table.CatalogTab td.rad {vertical-align: middle; padding-left: 12px; border-top: 1px dashed #ccc;}
table.CatalogTab td small {font-size: 8pt;}

table.CatalogTreeTab {width: 100%; margin: 0 0 30px 0; border-bottom: 1px dashed #ccc;}
table.CatalogTreeTab td {padding: 12px 0;}
table.CatalogTreeTab td.Pic {width: 33%; padding: 10px 2px 0 2px; border-top: 1px dashed #ccc; text-align: center;}
table.CatalogTreeTab td.Pic img {padding: 12px 0 5px 0;}
table.CatalogTreeTab td.Txt {width: 33%;  padding: 8px 5px 10px 5px; text-align: center;}
table.CatalogTreeTab td.Txt p {margin: 0 5px 8px 0; }
table.CatalogTreeTab td.Txt h2 {font-size: 10pt; font-weight: normal; margin: 0 10px 8px 0; }
table.CatalogTreeTab td.Txt div.addpic {float: right; padding: 0 0 0 6px;}
table.CatalogTreeTab td.Txt p.price {color: #007bd1;}
table.CatalogTreeTab td.rad {vertical-align: middle; padding-left: 12px; border-top: 1px dashed #ccc;}
table.CatalogTreeTab td small {font-size: 8pt;}

table.ItemTab {width: 100%; margin: 0 0 30px 0; border-bottom: 1px dashed #ccc;}
table.ItemTab td.Pic {padding: 0 20px 12px 0;}
table.ItemTab td.Pic img {padding: 0; margin: 0 10px 10px 0;}
table.ItemTab td.Txt {width: 80%; padding: 12px 12px 12px 0; border-top: 1px dashed #ccc;}
table.ItemTab td.Txt small {color: #999;}
table.ItemTab td.Txt p {margin: 0 0 5px 0;}
table.ItemTab td.Rating {padding: 12px 20px 12px 0; border-top: 1px dashed #ccc;}
table.ItemTab td p.price {color: #007bd1;}
table.ItemTab div.add {margin-bottom: 25px; }

div.dopfoto {clear: both; margin: 0 0 25px 0;}
div.dopfoto img {float: left; margin: 0 10px 10px 0 !important; padding: 4px !important;}

table.ratingTab {margin-bottom: 7px;}
table.ratingTab td {padding: 0 7px 0 0;}
table.ratingTab td img {margin: 0 0 0 3px; text-align: center;}

.date {font-weight: normal; font-size: 8pt; margin: 0 0 1px 0;}

table.otzyvPre {}
table.otzyvPre td.top {padding: 0 0 0 0; vertical-align: top;}
table.otzyvPre td.bot {padding: 0 0 5px 0;}


table.cart {width: 100%; margin: 20px 0 15px 0;}
table.cart th {padding: 12px 15px 12px 0; white-space: nowrap; color: #686172; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
table.cart th.end {padding: 12px 0 12px 0;}
table.cart td {padding: 12px 15px 12px 0; border-bottom: 1px solid #e5e5e5; vertical-align: middle;}
table.cart td a {font-size: 11pt;}
table.cart td.deliv {padding: 12px 12px; border-bottom: 1px solid #e5e5e5;}
table.cart td.itogo {white-space: nowrap;  color: #333;}
table.cart td.del {text-align: center; padding: 12px 0 12px 0;}
table.cart td.price {white-space: nowrap; }
table.cart td p {margin: 0 0 3px 0;}


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;}

table.faceNews td.newsFull {width: 67%; padding: 0 20px 10px 0;}
table.faceNews td.newsFull p {margin: 0 0 10px 0;}


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 10px 0;}


table.orderForm {width:98%; margin: 25px 0;  }
table.orderForm th {padding: 15px 8px 12px 0; border-top: 1px dashed #ccc; vertical-align: top;}
table.orderForm th.min {padding: 12px 8px 4px 0; border-top: 1px dashed #ccc; vertical-align: top;}
table.orderForm td {padding: 4px 8px 12px 0;}
table.orderForm td.min {padding: 2px 8px 4px 0 !important;}

table.inorder td {padding: 0 4px 0 0 !important;}


.tellMe {width: 280px; }




table.banner {width: 100%; height: 200px; margin: 0 0 15px 0;}
table.banner a {display: block; height: 200px;}
table.banner a img {float: right;}

td.footer {padding: 20px 25px 20px 50px; font-size: 8pt; color: #282b2d; background: #ffffff url(/img/ttt.gif) top left repeat-x;}
td.footer a {color: #282b2d !important; text-decoration: none;}
div.counter {float: right;}

/* ============= кнопки ============ */

.btn_login {background: #a6a69c url(/img/btn_login.gif) top left no-repeat; border: 0px; width: 60px; height: 25px; color: #f0f0f0; font-size: 9pt;}
.btn_search {background: #f0f1ec url(/img/btn_search.gif) top left no-repeat; border: 0px; width: 48px; height: 27px; color: #ffffff;}
.btn80 {background: transparent url(/img/btn_80.gif) top left no-repeat; border: 0px; width: 80px; height: 24px; margin: 0 0 0 1px; color: #454541;}
.btn140 {background: transparent url(/img/btn_140.gif) top left no-repeat; border: 0px; width: 140px; height: 24px; margin: 0; color: #454541;}
.btn100 {background: transparent url(/img/btn100.gif) top left no-repeat; border: 0px; width: 100px; height: 25px; margin: 0 0 0 3px; color: #514364;}
.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: #514364;}
.btn150 {background: transparent url(/img/btn150.gif) top left no-repeat; border: 0px; width: 150px; height: 25px; margin: 0 0 0 3px; color: #514364;}
.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: #514364;}

.wide {width: 90%; border: 1px solid #999b9c; }
.widest {width: 99%;}
input.wide95 {width: 93%;}
textarea.wide95 {width: 93%;}

table.mailform {margin: 15px 0 25px 0;}
table.mailform td {padding: 3px 12px 3px 0;}

ul.subcat {padding: 0; margin: 0; clear: both;}
ul.subcat li {float: left; display: block; list-style-type: none; border: 1px solid #c3e0e8; padding: 3px 10px; margin: 0 3px 3px 0; white-space: nowrap; font-size: 9pt;}
ul.subcat li.active {background: #2891d4; border: 1px solid #2891d4; color: #ffffff;}
ul.subcat li.active a {color: #ffffff !important; text-decoration: none;}

