@charset "UTF-8";
/* CSS Document */


/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input{margin:0;padding:0}h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th{font-size:1em;font-weight:normal}ul,ol{list-style:none}fieldset,img{border:none}caption,th{text-align:left}table{border-collapse:collapse;border-spacing:0}

html {
  margin-bottom: 1px;
  overflow: -moz-scrollbars-vertical !important;
  overflow-y: scroll;
}

body { font-family: 'Lato', sans-serif; font-weight: 300; font-size: 11px; background-color: #FFF; color: #000; -webkit-font-smoothing: antialiased;}
p { margin-bottom: 0px; }
a { color: #000; text-decoration: none; outline-style: none; }

a:link { color: #000; text-decoration: none; outline-style: none; }
a:hover { color: #999; text-decoration: none; }
a:active { color:#999; text-decoration: none;}
a:visited {color: #000; text-decoration:none;}


#page { margin: 0px 0px 0px 0px; padding: 30px 25px 0px 25px; }


#page2 { margin: 0px 0px 0px 0px; padding:  0px 0px 0px 0px;}

/* ---------------------- Elements ---------------------- */

#columnLeft {
	width: 230px; position:relative; float:left; text-align: left;
	margin: 0px 0px 0px 0px; padding: 0px 40px 5px 0px;
	background-color: rgba(255, 255, 255, 0.6);
}

#columnLeft2 {
	width: 230px; position:fixed; height: 715px; float:left; text-align: left;
	margin: 0px 50px 0px 0px; padding:  30px 25px 0px 25px;
	background-color: rgba(255, 255, 255, 0.9);
}


#columnRight {
	width: 670px; position: relative; float:left; text-align: left;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}


#columnRight2 {
	width: auto; float:left; text-align: left;
	
	margin: 0px 0px 50px 0px; padding: 30px 0px 0px 300px;
}


#columnRight3 {
	width: inherit; float:left; text-align: left;
	
	margin: 0px 0px 50px 0px; padding: 30px 0px 0px 300px;
}

#columnHeaderLeft {
	width: 670px; position: relative; float:left; text-align: left;
	margin: 0px 0px 40px 0px; padding: 0px 40px 5px 0px;
}

#columnHeaderRight {
	width: 230px; position: relative; float:left; text-align: left;
	margin: 0px 0px 40px 0px; padding: 0px 0px 0px 0px;
}

/* ---------------------- Fonts ---------------------- */

.grey {
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 12px; 
	color: #999;
}

.bodyText {
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 20px;
	font-weight: 300; 
}

.captionText {
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 14px;
	font-weight: 300; 
}

.red {
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	color: #999;
	line-height: 20px; 
	font-weight: 300;
	text-decoration:underline;
}

/* ---------------------- Menu ---------------------- */

.menuSection, .menuSection a {
	width: 90%; position: relative; float:left; text-align: left;
	margin: 0px 0px 5px 0px; padding: 0px 0px 3px 5px;
	overflow: hidden;
	border-bottom:none; 
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 22px; font-color: #000;
}

.menuSection2, .menuSection2 a {
	width: 55%; position: relative; float:left; text-align: left;
	margin: 100px 0px 2px 0px; padding: 0px 0px 0px 10px;
	overflow: hidden;
	border-bottom: none;
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 12px; font-color: #000; 
}

.menuSection3, .menuSection3 a {
	width: 55%; position: relative; float:left; text-align: left;
	margin: 20px 0px 2px 0px; padding: 0px 0px 0px 10px;
	overflow: hidden;
	border-bottom: none;
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 12px; font-color: #000; 
}

.menuItem, .menuItem a {
	width: 100%; position: relative; float:left; text-align: left;
	margin: 0px 0px 11px 0px; padding: 0px 0px 0px 5px;
	overflow: hidden;
	border-bottom: none;
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 13px; 
}

.menuHeading, .menuHeading a {
	width: 213px;; position: relative; float:left; text-align: left;
	margin: 0px 0px 0px 0px; padding: 0px 0px 3px 0px;
	overflow: hidden;
	border-bottom: none;
	color: #888;
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 11px; font-color: #000; 
}

.menuLink, .menuLink a {
	width: 201px; position: relative; float:left; text-align: left;
	margin: 0px 0px 0px 0px; padding: 0px 0px 3px 5px;
	overflow: hidden;
	border-bottom: none;
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 16px; font-color: #000;
}

.menuLink2, .menuLink2 a {
	width: 205px; position: relative; float:left; text-align: left;
	margin: 0px 0px 0px 0px; padding: 4px 0px 0px 5px;
	overflow: hidden;
	border-bottom: none;
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 12px; font-color: #000;
}

.menuLink3, .menuLink3 a {
	width: 201px; position: relative; float:left; text-align: left;
	margin: 0px 0px 0px 0px; padding: 0px 0px 3px 5px;
	overflow: hidden;
	border-bottom: none;
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 16px; font-color: #309; 
}


.menuItemSelected, .menuItemSelected a {
	width: 100%; position: relative; float:left; text-align: left;
	margin: 0px 0px 11px 0px; padding: 0px 0px 3px 0px;
	overflow: hidden;
	color: #00F;
	border-bottom: none;
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 11px; 
}

.menuHeadingSelected, .menuHeadingSelected a {
	width: 213px;; position: relative; float:left; text-align: left;
	margin: 0px 0px 4px 16px; padding: 0px 0px 3px 0px;
	overflow: hidden;
	border-bottom: none;
	color: #00F;
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 11px; 
}

.menuLinkSelected, .menuLinkSelected a {
	width: 199px; position: relative; float:left; text-align: left;
	margin: 0px 0px 4px 30px; padding: 0px 0px 3px 0px;
	overflow: hidden;
	color: #00F;
	border-bottom: none;
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 11px; 
}


.menuSpacer {
	width: 199px; height: 7px;
}

/* ---------------------- Body ---------------------- */

.headingLine {
	width: 670px; position: relative; float:left; text-align: left;
	margin: 0px 0px 15px 0px; padding: 0px 0px 3px 0px;
	overflow: hidden;
	border-bottom: solid 1px #111;
	font-family: Georgia, Times, serif; font-size: 11px; 
}

.bodyItem {
	width: 639px; position: relative; float:left; text-align: left;
	margin: 0px 1px 15px 30px; padding: 0px 0px 15px 0px;
	overflow: hidden;
	border-bottom: dotted 1px #555;
}

.bodyItem_2 {
	height: 800px; position: relative; float:left; text-align: left;
	margin: 0px 1px 15px 30px; padding: 0px 0px 15px 0px;
	overflow: hidden;
	border-bottom: none;
}

.bodyItem_threat{
	width: 576px; position: relative; float:left; text-align: left;
	margin: 0px 1px 15px 30px; padding: 0px 0px 15px 0px;
	overflow: hidden;
	border-bottom: dotted 1px #555;
}

.bodyItem_makeup{
	width: 670px; position: relative; float:left; text-align: left;
	margin: 0px 1px 15px 30px; padding: 0px 0px 15px 0px;
	overflow: hidden;
	border-bottom: dotted 1px #555;
}

.bodyItemNews {
	width: 639px; position: relative; float:left; text-align: left;
	margin: 0px 1px 15px 30px; padding: 0px 0px 3px 0px;
	overflow: hidden;
	border-bottom: dotted 1px #555;
	line-height: 14px;
}

.bodyItemNoLine {
	width: 639px; position: relative; float:left; text-align: left;
	margin: 0px 1px 15px 30px; padding: 0px 0px 15px 0px;
	overflow: hidden;
}

.bodyItemNoLineRight {
	width: 639px; position: relative; float:left; text-align: right;
	margin: 0px 1px 15px 30px; padding: 0px 0px 15px 0px;
	overflow: hidden;
}

.textItem {
	width: 639px; position: relative; float:left; text-align: left;
	margin: 0px 1px 15px 30px; padding: 0px 0px 15px 0px;
	overflow: hidden;
	border-bottom: dotted 1px #555;
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 11px; 
}


.textItemNews {
	width: 500px; position: relative; float:left; text-align: left;
	margin: 0px 1px 15px 30px; padding: 0px 0px 15px 0px;
	overflow: hidden;
	border-bottom: dotted 1px #555;
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 11px; 
}

.textItemIndex {
	width: 500px; position: relative; float:left; text-align: left;
	margin: 0px 1px 15px 30px; padding: 0px 0px 15px 0px;
	overflow: hidden;
	border-bottom: none;
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 11px; 
}



.textItem2 {
	width: 655px; position: relative; float:left; text-align: left;
	margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
	border-bottom: none;
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 11px; 
}

.textItem_threat {
	width: 576px; position: relative; float:left; text-align: left;
	margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
	border-bottom: none;
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 11px; 
}

.textItem_makeup {
	width: 665px; position: relative; float:left; text-align: left;
	margin: 0px 1px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
	border-bottom: none;
	font-family: 'Lato', sans-serif; font-weight: 300; font-size: 11px; 
}

.videoItem {
	width: 639px; position: relative; float:left; text-align: left;
	margin: 0px 1px 15px 30px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.videoItem43 {
	width: 639px; position: relative; float:left; text-align: center;
	margin: 0px 1px 15px 30px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.captionItem {
	width: 639px; position: relative; float:left; text-align: right;
	margin: 0px 1px 15px 30px; padding: 0px 0px 15px 0px;
	overflow: hidden;
	border-bottom: none;
	line-height: 14px; 
}

.captionItem43 {
	width: 570px; position: relative; float:left; text-align: right;
	margin: 0px 1px 15px 30px; padding: 0px 0px 15px 0px;
	overflow: hidden;
	border-bottom: none;
	line-height: 14px; 
}

.bodyLeft {
	width: 309px; position: relative; float:left; text-align: left;
	margin: 0px 60px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.bodyLeftBig {
	width: 379px; position: relative; float:left; text-align: left;
	margin: 0px 30px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
	line-height: 20px; 
}

.bodyRight {
	width: 270px; position: relative; float:left; text-align: left;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.bodyRightCenter {
	width: 270px; position: relative; float:left; text-align: center;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.bodyRightSmallCenter {
	width: 230px; position: absolute; float:left; text-align:center;
	top: 0; bottom: 0;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

.bodyRightSmallCenterText {
	width: 230px; position: relative; float:left; text-align:center;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}
   
.bodyHome {
	width: 610px; position: relative; float:left; text-align: left;
	margin: 0px 30px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.captionHomeLeft {
	width:160px; position: relative; float:left; text-align: left;
	margin: 0px 40px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.captionHomeRight {
	width: 260px; position: relative; float:right; text-align: right;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.captionLeft {
	width: 655px; position: relative; float:left; text-align: center;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.captionLeft_threat {
	width: 576px; position: relative; float:left; text-align: center;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}

.captionLeft_makeup {
	width: 665px; position: relative; float:left; text-align: center;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}


.captionRight {
	width: 380px; position: relative; float:right; text-align: right;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
	overflow: hidden;
}

/* ---------------------- Hovers ---------------------- */

#headerName a:hover img { 
	filter: alpha(opacity=40); 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); 
	-moz-opacity: 0.40; 
	opacity:0.4;  
}
	
.pointer { cursor: pointer; }	

.highlight { 
	color: #888;
}	

/* ---------------------- iePopup ---------------------- */

#iePopup { 
	background: #09F; 
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 10px/15px 0px;
	z-index: 999;
}


.caption {
	display:none;	
}

/* ---------------------- Forms ---------------------- */

input[type="text"] { 
background-color: #FFF; 
font-family: 'Lato', sans-serif; font-weight: 300; font-size: 11px;
line-height: 16px; 
width: 300px; 
margin: 4px 0px 5px 0px;  
padding: 2px 3px 2px 3px;

border-left: 1px #000 solid; 
border-top: 1px #000 solid; 
border-bottom: 1px #000 solid; 
border-right: 1px #000 solid; 
} 


input[type="submit"] { 

background-color:#444;

padding: 4px 2px 2px 2px; 
margin: 0px 0px 8px 0px; 
color:#FFF; 
font-family: 'Lato', sans-serif; font-weight: 300;line-height: 14px; 

font-weight: bold; 
 border-width: 0px; 
} 

input[type="submit"].about:hover { color:#999; cursor: pointer; }