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

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

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

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



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

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

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

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

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

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

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

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


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

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

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

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

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

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

#sidebar #db-my-news-signin { width: 195px; }
#sidebar #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 {
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	width: 185px;
	height: 75px;
}
.db-my-skin-tab_2 {
	font-size: 11px;
	margin: 0px 0px 10px 0px;
}
.db-my-skin-tab_3 {
	font-size: 11px;
	margin: 0px 0px 10px 0px;
}

.db-my-skin-tab_1 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;}



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


#sidebar #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; }
#sidebar #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; }
#sidebar #skin-type .tabs li a { display: block; float: left; padding: 4px 6px 3px 6px; font-size: 11px; }
#sidebar #skin-type .tabs li.current a { color: #000; }
#sidebar #skin-type .tabs li.current { margin-bottom: -1px; background-color: #fff; height: 23px; _position: relative; }
#sidebar #skin-type .tab-content { padding: 7px 0;  }


#sidebar #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; }
#sidebar #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; }
#sidebar #how-to-engine .tabs li a { display: block; float: left; padding: 4px 13px 3px 13px; font-size: 11px; }
#sidebar #how-to-engine .tabs li.current a { color: #000; }
#sidebar #how-to-engine .tabs li.current { margin-bottom: -1px; background-color: #fff; height: 23px; _position: relative; }
#sidebar #how-to-engine .tab-content { padding: 7px 0;  }

/* Overrides for Scroller
---------------------------- */
#sidebar #chat-scroll-container { position: relative; height: 175px; margin: 0; overflow: hidden; }
#sidebar #chat-scroll-container #scrollcontent {position: absolute; top: 5px;left: 19px; overflow: hidden; padding: 0 0 15px 0; }
#sidebar #chat-scroll-container #track {position: absolute; left: 0; height: 165px; top: 5px;background: #fff; border: 1px solid #d0d0d0; width:9px;cursor: pointer;}
#sidebar #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;}