html {background: url(/site/the_hair_chemist/images/footer_bg.jpg) left bottom repeat-x;}
/*body {margin:0; padding:0; font-size:100%; background:url(images/top-gradient.jpg) left top repeat-x}*/
body {margin:0; padding:0; font-size:100%; background:#fff}
#div__title {display:none}
#div__label {display:none}
/*#outerwrapper {width:960px; height:auto; margin:0 auto;}*/
form {padding: 0; margin: 0;}
th, td {padding: 0;}
table tbody td {padding:0; background:none}
form {margin:0; padding:0}
/* bootstrap overwrite */
.container {width: auto; max-width:1030px !important;}
.row {margin:0; padding:0}
.nav-justified > li {width:333px}
.nav-justified > li > a {border-top: 0px; border-bottom: 0px; border-left:0px; border-right: 1px solid #8172a7; background: url(images/nav-tab-off-bg.jpg) left repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight: normal; color:#556472; text-transform: uppercase; border-radius:0}
.nav-justified > li > a:hover {color:#556472; background: url(images/nav-tab-on-bg.jpg) left repeat-x; text-shadow:1px 1px 1px #999}
.nav-justified > li.active > a {color:#dedae8; background: url(images/nav-tab-on-bg.jpg) left repeat-x; text-shadow:1px 1px 1px #999}
.nav-justified > li.active > a:hover {color:#556472; background: url(images/nav-tab-on-bg.jpg) left repeat-x; text-shadow:1px 1px 1px #999}
.nav-justified > li.dropdown > a {color:#556472; background: url(images/nav-tab-off-bg.jpg) left repeat-x; border-top: 0px; border-bottom: 0px; border-right: 1px solid #dedae8;}
.nav-justified > li.dropdown > a:hover {color:#8172a7; background: url(images/nav-tab-on-bg.jpg) left repeat-x; border-top: 0px; border-bottom: 0px; border-right: 1px solid #dedae8;}
#first-nav-tab {-webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; -o-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px}
#last-nav-tab {
-webkit-border-radius: 0 10px 10px 0;
-moz-border-radius: 0 10px 10px 0;
-o-border-radius: 0 10px 10px 0;
-ms-border-radius: 0 10px 10px 0;
border-radius: 0 10px 10px 0;
border-right:0px;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0px;
z-index: 10000;
display: none;
float: left;
width: 333px;
padding: 0px;
margin: 2px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#535353;
text-transform:uppercase;
list-style: none outside none;
background-color: #f2f6eb;
border: 1px solid #b9bdc8;
border-radius: 0px 0px 4px 4px;
box-shadow: none /*0px 6px 12px rgba(0, 0, 0, 0.176)*/;
background-clip: padding-box;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 10px 3px 20px;
clear: both;
font-weight: normal;
line-height: 26px;
color: #556472;
white-space: nowrap;
border-bottom:1px solid #b9bdc8;
}
.dropdown-menu > li > a:hover {
color: #dedae8;
text-shadow:1px 1px 1px #333;
background:#566472;
}
span.caret {position:absolute; top:19px; right: 15px}
@media (min-width: 900px) {
.col-md-10 {width: 85%;}
}
.img-responsive {max-width:100%}
/* -------------------------------------------------------------------------------------- */
/* -- bootstrap overwrite */
.caret-doi {
display:block;
float:right;
margin-right:10px;
margin-top:6px;
vertical-align: middle;
background: #039 url(images/sprites.png) -71px -128px no-repeat;
width:10px;
height:6px;
}
.no-padding {padding:0px;}
.no-margin {margin:0px;}
.margin-auto {margin:0 auto; text-align:center}
.margin-r-20 {margin-right:20px}
.margin-l-20 {margin-left:20px}
.no-padding-left {padding-left:0}
.no-padding-right {padding-right:0}
.padding-left-19 {padding-left:19px}
h4 {font-family:Arial, Helvetica, sans-serif; font-size:18px; line-height:20px; font-weight:bold; color:#556472; padding:10px 0 10px 0; margin:0; text-decoration:none; outline:none}
p {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; font-weight: normal; color:#556472; padding:2px 0 0 0; margin:0; text-decoration:none}
a:focus {outline: none}
img {border:0; outline: none}
.clear {clear:both; margin:0; padding:0; height:0px}
.height-7 {height:7px}
.height-10 {height:10px}
.height-16 {height:16px}
.height-20 {height:20px}
.height-40 {height:40px}
.height-164 {height:164px}
.grey-block {background:#333333; margin-bottom:10px}
.fleft {float:left}
.fright {float:right}
.nav-border-left {border-left:1px solid #bbbbbb;}
.logo {margin: 18px 0 0 18px; float:left}
.right-header {float:right}
.sign-in {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#556472; text-transform:uppercase; padding:13px 9px 6px 0; float:right; text-align:right}
.sign-in a {color:#556472;}
.phone {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#556472; text-transform:uppercase; padding:0 9px 0 0; float:right; text-align:right}
.cart-icon {background:url(images/cart-icon-png.png) left no-repeat; width:20px; height:15px; padding-left:20px; margin-left:5px}
.social-icons {float:left; padding-top:5px}
.fb-icon {float:left; margin-right:4px}
.fb-icon a {background:url(images/sprites.png) 0 0 no-repeat; width:33px; height:33px; display:block}
.tw-icon {float:left; margin-right:4px}
.tw-icon a {background:url(images/sprites.png) -34px 0 no-repeat; width:33px; height:33px; display:block}
.pint-icon {float:left; margin-right:4px}
.pint-icon a {background:url(images/sprites.png) -68px 0 no-repeat; width:33px; height:33px; display:block}
.inst-icon {float:left; margin-right:4px}
.inst-icon a {background:url(images/sprites.png) -102px 0 no-repeat; width:34px; height:33px; display:block}
.youtube-icon {float:left; margin-right:11px}
.youtube-icon a {background:url(images/sprites.png) -136px 0 no-repeat; width:32px; height:32px; display:block}
.social-icons-xs {float:left; padding-top:11px}
.fb-icon-xs {float:left; margin-right:4px}
.fb-icon-xs a {background:url(images/sprites.png) 0 -103px no-repeat; width:24px; height:24px; display:block}
.tw-icon-xs {float:left; margin-right:4px}
.tw-icon-xs a {background:url(images/sprites.png) -24px -103px no-repeat; width:24px; height:24px; display:block}
.pint-icon-xs {float:left; margin-right:4px}
.pint-icon-xs a {background:url(images/sprites.png) -48px -103px no-repeat; width:24px; height:24px; display:block}
.inst-icon-xs {float:left; margin-right:4px}
.inst-icon-xs a {background:url(images/sprites.png) -72px -103px no-repeat; width:24px; height:24px; display:block}
.hr-icon-xs {float:left; margin-right:4px}
.hr-icon-xs a {background:url(images/sprites.png) -97px -103px no-repeat; width:24px; height:24px; display:block}
.search {float:right; padding-top:10px}
.search-input {border:1px solid #b9bdc8; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px; background:#eceff6; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#535353; line-height:25px; width:140px; height:25px; padding:0 5px; margin:0 9px 0 0}
/* crumbs */
.crumbs {font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; font-weight:normal; color:#556472; line-height:36px;}
.crumbs a {color:#556472; line-height:20px; text-decoration:none}
.crumbs a:hover {color:#556472;}
a.crumb {color:#556472; line-height:20px; text-decoration:none; font-size:10px;}
a.crumbover {color: #556472; line-height:20px; text-decoration:none; font-size:10px;}
.leftside {font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; font-weight: bold; color:#b9bdc8; line-height:36px; width:14%; margin:0 10px 0 0; float:left}
.leftside ul {margin:0; padding:0; list-style-type:none;}
.leftside li a {color:#b9bdc8; line-height:28px; height:28px; display:block; text-decoration:none; border-bottom:2px solid #b9bdc8}
.leftside li a:hover {color:#556472; text-decoration:none}
/*-----------------------------------------------------------------------------------------*/
/* category - item list */
/*.category-container {float:left; width:85.6%}*/
.categ-img {border:0px solid #dddfde; width:100%}
.item-list-container {width:25%; border:1px solid #dddfde; float:left}
.item-list-img {margin:0 auto; padding:23px 0 0 0; text-align:center; width:90%;}
.item-list-img img {margin:0 auto; text-align:center;}
/*.item-list-img img {/ *width:95%; max-width:179px !important;* / height:90%; max-height:179px !important; margin:auto; text-align:center}*/
.item-list-details p {font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; font-weight: bold; color:#676767; text-align:center; margin:0; padding:7px 10px 0 10px; height:47px; line-height:14px}
.item-list-details p a {color:#556472}
.item-list-price p {font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; font-weight: bold; color:#556472; text-align:center; margin:0; padding:3px 10px 11px 10px; height:40px}
/*-----------------------------------------------------------------------------------------*/
.newsletter-cont {height:38px; background:#fff; margin:0 auto 15px auto}
.newsletter-center {margin:0 auto; width: 100%; max-width:430px !important; height:22px}
.newsletter-icon {background:url(images/sprites.png) -93px -34px no-repeat; width:57px; height:17px; float:left; margin:8px 5px 0 0}
.newsletter-form {float:left; margin:4px 0 0 0; padding:0}
.newsletter-input {width:155px; height:20px; float:left; line-height:20px; padding:0 8px; margin:2px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#556472; font-weight:normal; border:1px solid #f0ede6; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; border-radius:4px; box-shadow:-1px -1px -1px #928e85}
.newsletter-submit {height:20px; float:left; line-height:20px; padding:0 11px; margin:2px 8px 0 3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#b9bdc8; font-weight:bold; border:1px solid #eceff6; background:#eceff6; background:-moz-linear-gradient(to bottom, #eceff6, #fafafc, #f5f6fa);background:-o-linear-gradient(to bottom, #eceff6, #fafafc, #f5f6fa);background:-webkit-linear-gradient(to bottom, #eceff6, #fafafc, #f5f6fa);background:-ms-linear-gradient(to bottom, #eceff6, #fafafc, #f5f6fa); background:linear-gradient(to bottom, #eceff6, #fafafc, #f5f6fa); box-shadow:1px 1px 1px #eceff6}
.social-icons-sm {float:left; padding-top:6px}
.fb-icon-sm {float:left; margin-right:4px}
.fb-icon-sm a {background:url(images/sprites.png) 0 -34px no-repeat; width:22px; height:22px; display:block}
.tw-icon-sm {float:left; margin-right:4px}
.tw-icon-sm a {background:url(images/sprites.png) -23px -34px no-repeat; width:22px; height:22px; display:block}
.pint-icon-sm {float:left; margin-right:4px}
.pint-icon-sm a {background:url(images/sprites.png) -46px -34px no-repeat; width:22px; height:22px; display:block}
.inst-icon-sm {float:left; margin-right:4px}
.inst-icon-sm a {background:url(images/sprites.png) -69px -34px no-repeat; width:22px; height:22px; display:block}
.banners {padding: 0 10px}
.banner-1 a {background:url(images/banners-sprites.jpg) 0 0 no-repeat; width:311px; height:162px; display:block}
.banner-2 a {background:url(images/banners-sprites.jpg) 0 -163px no-repeat; width:311px; height:162px; display:block}
.banner-3 a {background:url(images/banners-sprites.jpg) 0 -326px no-repeat; width:311px; height:162px; display:block}
.banners img {width:100%}
.footer {height:29px; background:#eceff6}
.footer-links {margin:0 auto; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#566472; text-transform:uppercase; line-height:29px; width: 740px}
.footer-links span {float:left; padding:0 10px; display:block}
.footer-links a {float:left; display:block; height:29px; text-decoration:none; color:#566472}
.cart-xs {float:right; margin:13px 0 8px 0; padding-left:15px; border-left:1px solid #566472; width:45px; height:37px; display: none; position:relative}
.cart-xs > a {background:url(images/sprites.png) 0 -128px no-repeat; width:26px; height:19px; display:block; margin:9px 0 0 0}
.slider-for-xs, .slider-for-xs-spacer {display:none}
.navbar-mobile-toggle {float:left; margin:13px 0 8px 0; padding:0; width:45px; height:37px; border-right:1px solid #556472}
.navbar-mobile-toggle a {margin:7px 0 0 0; padding:0; display:block}
.sort-by {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000; font-weight:normal; text-transform:uppercase; background:#f1f1f1; border:1px solid #e6e6e6; width:90px; height:25px}
/*--------------------------------------------------------------*/
/* CART page styles */
.drill-left {float:left; width:55%;}
.drill-left h3 {color:#000; font-size:16px; font-weight:normal; text-transform:uppercase; text-decoration:none; margin:0; padding:8px 0 8px 0; line-height:16px}
.drill-right {float:left; width:45%; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#556472; background:none; text-align:left;}
.drill-right h2 {font-size:16px; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0; padding:0 0 0 19px; line-height:16px}
.drill-right h3 {color:#000; font-size:13px; font-weight:normal; text-transform:uppercase; text-decoration:none; margin:0; padding:8px 0 8px 0; line-height:16px}
.drill-right h4 {color:#000; font-size:13px; font-weight:normal; text-transform:uppercase; text-decoration:none; margin:0; padding:8px 0 8px 19px; line-height:16px}
.drill-right p {font-size:11px; font-weight:normal; text-decoration:none; color:#000; margin:0; padding:0; line-height:16px}
#item-no {text-transform:uppercase; font-weight:bold; color:#556472; margin:0; padding:0 0 0 19px; font-size:10px}
#item-price {text-transform:uppercase; font-weight:bold; color:#556472; margin:0; padding:7px 0 10px 19px; font-size:16px}
#have-q {font-size:12px; text-transform:uppercase; color:#556472; padding:5px 0 3px 19px}
#have-q a {color:#556472; text-decoration:none}
.qty-container {padding-left:19px}
.qty-label {background:#f1f1f1; float:left; line-height:19px; padding:0 8px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
input.qty {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-left:0px; text-align:center; width:43px; height:21px; margin:0; padding:0}
.qty input {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-left:0px; text-align:center; width:43px; height:21px; margin:0; padding:0}
#qty {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-left:0px; text-align:center; width:43px; height:21px; margin:0; padding:0}
.add-to-cart {padding:0 6px 0 17px; float:left;}
.add-to-cart .add-btn {background:#556472; border:2px solid #556472; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; font-weight:bold; font-style:italic; line-height:36px; text-align:center; width:194px; height:36px}
.padding-top-0 {padding-top:3px}
/* drill acordion css*/
.drill-accordion {padding:0 0 0 19px}
.drill-accordion .drill-acc-default {border-top:1px solid #000;}
.drill-accordion .drill-acc-default:last-child {border-bottom:1px solid #000;}
.drill-accordion .drill-acc-default div:last-child {display:none}
.drill-accordion .drill-acc-default p {padding:0 0 10px 0;}
.drill-accordion .heading a {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; text-transform:uppercase; font-weight:normal; text-decoration:none; width:100%; height:28px; line-height:28px; display:block; background:url(images/plus-sign.jpg) right no-repeat;}
.drill-accordion .heading a.selected-drill-acc {background:url(images/minus-sign.jpg) right no-repeat;}
/* --drill acordion css*/
.all-related-items {margin:0 0 0 0}
.related-item-container {width:33.2%; float:left; border:1px solid #e3e5e4}
.related-item-image {text-align:center; margin:0 auto; width:90%; padding:20px 0 4px 0}
.related-item-title {text-align:center; text-transform: uppercase; font-size:10px; height:45px}
.related-item-title a {color:#676767}
.related-item-price {text-align:center; font-size:10px; padding:0 0 7px 0}
.all-recent-items {margin:0 0 0 19px}
.recent-viewed-container {width:33.2%; float:left; border:1px solid #e3e5e4}
.recent-image {text-align:center; margin:0 auto; width:90%; padding:20px 0 4px 0}
.recent-title {text-align:center; text-transform: capitalize; font-size:10px; height:45px}
.recent-title a {color:#676767}
.recent-price {text-align:center; font-size:10px; padding:0 0 7px 0}
.item-colors {width:100%; padding:0 0 0 19px;}
.item-colors p {text-transform:uppercase; font-weight: normal; color:#000; margin:0; padding:0 0 3px 0; font-size:10px}
.item-colors div {float:left; margin:0 7px 0 0; width:47px; height:13px;}
.item-colors div a:hover {border:1px solid #a7a7a7}
.item-colors div a:active {border:1px solid #a7a7a7}
.item-colors div a#color-one {display:block; background:#b9bdc8; width:47px; height:13px;}
.item-colors div a#color-two {display:block; background:#a6aab4; width:47px; height:13px;}
.item-colors div a#color-three {display:block; background:#9497a0; width:47px; height:13px;}
/* --CART page styles */
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* SHADES page styles */
.shades-spacer-left {width:1%; height:auto; min-height:300px !important; max-height:413px !important; float:left}
.shades-spacer {width:2%; height:auto; min-height:300px !important; max-height:413px !important; float:left}
.try-it-on {width:27.6%; height:413px; border:1px solid #b0b0b0; float:left}
.try-it-on .header {background:url(images/blue-bg.png) left repeat-x; height:40px}
.try-it-on .header h3 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-shadow:1px 1px 1px #999; font-size:17px; color:#FFF; margin:0; padding:0 0 0 12px; line-height:40px;}
.shades-container {width:100%; height:330px; overflow-y: scroll}
.shades-cell {width:39px; height:39px; margin: 4px 3px 4px 7px; float:left}
.selected-shades h3 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:17px; color:#535353; margin:0 0 0 10px; padding:0}
.selected-shades p {font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; font-size:12px; color:#535353; margin:0 0 0 10px; padding:0}
.show-shade-border {border:2px solid #3F6; -moz-border-radius:22px; -o-border-radius:22px; -webkit-border-radius:22px; -ms-border-radius:22px; border-radius:22px}
.skin-tone-container {width:35.8%; height:auto; max-height:413px !important; border:1px solid #b0b0b0; float:left; position:relative}
.skin-tone-changer {
width:100%; height:33px; background:#eceff6; position:absolute; bottom:0; left:0;
background: -webkit-linear-gradient(to right,rgba(239,233,225,0.9),rgba(230,219,212,0.9)); /*Safari 5.1-6*/
background: -o-linear-gradient(to right,rgba(239,233,225,0.9),rgba(230,219,212,0.9)); /*Opera 11.1-12*/
background: -moz-linear-gradient(to right,rgba(239,233,225,0.9),rgba(230,219,212,0.9)); /*Fx 3.6-15*/
background: linear-gradient(to right, rgba(239,233,225,0.9),rgba(230,219,212,0.9)); /*Standard*/
}
.skin-tone-changer p {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#504e4e; font-weight:normal; text-transform:uppercase; line-height:33px; margin:0; padding:1px 9px 0 26px; float:left}
.skin-tone-changer .skin-tone {float:left; line-height:33px; padding:0 4px 0 0;}
.shades-right {float:left; width:30%; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#000; background:none; text-align:left;}
.shades-right h2 {font-size:16px; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0; padding:0 0 0 0; line-height:16px}
.shades-right h3 {font-size:14px; font-weight:normal; text-transform:uppercase; text-decoration:none; margin:0; padding:20px 0 10px 0; line-height:14px;}
.shades-right p {font-size:11px; font-weight:normal; text-decoration:none; color:#000; margin:0; padding:0; line-height:16px}
.shades-right #item-no {text-transform:uppercase; font-weight:bold; color:#000; margin:0; padding:0 0 0 0; font-size:10px}
.shades-right #item-price {text-transform:uppercase; font-weight:bold; color:#000; margin:0; padding:7px 0 7px 0; font-size:16px}
.shades-right #have-q {font-size:12px; text-transform:uppercase; color:#556472; padding:5px 0 3px 0}
.shades-right #have-q a {color:#556472; text-decoration:none}
.shades-right .qty-container {padding-left:0}
.shades-right .qty-label {background:#f1f1f1; float:left; line-height:19px; padding:0 8px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
.shades-right input.qty {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-left:0px; text-align:center; width:43px; height:21px; margin:0; padding:0}
.shades-right .qty input {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-left:0px; text-align:center; width:43px; height:21px; margin:0; padding:0}
.shades-right .add-to-cart {padding:0 6px 0 0; float:left; width:65%}
.shades-right .add-to-cart .add-btn {background:#556472; border:2px solid #dcdedd; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; font-weight:bold; font-style:italic; line-height:36px; text-align:center; text-shadow:1px 1px 1px #6c244e; width:99%; height:36px}
.shades-right .ssl {padding:0; float:left; width:35%}
.shades-right .ssl img {width:100%; max-width:90px !important}
.shades-right .padding-top-0 {padding-top:3px}
.shades-description p {font-size:12px; padding:0 0 10px 0}
.shades-cart-details {float:left;width:68%}
.shades-right .fright {width:32%}
.shades-content-slogan h2 {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#535353; font-weight:normal; text-transform:uppercase; text-align:center; margin:0; padding:22px 0;}
.shades-content-slogan h2 span {padding:0 6px}
.shades-banner-left img {margin:0 auto 10px auto; width:100%; max-width:465px !important;}
.shades-banner-right img {margin:0 auto; width:100%; max-width:465px !important;}
.skin-tone-small-img {border:1px solid red}
.skin-tone-container > .skin_tone_big_img > img {width:100%}
/* --SHADES page styles */
/*--------------------------------------------------------------*/
.mini-cart {width:333px; height:356px; position:absolute; top:auto; left:auto; border:1px solid #b9bdc8; margin:0 0 0 0; padding:0; overflow-y: scroll; overflow-x: hidden; background:#FFF; z-index:10000; display: none;}
.mini-cart h2 {font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#556472; text-align:center; text-transform:uppercase; border-bottom:1px solid #556472; margin:0 0 0 15px; padding:11px 0}
.mini-cart .item-details {margin:10px 0 10px 15px; height:auto; min-height:92px !important; border-bottom:1px solid #556472}
.mini-cart .item-details .img {float:left; margin:0 8px 0 0; width:72px; text-align:center}
.mini-cart .item-details .img img {/*width:100%; max-width:72px !important;*/ height: auto; /*max-height:72px !important;*/ width: 72px; text-align:center}
.mini-cart .item-details .txt {float:left; width:100%; max-width:172px;}
.mini-cart .item-details h4 {font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; font-weight:bold; color:#556472; text-align:left; text-transform:uppercase; margin:0; padding:0 0 7px 0}
.mini-cart .item-details p {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#556472; text-align:left; margin:0; padding:0 0 3px 0}
.mini-cart .item-details .qty-container {padding:0}
.mini-cart .item-details .qty-label {background:#f1f1f1; float:left; line-height:14px; padding:0 6px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; font-size:9px}
.mini-cart .item-details input.qty {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-left:0px; text-align:center; width:35px; height:16px; margin:0; padding:0}
.mini-cart .item-details .qty input {border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-left:0px; text-align:center; width:35px; height:16px; margin:0; padding:0}
.mini-cart .item-details a {color:#556472; text-decoration:none}
.mini-cart .subtotal {float:right; margin:0 33px 0 0}
.mini-cart .subtotal p {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#556472; text-align:left; text-transform:uppercase; margin:0; padding:0 0 3px 0}
.mini-cart .free-shipping h4 {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#556472; text-align:center; text-transform:uppercase; margin:0; padding:3px 0}
.mini-cart .chk-btn {background:#556472; border:2px solid #9da17e; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; font-weight:bold; font-style:italic; line-height:34px; text-align:center; width:248px; height:36px; margin:0 0 10px 0; padding:0 3px 0 0}
#subtotal-txt {width:67px; float:left; text-align:left}
#subtotal-sum {width:73px; float:left; text-align:right; font-weight:bold}
.container-mobile-class {
width:100%;
position:fixed;
left:10px;
height:100%;
display:block;
}
.ns-page .ns-image {width:100%; clear:both; padding-bottom:50px}
.ns-page .ns-image img {width:100%}
.ns-page .ns-left {float:left; width:30%}
.ns-page .ns-content {float:left; width:69%; padding:21px 0 0 0;}
.ns-page h2 {
font-size:18px;
font-weight:bold;
text-align:left;
text-transform: capitalize;
text-decoration:none;
color:#556472;
line-height:26px;
padding:0;
margin:0;
}
.ns-page h3 {
font-size:14px;
font-weight:bold;
text-align:left;
text-transform:uppercase;
text-decoration:none;
color:#556472;
line-height:26px;
padding:0;
margin:0 0 0 25px;
width:70%;
border-bottom:1px solid #acacac;
}
.ns-page p {
font-size:14px;
font-weight: normal;
text-align:left;
text-transform: none;
text-decoration:none;
color:#535353;
line-height:18px;
padding:0 0 18px 0;
margin:0;
}
.ns-page p span {text-transform:uppercase; display:block; font-size:18px; font-weight:bold; line-height:24px}
.ns-page p:last-child {border-bottom: 1px solid #CCC; margin-bottom:18px}
.ns-page ul {
list-style:disc;
margin:0;
padding:0px 0px 16px 15px;
}
.ns-page li {
font-size:14px;
font-weight: normal;
text-align:left;
text-transform: none;
text-decoration:none;
color:#535353;
line-height:18px;
margin:0;
padding-bottom:5px;
}
.subb-border-right {border-right:1px solid #eceff6}
.home-video-container {background:#566472; border-top:1px solid #556472; border-bottom:1px solid #556472; width:100%; height:141px; position:relative; margin:0; padding:0}
.home-video-container .video-thb {width:322px; height:168px; top:-14px; left:44px; position:absolute}
.home-video-container h2 {font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:bold; color:#fefefe; margin:0 0 0 400px; padding:14px 0 12px 0; line-height:25px}
.home-video-container p {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#fefefe; margin:0 0 0 400px; padding:0 0 10px 0; line-height:17px}
.home-video-container .btn {width:246px; height:34px; line-height:34px; margin:0 0 0 400px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:bold; color:#566472; font-style:italic; border:1px solid #556472; background:#eceff6; background:-moz-linear-gradient(to bottom, #fefefd, #cbcbca, #b1b1b1);background:-o-linear-gradient(to bottom, #fefefd, #cbcbca, #b1b1b1);background:-webkit-linear-gradient(to bottom, #fefefd, #cbcbca, #b1b1b1);background:-ms-linear-gradient(to bottom, #fefefd, #cbcbca, #b1b1b1); background:linear-gradient(to bottom, #fefefd, #cbcbca, #b1b1b1);}
/*netsuite pagination*/
.medtextbold {font-family:sans-serif, Verdana, Geneva; font-size:14px; font-weight: bold; color:#868686; text-decoration:none; text-align:center; padding: 5px}
.medtext {font-family:sans-serif, Verdana, Geneva; font-size:14px; font-weight: bold; color:#00a2ad; text-decoration:none; text-align:center; line-height:26px; padding:30px 5px}
.medtext a {color:#00a2ad; text-decoration:none;}
/* search page */
tr.portletHandle:nth-child(1) > td:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) .textbold {padding-left:15px}
tr.portletHandle:nth-child(1) > td:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) .bglt {padding-left:15px}
tr.portletHandle:nth-child(1) > td:nth-child(2) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1) {padding-left:15px}
#handle_itemMainPortlet > td:nth-child(1) {padding-top:20px}
#carttable {width:100%; max-width:1000px; margin:0 auto; text-align:center}
/*#carttableheader {background: url(images/cart_header_bg.jpg) left top repeat-x; height:28px;}*/
.listheadernosort {background: #fff url(images/cart_header_bg.jpg) left repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:18px; line-height:30px; color:#535353; font-weight: normal; text-align:center; padding-bottom:5px}
/*cart bg*/
.texttable, .texttablert, .texttablectr, .listtexthl, .xxlisttexthl {background:none; border-left:0px solid #cccccc; border-right:0px solid #cccccc; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc}
/*shopping cart btns */
/*SSP proceed to chk and continue shopping*/
#main .btn-primary, #main .btn {
border-top:0px;
border-left:0px;
border-right: 1px solid #556472;
border-bottom: 1px solid #4c5c66;
cursor: pointer;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #FFF;
text-transform:uppercase;
background:#556472;
-moz-box-shadow:2px 2px 2px #c7c7c7;
-webkit-box-shadow:2px 2px 2px #c7c7c7;
-o-box-shadow:2px 2px 2px #c7c7c7;
-ms-box-shadow:2px 2px 2px #c7c7c7;
box-shadow:2px 2px 2px #c7c7c7;
text-shadow: none;
/*
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
background-color: #F66330;
background-image: linear-gradient(to bottom, #FE6B38, #EB5824);
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*/
}
#main .btn-large {
padding: 4px 12px;
}
#main .span6 {
width: 45%;
}
#main .login-view {
padding-left: 14px;
}
#main .new-customer {
padding-right: 14px;
}
#main select, #main textarea, #main input[type="text"], #main input[type="password"], #main input[type="datetime"], #main input[type="datetime-local"], #main input[type="date"], #main input[type="month"], #main input[type="time"], #main input[type="week"], #main input[type="number"], #main input[type="email"], #main input[type="url"], #main input[type="search"], #main input[type="tel"], #main input[type="color"], #main .uneditable-input {font-family:sans-serif; font-size:12px; color:#535353; text-decoration:none; font-weight:normal; padding:0; background: #f3f3f3; border:1px solid #a9a9a9; height:25px; margin:3px}
#main .site-footer {
border-bottom: 4px solid #556472;
padding-bottom: 10px;
width:100%;
max-width:1000px;
float:none;
margin:0 auto;
text-align:center;
}
#main .site-footer > .container {
border-top: 0px solid #EEE;
}
.collapse.in.register {font-size:12px; text-transform:uppercase}
#checkout {
display:block;
/*width:189px;*/
height:25px;
margin:15px;
padding:0 20px;
overflow:hidden;
border-top:0px;
border-left:0px;
border-right: 1px solid #556472;
border-bottom: 1px solid #4c5c66;
cursor: pointer;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFF;
text-transform:uppercase;
background:#556472;
box-shadow:2px 2px 2px #c7c7c7;
}
#cancel, #recalc {
display:block;
/*width:189px;*/
height:25px;
margin:15px;
padding:0 20px;
overflow:hidden;
border-top:0px;
border-left:0px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #999;
cursor: pointer;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#535353;
text-transform:uppercase;
background:#d7d8d8;
box-shadow:2px 2px 2px #c7c7c7;
}
/*cart rows */
.texttablectr, .texttable, .texttablert {padding-top:10px}
/*item name*/
a.dottedlink {font-family:sans-serif; font-size:12px; line-height:18px; color:#575655; font-weight: normal; text-decoration:none;}
/*qty input on cart page*/
.texttable input {height:21px; width:30px; text-align: center; border:1px solid #999999; color:#333}
/* cart - options background */
.bglttext {background-color: #fff;}
/*price txt*/
.texttablert {font-family:sans-serif; font-size:14px; line-height:18px; color:#535353; font-weight: normal; text-decoration:none;}
/*subtotal*/
.texttablert b {color:#535353; font-family:sans-serif; font-size:14px; font-weight: bold;}
/*total*/
.extcarttotal b, .extcarttotalshaded b {color:#535353; font-family:sans-serif; font-size:14px; line-height:38px; font-weight: bold;}
/*bg for total section*/
.extcartborder, .extcartbordershaded {border:0px; background:none; color:#535353; font-family:sans-serif; font-size:14px; line-height:23px; font-weight: bold;}
.extcarttotal {background: none; height:21px; border-top:1px solid #CCC}
.extcarttotalshaded {background: none; height:23px; border-top:1px solid #CCC}
/* country select menu */
#country {font-family:sans-serif; font-size:12px; color:#535353; text-decoration:none; font-weight:normal; padding:0; border:1px solid #CCC; margin:3px}
/*Register Form input Labels, coupon code txt*/
.extcart .smalltextnolink {color:#535353; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: normal; text-transform:uppercase}
/*
#kReferralCode {font-family:sans-serif; font-size:12px; color:#535353; text-decoration:none; font-weight:normal; border:0; padding:0 9px; background: url(images/cart_input_bg.jpg) right no-repeat; height:26px; margin:0 3px}
#applycoupon {
height:23px;
margin:0px;
overflow:hidden;
border: 0px;
cursor: pointer;
color:#FFF;
/ *text-indent:120px;* /
background: url(images/cart_submit_bg.jpg) top right no-repeat;
}
#applygift {
height:23px;
margin:0px;
overflow:hidden;
border: 0px;
cursor: pointer;
color:#FFF;
/ *text-indent:120px;* /
background: url(images/cart_submit_bg.jpg) top right no-repeat;
}
*/
/*netsuite login - register forms and my account title*/
#handle_loginMainPortlet .greytitle {padding:10px 0 15px 140px;}
/*checkout process shipping address*/
tr.portletHandle:nth-child(3) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) {padding:10px 0 15px 80px;}
#handle_checkoutMainPortlet > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(11) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) .greytitle {padding:10px 0 15px 80px;}
#submitordertable {padding:0 0 0 80px; margin-left:80px}
#paymeth > table:nth-child(13) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) .greytitle {padding:0 0 0 80px;}
#paymeth > table:nth-child(13) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) {padding:0 0 0 80px;}
#paymeth > table:nth-child(13) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) #tbl_submitter {padding:0 0 0 80px; display:block}
#handle_loginMainPortlet td.smalltextnolink {padding:0 0 0 140px}
#handle_loginMainPortlet #tbl_submitter {padding:0 0 0 140px; display:block}
#handle_loginMainPortlet > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1) > a:nth-child(1) {padding:0 0 30px 140px; display:block}
#handle_loginMainPortlet td.smalltextnolink:nth-child(2) {padding-left:0px}
#handle_loginMainPortlet > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(3) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) {padding-left:140px}
#handle_loginMainPortlet #tbl_register {padding-left:140px; display:block}
table#address {display:block; padding-left:80px}
#main_form > table:nth-child(1) {display:block; padding-left:80px}
.checkoutprogresstext {padding:0 0 0 80px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; color:#535353; line-height:18px}
.reg-address-etc {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; color:#556472; line-height:18px}
.greytitle, .textboldnolink {font-family:Arial, sans-serif; font-size:20px; font-weight: normal; color:#535353; text-decoration:none; text-align:left; line-height:26px; padding:0 0 10px 0; margin:0; text-transform: capitalize}
.textbold, .smalltext {font-family:Arial, Helvetica, sans-serif; color:#535353; font-size:14px; line-height:18px; margin-bottom:10px}
/*my acc container*/
.bgmd, .bglt {background: #fff;}
/* my acc subheaders */
.bgmd .smalltextbnolink {font-family:Arial, Helvetica, sans-serif; color:#535353; font-size:14px; line-height:18px; padding-bottom:10px}
.smalltextnolink {font-family:Arial, Helvetica, sans-serif; color:#535353; font-size:13px; line-height:18px; text-transform: none}
.checkbox {display:inline; padding-right:10px; margin: 0 10px 0 0;}
input[type="radio"], input[type="checkbox"] {
margin: 0 10px 0 0; display:inline;
}
#emailsubscribe_fs img {display:none}
.smalltext a {color: #535353; font-family:sans-serif; font-size:13px; line-height:18px; padding:0 0 10px 0; display:block}
.helpertext {color: #535353;}
/* SUBMIT BUTTONS: register, submit, change, apply */
#register, #submitter, #change, #applycoupon, .bgbutton, #edit, #delete, #cancelbutton {
display:block;
/*width:189px;*/
height:25px;
margin:5px;
padding:0 10px;
overflow:hidden;
border-top:0px;
border-left:0px;
border-right: 1px solid #556472;
border-bottom: 1px solid #4c5c66;
cursor: pointer;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFF;
text-transform:uppercase;
background:#556472;
box-shadow:2px 2px 2px #c7c7c7;
}
/* INPUT: cart zip input - coupon input - register form inputs */
#zip, #kReferralCode, #retemail, #retpwd, #name, #email, #pwd, #newpwd2, #hint, #regPartner {font-family:sans-serif; font-size:12px; color:#535353; text-decoration:none; font-weight:normal; padding:0; background: #f3f3f3; border:1px solid #a9a9a9; height:25px; margin:3px}
/* checkout shipping Address inputs */
#attention_input, #addressee_input, #addr1, #addr2, #city {font-family:sans-serif; font-size:12px; color:#535353; text-decoration:none; font-weight:normal; padding:0; background: #f3f3f3; border:1px solid #a9a9a9; height:25px; margin:5px}
#dropdownstate {font-family:sans-serif; font-size:12px; color:#535353; text-decoration:none; font-weight:normal; padding:0; border:1px solid #CCC; margin:3px}
/* card info inputs */
.input, .inputreq {font-family:sans-serif; font-size:12px; color:#535353; text-decoration:none; font-weight:normal; padding:0; background: #f3f3f3; border:1px solid #a9a9a9; height:25px; margin:5px}
.myacc_subheaders {font-family:Arial, sans-serif; font-size:16px; font-weight: bold; color:#333; text-decoration: underline; text-align:left; line-height:26px; padding:0; margin:0}
.pad_top5px a {font-family: sans-serif, Verdana, Geneva; font-size:12px; color:rgb(108, 108, 108); text-decoration:none; line-height:20px}
/*Please contact Enlighten to enable on line ordering*/
.light_gray_text13px {font-family:sans-serif, Verdana, Geneva; font-size:12px; font-weight: bold; color:#868686; text-decoration:none; text-align: left; padding:5px 0; margin:0}
/*background ce apare pe unele categorii - default layout by netsuite*/
.bgltmedtext {background-color: #fff;}
/*titlul ce apare pe unele categorii - default layout by netsuite*/
.medtextboldnolink {font-family:Arial, sans-serif; font-size:20px; font-weight: bold; color:#535353; text-decoration:none; text-align:left; line-height:26px; padding:5px 0 0 0; margin:0}
/*textul ce apare pe unele categorii - default layout by netsuite*/
.bgltmedtext {font-family:Arial, sans-serif; font-size:15px; font-weight: bold; color:#868586; text-decoration:none; text-align:left; line-height:18px; padding-bottom:15px}
/* saved searches headers - cum e headerul listheadernosort la cart */
.listheader {height:28px; line-height:28px; text-align:center;}
@media (max-width: 1045px) {
.container {padding:0 10px}
.leftside {margin:0 5px 0 0; width:15.4%;}
.col-md-10 {width: 83%;}
.item-list-price p {padding:7px 10px 11px 10px}
}
@media (max-width: 1010px) {
.mini-cart {margin:0 0 0 0; width:310px; right:10px}
}
@media (max-width: 970px) {
.skin-tone-changer p {padding:0 5px 0 5px;}
}
@media (max-width: 910px) {
.mini-cart {margin:0 0 0 -150px;}
.home-video-container h2 {font-size:20px; font-weight:bold; color:#f5f6fa; margin:0 0 0 400px; padding:14px 7px 12px 0; line-height:20px}
.home-video-container p {font-size:11px; font-weight:bold; color:#f5f6fa; margin:0 0 0 400px; padding:0 7px 10px 0; line-height:14px}
}
@media (max-width: 900px) {
.try-it-on .header h3 {font-size:14px; padding:0 0 0 8px; line-height:36px}
.mod-myMenu > li > a {width:100px;}
.skin-tone-changer p {font-size:12px;padding:0 9px 0 10px;}
.try-it-on {height:364px;}
.shades-container {height:283px;}
}
@media (max-width: 845px) {
.shades-content-slogan h2 {font-size:16px}
.try-it-on {height:320px;}
.shades-container {height:239px;}
.home-video-container h2 {font-size:16px; font-weight:bold; color:#f5f6fa; margin:0 0 0 400px; padding:14px 7px 12px 0; line-height:16px}
.home-video-container p {font-size:11px; font-weight:bold; color:#f5f6fa; margin:0 0 0 400px; padding:0 7px 10px 0; line-height:14px}
}
@media (max-width: 810px) {
.mini-cart {margin:0 0 0 -180px;}
.related-item-title {height:50px}
.recent-title {height:50px}
}
@media (max-width: 790px) {
.dropdown-menu {width: 160px;}
.banners {padding: 0 5px; margin-bottom:15px}
.banners a img {margin:0 auto}
.skin-tone-changer p {font-size:11px;padding:0 9px 0 10px;}
}
@media (max-width: 767px) {
.subb-border-right {border-right:0}
.subb-border-left {border-left:0}
a {outline: none;}
.nav-justified > li > a {border-left: 1px solid #bbbbbb;}
.nav-pills > li + li {margin-left: 0px;}
.margin-r-20 {margin-right:0px}
.margin-l-20 {margin-left:0px}
.height-164 {height:100px}
.logo {margin: 6px auto 10px auto; float:left; text-align:center; width:78%}
.logo img {margin:0 auto; text-align:center}
.right-header {float:left}
.sign-in {float:left; text-align:left}
.phone {float:left; text-align:left}
.search {float:left; padding-top:0px}
.search-input {background:#f1efef}
.slider-for-xs, .slider-for-xs-spacer {display:block}
.newsletter-center {width:300px;}
.newsletter-input {width:148px; font-size:10px}
.banners img {width:100%; max-width:600px !important;}
.footer {height:50px; margin:0 auto}
.footer-links {font-size:10px; line-height:15px; width:100%; text-align:center; padding:10px 5px}
.footer-links span {padding:0 4px; float:none; display:inline}
.footer-links a {float:none; display:inline}
/* xtra small navigation */
.panel-group .panel {
margin-bottom: 0px;
overflow: hidden;
border-radius: 0px;
background:#FFF;
box-shadow: none;
}
.panel-default {
border:0;
border-color: #8e8e8e;
background:#FFF;
margin: 0;
padding:0;
}
.panel-heading {
color: #556472;
background-color: rgb(245, 245, 245);
border-color: rgb(221, 221, 221);
padding: 0px;
margin:0px;
border-bottom: 0px;
background:#FFF;
}
.panel-heading h4 {font-family: Arial, Helvetica, sans-serif; font-size:19px; color:#556472; background: url(images/xs-nav-tab-off-bg.jpg) left repeat-x; font-weight:normal; text-align:center; text-transform:uppercase; padding:0px; margin:0px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
}
.panel-heading h4:hover {background: url(images/xs-nav-tab-on-bg.jpg) left repeat-x;}
.panel-heading h4 a {padding:0; display:block; text-decoration:none; line-height:34px}
.panel-heading h4 a:hover {text-decoration:none; color:#fff}
/*span.caret {position:absolute; top:220px; right: 30px}*/
span.caret {
position:static;
display: inline-block;
float:right;
margin-right:10px;
margin-top:15px;
width: 0px;
height: 0px;
vertical-align: middle;
border-top: 4px solid;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.my-caret {
position:static;
display: inline-block;
float:right;
/*
margin-right:10px;
margin-top:10px;
background:url(images/sprites.png) -47px -128px -57px -128px no-repeat; width:9px; height:13px;
*/
margin-right:15px;
margin-top:13px;
vertical-align: middle;
background:url(images/sprites.png) -57px -128px no-repeat; width:13px; height:9px;
}
.my-caret-open {
position:static;
display: inline-block;
float:right;
margin-right:10px;
margin-top:15px;
vertical-align: middle;
background:url(images/sprites.png) -57px -128px no-repeat; width:13px; height:9px;
}
.panel-body {margin:0px; padding:0px}
/* accordion drop down menus */
.acc-menu {
margin:0;
padding:0;
list-style: none outside none;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color:#556472;
text-transform:uppercase;
list-style: none outside none;
background-color: #eceff6;
}
.acc-menu > li > a {
display: block;
padding: 0;
clear: both;
text-align:center;
text-decoration:none;
font-weight: normal;
line-height: 32px;
color: #556472;
white-space: nowrap;
border-bottom:1px solid #b9bdc8;
}
.acc-menu > li > a:hover {
color: #fff;
text-shadow:1px 1px 1px #333;
background:#566472;
}
/* categ - item - list */
.crumbs {line-height:26px;}
.category-container {width:100%}
.categ-img {/*width:416px; height:200px;*/ overflow:hidden; margin: 0 auto; float:none}
#categ-container {width:100%}
.item-list-container {width:50%;}
.item-list-img {width:100%; padding:10px 0 0 0;}
.item-list-img img {/*width:100%; max-width:106px !important; height:100%; max-height:106px !important;*/ margin:auto; text-align:center}
/*--------------------------------------------------------------*/
/* CART page styles */
.padding-left-19 {padding-left:0}
.drill-right {float: none; width:100%;}
.drill-right h2 {padding:0 0 0 0;}
.drill-right h4 {padding:8px 0;}
#item-no {padding:0 0 0 0;}
#item-price {padding:7px 0 10px 0;}
#have-q {padding:5px 0 3px 0}
.qty-container {padding-left:0px}
.add-to-cart {padding:0 6px 0 0;}
.padding-top-0 {padding-top:3px}
.drill-accordion {padding:0 0 0 0}
.all-recent-items {margin:0 0 0 0}
.recent-image {width:50%;}
#drill-slides-xs {width:385px; margin:0 auto}
.item-colors {width:100%; padding:0;}
/* --CART page styles */
/*--------------------------------------------------------------*/
/* shades */
.shades-spacer-left {display:none}
.shades-spacer {display:none}
.skin-tone-container {width:auto; max-width:356px !important; height:410px; float:none; margin:0 auto}
.skin-tone-image img {margin:0; padding:0; width:99%}
.skin-tone-changer {margin:0 auto; text-align:center;}
.skin-tone-changer p {padding:0 9px 0 26px; font-size:16px;}
.shades-right {float:none; width:100%; margin:0 auto; position:relative}
.shades-cart-details {float:none;width:100%;}
.shades-right h2 {padding:7px 0 0 0;}
.shades-right .qty-container {position:absolute; top:9px; right:0px}
.shades-right .add-to-cart {padding:0; float:none; width:auto; position:absolute; top:35px; right:0px;}
.shades-right .add-to-cart .add-btn {font-size:12px; width:100%; height:27px; line-height:27px; padding:0 10px}
.try-it-on {width:100%; float:none}
.try-it-on .header h3 {font-size:17px; padding:0 0 0 12px; line-height:40px}
.try-it-on-for-xs {height:290px; border-bottom:6px solid #46b0bd;}
.mod-myMenu > li > a {width:115px;}
#shades-share-for-xs {float:left; padding:5px 0 0 0}
.shades-banner-left, .shades-banner-right {padding:0;}
.shades-banner-left img {margin:0 auto 10px auto; width:100%; max-width:600px !important;}
.shades-banner-right img {margin:0 auto; width:100%; max-width:600px !important;}
.selected-shades h3 {font-weight: normal; text-transform: capitalize; font-size:12px;}
.selected-shades p {text-transform: capitalize; font-size:11px;}
/* ---shades */
.mini-cart {width:302px; height:356px; position:absolute; top:auto; left:auto; border:1px solid #8f8f8f; margin:8px 0 0 -273px; padding:0; overflow-y: scroll; overflow-x: hidden; background:#FFF; z-index:1000; display:}
.ns-page .ns-image {max-width:309px !important; margin:0 auto; text-align:center; padding-bottom:10px}
.ns-page .ns-left {float:none; width:100%}
.ns-page .ns-content {float:none; width:100%; padding:21px 0 0 0;}
.ns-page h2 {}
.ns-page h3 {margin:0 0 0 0; width:100%;}
.ns-page p {padding-bottom:10px;}
.ns-page p:last-child {border-bottom: 1px solid #CCC; margin-bottom:5px}
#handle_loginMainPortlet .greytitle {padding:10px 0 15px 30px;}
/*checkout process shipping address*/
tr.portletHandle:nth-child(3) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) {padding:10px 0 15px 30px;}
#handle_checkoutMainPortlet > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(11) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) .greytitle {padding:10px 0 15px 30px;}
#submitordertable {padding:0 0 0 30px; margin-left:30px}
#handle_loginMainPortlet td.smalltextnolink {padding:0 0 0 30px}
#handle_loginMainPortlet #tbl_submitter {padding:0 0 0 30px; display:block}
#handle_loginMainPortlet > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1) > a:nth-child(1) {padding:0 0 30px 30px; display:block}
#handle_loginMainPortlet td.smalltextnolink:nth-child(2) {padding-left:0px}
#handle_loginMainPortlet > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(3) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) {padding-left:30px}
#handle_loginMainPortlet #tbl_register {padding-left:30px; display:block}
table#address {display:block; padding-left:30px}
#main_form > table:nth-child(1) {display:block; padding-left:30px}
.checkoutprogresstext {padding:0 0 0 30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; color:#535353; line-height:18px}
.reg-address-etc {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; color:#556472; line-height:18px}
#paymeth > table:nth-child(13) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) .greytitle {padding:0 0 0 30px;}
#paymeth > table:nth-child(13) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) {padding:0 0 0 30px;}
#paymeth > table:nth-child(13) > tbody:nth-child(1) > tr:nth-child(3) > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) #tbl_submitter {padding:0 0 0 30px; display:block}
/*
.home-video-container h2 {display:none}
.home-video-container p {display:none}
.home-video-container .btn {display:none}
.home-video-container .video-thb {left:auto; right:auto; margin:0 auto; text-align:center; width:100%}
*/
.home-video-container {background: none; height:300px; position:relative; margin:0; padding:0; border:0}
.home-video-container .video-thb {margin:0 auto; text-align:center; width:100%; position:static}
.home-video-container h2 {margin:0 auto; text-align:center; padding:14px 10px 12px 10px; color:#556472}
.home-video-container p {margin:0 auto; text-align:center; padding:0 10px 10px 10px; color:#556472}
.home-video-container .btn_cont {margin:0 auto; text-align:center}
.home-video-container .btn {margin:10px auto; text-align:center;}
}
@media (max-width: 500px) {
.logo {width:70%}
.related-item-title {text-transform: capitalize; word-wrap:break-word;}
.item-list-details p {text-transform:capitalize; word-wrap: break-word; line-height:12px; height:36px}
.add-to-cart .add-btn {width:100%; font-size:14px; padding:0 14px}
}
@media (max-width: 420px) {
#drill-slides-xs {width:100%;}
.newsletter-icon {display:none}
.newsletter-center {width:223px;}
.newsletter-submit {margin-right:0; font-size:10px}
/* shades page */
.skin-tone-changer p {padding:0 5px 0 7px; font-size:12px;}
.footer {height:65px}
.item-list-img img {/*width:100%; max-width:106px !important; height:100%; max-height:106px !important;*/ margin:auto; text-align:center}
.mini-cart h2 {font-size:14px; margin:0 0 0 7px; padding:8px 0}
.mini-cart .item-details {margin:10px 0 10px 7px;}
.mini-cart .item-details .img {float:left; margin:0 8px 0 0; width:60px; text-align:center}
.mini-cart .item-details .img img {max-height:60px !important;}
.mini-cart .item-details h4 {font-size:10px; font-weight: normal; text-transform: capitalize;}
}
@media (max-width: 370px) {
.logo {width:60%; text-align:center; margin:11px 0 0 10px}
.newsletter-submit {padding:0 7px}
/* shades page */
.skin-tone-container {height:auto; max-height:413px !important;}
#choose-your-txt, #try-it-on-txt, #selected-shade-brief {display:none}
.shades-right .add-to-cart {width:45%}
.shades-right .add-to-cart .add-btn {font-size:11px;}
.mini-cart {width:270px; right:5px}
.mini-cart .item-details {margin:10px 0 10px 5px;}
.mini-cart h2 {margin:0 0 0 5px}
.mini-cart .item-details .txt {max-width: 150px;}
/*cart page*/
/*#drill-slides-xs {width:280px;}*/
}
@media (max-width: 310px) {
.mini-cart {width:250px;}
.mini-cart h2 {font-size:14px}
.mini-cart .item-details h4 {text-transform: capitalize; font-size:10px}
.mini-cart .item-details .img {margin:0 0 0 0; width:32px}
.mini-cart .item-details .img img {width:100%}
.mini-cart .free-shipping h4 {font-size:10px; text-transform:capitalize}
.mini-cart .chk-btn {width:90%}
.shades-right .add-to-cart .add-btn {padding:0 5px}
.footer {height:80px}
/*cart page*/
/*#drill-slides-xs {width:250px;}*/
}
@media (max-width: 300px) {
.logo {width:50%; margin:auto; text-align:center; margin:15px 0 0 10px}
/*cart page*/
/*#drill-slides-xs {width:220px;}*/
}
/* to fix device width on windows phone 8 , IE10 --- http://getbootstrap.com/getting-started/#support-ie10-width */
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }