/* By PaulZi [2009-04-23] */
@import url("reset.css");
@import url("public.css");
@import url("print.css") print;

/*******************/
/* Global elements */
body { background-color: #000; color: #fff; font-family: Verdana, sans-serif; font-size: 11px; line-height:1.3em; }
a { color: #fff; }
a:hover { color: #f9efb4; }
h1 { text-align: left; font-size: 140%; text-transform: uppercase; }
h2 { text-align: left; font-size: 120%; text-transform: uppercase; }
h3 { text-align: left; text-transform: uppercase; }
ul { padding-left: 3em; }


/*******************/
/* Global classes  */
.clYellow { color: #f6e0a4; }


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

/* header */
.layHeader { overflow: hidden; width: 100%; }
.layHeader .layLeft { width: 424px; float: left; }
.layHeader .layRight { margin-left: 424px; background: transparent url(/public/images/design/hdrTopBg.gif) no-repeat scroll right top; }
.layHeader .layRight .phone { color: #f6e0a4; text-align: center; padding-top: 18px; }
.layHeader .layRight .phone span { font-size: 170%; }
.layHeader .layRight .flash { padding-bottom: 20px; }

/* main */
.layMain { overflow: hidden; width: 100%; }
.layMain .layLeft { width: 376px; float: left; padding: 0px 32px 0px 16px; }
.layMain .layRight { margin-left: 424px; padding-right: 16px; }
.layMain .layRight p { text-align: justify; }

/* footer */
.layFooter { padding-top: 78px; background: transparent url(/public/images/design/ftrRightBg.gif) no-repeat scroll right bottom; }
.layFooter .reform { float: right; padding-right: 80px; }

/*******************/
/*     Modules     */
/* main menu */
.mdlMMenu { padding: 20px 0px 0px 16px; }
.mdlMMenu .item { display:-moz-inline-stack; display: inline-block; width: 164px; vertical-align: top; padding: 65px 10px 10px 25px; }
.mdlMMenu .item a { text-decoration: none; }
.mdlMMenu .item a:hover { text-decoration: underline; }
.mdlMMenu .item .active a { color: #f6e0a4; }
.mdlMMenu .mnu1 { background: transparent url(/public/images/design/mnu1.gif) no-repeat scroll left top; }
.mdlMMenu .mnu1act { background: transparent url(/public/images/design/mnu1act.gif) no-repeat scroll left top; }
.mdlMMenu .mnu2 {	background: transparent url(/public/images/design/mnu2.gif) no-repeat scroll left top; }
.mdlMMenu .mnu2act { background: transparent url(/public/images/design/mnu2act.gif) no-repeat scroll left top; }
.mdlMMenu .mnu3 {	background: transparent url(/public/images/design/mnu3.gif) no-repeat scroll left top; }
.mdlMMenu .mnu3act { background: transparent url(/public/images/design/mnu3act.gif) no-repeat scroll left top; }
.mdlMMenu .mnu4 { background: transparent url(/public/images/design/mnu4.gif) no-repeat scroll left top; }
.mdlMMenu .mnu4act { background: transparent url(/public/images/design/mnu4act.gif) no-repeat scroll left top; }

/* horizontal menu */
.mdlHMenu { padding: 10px 0px 6px 0px; }
.mdlHMenu span { padding: 0px 30px 0px 0px; }
.mdlHMenu a { text-decoration: none; }
.mdlHMenu a:hover { text-decoration: underline; }
.mdlHMenu .active a { color: #f6e0a4; }

/* sub menu */
.mdlSubMenu a { text-decoration: none; }
.mdlSubMenu a:hover { text-decoration: underline; }
.mdlSubMenu .active a { color: #f6e0a4; }

/* carousel */
.mdlCarousel { width: 100%; overflow:hidden; position: relative; white-space:nowrap; clear: both; }
.mdlCarousel .item { display:-moz-inline-stack; display: inline-block; width: 110px; white-space: normal; }
.mdlCarousel .item .img { width: 110px; margin-top: 40px; position: relative;}
.mdlCarousel .item img { width: 100%; }
.stepcarousel { position: relative; overflow: scroll; width: 160px; height: 300px; margin: 0 auto; }
.stepcarousel .belt { position: absolute; left: 0; top: 0; }
.stepcarousel .item { float: left; overflow: visible; margin: 10px; width: 110px; }
.stepcarousel .item p { font-size: 80%; position: relative; background-color: #000; }
.mdlCarousel .after, .mdlCarousel .before { position: absolute; width: 1000px; }
.mdlCarousel .after .item, .mdlCarousel .before .item { margin-right: 0px; }
.mdlCarousel .after { left: 100%; }
.mdlCarousel .before { left: -360px; }

/* title */
.mdlTitle { margin-bottom: 1.3em; }

/* pages */
.mdlPages { text-align: right; }
.mdlPages span { padding: 0px 5px; }
.mdlPages .active { font-weight: bold; }

/* catalog */
.mdlCatalog {  }
.mdlCatalog .item { display:-moz-inline-stack; display: inline-block; width: 270px; vertical-align: top; padding: 0px 5px 20px 0px; }
.mdlCatalog .item .img { float: left; margin: 0px 10px 10px 0px; border: solid 1px #fff; padding: 1px; }
.mdlCatalog .item .zakaz { clear: both; width: 122px; background-color: #f6e0a4; text-align: center; padding: 4px 0px; }
.mdlCatalog .item .zakaz a { color: #000; text-decoration: none; }
.mdlCatalog .item .zakaz a:hover { color: #660; text-decoration: underline; }

/* order button */
.mdlOrderBtn { float: right; margin: 0px 0px 10px 10px; background-color: #f6e0a4; text-align: center; padding: 4px; }
.mdlOrderBtn a { color: #000; text-decoration: none; }
.mdlOrderBtn a:hover { color: #660; text-decoration: underline; }