body {background: #FFF;}
body, html {height: 100%;}
body, td {font-family: verdana, tahoma, arial, trebuchet MS; font-size: 11px; color: #000;}

/******************/
/*  BASIC LAYOUT  */
/******************/

.wrapper {min-width: 1000px; height: 100%;}
* html .wrapper {width: expression(document.body.clientWidth>1000?"100%":"1000px");}

.header {color: #FFF; background: #000 url(../images/header-bg.gif) repeat-x left top;}
.header-cont {height: 156px; background: url(../images/header-img.jpg) no-repeat 99% 1px;}

.main {min-height: 100%; position: relative; clear: both;}
* html .main {height: 100%;}

.body {}
.body-cont {padding-bottom: 114px;}

.body {padding: 0px 330px 0px 0px; width: auto;}
.body-cont {margin: 0px; width: 100%;}

.body .body-c-col {float: left; width: 100%; position: relative;}
.body .body-r-col {float: left; width: 330px; margin: 0px -330px 0px 0px; position: relative;}

* html .body .body-col-cont {height: 1%;}


.footer {margin-top: -114px; height: 114px; position: relative; color: #FFF; background: #000;}


/******************/
/*    CSS RULES   */
/******************/

h1 {float: left;}
h1 a {margin: 20px 0px 0px 16px; display: block; position: absolute; width: 249px; height: 70px; text-indent: -9999px; background: url(../images/logo.gif) no-repeat left top;}

a {color: #000; text-decoration: underline;}
a:hover {text-decoration: none;}


.header .addr {padding: 4px 215px 0px 0px; margin: 0px; float: right; font-family: arial; text-align: right; height: 88px;}
.header .addr li {margin-bottom: 4px; text-align: right;}
.header .addr li.main {margin-bottom: 1px; font-size: 14px;}

.mmenu {padding: 6px 9px 0px 8px;}
.mmenu li {margin-right: 5px; display: block; float: left; letter-spacing: -1px; color: #FFF; text-transform: lowercase; background: url(../images/mmenu-bg.gif) repeat-x left top;}
.mmenu li a {display: block; float: left; clear: both; color: #FFF; text-decoration: none; background: url(../images/mmenu-right.gif) no-repeat right top;}
.mmenu li a span {padding: 5px 6px 8px 23px; display: block; background: url(../images/mmenu-left.gif) no-repeat left top;}
.mmenu li.last {margin-right: 0px; float: right;}

.mmenu li .dd {margin: 56px 0px 0px 0px; clear: both; position: absolute; z-index: 9; overflow: visible; width: 210px; display: none;}
.mmenu li .dd .arr {position: absolute; top: -40px; left: 10px; display: block; width: 25px; height: 43px; font-size: 1px; background: url(../images/mmenu-dd-arr.gif) no-repeat left top}
.mmenu li .dd .hd {margin: 0px 6px; height: 6px; vertical-align: middle; overflow: visible; background: #F8AA02 url(../images/mmenu-dd-hd-bg.gif) repeat-x left top;}
.mmenu li .dd .hd .tl {width: 6px; height: 6px; position: absolute; top: 0px; left: 0; background: url(../images/mmenu-dd-crn-tl.gif) no-repeat left top;}
.mmenu li .dd .hd .tr {width: 6px; height: 6px; position: absolute; top: 0px; right: 0; background: url(../images/mmenu-dd-crn-tr.gif) no-repeat right top;}
.mmenu li .dd .bd {background: #F8AA02 url(../images/mmenu-dd-left.gif) repeat-y left top;}
.mmenu li .dd .bd .bd-cont {padding: 3px 0px 10px 9px; background: url(../images/mmenu-dd-right.gif) repeat-y right top;}
.mmenu li .dd .ft {margin: 0px 6px; height: 6px; vertical-align: middle; overflow: visible; background: #F8AA02 url(../images/mmenu-dd-ft-bg.gif) repeat-x left bottom;}
.mmenu li .dd .ft .bl {width: 6px; height: 6px; position: absolute; bottom: 0px; left: 0; background: url(../images/mmenu-dd-crn-bl.gif) no-repeat left top;}
.mmenu li .dd .ft .br {width: 6px; height: 6px; position: absolute; bottom: 0px; right: 0; background: url(../images/mmenu-dd-crn-br.gif) no-repeat left top;}
.mmenu li .dd ul {float: left; width: 50%}
.mmenu li .dd li {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; float: left; clear: both; background: none;}
.mmenu li .dd li a {margin: 0px 0px 0px 0px; padding: 1px 0px 5px 18px; float: none; display: block; color: #000; text-decoration: none; background: url(../images/dot02.gif) no-repeat left center;}
.mmenu li .dd li a:hover {text-decoration: underline;}

.mmenu li.el2 .dd {margin-left: -25px;}
.mmenu li.el2 .dd .arr {left: 35px;}
.mmenu li.el3 .dd {margin-left: -40px;}
.mmenu li.el3 .dd .arr {left: 60px;}
.mmenu li.el4 .dd {margin-left: -55px;}
.mmenu li.el4 .dd .arr {left: 85px;}
.mmenu li.el5 .dd {margin-left: -70px;}
.mmenu li.el5 .dd .arr {left: 110px;}
.mmenu li.el6 .dd {margin-left: -85px;}
.mmenu li.el6 .dd .arr {left: 135px;}
.mmenu li.el7 .dd {margin-left: -100px;}
.mmenu li.el7 .dd .arr {left: 160px;}

* html .mmenu li .dd {margin-top: 30px;}
* html .mmenu li .dd .bd .bd-cont {height: 1%;}
* html .mmenu li .dd .ft .bl {bottom: auto;}
* html .mmenu li .dd .ft .br {bottom: auto;}
* html .mmenu li .dd ul.last {margin-left: -1px;}

*:first-child+html .mmenu li a {float: none;}
*:first-child+html .mmenu li .dd {margin-top: 30px;}
*:first-child+html .mmenu li .dd .bd .bd-cont {height: 1%;}
*:first-child+html .mmenu li .dd .ft .bl {bottom: auto;}
*:first-child+html .mmenu li .dd .ft .br {bottom: auto;}
*:first-child+html .mmenu li .dd ul.last {margin-left: -1px;}


.cmainbanners li {display: inline;}
.cmainbanners img {margin-bottom: 5px; display: block;}


.footer .left-footer {float: left;}
.footer .logo {clear: both; float: left;}
.footer .logo a {margin: 13px 0px 0px 20px; display: block; position: absolute; width: 167px; height: 27px; text-indent: -9999px; background: url(../images/logo-ftr.gif) no-repeat left top;}
.footer .copy {padding-top: 48px; margin: 0px 0px 0px 20px; clear: both;}
.footer .copy a{color: #FFFFFF}
.footer .counter { text-align: right; padding: 20px 20px 0 0;}


.ctripod {margin: 0px 1px 5px 1px; background: url(../images/_tripods-bg.jpg) repeat-x left top;}
.ctripod div {background: url(../images/_tripods-left.jpg) no-repeat left top;}
.ctripod div div {height: 138px; background: url(../images/_tripods-right.jpg) no-repeat right top;}


.smenu {width: 22%; float: left;}
.smenu .smenu-cont {padding: 0px 4px;}
.smenu h2 {margin-bottom: 5px; font-weight: bold; position: relative; overflow: visible; zoom: 1;}
.smenu h2 .hd {margin: 0px 6px; height: 5px; vertical-align: middle; overflow: visible; background: #F8AA02 url(../images/smenu-hdr-top.gif) repeat-x left top;}
.smenu h2 .hd .tl {width: 6px; height: 5px; position: absolute; top: 0px; left: 0; background: url(../images/smenu-hdr-crn-tl.gif) no-repeat left top;}
.smenu h2 .hd .tr {width: 6px; height: 5px; position: absolute; top: 0px; right: 0; background: url(../images/smenu-hdr-crn-tr.gif) no-repeat right top;}
.smenu h2 .bd {background: #F8AA02 url(../images/smenu-hdr-left.gif) repeat-y left top;}
.smenu h2 .bd .bd-cont {padding: 2px 0px 3px 0px; text-align: center; background: url(../images/smenu-hdr-right.gif) repeat-y right top;}
.smenu h2 .ft {margin: 0px 6px; height: 5px; vertical-align: middle; overflow: visible; background: #F8AA02 url(../images/smenu-hdr-btm.gif) repeat-x left bottom;}
.smenu h2 .ft .bl {width: 6px; height: 5px; position: absolute; bottom: 0px; left: 0; background: url(../images/smenu-hdr-crn-bl.gif) no-repeat left top;}
.smenu h2 .ft .br {width: 6px; height: 5px; position: absolute; bottom: 0px; right: 0; background: url(../images/smenu-hdr-crn-br.gif) no-repeat left top;}

* html .smenu h2 .bd .bd-cont {height: 1%;}
* html .smenu h2 .ft .bl {bottom: auto;}
* html .smenu h2 .ft .br {bottom: auto;}

*:first-child+html .smenu h2 .bd .bd-cont {height: 1%;}
*:first-child+html .smenu h2 .ft .bl {bottom: auto;}
*:first-child+html .smenu h2 .ft .br {bottom: auto;}

.smenu ul {font-size: 12px; font-family: arial;}
.smenu ul li {padding: 1px 0px 4px 20px; background: url(../images/dot01.gif) no-repeat 0px 0px;}
.smenu ul li a {text-decoration: none;}
.smenu ul li a:hover {text-decoration: underline;}


.content {width: 78%; float: right; position: relative;}
.content .content-cont {padding: 0px 4px 0px 0px;}

* html .content {margin-left: -1px;}
*:first-child+html .content {margin-left: -1px;}


.cbox {position: relative;}
.cbox .hd {margin: 0px 7px; height: 7px; font-size: 1px; vertical-align: middle; overflow: visible; background: url(../images/cbox-brd-hor.gif) repeat-x left top;}
.cbox .hd .tl {width: 7px; height: 7px; position: absolute; top: 0px; left: 0; background: url(../images/cbox-crn-tl.gif) no-repeat left top;}
.cbox .hd .tr {width: 7px; height: 7px; position: absolute; top: 0px; right: 0; background: url(../images/cbox-crn-tr.gif) no-repeat right top;}
.cbox .bd {height: 1%; background: url(../images/cbox-brd-ver.gif) repeat-y left top;}
.cbox .bd .bd-cont {background: url(../images/cbox-brd-ver.gif) repeat-y right top;}
.cbox .ft {margin: 0px 7px; height: 7px; vertical-align: middle; overflow: visible; background: url(../images/cbox-brd-hor.gif) repeat-x left bottom;}
.cbox .ft .bl {width: 7px; height: 7px; position: absolute; bottom: 0px; left: 0; background: url(../images/cbox-crn-bl.gif) no-repeat left top;}
.cbox .ft .br {width: 7px; height: 7px; position: absolute; bottom: 0px; right: 0; background: url(../images/cbox-crn-br.gif) no-repeat left top;}

* html .cbox .bd .bd-cont {height: 1%;}
* html .cbox .hd .tr {}
* html .cbox .ft .bl {bottom: auto;}
* html .cbox .ft .br {bottom: auto;}

.cprodline {margin-bottom: 30px;}
.cprodline .item {margin-bottom: 7px; height: 1%;}
.cprodline .item .bd-cont {padding: 7px 10px 8px 8px; height: 1%;}
.cprodline .item .img {padding: 10px 0px 0px 0px; width: 115px; height: 1%; float: left;}
.cprodline .item .img img {display: block;}
.cprodline .item .descr {margin-left: 115px; height: 1%;}
.cprodline .item .descr .price {padding: 0px 10px; float: right; text-align: center;}
.cprodline .item .descr .price p {font-weight: bold; font-size: 20px; font-family: arial;}
.cprodline .item .descr .price p.by_price {font-size: 11px; font-family: arial; white-space: nowrap;}
.cprodline .item .descr h2 {margin-bottom: 5px; font-size: 18px; font-family: arial; font-weight: normal;}
.cprodline .item .descr .info {margin-bottom: 8px;}
.cprodline .item .descr .techs {font-weight: bold; color: #F8AA02; font-size: 13px; text-transform: lowercase;}
.cprodline .item .descr .techs a {color: #F8AA02; text-decoration: none;}
.cprodline .item .descr .techs a:hover {text-decoration: underline;}
.cprodline .item .descr .techs img {margin-top: -2px; vertical-align: middle;}

* html .cprodline .item .descr {height: 1%;}
* html .cprodline .item .img {width: 112px;}
* html .cprodline .item .descr {margin-left: 112px;}
* html .cprodline .item .descr .techs img {margin-top: 0px;}

.cprod {margin-bottom: 50px; position: relative; width: 100%;}
.cprod .bd-cont {padding: 2px 11px 30px 10px;}
.cprod h2 {padding: 0px 10px; margin-bottom: 5px; font-size: 13px; font-weight: bold; text-align: center;}
.cprod .price {padding-top: 40px; float: right; width: 13%; text-align: center;}
.cprod .price p {font-weight: bold; font-size: 20px; font-family: arial;}
.cprod .price p.by_price {font-size: 11px; font-family: arial; white-space: nowrap;}
.cprod .images {padding: 0px 10px 0px 15px;}
.cprod .images .small {width: 25%; float: left; text-align: center;}
.cprod .images .small img {margin: 5px 0px; clear: both;}
.cprod .images .big {width: 55%; float: left; text-align: center;}
.cprod .descr {margin-bottom: 5px; line-height: 14px; padding: 0px 25px 0px 50px;}
.cprod .params {margin-bottom: 10px; clear: both;}
.cprod .params table {width: 100%; border-top: 3px solid #FABF42;}
.cprod .params table th {padding: 2px 5px 4px 9px; text-align: right; vertical-align: middle; color: #F7A400; font-size: 14px; line-height: 14px; font-weight: bold; border-bottom: 3px solid #FABF42;}
.cprod .params table td {padding: 2px 5px 4px 5px; width: 100%; vertical-align: middle; font-size: 14px; border-bottom: 3px solid #FABF42;}
.cprod .supplies h3 {margin-bottom: 13px; padding-left: 5px; color: #F7A400; font-size: 15px; font-weight: bold;}
.cprod .supplies .item {margin-bottom: 20px; width: 33%; float: left; text-align: center; font-size: 15px; font-weight: bold;}
.cprod .supplies .item .cont {padding: 0px 5px;}
.cprod .supplies .item img {margin: 0px auto; margin-bottom: 7px; display: block;}
.cprod .supplies .item .cont .by_price{font-size: 11px; font-family: arial;}

.images-block, .message-block {text-align: center; padding-top: 10px;}
.images-block .thumb {padding-left: 10px;}

.content .content-cont .page-header{ font-size: 18px; font-family: arial; font-weight: normal; padding-top: 3px; padding-bottom: 10px; padding-left: 3px;}
.content .content-cont .page-text{padding-bottom: 10px; padding-left: 3px;}

#pl{margin: 5px 0px 15px 15px;}
#pl .domen{}
#pl .price-header{font-size:20px; float: none;}
#pl .pricelist .header td{font-weight:800; color:#FFF; font-size:14px; text-align:center}
#pl .pricelist td.all{border-bottom: 1px solid #FABF42; border-right: 1px solid #FABF42; padding: 5px 5px 5px 5px;}
#pl .pricelist td.first{border-right: 1px solid #FABF42; border-left: 1px solid #FABF42; border-bottom: 1px solid #FABF42; padding: 5px 5px 5px 5px;}
#pl .pricelist td.last{border-bottom: 1px solid #FABF42; padding: 5px 5px 5px 5px;}
#pl .pricelist .price{text-align:center; font-weight:800;}
#pl .pricelist .rcategory{text-align:center; font-weight:800; font-size:14px; padding: 15px 0 5px 0;}
#pl .pricelist .scategory{font-weight:800; font-size:11px; padding: 5px 20px 15px 0;}

.ccart {margin-bottom: 30px;}
.ccart table {width: 100%;}
.ccart th {padding: 8px 8px 12px 8px; font-weight: bold; text-align: center; vertical-align: middle; white-space: nowrap;}
.ccart th.product {padding-left: 35px; text-align: left;}
.ccart td {padding: 8px 8px 8px 8px; vertical-align: middle;}
.ccart tr.odd {background-color: #F7F7F7;}
.ccart td.img {width: 1%;}
.ccart td.img img {display: bclok;}
.ccart td.title {font-weight: bold;}
.ccart td.qty {text-align: center;}
.ccart td.qty input {width: 30px;}
.ccart td.price {text-align: center;}
.ccart table td.controls {text-align: center;}
.ccart tr.total td {padding-top: 10px; padding-bottom: 10px; border: 1px solid #EEE; border-left: 0px; border-right: 0px;}
.ccart tr.total td.name {font-weight: bold; text-align: right;}
.ccart tr.total td.price {font-weight: bold;}
.ccart p.controls {padding: 20px 10px 0px 0px; text-align: right;}
.ccart p.controls img {margin-left: 5px;}

.ccheckout {margin-bottom: 30px; padding: 0px 10px;}
.ccheckout blockquote {margin-bottom: 20px;}
.ccheckout blockquote span {color: red;}
.ccheckout .message{color: red; text-align: center;}
.ccheckout table {width: 95%;}
.ccheckout table th {padding: 9px 5px 6px 0px; width: 30%; font-weight: normal; text-align: right; vertical-align: top;}
.ccheckout table th span {color: red;}
.ccheckout table td {padding: 6px 0px 6px 5px; vertical-align: top;}
.ccheckout table td input {width: 98%; position: relative;}
.ccheckout table td textarea {width: 98%; position: relative;}
.ccheckout table td.controls {text-align: right;}
.ccheckout table td.controls input {width: auto;}