button {padding:0; border: none;}
* {padding:0;margin:0;}
body {font: 0.7em Arial, sans-serif; color:#fff; background-color:#fff;}
body.landing {background-color: #000;}
body.whiteTheme {color:#000; background-color: #fff;}

#search h3, #search h3 span {
	cursor: pointer;
}

img {border: 0;}
#mainNav li, #mainDock li, #hero li {list-style: none;}
a {text-decoration:none; outline: none; color: #000;}
p.center_text {text-align:center;width:100%;display:block;}
#sizer {position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
.clear {display:block; min-width:0;}
.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0;}
.helper .item_trigger {float:left; background:#000; width:5px; padding:0px 5px; font-size:11px; color:#fff;}
.boldSpace {font-weight: bold; letter-spacing: 0.05em; color: #000;}
.waiting {cursor: progress;}
.no-hspill {overflow-x: hidden;}
.hide {display: none !important;}
input.error {border-color: #b40101 !important; color: #b40101 !important;}

#pageWrapper {position: relative; overflow: hidden; margin: 0 auto; padding: 0 10px; width:970px;}

.faq #pageWrapper {
	overflow: visible !important;
}

body.whiteDock  #header{background-color:white;}

#contentWrapper {float: right; position: relative; margin: 30px 0 0 10px; padding-bottom: 120px; width: 700px; line-height: 1.4;}
#pageWrapper.one-col #contentWrapper {float: none; margin: 0; width: 100%;}

#pageWrapper.one-col #sectionalNav {margin-top: 30px;}
#sectionalNav, #sectionalNav  li {text-transform: uppercase; font-weight: bold;}
#sectionalNav {padding-bottom: 3px; border-bottom: 1px solid #dfdfdf;}
#sectionalNav  li, #sectionalNav  .first {float: none; margin-bottom: 5px; line-height: 1; list-style: none;}
#sectionalNav .dropdown {width:110px;}
#sectionalNav .dd_active .dd_content {left: -12px;}
#sectionalNav .dd_trigger {position: relative; left: -20px; padding-left: 22px;}
#sectionalNav .dd_trigger, #sectionalNav .toggler {padding-right: 13px; background: url(../img/arrowOnly_down.gif) no-repeat 100% 50%;}
#sectionalNav .toggled ul {margin: 20px 0;}
.js_enabled #sectionalNav .toggled {position: absolute; left: -1000em;}
#sectionalNav .opened .toggled {position: static;}

.contentPromoToggle #contentWrapper {margin-top: 5px;}
.checkout #contentWrapper {
	position: relative;
	z-index: 1000;
}
#contentWrapper ul {list-style: none;}
.contentHeading {padding-bottom: 2px; border-bottom: 1px solid #dfdfdf; font-size: 11px;}
.contentHeading.productName {}
#contentWrapper .contentHeading li {float: left; padding-right: 15px;}
#contentWrapper .contentHeading  a {color: #000;}
#contentWrapper .contentHeading .active {font-weight: bold; color: #000; background: none;}
#contentWrapper .contentHeading h3 {font-size: 11px; font-weight: bold;}

#contentWrapper .contentHeading .dropdown {float:left;padding-right:25px;}
#contentWrapper .contentHeading .dropdown .dd_trigger {text-align:right;}
#contentWrapper .contentHeading .dd_active .dd_content {top:24px;left:-12px;}

#breadcrumb.contentHeading {padding: 7px 0 8px 0; border-top: 1px solid #000;}
#breadcrumb.contentHeading a {font-weight: bold; text-transform: uppercase; line-height: 1.4; letter-spacing: 0.05em; color: #777;}
#pageWrapper.one-col #breadcrumb h2.contentHeading {float:none; clear:both; border: none; letter-spacing: 0.05em; text-transform: uppercase; font-size:15px; color:#000;}

.promoSection #mainNav, .promoSection #contentWrapper {margin-top: 0 !important;}
.promoSection .section.first .toggled img {padding-top: 20px;}
.promoSection #mainNav {position: static;}
#promotionalToggle a {letter-spacing: 0.05em; font-weight: bold;}
.category  #contentWrapper .section.first .toggled img {padding-top: 25px !important;}
.category .productName .family, .category .productName .description {margin-bottom: 3px; text-align: center;}
.category .productName .family {font-size: 22px; text-transform: uppercase;}
.category .productName .description, #toggledContainer .description {color: #777;}
#toggledContainer .description {text-align:left;}
.category .productName .description {margin-bottom: 0;}
.category .section.first {margin-top: 0 !important; border: 0;}
.category .section.first .toggled {overflow: hidden; width: 100%;}
.category .section.first .productName {margin-bottom: 5px; padding: 28px 0; border-bottom: none;}
.category .first a.toggler {text-transform: uppercase; font-size: 11px;}

.category #gridController {display: none; width: auto;}
.category #gridController li {margin: 0 0 0 3px; padding: 0;}
.category #gridController a {display: block; padding: 0 !important; width: 21px; height: 19px; background: url(../img/global/button_productGrid.gif) no-repeat 0 0; text-indent: -1000em;}
.category #gridController .active a {cursor: default;}
.category #gridController .small {background-position: 0 -30px;}
.category #gridController .active .small, .category #gridController .small:hover {background-position: 0 0;}
.category #gridController .medium {background-position: -23px -30px;}
.category #gridController .active .medium, .category #gridController .medium:hover {background-position: -23px 0;}
.category #gridController .large {background-position: -46px -30px;}
.category #gridController .active .large, .category #gridController .large:hover {background-position: -46px 0;}
.category #tooltip {position: absolute; z-index: 5; padding: 3px; background: #000; text-transform: uppercase; color: #fff;}
.category #tooltip, .category #tooltip h3 {font-size: 9px;}

.main_category .horizShowcase {margin-top:0;}
.main_category .top_horizShowcase {margin-top:110px;}
.category .horizShowcase {position: relative; margin-bottom: 0;}
.category .per-2 .item {height: 350px;}
.category .per-2 .thumbs {width: 160px;}
.category .per-4 .item, .horizShowcase.per-4 .item {height: 280px;}
.category .per-6 .item {height: 250px;}

.makeup .per-4 .item .family, .skincare .per-4 .item .family, .makeup .per-1 .item .family, .skincare .per-1 .item .family {display: block; margin-bottom: 0; font-size: 9px;}
.makeup .per-4 .item .name, .skincare .per-4 .item .name {text-transform: capitalize; font-weight: normal;}
.makeup .name, .skincare .item .name {text-transform: capitalize; font-weight: normal; color: #777;}
.makeup .per-4 .item .keywords, .skincare .per-4 .item .keywords {display: none;}
.makeup .per-6 .item .item-description, .skincare .per-6 .item .item-description {display: block !important;}
.makeup .per-6 .item .family, .skincare .per-6 .item .family {display: none;}
.makeup .per-6 .item .name, .skincare .per-6 .item .name {display: block !important;}

.axis0 .per-4 .item .family, .axis1 .per-4 .item .family, .axis2 .per-4 .item .family, .axis1 .per-1 .item .family, .axis2 .per-1 .item .family, .axis1 .goes-well-with .per-6 .item .family, .axis2 .goes-well-with .per-6 .item .family {display: block; margin-bottom: 0; font-size: 9px;}
.axis1 .per-4 .item .name, .axis2 .per-4 .item .name {text-transform: capitalize; font-weight: normal;}
.axis0 .name, .axis1 .name, .axis2 .item .name {text-transform: capitalize; font-weight: normal; color: #777;}
.axis1 .per-4 .item .keywords, .axis2 .per-4 .item .keywords {display: none;}
.axis1 .per-6 .item .item-description, .axis2 .per-6 .item .item-description {display: block !important;}
.axis1 .per-6 .item .family, .axis2 .per-6 .item .family {display: none;}
.axis1 .per-6 .item .name, .axis2 .per-6 .item .name {display: block !important;}

/* REMOVE!!!!!!!!!!!!!!!!!!!! */
/*.js_enabled .category .horizShowcase .item .item_trigger_container a {opacity: 0; filter: alpha(opacity=0);}*/
.js_enabled .itemsShow .horizShowcase .item .item_trigger_container a {opacity: 1; filter: alpha(opacity=1);}
.js_enabled #productGrid.load, .js_enabled .main_category .load {opacity: 0; filter: alpha(opacity=0);}
.js_enabled .mushed .horizShowcase .item  {width: 100px;}
.js_enabled .mushed .horizShowcase .item .item_trigger_container a {filter: alpha(opacity=1);}
/* REMOVE!!!!!!!!!!!!!!!!!!!! */

.filter {position: relative; z-index: 3; margin-top: -20px; margin-bottom: -55px; border-bottom: none !important; font-size: 9px;}
.filter h3 {margin-bottom: 5px; padding-bottom: 5px; background: url(../img/nav_divider_graydots.gif) repeat-x left bottom; font-size: 9px !important;}
.filter label {float: left; display: inline; margin-right: 12px; line-height: 2; text-transform: none; text-align: left !important; font-weight: bold;}
.filter  .selectbox {position: relative; margin-right: 5px; min-width: 85%; line-height: 20px; text-transform: uppercase;}
.filter  .selectbox .select_list .selected {display: none;}
.filter .select_parent {float: left; width: 163px;}
.filterbox .select_display span.selectLabel {line-height: 1.9;}
.filterbox .select_display span.selectLabel, .filterbox .select_dropdown {border-color: #ccc !important;}
.filterbox .select_display span.selectLabel, .filterbox .select_list li {padding-left: 5px;}
.filterbox .select_list li {line-height: 1.2 !important; padding: 2px 12px 2px 5px;}

#promotionalToggle {margin: 8px 0 !important; text-align: right;}
#contentWrapper #promotionalToggle {overflow: hidden; margin-bottom: 0 !important; width: 100%;}
#contentWrapper #promotionalToggle, #contentWrapper #promotionalToggle .toggled img {margin-top: 0 !important; padding-top: 0;}
#promotionalToggle .toggler {visibility: hidden;}
#toggledContainer.swf {display: block; width: 100%; height: 360px;}
#promotionalToggle.blankTemplate #toggledContainer.swf {height: 100%;}
#toggledContent .loader {position: absolute; top: 50%; left: 50%;}
.category .noflash, .collections .noflash {display:none; font-weight: bold; text-align: right;}
#toggledContent .toutImg {display: none}
.js_enabled #promotionalToggle .toggler {visibility: visible;}
#promotionalToggle .controls {text-align: right;}
#promotionalToggle .opener, #promotionalToggle .closer {padding-top: 5px;}
#promotionalToggle.opened .closer, #promotionalToggle .opener {display: block; float: right;}
#promotionalToggle.opened .opener, #promotionalToggle .closer {display: none;}


.productName {margin-bottom: 20px;}
.pdp .productName {text-align: center;}
.pdp.item #viewAllShades.overlayTrigger {display: block;}
.pdp-item {margin: 0 !important; width: 100%; border-bottom: 5px solid #000; color: #000 !important;}
.purchaseInfo {line-height: 1.4; text-align: left; color: #777;}
.purchaseInfo .productName {font-size: 11px; line-height:normal;text-transform:uppercase;text-align: center;}
.purchaseInfo .productData {margin-bottom: 35px;}
.purchaseInfo li {line-height: 1.8;}
.purchaseInfo .selector {margin-bottom: 2px;}
.productDetails .minorPosition .purchaseInfo .productData .selector{
	display: none;
}
.purchaseInfo .label {color: #777;}
.purchaseInfo .unitLabel {}
.purchaseInfo .qtyLabel {}
.purchaseInfo .select_dropdown {}
.purchaseInfo .productName .family {font-size:19px; font-weight:bold;}
.purchaseInfo .productName .description {font-size: 11px; text-transform: none; margin-top: 20px;}
.purchaseInfo .productName.contentHeading .family {padding: 35px 0; border-top: 1px solid #e9e9e9; text-align: center;}
.purchaseInfo .productDescription {margin-bottom: 70px;}
.purchaseInfo .sku, .purchaseInfo .skuStyle {display: none;}
.purchaseInfo .skuName span.shade {margin-top: 4px; width: auto !important;}
.purchaseInfo .replenishmentHolder {position: relative; left: -1000em;}
.isReplenishable .replenishmentHolder {position: static;}
.purchaseInfo li {display:block; min-width:0; list-style: none;}
.purchaseInfo li:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

/* PDP as quickbuy */
.overlay .pdp-item {padding: 60px 0 25px 0; width: 705px; border: 0; background: #fff;}
.quickbuy-pdp-item {position: relative !important; width: 700px; min-height: 300px; border-bottom: 5px solid #000;}
.quickbuy-pdp-item .major, .quickbuy-pdp-item .minor {bottom: 0;}
.quickbuy-pdp-item .major {width: 57.8%;}
.quickbuy-pdp-item .minor {position: absolute; right: 0; bottom: 0; margin-right: 35px; width: 37.2%; text-align: left;}
.quickbuy-pdp-item .selector {}
.quickbuy-pdp-item .selector .qty {width: 40px;margin-right:150px !important}
.quickbuy-pdp-item .selectbox {margin-right: 110px !important;}
.quickbuy-pdp-item .selectbox .first {margin-top: 0 !important;}
.quickbuy-pdp-item .isRefillable {margin-right: 80px !important;}
.quickbuy-pdp-item .thumbs {margin-right: 0 !important;}
.quickbuy-pdp-item .replenishment {margin-right: 0 !important; width: 190px !important;}
.quickbuy-pdp-item .productDetails .purchase {margin-bottom: 30px;}
.quickbuy-pdp-item .productDetails .item_description {text-align: center;}
.overlayContent .quickbuy-pdp-item  .item_description .family, .overlayContent .quickbuy-pdp-item  .item_description .name {display: none;}
.quickbuy-pdp-item .productName {text-align: center;}
.quickbuy-pdp-item .productName .name {text-transform: none;}
.quickbuy-pdp-item .productName .tout {display: block; visibility: hidden; text-transform: capitalize; color: #d79f18;}
.quickbuy-pdp-item .item_description .tout {display: none;}
.overlay .pdp-item ul.collectionshades {display: none;}

/* PDP as quickbuy */

.quickbuy .skuName .shadeNumber {padding: 0 5px 0 10px;}



.pdp .shelf-small .item {margin: 0; width: 250px; line-height: 1; text-align: left;}
.pdp .shelf-small .item .item_trigger_container a {float: left; margin-left: 10px; height: 100% !important;}
.pdp .shelf-small .item .item_wrapper {height: 80px;}
.pdp .shelf-small .item .item_description {display: table; position: absolute; left: 110px; bottom: 5px; margin: 0; width: 120px; height: 80px; text-align: center; text-transform: uppercase; font-size: 9px; color: #777;}
.pdp .shelf-small .item .item_description a {display: table-cell; vertical-align: middle;}
.pdp .shelf-small .item .family {display: block; line-height: 1; letter-spacing: 0.05em; text-transform: uppercase; font-weight: bold; font-size: 9px; color: #000;}
.pdp .shelf-small .item .name {display: block; position: static; margin-top: 5px; height: auto; text-transform: none; font-weight: normal; font-size: 9px;}
.pdp .shelf-small .item .keywords, .pdp .shelf-small .item .touts, .pdp .shelf-small .item .item_quickbuy {display: none;}

#mainProduct .minor {position: absolute; bottom: 0; right: 0; line-height: 1.5; font-weight: bold !important;}
.overlayContent .productDetails {padding-right:5px;float:right;}
#mainProduct {position: relative; border-bottom: 5px solid #000;}
#mainProduct .productDetails {}
.shadeValidation {clear:both;color:red;display:none;}
.productDetails .productName {line-height: 1; text-transform: uppercase;}
.productDetails .family {margin-bottom: 4px; line-height: 1; font-size: 2.3em;}
#mainProduct .name, .overlay .name {font-size: 11px; color: #000;}
.axis1 #mainProduct .name, .axis2 #mainProduct .name, .axis3 #mainProduct .name {font-weight: bold;}
.pdp .purchaseInfo li {text-align: left;}
.pdp .purchaseInfo .purchase {width: 100%;}
.purchaseInfo .purchase {margin: 17px 0 0 0; line-height: 1.4;}
.purchaseInfo .label {display: block; float: left;}
.purchaseInfo input {width: 50px; border: 0; font-weight: bold;}
.purchaseInfo li {clear: left; font-weight: bold;}
.purchaseInfo .selectbox {float: right; margin-right: 105px; min-width: 80px; width: 80px;}
.purchaseInfo .qty {float: right; margin-right: 145px; min-width: 40px; width: 40px;}
.purchaseInfo .price {color: #000;}
.purchaseInfo .thumbs {margin-right: 0;}
.purchaseInfo .isRefillable {margin-right: 75px; width: 110px;}
.purchaseInfo .replenishment, #mainProduct .purchaseInfo .thumbs {margin-right: 0; width: 185px;}
#mainProduct.purchaseInfo .selectbox {}
#mainProduct .tout {visibility: hidden; text-transform: capitalize; font-weight: normal; color: #d79f18;}
#viewAllShades {display: block; margin-bottom: 15px; text-transform: uppercase; text-align: center;}
#viewAllShades a {padding-right: 10px; background: url(../img/global/arrowRight.gif) no-repeat right center;}

.purchase a, .purchase button {float: left; display: block; padding: 2px 15px;}
.purchase .AddTo-dockCart, .purchase .AddTo-dockWishList, .purchase .purchase-simulator {float: left !important; margin-left: 0 !important; padding: 2px 15px !important; width: auto !important; background-color: #000; text-transform: uppercase !important; letter-spacing: 0.05em; font-size:11px; color: #fff;}
.purchase .AddTo-dockWishList {float: right !important; padding: 1px 10px !important; border: 1px solid #000; background-color: #fff; color: #000;}
.purchase .purchase-simulator {position: static !important;}
.purchase .Instructions-outOfStock, .purchase .Instructions-backOrder {margin-left: 20px; padding: 3px 0; font-size: 11px;}
.purchase .Instructions-outOfStock, .purchase .Instructions-backOrder {text-transform: capitalize;}
.purchase .Instructions-outOfStock, .purchase .Instructions-backOrderContainer {display: none;}
.backOrder .AddTo-dockCart {display: none;}
.purchase .AddTo-dockCart.Instructions-backOrder {display: none;}
.backOrder .AddTo-dockCart.Instructions-backOrder {display: block;}
.backOrder .Instructions-outOfStock, .outOfStock .Instructions-backOrder, .outOfStock .AddTo-dockCart, .purchase .purchase-simulator, .purchase .Instructions-maxQty {display: none;}
.outOfStock .Instructions-outOfStock {float: left; margin-left: 20px;}
.outOfStock .Instructions-outOfStock, .backOrder .Instructions-backOrder, .backOrder .Instructions-backOrderContainer, .maxQty .Instructions-maxQty {display: block;}
.outOfStock .Instructions-outOfStock, .backOrder .Instructions-backOrderContainer, .maxQty .Instructions-maxQty {float: none; position: absolute; z-index: 1; left: 0; bottom: 7px; visibility: visible; margin-left: 0; width: 145px;}
.limitedEdition .tout {display: block !important; visibility: visible !important;}
.Instructions-maxQty {z-index: 1; padding-top: 3px; background: #fff;}
.backOrder .Instructions-backOrder span {float: left;}
.outOfStock .AddTo-dockCart {visibility: hidden;}
.productUtilities {position: absolute; bottom: 0; right: 0; margin: 0 !important; width: 16px !important; letter-spacing: 0.05em; font-weight: bold; font-size:11px;}
.productUtilities li.clear {clear: both; margin-bottom: 5px; width: 100%;}
.productUtilities li.last {float: right; clear: none;}

.section  {margin: 20px 0; position: relative;}
.section.first, .pdp .horizShowcase.first {margin: 60px 0 0 0 !important;}
.section.noborder {border: 0;}
.section .major, .contentHeading .major {float: left; width: 61.4%;}
.section .minor, .contentHeading .minor {float: right; margin: 0 0 0 2.2%; width: 35.7%;}

#breadcrumb.contentHeading li { background: url('../img/breadcrumb_divider.gif') no-repeat; background-position: 100% 50%; margin-right: 10px; padding-right: 15px;}
#breadcrumb.contentHeading li.last {background-image: none; margin-right: 0; padding-right: 0;}

.tabHolder {}
.tabHolder .tabs {clear: both; margin-bottom: 15px; padding-bottom: 2px; line-height: 15px; border-bottom: 1px solid #dfdfdf;}
.tabHolder .tabs ul li {float: left; margin-right: 20px; font-weight: bold; color: #000;}
.tabHolder .tabs ul a {cursor: pointer;color: #777;}
.tabHolder .tabs ul a.active {cursor: text;color: #000;}
.tabHolder .tab-pane {clear: both; display: none; width: 430px;}
.tabHolderFullWidth .tab-pane {width:700px;}
.tabHolder .tab-pane ul, .tabHolder .tab-pane ol {padding-left: 15px; list-style: disc !important;}
.tabHolder .tab-pane ol {list-style: decimal !important;}
.tabHolder .active {display: block;}

.productImg {min-height: 350px; text-align: center;}
.productImg .tabs {position: absolute; bottom: 0; left: 0; margin-bottom: 0; border: 0;}
.productImg .tabs ul li {margin-right: 15px;}
.productImg .active {display: inline;}

#contentWrapper .minor.showcase-single .contentHeading {margin: 0 0 5px 0; padding: 0 0 2px 0; line-height: 15px; border-top: none; border-bottom: 1px solid #dfdfdf;}
#contentWrapper .minor.showcase-single .contentHeading h3 {font-size: 11px; color: #777;}
#contentWrapper .minor.showcase-single .horizShowcase {margin: 0; padding: 0;} /* TODO: figure out carousel/overflow stuff */
#contentWrapper .minor.showcase-single .horizShowcase.small .item_trigger_container {width: 250px; height: 75px;}
#contentWrapper .minor.showcase-single .item.productDetails {position: relative; margin-top: 10px; min-height: 80px !important;}

.horizShowcase {clear: both; margin: 110px 0;}
.goes-well-with .horizShowcase {clear: both; margin: 0;}
.horizShowcase .item {position: relative; margin: 0 0 110px 0;}
.horizShowcase .item .item_trigger_container {position: relative; width: 100%; height: 116px; border-bottom: 5px solid #000; text-align: center;}
.horizShowcase .item .item_trigger_container a {display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 98%; border-bottom: 0px solid #000;}
.horizShowcase .item .item_trigger_container .item_trigger {height: 100%;}
* html .horizShowcase .item .item_trigger_container .item_trigger {position:relative;left:-6px;}
.horizShowcase .item .item_description {margin: 5px; line-height: 1.2; text-align: center; font-weight: bold; font-size: 9px;}
.horizShowcase .item .item_description .keyword, .overlay .keyword, .horizShowcase .item .tout {clear: left; line-height: 1.3; text-transform: none; text-align: center; text-transform: capitalize; font-weight: normal; font-size: 11px;}
.item_wrapper .tout {
	clear: none !important;
	visibility: hidden;
}
.horizShowcase .item .item_description .keyword, .overlay .keyword {margin-top: 5px; letter-spacing: 0; color: #555;}
.item .touts {text-align: center;}
.item .tout, .quickbuy-pdp-item .tout {display: none; color: #d79f18;}
.horizShowcase .productDetails .item_description .family {padding-bottom: 3px; line-height:1.2;}
.horizShowcase .productDetails .item_description .name {line-height: 1.2;}
.horizShowcase .item .item_description .name_description { color:#777; }
.horizShowcase .item .item_description .shades { display:table; margin:16px auto 0 auto; white-space:nowrap; }
.productDetails .familyText {display: none;}

.per-1 .horizShowcase {margin-top: 150px !important;}
.per-1 .item {width: 100%; height: 290px;}
.per-1 .item .item_trigger_container {height: 175px; text-align: right;}
.per-1 .item .item_trigger_container a {width: 300px; height: 175px !important;}
.per-1 .item .purchaseInfo {display: block; position: absolute; bottom: 105px; left: 47.5%; width: 40.7%;}
.per-1 .item .item_description {display: none;}
.per-1 .item .purchaseInfo .item_description {display: block; margin: 0 0 15px 0; letter-spacing: 0.05em; text-transform: uppercase; text-align: center; color: #000;}
.per-1 .purchaseInfo .productData {}
.per-1 .purchaseInfo .selectbox {}
.per-1 .purchaseInfo .isRefillable {margin-right: 75px;}
.per-1 .purchaseInfo  .thumbs {width: 185px;}
.per-1 .purchaseInfo .qty {margin-right: 105px;}
.per-1 .purchaseInfo  .replenishment {margin-right: 0;}
.per-1 .item .purchaseInfo .purchase {margin: 11px 0 7px 0;}
.per-1 .item .purchaseInfo .backOrder .Instructions-backOrderContainer, .per-1 .item .purchaseInfo .outOfStock .Instructions-outOfStock, .per-1 .maxQty .Instructions-maxQty {left: 0; bottom: 15px; display: block; margin: 0; padding: 0;}
.per-1 .item .purchaseInfo .familyImage {display: none;}
.axis0 .per-1 .item .purchaseInfo .family, .fragrance .per-1 .item .purchaseInfo .family {display: block; margin-bottom: 0;}
.per-1 .item .purchaseInfo .familyText {display: block; font-size: 11px;}
.per-1 .item .purchaseInfo .tout {display: block; visibility: hidden;}
.per-1 .item .purchaseInfo .name {font-weight: normal;}
.per-1 .item .purchaseInfo .keywords {display: none;}

.horizShowcase.per-2 .item {width: 350px;}
.horizShowcase.per-2 .item .item_trigger_container  {height: 175px;}
.horizShowcase.per-2 .item .item_trigger_container a {}
.horizShowcase.per-2 .item .purchaseInfo, .horizShowcase.per-2 .item .item_description {}
.horizShowcase.per-2 .item .purchaseInfo {display: block; position: absolute; bottom: 175px; right: 0;}
.horizShowcase.per-2 .item .purchaseInfo .price {display: none;}
.horizShowcase.per-2 .item .AddTo-dockWishList {margin: 10px 0; padding: 0; width: 100%; text-transform: none; font-weight: bold; color: #000;}
.horizShowcase.per-2 .item  .item_description {}
.horizShowcase.per-2 .item  .purchaseInfo .item_description {display: block;}
.per-2 .purchaseInfo .selectbox {margin-right: 15%;}
.per-2 .purchaseInfo .thumbs {margin-right: 10px;}
.per-2 .purchaseInfo .purchase  a {clear: left;}
.horizShowcase.per-4 .item {width: 175px;}
.per-4 .item .tout {display: block; visibility: visible !important;}
.horizShowcase.per-4 .item .item_trigger_container {height: 175px;}
.horizShowcase.per-6 .item {width: 116px;}
.goes-well-with .horizShowcase.per-6 .item {width: 107px;}
.horizShowcase.per-6 .item_trigger_container {margin-bottom: 10px; height: 116px;}
.horizShowcase.per-6 .item_trigger_container a {height: 85%;}
.horizShowcase.per-6 .item_description {display: none;}
.goes-well-with .horizShowcase.per-6 .item_description {display: block;}

.per-4 .purchaseInfo, .per-6 .purchaseInfo, .per-4  .backOrder .Instructions-backOrder, .per-4 .outOfStock .Instructions-outOfStock, .per-6  .backOrder .Instructions-backOrder, .per-6 .outOfStock .Instructions-outOfStock {display: none; position: relative; left: -1000em;}

.horizShowcase.small .item {margin: 0;}
.horizShowcase.small {padding-right: 17px;}
.horizShowcase.small .item  {min-height: 130px;}

#collection, .showcase {position: relative; margin-top: 40px;}
#collection {margin-top: 80px;}
#collection .contentHeading, .showcase .contentHeading {padding: 20px 0; border-width: 1px; border-style: solid none; border-color: #e9e9e9;}
.showcaseHolder {overflow: hidden;position: relative;}
#collection .showcaseWrap, .showcaseHolder .showcaseWrap {margin-top: 0; visibility: visible;}
#collection .shelf-med .item {height: 250px;}
#collection .shelf-med .item_trigger_container a {}
#collection .controls {top: 45%;}
.js_enabled #collection .showcaseWrap {width: 700px;}
.js_enabled .showcaseWrap {visibility: hidden;}
.js_enabled .showcaseHolder .showcaseWrap, .js_enabled .shelf-singleItem {visibility: visible;}
.showcaseWrap {clear: both; position: relative; left: 0;}
.showcaseWrap .item {margin-bottom: 0 !important;}
.showcase .controls {position: absolute; z-index: 2; left: 0; top: 50%; width: 100%;}
.showcase .controls a {cursor: pointer; position: absolute; top: 50%; width: 5px; height: 10px; background: url(../img/global/carouselArrows.gif) no-repeat left top;}
.showcase .controls a.prev {left: -10px;}
.showcase .controls a.disabled-prev {background-position: 0 -15px;}
.showcase .controls a.next {right: -10px; background-position: -15px 0%;}
.showcase .controls a.disabled-next {background-position: -15px -15px;}
#collection .productName h3, .showcase  .productName h3 {text-transform: uppercase; font-size: 22px !important; font-weight: bold; color: #000; letter-spacing: 0.05em;}

/* recently viewed Items*/
#collection, .recentlyViewed .showcase {position: relative; margin-top: 40px;}
#collection .recentlyViewed {margin-top: 80px;}
#collection .recentlyViewed .contentHeading, .showcase .contentHeading {padding: 20px 0; border-width: 1px; border-style: solid none; border-color: #e9e9e9;}
.showcaseHolder {overflow: hidden;position: relative;}
#collection .recentlyViewed .showcaseWrap, .showcaseHolder .showcaseWrap {margin-top: 0; visibility: visible;}
#collection .recentlyViewed .shelf-med .item {height: 250px;}
#collection .recentlyViewed .shelf-med .item_trigger_container a {}
#collection .recentlyViewed .controls {top: 45%;}
.js_enabled #collection .recentlyViewed .showcaseWrap {width: 700px;}

#collection .recentlyViewed .productName h3, .showcase  .productName h3 {text-transform: uppercase; font-size: 22px !important; font-weight: bold; color: #000; letter-spacing: 0.05em;}



.showcase-small {width: 250px;}
.showcase-small .showcaseWrap {}
.showcase-small .item .item_trigger_container, .shelf-small .item .item_trigger_container {height: 75px !important;}
.showcase-small .horizShowcase .item .item_trigger_container a, .shelf-small .item .item_trigger_container a {width: 75px;}
.showcase-med {width: 700px;}
.goes-well-with .showcase-med {width: 428px;}
.showcase-med .showcaseWrap {height: 175px;}
.showcase-lg {width: 700px;}
.showcase-lg .showcaseWrap {}

#recentlyViewed {border: 0;}
#recentlyViewed ul {float: left; margin: 15px 40px 15px 0;}
#recentlyViewed li {margin: 2px 0;}
#recentlyViewed li a {padding: 2px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.05em;}
#recentlyViewed li a:hover {color: #fff; background: #000;}

.fragrance #hero .promoCollection li.fragrance, .makeup #hero .promoCollection li.makeup, .skincare #hero .promoCollection li.skincare {left: auto;}

/*Main Navigation*/
#mainNav {overflow: hidden; position:fixed; top: 30px; float: left; margin: 0;}
.promoSection #mainNav {position: static;}
#mainNav .navOuter {display: table-cell; top: 50%; vertical-align: middle;}
#mainNav .navInner {margin-right: 20px; width:160px; background-color: rgba(0,0,0,0.7);}

.whiteTheme #mainNav .navInner {background-color: rgba(255,255,255,0.7);}
.whiteTheme #mainNav #nav3 {border-color: #000;}
.whiteTheme .first_tier {border-color: #000;}
.whiteTheme #mainNav .second_tier ul {background-image: url(../img/nav_divider_graydots.gif)}
.whiteTheme #mainNav .second_tier ul {border-color: #000;}
.whiteTheme #mainNav .second_tier ul {border-color: #444;}

#mainNav li {text-align:center;width:100%;line-height: 1;}
#mainNav li a {display:block;text-indent:-1000em;outline:none;font-weight:bold;letter-spacing: 0.05em;}
.first_tier {border-top: 1px solid #535353;padding: 10px 0;line-height: 1.2 !important;}

.fragrance #nav1, .skincare #nav3, .makeup #nav2,
.axis0 #nav1, .axis2 #nav3, .axis1 #nav2 {padding-bottom: 0;}
.fragrance #nav1 .second_tier, .skincare #nav3 .second_tier, .makeup #nav2 .second_tier,
.axis0 #nav1 .second_tier, .axis2 #nav3 .second_tier, .axis1 #nav2 .second_tier {display: block; position: static; height: auto;}
#nav3 {border-bottom: 1px solid #535353;}

#mainNav a.navHeading {padding-bottom: 1px;}
#nav1 a.navHeading {background-position: 100% -9px;}
.whiteTheme #nav1 a.navHeading {background-position: 0 -9px;}
#nav2 a.navHeading {background-position: 100% -40px;}
.whiteTheme #nav2 a.navHeading {background-position: 0 -40px;}
#nav3 a.navHeading {background-position: 100% -70px;}
.whiteTheme #nav3 a.navHeading {background-position: 0 -70px;}

#mainNav .second_tier {display: none; overflow:hidden;position:absolute;left:-1000em;margin-top: 10px;height: 0;text-indent: 0;}
#mainNav .second_tier a {display:inline; padding: 0 2px !important; text-indent: 0; text-transform: uppercase; background-image: none; font-size: 11px;}

#mainNav .second_tier ul {margin: 0 5px; padding: 7px 0; background: url(../img/nav_divider_graydots.gif) repeat-x left top;}
#mainNav .second_tier ul li {padding: 2px 0;}
#mainNav .third_tier {margin: 0 !important; background-image: none !important;}
#mainNav  .third_tier .first, #mainNav .third_tier_active .first {margin-top: 0 !important; padding-top: 5px !important;}
#mainNav  .third_tier .last, #mainNav .third_tier_active .last {margin-bottom: 0 !important; padding-bottom: 5px !important;}
#mainNav .third_tier li {padding: 1px 0 !important;}
#mainNav .third_tier a {letter-spacing: 0; font-size: 9px;}

#mainNav a.acc_trigger {text-transform: uppercase;}
.js_enabled #mainNav .acc_content {position:absolute;left:-1000em; overflow: hidden; width: 100%;}
.js_enabled #mainNav .acc_wrapper {position: relative; min-height: 0;}
.js_enabled #mainNav .acc_wrapper.active .acc_content {position: relative; left: auto; top: auto; overflow: visible; visibility: visible; min-height: 0;}
.js_enabled #mainNav .active .open {position: relative !important;}
#mainNav .second_tier ul ul {background:none;padding:7px 0 5px;padding:0;border:none;}

.default #cartContent {display: none;}
#cartContent, #wishlistContent {
	position: relative;
	top: 11px;
	height: 75px;
}
#wishlistContent .item .qty {
	float: none;
	margin-left: 15px;
}
#wishlistContent {top: 30px;}

.whiteTheme #mainNav a {color: #000;}
.whiteTheme #mainNav a.active, .whiteTheme #mainNav .second_tier a:hover {background: #000; color: #fff;}

#mainNav a {line-height: 1.3; background-repeat: no-repeat; font-size: 9px; color: #fff;}
#mainNav a.active, #mainNav .second_tier a:hover {background: #fff; color: #000;}
#mainNav a.active {cursor: default;}

/*Dock*/
#tempLinks  {position: absolute; left: 0 !important; top: -21px !important; margin: 0 auto; width: 100%; background: #000; text-align: center;}
#tempLinks .content {padding: 0 !important; width: 970px;}
#mainDock {position:fixed;z-index: 10001;bottom:0;left:0; border-top: 1px solid #222; background:#000;height: 100px;width:100%;}
#mainDock.white {background-color:white; border-top: 0px;}
#mainDock .dock_panel {display: none; position:absolute;left:-1000em;width:100%;min-height: 140px; background:#fff;color: #000;}
#mainDock .open_panel {position: static; display: block;}
#mainDock .dock_panel .content {padding-top: 0;}
#mainDock .dark {background: #333;}
#mainDock .dark, #mainDock .dark a {color: #fff;}
#mainDock .content {width : 970px;position:relative;margin:0 auto;}
#mainDock .productDetails {position: relative;}
#mainDock .productDetails .item_description {display: none;}
/*#mainDock .instructions {margin: 20px 0 0 0;}*/
#mainDock .instructions p {margin: 3px 0;}

#mainDock .row.float, #dockSignin .row.float {clear: none !important; margin-right: 10px; margin-bottom: 10px;}
#mainDock .row label {font-weight: bold;}
#mainDock .purchase a, #dockSignin .purchase button {cursor: pointer; text-transform: uppercase; font-size: 11px; font-weight: bold;}
#mainDock .purchase a {background: #000; color: #fff;}
#mainDock table {margin-top: 20px; border-collapse: collapse; font-weight: bold; font-size: 11px;}
#mainDock table thead {margin-bottom: 10px;}
#mainDock table thead td {padding: 5px 0; border: 1px solid #dfdfdf; border-left: none; border-right: none;}
#mainDock table td {padding: 2px 0; width: 160px;}
#mainDock table td a, #mainDock #forgotPasswordLink {color: #777;}
.scrolling_example #mainDock .content {padding-top:1px;}

#dockGlobalNav a {padding-right: 5px;}
#panelTriggers a, #search h3, #dockGlobalNav a {background-image: url(../img/dock/dock_labels_en_US.gif);}
#mainDock .position1 {background-position: 0 -20px;}
#mainDock .position2 {background-position: 0 -300px;}/* Account */
#mainDock .position3 {background-position: 0 -150px;}/* Bag */
#mainDock .position4 {background-position: 0 -80px;}
#mainDock .position5 {background-position: 0 -100px;}
#mainDock .position6 {background-position: 0 -120px;}
#mainDock .position7 {background-position: 0 0;}
#mainDock .position8 {background-position: 0 -25px;}
#mainDock .position9 {background-position: 0 -50px;}
#mainDock .position10 {background-position: 0 -75px;}
#mainDock .position11 {background-position: 0 -100px;}
#mainDock .position12 {background-position: 0 -125px;}
#mainDock .position13 {background-position: 0 -150px;}
#mainDock .position14 {background-position: 0 -280px;}
#mainDock .position15 {background-position: 0 -300px;}
#mainDock .position16 {background-position: 0 -220px;}
#mainDock .position17 {background-position: 0 -240px;}
#mainDock .position18 {background-position: 0 -260px;}
#mainDock .position19 {background-position: 0 -280px;}
#mainDock .position20 {background-position: 0 -300px;}
#mainDock .position21 {background-position: 0 -275px;}/* Login */

#dockControls a {color:#999;font-size: 10px;}
#dockControls .center_text {padding: 24px 0 27px 0;}
#search {position: absolute; z-index: 1; left: 0; top: 30px; width: 200px; border-bottom: 1px solid #777; text-transform: uppercase; color: #999;}
#search.active {border-bottom: 1px solid #777;}
#search input {float: left; margin-top: 6px; width: 135px; background: #000; border: 0; outline: none; text-transform: none; letter-spacing: 0.05em; font-weight: bold; font-size: 9px; color: #999;}
#mainDock.white #search input {background-color:white;}
#search h3 {float: left; clear: none !important; margin-bottom: 0 !important; width: 60px !important; background-position: 0 -250px; color: #999;}
#searchHolder a {color: #fff;}
#predictiveSearch.active {left: -15px;}
#predictiveSearch {position: absolute; left: -1000em; bottom: 0; padding-bottom: 65px; width: 230px; border: 1px solid #222; background: #000; text-transform: uppercase; text-align: center; letter-spacing: 0.05em; font-weight: bold;}
#predictiveSearch .holder {padding: 15px;}
#predictiveSearch h5 {font-size: 11px; color: #999;}
#predictiveSearch ul {margin-bottom: 30px;}
#predictiveSearch ul li {padding: 2px 0; line-height: 1;}
#predictiveSearch .all {text-transform: capitalize; text-align: left;}
#predictiveSearch .jScrollPaneContainer .holder {left: 0;}
#predictiveSearch.active .jScrollPaneContainer {margin: 10px 0;}

#chanelTrigger {font-size:32px;}
#panelTriggers {position:absolute;right:0;top:35px;text-transform:uppercase; font-weight: bold; color: #fff;}
#panelTriggers li, #mainDock h3, #dockSignin h3 {font-size: 0.85em;}
#panelTriggers a, #mainDock h3, #search h3, #dockGlobalNav a {}
#panelTriggers a, #mainDock h3, #search h3, #dockSignin h3 {padding-right: 2px; letter-spacing: 0.15em;}
#panelTriggers .wishlist {background-position: 0 0}
#panelTriggers .logout {background-position: -146px 2px}
#panelTriggers .offers {background-position: -150px 2px}
#panelTriggers .account {background-position: -300px 2px}
#panelTriggers .bag {background-position: -450px 2px}
#panelTriggers a span.label, #mainDock h3 span.label, #search label.label {visibility: hidden; font-size: 1.1em;}
#mainDock .dock_panel h3 span.label {visibility: visible;}
#panelTriggers li {float:right; margin-left:15px; overflow:hidden;}
#panelTriggers #myBagTrigger, #panelTriggers #CheckoutTrigger {color:#fff; position: relative; top: -1px;}
#panelTriggers #CheckoutTrigger span {line-height:8px;}
#mainDock.white #myBagTrigger span {color: #999}
#panelTriggers #myBagTrigger span{margin-left:3px; line-height:8px; vertical-align:top;}
#panelTriggers #myBagTrigger img {margin-left:-110px;}
#panelTriggers #myBagItemCount {font-size:12px;font-weight:bold;}

#mainDock .dock_items {float: left; width: 700px;}
#mainDock  .quickbuy {width: 70px; color: #fff;}
#mainDock  .utilities {margin: 10px 0; text-transform: uppercase; text-align: right; font-size: 10px;}
#mainDock h3 {clear: both; overflow:hidden; margin: 8px 0; width: 140px;}
#mainDock .dock_panel h3 {margin-top: 15px; height: auto; text-transform: uppercase;}
#mainDock .dock_panel .dock_summary h3 {margin-top: 0;}
#mainDock .open-Login, #dockWishList .dock_summary a {font-weight: bold;}
#dockAccount {height: 130px;}
#dockAccount h3 {background-position: -300px -20px;}
#dockCart h3 {margin-bottom: 25px; background-position: -450px -20px;}
#dockWishList h3 {background-position: -600px -20px;}
#dockWishList .open-WishList {color: #777;}
#dockWishList .purchase {display: none;}
#dockWishList .dock_summary .nonreg {margin-top: 30px;}
#dockAccount .instructions {margin: 15px 0; font-weight: bold; color: #777;}
#dockCart .content {height: 140px;}
#dockCart .dock_summary #dockCart_subtotal {float: left; width: 50%;}
#dockCart .dock_summary h4 .counter {float: none; display: inline;}
#dockCart .dock_summary .purchase {float: right; margin-bottom: 5px;}
#dockCart .dock_summary .purchase a {float: none; text-align: center;}
#dockCart .dock_summary .contentHeading {margin-bottom: 8px;}
#dockCart .instructions {display: none;}
#dockCart .default .instructions {display: block;}
#dockCart .default .dock_summary .details {visibility: hidden;}
#dockCart .item img.item_trigger, #dockWishList .item img.item_trigger {width: 75px; height: 75px;}
#cartFragment, .hiddenframe {position: absolute; left: -1000em;}
#dockGlobalNav.dock_panel {background: #000; text-align: center;}
#mainDock.white #dockGlobalNav.dock_panel {background: #FFF;}
#mainDock.white #footer .dropdown .jScrollPaneContainer {background-color: #FFF;border-color: #999}
#dockGlobalNav .dock_items {float: none; margin-bottom: 20px; width: 100%;}
#dockGlobalNav li {height:20px; overflow:hidden;}

#dockGlobalNav a {background-repeat: no-repeat; background-position: 0 40px; line-height: 1; text-transform: uppercase; font-size: 1.1em; font-weight: bold; color: #fff;}
#dockGlobalNav .label {visibility: hidden;}
#dockGlobalNav .home {background-position: 0 -40px;}
#dockGlobalNav .fashion {background-position: -150px -40px;}
#dockGlobalNav .fragrance {background-position: -300px -40px;}
#dockGlobalNav .makeup {background-position: -450px -40px;}
#dockGlobalNav .skin, #dockGlobalNav .skincare {background-position: -600px -40px;}
#dockGlobalNav .jewelry {background-position: -750px -40px;}

#dockLogIn {color: #777 !important;}
#dockLogIn .dock_items {}
#dockLogIn .dock_summary p {margin-bottom: 9px;}
#dockLogIn h3 {margin-top: 0 !important; color: #000 !important;}
#dockLogIn h3, #dockSignin h3 {margin-bottom: 15px; width: auto; height: auto; line-height: 1; text-transform: uppercase;}
#dockLogIn h3 span.label {visibility: visible;}
#dockLogIn .errorMsg {display: none; position: absolute; left: 70px; margin: 0 !important; font-weight: normal; color: #b40101;}
#dockLogIn a {font-weight: bold;}
#dockLogIn .purchase {margin-bottom: 5px !important;}
#dockLogIn .purchase a, #dockSignin .purchase button, #mainDock .purchase a.continue {padding: 2px 0; background: #fff; color: #000;}
#dockLogIn .row .label {margin-left: 10px;}
#mainDock .purchase a.continue {clear: left; margin-top: 5px; width: auto; height: auto; text-transform: capitalize;}

#dockSignin {color: #000;}
#dockSignin label {float: left; display: block; width: 70px; font-weight: bold; color: #777;}
#dockSignin .label label {float: none; display: inline; padding-left: 5px; width: auto; color: #777 !important;}
#dockSignin .row {margin-bottom: 10px;}
#dockSignin .purchase {clear: left !important; float: none; position: relative;}
#dockSignin .purchase label {margin-bottom: 0; text-transform: none; color: #777;}
#dockSignin .purchase button {margin-left: -4px; border: 0; font-family:inherit;}
#dockSignin input {width: 160px; border: 1px solid #e5e5e5; background: #e5e5e5;}
#dockSignin #rememberMe {width: auto; background: #fff; border: none;}
#dockSignin.error label {border-color: #b40101; color: #b40101;}
#dockSignin input.error {
	border: 1px solid #E5E5E5 !important;
	color: #000 !important;
}
#dockSignin.error .errorMsg {display: inline;}
#dockStores {min-height: 33px !important; height: 33px;}
#dockStores .dock_items {width: 100%;}
#dockStores .dock_summary {display: none;}
#dockStores .dock_items a {margin-left: 20px;}
#commerceSignIn {display: none;}
#LoginFrame {margin: 23px 0 0 0; height: 110px; border: 0;}


.chanelUser .nonreg {display: none;}
.js_enabled #LoginTrigger, .js_enabled #AccountTrigger { display: none; }
.showLogin #LoginTrigger { display: block; } 
.chanelUser #AccountTrigger {display: block;}
.chanelUser #LoginTrigger {display: none !important;}

.dock_summary {float: right; position: relative; margin: 13px 0 0 0; width: 250px;}
.dock_summary .contentHeading {margin: 10px 0 15px 0;}
.dock_summary .dock-closer {float: right; clear: right; width: 14px; height: 14px; text-align: right; line-height: 1; background: url(../img/dock/close-button.gif) no-repeat 50% 50%; font-size: 10px;}
.dock_summary .dock-closer .label {visibility: hidden;}

.dock_summary h4 {font-size: 11px; font-weight: bold;}
.dock_summary h4 span {float: left;}
.dock_summary h4 a {float: right;}
.dock_summary h4 .clear {float: none; display: block;}
.dock_summary ul {float: left; margin-top: 25px; font-weight: bold;}
.dock_summary ul.last {float: right;}
.dock_summary ul li {margin-bottom: 5px;}

#mainDock .item .item_trigger_container {width: 70px; text-align: center;}
#mainDock .item .item_trigger_container .name {display: none;}
#mainDock .item .item_content .purchase a {clear: left; width: 100%;}

#dockCart .item_content .purchase .RemoveFrom-dockCart, #dockCart .item_content .purchase .mover-dockWishList {display: block;}
#dockCart .item_content .purchase .AddTo-dockWishList {float: left !important; padding: 0 !important; border: none !important;}
#dockWishList .item_content .purchase .RemoveFrom-dockWishList, #dockWishList .item_content .purchase .mover-dockCart {display: block;}
/* Quick Buy module */
.item {float:left;position:relative;margin-right: 30px;}
#mainDock .item, .overlay .item, .per-2 .item, .per-4 .item {z-index:1;}
.item.loading .item_trigger_container  {background: url(../img/global/chanel_loader_white.gif) no-repeat 50% 50%;}
.item.loading .item_trigger_container  a, .item.loading .item_quickbuy, .item.loading .item_description {visibility: hidden;}
.item .item_content {color: #fff;}
.item.active {z-index: 2 !important; overflow: visible;}
.item .item_content {float:left; position:absolute; z-index: 2; left:-1000em;bottom:50%; line-height: 1.6; width: 225px; border: 1px solid #222; text-align: left; font-weight: bold;}
.item.active .item_content {left: 80%; bottom: 30%;}
.active.below .item_content {left: 0; top: 100%; bottom: auto;}
.active.reversed .item_content {left: -80%;}
.item .item_trigger {cursor: pointer;}
.item .item_content .content {clear: both; padding: 18px !important; width: auto !important; height: auto !important; border: 1px solid #222; background: #000;}
.item .item_content .label {text-transform: capitalize; color: #777 !important;}
.item .item_content form {clear: both;}
.item .item_content form .detail {display: block; float: none; clear: left;}
.item .item_content input {background-color: #000; font-weight: bold; color: #fff;}
.item .item_content .productName {clear: both; padding: 0 !important; height: auto; text-align: left;}
.item .purchase {margin-bottom: 15px;}
.item .item_content .purchaseInfo {position: static;}
.item .item_content .purchaseInfo div.clear {margin-bottom: 3px;}
.item .item_content .productName .family {display: block; text-align: left; text-transform: uppercase; font-size: 15px; font-weight: bold;}
.item .item_content .productName .name {text-transform: none; font-size: 11px;}
.item .item_content .purchase {margin-top: 35px; margin-bottom: 0 !important;}
.item .item_content .purchase a {display: block; cursor: pointer; margin: 0; padding: 0; width: auto; color: #fff;}
.item .item_content .purchase .qb-action {display: none; font-size: 11px;}
#contentWrapper .item .item_content .purchase .adder-dockCart, #contentWrapper .item .item_content .purchase .adder-dockWishList {display: block;}
.item .item_content .purchase .AddTo-dockCart {margin-bottom: 10px; font-size: 0.9em;}
.item .item_content .purchase .AddTo-dockWishList {width: 145px;}
.item .item_content .purchase .AddTo-dockWishList, .item .item_content .purchase .AddTo-dockCart {margin-bottom: 10px; text-transform: uppercase;}
.item_content .ds_content .inner, .item_content .select_open .select_display .ds_content .inner, .item_content .select_display span.selectLabel {background-color: #000;}
.item_content .select_display span.selectLabel {border-color: #000;}
.item_content .select_open .select_display span.selectLabel, .item_content .select_dropdown {border-color: #777;}
.item_content .select_display span.selectLabel, .item_content .select_list li.hovered, .item_content .ds_content li {color: #fff;}
.item_content .select_open .select_dropdown .ds_top, 
.item_content .select_open .select_dropdown .ds_content,
.item_content .select_open .select_display .ds_content,
.item_content .select_open .select_display .ds_top, 
.item_content .select_open .select_display .ds_content .inner,
.item_content .select_open .select_display .ds_content .outer,
.item_content .select_open .ds_bottom, 
.item_content .select_open .ds_bottom .outer,
.item_content .select_open .ds_bottom .inner,
.item_content .select_open .ds_top,
.item_content .select_open .ds_top .outer,
.item_content .select_open .ds_top .inner,
.item_content .select_open .ds_content .outer, 
.item_content .select_open .ds_content .inner, .item_content .select_dropdown {background-color: #000; background-image: none !important;}
.item_content .thumbs li .swatch-name {color: #fff;}
.item_content .unit .select_dropdown {width: 98%;}
.dock_items .item_content .selectbox.thumbs .select_dropdown {width: 99%;}
.dock_items .item .itemQty {position: absolute; z-index: 1; right: -13px; bottom: 30px; padding: 3px 6px; background: url(../img/dock/dock_qty.png) no-repeat 50% 50%; font-weight: bold; color: #fff;}
.item .item_content .label {display: block; float: left; border-bottom: 0 !important;}
.item .item_content .qty, .item .item_content .skuName, .item .item_content .replenishment {float: right;}
#mainDock .item .item_content .skuName { float: left; margin-left: 37px; }
#mainDock .item .item_content .shade { margin-left: 0; }

.item .item_content .qty, .item .item_content .skuName {margin-right: 50px; width: 50px;}
.item .item_content .replenishment {margin-right: 0; width: 100px;}
.item .item_content .select_list li.selected {color:  #bebebe;}
.item .item_content .selectLabel {font-size: 9px;}

/* non-commerce layout mods */
.nocomm .item .productData, .nocomm .purchaseInfo li, .nocomm .purchaseInfo .label {text-align: center;}
.nocomm .purchaseInfo .label {display: inline; float: none;}
.nocomm .purchaseInfo .unitLabel{
	position: absolute;
	left: -1000em;
}
.nocomm .productName {margin-bottom: 0;}
#mainProduct.nocomm {height: 350px;}
#mainProduct.nocomm .minor {top: 50%; bottom: auto; margin-bottom: -175px;}
/* non-commerce layout mods */

.qb-status-update {color: #fff;}
.qb-status-update .purchaseInfo {line-height: 1.6;}
.qb-status-update .selectLabel {border-color: #bebebe !important;}
.qb-status-update .item_trigger {display: none;}
.qb-status-update .item_content {width: 220px;}
.qb-status-update .item_content .label {width: auto !important;}
.qb-status-update .item_content .purchaseInfo .productName {display: none;}
.qb-status-update .item_content .replenishment {float: left; margin-right: 0; width: 185px;}
.qb-status-update .item_content .replenishmentLabel {display: none;}
.qb-status-update .item_content .selectbox {margin-right: 40px; color: #fff;}
.qb-status-update .item_content .selectbox .select_list li {color: #fff !important;}
.qb-status-update .item_content .AddTo-dockCart {font-size: 1.1em !important;}
.qb-status-update .item_content .qb-action {display: block !important; text-transform: uppercase; color: #fff !important;}

.horizShowcase .item {margin: 0;}
.item_quickbuy {width: 100%; height: 15px; text-align: center;}
.item_quickbuy p {display: none;}
.item_quickbuy a.trigger {display: block; margin: 0 auto; padding: 2px 7px; width: 67px; height: 15px; line-height: 1; background: url(../img/global/button_quickview.gif) no-repeat 50% 0%; text-indent: -1000em; text-transform: capitalize; font-size: 0.8em; font-weight: bold; color: #fff;}
.horizShowcase .item .family {display: none;}
/* Quick Buy module */

/* overlay */
.overlay {position: absolute; left: 0; top: 0; z-index: 10000; background: #fff;}
.overlay .close {position: absolute; top: 15px; right: 10px; font-weight: bold; text-transform: capitalize;}
.overlay_block {position: fixed; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: #000;}
/* overlay */

#footer {background:#000; position:absolute; z-index: 5; bottom:0;width:100%; line-height: 1; border-top: 1px solid #222;}
#mainDock.white #footer {background-color:white; border-top: 1px solid #999;}
#footer .content {padding: 0 0 7px 0; text-transform: uppercase; text-align: center; font-size: 10px; color: #999;}
#footer .content a {letter-spacing: 0.1em; font-weight: bold; color:#999;}
#mainDock.white #footer .content a {color:#999 !important;}
#mainDock.white #footer .content a:hover {color:#999 !important;}
#footer .content a:hover {color: #fff;}
#footer .content a, #footer .dropdown {display: inline-block; padding: 7px 4px 0 4px;}
#footer .content a.first {margin-left: 0;}
#footer .content a.last {margin-right: 0;}
#footer ul li {float:left;}
#footer .dropdown {}

#footer .dd_active .dd_content, #footer .dd_active .jScrollPaneContainer {bottom: 100%;}
#footer .dropdown .dd_content a {float: none;}
.safari #footer .dd_active .dd_content, .safari #footer .dd_active .jScrollPaneContainer {}/*ugly...for Safari*/


#footer .dropdown .jScrollPaneContainer {position: absolute; left: -1000em; width:213px !important; background: #000;}
#footer .jScrollPaneTrack {right: 20px; background: #222;}
#footer .jScrollPaneDrag {background: #999;}
#footer .dd_active .jScrollPaneContainer {left: -90px; border:1px solid #222; border-style: solid solid none solid;}
#footer .dd_active .jScrollPaneContainer .dd_content {left: 0; width: auto !important; border: none;}
#footer .dd_active .dd_content {background-color:#000;}
#mainDock.white #footer .dd_active .dd_content {background-color:#FFF;}
#footer .dd_active .dd_content {left: -14px;}
#footer .dd_content { padding: 15px 19px; min-width: 90px; line-height: 1.6; text-align:left; border:1px solid #222; border-style: solid solid none solid; background:#000; background-image:none; text-transform: none; text-align: left; font-size: 11px;}
.whiteDock #footer .dd_content {border: 1px solid #999; border-style: solid solid none solid;}
#footer .dd_content h5 {margin:0; padding:0; font-size:11px; line-height:17px; white-space: nowrap; font-weight:normal; color:#999; }
#footer .dd_content li h5 {margin-top: 10px;}
#footer .dropdown .dd_trigger {display: inline; line-height: 1;}
#footer .dropdown a {text-transform: uppercase;}
#footer .dd_content a {padding: 0; letter-spacing: 0; font-size: 9px;}
#footer .dd_active a {color: #fff;}
#footer .dropdown .purchase, #register .purchase {float: none; clear: both; margin: 10px 0;}
#footer .dropdown .purchase a, #register .purchase .submit {float: left; cursor: pointer; margin: 0; padding: 3px 10px 3px 0; border: 0; text-transform: uppercase; background: #000; font-weight: bold; font-size: 11px; color: #fff;}
#mainDock.white #footer .dropdown .purchase a, #register .purchase .submit {background-color:white; color: #000 !important;}
#footer .dd_holder {display: inline-block;}
#footer .dd_content ul { margin: 0; padding:0; }
#footer .dd_content ul li { float:none; margin:0; padding:0; line-height:17px; }
#footer .dd_content ul li a {margin: 0; white-space: nowrap;}
#specialOffers .dd_content {width:150px !important;}
#register h5, #specialOffers .dd_content h5 {margin-bottom: 5px; text-transform: uppercase; font-weight: bold; font-size: 12px; color: #fff;}
.whiteDock #specialOffers .dd_content h5 {color: #000}
#emailSignup .dd_content, #emailSignup .dd_active .jScrollPaneContainer .dd_content, #emailSignup .jScrollPaneContainer .dd_content {padding-bottom: 0; width: 210px !important; height: 250px;}
#emailSignup iframe {width: 100%; height: 100%; border: 0;}
#emailSignup .initalBorder {border-color: #FFF}
body.whiteDock  #emailSignup .initalBorder {border-color: #999}

#register {line-height: 1.6; background: #000; font-weight: bold; color: #999;}
#register p {margin-bottom: 12px;}
#register .checkbox {margin-right: 7px;}
#register ul {margin-bottom: 20px; line-height: 1.3;}
#register ul li {margin-bottom: 3px;}
#register h6 {margin-bottom: 5px; text-transform: uppercase; font-size: 11px;}
#register .purchase {margin-bottom: 0;}
#emailAddressSignup {float: none; padding: 7px 5px; width: 84%; border: none; background: #e9e9e9; font-size: 11px; color: #999;}

#specialOffers .dd_content {width: 220px !important;}
#specialOffers .col-content {float: left !important; margin-right: 2%; width: 60%;}
#specialOffers .col {float: right;}
#stores .dd_active .dd_content ul, #services .dd_active .dd_content ul {padding: 0;}
#stores .dd_active .dd_content a, #services .dd_active .dd_content a {margin: 0;}
#stores .dd_active .dd_trigger, #services .dd_active .dd_trigger {}
#stores .dd_content li, #services .dd_content  li {float: none; padding: 0; text-align: center !important;}

/*Custom Select general*/
.js_enabled select {position:absolute;left:-1000em;}
.selectbox {display: inline; float: left; position: static; min-width: 100px; text-transform: uppercase;}
.selectbox .select_display span.selectLabel, .selectbox .select_display span.selectLabel .swatch-name, .selectbox .select_display span.selectLabel .shadeNumber, .selectbox .select_dropdown .select_list, .selectbox .select_dropdown .select_list .swatch-name, .selectbox .select_dropdown .select_list .label, .selectbox .shadeNumber {font-size: 9px !important; color: #000;}
.selectbox .select_display span.selectLabel .shadeNumber {padding-right:5px;}
#aspnetForm .selectbox .selectLabel {
	color: #000 !important;
}

#aspnetForm .selectbox_whitetext .selectbox .selectLabel {
	color: #fff !important;
}

.select_parent {cursor:pointer; position:relative;}
.thumbs .select_parent {left: auto;}
.filter .select_parent {left: auto; top: auto;margin-right: 5px;}
.select_display span.selectLabel {height: 16px; border: 1px solid #fff; background: #fff url(../img/arrow_down.gif) 100% 50% no-repeat;}
#mainDock .item .item_content .select_display span.selectLabel {background-image: url(../img/arrow_down_blackbg.gif); background-position: 94% 50%;}
.select_display span.selectLabel:after, .selectbox .select_list li:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .select_display span.selectLabel, * html .selectbox .select_list li  {height: 1%;}
.select_display span.selectLabel, .filterbox .select_display span.selectLabel, .thumbs .select_display span.selectLabel {border: 1px solid #bebebe;}

.focused .select_display span.selectLabel, .focused .select_display .filterbox span.selectLabel, .focused .thumbs .select_display span.selectLabel, .focused .filterbox .select_display span.selectLabel {
	border: 1px solid #999 !important;
}
 

.select_display span.selectLabel, .dd_trigger {display: block; padding:1px 12px 1px 5px; line-height: 15px; color: #000;}
.dd_trigger {padding: 5px 12px;}
.thumbs .select_display span.selectLabel {padding: 3px 12px 3px 4px; height: auto; line-height: 12px;}
.dd_trigger {background-position: 100% 8px;}
.dd_trigger {padding: 2px 12px 2px 2px;}
.select_dropdown {position:absolute;left:-1000em;top:-1000em;width:100%;overflow:hidden; background: #fff;}
.select_open .select_dropdown {left:0;top:auto;}
.pdp.item .select_open .ds_content .inner {background: #fff;}
.select_dropdown .select_list {padding: 5px 0 0 0; border-width: 1px; border-style: none solid solid solid; border-color: #bebebe;}
.select_dropdown .select_list:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#mainDock .select_list {border-color: #333;}
.select_dropdown .select_list li {line-height: 1.4;}
.select_list li {padding:1px 12px 1px 5px;display:block;color:#777;text-align:left;float:none !important;}
.select_list li.selected {color: #000;}
.select_list li.last {padding-bottom:5px;}
.select_list li.hovered{color:#000;}

.selectbox.qty .select_dropdown {}
.dock_items .selector .thumbs {width: 170px;}
.selector .thumbs {width: 190px; font-size: 9px;}
.selector .single {font-size: 11px;}
.selector .thumbs .select_dropdown {}
.selector .thumbs li, .thumbs li {display:block; padding-bottom: 5px; min-width:0;}
.selector .thumbs li.selected, .thumbs li.selected {}
.selector .thumbs li:after, .thumbs li:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .selector .thumbs li, * html .thumbs li {height: 1px;}
.dock_items .selectbox.thumbs .selectLabel {border-color: #777;}
.selectbox.thumbs .selectLabel, .selectbox.thumbs .selectLabel .label, .thumbs li {line-height: 12px;}
.item_content .shade, .skuName .shade {padding-left: 8px;}
.item_content .swatch-name, .item_content .shadeNumber {float: none !important; display: inline !important;}
.skuName .swatch_icon {float: left; width: 12px; height: 12px;margin-right:5px;}
.selectbox .long-name {height: 20px;}
.selectbox .swatch-name {width: 65%;}
.selectbox .shadeNumber {float: left; padding-right: 5px;}
.item .item_content .shade {margin-right: 0 !important;}
.item .item_content span.shade {float: left !important; padding-left: 26px; min-width: 110px !important; width: auto !important;}
.selector .thumbs li {padding-left: 4px; padding-bottom: 5px; line-height: 12px;}
.selector .thumbs li .swatch-name, .pdp .productDetails .thumbs .label {display: block; float: left; color: #000;}
.skuName .shadeNumber {float: left; padding-right: 5px;}
/*Custom Select general*/

/* BAG Custom Select*/
#cartContent .selector .select_parent, #wishlistContent .selector .select_parent {
	width: 40px;
	margin-left: 60px;
}
#cartContent .qty {
	display: none;
}
#cartContent .selector span.selectLabel, #wishlistContent .selector span.selectLabel {
	border: 1px solid #333;
}
#wishlistContent .select_parent {
	display: none;
}

/* SETS of 4 */
.palette .label span {}
.palette .selectLabel .swatches {
	display: none;
}
.palette .selectLabel .swatches:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}

#pageWrapper .palette .select_list .swatch-name {
	padding-left: 0 !important;
	width: 90%;
}
.palette .select_dropdown .swatches {
	display: block;
	clear: both; 
	padding-top: 3px;
}
.palette .select_dropdown {
	top: 1px;
}
.palette .select_dropdown li {
	margin-bottom: 5px;
}
.palette .swatch-name {
	display: block;
	margin-bottom: 0;
	padding: 0 !important;
}

.select_dropdown .swatches .swatch {
	height: 13px;
	width: 13px;
	float: left;
	margin-right: 1px;
}	
.palette .swatch-name {width: 90% !important;}
.palette .swatch-name .name {float: left;}
.palette .swatch-name .shadeNumber {float: left;}



/*Dropdown*/
.dropdown {position:relative;z-index:10;}
.dd_active {z-index:50000;}
.js_enabled .dd_content {position:absolute;left:-1000em;top:-1000em;overflow:hidden;}
.js_enabled .dd_active .dd_content {left:0;top:auto;}
.dropdown .dd_content {position: absolute; left: -1000em;}
.dropdown .dd_trigger {color:#000;font-weight:bold;}
.dropdown ul {padding:0 12px 7px; list-style: none;}
.dropdown li {text-transform:none;font-size:11px;text-align:left;float:none;padding-top:15px;}
.dropdown li.first {padding-top:4px;}
.dropdown li a:hover {color:#000;}

#contentWrapper .helper.dd_active {z-index: 5;}
.Instructions-backOrderContainer .helper .item_trigger {cursor: pointer;}
#contentWrapper .helper .item_trigger {cursor: pointer; float: none;}
#contentWrapper .helper .item_content, .overlay .helper .item_content {position: absolute; left: auto; left: -1000em; padding: ; width: auto; text-transform: none; background: #000;}
#contentWrapper .helper .item_content .content, .overlay .helper .item_content .content {padding: 18px;}
#contentWrapper .helper .item_content p , .overlay .helper .item_content .content p {display: block; margin-bottom: 10px; background: #000;}
.Instructions-backOrder .helper {display: inline; float: right; position: relative; margin-left: 5px;}
.Instructions-backOrder .helper .item_content {width: 250px !important; color: #fff;}
.Instructions-backOrder .helper a {float: none; display: inline; padding: 0; color: #fff;}
.Instructions-backOrder .dd_active .item_content {position: absolute; left: auto !important; right: 0 !important; bottom: 105%;}

/*dropdown dropshadow*/
.ds_top, .ds_bottom {height:5px;width:100%;overflow:hidden;background-position:0 0;background-repeat:no-repeat;}
.outer {height:100%;margin-left:7px;padding-right:7px;overflow:hidden;background-position:right 0;background-repeat:no-repeat;}
.inner {height:100%;background-position:0 0;background-repeat:repeat-x;}

.select_display .ds_top, .select_display .ds_top .outer, .select_display .ds_top .inner, .select_display .ds_content, .select_display .ds_content .outer, .select_display .ds_content .inner {background-image: none;}

/*
.ds_top, .select_open .select_display .ds_top {background-image:url(../img/ds_tl.png);}
.ds_top .outer, .select_open .select_display .ds_top .outer {background-image:url(../img/ds_tr.png);}
.ds_top .inner, .select_open .select_display .ds_top .inner {background-image:url(../img/ds_tm.png);}
.ds_bottom {background-image:url(../img/ds_bl.png);}
.ds_bottom .outer {background-image:url(../img/ds_br.png);}
.ds_bottom .inner {background-image:url(../img/ds_bm.png);}
.ds_content .outer , .select_open .select_display .ds_content .outer {background:url(../img/ds_right.png) right 0 repeat-y;}
.ds_content, .select_open .select_display .ds_content {background:url(../img/ds_left.png) 0 0 repeat-y;}
*/

.ds_content .outer , .select_open .select_display .ds_content .outer {padding-right:5px;margin-left:3px;}
.ds_content .inner, .select_open .select_display .ds_content .inner {background-color:#fff;}

.ds_content li {color:#777;}
.ds_content li a:hover {color:#000;}

/*scrollpane*/
.select_dropdown .jScrollPaneContainer .select_list {border-bottom: none;}
.select_dropdown .jScrollPaneContainer {border-bottom: 1px solid #bebebe;}
.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right: 7px;top: 0;height: 100%;background: #d3d3d3;width:5px;}
.jScrollPaneDrag {position: absolute;background: #000;cursor: pointer;overflow: hidden;left:-2px;width:9px !important;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px;}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;height: 9px;}

body.landing ul.promoControl li a img { top:40% !important; }
.pager {float:left;font-size:11px;}
#contentWrapper .pager a, .pager span {padding-left:5px;color:#777777;}
#contentWrapper .pager a:hover { font-weight:bold;color:#000000;}
.pager span {font-weight:bold;color:#000000;}
.pager a.first, .pager span.first {padding-left:0;}
.pagerFooterBorder {padding-top: 8px; width:700px; height:1px; background: url("../img/nav_divider_graydots.gif") repeat-x scroll left top transparent;}

#chanel_tooltip {       text-align:center;position:absolute;z-index:10001;display:none;}
#chanel_tooltip p { background-color:#000000;  color:#ffffff;    padding:5px;  }

.inlineShadeSelector
{	
	height:104px;
	clear:both;
	visibility:hidden;   
}

.inlineShadeSelector li 
{
	float:left;
	clear:none;
	margin: 0 8px 8px 0;
}

.inlineShadeSelector li a
{
	display: block;
	height: 16px;
	width: 16px;
	border:1px solid #ffffff;
}

.inlineShadeSelector li a.on
{
	border-color:#000000;
}

.shadeDetail {display:none;background-color:#000000;padding:5px;clear:both;}
.shadeDetail img {height:94px;width:100px;	}
.shadeDetail a { color:#ffffff;}
.inactive { color: #777777;}
.featured {width:100px;height:94px;background-color:#ffffff;margin:0 auto;position:relative;}
.shadeDetailClose {background-color:#000000;width:9px;padding:4px 4px 6px 4px;float:right;margin-right:-5px;margin-top:-24px;}
.shadeDetailClose a {width:9px;height:9px;display:block;background: url(../img/global/x_black.png) no-repeat;}
.tagline {    background-color: #000000;    bottom: 0;    color: #FFFFFF;    opacity: 0.75;    position: absolute;    text-align: center;    width: 100%;left:0;}
.offsetShade {   opacity: 0.25;    position: absolute;  top: 0;}
.leftShade {left:-40px;}
.rightShade {right:-40px;}
.prevShade, .nextShade, .nextShadeMuted, .prevShadeMuted {    position: absolute; top: 43px;    z-index: 10;width:5px;height:9px;text-indent:-1000em;}
.nextShade, .nextShadeMuted { background: url(../img/global/next_white.png) no-repeat; right: 25px;  }
.prevShade, .prevShadeMuted { background: url(../img/global/prev_white.png) no-repeat; left: 25px;  }
.nextShadeMuted, .prevShadeMuted {display: none;}
.nextShadeMuted {background: url(../img/global/next_grey.png) no-repeat;}
.prevShadeMuted {background: url(../img/global/prev_grey.png) no-repeat;}
#shadeTabs a {float:left;margin-right:10px;}
.multishades-4 li a span, .multishades-2 li a span {height:16px;width:16px;float:left;}
.inlineShadeSelector .multishades-4 li a, .inlineShadeSelector .multishades-2 li a {height:32px;width:32px;}
.inlineShadeSelector .multishades-2 li a {height:16px;}
.inlineShadeSelector .multishades-4 li{
    margin-bottom: 20px;  
}
.inlineShadeSelector .multishades-4 li, .inlineShadeSelector .multishades-2 li { margin-right: 15px;}
.shadeDetailContainer {position:relative;overflow:hidden;}
.per-1 .inlineShadeContainer {display:none;}