/* BEGIN CSS RESET */

/*
Yahoo! reset
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*because legend doesn't inherit in IE */
legend{color:#000;}





/*
Yahoo! fonts
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * NOTE: modified by T.D. to use percentage for IE
 */
 
body {font:12px/1.3 arial,helvetica,clean,sans-serif;*font-size:78%;}
input,textarea,select{*font:100% arial,helvetica,clean,sans-serif;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}





/*
Yahoo! base
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/
/* base.css, part of YUI's CSS Foundation */
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote {
	/*giving blockquotes room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2.5em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	/*border:1px solid #000;*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

/* END CSS RESET */


body{
			background:#838383 none;
			margin:0;
			padding:0;
			text-align:center;
		}
		
		a, img {
			outline:none;
			}
		
		
/* MASTER Z INDEX LIST */ 
		
		#wrapper {z-index:1;}
		
		#flashcontent {z-index:2;}
	
		.addthis_default_style{z-index:50;}
		
		#slide_social {z-index:110;}
		#switch_container {z-index:120;}
		
		#twitter_iframe {z-index:130;}
		#facebook_iframe {z-index:140;}		
		#no_facebook {z-index:141;}	
		
		#slide_social_nav{z-index:150;}
		#slide_social_links{z-index:151;}
		#slide_rollpoll{z-index:152;}
		#slide_close{z-index:153;}
		
		#wrapper{
			height:600px;
			margin:0 auto;
			overflow:hidden;
			position:relative;
			text-align:left;
			width:968px;
			
		}

		#flashcontent{
			height:600px;
			width:968px;
			background: #95298D none;
		}	
			
		#footer {
			clear:both;
			color:#aaa;
			font-size:75%;
			margin:1em auto;
			padding: 0px 20px;
			text-align:center;
			width:968px;
		}
		
		#footer a{
			color:#aaa;
		}
		
		/* GREEN SLIDE - SOCIAL NETWORK LAYER */ 
				
		#slide_social{
			width:509px;
			height:562px;
			position:absolute;
			top:0px;
			left:-509px;
			background: transparent url(../images/greenslide.jpg) left top no-repeat;
		}
	
	#slide_social_nav{
		width:120px;
		height: 530px;
		position:relative;
		float:left;
		margin:0px;
		padding:0px;			
	}
	
	#slide_rollpoll{
		display:block;
		height:100px;
		width:100px;
		position:absolute;
		top:15px;
		right:0px;	
	}
	
	#slide_close{
			height:87px;
			width:87px;
			left:5px;
			position:absolute;
			top:240px;
			cursor:pointer;
		}
		
	#slide_social_links{
			background-image:url(../images/slide_social_links.png);
			background-position: 0px -32px;
			background-repeat:no-repeat;
			height:32px;
			width:70px;
			position:absolute;
			left:20px;
			bottom:0px;
			display:none;
		}
		
		
		#icon_facebook, #icon_twitter {
			display:inline;
			height:32px;
			width:35px;
			margin:0px;
			display:block;
			float:left;
			cursor:pointer;
		}
		
		#switch_container{
			height:562px;
			width:460px;
			position:absolute;
				top:0px;
				left:40px;
			display:none;
		}
		
		.iframe{
			position:absolute;
			top:25px;
			left:100px;
		}
		
		#facebook_iframe{
			width:325px;
			height:524px;
		}
		
		#facebook_blurb{
			color:#95298d;
			text-align:center;
			width:100%;
			position:absolute;
			bottom:0px;
			left:0px;
			font-size:12px;
			margin:0;
			padding:0;
		}
		
		#facebook_blurb a{
			color:#95298d;
		}

		#no_facebook {
			display:none;
			margin-top:25px;
			width:460px;
			height:562px;
			position:absolute;
			left:0px;
			bottom:0px;
			background: transparent url(../images/no_facebook.gif) left bottom no-repeat;
		}
		
		#no_facebook_link {
			display:block;
			width:325px;
			height:500px;
			position:absolute;
			right:0px;
			top:0px;
		}
		
		/* TWITTER OVERLAY */
		

		#twitter_iframe{
			width:321px;
			height:500px;
		}
		
		#twitter_CottonelleBrand {
			height:500px;
			width:321px;
			margin:0px;
			border:0px;
			padding:10px 0px 0px 0px;
		 	background: transparent url(../images/twitter_bg.jpg) left top no-repeat;
			display:block;
		 }
				
		.CottonelleBrand_bubble {
			background: transparent url(../images/twitter_bubble.gif) left top no-repeat;
			width:295px;
			height:88px;
			margin:0px 0px 6px 13px;
			padding:0px;
		}
				
		.tweetext{
			color:#000;
			font-family:verdana, arial, sans-serif;
			font-size:10px;
			line-height:120%;
			padding:7px 10px 3px 10px;
		}
		
		.tweetmeta{
			font-family:verdana, arial, sans-serif;
			font-size:8px;
			line-height:120%;
			color:#b0b6bc;
			padding:0px 10px;
		}
		
		#slide_close{
			height:87px;
			width:87px;
			left:5px;
			position:relative;
			top:240px;
			cursor:pointer;
		}
		
		#twitter_CottonelleBrand_link{
			display:block;
			height:35px;
			width:160px;
			position:absolute;
			bottom:25px;
			right:25px;
		}
		
	.ajax{
		background:transparent none no-repeat top left;
		display:none;
		height:47px;
		left:12px;
		position:absolute;
		text-decoration:none;
		top:30px;
		width:85px;
	}
	
	.ajax:link, .ajax:visited{
		background-position:top left;
	}	
	
	.ajax:hover, .ajax:active{
		background-position:bottom left;
	}

/*AddThis Button*/

.addthis_default_style{
	left:90px;
	position:absolute;
	bottom:48px;
}