/* GLOBAL STYLES */
*, html { margin: 0; padding: 0px; }
html, body { min-height: 100%; height: 100%;}
body { float: left; width: 100%; position: absolute; top: 0px; left: 0px; background: black url('img/body_bg.jpg') top center no-repeat; }
body.popup { background: none; }
body, div, input, select, textarea { font-family: arial, verdana; font-size: 12px; }
body, div { color: #fff; }
html>body { height: auto;}
a { text-decoration: underline; color: #b886ce; }
a:hover { text-decoration: none; }
div.link { float: left; color: #b886ce; }
img { border: 0px; }
p { margin: 0; }
h1 { font-size: 18px; padding-bottom: 15px; margin: 0; color: #9b5dc0; }
input.file { color: white; }

div.button { float: left; background: url('img/button_small_left_add.gif') left no-repeat; display: inline; cursor: pointer; }
div.button.delete { background-image: url('img/button_small_left_delete.gif') }
div.button input { border: none; background: url('img/button_small_right.gif') right no-repeat; height: 24px; padding: 5px 15px 0 30px; margin: 0; overflow: visible; color: white; font-size: 11px; font-weight: bold; cursor: pointer; }
div.button a { float: left; background: url('img/button_small_right.gif') right no-repeat; height: 18px; padding: 6px 15px 0 30px; overflow: visible; color: white; font-size: 11px; font-weight: bold; text-decoration: none; }
div.button input::-moz-focus-inner { padding: 0; border: none; margin-top: -2px; }

div.button_big { float: left; background: url('img/button_big_left.gif') left no-repeat; display: inline; }
div.button_big input { border: none; background: url('img/button_big_right.gif') right no-repeat; height: 32px; padding: 5px 15px 0 15px; margin: 0; overflow: visible; color: white; font-size: 12px; font-weight: bold; }
div.button_big input::-moz-focus-inner { padding: 0; border: none; margin-top: -2px; }


/* General block positioning and styling */
.content { width: 990px; margin: 0 auto; }

#header { width: 100%; height: 270px; }
#footer { position: absolute; bottom: 0px; width: 100%; height: 69px; background: url('img/footer_bg.gif') bottom no-repeat; }
#main { padding-bottom: 85px; overflow: auto; }
#main .left { float: left; width: 215px; margin-right: 25px; }
#main .right { float: left; width: 750px; }
#main .clear { clear: both; width: 0; height: 0; padding: 0; margin: 0; }

/* END - General block positioning and styling */

/* Header */

#lang { float: left; padding: 13px 0 0 80px; }
#lang a { float: left;  margin-right: 11px; color: #868686; text-decoration: none;}
#lang a.selected { color: #be87e2; font-weight: bold; }

#logo { display: block; width: 190px height: 200px }

#cart { float: right; width: 180px; height: 81px; padding: 14px 14px 0 14px; margin-top: 13px; background: url('img/cart_bg.jpg') right no-repeat; border: 1px solid #404040; }
#cart .cart_content { float: left; clear: both; padding-top: 20px;  white-space: nowrap; }
#cart span { color: #b886ce; }

/* END - Header */

/* Footer */

#footer .content { padding-top: 20px; overflow: auto; }
#footer .contacts { float: left; width: 700px; padding: 0 20px 0 20px; line-height: 20px; text-align: left; }
#footer .developed { float: right; width: 130px; padding: 0 20px 0 20px; text-align: right; text-decoration: none; color: white; }

/* END - Footer */

/* Left column */

#menu { overflow: auto; }
#menu div { border-bottom: 1px dotted #552b68; }
#menu a.selected { background: url('img/menu_item_selected_star.png') top left no-repeat; }
#menu a.selected, #menu span.selected { color: #b686cb; }
#menu a, #menu span { display: block; width: 182px;/*(215-33)*/ padding: 10px 0 10px 33px; color: white; text-decoration: none; }
#menu a:hover { text-decoration: underline; }
#menu .submenu { display: none; }
#menu .submenu a { width: 168px;/*(215-47)*/ padding: 10px 0px 10px 47px; background: url('img/menu_subitem_selected.gif') top left no-repeat; }
#menu .submenu a.selected { font-weight: bold; }
#menu .submenu { border: none; background: none; }
#menu .submenu div { border-top: 1px dotted #552b68; border-bottom: none; }
#menu .submenu.visible { display: block; }

/* END - Left column */

/* Right column */

.form_error { display: none; margin-bottom: 10px; color: red; font-weight: bold; }
.error, .field_error { display: none; margin-top: 3px; color: red; }
.error { margin: 0 0 5px; 0; }
.form_error.visible, .field_error.visible, .error { display: block; }

.content_block { width: 710px; padding: 19px; margin: 0; background-color: black; border: 1px solid #3d3d3e; overflow: auto; }
.content_block img.product_example { float: left; margin: 0 20px 10px 0; border: 1px solid #353535; }
.content_block a.product_example img { float: left; border: 1px solid #353535; }
.content_block a.product_example { float: left; margin: 0 20px 10px 0; position: relative; }
.content_block img.no_border { border: none; }
.content_block.cart { padding-bottom: 0; }
.content_block .right_content { float: right; width: 627px; }

.zoom { position: absolute; bottom: 0px; right: 0px; width: 36px; height: 30px; background: url('img/plus_zoom.png') no-repeat; z-index: 100; }

.product_block, product_block_right { float: left; width: 327px; padding: 19px 19px 0 19px; margin: 15px 16px 0 0; background: black url('img/cat_block_bg.gif') top repeat-x; border: 1px solid #3d3d3e; border-top: 1px solid #535353; }
.product_block.product_block_right { margin-right: 0; }

.product_block .title { font-weight: bold; margin-bottom: 15px; }
.product_block .text { float: left; width: 100%; clear: both; }
.product_block a.product, .product_block .text, .product_block .sizes, .product_block .button, .product_block .field_error, .product_block .link { margin-bottom: 15px; }
.product_block a.product { position: relative; float: right; margin-left: 12px; }
.product_block a.product img { border: 1px solid #353535; }
.product_block a.product .zoom { bottom: 3px; }
.product_block .size { margin-bottom: 5px; }
.product_block .size input { margin-right: 6px; }
.product_block .size label { color: #b4b4b4; }
.product_block .size label span { font-weight: bold; color: #b886ce; }

.product_block div.link { float: left; clear: left; white-space: nowrap; }
.product_block div.link a { text-decoration: none; }
.product_block div.link a:hover { text-decoration: underline; }

.cat_block .title { float: left; width: 151px; height: 22px; padding: 10px 0 0 50px; background: black url('img/cat_block_title_bg.gif') left top no-repeat; font-weight: bold; color: white; text-decoration: none; }
.cat_block img { float: right; border: 1px solid #353535; margin-bottom: 15px; }
.cat_block .text { float: left; width: 201px; clear: none; }

.cart_block { width: 100%; float: left; clear: both; margin-bottom: 15px; }
.cart_block .title { font-weight: bold; margin-bottom: 10px; color: #b886ce; }
.cart_block.half { float: left; clear: none; width: 60%; }
.cart_block.half_right { float: right; clear: none; width: 40%; }

.cart_block .title.products { float: left; margin-bottom: 20px; }
div.button.add_stand { float: right; margin-bottom: 10px; }

.cart_table { float: left; clear: both; width: 100%; margin-bottom: 10px; border-collapse: collapse; background-color: #100f15; }
.cart_table th { background-color: #454149; }
.cart_table th, .cart_table td { padding: 5px 15px; text-align: center; border: 1px solid #454149; }
.cart_table td { padding: 10px 15px; }
.cart_table .product { text-align: left; width: 99%; }
.cart_table .title { float: left; font-weight: bold; color: white; }
.cart_table .size { float: left; color: #636060; clear: both; }
.cart_table .money { white-space: nowrap; font-size: 18px; }
.cart_table img { border: 1px solid #3c3c3d; margin: 0; }
.cart_table div.amount { width: 79px; }
.cart_table input.amount { float: left; width: 33px; height: 18px; margin: 0 5px; border: 2px solid #432e7b; }
.cart_table .amount_change { float: left; width: 16px; height: 19px; }
.cart_table .amount_change.sub { background: url('img/cart_amount_sub_bg.gif') bottom left no-repeat; }
.cart_table .amount_change.add { background: url('img/cart_amount_add_bg.gif') bottom left no-repeat; }
.cart_table .actions { width: 90px; }
.cart_table .field_error { font-size: 10px; }

.input_data { margin-top: 10px; }
.input_data span { display: block; margin-top: 5px; color: #636060; }
.input_data textarea { width: 380px; height: 100px; border: 2px solid #432e7b; }

.input_data td { padding: 0 10px 5px 0; vertical-align: top; }
.input_data label { display: block; }
.input_data .price { font-weight: bold; color: #b886ce; white-space: nowrap; }
.input_data input.text { width: 180px; height: 18px; border: 2px solid #432e7b; }
.input_data input.captcha { width: 100px; }
.input_data td.order { padding-top: 15px; }
.input_data img.user_photo { margin-top: 5px; border: 1px solid #353535; }

.totals { width: 100%; border-collapse: collapse; background-color: #100f15; }
.totals td { padding: 10px; border: 1px solid #454149; }
.totals td.field { text-align: left; border-right: none; color: #b4b4b4; }
.totals td.value { text-align: right; border-left: none; }
.totals td.total div { font-size: 18px; }
.totals td.price div { color: #b886ce; }

.paging { text-align: center; clear: both; padding-top: 15px;}
.paging a, .paging span { display: inline-block; vertical-align: middle; margin: 0 3px; }
.paging a.page { padding: 4px 8px 4px 8px; background-color: black; color: #c36dee; font-weight: bold; border: 1px solid #212021; text-decoration: none; }
.paging a.page.selected { background-color: #c36dee; color: black; }
.paging .prev { width: 17px; height: 13px; background: url('img/page_prev.png') no-repeat; }
.paging span.prev { background-image: url('img/page_prev_inactive.png') }
.paging .next { width: 17px; height: 13px; background: url('img/page_next.png') no-repeat; }
.paging span.next { background-image: url('img/page_next_inactive.png') }

.loading { display: none; float: left; width: 15px; height: 21px; background: url('img/loading.gif') bottom no-repeat; margin-left: 10px; }
/* END - Right column */