@charset "utf-8";
/* 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;}
a {outline:none; -moz-outline-style: none;}

/* 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 top center}
.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:12px}
.global-nav a.b{background-position: -44px 0px; margin-top:14px; height:32px; width:110px; margin-right:15px}
.global-nav a.c{background-position: -157px 0px; height:25px; width:120px; margin-right:15px; margin-top:0px;}
.global-nav a.d{background-position: -282px 0px; margin-top:-2px; height:25px; width:90px; margin-right:22px}
.global-nav a.e{background-position: -378px 0px; margin-top:3px; height:29px; width:63px; margin-right:15px}
.global-nav a.f{background-position: -442px 0px; margin-top:14px; height:29px; width:122px; margin-right:2px}

/* content */
.content{min-height:600px;}

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


.bacovergirl{background:url(../images/bacovergirl.png) no-repeat top right; height:123px; width:279px; display:block; float:left; padding: 0px 0px 0px 33px;}
.batvgirl{background:url(../images/batvgirl.png) no-repeat top right; height:123px; width:279px; display:block; float:left; padding: 0px 0px 0px 33px}
.blankimage{height:326px;width:279px;display:block;float:left;padding:0px 0px 0px 33px}
.comingsoon{background:url(../images/comingsoon.png) no-repeat top right; height:123px; width:279px; display:block; float:left; padding: 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 */
/* IE6 hack */
*html .bacovergirl{background:url(../images/bacovergirl.gif) no-repeat top right;}
*html .batvgirl{background:url(../images/batvgirl.gif) no-repeat top right;}
*html .comingsoon{background:url(../images/comingsoon.gif) no-repeat top right;}
*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:20px; float:left; width:300px;}
.col2{padding-top:20px; float:left; width:300px; margin-left:10px;}
.col3{padding-top:20px; 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 400px; float:left;}
.btn_votenow{background: url(../images/VOTE-NOW.png) no-repeat left top; display:block; height:44px; 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:0px 0px 0px 200px;}
*html .btn_votenow{background: url(../images/VOTE-NOW.gif) no-repeat left top; display:block; height:44px; width:152px; margin-left:15px; float:left;}

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

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


/*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.jpg) 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;}
.gal_content .heading .text {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#06387e; float:right; margin-right:10px;}
.gal_content .heading .text a{font-family:Arial, Helvetica, sans-serif; color:#06387e; text-decoration:none;}
.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}




/*----*/

.gal_content .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:5px 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:0px 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;margin-top:8px;}
.groups {float:left; width:100%; margin-bottom:25px;}
.groups .heading { border-bottom:4px solid #e8e3ed; padding:3px 0px; width:100%; float:left; margin:5px 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;}
.groups1 {float:left; width:100%; margin-bottom:0px;}
.groups1 .heading { border-bottom:4px solid #e8e3ed; padding:3px 0px; width:100%; float:left; margin:5px 0px;}
.groups1 .heading .left{ color:#06387d; font-size:12px; font-weight:bold; width:300px; float:left; padding-left:8px;}
.groups1 .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;}

.g-title {width:100%; float:left;}
.g-title .t-title { width:250px; float:left;}
.g-title .t-title .name {width:200px; float:left; font-size:12px; color:#000;}
.g-title .t-title .name a{font-size:12px; color:#000; text-decoration:none;}
.g-title .t-title .rank {width:34px; float:right; font-size:12px;}
.g-title .descrip {width:100%; float:left; padding:10px 0px; font-size:12px;}