
root { 
    display: block;
}
html {
    color: black;
    background-color: white;
    font-family: "Arial", sans-serif;
    font-size: 12px;
    background-image: url('image/bg_bottom.png');
    background-repeat: repeat-x;
    background-position: bottom;
}
html.storefront{
    background-image: none;
}
ul{
    margin:0px;
    padding:0px;
}

a.button,input.button,button.button{
    background:#ed008c;
    padding:5px 17px;
    color:#fff;
    font-weight:bold;
    font-family:"Gorgia";
    font-style: italic;
    font-size:16px;
    border-radius:3px;
    display:inline-block;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    -ms-border-radius:3px;
    cursor:pointer;
}
input.button, button.button{
    padding-right:20px;
    padding-left:20px;
    border:none;
    cursor:pointer;
}
div#container{
    padding-bottom: 60px;
    padding-top:10px;
    width:1000px;
    margin:auto;
    position:relative;
}

div#menu{
    width:234px;
    background:url('image/menu-back.jpg') right repeat-y #fff;
    vertical-align: top;
    position: absolute;
    top: 14px;
    bottom: 60px;
}
div#content{
    width:770px;
    position: relative;
    left: 120px;
}

div#menu ul{
    list-style:none;
    margin:0px;
    padding:0px;
}
div#menu > ul > li > a{
    color:#fff;
}
div#menu > ul > li{
    background:url('image/menu-li.jpg') no-repeat;
    margin-left: 20px;
    height: 33px;
    padding-left: 25px;
    color: white;
    font-size: 16px;
    padding-top: 7px;
    font-style: normal;
    font-family: "Arial";
    width: 175px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
	text-align:left;
}
div#menu > ul > li.active{
    background:url('image/menu-active-li.jpg') no-repeat;
    margin-left:1px;
    padding-left:50px;
    color:#fff;
}

div#menu > ul > li.active a{
	font-size: 15px;
}


div#menu > ul > li.smaller{
    font-size: 14px;
}
div#menu > ul > li.bestsellers-item{
    margin-top: 1em;
}
div#menu > ul > li.clear{
    background:none;
    height:auto;
    margin:0px;
}
div#menu > ul > li.clear ul {
    margin-left:10px;
}



div#menu > ul  ul{
    margin-left:50px;
    font-family: "Arial";
    margin-top:10px;
}

div#menu > ul  ul li{
    margin-bottom:6px;
    font-size:12px;
    color:#ed008c;
}

div#menu > ul  ul li a{
    margin-bottom:6px;
    font-size:13px;
    color:#ed008c;
}

div#menu > ul  ul li.active{
    margin-top:20px;
}
div#menu > ul  ul li.active a{
    margin-top:15px;
    color:#000;
	font-size:13px;

    font-weight:bold;
}

.margin.login-margin .button{
    padding: 5px 55px;
}
.narrow_only {
    display: none;
}

.shadow {
    background: url('image/shadow.jpg') no-repeat 50% 0;
    
}

div#product div.rep-review {
    margin-top: 20px;
    position: relative;
    width: 425px;
    /*height: 120px;*/
}
div#product div.rep-review .arrow {
    width: 43px;
    height: 20px;
    background: url('image/rep-review-arrow.png') no-repeat 0 0;
    position: absolute;
    top: -20px;
    right: 20px;
}

.overlay {
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('image/overlay.png');
    display: none;
}
.overlay .popup {
    padding: 10px;
    position: relative;
    margin: 50px auto 0;
    background-color: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.overlay .popup .close {
    position: absolute;
    top: 10px;
    right: 10px;
}
.overlay .popup h2 {
    padding-top: 5px;
}


#brands {
    width: 790px;
    margin: 10px;
    overflow: hidden;
}
#brands .fragrance-list{
    min-height: 300px;
    padding-top: 10px;
    margin-top: 10px;
}
#brands .column {
    width: 180px;
    float: left;
    border-right: 1px #ccc dotted;
    margin-right: 16px;
}
#brands .column.noborder{
    border-right: none;
}
#brands .brands-title-row{
    margin: 12px 0px;
}
#brands .all-brands-list{
    min-height: 300px;
    padding-top: 15px;
}
.all-brands-list .column{
    min-height: 375px;
}
#brands ul {
    list-style-type: none;
}
#brands li {
    padding: 5px 0;
}
#brands li strong{
    font-size: 22px;
    display: inline-block;
    font-family: 'Times new roman';
    font-style: italic;
    border-bottom: 1px #666666 dotted;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 4px;
}
#profile .section {
    position: relative;
    padding-top: 20px;
}
#profile .personal-info {
    height: 315px;
}
#profile .delivery-address {
    height: 250px;
}
h2{
    clear: left;
    font-size: 25px;
    font-family: "Times New Roman", serif;
    font-style: italic;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    padding: 20px 0 10px;
}
h2.sec-header.poduct-list-header{
    border: none;
}
h2 img {
    position: relative;
    top: 25px;
}
#profile .edit {
    position: absolute;
    top: 45px;
    right: 10px;
}
#profile dl {
    background: url('image/section-bg.png') no-repeat 50% 0;
    min-height: 100px;
}
#profile dt, #profile dd {
    float: left;
    border-bottom: 1px dotted #ccc;
    padding: 13px 0;
}
#profile dt {
    width: 140px;
}
#profile dd {
    width: 630px;
}

.sbpi {
    position: relative;
}
.sbpi .buttons {
    position: absolute;
    top: 5px;
    right: 0;
}
.sbpi .rem {
    cursor: pointer;
    margin-top: 2px;
}
.sbpi .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    height: 80px;
}

#basket-delivery {
    position: relative;
    padding-left: 20px;
}
#basket-delivery .info {
    position: absolute;
    top: 27px;
    left: 135px;
}
#basket-delivery .not-my-address {
    position: absolute;
    top: 205px;
    left: 20px;
}
#basket-delivery .write-message {
    position: absolute;
    top: 190px;
    left: 459px;
}
#basket-delivery .bottom {
    padding-top: 10px;
    height: 100px;
}
#basket-delivery .bottom .left {
    line-height: 1.5em;
}
#basket-delivery .bottom .right {
    float: right;
    text-align: right;
}
#basket-delivery .bottom .right .clear{
    height: 10px;
}

#profile .write-message {
    position: relative;
}
#profile .write-message .submit {
    position: absolute;
    top: 200px;
    right: 2px;
}
#profile .write-message .close {
    position: absolute;
    top: 45px;
    right: 2px;
}

#profile .your-rep {
    position: relative;
}
#profile .your-rep .change {
    position: absolute;
    top: 45px;
    right: 2px;
}



.send-via-email-dialog h2 {
    padding: 0 0 10px;
    margin-bottom: 20px;
}

.form-row textarea {
    height: 100px;
    border: 1px solid #cccccc;
    width: 299px;
    padding: 0px 10px 0px 14px;
    background-color: white; 
    background-image: url('image/input-background.jpg');
    background-repeat: no-repeat;
    border-radius: 15px;
    font-family: 'Times New Roman';
    font-style: italic;
    font-size: 13px;
}

#add-comment,#share-comment {
    width: 650px;
}
#add-comment textarea {
    height: 200px;
}
#share-comment p {
    padding: 20px 5px;
    font-style: italic;
}
#share-comment .sm-controls {
    float: none;
}

#menu li.last{
    font-family: "Times New Roman", serif;
    font-size:16px;
    font-weight:bold;
    font-style: italic;
    color:#000 !important;
    background:none;
    margin-left:10px;
    padding-top:17px;
    background:url(image/sep1.png) no-repeat 0 0 scroll;
}
#menu li.notlast{
    margin-top:20px;
}
#menu li.last a{
    color:#000 !important;
	font-family: "Times New Roman", serif;
    font-size:16px;
    font-weight:bold;
}
.sec-header{
    font-size: 25px;
    font-family: "Times New Roman", serif;
    font-style: italic;
    font-weight: normal;
    border-bottom: 1px solid #CCC;
    padding: 20px 0 10px;
}
#sortby-select{
    float:right;
    margin-top:20px;
}
#sortby-select span{
    font-size: 17px;
    font-family: "Times New Roman", serif;
    font-style: italic;
    font-weight: bold;
    display:block;
    float:left;
    margin-top:5px;
    padding-right:5px;
}
#sortby-select .sbHolder{
    float:left;
}
.sbpid{
    width:auto !important;
    left: 0px !important;
    margin-top: 20px;
    margin-bottom: 20px;
}

.basket-list {
    background: url('image/section-bg.png') no-repeat;
    padding-top: 15px;
    background-position: center top;
}
.basket-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px #666 dotted;
}
.basket-product-image-wrapper,
.basket-product-name,
.basket-product-variant,
.basket-product-price,
.basket-product-actions,
.basket-product-variant .basket-variant-image,
.basket-product-variant .basket-variant-name{
    display: inline-block;
    vertical-align: top;
}
.basket-product-image-wrapper{
    border: 2px #CCC solid;
    margin-left: 5px;
    margin-right: 1em;
}
.basket-list-product-image {
    width: 60px;
    height: 60px;
}
.basket-item .basket-name,
.basket-item .basket-brand,
.basket-item .variant-name,
.basket-item .variant-number {
    display: block;
}
.basket-item .basket-brand {
    font-size: 11px;
}
.basket-product-name {
    width: 27%;
}
.basket-product-variant {
    width: 29%;
}
.basket-product-price {
    text-align: right;
    width: 27%;
    margin-right: 2em;
}
.basket-product-name a,
.basket-product-variant a {
    color: black;
}
.basket-item .basket-name {
    font-weight: bold;
    margin-top: 0.2em;
}
.basket-product-variant .variant-name{
    font-weight: bold;
    margin-bottom: 0.2em;
}
.basket-product-variant .basket-variant-name {
    margin-left: 1em;
    font-size: 13px;
}
.basket-product-price-old {
    position: relative;
    font-size: 16px;
}
.basket-product-price-current {
    font-size: 24px;
    color: #ED008C;
    margin-left: 0.5em;
}
.basket-product-price-save-info {
    font-size: 13px;
    color: #ED008C;
    margin-top: 1em;
}
.basket-product-actions .remove {
    margin-top: 0.7em;
}
.sbpid .buttons{
    text-align: right;
}
.sbpid .continue-shopping {
    display: block !important;
    margin-top: 10px;
    clear: both;
}
.wishlist-product-price-actions {
    font-size: 16px;
    margin-top: 16px;
}
.wishlist-product-price-actions a {
    margin-left: 1em;
}


.wshl .continue{
    float:right;
    margin:10px;
}
.wshl-prod{
    position:relative;
}
.wshl-prod > a{
    display:block;
    position:relative;
}
.wshl-prod > a div{
    position:absolute;
    right:10px;
    bottom:20px;
}
.wshl-prod span{
    font-size:14px;
    display:inline-block;
    margin:0 5px;
}
.becomerep{
    width:750px;
    height:502px;
    background-image:url(image/becomerep.jpg);
    padding:240px 0 0 235px;
}

div.form textarea{
    height:100px;
    border:1px solid #cccccc;
    width:620px;
    padding:10px 10px 10px 14px;
    border-radius:15px;
    font-family:'Times New Roman';
    font-style:italic;
    font-size:13px;
}
.becomerep div.form label{
    width:94px;
}
.becomerep div.form .textarea label{
    vertical-align: top;
}
.becomerep div.form div{
    padding:4px 0;
}
.becomerep div.form .checkbox label{
    width:22px;
} 
.becomerep div.form .checkbox{
    margin-left:44px;
    border:0;
}
.becomerep .form .but{
    margin-left: 92px;
    margin-top: 35px;
}
.becomerep .success-info {
    height: 500px;
    background-color: #fff;
}
#products .list-product-wrapper .number{
    background-image:url(image/number.jpg);
    display:block;
    position:absolute;
    width:30px;
    height:52px;
    top:-6px;
    left:10px;
    font-family:"Times New Roman",serif;
    font-size:18px;
    font-style:italic;
    color:#fff;
    text-shadow:-2px -2px #00709b;
    padding-left:10px;
    line-height:42px;
}
.store-menu{
    width:986px;
    margin-left:-10px;
    margin-top:10px;
    margin-bottom:10px;
}
.spo-list{
    background:url(image/spo-list.jpg) no-repeat 0 0 scroll;
    height:269px;
    padding:14px 18px;
}
.spo-list a{
    font-family: Arial,sans-serif;
    font-size:16px;
    color:#000;
    line-height:37px;
    height:37px;
    display:block;
}
.spo-list a:hover{
    color:#ED008C;
    text-decoration:none;
}
div.form.replogin label{
    width:auto;
}
div.form.replogin #forgot{
    margin-left: 10px;
}
div.form.replogin div.margin{
    padding-left:0;
}
div.form.replogin div.margin input{
    padding-right:40px;
    padding-left:40px;
}
div.form.replogin{
    margin-bottom:100px;
}
#cart-menu .active a{
    color:#000;
}
#cart-menu a:hover{
    text-decoration:none;
}
.rep-prof h2{
    border-bottom:1px dotted #CCC;
}
div.form.rep-prof label{
    width:205px;
}
div.form.rep-prof .checkbox label{
    width:22px;
}
div.form.rep-prof label span{
    display:inline-block;
    margin-left:40px;
    color:#666;
    font-weight:bold;
}
div.form.rep-prof .warn{
    font-weight:normal;
    color:red;
    display:block;
    margin-top:10px;
    margin-left:210px;
}
.rep-prof p{
    color:#666;
}
.rep-prof .checkbox span,
.rep-prof .radio span{
    color:#666;
}
.rep-prof .checkbox .label,
.rep-prof .radio .label{
    display:inline-block;
    width:200px;
    margin-top: 7px;
}
div.form.rep-prof .checkbox .warn{
    display:inline-block;
    margin:5px 40px 0 0;
}
div.form.rep-prof .checkbox strong{
    display:inline-block;
    margin-right:21px;
}
div.form.rep-prof .rlabel{
    width:100px;
    padding-left:10px;
    display:inline-block;
}
div.form.rep-prof{
    margin-bottom:50px;
}
.scroller{
    background:url(image/scroller.jpg) no-repeat 0 0 scroll;
    width:390px;
    height:41px;
    position:relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.scroller span{
    background:url(image/scrolltick.png) no-repeat 0 0 scroll;
    width:24px;
    height:27px;
    display:block;
    position:absolute;
    top:-2px;
    left:0;
    cursor:pointer;
}
#map_canvas.rep{
    width: 540px !important;
    height: 322px !important;
}
.rep-zone-location div.form div {
padding: 5px 0px;
}
.infoText{
    color:#666;
    font-size: 13px;
}
.location-map-container{
    float:right;
}
.location-map-container .infoText{
    width:470px;
    margin-left: 10px;
    margin-top: 10px;
}
.infoText.location-mask{
    width:430px;
}
.rep-zone-location .margin.but {
    position: relative;
    top: -33px;
}
.rep-splash{
    background-image: url('image/storefront_loginsplash.jpg');
    background-repeat: no-repeat;
    width: 1003px;
    min-height: 380px;
    position: relative;
    left: -10px;
    top: -1px;
}
.rep-login-splash{}
.rep-login-splash .action-bar {
    position: relative;
    top: 280px;
}
.rep-login-splash .action-bar .action {
}
.rep-login-splash .action-bar .action .button{
}
.rep-login-splash .action.inline.repzone {
    margin-left: 10px;
}
.rep-login-splash .action.inline.storefront {
    margin-left: 96px;
}
.rep-login-splash .action.inline.storefront .button{
    padding: 5px 60px;
}
.rep-login-splash .action.inline.mainpage {
    margin-left: 77px;
}
.rep-login-splash .action.inline.mainpage .button{
    padding: 5px 68px;
}
.rep-login-splash .remember-redirect {
position: relative;
top: 293px;
left: 24px;
font-size: 12px;
color: #666666;
}
.rep-login-splash .remember-redirect input[type="checkbox"]{
    display: none;
}
.rep-login-splash .remember-redirect div.checkbox span{
    margin-left: 3px;
}


.repContent{
    background: transparent url(image/shade3.png) no-repeat center top;
}
.rep-id{
    position: relative;
}
img.unavailable-id-dialog{
    position: absolute;
    top: -28px;
    left: 312px;
}
.rep-id .rep-id-filed{
    width: 150px !important;
}
.orders-history .order-wrapper .order-options{
    display: none;
}
.orders-history #storefront-content #storefront-orders div.price{
    margin-right: 0;
}
.inactive-rep {
    font-size: 13px;
    color: red !important;
}

#main_wrapper {
    width: 100%;
    background-image: url('image/bg_top.png');
    background-repeat: repeat-x;
    overflow-x: hidden;
    position: relative;
}

body {
    margin: 0;
}

a {
    color: #ed008c;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}
a:not([href]) {
    text-decoration: none;
    cursor: default;
}
.hidden{
    display: none !important;
}
:invalid {
    border-color: red;
}
textarea:focus,
input[type="password"]:focus,
input[type="text"]:focus{
    border: 1px solid #ed008c !important;
    -moz-box-shadow: inset 1px 2px 4px rgba(237,0,128,.3) !important;
    -webkit-box-shadow: inset 1px 2px 4px rgba(237,0,128,.3) !important;
    -o-box-shadow: inset 1px 2px 4px rgba(237,0,128,.3) !important;
    box-shadow: inset 1px 2px 4px rgba(237,0,128,.3) !important;
    outline: none !important;
}


#page {
    width: 1280px;
    margin: auto;
    position: relative;
}

header {
    position: relative;
    height: 150px;
    width: 968px;
    margin: auto;
}

footer {
    clear: both;
    height: 192px;	
    position: relative;
    width: 968px;
    margin: auto;
}
.rep-footer {
    text-align: center;
}
.content{
    width: 968px;
    margin: auto;
    position: relative;
    padding-top: 0px;
}

.cart-step {
    vertical-align: middle;
    margin-right: 8px;
}

/* Manual styles */
.headerH1{
    font-family: "Times New Roman", serif;
    font-style: italic;
    font-size: 25px;
    color: #000000;
    font-weight: normal;
}
.contentText{
    font-family: "Arial", sans-serif;
    font-size: 13px;
    color: #000000;
}
.breadcrumb-spacer,
.breadcrumb{
    font-family: "Arial", sans-serif;
    font-size: 13px;
}
.breadcrumb{
    color: #ec008c;
}
.breadcrumb-spacer{
    color: #666666;
}
.leftMenu{
    font-family: "Arial", sans-serif;
    font-size: 12px;
    color: #ec008c;
    text-decoration: none;
}
.leftMenu.inactive{
    color: #000000;
    font-weight: bold;
}
.leftMenu:hover{
    text-decoration: underline;
}
.product-txt{
    font-family: "Arial", sans-serif;
    color: #000000;
}
.product-txt.brand{
    font-size: 11px;
    display: block;
}
.product-txt.name{
    font-size: 12px;
    font-weight: bold;
    display: block;
}
.product-txt.promo{
    font-size: 18px;
    color: #ec008c;
}

.cart-offer {
    font-family: "Times New Roman", serif;
    line-height: 19px;
    font-style: italic;
    font-size: 16px;
    border-bottom: 1px #AAA dotted;
    padding-bottom: 7px;
    margin-bottom: 7px;
    clear: both;
}
.cart-offer .cart-offer-name {
    font-weight: bold;
}
.cart-offer .cart-offer-desc {
}
.cart-offer-action {
    float: right;
    margin-top: -20px;
}


.inline{
    vertical-align: top;
    display: inline-block;
}
#hidden_cart { 
    margin: 0 10px;
}
.cart-item .thumb-img{
    background-color: #cccccc;
    padding: 1px;
}
.cart-item .thumb-img img{
    vertical-align: middle;
}
.cart-item .product-desc{
    margin-left: 10px;
    width: 125px;
    margin-right: 15px;
    line-height: 15px;
}
.cart-item .product-price{
    color: #ec008c;
    text-align: right;
    font-family: "Arial", sans-serif;
    font-size: 24px;
    width: 100px;
}
.cart-offers {
    margin-top: 10px;
    background-color: #cccccc;
    padding: 10px;
    position: relative;
}
.cart-offer:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.cart-info {
    margin-top: 40px;
    border-bottom: 1px #CCC dotted;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.cart-more-items {
    margin-left: 10px;
    color: #666;
    font-family: "Arial", sans-serif;
    font-size: 12px;
}
.cart-button {
    float: right;
}
.cart-actions {
    margin-bottom: 10px;
}





/* ------------------- */

#cookie_big_bar {
    position: relative;
    background-color: #646464;
    color: white;
    font-family: "Georgia", serif;
    font-style: italic;
    text-align: center;
    font-size: 1.25em;
    padding-top: 4px;
    padding-bottom: 7px;
    box-shadow: 0 0 5px black;
}

#cookie_big_bar img {
    position: relative;
    top: .8em;
}

#cookie_big_bar a {
/*    font-weight: bold;
    display: inline-block;
    color: white;
    border: solid 1px white;
    padding: .5em 2em;
    border-radius: .4em;
    margin-left: 2.5em;*/
    padding: 4px 12px;
    margin-left: 15px;
}

header .first {
    width: 970px;
    height: 34px;
    margin: auto;
    position: relative;
    top: 8px;
}

header .first .left {
    float: left;
}

header .first .right {
    float: right;
}

header .first a {
    color: gray;
    display: inline-block;
    background-image: url('image/bg_tri.png');
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 10px;
}

header .first .right a {
    margin-left: 30px;
}

header .second {
    margin-top: 15px;
    height: 41px;;
    margin-bottom: 15px;
    position: relative;
}

.wide_only header h1 {
    position: absolute;
    top: 5px;
    left: 0;
}

form.search > div {
    height: 34px;
    width: 305px;
    background-image: url('image/bg_search.png');
    position: relative;
}	

header .wide_only form.search > div {
    position: absolute;
    top: 5px;
    left: 475px;;
}	

.wide_only form.search .ad {
    display: block;
    position: absolute;
    opacity: 0;
    height: 27px;
    width: 47px;
    top: 5px;
    left: 15px;
    background-image: url('image/search_ad.png');
}

form.search .clear {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 34px;
    width: 15px;
    background-image: url('image/bg_search_right.png');

}

form.search input[name=q] {
    font-family: "Georgia", serif;
    color: gray;
    font-style: italic;
    font-size: 10px;
    width: 240px;
    font-style: italic;
    border-style: solid;
    border-width: 0;
    border-color: white;
    margin-left: 15px;
    margin-top: 10px;
    outline: none;
}

form.search input[name=btn] {
    position: absolute;
    right: 15px;
    top: 5px;
}

header .wide_only .ad {
    position: absolute;
    top: 5px;
    left: 255px;
    font-family: "Times New Roman", serif;
}
header .wide_only .ad .campaignNumber{
    position: absolute;
    color: #ED008C;
    font-size: 32px;
    font-style: italic;
    font-weight: bold;
    width: 75px;
}
header .wide_only .ad .campaignTime{
    position: absolute;
    top: 0;
    left: 73px;
    width: 150px;
    font-size: 12px;
}
header .wide_only .ad .campaignTime .info{
    font-weight: bold;
    display: block;
}
header .wide_only .ad .campaignTime .counter{
    font-weight: bold;
    font-style: italic;
}

#header_cart {
    position: absolute;
    top: -10px;
    right: -10px;
    background-image: url('image/cart_logo.png');
    background-repeat: no-repeat;
    min-height: 50px;
    min-width: 143px;
    background-position: top right;
    z-index: 5000;
}

#header_cart .num {
    position: absolute;
    width: 93px;
    right: 0;
    top: 15px;
    font-family: "Georgia", serif;
    font-weight: bold;
    font-style: italic;
    padding-left: 50px;
}

#header_cart .wishlist {
    position: absolute;
    width: 93px;
    right: 0;
    top: 27px;
    padding-top: 5px;
    padding-left: 50px;
}

#header_cart .wishlist a {
    color: gray;
}

#header_cart .content {
    width: auto;
    position: relative;
    margin-top: 50px;
    min-height: 20px;
    background-image: url('image/cart_ext_bg.png');
    background-position: bottom;
    padding: 10px;
}

#header_cart .content .loading,
#header_cart .content .empty {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    color: #666;
    font-family: "Arial", sans-serif;
    font-size: 12px;
}

#header_cart .content .loading img{
    position: absolute;
    top: -10px;
    left: 50px;
}

#header_cart .content .loading span{
    margin-left: 50px;
    display: block;
    text-align: center;
    color: #666;
    font-family: "Arial", sans-serif;
    font-size: 12px;
}

#header_cart .content .scroll{
    max-height: 500px;
    overflow: auto;
}

header .third {
    position: absolute;
    top: 105px;
    width: 100%;
}

header .third > ul {
    list-style: none;
    padding: 0;
    position: relative;
    display: table;
    justify-content: space-around;
    margin-left: -25px;
    width: 1020px;

}

header .third > ul > li {
    display: table-cell;
    text-align: center;
    overflow: show;
    position: relative;
}

header .third > ul > li > a {
    color: gray;
    font-size: 1.4em;
    display: block;
    padding: .8em;
}

/* ------------------- */

footer .box {
    padding-top: 20px;
    width: 855px;
    margin: auto;
}

footer .box article {
    padding-left: 25px;
    width: 125px;
    height: 90px;
    background-image: url('image/bg_bottom_box.png');
    background-repeat: repeat-y;
    float: left;
}

footer .box article.first {
    background-image: none;
    padding-left: 0;
}

footer .box h2 {
    margin-top: 0;
    margin-bottom: .7em;
    padding: 0;
    border-style: none;
    font-family: "DejaVu Serif", "Georgia", serif;
    color: gray;
    font-style: italic;
    font-size: 1.1em;
}

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

footer .box li {
    padding: 0;
    margin: 0;
    line-height: 1.3em;
}

footer .last {
    position: absolute;
    width: 100%;
    bottom: 20px;
    margin-top: 20px;
    clear: both;
}

footer .last ul {
    list-style: none;
    padding: 0;
}

footer .last li {
    margin: 0;
    float: left;
    padding-right: 20px;
}

footer .last li a {
    color: gray;
}

footer .last .social {
    color: gray;
    position: absolute;
    top: -5px;
    right: 0;
}

footer .last .social span {
    position: relative;
    top: -5px;
}

/* -------------------------- */

#floating_menu_box {
    z-index: 100;
    width: 710px;
    height: 347px;
    position: absolute;
    top: 19px;
    left: -20px;
    background-image: url('image/menu_ext_bg.png');
}


#floating_menu_box .left ul,
#floating_menu_box .center ul {
    float: left;
    list-style: none;
    text-align: left;
    padding: 0;
    margin-top: 35px;
}

#floating_menu_box .left ul {
    width: 135px;
    margin-left: 40px;
}

#floating_menu_box .center ul {
    width: 150px;
    margin-left: 30px;
}

#floating_menu_box .left li,
#floating_menu_box .center li {
    background-image: url('image/line_dot.png');
    background-position: bottom;
    background-repeat: repeat-x;
    font-size: 1.4em;
    line-height: 2.15em;
}

#floating_menu_box .left li em a,
#floating_menu_box .center li em a {
    font-style: italic;
    color: black;
}

#floating_menu_box .left li.last {
    background-image: none;
}

.breadcrumbs {
    float: left;
}
.breadcrumbs .delim {
    margin: 0 5px;
}
.sm-controls {
    float: right;
}
.clear{
    clear:both;
    width: 100%;
    height: 1px;
    overflow: hidden;
}
.inner-nav {
    margin-bottom: 10px;
}
.send-via-email-dialog {
    position: absolute;
    z-index: 10;
}
.send-via-email-dialog .close-dialog {
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
}
.send-via-email-dialog .dialog-body {
    background-color: white;
    border: 1px #e5e5e5 solid;
    box-shadow: 1px 1px 5px #e5e5e5;

}
.send-via-email-dialog .send-wrapper {
    padding: 10px;
    min-width: 440px;
}
.send-via-email-dialog .form-row {
    margin-bottom: 10px;
}
.send-via-email-dialog .label {
    display: inline-block;
    width: 100px;
    vertical-align: middle;
    margin-right: 1em;
}
.send-via-email-dialog .value {
    display: inline-block;
    vertical-align: middle;
}
.send-via-email-dialog .value input{
    width: 299px;
}
.send-via-email-dialog .value textarea {
    width: 299px;
}


.find-a-rep{
    min-height: 700px;
}
.find-a-rep-form .form-row label{
    display: block;
}
.find-a-rep .regular, .find-a-rep .map-view {
    display: inline-block;
    vertical-align: top;
    width: 470px;
    border: 1px #e5e5e5 solid;
}
.find-a-rep .regular {
    margin-right: 15px;
}
.find-a-rep .find-a-rep-wide {
    width: 310px;
}
.find-a-rep .star {
    margin: 3px 0;
}
.rep-list-item {
    display: inline-block;  vertical-align: top;  
    width: 445px;  border: 1px #e5e5e5 solid;
    padding: 10px;
    margin-bottom: 15px;
}
.find-rep-list-view {
    margin-top: 20px;
}
.rep-list-item:nth-child(even) {
    margin-left: 25px;
}

.inmarker .rep-list-item{
    margin:0;
}

.desc-line {
    margin-bottom: 10px;
}
.rep-image {
    display: inline-block;
    width: 80px;
    height: 80px;
    background-color: #e5e5e5;
    margin-right: 7px;
    vertical-align: top;
}
.rep-desc-line {
    display: inline-block;
    width: 350px;
    vertical-align: top;
}
.rep-name {
    display: block;
    font-size: large;
    font-weight: bold;
}
.rep-desc,
.rep-region {
    display: block;
}
.rep-storefront-link {
    display: inline-block;
    width: 120px;
}
.rep-rating {
    display: inline-block;  
    width: 170px;
}
.rep-select {
    display: inline-block;  
    width: 140px;
}
#map_canvas { 
    width: 100%;
    height: 600px;
}
.catpromo2 {
    margin: 7px 0px;
}
.catpromo2 .lbanner {
    background: transparent url(image/home_box1.png) no-repeat center;
    height: 242px;
    width: 380px;
    background-size: contain;
    display: inline-block;
}
.catpromo2 .rbanner {
    background: transparent url(image/home_box2.png) no-repeat center;
    height: 242px;
    width: 380px;
    background-size: contain;
    display: inline-block;
}
.catpromo2 .1banner {
    background: transparent url(image/homebox_02.png) no-repeat center;
    height: 247px;
    width: 258px;
    background-size: contain;
    display: inline-block;
}
.catpromo2 .2banner {
    background: transparent url(image/homebox_03.png) no-repeat center;
    height: 247px;
    width: 252px;
    background-size: contain;
    display: inline-block;
}
.catpromo2 .3banner {
    background: transparent url(image/homebox_04.png) no-repeat center;
    height: 247px;
    width: 257px;
    background-size: contain;
    display: inline-block;
}
.profile_edit .styledselect label{
    vertical-align: middle;
}
.profile_edit .styledselect div.sbHolder{
    vertical-align: middle;
    padding: 0;
}
#basket-delivery .email {
position: absolute;
top: 116px;
left: 460px;
}
#basket-delivery .phone {
position: absolute;
top: 134px;
left: 460px;
}
.products-list-article{
    position: absolute;
    top: 657px;
}
.choose-shade-container{
    position: relative;
}
.choose-shade-container .choose-shade-image{
    position: absolute;
    right: 150px;
    top: 0px;
}
#main_wrapper_storefront {
    width: 100%;
    background-image: url('image/storefront/bg_top.png');
    background-repeat: repeat-x;
    height: 6px;
}

.overlay.carousel{
    top: 0;
}

#home-carousel{
    width: 100%;
    height: 394px;
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
}

#home-carousel-wrapper{
    width: 200%;
    /*height: 394px;*/
}

#home-carousel .frame{
    margin: 0 auto;
    /*height: 394px;*/
    min-height: 150px;
    width: 50%;
    float: left;
    position: relative;
    overflow: hidden;
}
#home-carousel .frame img{
    height: 100%;
    position: relative;
    top: 0;
    left: 50%;
    margin-left: -640px;
}

#home-carousel .prev{
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -53px;
    z-index: 4;
}

#home-carousel .next{
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -53px;
    z-index: 4;
}

/*#home-carousel .frame.frame1{
    background: transparent url(image/home/home_carousel1.png) no-repeat center;
}

#home-carousel .frame.frame2{
    background: transparent url(image/home/home_carousel2.png) no-repeat center;
}

#home-carousel .frame.frame3{
    background: transparent url(image/home/home_carousel3.png) no-repeat center;
}*/

.grid968{
    width: 968px;
    margin: 0 auto;
}

.grid968 .box{
    float: left;
    position: relative;
    margin-bottom: 18px;
}

.grid968 .box.h-full{
    width: 968px;
}

.grid968 .box.v-full{
    height: 622px;
}

.grid968 .box.h-half{
    width: 472px;
    margin-left: 24px;
}

.grid968 .box.v-half{
    height: 302px;
}

.grid968 .box.h-third{
    width: 311px;
    margin-left: 16px;
}

.grid968 .box.v-third{
    height: 190px;
}

.grid968 .box.first{
    margin-left: 0px;
}

.grid968 .box .shaddow{
    position: absolute;
    height: 96px;
    bottom: -96px;
}

.grid968 .box.h-full .shaddow{
    background: transparent url(image/home/home_box_shadow_full.png) no-repeat center;
}

.grid968 .box.h-half .shaddow{
    background: transparent url(image/home/home_box_shadow_half.png) no-repeat center;
}

.grid968 .box.h-half .shaddow{
    width: 472px;
}

.grid968 .box.h-full .shaddow{
    width: 968px;
}

.grid968 #home-box1{
    background: transparent url(image/home/home_box1.png) no-repeat center;
    background-size: contain;
}

.grid968 #home-box2{
    background: transparent url(image/home/home_box2.png) no-repeat center;
    background-size: contain;
}

.grid968 #home-box3{
    background: transparent url(image/home/home_box3.png) no-repeat center;
    background-size: contain;
}

.grid968 #home-box4{
    background: transparent url(image/home/home_box4.png) no-repeat center;
    background-size: contain;
}

.grid968 #home-box5{
    background: transparent url(image/home/home_box5.png) no-repeat center;
    background-size: contain;
}

.grid968 #home-box6{
    background: transparent url(image/home/home_box6.png) no-repeat center;
    background-size: contain;
}

.grid968 #home-box7{
    background: transparent url(image/home/home_box7.png) no-repeat center;
    background-size: contain;
}

.grid968 #home-box8{
    background: transparent url(image/home/home_box8.png) no-repeat center;
    background-size: contain;
}

.grid968 #home-box9{
    background: transparent url(image/home/home_box9.png) no-repeat center;
    background-size: contain;
}

div#basket-content .item div.qty{
    float: left;
    line-height: 81px;
    font-family: "Times New Roman";
    font-style: italic;
    font-weight: bold;
    font-size: 15px;
}

div#basket-content div.promocode{
    height: 40px;

}

div#basket-content div.promocode span{
    line-height: 40px;
}

div#basket-content div.promocode span.codeinfo{
    line-height: 1em;
    font-family: "Halvetica", "Arial", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
}

div#basket-content div.promocode span.pink{
    color: #ED008C;
}

div#basket-content div.promocode a{
    padding-left: 70px;
}

#basket-delivery-wrapper{
    border-bottom: 1px dotted #cccccc;
}

#basket-delivery-wrapper.nodots{
    border: 0px none;
}

#basket-delivery-wrapper h3{
    font-family: "Times New Roman";
    font-style: italic;
    font-size: 25px;
    line-height: 50px;
    font-weight: normal;
    border-bottom: 1px solid #cccccc;
}

#basket-delivery-wrapper .customer{
    background: transparent url(image/delivery-shadow.png) no-repeat;
    padding: 16px 0;
}

#basket-delivery-wrapper .customer h4{
    border-bottom: 1px dotted #ababab;
    float: left;
    font-family: "Halvetica", "Arial", sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 12px;
    line-height: 28px;
}

#basket-delivery-wrapper .customer .address{
    float: left;
    width: 34%;
}

#basket-delivery-wrapper .customer .address p{
    font-family: "Halvetica", "Arial", sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    line-height: 18px;
}

#basket-delivery-wrapper .customer .address p a{
    padding-left: 50px;
}

#basket-delivery-wrapper .customer .avatar{
    float: left;
    width: 66%;
}

#basket-delivery-wrapper .customer .avatar img{

    margin: 0 10px;
    float: left;
}

#basket-delivery-wrapper .customer img.ok-icon{
    float: left;
}

#basket-delivery-wrapper .customer p.ok-info{
    line-height: 29px;
    margin-left: 40px;
}

#basket-delivery-wrapper .customer a.ok-info{
    margin-left: 40px;
    margin-top: 12px;
}

#social-buttons{
    position: absolute;
    top: 220px;
    right: 0px;
    background: transparent;
    z-index: 2;
}

#social-buttons .social{
    position: relative;
    margin-bottom: 4px;
}

#social-buttons .social a{
    display: block;
    width: 29px;
    height: 29px;
}

#social-buttons .social .wrapper{
    position: absolute;
    left: 30px;
    top: 0px;
    background: white;
    z-index: 3;
}

#social-buttons .social a.active,
#social-buttons .social a:hover{
    background-position: -29px 0 !important;
}

#social-buttons #social-facebook a{
    background: transparent url(image/social/facebook.png) no-repeat;
}

#social-buttons #social-pinterest a{
    background: transparent url(image/social/pinterest.png) no-repeat;
}

#social-buttons #social-youtube a{
    background: transparent url(image/social/youtube.png) no-repeat;
}

#social-buttons #social-googleplus a{
    background: transparent url(image/social/googleplus.png) no-repeat;
}

#basket-content.nodots{
    border: none;
}

#basket-content form.confirm{
    float: right;
    margin: 12px;
}

#basket-content a.continue{
    float: right;
    margin-right: 12px;
}

#basket-content .code p.codevalue{
    line-height: 28px;
}

#storefront-content{
    margin-left: 18px;
    width: 968px;
    position: relative;
    margin-bottom: 20px;
}

#storefront-content ul.letters{
    list-style: none;
    margin: 20px 0;
    float: left;
}

#storefront-content ul.letters li{
    float: left;
    font-family: "Halvetica", "Arial", sans-serif;
    color: #888888;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    padding: 0 6px;
    border-left: 1px solid #cccccc
}

#storefront-content ul.letters li.first{
    border: 0px none;
}

#storefront-content #storefront-contacts{
    width: 968px;
    height: 1269px;
    background: transparent url(image/storefront/contacts.jpg) no-repeat;
    position: relative;
}

#storefront-content #storefront-contacts a{
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
}

#storefront-content #storefront-contacts a.contact-a{
    top: 16px;
    left: 0px;
}

#storefront-content #storefront-contacts a.contact-b{
    top: 208px;
    left: 0px;
}

#storefront-content #storefront-contacts a.contact-c{
    top: 688px;
    left: 0px;
}

#storefront-content .sort-from span{
    float: left;
    margin-right: 20px;
}


#storefront-content #storefront-orders{
    background: transparent url(image/shade3.png) no-repeat center top;
}

#storefront-content #storefront-orders .order{
    padding: 24px 0;
    position: relative;
    border-bottom: 1px solid #cccccc;
}


#storefront-content #storefront-orders span{

    font-style: normal;
    font-weight: normal;
    font-family: "Halvetica", "Arial", sans-serif;
    font-size: 13px;
}

#storefront-content #storefront-orders span.order-date{
    font-style: italic;
    font-size: 21px;
    font-family: "Times New Roman";
}

#storefront-content #storefront-orders span.order-date-date{
    font-style: italic;
    font-weight: bold;
    font-size: 21px;
    font-family: "Times New Roman";
}

#storefront-content #storefront-orders span.customer{
    font-weight: bold;
}

#storefront-content #storefront-orders a.email{
    color: #e9038a;
}

#storefront-content #storefront-orders span.phone{
    font-weight: bold;
}

#storefront-content #storefront-orders span.total{
    font-size: 21px;
    font-weight: bold;
    font-style: italic;
    font-family: "Times New Roman";
}

#storefront-content #storefront-orders span.total-price{
    font-size: 21px;
    font-weight: bold;
    font-style: italic;
    font-family: "Times New Roman";
    color: #e9038a;
}

#storefront-content #storefront-orders span.currency{
    font-size: 21px;
    font-style: italic;
    font-family: "Times New Roman";
}

#storefront-content #storefront-orders div.price{
    float: right;
    margin-right: 306px; 
}

#storefront-content #storefront-orders .order .order-wrapper{
    position: relative;
}

#storefront-content #storefront-orders .order .order-wrapper .order-options{

    position: absolute;
    width: 178px;
    height: 100%;
    top: 0px;
    right: 0px;
    border-left: 1px dotted #cccccc;
}

#storefront-content #storefront-orders .order .order-wrapper .order-options a.button.accept{
    margin-left: 20px;
    padding: 5px 35px;
}

#storefront-content #storefront-orders .order .order-wrapper .order-options a.button.reject{
    background: #8f8f8f;
    margin-left: 20px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 5px 35px;
}

#storefront-content img.top-pagination{
    position: absolute;
    top: 26px;
    right: 26px;
}

#storefront-content #under-orders{
    height: 46px;
    width: 100%;
}

#storefront-content #under-orders img{
    float: right;
    margin: 12px 26px 12px 0;
}

#storefront-orders #storefront-order-accepted h3{
    border-bottom: 1px solid #CCCCCC;
    font-family: "Times New Roman",serif;
    font-size: 21px;
    font-style: italic;
    font-weight: normal;
    line-height: 60px;
    text-align: center;
    display: none;
}

div#menu.rys > ul ul li{
    
    margin: 9px 0;
}

div#menu.rys > ul > li.clear{
    padding-top: 0;
}

#menu li.last.nodots{
    background: transparent none;
}

ul#products li div.info-overlay{
    border: 2px solid #cccccc;
}

ul#products li div.info-overlay a{
    display: block;
    width: 150px;
    height: 45px;
    top: 142px;
    right: 8px;
    position: absolute;
    
}

ul#products li div.info a.hover-here{
    cursor: pointer;
left: 180px;
position: absolute;
top: 160px;
display: none;
}

ul#products li div.info-overlay.one{
    background: transparent url(image/hover_cart1.png) no-repeat;
}

ul#products li div.info-overlay.two{
    background: transparent url(image/hover_cart2.png) no-repeat;
}

.desc-line.rys{
    position: relative;
}

.desc-line.rys .rep-recommended{
    position: absolute;
    top: 0px;
    right: 0px;
}

#how_to_buy .step {
    position: relative;
    clear: both;
}

#how_to_buy .step.last{
    margin-bottom: 60px;
}

#how_to_buy .step .step-header{
    
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    height: 58px;
    line-height: 58px;
}

#how_to_buy .step .step-header span.title{
    
font-family: "Times New Roman",serif;
font-size: 25px;
font-style: italic;
font-weight: normal;
line-height: 58px;
}

#how_to_buy .step .step-header span.step-no{
    font-family: "Times New Roman",serif;
font-size: 50px;
font-style: italic;
font-weight: bold;
line-height: 58px;
color: #eeeeee;
float: right;
}

#how_to_buy .step .step-body{
    position: relative;
}

#how_to_buy .step .step-body p{
    padding: 16px 100px 16px 0;
}

#how_to_buy .step .step-body a{
    position: absolute;
    right: 12px;
    top: 16px;
}

#how_to_buy .breadcrumbs{
    padding: 16px 0;
}

div#product div.description img{
    float: left;
    margin: 10px 10px 0 0;
}

div#menu li.disc{
    list-style: disc inside;
    color: black;
    margin-left: 4px;
}

.article-body{
    width: 764px;
    height: 872px;
    margin-bottom: 40px;
    position: relative;
}

.article-body.page1{
    background: transparent url(image/fact2.jpg) no-repeat;
}
.article-body.page2{
    background: transparent url(image/fact3.jpg) no-repeat;
}
.article-body.page3{
    background: transparent url(image/fact4.jpg) no-repeat;
}

.article-body a{
    display: block;
    position: absolute;
    cursor: pointer;
}

.article-body a.next{
    width: 100%;
    height: 520px;
    z-index: 1;
}

.article-body a.promo1{
    bottom: 0;
height: 208px;
left: 0;
width: 361px;
}

.article-body a.promo2{
    bottom: 0;
height: 208px;
right: 0;
width: 361px;
}
#content .inner-nav,
div#menu{
    margin-top: 10px;
}

.find-a-rep .find-a-rep-form .regular, 
.find-a-rep .find-a-rep-form .map-view{
    border: none;
    position: relative;
}
.find-a-rep-form .form-row label {
    font-family: 'Arial';
    font-size: 12px;
    margin-bottom: 5px;
    margin-left: 3px;
}

.find-a-rep h3{
    font-family: 'Times New Roman';
    font-size: 25px;
    font-style: italic;
    font-weight: normal;
    margin-bottom: 20px;
    padding-bottom: 24px;
}
.find-a-rep h3.area{
    margin-bottom: 5px;
}
.find-a-rep .inner-nav {
    margin-bottom: 15px;
    margin-top: 10px;
    font-family: Arial;
    font-size: 12px;
    color: #666666;
}
.find-a-rep .name-entry{
    padding-top: 9px;
}
.find-a-rep .h3bg {
    background-image: url(image/h3_bg.png);
    height: 97px;
    position: absolute;
    width: 470px;
    background-position: -155px 0;
    background-repeat: no-repeat;
    top: 45px;
    z-index: -1;
}
.form-row input {
    height: 32px;
    border: 1px solid #cccccc;
    width: auto;
    padding: 0px 10px 0px 14px;
    background-color: white; 
    background-image: url('image/input-background.jpg');
    border-radius: 15px;
    font-family: 'Times New Roman';
    font-style: italic;
    font-size: 13px;
}
.find-a-rep  .form-row input.find-a-rep-wide{
    width: 342px;
}
label[for="findbyregion"],
label[for="findbyphone"],
label[for="lname"] {
    margin-top: 20px;
    margin-left: 3px;
}
.find-a-rep  .form-row input {
    width: 157px;
}
.find-a-rep .find-a-rep-form .star {
    margin: 16px 0 0 0;
    font-family: Arial;
}
.more-opts-container{
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle;
}
.form-row.actions {
    display: inline-block;
    margin-top: 13px;
}
.form-row.actions.area{
    margin-top: 88px;
}
.area-info{
    margin-bottom: 6px;
    margin-top: -2px;
}
.dotline {
    margin-top: 20px;
}
.dotline.area {
    margin-top: 130px;
}
.find-rep-map-view {
    margin-top: 15px;
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden;
}
.map-rating {
    position: absolute;
    z-index: 10;
    right: -15px;
    top: -11px;
}
.inmarker{
    width: 450px;
    height: 175px;
}
.find-a-rep .rep-image {
    width: 120px;
    height: 120px;
    border: 1px black solid;
    padding: 1px;
    background-color: white;
}
.find-a-rep .rep-desc-line {
    display: inline-block;
    width: 310px;
    vertical-align: top;
}
.find-a-rep .rep-name {
    font-size: 14px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px #666666 dotted;
    margin-top: 5px;
}
.find-a-rep .rep-image img{
    width: 120px;
    height: 120px;
}
.rep-region {
    color: #ed008c;
    margin-bottom: 7px;
}
.inmarker .rep-region{
    margin-bottom: 0px;
}
.rep-desc-line .distance {
    color: #666;
    font-size: 12px;
}
.inmarker .rep-desc-line .distance {
    display: block;
}
.rep-desc-line .phone {
display: block;
color: #ed008c;
text-decoration: underline;
cursor: pointer;
}
.rep-desc-line .email {
display: block;
color: #ed008c;
text-decoration: underline;
cursor: pointer;
}
.find-a-rep .rep-storefront-link {
    display: inline-block;
    width: 134px;
    vertical-align: bottom;
}
.find-a-rep .rep-rating {
    color: #666666;
    vertical-align: bottom;
}
.find-a-rep .rep-select {
    display: inline-block;
    width: 130px;
    text-align: right;
    vertical-align: bottom;
}
.find-a-rep .rep-list-item {
    border: none;
    border-bottom: 1px #666666 dotted;
}
.flow-options ul li {
    margin: 4px 0px;
    border-bottom: 1px #666666 dotted;
    padding: 3px 2px 3px 7px;
    cursor: pointer;
}
.flow-options ul {
    padding: 20px;
    list-style: none;
}
.flow-options {
    position: absolute;
    background-color: white;
    border: 1px #e5e5e5 solid;
    box-shadow: 2px 2px 10px #666666;
	z-index: 100;
}
.flow-options ul li:hover {
    background-color: #e1e1e1;
}
.button.rep-select-button{
    cursor: pointer;
    padding-left: 25px;
    padding-right: 25px;
}
.rep-desc {
    margin-top: 4px;
}
.search-title h1,
h1.change-rep-title{
    font-family: 'Times New Roman';
    font-weight: normal;
    font-style: italic;
    margin-bottom: 20px;
    font-size: 25px;
}
.search-title h1{
    font-size: 25px;
    float: left;
}
.search-title .query{
    color: #34b6e4;
}
.search-title{
    font-family: 'Times New Roman';
    font-style: italic;
}
.search-title .sort-option{
    
}

#map_canvas {
    border: 2px #e5e5e5 solid;
    border-radius: 8px;
    width: 964px !important;
    height: 596px !important;
}

.change-a-rep-form .wrapper {
    display: block;
    padding-top: 25px;
}
.change-rep-info{
    margin-bottom: 20px;
}
.change-rep-info a{
    margin-left: 20px;
}
.find-a-rep .change-a-rep-form .regular, 
.find-a-rep .change-a-rep-form .map-view{
    border: none;
}
.change-a-rep-form  .rep-list-item:nth-child(even) {
    margin-left: 0;
}
.find-a-rep .change-a-rep-form  h3{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px #ababab dotted;
}
.shadow3 {
    background-image: url('image/shade3.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.find-a-rep .change-a-rep-form .rep-name{
    border-bottom: none;
}
.change-a-rep-form {
min-height: 600px;
}
.region_missmatch .expl {
margin-top: 20px;
padding-top: 25px;
}
.region_missmatch .expl p{
    margin-bottom: 20px;
}
.form textarea.become-rep-note{
    height: 80px;
}
.becomerep div.form .checkbox {
    margin-top: 6px;
}
.becomerep div.form label {
    /*font-size: 14px !important;*/
}
.becomerep h1{
    font-size: 25px;
    font-weight: normal;
    font-style: italic;
    font-family: 'Times new roman';
}
.becomerep .success-info p{
    font-style: italic;
    font-family: 'Times new roman';
    font-size: 20px;
    margin-top: 10px;
}
.rep-hover-wrapper {
    position: absolute;
    background-color: white;
    padding: 13px;
    border-radius: 13px;
    border: 2px #e5e5e5 solid;
    overflow: hidden;
    box-shadow: 3px 4px 10px #c0c0c0;
    z-index: 1;
}
.rep-hover-wrapper .rep-desc,
.rep-desc-long,
.rep-age{
    display: none;
}
.rep-hover-wrapper .rep-age {
    display: block;
    font-weight: bold;
    margin-top: 7px;
}
.rep-hover-wrapper .rep-desc-long{
    display: block;
}

.no-reps-area{
    background-image: url(image/noreps_expanded.png);
    background-repeat: no-repeat;
    width: 974px;
    height: 291px;
    font-family: "Arial", sans-serif;
    font-size: 13px;
    color: #000000;
    top: -14px;
    z-index: 2;
    position: relative;
}
.no-reps-area.small-amount {
    background-image: url(image/noreps_collapsed.png);
    height: 111px;
}
.no-reps-area .wrapper {
    padding: 20px;
}
.noreptitle{
    border-bottom: 1px #CCC dotted;
}
.no-reps-area .opportunitytext{
    color: #666666;
    margin: 20px 0;
}
.no-reps-area .avon-offer{
    font-weight: bold;
    margin-top: 20px;
}
.no-reps-area .offer {
    margin-left: 20px;
}
.no-reps-area .no-rep-actions {
    margin-top: 15px;
}
.no-reps-area .join-avon {
padding: 8px 50px;
}
.no-reps-area .learn-more-about-avon {
    margin-left: 15px;
}
.no-reps-area.small-amount .rep-amount-moreinfo {
    position: absolute;
    right: 20px;
    bottom: 17px;
    padding: 5px 50px;
}
h2.no_line {
	border: none;
}

#floating_menu_box.wide {
	width: 849px;
	background-image: url('image/menu_ext_bg3.png');
}

#floating_menu_box.wide .left ul {
	width: 240px;
	margin-left: 40px;
}

#floating_menu_box.wide .center ul {
	width: 170px;
	margin-left: 30px;
}

#floating_menu_box .left li,
#floating_menu_box .center li {
	font-size: 1.15em;
}

footer .box article {
	width: 150px;
}

.mc_bc_fix #content {
	margin-top: 1.5em;
}

.mc_bc_fix #favorites img,
.mc_bc_fix #best_price img {
	top: 22px;
	z-index: 10;
}

#container.mc_bc_fix {
	width: 1024px;
}


#sbpi_input:focus {
    border: none !important;
    box-shadow: none !important;
}
#sbpi_input {
    padding: 6px 0px;
    margin-left: 15px;
    margin-top: 4px;
}



    #page{
        width: 966px;
    }
}
@media (max-width: 1040px) {
    .second h1 {margin-left: 1em;}
    .wide_only{display: none;}
    #page {width: 100%;}
    header {width: 100%;}
    header .first {margin: 0px 5px; width: auto;}
    #header_cart{right: 0px;}
    header .third > ul{
        margin-left: 0px;
        width: 100%;
        font-size: 11px;
    }
    .grid968 {
        width: 100%;    
        overflow: hidden;
    }
    .grid968 .box.h-half{
        width: 49%;
        margin-left: 1em;
    }
    .grid968 .box.first{
        margin-left: 0;
    }
    #home-box3 {
        width: 100%;
        background-position: 50% 50%;
        background-size: cover !important;
        height: 140px;
    }
    footer {
        width: auto;
        height: auto;
/*        background-image: url('image/bg_bottom_light.png');
        background-repeat: repeat-x;*/
    }
    footer .box {
        width: auto;
    }
    #home-box4 {
    height: 400px;
    }
    #home-box7,
    #home-box8,
    #home-box9{
    height: 225px;
    margin: 0;
    }
}
@media (max-width: 850px) {
    header .third > ul{
        font-size: 9px;
    }
}

@media (max-width: 500px) {
    .mobile-only{
        display: block;
    }
    .grid968 .box {
            background-size: contain !important;
    }
    .grid968 .box.h-full{
        width: 484px;
    }

    .grid968 .box.v-full{
        height: 311px;
    }

    .grid968 .box.h-half{
        /*width: 236px;*/
        width: 100%;
        background-size: contain;
        margin: 0;
    }

    .grid968 .box.v-half{
        /*height: 151px;*/
        width: 100%;
        height: 237px;
        margin: 0;
    }

    .grid968 .box.h-third{
        width: 311px;
        margin-left: 0;
    }

    .grid968 .box.v-third{
        /*height: 95px;*/
        width: 100%;
    }
    #main_wrapper {
        background-image: none;
    }
    header {
        height: auto;
    }
    .second h1 {
        width: 30%;
        margin-left: 0.2em;
    }

    .main-nav-bar .nav-wrapper > div {
        display: inline-block;
        vertical-align: middle;
    }
    .main-nav-bar .nav-wrapper > div a{
        
    }
    .main-nav-bar .menu-shop {
        width: 20%;
    }
    .main-nav-bar .menu-account {
        float: right;
    }
    .main-nav-bar .menu-search a {
        display: block;
        background-image: url('image/mglass.png');
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        text-indent: -100px;
        overflow: hidden;
    }
    
    #container {
        width: 100% !important;
    }
    
    div#menu {
        display: none;
        position: absolute;
        /*top: 0;*/
        top: -90px;
        width: 70%;
        left: -70%;
        box-shadow: #000 2px 2px 10px;
        z-index: 999;
        bottom: auto;
        background-image: none;
    }
    div#menu ul li.active {
        /*display: none;*/
    }
    div#menu > ul > li.active{
        background-image: none;
    }
    div#menu > ul > li.active > a{
        color: #000;
        font-weight: bold;
    }
    div#menu.rys > ul ul li > input{
        margin-right: 1em;
    }
    .more-brands {
        text-align: center;
    }
    .bestsellers-item a {
        padding-top: 2em !important;
        display: block;
    }
    div#menu ul li.clear {
        margin: 0 !important;
        padding: 0 !important;
        border-bottom-width: 0;
    }
    div#menu ul {
        margin: 0 !important;
        padding: 0 !important;
    }
    div#menu ul li {
        padding-left: 0;
        font-size: 16px;
        padding: 10px !important;
        margin: 0 !important;
        border-bottom: 1px dotted #666;
        width: auto !important;
        height: auto !important;
    }
    div#menu ul li a {
        font-size: 14px !important;
    }
    div#menu > ul > li {
        background-image: none;
    }
    div#menu > ul > li a {
        color: #ED008C;
    }
    
    #content {
        width: 100% !important;
        left: 0 !important;
    }
    #category_promobox {
	 width: 100% !important;
        left: 0 !important;
   
    }
    