p.inline {
	display: inline;
}



/**
 * layout
 */
 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix p, .clearfix ul, .clearfix ol, .clearfix dl { /* change bottom margin to bottom padding on child elements of clearfix because IE loses the bottom margin on floated elements */
	margin-bottom: 0;
	padding-bottom: 1em;
}
 
#wrapper-outer {
	background: #fff;
	margin: 0 auto 20px auto;
	position: relative;
	width: 972px;
}



#tell-a-friend {
	clear: left;
	display: inline; /* IE6 double margin bug */
	float: left;
	margin-left: 8px;
	margin-top: -10px;
	position: relative;
	z-index: 1;
}

* html #tell-a-friend {
	margin-top: -20px;
}

#tell-a-friend a {
	background: url(../../images/bt_tellafriend.png) no-repeat;
	cursor: pointer; /* IE6 ?! */
	display: block;
	height: 19px;
	width: 95px;
}

#content {
	float: left;
	width: 803px;
}

.interior #content {
	display: inline; /* IE6 double margin bug */
	margin: 30px 0 0 15px;
	width: 660px;
}

#sidebar {
	float: right;
	position: relative;
	width: 208px;
	z-index: 99;
}

#sidebar.narrow {
	width: 159px;
}




/* sidebar "slideout" feature panels */

.slider {
	margin-bottom: 5px;
	position: relative;
}

.slider img {
	display: block;
}

.slider .closed {
	position: relative;
	z-index: 3;
}

.slider .open {
	left: 0;
	position: absolute;
	z-index: 1;
}

.narrow .slider .open {
	left: 15px;
}

.js .slider span {
	cursor: pointer;
	height: 36px;
	left: 134px;
	position: absolute;
	top: 118px;
	width: 36px;
	z-index: 1;
}

.slider .overlay {
	display: none;
	position: absolute;
	z-index: 3;
}

.js #slider-securitytampons.narrow span {
	left: 119px;
}

#slider-securitytampons .overlay {
	left: -15px;
	top: 67px;
}

#slider-securitytampons.narrow .overlay {
	left: 8px;
}

.js #slider-ultrathinwings.narrow span {
	left: 119px;
}

#slider-ultrathinwings .overlay {
	left: -48px;
	top: 77px;
}

#slider-ultrathinwings.narrow .overlay {
	left: -20px;
	top: 77px;
}

.js #slider-maxiregular.narrow span {
	left: 119px;
}

#slider-maxiregular .overlay {
	left: -27px;
	top: 65px;
}

#slider-maxiregular.narrow .overlay {
	left: 0;
	top: 70px;
}

.js #slider-ultrathinovernight.narrow span {
	left: 119px;
}

#slider-ultrathinovernight .overlay {
	left: -48px;
	top: 68px;
}

#slider-ultrathinovernight.narrow .overlay {
	left: -23px;
	top: 56px;
}

.js #slider-lightdays.narrow span {
	left: 119px;
}

#slider-lightdays .overlay {
	left: -40px;
	top: 67px;
}

#slider-lightdays.narrow .overlay {
	left: -17px;
	top: 67px;
}

#panel-productselector, #widepanel-freesample {
	margin-bottom: 5px;
}

#panel-perfectfit {
	margin-bottom: 10px;
}

#panel-periodplanner {
	margin-left:12px;
}

#widepanel-periodplanner {
	margin-bottom: 5px;
/*	margin-right:10px;*/
/*	margin-top:-5px;*/
}

* html #panel-productselector {
	margin-bottom: -21px;
	position: relative; /* for IE6 */
}

.narrow #panel-productselector {
	margin-bottom: -10px;
}





/* headers */

.replace {
	overflow: hidden;
	text-indent: -999em;
}




/* forms */

input.text, input.password, select, textarea {
	border: 1px solid #a1a1a1;
}

form p {
/*	margin-bottom: 1.5em;*/
}

form td {
	padding: 0;
}

label.before {
	clear: left;
	float: left;
	margin-right: 1em;
	/*text-align: right;*/
	padding-left: 6px;
	width: 12em;
}

span.required {
	display: block;
	font-size: 83%;
	font-style: italic;
}

span.formgroup {
	float: left;
}

span.formgroup input {
	clear: left;
	float: left;
}

span.formgroup label {
	float: left;
	margin-left: 5px;
	width: 400px;
}

input.submit {
	display: block;
	margin: 1em 0;
}

div.form-error-message {
	background-color: #fbe5e0;
	border: 1px #f8cec4 solid;
	color: #ca1111;
}

div.form-error-message ul {
	margin-bottom: .5em;
	margin-top: .5em;
}

p.error {
	color: #ca1111;
	font-weight: bold;
}


/**
 * page/section specific
 */
 
/* home page */

.home #main {
	height: 454px !important;
}

.home-image {
	background: #fff url(../../images/loading.gif) 50% 50% no-repeat;
	height: 516px;
	left: 0;
	position: absolute;
	top: -62px;
	width: 972px;
	z-index: 0;
}

.js .home-image img, .js .home-image div {
	display: none;
}

.home-image p {
	font-size: 92%; /* 12px */
}

.home-image div {
	position: absolute;
}

#home-myperiod div {
	bottom: 80px;
	left: 520px;
	width: 230px;
}

#home-mydaughter div {
	bottom: 65px;
	left: 454px;
	width: 270px;
}

#home-mypregnancy div {
	bottom: 60px;
	left: 450px;
	width: 290px;
}

#home-mychange div {
	bottom: 135px;
	left: 520px;
	width: 230px;
}

#home-myhealth div {
	bottom: 80px;
	left: 530px;
	width: 220px;
}

.home-image .next-story {
	display: none;
	margin: 5px;
	text-align: right;
}

.js .home-image .next-story {
	display: block;
}

.home-image .next-story a {
	text-decoration: none;
}

.home-image .next-story a:hover {
/*	color: #000;*/
}

.home #nav-education {
	bottom: -40px;
	font-family: "arial narrow",arial,helvetica,clean,sans-serif;
	left: 280px;
	position: absolute;
	z-index: 98;
}

* html .home #nav-education {
	bottom: -41px; /* IE6! */
}

#nav-education ul {
	float: left;
	margin: 0;
}

#nav-education li {
	float: left;
	list-style: none;
	margin-right: 7px;
	width: 100px;
}

#nav-education a {
	color: #444343;
	cursor: pointer;
	display: block;
	height: 104px;
	line-height: 1.1;
	overflow: visible;
	text-align: center;
	text-decoration: none;
}

#nav-education a:hover {
	color: #ca1111;
}

#nav-education a span {
	display: block;
	height: 30px;
	padding-top: 74px;
	text-transform: lowercase;
}

#nav-myperiod {
	background: url(../../images/bt_myperiod.png) no-repeat;
}

#nav-mychange {
	background: url(../../images/bt_mychange.png) no-repeat;
}

#nav-mypregnancy {
	background: url(../../images/bt_mypregnancy.png) no-repeat;
}

#nav-mydaughter {
	background: url(../../images/bt_mydaughter.png) no-repeat;
}

.home #nav-myhealth {
	display: none;
}

/* product pages */

#innovation-carousel {
	margin: 10px 0 100px 0;
}

#innovation-carousel-printable {
	display: none;
}

.js #innovation-carousel {
	border: 1px solid #ababab;
	height: 324px;
	margin-bottom: 10px;
	position: relative;
	width: 658px;
}

.js #innovation-carousel div.slide {
	background: #fff url(../../images/loading.gif) 50% 50% no-repeat;
	position: absolute;
	top: 0;
}

.js div.slide img {
	position: relative;
	top: 0;
	display: block;
}

.js #innovation-carousel div.slide p {
	font-family: arial,helvetica,clean,sans-serif;
	left: 10px;
	margin-top: 0;
	position: absolute;
	top: 10px;
	width: 320px;
	z-index: 2;
}

#innovation-carousel .nav {
	display: none;
}

.js #innovation-carousel .nav {
	bottom: 5px;
	position: absolute;
	right: 5px;
	z-index: 3;
}

.js #innovation-carousel .nav a {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
}

.js #innovation-carousel .nav a:hover, .js #innovation-carousel .nav a.on {
	background-position: 0 0;
}

.js #innovation-carousel .nav .next {
	background: url(../../images/bt_next.gif) no-repeat;
}

.js #innovation-carousel .nav .prev {
	background: url(../../images/bt_prev.gif) no-repeat;
}

.js #innovation-carousel .nav .inno-maxi {
	background: url(../../images/bt_inno_maxi.gif) 0 -20px no-repeat;
}

.js #innovation-carousel .nav .inno-ultra {
	background: url(../../images/bt_inno_ultra.gif) 0 -20px no-repeat;
}

.js #innovation-carousel .nav .inno-light {
	background: url(../../images/bt_inno_light.gif) 0 -20px no-repeat;
}

.js #innovation-carousel .nav .inno-tampon {
	background: url(../../images/bt_inno_tampon.gif) 0 -20px no-repeat;
}

#nav-products {
	bottom: -40px;
	font-family: "arial narrow",arial,helvetica,clean,sans-serif;
	left: 280px;
	position: absolute;
	width: 440px;
	z-index: 100;
	zoom: 1;
}

* html #nav-products {
	bottom: -49px; /* IE6! */
}

#nav-products ul {
	float: left;
	margin: 0;
}

#nav-products ul ul {
	bottom: 101px;
	display: none;
	padding-top: 30px;
	position: absolute;
	z-index: 1;
}

#nav-products li {
	float: left;
	list-style: none;
	margin-right: 7px;
	position: relative;
	width: 102px;
}

#nav-products li li {
	float: none;
	font-size: 85%;
	margin: 10px 22px 10px 10px;
	width: 70px;
}

#nav-products a {
	color: #444343;
	cursor: pointer;
	display: block;
	height: 104px;
	line-height: .9;
	overflow: visible;
	position: relative;
	text-align: center;
	text-decoration: none;
	z-index: 2;
}

#nav-products li li a {
	background-image: none;
	height: auto;
	text-align: left;
}

#nav-products a:hover, #nav-products a.on {
	color: #ca1111;
}

#nav-products li.off a {
	background-position: 0 -125px;
}

#nav-products a span {
	display: block;
	height: 29px;
	padding-top: 75px;
}

#nav-maxi a {
	background: url(../../images/bt_maxi.gif) 0 0 no-repeat;
}

#nav-maxi ul {
	background: url(../../images/bg_popup_maxi.gif) no-repeat;
	min-height: 225px;
}

* html #nav-maxi ul {
	height: 225px;
}

#nav-products #nav-maxi li {
	margin-bottom: 15px;
}

#nav-ultrathin a {
	background: url(../../images/bt_ultrathin.gif) 0 0 no-repeat;
}

#nav-ultrathin ul {
	background: url(../../images/bg_popup_ultrathin.gif) no-repeat;
	min-height: 270px;
}

#nav-products #nav-ultrathin li {
	margin-bottom: 18px;
}

#nav-ultrathin a em {
	color: #c52c79;
	font-style: normal;
}

* html #nav-ultrathin ul {
	height: 270px;
}

#nav-lightdays a {
	background: url(../../images/bt_lightdays.gif) 0 0 no-repeat;
}

#nav-lightdays ul {
	background: url(../../images/bg_popup_lightdays.gif) no-repeat;
	min-height: 275px;
}

* html #nav-lightdays ul {
	height: 275px;
}

#nav-products #nav-lightdays li {
	margin-bottom: 13px;
}

#nav-tampons a {
	background: url(../../images/bt_tampons.gif) 0 0 no-repeat;
}

#nav-tampons ul {
	background: url(../../images/bg_popup_tampons.gif) no-repeat;
	min-height: 140px;
}

* html #nav-tampons ul {
	height: 140px;
}

#nav-products #nav-tampons li {
	margin-bottom: 40px;
}

/* all products page */

#all-products {
	float: left;
	margin-bottom: 20px;
}

#all-products ul {
	float: left;
	margin: 0;
}

#all-products li {
	clear: left;
	list-style: none;
}

#all-products li li {
	clear: none;
	margin-bottom: .5em;
	padding-top: 0;
}

#all-products ul ul {
	display: inline; /* IE6 double margin bug */
	float: left;
	margin: 15px 0 0 5px;
	width: 380px;
}

#all-products a {
	display: block;
	float: left;
	height: 185px;
	position: relative;
	text-decoration: none;
	width: 270px;
}

#all-products a em {
	color: #000;
}

#all-products li li a {
	display: inline;
	float: none;
	height: auto;
	width: auto;
	background-image: none;
}

#all-products li li a.hover, #all-products a.hover em {
	font-weight: bold;
}

#all-maxi a {
	background: url(../../images/all_maxi_package.jpg) no-repeat;
}

#all-maxi a.hover {
	color: #3463ab;
}

#all-ultrathin a {
	background: url(../../images/all_ultrathin_package.jpg) no-repeat;
}

#all-ultrathin a.hover {
	color: #c52c79;
}

#all-lightdays a {
	background: url(../../images/all_lightdays_package.jpg) no-repeat;
}

#all-lightdays a.hover {
	color: #d3aa03;
}

#all-tampons a {
	background: url(../../images/all_tampons_package.jpg) no-repeat;
}

#all-tampons a.hover {
	color: #6e64a3;
}

.productqa #content {
	padding-bottom: 70px;
}

/* product detail pages */

#product-detail {
	float: left;
	min-height: 420px;
	position: relative;
	width: 620px;
}

* html #product-detail {
	height: 420px;
}

.js #product-detail {
/*	background: url(../../images/loading.gif) 50% 50% no-repeat;*/
}

#product-description {
	position: absolute;
	width: 380px;
	z-index: 2;
}

#image-product {
	left: 20px;
	position: absolute;
	top: 50px;
	z-index: 1;
}

#product-detail .callout {
	font-size: 85%;
	line-height: 1;
	position: absolute;
	width: 130px;
	z-index: 2;
}

#nav-category {
	float: right;
	margin-top: 20px;
	position: relative;
	width: 200px;
	z-index: 2;
}

#image-package {
	margin-bottom: -20px;
	position: relative;
	z-index: 1;
}

#nav-category ul {
	margin-left: 50px;
	position: relative;
	z-index: 2;
}

.js #nav-category ul {
	/* visibility: hidden;  DISABLED PER E.T. will be displayed after pruning */
}

#nav-category li {
	list-style: none;
	line-height: 1;
	margin-bottom: .4em;
}

#nav-category a {
	color: #333;
	font-size: 83%; /* 10px */
}

#nav-category a:hover {
	color: #ca1111;
}

#nav-category strong {
	color: #000;
	font-size: 83%; /* 10px */
}

.ultra #nav-category a em {
	color: #000;
}

.ultra #nav-category a:hover em {
	color: #c52c79;
}

/* where to buy page */

.wheretobuy #content p {
	width: 500px;
}

/* search page */

.search #content {
	width: 800px;
}

/* sweeps pages */

.sweepstakes #content {
	width: 580px;
}

#captcha {
	margin-left: 13em;
}

#captcha a {
	display: block;
}

#sweepstakeswinners table td {
	border-color: #fff;
	border-style: solid;
	border-width: 1px;
	padding: 10px 20px 0 0;
}

/* special offers */

.specialoffers #content {
	width: 590px;
}

.coupons #content {
	background: url(../../images/lady_specialoffers.jpg) right bottom no-repeat;
	min-height: 420px;
	padding-right: 160px;
	width: 440px;
}

* html .coupons #content {
	height: 420px;
}


.specialoffers #content div {
	background: #ececec url(../../images/bg_specialoffersbox.png) repeat-y;
	float: left;
	margin: 10px 0;
	position: relative;
	width: 100%;
}

#content h2.reversed {
	background: #ca1111;
	color: #fff;
	font-size: 100%;
	margin: 0;
	padding: 5px 17px;
}

h2.reversed a, h2.reversed a:hover {
	color: #fff;
	text-decoration: none;
}

.specialoffers #content h2.reversed {
	background: #afdced;
	color: #ca1111;
	float: left;
	font-family: "arial narrow",arial,helvetica,clean,sans-serif;
	font-size: 110%;
	width: 99px;
}

.js .specialoffers #content h2.reversed {
	padding: 0 17px;
	visibility: hidden;
}

.specialoffers h2.reversed a, .specialoffers h2.reversed a:hover {
	color: #ca1111;
	text-decoration: none;
}

.specialoffers #content div p {
	float: left;
	margin: 0;
	padding: 17px;
	width: 423px;
}

.specialoffers #content div#freekotex {
	background: #ececec url(../../images/bg_specialoffersbox_freekotex.gif) 0 50% no-repeat;
}

#content #freekotex p {
	width: 310px;
}

.specialoffers #content div#perfectfit {
	background: #fdfefe url(../../images/bg_specialoffersbox_perfectfit.gif) bottom no-repeat;
}

.specialoffers #content div#firstperiod {
	background: #ececec url(../../images/bg_specialoffersbox_firstperiod.gif) 0 50% no-repeat;
}

#content #firstperiod p {
	width: 260px;
}

.specialoffers #content div#coupons {
	background: #ececec url(../../images/bg_specialoffersbox_coupons.gif) bottom no-repeat;
}

#content #coupons p {
	width: 300px;
}

.specialoffers #content div#boxtops {
	background: #ececec url(../../images/bg_specialoffersbox_boxtops.gif) 0 50% no-repeat;
}

#content #boxtops p {
	width: 330px;
}

.coupons #content form {
	width:360px;
}

.coupons #content form p {
	margin:0px 0px 10px 0px;
	padding:0px;
}

.coupons span.formgroup label {
	width: 160px;
}

.coupons label.before {
	width: 9em;
}

.couponformleft {
	float:left;
	width: 175px;
	border-right: 1px solid black;
	padding:5px;
	min-height:45px;
	}
	
.couponformleft input {
	float:left;
	margin:5px 5px 0px 0px;
	}
	
	
.couponformleft label {
	display:block;
	float:right;
	width: 140px;
	text-align:left;
	}
		
.couponformright{
	float:left;
	width: 146px;
	padding:0px;
	margin:0px;
	}
	
#newsletter_signup form{
	width:400px;
}	

#newsletter_signup .row {
	width:400px;
	margin-bottom:7px;
	min-height:3em;
}

#newsletter_signup .row input {
	margin: 5px 10px 0px 0px;
	float:left;
}	

#newsletter_signup .row label{
	margin: 0px;
	display:block;
	width: 300px;
	float:left;
}	

/* box tops page */

.boxtops #content {
	width: 580px;
}

/* first period kit page */

.firstperiodkit #content {
	background: url(../../images/motherdaughter.jpg) right top no-repeat;
	min-height: 420px;
	padding-right: 160px;
	width: 440px;
}

* html .firstperiodkit #content {
	height: 420px;
}

/* sweepstakes */

table#sweepstakes {border-style:none;}
table#sweepstakes th {text-align:left;}
table#sweepstakes td {padding:.25em .5em;}

/* 404 page */

.error404 #content {
	width: 580px;
}

/* coming soon page */

.comingsoon #content {
	width: 580px;
}

/* sitemap */

.sitemap #content {
	width: 800px;
}

.sitemap #content a {
	text-decoration: none;
}

.sitemap #content ul {
	float: left;
	margin: 1em 0 1em 0;
}

.sitemap #content ul ul {
	margin-top: 0;
}

.sitemap #content li {
	display: inline;
	float: left;
	font-size: 120%;
	font-weight: bold;
	list-style: none;
	margin: 0 20px 10px 0;
	width: 245px;
}

.sitemap #content li li {
	font-size: 85%;
	margin: 10px 0 0 10px;
	width: 235px;
}

.sitemap #content li li li {
	font-weight: normal;
	margin-top: 0;
	width: 225px;
}

/* popup (tell a friend) */

html.popup, .popup body {
	background: #fff;
}

.popup #wrapper-outer {
	margin: 0 auto;
	width: 404px;
}

.popup #content {
	min-height: 520px;
	padding-bottom: 20px;
	position: relative;
	width: 404px;
}

* html.popup #content {
	height: 520px;
}

.popup #legal {
	bottom: 10px;
	position: absolute;
	right: 0;
}

textarea.message {
	width: 240px;
}

/* articles landing page */

.articles #nav-education {
	float: left;
	font-family: arial,helvetica,clean,sans-serif;
	margin-top: 1em;
}

.articles #nav-education li {
	margin: 0;
	width: auto;
}

.articles #nav-education a {
	height: 339px;
}

.articles #nav-education a:hover, .articles #nav-education a.on {
	color: #ca1111;
	font-weight: bold;
}

.articles #nav-education a span {
	padding-top: 309px;
}

.articles #nav-myperiod {
	background: #fff url(../../images/bt_myperiod.jpg) no-repeat;
	width: 98px;
}

.articles #nav-mydaughter {
	background: #fff url(../../images/bt_mydaughter.jpg) no-repeat;
	width: 152px;
}

.articles #nav-mypregnancy {
	background: #fff url(../../images/bt_mypregnancy.jpg) no-repeat;
	width: 146px;
}

.articles #nav-mychange {
	background: #fff url(../../images/bt_mychange.jpg) no-repeat;
	width: 128px;
}

.articles #nav-myhealth {
	background: #fff url(../../images/bt_myhealth.jpg) no-repeat;
	width: 136px;
}

#education-blurbs {
	clear: left;
	position: relative;
}

.js #education-blurbs {
	height: 80px;
}

.js #education-blurbs p {
	background: #fff;
	margin: 0;
	position: absolute;
	top: 0;
	width: 300px;
}

.js #blurb-myperiod {
	left: 20px;
}

.js #blurb-mydaughter {
	left: 114px;
	width:450px !important;
}

.js #blurb-mypregnancy {
	left: 284px;
}

.js #blurb-mychange {
	right: 148px;
	text-align: right;
	width:380px !important;
}

.js #blurb-myhealth {
	right: 40px;
	text-align: right;
}

/* article category pages */

.article #content {
	width: 580px;
}

.articlecategory #nav-education {
	float: left;
	margin: -92px 0 1em 0;
	position: relative; /* IE6 */
	width: 580px;
}

.articlecategory #nav-education li {
	margin: 0;
	width: auto;
}

.articlecategory #nav-education a {
	height: 284px;
}

.articlecategory #nav-education a span {
	display: none;
}

.articlecategory #nav-myperiod {
	background: #fff url(../../images/hd_myperiod.jpg) no-repeat;
	width: 88px;
}

.articlecategory #nav-mydaughter {
	background: #fff url(../../images/hd_mydaughter.jpg) no-repeat;
	width: 128px;
}

.articlecategory #nav-mypregnancy {
	background: #fff url(../../images/hd_mypregnancy.jpg) no-repeat;
	width: 134px;
}

.articlecategory #nav-mychange {
	background: #fff url(../../images/hd_mychange.jpg) no-repeat;
	width: 107px;
}

.articlecategory #nav-myhealth {
	background: #fff url(../../images/hd_myhealth.jpg) no-repeat;
	width: 123px;
}

div.category {
	border-right: 1px solid #ca1111;
	float: left;
	font-size: 92%;
	margin: 0 15px -25px 0;
	padding: 0 10px 2em 0;
	position: relative;
	width: 175px;
}

#wrapper-outer div.category h3 {
	font-size: 100%;
	font-style: normal;
}

div.category p {
	margin: .5em 0 0 0;
}

div.category span {
	bottom: 0;
	position: absolute;
}

#category1 {
/*	width: 149px;*/
}

#category2 {
/*	width: 210px;*/
}

#category3 {
	border: none;
	margin-right: 0;
	padding-right: 0;
/*	width: 149px;*/
}

#article-promos {
	bottom: -35px;
	clear: left; /* IE6 ?!? */
	left: 0;
	position: relative;
	width: 580px;
}

#article-promos ul {
	margin: 0;
}

#article-promos li {
	float: left;
	list-style: none;
}

#article-promos a {
	cursor: pointer; /* IE6 */
	display: block;
	height: 125px;
	overflow: hidden;
	text-indent: -999em;
}

#promo-freesample {
	background: url(../../images/bt_promo_freesample.png) no-repeat;
	width: 190px;
}

#promo-kotexfit {
	background: url(../../images/bt_promo_kotexfit.png) no-repeat;
	width: 180px;
}

#promo-sweeps {
	background: url(../../images/bt_promo_chancetowin.png) no-repeat;
	width: 175px;
	position:relative;
	top:10px;
	left:20px;
}

#promo-planner {
	background: url(../../images/bt_promo_planner.png) no-repeat;
  width: 190px;
	height:125px;
	position:relative;
	top:5px;
	left:0px;
}

#promo-winfreekotex {
	background: url(../../images/bt_promo_winfreekotex.png) no-repeat;
  width: 190px;
	height:125px;
	position:relative;
	top:3px;
	left:10px;
}

/* articles */

.articledetail #content {
	width: 540px;
}

.articledetail #content li {
	margin-bottom: 1em;
}

.articledetail h1 {
	color: #000;
}

.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../../images/ratingstars.gif);
    background-position: 0 -12px;

}

.emptyRatingStar {
    background-image: url(../../images/ratingstars.gif);
    background-position: 0 -24px;
}

.savedRatingStar {
    background-image: url(../../images/ratingstars.gif);
    background-position: 0 0;
}

#average-rating {
	overflow: auto;
}

#average-rating .ratingStar {
	cursor: default;
}

#average-rating .filledRatingStar {
    background-image: url(../../images/FilledStar.png);
    background-position: 0 0;

}

#average-rating .emptyRatingStar {
    background-image: url(../../images/EmptyStar.png);
    background-position: 0 0;
}

#rating-widget {
	background: #ca1111 url(../../images/bg_hd_comments.gif) left no-repeat;
	color: #fff;
	float: left;
	font-size: 12px;
	height: 29px;
	margin: .5em 0 1em 0;
	width: 16em;
}

#rating-widget p {
	float: left;
	font-size: 12px;
	margin: 0;
	padding: 7px 0 3px 10px;
}

#rating-widget div {
	background: url(../../images/bg_hd_comments_right.gif) right no-repeat;
	float: right;
	height: 19px;
	padding: 7px 10px 3px 0;
}

#comments {
	clear: left;
	margin-bottom: -25px;
}

#comments h3 {
	background: #ca1111 url(../../images/bg_hd_comments.gif) left no-repeat;
	color: #fff;
	font-size: 12px;
	font-style: normal;
	width: 16em;
}

#comments h3 span {
	background: url(../../images/bg_hd_comments_right.gif) right no-repeat;
	display: block;
	height: 21px;
	padding: 5px 10px 3px 10px;
}

#comments .comment {
	background: #dcdcdc url(../../images/bg_comments_top.gif) top no-repeat;
	margin-bottom: 1em;
}

#comments .comment div {
	background: url(../../images/bg_comments.gif) bottom no-repeat;
	margin-top: -2px;
	padding: 3px 10px;
}

#comments .comment div div {
	background-image: none;
	border-bottom: 1px dotted #ca1111;
	height: 1px;
	margin: 0;
	padding: 0;
}

p.qa, span.answerb {
	margin-left: 1.3em;
}

span.question {
	color: #ca1111;
	display: block;
	font-weight:bold;
	text-indent: -1.3em;
}

span.answer, span.answerb {
	display: block;
	text-indent: -1.2em;
	margin-top:.3em;
	padding:.25em 0 .5em;
	border-top:1px #e2e2e2 dotted;
}
span.answerb {
	text-indent:0;
	border:none;
	/*margin-top:-1.5em;*/
	margin-bottom:1.75em;
}

span.answer p{
	text-indent: -1.3em;
}

.indentblock {margin-left:2.5em;}
.indentblock p {margin-top:0;}

.article #content li b {
	font-size:1.05em;
	color:#ca1111; 
}

.terms{
	margin:1.5em .125em;
	padding:0;
}

.terms h2{
	text-indent:0
}
	
.terms li{
	list-style-type:none;
	margin:0;
	padding-top:.5em;
	border-top:1px #e2e2e2 dotted;
}

#morearticles {
	float:left;
	font-weight: bold;
	width:100%;
	margin:0 0 1em 0;
	padding: .5em 0 .5em 0;
	border-top:1px dotted #ca1111;
	border-bottom:1px dotted #ca1111;
	line-height:1.25em;
}

#morearticles a {
	font-weight: normal;
}

#morearticles b {
	display: none;
}

/*i{color:#b388b8}*/

.p2{
	margin:-1em 0 0 1.4em;
}

#absorpchart{
	float:left;
	width:100%;
	margin-bottom:.5em;
	_margin-bottom:-.8em; /*ie6only*/
}

.tss{
	float:left;
	width:200px;
	line-height:1.4em;
}

.tss h3{
	border-bottom:1px #e2e2e2 dotted;
}

.article #sidebar {
	background: url(../../images/bg_sidebar.gif) repeat-y;
	float: none;
	position: absolute;
	right: 0;
	top: 30px;
	width: 227px;
}

.article #sidebar h2 {
	background: url(../../images/bg_hd_sidebar.gif) no-repeat;
	color: #fff;
	font-size: 13px;
	height: 27px;
	padding: 1em 0 0 10px;
}

.article #sidebar ul {
	background: url(../../images/bg_sidebar_bottom.gif) bottom no-repeat;
	margin: 0;
	padding: .3em 35px 31px 10px;
}

.article #sidebar ul ul {
	background-image: none;
	padding-bottom: 0;
	padding-right: 0;
}

.article #sidebar li {
	background: #eee;
	font-size: 92%;
	font-weight: bold;
	line-height: 1.2;
	list-style: none;
	margin-bottom: .5em;
}

.article #sidebar li li {
	font-size: 100%;
	font-weight: normal;
}

.article #sidebar a {
	text-decoration: none;
}

.article #sidebar li.view-more a {
	color: #ca1111;
	text-decoration: underline;
}

.article #sidebar li.view-more a:hover {
	color: #000;
}

.article #sidebar li.on a {
	color: #ca1111;
}

/* period planners */

.planners #content {
	background: transparent url(../../images/motherdaughter_planner.jpg) left bottom no-repeat;
	min-height: 420px;
	width: 560px;
}

* html .planners #content {
	height: 420px;
}

.planners #content div {
	float: right;
	margin-top: 30px;
	width: 240px;
}

.tracker #content, .calculator #content {
	width: 780px;
}

.trackerregister label.before {
	width: 200px;
}

.calculator label.before {
	font-weight: bold;
	width: 270px;
}

.calculator #tips {
	/*border-top: 1px solid #ccc;*/
	padding: 1em 0;
}

.calculator #tips h3 {
	color: #ca1111;
	font-style: normal;
}

img.dp-applied {
	cursor: pointer;
	left: 3px;
	margin-bottom: -5px;
	position: relative;
}

#month-selector {
	float: left;
	font-size: 120%;
	padding: 5px 0;
	width: 205px;
}

#month-selector input {
	float: left;
}

#month-selector span {
	display: inline;
	float: left;
	margin: 2px 10px;
	position: relative;
	text-align: center;
	width: 125px;
}

#calendar-tools {
	float: left;
	padding-top: 10px;
	width: 520px;
}

#calendar-tools ul {
	margin: 0;
	padding: 0;
}

#calendar-tools li {
	float: right;
	list-style: none;
}

#calendar-legend {
	margin-top: 0;
}

#calendar-print, #tracker-settings, #recalculate a {
	background: url(../../images/bt_print.png) 3px 3px no-repeat;
	display: inline;
	float: left;
	margin: 3px 0 0 15px;
	padding: 3px 3px 3px 23px;
}

#tracker-settings {
	background: url(../../images/bt_tracker_settings.png) 3px 3px no-repeat;
}

#recalculate a {
	background: #fde8e7 url(../../images/bt_recalculate.png) 3px 3px no-repeat;
}

#recalculate {
	display: none;
}

#calculator-table table {
	clear: left;
}

#calculator-table th, #calculator-table td {
	padding: 0;
}

#calculator-table th div {
	background: #c4c5c7;
	font-weight: normal;
	margin: 5px 5px 0 0;
	padding: 5px 0;
	text-transform: lowercase;
	width: 100px;
}

#calculator-table td div {
	background: #fde8e7;
	border: 1px solid #928a88;
	height: 98px;
	margin: 5px 5px 0 0;
	position: relative;
	width: 98px;
}

#calculator-table td.empty div {
	background: #dcf2ff;
}

#calculator-table td p {
	left: 5px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	top: 5px;
	visibility: hidden;
	width: 88px;
}

#tooltip {
	position: absolute;
	border: 1px solid #928a88;
	background: #fff;
	padding: 2px 5px;
	color: #000;
	display: none;
	width: 300px;
	font-size: 92%;
}	

#flow-selector {
	background: #fff;
	border: 1px solid #928a88;
	display: none;
	position: absolute;
	width: 23px;
	z-index: 999;
}

#flow-selector img {
	cursor: pointer;
}

#calculator-table td span {
	bottom: 5px;
	left: 80px;
	position: absolute;
}

#calculator-table td.empty span {
	visibility: hidden;
}

#calculator-table .flow-image, #calculator-table .fertility-image {
	bottom: 3px;
	left: 55px;
	position: absolute;
}

.tracker #calculator-table .flow-image {
	cursor: pointer;
	left: 5px;
}

#calculator-table .add-note {
	bottom: 3px;
	cursor: pointer;
	left: 30px;
	position: absolute;
}

#note-editor textarea {
	height: 100px;
	width: 320px;
}

#settings-editor, #print-dialog {
	background: transparent url(../../images/bg_tracker_modal_wide_top.gif) top no-repeat;
	margin-left: -339px;
	top: 17%;
	width: 678px;
}

#settings-editor h3, #print-dialog h3 {
	width: 630px;
}

#settings-editor div, #print-dialog div {
	background: transparent url(../../images/bg_tracker_modal_wide.gif) bottom no-repeat;
}

#settings-editor iframe, #print-dialog iframe {
	height: 340px;
	margin: 0;
	width: 630px;
}

#print-preview {
	background: url(../../images/loading.gif) 50% 50% no-repeat;
	display: none;
	float: right;
	height: 300px;
	width: 340px;
}

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 25%;
    left: 50%;
    
    margin-left: -187px;
    width: 374px;
    
	background: transparent url(../../images/bg_tracker_modal_top.gif) top no-repeat;
}

.jqmWindow div {
	background: transparent url(../../images/bg_tracker_modal.gif) bottom no-repeat;
	padding: 8px 24px;
}

.jqmWindow h3 {
	background: #c00;
	color: #fff;
	margin-top: 16px;
	padding: 4px 24px;
	width: 326px;
}

.jqmWindow p {
	font-size: 92%;
	margin: 0 0 1em 0;
}

.jqmOverlay { background-color: #928a88; cursor: wait;}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(25 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

* html #settings-editor, * html #print-dialog {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}