/* By PaulZi [2009-11-06] */
@import url("reset.css");
@import url("public.css");

/*******************/
/* Global elements */
body { color: #432212; font-family: Times, sans; background: #261810 url(/public/images/design/bg.gif) repeat scroll left top; }
a { color: #432212; }
a:hover { color: #432212; text-decoration: none; }
h1,.h1title { text-align: left; font-weight: normal; font-size: 16px; margin-bottom: 0.7em; }
h2,.h2title { text-align: left; font-weight: normal; font-size: 14px; margin-bottom: 0.7em; }
h3,.h3title { color: #6a4e41; text-transform: uppercase; font-weight: normal; }

/*******************/
/* Global classes  */
.clRed { color: #f00; }
.btn { background-color: #e8e8c4; border: solid 1px; padding: 2px 10px; cursor: pointer; }


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

.layHeader { padding-left: 349px; height: 286px; background: transparent url(/public/images/design/hdrBg.jpg) no-repeat scroll left top; }
.layHeader .title, .layHeader .phone { color: #5d2a1f; font-size: 120%; font-weight: bold; }
.layHeader .title { padding: 32px 0px 0px 20px; width: 400px; height: 37px; overflow: visible; }
.layHeader .title p { font-size: 85%; margin: 0px; }
.layHeader .phone { float: right; padding: 32px 6px 0px 0px; }
.layHeader .phone span { font-size: 170%; }
.layHeader .menu div { width: 108px; float: left; text-align: center; font-size: 90%; }
.layHeader .menu .h3title { color: #805e4e; font-size: 90%; padding-bottom: 10px; margin-bottom: 5px; background: transparent url(/public/images/design/hdrMenuSplit.gif) no-repeat scroll center bottom; }
.layHeader .menu .h3title a { color: #805e4e; }
.layHeader .menu p { margin-bottom: 0.2em; }
.layHeader .menu a { text-decoration: none; }
.layHeader .menu a:hover { text-decoration: underline; }
.layHeader .menu .active { font-weight: bold; }
.layHeader .menu .i0 { padding-top: 70px; }
.layHeader .menu .i1 { padding-top: 40px; width: 125px; }
.layHeader .menu .i2 { padding-top: 30px; width: 110px; }
.layHeader .menu .i3 { padding-top: 70px; width: 80px; }
.layHeader .menu .i4 { padding-top: 40px; width: 90px; }
.layHeader .menu .i5 { padding-top: 10px; width: 138px; }
.layHeader #swfTop { position: absolute; left: 0px; top: 0px; }

.layMain { width: 100%; overflow: hidden; }

.layLeft { width: 145px; padding-right:8px; text-align: center; float: left; background: transparent url(/public/images/design/lftBg.jpg) no-repeat scroll left top; }
.layLeft .logo { padding: 50px 0px 33px 0px; }
.layLeft .menu p { text-transform: uppercase; margin-bottom: 1.3em; font-size: 85%; }
.layLeft .menu a { text-decoration: none; }
.layLeft .menu a:hover { text-decoration: underline; }
.layLeft .menu .active { font-weight: bold; }
.layLeft .footer { text-align: center; font-size: 80%; padding: 140px 0px 10px 3px; }

.layRight { margin-left: 153px; color: #e8e8c4; background: #261810 url(/public/images/design/cntBg.gif) repeat scroll left top; }
.layRight a { color: #e8e8c4; }

.layContent { font-size: 110%; padding: 20px 40px; text-align: justify; min-height: 364px; background: transparent url(/public/images/design/cntBottom.gif) no-repeat scroll left bottom; }

.layFooter { margin: -12px 0px 0px 153px; height: 235px; background: transparent url(/public/images/design/ftrBg.png) no-repeat scroll right top; }
.layFooter .cart, .layFooter .holyday, .layFooter .imenniny { float: left; padding: 40px 10px 10px 10px; }
.layFooter .cart { text-align: center; width: 240px; margin-top: 35px; padding-left: 13px; background: transparent url(/public/images/design/ftrCart.gif) no-repeat scroll center top; }
.layFooter .cart .items { overflow: auto; height: 104px; }
.layFooter .cart .item { width: 100%; overflow: hidden; }
.layFooter .cart .item img { height: 42px; }
.layFooter .cart img { float: left; margin: 0px 10px 10px 0px; }
.layFooter .holyday { width: 268px; margin-top: 15px; background: transparent url(/public/images/design/ftrHolyday.gif) no-repeat scroll center top; }
.layFooter .holyday .items { overflow: auto; height: 172px; }
.layFooter .imenniny .items { overflow: auto; height: 133px; }
.layFooter .holyday h3, .layFooter .imenniny h3 { text-align: left; text-transform: none; }
.layFooter .holyday .date, .layFooter .imenniny .date { color: #6a4e41; margin-bottom: 0em; }
.layFooter .holyday .item, .layFooter .imenniny .item { padding-bottom: 5px; }
.layFooter .imenniny { width: 275px; margin-top: 25px; background: transparent url(/public/images/design/ftrImenniny.gif) no-repeat scroll center top; }
.layFooter .text { clear: both; }
.layFooter .reform { float: right; font-size: 80%; text-align: right; padding-top: 10px; }

/*******************/
/*     Modules     */
.mdlCatalog { background: transparent url(/public/images/design/cntBottom.gif) no-repeat scroll left bottom; padding: 10px 0px; position: relative; }
.mdlCatalog h1 { margin-bottom: 0.5em; padding-left: 20px; }
.mdlCatalog h2 { margin-bottom: 0.5em; padding-left: 20px; font-size: 90%; }
.mdlCatalog .prev, .mdlCatalog .next { position: absolute; width: 60px; height: 64px; opacity: 0.4; cursor: pointer; }
.mdlCatalog .prev:hover, .mdlCatalog .next:hover { opacity: 0.6; }
.mdlCatalog .prev { left: 0px; background: transparent url(/public/images/design/ctlgPrev.png) no-repeat scroll left top; }
.mdlCatalog .next { right: 0px; background: transparent url(/public/images/design/ctlgNext.png) no-repeat scroll left top; }
.mdlCatalog #prev0, .mdlCatalog #next0 { top: 80px; }
.mdlCatalog #prev1, .mdlCatalog #next1 { top: 260px; }
.mdlCatalog .belt { height: 360px; position: relative; }
.mdlCatalog .row { white-space: nowrap; width: 100%; overflow: hidden; position: relative; }
.mdlCatalog .i1 .fst { margin-left: 80px; }
.mdlCatalog .item { width: 161px; display:-moz-inline-stack; display: inline-block; }
.mdlCatalog .item .img { position: relative; padding: 4px 0px 0px 5px; width: 156px; height: 150px; }
.mdlCatalog .item .img .ramka { position: absolute; left: 0px; top: 0px; width: 161px; height: 154px; background: transparent url(/public/images/design/ctlgRamka.png) no-repeat scroll left top; cursor: pointer; }
.mdlCatalog .item .cart { float: right; width: 14px; height: 18px; cursor: pointer; background: transparent url(/public/images/design/ctlgCart.gif) no-repeat scroll left top; }
.mdlCatalog .item .desc { text-align: center; padding-right: 10px; }
.mdlCatalog .item .desc p { margin-bottom: 0em; }

.mdlNews .item { width: 100%; overflow: hidden; }
.mdlNews .item .img { float: left; margin: 0px 10px 10px 0px; }
.mdlNews .item h3 { text-align: left; }

.mdlCart { width: 100%; }
.mdlCart th { background-color: #e8e8c4; color: #432212; text-align: center; }
.mdlCart td { border-bottom: solid 1px #666; text-align: center; vertical-align: middle; }

.mdlCartOrder { margin: 0px auto; }
.mdlCartOrder td { padding: 3px 3px; }
.mdlCartOrder input { width: 300px; }
.mdlCartOrder textarea { width: 400px; height: 100px; }

.mdlBuketsMenu { margin-top: 50px; }
.mdlBuketsMenu .title { text-transform: uppercase; }

.ui-dialog { padding-top: 23px; background: transparent url(/public/images/design/dlgTop.gif) no-repeat scroll left top; }
.ui-dialog h1 { font-weight: bold; padding: 10px 30px 15px 40px; }
.ui-dialog .content { background-color: #e8e5c5; }
.ui-dialog .panel { padding-right: 10px; }
.ui-dialog .big { position: relative; overflow: hidden; width: 300px; height: 376px; }
.ui-dialog .big img { width: 287px; position: relative; left: 4px; top: 3px;}
.ui-dialog .big .ramka { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: transparent url(/public/images/design/dlgImgRamka.png) no-repeat scroll left top; }
.ui-dialog .photos { padding-left: 20px; }
.ui-dialog .photos .img { position: relative; width: 86px; height: 106px; padding: 3px 0px 0px 2px; cursor: pointer; }
.ui-dialog .photos .img .ramka { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: transparent url(/public/images/design/dlgPhotosRamka.png) no-repeat scroll left top; }
.ui-dialog .cnt2 { width: 100%; margin-top: 15px; }
.ui-dialog .desc { padding-left: 40px; }
.ui-dialog .price { width: 140px; padding: 0px 10px 0px 20px; font-weight: bold; font-size: 120%; }
.ui-dialog .price b { font-size: 150%; }
.ui-dialog .price a { font-size: 80%; }
.ui-dialog .footer { padding-bottom: 21px; background: transparent url(/public/images/design/dlgBottom.gif) no-repeat scroll left bottom; }
.ui-dialog .footer .body { background-color: #4d2d1b; color: #e8e5c5; padding: 10px 40px; }
.ui-dialog .footer .body a { color: #e8e5c5; }
.ui-dialog .ui-dialog-title { display: none; }
.ui-dialog .ui-icon-closethick { position: absolute; width: 16px; height: 15px; top: 18px; right: 8px; background: transparent url(/public/images/design/dlgClose.png) no-repeat scroll left top; text-indent: -9999px; cursor: pointer; }
.ui-widget-overlay { opacity: 0.8; background-color: #000; position: absolute; left: 0px; top: 0px; }


/* darkbox */
.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; }