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

/*******************/
/* Global elements */
body { font-family: Tahoma, sans-serif; font-size: 12px; color: #040605; background: transparent url(/public/images/bg.gif) repeat scroll left top; line-height: 1.2; }
h3 { font-family: Georgia, Times, sans; color: #3c09a8; font-size: 133%; font-weight: bold; }


/*******************/
/* Global classes  */


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

.layShadow { width: 1112px; margin: 0px -56px; }

.layShadowL, .layShadowR { width: 56px; background: transparent url(/public/images/shadow.png) repeat-y scroll left top; }
.layShadowR { background-position: right top; }

.layMain { width: 1000px; }

.layHeader { position: relative; padding: 40px 20px 24px 20px; font-family: Times, sans; background: #a768c4 url(/public/images/hdrBg.jpg) no-repeat scroll left top; }
.layHeader .logo { position: absolute; left: 0px; top: 0px; }
.layHeader .logo img { width: 320px; height: 128px; }
.layHeader .phone { text-align: right; color: #fbd0fc; font-size: 233%; font-weight: bold; }
.layHeader .phone small { font-size: 64%; font-weight: normal; }
.layHeader .menu { text-align: right; padding-top: 20px; font-family: Georgia, Times, sans; font-size: 133%; }
.layHeader .menu span { padding-left: 30px  }
.layHeader .menu a { color: #f7f6f9; text-decoration: none; }
.layHeader .menu a:hover, .layHeader .menu .act a { text-decoration: underline; }

.layContent { width: 100%; overflow: visible; background: #f6f6f3 url(/public/images/cntBg.jpg) no-repeat scroll left 17px; }
.prmContent .layContent { background-image: none; }
.prmInner .layContent { background-position: left 25px; }
.layContent .title { height: 17px; background: transparent url(/public/images/twoBg.gif) repeat-x scroll left center; }
.layContent .title b { font-family: Georgia, Times, sans; font-size: 145%; color: #fbd0fc; padding: 0px 50px 0px 240px; background: transparent url(/public/images/tleArw.gif) no-repeat scroll right center; }
.prmInner .layContent .title { height: 21px; padding-top: 4px; }
.layContent  .mdlLine { clear: both; }

.layCols { width: 100%; overflow: visible; }

.layLeft { float: left; width: 199px; }
.layLeft .menu { padding: 50px 0px 30px 0px; font-family: Georgia, Times, sans; color: #3c09a8; line-height: 1; }
.layLeft .menu a { color: #3c09a8; text-decoration: none; }
.layLeft .menu a:hover { text-decoration: underline; }
.layLeft .menu div { padding: 10px 0px 20px 0px;  }
.layLeft .menu h3 { margin: 0px; padding: 3px 0px 3px 38px; }
.layLeft .menu div p { margin: 0px; font-size: 110%; font-weight: normal; padding: 3px 0px 3px 60px; }
.layLeft .menu div .act { background: transparent url(/public/images/lftMenuAct.gif) no-repeat scroll 20px center; }
.layLeft .body { padding: 0px 20px 20px 38px; }

.layRight { position: relative; margin-left: 199px; padding: 20px 20px 20px 38px; line-height: 1.4; }
.prmIndex .layRight { padding: 0px; height: 687px; background: transparent url(/public/images/rghIndexBg.jpg) no-repeat scroll left top; }

.layIndexContent { padding: 21px 36px; background: #f3f3ef url(/public/images/ixContentBg.gif) no-repeat scroll left bottom; }
.prmInner .layIndexContent { padding: 0px; }

.layFooter { height: 41px; padding: 30px 50px; color: #fbd0fc; font-size: 92%; background: #000 url(/public/images/ftrBg.gif) no-repeat scroll left top; }
.layFooter .reform { float: right; text-align: right; }

/*******************/
/*     Modules     */
.mdlNews .item { margin-bottom: 2em; }
.mdlNews .item .date { color: #3c09a8; margin-bottom: 0.5em; }
.mdlNews .item p a { text-decoration: none; }
.mdlNews .item p a:hover { text-decoration: underline; }

.mdlFilter { font-family: Georgia, Times, sans; font-size: 110%; color: #3c09a8; }
.mdlFilter select { width: 100%; }
.mdlFilter .cbx input { float: right; }

.mdlPages { position: relative; top: -38px; font-size: 90%; font-weight: bold; text-align: right; padding-right: 30px; }
.mdlPages span { background-color: #9a9883; padding: 2px 3px; margin-left: 8px; }
.mdlPages .act { background-color: #a144b5; }
.mdlPages span a { color: #fff; text-decoration: none; }
.mdlPages span a:hover { text-decoration: underline; }

.mdlSale { position: relative; width: 100%; height: 129px; }
.prmIndex .mdlSale { position: absolute; left: 0px; bottom: 0px; width: 801px; height: 139px; background: transparent url(/public/images/saleBg.png) repeat scroll left top; }
.mdlSale .lenta { position: absolute; left: -6px; top: -18px; width: 146px; height: 162px; background: transparent url(/public/images/saleLenta.png) no-repeat scroll left top; }
.mdlSale .lenta2 { position: absolute; right: -15px; top: -20px; width: 86px; height: 116px; background: transparent url(/public/images/saleLenta2.png) no-repeat scroll left top; }
.prmIndex .mdlSale .lenta { top: -6px; }
.mdlSale .arwL, .mdlSale .arwR { position: absolute; top: 60px; width: 39px; height: 14px; cursor: pointer; background: transparent url(/public/images/saleArw.png) no-repeat scroll left 0px; }
.mdlSale .arwL { left: 70px; }
.prmIndex .mdlSale .arwL { left: 60px; }
.mdlSale .arwR { right: 100px; background-position: left -14px; }
.prmIndex .mdlSale .arwR { right: 3px; }
.mdlSale .belt { position: relative; padding: 3px 0px 0px 165px; width: 642px; white-space: nowrap; overflow: hidden; }
.prmIndex .mdlSale .belt { padding: 7px 0px 0px 108px; }
.mdlSale .belt img { height: 121px; border: solid 1px #000; margin-right: 18px; }

.mdlLine { clear: both; height: 13px; background: transparent url(/public/images/twoBg.gif) repeat-x scroll left center; }

.mdlCatalog { position: relative; width: 100%; }
.mdlCatalog .item { position: relative; display:-moz-inline-stack; display: inline-block; margin-top: -11px; width: 132px; height: 210px; padding: 34px 55px 0px 8px; font-size: 93%; background: transparent url(/public/images/ctlgItemBg.png) no-repeat scroll left top; }
.mdlCatalog .lstrow { padding-right: 12px; }
.mdlCatalog .item .img { padding-bottom: 2px; }
.mdlCatalog .item .sale, .mdlCatalog .item .new { position: absolute; top: 22px; right: 35px; }
.mdlCatalog .item .sale { width: 55px; height: 56px; background: transparent url(/public/images/ctlgItemSale.png) no-repeat scroll left top; }
.mdlCatalog .item .new { width: 60px; height: 57px; background: transparent url(/public/images/ctlgItemNew.png) no-repeat scroll left top; }
.mdlCatalog .item p { margin: 0px; line-height: 1; }
.mdlCatalog .item b { color: #6f0e6b; font-size: 110%; }
.mdlCatalog .item .cart { float: right; }

.mdlCart .tblVert { width: 100%; font-size: 100%; }
.mdlCart .tblVert th { background-color: #542361; }
.mdlCart .tblVert td { border: solid 1px #000; }
.mdlCart .tblVert .img { height: 100px; }
.mdlCart .tblVert .tb2 { width: 30px; }
.mdlCart .tblPad { width: 600px; margin: 0px auto; }
.mdlCart .tblPad td { text-align: left; padding: 2px 2px; }
.mdlCart .tblPad span { color: #a00; }
.mdlCart .tblPad input { width: 350px; }
.mdlCart .tblPad .submit { text-align: right; }
.mdlCart .tblPad .submit input { width: 100px; }
.mdlCart .tblPad textarea { width: 590px; height: 80px; }
.mdlCart .sum { text-align: right; font-size: 120%; margin-top: 10px; }
.mdlCart .sum span { font-size: 150%; }

.ui-dialog { background-color: #fff; color: #3c09a8; font-family: Vernada, sans-serif; }
.ui-dialog h1 { background-color: #a15dc0; color: #fff; font-family: Georgia, Times, sans; font-size: 174%; font-weight: normal; padding: 30px 30px; margin: 0px; }
.ui-dialog h1 span { margin-left: 30px; }
.ui-dialog .body { padding: 28px 32px 10px 37px }
.ui-dialog .img { float: left; width: 303px; padding-bottom: 10px; }
.ui-dialog .img img { border: solid 3px #a15dc0; }
.ui-dialog .colors { margin-left: 303px; }
.ui-dialog .colors p { padding-left: 30px; font-size: 120%; }
.ui-dialog .colors .item { display:-moz-inline-stack; display: inline-block; text-align: right; width: 100px; height: 69px; }
.ui-dialog .colors .item img { vertical-align: top; }
.ui-dialog .colors .act a { outline: none; }
.ui-dialog .colors .act img { border: solid 2px #a15dc0; }
.ui-dialog .cart { clear: left; float: right; width: 165px; text-align: center; font-family: Times, sans; font-size: 150%; font-weight: bold; }
.ui-dialog .desc { clear: left; }
.ui-dialog .desc .sizes { margin-bottom: 0.7em; }
.ui-dialog .desc .sizes span { background-color: #c3c2b1; color: #fff; font-weight: bold; font-size: 130%; padding: 0px 7px; margin-right: 3px; }
.ui-dialog .footer { background-color: #a15dc0; padding: 13px 25px; margin: 0px; text-align: center; font-weight: bold; color: #fff; }
.ui-dialog .ui-dialog-title { display: none; }
.ui-dialog .ui-icon-closethick { position: absolute; width: 21px; height: 21px; top: 30px; right: 20px; background: transparent url(/public/images/dlgClose.gif) no-repeat scroll left top; text-indent: -9999px; cursor: pointer; }
.ui-widget-overlay { opacity: 0.5; background-color: #000; position: absolute; left: 0px; top: 0px; }