.clearfix {
    clear: both;
}

body {
    width: 980px; 
    margin: 0px auto;
    font-family: 'Open Sans', sans-serif;
    color: #667a8c;
    font-size: 12px;
}

.right {
    float: right;
}

input.regular {
    margin-top: 4px;
    border: 2px solid #e6e6e6;
    line-height: 20px;
    height: 26px;
    width: 350px;
    color: #2A445A;
}

.bad_field {
    border: 2px solid #FF0000 !important;
}

.hide {
    display: none !important;
}

div.iButton {
    display: inline-block;
    border: 2px solid #E6E6E6;
    color: #00A7D7;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 12px;
    margin-left: 2px;
    padding: 13px 20px;
    text-align: center;
    text-transform: uppercase;    
}

header {
    border-bottom: 2px #e6e6e6 solid;
    height: 118px;
}

header .logo {
    float: left;
    margin-top: 22px;
    margin-bottom: 22px;
}

header .phone {
    float: left;
    margin-top: 12px;
    margin-left: 60px;
    width: 145px;
    text-align: center;
}

header .phone .phoneNumber {
    font-size: 14px;
    font-weight: bold;
}

header .phoneNumberIco {
    float: left;
    margin-top: 50px;
    margin-left: -1px;
}

header .phone .phoneTime {
    font-size: 12px;
    letter-spacing: 0.1px;
}

header .phone .recall {
    font-size: 12px;
    color: #00a7d7;
    text-decoration: none;
    border-bottom:1px dashed;
    cursor: pointer;
    letter-spacing: 1px;
}

header .city {
    float: left;
    margin-top: 22px;
    margin-bottom: 22px;
    margin-left: 45px;
    width: 180px;
}

header .city .title {
    font-size: 13px;

}

header .city .name {
    font-size: 14px;
    font-weight: bold;

    text-transform: uppercase;
}

header .city .delivery > a {
    font-size: 12px;
    color: #00a7d7;
    text-decoration: none;
    border-bottom:1px dashed;
}

header .cart {
    float: right;
    margin-top: 22px;
    text-align: right;
    font-size: 12px;
}

header .cart .login {
    font-size: 12px;
    color: #00a7d7;
    text-decoration: underline;
    cursor: pointer;
}

header .cart .registration {
    font-size: 12px;
    color: #00a7d7;
    text-decoration: underline;
    cursor: pointer;
}

header > .cart > .account {
    font-size: 14px;
    color: #00a7d7;
    text-decoration: underline;
}

header .exit {
    font-size: 12px;
    color: #00a7d7;
    text-decoration: none;
    border-bottom:1px dashed;
    margin-left: 20px;
}

header .cart .info {
    border: 1px solid red;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    border: 2px #e6e6e6 solid;
    margin-top: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
}

header .cart .info img {
    float: left;
    margin-right: 10px;
}

header .cart .info .price {
    font-size: 16px;
    font-weight: bold;
}

header .cart .info .empty {
    font-size: 13px;
    font-weight: bold;
    line-height: 23px;
}

#favorites {
    display: block;
    margin-top: 3px;
}

#favorites a {
    font-size: 12px;
    color: #00a7d7;    
}

nav {
    clear:both;
    height:53px;
    width:980px;
    border-bottom: 2px #e6e6e6 solid;
}

/************************ Menu Start *****************************************/

nav ul ul {
    display: none;
}

nav ul li:hover > ul {
    display: block;
}

nav ul {
    list-style: none;
    position: relative;
    display: inline-table;
    margin: 0;
    padding: 0;
}

nav ul:after {
    content: ""; 
    clear: both; 
    display: block;
}

nav ul li {
    float: left;
}

nav ul li:hover {
    background: #f5f5f5;
}

nav ul li:hover > a {
    color: #ff90a2;
}

nav ul li a {
    display: block; 
    padding: 17px 20px 16px 20px; 
    color: #2a445a;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;    
}

nav ul ul {
    background: #f5f5f5; 
    padding: 0;
    position: absolute; 
    top: 100%;
    width: 148px;
    z-index: 20;
}

nav ul ul li {
    float: none; 
    position: relative;
}

nav ul ul li a:first-child {
    border-top: 1px solid #EFEFEF;
}
    
nav ul ul li a {
    padding: 15px 28px;
    color: #2a445a;
    font-weight: normal;
    font-size: 13px;
    border-bottom: 1px solid #EFEFEF;
}	

nav ul ul li a:hover {
    background: #f5f5f5;
}

nav ul ul ul {
    position: absolute; 
    left: 100%; 
    top:0;
}                        

/************************ Menu End *****************************************/

.circle {
    background: none repeat scroll 0 0 #FF0000;
    border: 1px solid #FF0000;
    border-radius: 50%;
    color: #FFFFFF;
    display: inline;
    font-weight: bold;
    opacity: 0.7;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    text-align: center;
}

nav .search {
    float: right;
    margin-right: 5px;
    width: 100px;
    line-height: 53px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #2a445a;    
}

nav .search img {
    float: left;
    margin-right: 8px;
    margin-top: 15px;
    cursor: pointer;
}

nav .search input {
    border: 2px #e6e6e6 solid;
    width: 56px;
    height: 24px;
    color: #2A445A;
    text-align: center;
}

nav .search input:focus {
    border: 2px #ffc790 solid;
    box-shadow: 0px 0px 3px #e6e6e6;
    outline: 0;
    
    position: absolute;
    width: 250px;
    z-index: 100;
    margin-top: 12px;
    margin-left: -195px;
    animation-duration: 1s;
    animation-name: slidein;
}

@keyframes slidein {
    from {
        width: 56px;
        margin-left: -5px;
    }

    to {
        width: 250px;
        margin-left: -195px;
    }
}

#topBanner {
    display: block;
    margin-top: 20px;
    width: 980px;
    height: 50px;
}

section {
    clear:both;
    width: 980px;
}

footer {
    clear:both;
    border-top: 2px #e6e6e6 solid;
    padding-top: 35px;
} 

footer .block {
    float:left;
    width: 170px;
    font-size: 13px;
}

footer .block:first-child {
    margin-left: 30px;
}

footer .block a {
    color: #2a445a;
}

footer .block ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

footer .block ul li {
    margin-bottom: 10px;
}

footer .block ul li:last-child {
    margin-bottom: 0;
}

footer .copyright {
    float: right;
    margin-right: 5px;

}

footer .copyright ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

footer .copyright ul li {
    float: left;
    margin-right: 14px;
}

footer .copyright ul li:last-child {
    margin-right: 0px;
}


footer .copyright ul li img {
    width: 40px;
    height: 40px;
}

footer .phone {
    clear: both;
    padding-top: 30px;
    text-align: right;

    font-weight: bold;
    font-size: 14px;
}

footer .email {
    display: block;
    padding-top: 30px;
    text-align: right;
    color: #00a7d7;
    font-size: 12px;
}

footer .copy {
    padding-top: 10px;
    text-align: right;

    font-size: 12px;
}

footer .empty {
    clear: both;
    line-height: 40px;
}

/******************************* Index ****************************************/

#indexSelector {
    margin-top: 20px;
    float: left;
    width: 210px;
    height: 400px;
    border-top: 2px solid #e6e6e6;
}

#indexSelector > div.title {
    margin-top: 32px;
    margin-bottom: 12px;
    margin-left: 15px;
    font-size: 14px;
    font-weight: bold;
    color: #2a445a;
    
}

#indexSelector > div.filter {
    border-top: 1px solid #e6e6e6;
    height: 45px;
    cursor: pointer;
}

#indexSelector > div.filter > div.title {
    float: left;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 15px;
    font-size: 14px;
}

#indexSelector > div.filter > img {
    float: right;
    margin-top: 25px;
    margin-right: 15px;
}

#indexSelector > div.filter > ul {
    cursor: auto;
    display: none;
    list-style-type: none;
    position: relative;
    background-color: #FFF;
    border: 1px solid #e6e6e6;
    margin: 0;
    padding: 0;
    max-height: 400px;
    min-height: 40px;
    overflow: auto;
}

#indexSelector > div.filter > ul > li:first-child {
    border: 0;
}

#indexSelector > div.filter > ul > li {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    cursor: pointer;
    border-top: 1px solid #e6e6e6;
}

#indexSelector > div.filter > ul > li.title {
    font-weight: bold;
    cursor: auto;
    padding-left: 10px;
}

#indexSelector > div.submit {
    border-top: 1px solid #e6e6e6;
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #00a7d7;
    cursor: pointer;
}

#index740x400Banner {
    display: block;
    margin-top: 20px;
    float: right;
    width: 740px;
    height: 400px;
}

.indexDivider30 {
    clear: both;
    height: 30px;
}

.indexDivider18 {
    clear: both;
    height: 18px;
}

.indexDivider45 {
    clear: both;
    height: 45px;
}

#index210x152Banner {
    display: block;
    float: left;
    width: 210px;
    height: 152px;
}

.indexInfoBoxSection {
    float: right;
    width: 750px;
}

.indexInfoBox {
    float: left;
    margin-top: 15px;
    margin-left: 20px;
    width: 130px;
}

.indexInfoBox img {
    width: 52px;
    height: 42px;
    display: block;
}

.indexInfoBox .title {
    margin-top: 5px;

    font-weight: bold;
    font-size: 14px;    
}

.indexInfoBox .description {

    font-size: 12px;    
}

.indexInfoBox a {
    color: #00a7d7;
    font-size: 12px;    
    text-decoration: none; 
    border-bottom:1px dashed;
}

.leaders {
    width: 980px;
}

.leaders .indexLine {
    float: left;
    height: 2px;
    background: #e6e6e6;
    margin-top: 5px;
    line-height: 2px;
    width: 400px;
}

.leaders .header {
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    color: #2a445a;   
    margin-left: 20px;
    margin-right: 20px;
}

.leaders .slideLeft {
    float: left;
    width: 16px;
    height: 130px;
    background: url('/images/leadersLeft.png') no-repeat 0% 0%;
    cursor: pointer;
}

.leaders .slideLeft:hover {
    background-position: 100% 0%;
}

.leaders .slideRight {
    float: right;
    width: 16px;
    height: 130px;
    background: url('/images/leadersRight.png') no-repeat 0% 0%;
    cursor: pointer;
}

.leaders .slideRight:hover {
    background-position: 100% 0%;
}

.leaders .box {
    width: 940px;
    overflow: hidden;
    float: left;
}

.leaders .box ul {
    float: left;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    list-style-type: none;    
    position: relative;
}

.leaders .box ul li {
    float: left;
    margin-left: 10px;
    text-align: center;
    width: 145px;
}

.leaders .box ul li img {
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    cursor: pointer;
}

.leaders .box ul li a.title {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    color: #00a7d7;
    text-decoration: underline;
}

.leaders .box ul li div.brand {
    display: block;
    font-size: 12px;

}

.leaders .box ul li div.price {
    display: block;
    font-size: 14px;
    font-weight: bold;

}

#index310x190Banner {
    display: block;
    float: left;
    width: 310px;
    height: 190px;
}

#index650x190Banner {
    display: block;
    float: right;
    width: 650px;
    height: 190px;
}

#index650x190Banner2 {
    display: block;
    float: left;
    width: 650px;
    height: 190px;
}

#index310x190Banner2 {
    display: block;
    float: right;
    width: 310px;
    height: 190px;
}

#index310x190Banner3 {
    display: block;
    float: left;
    width: 310px;
    height: 190px;
}

#index320x190Banner4 {
    display: block;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    width: 320px;
    height: 190px;
}

#index310x190Banner5 {
    display: block;
    float: left;
    width: 310px;
    height: 190px;
}

.textBottom {
    font-size: 14px;

    margin-bottom: 45px;
}

.textBottom > h1 {
    font-size: 16px;
    text-align: center;
}

.textBottom p {
    margin-top: 30px;
    margin-bottom: 0;
}

/********************************* Index End **********************************/

/*********************************** Catalog **********************************/

#filter {
    margin-top: 20px;
    width: 240px;
    float: left;
    clear: none;
}

#filter .topLine {
    background: #e6e6e6;
    height: 2px;
    line-height: 2px;
    width: 210px;
}

#filter .title {
    font-size: 14px;
    font-weight: bold;
    color: #2a445a;
    margin-left: 15px;
    margin-top: 30px;
    margin-bottom: 10px;
}

#filter .top {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 210px;
}

#filter ul.top > li {
    border-top: 1px solid  #e6e6e6;
}

#filter ul.top > li:last-child {
    border-bottom: 1px solid  #e6e6e6;
}

#filter .top li .title {
    font-size: 14px;
    font-weight: bold;

    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

#filter .top li .title .on {
    font-size: 14px;
    font-weight: bold;
    color: #2a445a;
}

#filter .top li .title div {
    display: inline;
    float: right;
    width: 10px;
    height: 5px;
    margin-top: 5px;
    margin-right: 15px;
    background-image: url("/images/filterShow.png");
}

#filter .top li .title div.on {
    background-image: url("/images/filterHide.png");
}

#filter ul.sub {
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    list-style-type: none;
    width: 210px;

}

#filter ul.sub li {
    font-size: 14px;
    color: #2a445a;
    padding-left: 25px;
}

#filter ul.sub li label {
    cursor:pointer;
}

#filter ul.sub li label a {
    font-size: 14px;
    color: #2a445a;
    text-decoration: none;
}

#filter ul.sub li input[type="checkbox"] {
    display:none;
}

#filter ul.sub li input[type="checkbox"] + label span {
    display:inline-block;
    width:15px;
    height:15px;
    background:url(/images/checkbox.png) left top no-repeat;
}

#filter ul.sub li input[type="checkbox"]:checked + label span {
    background:url(/images/checkbox.png) -15px top no-repeat;
}

#filter .showAll {
    text-align: center;
    margin-bottom: 20px;
}

#filter .showAll > span {
    border-bottom: 1px dashed #42B4DD;
    color: #00A7D7;
    cursor: pointer;
}

#filter .reset {
    margin-top: 10px;
    padding-top: 20px;
    margin-left: 10px;
    padding-bottom: 20px;
    cursor: pointer;
    color: #00a7d7;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}

#catalog {
    margin-top: 20px;
    width: 740px;
    float: left;
    clear: none;
}

#catalog div.empty {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 40px;
}

#catalog .path a, #catalog .path a:visited {
    color: #3db8db;
    font-size: 14px;
}

#catalog h1 {
    font-size: 22px;
    font-weight: bold;
    color: #2A445A;
    margin: 0;
    margin-top: 15px;
    padding: 0;
}

#catalog > div.sort {
    margin-top: 10px;
    float: left;
}

#catalog > div.sort > span > span {
    margin: 0;
    padding: 0;
    border: 2px solid #e6e6e6;
    margin-left: 5px;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
}

#catalog > div.sort > span > span > span.selected {
    background:url(/images/orders.png) -10px top no-repeat;
    /*background:url(/images/orders.png) left top no-repeat;*/
    display:inline-block;
    width:10px;
    height:9px;    
    margin-left: 5px;
}

#catalog > div.sort ul {
    display: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border: 2px solid #e6e6e6;
    margin-left: 5px;
    z-index: 11;
    position: absolute;
    background: #FFF;
    opacity: 0.95;
    margin-left: 88px;
}

#catalog > div.sort ul li {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px dotted #e6e6e6;
}

#catalog > div.sort ul li:last-child {
    border-bottom: 0;
}

#catalog > div.sort ul li:hover {
    color: #2A445A;
}

#catalog > div.pages {
    float: right;
}

#catalog > div.pages ul {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-left: 5px;
}

#catalog > div.pages ul li {
    float: left;
    border: 2px solid #e6e6e6;
    margin: 5px;
    color: #3db8db;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    width: 36px;
    height: 36px;
    text-align: center;
}

#catalog > div.pages ul li a {
    display: block;
    width: 36px;
    height: 28px;
    color: #3db8db;
    font-size: 14px;
    font-weight: bold;
    padding-top: 8px;
    text-decoration: none;
}

#catalog > div.pages ul li.selected {
    width: 36px;
    height: 28px;
    font-size: 14px;
    font-weight: bold;
    padding-top: 8px;

    background-color: #e6e6e6;
    color: #2a445a;
    cursor: default;
}

#catalog > div.pages > div.page_prev,
#catalog > div.pages > div.page_next
{
    float: left;
    border: 2px solid #e6e6e6;
    margin: 5px;
    color: #3db8db;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;    
    width: 36px;
    height: 28px;
    padding: 0px;
    padding-top: 8px;
    text-align: center;
}

#catalog > div.pages > div.page_prev {
    background: url(/images/page_prev.png) left top no-repeat;
    background-position: center; 
}

#catalog > div.pages > div.page_next {
    background: url(/images/page_next.png) left top no-repeat;
    background-position: center; 
}

#catalog > #products {
    clear: both;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 740px;
}

#catalog > #products > li {
    display: block;
    float: left;
    width: 238px;
    height: 330px;
    margin-right: 5px;
}

#catalog > #products > li > div {
}

#catalog > #products > li > div > .tags {
    display: block;
    height: 44px;
    width: 210px;
    margin: auto;
    position: relative;
    z-index: 1;
    top: 25px;
}

#catalog > #products > li > div > .tags > span {
    display: block;
    width: 44px;
    height: 44px;
    float: left;
    margin-left: 10px;
}

.tags > span.hit {
    background: url(/images/hit.png) left top no-repeat;
}

.tags > span.new {
    background: url(/images/new.png) left top no-repeat;
}

.tags > span.action {
    background: url(/images/action.png) left top no-repeat;
}

.tags > span.percent-0 { background: url(/images/sale_percents/percent-0.png) left top no-repeat; }
.tags > span.percent-1 { background: url(/images/sale_percents/percent-1.png) left top no-repeat; }
.tags > span.percent-2 { background: url(/images/sale_percents/percent-2.png) left top no-repeat; }
.tags > span.percent-3 { background: url(/images/sale_percents/percent-3.png) left top no-repeat; }
.tags > span.percent-4 { background: url(/images/sale_percents/percent-4.png) left top no-repeat; }
.tags > span.percent-5 { background: url(/images/sale_percents/percent-5.png) left top no-repeat; }
.tags > span.percent-6 { background: url(/images/sale_percents/percent-6.png) left top no-repeat; }
.tags > span.percent-7 { background: url(/images/sale_percents/percent-7.png) left top no-repeat; }
.tags > span.percent-8 { background: url(/images/sale_percents/percent-8.png) left top no-repeat; }
.tags > span.percent-9 { background: url(/images/sale_percents/percent-9.png) left top no-repeat; }
.tags > span.percent-10 { background: url(/images/sale_percents/percent-10.png) left top no-repeat; }
.tags > span.percent-11 { background: url(/images/sale_percents/percent-11.png) left top no-repeat; }
.tags > span.percent-12 { background: url(/images/sale_percents/percent-12.png) left top no-repeat; }
.tags > span.percent-13 { background: url(/images/sale_percents/percent-13.png) left top no-repeat; }
.tags > span.percent-14 { background: url(/images/sale_percents/percent-14.png) left top no-repeat; }
.tags > span.percent-15 { background: url(/images/sale_percents/percent-15.png) left top no-repeat; }
.tags > span.percent-16 { background: url(/images/sale_percents/percent-16.png) left top no-repeat; }
.tags > span.percent-17 { background: url(/images/sale_percents/percent-17.png) left top no-repeat; }
.tags > span.percent-18 { background: url(/images/sale_percents/percent-18.png) left top no-repeat; }
.tags > span.percent-19 { background: url(/images/sale_percents/percent-19.png) left top no-repeat; }
.tags > span.percent-20 { background: url(/images/sale_percents/percent-20.png) left top no-repeat; }
.tags > span.percent-21 { background: url(/images/sale_percents/percent-21.png) left top no-repeat; }
.tags > span.percent-22 { background: url(/images/sale_percents/percent-22.png) left top no-repeat; }
.tags > span.percent-23 { background: url(/images/sale_percents/percent-23.png) left top no-repeat; }
.tags > span.percent-24 { background: url(/images/sale_percents/percent-24.png) left top no-repeat; }
.tags > span.percent-25 { background: url(/images/sale_percents/percent-25.png) left top no-repeat; }
.tags > span.percent-26 { background: url(/images/sale_percents/percent-26.png) left top no-repeat; }
.tags > span.percent-27 { background: url(/images/sale_percents/percent-27.png) left top no-repeat; }
.tags > span.percent-28 { background: url(/images/sale_percents/percent-28.png) left top no-repeat; }
.tags > span.percent-29 { background: url(/images/sale_percents/percent-29.png) left top no-repeat; }
.tags > span.percent-30 { background: url(/images/sale_percents/percent-30.png) left top no-repeat; }
.tags > span.percent-31 { background: url(/images/sale_percents/percent-31.png) left top no-repeat; }
.tags > span.percent-32 { background: url(/images/sale_percents/percent-32.png) left top no-repeat; }
.tags > span.percent-33 { background: url(/images/sale_percents/percent-33.png) left top no-repeat; }
.tags > span.percent-34 { background: url(/images/sale_percents/percent-34.png) left top no-repeat; }
.tags > span.percent-35 { background: url(/images/sale_percents/percent-35.png) left top no-repeat; }
.tags > span.percent-36 { background: url(/images/sale_percents/percent-36.png) left top no-repeat; }
.tags > span.percent-37 { background: url(/images/sale_percents/percent-37.png) left top no-repeat; }
.tags > span.percent-38 { background: url(/images/sale_percents/percent-38.png) left top no-repeat; }
.tags > span.percent-39 { background: url(/images/sale_percents/percent-39.png) left top no-repeat; }
.tags > span.percent-40 { background: url(/images/sale_percents/percent-40.png) left top no-repeat; }
.tags > span.percent-41 { background: url(/images/sale_percents/percent-41.png) left top no-repeat; }
.tags > span.percent-42 { background: url(/images/sale_percents/percent-42.png) left top no-repeat; }
.tags > span.percent-43 { background: url(/images/sale_percents/percent-43.png) left top no-repeat; }
.tags > span.percent-44 { background: url(/images/sale_percents/percent-44.png) left top no-repeat; }
.tags > span.percent-45 { background: url(/images/sale_percents/percent-45.png) left top no-repeat; }
.tags > span.percent-46 { background: url(/images/sale_percents/percent-46.png) left top no-repeat; }
.tags > span.percent-47 { background: url(/images/sale_percents/percent-47.png) left top no-repeat; }
.tags > span.percent-48 { background: url(/images/sale_percents/percent-48.png) left top no-repeat; }
.tags > span.percent-49 { background: url(/images/sale_percents/percent-49.png) left top no-repeat; }
.tags > span.percent-50 { background: url(/images/sale_percents/percent-50.png) left top no-repeat; }
.tags > span.percent-51 { background: url(/images/sale_percents/percent-51.png) left top no-repeat; }
.tags > span.percent-52 { background: url(/images/sale_percents/percent-52.png) left top no-repeat; }
.tags > span.percent-53 { background: url(/images/sale_percents/percent-53.png) left top no-repeat; }
.tags > span.percent-54 { background: url(/images/sale_percents/percent-54.png) left top no-repeat; }
.tags > span.percent-55 { background: url(/images/sale_percents/percent-55.png) left top no-repeat; }
.tags > span.percent-56 { background: url(/images/sale_percents/percent-56.png) left top no-repeat; }
.tags > span.percent-57 { background: url(/images/sale_percents/percent-57.png) left top no-repeat; }
.tags > span.percent-58 { background: url(/images/sale_percents/percent-58.png) left top no-repeat; }
.tags > span.percent-59 { background: url(/images/sale_percents/percent-59.png) left top no-repeat; }
.tags > span.percent-60 { background: url(/images/sale_percents/percent-60.png) left top no-repeat; }
.tags > span.percent-61 { background: url(/images/sale_percents/percent-61.png) left top no-repeat; }
.tags > span.percent-62 { background: url(/images/sale_percents/percent-62.png) left top no-repeat; }
.tags > span.percent-63 { background: url(/images/sale_percents/percent-63.png) left top no-repeat; }
.tags > span.percent-64 { background: url(/images/sale_percents/percent-64.png) left top no-repeat; }
.tags > span.percent-65 { background: url(/images/sale_percents/percent-65.png) left top no-repeat; }
.tags > span.percent-66 { background: url(/images/sale_percents/percent-66.png) left top no-repeat; }
.tags > span.percent-67 { background: url(/images/sale_percents/percent-67.png) left top no-repeat; }
.tags > span.percent-68 { background: url(/images/sale_percents/percent-68.png) left top no-repeat; }
.tags > span.percent-69 { background: url(/images/sale_percents/percent-69.png) left top no-repeat; }
.tags > span.percent-70 { background: url(/images/sale_percents/percent-70.png) left top no-repeat; }
.tags > span.percent-71 { background: url(/images/sale_percents/percent-71.png) left top no-repeat; }
.tags > span.percent-72 { background: url(/images/sale_percents/percent-72.png) left top no-repeat; }
.tags > span.percent-73 { background: url(/images/sale_percents/percent-73.png) left top no-repeat; }
.tags > span.percent-74 { background: url(/images/sale_percents/percent-74.png) left top no-repeat; }
.tags > span.percent-75 { background: url(/images/sale_percents/percent-75.png) left top no-repeat; }
.tags > span.percent-76 { background: url(/images/sale_percents/percent-76.png) left top no-repeat; }
.tags > span.percent-77 { background: url(/images/sale_percents/percent-77.png) left top no-repeat; }
.tags > span.percent-78 { background: url(/images/sale_percents/percent-78.png) left top no-repeat; }
.tags > span.percent-79 { background: url(/images/sale_percents/percent-79.png) left top no-repeat; }
.tags > span.percent-80 { background: url(/images/sale_percents/percent-80.png) left top no-repeat; }
.tags > span.percent-81 { background: url(/images/sale_percents/percent-81.png) left top no-repeat; }
.tags > span.percent-82 { background: url(/images/sale_percents/percent-82.png) left top no-repeat; }
.tags > span.percent-83 { background: url(/images/sale_percents/percent-83.png) left top no-repeat; }
.tags > span.percent-84 { background: url(/images/sale_percents/percent-84.png) left top no-repeat; }
.tags > span.percent-85 { background: url(/images/sale_percents/percent-85.png) left top no-repeat; }
.tags > span.percent-86 { background: url(/images/sale_percents/percent-86.png) left top no-repeat; }
.tags > span.percent-87 { background: url(/images/sale_percents/percent-87.png) left top no-repeat; }
.tags > span.percent-88 { background: url(/images/sale_percents/percent-88.png) left top no-repeat; }
.tags > span.percent-89 { background: url(/images/sale_percents/percent-89.png) left top no-repeat; }
.tags > span.percent-90 { background: url(/images/sale_percents/percent-90.png) left top no-repeat; }
.tags > span.percent-91 { background: url(/images/sale_percents/percent-91.png) left top no-repeat; }
.tags > span.percent-92 { background: url(/images/sale_percents/percent-92.png) left top no-repeat; }
.tags > span.percent-93 { background: url(/images/sale_percents/percent-93.png) left top no-repeat; }
.tags > span.percent-94 { background: url(/images/sale_percents/percent-94.png) left top no-repeat; }
.tags > span.percent-95 { background: url(/images/sale_percents/percent-95.png) left top no-repeat; }
.tags > span.percent-96 { background: url(/images/sale_percents/percent-96.png) left top no-repeat; }
.tags > span.percent-97 { background: url(/images/sale_percents/percent-97.png) left top no-repeat; }
.tags > span.percent-98 { background: url(/images/sale_percents/percent-98.png) left top no-repeat; }
.tags > span.percent-99 { background: url(/images/sale_percents/percent-99.png) left top no-repeat; }

.tags > span.action {
    background: url(/images/action.png) left top no-repeat;
}

#catalog > #products > li > div > img {
    width: 210px;
    height: 210px;
    display: block;
    margin: auto;
    cursor: pointer;
}

#catalog > #products > li > div .title {
    margin: 0 auto;
    width: 210px;
    font-size: 12px;
    color: #667a8c;
}

#catalog > #products > li > div .price {
    margin: 0 auto;
    width: 210px;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
    color: #667a8c;
}

#catalog > #products > li > div .price .new {
    color: #ff90a2;
}

#catalog > #products > li > div .price .old {
    color: #b2bcc5;
    text-decoration: line-through;
}

#catalog > #products > li > div .toCart
, #catalog > #products > li > div .openCard
{
    display: none;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 20px;
    width: 210px;
    height: 27px;
    padding-top: 13px;
    border: 2px solid #3db8db;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #3db8db;
    cursor: pointer;
}

#catalog > #products > li > div .toCart > a {
    color: #667a8c;
}

#catalog > #products > li:hover > div {
    border: 1px solid #e6e6e6;
    position: relative;
    z-index: 10;
    width: 260px;
    left: -20px;
    padding-left: 10px;
    padding-right: 10px;
    background: #FFF;
}

#catalog > #products > li:hover > div .toCart
, #catalog > #products > li:hover > div .openCard 
{
    display: block;
}

/*********************************** Catalog End **********************************/

/*********************************** Product Card **********************************/

#product {
}

.popup {
    display: none;
    z-index: 101;
    position: fixed;
    top: 10px;
    left: 0;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    /*overflow: auto;*/
    width: 900px;
    background-color: #FFF;
}

#product > #productHead {
    height: 50px;
}

#product > #productHead > img {
    display: block;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    padding: 10px;
    cursor: pointer;
}

#product > #productHead > div.path {
    float: left;
    padding-top: 18px;
    font-size: 14px;
}

#product > #productHead > div.path > a {
    color: #3DB8DB;
}

#product > #productHead > a.back {
    float: right;
    padding-top: 18px;
    font-size: 14px;
    color: #3DB8DB;
}

#product > #productHead > a.back > img {
    padding-right: 10px;
    padding-top: 2px;
}

#product > #productLeft {
    width: 310px;
    float: left;
    margin-left: 40px;
}

#product > #productLeft > a {
    display:inline-block; 
    width: 300px; 
    height: 300px; 
    background: url(/images/loading.gif) 50% 50% no-repeat;
}

#product > #productLeft > a > img {
    display: block;
    max-width: 300px;
    max-height: 300px;
    width: 300px;
    height: 300px;
    margin: 0 auto;
}

#product > #productLeft > a > div.glass {
    width: 26px;
    height: 26px;
    z-index: 15;
    position: absolute;
    background-image: url(/images/glass.png);
    top: 310px;
    left: 305px;
}

#product > #productLeft > a > div.glassPage {
    background-image: url("/images/glass.png");
    height: 26px;
    position: relative;
    right: -270px;
    top: -30px;
    width: 26px;
}

#product > #productLeft > div.favoriteInfo {
    width: 67px;
    height: 44px;
    z-index: 15;
    position: absolute;
    top: 40px;
    left: 289px;
    line-height: 12px;
    text-align: center;
    font-size: 11px;
}

#product > #productLeft > div.tags {
    width: 200px;
    height: 44px;
    z-index: 15;
    position: absolute;
    top: 40px;
    left: 40px;
}

#product > #productLeft > a > div.tags {
    position: relative; 
    width: 200px; 
    height: 0;
    float: left;
    top: -10px;
}

#product > #productLeft > a > div.tags > span {
    width: 44px; 
    height: 44px; 
    display: block;
    float: left;
    margin-left: 10px;
}

#product > #productLeft > div.tags > img {
    margin-left: 10px;
}

#product > #productLeft > div.favorite {
    width: 18px;
    height: 16px;
    z-index: 15;
    position: absolute;
    top: 56px;
    left: 305px;
    cursor: pointer;
    padding: 10px;
}

#product > #productLeft > div.Page {
    cursor: pointer;
    height: 16px;
    padding: 10px;
    position: relative;
    right: -270px;
    top: 32px;
    width: 18px;
    left: auto;
}

#product > #productLeft > div.favorite > span.icon {
    width: 18px;
    height: 16px;
    background-image: url(/images/favorite.png);
    background-repeat: no-repeat;
    background-position: -18px 0;
    display: block;
}

#product > #productLeft > div.favorite > span.on {
    background-position: 0px 0;
}

#product > #productLeft > #preview {
}

#product > #productLeft > #preview > div {
    width: 40px;
    height: 40px;
    border: 1px solid #f3f3f3;
    margin: 2px;
    margin-left: 10px;
    float: left;
}

#product > #productLeft > #preview > div:first-child {
    margin-left: 0;
}

/* maximum 5 preview!!! */
#product > #productLeft > #preview > div > a > img {
    width: 36px;
    height: 36px;
}

#product > #productLeft > #kit {
    margin-top: 40px;
    margin-bottom: 40px;
}

#product > #productLeft > #kit > div.title {
    font-size: 14px;
    font-weight: bold;
    color: #2a445a;

    text-transform: uppercase;
    text-align: center;
}

#product > #productLeft > #kit > div.product {
    float: left;
    width: 90px;
    margin-left: 10px;
    margin-top: 15px;
}

#product > #productLeft > #kit > div.product:first-child {
    margin-left: 0px;
}

#product > #productLeft > #kit > div.product > div.preview {
    border: 1px solid #f3f3f3;
    cursor: pointer;
    text-align: center;
}

#product > #productLeft > #kit > div.product > div.preview img {
    margin: 10px;
    max-width: 60px;
    max-height: 60px;
}

#product > #productLeft > #kit > div.product > div.price  {
    font-size: 14px;
    font-weight: bold;
    color: #667a8c;

    text-align: center;
}

#product > #productRight {
    width: 480px;
    float: right;
    margin-right: 40px;
}

#product > #productRight > h1
, #product > #productRight > .productTitle
{
    width: 370px;
    height: 50px;
    float: left;

    font-size: 18px;
    font-weight: bold;    
    color: #2a445a;
    
    margin-bottom: 0px;
}

#product > #productRight > div.help {
    width: 110px;
    height: 20px;
    float: right;
    padding-top: 20px;
}

#product > #productRight > div.help > a {
    color: #42b4dd;
    font-size: 13px;
    border-bottom: 1px dashed #42b4dd;
    text-decoration: none;
}

#product > #productRight > div > div.id {
    color: #667a8c;
    margin-top: 10px;
}

#product > #productRight > div > div.sizes {
    margin-top: 10px;
    clear: both;
}

#product > #productRight > div > div.sizes > span {
    float: left;
    padding-top: 7px;
}

#product > #productRight > div > div.sizes > div {
    float: left;
    width: 240px;
}

#product > #productRight > div > div.sizes > div > div {
    float: left;
    border: 2px solid #e6e6e6;
    text-align: center;
    padding: 2px 10px;
    margin-top: 3px;
    margin-left: 10px;
    cursor: pointer;
}

#product > #productRight > div > div.sizes > div > div.selected {
    border: 2px solid #ff90a2;
    color: #ff90a2;
}

#product > #productRight > div > span.sizeInfo > a {
    color: #00a7d7;
    border-bottom: 1px dashed #42b4dd;    
    margin-left: 120px;
    text-decoration: none;
}

#product > #productRight > div > div.price {
    font-size: 24px;
    font-weight: bold;        
    color: #667A8C;
    margin-top: 40px;
    margin-bottom: 20px;
}

#product > #productRight > div > div.price .new {
    color: #ff90a2;
}

#product > #productRight > div > div.price .old {
    color: #b2bcc5;
    text-decoration: line-through;
}

#product > #productRight > div.left {
    width: 240px;
    float: left;
}

#product > #productRight > div.left > div.toCart {
    margin-bottom: 20px;
    width: 210px;
    height: 27px;
    padding-top: 13px;
    border: 2px solid #3db8db;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #3db8db;
    cursor: pointer;
}

#product > #productRight > div.left > div.notInStock {
    display: none;
}

#product > #productRight > div.left > div.fastOrder {
    margin-bottom: 20px;
    width: 210px;
    height: 27px;
    padding-top: 13px;
    border: 2px solid #E6E6E6;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #00A7D7;
    cursor: pointer;
}

#product > #productRight > div.left > div.added {
    color: #667a8c;
    font-size: 12px;
    border: 0px;
    cursor: auto;
}

#product > #productRight > div.left > div.added > a {
    color: #667a8c;
}

#product > #productRight > div.left > div.delivery {
    color: #2a445a;
    font-size: 14px;
    margin-bottom: 10px;
}

#product > #productRight > div.left > span.deliveryRules > a {
    color: #00a7d7;
    border-bottom: 1px dashed #42b4dd;
    text-decoration: none;
}

#product > #productRight > div.right {
    width: 240px;
    float: right;
}

#product > #productRight > div.right > div.deliveryInfo {
    color: #2a445a;
    margin-bottom: 10px;
}

#product > #productRight > div.right > div.deliveryInfo > span {
    font-weight: bold;
}

#product > #productRight > div.right > div.deliverySelf {
    color: #2a445a;
    margin-bottom: 10px;
}

#product > #productRight > div.right > div.deliverySelf > span.date {
    font-weight: bold;
}

#product > #productRight > div.right > div.deliveryCity > span {
    color: #00a7d7;
    border-bottom: 1px dashed #42b4dd;
}

#product > #productRight > #bonus {
    margin-top: 50px;
}

#product > #productRight > #bonus > #points {
    margin-left: 15px;
    color: #ff90a2;
}

#product > #productRight > #bonus > #rules > a {
    margin-left: 10px;
    color: #00a7d7;
    border-bottom: 1px dashed #00a7d7;
    text-decoration: none;
}

#product > #productRight > #properties {
    margin-top: 25px;
    margin-bottom: 40px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

#product > #productRight > #properties > div.left {
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    float: left;
    width: 210px;
}

#product > #productRight > #properties > div.left > div.title {
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
}

#product > #productRight > #properties > div.left > div.rows {
    margin-top: 10px;
}

#product > #productRight > #properties > div.right {
    margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    float: right;
    width: 220px;
}

#product > #productRight > #properties > div.right > div.title {
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
}

#product > #productRight > #properties > div.right > div.description {
    margin-top: 10px;
    text-align: justify;
}

/*********************************** Product Card End **********************************/

/*********************************** Cart Start *******************************/

#cart > #steps {
    margin-top: 15px;
    margin-bottom: 15px;
}

#cart > #steps > span {
    font-size: 14px;
}

#cart > #steps > span.current {
    font-size: 20px;
    font-weight: bold;    
    color: #2a445a;
}

#cart > #steps > img {
    margin-left: 8px;
    margin-right: 8px;
}

#items {
    border-top: 1px solid  #e6e6e6;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#items > li {
    margin-top: 30px;
    padding-bottom: 30px;
    padding-right: 10px;
    border-bottom: 1px solid #e6e6e6;
    clear: both;
}

#items > li > img {
    display: block;
    float: left;
    margin-left: 10px;
    width: 65px;
    height: 65px;
    cursor: pointer;
}

#items > li > div.title {
    float: left;
    margin-left: 50px;
    width: 170px;
}

#items > li > div.title > a {
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
    color: #00a7d7;
}

#items > li > div.title > span {
    font-weight: bold;
}

#items > li > div.quantity {
    float: left;
    margin-left: 170px;
    width: 150px;
    margin-top: 5px;
}

#items > li > div.quantity > img {
    float: left;
    display: block;
    margin-left: 5px;
    cursor: pointer;
}

#items > li > div.quantity > div {
    border: 1px solid #e6e6e6;
    float: left;
    width: 50px;
    margin-left: 5px;
    text-align: center;
    font-size: 22px;
    padding-top: 3px;
    padding-bottom: 4px;
}

#items > li > div.delete {
    margin-left: 50px;
    margin-top: 17px;
    float: left;
    text-transform: uppercase;
    font-size: 12px;
    color: #00a7d7;
    font-weight: bold;
    cursor: pointer;
}

#items > li > div.delete > img {
    float: left;
    display: block;
    margin-right: 10px;
    margin-top: 2px;
}

#items > li > div.price {
    margin-left: 70px;
    margin-top: 5px;
    float: left;
    width: 150px;
}

#items > li > div.price > div.priceCurrent {
    float: left;
    color: #ff90a2;
    font-size: 16px;
    font-weight: bold;
    width: 75px;
    text-align: center;
}

#items > li > div.price > div.priceOriginal {
    float: right;
    color: #b2bcc5;
    font-size: 16px;
    font-weight: bold;
    width: 75px;
    text-align: center;
    text-decoration: line-through;
}

#items > li > div.price > div.priceDescription {
    clear: both;
    text-align: center;
    width: 100%;
}

#items > li.empty {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

#makeOrder > div.bonus {
    float: left;
    margin-left: 10px;
    margin-top: 40px;
    width: 330px;
    visibility: hidden;
}

#makeOrder > div.discount {
    float: left;
    margin-left: 0px;
    margin-top: 40px;
    width: 350px;
    /*visibility: hidden;*/
}

#makeOrder > div.discount > div.title {
    font-size: 16px;
    font-weight: bold;
    color: #2a445a;
}

#makeOrder > div.discount > div.discountCard {
    margin-top: 15px;
    margin-left: 28px;
}

#makeOrder > div.discount > div.discountCard > input {
    border: 1px solid #e6e6e6;
    width: 108px;
    float: left;
    height: 38px;
    font-size: 20px;
    color: #667A8C;
}

#makeOrder > div.discount > div.discountCard > div.discountCardButton {
    float: left;
    border: 2px solid #e6e6e6;
    text-align: center;
    color: #00a7d7;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 2px;
    line-height: 12px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 4px;
    padding-right: 4px;
    cursor: pointer;
}

#makeOrder > div.discount > a {
    display: block;
    color: #00a7d7;
    margin-top: 15px;
}

#makeOrder > div.next {
    float: right;
    margin-top: 40px;
    width: 277px;
}

#makeOrder > div.next > div.finalPrice {
    font-size: 16px;
    font-weight: bold;
    color: #2a445a;
    text-align: center;
}

#makeOrder > div.next > div.finalPrice > span {
    font-size: 20px;
    font-weight: bold;
    color: #2a445a;
}

#makeOrder > div.next > div.makeOrderButton {
    padding-top: 13px;
    padding-bottom: 13px;
    line-height: 13px;
    margin-top: 10px;
    border: 2px solid #ffb2bd;
    color: #ff90a2;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    width: 250px;
}

#makeOrder > div.next > div.makeOrderFastButton {
    padding-top: 13px;
    padding-bottom: 13px;
    line-height: 13px;
    margin-top: 10px;
    border: 2px solid #E6E6E6;
    color: #00A7D7;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    width: 246px;
    margin-left: 2px;
}

.question {
    float: right;
    display: inline-block;
    margin-top: 20px;
}

#makeOrderInfoText, #makeOrderFastInfoText {
    z-index: 1000;
    position: absolute;
    background: #FFFFFF;
    display: none;
    width: 450px;
    text-align: justify;
    border: 1px dashed #E6E6E6;
    font-size: 14px;
    padding: 10px;
}

#makeOrderInfoText ul {
    list-style: square;
    margin: 0;
    margin-top: 10px;
    padding: 0;
    padding-left: 10px;
}

#orderAdds {
    margin-top: 100px;
    margin-bottom: 100px;
}

#orderAdds > div.title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;    
    text-align: center;
    color: #2a445a;
}

#orderAdds > div.title > div.lineLeft {
    line-height: 0px;
    border: 1px solid #e6e6e6;
    float: left;
    width: 230px;
    margin-top: 7px;
}

#orderAdds > div.title > div.lineRight {
    line-height: 0px;
    border: 1px solid #e6e6e6;
    float: right;
    width: 230px;
    margin-top: 7px;
}

#orderAdds > ul {
    margin: 0;
    margin-top: 50px;
    list-style-type: none;
    padding: 0;
}

#orderAdds > ul > li {
    padding: 0;
    margin: 0;
    float: left;
    width: 180px;
    margin-left: 16px;
}

#orderAdds > ul > li > a > img {
    display: block;
    margin: 0 auto;
}

#orderAdds > ul > li > a {
    display: block;
    color: #00a7d7;
    text-align: center;
}

#orderAdds > ul > li > div.price {
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #667a8c;
    text-align: center;
}

#orderAdds > ul > li > div.addButton {
    padding-top: 13px;
    padding-bottom: 13px;
    line-height: 13px;
    margin-top: 15px;
    color: #00a7d7;
    border: 2px solid #00a7d7;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}

/*********************************** Cart End *********************************/

/*********************************** delivery_payment start *********************************/

#delivery_payment > #steps {
    margin-top: 15px;
    margin-bottom: 15px;
}

#delivery_payment > #steps > span {
    font-size: 14px;
}

#delivery_payment > #steps > span.current {
    font-size: 20px;
    font-weight: bold;    
    color: #2a445a;
}

#delivery_payment > #steps > img {
    margin-left: 8px;
    margin-right: 8px;
}

#delivery_payment > #delivery {
    border-top: 1px solid  #e6e6e6;
}

#delivery_payment > #delivery > div.title {
    margin-top: 30px;
    margin-left: 30px;
    font-size: 14px;
    font-weight: bold;    
    color: #2a445a;    
    text-transform: uppercase;
}

#delivery_payment > #delivery > ul {
    list-style-type: none;
    padding: 0;  
    margin: 0;
    margin-top: 20px;
}

#delivery_payment > #delivery > ul > li {
    padding: 0;
    margin: 0;
    margin-top: 25px;
}

#delivery_payment > #delivery > ul > li > label {
    font-size: 14px;
    font-weight: bold;    
    color: #667a8c;
    text-transform: uppercase;    
}

#delivery_payment > #delivery > ul > li > label > i {
    color: #ff90a2;
    font-style: normal;
}

#delivery_payment > #delivery > ul > li > div {
    margin-top: 3px;
    font-size: 13px;
    margin-left: 27px;
}

#delivery_payment > #delivery > ul > li > div > a {
    color: #00a7d7;
}

#delivery_payment > #delivery > ul > li > label {
    cursor:pointer;
}

#delivery_payment > #delivery > ul > li > input[type="radio"] {
    display:none;
}

#delivery_payment > #delivery > ul > li > input[type="radio"] + label span {
    display:inline-block;
    width:15px;
    height:15px;
    background:url(/images/radio_circle.png) left top no-repeat;
    margin-right: 8px;
}

#delivery_payment > #delivery > ul > li > input[type="radio"]:checked + label span {
    background:url(/images/radio_circle.png) -15px top no-repeat;
}

#deliveryAddress {
    margin-top: 10px;
    margin-left: 50px;
}

#deliveryAddress > div {
    margin-top: 15px;
    font-size: 13px;
}

#deliveryAddress > a {
    margin-left: 10px;
    color: #00a7d7;
    font-size: 13px;
}

#deliveryAddress > i {
    margin-left: 10px;
    font-size: 13px;
}

#deliveryAddress > input {
    margin-top: 4px;
    border: 2px solid #e6e6e6;
    line-height: 20px;
    height: 26px;
    width: 350px;
    color: #2A445A;
}

#deliveryAddress > div > label {
    cursor: pointer;
}

#deliveryAddress > select {
    margin-top: 4px;
    border: 2px solid #e6e6e6;
    line-height: 20px;
    height: 26px;
    width: 350px;
    color: #2A445A;
    background-color: #FFFFFF;
}

#deliveryAddress > textarea {
    margin-top: 5px;
    border: 2px solid #e6e6e6;
    line-height: 20px;
    height: 100px;
    width: 350px;
    color: #2A445A;
}

#payment {
    margin-top: 30px;
    border-top: 1px solid  #e6e6e6;
}

#payment > div.title {
    margin-top: 30px;
    margin-left: 30px;
    font-size: 14px;
    font-weight: bold;    
    color: #2a445a;    
    text-transform: uppercase;
}

#payment > ul {
    list-style-type: none;
    padding: 0;  
    margin: 0;
}

#payment > ul > li {
    padding: 0;
    margin: 0;
    margin-top: 20px;
    float: left;
    width: 490px;
}

#payment > ul > li > label {
    cursor:pointer;
    font-size: 14px;
    font-weight: bold;    
    color: #667a8c;
    text-transform: uppercase;  
}

#payment > ul > li > label > i {
    font-size: 14px;
    font-weight: normal;    
    text-transform: none;
    font-style: normal;
}

#payment > ul > li > input[type="radio"] {
    display:none;
}

#payment > ul > li > input[type="radio"] + label span {
    display:inline-block;
    width:15px;
    height:15px;
    background:url(/images/radio_circle.png) left top no-repeat;
    margin-right: 8px;
}

#payment > ul > li > input[type="radio"]:checked + label span {
    background:url(/images/radio_circle.png) -15px top no-repeat;
}

#finish {
    margin-top: 30px;
    border-top: 1px solid  #e6e6e6;
    text-align: right;
    margin-bottom: 150px;
}

#finish > div.subtitle:first-child {
    margin-top: 30px;
}

#finish > div.subtitle {
    float: right;
    margin-right: 10px;
    width: 250px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;    
    color: #2a445a;    
}

#finish > div.subtitle > span {
    font-size: 15px;
    float: right;
}

#finish > div.title {
    margin-right: 10px;
    font-size: 16px;
    font-weight: bold;    
    color: #2a445a;    
}

#finish > div.title > span {
    font-size: 22px;
}

#finish > div.makeOrderButton {
    padding-top: 13px;
    padding-bottom: 13px;
    line-height: 13px;
    margin-top: 10px;
    border: 2px solid #ffb2bd;
    color: #ff90a2;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    width: 240px;
    float: right;
}

#order {
    margin-bottom: 100px;
}

#order > div {
    margin-left: 20px;
}

#order > div.title {
    margin-top: 30px;
    font-size: 22px;
    font-weight: bold;    
    color: #2a445a;      
}

#order > div.description {
    margin-top: 30px;
    font-size: 16px;
    font-weight: bold;       
}

#order > div.description > span {
    color: #ff90a2;
}

#order > div.connect {
    margin-top: 5px;
    font-size: 14px;
}

#order > div.contactus {
    margin-top: 20px;
    font-size: 14px;
}

/*********************** delivery_payment End *********************************/

/********************************* Page Content Start *************************/

#content {
    
}

/*********************************** Page Content End *************************/

/********************************* Page Content Start *************************/

#contact .error {
    border: 1px solid red !important;
}

#contact a {
    color: #2A445A;
}

#contact input, #contact textarea {
    border: 2px #e6e6e6 solid;
    color: #2A445A;
    height: 30px;
    font-size: 20px;
}

#contact input {
    width: 400px;
}

#contact textarea {
    width: 400px;
    height: 250px;
}

#contact label {
    margin-top: 10px;
    display: block;
}

span.haveTo {
    color: #FF0000;
}

#contact div.sendContectForm {
    border: 2px solid #E6E6E6;
    color: #00A7D7;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 12px;
    margin-left: 2px;
    padding: 13px 20px;
    text-align: center;
    text-transform: uppercase;
}

#catalog.favorites, #products.favorites {
    width: 100% !important;
}

#cleanFavorites {
    float: right;
    border-bottom: 1px dashed;
    color: #00A7D7;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;    
}

#cleanVisited {
    float: right;
    border-bottom: 1px dashed;
    color: #00A7D7;
    cursor: pointer;
    font-size: 12px;
    text-decoration: none;    
}

#registration form label {
    display: block;
    font-size: 13px;
    margin-top: 15px;    
}

#registration form label.inline {
    display: inline-block;
}

#registration form div.sendForm {
    border: 2px solid #E6E6E6;
    color: #00A7D7;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 12px;
    margin-left: 2px;
    padding: 13px 20px;
    text-align: center;
    text-transform: uppercase;    
}

#login label {
    display: block;
    font-size: 13px;
    margin-top: 15px;    
}

#login label.inline {
    display: inline-block;
}

#login a {
    border-bottom: 1px dashed;
    color: #00A7D7;
    font-size: 12px;
    text-decoration: none;    
}

#account a {
    border-bottom: 1px dashed;
    color: #00A7D7;
    font-size: 12px;
    text-decoration: none;    
}

#account input:not([type='checkbox']) {
    border: 2px #e6e6e6 solid;
    color: #2A445A;
    height: 26px;
    font-size: 14px;
    width: 350px;
}

#account input:read-only {
    background-color: #EEEEEE;
} 

#account input:-moz-read-only { /* For Firefox */
    background-color: #EEEEEE;
}

#forgotpassword a {
    border-bottom: 1px dashed;
    color: #00A7D7;
    font-size: 12px;
    text-decoration: none;    
}

/*********************************** Recall Start *************************/

#recall {
    display: none;
    z-index: 101;
    width: 460px;
    height: 300px;
    background: #FFF;
    position: absolute;
    margin-left: 250px;
    box-shadow: 0 0 8px #EFEFEF;
    padding-left: 40px;
}

#recall > img.close {
    cursor: pointer;
    display: block;
    margin-left: 420px;
    margin-top: 10px;
    padding: 10px;
}

#recall > .title {
    font-size: 20px;
    font-weight: bold;
}

#recall > .byphone {
    font-size: 14px;
}

#recall > .wecall {
    font-size: 14px;
}

#recall > .form {
    margin-top: 10px;
    font-size: 14px;
}

#recall > .form > #recallName {
    margin-bottom: 5px;
}

#recall > .form > input {
    width: 220px;
    height: 36px;
    font-size: 20px;
    margin-top: 0;
    display: block;
    float: left;
}

#recall > .form > input.error {
    border-color: red !important;
}

#recall > .form > div {
    display: block;
    float: left;
    margin-left: 10px;
    border-color: #3db8db;
    color: #00a7d7;
}

/*********************************** Recall End *************************/


/*********************************** action_info Start *************************/

#action_info {
    display: none;
    z-index: 101;
    width: 760px;
    height: 450px;
    background: #FFF;
    position: absolute;
    margin-left: 100px;
    box-shadow: 0 0 8px #EFEFEF;
    padding-left: 20px;
}

#action_info > img.close {
    cursor: pointer;
    display: block;
    margin-left: 735px;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-right: 6px;
    padding-left: 6px;
}

#action_info > .action_info_img {
    
}

/*********************************** action_info End *************************/

/*********************************** Page Content End *************************/

div.overlay {
    display: none;
    background: #000000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.3;
    z-index: 100;
    height: 100%;
    width: 100%;
    position: fixed;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

#prevProduct {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 270px;
    left: -100px;
    z-index: 10;  
    background: url('/images/prevProduct.png') no-repeat 0 0;
    cursor: pointer;
}

#nextProduct {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 270px;
    left: 900px;
    z-index: 10;  
    background: url('/images/nextProduct.png') no-repeat 0 0;
    cursor: pointer;
}

/*********************************** Catalog Right Start **********************/


.view-modules {
    position:absolute;
    /* top:100%; */
    /* left:100%; */
    margin:10px 0 0 20px;
    width:110px;
}

.view-modules .box {
    padding:6px 11px 8px;
    margin-bottom:13px;
    /*background: #edeeef;*/
    outline: 2px solid #E6E6E6;
}

.view-modules .box .title {
    padding-bottom:10px;
    letter-spacing:-1px;
}

.view-modules .box ul {
    overflow:hidden;
    margin-left:-6px;
    padding: 0;
}

.view-modules .box ul li {
    float:left;
    display: block;
    width:40px;
    height:40px;
    margin: 1px 0 5px 6px;
    /*background: #ffffff;*/
    background: #edeeef;
    list-style: none outside none;
    outline: 1px solid #E6E6E6;
}

.view-modules .box ul li img {
    display:block;
}

.view-modules .box .link {
    line-height:1.3em;
    /* margin-right:-11px; */
    text-align: center;
}

.view-modules .box .link a {
    color: #3DB8DB;
    font-size:0.92em;
}

.view-modules .box .link a.marked {
    text-decoration:none;
    padding-right:12px;
    /*background:url(/images/marker-nav.png) no-repeat 100% -88px;*/
}

.view-modules .box .link a.marked:hover {
    text-decoration:underline;
}

/*********************************** Catalog Right End **********************/

/*********************************** AutoComplete Start **********************/

.autocomplete-suggestions { 
    border: 1px solid #999; 
    background: #FFF; 
    overflow: auto; 
}

.autocomplete-suggestion { 
    padding: 2px 5px; 
    white-space: nowrap; 
    overflow: hidden; 
}

.autocomplete-selected { 
    background: #F0F0F0; 
}

.autocomplete-suggestions strong { 
    font-weight: normal; 
    color: #3399FF; 
}

.autocomplete-group { 
    padding: 2px 5px; 
}

.autocomplete-group strong { 
    display: block; 
    border-bottom: 1px solid #000; 
}

/*********************************** AutoComplete End **********************/


/*********************************** Make Order Fast Start ******************/

#makeOrderFast {
    display: none;
    z-index: 101;
    width: 460px;
    height: 300px;
    background: #FFF;
    position: absolute;
    margin-left: 250px;
    box-shadow: 0 0 8px #EFEFEF;
    padding-left: 40px;
}

#makeOrderFast > img.close {
    cursor: pointer;
    display: block;
    margin-left: 420px;
    margin-top: 10px;
    padding: 10px;
}

#makeOrderFast > .title {
    font-size: 20px;
    font-weight: bold;
}

#makeOrderFast > .form {
    margin-top: 10px;
    font-size: 14px;
}

#makeOrderFast > .form > input {
    width: 400px;
    height: 36px;
    font-size: 20px;
    margin-top: 15px;
    display: block;
    float: left;
}

#makeOrderFast > .form > .iButton {
    margin-top: 25px;
    float: right;
    margin-right: 56px;
}

#makeOrderFast > .form > input.error {
    border-color: red !important;
}

#makeOrderFast > #makeOrderFastDone {
    display: none;
}

#makeOrderFast > #makeOrderFastDone > .title {
    font-size: 20px;
    font-weight: bold;    
    margin-top: 25px;
}

#makeOrderFast > #makeOrderFastDone > .description {
    font-size: 16px;
    margin-top: 20px;
}

#makeOrderFastOrderID {
    font-weight: bold;
}

#makeOrderFast > #makeOrderFastDone > .connect {
    font-size: 14px;
    margin-top: 25px;
}

/*********************************** Make Order Fast End *******************/

/*********************************** Make Order Gold Start ******************/

#makeOrderGoldButton {
    font-size: 12px;
    color: #00a7d7;
    text-decoration: none;
    border-bottom:1px dashed;
    cursor: pointer;
    letter-spacing: 1px;    
}

#makeOrderGold {
    display: none;
    z-index: 101;
    width: 460px;
    height: 345px;
    background: #FFF;
    position: absolute;
    margin-left: 250px;
    box-shadow: 0 0 8px #EFEFEF;
    padding-left: 40px;
}

#makeOrderGold > img.close {
    cursor: pointer;
    display: block;
    margin-left: 420px;
    margin-top: 10px;
    padding: 10px;
}

#makeOrderGold > .title {
    font-size: 20px;
    font-weight: bold;
}

#makeOrderGold > .form {
    margin-top: 10px;
    font-size: 14px;
}

#makeOrderGold > .form > input {
    width: 400px;
    height: 36px;
    font-size: 20px;
    margin-top: 15px;
    display: block;
    float: left;
}

#makeOrderGold > .form > .iButton {
    margin-top: 25px;
    float: right;
    margin-right: 56px;
}

#makeOrderGold > .form > input.error {
    border-color: red !important;
}

#makeOrderGold > #makeOrderGoldDone {
    display: none;
}

#makeOrderGold > #makeOrderGoldDone > .title {
    font-size: 20px;
    font-weight: bold;    
    margin-top: 25px;
}

#makeOrderGold > #makeOrderGoldDone > .description {
    font-size: 16px;
    margin-top: 20px;
}

#makeOrderGoldOrderID {
    font-weight: bold;
}

#makeOrderGold > #makeOrderGoldDone > .connect {
    font-size: 14px;
    margin-top: 25px;
}

/*********************************** Make Order Gold End ******************/