/* GENERIC ------------------------------------------------------------------------------------------------------------*/
 
* {
	margin: 0;
	padding: 0;
	}

 body {
 	margin-top: 15px;
	font: 62.5%/1.6em  Arial, Verdana, Helvetica, sans-serif;
	text-align: center; /* centres everything in IE5.5 */
	background: #f9f6f2 url(../images/background.gif) 0 0 repeat;
	color: #555;
	}
	
h1, h2, h3, h4, h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
ul {
	list-style-type: none;
	}
	
p {
	margin-bottom: 15px;
	font-size: 1.2em;
	}
	
img {
	border: none;
	}
	
/* structure */

#mainContainer {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	}
	
#header {
	float: left;
	width: 960px;
	}
	
#header ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	float: right;
	margin-right: 80px;
	display: inline;
	}
	
#header ul li {
	display: inline;
	}
	#header ul li a {
		display: block;
		float: left;
		height: 29px;
		line-height: 29px;
		color: #959595;
		text-decoration: none;
		padding: 0 0 0 8px;
		}
		#header ul li a:hover {
			color: #757575;
			}
		
#header ul li.tabFacebook a {
	width: 75px; /* minus 8px for padding */
	background: url(../images/tab-facebook.gif) 0 0 no-repeat;
	margin-right: 2px;
	}
	
#header ul li.tabTwitter a {
	width: 85px; /* minus 8px for padding */
	background: url(../images/tab-twitter.gif) 0 0 no-repeat;
	margin-right: 2px;
	}
	
#header ul li.tabSearch {
	width: 221px;
	height: 23px;
	background: url(../images/tab-search.gif) 0 0 no-repeat;
	float: left;
	padding: 6px 0 0 10px;
	position: relative;
	}
	#header ul li.tabSearch #searchBox {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 0.9em;
		color: #959595;
		border: 1px solid #d1d2d3;
		width: 200px;
		margin: 0 2px 0 0;
		}
		#header ul li.tabSearch #submit {
			width: 9px;
			height: 11px;
			position: absolute;
			top: 10px;
			}
			
#logos {
	width: 960px;
	height: 78px;
	background: url(../images/heading.gif) 0 0 no-repeat;
	position: relative;
	}
	
#logos p, #logos h1 {
	text-indent: -9999px;
	font-size: 1.6em;
	}
	#logos p {
	    margin: 0;
	    }
	    
#logos h1 {
    display: block;
    }
	
#logos h1 a, #logos p a {
	display: block;
	}
	#logos p a {
		background: url(../images/logo-factsabout.gif) 0 0 no-repeat;
		width: 357px;
		height: 35px;
		position: absolute;
		left: 31px;
		top: 32px;
		}
		#logos h1 a {
			background: url(../images/logo-ctpa.gif) 0 0 no-repeat;
			width: 286px;
			height: 13px;
			position: absolute;
			right: 64px;
			top: 56px;
			}
		
			
#innerContainer {
	width: 960px;
	float: left;
	background-color: #fff;
	margin-bottom: 5px;
	}

#innerColumn {
	width: 940px;
	float: left;
	margin: 25px 0 0 10px;
	clear: both;
	}
	.subPage #innerColumn {
		margin-top: 10px;
		}
	
#slider {
	width: 937px;
	margin-left: 11px;
	}
	
#navColumn {
	width: 230px;
	margin-right: 10px;
	}
	
/* navigation */

#navColumn ul {
	width: 230px;
	font-size: 1.1em;
	}
	#navColumn ul li {
		margin-left: 37px;
		border-bottom: 1px solid #fff;
		}
		#navColumn ul li a {
			display: block;
			background-color: #f5ede4;
			padding: 3px 0 3px 5px;
			color: #555;
			text-decoration: none;
			height: 1%;
			}
			#navColumn ul li a:hover {
				font-weight: bold;
				}
			
#navColumn div {
	margin-bottom: 5px;
	}
	
#homeButton ul {
    background: url(../images/nav-home.gif) 0 0 no-repeat;
    }
    #navColumn #homeButton ul li a {
        padding: 4px 0 5px 5px;
        }
	
#navProducts {
	background: url(../images/nav-products-top.gif) 0 0 no-repeat;
	}
	#navProducts ul {
		background: url(../images/nav-products-bottom.gif) left bottom no-repeat;
		}
		
#navAdvice {
	background: url(../images/nav-advice-top.gif) 0 0 no-repeat;
	}
	#navAdvice ul {
		background: url(../images/nav-advice-bottom.gif) left bottom no-repeat;
		}
		
#navWhoAreWe {
	background: url(../images/nav-whoarewe-top.gif) 0 0 no-repeat;
	}
	#navWhoAreWe ul {
		background: url(../images/nav-whoarewe-bottom.gif) left bottom no-repeat;
		}
		
/* Nested nav */

#navColumn ul li.currentSection a {
	font-weight: bold;
	background-color: #cebca8;
	padding: 3px 0 1px 5px;
	}
	#navColumn ul li.currentSection ul li a {
		font-weight: normal;
		}

#navColumn ul ul {
	background-image: none;
	background-color: #cebca8;
	font-size: 1em;
	width: auto;
	padding-bottom: 5px;
	}
	#navColumn ul ul li {
		margin-left: 0;
		border: none;
		}
		#navColumn ul li.currentSection ul li a {
			background: #cebca8 url(../images/arrow-subnav.gif) 10px 50% no-repeat;
			padding: 1px 0 1px 18px;
			}
			#navColumn ul li.currentSection ul li.currentPage a, #navColumn ul li ul li a:hover {
				font-weight: bold;
				}
				
#navColumn ul ul ul {
    padding-left: 10px;
    }
    
#navColumn ul li.currentSection ul li.currentPage ul li a {
    color: #fff;
    font-weight: normal;
    }
    #navColumn ul li.currentSection ul li.currentPage ul li a:hover, #navColumn ul li.currentSection ul li.currentPage ul li.currentSubPage a {
        font-weight: bold;
        }
			
/* Social gradient box */

#social {
	width: 230px;
	background: url(../images/social-gradient.gif) 0 0 no-repeat;
	min-height: 70px;
	height: auto !important;
	height: 70px;
	}
	
#navColumn #social ul {
	width: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.7em;
	padding: 10px 0 0 10px;
	}
		
#navColumn #social ul li {
	margin: 0 0 5px 0;
	border: none;
	}
	#navColumn #social ul li a {
		background-color: transparent;
		padding: 8px 0 10px 40px;		
		}
		#navColumn #social ul li a:hover {
			font-weight: normal;
			text-decoration: underline;
			}
		
#navColumn #social ul li.leftColTwitter a {
	background: url(../images/icon-twitter.gif) 0 0 no-repeat;
	}

#navColumn #social ul li.leftColFacebook a {
	background: url(../images/icon-facebook.gif) 0 0 no-repeat;
	}
	
#middleColumn {
	width: 480px;
	margin-right: 10px;
	}
	
#beautyMatters, #safetyMatters, #sustainMatters {
	width: 153px;
	margin-right: 10px;
	padding-top: 6px;
	display: inline;
	}
	
#middleContent {
	width: 480px;
	margin: 0 0 5px 0;
	padding: 0;
	}
		
#middleContent h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.2em;
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 10px;
	}
	
#middleContent p {
	font-size: 1.1em;
	line-height: 1.2em;
	margin-bottom: 0;
	}

#middleContent h2, #middleContent p {
	padding: 0 10px;
	}

.middleMinHeight {
	min-height: 150px;
	height: auto !important;
	height: 150px;
	margin: 0;
	padding: 0;
	width: auto;
	position: relative;
	float: none;
	display: block;
	}

#middleColumn .middleMinHeight a {
	display: block;
	height: 19px;
	width: 53px;
	padding-left: 100px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	text-decoration: none;
	position: absolute;
	bottom: 0;
	}
	#middleColumn .middleMinHeight a:hover {
		text-decoration: underline;
		}

#beautyMatters {
	width: 154px;
	background: #ac7641 url(../images/bm-topleft.gif) 0 0 no-repeat;
	}
	#beautyMatters h2, #beautyMatters p {
		color: #fff;
		}
		
#beautyMatters a {
	color: #bba894;
	width: 54px;
	background: url(../images/bm-more.gif) 0 0 no-repeat;
	}
		 	
#safetyMatters {
	background: #d1b08f url(../images/sm-topleft.gif) 0 0 no-repeat;
	}
	#safetyMatters a {
		background: url(../images/sm-more.gif) 0 0 no-repeat;
		color: #d6bba0;
		}
	
#safetyMatters h2, #safetyMatters p, #sustainMatters p {
	color: #555;
	}
	
#sustainMatters {
	margin-right: 0;
	background: #ebdccc url(../images/susm-topleft.gif) 0 0 no-repeat;
	}
	#sustainMatters h2 {
		color: #7c542a;
		}
		#sustainMatters a {
			color: #e8d8c7;
			background: url(../images/susm-more.gif) 0 0 no-repeat;
			}
			
#navColumn, #innerColumn, #middleColumn, #middleColumn div, #hotTopics {
	float: left;
	display: inline;
	}
	
#inTheNews, #cosmetic {
	width: 480px;
	background: #f0e0e0 url(../images/powder-swirl.jpg) 0 30px no-repeat;
	min-height: 153px;
	height: auto !important;
	height: 153px;
	margin-bottom: 5px;
	}
	
#inTheNews h3, #cosmetic h3 {
	width: 480px;
	height: 30px;
	text-indent: -9999px;
	background: url(../images/heading-news.gif) 0 0 no-repeat;
	}

#middleColumn #inTheNews ul {
	margin: 0 15px 12px 150px;
	line-height: 1.4em;
	padding: 15px 0 0 0;
	}
	
#middleColumn #inTheNews ul li {
	background: url(../images/chevron-news.gif) 0 5px no-repeat;
	padding-left: 12px;
	}

#middleColumn #inTheNews ul li a {
	color: #a45458;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	text-decoration: none;
	display: block;
	}
	#middleColumn #inTheNews ul li span {
		display: block;
		font-weight: normal;
		color: #555;
		font-size: 1.1em;
		}
		
#middleColumn #inTheNews ul li a:hover {
	text-decoration: underline;
	}

.newsDivider span {
	background: url(../images/news-divider.gif) left top no-repeat;
	padding-top: 5px;
	margin-top: 3px;
	}

	
/* What's in my cosmetic? */

#cosmetic {
	background: #fef1e2 url(../images/smudge.jpg) 330px 40px no-repeat;
	}
	
#cosmetic h3 {
	background: url(../images/heading-cosmetic.gif) 0 0 no-repeat;
	}
	
#cosmetic p {
	margin-bottom: 10px;
	padding: 10px 150px 0 10px;
	font-size: 1.1em;
	}
	
#cosmetic p.selectTopic {
	color: #555;
	font-size: 1.2em;
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
	font-weight: bold;
	}

#cosmetic ul {
	float: left;
	padding: 0 0 0 10px;
	font-size: 1.1em;
	margin-bottom: 10px;
	-webkit-text-size-adjust: 100%;
	}
	
#cosmetic ul li {
	display: inline;
	}
			
#middleColumn #cosmetic ul li a {
	text-decoration: none;
	color: #0e8a39;
	display: block;
	float: left;
	border-right: 1px solid #555;
	padding: 0 5px;
	}
	#middleColumn #cosmetic ul li a:hover {
		text-decoration: underline;
		}
		
#middleColumn #cosmetic ul li.last a {
		border-right: none;
		}
		
/* Hot topics */

#hotTopics {
	width: 210px;
	margin: 0;
	background-color: #cbdcce;
	min-height: 539px;
	height: auto !important;
	height: 539px;
	}
	.subPage #hotTopics {
		background: url(../images/hot-facts-top.gif) 0 0 no-repeat;
		padding-top: 18px;
		}

#hotTopics h4 {
	width: 210px;
	height: 39px;
	text-indent: -9999px;
	background: url(../images/heading-hot-topics.gif) 0 0 no-repeat;
	}
	.subPage #hotTopics h4 {
		background-image: none;
		text-indent: 0;
		width: auto;
		height: auto;
		font-size: 1.6em;
		color: #555;
		font-weight: normal;
		margin: 0 0 15px 0;
		}
		
.subPage #hotTopics p {
	font-size: 2.2em;
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.1em;
	}
	.subPage #hotTopics h4, .subPage #hotTopics p {
		padding: 0 15px;		
		}
	
#hotTopics ul {
	padding: 20px 20px 10px 10px;
	font-size: 1.3em;
	}
	#hotTopics ul li {
		margin-bottom: 10px;
		background: url(../images/chevron-hot-topics.gif) 0 5px no-repeat;
		padding-left: 12px;
		}
		#hotTopics ul li a {			
			color: #555;
			text-decoration: none;
			}
			#hotTopics ul li a:hover {
				text-decoration: underline;
				}
				
/* SUBPAGES */

#rightColBackground {
	float: left;
	background: url(../images/bg-rightcol.gif) 0 0 repeat-y;
	border-bottom: 10px solid #fff;
	}

#middleColumn .hr {
	float: none;
	}
	
.subPage #middleColumn p.sectionHeading {
	font-size: 1.8em;
	color: #ac7641;
	margin-bottom: 15px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
.subPage h2 {
	font-size: 3em;
	color: #765128;
	margin-bottom: 10px;
	font-weight: normal;
	background: url(../images/hr.gif) left bottom repeat-x;
	padding-bottom: 22px;
	}
	
.subPage h3 {
	color: #ac7641;
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 5px;
	}
	.subPage h3 a {
	    color: #ac7641;
	    text-decoration: underline;
	    }
	    .subPage h3 a:hover {
	        text-decoration: none;
	        }
	
a#print {
	background: url(../images/printer.gif) right top no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #ac7641;
	text-decoration: none;
	padding-right: 20px;
	float: right;
	margin-bottom: 15px;
	}
	a#print:hover {
		text-decoration: underline;
		}
		
.subPage #middleColumn p {
	font-size: 1.1em;
	-webkit-text-size-adjust: 100%;
	line-height: 1.4em;
	}
	
.subPage #middleColumn ul, .subPage #middleColumn ol {
    font-size: 1.1em;
     margin-left: 20px;
    }
    
.subPage #middleColumn ul {
    list-style-type: disc;
   }
   
.subPage #middleColumn ul li, .subPage #middleColumn ol li {
    margin-bottom: 5px;
    }
		
#middleColumn p a, #middleColumn ul li a , #middleColumn ol li a{
	color: #0e8a39;
	}
	#middleColumn p a:hover, #middleColumn ul li a:hover, #middleColumn ol li a:hover {
		text-decoration: none;
		}

#middleColumn #imageHolder {
	display: block;
	float: right;
	margin: 0 0 10px 10px;
	}

.downloads a {
    text-decoration: underline;
    }
    .downloads a:hover {
        text-decoration: none;
        }
        
.downloads img {
    float: left;
    }
    
#middleColumn div.downloadtext {
    margin: 0 0 0 45px;
    float: none;
    display: block;
    }
    
#middleColumn div.downloads {
    display: block;
    float: none;
    }
    
/* sitemap */

#middleColumn #navProducts_Sitemap, #middleColumn #navAdvice_Sitemap, #middleColumn #navWhoAreWe_Sitemap {
    float: none;
    display: block;
    margin: 0 0 20px 0;
    padding: 0 0 15px 0;
    background: url("../images/hr.gif") left bottom repeat-x;
    }

#navProducts_Sitemap ul, #navAdvice_Sitemap ul, #navWhoAreWe_Sitemap ul {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    }
    #navProducts_Sitemap ul ul, #navAdvice_Sitemap ul ul, #navWhoAreWe_Sitemap ul ul {
        font-size: 1em;
        font-weight: normal;
        margin: 0 0 10px 20px;
        }
        
#navProducts_Sitemap ul li a, #navAdvice_Sitemap ul li a, #navWhoAreWe_Sitemap ul li a {
    text-decoration: underline;
    color: #0E8A39;
    }
    #navProducts_Sitemap ul li a:hover, #navAdvice_Sitemap ul li a:hover, #navWhoAreWe_Sitemap ul li a:hover {
        text-decoration: none;
        }
    				
/* footer */

ul#footer {
	width: 960px;
	clear: left;
	text-align: right;
	margin: 0 0 10px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	-webkit-text-size-adjust: 100%;
	color: #555;
	}
	ul#footer li {
		display: inline;
		}
		ul#footer li a {
			text-decoration: none;
			color: #555;
			}
			ul#footer li a:hover {
				text-decoration: underline;
				}
				
/* addthis */

#addthisDiv {
	float: left;
	margin: 20px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

span.addthisText {
	float: left;
    font-size: 1.4em;
    padding-right: 6px;
	color: #765128;
	}
					
/* useful */

.clr {
	clear: both;
	line-height: 0;
	font-size: 0;
	}
	
#middleColumn div.hr {
  height: 2px;
  background: url(../images/hr.gif) 0 0 repeat-x;
  display: block;
  margin: 0 0 10px 0;
	}
	div.hr hr {
  		display: none;
		}