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

/*******************/
/* Global elements */
body { background-color: #070000; font-family: Tahoma, sans-serif; color: #de793c; }
a { color: #de793c; }
a:hover { text-decoration: none; color: #f2d3b2; }
h1 { text-align: left; font-weight: normal; font-family: Times New Roman, sans; font-size: 150%; color: #9d3f07; margin-bottom: 0.7em; }
h3 { text-align: left; font-weight: normal; font-family: Times New Roman, sans; font-size: 150%; }


/*******************/
/* Global classes  */
.tb { background-color: transparent; border: solid 1px #de793c; color: #f2d3b2; padding: 1px 2px; }
.tb2 { background-color: #35181a; border: solid 1px #803b0c; color: #f2d3b2; padding: 1px 2px; }
.clRed { color: #a00; }
.tblPadding td { padding: 2px 4px; }
.tblVert th { background-color: #ad7d48; color: #000; font-weight: normal; }
.tblVert td { border-bottom: solid 1px #a27847; text-align: center; vertical-align: middle; }
.btn { background-color: #ad7d48; color: #000; cursor: pointer; border: solid 1px #000; }

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

.layHeader { overflow: hidden; width: 100%; }
.layHeader .logo { float: left; padding: 17px 0px 0px 20px; }
.layHeader .phone { float: right; color: #f2d3b2; font-family: Times New Roman, sans; font-size: 140%; padding: 17px 40px 0px 0px; }
.layHeader .phone p { margin: 0.1em; }
.layHeader .menu { font-family: Times New Roman, sans; font-size: 130%; text-align: center; padding-top: 42px; margin: 0px 163px 0px 209px; }
.layHeader .menu span { background: transparent url(/public/images/design/hdrMenuItem.gif) no-repeat scroll left center; padding: 0px 15px 0px 25px; }
.layHeader .menu a { text-decoration: none; }
.layHeader .menu a:hover { text-decoration: underline; }
.layHeader .menu .active a { text-decoration: underline; }

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

.layLeft { width: 230px; float: left; }
.layLeft .menu { padding-left: 25px; }
.layLeft .menu h3 { padding: 10px 0px 10px 40px; background: transparent url(/public/images/design/lftMenuTitle.gif) no-repeat scroll left center; }
.layLeft .menu p { padding-left: 40px; }
.layLeft .menu a { text-decoration: none; }
.layLeft .menu a:hover { text-decoration: underline; }
.layLeft .menu .active a { color: #f2d3b2; }

.layRight { margin-left: 230px; }

.layContent { color: #000; }
.layContent a { color: #000; }
.layContent .top { height: 110px; background: transparent url(/public/images/design/cntBgTop.png) no-repeat scroll left top; }
.layContent .body { padding: 1px 0px; background: transparent url(/public/images/design/cntBg.png) repeat-y scroll left top; }
.layContent .body .content { margin: -100px 0px -100px 0px; min-height: 350px; padding: 30px 50px; }
.layContent .bottom { height: 110px; background: transparent url(/public/images/design/cntBgBottom.png) no-repeat scroll left bottom; }

.layFooter { padding: 10px 20px 0px 25px; }
.layFooter .reform { float: right; text-align: right; }

/*******************/
/*     Modules     */
.mdlCart { padding: 25px; }

.mdlAuth { padding: 25px 0px; font-size: 85%; }
.mdlAuth td { padding: 3px 6px; vertical-align: middle; }
.mdlAuth p { margin-left: 58px; }
.mdlAuth .msg { margin-left: 8px; }

.mdlManuf { padding-left: 15px; }
.mdlManuf a { margin-left: 25px; }
.mdlManuf img { vertical-align: middle; }
.mdlManuf .fst { margin-left: 0px; }

.mdlPages { font-family: Verdana, sans-serif; text-align: right; padding: 3px 0px; }
.mdlPages span { margin-left: 20px; padding: 1px 3px; }
.mdlPages a { color: #000; text-decoration: none; }
.mdlPages a:hover { text-decoration: underline; }
.mdlPages .active { background-color: #000; }
.mdlPages .active a { color: #fff; }

.mdlCatalog { overflow: hidden; width: 670px; }
.mdlCatalog .item { float: left; padding: 10px 0px 10px 42px; overflow: visible; width: 135px; }
.mdlCatalog .nopad { padding-left: 0px; }
.mdlCatalog .item .img { position: relative; width: 135px; height: 186px; }
.mdlCatalog .item .img img { padding: 1px; border: solid 1px #000; }
.mdlCatalog .item .img .new { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: transparent url(/public/images/design/ctlgNew.gif) no-repeat scroll right top; }
.mdlCatalog .item p { margin-bottom: 0.4em; text-align: center; white-space: nowrap; }

.mdlNews .item { width: 100%; overflow: hidden; }
.mdlNews .item .img { float: left; margin: 0px 10px 10px 0px; }
.mdlNews .item .date { font-style: italic; }

.ui-dialog { font-family: Vernada, sans-serif; color: #000; background: transparent url(/public/images/design/dlgBg.gif) repeat-y scroll 0px 0px; }
.ui-dialog a { color: #000; }
.ui-dialog a:hover { color: #000; }
.ui-dialog .title { color: #f2e5b0; padding: 14px 30px; background: transparent url(/public/images/design/dlgTitleBg.gif) repeat-x scroll 0px 0px; }
.ui-dialog .title b { font-size: 120%; }
.ui-dialog .bottom { color: #f2e5b0; padding: 4px 30px; background: transparent url(/public/images/design/dlgBottomBg.gif) repeat-x scroll 0px 0px; }
.ui-dialog .bottom img { vertical-align: middle; margin: 0px 20px 0px 150px; }
.ui-dialog .bottom a { color: #f2e5b0; }
.ui-dialog .body { padding: 20px 10px; }
.ui-dialog .cnt1 { width: 100%; }
.ui-dialog .panel { width: 31px; }
.ui-dialog .big { padding: 0px 15px 0px 8px; }
.ui-dialog .img { width: 310px; height: 434px; overflow: hidden; position: relative; }
.ui-dialog .img img { width: 310px; }
.ui-dialog .desc div { margin-bottom: 20px; }
.ui-dialog .cnt1 h3, .ui-dialog .cnt2 h3 { font-size: 140%; color: #9d3f07; }
.ui-dialog .cnt2 { width: 100%; margin-top: 10px; }
.ui-dialog .cnt2 td { padding: 5px 4px; }
.ui-dialog .factoryList { font-size: 90%; }
.ui-dialog .factoryList a { display:-moz-inline-stack; display: inline-block; margin-right: 20px; }
.ui-dialog .factoryList .active { font-weight: bold; }
.ui-dialog .colorsList img { vertical-align: middle; margin-bottom: 5px; padding: 2px; }
.ui-dialog .colorsList input { margin: 0px 4px 0px 2px; }
.ui-dialog .colorsList .active img { padding: 0px; border: solid 2px #791406; }
.ui-dialog .sizesList span { border: solid 1px #791406; padding: 0px 15px; margin-right: 5px; font-family: Times New Roman, sans; font-size: 120%; }
.ui-dialog .ui-dialog-title { display: none; }
.ui-dialog .ui-icon-closethick { position: absolute; width: 20px; height: 21px; top: 3px; 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; }