body
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 0.8em;
	color: #333;
	background:#2C4A88; }
}
body, html
{
	height:100%;
}
body, html, form, p, div { margin: 0; padding: 0; }
h1, h2, h1 span, h2 span {	margin: 0; padding: 0; color:#005084; font-family: Trebuchet MS, Tahoma; }
h3, h4, h5, h6, h3 span, h4 span, h5 span, h6 span { margin: 0; padding: 0; color:#004c99; }

h1 {	font-size: 18px; margin:5px 0; }
h1.subtitle {padding:3px 0 0 50px; margin:0;}
h2, h2 span { font-size: 1.3em; font-weight: normal; padding-bottom: 6px; }
h3, h3 span { font-size: 1.1em; padding-bottom: 4px; }
h3 a {text-decoration:none;}


/* COMMON GENERAL*/
a { color:#005084/*3f7ba2*/; outline:0;}
div, p, td, span, normal, input, textarea {font-family:Tahoma; color:#333; font-size:12px;}


.imgmore { margin-top: 10px; text-align: right; }
.arrow { vertical-align: middle; }
img { border:none; }
.smallText { color:#555555; font-size:10px;}
p.quote {line-height:1.5em;}

#container { background:transparent url(/images/oralb/bg-tile-footer.jpg) repeat-y top center; }
#container-inner { padding-top:13px; background:transparent url(/images/oralb/bg.jpg) no-repeat top center;}
#container-bottom { background:transparent url(/images/oralb/bg-footer.jpg) no-repeat top center; height:38px; }
#content-footer { min-height:163px; height:auto !important; height:163px;}

.wrapper {
	width: 990px;
	margin: 0 auto;
	min-height:1057px; height:auto !important; height:1057px;
	/*min-height:600px; height:auto !important; height:600px;*/
}
.wrapper-inner {}
.wrapper-bottom {width:990px; height:15px; margin:auto;}

.header {width:600px; height:110px; padding-top:23px; margin-left:179px;}
.topbar {width:794px; margin:auto; *margin-bottom:-5px;}
.userarea { width:400px; height:40px; float:left; margin:10px 0 0 0px;}
/*.search {width:149px; float:left; height:32px; margin-top:5px; padding-top:10px; background-color:#003775;}
.search input.txtSearch {border:solid 1px #cfd9e5; background-color:#003775; color:#fff; font-size:10px; width:115px; height:21px; }
.search input.cmdSearch {border:solid 1px #949fa6; background-color:#00adef; color:#fff; font-size:10px; height:25px; *height:27px; width:25px; vertical-align:bottom; padding-bottom:3px;}*/


/* FOOTER */
.footer { padding: 20px 0 0 0; text-align: center; color: #fff; font-size:11px; }
.footer a, .footer a:visited { color: #fff; text-decoration: none; }
.footer a:hover { color: #fff; text-decoration:underline; }

/* MAIN AREA */
.main-wrapper {
	width: 834px;
	/*padding: 0 20px 0 20px;*/
	/*background:transparent url(/images/oralb/home-bg.png) repeat-y 0 0;*/
	margin:auto;
}

.main-wrapper .content {
	/*width: 644px;
	float: left;*/
}

.main-wrapper .rightCol {
	width: 150px;
	float: left;
	margin-left:0px;	
	text-align:center;
}
.main-wrapper .rightCol div { width:141px; margin:auto; }
.main-wrapper .rightCol div p { color:#666;}
.generic-wrapper {
	width: 734px;
	padding: 10px 50px 10px 50px;
	background:transparent url(/images/oralb/generic-bg.png) repeat-y 0 0;
	margin:auto;
}
.generic-top { width: 834px; height:45px; background:transparent url(/images/oralb/generic-top.png) no-repeat 0 0; margin:auto; }
.generic-bottom { width: 834px; height:65px; background:transparent url(/images/oralb/generic-bottom.png) no-repeat 0 0; margin:auto; }
	
.view-wrapper {
	width: 794px;
	padding: 10px 20px 10px 20px;
	background:transparent url(/images/oralb/view-bg.png) repeat-y 0 0;
	margin:auto;
}
.view-top { width: 834px; height:42px; background:transparent url(/images/oralb/view-top.png) no-repeat 0 0; margin:auto; }
.view-bottom { width: 834px; height:40px; background:transparent url(/images/oralb/view-bottom.png) no-repeat 0 0; margin:auto; }

.clearFloats { clear: both; line-height:0; overflow:hidden; }
.clear {clear:both;}
*:first-child+html .clearFloats { height: 0; } /* IE7 fix */ 


/* NAVIGATION */

.hpNav .col1  {float: left; margin:0; text-align:center; width:100%;}
.hpNav .col2  {float: left; width: 100%; text-align:left; margin: 10px 0 0 0px; padding-top:0; }
.hpNav .col1 .listing { width:100px; }
.hpNav .col2 .listing {  }

.navigation {
	list-style: none;
	clear: both;
	padding: 0px; margin: 0px;
}
ul.navigation li { float:left; width:167px; height:50px;}
ul.navigation li a  { width:167px; height:50px; text-indent:-9999px; display:block; }

ul.navigation li a.recent {background:transparent url(/images/huggies/nav_recent.png) no-repeat scroll left top;}
ul.navigation li a.recent:hover, ul.navigation li a.recent.on {background-position:0 -50px;}
ul.navigation li a.viewed {background:transparent url(/images/huggies/nav_viewed.png) no-repeat scroll left top;}
ul.navigation li a.viewed:hover, ul.navigation li a.viewed.on {background-position:0 -50px;}
ul.navigation li a.rated {background:transparent url(/images/huggies/nav_rated.png) no-repeat scroll left top;}
ul.navigation li a.rated:hover, ul.navigation li a.rated.on {background-position:0 -50px;}
ul.navigation li a.discussed {background:transparent url(/images/huggies/nav_discussed.png) no-repeat scroll left top;}
ul.navigation li a.discussed:hover, ul.navigation li a.discussed.on {background-position:0 -50px;}

ul.navigation li a.idea {background:transparent url(/images/huggies/nav_idea.png) no-repeat scroll left top;}
ul.navigation li a.idea:hover, ul.navigation li a.idea.on {background-position:0 -50px;}
ul.navigation li a.comments {background:transparent url(/images/huggies/nav_comments.png) no-repeat scroll left top;}
ul.navigation li a.comments:hover, ul.navigation li a.comments.on {background-position:0 -50px;}



.randomContainer { padding:10px 10px 20px 10px; position:relative; height:150px; }
.randomContainer .ideaImage img { padding:2px; border:solid 1px #ccc; clear:both; }
.randomContainer .ideaTitle { font-size:15px; font-weight:bold; color:#004C9A;}
.randomContainer .ideaUserName { font-size:10px; text-transform:uppercase;}
.separator { border-bottom:1px solid #c1c1c1; background:#fff !important; margin-bottom:3px;}
.randomInfo .ratingNH { position:absolute; bottom:18px; right:68px; }
.inputFieldUser, .inputFieldPassword { border:1px solid #C7C8C4; font-size:14px; padding:5px; height:19px; width:130px;}
.divInputSubmit { background:url(/images/oralb/login-alt.png) no-repeat; width:145px; height:65px; display:block; cursor:pointer; overflow:hidden; }
.inputSubmit { overflow:hidden; background:none; border:none; position:relative; display:block; width:135px; height:60px; right:40px; padding-right:180px; }

.randomImg { height:110px; width:110px; overflow:hidden; border:solid 1px #ededed; float:left; }
.randomInfo { width:110px; float:right; }


a#powered-by-vibevillage {
    width: 129px;
    height: 52px;
    float: right;
    text-align: left;
    text-indent: -999em;
    background: url(/images/poweredby.png) no-repeat;
}

/* Home*/
.area1 {width:794px; height:260px; padding:0px 20px; background:transparent url('/images/oralb/area1-bg.png') no-repeat 0 0; position:relative;}
.area2 {width:794px; height:200px; padding:5px 20px; background:transparent url('/images/oralb/area2-bg.png') no-repeat 0 0; position:relative; *margin-top:-2px;}
.homeInterior {padding:0 !important;}
.area1 #dnn_ContentPane {width:330px; height:230px; float:left; }
.area1 .more { position:absolute; top:55px; left:355px;}
.area1 .more a { }
.area2 .clowns { position:absolute; right:20px; top:5px;}
.ideaListContainer {width:310px; height:230px; overflow:hidden; position:relative; margin:9px 6px 8px 14px; }
.home-list-item { float:left; width:101px; height:114px; position:relative; margin: 1px;}
.hoverCell { width:292px; height:212px; padding:10px; position:absolute; z-index:999; top:0px; left:0px; display:none; background:transparent url('/images/oralb/hover-bg.png') no-repeat 0 0; }
.hoverFeature {width:100px; float:left; position:relative; cursor:pointer;}
	.hoverFeature img {position:absolute; top:2px; left:-5px; }
.hoverContent {float:right; padding:20px 25px 10px 20px; width:187px;}
.hoverContent h3 span {color:#fff; font-size:15px;}
.hoverContent h4 span {font-weight:normal; font-size:12px; margin-bottom:8px; display:block;}
.hoverContent span.text {font-size:10px; color:#2C4A88;}

.divFlash { width:105px; height:232px; margin:-15px 10px 0 20px; float:left;}
.coupon { float:left; width:180px; height:180px; margin-right:15px;}

/* Add */
.addContainer .leftColumn { float:left; width:720px; }
    .question-content {padding:15px 0;}
        .question { float:left; width:180px; text-align:right; padding-right:40px;}
        .response { float:left; width:500px;}        
		
    textarea.NormalTextBox, 
	textarea.txtarea,
	textarea.txtAddComment {background:transparent url('/images/oralb/txtarea-bg.png') no-repeat 0 0; width:410px !important; height:102px !important; padding:4px !important; border:none; }    
	input.txt {background:transparent url('/images/oralb/txt-bg.png') no-repeat 0 0; width:410px; height:22px; padding:4px; border:none; }
    input.NormalTextBox, 
	input.txt-short {background:transparent url('/images/oralb/txt-short-bg.png') no-repeat 0 0; width:200px; height:22px; padding:4px; border:none; }		
	.full-line {height:1px; border:none; background:transparent url('/images/oralb/line.png') no-repeat 0 0;}
	div.Validation {display:block; clear:left; margin-top:3px;}

/* View */
.dashContainer { width:900px; margin:auto; padding-top:73px; text-align:left; }
.dashContainerTop { width:970px; margin:auto; position:relative;}
.micronav-share-container {position:absolute; top:-10px; right:55px;}
.micronav-share-dropdown {left:-90px !important;}

.viewContainer {min-height:350px; height:auto !important; height:350px;}
.viewContainer .rightColumn { float:right; width:180px; padding:0 15px; color:#fff; font-size:11px; }
	.viewContainer .rightColumn span, .viewContainer .rightColumn td, .viewContainer .rightColumn a {color:#fff;}
.viewContainer .leftColumn { float:left; width:534px; padding:0 25px;}
.viewContainer .leftColumn .mainImage {display:block; width:70px; float:left;}
.viewContainer .leftColumn .viewContent {width:435px; float:left; margin-left:20px;}
	
/* List */
.list-item {width:340px; height:93px; float:left; background:transparent url('/images/oralb/list-item-bg.png') no-repeat 0 0; margin:0 10px 10px 0; position:relative;}
.list-item .listImage {width:73px; height:93px; float:left; position:relative;}
	.list-item .listImage a {display:block; width:73px; height:93px; overflow:hidden;}
.list-item .listInfo {width:267px; height:93px; float:left; margin-left:0px; }
.list-item .mainInfo {width:262px; height:63px; margin-top:10px; padding:0 5px;}
    .list-item .mainInfo .ratingContainer {position:absolute;right:8px;top:45px;}
.list-item .extraInfo {width:267px; text-align:center; font-size:11px; color:#a7a7a7;}
	.list-item .extraInfo span {font-size:11px; color:#a7a7a7; }
.list-paging {width:450px; height:20px; margin:auto; padding-top:20px;}
	
/* Icons/Features */
.featureIcons {width:350px; float:left;}
.featureIcons a.ft_item img {border-bottom:solid 1px #F0F0F0;}
.featureIcons a {border-bottom:solid 5px transparent; margin:5px;}
.featureIcons a.on {border-bottom:solid 5px #1481C4; margin:5px;}
.ft_item1 {display:block; float:left; width:101px; height:114px; overflow:hidden; background:transparent url('/images/oralb/emoticons.png') no-repeat 0 0;}
.ft_item2 {display:block; float:left; width:101px; height:114px; overflow:hidden; background:transparent url('/images/oralb/emoticons.png') no-repeat -101px 0;}
.ft_item3 {display:block; float:left; width:101px; height:114px; overflow:hidden; background:transparent url('/images/oralb/emoticons.png') no-repeat -202px 0;}
.ft_item4 {display:block; float:left; width:101px; height:114px; overflow:hidden; background:transparent url('/images/oralb/emoticons.png') no-repeat -303px 0;}
.ft_item5 {display:block; float:left; width:101px; height:114px; overflow:hidden; background:transparent url('/images/oralb/emoticons.png') no-repeat -404px 0;}
.ft_item6 {display:block; float:left; width:101px; height:114px; overflow:hidden; background:transparent url('/images/oralb/emoticons.png') no-repeat -505px 0;}

.ft_item1.on {display:block; float:left; width:101px; height:114px; overflow:hidden; background:transparent url('/images/oralb/emoticons.png') no-repeat 0 5px;}
.ft_item2.on {display:block; float:left; width:101px; height:114px; overflow:hidden; background:transparent url('/images/oralb/emoticons.png') no-repeat -101px 5px;}
.ft_item3.on {display:block; float:left; width:101px; height:114px; overflow:hidden; background:transparent url('/images/oralb/emoticons.png') no-repeat -202px 5px;}
.ft_item4.on {display:block; float:left; width:101px; height:114px; overflow:hidden; background:transparent url('/images/oralb/emoticons.png') no-repeat -303px 5px;}
.ft_item5.on {display:block; float:left; width:101px; height:114px; overflow:hidden; background:transparent url('/images/oralb/emoticons.png') no-repeat -404px 5px;}
.ft_item6.on {display:block; float:left; width:101px; height:114px; overflow:hidden; background:transparent url('/images/oralb/emoticons.png') no-repeat -505px 5px;}

a.shareFB {width:100%; height:25px; overflow:hidden; display:block; background:url('/images/oralb/btn-share-on-fb.png') transparent no-repeat; text-indent:-9999px; border-bottom:1px solid #62a0c8; height:125px; background-position:0 -12px;}
a.shareFB.on {background-position:0 -156px;}




.recipe { display:none; }
.regFH { color:#004C9A !important; }
.thumbImageContainer {border:0px !important;}

.hpVideo {width:372px; height:224px; border:solid 4px #db368a; background:#000; margin:auto; color:#efefef; position:absolute; top:132px; left:180px;}
.hpmore {position:absolute; bottom:0px; right:6px;z-index:100 !important;}

.ideaList {/*width:315px;*/}
.ideaListImage {/*width: 55px; position:relative;*/}
.ideaListInfo {/*float: left; width: 140px; line-height:16px;*/}

.CommentsTitle {color:#004c9a; font-weight:bold;}

.viewDetails .titleCol {float:left; width:50px; margin-right:5px; margin-top:5px; clear:left;}

.submitbutton { width:100%; text-align:center; align:center; }

#dnn_ctr1957_View_ddCategory_0, #dnn_ctr1957_View_ddCategory_1, #dnn_ctr1957_View_ddCategory_2 {float:left;margin:55px 0px 0px 0px;}

.QuestionTableCell span { color:#004c9a;font-weight:bold;font-size:11px; }

#dnn_ctr1957_View_categoryTitle {padding:60px 0 0 0;}
#dnn_ctr1957_View_Question_23 {padding:25px 0 0 0;}
#dnn_ctr1957_View_radQuestion_23 input { float:left;margin:22px 10px 0px 0px; }
#dnn_ctr1957_View_radQuestion_23 td {padding-right:10px;}

.QuestionTableCell span {float:right;padding-right:5px;}


/* Rego */
.regFieldHeader, .regFieldFooter,
.regFH_l, .regFH, .regFH_r,
.RegLeftCol, .regRightCol {background:none !important;}

/* RATING */
.rating
{
    width: 80px;
    height: 16px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    list-style: none;
    clear: both;
    position: relative;
    background: url(/images/oralb/rating.png) no-repeat 0 0;
}

ul.rating li {
cursor: pointer;
/*ie5 mac doesn't like it if the list is floated but ie6 does\*/
float:left;
/* end hide*/
text-indent:-999em;/* hide text*/
}

ul.rating li a
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 16px;
    height: 16px;
    text-decoration: none;
    z-index: 200;
}

ul.rating li.one a {left:0px;-moz-outline:none;}
ul.rating li.two a {left:16px;-moz-outline:none;}
ul.rating li.three a {left:32px;-moz-outline:none;}
ul.rating li.four a {left:48px;-moz-outline:none;}
ul.rating li.five a {left:64px;-moz-outline:none;}

.nostar {background-position:0px 0px;}
.onestar {background-position:0px -16px;}
.twostar {background-position:0px -32px;}
.threestar {background-position:0px -48px;}
.fourstar {background-position:0px -64px;}
.fivestar {background-position:0px -80px;}

ul.rating li a:hover {
z-index:2;
width:80px;
height:16px;
overflow:hidden;
left:0px;
background: url(/images/oralb/rating.png) no-repeat 0 0;
}

ul.rating li.one a:hover {background-position:0px -16px;}
ul.rating li.two a:hover {background-position:0px -32px;}
ul.rating li.three a:hover {background-position:0px -48px}
ul.rating li.four a:hover {background-position:0px -64px}
ul.rating li.five a:hover {background-position:0px -80px}

.ratingNH
{
    width: 80px;
    height: 16px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    list-style: none;
    clear: both;
    position: relative;
    background: url(/images/oralb/rating.png) no-repeat 0 0;
}



ul.ratingNH li {

/*ie5 mac doesn't like it if the list is floated but ie6 does\*/
float:left;
/* end hide*/
text-indent:-999em;/* hide text*/
}

ul.ratingNH li span
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 16px;
    height: 16px;
    text-decoration: none;
    z-index: 200;
}

ul.ratingNH li.one span {left:0px;-moz-outline:none;}
ul.ratingNH li.two span {left:16px;-moz-outline:none;}
ul.ratingNH li.three span {left:32px;-moz-outline:none;}
ul.ratingNH li.four span {left:48px;-moz-outline:none;}
ul.ratingNH li.five span {left:64px;-moz-outline:none;}

ul.ratingNH.nostar {background-position:0px 0px;}
ul.ratingNH.onestar {background-position:0px -16px;}
ul.ratingNH.twostar {background-position:0px -32px;}
ul.ratingNH.threestar {background-position:0px -48px;}
ul.ratingNH.fourstar {background-position:0px -64px;}
ul.ratingNH.fivestar {background-position:0px -80px;}
.username {color:#58001a;}