@charset "utf-8";
/* CSS Document */

body{
	padding: 0 0 50px 0;
	margin:0;
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#393939;
	}
	
p, div, h1, h2, h3, form, input{
	padding:0;
	margin:0;
	}
	
img{
	padding:0;
	margin:0;
	border:none;
	display:block;
	}
	
ul{
	padding:0;
	margin:0;
	list-style-type:none;
	}
	
.spacer{
	font-size:0;
	line-height:0;
	clear:both;
	}
	

	
/*----------------------------- General ----------------------------*/

#header{
	width:915px;
	height:160px;
	margin:0 auto;
	}
	
#header div#headerLeft{
	float:left;
	width:533px;
	padding:26px 0 0 22px;
	}
	
.date{
	/*font:bold 14px/17px Arial, Helvetica, sans-serif;*/
	color:#000000;
	height:17px;
	text-align:right;
	width:393px;
	}
	
#headerLeft ul{
	padding:0 0 0 8px;
	margin:21px -28px 0;
	float:left;
	}
	
#headerLeft ul li{
	float:left;
	line-height:28px;
	margin-right:4px;
	}
	
#headerLeft ul li a{
	display:block;
	height:28px;
	float:left;
	font:bold 12px/27px Arial, Helvetica, sans-serif;
	color:#241f21;
	padding:0 12px ;
	background-color:#d9e7f4;
	text-transform:uppercase;
	text-decoration:none;
	}
	
#headerLeft ul li a:hover{
	background-color:#9ed4eb;
	}

/*----------Header Right-----------------*/	
	
#header div#headerRight{
	float:right;
	width:360px;
}

#headerRight p.topMenu{
	margin:18px 7px 0 0;
	text-align:right;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#333333;
	}
	
#headerRight p.topMenu a{
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
	}
	
#headerRight p.topMenu a:hover{
	text-decoration:underline;
	}

/*---- Tab Content ----*/

ul.shadetabs{
	margin-top: 22px;
	list-style-type: none;
}

.shadetabs li{
	float:left;
	margin-right:2px;
}

ul.shadetabs li a{
	display:block;
	float:left;
	height:22px;
	background:url(images/tab-left.gif) no-repeat 0 0 #cfdfdf;
	text-decoration:none;
	padding:0 0 0 12px;
	
}

ul.shadetabs li a span{
	display:block;
	float:left;
	height:22px;
	padding:0 12px 0 0;
	background:url(images/tab-right.gif) no-repeat 100% 0;
	font: bold 12px/21px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#626262;
	cursor:pointer;
	}


ul.shadetabs li a:hover{
	background:url(images/tab-hover-left.gif) no-repeat 0 0 #bdcbcb;
}

ul.shadetabs li a:hover span{
	background:url(images/tab-hover-right.gif) no-repeat 100% 0;
	cursor:pointer;
}


ul.shadetabs li.selected a{ /*selected main tab style */
	display:block;
	float:left;
	height:22px;
	background:url(images/tab-active-left.gif) no-repeat 0 0 #708686;
	text-decoration:none;
	padding:0 0 0 12px;
}

ul.shadetabs li.selected a span{ /*selected main tab style */
	display:block;
	float:left;
	height:22px;
	padding:0 12px 0 0;
	background:url(images/tab-active-right.gif) no-repeat 100% 0;
	font: bold 12px/21px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#ffffff;
	cursor:pointer;
	}



.tabcontentstyle{ /*style of tab content container*/
	width:320px;
	height:53px;
	background-color:#6b7f7f;
	padding:10px 16px 0 16px;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}


/*---- Tab Content ----*/

/*-------- Signin Form-----*/

#signinform{
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	}
	
#signinform label{
	display:block;
	height:19px;
	margin:3px 0 0 0;
	}
	
#signinform input.txtBox{
	background-color:#FFFFFF;
	color:#495757;
	padding:2px;
	height:14px;
	width:111px;
	font-size:11px; 
	line-height:14px;
	border:none;
	}
	
#signinform input.register{
	background:url(images/register-button.gif) no-repeat 0 0;
	width:71px; height:19px;
	border:none;
	cursor:pointer;
	}




/*---- Menu Panel -----*/

#menuPanel{
	background:url(images/menu-bg.gif) repeat-x 0 0;
	height:31px;
	}
	
#menuPanel ul{
	width:950px;  
	margin:0 auto;
	}
	
#menuPanel ul li{
	line-height:31px;
	float:left;
	background:url(images/divider.gif) no-repeat 0 100%;
	padding:0 0 0 1px;
	}
	
#menuPanel ul li.menuStart{
	background-image:none;
	padding:0;
	}
	
#menuPanel ul li a{
	display:block;
	height:31px;
	float:left;
	padding:0 20px;
	font:bold 14px/31px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	}
	
#menuPanel ul li a:hover{
	background:url(images/hoverbg.gif) repeat-x 0 0;
	}
	
	
/*------------ Body Panel ------------*/

#bodyPanel{
	width:915px;
	margin:0 auto;
	padding:13px 0 30px;
	}
	
/*--Left Panel--*/

#leftPanel{
	float:left;
	width:608px;
	margin:0 7px 0 0;
	}
	
#leftPanel div.leftHead{
	background:url(images/mainimage.jpg) no-repeat 0 0;
	height:250px;
	}
	
	
#leftPanel div.hotProduct{
	padding:11px 0 0 0;
	margin:0 0 10px;
	}
	
#leftPanel h2{
	background:url(images/heading-bg.gif) repeat-x 0 0;
	height:32px;
	padding:0 0 0 10px;
	}
	
#leftPanel h2 span{
	display:block;
	height:32px;
	text-indent:-20000px;
	}
	
#leftPanel h2.hotproductHeading{
	margin:0 0 10px 0;
	}
	
#leftPanel h2.hotproductHeading span{
	background:url(images/hotproduct-heading.gif) no-repeat 0 50%;
	}
	
#leftPanel h2.article{
	margin:0 0 2px 0;
	}
	
#leftPanel h2.article span{
	background:url(images/article-heading.gif) no-repeat 0 50%;
	}
	
.productLeft{
	float:left;
	width:185px;
	padding:6px 12px 6px 2px;
	background:url(images/border.gif) repeat-y 100% 0;
	}
	
.productRight{
	float:left;
	width:185px;
	padding:6px 2px 6px 12px;
	background:url(images/border.gif) repeat-y 0 0;
	}
	
.productMid{
	float:left;
	width:185px;
	padding:6px 12px;
	}
	
.products{
	width:185px;
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#0a9fc1;
	padding:0 0 8px 0;
        min-height:200px;
	}
	
.products img.bdr{
	border:solid 1px #a7cddc;
	}
	
.products img.catagory{
	margin:7px 0;
	}
	
.articlePanel{
	background-color:#eeeeee;
	padding:9px;
	}
	
.articlePanel ul{
	float:left;
	width:289px;
	}
	
.articlePanel ul.paddLft{
	padding:0 0 0 10px;
	}	

.articlePanel ul li{
	line-height:30px;
	margin-bottom:4px;
	background:url(images/blt.gif) no-repeat 0 0 #FFFFFF;
	padding:0 0 0 8px;
	}
	
.articlePanel ul li a{
	display:block;
	width:272px;
	height:30px;
	font:bold 12px/29px Arial, Helvetica, sans-serif;
	color:#019abe;
	text-decoration:none;
	padding:0 0 0 9px;
	}
	
.articlePanel ul li a span{
	background:url(images/arrow.gif) no-repeat 100% 50%;
	padding:0 32px 0 0;
	}
	
.articlePanel ul li a:hover{
	background:url(images/article-hoverbg.gif) repeat-x 0 0;
	color:#FFFFFF;
	}
	
.articlePanel ul li a:hover span{
	background:url(images/arrow-hover.gif) no-repeat 100% 50%;
	}

/*--right Panel--*/

#rightPanel{
	float:left;
	width:300px;
	}
	
#rightPanel p.textHeading{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#44b3cd;
	}
	
#rightPanel a.textlink{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#44b3cd;
	text-decoration:none;
	}
	
#rightPanel a.textlink:hover{
	text-decoration:underline;
	}
	
	
.subscribeBox{
	background:url(images/subscribe-bg.gif) repeat-x 0 0;
	height:250px;
	width:300px;
	text-align:center;
	}
	
.subscribeBox img{
	margin:2px auto;
	}
	
	
.addpanels{
	padding:11px 0;
	background:url(/images/border2.gif) repeat-x 0 100%;
	}
	
.featurePanel{
	background:url(/images/featurepanelbg.gif) repeat-x 0 100% #f4f4f4;
	padding:0 0 20px 0;
	}
	
.featurePanel h2{
	background:url(images/feature-heading.gif) no-repeat 0 0;
	height:32px;
	text-indent:-20000px;
	margin-bottom:8px;
	}
	
.featurePanel img{
	border:solid 1px #9cc2d1;
	margin:0 0 0 7px;
	}
	
.featurePanel p{
	margin:7px 0 0 7px;
	}
	
p.addtext{
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#393939;
	}
	
.freegiveway{
	background:url(images/freegiveway.jpg) no-repeat right top;
	padding: 10px 93px 15px 10px;
	}
	
.shopping{
	background:url(images/shopping.jpg) no-repeat right top;
	padding: 10px 93px 0 10px;
	}
	
.blog{
	padding: 10px 93px 15px 10px;
	}

a.bloglink{
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	color:#393939;
	text-decoration:none;
	}
	
a.bloglink:hover{
	text-decoration:underline;
	}
	
	
	
/*------------------- Footer ----------------------*/

#footerPanel{
	background-color:#eeeeee;
	border-bottom:solid 1px #cac8c8;
	border-top:solid 1px #cac8c8;
	padding:11px 0 16px 0;
	}
	
#footer{
	width:915px;
	margin:0 auto;
	}
	
#footerLeft{
	width:191px;
	padding:13px 0 0 0;
	float:left;
	}
	
#footerMid{
	width:293px;
	float:left;
	background:url(images/footerbdr.gif) repeat-y 0 0;
	padding:13px 1px 25px 1px;
	}
	

	
#footer ul.footerlink{
	width:122px;
	float:left;
	padding:0 0 0 20px;
	}
	
#footer ul.footerlink li{
	background:url(images/arrow-footer.gif) no-repeat 0 50%;
	padding:0 0 0 20px;
	line-height:19px;
	}
	
	
#footer ul.footerlink li a{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
	}
	
#footer ul.footerlink li a:hover{
	text-decoration:underline;
	}
	
#footerRight{
	width:366px;
	float:right;
	padding:13px 6px 18px 0;
	}

#footerRight p{
	float:right;
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	
	}
	
#footerRight p a{
	color:#393939;
	text-decoration:underline;
	}
	
#footerRight p a:hover{
	text-decoration:none;
	}
	
a.download{
	float:left;
	margin:20px 0 0 0;
	background:url(images/arrow-footer.gif) no-repeat 0 50%;
	padding:0 0 0 20px;
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
	}
	
a.download:hover{
	text-decoration:underline;
	}
	
a.hgws{
	display:block;
	width:104px; height:12px;
	background:url(images/hgws.gif) no-repeat 0 0;
	font:normal 10px/12px Arial, Helvetica, sans-serif;
	color:#7b7b7b;
	text-decoration:none;
	margin:20px 0 0 0;
	padding:25px 0 0 0;
	float:right;
	}
	
	
	
/*----------------------- Inner Page ----------------------------*/

#bodyTop{
	width:565px;
	padding:0 0 46px 0;
	}
	

	
ul.linktree li{
	float:left;
/*--background:url(images/arrow-footer.gif) no-repeat 0 50%;---*/
	padding:0 0 0 15px;
	margin:0 20px 10px 0;
	line-height:19px;
	}

ul.linktree li a{
	float:left;	
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
	}
	
ul.linktree li a:hover{
	text-decoration:underline;
	}
	
	
#viewArticleBody{
	width:565px;
	}
	
#viewarticleHeader{
	width:565px;
	padding:187px 0 0 0;
	background:url(images/view-article-header.jpg) no-repeat 50% 0;
	}
	
h3.eatheading{
	font:normal 16px Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:27px;
	margin:20px 0 0 0;
	}
	
#viewArticleBody p{
	margin-bottom:20px;
	width:550px;
	}
	
 p.blueText{
	font-weight:bold;
	color:#2aabc9;
	}
	
a.subscribeLink{
	display:block;
	background:url(images/link-bar.gif) no-repeat 0 0;
	width:254px; height:33px;
	font:bold 12px/33px Arial, Helvetica, sans-serif;
	color:#de0379;
	text-align:center;
	text-decoration:none;
	margin:35px 0 20px 0;
	}
	
a.subscribeLink:hover{
	color:#333333;
	}
	
p.textBig{
	font-size:18px;
	line-height:25px;
	}
	
/*---------------------------- article list page --------------------------*/

h3.healthArticleHeading{
		height:27px;
	margin:20px 0 0 0;
	text-indent:-20000px;
	}
	
.articleListBox{
	background:url(images/border2.gif) repeat-x 0 100%;
	padding:19px 10px 16px 9px;
	}
	
.articleListBox img{
	float:left;
	}
	
.articleTextPanel{
	float:right;
	width:340px;
	padding:0 0 0 10px;
	}

.articleTextPanel a{
	display:block;
	text-decoration:none;
	font:bold 14px/17px Arial, Helvetica, sans-serif;
	color:#0c9fc1;
	text-transform:uppercase;
	margin:0 0 8px 0;
	}
	
.articleTextPanel a span{
	background:url(images/arrow.gif) no-repeat 100% 50%;
	padding:0 0 0 27px;
	}
	
.articleTextPanel a:hover{
	color:#5b6060;
	}
	
#viewArticleBody div.articleTextPanel p.articleText{
	width:333px;
	color:#333333;
	margin-bottom:0;
	}
	
	
	
/*--------------------- Shop Index page --------------------------*/


.buttonPanel{
	padding:0 17px 10px 0;
	float:right;
	height:16px;
	position:absolute;
	top:0px;
	right:0px;
	}

.viewbasketWhite{
	background:url(images/viewbasket-white.gif) no-repeat 0 0;
	width:102px; 
	height:26px;
	cursor:pointer;
	float:right;
	border:none;	
	}
	
.checkoutWhite{
	background:url(images/checkout-white.gif) no-repeat 0 0;
	width:88px;
	height:26px;
	cursor:pointer;
	float:right;
	border:none;
	}
	
h2.shopHeading{
	background:url(images/heading-bg.gif) repeat-x 0 0;
	height:32px;
	padding:0 0 0 10px;
	}
	
h2.shopHeading span{
	display:block;
	height:32px;
	text-indent:-20000px;
	}
	
h2.shopHeading span.storeHeading{
	background:url(images/stor-heading.gif) no-repeat 0 0;
	}
	
#productBody{
	padding:0 12px 60px 0;
	}
	
.productListPanel{
	padding:11px 0;
	background:url(images/border2.gif) repeat-x 0 100%;	
	}
	
	
.productCatagory{
	float:left;
	width:218px;
	height:296px;
	padding:0 7px 0 0 ;
	background:url(images/border.gif) repeat-y 100% 0;
	}
	
	.productCatagory h5.blue{
	text-indent:0px;
	text-align:center;
	color:#32A6C3;
	font-weight:bold;
	font-size:14px;
	
	}
	.productCatagory h5.blue a{
	text-indent:0px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	
	}
	.productCatagory h5.blue a:hover{
	text-indent:0px;
	color:#32A6C3;
	font-weight:bold;
	text-decoration:none;
	}
	
.productCatagory img{
	float:none;
	margin:0px auto 0;
	}
	
.productCatagory  a{
	display:block;
	margin:15px 0 0 0;
	height:17px;
	float:none;
	text-indent:-20000px;
	}
	
.productCatagory  a.skinCare{
	background:url(images/skin-care.gif) no-repeat 50% 0;
	}
	
.productCatagory  a.books{
	background:url(images/books.gif) no-repeat 50% 0;
	}
	
.productCatagory  a.clothes{
	background:url(images/clothes.gif) no-repeat 50% 0;
	}
	
.productCatagory  a.shoes{
	background:url(images/shoes.gif) no-repeat 50% 0;
	}
	
.nobg{
	background-image:none;
	}
	
	
#productAddPanel{
	padding:12px 0;
	background-color:#eeeeee;
	}
	
.productAddbox{
	padding:18px;
	float:left;
	height:75px;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#333333;
	background:url(images/border.gif) repeat-y 100% 0;
		}
		
.productAddbox h2{
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#db0376;
	margin-bottom:8px;
	}
	
.productAddbox a.addHeading{
	display:block;
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#db0376;
	margin-bottom:8px;
	text-decoration:none
	}
	
.productAddbox a.addHeading:hover{
	text-decoration:underline;
	}

.advBox1{
	width:200px;
	}
	
.advBox2{
	width:181px;
	}
	
.advBox3{
	width:170px;
	}
	
.advBox4{
	width:200px;
	background-image:none;
	}
	
ul.addlink{
	float:left;
	margin-right:10px;
	}
	
 ul.addlink li{
	background:url(images/arrow-footer.gif) no-repeat 0 50%;
	padding:0 0 0 20px;
	line-height:19px;
	}
	
	
 ul.addlink li a{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#333333;
	text-decoration:none;
	}
	
 ul.addlink li a:hover{
	text-decoration:underline;
	}
	
.viewbasketGrey{
	background:url(images/viewbasket-grey.gif) no-repeat 0 0;
	width:102px; 
	height:26px;
	cursor:pointer;
	float:right;
	border:none;	
	}
	
.checkoutGrey{
	background:url(images/checkout-grey.gif) no-repeat 0 0;
	width:88px;
	height:26px;
	cursor:pointer;
	float:right;
	border:none;
	}

	
	
	
	
/*---------- View Product ------------*/

#productPic{
	padding:22px 0 0 0px;
	height:360px;
	}
	
#productPic .imagewrap{
	padding:22px 0 0 0px;
	height:360px;
	width:307px;
	height:300px;
	float:left;
	text-align:center;
	}
	
#productPic	.productinfo {

	float:right;
	padding:0px 10px;

}

#productPic .productattributes { 

float:right; display:block;

}
	
#productPic h1{
	font:bold 16px Arial, Helvetica, sans-serif;
	height:19px;
	
	margin:0 0 28px 0;
	}

#productPic h2{
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	height:19px;
	text-indent:-20000px;
	margin:0 0 28px 0;
	}
	
#productPic p{
	margin: 0 0 20px 0;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#333333;
	}
	
#productPic a{
	float:left;
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#0fa0c1;
	text-decoration:none;
	}
	
#productPic a:hover{
	text-decoration:underline;
	}
	
.cartForm{
	width:212px;
	height:33px;
	float:right;
	padding:0;
	margin:0;
	background-color:#eeeeee;
	}
	
.rtBorder{
	border-right:solid 1px #FFFFFF;
	}
	
.cartForm input.cartbutton{
	background:url(images/add-to-cart.gif) no-repeat 0 0;
	width:98px;
	height:28px;
	border:none;
	cursor:pointer;
	margin:3px 0;
	float:left;
	display:inline;
	
	}
	.cartForm input.cartbutton:hover{
	cursor:pointer;
	}
	
.cartForm select{
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#000000;
	}

	
.cartForm label{
	display:block;
	width:33px; height:18px;
	}
	
	
	
/*--------------------- product list---------------------*/

h2.shopHeading span.skinCareHeading{
	background:url(images/skin-care-heading.gif) no-repeat 0 0;
	}
	
.productCatagory p{
	float:none;
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:center;
	margin:8px auto;
	width:170px;
	height:30px;
	}
	
.productCatagory img.productimg{
	margin:8px auto 0;
	height:80px;
	}