/* ---CSS2 Document---
   ------------------- */

/* ---Common styles--- */
/* ------------------- */
* {padding: 0; margin: 0}
body {font: 12px Arial, Helvetica, Garuda, sans-serif; color: #8f8180}
:focus {outline: 0}
img {border: none}
a {color: #8f8180; text-decoration: none}
a:hover, a.active {color: #91baa3}
h1 {font-size: 18px; border-bottom: 1px dashed #aba1a0}
h2 {font-size: 14px; margin-top:10px; margin-bottom:5px}
p {margin-top:8px; margin-bottom:5px}
ol {list-style-position: inside}
.d-none {display: none}
.wrapper {width: 992px; margin: 0 auto}
.mt-0 {margin-top: 0!important}
.mr-0 {margin-right: 0!important}
.mt-8 {margin-top: 8px!important}
.mb-8 {margin-bottom: 8px!important}
.mt-16 {margin-top: 16px}
.mb-16 {margin-bottom: 16px}
.mb-26 {margin-bottom: 26px}
.mb-30 {margin-bottom: 30px}
.w-28 {width: 28px}
.w-37 {width: 37px}
.w-41 {width: 41px}
.w-48 {width: 48px}
.w-65 {width: 65px}
.w-66 {width: 66px}
.w-78 {width: 78px}
.w-96 {width: 96px}
.w-124 {width: 124px}
.w-140 {width: 140px}
.w-156 {width: 156px}
.w-200 {width: 200px}
.w-250 {width: 250px}
.w-283 {width: 283px}
.w-362 {width: 362px}
.w-394 {width: 394px}
.italic {font-style: italic}
.center {text-align: center!important}
.ta-right {text-align: right}
.no-border {border: none!important}
.small {font-size: 10px}
/*.next-button {width: 149px; height: 36px; border: none; background: url('../images/next-button.jpg') no-repeat; font-size: 12px; color: #8f8180; padding-left: 30px; cursor: pointer}*/
.next-button {width: 189px; height: 36px; border: none; background: url('../images/complete-button.jpg') no-repeat; font-size: 12px; color: #8f8180; padding-left: 30px; cursor: pointer}
.complete-button {width: 178px; height: 36px; border: none; background: url('../images/complete-button.jpg') no-repeat; font-size: 12px; color: #8f8180; padding-left: 46px; cursor: pointer}
.prev-button {width: 149px; height: 34px; border: none; background: url('../images/prev-button.jpg') no-repeat; font-size: 12px; color: #8f8180; padding-left: 46px; cursor: pointer; float: left}
.ribbon-button {width: 158px; height: 35px; border: none; background: url('../images/ribbon-button.jpg') no-repeat; font-size: 12px; color: #8f8180; padding-left: 44px; cursor: pointer}
button.ribbon-button {position: relative; top: 10px}
.round-button {height: 18px; display: inline-block}
.round-button span {display: inline-block; float: left; height: 18px}
.round-button .rb-left {width: 5px; background: url('../images/rb-left.gif') no-repeat}
.round-button .rb-right {width: 5px; background: url('../images/rb-right.gif') no-repeat}
.round-button .rb-text {padding: 0 10px; line-height: 18px; background: #c8ddd1}
.fl-right {float: right}
.red {color: #ee66b0}
.left {float: left}
.right {float: right}
.clear {clear: both} 
.fs-16 {font-size: 16px; margin-bottom:4px}
.fs-14 {font-size: 14px}
.fs-12 {font-size: 12px}
.fw-normal {font-weight: normal}
.text-ul {margin-left: 16px}
.border-div {height: 1px; border-bottom: 1px dashed #aba1a0}

/* ---Header--- */
/* ------------ */
.header {height: 107px; padding: 10px 0 0 5px; overflow: hidden}
.logo {position: relative; display: inline-block; float: left; width: 410px}
.logo span {position: absolute; top: -10000px}
.top-menu-login-container {display: inline-block; float: left; width: 577px}
.top-menu {padding-top: 13px; text-align: right; margin: 0 105px 3px 0}
.login {padding-right: 11px}
.login p {text-align: right; padding-bottom: 3px}
#login-email, #login-p-password, #login-password, #special-offers-fl-name, #special-offers-email {width: 125px; height: 18px; border: none; background: #c8ddd1; color: #8f8180; padding: 0 6px; font: 12px Arial, Helvetica, Garuda, sans-serif}
#login-password, #login-p-password, #special-offers-email {width: 91px}
.login-submit, .special-offers-submit {height: 18px; border: none; background: #8f8180; color: white; font-size: 10px; padding-bottom: 2px; margin-left: 2px; cursor: pointer; width: 32px; position: relative; top: -1px}

/* ---Main menu--- */
/* --------------- */
.main-menu, .main-menu-member {border-top: 1px dashed #aba1a0; border-bottom: 1px dashed #aba1a0; list-style: none; overflow: hidden; padding:6px 8px 2px; margin-bottom: 22px}
.main-menu li {margin-right: 72px; float: left}
.main-menu-member li {margin-right: 54px; float: left}
.main-menu li:last-child, .main-menu-member li:last-child {margin-right: 0}
.main-menu a, .main-menu-member a {font-size: 14px; text-transform: uppercase; /*visibility: hidden*/}
.main-menu object {position: relative; top: 2px}

/* ---Content--- */
/* ------------- */
.content {/*overflow: hidden;*/ border-bottom: 1px dashed #aba1a0; margin-bottom: 20px}
.content-left {display: inline-block; float: left; width: 200px; padding-right: 6px}
.content-right {display: inline-block; float: left; width: 786px}

/* ---Content Left--- */
/* ------------------ */
.sidebar-menu {list-style: none; line-height: 24px; font-size: 14px; margin-bottom: 80px}
.special-offers, .special-offers-graphic, .blog-graphic {margin-bottom: 15px}
.special-offers p {padding-bottom: 3px}

/* ---Content Right--- */
/* ------------------- */
.big-category-tiles, .small-category-tile, .middle-category-tile {overflow: hidden; margin-bottom: 10px}
.big-category-left {display: inline-block; width: 385px; float: left; margin-right: 13px}
.big-category-right {display: inline-block; width: 385px; float: left}
.small-category-tile, .middle-category-tile {list-style: none}
.small-category-tile { margin: 15px 0 0 0 }
.small-category-tile li, .middle-category-tile li {float: left; margin-right: 13px}
.small-category-tile li:last-child, .middle-category-tile li:last-child {margin-right: 0}
.middle-category-tile {padding-bottom: 5px; border-bottom: 1px dashed #aba1a0}
.highlight-banner {padding-bottom: 10px}

/* ---Footer--- */
/* ------------ */
.footer {position: relative}
.footer ul {list-style: none; overflow: hidden; padding-bottom: 40px}
.footer ul li {display: inline-block; float: left; width: 16.6%}
.footer ul li p {color: #f399cb}
.footer .bottom-menu {position: absolute; left: 0; bottom: 20px; white-space: nowrap}
.footer .share {position: absolute; left: 0; bottom: 45px}
.footer .nbcf {position: absolute; left: 382px; bottom: 9px}
.footer .abia {position: absolute; left: 575px; bottom: 0}

/* ---Path--- */
/* ---------- */
.path {font-size: 13px; margin-bottom: 15px}
.path span {color: #ee66b0}

/* ---Catalog--- */
/* ------------- */
.catalog {font-size: 14px}
.category-items {margin: 20px 0; border-bottom: 1px dashed #aba1a0; padding-bottom: 10px; font-size: 12px}
.category-items ul {overflow: hidden; list-style: none; margin-bottom: 10px}
.category-items li {float: left; width: 170px; margin-right: 34px; text-align: center}
.category-items li:last-child {margin-right: 0}
.category-items.center {padding-bottom: 0}
.category-items.center li {display: inline-block; float: none; margin-right: 30px; margin-bottom: 16px}
.category-items.center li:last-child {margin-right: 0}

.category-items a img{border:1px #adccbb solid;}
.category-items a span.more_pr{ color:#EE66B0;}
.category-items a:hover span.more_pr{ color:#c2538f}


/* ---Order Calculator--- */
/* ---------------------- */
.more-info {display: inline-block; overflow: hidden; margin-top: 3px}
.more-info span {display: inline-block; float: left; height: 18px; white-space: nowrap}
.more-info span.more-left {width: 4px; overflow: hidden; background: url('../images/more-left.gif') no-repeat}
.more-info span.more-right {width: 4px; overflow: hidden; background: url('../images/more-right.gif') no-repeat}
.more-info span.more-text {line-height: 18px; background: #c8ddd1; padding: 0 13px}
.colors {list-style: none; display: inline-block; margin: 20px 0; font-size: 12px; overflow: hidden}
.colors li {float: left; margin-right: 17px; text-align: center}
.colors li:last-child {margin-right: 0}
.colors span {display: inline-block; width: 42px; height: 42px}
.colors span.golden {background: #e8ce79}
.colors span.pink {background: #ee8cb1}
.colors span.green {background: #03a89c}
.colors span.red {background: #ec1c24}
.colors span.blue {background: #2e378f}
.order-calculator {/*overflow: hidden;*/ background: url('../images/center-border.gif') center top repeat-y}
.order-calculator-left {display: inline-block; float: left; width: 388px}
.order-calculator-right {display: inline-block; float: right; width: 388px}
.order-calculator table {width: 100%; margin-top: 7px; padding-bottom: 7px; border-bottom: 1px dashed #aba1a0}
.order-calculator table td {padding-bottom: 7px}
.order-calculator table thead td {color: #ee66b0}
.order-calculator input.qty {width: 28px; height: 17px; background: url('../images/qty-input.gif') no-repeat; border: none; text-align: center; padding-top: 1px}
.order-calculator a {color: #ee66b0}
.total {overflow: hidden; font-weight: bold; padding: 15px 0; border-bottom: 1px dashed #aba1a0}
.total-title {display: inline-block; float: left; width: 283px}
.total-price {display: inline-block; float: right; width: 105px; text-align: right}
.next-button-layer {text-align: right; padding: 15px 0}

/* ---Member's Login--- */
/* -------------------- */
.help-message {padding: 16px 0; text-align: center; color: #ee66b0; border-bottom: 1px dashed #aba1a0}
.centered-p {width: 660px; margin: 0 auto; text-align: center}
.new-customer {line-height: 20px; border-bottom: 1px dashed #aba1a0}
.member {line-height: 20px; border-bottom: 1px dashed #aba1a0}
.member-login-form {margin: 0 auto; width: 410px; overflow: hidden; padding-bottom: 20px}
.member-login-left {display: inline-block; float: left; width: 158px; padding-left: 50px; clear: both; margin-bottom: 6px}
.member-login-right {display: inline-block; float: left; width: 202px; margin-bottom: 6px}
.round-input {width: 201px; height: 18px; background: url('../images/round-input.png') no-repeat}
.round-input input {width: 185px; height: 18px; border: none; background: none; padding: 0 8px}
.round-input-phone-code {width: 58px; height: 18px; background: url('../images/round-input-phone-code.png') no-repeat; margin-right:5px}
.round-input-phone-code input {width: 42px; height: 18px; border: none; background: none; padding: 0 8px}
.round-input-phone {width: 138px; height: 18px; background: url('../images/round-input-phone.png') no-repeat}
.round-input-phone input {width: 120px; height: 18px; border: none; background: none; padding: 0 8px}
.member-form-button-layer {clear: both}

/* ---Address--- */
/* ------------- */
.address-layer {line-height: 20px}
.address-form {border-bottom: 1px dashed #aba1a0}
.address-form-left {display: inline-block; float: left; width: 372px; clear: left; text-align: right; margin-bottom: 6px}
.address-form-right {display: inline-block; float: right; width: 400px; margin-bottom: 6px}
.address-radio-buttons input {margin-right: 3px}
.newsletter input {margin: 0 5px 0 12px}
.address-radio-buttons label {margin-right: 22px}
.address-additional {border-bottom: 1px dashed #aba1a0}
#address-hear {width: 200px; height: 18px; border: none; background: none}

/* ---Check Out--- */
/* --------------- */
.check-out-layer {line-height: 30px; border-bottom: 1px dashed #aba1a0; padding-bottom: 50px}
.check-out-as {padding-bottom: 16px}
.check-out-as input {margin-right: 14px}
.check-out-form {overflow: hidden; border-bottom: 1px dashed #aba1a0;}
.check-out-form-left {display: inline-block; float: left; width: 372px; clear: both; text-align: right; margin-bottom: 6px}
.check-out-form-right {display: inline-block; float: right; width: 400px; margin-bottom: 6px}
.check-out-form .help-message {clear: both}
.payment-options {overflow: hidden; line-height: 20px}
.payment-options-left {display: inline-block; float: left; width: 276px; clear: both; text-align: right; margin-bottom: 6px}
.payment-options-right {display: inline-block; float: right; width: 500px; margin-bottom: 6px}
.credit-card-label {position: relative; top: -8px; margin-right: 12px}

/* ---Text Page--- */
/* --------------- */
.text-block {font-size: 14px; padding: 16px 0}
.text-block h2 {font-size: 16px}
.text-block p {margin-bottom: 12px; line-height: 16px}

/* ---Contact Us--- */
/* ---------------- */
.contact-form {border-bottom: 1px dashed #aba1a0; line-height:20px;}
.contact-form-left {display: inline-block; float: left; width: 372px; clear: left; text-align: right; margin-bottom: 6px}
.contact-form-right {display: inline-block; float: right; width: 400px; margin-bottom: 6px}
#contact-hear {width: 200px; height: 18px; border: none; background: none}
.round-textarea {width: 201px; height: 74px; background: url('../images/round-textarea.png') no-repeat}
.round-textarea textarea {width: 185px; height: 74px; border: none; background: none; padding: 0 8px}
.contact-radio-buttons label {margin-right: 22px}
.contact-radio-buttons input {margin-right: 3px}
.contact-additional {border-bottom: 1px dashed #aba1a0; padding: 16px 0 8px}

/* ---Login--- */
/* ----------- */
.login-menu {list-style: none; border-bottom: 1px dashed #aba1a0; font-size: 14px; line-height: 20px; margin-bottom: 16px}
.login-menu h3 {font-size: 14px; color: #ee66b0}
.login-menu p {margin-bottom: 8px}
.login-menu li {margin-bottom: 16px}
.username {margin-bottom: 28px; font-size: 16px}

/* ---Personalise--- */
/* ----------------- */
.selected-products {list-style: none; display: inline-block; margin: 15px auto 15px auto; overflow: hidden}
.selected-products li {float: left; overflow: hidden; text-align: center; /*padding:0 7px 0 7px; width: 126px;*/ }
.selected-products li.sp-active a {background: #f9cce5; padding-left:7px; padding-right: 7px;}

.selected-products a {display: block; padding-top: 8px;padding-left:7px; padding-right: 7px;}
.selected-products a .sp-number {display: inline-block; overflow: hidden; margin-bottom: 4px; height: 18px; line-height: 18px; background: #c8ddd1; padding: 0 8px}
.selected-products a .sp-image, .selected-products a .sp-title {display: block; text-align: center}
.sp-image img{border:1px #adcbba solid}
.pers-left {display: inline-block; float: left; width: 472px; margin-bottom: 26px}
.pers-left-no-marg {display: inline-block; float: left; width: 472px}
/*.product_sides{ height:160px; }*/
.pers-right {display: inline-block; float: right; width: 495px; overflow: hidden; margin-bottom: 26px}

.product-pages {list-style: none; margin-bottom: 15px; overflow: hidden; display: inline-block}
.product-pages li {float: left;}
.product-pages li.pp-active a {background: #f9cce5}
.product-pages a {display: block; padding-top: 8px; text-align: center}
.product-pages li a img{ border: 1px solid #ADCBBA;border-right: none;}
.product-pages li a img.last-child{border-right: 1px solid #ADCBBA}

.zoom {font-size: 14px; font-weight: bold}
.zoom span {display: inline-block; width: 26px; height: 18px; background: url('../images/zoom-back.gif') no-repeat; text-align: center; font-weight: normal}
.pers-right-block, .pers-left-block {display: inline-block; float: left; width: 228px; margin-bottom: 16px}
.pers-left-block {margin-right: 32px}
.pers-input {width: 218px; height: 22px; border: 1px solid #b3b3b3; padding: 4px 2px 0}
.pers-textarea {width: 218px; height: 130px; border: 1px solid #b3b3b3; padding: 4px 2px 0}

.pers-small-left {display: inline-block; float: left; width: 112px}
.pers-small-right {display: inline-block; float: right; width: 98px}
.select-font {width: 180px}
.select-colour {width: 112px}
.select-size {width: 94px}
.color-block {width: 80px; height: 20px; border: 1px solid black; margin-top: 10px}
.uppload-button {width: 138px; height: 19px; background: url('../images/upload-button.gif') no-repeat; border: none; padding-right: 20px; cursor: pointer}
.uppload-file {margin-bottom: 8px}
.pers-buttons {margin-bottom: 16px; overflow: hidden; position: relative}
.pers-buttons .next-button, .pers-buttons .complete-button {float: right}
.pers-buttons .prev-button {float: left}
.photo-changer {position: relative; margin: 0 auto}
.photo-changer .ico-left-top {display: block; width: 16px; height: 16px; background: url('../images/zoom-left-top-ico.png') no-repeat; position: absolute; top: 0; left: 0}
.photo-changer .ico-right-top {display: block; width: 16px; height: 16px; background: url('../images/zoom-right-top-ico.png') no-repeat; position: absolute; top: 0; right: 0}
.photo-changer .ico-left-bottom {display: block; width: 16px; height: 16px; background: url('../images/zoom-left-bottom-ico.png') no-repeat; position: absolute; bottom: 0; left: 0}
.photo-changer .ico-right-bottom {display: block; width: 16px; height: 16px; background: url('../images/zoom-right-bottom-ico.png') no-repeat; position: absolute; bottom: 0; right: 0}
.photo-changer .ico-top {display: block; width: 21px; height: 18px; background: url('../images/zoom-top.png') no-repeat; position: absolute; top: 0}
.photo-changer .ico-bottom {display: block; width: 21px; height: 18px; background: url('../images/zoom-bottom.png') no-repeat; position: absolute; bottom: 0}
.photo-changer .ico-left {display: block; width: 18px; height: 22px; background: url('../images/zoom-left.png') no-repeat; position: absolute; left: 0}
.photo-changer .ico-right {display: block; width: 18px; height: 22px; background: url('../images/zoom-right.png') no-repeat; position: absolute; right: 0}
.photo-changer .ico-zoom-in {display: block; width: 19px; height: 19px; background: url('../images/zoom-in-ico.png') no-repeat; position: absolute; top: 0; left: -30px}
.photo-changer .ico-zoom-out {display: block; width: 19px; height: 17px; background: url('../images/zoom-out-ico.png') no-repeat; position: absolute; bottom: 0; left: -30px}
.pers-button-text {position: absolute; top: 0; left: 150px; width: 688px; text-align: right}
.proof-left, .proof-right {display: inline-block; width: 470px; text-align: center; font-size: 14px}
.proof-left img, .proof-right img{ border:1px #adcbba solid}
.proof-left {float: left}
.proof-right {float: right}
.borders-dashed {padding: 8px 0; border-top: 1px dashed #aba1a0; border-bottom: 1px dashed #aba1a0; text-align: center}

/* ---Shopping Basket--- */
/* --------------------- */
.cart-table {width: 100%; margin-top: 18px}
.cart-table td {padding: 7px 0}
.cart-table thead td {color: #ee66b0; padding-top: 0}
.cart-table input.qty {width: 28px; height: 17px; background: url('../images/qty-input.gif') no-repeat; border: none; text-align: center; padding-top: 1px}
.cart-table a {color: #ee66b0}
.cart-table tbody td {border-bottom: 1px dashed #aba1a0}
.cart-table td.right-b {border-right: 1px dashed #aba1a0!important}
.promo-total {overflow: hidden; width: 280px; float: right}
.pt-block {overflow: hidden; border-bottom: 1px dashed #aba1a0; padding: 8px 0}
.pt-left {display: inline-block; float: left; width: 210px}
.pt-right {display: inline-block; float: right; width: 70px; text-align: right}
.promo-code {width: 85px; height: 18px; background: url('../images/promo-background.gif') no-repeat; margin-left: 16px; border: none; padding: 1px 3px 0 3px}
#comments {width: 272px; height: 92px; border: none; background: #c8ddd1; padding: 4px}
.basket-buttons {margin: 16px 0}
.basket-buttons input, .basket-buttons button {margin-right: 28px}
.btn_continue_shopping{background:url('/images/btn_continue_shopping.gif');width:158px;height:35px;border:0;cursor:pointer}

/* ---Selects customization--- */
/* --------------------------- */
.elSelect {position: relative; height: 18px}
.elSelect .selectedOption {background: url('../images/select-arrow.gif') right center no-repeat; padding: 0 24px 0 8px; height: 18px}
.elSelect .optionsContainer {background: white; display: none; border: 1px solid #c8ddd1; position: absolute}
.elSelect .optionsContainer .option {background: white; cursor: pointer; padding: 0 8px}
.elSelect .optionsContainer .option.selected {background: #c8ddd1}


/**************** Tooltips ******/
a.help span {
    position: relative;
    font-size: 100%;
    font-weight: normal;
    text-align: left;
}


a.help span span {
    display: block;
    position: absolute;
    visibility: hidden;
    top: 2em;
    left: -0.5em;
    padding: .2em .5em;
    width: 20em;
    background: #eeecef;
    border: solid #c8ddd1 1px;
    color: #000;
    z-index: 999;
}


a.help:hover span span {
    visibility: visible;
}

a.help{
    color: #ef0a9c;
    cursor: help;
    text-decoration: none;
    font-weight: normal;
}

a.help:hover {
    background-color: #efebed;
    color: #ef0a9c;
    text-decoration: none;
    font-weight: normal;
}
/**************** End of Tooltips ******/

.main-menu li.last {
	margin-right: 0!important
}
.small-category-tile li.last,
.middle-category-tile li.last {
	margin-right: 0!important
}
.category-items li.last {
	margin-right: 0!important
}
.category-items.center li.last {
	margin-right: 0!important
}
.colors li.last {
	margin-right: 0!important
}


/*-------------------- social icon	----------------------*/
#social_icons {
	width:160px; 
	float:left;
	margin-left:260px;
}

#social_icons a.facebook {
	background: url('../images/fb_icon.gif') left center no-repeat; 
	padding: 3px 0 0 30px; 
	height: 17px;
	display:block;
	margin-bottom:10px;
}

#social_icons a.twitter {
	background: url('../images/twitter_icon.gif') left center no-repeat; 
	padding: 3px 0 0 30px; 
	height: 17px;
	display:block;
}

.product_delivery_info {
	font: 12px Arial,Helvetica,Garuda,sans-serif;
	color:#8F8180;
	margin-bottom:10px;
}

/**************** Tooltips ******/
#sampleInfo {
    position: relative;
    font-size: 100%;
    font-weight: normal;
    text-align: left;
    visibility: hidden;
}


#sampleInfo span {
    display: block;
    position: absolute;
    top: -2em;
    left: 8.5em;
    padding: .2em .5em;
    width: 20em;
    background: #eeecef;
    border: solid #c8ddd1 1px;
    color: #000;
    z-index: 999;
}