/* By PaulZi [2010-05-20] */
@import url("reset.css");
@import url("public.css");

/*******************/
/* Global elements */
body { color:#333; font-family: Tahoma, sans-serif; font-size: 11px; line-height: 1.2; background: transparent url(/public/images/bg.gif) repeat scroll left top; }
a { color: #009acf; }
h1 { font-size: 162%; font-weight: normal; }


/*******************/
/* Global classes  */
.clLink { color: #009acf; }
.clRed { color: #a00; }

.tblVert th { background-color: #dfdfdf; color: #666; font-weight: normal; }
.tblVert td { border: solid 1px #999; }


/*******************/
/*     Layouts     */
.layRoot { width: 1000px; margin: 14px auto; }

.layHeader { padding: 11px 11px 0px 11px; background-color: #fff; }
.layHeader .top { width: 100%; }
.layHeader .logo { width: 352px; padding: 0px 0px 30px 18px; background: transparent url(/public/images/hdrSplit.gif) no-repeat scroll right 10px; }
.layHeader .logo p { color: #666; }
.layHeader .logo a { font-family: Times New Roman, sans; font-size: 445%; color: #70af39; text-decoration: none; line-height: 1; }
.layHeader .phone { width: 247px; text-align: center; color: #39c; font-size: 149%; padding: 27px 0px 14px 0px; background: transparent url(/public/images/hdrSplit.gif) no-repeat scroll right 10px; }
.layHeader .phone span { font-size: 147%; }
.layHeader .other { width: 126px; padding: 10px 0px 0px 22px; font-size: 109%; background: transparent url(/public/images/hdrSplit.gif) no-repeat scroll right 10px; }
.layHeader .other img { height: 13px; vertical-align: middle; }
.layHeader .right { padding-top: 10px; text-align: right; }
.layHeader .menu1 { margin: -10px 0px 0px 18px; }
.layHeader .menu1 a { color: #000; text-decoration: none; font-weight: bold; }
.layHeader .menu1 a:hover { text-decoration: underline; }
.layHeader .menu1 .act a { color: #f60; }
.layHeader .line { margin-top: 12px; background-color: #5e5e5e; height: 51px; }
.layHeader .line .menu2 { float: left; font-size: 118%; }
.layHeader .line .menu2 span { width: 112px; height: 36px; padding-top: 15px; display:-moz-inline-stack; display:inline-block; vertical-align: bottom; text-align: center; background: #fff url(/public/images/hdrMenu2Bg.gif) no-repeat scroll left top; }
.layHeader .line .menu2 a { color: #fff; font-weight: bold; text-decoration: none; }
.layHeader .line .menu2 a:hover { text-decoration: underline; }
.layHeader .line .menu2 .prmPostupl.act, .layHeader .line .menu2 .prmPostupl:hover { background-position: left -51px; }
.layHeader .line .menu2 .prmCatalog.act, .layHeader .line .menu2 .prmCatalog:hover { background-position: left -102px; }
.layHeader .line .menu2 .prmSale { background-position: left -153px; }
.layHeader .line .menu2 .prmBlank { width: 137px; padding-top: 8px; padding-bottom: 7px; background-position: left -204px; }

.layMain { width: 978px; overflow: hidden; padding: 0px 11px 11px 11px; background-color: #fff; }
.layHeader { padding: 11px 11px 0px 11px; background-color: #fff; }

.layLeft { width: 224px; float: left; }
.layLeft .page1 { display: none; }
.layLeft .actions { padding: 0px 16px; margin-top: 10px; color: #9a9a9a; }

.layContent { margin-left: 225px; }
.prmInner .layContent { margin: 10px 0px 0px 232px; }

.layFooter { color: #fff; font-weight: bold; margin-top: 6px; }
.layFooter a { color: #fff; }
.layFooter .reform { float: right; }

/*******************/
/*     Modules     */
.mdlAuth { position: relative; font-size: 109%; }
.mdlAuth p { margin-bottom: 2px; }
.mdlAuth  .tf { padding: 4px 6px; margin-right: 56px; color: #666; border: solid 1px #acacac; background-color: transparent; }
.mdlAuth .p-sb { margin-bottom: -25px; }
.mdlAuth .sb { padding: 4px 6px; border: none; background-color: #009acf; color: #fff; cursor: pointer; text-decoration: none; }
.mdlAuth .sb:hover { background-color: #39ace5; }
.prmAuthPswBg { background: transparent url(/public/images/authPswBg.gif) no-repeat scroll 6px 7px; }
.mdlAuth .right { float: right; width: 74px; height: 30px; }
.mdlAuth .right .sb { display: block; width: 40px; margin: 0px 0px 0px auto; }
.mdlAuth .discountLink { margin-right: 75px; }
.mdlAuth .discountLink a { color: #666; }

.mdlCart { margin-top: 20px; }
.mdlCart p { margin: 0px; }
.mdlCart .img { float: right; width: 74px; }
.mdlCart .img img { padding: 10px 10px 0px 10px; }

.mdlSelector { padding: 4px 9px 0px 0px; text-align: right; font-family: Arial, sans-serif; font-size: 109%; color: #999; }
.mdlSelector p { margin-bottom: 3px; }
.mdlSelector .nosb { margin: 0px 54px 0px 0px; }
.mdlSelector select { width: 100px; margin-right: 3px; }
.mdlSelector .tf { width: 75px; height: 15px; margin-right: 3px; }
.mdlSelector .sb { color: #fff; width: 62px; padding: 2px 0px; cursor: pointer; border: none; background: transparent url(/public/images/selectorSbBg.gif) no-repeat scroll left top; }
.mdlSelector .cb { vertical-align: middle; }
.mdlSelector .prmOutOfRange, .mdlSelector .prmNoExists { background-color: #ffaaaa; }
.mdlSelector .prmNoOstatok { background-color: #aaffff; }
.mdlSelector span { margin-right: 8px; }

.mdlNews div { margin-bottom: 1.5em; }
.mdlNews .item { width: 100%; overflow: hidden; }
.mdlNews p { margin: 0px; }
.mdlNews .date { font-weight: bold; margin-bottom: 0.2em; }
.mdlNews h3 { text-transform: uppercase; }
.mdlNews .link { text-align: right; font-size: 87%; }
.mdlNews .link a { color: #439a22; }
.mdlNews .img { float: left; margin: 0px 10px 10px 0px; }

.mdlReceipt { background-color: #c5e4b4; }
.mdlReceipt h2 { padding: 5px 13px; background-color: #3bad00; }
.mdlReceipt h2 a { color: #fff; }
.mdlReceipt .mdlNews { padding: 1px 16px; }
.mdlReceipt .mdlNews .date { color: #439a22; }
.mdlReceipt .mdlNews h3 { text-transform: none; }
.mdlReceipt .mdlNews h3 a { color: #303030; font-weight: normal; }

.mdlCatalogMenu { background-color: #ccebf5; }
.mdlCatalogMenu h2 { text-transform: uppercase; padding: 10px 13px; margin: 0px; border-bottom: solid 1px #8cd1e9; background-color: #009acf; }
.mdlCatalogMenu h2 a { color: #fff; text-decoration: none; }
.mdlCatalogMenu h2 a:hover { text-decoration: underline; }
.mdlCatalogMenu .auth { border-bottom: solid 1px #009bcf; background-color: #ff8383; }
.mdlCatalogMenu .act { border-bottom: solid 1px #009bcf; background-color: #8cd1e9; }
.mdlCatalogMenu .act a { color: #009acf; }
.mdlCatalogMenu div { padding: 10px 16px 1px 27px; font-size: 109%; font-weight: bold; }
.mdlCatalogMenu div .act { border: none; background-color: transparent; }
.mdlCatalogMenu div p { margin-bottom: 0px; }
.mdlCatalogMenu div a { text-decoration: none; }
.mdlCatalogMenu div a:hover { text-decoration: underline; }
.mdlCatalogMenu div .act a { color: #5e5e5e; }
.mdlCatalogMenu div div { padding: 1px 0px 1px 12px; font-weight: normal; }

.mdlFlash { padding: 4px; background-color: #e9e9e9; text-align: center; }

.mdlNewProducts { padding: 4px 1px 4px 4px; background-color: #e9e9e9; }
.mdlNewProducts .item { width: 371px; margin-right: 3px; display:-moz-inline-stack; display:inline-block; vertical-align: top; background-color: #fff; }
.mdlNewProducts .item h2 { padding: 10px 15px; margin: 0px; border-bottom: solid 1px #e9e9e9; background: #c8c8c8 url(/public/images/newProductsTitleBg.gif) no-repeat scroll right top; }
.mdlNewProducts .item .left { margin: 10px 0px; padding: 0px 13px 0px 25px; width: 147px; float: left; border-right: solid 1px #c8c8c8; }
.mdlNewProducts .item .right { margin: 10px 0px 10px 186px; padding: 0px 25px 0px 13px; }
.mdlNewProducts .item .col { font-size: 109%; }
.mdlNewProducts .item .col p { margin: 0px; }
.mdlNewProducts .item .col a { color: #666; }
.mdlNewProducts .item .col div { padding: 1px 0px 1px 10px; }
.mdlNewProducts .item .col div a { text-decoration: none; }
.mdlNewProducts .item .col div a:hover, .mdlNewProducts .item .col div .act a { color: #009acf; }

.mdlCarousel { margin: 0px 9px; }
.mdlCarousel .arw { width: 24px; height: 24px; margin-top: 50px; cursor: pointer; background: transparent url(/public/images/crslButtons.gif) no-repeat scroll left top; }
.mdlCarousel .arwL { float: left; }
.mdlCarousel .arwL:hover { background-position: left bottom; }
.mdlCarousel .arwR { float: right; background-position: right top; }
.mdlCarousel .arwR:hover { background-position: right bottom; }
.mdlCarousel .belt { width: 660px; margin: 0px auto; white-space: nowrap; overflow: hidden; }
.mdlCarousel .belt div { width: 124px; height: 124px; margin-right: 10px; display:-moz-inline-stack; display:inline-block; }

.mdlSale { margin: 15px 0px; }
.mdlSale h2 { font-size: 162%; font-weight: normal; padding: 0px 9px; line-height: 1; }
.mdlSale .mdlCarousel .belt div img { width: 122px; height: 122px; border: solid 1px #cdcdcd; }
.mdlSale .mdlCarousel .belt div a { text-decoration: none; }
.mdlSale .mdlCarousel .belt div p { color: #f66; margin: -20px 0px 0px 0px; text-align: center; font-size: 109%; text-shadow: 1px 1px 0px #666; }

.mdlTextblock { background-color: #e8e8e8; padding: 9px; }

.mdlPath { font-size: 109%; color: #009acf; margin: 10px 0px; }
.mdlPath a { font-weight: bold; }

.mdlCatalog { margin-right: -4px; }
.mdlCatalog .fashion span { margin-right: 20px; }
.mdlCatalog .item { position: relative; width: 119px; display:-moz-inline-stack; display:inline-block; margin: 0px 6px 11px 0px; }
.mdlCatalog .item p { background-color: #ccc; padding: 2px 1px 2px 5px; margin: 0px; }
.mdlCatalog .item:hover p { background-color: #ddd; }
.mdlCatalog .item .prmFlag { position: absolute; top: 0px; right: 0px; background: transparent none no-repeat scroll left top; }
.mdlCatalog .item .prmFlagNew { width: 53px; height: 42px; background-image: url(/public/images/new.png); }

.mdlPages { font-size: 109%; margin-left: 35px; }
.mdlPages span { margin-right: 10px; }
.mdlPages a { color: #333; }
.mdlPages .act a { color: #009acf; }

.mdlCatalogItem .info { width: 746px; padding-bottom: 38px; border: solid 1px #808080; border-bottom: none; }
.mdlCatalogItem .info .col1 { padding: 20px 4px 34px 15px; }
.mdlCatalogItem .info .col1 h3 { margin-bottom: 0.2em; }
.mdlCatalogItem .info .col1 p { font-size: 109%; }
.mdlCatalogItem .info .col2 { width: 331px; padding: 4px 0px; }
.mdlCatalogItem .info .col2 .protect { width: 331px; height: 331px; margin-top: -331px; }
.mdlCatalogItem .info .col3 { width: 187px; padding: 4px 0px; text-align: center; vertical-align: bottom; line-height: 0px; }
.mdlCatalogItem .info .col3 img { margin: 4px 2px 0px 2px; }
.mdlCatalogItem .info .col3 .prmThmAct img { outline: solid 2px #ff8e89; }
.mdlCatalogItem .price { width: 192px; font-weight: bold; background-color: #ff8e89; padding: 8px 15px; margin: -38px 0px 4px 1px; }
.mdlCatalogItem .price span { font-size: 136%; color: #fff; }
.mdlCatalogItem .sizes { width: 746px; border: solid 1px #808080; border-top: none; }
.mdlCatalogItem .sizes th { height: 28px; color: #000; border-left: solid 1px #808080; border-right: solid 1px #808080; background-color: #e2e2e2; }
.mdlCatalogItem .sizes td { border-top: solid 2px #000; }
.mdlCatalogItem .sizes .fst td { border-top: solid 1px #000; }
.mdlCatalogItem .sizes .col1 { width: 90px; height: 59px; color: #fff; text-shadow: 1px 1px 0px #666; text-align: center; vertical-align: middle; }
.mdlCatalogItem .sizes .prmThmAct { outline: solid 2px #ff8e89; }
.mdlCatalogItem .sizes .col2 { width: 71px; color: #000; text-align: right; font-size: 91%; border-left: solid 1px #000; border-right: solid 1px #000; }
.mdlCatalogItem .sizes .col2 div { padding: 8px 5px 8px 0px; border-bottom: solid 1px #c8c8c8; }
.mdlCatalogItem .sizes .col2 p { padding: 8px 5px 0px 0px; }
.mdlCatalogItem .sizes .col3 { width: 581px; }
.mdlCatalogItem .sizes .szTable td { width: 26px; height: 28px; font-size: 109%; text-align: center; vertical-align: middle; border: none; }
.mdlCatalogItem .sizes .szTable input { width: 19px; height: 23px; border: solid 1px #c8c8c8; text-align: center; }
.mdlCatalogItem .sizes .szTable input:focus { border-color: #000; outline: none; }
.mdlCatalogItem .sizes .szTable .row1 { background-color: #ceecf6; }
.mdlCatalogItem .sizes .szTable .row1 td { border-right: solid 1px #c8c8c8; border-bottom: solid 1px #c8c8c8; }
.mdlCatalogItem .sizes .szTable .row2 td { border-right: solid 1px #c8c8c8; }
.mdlCatalogItem .sizes .szTable .row2 .fill input { background-color: #ceecf6; }
.mdlCatalogItem .buy { width: 212px; height: 40px; padding-top: 5px; margin-top: 10px; text-align: center; background-color: #ff8e89; }
.mdlCatalogItem .buy b { font-size: 127%; text-decoration: underline; }
.mdlCatalogItem .buy a { color: #fff; text-decoration: none; }
.mdlCatalogItem .buy a:hover { text-decoration: underline; }

.mdlRegister { width: 600px; margin: 0px auto; }
.mdlRegister .warnText { text-align: right; color: #a00; }
.mdlRegister table { width: 600px; }
.mdlRegister table td { text-align: right; }
.mdlRegister table .fst { text-align: left; }
.mdlRegister .tf { width: 350px; font-size: 109%; border: solid 1px #c8c8c8; text-align: center; }
.mdlRegister .tf:focus { border-color: #000; outline: none; }

.mdlCartProducts .img { width: 90px; }
.mdlCartProducts .tblVert .intable { padding: 0px; }
.mdlCartProducts .tblVert .intable input { font-size: 109%; width: 22px; height: 18px; text-align: center; border: solid 1px #c8c8c8; }
.mdlCartProducts .tblVert .intable input:focus { border-color: #000; outline: none; }
.mdlCartProducts .tblVert .intable .fill input { background-color: #ceecf6; }
.mdlCartProducts .tblVert .intable table { width: 100%; }
.mdlCartProducts .tblVert .intable table td { height: 24px; padding: 1px; border: none; border-top: solid 1px #999; }
.mdlCartProducts .tblVert .intable table tr:first-child td { border: none; }
.mdlCartProducts .clr { width: 90px; color: #fff; text-shadow: 1px 1px 0px #666; text-align: center; vertical-align: middle; background: transparent none repeat scroll center center; }
.mdlCartProducts .itog { width: 100%; margin-top: 4px; }
.mdlCartProducts .itog .col1 textarea { width: 400px; height: 100px; }
.mdlCartProducts .itog .col2 { text-align: right; color: #009acf; font-weight: bold; font-size: 109%; }
.mdlCartProducts .itog .col2 p { margin-bottom: 0.1em; }
.mdlCartProducts .itog .col2 span { width: 60px; padding: 2px 10px; display:-moz-inline-stack; display:inline-block; color: #fff; background-color: #009acf; }
.mdlCartProducts .itog .col2 .btn { border: none; cursor: pointer; height: 41px; width: 160px; margin: 1px 0px; font-weight: bold; font-size: 14px; color: #fff; background: transparent url(/public/images/cartPdctBtn.gif) repeat-x scroll top left; }
.mdlCartProducts .itog .col2 .btnSubmit:hover { background-position: left -41px; }
.mdlCartProducts .itog .col2 .btnRecalc { background-position: left -82px; }
.mdlCartProducts .itog .col2 .btnRecalc:hover { background-position: left -123px; }

.mdlBlank .date span { padding: 2px 3px; background-color: #ffdd7f; border: solid 1px #000; }
.mdlBlank .rect { padding: 2px 7px; border: solid 1px #000; }

.mdlUser { overflow: auto; min-height: 400px; }

.darkbox-frame { position:fixed; top:0; left:0; display:none; overflow:hidden; width:100%; height:100%; z-index:999; }
.darkbox-frame-on { display:block; }
.darkbox-shadow { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0; }
.darkbox-canvas { position:absolute; top:50%; left:50%; overflow:hidden; margin:-40px 0 0 -40px; width:80px; height:80px; background:#000 url(/public/images/graphics/spinner.gif) 50% 50% no-repeat; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; opacity:.5; }
.darkbox-canvas IMG { display:block; visibility:hidden; }
.darkbox-canvas-load { background-image:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.darkbox-canvas-done { overflow:visible; opacity:1; }
.darkbox-canvas-done IMG { visibility:visible; opacity:0; }
.darkbox-button { position:absolute; top:-13px; display:none; width:30px; height:30px; background:url(/public/images/graphics/button.png) no-repeat; cursor:pointer; z-index:1; }
.darkbox-button-on { display:block; }
.darkbox-button-left { left:-16px; }
.darkbox-button-right { right:-16px; }