/* CSS Document */
body{margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:12px; line-height:18px;}
p {padding:0px; margin:0px;}
/* Special for Home page */
.home .wrapperheader{background:url(../images/wrapperheaderhomebg.jpg) no-repeat top center}
.home .content{background:url(../images/contentbgdown.jpg) bottom center no-repeat}
.home .content{padding-top:326px; height:auto}

/* wrapper throughout the site */
.wrapper{width:990px; margin:0px auto;}
.wrapperheader{background:url(../images/wrapperheaderbg.jpg) no-repeat 0px 0px}
.wrapperfooter{background:url(../images/wrapperfooterbg.jpg) no-repeat bottom center}

/* header */
.header{height:125px; padding-left:33px; position:relative;}
.logo{background:url(../images/clean&clear_logo.gif) no-repeat left top; height:71px; width:105px; display:block; margin:32px 0px 0px 0px; float:left}
.p-unlimited{background:url(../images/p_unlimited.gif) no-repeat left top; height:81px; width:209px; display:block; margin:24px 0px 0px 20px; float:left}


/* navigation */
.global-nav{height:61px; width:660px; /*float:right; margin:59px 12px 0px 0px*/ position:absolute; right:0; top:59px;}
.global-nav ul{list-style:none; border:#003333 1px solid; }
.global-nav a{background:url(../images/global_nav.png) no-repeat; display:block; float:left}

/* IE6 hack */
*html .global-nav a{background:url(../images/global_nav.gif) no-repeat; display:block; float:left}

.global-nav a.a{background-position: 0px -10px;margin-top:38px; height:21px; width:44px; margin-right:16px}
.global-nav a.b{background-position: -44px 0px; margin-top:14px; height:32px; width:110px; margin-right:16px}
.global-nav a.c{background-position: -158px 0px; height:20px; width:120px; margin-right:16px; margin-top:5px;}
.global-nav a.d{background-position: -279px 0px; margin-top:4px; height:25px; width:90px; margin-right:16px}
.global-nav a.e{background-position: -398px 0px; margin-top:9px; height:29px; width:66px; margin-right:16px}
.global-nav a.f{background-position: -465px 0px; margin-top:15px; height:29px; width:122px; margin-right:0px}

/* content */

.content{min-height:600px;}

/* home categories */
.categories{height:123px;}

.bacovergirl{background:url(../images/bacovergirl.png) no-repeat top left; height:123px; width:279px; display:block; float:left; margin: 0px 0px 0px 33px;}
.batvgirl{background:url(../images/batvgirl.png) no-repeat top left; height:123px; width:279px; display:block; float:left; margin: 0px 0px 0px 33px}
.comingsoon{background:url(../images/comingsoon.png) no-repeat top left; height:123px; width:279px; display:block; float:left; margin: 0px 0px 0px 33px}
.comingsoonstar{background:url(../images/comingsoonstar.png) no-repeat top left; height:77px; width:77px; display:block; position:relative; top:90px; left:211px}

/* IE6 hack */
*html .bacovergirl{background:url(../images/bacovergirl.gif) no-repeat top left;}
*html .batvgirl{background:url(../images/batvgirl.gif) no-repeat top left;}
*html .comingsoon{background:url(../images/comingsoon.gif) no-repeat top left;}
*html .comingsoonstar{background:url(../images/comingsoonstar.gif) no-repeat top left;}

/* homepage buttons space */
.btns{background:#FFFFFF; height:44px; text-align:center; padding: 15px 0px 10px 0px;}
.cols{height:400px; padding:0px 30px}

.cols span{background:url(../images/title.png) no-repeat; height:45px; display:block;}

/* IE6 hack */
*html .cols span{background:url(../images/title.gif) no-repeat; height:45px; display:block;}

.col1{padding-top:50px; float:left; width:300px;}
.col2{padding-top:50px; float:left; width:300px; margin-left:10px;}
.col3{padding-top:50px; float:left; width:300px; margin-left:10px;}

/* titles */
.col1 span.bg{background-position:-194px 0px; width:254px; }
.col2 span.bg{background-position:0px 0px; width:194px;}
.col3 span.bg{background-position:-452px 0px; width:188px; }



/* buttons */
.btn_signup{background:url(../images/btn_signupnow.png) no-repeat left top; display:block; height:44px; width:155px; margin:0px 0px 0px 150px; float:left;}
.btn_votenow{background: url(../images/VOTE-NOW.png) no-repeat left top; display:block; height:36px; width:152px; margin-left:35px; float:left;}
/* IE6 hack */
*html .btn_signup{background:url(../images/btn_signupnow.gif) no-repeat left top; display:block; height:44px; width:155px; margin:auto}


/* footer */
.footer{height:79px; clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:normal; padding:0px 30px;}
.copyrights{ color:#2e3192; font-size:9px; text-align:center; }
.footer .links{height:30px; padding-top:5px}
.footer ul{ padding:0 0 0 290px; margin:0px;}
.footer li{font-size:11px; list-style:none; float:left; padding:0px 8px 0px 8px; border-left:#fff 1px solid;}
.footer li.first{border-left:none;}

.footer a{color:#FFF; text-decoration:none}
.footer a:hover{color:#FFF; text-decoration:underline}


/*2nd june 2009*/
.inner {padding:70px 0px 70px 34px;}

.joincontest {background:url(../images/join-contest.jpg) no-repeat; width:291px; height:53px; float:left;}
.form {width:694px; float:left; padding:20px 0px;}
.form .heading {background:url(../images/bg-heading.jpg) repeat-x; height:19px; float:left; width:674px;padding:2px 10px 0px 10px; border:1px solid #d1e0f1; margin-bottom:10px;}
.form .heading .left {width:550px; float:left; color:#063980; font-size:11px; font-weight:bold; }
.form .heading .right {width:100px; float:right; color:#063980; font-size:11px; font-weight:bold; text-align:right; }
.form .subheading {float:left; width:100%; color:#063980; font-size:12px;margin:20px 0px;}
.form .inside {width:684px; float:left; padding:10px 0px 0px 10px;  margin-bottom:20px; }
.form .inleft {width:252px; float:left; margin-right:45px;}
.form .inleft01 {width:330px; float:left; margin-right:40px;}
.form .inright {width:252px; float:left;}

.form .label {width:250px; float:left; font-size:12px; color:#06387d; font-family:Arial, Helvetica, sans-serif; margin-bottom:3px;}
.form .label01 {width:150px; float:left; font-size:12px; color:#06387d; font-family:Arial, Helvetica, sans-serif; margin-bottom:3px;}
.form .label02 {width:70px; float:left; font-size:12px; color:#333333; font-family:Arial, Helvetica, sans-serif; margin-bottom:3px;}
.form .input {width:250px; float:left;padding-bottom:10px;color:#06387d; font-family:Arial, Helvetica, sans-serif; }
.form .lablewrapper {width:100%; float:left;}
.textbox {background:#eff4f9; width:244px; border-top:2px solid #969696; border-left:2px solid #969696; border-bottom:2px solid #fbfbfb; border-right:2px solid #fbfbfb; font-size:12px;}
.clear {clear:both;}

.checkwrapper {width:100%; float:left;}
.form .checkbox {width:20px; float:left; margin:0px 10px 10px 0px;}
.form .check-text {width:664px; float:left; margin:2px 0px 8px 0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#06387d;}
.form .check-text a{font-weight:bold; color:#06387d; text-decoration:none;}
.next {width:100px; float:left; padding:0px 0px 0px 220px;}
.submit {width:100px; float:left; margin:20px 0px 0px 30px;}
.btn {background:url(../images/submit-bg.jpg) no-repeat; width:97px; height:33px; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; font-weight:bold; padding:0px 0px 4px 0px; cursor:pointer;}

.thanku {background: url(../images/thanku.jpg) no-repeat; width:238px; height:67px; float:left;}
.blue14 {color:#003366; font-size:14px; font-weight:bold;}
.blue12 {color:#003366; font-size:12px; text-decoration:none;}
.blue12 a{color:#003366; font-size:12px; text-decoration:underline;}
.blue12 a:hover{color:#003366; font-size:12px; text-decoration:none;}


/*----------.products--------*/
.leftpanel {width:684px; float:left; margin-right:28px;}
.rightpanel {width:217px; float:left;}

.product-heading {background:url(../images/products.jpg) no-repeat top left; width: 206px; height:48px; float:left; margin-bottom:10px;}
.general-desc {width:100%; float:left; padding:20px 0px; font-size:12px; color:#333333;}
.general-desc span{font-size:14px; color:#333333; font-weight:bold;}

.products-subhead {width:100%; float:left; padding:5px 0px; border-bottom:#e8e3ed solid 4px;}
.products-subhead .bg {background:url(../images/subheading_products.png) no-repeat; height:23px; margin-right:58px; float:left}
*html .products-subhead .bg {background:url(../images/subheading_products.gif) no-repeat; height:23px; margin-right:58px; float:left}

.products-subhead a.deepaction {width:84px; background-position:0px top;}
.products-subhead a.deepaction:hover {width:84px; background-position:0px bottom;}

.products-subhead a.oilfree {width:52px; background-position:-99px top;} 
.products-subhead a.oilfree:hover {width:52px; background-position:-99px bottom;} 

.products-subhead a.oilcontrol {width:131px; background-position:-166px top;} 
.products-subhead a.oilcontrol:hover {width:131px; background-position:-166px bottom;} 

.products-subhead a.acne {width:38px; background-position:-312px top;}
.products-subhead a.acne:hover {width:38px; background-position:-312px bottom;}
 
.products-subhead a.blackheads {width:80px; background-position:-365px top;} 
.products-subhead a.blackheads:hover {width:80px; background-position:-365px bottom;} 

.products {width:100%; float:left; padding:10px 0px;}
.products ul {padding:0px; margin:0px; display: inline;}
.products li {display: block; float:left; margin:0px 5px 10px 0px; text-decoration:none; width:337px; list-style:none;} 
.products li .img {background:#fff; width:124px; height:255px; float:left; margin-right:5px;}
.products li .desc {width:198px; float:left;font-size:12px; color:#666666; padding:5px; position:relative; height:210px;}
.products li .desc p{padding:5px 0px; margin:0px; position:absolute; bottom:0px}
.products li .desc span {font-size: 18px; color:#323232; text-decoration:none; display:block; padding-bottom:10px;}

.skincare-tips {background:url(../images/tips-bg.jpg) no-repeat top left; width:201px; height:94px; float:left; padding:42px 8px 8px 8px; font-size:12px; color:#333333; margin-bottom:5px;}
.skincare-tips p {padding:0 0 5px 0; margin:0px;}
.skincare-tips a {text-decoration:underline; color:#333333;}

.banner {background:url(../images/banner-rihgt.jpg) no-repeat; width:217px; height:584px; float:left;}


/*--------.tell a friend------*/
.tellafriend {background:url(../images/tellafriend.jpg) no-repeat; width:275px; height:53px; float:left;}


/*-- gallery--*/
.gallery{background:url(../images/gallery.gif) no-repeat; width:171px; height:70px; float:left;}
.gal_content{float:left; padding:20px 0; width:904px;}
.gal_content .heading {height:19px; float:left; width:100%; padding:2px 10px 6px 10px; border-bottom:4px solid #e8e3ed; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#06387e;}
.gal_content .imageholder{background:url(../images/image_background.gif) no-repeat top left; padding:7px 22px 22px 7px; height:423px; width:423px; margin-top:5px	}
.gal_content .left {width:452px; float:left; }
.gal_content .right {width:452px; float:right;}
.gal_content .right .title{margin:35px 0px 10px 0px}

/*-- thumbnails in list view -- */
.thumbnail {width:100%;}
.thumbnail ul{list-style:none; float:left; margin:0px ; padding:0px}
.thumbnail li{background:url(../images/thumb_background.gif) no-repeat top left; height:78px ; width:78px; padding:5px 7px 9px 5px; float:left}




/*----*/

.clear{height:10px; width:100%; clear:both}



/*-- voting --*/
.voting{width:440px; border:#e8e3ed 2px solid; float:left; margin-top:10px}
.startvoting{background:url(../images/startvoting.gif) no-repeat top left; height:39px;  padding:12px 0px 0px 160px; margin:12px 22px}

/*-- captcha image --*/
.captcha {}
.captcha .image{height:63px; width:151px; border:#999 solid 1px; margin:19px; float:left; display:block}
.captcha .input{padding:0px; margin-top:19px; float:left}
.submit02{width:150px; float:left; padding-left:20px}
.btn02 {background:url(../images/button02.gif) no-repeat; width:150px; height:34px; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; font-weight:bold; cursor:pointer;}


/*----*/

/*-- gallery2--*/
.gallery2{float:left; width:694px; padding:15px 0 0 0; font-family:Arial, Helvetica, sans-serif;}
.g-text {width:450px; float:left; font-size:12px; color:#333333; margin-bottom:25px;}
.joinnow{width:150px; float:right; margin:25px 0 0 0;}
.g-text p{ padding:0 0 10px 0; margin:0px;}
.heart {background:url(../images/icon-heart.jpg) no-repeat right 3px; padding-right:16px; width:auto;}
.gallery2 .left {width:auto; float:left;}
.groups {float:left; width:100%; margin-bottom:25px;}
.groups .heading { border-bottom:4px solid #e8e3ed; padding:5px 0px; width:100%; float:left; margin:15px 0px;}
.groups .heading .left{ color:#06387d; font-size:12px; font-weight:bold; width:300px; float:left; padding-left:8px;}
.groups .heading .left span{ margin-left:20px; color:#666666; font-size:12px;}
.pagination { color:#06387d; font-size:11px; width: auto; float:right; padding-left:8px;}
.pagination a{ color:#06387d; text-decoration:none; padding:0px 3px; font-size:11px}
.pagination a:hover{ color:#06387d; text-decoration:underline;}
.pagination .textb {width:30px; border:1px solid #06387d; font-size:11px; margin:0px 3px; text-align:center; color:#06387d}
.pagination .viewall{ margin-right:10px; font-size:11px; color:#06387d}

.groups ul {padding:0px; margin:0px; display:inline;}
.groups li {float:left; list-style:none; display:block; text-decoration:none; width:138px; }
.groups li .image {background:url(../images/thumb2_background.gif) no-repeat top left; float: left; padding:7px 0px 0px 7px; width:131px; height:131px;}
.groups li a.name { float:left; font-size:12px; font-weight:bold;text-decoration:none; color:#333; padding-left:8px;}
.groups li a.name:hover { text-decoration:none; color:#333; }
.groups li .vote {width:auto; float:right; margin-right:12px;}



/*styles on dated 11-09-2009*/
*html .products-subhead .bg {background:url(../images/subheading_products.gif) no-repeat; height:23px; margin-right:58px; float:left}
.contestbg { background:#ecf9fb url(../images/contest-bg.jpg) no-repeat left top;height:485px !important;padding:70px 0 14px 34px; margin-top:8px; position:relative;min-height:485px;}

.whatwereabt-outer {float:left; width:530px;}
.whatwereabt {background:url(../images/whatwereabout-img.png) no-repeat left top; width:321px; height:44px; float:left; margin-bottom:8px;}
*html .whatwereabt {background:url(../images/whatwereabout-img.gif) no-repeat left top; width:321px; height:44px; float:left; margin-bottom:8px;}
.whatwereabt-desc {width:530px; float:left; font-size:12px; color:#666666;}
.whatwereabt-desc p {margin:4px 0 0; padding:0px;}

.contestimg {background:transparent url(../images/contest-img.jpg) no-repeat scroll left top;float:right;height:315px;position:absolute;right:0;top:-10px;width:389px;}

.countdown-outer {background:url(../images/coundown.png) no-repeat left 10px; width:220px;  float:left; padding:14px 0 0 230px;margin:25px 25px 0 0}
*html .countdown-outer {background:url(../images/coundown.gif) no-repeat  left 10px; width:220px;  float:left; padding:16px 0 0 230px; margin-top:25px}
.countdown-outer p {margin:6px 0 0; padding:0px; line-height:13px;}
.b12 {font-size:12px; color:#2e3192; font-weight:bold;}
.g11 {font-size:11px; color:#666; text-decoration:none;}
.g11 a{color:#2e3192; text-decoration:none;}
.g11 a:hover{color:#2e3192; text-decoration: underline;}

.g12 {font-size:12px; color:#666; text-decoration:none;}
.g12 a{color:#2e3192; text-decoration:none; font-weight:bold;}
.g12 a:hover{color:#2e3192; text-decoration: underline;}

.g11u {font-size:11px; color:#666; text-decoration:none;}
.g11u a{color:#2e3192;  text-decoration: underline;}
.g11u a:hover{color:#2e3192;text-decoration:none;}

.countdown-outer .button {float:left; margin:15px 0 0;}
img {border:0px;}

.c-products {background: url(../images/productimg.jpg) no-repeat left 21px; width:220px; height:180px; float:left; padding:15px 0 0 230px;margin-top:25px; position:relative;}
.c-products p {margin:6px 0 0; padding:0px; line-height:13px;}
.c-products .h-link {width:210px; height:181px; position:absolute; top:8px; left:0px;cursor:pointer;}

.notopmargin {margin-top:0px !important;}
.nopadding {padding:0px !important;}

.magazineouter { width:280px; float:left; margin-right:20px;}
.magazineouter01 { width:300px; float:left;margin-top:20px;}
.border {border:1px solid #5454a9;}
.magazineimg {width:130px; height:130px; float:left; margin:0 18px 18px 0;border:1px solid #5454a9;}
.magazineimg01 {width:130px; height:130px; float:left; margin:0 18px 0 0;border:1px solid #5454a9;}


.productimgout {float:left; width:100%; padding-top:20px;}
.productimg {width:315px; float:left; margin-right:25px;}
.product-desc {width:320px; float:left;}
.product-desc p {margin:5px 0 0; padding:0px; line-height:15px;}
.gray18 {font-size:18px; color:#323232;}

*html .content{height:600px;}

/*styles on dated 11-09-2009*/
.fottor_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3748BB;
	line-height: 14px;
	margin-right: 30px;
}
.fottor_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin-right: 30px;
	margin-top: 5px;
}

.fottor_links a {
	color: #FFFFFF;
	text-decoration: none;
}

.fottor_links a:hover {
	color: #FFCC00;
}
/*styles on dated 11-09-2009*/
.Self_text 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height:13px;
}
.product_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #323232;
	font-weight: bold;
	width: 150px;
}
.product_text1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #323232;
	font-weight: bold;
	width: 300px;
}