html {width: 100%; height: 100%;}

body {
    width: 100%;
    height: 100%;
    font-family: Tahoma, Geneva, Kalimati, sans-serif;
    font-size: 13px;
    line-height: 18px;
    background-image: url(/img/css/bg.jpg);
    background-repeat: repeat-x;
    background-color: #000416;
    background-position: top;
    text-align: center;
    margin: 0 0 0 0;
    color:#333;}

body a {text-decoration: underline; color: #004785}

body a:hover {text-decoration: underline;}

img {border: 0}

input {font-family: Verdana,Geneva,Kalimati,sans-serif; font-size: 13px;}

h1 {font-size: 18px; color: #004785; margin: 10px 0; border-bottom: 1px solid #004785;}
h1 span {padding: 0px 5px 5px 0; position: relative; bottom: -5px; background: #fff}
h2 {font-size: 15px;}
h3 {font-size: 12px;}

table {border-collapse: collapse}

ul.actions {list-style-type: none}

input[type="submit"] {cursor: hand; cursor: pointer}

button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}

.left {float: left}
.right {float: right}
.right-align {text-align: right}
.clear {clear: both}
.center {text-align: center}
.hidden {display: none}
.red, .error-message {color: #e17000}
.blue {color:#004785}
.lt {text-decoration: line-through}

.grey {color:#888}


#page {width: 958px; margin-left: auto; margin-right: auto; text-align: left;}

#header {width: 100%; height: 145px; color: #fff}

#logo {width: 269px; height: 83px; margin-top: 41px; margin-left: 23px; float: left;}
#logo a {display: block; width: 269px; height: 83px;}
#logo img {width: 269px; height: 83px;}

#cart {width: 189px; height: 74px; top: 51px; right: 10px; position: relative; background-image: url(/img/css/cart_bg.jpg); float: right;}
#cart-content {width: 189px; height: 74px; background-image: url(/img/css/cart_icon.gif); background-position: 148px 14px; background-repeat: no-repeat; padding: 0;}
#cart-content div {top:15px; position: relative}
#cart-content div.left{padding-left: 15px}
#cart-content div.right{padding-right: 15px}

#menu {width: 957px; height: 59px; background-image: url(/img/css/menu_bg.jpg); background-repeat: no-repeat}
#menu ul {margin: 0; padding: 10px; float: left; list-style: none;}
#menu ul li{float: left; line-height: 39px;}
#menu ul li a {display: block; color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; line-height: 39px; padding: 0 15px;}
#menu ul li a:hover {color: #bce0ff}

#menu form {float: right; padding: 10px; margin: 0; margin-right: 15px;}
#menu form div {float: left; height: 39px;}
#menu form label {color: #bce0ff; font-size: 12px; font-weight: bold; text-transform: uppercase; margin-right: 7px}
#menu form div.text input {width: 100px; border: 0px; margin: 11px 7px 0 0}
#menu form div.submit input {width: 25px; height: 39px; text-align: center; border: 0px; background-image: url(/img/css/menu_submit.jpg); background-repeat: no-repeat; font-size: 10px; font-weight: bold; padding: 1px 0 0 0; margin: 0}

#main {margin-top: 26px}
#left {width: 204px; float: left;}
#center {width: 550px; float: left}
#right {width: 204px; float: right}

#transport {width: 189px; height: 74px; margin-left: 5px; background-image: url(/img/css/transport_bg.jpg); background-repeat: no-repeat}
#transport-content {width: 189px; height: 74px; background-image: url(/img/css/transport_icon.jpg); background-position: 134px 15px; background-repeat: no-repeat; padding: 0; }
#transport-content a {top: 15px; left: 15px; position: relative}

#categories {width: 195px; top: 26px; position: relative; float: right}
#categories-top {width: 100%; background-image: url(/img/css/categories_top_bg.gif); background-repeat: no-repeat; background-position: bottom}
#categories-top p.header-box {margin-left: 11px; height: 22px;}
#categories-bottom {width: 100%; height: 8px; background-image: url(/img/css/categories_bottom_bg.gif); background-repeat: no-repeat;}

#center {width: 550px;}
#content {background: #fff; background-image: url(/img/css/center_top_bg.gif); background-repeat: no-repeat; min-height: 700px; _height: 700px; padding: 12px}
#center-bottom {height: 10px; background-image: url(/img/css/center_bottom_bg.gif); background-repeat: no-repeat}

#customer {width: 195px; height: 176px; background-image: url('/img/css/customer_bg.jpg'); background-position: bottom; background-repeat: no-repeat; float: left;}
#customer-content {width: 195px; height: 176px; background-image: url('/img/css/customer_icon.gif'); background-repeat: no-repeat; background-position: 156px 29px;}
#customer p.header-box {margin: 0 0 10px 23px;}
#customer form {padding: 0; margin: 0}
#customer label {display: block; margin: 3px 0 1px 0;}
#customer div.text, #customer div.password {width: 130px; float: left; margin: 0 0 0 10px}
#customer div.text input, #customer div.password input {width: 125px; border: 1px solid #666;}
#customer div.submit {float: left;}
#customer div.submit input {float: left; margin-top: 13px; margin-left: 7px; width: 25px; height: 22px; line-height: 22px; text-align: center; border: 0px; background-image: url(/img/css/customer_submit.gif); background-repeat: no-repeat; font-size: 10px; font-weight: bold; padding: 0 0 1px 0;}
#customer p, #customer h3 {margin: 15px;}
#customer ul {list-style-type: none; margin: 15px 0 0 10px; padding: 0; clear: both}
#customer ul li {padding: 3px; margin: 0; line-height: 11px}

#news {width: 189px; min-height: 353px; _height:353px; margin: 15px 0 0 6px; background-image: url(/img/css/news_bg_in.jpg); background-repeat: repeat-y}
#news-content {width: 189px; min-height: 353px; _height:353px; background-image: url(/img/css/news_bg.jpg); background-repeat: no-repeat; padding: 0px; }
#news-content-in {background-image: url(/img/css/news_icon.jpg); background-position: 134px 15px; background-repeat: no-repeat}
#news-content .news-preview {margin: 25px 10px 0 10px}
#news-content .news-preview h3 {margin:0; padding: 0}
#news-content .news-preview img {border: 1px solid #BCE0FF; float: left}
#news-content .news-preview span.date {float: right}
#news-content .news-preview p.preview {clear: both}
#news-content .news-preview .more {text-align: right}
#news-bottom {width: 189px; height: 10px; background-image: url(/img/css/news_bg_bottom.jpg); background-repeat: no-repeat; padding: 0; margin: 0}

#other-news {list-style-type: none; margin-bottom: 30px}

#content .form1 legend, #content .form2 legend {color: #333; font-weight: bold; font-size: 12px}
#content .form1 div.text input, #content .form1 select, #content .form2 div.text input, #content .form2 select, #content .form1 div.password input, #content .form2 div.password input {border: 1px solid #999; padding: 5px; font-size: 12px; line-height: 20px}
#content .form1 fieldset, #content .form2 fieldset {/*background-image: url('/img/css/form_bg.jpg'); background-repeat: repeat-x;*/ border: 1px solid #eee; padding: 20px; margin: 20px 0;}

#content .form1 label, #content .form2 label {min-width: 125px; display:block; float: left; line-height: 25px}
#content .form1 div.checkbox label, #content .form2 div.checkbox label {float: none; display: inline}
#content .form1 div.input, #content .form2 div.input, #content .form1 div.password, #content .form2 div.password {margin: 10px 0}
#content .form1 div.required label:after, #content .form2 div.required label:after {content: ' *'; color: #e17000; display:inline;}
#content .form1 .submit {text-align: right; float: right; margin: 5px; background-image: url('/img/css/button.gif'); width: 100px; height: 24px}
#content .form1 .submit input {background: none; width: 100px; height: 24px; padding: 0; border: 0; color: #fff; font-size: 13px; font-weight: bold}
#content .form1 .submit input:hover {color: #bce0ff}

#content .form3 {margin: 0; padding: 0; display: inline}
#content .form3 div {display: inline}
#content .form3 div.text input,  #content .form3 select {border: 1px solid #999; padding: 5px; font-size: 12px; line-height: 20px; display: inline; margin-bottom: 5px;}

#product .description {padding: 5px 15px; background-color: #eee}

#product-details {margin-top: 20px}
#prices .price, #product-details .discount {font-size: 14px; font-weight: bold; color: #004785; line-height: 24px}
#prices .final-price {font-size: 14px; font-weight: bold; color: black; line-height: 24px}
#prices .input {float: right; margin-top: 10px;}
#prices label {color: black;}
#prices input {color: black; width: 30px}

#product-details #prices {float: right; text-align: right }
#product-details #product-form {float: left; width: 100%}

#product-details div.input {text-align: left}
#product-details #variants {float: left; font-size: 100%; width:auto}
#product-details #variants .color {display: block; width: 16px; height: 16px; float:left; border: 1px solid #999; margin-left:1px; line-height: 10px; padding: 0}
#product-details #variants .input {margin: 3px}
#product-details #variants #count {width: 30px}
#product-details .submit {border-top: 1px solid #004785; text-align: right; margin-top: 10px;}
#product-details .submit input{width:187px; height: 24px; background-image: url('/img/css/to_cart_submit.gif'); border: 0; font-weight: bold; color: #fff}

#breadcrumb {margin-bottom: 20px; text-transform: uppercase; color: #004785}
#breadcrumb a {color: #004785}

.gallery {margin: 0 18px}
.gallery img {border: 0px solid #eee;}
.gallery .main-image {float: left; padding: 0; }
.gallery .thumbnails {float: right;}
.main-image img {width:375px; margin-bottom: 10px}
.thumbnails a {display: block; margin-bottom: 10px}
.thumbnails img {width:75px;}

#footer-menu {}
#footer-menu div {width: 163px; float: left; margin-left: 15px;}
#footer-menu div h3 {color:#fff; border-bottom: 1px solid #fff; font-size: 14px; padding: 0; margin: 10px 0}
#footer-menu div ul {padding: 0 5px; margin: 0 0 20px 0}
#footer-menu div ul li {padding: 1px 0;}
#footer-menu div a {color: #bce0ff; text-decoration: none}
#footer-menu div a:hover {text-decoration: underline}

#footer {height: 40px; width: 100%; clear: both}
#footer p {text-align: center; line-height: 40px; color: #fff}

#partners {width: 100%; clear: both; background-color: #003365; padding: 5px 10px; color: #aaa;}
#partners h5 {font-size: 100%; margin: 2px 0; display: inline; padding-right: 10px }
#partners p {display: inline; text-align: center;}
#partners a {color: #6586A5; padding-right: 3px; text-decoration: none;}
#partners a:hover {text-decoration: underline}

/*
#product-cart h1 {color: #000; border-color: #000}
#product-cart table {width: 100%}
#product-cart table td, #product-cart table th {padding: 10px 5px;}
#product-cart table tr.product td{background: #eee;}
#product-cart table tr.product th {background: #eee;}
*/

#news-page .text-wrap img.main {float: left}
#news-page .text-wrap span.date {float: right}

table td.price{text-align: right; font-weight: bold}
table td.price-to-pay-text { font-weight: bold; color: #000;}
table td.price-to-pay {font-size: 14px; font-weight: bold; color: #000;}

table td.customer-discount { font-weight: bold; color: #004785;}

#order-menu {list-style: none; padding: 0; margin: 20px; float: left;}
#order-menu li {float: left; width: 110px; text-align: center; font-weight: bold;}
#order-menu li img {margin-bottom: 5px}
#order-menu li.arrow {background-image: url('/img/css/arrows_blue.gif'); background-repeat: no-repeat; background-position: 0 10px; padding-left: 14px}

.box, .box2 {color: #fff;}

.box a {color: #bce0ff}
.box p.header-box {padding: 15px 0 0 15px; font-size: 14px; text-transform: uppercase; margin:0; color: #fff}

.box2 a{color: #bce0ff}
.box2 p.header-box {font-size: 14px; margin: 0; padding: 0; color: #fff}

p.text {padding:0; margin: 25px 0; text-align: justify}

ul.sub {list-style: none; margin: 10px 0; padding: 0; float: left}
ul.sub li {display: inline; padding-left: 10px; font-size: 13px; font-weight: bold}

.category-main-image {margin: 10px;}

.pagination {float: left; }
.pagination {font-size: 14px }
.sorting {margin: 5px 0; float: right; }

.color-box2, .color-box22 {display: block; width: 18px; height: 18px; border: 1px solid #999; margin: 0 1px 1px 0; padding: 0; float: left;}
.color-box2 div{display: block; width: 6px; height: 18px; float:right;}
.color-box22 div{display: block; width: 9px; height: 18px; float:right;}

.step-menu {border-top: 1px solid #004785; margin-top: 25px}
.step-menu .prev-step {width: 100px; height: 24px; background-image: url('/img/css/button_prev.gif'); background-repeat: no-repeat;}
.step-menu .prev-step a {display: block; padding-left: 30px; width: 61px; color: #fff; font-weight: bold; text-decoration: none; line-height: 23px}
.step-menu .prev-step a:hover, .step-menu .next-step a:hover, .step-menu .next-step input:hover {color:#bce0ff}
.step-menu .next-step {width: 100px; height: 24px; background-image: url('/img/css/button_next.gif'); background-repeat: no-repeat; text-align: right; }
.step-menu .next-step a {display: block; padding-right: 30px; margin: 0; width: 70px; color: #fff; font-weight: bold; text-decoration: none; line-height: 23px;}
.step-menu .next-step input {background: none; display: block; margin: 0; padding: 0; border-width: 0px; width: 70px; height: 23px; color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; text-align: right; cursor: pointer}

.order-button a{display: block; float: right; width:184px; height: 24px; line-height: 24px; font-size: 14px; font-weight: bold; background-color: #004785; color: #fff; text-align: center; margin-top: 30px; text-decoration: none}

.message {color: #e17000; padding: 5px 5px 5px 26px; margin-bottom: 5px; background-image: url(/img/admin_icons/info.png); background-repeat:  no-repeat; background-position: 5px 6px; background-color: #fcefa1; line-height: 18px; font-size: 100%; font-weight: bold; border: 1px solid #e17000}

.table1 {width: 100%;}
.table1 td {padding: 7px 4px; background: #eee; border: 1px solid #fff;}
.table1 th {padding: 7px 4px; background: #eee; border: 1px solid #fff;}

.table2 {width: 100%;}
.table2 td {padding: 7px 4px;}
.table2 th {padding: 7px 4px;font-size: 13px; text-align: left}
.table2 th.right-align {text-align: right}

#content table.white-bg-table td, #content table.white-bg-table th {background: #fff}
#content table.no-padding td, #content table.no-padding th {padding: 0}


.button-link {width: 100px; height: 24px; background-repeat: no-repeat; margin: 5px; font-size: 11px; font-weight: bold}
.button-link a {display: block; width: 100px; text-align: center; color: #fff; text-decoration: none; line-height: 24px; height: 24px}
.button-link a:hover {color: #bce0ff; text-decoration: none}

.cake-sql-log td {color: #fff}

tr.grey-border td {border-top: 1px solid #666}

.fs-gallery {margin: 18px 10px;}
.image-gallery a, .image-gallery a:hover {text-decoration: none}

.text-wrap {margin: 15px 0; text-align: justify}
.text-wrap h1 {font-size: 18px; color: #333; margin: 10px 0; border: 0}
.text-wrap h2 {font-size: 17px; color: #333; margin: 8px 0;}
.text-wrap h3 {font-size: 16px; color: #333; margin: 6px 0;}
.text-wrap h4 {font-size: 13px; color: #333; margin: 4px 0;}
.text-wrap h5 {font-size: 12px; color: #333; margin: 2px 0;}
.text-wrap h6 {font-size: 12px; color: #333; margin: 0;}

/* Easy Slider */
#slider-wrap {padding: 0 10px; height:240px;}
#slider {}
#slider ul, #slider li{padding:0; margin:0; padding-left: 5px; list-style:none;}
#slider li{width:505px; height:220px; overflow:hidden; margin: 0; padding: 0;}
#prevBtn, #nextBtn{display:block; width:14px; height:13px; position:relative; left:-14px; top:-102px; z-index:1000;}
#nextBtn {left:505px; top: -115px;}
#prevBtn a, #nextBtn a{display:block; width:14px; height:13px; background: url('/img/easyslider/prev_btn.png') no-repeat 0 0;}
#nextBtn a{background:url('/img/easyslider/next_btn.png') no-repeat 0 0;}

.product-table {border-collapse:collapse;}
.product-table td {vertical-align: middle; vertical-align: top; width: 165px; padding: 3px; background-color: #eee; border: 2px solid #fff}
.product-preview {text-align: center;}
.product-preview h2 {font-size: 13px; font-weight: bold;  margin: 0 0 0 0; padding: 10px 0; min-height: 50px}

.product-preview .image {border: 6px solid #eee; height: 250px; overflow: hidden; background-color: #fff;}
.product-preview .image-inner {border: 1px solid #888; height: 248px; overflow: hidden}
.product-preview .image-inner a {display: block; text-decoration: none; height: 248px; width: 153px; overflow: hidden; text-align: center;  margin: 0 auto;}
.product-preview .image-inner a img {margin-top: auto; margin-bottom: auto}

.product-preview .text {font-size: 13px; font-weight: bold; padding: 0px 6px; background-color: #eee; }
.product-preview .text h2 {margin: 0; padding: 0}
.product-preview .text h2 a {font-size: 14px; font-weight: bold; text-decoration: none; color: #333}
.product-preview .text h2 a:hover {text-decoration: underline;}
.product-preview .text p {text-transform: none; font-weight: normal; height: 85px}
.product-preview .prices {margin: 10px 0;}
.product-preview .prices .final-price {font-size: 14px; font-weight: bold; line-height: 25px}
.product-preview .prices .discount {font-weight: bold; color: red; font-size: 13px; line-height: 13px;}
.product-preview .prices .new-product {font-weight: bold; color: green; font-size: 11px; line-height: 13px;}
.product-preview .colors {}
.product-preview .code {font-size: 11px; color: #666}

.product-table-home {margin: 10px 20px}
.product-table-home td {vertical-align: middle; height: 190px; /* border-bottom: 1px solid #004785;*/ padding: 5px;}
.product-preview-home .image {width: 140px; height: 150px; text-align: center; border: 6px solid #eee; overflow: hidden; background-repeat: no-repeat; background-position: center;}
.product-preview-home .image a {text-decoration: none; display: block; width: 138px; height: 148px; border: 1px solid #aaa;}
.product-preview-home .image a:hover {border: 1px solid #888;}
.product-preview-home .text {width: 140px; height: 156px; font-size: 9px; font-weight: bold; padding: 0 6px; background-color: #eee; text-align: center}
.product-preview-home .text h2 {margin: 0; padding: 0}
.product-preview-home .text h2 a {font-size: 14px; font-weight: bold; text-decoration: none; color: #333}
.product-preview-home .text h2 a:hover {text-decoration: underline;}
.product-preview-home .text p {text-transform: none; font-weight: normal;}

.product-similarity {width: 156px; float: left; margin: 5px;}
.product-similarity .image {width: 140px; height: 150px; text-align: center; border: 6px solid #eee; overflow: hidden; background-repeat: no-repeat; background-position: center; background-color: #fff}
.product-similarity .image a {text-decoration: none; display: block; width: 138px; height: 148px; border: 1px solid #aaa;}
.product-similarity .image a:hover {border: 1px solid #888;}
.product-similarity .text {width: 140px; height: 55px; font-size: 9px; font-weight: bold; padding: 0 6px; background-color: #eee; text-align: center}
.product-similarity .text h2 {margin: 0; padding: 0}
.product-similarity .text h2 a {font-size: 14px; font-weight: bold; text-decoration: none; color: #333}
.product-similarity .text h2 a:hover {text-decoration: underline;}

.icons img {margin: 0 0 10px 4px}

.size-table thead td, .size-table tbody th, .size-table tbody td {border: 1px solid #aaa; padding: 3px 2px; font-size: 12px; }
.size-table thead th {font-size: 130%; padding: 5px 0}
.size-table thead td {font-weight: bold}
.size-table thead td, .size-table tbody td { text-align: center }

.size-table-women tbody th {background-color: #ffeded}
.size-table-men tbody th {background-color: #d1d9fc}
.size-table-childs-1 tbody th {background-color: #cafbfb}
.size-table-childs-2 tbody th {background-color: #fecdcd}
.size-table-childs-3 tbody th {background-color: #cbfdcb}
.size-table-childs-4 tbody th {background-color: #ebcdfc}