/************** CONTAINERS **************/	
	
/* Overall Site Container */

#container {
	width:783px;
	margin: 0 auto;
	padding: 15px 0px 0px;
	position:relative;
}
	
	
#header {
	position:relative;
	}
#header #branding{

	}	
	
#mainContent{
	position:relative;
	min-height: 400px;
	}

.mainPageContainer #mainContent { min-height: 0px }

#mainContent .content { position: relative; }

#footer{
	position:relative;
	width: 751px;
	margin: 0px 0px 0px 10px;
	}


/************* NAVIGATION *****************/

/* Top Menu */
#primaryNavigationHeader { z-index: 20; }
#primaryNavigationHeader li { display: inline; position: relative; }

/* Sub Menu */

/* mouseover navigation. for level 2 flyout navigation */
.mainPageContainer #primaryNavigationHeader li:hover ul, 
.mainPageContainer #primaryNavigationHeader li:focus ul {
	display: block;
}				

#primaryNavigationHeader li ul {
	display: none;
	position: absolute;
	background: #666666;
	width: 200px;
	color: #fff;
	padding: 5px 5px;
	z-index: 19;
	left: 0;
	top: 17px;
	margin: 0px; /* #see style-ie.css as well for changes */
	font-size: 11px;
}
#primaryNavigationHeader li ul li {
	display: block;
	padding: 0;
}		
#primaryNavigationHeader li ul li a {
	color: #fff;						
	width: 190px;
	padding: 5px 5px 5px;
	font-size: 11px;
	background: #666666;
}						
#primaryNavigationHeader li ul li a:hover {
	text-decoration: underline;
	background: #666666;
}

#primaryNavigationHeader li a{
	padding:.5em;
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	font-size: 11px;
}

#primaryNavigationHeader a.whereToBuyLink{
	background-color:#CCCCCC;
}

#primaryNavigationHeader a.whereToBuyLink:hover{
	background-color:#999999;
}
	
#secondaryNavigation{
	position: absolute;
	top: 10px;
	left: 0px;
	width: 148px;
	color: #58595b;
}

#secondaryNavigation a{
	color: #58595B;
}

#sectionHeader {
	margin: 0px;
	padding: 2px 10px 0px 5px;
}

#subSections{
	width: 140px;
	padding:5px 0;
	margin:0 0 10px 0;
}

#subSections li{
	margin: 0 0 0 20px;
	padding:0 5px 5px 0px;
	list-style-type: disc;
	list-style-position:outside;
}

#subSections li.currentSubSection{
	
}

#subSubSections li{
	margin:0;
	padding: 3px 0 3px 10px;
}

#subSubSections li.currentSubSubSection{
}

#featureNavigation{
	position:relative;
	padding:12px 0px 0px 3px;
	margin: 0px 0px 5px 0px;
	width:751px;
	}
	
.mainPageContainer #featureNavigationLeft { display: none; }
.mainPageContainer #featureNavigationRight { display: none; }

.featureNavigationItem{
	float:left;
	height: 21px;
	width: 184px;
	}
.featureNavigationItemLast{
	width:184px;	
	}
.featureNavigationItem a{	
	width:184px;		
	color: #fff;
	width: 150px;
	height: 21px;
	display:block;
	margin: 0px auto;
}
	
.mainPageContainer #featureNavigation .featureNavigationItem{
	float:left;
	height: 104px;
	width:184px;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	background: none;
}
.mainPageContainer #featureNavigation .featureNavigationItemLast{
	width:184px;
	margin: 0px;
	padding: 0px;
	}
.mainPageContainer #featureNavigation .featureNavigationItem a{
	display:block;
	width: 184px;
	height: 104px;
	text-indent: -9999px;
	outline: none;
	padding: 0px;
}
	
#emailNewsletterSignup{
	clear:both;
	position:relative;
	}
#emailNewsletterSignup a{
	display:block;
	width:100%;
	padding:.5em 0;
	}

#breadCrumbNavigation{
	padding:0.5em 1.0em 0.5em 1.0em;
	margin-bottom:5px;
	}
.mainPageContainer #breadCrumbNavigation{
	display:none;
	}


#utilityNavigation{
	width:751px;
	text-align:center;
	margin: 20px 20px 0px 20px;
	padding:0px;
	position:relative;
	}
#utilityNavigation p{
	margin:0 10px;
	padding:15px 160px 0 160px;
	}
	
 #utilityNavigationSiteLinks
{
	float:left;
	text-align:left;
	min-height:75px;
	width:260px;
}

.utilityNavigationHeader
{
	margin-bottom:5px;
	font-weight: bold;
}
.utilityNavigationSiteLinksItem1
{
	float:left;	
	width:130px;
}
.utilityNavigationSiteLinksItem2
{
	float:left;	
	width:130px;
}


#utilityNavigationCompanyInformation
{
   float:left;
   text-align:left;
   width:260px;
}

.utilityNavigationCompanyInformationItem1
{
	float:left;	
	width:130px;
}
.utilityNavigationCompanyInformationItem2
{
	float:left;	
	width:90px;
}

#utilityNavigationOtherSites
{
	float:left;
	text-align:left;
	height:75px;
	width:210px;
}	

.utilityNavigationOtherSitesItem1
{
	float:left;
	width:100px;
}
.utilityNavigationOtherSitesItem2
{
	float:left;
	width:100px;
}


#copyright
{
		
}


#utilityNavigation #otherSiteLinks{margin:0;padding:0;position:absolute;right:15px;bottom:85px;}

#socialLinks {margin-top:20px;font-weight:bold;line-height:18px;}
#socialLinks img {vertical-align:text-bottom;}
	

#content{
	margin: 0px 0px 0px 175px;
	padding: 45px 10px 20px 0px;
	width: 560px;
}

#content h1{
	margin:0 0 10px 0;
	}
#content .contentImageContainer{
	margin:0 0 15px 0;
	padding-top: 14px;
	}
#content p{
	margin:0 0 1em 0;
	}

#content h2.wtb{ color: #666666; font-family: Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; margin: 3px 0px 5px 0px; border-bottom: 1px dotted #ccc;  }
#content h4.wtb{ font-family: Arial, sans-serif; letter-spacing: 1px; text-transform: uppercase; margin: 3px 0px 5px 0px; font-style: normal; font-weight: bold; cursor:pointer; font-size: 14px; }

#content .whereToBuyData .whereToBuyTypeHeader{
	border:1px solid;
	padding:.5em;
	margin:5px 0 0 0;
	}
#content .whereToBuyData .whereToBuyTypeData{
	border:1px solid;
	border-top:none;
	margin:0 0 1em 0;
	padding:1em;
	}
#content .storeList{
	width:100%;
	margin:10px 0;
	}
#content .storeList tr td{
	padding:0 5px 1em 0;
	width:250px;
	vertical-align:top;
	}
	
#content #childPageLinks{
	width:550px;
	position:relative;
	padding-top:12px;
	margin-bottom:5px;

	}
#content #childPageLinks h3{
	margin:0 0 1em 0;
	}

#content #childPageLinks .SectionBox{ width: 262px; height: 133px; float:left; margin: 0px 10px 10px 0px; padding: 0px; }
#content #childPageLinks .SectionBox a { display:block; width: 262px; height: 133px; position: relative; color: #fff; }
#content #childPageLinks .SectionBox a:hover, #content #childPageLinks .SectionBox a:focus { background-position: 0px -133px; display:block; color: #fff;}

#content #childPageLinks .SectionBox .image { position: absolute; top: 2px; left: 4px; border: none; }
#content #childPageLinks .SectionBox .title { width: 262px; text-align: center; position: absolute; bottom: 12px; overflow:hidden; height: 16px; }

#content #childPageLinks .SectionBox.hideBox{ width: 100%; height: auto; margin: 15px 10px 15px 0px; padding: 0px; }
#content #childPageLinks .SectionBox.hideBox a { width: auto; height: auto; color: #58595B; }
#content #childPageLinks .SectionBox.hideBox a:hover { color: #1FB25A;}

#content #childPageLinks .SectionBox.hideBox .image { display: none;}
#content #childPageLinks .SectionBox.hideBox .title { text-align: left; }

#content #newsItemsList li{
	margin:0 0 1em 0;
	}	

#content #newsItemsList li .newsItemTeaserCopy{
	margin:5px 0 0 0;
	}	
	
#content #newsletterLinks{
	width:550px;
	margin:0 auto;
	padding:10px 0 0 0;
	}	
#content #newsletterLinks a{
	padding:15px 12px;
	width:150px;
	height:200px;
	text-align:center;
	}
#content #newsletterLinks a img{
	margin:0 0 5px 0;
	}

	
#content #adLinks{
	width:550px;
	margin:0 auto;
	padding:10px 0 0 0;
	}	
#content #adLinks a{
	padding:15px 12px;
	width:150px;
	height:200px;
	text-align:center;
	}
#content #adLinks a img{
	margin:0 0 5px 0;
	}

#content #asSeenInLinks{
	width:550px;
	margin:0 auto;
	padding:10px 0 0 0;
	}	
#content #asSeenInLinks a{
	padding:15px 12px;
	width:150px;
	height:200px;
	text-align:center;
	}
#content #asSeenInLinks a img{
	margin:0 0 5px 0;
	}


#content #mustHaveLinks{
	width:550px;
	margin:0 auto;
	padding:10px 0 0 0;
	}	
#content #mustHaveLinks a{
	padding:15px 12px;
	text-align:center;
	}
#content #mustHaveLinks a img{
	margin:0 0 5px 0;
	}

#content #laStyleLinks{
	width:550px;
	margin:0 auto;
	padding:10px 0 0 0;
	}	
#content #laStyleLinks div{
	width:270px;
	}	
#content #laStyleLinks a{
	padding:15px 12px;
	text-align:center;
	}

#content ol, 
#content ul{
	margin:0 0 1em 1em;
	padding:0 0 0 25px;
	}	
	
#content #childPageLinks .specialContentLink{ color: #1FB25A; padding: 5px; }
	
.specialContentLink{
	display:block;
	border:1px solid;
	}
.specialContentLink .specialContentLinkHeader{
	display:block;
	margin:0 0 10px 0;
	}
.specialContentLink .specialContentLinkBody{
	display:block;
	margin:0 15px;
	}
.specialContentLinkContainer{
	float:left;
	margin:0 2px 10px 2px;
	padding:0 0 9px 0;
	}
	
.clearFloat{
	clear:both;
	font-size:1px;
	height:0px;
	}

/* Feature Stories */

#content .featureStory{ clear: both; margin-bottom: 20px; }
#content .featureStory.left .story {text-align: left; }
#content .featureStory.right .story {text-align: right; }

#content .featureStory .photoContainer { float:left; width: 200px; margin-right: 15px; padding: 10px 0px;}
#content .featureStory.right .photoContainer{ margin: 0px 0px 0px 15px;}

#content .featureStory .photoContainer .featurePhotos { margin: 0px auto; width: 185px; padding: 0px; list-style: none; }
#content .featureStory .photoContainer .featurePhotos li { text-align: center; padding: 0px; margin: 0px; width: 185px; }
#content .featureStory .photoContainer .featurePhotos li a {}
#content .featureStory .photoContainer .photoNav { text-align: right; margin: 10px 10px 0px 0px;}
#content .featureStory .photoContainer .photoNav a { padding: 2px; margin: 2px; text-decoration: none; color: #666666; font-weight: bold; }
#content .featureStory .photoContainer .photoNav a.activeSlide { color: #1FB25A; }

.featureStory .story { float: left; width: 335px; }
.featureStory .story h3 { margin: 10px 0px 0px; font-weight: bold; text-transform: uppercase; font-family: 'Verdana', sans-serif; font-size: 14px;}
.featureStory .story h4 { font-size: 12px; font-style: normal; text-transform: none; margin: 4px 0px; font-family: Verdana,Arial,Helvetica,sans-serif;}
.featureStory .story p { font-size: 12px; line-height: 18px;}
.featureStory .story div.more {}
.featureStory .story a.slick-show {}