/*-----------------  default  -----------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 1em;
    font-family: inherit;
}

body {font: 12px Verdana, Arial, Helvetica, sans-serif; color: #222; background: #ffeeb3;}
h1, h2, h3, h4, h5, h6 {font-weight:bold; margin-bottom: .8em;}
h1 {font-size: 2em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5, h6 {font-size:1em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin: .8em 0;}

a {color:#9c0a14; text-decoration:none;}
a:focus, a:hover {color:#9c0a14; text-decoration:underline;}

input, select, textarea {padding:1px 2px; font-size: 12px;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;}
th {font-weight:bold;}
th, td {padding:4px 10px 4px 5px;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

.clear { clear:both}
.clearLeft {clear: left;}

.opacity {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.nav ul {margin: 0; padding: 0;}
.nav ul li {
    list-style: none;
    display: inline;
}


#main,
#footer,
#header {
    width:1024px;
    margin:0 auto;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    overflow: hidden;
}

/******** Form elements ***********/

.inputText,
input[type=text],
textarea {border: 1px solid #999;}

input[type=submit],
input[type=button],
a.btn,
input.btn,
a.emBtn,
input.emBtn,
a.adBtn,
input.adBtn
{
    color: #222;
    padding: 3px 10px;
    background: -moz-linear-gradient(
            top,
            #ebebeb 0%,
            #bbb);
    background: -webkit-gradient(
            linear, left top, left bottom, 
            from(#ebebeb),
            to(#bbb));
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #999;
    -moz-box-shadow:
            0 0 0 rgba(153,153,153,0.5),
            inset 0 0 2px rgba(255,255,255,1);
    -webkit-box-shadow:
            0 0 0 rgba(153,153,153,0.5),
            inset 0 0 2px rgba(255,255,255,1);
    text-shadow:
            0 -1px 0 rgba(000,000,000,0.1),
            0 1px 0 rgba(255,255,255,0.2);
    cursor: pointer;
}

a.emBtn,
input.emBtn {
    font-weight: bold;
    border: 1px solid #777;
}

a.adBtn,
input.adBtn {
    color: #555;
}

a.btn, a.emBtn {
    display: inline-block;
    text-decoration: none;
}

a.btn img, a.emBtn {
    vertical-align: middle;
}

.form-table td {vertical-align: top;}
.form-table .label {width: 150px;}
.form-table td.value label {margin-left: 10px;}
.form-table .label .required {color: #9c0a14;}
.form-table .inputText,
.form-table input[type=text],
.form-table textarea
{width:300px;}
.form-table textarea
{height:180px;}
.form-table .description {margin-top: 3px; color: #666;}
.form-table ul.errors {padding: 0; margin: 0;}
.form-table ul.errors li {list-style: none; color: #9c0a14; padding: 0; margin: 0; margin-top: 3px;}
.form-buttons input {margin-right: .8em; min-width: 90px;}

form ul {padding: 0; margin: 1em 0;}
form ul li {padding: 0; margin: .5em 0; list-style: none;}

/*********** Messages ***********/

.message-box {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #ececec;
    background-color: #ececec;
}
.message-box.error {
    border: 1px solid #ffc8c8;
    background-color: #ffc8c8;
}
.message-box.success {
    border: 1px solid #cafdc4;
    background-color: #cafdc4;
}
.message-box p {
    margin: 5px 0px;
}

/*******************  Header  **********************/

#header {
    background: #fff;
    margin-top: 10px;
    border-top: 1px solid #999;
}
#header .logo {float: left; width: 235px; height: 168px;}
#header .logo a {
    display: block;
    background: url(../images/logo.png) 0 0 no-repeat;
    width: 213px;
    height: 132px;
    text-decoration: none;
    margin: 19px 0 0 13px;
}
#header .section {
    width: 789px;
    height: 168px;
    float: right;
}
#header .banner {
    width: 789px;
    height: 133px;
    overflow: hidden;
}
#header .panel {
    width: 789px;
    height: 35px;
    overflow: hidden;
    background-color: #434343;
}
#header .panel .language {
    float: left;
    margin-left: 15px;
    margin-top: 10px;
}
#header .panel .language a {
    background: url(../images/flag.png) 0 0 no-repeat;
    display: block;
    width: 22px;
    height: 16px;
    float: left;
    margin-right: 15px;
    border: 1px solid #888;
}
#header .panel .language a.active {
    -moz-box-shadow:
        0 0 5px #fff;
    -webkit-box-shadow:
        0 0 5px #fff;
}
#header .panel .language a.de {background-position: 0 -16px;}
#header .panel .language a.ru {background-position: 0 -32px;}

#header .panel .phone {
    float: right;
    margin: 8px 15px 0 0;
    font-size: 14px;
    color: #ddd;
}
#header .panel .phone .phoneNumber {
    font-size: 15px;
}
#header .panel .phone .icoPhone {
    background: url(../images/phone_.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: bottom;
}

#header .panel .freeDelivery {
    float: right;
    margin-right: 35px;
    font-size: 15px;
}
#header .panel .freeDelivery a {
    color: #cf0d1b;
}

#header .navGlobal {
    background: url(../images/nav.png) 0 0 repeat-x;
    height: 36px;
    text-align: center;
}
#header .navGlobal ul {
    display: inline-block;
    margin: 0 auto;
    height: 42px;
    padding-top: 5px;
}
#header .navGlobal ul li {
    display: block;
    float: left;
    border-right: 1px solid #d48e8e;
}
#header .navGlobal ul li.last {
    border-style: none;
}
#header .navGlobal ul a {
    color: #fff;
    text-decoration: none;
    display: block;
    float: left;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
    text-shadow: 0px -1px 0px rgba(000,000,000,0.4),
		 0px 1px 0px rgba(255,255,255,0.3);
}
#header .navGlobal ul a:hover {
    color: #ffeeb3;
}

/*******************  Main  ************************/

#main {background: #fff; padding-top: 30px;}
#leftBar {float: left; width: 235px;}
#leftBar .panel .container {padding: 10px; border-style: none !important;}
#rightBar {float: right; width: 175px; padding-right: 5px;}
#mainContent {padding-bottom: 20px; min-height: 600px; overflow: hidden;}
#main.columns-3 #mainContent {padding-left: 21px; padding-right: 13px;}

#main.columns-3 .mainWrapper {
    background: url(../images/left-bar.png) repeat-y;
}

/* panel items */
/*
#mainContent .newItems .items {height: 144px;overflow-y: scroll; overflow-x: hidden}
.items .item {width: 157px; height: 125px; float: left; padding: 10px; border-right: 1px dotted #b2b2b2;}
.hr {border-bottom: 1px dotted #b2b2b2; float: left; width: 100%;}
.items .item h3 {font-size: 12px; font-weight: normal; margin-bottom: 10px;}
.items .itemID {color: #888; text-align: right; margin-bottom: 5px;}
.items .item .price {font-size: 12px;}
.items .item .price p {margin: 0; display: block; padding-bottom: 3px;}
.items .item .priceNew {color:#9d0802; font-weight: bold; }
.items .item .priceOld {color:#707070; font-weight: bold; margin-left: 15px; text-decoration: line-through;}
.items .description {float: right;}
.items .img,
.items .description {margin-bottom: 7px;}
*/

.pnlSearchCatalog {background-color: #a00b0d; padding: 6px; margin: 0px !important; }
.pnlSearchCatalog .field,
.pnlSearchCatalog .btnField {
    float: left;
}
.pnlSearchCatalog .field {
    position: relative;
}
.pnlSearchCatalog label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px;
    color: #999;
    display: none;
}
.pnlSearchCatalog .inputText {
    width: 185px;
    margin-right: 8px;
}
.pnlSearchCatalog .searchBtn {
    background: transparent 0 1px url(../images/search.png) no-repeat;
    width: 16px;
    height: 16px;
}

input.btnClear {
    border-style: none;
    background: inherit;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-box-shadow: inherit;
    -webkit-box-shadow: inherit;
}

/* Right Bar  */

#rightBar .panel {
    margin-bottom: 15px;
    overflow: hidden;
    text-align: center;
    border: solid 1px #ddd;
    background-color: #eee;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}
#rightBar .panel .title {padding: 8px;}
#rightBar .panel .title h2 {margin: 0; padding: 0; font-size: 1.1em;}
#rightBar .panel .title a {text-decoration: underline;}
#rightBar .panel .title img {vertical-align: middle;}
#rightBar .panel .more {text-align: right;}
#rightBar .panel a.more {padding-right:10px; background: url(../images/link-arrow.png) 100% 50% no-repeat; }
#rightBar .panel .select {width: 162px; margin-bottom: 5px;}
#rightBar .panel .inputText {width: 145px; margin-bottom: 5px;}
#rightBar .panel .container {padding: 10px;}

#cartPreview {
    margin-bottom: 15px;
}

#navCart {
    display: block;
    width: 175px;
    height: 44px;
    font-size: 15px;
    color: #222;
    background: url(../images/btn-cart.png) 0 0 no-repeat;
    text-shadow:
            0px -1px 0px rgba(000,000,000,0.2),
            0px 1px 0px rgba(255,255,255,1);
    position: relative;
    overflow: hidden;
    text-decoration: none;
}

#navCart .label {
    display: block;
    position: absolute;
    top: 13px;
    left: 60px;
    width: 120px;
}

#navCart .count {
    display: block;
    position: absolute;
    left: 18px;
    top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #A00B0D;
    width: 26px;
    text-align: center;
    text-shadow:
        -1px 0 2px #fff,
        0 1px 2px #fff,
        1px 0 2px #fff,
        0 -1px 2px #fff;
}

.pnlLogin .field {margin-bottom: 4px;}
.pnlLogin .link {line-height: 1.5em;}
.pnlLogin .btnField {margin-bottom: 10px;}
.pnlLogin .field {position: relative;}
.pnlLogin label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px;
    text-align: center;
    width: 145px;
    color: #999;
}
.pnlLogin .inputText {text-align: center;}

.pnlBestSelling ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.pnlBestSelling ul li {
    margin: 0;
    padding: 0;
    text-align: center;
}
.pnlBestSelling ul li {
    margin: 0 0 1em 0;
    padding: 0;
}

.productThumb {text-align: center;}
.productThumb .image {margin-bottom: .5em;}
.productThumb .productTitle {margin-bottom: .3em;}
.productThumb .productTitle {font-weight: bold;}

.productThumb .priceTag .price,
.productThumb .priceTag .specialPrice {font-weight: bold; font-size: 1.1em;}
.productThumb .priceTag .oldPrice {color: #888; text-decoration: line-through; font-size: .9em;}

/************* Content ***************/

/* Product list */ 

.grid .grid-table {
    width: 100%;
    border-collapse: collapse;
}

.grid .pagination {margin: 1em 0;}
.grid .pagination .count {margin-bottom: .5em;}
.grid .pagination a, .grid .pagination span {margin: 0 2px;}
.grid .pagination .curr {
    border: solid 1px #ccc;
    padding: 2px 5px;
    background-color: #eee;
}
.grid .pagination a {text-decoration: none; padding: 2px 5px;}
.grid .pagination a:hover {text-decoration: underline;}
.grid .pagination .disabled {color: #aaa;}

.productsGrid .grid-table td {
    padding: 20px 0;
    vertical-align: top;
}
.productsGrid .productDetails {
    padding-left: 20px;
    width: 384px;
}
.productsGrid .productImage {
    position: relative;
}
.productsGrid .productImage .novelty {
    position: absolute;
    bottom: 5px;
    right: -8px;
    background: url(../images/star.png) #fff 3px 50% no-repeat;
    border: solid 1px #ddd;
    padding: 3px 5px 3px 23px;
    font-size: 12px;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}

.productsGrid .productDetails p,
.productsGrid .productDetails h2.title {
    margin: 0 0 .6em 0;
}
.productsGrid .productDetails .author {
    margin: 0 0 .1em 0;
}
.productsGrid .productDetails h2.title {
    margin: 0 0 .5em 0;
    font-size: 1.2em;
}
.productsGrid .productDetails h2.title a {
    text-decoration: none;
}
.productsGrid .productDetails h2.title a:hover {
    text-decoration: underline;
}
.productsGrid .productDetails .sku {
    color: #666;
    font-size: .9em;
}

/* Product data */

.productPage {
    width: 100%;
    border-collapse: collapse;
}

.productPage .image,
.productPage .content {
    vertical-align: top;
    padding: 0;
}

.productPage .image {
    width: 250px;
    padding-right: 15px;
}

.productPage h1.title {
    font-size: 1.6em !important;
    margin-bottom: .3em !important;
}
.productPage .sku {
    color: #666;
    font-size: .9em;
    margin-bottom: 1em;
}

.sale {margin-top: 1em;}
.sale .priceTag,
.sale .priceTax,
.sale .addToCart {float: right;}
.sale .priceTag,
.sale .priceTax
{margin-bottom: .5em;}
.sale .priceTag .price,
.sale .priceTag .specialPrice
{font-weight: bold; font-size: 1.3em;}
.sale .priceTag .oldPrice {color: #888; text-decoration: line-through;}
.btnAddToCart img {margin-left: 8px;}

.attributes .label {width: 100px;}

.featuredProducts .productThumb {
    width: 160px;
    padding: 10px 15px;
    float: left;
    overflow: hidden;
}

/*
#foundInCategories {margin-bottom: 1.5em;}
#foundInCategories .subCategories {margin: .2em 0 .5em 2em;}
#foundInCategories .subCategories a {margin-left: .3em; white-space: nowrap;}
#foundInCategories span {color: #666; white-space: nowrap;}
*/

/* Cart */

.orderItems {width: 100%;}
.orderItems td {white-space: nowrap;}
.orderItems td.product {white-space: normal;}
.orderItems td.qty {text-align: center;}
.orderItems td.qty input {width: 3em;}

.orderTotals .total,
.orderTotals #grand-total {font-weight: bold; font-size: 1.2em;}

.cartButtons .btnCheckout {float: right;}

.orderDetails h2 {font-size: 1.2em; margin-bottom: 0.5em;}
.orderDetails h2 a {font-weight: normal;}

/* Checkout */

#checkout-methods-form > ul {
    margin-bottom: 15px;
}
#checkout-methods-form > ul > li {
    margin-bottom: 20px;
}
#checkout-methods-form > ul > li > input {
    margin-right: 5px;
}
.checkout-method-description {
    margin-left: 23px;
}
.checkout-support {
    border-top: 1px dashed #888;
    margin: 25px 0 0 0;
    padding: 15px 0 0 0;
    margin-top: 25px;
    padding-top: 15px;
}

.orderDetails .delivery-address,
.orderDetails .billing-address,
.orderDetails .order-delivery,
.orderDetails .order-payment {
    float: left;
    width: 50%;
}

.orderDetails .comments {margin-bottom: 1em;}

/** Profile **/

#customerAddresses ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
}
#customerAddresses ul li {margin: 0; padding: 0;}

#customerAddresses ul li ul {
    background-color: #eee;
    border: solid 1px #ddd;
    width: 60%;
}

#customerAddresses ul li ul li {margin: .5em;}
#customerAddresses ul li ul li.defaultAddress {
    padding-left: 20px;
    line-height: 16px;
    background: url(../images/accept.png) left top no-repeat;
}

.myProfileDeeds .grid-table td,
.myProfileDeeds .grid-table th {border: solid 1px #ccc;}
.myProfileDeeds .grid-table th {background-color: #ddd;}

/******************* Footer  **********************/

#footer {
    background:#6e6e6e url(../images/footer.png) bottom left repeat-x;
    min-height: 107px;
    color: #fff;
    margin-bottom: 10px;
    border-bottom: 1px solid #999;
}
/* Navigation */
#footer .nav {background: #9e0c0d;text-align: center;}
#footer .nav ul {padding: 2px 0;}
#footer .nav a {color: #fff; margin: 0 15px;}
#footer .nav a:hover,
#footer .nav li.active a {color: #ffeeb3;}

/* Logo */
#footer .logo {margin: 14px 0 0 81px; float: left;}
#footer .logo a {
    display: block;
    background: url(../images/logo-mini.png) 0 0 no-repeat;
    width: 155px;
    height: 60px;
    text-decoration: none;
}

/* info Block */
.infoBlock {
    width: 700px;
    float: right;
    margin: 15px;
}

/******** Ajax loader ********/

#ajax-loader {display: none;}
.ajax-loader {overflow: hidden;}
.ajax-loader .ui-dialog-titlebar {display: none;}
.ajax-loader .ui-dialog-content {
    overflow: hidden !important;
    padding: 0 !important;
}
.ajax-loader div.loading-message {
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: transparent url(/themes/default/images/ajax-loader.gif) no-repeat scroll 0 0;
    color: #777777;
    height: 30px;
    letter-spacing: 0.3em;
    margin: 10px auto 0px;
    padding: 6px 50px 0;
    text-transform: uppercase;
    width: 60px;
}