/* oy... not working...
dl.thumb-150x150 dt { z-index: 1 !important; }
.best-sellers-columns ul li { z-index: 1 !important; }
*/

/* Dashboard Side Bar
---------------------------- */
#dashboard { position: absolute; width: auto; height: auto; top: 149px; /*15px;*/ right: 1px; _right: 0; z-index: 4004; padding: 0 0 50px 0; }
a#dashboard-tab { display: block; overflow: hidden; float: left; }
a#dashboard-tab:active, a#dashboard-tab:focus { outline: none; }
#dashboard-container { position: relative !important; z-index: 9999 !important; float:left; overflow: hidden !important; width: 239px; /*min-height: 258px; _height: 258px;*/ position: relative; }
#dashboard-content { position: relative !important; z-index: 9999 !important; border: 4px solid #d0ded8; background: #fff; /*min-height: 240px; _height: 240px;*/ width: 217px; padding: 5px 7px; }
#dashboard .hr { margin-bottom: 0; }
/* this overrides default accordion styles */
#dashboard .accordion-single,
#dashboard #accordion_nested-single {
	background: none;
	border: 0;
	margin:0;
	padding:0;
	} 
	
#dashboard-content { _overflow: hidden; } /*fixes ie6 clipping issue*/


#dashboard .accordion-single .accordion_content {position:relative; padding: 17px 5px 7px 5px; _zoom:1; }
#dashboard #accordion_nested-single .accordion_nested_content { padding: 7px 0; _zoom:1; }
#dashboard #db-ask-expert-container { padding: 5px 5px 5px 15px; }

#dashboard .accordion-single .accordion_toggle a,
#dashboard #accordion-single .accordion_toggle_active a { font-size: 11px; }



/* styles specific to dashboard content go in here */
#dashboard .green {color: #9eb1a9; }
#dashboard .no-style-list {margin: 0; list-style:none;}
#dashboard .bottom-link {float:right;}
#dashboard .clinique-green {color: #326445;}
#dashboard .clinique-gray {color: #666;}

#dashboard #go-btn {background: transparent url(/images/global/buttons/go_btn.gif) no-repeat; text-indent: -9999px; width: 29px; height: 16px; overflow: hidden;}
#dashboard #submit-btn {background: transparent url(/images/css/submit.gif) no-repeat; text-indent: -9999px; width: 55px; height: 16px; overflow: hidden;}
#dashboard #latest-offer {background: transparent url(/images/promotions/latest-offer.jpg) no-repeat; text-indent: -9999px; width: 150px; height: 116px; overflow: hidden;}
#dashboard h2.intro { color: #666; font-size: 14px; border-top: 1px solid #ccc; padding: 5px 5px 0 5px; margin: 10px 0 10px 0; }

#dashboard h3,
#dashboard #tools #skin-type-populated h3,
#dashboard #expert h3,
#dashboard #expert-unavailable h3, 
#dashboard #purchases-signin h3, 
#dashboard #messaging-order-status h3,
#dashboard #skin-type-unpopulated h3 {color:#666; font-size: 12px; font-weight: normal; margin: 0 0 7px 0; }
#dashboard #foundation-finder-populated h3 {color:#666; font-size: 12px; font-weight: normal;}
#dashboard #foundation-finder-populated h4 {color: #326445; font-size: 11px; font-weight: normal; margin: 0 0 10px 0; }

#dashboard p, 
#dashboard #expert p, 
#dashboard #expert-unavailable p, 
#dashboard #purchases-signin p, 
#dashboard #purchases-signup p, 
#dashboard #messaging p {font-size: 11px; margin: 0 0 10px 0;}

#dashboard #livechat-overlay p { font-size: 12px; margin: 2px 0 6px 0; border: none; }

#dashboard label, 
#dashboard #expert label, 
#dashboard #expert-unavailable label,
#dashboard #purchases-signin label,
#dashboard #messaging-order-status label, 
#dashboard #messaging label {font-size: 11px;}

#dashboard .field,
#dashboard #expert .field,
#dashboard #expert-unavailable .field, 
#dashboard #purchases-signin .field {width: 165px; margin: 2px 0 5px 0;}
#dashboard #messaging-order-status .field, 
#dashboard #messaging .field {width: 125px; margin: 3px 0 10px 0;}

#dashboard #expert #skintype {margin: 10px 0;}
#dashboard #expert #skintype input {margin: 0 3px 0 0;}
#dashboard #expert #skintype label {vertical-align: top;}


#dashboard #expert-unavailable #question {height: 100px;} 

#dashboard #chat {font-size:11px;}
#dashboard #chat .chat-box {overflow:auto; height:175px; width:175px; margin: 10px 0 0 0;}
#dashboard #chat .chat-entry {position: relative; margin: 10px 0 0 0; background: transparent url(/images/css/chat-entry-gradient.gif); padding:0 3px;}
#dashboard #chat .chat-entry input {width: 120px; float: left; margin: 3px 0 0 0;}

#dashboard /*#messaging-order-status*/ .status {margin: 0 0 10px 0; font-size: 11px;}
#dashboard /*#messaging-order-status*/ .autoreplenishment-left {float:left; width: 120px; font-size: 11px;}
#dashboard /*#messaging-order-status*/ .autoreplenishment-right {float:right; margin: 10px 0 0 0;}

#dashboard #foundation-finder-populated h4 { font-size: 11px; }

#dashboard #foundation-finder-populated h5 { color: #666; margin: 0 0 7px 0; }
#dashboard #foundation-finder-populated table { border-collapse:collapse; }
#dashboard #foundation-finder-populated table td { font-size: 11px; padding: 3px 10px 5px 0; }

#dashboard #db-my-orders-container { font-size: 11px; }
#dashboard #db-my-refills-container { font-size: 11px; }

#dashboard #db-my-news-signin { width: 195px; }
#dashboard #dashboard-signin { width: 195px; }

#db-my-skin-type-content #tabs_container .tabs li { 
	width: 67px;  
	height: 29px;
	font-size: 9px;
}

#db-my-skin-type-content #tabs_container .tabs li a { 
	padding: 2px 2px; 
}

dl.thumb-75x75 dd.title,
dl.thumb-75x75 dd.title a { font-size: 11px; margin-bottom: 4px; color: #000; }

.db-my-skin-tab_1,
.db-my-skin-tab_2,
.db-my-skin-tab_3 {
	font-size: 11px;
	margin: 0px 0px 10px 0px;
}

.db-my-skin-3step {
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	width: 185px;
	height: 75px;
}

.db-my-skin-3step img {
	float: right;
	padding: 0px 0px 0px 3px;
}

.db-my-skin-tab_1.db-my-skin-type-1D { background: url(/images/skinreport/dbicons/type1.jpg) no-repeat top right; }
.db-my-skin-tab_1.db-my-skin-type-1O { background: url(/images/skinreport/dbicons/type1.jpg) no-repeat top right; }
.db-my-skin-tab_1.db-my-skin-type-1a { background: url(/images/skinreport/dbicons/acne.jpg) no-repeat top right; }
.db-my-skin-tab_1.db-my-skin-type-1r { background: url(/images/skinreport/dbicons/redness.jpg) no-repeat top right; }

.db-my-skin-tab_1.db-my-skin-type-2D { background: url(/images/skinreport/dbicons/type2_strength1_2.jpg) no-repeat top right; }
.db-my-skin-tab_1.db-my-skin-type-2O { background: url(/images/skinreport/dbicons/type2_strength3_4.jpg) no-repeat top right; }
.db-my-skin-tab_1.db-my-skin-type-2a { background: url(/images/skinreport/dbicons/acne.jpg) no-repeat top right; }
.db-my-skin-tab_1.db-my-skin-type-2r { background: url(/images/skinreport/dbicons/redness.jpg) no-repeat top right; }

.db-my-skin-tab_1.db-my-skin-type-3D { background: url(/images/skinreport/dbicons/type3_strength1_2.jpg) no-repeat top right; }
.db-my-skin-tab_1.db-my-skin-type-3O { background: url(/images/skinreport/dbicons/type3_strength3_4.jpg) no-repeat top right; }
.db-my-skin-tab_1.db-my-skin-type-3a { background: url(/images/skinreport/dbicons/acne.jpg) no-repeat top right; }
.db-my-skin-tab_1.db-my-skin-type-3r { background: url(/images/skinreport/dbicons/redness.jpg) no-repeat top right; }

.db-my-skin-tab_1.db-my-skin-type-4D { background: url(/images/skinreport/dbicons/type4.jpg) no-repeat top right; }
.db-my-skin-tab_1.db-my-skin-type-4O { background: url(/images/skinreport/dbicons/type4.jpg) no-repeat top right; }
.db-my-skin-tab_1.db-my-skin-type-4a { background: url(/images/skinreport/dbicons/acne.jpg) no-repeat top right; }
.db-my-skin-tab_1.db-my-skin-type-4r { background: url(/images/skinreport/dbicons/redness.jpg) no-repeat top right; }


#db-my-foundation-content h3 {
	font-size: 14px;
	margin: -5px 0 10px 0;
}

#db-my-foundation-content h5 {
	color: #666666;
}

.foundation-finder-populated div.color-wrapper {
    height:8px;
    position:relative;
    width:31px;
}
.foundation-finder-populated a.shade-link {
    display: block;
}
.foundation-finder-populated td.active a, td.over a {
    background: #e7eeeb;
}
.foundation-finder-populated td {
    padding: 3px 10px 5px 0;
    font-size: 11px;
}


/* SCROLLER*/

#chat #chat-scroll-container { position: relative; height: 260px; margin: 0; overflow: hidden; }
#chat #chat-scroll-container #scrollcontent {position: absolute; top: 0px; left: 20px; overflow: hidden; padding: 0 0 15px 0; width: 150px; }
#chat #chat-scroll-container #track {position: absolute; left: 0; height: 255px; top: 0px;background: #fff; border: 1px solid #d0d0d0; width:9px; cursor: pointer;}
#chat #chat-scroll-container #handle {position: absolute;left: 0;top: 0;width: 9px; height: 26px; background: #acbfb9; cursor: move;_font-size: 1px;}



#dashboard dl.thumb-75x75 dt {
	float:left;
	margin:0 10px 10px 0;
	padding:0;
}


#dashboard #skin-type .tabs { border-bottom: 1px solid #ccc; list-style: none; margin: 0; padding: 0 0 0 1px; background: url(/images/css/dotted_y.gif) repeat-y top left; }
#dashboard #skin-type .tabs li { height: 22px; display: block; float: left; margin: 0; padding: 0; border-top: 1px solid #ccc; background: url(/images/css/dotted_y.gif) repeat-y top right; }
#dashboard #skin-type .tabs li a { display: block; float: left; padding: 4px 6px 3px 6px; font-size: 11px; }
#dashboard #skin-type .tabs li.current a { color: #000; }
#dashboard #skin-type .tabs li.current { margin-bottom: -1px; background-color: #fff; height: 23px; _position: relative; }
#dashboard #skin-type .tab-content { padding: 7px 0;  }


#dashboard #how-to-engine .tabs { border-bottom: 1px solid #ccc; list-style: none; margin: 0; padding: 0 0 0 1px; background: url(/images/css/dotted_y.gif) repeat-y top left; }
#dashboard #how-to-engine .tabs li { height: 22px; display: block; float: left; margin: 0; padding: 0; border-top: 1px solid #ccc; background: url(/images/css/dotted_y.gif) repeat-y top right; }
#dashboard #how-to-engine .tabs li a { display: block; float: left; padding: 4px 13px 3px 13px; font-size: 11px; }
#dashboard #how-to-engine .tabs li.current a { color: #000; }
#dashboard #how-to-engine .tabs li.current { margin-bottom: -1px; background-color: #fff; height: 23px; _position: relative; }
#dashboard #how-to-engine .tab-content { padding: 7px 0;  }

/* Overrides for Scroller
---------------------------- */
#dashboard #chat-scroll-container { position: relative; height: 175px; margin: 0; overflow: hidden; }
#dashboard #chat-scroll-container #scrollcontent {position: absolute; top: 5px;left: 19px; overflow: hidden; padding: 0 0 15px 0; }
#dashboard #chat-scroll-container #track {position: absolute; left: 0; height: 165px; top: 5px;background: #fff; border: 1px solid #d0d0d0; width:9px;cursor: pointer;}
#dashboard #chat-scroll-container #handle {position: absolute;left: 0;top: 0;width: 9px;height: 16px; background: #fff url(/images/css/scroll-track.gif); cursor: move;_font-size: 1px;}

/* SAYLI
---------------------------- */

#sayli_main {
    float: right;
    font-family: Helvetica Neue,Helvetica,arial,verdana,sans-serif;
}
#sayli_content {
    float: left;
}
#sayli_browseall {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/media/images/global/dashboard/redesign/browse_bg.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    cursor: pointer;
    font-family: Helvetica Neue,Helvetica,arial,verdana,sans-serif;
    height: 21px;
    width: 239px;
}
#sayli_search {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/media/images/global/dashboard/redesign/search_bg.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 30px;
    width: 239px;
}
#sayli_searchform {
    padding-bottom: 0;
    padding-left: 69px;
    padding-right: 0;
    padding-top: 6px;
}
#sayli_search_input {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #6E5D80;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;    
    border-bottom-style: solid;
    border-bottom-width: 0;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: #6E5D80;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: solid;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 0;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: #6E5D80;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: solid;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 0;
    border-right-width: 0;
    border-top-color: #6E5D80;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-style: solid;
    border-top-width: 0;
    font-size: 11px;
    height: 19px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 6px;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 4px;
    padding-right: 0;
    padding-top: 0;
    width: 122px;
}
.sayli_button {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/media/images/global/dashboard/redesign/go2.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: -moz-use-text-color;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: none;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: medium;
    border-left-style: none;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: -moz-use-text-color;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: none;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: medium;
    border-right-style: none;
    border-top-color: -moz-use-text-color;
    border-top-style: none;
    border-top-width: medium;
    cursor: pointer;
    height: 20px;
    margin-bottom: 0;
    margin-left: -2px;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    vertical-align: top;
    width: 28px;
}
html > body .sayli_button {
}
/* Initial (closed) settings for buckets*/
#sayli_bucket01 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/media/images/global/dashboard/redesign/bucket_hd_01_off.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    cursor: pointer;
    height: 26px;
    width: 239px;
}
#sayli_bucket02 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/media/images/global/dashboard/redesign/bucket_hd_02_off.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    cursor: pointer;
    height: 26px;
    width: 239px;
}
#sayli_bucket03 {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/media/images/global/dashboard/redesign/bucket_hd_03_off.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    cursor: pointer;
    height: 26px;
    width: 239px;
}
/* Hover for each bucket */
#sayli_bucket01:hover {
    background-image: url("/media/images/global/dashboard/redesign/bucket_hd_01_over.gif");
}
#sayli_bucket02:hover {
    background-image: url("/media/images/global/dashboard/redesign/bucket_hd_02_over.gif");
}
#sayli_bucket03:hover {
    background-image: url("/media/images/global/dashboard/redesign/bucket_hd_03_over.gif");
}
/*Bucket is open...*/
#sayli_bucket01.bucketSubOn {
    background-image: url("/media/images/global/dashboard/redesign/bucket_hd_01_on.gif");
}
#sayli_bucket02.bucketSubOn {
    background-image: url("/media/images/global/dashboard/redesign/bucket_hd_02_on.gif");
}
#sayli_bucket03.bucketSubOn {
    background-image: url("/media/images/global/dashboard/redesign/bucket_hd_03_on.gif");
}
#sayli_bucket01.bucketSubOn:hover {
    background-image: url("/media/images/global/dashboard/redesign/bucket_hd_01_on.gif");
}
#sayli_bucket02.bucketSubOn:hover {
    background-image: url("/media/images/global/dashboard/redesign/bucket_hd_02_on.gif");
}
#sayli_bucket03.bucketSubOn:hover {
    background-image: url("/media/images/global/dashboard/redesign/bucket_hd_03_on.gif");
}

#sayli_bucket01_drawer, #sayli_bucket02_drawer, #sayli_bucket03_drawer {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/media/images/global/dashboard/redesign/drawer_bg.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat-y;
    background-size: auto auto;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}
#bucket_content {
    border-top-color: #CECDCD;
    border-top-style: solid;
    border-top-width: 1px;
    margin-bottom: 0;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 0;
    padding-top: 8px;
    width: 231px;
    z-index: 9999;
}
#sayli_main #icons {
    float: left;
    font-family: helvetica,sans-serif;
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 0;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 0;
    padding-bottom: 3px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 7px;
    text-align: center;
    width: 68px;
}
#sayli_main #icons img {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#sayli_main #icons a {
    color: #000000;
}
#sayli_main #icons a:hover {
    color: #E87F19;
}
#sayli_main a {
    color: #715D85;
    text-decoration: none;
}
#sayli_main a:hover {
    color: #E87F19;
    text-decoration: none;
}
#sayli_browseall a {
}
#sayli_browseall a:hover {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/media/images/global/dashboard/redesign/rightarrow_on.gif");
    background-origin: padding-box;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-size: auto auto;
    font-size: 11px;
    font-weight: 400;
    padding-bottom: 0;
    padding-left: 14px;
    padding-right: 8px;
    padding-top: 0;
    text-decoration: none;
}
.bucketSubOff {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/media/images/global/dashboard/redesign/bucket_bg_off.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    color: #715D85;
    cursor: pointer;
    font-size: 14px;
    font-weight: 300;
    height: 26px;
    width: 239px;
}
.bucketSubOn {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/media/images/global/dashboard/redesign/bucket_bg_on.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    color: #715D85;
    cursor: pointer;
    font-size: 14px;
    font-weight: 300;
    height: 26px;
    width: 239px;
}
.browseAllOff {
    color: #715D85;
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
}
.browseAllOn {
    color: #E87F19;
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
}
.bucketSub_open {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/media/images/global/dashboard/redesign/i_plus.gif");
    background-origin: padding-box;
    background-position: right 80%;
    background-repeat: no-repeat;
    background-size: auto auto;
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 0;
    padding-top: 5px;
}
.bucketSub_close {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/media/images/global/dashboard/redesign/i_minus.gif");
    background-origin: padding-box;
    background-position: right 80%;
    background-repeat: no-repeat;
    background-size: auto auto;
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 0;
    padding-top: 5px;
}
.browseAll_arrow {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/media/images/global/dashboard/redesign/rightarrow.gif");
    background-origin: padding-box;
    background-position: 117px 80%;
    background-repeat: no-repeat;
    background-size: auto auto;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 14px;
    padding-right: 0;
    padding-top: 4px;
}
.browseAll_arrow:hover {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/media/images/global/dashboard/redesign/rightarrow_on2.gif");
    background-origin: padding-box;
    background-position: 117px 80%;
    background-repeat: no-repeat;
    background-size: auto auto;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-top: 4px;
}
#sayli_accordion {
    z-index: 9999;
}

sayli_main * input {
    border: 0.9px solid #CCC;
}