/* css for debskincare */
html, body, div, span, blockquote, img, ul, p, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6
	{
	margin: 0;
	padding: 0;
	border: 0;
	}
html{
	font-family:'Myriad', Verdana, Trebuchet, Arial, sans;
	font-size:12px;
	color: #537236;
	}	
body{
	text-align: left;
	background: url(../images/bkg.gif) #e7f1e5 top left repeat-y;
	padding: 20px 0px 0px 60px;
	margin: 0 auto;
	}
.clear{clear:both;}
h1 {
	font: bold 165% Arial, Helvetica, sans-serif;
	font-style:italic;
	color:  #ffffff;
	background: url(../images/advocare.gif) top left no-repeat;
	margin: 15px 10px 0px 42px;
	padding: 0 0 0 45px;
	display: inline;
	}
h2 {
	font: bold 100% Arial, Helvetica, sans-serif;
	}
h3 {
	font: bold 100% Arial, Helvetica, sans-serif;
	}
p {
	font-size: 100%;
	margin: 5px 0 0px 0;
	padding: 5px;
	text-align: left;
	line-height: 1.5em;
	}
	
a, a:hover, a:focus, a:visited {text-decoration:none; border: none;}
a img {border:none;}
a:link, a:visited {color: #82957e; font-weight:bold;}
a:hover {color: #030; text-decoration: underline;}

.darklink a:link, .darklink a:visited{color: #fff8ef; font-weight:bolder;}
.darklink a:hover{color: #fff; text-decoration: underline;}

#page {
	width: 843px;
	height: 100%;
	}
ul {
	text-align: left;
	}
li {
	}	
#wrapper {
	float: left;
	background: #bad5b4;
	text-align: left;
	width: 792px;
	height: 100%;
	border: solid 4px #fff;
	}

#header {
	background: #bad5b4;
	width: 792px;
	height: 154px;
	position: relative;
	border-bottom: solid 1px #fff;
	padding: 15px 0 0 0;
}

#banner, #banner-towel, #banner-shower, #banner-cleanse {
	text-align: left;
	width: 700px;
	height: 205px;
	position: absolute;
	top: 45px;
	left: 38px;
	border: solid 6px #fff;
	overflow: hidden;
	padding: 30px 0 0 10px;
	}
#banner {background: url(../images/banner_towel.jpg) #fff top right no-repeat;}
	
#banner-towel {background: url(../images/banner_towel.jpg) #fff top right no-repeat;}
#banner-shower {background: url(../images/banner_shower.jpg) #fff top right no-repeat;}
#banner-cleanse {background: url(../images/banner_cleanse.jpg) #fff top right no-repeat;}

#banner h2, #banner-towel h2, #banner-shower h2, #banner-cleanse h2 {
	display: inline;
	font-size: 230%;
	color: #669966;
	font:Verdana, Arial, Helvetica, sans-serif;
	}

#banner h3, #banner-towel h3, #banner-shower h3, #banner-cleanse h3 {
	width: 450px;
	margin: 10px 20px 20px 0;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 150%;
	color: #669966;
}
small {
	font-size: small;
	vertical-align: super;
}
#content {
	float: left;
	background: #fff8ef;
	padding: 120px 0 30px 38px;
	width: 754px;
	height: 100%;
	border-top: solid 11px #82957e;
}

#main { 
	background: #fff ;
	border: solid 3px #bad5b4;
	width: 704px;
	height: 100%;
	padding: 10px 0 0 10px;
	float: left;
	}
	
.main_btm_text {
	float: left;
	display: inline;
	}	

.main_corner {
	float: right;
	margin-right: -13px;
	margin-bottom: -14px;
	}

.main_hdr {
	margin-top: 13px; 
	font-size:14px; 
	font-family: Arial, sans-serif; 
	font-weight: bold; 
	letter-spacing: 1px; 
	}


.featuredproduct {
	margin: 5px;
	padding: 0px 10px 10px 10px;
	width: 600px;
	height: 100px;
}
.featuredproduct img{
	float: left;
	display: block;
	padding: 1px 1px 1px 1px;
	margin: 0px 10px 5px 0px;
	border: 1px;
	border-style: solid;
	border-color: #000000;
	height: 200px;
	width: 90px;
}

.featuredproduct ul.productdesc {
	color: #000000;
	margin:0px 0px 5px 0px;
	float: left;
	padding: 20px 1px 3px 9px;
	font-size: 14px;
	background: url(../images/back-test.jpg);
	text-align: left;
}
.featuredproduct ul.productdesc a{
color: #CC3300;
text-decoration: underline;
}
.featuredproduct ul.productdesc li a{
color: #000000;
text-decoration: underline;

}
.featuredproduct ul.productdesc li a:hover{
color: #cc3300;
text-decoration: underline;
}
#otherproducts {
	background: #cccccc;
	margin: 0 0 0 0;
	border: solid 1px #82957e;
	width: 400px;
	height: 100px;
}
div.boxes3{float: left; margin: 10px; padding: 0; width: 40px; }
div.boxes3 div{margin: 10px; padding: 5px;}
div.boxes3 p{border: solid 2px #cccccc;}

	

#footer {
	background: #82957e;
	width: 782px;
	height: 60px;
	font-size: 80%;
	padding: 5px;
	color: #fff8ef;
	}
#footer p {	text-align: center;}
#footer a {color: #fff8ef;}

/*********** #navLeft link styles ***********/
	#navLeft{float: right; padding-top: 44px;}
	#navLeft ul a:link, #navLeft ul a:visited {display: block;}
	#navLeft ul {list-style: none; margin: 0; padding: 0;}
	/*
	/* hack to fix IE/Win's broken rendering of block-level anchors in lists 
	#navLeft li {border-bottom: 1px solid #EEE;}*/
	
	/* fix for browsers that don't need the hack 
	html>body #navLeft li {border-bottom: none;}*/
	
	#navLeft span {
	display: none;
	}
	
	#menu {
	width: 43px;
	height: 473px;
	background: url(../images/menu.gif) #cccccc;
	margin: 0px 0px 0px 0px; 
	position: relative;
	
	}
	#menu li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
	
	#menu a {display: block;}
	
	#menu-home {left: 0px; top: 0px; width: 43px; height: 119px;}
	#menu-contact {left: 0px; top: 119px; width: 43px; height: 118px;}
	#menu-products {left: 0px; top: 237px; width: 43px; height: 118px;}
	#menu-story {left: 0px; top: 355px; width: 43px; height: 118px;}
	
	
	#menu-home a 		{height: 119px;}
	#menu-contact a 	{height: 118px;}
	#menu-products a 	{height: 118px;}
	#menu-story a 		{height: 118px;}
	
	#menu-home a:hover, #home #menu-home a:visited {background: url(../images/menu.gif) -43px 0px no-repeat;}
	#menu-contact a:hover, #contact #menu-contact a:visited {background: url(../images/menu.gif) -43px -119px no-repeat;}
	#menu-products a:hover, #products #menu-products a:visited {background: url(../images/menu.gif) -43px -237px no-repeat;}
	#menu-story a:hover , #story #menu-story a:visited {background: url(../images/menu.gif) -43px -355px no-repeat;}
	
	
	/*********** #navLinks styles ***********/
	
	#navLinks{
	position: relative;
	padding: 0px;
	}
	
	#navLinks h3{
	background: url(../images/logo.jpg) top right no-repeat;
	height: 473px;
	margin: 10px 0px 20px 10px;
	}
	#navpic {	
	padding: 15px 0px 10px 10px;
	}
	#navpic img{
	display: block;
	}
	
/*********** product box styles ***********/
.click {cursor: pointer;}
.bold {font-weight: bold;}
.hide {display: none;}
.invisibile {visibility: hidden;}
.prod_container {
	width : 694px;
	height: 100%;
}
.prod_container_top {
	width : 100%;
	height: 40px;
	background: url(../images/backgrnd_dots_grey.gif) bottom left repeat-x;
}
.cat_hdr {
	margin-top: 13px; 
	font-size:18px; 
	font-family: Arial, sans-serif; 
	font-weight: bold; 
	letter-spacing: 1px; 
}
.product_margin_top {
    margin-top: 5px;    
}
.product_margin_bottom {
    margin-top: 5px;    
}
#product_row_holder {text-align:center; margin:0 auto; height: 100%;}
.product_row {
	width : 100%;
	height: 340px;
}
.product_box {
	float:left;
	width: 163px;
	height: 100%;	
	text-align: center;
	margin: 0 auto;
	padding: 0 5px 0 5px;	
}
.product_box_desc {
	float:left;
	width: 389px;
	height: 100%;	
	text-align: left;
	margin: 0 auto;
	padding: 0 5px 0 5px;	
}
.pr_box_img {
	height: 190px;
}
.product_border_right {
	background: url(../images/backgrnd_dots_grey_v.gif) repeat-y right;
}
.product_border_bottom {
	background: url(../images/backgrnd_dots_grey.gif) bottom repeat-x;
}
.pr_link {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #7d90a7;
	text-decoration: none;
	line-height: 14px; 
}
.product_name {
    font-weight: bold;
}
#product_short_desc {
    position: absolute;
    top: 5em;
}
.pr_name_spacer {
    height: 3em;
}
.pr_viewdetails {
	padding: 0 0 0 10px;
	font-size : 10px;
	margin: 10px 0 4px 0;
	background: url(../images/detailsbutton.gif) top left no-repeat;
}
.pr_message { 
	line-height: 14px; 
	margin: 0 0 10px 0; 
	font-size : 10px;
}
.pr_price {
	height: 25px; 
	margin-top: 10px;
	padding: 1px;
	font-size : 14px;
	font-weight: bold;
	background-color: #bad5b4;
	color: #fff;
	text-align: center;
}
.pr_price a, .pr_price a:link, .pr_price a:visited{font-weight:bolder; color: #fff;}
.pr_price a:hover{color: #030;  text-decoration:none;}

#addtocart_button {visibility: hidden;}
.prod_container_bottom {
	width : 100%;
	height: 40px;
	margin-top: 5px;
	background: url(../images/backgrnd_dots_grey.gif) top repeat-x;
	}
.product_view_all {
	padding: 0 0 0 10px;
	float: right;
	font-size: 10px;
	margin: 10px 0 4px 0;
	background: url(../images/detailsbutton.gif) top left no-repeat;
	}
.product_box ul {
	font-size:11px; 
	font-family: Arial, sans-serif; 
	font-weight: bold; 
	letter-spacing: 1px; 
	margin: 0 0 10px 10px;
}
.product_box li {
	font-size:11px;	
	list-style-image: url(../images/arrow_grey_right.gif);
	background: url(../images/backgrnd_dots_grey.gif) bottom left repeat-x;
	padding: 5px 0 5px 0; 
	font-weight: bold; 
}
.product_box li a, .product_box li a:link, .product_box li a:visited{ font-weight:bold; color: #82957e; }
.product_box li a:hover{font-weight: bold; color: #030;  text-decoration:none;}
/*********** end product box styles ***********/
	
.list_hdr {	
	font-size:14px; 
	font-family: Arial, sans-serif; 
	font-weight: bold; 
	letter-spacing: 1px;
	text-align: left;
	margin: 0 0 10px 0;
}
.feature_box_hdr {
	height: 25px; 
	padding: 5px 0 0 0;
	font-size : 16px;
	font-weight: bold;
    text-align: center;
	margin-bottom: 5px;
}
.feature_box_hdr_link a{ color: #fff8ef; text-decoration:none; }
.feature_box_hdr_link a:link, .feature_box_hdr_link a:visited{ font-weight:bold; color: #fff8ef; }
.feature_box_hdr_link a:hover{font-weight: bold; color: #fff8ef;  text-decoration:none;}
.fstory {
	background-color: #bad5b4;
	color: #fff8ef;
}
.fprod {
	background-color: #82957e;
	color: #fff8ef;
}
.fqsome {
	background-color: #030;
	color: #fff8ef;
}
.f_box_img {
	height: 163px;
	}
.fprod_container_bottom {
	width : 100%;
	height: 5px;
	margin-top: 5px;
	background: url(../images/backgrnd_dots_grey.gif) top repeat-x;
	}
.feature_list ul {
	font-size:11px; 
	font-family: Arial, sans-serif; 
	font-weight: bold; 
	letter-spacing: 1px; 
	}
.feature_box_list li {
	font-size:14px;
	list-style-type:none;	
	list-style-image: none;
	background: none;
	padding: 5px 0 5px 0; 
	font-weight: bold; 
	}
.feature_box_list li a, .feature_box_list li a:link, .feature_box_list li a:visited{ font-weight:bold; color: #82957e; }
.feature_box_list li a:hover{font-weight: bold; color: #030;  text-decoration:none;}
.f_link {
	font-family: Arial, sans-serif;
	font-size : 12px;
	color: #7d90a7;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 25px; 
	text-align: left;
	}
.product_box_item {
	float:left;
	width: 213px;
	height: 100%;	
	text-align: center;
	margin: 0 auto;
	padding: 0 25px 10px 25px;	
}	
.item_box_img {
	height: 272px;
	background: url(../images/backgrnd_dots_grey.gif) bottom repeat-x;
}
.item_box_img_nbrdr {
	height: 272px;
	background: none;
}
.item_buynow {
	padding: 2px 0 0 12px;
	font-size : 14px;
	margin: 10px 0 0 0;
	background: url(../images/button.gif) bottom left no-repeat;
	height: 25px;
	color: #fff;
}
.item_buynow a, .item_buynow a:link, .item_buynow a:visited{font-weight:bolder; color: #fff;}
.item_buynow a:hover{color: #000;  text-decoration:none;}
.item_price {
	padding: 0 0 0 5px;
	margin-top: 5px;
	font-size : 14px;
	font-weight: bold;
	color: #030;
	text-align: left;
}
.item_price a, .item_price a:link, .item_price a:visited{font-weight:bolder; color: #030;}
.item_price a:hover{color: #030;  text-decoration:none;}
.item_message { 
	padding: 0 0 0 5px;
	line-height: 10px; 
	margin: 0 0 0px 0; 
	font-size : 10px;
}
.item_row {
	width : 100%;
	height: 100%;
}
.pr_desc_hdr {
	font-size:14px; 
	font-family: Arial, sans-serif; 
	font-weight: bold; 
	letter-spacing: 1px;
	text-align: left;
	margin: 10px 0 10px 0;
	}
.pr_desc_list ul {
	font-size:12px; 
	font-family: Arial, sans-serif; 
	font-weight: bold; 
	letter-spacing: 1px; 
	margin: 5px 0 5px 20px;
}
.pr_desc_list li {
	font-size:12px;	
	padding: 2px 0 2px 2px; 
	font-weight: bold; 
}
.pr_desc_list li a, .pr_desc_list li a:link, .pr_desc_list li a:visited{ font-weight:bold; color: #82957e; }
.pr_desc_list li a:hover{font-weight: bold; color: #030;  text-decoration:none;}

.skintype_row{
	width : 694px;	
	float: left;
	background: url(../images/backgrnd_dots_grey.gif) bottom repeat-x;
	}
.product_box_skintype {
	float:left;
	width: 120px;
	height: 100%;	
	text-align: center;
	margin: 0 auto;
	padding: 0 25px 10px 25px;	
	}
.skintype_img {
	height: 162px;
	background: none;
}
.skintype_box_desc {
	float:left;
	width: 500px;
	height: 162px;	
	text-align: left;
	margin: 0 auto;
	padding: 0 5px 0 5px;	

}