/*MASTER RESET*/
*{padding: 0; margin: 0; outline: none; line-height:14px; background-positon: 0 0; background-repeat: no-repeat;}
html, body{height:100%;margin:0;padding:0;min-height:100%;}
body{font: 11px Arial; color: #0f0f0f; background: #ffffff url(../images/bg_body.gif) 50% 0 repeat-y;}
a{text-decoration: underline; color: #608d60;}
a:hover{color: #000000;}
li{list-style-type: none;}
hr {border: 0; width: 100%;}
p{margin: 4px 0px 10px 0px;}
img{border: 0; display: block; margin: 0;}
form label {cursor: pointer; font-size: 12px; }
input{font-size: 11px; line-height: 20px; background-color: Transparent !important; }
input[type=checkbox]{margin-right: 3px;}
input[type=radio]{margin-right: 3px;}
textarea{font: 11px Arial; padding: 0 0 3px 2px;}
fieldset{border: none; margin: 10px 0; }

h1, h2, h3{color: #c61032;}

/*CLASSES*/
.clearer{clear: both; height: 0; line-height: 0; font-size: 0;}
.spacer{clear: both; height: 10px;}
.delimiter{clear: both; height: 1; line-height: 1; font-size: 1; border-top: 1px solid #fff; margin: 5px 0 15px 0;}
.delimiter2{clear: both; height: 1; line-height: 1; font-size: 1; background: url(../images/bg_delimiter2.gif) 0 50% repeat-x; margin: 10px 0;}
.delimiter3{background: url(../images/bg_delimiter3.gif) 50% 0  repeat-y; margin: 10px 0; }
.fixer{display: none;}
.left{float: left;}
.right{float: right;}
.title{display: block;}
.title span{display: none !important; width: auto !important;}

.photo_product-small{margin: 0 20px; }
.arrows{font-size: 9px; color: #608d60;}
.red{color: #c61032;}
.buttonSubmit:hover{background-position: 100% 0 !important;}
.inputText{background: #ffffff !important; border: 1px solid #afafaf; width: auto; padding: 0 0 3px 2px;}
.note{font-size: 10px; font-style: oblique; color: #808080; }

/*LAYOUT*/
#page {width: 970px; margin: 0 auto;  height: 100%; background: url(../images/bg_page.gif) 0 100% repeat-x;}
#wrap{min-height:96%; position:relative; background: #fff; }
* html #wrap{height:95%;}

#footer{ position:relative; height:30px;  top: 0; } /*top:-5%;*/
* html #footer{top:0;}

#home #left{width: 436px; float: left; background: url(../images/bg_left-home.jpg) 100% 0 no-repeat;}
#home #main{width: 534px; float: right;}
#home #main .content{width: auto; background: none; }

#left{width: 392px; float: left; background: url(../images/bg_left.jpg) 100% 0 no-repeat;}
#main{width: 578px;  float: right;}
#main .content{width: 568px; min-height: 520px;  padding: 18px 0; background: url(../images/bg_main.png) 0 0 repeat-x;}
#main .content .wrap{padding: 0 20px;}
#main .content .wrap2 {padding: 10px; background: #fff; width: auto;}

/*Font Sizes*/
.fontSize_x{font-size: 10px;}
.fontSize_xx{font-size: 12px; font-weight: bold; text-decoration: none;}
.fontSize_xxx{font-size: 19px;}
.fontSize_xxxx{font-size: 23px;}
.fontSize_xxxxx{font-size: 27px; margin: 10px 0 20px 0; width: auto !important;}

/*Header*/
#header{height: 80px; }
#header .content{padding-left: 14px;}
#identity{float: left;}

/*Navigation*/
#navigation{float: right; margin: 50px 10px 0 0;}
#navigation li a span {display: none;}
#navigation li{float: left;}
#navigation ul li a{display: block; height: 20px; background-repeat: no-repeat;}
#navigation ul li a:hover, #navigation ul .active a{background-position: 100% 0;}
.nav_item01 a{background-image: url(../images/nav_item01.png); width: 145px;}
.nav_item02 a{background-image: url(../images/nav_item02.png); width: 130px;}
.nav_item03 a{background-image: url(../images/nav_item03.png); width: 154px;}
.nav_item04 a{background-image: url(../images/nav_item04.png); width: 169px;}
.nav_item05 a{background-image: url(../images/nav_item05.png); width: 114px;}

/*Left*/
.promo {width: 204px; height: 61px; background-image: url(../images/text_promo.png); margin: 8px 0 8px 28px;}
.promo span{display: none;}
#btn_seeFullRange{margin: 10px 0 20px 65px; display: block;}

/*Poll*/
#poll{width: 250px; height: 171px; float: left;}
#todaysPoll{width: 250px; height: 171px; float: right;}

/*Challenge*/
#signIn{width: 170px; float: left;}
#signIn label{font-weight: bold; color: #c61032; line-height: 18px;}
#signIn .inputText{background: #c61032 !important; color: #fff; width: 166px;}
#signIn .wrapbuttonSubmit {float: right;}
#signIn .buttonSubmit{width: 75px; height:19px; background: url(../images/btn_signIn.png) no-repeat; cursor:pointer; border:none; text-indent: -1000px;}


#register{width: 330px; float: right;}
#register label{font-weight: bold; color: #c61032; line-height: 18px;}
#register .wrapInput{float: left;}
#register .wrapbuttonSubmit {float: right;}
#register .buttonSubmit{width: 75px; height:19px; background:url(../images/btn_submit.png) no-repeat; cursor:pointer; border:none; text-indent: -1000px;}


/*Frames*/
.frame_storiesBig {margin: 5px 0 10px 0; display: block;}
.frame_storiesBig span {width: 202px; height: 152px; display: block; position: absolute; background: url('../images/frame_storiesBig.png') no-repeat;}

.frame_storiesMed {margin: 0 5px 10px 0; display: block;}
.frame_storiesMed span {width: 110px; height: 85px; display: block; position: absolute; background: url('../images/frame_storiesMed.png') no-repeat;}
.frame_storiesMed img{padding: 4px;}

.frame_storiesNormal {margin: 5px 0 10px 0; display: block;}
.frame_storiesNormal span {width: 129px; height: 99px; display: block; position: absolute; background: url('../images/frame_storiesNormal.png') no-repeat;}
.frame_storiesNormal img{padding: 5px;}

/*Bloggers*/
#redfaceBlogger{width: 240px; float: left; margin-right: 18px;}
#redfaceDoctor{width: 240px; float: right;}

/*Pagination*/
.pagination{font-weight: bold;}
.pagination .prevPage{float: left;}
.pagination .pages{width: 65%; margin: 0 auto; text-align: center;}
.pagination .nextPage{float: right;}
.pagination .currPage{color: #000 !important; text-decoration: none;}
.pagination li{display: inline; padding: 2px;}

/*winner*/
#winner {margin-left: 25px;}
#winner ul li{ position: relative; float: left;}
#winner img {padding: 6px;}
#winner .frame{ float: left; margin-right: 4px;}
#winner span {width: 110px; height: 85px; display: block; position: absolute; background: url('../images/frame_winner.png') no-repeat;}
#winner .info{width: 200px; float: left; padding: 18px 0; } 
#winner a{font-weight: bold; color: #608d60;}

/*Recent Stories*/
#recentStories {margin: 25px 0 0 25px;}
#recentStories ul {}
#recentStories ul li{ position: relative; float: left;}
#recentStories ul li img {padding: 5px;}
#recentStories ul li .frame{ float: left;}
#recentStories ul li span {width: 70px;	height: 55px; display: block; position: absolute; background: url('../images/frame_stories.png') no-repeat;}
#recentStories ul li .info{width: 220px; float: left; padding: 10px 0;} 
#recentStories ul li a{font-weight: bold; color: #608d60;}

/*titles*/
.title_rednessNotaLaughingMatter{background: url(../images/title_rednessNotaLaughingMatter.png) 18px 0 no-repeat; height: 69px; margin: 10px 0 0 0;}
.title_todaysPoll{background: url(../images/title_todaysPoll.png) 0 0 no-repeat; height: 22px;}
.title_recentStories{background: url(../images/title_recentStories.png) 5px 0 no-repeat; height: 22px;}
.title_congratulations{background: url(../images/title_congratulations.png) 0 0 no-repeat; height: 22px;}
.title_PeopleStories{background: url(../images/title_PeopleStories.png) 0 0 no-repeat; height: 19px;}
.title_questionsAndAnswers{background: url(../images/title_questionsAndAnswers.png) 0 0 no-repeat; height: 19px;}
.title_redfaceBloggers{background: url(../images/title_redfaceBloggers.png) 0 0 no-repeat; height: 19px;}
.title_Deborah{background: url(../images/title_Deborah.png) 0 0 no-repeat; height: 24px;}
.title_rednessDilemma{background: url(../images/title_rednessDilemma.png) 0 0 no-repeat; height: 19px;}
.title_triggers{background: url(../images/title_triggers.png) 0 0 no-repeat; height: 19px;}
.title_skinConcern{background: url(../images/title_skinConcern.png) 0 0 no-repeat; height: 19px;}
.title_theSolution{background: url(../images/title_theSolution.png) 0 0 no-repeat; height: 19px;}
.title_recommendedProduct{background: url(../images/title_recommendedProduct.png) 0 0 no-repeat; height: 19px;}
.title_comments{background: url(../images/title_comments.png) 0 0 no-repeat; height: 19px;}
.title_leaveComment{background: url(../images/title_leaveComment.png) 0 0 no-repeat; height: 19px;}
.title_register{background: url(../images/title_register.png) 0 0 no-repeat; height: 19px;}
.title_alreadyRegistered{background: url(../images/title_alreadyRegistered.png) 0 0 no-repeat; height: 25px;}
.title_notYetRegistered{background: url(../images/title_notYetRegistered.png) 0 0 no-repeat; height: 25px;}
.title_cliniqueRednessSolutions{background: url(../images/title_cliniqueRednessSolutions.png) 0 0 no-repeat; height: 19px;}
.title_cliniqueClub{background: url(../images/title_cliniqueClub.png) 0 0 no-repeat; height: 19px;}
.title_thankYou{background: url(../images/title_thankYou.png) 0 0 no-repeat; height: 19px;}

.title_product1{background: url(../images/title_product1.png) 0 0 no-repeat; height: 42px;}
.title_product2{background: url(../images/title_product2.png) 0 0 no-repeat; height: 42px;}
.title_product3{background: url(../images/title_product3.png) 0 0 no-repeat; height: 42px;}
.title_product4{background: url(../images/title_product4.png) 0 0 no-repeat; height: 58px;}

.title_rrp90{background: url(../images/title_rrp90.png) 0 0 no-repeat; height: 12px;}
.title_rrp68{background: url(../images/title_rrp68.png) 0 0 no-repeat; height: 12px;}
.title_rrp38{background: url(../images/title_rrp38.png) 0 0 no-repeat; height: 12px;}
.title_rrp36{background: url(../images/title_rrp36.png) 0 0 no-repeat; height: 12px;}

.title_step01{background: url(../images/title_step01.png) 0 0 no-repeat; height: 30px;}
.title_step02{background: url(../images/title_step02.png) 0 0 no-repeat; height: 30px;}
.title_step03{background: url(../images/title_step03.png) 0 0 no-repeat; height: 30px;}

.title_getAssessed{background: url(../images/title_getAssessed.png) 0 0 no-repeat; height: 19px;}
.title_trialtheProduct{background: url(../images/title_trialtheProduct.png) 0 0 no-repeat; height: 19px;}
.title_tellusYourStory{background: url(../images/title_tellusYourStory.png) 0 0 no-repeat; height: 19px;}

/*Actions*/
#actions li{height: 46px; margin: 0 0 2px 29px; }
#actions li a{display: block; height: 46px; width: 100%; text-decoration: none !important;}
#actions li a span{visibility: hidden;}
.title_action01{background: url(../images/title_action01.png) 0 50% no-repeat; width: 225px;}
.title_action02{background: url(../images/title_action02.png) 0 50% no-repeat; width: 230px;}
.title_action03{background: url(../images/title_action03.png) 0 50% no-repeat; width: 180px; }

/*FOOTER*/
#footer{background: #000000; color: #ffffff;}
#footer .content{padding-left: 28px;}
#footer a{text-decoration: none; color: #fff; line-height: 30px;}
#footer a:hover{text-decoration: underline;}

/*Stories Tell*/
#stories-tell .wrapbuttonSubmit {float: right;}
#stories-tell .buttonSubmit{width: 75px; height:19px; background:url(../images/btn_submit.png) no-repeat; cursor:pointer; border:none; text-indent: -1000px;}
#stories-tell .inputFile{background: #ffffff !important; border: 1px solid #afafaf; width: 307px; padding: 0 0 3px 2px; }


/*Bloggers Comments*/
#bloggers-comments .wrapbuttonSubmit {}
#bloggers-comments .buttonSubmit{width: 75px; height:19px; background:url(../images/btn_submit.png) no-repeat; cursor:pointer; border:none; text-indent: -1000px;}

#bloggers-comments .inputText{width: 170px;}

/*Bloggers*/