body{padding:0; margin:0; background:#050505 url('../img/bg-body.png') 0 0 repeat; text-align:right; overflow-x:hidden; width:100%; position:relative;}

#mother{width:780px; background:#000; color:white; text-align:left; margin:0 auto;}
#header{height:143px; background:#5f5f5f url('../img/bg-head.png') 0 0 no-repeat; border-top:8px solid #7b7b7b; text-align:center; zoom:1}
#motive{padding-top:3px; margin-bottom:-1px; zoom:1}
#motive .l{width:565px; height:149px; background:#f6f0f3 url('../img/motive.jpg') 0 0 no-repeat;}
#motive .r{width:215px; float:left; background:#4e4e4e url('../img/bg-motive-shadow.png') 0 0 repeat-y; min-height:149px; color:white;}
#spacer{background:#000; border:2px solid #d1d1d1; border-width:2px 0; height:16px; overflow:hidden; line-height:16px;}
#spacer p{margin:0; padding:0 28px; line-height:16px; font-size:83%;}
#spacer p a{color:white; text-decoration:none;}
#spacer p a:hover{color:#be092f;}
#main.three-col{background:url('../img/bg-main-3.png') 0px 0 repeat-y;}
#main.two-col{background:url('../img/bg-main-2.png') 0px 0 repeat-y;}
#footer{border-top:7px solid #d4d4d4; margin-top:1px; background:#4f4f4f; color:#a4a4a4; padding:10px 20px; font-size:92%; zoom:1;}
#footer p{margin:0;}
#footer a{color:white;}
#footer a:hover{color:#be092f;}

/* LOGO */
#logo-line{position:absolute; top:55px; left:0; width:2000px; height:18px; background:#be092f; z-index:1;}
#logo-box{margin:27px 0 0; position:relative; z-index:2;}
#logo-box h1, #logo-box p{margin:0; padding:0; line-height:0;}

/* MENU */
#main-menu{background:#4f4f4f url('../img/bg-main-menu.png') 0 0 no-repeat; border-top:2px solid #f1f1f1; position:relative; z-index:2; zoom:1}
#main-menu .reset li{float:left; padding-right:2px; background:url('../img/bg-menu-li.png') 100% 0 repeat-y; margin-bottom:-1px}
#main-menu .reset li a{float:left; cursor:pointer; height:35px; line-height:37px; padding:0 20px; color:white; text-decoration:none;}
#main-menu .reset li.first a{padding:0 19px 0 18px;}
#main-menu .reset li:hover a, #main-menu .reset li.hover a{background:url('../img/bg-menu-a.png');}
#main-menu p{margin:0; color:white; padding:9px 18px 0 20px; float:right; width:176px; margin-bottom:-1px}
#main-menu p .int-text{float:right; width:125px; font-size:92%; font-family:arial;}
#main-menu p label{float:left; padding-top:2px; font-size:92%;}

#main-menu .reset li:hover .submenu, #main-menu .reset li.hover .submenu{display:block;}
#main-menu .reset li .submenu{position:absolute; top:35px; left:0; border-top:2px solid #a8a8a8; width:525px; background:#4e4e4e; padding:6px 20px 8px; display:none;}
#main-menu .reset li .submenu li{padding:0 0 0 14px; background:none; line-height:1; margin-right:15px; background:url('../img/bg-submenu-li.png') 0 4px no-repeat;}
#main-menu .reset li .submenu li a{display:inline; padding:0; height:auto; line-height:1; font-size:92%; background:none;}
#main-menu .reset li .submenu li a:hover{background:none; text-decoration:underline;}

#motive .r .head{background:#909090 url('../img/bg-motive-head.png') 0 0 no-repeat; padding:5px 0 0;}
#motive .r .head h2{ color:white; margin:8px 0px 0; font-size:100%; font-weight:normal; padding:0 20px 8px; background:url('../img/bg-motive-head2.png') 0 100% no-repeat;}
#motive .r .body{ padding:5px 18px 0 20px; font-size:92%; overflow:hidden; zoom:1;}
#motive .r a{color:white; font-style:italic;}
#motive .r a:hover{color:#be092f;}
#motive .r .int-text{float:right; width:125px; font-size:100%;  font-family:arial;}
#motive .r .btn-submit{background:none; border:none; padding:0; margin:0; color:white; font-family:arial; font-size:100%; cursor:pointer;}
#motive .r label{float:left; padding-top:4px;}
#motive .r p{overflow:hidden; zoom:1; margin-bottom:0.6em; line-height:1;}

/* COLS */
#col-content{float:left; width:565px;}
#col-content .col-left{float:left; width:203px; background:#8f8f8f url('../img/bg-col-left.png') 0 100% no-repeat;}
#col-content .col-right{float:right; width:362px; background:#000000;}
#col-side{float:right; width:215px;}
.two-col #col-content{background:#404040}
.two-col #col-content .in{padding:1px 25px 1px 28px;}

/* NEWS BOX */
.news-box h2{background:#4e4e4e url('../img/bg-col-left-h2.png') 100% 0 repeat-y; padding:11px 24px; margin:0; font-size:108%; font-weight:bold;}
.news-box .reset{padding:4px 20px;}
.news-box .reset li{padding:10px 0 5px;}
.news-box .reset h3{font-size:100%; text-transform:uppercase; margin:0.8em 0 0.6em;}
.news-box .reset p{font-size:92%; line-height:1.4em; margin-bottom:0.8em;}
.news-box .reset .link{margin-bottom:0; text-align:right; margin-right:5px;}
.news-box .inline-link, .news-box .inline-link span{background-image:url('../img/bg-news-btn.png'); color:white; height:18px; line-height:18px;}
.news-box .inline-link span{margin-right:-5px; position:relative;}

/* SIDE MENU */
#side-menu{padding-top:15px; background:#7c7c7c url('../img/bg-side-menu-shadow.png') 0 0 repeat-y;}
#side-menu .reset li a{display:block; padding:9px 0 9px 23px; background:#000 url('../img/bg-side-menu.png') 0 0 no-repeat; color:white; text-decoration:none; font-size:92%; text-transform:uppercase; zoom:1;}
#side-menu .reset li a:hover, #side-menu .reset li.active a{background:#8d0000 url('../img/bg-side-menu.png') 100% 0 no-repeat;}
#side-menu .reset li.active a{text-decoration:underline;}
#side-menu .reset li ul{padding:5px 30px 8px;}
#side-menu .reset li ul li a, #side-menu .reset li.active ul li a{display:inline; padding:0; background:none; text-transform: none; text-decoration:none;}
#side-menu .reset li ul li a:hover{background:none; text-decoration:underline;}
#side-menu .reset li ul li{margin-bottom:2px; padding:2px 0 2px 8px; background:url('../img/bg-side-menu-dot.png') 0 7px no-repeat; line-height:1;}

/* BASKET BAR */
.basket-bar{background:#3f3f3f url('../img/bg-basket-bar.png') 0 0 repeat-y; padding:8px 12px 6px 23px; zoom:1;}
.basket-bar h3{display:inline; margin:0px 10px 0 0; font-size:92%; text-transform:uppercase; line-height:1; background:url('../img/ico-basket.png') 100% 0 no-repeat; padding:5px 25px 5px 0;}
.basket-bar p{display:inline; margin:0; line-height:1; font-size:92%; padding:5px 0;}

/* HOME */
#home-title{position:relative; width:297px; height:43px; overflow:hidden; font-size:117%; margin:0.9em 0 1.1em;}
#home-title .sprite{background:url('../img/sprite-home-h2.png');}
.home-content{padding:0 23px 10px;}
.home-content p{font-size:92%; margin-bottom:0.8em;}
.home-content .r{margin:0 0 8px 8px;}

/* DETAIL */
#prod-detail{padding:20px 0;}
#prod-detail .text{overflow:hidden; zoom:1;}
#prod-detail .l{margin-right:15px;}
#prod-detail .l img{border:2px solid #909090}
#prod-detail h1{font-size:125%;}
#prod-detail .add-basket strong{font-size:150%;}
#prod-detail .inline-btn{margin-top:8px;}
#prod-detail .inline-btn, #prod-detail .inline-btn input{background-image:url('../img/bg-news-btn.png'); color:white; height:18px; line-height:1; background-position: 0 -400px;}
#prod-detail .inline-btn input{margin-right:-5px; position:relative; padding:0 15px; font-size:92%; background-position: 100% -500px;}

/* CATEGORY */
#category-crossroad{padding:20px 0;}
#category-crossroad .img{float:left; width:80px; overflow:hidden; margin-right:8px;}
#category-crossroad .desc{overflow:hidden; zoom:1;}
#category-crossroad .img img{display:block;}
#category-crossroad .reset{ zoom:1; *margin-bottom:1px;}
#category-crossroad .reset li{float:left; width:254px; background:#101010; margin:0 2px 1px 0; font-size:92%;}
#category-crossroad .reset li h2{font-size:100%; text-transform:uppercase; font-family:tahoma;}
#category-crossroad .reset li .spc{margin:4px; border:1px solid #404040; overflow:hidden; zoom:1; padding:4px;}
#category-crossroad .reset li .spc li{float:none; width:auto; background:url('../img/bg-dot.png') 0 6px no-repeat; padding-left:6px;}
#category-crossroad .reset li a{color:white; text-decoration:none;}
#category-crossroad .reset li a:hover{color:#be092f;}

/* PRODUCTs */
#product-list{padding:1px 0 20px;}
#product-list .img{float:left; width:100px; overflow:hidden; margin-right:12px;}
#product-list .img a{background:white; display:block; padding:6px 0; text-align:center; _height:1px; border:2px solid #909090;}
#product-list .desc{overflow:hidden; zoom:1;}
#product-list .img img{display:block; margin:0 auto;}
#product-list .reset{margin-top:25px;}
#product-list .reset li{width:230px; margin:0 2px 1px 0;}
#product-list .reset li h2{font-size:108%; text-transform:uppercase; font-weight:bold;}
#product-list .reset li .big{font-size:100%; margin-bottom:2em;}
#product-list .reset li a{color:white; text-decoration:none;}
#product-list .reset li a:hover{color:#be092f;}
#product-list .add-basket strong{font-size:125%;}
#product-list input{padding:1px; width:20px;}
#product-list .inline-btn{margin-top:8px;}
#product-list .inline-btn, #product-list .inline-btn input{background-image:url('../img/bg-news-btn.png'); color:white; height:18px; line-height:1; background-position: 0 -400px;}
#product-list .inline-btn input{margin-right:-5px; position:relative; padding:0 15px; font-size:92%; background-position: 100% -500px; width:auto;}

#img-crossroad{margin:15px 0 0; width:100%;}
#img-crossroad ul{overflow:hidden; width:100%; margin:0 0 25px;}
#img-crossroad li{width:150px; float:left; margin:0 0 0px 25px;}
#img-crossroad li.first{margin:0;}
#img-crossroad li .img{display:block; padding:26px 10px 10px; width:130px; height:100px; line-height:100px; font-size:0; _font-size:90px; background:url('../img/imgcross.png') 0 0 no-repeat; margin-bottom:4px;}
#img-crossroad li img{vertical-align:middle;}
#img-crossroad li .title{font-weight:normal; font-size:92%; text-align:center; display:block;}
#img-crossroad li a{color:white; text-decoration:none}
#img-crossroad li a:hover .title {text-decoration:underline;}

.att-images{margin:15px 0 0; width:100%;}
.att-images ul{overflow:hidden; width:100%; margin:0 0 25px;}
.att-images ul li{width:150px; float:left; margin:0 0 0px 25px;}
.att-images li.first{margin:0;}
.att-images li .img{display:block; padding:9px; width:130px; height:130px; overflow:hidden; text-align:center; line-height:130px; font-size:0; _font-size:116px; background:#7c7c7c; border:1px solid #8e8e8e;}
.att-images li img{vertical-align:middle;}
.att-images li a:hover .img{border-color:#bababa;}

.buttons{padding:0 10px; margin-bottom:20px;}
.buttons .inline-btn, .buttons .inline-btn input{background-image:url('../img/bg-news-btn.png'); color:white; height:18px; line-height:1; background-position: 0 -400px;}
.buttons .inline-btn input{margin-right:-5px; position:relative; padding:0 15px; font-size:92%; background-position: 100% -500px; width:auto;}

/* FORM */
.form{background:#fff; color:#333; margin:20px 0px;}
.form .form-spc{padding:1px 15px 15px; zoom:1; border:2px solid #909090;}
.form .form-spc h1, .form .form-spc h2{font-size:108%; font-weight:bold; text-transform:uppercase; margin:1.2em 0 0;}
.form .form-spc .desc{font-style:italic; margin:0 0 0.8em; font-size:100%;}
.form .col-h-l label, .form .col-h-r label{float:left; width:70px; margin-top:2px;}
.form .col-h-l .int-text, .form .col-h-r .int-text{float:left; width:150px;}
.form .col-h-l p, .form .col-h-r p{overflow:hidden; width:100%; margin:0.3em 0;}
.form input, .form select, .form img{vertical-align:middle;}
.form a:hover{color:#333;}
.form .captcha{margin-right:20px;}
.form .form-spc .inline-btn, .form .form-spc .inline-btn input{background-image:url('../img/bg-news-btn.png'); color:white; height:18px; line-height:1; background-position: 0 -600px;}
.form .form-spc .inline-btn input{margin-right:-5px; *top:-1px; _top:0; position:relative; padding:0 15px; font-size:92%; background-position: 100% -700px; width:auto;}
.form .r{margin-right:5px; margin-bottom:0}
.form .l{ margin-bottom:0}
.form .bill{margin:1em 0 0; font-weight:bold;}
.form-address{margin:-10px 0 15px;}
.form-login .btn-submit{background:none; border:none; padding:0; margin:0; color:#333; font-family:arial; font-size:100%; cursor:pointer;}
.form-login a{font-style:italic; color:#333}
.form-info .form-spc h1, .form-info .form-spc h2{margin:1.2em 0 1em;}
.form-info .col-h-l, .form-info .col-h-r{margin-bottom:0.8em;}
.form-info .col-h-l label{width:100px; margin-top:1px;}
.form-info .col-h-r label{width:70px; margin-top:1px;}
.form-info .help-wrap p{margin:0.7em 0 0;}
.form-info .help-wrap label{float:left; width:360px;}
.form-info input.l{margin:3px 7px 0 0; *margin-top:0;}
.form-info .r table{border:none; margin-top:1.4em;}
.form-info .r table td.bold{padding-left:25px;}
.form-info .big{font-size:125%; margin-top:1em;}

table.form{background:none; border-collapse:collapse; border:none; margin:20px 0 10px;}
table.form tbody td, table.form th{background:white; padding:4px 8px; border:2px solid #909090; border-width:2px 0;}
table.form td.first, table.form th.first{border-left:2px solid #909090;}
table.form td.last, table.form th.last{border-right:2px solid #909090;}
table.form th{ background:#f6f6f6}
table.form tbody td{font-size:92%;}
table.form a.inline-link{margin-top:2px;}
table.form a.inline-link, table.form a.inline-link span{background-image:url('../img/bg-news-btn.png'); color:white; height:18px; line-height:1; background-position: 0 -600px;}
table.form a.inline-link span{margin-right:-5px; position:relative; padding:0 15px; font-size:100%; background-position: 100% -700px; width:auto; font-weight:normal; line-height:18px;}
table.form .bottom{white-space:nowrap;}
table.form .bottom input{width:20px;}
table.form tfoot td{background:#404040; color:white; font-size:92%; padding:2px 8px 2px; }
table.form tfoot .big td{ padding-top:6px; font-size:117%; font-weight:bold;}
table.form tfoot .first td{ padding-top:12px;}


/* INLINE */
a.inline-link, .inline-btn{background-position:0 0; background-repeat: no-repeat; display:inline-block; vertical-align:middle; text-decoration:none; cursor:pointer;}
a.inline-link span, .inline-btn input{display:inline-block; height:20px; line-height:20px; padding:0 20px; background:none; background-position:100% -100px; background-repeat: no-repeat; border:none; overflow:visible; font-family:arial;}
a.inline-link:hover{background-position:0 -200px;}
a.inline-link:hover span{background-position: 100% -300px;}

