/* ///////// Layout ///////// */

* {padding: 0; margin: 0;}
* {zoom: 1.0;} /* Fixes Most IE bugs */

body {
margin: 0;
padding: 0;
color: #666;
font: 11px Arial, Helvetica, sans-serif;
background:#D8E6EF none repeat scroll 0%;
overflow: -moz-scrollbars-vertical;
}
input:focus, textarea:focus { outline: none; }

a {
color: #0065aa;
text-decoration: underline;
}

a:hover {
color: #0065aa;
}

.cursor 
{
    cursor: pointer;
}

.emphasis {
font-weight: bold;
color: #0065aa;
font-size: 110%;
}

img {
display: block;
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

.blueHeading
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#0065aa;
float:left;
font-weight:bold;
}

h1 {
margin: 10px 0 10px 0;
font-size: 140%;
color: #0065aa;
font-weight: bold;
}

h1.pink {
margin: 10px 0 10px 0;
font-size: 140%;
color: #f27fb7;
font-weight: bold;
}

h1.pink2 {
margin: 10px 0 10px 0;
font-size: 140%;
color:#f27fb7;
font-weight: bold;
}

h2 {
font-size: 120%;
color: #0065aa;
text-transform: uppercase;
}

div.badgePink h2, .badgeSub h2 {
color: #f27fb7;
text-transform: uppercase;
}

h4 {
font-weight: bold;
color: #0065aa;
font-size: 110%;
padding: 4px 0 0 0;
}

h3 {
margin: 10px 0 0 0;
color: #0065aa;
font-size: 110%;
}

h5 {
font-weight: bold;
font-size: 110%;
}

p {
padding: 0 0 20px 0;
}

hr {
border: none 0; 
border-top: 1px dotted #bebfbf;/*the border*/
width: 90%;
height: 1px;
} 

ul.emailreg
{
    list-style-position: inside;
}

.feature-field-input {
    border: 1px solid #7f9db9;
    margin: 0px 13px 3px 0;
    padding: 2px;
    color: #949494;
    font-size:90%;
    float: left;
}

.tooltip {
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid #acacac;
border-bottom: 1px solid #acacac;
background-color: white;
color: #0065aa;
padding: 19px 12px;
width: 223px;
font-size: 120%;
cursor:pointer;
filter: alpha(opacity=90);
opacity: .9;
}

.feature .feature-element img.help-icon, .formFeature .feature-element img.help-icon, .feature-pink .feature-element img.help-icon {
margin: 0;
padding: 0 10px;
float:left;
}

.feature div.feature-element, .formFeature div.feature-element, .feature-pink div.feature-element  {
   margin-bottom: 25px;
   clear: both;
}

label {
font-weight: bold;
color: #0065aa;
font-size: 110%;
margin-bottom: 6px;  
}

/* CLEARFIX: This allows Background Image of Container to Show */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

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

.clearfix {
    display: block;
    clear: both;
}
/* End hide from IE-mac */

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
/* END CLEARFIX */

.clearLeft {
clear: left;
}

.clearRight {
clear: right;
}
.clearBoth {
clear: both;
height: 1px;
overflow:hidden;
}

.sup {
font-size: smaller;
vertical-align: baseline;
}

.nowrap {
white-space: nowrap;
}

.floatLeft {
float: left;
}

.floatRight {
float: right;
}

img.floatLeft {
float: left;
margin: 4px;
}

img.floatRight {
float: right;
margin: 4px;
}



/* Layout */

html>body #wrapper {
height: auto;

}
	
#wrapper {
margin: 0 auto;
padding: 0 0 10px 0;
width: 957px;
background:#fff;
}

#header {
width: 877px;
margin: 0;
padding: 0 40px 4px 40px;
height: 115px;
background:#fff;
background-image: url(../images/navBorder.gif);
}

#headerLeft {
float: left;
width: 275px;
height: 20px;
margin: 0;
padding: 20px 0 0 0;
background:#fff;
}

#headerRight {
float: right;
width: 602px;
height: 70px;
margin: 0;
padding: 0 0 0 0;
background: #fff;
}

#contentWrapper {
clear: both;
margin: 0 0 10px 0;
padding: 20px 20px 0 20px;
background:#fff;
}

#couponWrapper {
width: 634px;
padding: 0 20px 0 20px;
/*background:#ebf4fb;*/
color:#666;
}

#couponWrapper ul {
list-style: none;
margin: 0;
color: #0065aa;
font-size: 12px;
padding: 0;
}
#couponWrapper li {
margin: 0;
color: #0065aa;
font-size: 12px;
padding: 0;
}

#sideRail {
float: left;
width: 239px;
margin: 0 10px 0 0;
padding: 0;
background-color:#def6ff;
}


.siderailContent {
float: left;
width: 206px;
margin: 0 10px 0 15px;
padding: 0;
background-color:#def6ff;
}

.siderailTop {
float: left;
height: 18px;
width: 239px;
margin: 0;
padding: 0;
background: url(../images/siderailTop_bg.gif) no-repeat;
}

.siderailBottom {
float: left;
height: 345px;
width: 239px;
margin: 0;
padding: 0;
background: url(../images/siderailBottom_bg.gif) no-repeat;
}

.siderailContent img{
padding-bottom: 20px;
}

.siderailContent a.softStrong, a.ultraPlush, a.softStrongSelected, a.ultraPlushSelected, a.champions, a.championsSelected  {
float: left;
display: block;
height: 41px;
overflow: hidden;
text-decoration: none;
padding-bottom: 10px
}

.siderailContent a.komenpartner, a.komenpartnerSelected, a.komensignup, a.komensignupSelected, a.race4Cure, a.race4CureSelected, a.coupon, a.couponSelected, 
a.komendonation, a.komendonationSelected, a.komenteam, a.komenteamSelected, a.komenprogress, a.komenprogressSelected, a.comfortChallengeSelected, a.comfortChallenge, a.FAQ, a.FAQSelected, a.timeline, a.timelineSelected, a.champions, a.championsSelected  {
float: left;
display: block;
height: 29px;
overflow: hidden;
text-decoration: none;
padding-bottom: 10px
}

.siderailContent a i{ 
display: none; 
}
.siderailContent a.softStrong { 
width: 206px;
background: url(../images/softStrong_leftnav.gif) no-repeat;
}

.siderailContent a.softStrong:hover {
width: 206px;
background: url(../images/softStrong_leftnav.gif) -206px 0 no-repeat;
}

.siderailContent a.softStrongSelected {
width: 206px;
background: url(../images/softStrong_leftnav.gif) -206px 0 no-repeat;
}

.siderailContent a.ultraPlush { 
width: 206px;
background: url(../images/ultraPlush_leftnav.gif) no-repeat;
}

.siderailContent a.ultraPlush:hover { 
width: 206px;
background: url(../images/ultraPlush_leftnav.gif) -206px 0 no-repeat;
}

.siderailContent a.ultraPlushSelected { 
width: 206px;
background: url(../images/ultraPlush_leftnav.gif) -206px 0 no-repeat;
}

.siderailContent a.FAQ{
width: 206px;
background: url(../images/faq_leftNav.gif) no-repeat;
}

.siderailContent a.FAQ:hover {
width: 206px;
background: url(../images/faq_leftNav.gif) -206px 0 no-repeat;
}

.siderailContent a.FAQSelected {
width: 206px;
background: url(../images/faq_leftnav.gif) -206px 0 no-repeat;
}

.siderailContent a.timeline { 
width: 206px;
background: url(../images/heritage_leftnav.gif) no-repeat;
}

.siderailContent a.timeline:hover {
width: 206px;
background: url(../images/heritage_leftnav.gif) -206px 0 no-repeat;
}

.siderailContent a.timelineSelected {
width: 206px;
background: url(../images/heritage_leftnav.gif) -206px 0 no-repeat;
}

.siderailContent a.race4Cure { 
width: 206px;
background: url(../images/KomenNAV_raceCure.gif) no-repeat;
}

.siderailContent a.race4Cure:hover { 
width: 206px;
background: url(../images/KomenNAV_raceCure.gif) -206px 0 no-repeat;
}

.siderailContent a.race4CureSelected { 
width: 206px;
background: url(../images/KomenNAV_raceCure.gif) -206px 0 no-repeat;
}
.siderailContent a.comfortChallenge { 
width: 206px;
background: url(../images/mbg_leftnav.gif) no-repeat;
}

.siderailContent a.comfortChallenge:hover { 
width: 206px;
background: url(../images/mbg_leftnav.gif) -206px 0 no-repeat;
}

.siderailContent a.comfortChallengeSelected { 
width: 206px;
background: url(../images/mbg_leftnav.gif) -206px 0 no-repeat;
}

.siderailContent a.komenpartner { 
width: 206px;
background: url(../images/KomenNAV_KomenPartner.gif) no-repeat;
}

.siderailContent a.komenpartner:hover { 
width: 206px;
background: url(../images/KomenNAV_KomenPartner.gif) -206px 0 no-repeat;
}

.siderailContent a.komenpartnerSelected { 
width: 206px;
background: url(../images/KomenNAV_KomenPartner.gif) -206px 0 no-repeat;
}

.siderailContent a.komensignup { 
width: 206px;
background: url(../images/KomenNAV_signup.gif) no-repeat;
}

.siderailContent a.komensignup:hover { 
width: 206px;
background: url(../images/KomenNAV_signup.gif) -206px 0 no-repeat;
}

.siderailContent a.komensignupSelected { 
width: 206px;
background: url(../images/KomenNAV_signup.gif) -206px 0 no-repeat;
}

.siderailContent a.komendonation { 
width: 206px;
background: url(../images/KomenNAV_MakeDonation.gif) no-repeat;
}

.siderailContent a.komendonation:hover { 
width: 206px;
background: url(../images/KomenNAV_MakeDonation.gif) -206px 0 no-repeat;
}

.siderailContent a.komendonationSelected { 
width: 206px;
background: url(../images/KomenNAV_MakeDonation.gif) -206px 0 no-repeat;
}

.siderailContent a.komenteam { 
width: 206px;
background: url(../images/KomenNAV_createteam.gif) no-repeat;
}

.siderailContent a.komenteam:hover { 
width: 206px;
background: url(../images/KomenNAV_createteam.gif) -206px 0 no-repeat;
}

.siderailContent a.komenteamSelected { 
width: 206px;
background: url(../images/KomenNAV_createteam.gif) -206px 0 no-repeat;
}

.siderailContent a.komenprogress { 
width: 206px;
background: url(../images/KomenNAV_donProgress.gif) no-repeat;
}

.siderailContent a.komenprogress:hover { 
width: 206px;
background: url(../images/KomenNAV_donProgress.gif) -206px 0 no-repeat;
}

.siderailContent a.komenprogressSelected { 
width: 206px;
background: url(../images/KomenNAV_donProgress.gif) -206px 0 no-repeat;
}

.siderailContent a.coupon { 
width: 206px;
background: url(../images/promoNAV_coupon.gif) no-repeat;
}
.siderailContent a.coupon:hover { 
width: 206px;
background: url(../images/promoNAV_coupon.gif) -206px 0 no-repeat;
}
.siderailContent a.couponSelected { 
width: 206px;
background: url(../images/promoNAV_coupon.gif) -206px 0 no-repeat;
}

.siderailContent a.champions { 
width: 206px;
background: url(../images/KomenNAV_champion.gif) no-repeat;
}

.siderailContent a.champions:hover { 
width: 206px;
background: url(../images/KomenNAV_champion.gif) -206px 0 no-repeat;
}

.siderailContent a.championsSelected { 
width: 206px;
background: url(../images/KomenNAV_champion.gif) -206px 0 no-repeat;
}

#sideRail h1 {
text-decoration: none;
font-family: arial, sans-serif;
font-size: 24px;
color: #e35db2;
margin: 0 0 10px 0;
}


/* #sideRail ul li.section, .sIFR-hasFlash #sideRail ul li.select  {
padding: 3px 0 0 20px;
} */

.padBottom 
{
    margin-bottom: 5px;
}

#content {
float:left;
width: 668px;
margin: 0;
padding: 0;
background:#fff;
}

#content h2{
	font-size:12px;
	color:#3885e3;
	padding:0px;
	margin: 0px;
}

#content h3 {
	color: #3885e3;
	font-size: 11px;
	padding:0;
	margin: 10px 0 0 0;
}
#content h4 {
	color: #e35db2;
	font-size: 11px;
	padding:0;
	margin: 10px 0 0 0;
}

#content p {
	color: #737373;
	font-size: 11px;
	padding:0 0 10px 0;
	margin: 0px;
	width: 620px;
}


.featuredPromotionTop{
float: left;
height: 16px;
width: 668px;
margin: 0;
padding:0px;
background: url(../images/featuredPromoTop_bg.gif) no-repeat;
}
.featuredPromotionBottom{
float: left;
height: 14px;
width: 668px;
margin: 0;
padding: 0;
background: url(../images/featuredPromoBottom_bg.gif) no-repeat;
}
.featuredPromotionContent{
float: left;
width: 658px;
margin: 0;
padding-left:10px;
background-color:#e1eef4;
}

.featuredPromotionContent h1{
	color: #005da6;
	font-size: 20px;
	padding-bottom:10px;
	margin: 0;
}

.feature-pink {
width: 650px;
min-height: 130px;
padding: 10px 13px;
margin: 0;

}

.feature-mini-left {
width: 275px;
margin: 5px 5px 5px 10px;
background: url(../images/bgMini.gif) repeat-y;
float: left;
}

.feature-mini-right {
width: 275px;
margin: 5px 0 5px 5px;
background: url(../images/bgMini.gif) repeat-y;
float: left;
}

a.moreInfo {
float: left;
}

.entry-block-komen {
margin: 0 25px 50px 140px;
}

.photo {
width: 106px;
float: left;
margin: 0 10px 0 7px;
padding: 0;
clear:both;
}

.photo-mini {
width: 106px;
float: left;
margin: 0 21px 0 7px;
padding: 0;
}

.header {
    margin: 10px 0 15px 0;
}

/* ========== Main Nav ==============  */

/* Interior Nav */

#mainNav a {
float: left;
display: block;
height: 21px;
overflow: hidden;
text-decoration: none;
}

#mainNav a i, #footer a i { 
display: none; 
}

#mainNav a, #mainNav a:hover {
margin-left: 9px;
}

#mainNav{
padding:0 0 0 275px;
}



/* Nav Rollovers */

#mainNav a.home { 
width: 51px;
background: url(../images/navHome.gif) no-repeat;
}
#mainNav a.home:hover { 
width: 51px;
background: url(../images/navHome.gif) -51px 0 no-repeat;
}

#mainNav a.products { 
width: 84px;
background: url(../images/navProducts.gif) no-repeat;
}
#mainNav a.products:hover { 
width: 84px;
background: url(../images/navProducts.gif) -84px 0 no-repeat;
}

#mainNav a.promotions { 
width: 101px;
background: url(../images/navPromotions.gif) no-repeat;
}
#mainNav a.promotions:hover { 
width: 101px;
background: url(../images/navPromotions.gif) -101px 0 no-repeat;
}

#mainNav a.komen { 
width: 61px;
background: url(../images/navKomen.gif) no-repeat;
}
#mainNav a.komen:hover { 
width: 61px;
background: url(../images/navKomen.gif) -61px 0 no-repeat;
}

#mainNav a.video { 
width: 61px;
background: url(../images/navVideo.gif) no-repeat;
}
#mainNav a.video:hover { 
width: 61px;
background: url(../images/navVideo.gif) -61px 0 no-repeat;
}

#mainNav a.locator { 
width: 143px;
background: url(../images/navProdLocator.gif) no-repeat;
}
#mainNav a.locator:hover { 
width: 143px;
background: url(../images/navProdLocator.gif) -143px 0 no-repeat;
}

#mainNav a.faq { 
width: 36px;
background: url(../images/navFaq.gif) no-repeat;
}
#mainNav a.faq:hover { 
width: 36px;
background: url(../images/navFaq.gif) -36px 0 no-repeat;
}


#emailFriend{
float:right;
width: auto;
height:auto;
color: #666;
margin: 0;
padding: 20px 0 0 0;
}

#emailFriend a{
color: #666;
text-decoration:none;
}


/* ============= Footer Nav ============ */

#footer {
clear: both;
margin: 0;
padding: 0 10px;
width: 915px;
text-align: right;
color: #008ac4;
}

#footer a.footerLogo {
float: left;
display: block;
height: 44px;
margin: 0;
padding: 0 8px 0 0;
}

#footer a {
float: right;
display: block;
height: 14px;
margin: 17px 0 18px 0;
overflow: hidden;
color:#000000;
text-decoration: none;
}

#footer a.footerGp { 
width: 76px;
background: url(../images/footerGp.gif) left top no-repeat;
}
#footer a.footerGp:hover { 
width: 76px;
background: url(../images/footerGp.gif) -76px 0 no-repeat;
}

#footer a.footerGPSocial { 
width: 159px;
color:#008ac4;

}
#footer a.footerGPSocial:hover { 
color:#0061B2;

}

#footer a.footerTerms { 
width: 72px;
color:#008ac4;

}
#footer a.footerTerms:hover { 
color:#0061B2;

}

#footer a.footerPrivacy { 
width: 89px;
color:#008ac4;

}
#footer a.footerPrivacy:hover { 
color:#0061B2;

}


#footer a.footerCalifornia { 
width: 159px;
color:#008ac4;

}
#footer a.footerCalifornia:hover { 
color:#0061B2;

}

#footer a.footerContact { 
width: 70px;
color:#008ac4;

}
#footer a.footerContact:hover { 
color:#0061B2;

}


/* these are in IE Fixes */

.printFunction 
{
    float: right;
    padding-right: 20px;
}

.blue 
{
    color: #0065aa;
}


#homeHeader {
width: 957px;
margin: 0;
padding: 0 0 4px 0;
height: 360px;
background: #fff url(../images/home/bgHomeTop.jpg) no-repeat;
}


.ribbon1 {
margin-left: 25px;
}

#imageToTitle {
display: inline;
}

.break {
height: 10px;
width: inherit;
}

.error-text {
    color: #bb0000;
    font-size: 130%;
    font-weight: bold;
    clear: both;
}

/*------------------------------------------------Komen table progess data-----------------------------*/

.tableProgress, .tableProgressHeader {
width: 241px;
margin: 5px 0 0 0px;
padding: 0;
}

.tableProgress {
border: 1px solid #aaa;
}

.tableProgressHeader th.left {
background-color: #f27fb7;
color: white;
text-align: left;
padding: 2px 0 2px 7px;
}
.tableProgressHeader th.right {
background-color: #f27fb7;
color: white;
text-align: right;
padding: 2px 26px 2px 0;
}

.tableProgress tr {
border: 1px solid #aaa;
}

.tableProgress td.left, .tableProgress td.right {
padding: 2px 6px;
}

.tableProgress td.left {
width: 66%;
}

.tableProgress td.right {
text-align: center;
width: 33%;
}

.tableProgress tr.pink {
background-color: #fdecf4;
color: #999;
}

#boxleft { 
width: 125px; 

margin: 0px 25px 0px 0px;
padding: 0px 60px 0px 0px; /* Optional */ 
float: left; 
border-right: 1px solid #999;
} 
#boxcenter { 
width: 125px; 

margin: 0px 20px 0px 0px;
padding: 0px 35px 0px 0px;; /* Optional */ 
float: left; 
} 
#boxright { 
width: 125px; 

margin: 0; /* Optional */ 
padding: 0; /* Optional */ 
float: left; 
} 

#boxes { 
margin: 0px 0px 25px 0px;
float: left; 
} 

.lab-block {
color: #d75ba1;
margin: 0px 0px 1px 0px;
width: 160px;

}

.labelMargin {
color: #7f3f99;
margin: 0px 0px 1px 0px;
}

/* Styling for input form elements */
.feature-field-input { 
border: 0;
background: #fff url(../images/input.gif) no-repeat;
padding: 2px 2px 2px 2px;

height: 25px;
width: 160px;
}

.feature-element-one {
margin: 0;
float:left;
}



.formFeature-field-textarea {
border: 0;

padding: 7px 7px 7px 7px;
height: 170px;
width: 557px;
font-size: 11px;
}

.siderailContent a.plushsweeps { 
width: 206px;
background: url(../images/promoNav_PlushSweeps.gif) no-repeat;
}

.siderailContent a.plushsweeps:hover { 
width: 206px;
background: url(../images/promoNav_PlushSweeps.gif) -206px 0 no-repeat;
}

.siderailContent a.plushsweepsSelected { 
width: 206px;
background: url(../images/promoNav_PlushSweeps.gif) -206px 0 no-repeat;
}

.siderailContent a.softStrong, a.ultraPlush, a.softStrongSelected, a.ultraPlushSelected, a.plushsweeps, a.plushsweepsSelected  {
float: left;
display: block;
height: 41px;
overflow: hidden;
text-decoration: none;
padding-bottom: 10px
}

.siderailContent a.race4Cure, a.race4CureSelected, a.comfortChallengeSelected, a.comfortChallenge, a.FAQ, a.FAQSelected, a.timeline, a.timelineSelected, a.coupon, a.couponSelected, a.plushsweeps, a.plushsweepsSelected {
float: left;
display: block;
height: 29px;
overflow: hidden;
text-decoration: none;
padding-bottom: 10px
}





/* ===== Komen Champions Pages ===== */

ul#subnavChamp {
list-style-type:none;
margin: 10px 0px 0px 0px;
}
	
ul#subnavChamp li {
	margin:0px 0px 10px 25px;

}	
	
ul#subnavChamp li a {
	text-decoration: none
}




.boxSmall {
	float: left;
	min-height: 215px;
	width: 215px;

	}
	

	
.boxSmallbot {
	float: left;
	min-height: 215px;
	width: 215px;
	margin:25px 0 0 0;
	}
	
.champ {
	font-size:12px !important;
	margin: 0 0 5px 0 !important;;
	align: center;
	}
	

#iconNav{
float:right;
width: auto;
height:auto;
color: #666;
margin: 0;
padding: 20px 0 0 0;

}


#icons ul {
	list-style: none;
	list-style-type: none;
 margin: 0;  
 padding: 0; 

}

#icons li {
	display: inline; 
	margin: 0 3px 0 0;
	list-style-type: none;
	float:left;
	
}


#icons li a:link {
list-style: none;
 text-decoration: none;  


}