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

/*******************/
/* Global elements */
body { color: #fbe094; font-size: 12px; font-family: Tahoma, sans-serif; line-height: 1.4em; background: #000 url(/public/images/design/bg_asler.jpg) repeat scroll left top; }
a { color: #fbe094; }
a:hover { color: #fbe094; text-decoration: none; }
h1 { text-align: left; font-size: 133%; margin-bottom: 0.7em; }
h3 { text-align: left; font-size: 117%; margin-bottom: 0.7em; }


/*******************/
/* Global classes  */
.tb, .tb2 { background-color: #504930; border: solid 1px #cac06a; color: #fbe094; padding: 1px 2px; }
.clRed { color: #a00; }
.btn { background-color: #504930; border: solid 1px #cac06a; color: #fbe094; cursor: pointer; }
.tblPadding td { padding: 2px 4px; }
.tblVert th { background-color: #504930; color: #fbe094; font-weight: normal; }
.tblVert td { border-bottom: solid 1px #a27847; text-align: center; vertical-align: middle; }


/*******************/
/*     Layouts     */
.layRoot { width: 1000px; position: relative; overflow: hidden; margin: 0px auto; background: #080705 url(/public/images/design/bg.jpg) no-repeat scroll left top; }

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

.layLeft { width: 230px; float: left; }
.layLeft .body { padding: 25px 10px 25px 28px; }
.layLeft .phone { padding: 30px 0px 20px 0px; font-family: Verdana, sans-serif; }
.layLeft .phone span { font-size: 150%; }
.layLeft .menu { padding: 30px 0px; }
.layLeft .menu h3 { padding-left: 40px; background: transparent url(/public/images/design/lftMenuTitle.gif) no-repeat scroll left center; }
.layLeft .menu p { padding-left: 40px; margin-bottom: 0.4em; }
.layLeft .menu p a { color: #fffdfc; text-decoration: none; }
.layLeft .menu p a:hover { text-decoration: underline; }
.layLeft .menu p.active { background: transparent url(/public/images/design/lftMenuItemAct.gif) no-repeat scroll 25px center; }
.layLeft .menu p.active a { color: #fbe094; }
.layLeft .menu hr { margin-left: 40px; border: none 0px; border-bottom: dotted 1px; margin-bottom: 0.4em; }

.layRight { /*margin-left: 230px; */overflow: hidden; width: 770px; }
.layRight .flash { padding: 13px 0px 25px 40px; }
.layRight .menu { text-align: center; }
.layRight .menu a { text-decoration: none; font-weight: bold; margin: 0px 25px; }
.layRight .menu a:hover { text-decoration: underline; }
.layRight .menu .active a { text-decoration: underline; }
.layRight .uzor { z-index: 1; position: absolute; width: 141px; height: 82px; right: 10px; top: 367px; background: transparent url(/public/images/design/rgtUzor.png) no-repeat scroll left center; }

.layContent { color: #2b271b; width: 768px; overflow: hidden; position: relative; left: -10px; }
.prmCatalog .layContent { width: 628px; }
.layContent a { color: #2b271b; }
.layContent a:hover { color: #2b271b; }
.layContent  .tl { width: 50%; float: left; height: 25px; background: transparent url(/public/images/design/cntTop.png) no-repeat scroll left top; }
.layContent  .tr { width: 50%; margin-left: 50%; height: 25px; background: transparent url(/public/images/design/cntTop.png) no-repeat scroll right top; }
.layContent  .bl { width: 50%; float: left; height: 37px; background: transparent url(/public/images/design/cntBottom.png) no-repeat scroll left top; }
.layContent  .br { width: 50%; margin-left: 50%; height: 37px; background: transparent url(/public/images/design/cntBottom.png) no-repeat scroll right top; }
.layContent  .body { position: relative; overflow: hidden; padding: 0px 24px 0px 35px;  }
.layContent  .body .l { position: absolute; left: 0px; top: 0px; width: 35px; height: 100%; background: transparent url(/public/images/design/cntLR.png) repeat-y scroll left top; }
.layContent  .body .r { position: absolute; right: 0px; top: 0px; width: 24px; height: 100%; background: transparent url(/public/images/design/cntLR.png) repeat-y scroll right top; }
.layContent .c { padding: 20px 25px; min-height: 300px; background: transparent url(/public/images/design/cntBg.jpg) repeat-y scroll left top; }
.prmCatalog .layContent .c { padding: 10px 10px; }

.layFooter { clear: both; padding: 0px 30px 15px 30px; color: #fefefd; font-size: 93%; font-family: Verdana, sans-serif; }
.layFooter p { margin-bottom: 0.4em; }
.layFooter a { color: #fefefd; }
.layFooter a:hover { color: #fefefd; }
.layFooter .reform { float: right; text-align: right; }

/*******************/
/*     Modules     */
.mdlAuth { font-size: 92%; margin: 45px -50px 95px 0px; }
.mdlAuth td { padding: 2px 2px; vertical-align: middle; }
.mdlAuth p { margin-left: 58px; }
.mdlAuth .msg { margin-left: 8px; }

.mdlCart { font-size: 92%; margin: 45px 0px; }
.mdlCart b { font-size: 109%; }

.mdlManuf { text-align: center; }
.layLeft .mdlManuf a { display: block; margin: 20px 0px; }
.layRight .mdlManuf { line-height: 65px; height: 75px; }
.layRight .mdlManuf img { vertical-align: middle; margin: 0px 20px; }

.mdlNewItems { float: right; width: 155px; margin: 0px 0px 20px -13px; padding-top: 20px; position: relative; left: -15px; }
.mdlNewItems h3 { text-align: center; }
.mdlNewItems .item { width: 133px; height: 207px; margin-bottom: -20px; padding: 23px 0px 0px 20px; background: transparent url(/public/images/design/newItemBg.png) no-repeat scroll left top; }
.mdlNewItems .item img { width: 124px; border: solid 1px #000; }
.mdlNewItems .item p { color: #fffefe; }

.mdlPages { font-family: Verdana, sans-serif; text-align: right; padding: 3px 0px; font-size: 92%; }
.mdlPages span { margin-left: 15px; padding: 1px 4px; }
.mdlPages a { color: #17150e; text-decoration: none; }
.mdlPages a:hover { text-decoration: underline; }
.mdlPages .active { background-color: #4f492f; }
.mdlPages .active a { color: #fff; }

.mdlCatalog { width: 100%; overflow: hidden; }
.mdlCatalog .item { width: 170px; height: 280px; margin-left: -12px; padding: 30px 0px 0px 25px; float: left; background: transparent url(/public/images/design/ctlgItemBg.png) no-repeat scroll left top; }
.mdlCatalog .item .img img { border: solid 1px #000; }
.mdlCatalog .item p { font-family: Verdana, sans-serif; padding-top: 10px; text-align: center; }

.ui-dialog { font-family: Vernada, sans-serif; color: #f3e6a9; background-color: #554f32; }
.ui-dialog a { color: #f3e6a9; }
.ui-dialog .title { color: #000; padding: 16px 30px 14px 30px; background: transparent url(/public/images/design/dlgTitleBg.gif) repeat-x scroll 0px 0px; }
.ui-dialog .title h3 { font-family: Times, sans; font-weight: normal; font-size: 150%; margin: 0px; }
.ui-dialog .title span { font-size: 120%; color: #fff; }
.ui-dialog .body { padding: 10px 10px; }
.ui-dialog .cnt1 { width: 100%; }
.ui-dialog .cnt1 .cnt1line { padding-left: 15px; color: #fbe094; }
.ui-dialog .panel { width: 26px; }
.ui-dialog .big { padding: 0px 15px 0px 8px; width: 297px; }
.ui-dialog .img { width: 297px; height: 399px; overflow: hidden; border: solid 2px #a39367; position: relative; }
.ui-dialog .img img { width: 297px; }
.ui-dialog .prms h3 { font-weight: normal; font-family: Tims, sans; font-size: 150%; margin-bottom: 0.4em; }
.ui-dialog .factoryList { font-size: 90%; padding-left: 15px; }
.ui-dialog .factoryList a { text-decoration: none; }
.ui-dialog .factoryList a:hover { text-decoration: underline; }
.ui-dialog .factoryList .active { text-decoration: underline; color: #fff; }
.ui-dialog .colorsList { padding-left: 15px; }
.ui-dialog .colorsList a { outline: none 0px; }
.ui-dialog .colorsList img { vertical-align: middle; margin-bottom: 5px; padding: 2px; }
.ui-dialog .colorsList input { margin: 0px 5px 0px 5px; }
.ui-dialog .colorsList .active img { padding: 0px; border: solid 2px #a39367; }
.ui-dialog .price { text-align: center; float: right; padding: 20px; width: 217px; /*padding: 50px 20px; width: 217px; height: 107px;*/ color: #a39367; font-family: Times, sans; font-size: 150%; /*background: transparent url(/public/images/design/dlgPriceBg.gif) no-repeat scroll 0px 0px;*/ }
.ui-dialog .price span { font-size: 120%; color: #fff; }
.ui-dialog .price a { color: #fff; }
.ui-dialog .cnt2 { font-size: 117%; padding: 10px 0px 0px 33px; }
.ui-dialog .desc { color: #a39367; margin-top: 15px; }
.ui-dialog .sizesList { line-height: 22px; }
.ui-dialog .sizesList span { border: solid 1px #a39367; padding: 0px 10px; margin: 0px 0px 5px 0px; }
.ui-dialog .ui-dialog-title { display: none; }
.ui-dialog .ui-icon-closethick { position: absolute; width: 17px; height: 20px; top: 15px; right: 3px; background: transparent url(/public/images/design/dlgClose.png) 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; }

/* darkbox */
.darkbox-frame { position:fixed; top:0; left:0; display:none; overflow:hidden; width:100%; height:100%; z-index:1999; }
.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; }