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

/*******************/
/* Global elements */
body { background: #000 url(/public/images/design/bg.jpg) no-repeat scroll center top; color: #3c3c3c; font-family: Tahoma, sans-serif; }
a { color: #000; text-decoration: underline; }
a:hover { text-decoration: none; color: #000; }
h1 { color: #807c77; text-transform: uppercase; font-weight: normal; font-size: 115%; text-align: left; text-indent: 4em; margin: 2em 0em 2em 0em; }

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


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

.layZanaves { position: absolute; width: 158px; height: 495px; right: 0px; top: 0px; background: transparent url(/public/images/design/zanaves.png) no-repeat scroll right top; }
.layMusic { position: absolute; width: 30px; height: 20px; right: 0px; top: 0px;  }
.layLogo { position: absolute; left: 16px; top: 0px; }
.prmInner .layLogo { left: 47px; }
.layLustra { position: absolute; left: 0px; top: 560px; width: 265px; height: 251px; background: transparent url(/public/images/design/lustra.png) no-repeat scroll left top; }
.prmInner .layLustra { top: 76px; }

.layHeader .phone { position: absolute; right: 48px; top: 20px; }
.layHeader .menu { text-align: right; padding: 55px 160px 13px 0px; font-size: 80%; }
.prmInner .layHeader .menu { padding-right: 48px; }
.layHeader .menu span { text-transform: uppercase; padding-left: 20px; }
.layHeader .menu a { color: #ece9d3; text-decoration: none; }
.layHeader .menu a:hover { color: #ece9d3; text-decoration: underline; }
.layHeader .menu .active a { text-decoration: underline; }
.layHeader .flash { padding-left: 47px; }
.layHeader .menu2 { text-align: right; padding-right: 47px; position: relative; z-index:2; }
.layHeader .menu2 span { cursor: pointer; text-decoration: none; text-transform: uppercase; display:-moz-inline-stack; display: inline-block; padding: 20px 30px 0px 30px; margin-left: -18px; vertical-align: top; text-align: center; height: 72px; background: transparent url(/public/images/design/hdrMenu2.png) no-repeat scroll -0px 0px; color: #372900; }
.layHeader .menu2 .active span { background-position: -150px 0px; padding-top: 35px; color: #635d05; height: 57px; }
.layHeader .menu2 .i2, .layHeader .menu2 .i4 { padding-top: 15px; height: 77px; }
.layHeader .menu2 .active .i2, .layHeader .menu2 .active .i4 { padding-top: 30px; height: 62px; }
.layHeader .menu2 .i6 { padding-top: 8px; height: 84px; }
.layHeader .menu2 .active .i6 { padding-top: 23px; height: 69px; }

.layMain { background: transparent url(/public/images/design/cntBgR.jpg) repeat-y scroll left top; }
.layMain .top, .layMain .bottom { background: transparent url(/public/images/design/cntBg.jpg) no-repeat scroll left top; }
.layMain { min-height: 528px; position: relative; background-position: left center; margin: 0px 48px 27px 47px; }
.prmInner .layMain { margin-top: -92px; }
.layMain .top { position: absolute; left: 0px; top: 0px; width: 100%; height: 264px; }
.layMain .bottom { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 264px; background-position: left bottom; }
.layMain .body { position: relative; padding: 39px 22px 34px 34px; font-family: sans; color: #272425; text-align: justify; }
.prmInner .layMain .body { padding-top: 99px; }
.layMain .body .lustra { float: left; width: 190px; height: 180px; }
.prmInner .layMain .body .lustra { height: 130px; }
.layMain .body p { text-indent: 4em; }

.layFooter { margin: 0px 48px 0px 47px; padding: 12px 30px 7px 30px; font-size: 80%; background: transparent url(/public/images/design/ftrBg.jpg) no-repeat scroll left top; }
.prmInner .layFooter { background-image: none; color: #ece9d3; padding: 0px; }
.prmInner .layFooter a { color: #ece9d3; }
.layFooter .reform { float: right; text-align: right; margin-top: 10px; }

/*******************/
/*     Modules     */
.mdlAuth { float: right; width: 151px; padding: 20px 0px 20px 50px; text-align: center; background: transparent url(/public/images/design/mdlAuthBg.png) no-repeat scroll 85px 0px; }
.mdlAuth .tb { display: block; border: solid 1px #b6b6b6; background-color: transparent; text-align: center; padding: 5px 0px; margin-bottom: 5px; }
.layMain .mdlAuth p { text-indent: 0em; }

.mdlCarousel { margin: 0px 48px 0px 47px; }
.mdlCarousel .prv { float: left; margin-top: 80px; }
.mdlCarousel .nxt { float: right; margin-top: 80px; }
.mdlCarousel .belt { margin-left: 85px; width: 740px; height: 250px; overflow: hidden; white-space: nowrap; }
.mdlCarousel .belt div { display:-moz-inline-stack; display: inline-block; padding-right: 14px; width: 136px; color: #9b9b9b; text-align: center; }
.mdlCarousel .belt div img { border: solid 1px #4e4e4e; }
.mdlCarousel .belt div p { text-transform: uppercase; margin-top: 10px; font-size: 80%; }

.mdlCatalog { width: 100%; overflow: hidden; clear: both; }
.mdlCatalog .prv { float: left; margin-top: 300px; }
.mdlCatalog .nxt { float: right; margin-top: 300px; }
.mdlCatalog .belt { width: 680px; margin: 0px auto; }
.mdlCatalog .belt div {  display:-moz-inline-stack; display: inline-block; width: 136px; text-align: center; padding-left: 136px; }
.mdlCatalog .belt div img { border: solid 1px #4e4e4e; }
.mdlCatalog .belt div p { text-transform: uppercase; margin-top: 10px; font-size: 80%; text-indent: 0em; }
.mdlCatalog .prmLay1 .i2 { padding-right: 136px; }
.mdlCatalog .prmLay1 .i3 { padding-left: 0px; }
.mdlCatalog .prmLay2 .i5 { padding-right: 136px; }
.mdlCatalog .prmLay2 .i1, .mdlCatalog .prmLay2 .i6 { padding-left: 0px; }

.mdlPage { text-align: right; }
.mdlPage div { display: inline; padding:10px 5px; background: transparent url(/public/images/design/mdlPage.gif) no-repeat scroll 0px 0px; }
.mdlPage span { padding: 7px; }
.mdlPage span a { text-decoration: none; }
.mdlPage span a:hover { text-decoration: underline; }
.mdlPage span.active { background: transparent url(/public/images/design/mdlPagesAct.gif) no-repeat scroll center center; }

.ui-dialog { background: transparent url(/public/images/design/ui-dialog.jpg) no-repeat scroll 0px 0px; }
.ui-dialog h1 { text-align: center; }
.ui-dialog .img { margin: 0px auto; }
.ui-dialog .img .bigimg img { border: solid 1px #000; width: 272px; height: 408px; }
.ui-dialog .img .addPhotos { width: 82px; padding-left: 50px; }
.ui-dialog .img .addPhotos img { width: 82px; border: solid 1px #000; margin-bottom: 10px; }
.ui-dialog .cartAct { float: right; text-align: right; }
.ui-dialog .desc { padding: 20px 0px; }
.ui-dialog .params { width: 100%; }
.ui-dialog .params td { vertical-align: middle; height: 30px; }
.ui-dialog .params table { width: 100%; }
.ui-dialog .factoryList span { padding: 3px; margin-right: 10px; }
.ui-dialog .factoryList .active { background-color: #3c3c3c; }
.ui-dialog .factoryList .active a { color: #fff; text-decoration: none; }
.ui-dialog .colorsList img { border: solid 1px #000; margin: 0px 5px 3px 0px; cursor: pointer; }
.ui-dialog .colorsList .active { outline: solid 3px #3c3c3c; }
.ui-dialog .sizesList span { padding: 2px 3px; border: solid 1px #000; font-size: 120%; margin-right: 10px; cursor: pointer; }
.ui-dialog .sizesList .active { outline: solid 3px #3c3c3c; }
.ui-dialog .price { font-size: 120%; }
.ui-dialog .ui-icon-closethick { position: absolute; width: 15px; height: 15px; top: 3px; right: 3px; background: transparent url(/public/images/design/ui-icon-closethick.gif) no-repeat scroll left top; text-indent: -9999px; cursor: pointer; }
.ui-dialog .ui-dialog-content { padding: 0px 30px 20px 30px; }
.ui-widget-overlay { opacity: 0.3; background-color: #000; position: absolute; left: 0px; top: 0px; }

#swfBook { outline: none; }