/*
	Color sets:
	
	Text-grey: #666
	Grey: #e7e5df
	Pink: #ff6699
	Aqua: #99cccc
	
*/

* {margin: 0; padding: 0;}

body {
	background: white;
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #666;
	margin: 0;
}

/*Global preferences*/
a {text-decoration: underline; color: #666;}
a:visited {}
a:hover {text-decoration: underline; color: #ff6699;}
a img, a { outline: none; }
ul, ol {list-style: none;}
img, img a, img a:hover {border: 0;}


/*Headings*/
h1, h2, h3, h4, h5 {margin: 5px 0 10px 0;}


/*Structure*/
#container {
	width: 911px;
	border: 1px solid #e7e5df;
	padding: 15px 15px 42px 15px;
	margin: 5px auto 0 auto;
	overflow: hidden;
	height: 100%;
	background: url(/images/container_border.png) no-repeat 0px bottom;
}

#header {
	height: 70px;
	padding: 0 0 11px 0; /*So, 81px height*/
	overflow: hidden;
	margin: 0 0 10px 0;
	background: url(/images/pink_border.png) 0 bottom no-repeat;
}

#splashBox {
	padding: 0 0 0px 0;
	/*background: url(/images/pink_border.png) 0 bottom no-repeat;*/
}


/*Splash box*/
#splashBox .background {
	background: url(/images/splash_img31.jpg) 0 0 no-repeat; /*Replace background here*/
	width: 909px;
	height: 300px;
	border: 0px solid #e7e5df;
	/*overflow: hidden;*/
	/*background-color:#ED6A9B;*/
}
#splashBox .background ul {
	margin: 144px 0 0 0;
}
#splashBox .background ul li {
	width: 254px;
	height: 26px;
	margin: 0 0 6px 0;
}
#splashBox .background ul li a {
	display: block;
	width: 254px;
	height: 26px;
	text-indent: -999em;
}

#splashBox .background ul li.step1 a {background: url(/images/step1.png) 0 0 no-repeat;}
#splashBox .background ul li.step2 a {background: url(/images/step2.png) 0 0 no-repeat;}
#splashBox .background ul li.step3 a {background: url(/images/step3.png) 0 0 no-repeat;}

#splashBox .background ul li.step1 a:hover, #splashBox .background ul li.step2 a:hover, 
#splashBox .background ul li.step3 a:hover {background-position: left bottom;}

.top_search {border:0px solid black;width:941px;text-align:right;margin:20px auto 0 auto;height:20px;}

/*=======*/
/*Content*/
/*=======*/
#indexContent {
	overflow: hidden;
	height: 100%;
}
#indexContent .accroche {
	font-size:24px;
	font-style:italic;
	font-family:Times;
	text-align:center;
	padding-top:0px;
	text-decoration:underline;
	
}
#indexContent .saccroche {
	font-size:13px;
	text-align:center;
	margin-top:-12px;
}
#indexContent .saccroche .ital {
	font-style:italic;
	font-family:times;
}
/*Best sellers*/
#bestSellers {
	width: 595px;
	height: 372px;
	float: left;
	display: inline;
	background: url(/images/br_recommends_tag.png) 24px 7px no-repeat;
	margin: 12px 0 0 0;
}




#bestSellers ul.products {
	/*overflow: hidden;*/
	margin: 20px 0 0 0;
	
}

#bestSellers ul.products li {
	width: 170px;
	float: left;
	display: inline;
	/*margin: 0 10px 0 16px;*/
	font-size: 10px;
	text-align: center;
	line-height: 15px;
	border:0px solid black;
}
#bestSellers ul.products .producthead {color:#60C5BA;font-weight:bold;font-size:11px;text-align:left;}
#bestSellers ul.products .producttext {font-family:times;font-size:11px;color:#666666;font-weight:bold;text-align:left;font-style:italic;}
#bestSellers ul.products li.first_li {margin-right:15px;border:0px solid black;margin-left:15px;}
#bestSellers ul.products li.second_li {border-left:1px solid #DEDEDE;padding-left:15px;margin-right:15px;}
#bestSellers ul.products li.last_li {margin:0px; border-left:1px solid #DEDEDE;padding-left:15px;}
#bestSellers ul.products li .thumb {
	margin-bottom: 5px;
}



/*Celeb spotlight*/
#celebSpotlight {
	width: 284px;
	/*height: 272px;
	background: url(/images/celebrity_spotlight_tag.png) center 7px no-repeat;*/
	border-left: 1px solid #ed6a9b;
	padding: 0px 0 0 15px;
	margin: 0px 0 0 0;
	float: right;
	display: inline;
	text-align:left;
}
#celebSpotlight .testimonial, #celebSpotlight .testimonialhome {
	width: 296px;
	/*padding: 45px 0 16px 0;*/
	margin: 0 0 16px 0;
	overflow: hidden;
	border-bottom: 1px solid #e7e5df;
}
#celebSpotlight .testimonial p.description, #celebSpotlight .testimonialhome p.description {
	width: 220px;
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
}
#celebSpotlight .testimonial p.name, #celebSpotlight .testimonialhome p.name {
	margin: 10px 0 0 0;
	width: 220px;
	float: right;
	display: inline;
}
#celebSpotlight .testimonialhome .newsletter {
	background: url(/images/get_on_the_list_right.jpg) center 0px no-repeat;
	width:226px;
	height:85px;
	margin-left:28px;
}

#celebSpotlight .testimonial p a, #celebSpotlight .testimonialhome p a {font-style: italic; text-decoration: none;}
#celebSpotlight .testimonial .thumb, #celebSpotlight .testimonialhome .thumb {
	float: left;
	display: inline;
	border: 1px solid #eae4df;
}
#celebSpotlight .testimonial .thumb img, #celebSpotlight .testimonialhome .thumb img {display: block;}

.free_shipping {
	background: #99cccc;
	padding: 5px 10px;
	color: white;
	font-size: 10px;
	font-weight: bold;
}
.free_shipping span {
	text-transform: uppercase;
}


/*Newsletter form*/
#newsletter {
	overflow: hidden;
	margin: 18px 0 0 0;
}
#newsletter p.description {
	color: #6699cc;
	float: left;
	display: inline;
	width: 140px;
	font-size: 10px;
	line-height: 13px;
}
#newsletter .signup {
	float: right;
	display: inline;
	width: 150px;
	text-align: right;
}
#newsletter .signup input.newsletter_text {
	width: 100px;
	border: 1px solid #ccc;
	padding: 4px 6px;
	background: white;
	color: black;
	float: left;
	display: inline;
	font-size: 10px;
	font-family: Verdana;
	margin: 3px 0 0 3px;
}
#newsletter .signup input.newsletter_go {
	margin: 0px 0 0 5px;
	/*float: right;
	display: inline;*/
}



/*Inner content*/
#content {
	width: 755px;
	float: right;
	display: inline;
}

#content .splash {
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
}
#content .splash img {display: block;}

/*Products*/
#products {
	width: 755px;
	overflow: hidden;
	height: 100%;
	margin: 12px 0 0 0;
}

#products ul.products {
	overflow: hidden;
	margin: 10px 0 0 0;
}
#products ul.products li {
	width: 170px;
	float: left;
	display: inline;
	margin: 0 26px 0 0;
	font-size: 10px;
	text-align: center;
	line-height: 15px;
}
#products ul.products li.last_li {margin: 0;}
#products ul.products li.separator {
	width: 755px;
	margin: 8px 0 8px 0;
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	background: #eae4df;
}
#products ul.products li .thumb {
	text-align: center;
	width: 140px;
	height: 140px;
	margin: 0 0 5px 15px;
}

#products #productsSort {
	border-bottom: 1px solid #eae4df;
	padding: 0 0 6px 0;
	overflow: hidden;
	height: 100%;
}
#products #productsSort .sort_type {
	float: left;
	display: inline;
}
#products #productsSort .sort_type span.tag {
	color: #ff6699;
	padding: 0 8px 0 0;
}
#products #productsSort .sort_type select {
	width: 130px;
	font-family: Arial;
}
#products #productsSort .page_count {
	float: right;
	display: inline;
}
#products #productsSort .page_count span.count {
	color: black;
	padding: 0 8px 0 0;
	font-family: Verdana;
	font-size: 9px;
}



/*Sidebar*/
#sideBar {
	width: 147px;
	float: left;
	display: inline;
}

/*Sidebar links*/
#sideBar ul#main {
	background: url(/images/sidebar_bg.png) 0 0 no-repeat;
	border: 1px solid #eae7e8;
	width: 140px;
	height: 263px;
	padding: 0 0 0 5px;
	font-size: 1px;
	margin: 0 0 10px 0;
}
/*The "main" class is for upper-level links*/
#sideBar ul#main li.main_li {
	margin: 12px 0 0 0;
	padding: 1px 0 3px 12px;
}
*:first-child+html #sideBar ul#main li.main_li {
	margin: 5px 0 0 0;
	padding: 1px 0 3px 12px;
}
*:first-child+html #sideBar ul#main li a {
	cursor: pointer;
	position: relative;
	z-index: 1;
}
#sideBar ul#main li.main_li span {
	overflow: hidden;
	height: 9px;
	display: block;
	margin: 0 0 0 -12px;
}
#sideBar ul#main li.main_li a {
	text-indent: -9999px;
	display: block;
	height: 9px;
}	
/*The "expanded" class is for expanded links within upper-level links*/
#sideBar ul#main li.main_li ul.expanded_ul {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
}
#sideBar ul#main li.main_li ul.expanded_ul li.expanded_li {
	margin: 6px 0 0px 0;
	padding: 0 0 0 10px;
	height: 10px;
	display: block;
}
#sideBar ul#main li.main_li ul.expanded_ul li.first1,
#sideBar ul#main li.main_li ul.expanded_ul li.first2 {
	margin: 12px 0 0 0;
}

#sideBar ul#main li.main_li ul.expanded_ul li {position: relative; z-index: 1; cursor: pointer;}

/*==== upper-level ====*/
#sideBar ul#main li.sr span, #sideBar ul#main li.ss span {
	/*background: url(/images/nav/rollover_arrow_pink.png) 0 0px no-repeat;*/
	padding: 0 0 0 10px;
	display: block;

}
#sideBar ul#main li.sr a:hover span, #sideBar ul#main li.ss a:hover span,
#sideBar ul#main li.bs a:hover span, #sideBar ul#main li.gc a:hover span,
#sideBar ul#main li.cs a:hover span, #sideBar ul#main li.faq a:hover span {
	background: url(/images/nav/rollover_arrow_pink.png) 0 0px no-repeat;
	padding: 0 0 0 10px;
	display: block;
}


#sideBar ul#main li.sr a {background: url(/images/nav/nav_sr.png) 0 1px no-repeat; width: 110px;}
#sideBar ul#main li.ss a {background: url(/images/nav/nav_ss.png) 0 1px no-repeat; width: 119px;}
#sideBar ul#main li.bs a {background: url(/images/nav/nav_bs.png) 0 1px no-repeat; width: 76px;}
#sideBar ul#main li.gc a {background: url(/images/nav/nav_gc.png) 0 1px no-repeat; width: 101px;}
#sideBar ul#main li.cs a {background: url(/images/nav/nav_cs.png) 0 1px no-repeat; width: 106px;}
#sideBar ul#main li.faq a {background: url(/images/nav/nav_faq.png) 0 1px no-repeat; width: 25px;}
/*==== end upper level ====*/

/*==== expanded ====*/
#sideBar ul#main li.main_li ul.expanded_ul li a:hover span {
	background: url(/images/nav/rollover_arrow_pink.png) 0 -1px no-repeat;
	padding: 0 0 0 10px;
	display: block;
}
#sideBar ul#main li.main_li ul.expanded_ul li.first1 a {background: url(/images/nav/navsub_sr_01.png) 0 0 no-repeat; width: 87px; height: 9px;}
#sideBar ul#main li.main_li ul.expanded_ul li.second1 a {background: url(/images/nav/navsub_sr_02.png) 0 0 no-repeat; width: 73px; height: 9px;}
#sideBar ul#main li.main_li ul.expanded_ul li.third1 a {background: url(/images/nav/navsub_sr_03.png) 0 0 no-repeat; width: 101px; height: 9px;}
#sideBar ul#main li.main_li ul.expanded_ul li.first2 a {background: url(/images/nav/navsub_ss_01.png) 0 0 no-repeat; width: 54px; height: 9px;}
#sideBar ul#main li.main_li ul.expanded_ul li.second2 a {background: url(/images/nav/navsub_ss_02.png) 0 0 no-repeat; width: 33px; height: 9px;}
#sideBar ul#main li.main_li ul.expanded_ul li.third2 a {background: url(/images/nav/navsub_ss_03.png) 0 0 no-repeat; width: 107px; height: 9px;}

#sideBar ul#main li.main_li ul.expanded_ul li a:hover {
	background-position: left bottom;
}
/*==== end expanded ====*/

/*Featured*/
.featured {
	background: url(/images/featuring_tag.png) 0 5px no-repeat;
	border: 1px solid #ccc;
	margin: 0;
	font-size: 10px;
	padding: 45px 0 5px 0;
	text-align: center;
	line-height: 15px;
}
#sideBar #newsletter {margin: 10px 0 0 0;}




/*Header menus*/
#header #menus {
	width: 561px;
	height: 50px;
	float: right;
	display: inline;
	margin: 17px 0 0 0;
}

ul#menu {
	clear: both;
	padding: 16px 0 0 0;

}
*:first-child+html ul#menu {
	clear: both;
	padding: 8px 0 0 0;
}
ul#menu li {
	float: right;
	display: inline;
	margin: 0 0 0 0;
	height: 10px;
	/*overflow: hidden;*/
}
ul#menu li a {
	display: block;
	height: 10px;
	text-indent: -999em;
}


ul#menu li.ourproducts  {background: url(/images/menu_products.png) 0 0 no-repeat; width: 85px;}
ul#menu li.giftcertificate a {background: url(/images/menu_gift.png) 0 0 no-repeat; width: 100px;}
ul#menu li.press a {background: url(/images/menu_press.png) 0 0 no-repeat; width: 102px;}
ul#menu li.testimonials a {background: url(/images/menu_testimonials.png) 0 0 no-repeat; width: 80px;}
ul#menu li.secrets a {background: url(/images/menu_secrets.png) 0 0 no-repeat; width: 130px;}
ul#menu li.professionals a {background: url(/images/menu_professionals.png) 0 0 no-repeat; width: 84px;}
ul#menu li.professionals {margin: 0 0 0 0px;}

ul#menu li.giftcertificate a:hover, ul#menu li.press a:hover, ul#menu li.testimonials a:hover, 
ul#menu li.secrets a:hover {background-position: left -10px;}


ul#menu ul {margin-top:0px;position:absolute;background-color:white;padding-bottom:5px;display:none;border-left:1px solid #F06B9D;border-right:1px solid #F06B9D;border-top:1px solid #F06B9D;border-bottom:1px solid #F06B9D;padding-left:3px;padding-right:3px;line-height:0px;}
ul#menu ul li {clear:both;text-align:left;float:left;margin-top:5px;}

ul#menu ul li a {text-align:left;float:left;margin-top:5px;color:#999999;text-indent: 0em;text-decoration:none;}
ul#menu ul li a:hover {color:#F06B9D;}
ul#menu ul li .rub {font-weight:bold;color:#666666;}
.menu_top {
	text-align:right;
	color:#999999;
	font-weight:normal;
	font-size:11px;
}
.menu_top a {
	text-decoration:none;
	color:#999999;

}
.menu_top a:hover {
	text-decoration:none;
	color:#F06B9D;

}
.menu_top .customer {
	margin-left:10px;

}
.menu_top .faqs {
	margin-left:10px;
}
.menu_top .pro {
	margin-left:10px;
}
#header #menus .meta {
	height: 25px;
	float: right;
	display: inline;
	color:#999999;
	font-weight:bold;
	margin-top:-20px;
	margin-bottom:25px;
	font-size:9px;
}

#header #menus .meta ul {
	padding: 0px 0 0 100px;
	
}
#header #menus .meta ul li {
	float: left;
	display: inline;
	padding: 0 10px 0 0;
	height: 10px;
	margin: 0 0 0 10px;
	overflow: hidden;
	border-right: 1px solid #ff6699;
}
#header #menus .meta ul li a {
	display: block;
	height: 10px;
	text-indent: -999em;
}

#header #menus .meta ul li.myaccount a {background: url(/images/mmenu_myaccount.png) 0px 0 no-repeat; width: 57px;}
#header #menus .meta ul li.viewcart a {background: url(/images/mmenu_viewcart.png) 0 0 no-repeat; width: 44px;}
#header #menus .meta ul li.checkout a {background: url(/images/mmenu_checkout.png) 0 0 no-repeat; width: 44px;}
#header #menus .meta ul li.myaccount {margin: 0 0 0 4px;}
#header #menus .meta ul li.checkout {border: 0; margin: 0 0 0 9px; padding: 0;}



/*Search*/
#header #menus .search {
	width: 245px;
	height: 22px;
	float: left;
	display: inline;
	margin: 0 0 0 1px;
}
input.search_text {
	width: 170px;
	border: 1px solid #ccc;
	padding: 4px 6px;
	background: white;
	color: black;
	float: left;
	display: inline;
	font-size: 10px;
	font-family: Verdana;
	float:right;
}
input.search_submit {
	margin: 0 0 0 5px;
	float:right;
}


/*Footer*/
#footer {
	width: 942px;
	margin: 7px auto;
	padding: 0 0 10px 0;
	font-size: 9px;
}

/*Images*/
.logo {
	width: 330px;
	height: 70px;
	float: left;
	display: inline;
}


/*INSIDE PAGE DECLARATIONS*/
.promoline {
	width: 739px;
	height: 17px;
	background: #f6ecec;
	color: #919191;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	padding: 3px 8px;
	margin: 0 0 15px 0;
	display:none;
}

.holder {
	margin: 6px 0;
	border: 1px solid #cccccc;
	width: 723px;
	padding: 15px;
}
	.holder div {
		margin: 15px 0;
	}
	.holder div.divide {
		border-top: 1px solid #eae7e8;
		padding-top: 15px;
	}
	.holder div p {
		margin: 10px 0;
		color: #999;
	}
	.holder_inline {
		float: left;
		margin: 0 10px 15px 0;
	}
	
/* H2 HEADINGS */
.h2_about {
	width: 197px;
	height: 17px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_about.png) no-repeat;
}
.h2_press {
	width: 257px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_press.png) no-repeat;
}
.h2_gift {
	width: 234px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_gift.png) no-repeat;
}
.h2_best {
	width: 166px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_best.png) no-repeat;
	margin-left: 15px;
}
.h2_pro {
	width: 259px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_pro.png) no-repeat;
}
.h2_secret {
	width: 337px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_secret.png) no-repeat;
}
.h2_testimonials {
	width: 182px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_testimonials.png) no-repeat;
}
.h2_privacy {
	width: 197px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_privacy.png) no-repeat;
}
.h2_account {
	width: 169px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_account.png) no-repeat;
	margin-left: 20px;
}
.h2_contact {
	width: 240px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_contact.png) no-repeat;
}
.h2_create_acc {
	width: 228px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_create_acc.png) no-repeat;
}
.h2_billing {
	width: 280px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_billing.png) no-repeat;
}
.h2_checkout {
	width: 138px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_checkout.png) no-repeat;
}
.h2_pro_app_use {
	width: 409px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_pro_app_use.png) no-repeat;
}
.h2_faqs {
	width: 62px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_faqs.png) no-repeat;
}
.h2_terms {
	width: 277px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_terms.png) no-repeat;
}
.h2_searchr {
	width: 208px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_searchr.png) no-repeat;
}
.h2_search {
	width: 97px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_search.png) no-repeat;
}
.h2_reviews {
	width: 175px;
	height: 16px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_reviews.png) no-repeat;
}
.h2_glossary {
	width: 129px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_glossary.png) no-repeat;
}
.h2_safety {
	width: 90px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_safety.png) no-repeat;
}
.h2_tips {
	width: 662px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_tips.png) no-repeat;
}
.h2_cust_service {
	width: 246px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_cust_service.png) no-repeat;
}
.h2_cart {
	width: 203px;
	height: 19px;
	margin: 0 0 15px 0;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_cart.png) no-repeat;
}
.h2_about_coll {
	width: 298px;
	height: 17px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_about_coll.png) no-repeat;
}
.h2_history {
	width: 199px;
	height: 19px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h2_history.png) no-repeat;
}

div.testimonial {
	margin: 15px 0;
	padding: 10px 0 10px 0;
	clear: both;
	height: 160px;
}

div.testimonialpage {
	margin: 15px 0;
	padding: 15px 0 15px 0;
	clear: both;
	border-bottom: 1px solid #CCCCCC;
}

div.testimonialhome {
	margin: 15px 0;
	padding: 10px 0 10px 0;
	clear: both;
}

h3.header {
	font-size: 12px;
	font-weight: bold;
	color: #669999;
	margin: 15px 0;
	padding: 0;
}
h3.subhead {
	font-size: 12px;
	font-weight: bold;
	color: #999999;
}
.h3_workswith {
	width: 222px;
	height: 20px;
	display: block;
	text-indent: -999em;	
	background: url(/images/h3_workswith.png) no-repeat;
}
.highlight {
	color: #ff6699;
}
.hlalt {
	color: #339999;
}
p.secret {
	margin: 15px 0;
	color: #999999;
}
ul.secret {
	margin: 5px 0 5px 15px;
	padding: 0;
	list-style: disc;
}
ul.secret li {
	color: #999999;
	margin: 3px 0;
	padding: 0;
}
p.space {
	margin: 10px 0;
}
ul.faq {
	margin: 15px 0 20px 10px;
}
ul.faq li {
	font-size: 12px;
	font-weight: bold;
}
ul.faq li a {
	color: #669999;
}
ul.faq li a:hover {
	color: #ff6699;
}
.perfectwith {
	width: 150px;
	margin: 5px 0 0 15px;
	float: left;
	text-align: center;
}


.dhtmlwindow{
position: absolute;
border: 1px solid #f172ac;
visibility: hidden;
background-color: white;
padding: 10px;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px 10px 0 0;
text-indent: 3px;
font: bold 14px Arial;
background-color: #white;
color: #339999;
cursor: move;
overflow: hidden;
width: auto;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
background-color: white;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
background-color: white;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}