@charset "utf-8";
* {margin: 0px; padding: 0px;}
*:focus {outline: none;}

html {font-size: 100.01%; height: 100%;}
body {height: 100%; font: 62.5% Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.22em; background: #fff;}
* html body {height: 100%;}

ul {margin: 10px 0 10px 20px;}
ol {margin: 10px 0 10px 40px;}
table {border-collapse: collapse;}
a img {border: none;}
p {margin-bottom: 1em;}
p.ssm {margin-bottom: 0.5em;}
a {color: #4e88c7; text-decoration: none;}
a:hover {text-decoration: underline;}
.itext {background: #fff; border: 1px solid #cecece;}

.clear {clear: both; margin: 0; font-size: 1px; line-height: 1px;}
.clearleft {clear: left; margin: 0; font-size: 1px; line-height: 1px;}

h1 {font: normal 1.5em Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1em; margin: 0 0 1em 0; color: #4e88c7;}
h2 {font: normal 1.5em Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.22em; margin: 0 0 1em 0; color: #4e88c7;}
h3 {font: bold 1em Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.22em; margin: 0 0 1em 0; color: #4e88c7;}
h4 {font: bold 1em Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.22em; margin: 0 0 1em 0; color: #4e88c7;}
h5 {font: bold 1em Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.22em; margin: 0 0 1em 0; color: #4e88c7;}
h6 {font: bold 1em Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.22em; margin: 0 0 1em 0; color: #4e88c7;}


/* --- container
----------------------- */

#container {min-height: 100%; width: 899px; padding: 0 20px 0 29px; margin: 0 auto; position: relative; font-size: 1.2em; line-height: 1.25em;}
* html #container {height: 100%;}

.catalog {background: url("/images/style/line.gif") 222px bottom repeat-y;}

#header table, #footer table, .content, .width, .catitem table, #orderblock {width: 100%;}


/* --- header
----------------------- */

#header {padding: 18px 0 0 0; background: #fff;}

#tmenu {background: url("/images/style/tmenu-bottom.gif") left bottom repeat-x; padding-bottom: 2px; border-bottom: 8px solid #4e88c7; margin-bottom: 1px;}
* html #tmenu {height: 1px;}
.catalog #tmenu {border: none;}
#tmenu table {background: url("/images/style/tmenu-left.gif") left top no-repeat;}
#tmenu td {padding: 17px 14px 22px 14px; background: url("/images/style/tmenu-right.gif") right top no-repeat; height: 20px; vertical-align: top;}
#tmenu .img {padding: 0 0 0 22px; background: url("/images/style/tmenu.gif") left top no-repeat; display: block;}
#tmenu .active .img {background: url("/images/style/tmenu-a.gif") left top no-repeat;}
#tmenu img {display: block;}
#tmenu p {margin: 0;}

.catalog #tmenu td {padding: 6px 14px 18px 14px; background: url("/images/style/tmenu-right.gif") right top no-repeat; height: 42px; vertical-align: top;}
.catalog #tmenu .img {padding: 2px 0 2px 16px;}
#tmenu .text {font-size: 9px; line-height: 11px; padding-top: 7px;}
#tmenu .text a {color: #a0a0a0; text-decoration: none;}
#tmenu .active .text a {color: #4e88c7;}
.catalog #tmenu .active .img {background: url("/images/style/tmenu-a2.gif") left top no-repeat;}

#timage {height: 311px; border-bottom: 8px solid #e6e6e6; background: url("/images/style/bg-index.jpg") 157px top no-repeat;}
#timage #logo {padding: 23px 0 112px; width: 136px;}
#timage #logo img {display: block;}

.catalog #timage {height: 186px; background: url("/images/style/bg-index-c.jpg") 158px top no-repeat; border-bottom: 8px solid #4e88c7;}
.catalog #timage #logo {padding: 23px 0 0; width: 136px;}

#tsubmenu {margin: auto 0 0 0; line-height: 1.2em;}
#tsubmenu table {width: auto; background: #fff url("/images/style/tsubmenu-left.gif") left top no-repeat;}
#tsubmenu td {background: url("/images/style/tsubmenu-right.gif") right top no-repeat;}
#tsubmenu .active {background: url("/images/style/tsubmenu.gif") left top repeat-x;}
#tsubmenu .menuitem {padding: 5px 18px 0; position: relative; height: 25px;}
#tsubmenu .menuitem div {position: absolute; left: -1px; top: 0; background: url("/images/style/tsubmenu.gif") left top no-repeat; width: 2px; font-size: 1px; height: 30px;}

#search {background: url("/images/style/bg-search.gif") left top repeat-x; height: 25px; color: #fff; padding: 7px 10px 0;}
#search #form {float: right;}
#search #form table {width: auto;}
#search #form table td {vertical-align: middle;}
#search #form table input {display: block;}
#search #form a {color: #fff; text-decoration: none; font-size: 11px; line-height: normal; margin-right: 10px;}
#search #form a:hover {text-decoration: underline;}
#search .itext {width: 220px; height: 14px; padding: 0 2px; border: 0; background: #fff; font-size: 10px; color: #333;}

#search .bg {background: #7fb0e8; color: #fff; padding: 0 5px; border-bottom: 1px solid #7fb0e8;}
#search .pm1 {margin: 0 5px 0 5px;}
#search .pm2 {margin: 0 5px 0 15px;}

#content .search {margin: 0 0 10px 0;}
#content .search td {vertical-align: middle;}
#content .search a {margin: 0 10px 0 0;}
#content .search input {display: block;}
#content .search .itext {width: 220px; height: 12px; padding: 0 2px; background: #fff; font-size: 10px; color: #333;}

.fitler {width: auto; color: #666;}
.fitler td {padding: 5px 0 5px 18px; vertical-align: top;}
.fitler .ftitle {color: #4e88c7; margin: 0; padding: 5px 5px 5px 0;}
.fitler .filtersend {text-align: right; padding: 0 4px 20px 0;}
.fitler .price td {padding-left: 0;}
.fitler .price span {padding-right: 1px;}
.fitler .price p {margin-bottom: 5px;}


/* --- content
----------------------- */

#content {padding: 22px 0 146px 0;}

#content ul {list-style: none; margin: 0 0 2em 0; padding: 0;}
#content ul li {background: url("/images/style/square.gif") left 0.5em no-repeat; padding: 0 0 0 13px;}

.cont {padding-top: 5px;}

.news {}
.newsyear {vertical-align: top; width: 131px; height: 29px; padding: 6px 0 25px; background: url("/images/style/new_year.gif") left 3px no-repeat; text-align: center; color: #4e88c7; font-size: 1.50em; line-height: 1.22em;}
.newsdate {vertical-align: top; width: 50px; padding: 12px 5px 25px 5px; color: #9d9d9d; line-height: 1.22em;}
.newstext {vertical-align: top; padding: 10px 85px 25px 15px;}
.newstext p {margin: 0;}

.header {width: auto; margin: 0 auto 1em;}
.header h1 {margin: 0; padding: 0 7px;}
.header td {vertical-align: middle;}

#content .numpages {background: url("/images/style/numpages-top.gif") left top repeat-x; margin: 20px 0 0 0;}
#content .numpages table {font-size: 10px; width: auto;}
#content .numpages .navi-item {background: url("/images/style/numpages.gif") left 1px no-repeat; height: 11px; vertical-align: top; padding: 3px 5px 0 22px; width: 10px;}
.numpages a {color: #999; text-decoration: none;}
.numpages a:hover {text-decoration: underline;}
.numpages .active a {color: #4c88c6;}

.btable2 {margin: 10px 0;}
.btable2 .btable2 {margin: 0;}
.btable2 th, .btable2 thead td {font-size: 0.83em; line-height: 1.22em; background: #4e88c7; border: 1px solid #fff; border-bottom: 3px solid #fff; color: #fff; font-weight: normal; padding: 0 10px 2px 14px;}
.btable2 td {padding: 4px 10px 5px 14px; border-bottom: 1px solid #f3f3f3; vertical-align: top;}
.btable2 .btr td {border: 0;}
.btable2 .bempty td {border: 0; height: 1px; width: 1px; font-size: 1px; line-height: 1px; padding: 0;}
.btable2 .bfirst td {height: 9px; font-size: 1px; line-height: 1px; border-left: 1px solid #cecece; border-top: 1px solid #cecece; border-right: 1px solid #cecece; border-bottom: 0; padding: 0;}
.btable2 .blast td {height: 8px; font-size: 1px; line-height: 1px; border-left: 1px solid #cecece; border-bottom: 1px solid #cecece; border-top: 0; border-right: 1px solid #cecece; padding-top: 0; padding-bottom: 0;}
.btable2 .bleft {width: 120px;}
.bleft {width: 120px;}
.btable2 .title {font-weight: bold;}

.btable3 {margin: 10px 0;}
.btable3 .btable3 {margin: 0;}
.btable3 th, .btable3 thead td {font-size: 0.83em; line-height: 1.22em; background: #4e88c7; border: 1px solid #fff; border-bottom: 3px solid #fff; color: #fff; font-weight: normal; padding: 0 10px 2px 14px;}
.btable3 td {padding: 4px 10px 5px 14px; border-bottom: 1px solid #f3f3f3; vertical-align: middle;}
.btable3 .btr td {border: 0;}
.btable3 .bempty td {border: 0; height: 1px; width: 1px; font-size: 1px; line-height: 1px; padding: 0;}
.btable3 .bfirst td {height: 9px; font-size: 1px; line-height: 1px; border-left: 1px solid #cecece; border-top: 1px solid #cecece; border-right: 1px solid #cecece; border-bottom: 0; padding: 0;}
.btable3 .blast td {height: 8px; font-size: 1px; line-height: 1px; border-left: 1px solid #cecece; border-bottom: 1px solid #cecece; border-top: 0; border-right: 1px solid #cecece; padding-top: 0; padding-bottom: 0;}
.btable3 .bleft {width: 120px;}
.btable3 .title {font-weight: bold;}


.bimg {float: left; display: block; margin: 0 10px 5px 0;}

.form_webforms {width: 480px;}
.form_webforms th, .form_webforms thead td {font-size: 0.83em; line-height: 1.22em; background: #4e88c7; border-bottom: 3px solid #fff; color: #fff; font-weight: normal; padding: 0 10px 2px 10px; text-align: left;}
.form_webforms td {vertical-align: top; padding: 3px 10px 0 0;}
.form_webforms .input {padding: 0 0 19px 0;}
.form_webforms .input input {background: #fff; border: 1px solid #cecece; width: 315px; height: 17px; font-size: 12px; padding: 2px 0 0 0;}
.form_webforms .textarea {padding: 0 0 19px 0;}
.form_webforms textarea {background: #fff; border: 1px solid #cecece; width: 315px; height: 177px; font-size: 12px; padding: 2px 0 0 0;}
.form_webforms .submit {text-align: right; padding: 0 1px 0 0;}
.form_webforms .captcha {padding: 0 0 19px 0;}
.form_webforms .captcha img {border: 1px solid #cecece; display: block; margin-bottom: 5px;}
.form_webforms .captcha input {background: #fff; border: 1px solid #cecece; width: 315px; height: 17px; font-size: 12px; padding: 2px 0 0 0;}

#orderabout {width: auto; margin-bottom: 20px;}
.ordertitle {font-size: 0.83em; line-height: 1.22em; background: #4e88c7; border-bottom: 3px solid #fff; color: #fff; font-weight: normal; padding: 0 10px 2px 10px; text-align: left; margin: 20px 0 10px 0;}
#orderabout ul {margin: 0; list-style: none; padding: 0;}
#orderabout ul li {display: block; float: left; background: 0; padding: 0 10px; line-height: 1em;}
#orderabout ul li input {margin: 0 10px; width: auto; display: inline; border: 0;}

.content {}
.cleft {width: 175px; vertical-align: top; padding: 0 26px 0 0;}
.cmiddle {vertical-align: top; padding: 0 30px 0 27px;}
.cright {width: 119px; vertical-align: top; padding: 5px 1px 0 0;}

.index .cmiddle {vertical-align: top; padding: 0 30px 0 0;}

.cbasket .cright {padding-right: 0}
.cbasket .cleft p {background: url("/images/style/arrow.gif") left 0.5em no-repeat; margin-left: 17px; padding-left: 9px;}
.cbasket .cleft .yourorder {background: url("/images/style/yourorder.gif") left 0.5em no-repeat; height: 24px; color: #000; font-weight: bold; padding: 11px 0 0 16px; margin-left: 0;}

.cright div {margin: 0 0 0 auto;}
.cright .cright_block_1 {margin: 0 0 50px auto;}

#leftmenu {background: url("/images/style/underline.gif") left top no-repeat; line-height: normal; width: 175px; overflow: hidden; margin-bottom: 20px;}
#leftmenu table {width: auto;}
#leftmenu p {margin: 0;}

#leftmenu .menu1 {border-bottom: 1px solid #bfbebe; font-weight: bold; padding: 7px 0 6px 11px; background: url("/images/style/square.gif") left 0.85em no-repeat;}
#leftmenu .menu1 table td {padding: 0 5px 1px;}
#leftmenu .menu1 a {text-decoration: none;}
#leftmenu .menu1 a:hover {text-decoration: underline;}

#leftmenu .in1 {border: 0;}
#leftmenu #active1 {border: 0; border-bottom: 1px solid #bfbebe;}
#leftmenu #active1 table td {background: #bfbebe;}
#leftmenu #active1 a {color: #fff;}
#leftmenu .submenu1 {padding: 0 0 0 16px; background: url("/images/style/submenu1.gif") left top no-repeat; border-left: 1px solid #bfbebe; position: relative; top: -1px;}
#leftmenu .bottom1 {background: url("/images/style/submenu1.gif") left top no-repeat; font-size: 1px; line-height: 1px; position: relative; top: -1px;}

#leftmenu .menu2 {background: url("/images/style/underline.gif") left bottom no-repeat; font-weight: bold; padding: 7px 0 6px 9px;}
#leftmenu .menu2 table td {padding: 0 5px 1px;}
#leftmenu .menu2 a {color: #333;}
#leftmenu .last2 {border: 0; background: none;}

#leftmenu .in2 {}
#leftmenu #active2 {font-weight: bold;}
#leftmenu #active2 table td {background: #333;}
#leftmenu #active2 a {color: #fff;}
#leftmenu .submenu2 {padding: 0 0 0 15px; background: url("/images/style/submenu1.gif") left top no-repeat; border-left: 1px solid #bfbebe; position: relative; top: -1px;}
#leftmenu .bottom2 {background: url("/images/style/submenu1.gif") left top no-repeat; position: relative; top: -1px;}

#leftmenu .menu3 {background: url("/images/style/underline.gif") left bottom no-repeat; font-weight: bold; padding: 7px 0 6px 5px;}
#leftmenu .menu3 table td {padding: 0 5px 1px;}
#leftmenu .menu3 a {color: #4d87c7;}
#leftmenu .last3 {border: 0; background: none;}

#leftmenu .in3 {border: 0;}
#leftmenu #active3 {font-weight: bold;}
#leftmenu #active3 table td {background: #4e88c7;}
#leftmenu #active3 a {color: #fff;}

#leftmenu .menu4 {background: url("/images/style/underline.gif") left bottom no-repeat; padding: 7px 0 6px 15px;}
#leftmenu .menu4 table td {padding: 0 5px 1px;}
#leftmenu .menu4 a {color: #4d87c7;}

#leftmenu #active4 {font-weight: bold;}
#leftmenu #active4 table td {background: #4e88c7;}
#leftmenu #active4 a {color: #fff;}

#content #navibar {margin: 0; list-style: none; line-height: 10px; font-size: 10px;}
#content #navibar li {display: block; float: left; white-space: nowrap; background: url("/images/style/numpages.gif") left top no-repeat; padding: 6px 16px 6px 22px; border-top: 1px solid #cecece; height: 10px; margin: 0;}
#content #navibar .active {background: url("/images/style/numpages-a.gif") left top no-repeat;}
#content #navibar h1 {font-size: 10px; line-height: 10px; margin: 0; font-weight: normal;}
#content #navibar h6 {font-size: 10px; line-height: 10px; margin: 0; font-weight: normal;}
#navibar a {color: #676767;}

.catitem td {vertical-align: top;}
.catitem p {margin: 0;}
.catitem .btable2 {margin: 0;}
.catitem .catimage {width: 123px; padding-right: 14px; vertical-align: top;}
.catitem .catimage img {display: block;}
.catitem .catimage p {margin: 0 0 5px; width: 105px; padding: 0 9px;}
.catitem .catimage .pretop {background: url("/images/style/pretop.gif") left top no-repeat; margin: 0; height: 9px; overflow: hidden;}
.catitem .catimage .prebottom {background: url("/images/style/prebottom.gif") left top no-repeat; margin: 0; height: 9px; overflow: hidden;}
.catitem .price {vertical-align: bottom; padding: 10px 0 0 0;}
.catitem .price p {background: url("/images/style/price.gif") left top no-repeat; text-align: center; width: 105px; padding: 7px 9px 0; height: 22px; color: #6699cc; font-weight: bold;}

.catitem .catimage .compare {font-size: 10px; line-height: normal; padding: 12px 0 0 0;}
.catitem .catimage .compare input {margin-right: 5px;}

.catitem .basket, .basket {text-align: right; width: auto; margin: 10px 0 35px auto; color: #333;}
.basket td {padding: 0 2px; vertical-align: top;}
.basket input {border: 1px solid #cecece; width: 26px; height: 14px; padding-top: 1px; color: #333; display: block; font-size: 10px;}

.compare {float: right; padding-top: 23px;}

.sort {float: right;}
.sort div {display: none;}
.sort select {border: 1px solid #bfbfbf; color: #666; font-size: 10px;}
.total {border-top: 1px solid #cecece; background: url("/images/style/numpages.gif") left top no-repeat; padding: 6px 16px 6px 22px; line-height: 10px; font-size: 10px; color: #5087c7; margin-bottom: 25px;}

.catobject {padding-top: 20px;}
.catobject .catimage {float: left; width: 188px; text-align: center; padding: 2px 18px 10px 0;}
.catobject .catimage .cattop {background: url("/images/style/cattop.gif") left top no-repeat; margin: 0; height: 9px; overflow: hidden;}
.catobject .catimage .catbottom {background: url("/images/style/catbottom.gif") left top no-repeat; margin: 0; height: 9px; overflow: hidden;}
.catobject .catimage .foto {margin: 0 10px; text-align: center;}

.catobject .print td {vertical-align: middle; width: 30%;}
.catobject .print td td {width: auto;}
.catobject .print .basket {margin: 0 0 0 auto; width: auto;}

.catobject .price {vertical-align: bottom; padding: 0 0 0 0;}
.catobject .price p {background: url("/images/style/price.gif") left top no-repeat; text-align: center; width: 105px; padding: 7px 9px 0; height: 22px; color: #6699cc; font-weight: bold; margin: 0 auto;}

.dispatch {width: auto;}
.dispatch td {padding: 4px 0;}
.right {text-align: right;}
.left {text-align: left;}

.dispatch .itext {width: 315px; height: 15px; border: 1px solid #cecece; background: #fff; padding: 2px;}

#orderblock .td1 {width: 30%;}
#orderblock .td {width: 11%;}
#orderblock td {padding: 4px 3px 5px 3px; text-align: center;}
#orderblock .left {text-align: left; padding-left: 14px;} 
.bold {font-weight: bold;}

.orderprice {padding-top: 5px;}
.orderprice p {padding: 0px 9px 0; height: 22px; color: #6699cc; font-weight: bold; margin-left: 10px; font-size: 1.50em; line-height: 1.5em;}
.orderprice p.bg {padding: 7px 9px 0; background: url("/images/style/price.gif") right top no-repeat; text-align: center; width: 105px; float: right; font-size: 1em; line-height: 1.5em;}
.orderprice span {}

.cusomer2 {display: none;}

#content ul.sitemap {margin: 0 0 0 20px;}


/* FAQ_ex1
------------------------------ */
.faq_ol { }
.faq_ol li { margin-bottom:10px; }

.question { font-weight:bold; color:#4e88c7; margin: 30px 0 0 0; }
.answer { margin:12px 0 30px 0; }
.add_question { list-style:none; font-weight:bold; }
.answerup {text-align: right;}


/* Webforms_ex1
------------------------------ */

.webforms_ex1 { }
.webforms_ex1 label { display:block; margin:0 0 12px 0; }
.webforms_ex1 label span { display:block; margin:0 0 3px 0; }
.webforms_ex1 label.input input { font-size:12px;  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; width:400px; color:#333; background-color:#fff; border:1px solid #aaa; padding:3px 5px; }
.webforms_ex1 label.textarea textarea { font-size:12px;  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; width:400px; color:#333; background-color:#fff; border:1px solid #aaa; padding:3px 5px; overflow:auto; }
.webforms_ex1 label.file input { font-size:12px;  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; width:400px; color:#333; background-color:#fff; border:1px solid #aaa; padding:3px 5px; }
.webforms_ex1 label.select select { font-size:12px;  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; width:200px; color:#333; background-color:#fff; border:1px solid #aaa; padding:3px 5px; }
.webforms_ex1 label.captcha input { font-size:12px;  font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; width:400px; color:#333; background-color:#fff; border:1px solid #aaa; padding:3px 5px; }

.webforms_ex1 label.captcha img { border:1px solid #aaa; }
.webforms_ex1 .submit { width:412px; text-align:right; }
.webforms_ex1 label.checkbox span { display:inline; padding:0 0 0 10px; }
.webforms_ex1 label.checkbox input { }

/* --- footer
----------------------- */

#footer {position: absolute; left: 0; bottom: 0; height: 136px; width: 899px; padding: 0 20px 0 29px; background: #fff;}

#footer .hotspot1 {background: url("/images/style/bg-footer.gif") left top repeat-x; padding-top: 19px; font-size: 0.92em; line-height: 1.22em; color: #4e88c7;}
.catalog #footer .hotspot1 {background: url("/images/style/line.gif") left top repeat-x;}

.btable {background: url("/images/style/bhotspot-left.gif") left top no-repeat; margin-bottom: 7px; width: 100%;}
.btable td {background: url("/images/style/bhotspot-right.gif") right bottom no-repeat; padding: 0 8px 7px;}

#fmenu {margin: 0; list-style: none; color: #969696; font-size: 0.83em; line-height: 1.22em; padding: 9px 0 0 0;}
#fmenu li {border-right: 1px solid #969696; float: left; display: block; padding: 0 4px 0 0; margin-right: 4px;}
#fmenu .last {border: none;}
#fmenu a {color: #969696; text-decoration: none;}
#fmenu a:hover {text-decoration: underline;}

#footer .hotspot2 {color: #969696; font-size: 0.83em; line-height: 1.22em; padding-top: 7px; padding-top: 20px;}
#footer .clear {clear: left;}

#footer #wp {font-size: 0.83em; line-height: 1.22em; float: right; padding: 7px 0px 7px 0;}
#footer #wp a {color: #969696; text-decoration: none;}
#footer #wp a:hover {text-decoration: underline;}
#footer #wp img {vertical-align: middle;}

#footer .sl {float: right; margin: 0 8px;}