html,body{ margin:0; padding:0; width: 100%; font-family: tahoma, sans-serif; font-size: 11px; text-align: center }
table{ width: 100%; padding: 0; margin:0; border-collapse: collapse }
td,th{ padding: 0; margin:0; border-collapse: collapse; vertical-align: top }
img{ border:0 }
form{ margin: 0; padding:0; width: 100% }
textarea{ overflow: auto }
h1, h2, h3, h4, h5, h6, p, address{ margin:0; padding:0; }
a{ color:#0086bc }
a:hover{ text-decoration: none }

.main{ width: 980px; margin: 0 auto }
.page{ width: 928px; margin: 0 auto; text-align: left }
.column-left{ float: left; width: 202px }
.column-right{ float: right; width: 692px }

.column-left .phone{ font-size: 18px; height: 60px; line-height: 60px; text-align: center }
.column-left .phone span{ color:#cc2752 }
.column-left .phone small{ display: block; font-size: 14px }
.column-left .legend{ line-height: 22px; text-align: left; padding: 15px 0 20px 27px }

.column-right .menu, .column-right .menu li{ padding: 0; margin: 0; list-style: none }
.column-right .menu{ width: 100%; margin-right: -100%; height: 60px; line-height: 60px }
.column-right .menu li{ float: left; padding: 0 8px }
.column-right .menu a{ font-size: 10px; text-decoration: none; color: black; font-weight: bold }
.column-right .menu a:hover{ text-decoration: underline; color:#e10559 }

.tool a{ color: black }
.breadcrumb{ float: left; font-size: 10px; color:#8da9b3; padding: 15px 10px }
.tool .phone{ float: right; font-size: 18px; padding: 9px 10px }
.tool .phone small{ font-size: 14px }
.tool .phone span{ color:#cc2752 }

.header{ height: 100px; background: url('/img/header.jpg') no-repeat center; position: relative }
.shop-cart{ position: absolute; top: 21px; left: 106px }
.shop-cart{ color: white }
.cart{ font-size: 10px; color:#46585c; padding: 8px 0 }
.cart span{ color:#deff00 }
.ext{ font-size: 10px; color: white; background: url('/img/icon-out.gif') no-repeat right center; padding-right: 15px; line-height: 16px }
.shop-cart .ext{ background: url('/img/icon-out.gif') no-repeat right center }


.search .ext{ background: url('/img/icon-search.gif') no-repeat right center }

.search{ position: absolute; top: 21px; left: 433px; color: white }
.search div{ padding: 3px 0 4px }
.search .input{ vertical-align: middle; font-size: 11px; padding: 2px 5px; border: solid 1px #627f89;width: 160px }
.search .submit{ vertical-align: middle; font-size: 11px }

.column-right .head{ position: relative; height: 26px; padding-left: 27px; margin-bottom: 10px; line-height: 25px; background: url('/img/head.gif') no-repeat left top; font-size: 11px; color: white; font-weight: bold }
.column-right .lider{ background: url('/img/head-liders.gif') no-repeat left top; }
.column-right .news{ background: url('/img/head-news.gif') no-repeat left top; }
.column-right .news a{ position: absolute; right: 21px; top: 6px; padding-right: 17px; background: url('/img/icon.gif') no-repeat right center; font-size: 10px; line-height: 12px; color: white }

.column-left .menu .head{ background: url('/img/menu-top.gif') no-repeat left top; padding: 6px 15px 14px 27px; color: white; font-weight: bold }
.column-left .menu{ margin: 40px 0 23px; padding-bottom: 10px; background: url('/img/menu-bottom.gif') no-repeat left bottom }
.column-left .menu ul, .column-left .menu li{ padding: 0; margin:0; list-style: none }
.column-left .menu ul{ border-left: solid 1px #95b0b8; border-right: solid 1px #95b0b8; padding: 10px 11px 0; font-weight: bold }
.column-left .menu li{ width: 100%; background: url('/img/h-dots.gif') repeat-x left bottom }
.column-left .menu li a{ display: block; position: relative; text-decoration: none; padding: 4px 24px 7px 14px; background: url('/img/arrow.gif') no-repeat right center }
.column-left .menu li a:hover{ text-decoration: underline }
.column-left .menu li span{ display: block; padding: 4px 24px 7px 14px; background: url('/img/arrow-2.gif') no-repeat right center }
.column-left .menu .last{ background: none }
.column-left .menu li li{ width: auto; background: none; padding: 2px 0 3px 14px; background: url('/img/arrow-3.gif') no-repeat 6px 7px }
.column-left .menu ul ul{ border: none; padding: 0 14px 10px }
.column-left .menu li li a{ display: inline; text-decoration: underline; padding:0; background: none; font-weight: normal }
.column-left .menu li li a:hover{ text-decoration: none }

.promo{ padding-bottom: 23px; padding-top: 30px }
.promo .left{ float: left; width: 325px }
.promo .right{ float: right; width: 341px }
.promo .view{ background: url('/img/h-dots.gif') repeat-x left bottom; margin: 0 15px; padding: 10px 0 }
.promo .right .view small{ font-size: 10px; display: block; padding: 8px 0 5px }
.promo .left .view img{ float: right; margin-left: -120px }
.promo .left .view p{ margin-right: 125px }
.promo .left .view span{ color:#da0a59; font-size: 10px }
.promo .left .view big{ font-size: 11px; font-weight: bold }
.promo .left .view small{ font-size: 10px; display: block; color:#7799a4; padding: 5px 0 }
.promo .left .view strong a{ color: black; text-decoration: none }
.promo .left .view strong a:hover{ text-decoration: underline }
.promo .last{ background: none }

.nodes{ overflow: hidden; width: 100%; margin-bottom: 10px; padding-top: 20px }
.nodes .node{ float: left; width: 173px; text-align: center; margin-left: -1px; background: url('/img/v-dots.gif') repeat-y left top; padding-bottom: 300px; margin-bottom: -300px }
.nodes .view{ width: 133px; margin: 0 auto; text-align: left }
.nodes .view .name{ width: 100%; overflow: hidden; height: 28px; font-weight: bold; color: black; text-decoration: none; display: block }
.nodes .preview{ display: block; width: 131px; height: 131px; border: solid 1px #a6bcc4; text-align: center }
.nodes .preview img{ margin-top: 9px }
.nodes ul, .nodes li{ padding:0; margin:0; list-style: none }
.nodes ul{ padding: 13px 0 }
.nodes li{ overflow: hidden; font-size: 10px; padding: 2px 0 1px }
.nodes li span{ float: left }
.nodes li em{ float: right; font-style: normal; color:#abb3b6 }
.cost span{ float: left; color:#7799a4; font-size: 12px }
.cost big{ font: 18px arial; line-height: 20px }
.cost img{ float: right; margin-top: 2px }

.footer{ width: 928px; margin: 0 auto; text-align: left; padding-bottom: 45px;  }
.footer a{ color: black }
.footer .column-left img{ margin: 0 10px 5px 0 }
.foot{ width: 666px; margin-left: 14px; background: url('/img/line.gif') repeat-x left top; padding-top: 22px; font-size: 10px; color:#91acb5 }
.copy{ float: left; width: 354px }
.creator{ float: left; width: 312px; background: url('/img/v-dots.gif') no-repeat left top; text-align: center }

.clearfix:after { content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }

.content{ padding: 0 0px }
.content p { font-size: 11px }
.content h1, .content h2, 
.content h3, .content h4, 
.content h5, .content h6 {color:#637D8C; font-weight: normal; margin: 5px 0 10px 0; }
.content p, .content ul, .content ol{ color: black; font-weight: normal; margin: 5px 0 10px 0; padding-bottom:5px; }