﻿/* ==== Template04-01 Skin ==== */
a, a:hover
{
    color: #202B60;
    text-decoration: none;
}
body
{
    color: #4D4D4D;
}
#warpper
{
    background-color: #FFF;
    padding: 0 8px;
}
#navbar
{
    background: url(images/sprites.png) repeat-x left -24px;
    color: #000;
    font-weight: 700;
    margin: 10px 0;
    margin-bottom: 3px;
    border: 1px solid #DBDBDB;
}
#navbar ul
{
    overflow: hidden;
}
#navbar li a
{
    padding: 0 15px;
    border-right: 1px solid #DBDBDB;
    display: block;
}
#navbar li a span
{
    line-height: 23px;
    color: #4D4D6D;
}
#navbar .current a span, #navbar li a:hover span
{
    color: #F60;
}
#footer
{
    border-top: 1px solid #DBDBDB;
    min-height: 40px;
    padding: 10px 0;
}
#footer a
{
    text-decoration: underline;
}
/* Product List 
---------------------------------------------------------------------------------------------------------------------*/
.product-list li h2 a
{
    color: #1CB503;
}
.product-list li .more
{
    right: 10px;
}
.product-list li .button
{
    left: 220px;
    right: auto;
}
.layout4 .product-list li .button, .layout5 .product-list li .button, .layout6 .product-list li .button
{
    left: 150px;
}
.product-list li .stock
{
    bottom: 40px;
}
.product-list li .stock span:first-child
{
    color: #9E9F95;
}
.product-list li .stock span + span
{
    color: #FF6600;
}
.product-list li .price ins
{
    color: #FF6600;
}
.layout4 .product-list ul.grid li, .layout5 .product-list ul.grid li, .layout6 .product-list ul.grid li
{
    width: 173px;
}
.layout2 .product-list ul.grid li, .layout3 .product-list ul.grid li
{
    width:180px;
}
.layout1 .product-list ul.grid li
{
    width:184px;
}
/* Newest Product List 
----------------------------------------------------------------------------------------------------------------*/
.newest-product-list ul.grid li
{
    height: 280px;
    border: 1px solid #A9AAA2;
    background-color: #F7F7F7;
}
.newest-product-list ul.grid li a:first-child
{
    background: #fff;
    width: 100%;
    height: 180px;
    text-align: center;
}
.newest-product-list ul li .price ins
{
    color: #303030;
    font-weight: normal;
}
.newest-product-list ul li a.title
{
    color: #000000;
    font-size: 13px;
    line-height: 18px;
    font-weight: 700;
}
.newest-product-list ul.grid li .title
{
    top: 182px;
    left: 8px;
    width:250px;
}
.layout1 .newest-product-list ul.grid li .title,.layout2 .newest-product-list ul.grid li .title,.layout3 .newest-product-list ul.grid li .title
{
    width:220px;
}
.newest-product-list ul li a.title:hover
{
    color: #FE7519;
}
.newest-product-list ul li .stock, .newest-product-list ul li .stock span + span
{
    color: #FF6600;
}
.newest-product-list ul.grid li .stock
{
    left: 8px;
    bottom: 30px;
}
.newest-product-list ul.grid li .price
{
    right: 8px;
    bottom: 8px;
}
.newest-product-list ul li .stock span:first-child
{
    font-size: 10px;
    line-height: 13px;
    color: #000;
}
.newest-product-list ul li .stock span + span
{
    font-weight: 700;
}
.newest-product-list ul li a.more
{
    text-decoration: underline;
    left: 8px;
    bottom: 8px;
}
.newest-product-list ul li a.more:hover
{
    text-decoration: none;
    color: #ff6400;
}
.layout1 .newest-product-list ul.grid li
{
    width: 232px;
}
.layout1 .newest-product-list ul.grid li img
{
    max-height: 180px;
    max-width: 230px;
}
.layout2 .newest-product-list ul.grid li, .layout3 .newest-product-list ul.grid li
{
    width: 242px;
}
.layout2 .newest-product-list ul.grid li img, .layout3 .newest-product-list ul.grid li img
{
    max-height: 180px;
    max-width: 238px;
}
.layout4 .newest-product-list ul.grid li, .layout5 .newest-product-list ul.grid li, .layout6 .newest-product-list ul.grid li
{
    width: 263px;
}
.layout4 .newest-product-list ul.grid li img, .layout5 .newest-product-list ul.grid li img, .layout6 .newest-product-list ul.grid li img
{
    max-height: 170px;
    max-width: 258px;
}
.product-search-filter .by-brand .active, .product-search-filter .by-sort .active, .product-search-filter .by-sort li.active:hover
{
    background-color: #666F6D;
    color: #ffffff;
}
.product-search-filter .by-sort li.active a, .product-search-filter .by-sort li.active:hover a
{
    color: #ffffff;
}
/* Order Crumb
------------------------------------------------------------------------------------------------------------------------------------------------*/
.order-crumb h1
{
    color: #1CB503;
}
.order-crumb > ul li
{
    background: url(images/crumb-empty.png) no-repeat -6px 0;
}
.order-crumb > ul li:first-child
{
    background: url(images/crumb-empty.png) no-repeat top left;
}
.order-crumb > ul li + li + li + li
{
    background: url(images/crumb-empty.png) no-repeat top right;
}
.order-crumb > ul li.active
{
    background: url(images/crumb-full.png) no-repeat -6px 0;
    color: #1FCB03;
}
.order-crumb > ul li.active a
{
    color: #1FCB03;
}
.order-crumb > ul li.active a:hover
{
    color: #202B60;
}
.order-crumb > ul li.active:first-child
{
    background: url(images/crumb-full.png) no-repeat top left;
}
.order-crumb > ul li + li + li + li.active
{
    background: url(images/crumb-full.png) no-repeat top right;
}
/* Paging
------------------------------------------------------------------------------------------------------------------------------*/
.paging
{
    text-align: left;
}
.paging a.Next, .paging a.Prev, .paging a.Next:hover, .paging a.Prev:hover
{
    background-color: #FFFFFF;
    border: 1px solid #D5D5CB;
    color: #000;
    text-decoration: none;
}
.paging a.Next:hover, .paging a.Prev:hover
{
    border: 1px solid #D5D5CB;
    color: #f60;
}
.paging a.link, .paging a.link:hover
{
    background-color: #FFFFFF;
    border: 1px solid #D5D5CB;
    color: #D5D5CB;
    text-decoration: none;
}
.paging a.link:link
{
    color: #000;
}
.paging a.link:hover
{
    border: 1px solid #D5D5CB;
    color: #f60;
}
.paging a.selected
{
    text-decoration: none;
    color: #AFAFAF;
    font-weight: bold;
    border: 0;
}
/* Widgets
--------------------------------------------------------------------------------------------------------------------*/
.block h2.title, .block h2.title a
{
    color: #4D4D6D;
    font-size:12px;
}
#content
{
    padding: 10px 8px;
}
#content > h1
{
    color: #1CB503;
}
#content .block h2.title
{
    background-color: transparent;
}
#content, .rsidebar .block, .lsidebar .block
{
    background: url(images/block-bg.jpg) repeat-x;
    border: 1px solid #DBDBDB;
}
#content > .corner, #navbar .corner, .lsidebar .block .corner, .rsidebar .block .corner
{
    background-image: url(images/radius.png);
    height: 6px;
    width: 6px;
}
#content > .tr, #navbar .tr, .lsidebar .block .tr, .rsidebar .block .tr
{
    background-position: -6px 0;
}
#content > .bl, #navbar .bl, .lsidebar .block .bl, .rsidebar .block .bl
{
    background-position: 0 -6px;
}
#content > .br, #navbar .br, .lsidebar .block .br, .rsidebar .block .br
{
    background-position: -6px -6px;
}
.category-widget h3
{
    border-top: 1px solid #DBDBDB;
    background-color: transparent !important;
    background-image: none !important;
}
.category-widget h3 a
{
    color: #1CB503;
    text-decoration: none;
}
.category-widget h3 a:hover
{
    text-decoration: underline;
}
.category-widget li ul, .best-seller-widget ul, .discount-widget ul
{
    color: #1FCB03;
    list-style: disc outside;
}
.category-widget li ul li, .best-seller-widget li, .discount-widget li, .category-widget li ul li:hover, .best-seller-widget li:hover, .discount-widget li:hover
{
    background-image: none;
    padding-left: 0;
}
.category-widget li ul li, .best-seller-widget li, .discount-widget li
{
    margin-left: 22px;
}
.category-widget li ul li a, .best-seller-widget li a, .discount-widget li a
{
    color: #202B60;
    text-decoration: none;
}
.category-widget li ul li a:hover, .best-seller-widget li a:hover, .discount-widget li a:hover
{
    text-decoration: underline;
}
.category-widget .collapse h3 span
{
    background-image: url(images/cat_collapse.png);
}
.category-widget .expand h3 span
{
    background-image: url(images/cat_expand.png);
}
.best-seller-widget .content, .discount-widget .content
{
    border-top: 1px solid #DBDBDB;
}
.twitter-widget ul li a
{
    color: #1FCB03;
}
.twitter-widget ul li a:hover
{
    text-decoration: underline;
}
.rss-widget .content 
{
    background:none;
}
.minicart-widget .content 
{
    padding-top:15px;
    padding-bottom:15px;
}
.minicart-widget .summary tr
{
    background-color: #F9FAFC;
}
.minicart-widget .summary tr.last
{
    background-color: #fff;
}
.mailto-friend h2.title .close, .customer-register h2.title .close, .reset-password h2.title .close, .forget-password h2.title .close
{
    background-image: url(images/iconX.png);
}
.mailto-friend-container #content, .customer-register-container #content, .reset-password-container #content, .forget-password-container #content
{
    background: none;
    border: none;
}
/* Product Details 
------------------------------------------------------------------------------------------------------------------*/
.product-details
{
    position: relative;
}
.product-details > div.top
{
    padding-top: 35px;
}
.product-details .product-attributes h1
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.product-details .product-attributes .product-number
{
    margin-top: 0;
}
.product-details .product-attributes .price .discount
{
    background: url(images/Bgdiscount.png) right 0 no-repeat;
    color: #fff;
}
.product-details .goods thead tr th
{
    background-color: #E6E6DF;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
}
.product-details .goods > tbody > tr > td
{
    border-bottom: 1px solid #EAEAEA;
}
.product-details .product-attributes .price del
{
    color: #4D4D4D;
}
.product-details .product-attributes .price ins
{
    font-weight: normal;
    color: #F60;
    font-size: 24px;
    line-height: 28px;
}
.product-details .product-attributes .stock .count
{
    color: red;
}
.product-details .product-attributes .tabsContainer legend
{
    color: #000000;
}
.product-details > .tabs li a
{
    color: #FFF;
    background-color: #AFAFAF;
}
.product-details > .tabs li a.selected
{
    background: #FFF;
    color: #AFAFAF;
}
.product-type-values .tabs
{
    border-color: #855119;
}
.product-type-values .tabs li.current a
{
    background: transparent url(images/bg_prodtabs_links.gif) no-repeat scroll left top;
    border: none;
    border-bottom: 1px solid #FFF;
    display: inline;
    float: left;
    margin: 5px 4px 0 0;
    padding: 0;
    text-decoration: none;
}
.product-type-values .tabs li.current a span
{
    background: transparent url(images/bg_prodtabs_rechts.gif) no-repeat scroll right top;
    color: #1CB503;
    display: block;
    padding: 3px 8px;
}

.relative-products .carousel li
{
    width: 123px;
}
.layout1 .relative-products .carousel li
{
    width: 150px;
}
.layout2 .relative-products .carousel li, .layout3 .relative-products .carousel li
{
    width: 139px;
}
/* Old Class
------------------------------------------------------------------------------------------------------------------*/
.RadRating a, .RadRating a span
{
    background-image: url(images/Sprite.png);
}
/* Order 
------------------------------------------------------------------------------------------------------------------*/
.cart-all h2.title 
{
    border-bottom: 1px solid #DFDFDC;
}
#content .cart-all .cart-list h2.title,#content .order-details h2.title
{
    background-color: #F1FFEF;
    border-bottom: 1px solid #1CB503;
    color: #1CB503;
}
.cart-all p.buttons {
    background:none;
    border:none;
}
.order-confirm .block h2.title
{
    border-bottom: 1px solid #DFDFDC;
    color: #000000;
}
.cart-all .cart-list tr .operation .delete
{
    background: url(images/delete.png);
}
/* Pages 
-----------------------------------------------------------------------------------------------------*/
.error-page 
{
    font-family: Arial,Verdana,Helvetica;
    margin: 10px 20px 0;
    text-align: center;
}
.error-page h2.title
{
    margin:0;
    color: Red;
    font-size: 120%;
    font-weight: 700;
}
.error-page .content
{
    font-size:12px;
    color:#000;
}
.error-page .content a
{
    text-decoration:underline;
}
.bank-select
{
    font-family: Arial,Helvetica,sans-serif;
    margin: 50px auto 0;
    width: 600px;
    font-size:12px;
}
.bank-select select
{
    font-family:inherit;
}
.bank-select > div:first-child
{
    border-bottom: 2px solid #666666;
    margin-bottom: 25px;
}
.bank-select h1
{
    color: #1CB503;
    font-size: 24px;
    line-height: 18px;
    margin: 10px;
}
.bank-select > p .button
{
    float:right;
    margin-top: 30px; 
}
.bank-select > p > span
{
    margin:0 5px 0 10px;
    font-size:14px;
}
/* Buttons 
------------------------------------------------------------------------------------------------------------------*/
.button,.button span
{
    background:url(images/sprites.png) left -48px;
    display: inline-block;
    text-decoration:none;
    height: 20px;
}
.button:hover, .button span:hover 
{
    cursor:pointer;
    text-decoration: none;
}
.button
{
    margin-right:5px;
}
.button span
{
    background-position:right -48px;
    margin-left: 10px;
    margin-right:-5px;
    padding-right: 10px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    color: #FFF;
}
.button.checkout, .button.print, .button.buy
{
    background-position: left -69px;
}
.button.checkout span, .button.print span, .button.buy span
{
    background-position: right -69px;
}
.more:link, .more:visited
{
    background: url(images/arrowButtonRightGrey.gif) no-repeat scroll right center;
    padding-right: 25px;
    text-decoration: underline;
    line-height: 17px;
}
.more:hover
{
    color:#f60;
    text-decoration:none;
    background: url(images/arrowButtonRightGreyHover.gif) no-repeat right center;
}

