/* styles for The EstŽe Lauder Companies Inc. 2010 Annual Report  */

/*** RESET ***/
/* Eric Meyers Reset v1.0 | 20080212 - http://meyerweb.com/eric/tools/css/reset/index.html */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; /* letter-spacing: 0; Problems with FF3 s*/ vertical-align: baseline; background: transparent; }
body { line-height: 1em; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; } 

/* remember to define focus styles! */
:focus { outline: 0; }
	
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }


a:active {outline: none;}   /* outline none for Firefox */


/*** GENERAL ***/

body {
	font-family: Times New Roman; Times, serif;
	background: #fff;
	color: #002e65;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 1em;
}
body.annualreport {
	background-image: none;
	background-color: #ffffff;
}
body.highlights {
	background: #fff url(../images/bckgrnd-fp.png) top center no-repeat;
}
body.annualreport {
	background: #fff url(../images/bckgrnd-viewer.png) top center no-repeat;
}
a, a:link {
	color: #002e65;
	text-decoration: none;
}
a:hover, a:active {
	color: #000;
}


/*** STRUCTURE ***/

#wrapperBox {
	width: 976px;
	margin: 0 auto;
}
#wrapperFinancial {
	width: 750px;
	margin: 0 auto;
}
#header {
	height: 92px;
}
	#logo {
		float: left;
		width: 450px;
		padding-top: 15px;
	}
	#topnav {
		width: 320px;
		float: right;
	}
#slideshow{
	width: 976px;
	height: 433px;
	overflow: hidden;
}
#issueplayer {
	width: 976px;
	height: 652px;
	overflow: visible;
}
#slideshowFinancial {
	width: 750px;
	height: 912px;
	overflow: hidden;
}
#mediabar {
	height: 237px;
	padding-top: 1px;
	width: 976px;
}
	#statsbox {
		float: left;
		width: 283px;
		height: 237px;
	}
	#statsbox a {
		display: block;
		width: 283px;
		height: 237px;
		background: transparent url(../images/financial_sprite.png) top left no-repeat;
		overflow: hidden;
		text-indent: -9999px;
	}
	#statsbox a:hover {
		background: transparent url(../images/financial_sprite.png) 0 -237px no-repeat;
	}
	#vid_ceo {
		position: relative;
		float: left;
		width: 340px;
		height: 236px;
		z-index: 9;
		overflow: hidden;
	}
	#vid_ceo a {
		display: block;
		width: 355px;
		height: 236px;
		background: transparent url(../images/fab_sprite.png) top left no-repeat;
		overflow: hidden;
		text-indent: -9999px;
	}
	#vid_ceo a:hover {
		background: transparent url(../images/fab_sprite.png) 0 -236px no-repeat;
	}
	#vid_ec {
		position: relative;
		float: left;
		width: 353px;
		height: 236px;
		z-index: 10
	}
	#vid_ec a {
		display: block;
		width: 353px;
		height: 236px;
		background: transparent url(../images/ec_sprite.png) top left no-repeat;
		overflow: hidden;
		text-indent: -9999px;
	}
	#vid_ec a:hover {
		background: transparent url(../images/ec_sprite.png) 0 -236px no-repeat;
	}



/*** NAVIGATION ***/

#topnav ul {
	height: 65px;
	list-style: none;
	padding-top: 15px;
}
#topnav ul li {
	list-style: none;
	float: right;
	margin-left: 2px;
	margin-bottom: 2px;
}
#topnav li.menu-item {
	text-indent: -9999px;
}
li.menu-item a {
	background: url(../images/navsprite.png) no-repeat;
	width: 100%;
	height: 100%;
	display: block;
}
/* View Highlights - home */
	li.frontpage  {
		width: 155px;
		height: 28px;
	}
	li.frontpage a  {
		background-position: 0 -30px;
	}
	li.frontpage a:hover  {
		background-position: 0 -60px;
	}
	li.frontpage.menu-item-current a  {
		background-position: 0 0;
	}
/* View Report */
	li.reportpage  {
		width: 155px;
		height: 28px;
	}
	li.reportpage a  { /* up */
		background-position: -157px -30px;
	}
	li.reportpage a:hover  { /* over */
		background-position: -157px -60px;
	}
	li.reportpage.menu-item-current a  { /* on */
		background-position: -157px 0;
	}
/* Download Report */
	li.download  {
		width: 207px;
		height: 28px;
		padding-left: 106px;
	}
	li.download a  { /* up */
		background-position: -316px -30px;
	}
	li.download a:hover  { /* over */
		background-position: -316px -60px;
	}
	
/* slideshow_nav */ 
	#slideshow {
		position: relative;
		z-index: 1;
	}
	#slideshow_nav {
		position: relative;
		z-index: 2;
		margin-top: -25px;
		margin-left: 20px;
		height: 25px;
		}
	#slideshow_nav a { 
		display: block;
		width: 8px;
		height: 9px;
		float: left;
		margin-right: 2px;
		overflow: hidden;
		border: 2px solid #08233F; 
		background: transparent; 
		text-decoration: none; 
		font-size: .8em; 
		color: #cccccc; 
		text-shadow: #333333 1px 1px 0px; 
		font-family: arial, san-serif;
		text-indent: 20px; 
	}
	#slideshow_nav a.activeSlide { border: 2px solid #ccc; }
	#slideshow_nav a:hover {border: 2px solid #326BA2;}
	#slideshow_nav a:focus {  }
	
	
/* slideshowFinancial_nav */ 
	#slideshowFinancial {
		position: relative;
		float: left;
		z-index: 999;
		margin-top: -50px;
	}
	#slideshowFinancial_nav {
		position: relative;
		z-index: 1000;
		float: right;
		width: 65px;
		height: 25px;
		margin-top: 25px;
		padding-right: 15px;
		}
	#slideshowFinancial_nav a { 
		display: block;
		width: 8px;
		height: 9px;
		float: left;
		margin-right: 2px;
		overflow: hidden;
		border: 2px solid #08233F; 
		background: #fff; 
		text-decoration: none; 
		font-size: .8em; 
		color: #cccccc; 
		text-shadow: #333333 1px 1px 0px; 
		font-family: arial, san-serif;
		text-indent: 20px; 
		text-indent:-9999px;
		font-size:0;
	}
	#slideshowFinancial_nav a.activeSlide { border: 2px solid #ccc; }
	#slideshowFinancial_nav a:hover {border: 2px solid #326BA2;}
	#slideshowFinancial_nav a:focus {  }
	
	
/*  Footer */
	#footer {
		width: 976px;
		height: 30px;
		padding-top: 10px;
		font-size: .6em;
		font-family: Arial, san-serif;
		text-transform: uppercase;
	}
	#footer a {
		text-decoration: underline;
		}
	#footer a:hover {
		text-decoration: none;
		}
	#footer #externallinks {
		display: block;
		float: left;
		width: 300px;
	}
	#footer #copyright {
		display: block;
		float: right;
		width: 250px;
		color: #7f96b2;
		text-align: right;
		clear: none;
	}	
	#footer #copyright a {
		color: #7f96b2;
		text-decoration: none;
	}	
	#footer #copyright a:hover {
		text-decoration: underline;
	}
	
/* LIGHTBOX ELEMENTS */

/* styling of the container. */
.overlay {
	display:none;
	width: 976px;
	height: 433px;
	background-color: #fff;
/* 	z-index: 3; */
}
a.player { 
	display:block;
	width: 720px;
	height: 405px;
	float:left;
	text-align:center;
	border: none;

}

/* play button */
a.player img {
	margin-top:170px;
	border:0px;
}

/* when container is hovered we alter the border color */
a.player:hover {
/* 	border:1px solid #000; */
}

.close {
	background:url(../images/apple-close.png) no-repeat;
	position:absolute;
	top:10px;
	right:0px; 
	display:block;
	width:35px;
	height:35px;
	cursor:pointer;
	z-index: 5;
}