@charset "utf-8";
/*
==============================
 Common
==============================
*/
body { 
	background-color:#CCCCCC; }
p {
	margin-top:10px; }
p a, p a:visited {
	text-decoration:underline; color:#000000; }
p.noSpace {
	margin-top:0px!important; }
p.topSpacer {
	margin-top:40px; }

/*
==============================
 Containers
==============================
*/
#SiteContainer {
	width:100%; height:100%; float:none!important; clear:both; margin-left:auto; margin-right:auto; margin-top:45px; }
#PageContainer {
	width:900px; height: 650px; float:none; clear:none; margin-left:auto; margin-right:auto; border:solid 1px #999999; }
#shareThisContainer { 
	width:75px; height:35px; float:left; clear:both; background-image:url(../Images/Content/UltimateSkinCareV01/shareThisBG.jpg); background-position:center; background-repeat:no-repeat; }	
	#shareThisContainer a { 
		margin-left:5px; _margin-left:2px; margin-top:4px; _margin-top:2px; text-decoration:none; color:#0099CC; }
#PageLeft {
	width:350px; height: 650px; float:left; clear:none; margin-left:auto; margin-right:auto; background-color:#999999; background-image:
	url(../Images/Content/UltimateSkinCareV01/LeftPage_bg.jpg); }
#PageRight {
	width:550px; height: 650px; float:left; clear:none; margin-right:auto; background-color:#ffffff; }
#HeaderContainer {
	width:900px; clear:none; float:right; border:solid 1px #0000ff; }
#NavContainer { 
	width:650px; height:20px; float:right; clear:none; margin-bottom:-850px; margin-top:30px; padding:0px; background-color:none; text-align:right; z-index:10; position:relative; }
.halfPageColumn {
	width:220px; float:left; clear:none; margin-top:40px; padding-left:35px; padding-top:25px; }
.fullPageColumn {
	width:490px; height:550px; float:left; clear:none; margin-top:55px; padding-left:35px; padding-top:5px; overflow:none; }
.fullPageColumnScroll {
	width:490px; height:535px; float:left; clear:none; margin-top:60px; padding-left:35px; padding-top:0px; overflow:auto; }
#SubNavContainer { 
	width:550px; height:20px; float:right; clear:none; margin-top:-40px; padding:0; background-color:#fce5c1; text-align:right; z-index:11; position:relative; }
#BlackTextBox {
	width:215px; float:left; clear:both; padding:10px; border:solid 4px #fce5c1; margin-top:10px; margin-left:-12px; _margin-left:-6px; background-color:#000000; }
#formContainer {
	float:left; clear:both; width:460px; border:solid 1px #C9C9C9; margin-top:10px; margin-bottom:10px; background-color:#E5E5E5; }

/*
==============================
 Fonts
==============================
*/
.black {
	color:#000000!important; }
.white {
	color:#FFFFFF!important; }
.cream {
	color:#fce5c1!important; }
	
.pageTitle {
	font:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; }	
.normal {
	font-family:Arial, Helvetica, sans-serif; font:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:normal; }
.small {
	font-family:Arial, Helvetica, sans-serif; font:Arial, Helvetica, sans-serif; font-size:9px; color:#000000; font-weight:normal; }
.bold, .subTitle {
	font-family:Arial, Helvetica, sans-serif; font:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; }
.title {
	font-family:Arial, Helvetica, sans-serif; font:Arial, Helvetica, sans-serif; font-size:18px; color:#9b8c84; font-weight:bold; }
.title2 {
	font-family:Arial, Helvetica, sans-serif; font:Arial, Helvetica, sans-serif; font-size:19px; color:#9b8c84; font-weight:normal; }
	
	
/*
==============================
 Main Navigation
==============================
*/
#NavLogo {
	width:83px; height:70px; float:left; clear:none; margin-top:-25px; margin-left:10px; _margin-left:5px; position:relative; z-index:12; }
#NavMenu {
	width:620px; height:30px; float:right; margin-top:-50px; padding:0px; background-color:#fce5c1; }
#NavMenu ul {
	clear:none; float:right; font-family:Arial, Helvetica, sans-serif; font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; vertical-align:middle; padding-top:0px; }
	#NavMenu ul li { 
		height:22px; display:inline; text-decoration:none; padding-right:19px; padding-left:19px; padding-top:8px; text-align:right; float:right; margin-top:0px; text-align:center; vertical-align:middle; }
	#NavMenu ul li.last {
		border:none!important;}
	#NavMenu ul li.current, #NavMenu li.current a { 
		background-color:#CCCCCC; }
	#NavMenu a, #NavMenu ul li a {
		color: #000000; font-weight: bold; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; }
	#NavMenu a:Hover, #NavMenu ul li a:Hover {
		color: #000000;text-decoration: underline;}

/*
==============================
 Sub Navigation
==============================
*/
#SubNavMenu ul {
	clear:none; float:right; font-family:Arial, Helvetica, sans-serif; font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; vertical-align:middle; }
	#SubNavMenu ul li { 
		display:inline; text-decoration:none; padding-right:28px; padding-left:10px; padding-top:2px; text-align:right; float:right; height:18px; }
	#SubNavMenu ul li.last {
		border:none!important;}
	#SubNavMenu ul li.current {
		color:#e62561;}
	#SubNavMenu a, #SubNavMenu ul li a {
		color: #000000; font-weight: bold; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; }
	#SubNavMenu a:Hover, #SubNavMenu ul li a:Hover {
		color: #000000;text-decoration: underline;}
	#SubNavMenu ul li.current, #SubNavMenu ul li.current a {
		text-decoration: none; background-color:#CCCCCC; }

/*
==============================
 PAGE STYLES - Homepage
==============================
*/
#potImage {
	width:470px; height:550px; float:none; clear:both; padding:0px; }
/*
==============================
 PAGE STYLES - ABCDE Rules
==============================
*/
.smallPotImage {
	width:205px; float:left; clear:none; margin-top:20px; margin-left:10px; vertical-align:bottom; }
	
/*
==============================
 PAGE STYLES - FAQs
==============================
*/
.smallPotImageNoMargin {
	width:205px; float:left; clear:none; margin-top:55px; margin-left:5px; vertical-align:bottom; }

/*
==============================
 PAGE STYLES - TnCs
==============================
*/	
.wideCopy {
	width:465px; float:left; clear:both; }

	
/*
==============================
 PAGE STYLES - Camera App
==============================
*/
.introCopy {
	width:210px; float:left; clear:both; margin-left:130px; _margin-left:65px; margin-top:155px; margin-bottom:20px; }
.topCopy {
	width:470px; height:274px; float:left; clear:both; }
.btmImage {
	width:470px; height:276px; float:left; clear:both; margin-left:30px; _margin-left:15px; }
#flashApp {
	float:left; clear:both; margin-left:12px; _margin-left:6px; }
	
/*
==============================
 PAGE STYLES - Video Page
==============================
*/
.videoCopy {
	width:470px; float:left; clear:both; margin-bottom:20px; }
#videoHolder {
	width:470px; height:350px; float:left; clear:both; padding-top:50px; margin-top:25px; }
/*
==============================
 PAGE STYLES - Forms
==============================
*/
.pageFormCol1 { 
	width:150px; height:auto; float:left; clear:left; text-align:left; vertical-align:middle; padding-left:5px; padding-top:5px; background-color:#E5E5E5; 
}
.pageFormCol2 {
	width:300px; height:auto; float:left; clear:none; text-align:left; vertical-align:middle; padding-left:5px; padding-top:5px; background-color:#E5E5E5;
}
.pageFormSend {
	width:455px; height:30px; float:left; clear:both; text-align:left; vertical-align:middle; padding-left:5px; padding-top:2px; background-color:#E5E5E5;
}