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

*{padding:0; margin:0; border:0;}

h1{color:#000000; font-size:22px; font-family:helvetica, Arial, sans-serif; margin-bottom:18px;}

h1.friend{color:#000000; font-size:16px; font-family:helvetica, Arial, sans-serif; margin-bottom:18px;}

h1.friend2{color:#000000; font-size:16px; font-family:helvetica, Arial, sans-serif; margin-bottom:20px;}

a{color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

#borderBtm{position:absolute; line-height: normal; min-height: 100%; height:auto !important; height: 100%; width:100%; top:0; left:0; background:url(images/bottom_black.gif) 0 100% 
repeat-x;}

body{background:url(images/back.jpg) 0 0 repeat-x #FFFFFF;}

#wrap{position: relative; min-height: 100%; margin:0 auto; width:926px;}

#wrapstock{position: relative; min-height: 100%; margin:0 auto; width:520px;}

#wrap{height:100%;}

img{behavior:url(iepngfix.htc);}

#logo{float:left; display:inline; margin-top:25px;}

#stockists{float:left; display:inline; margin-top:25px; background:#000000; height:80px; width:520px; padding:0 0 0 20px}

#headernav{float:right; display:inline; margin-top:146px; height:41px; width:737px;}

#mainhome{margin-top:46px; float:left; display:inline;}

#main{margin:46px 0 0 202px; width:408px; float:left; display:inline;}

#lfwMain{margin:46px 0 0 202px; width:437px; float:left; display:inline; background:url(images/lfw_bg.png) 0 0 no-repeat;}

#lfwMain .content{margin: 0 20px 20px 40px; padding:20px; background:#FFFFFF;}

#mainstockists{margin:46px 0 0 20px; width:520px; float:left; display:inline;}

#mainlooks{margin:46px 0 0 202px; width:707px; float:left; display:inline;}

#mainawards{margin:46px 0 0 202px; width:432px; float:left; display:inline;}

#mainten{margin:46px 0 0 20px; width:448px; float:left; display:inline;}

#maintenproduct{margin:46px 0 0 20px; width:368px; padding-left:80px; float:left; display:inline;}

#mainbio{margin:46px 0 0 20px; width:428px; float:left; display:inline;}

#tips { width:591px; display:inline; float:left; background:url(images/tips-bg.gif) 0 0 repeat-y; padding:0 58px 0 58px}
#tips img{ margin:0 0 10px 0}

#footer{border-top:1px solid #CCCCCC; float:left; padding-bottom:1px; display:inline; width:926px; margin-top:40px; height:34px; padding-top:20px;}

#footerimage{border-top:1px solid #CCCCCC; float:left; padding-bottom:1px; display:inline; width:926px; height:34px; padding-top:20px;}

#footernav{float:right; display:inline;}

#copy{float:left; display:inline;}

p{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#808080; margin: 0 0 15px 0}

ol, ul{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#808080; margin: 0 0 15px 15px}

li{ margin:0 0 10px 0;}

p.copy{font-size:10px; color:#CCCCCC;}

#footernav a{margin-left:33px; font-size:10px; color:#CCCCCC; text-decoration:none;}

#footernav a:hover{margin-left:33px; text-decoration:underline;}

a{font-family:Arial, Helvetica, sans-serif; font-size:11px;}

#footerblack{width:100%; background-color:#000000; position:absolute; height:1px;  bottom:0;}

#rightcallout{margin-top:46px; float:left; display:inline; margin-left:23px;}

#rightcallout .homecallout{ margin:0 0 20px 0}

#biocallout{font-family:helvetica, Arial, sans-serif; background-image:url(images/biocallout.jpg); float:left; text-decoration:none; text-align:right; display:inline; width:102px; height
:37px; color:#000000; padding:77px 12px 0 158px;}

#biocallout:hover{background-image:url(images/biocallout.jpg); float:left; text-decoration:none; text-align:right; display:inline; width:102px; height:37px; color:#666666; padding:77px 12px 0 158px;}

#lookscallout{font-family:helvetica, Arial, sans-serif; background-image:url(images/lookscallout.jpg); float:left; text-decoration:none; margin-top:19px; text-align:right; display:inline; width:140px; height:57px; color:#000000; padding:57px 12px 0 120px;}

#lookscallout:hover{background-image:url(images/lookscallout.jpg); float:left; text-decoration:none; margin-top:19px; text-align:right; display:inline; width:140px; height:57px; color:#666666; padding:57px 12px 0 120px;}

#lookscallout .looks{font-size:24px; margin-bottom:6px; float:right; display:inline;}

#lookscallout .looks:hover{font-size:24px; margin-bottom:6px;}

#compcallout{text-decoration:none; margin-top:19px; font-size:29px; color:#000000; font-family:helvetica, Arial, sans-serif; float:left; display:inline; background-image:url(images/compcallout.jpg); width:252px; height:78px; padding:36px 0 0 20px;}

#compcallout:hover{text-decoration:none; font-size:29px; color:#666666; font-family:helvetica, Arial, sans-serif; float:left; display:inline; background-image:url(images/compcallout.jpg); width:252px; height:78px; padding:36px 0 0 20px;}

#pressimage{margin:77px 0 0 60px; float:left; display:inline;}

#lfwImage{margin:56px 0 0 44px; float:left; display:inline; width:228px;}

#lfwImage img{margin:0 0 10px 0;}

#awardsimage{margin:89px 0 0 60px; float:left; display:inline;}

#leftnav{margin:46px 0 0 -14px; float:left; display:inline; width:180px; padding:137px 0 0 30px;  height:197px; background:url(images/leftnav.gif) 0 0 no-repeat; }


#leftnavnoback{margin:86px 0 0 -27px; float:left; display:inline; z-index:999; width:228px;}

#rightcopy{width:226px; float:left; display:inline; margin:46px 0 0 20px;}

#look1{width:351px; float:left; display:inline; margin:46px 0 0 20px; background-image:url(images/60s.jpg); height:401px;}

#look2{width:351px; float:left; display:inline; margin:46px 0 0 20px; background-image:url(images/look2.jpg); height:401px;}

#look3{width:351px; float:left; display:inline; margin:46px 0 0 20px; background-image:url(images/look3.jpg); height:401px;}

#look4{width:351px; float:left; display:inline; margin:46px 0 0 20px; background-image:url(images/look4.jpg); height:401px;}

#look5{width:351px; float:left; display:inline; margin:46px 0 0 20px; background-image:url(images/look5.jpg); height:401px;}

#look6{width:351px; float:left; display:inline; margin:46px 0 0 20px; background-image:url(images/look6.jpg); height:401px;}

#rightcopybio{width:206px; float:left; display:inline; height:253px; margin:89px 0 0 20px; background-image:url(images/bioback.gif); padding:20px;}

p.quote{font-style:italic; font-size:11px; line-height:140%;}

.quotebold{color:#000000; font-weight:bold; font-style:normal;}

#row1{float:left; display:inline; margin-top:10px;}

#row2{float:left; display:inline; margin-top:10px;}

p.product{font-family:Helevetica, Arial, sans-serif; font-size:16px; color:#000000;}

#works{margin-top:80px; float:left; display:inline;}

#sendimage{float:left; display:inline; margin:20px 20px 0 20px;}

#sendcontent{float:left; display:inline; margin-top:20px;}

#sendcontent p{color:#000000;}
 
.newslist { display:inline; float:left; width:450px; margin: 20px 0 0 0; }

.imgLeft { float:left; display:inline; padding: 0 20px 20px 0}

.blackText{color:#000000; font-size:11px;}

.blackTextLarge{color:#000000; font-size:13px;}

input{width:244px;}

textarea{width:244px; height:85px;}

#tiptext{float:left; display:inline; margin:80px 160px 0 56px;}

#tips1{float:left; display:inline; width:256px; margin:26px 0 0 30px; padding:0 0 0 26px; background:url(images/tip1.png) 0 0 no-repeat;}

#tips2{float:left; display:inline; width:256px; margin:0 0 0 30px; padding:0 0 0 26px; background:url(images/tip2.png) 0 0 no-repeat;}

#tips3{float:left; display:inline; width:256px; margin:10px 0 0 30px; padding:0 0 0 26px; background:url(images/tip3.png) 0 0 no-repeat;}

p.tips{margin:0;}

p.tips{margin:0;}

p.tips{margin:0;}

#send{float:right; display:inline; margin:20px 36px 0 0;}

#comp { background:url(images/bg.gif); display:inline; float:left; padding:20px}

div.tooltip {
	width: 200px;
	color: #fff;
	text-align: center;
}

div.tooltip h4 {
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 4px 2px 5px;
	background: url(images/balloon.png) top left no-repeat !important;
	font-size: 11px;
	filter: alpha(opacity:85);
	KHTMLOpacity: 0.85;
	MozOpacity: 0.85;
	opacity: 0.85;
}

div.tooltip p {
	margin: 0;
	color:#FFFFFF;
	font-weight:bold;
	padding: 2px 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background: url(images/balloon.png) bottom left no-repeat !important;
	font-size: 12px;
	filter: alpha(opacity:85);
	KHTMLOpacity: 0.85;
	MozOpacity: 0.85;
	opacity: 0.85;
	color:#fff;
}

div.tipsmall {
	width: 100px;
	color: #fff;
	text-align: center;
	float:left; display:inline; margin-top:20px;
}

div.tipsmall h4 {
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 4px 2px 5px;
	background: url(images/balloonsm.png) top left no-repeat !important;
	font-size: 11px;
	filter: alpha(opacity:85);
	KHTMLOpacity: 0.85;
	MozOpacity: 0.85;
	opacity: 0.85;
}

div.tipsmall p {
	margin: 0;
	color:#FFFFFF;
	font-weight:bold;
	padding: 2px 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background:url(images/balloonsm.png) bottom left no-repeat !important;
	font-size: 12px;
	filter: alpha(opacity:85);
	KHTMLOpacity: 0.85;
	MozOpacity: 0.85;
	opacity: 0.85;
	color:#fff;
}

.scrollbar-vert{
				background-image:url(images/scrolltrack.gif);
				height: 379px;
				width: 11px;
				float:left;
			}

.handle-vert{
				height: 85px;
				width: 11px;
				background-color:#000000;
			}

.scrollbar-hor{
				background:url(images/hortrack.gif);
				height: 11px;
				width: 303px;
				float:left;
				margin-top:130px;
			}
.handle-hor{
				height: 11px;
				width: 85px;
				background-color:#000000;
			}

#content1{
				height: 377px;
				width: 408px;
				margin-right:5px;
				float:left;
				overflow:auto;
			}
		
#leftnav2 { display:inline; width: 162px; padding:0; float:left}	

#leftnav2 ul{
list-style:none;
margin:0;
padding:0;
}

#leftnav2 li.on a, #leftnav2 a:hover{
background:#000000;
color:#FFFFFF;
}

#leftnav2 a{
display:block;
padding:0 0 0 7px;
line-height:18px;
font-weight:bold;
color:#333333;
text-decoration:none;
}		

.sitemap { list-style:none; font-family:helvetica, Arial, sans-serif; font-size:11px;}
.sitemap li { padding:5px 0 5px 0}
.sitemap ul { padding:5px 0 5px 15px; list-style:none;}

.sitemap a:hover{ color:#999999}


.textlist { font-family:helvetica, Arial, sans-serif; font-size:11px; margin:20px 0 0 20px;  padding:0 0 10px 0;}
.textlist li { margin: 0;   color:#808080; padding:0 0 10px 0;}

.ww { text-decoration:none; color:#CCCCCC; font-size:10px}
.ww:hover { text-decoration:none; color:#000000;}
<!-- Tooltips  -->
   
    a:hover {background:none; text-decoration:none;} /*BG color is a must for IE6*/
	a.tooltip2 span {background-color:#FFFFFF; display:none; padding:2px 12px; margin-left:0px; }
    a.tooltip2:hover span{display:inline; background-color:#FFFFFF; position:absolute; background:url(images/ballon.png) 0 0 no-repeat; color:#ffffff;}

div.hoverBtn {
	position: 		relative;
	float:			left;
	background:url(images/home_off.gif)		black repeat-x 0 0 scroll;
}

div.hoverBtnup {
	position: 		relative;
	float:			left;
	background:url(images/home_on.gif)		black repeat-x 0 0 scroll;
}

div.hoverBtnup a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			59px;
	height: 		41px;
	line-height: 	41px;
	text-align: 	center;
	font-size:		1.1em;
	text-decoration:none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}

div.hoverBtnup div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/home_on.gif) repeat-x 0 0 scroll;
}


div.hoverBtn a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			59px;
	height: 		41px;
	line-height: 	41px;
	text-align: 	center;
	font-size:		1.1em;
	text-decoration:none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/home_on.gif) repeat-x 0 0 scroll;
}

div.hoverBtn2 {
	position: 		relative;
	float:			left;
	background:url(images/tenth_off.gif)		black repeat-x 0 0 scroll;
}

div.hoverBtn2 a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			114px;
	height: 		41px;
	line-height: 	41px;
	text-align: 	center;
	font-size:		1.1em;
	text-decoration:none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn2 div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/tenth_on.gif) repeat-x 0 0 scroll;
}

div.hoverBtn2up {
	position: 		relative;
	float:			left;
	background:url(images/tenth_on.gif)		black repeat-x 0 0 scroll;
}

div.hoverBtn2up a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			114px;
	height: 		41px;
	line-height: 	41px;
	text-align: 	center;
	font-size:		1.1em;
	text-decoration:none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn2up div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/tenth_on.gif) repeat-x 0 0 scroll;
}

div.hoverBtn3 {
	position: 		relative;
	float:			left;
	background:url(images/perfect_off.gif)		black repeat-x 0 0 scroll;
}

div.hoverBtn3 a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			99px;
	height: 		41px;
	line-height: 	41px;
	text-align: 	center;
	font-size:		1.1em;
	text-decoration:none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn3 div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/perfect_on.gif) repeat-x 0 0 scroll;
}

div.hoverBtn3up {
	position: 		relative;
	float:			left;
	background:url(images/perfect_on.gif)		black repeat-x 0 0 scroll;
}

div.hoverBtn3up a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			99px;
	height: 		41px;
	line-height: 	41px;
	text-align: 	center;
	font-size:		1.1em;
	text-decoration:none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn3up div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/perfect_on.gif) repeat-x 0 0 scroll;
}

div.hoverBtn4 {
	position: 		relative;
	float:			left;
	background:url(images/looks_off.gif)		black repeat-x 0 0 scroll;
}

div.hoverBtn4 a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			103px;
	height: 		41px;
	line-height: 	41px;
	text-align: 	center;
	font-size:		1.1em;
	text-decoration:none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn4 div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/looks_on.gif) repeat-x 0 0 scroll;
}

div.hoverBtn4up {
	position: 		relative;
	float:			left;
	background:url(images/looks_on.gif)		black repeat-x 0 0 scroll;
}

div.hoverBtn4up a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			103px;
	height: 		41px;
	line-height: 	41px;
	text-align: 	center;
	font-size:		1.1em;
	text-decoration:none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn4up div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/looks_on.gif) repeat-x 0 0 scroll;
}

div.hoverBtn5 {
	position: 		relative;
	float:			left;
	background:url(images/awards_off.gif)		black repeat-x 0 0 scroll;
}

div.hoverBtn5 a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			63px;
	height: 		41px;
	line-height: 	41px;
	text-align: 	center;
	font-size:		1.1em;
	text-decoration:none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn5 div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/awards_on.gif) repeat-x 0 0 scroll;
}

div.hoverBtn5up {
	position: 		relative;
	float:			left;
	background:url(images/awards_on.gif)		black repeat-x 0 0 scroll;
}

div.hoverBtn5up a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			63px;
	height: 		41px;
	line-height: 	41px;
	text-align: 	center;
	font-size:		1.1em;
	text-decoration:none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn5up div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/awards_on.gif) repeat-x 0 0 scroll;
}

div.hoverBtn6 {
	position: 		relative;
	float:			left;
	background:url(images/where_off.gif)		black repeat-x 0 0 scroll;
}

div.hoverBtn6 a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			95px;
	height: 		41px;
	line-height: 	41px;
	text-align: 	center;
	font-size:		1.1em;
	text-decoration:none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn6 div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/where_on.gif) repeat-x 0 0 scroll;
}

div.hoverBtn6up {
	position: 		relative;
	float:			left;
	background:url(images/where_on.gif)		black repeat-x 0 0 scroll;
}

div.hoverBtn6up a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			95px;
	height: 		41px;
	line-height: 	41px;
	text-align: 	center;
	font-size:		1.1em;
	text-decoration:none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn6up div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/where_on.gif) repeat-x 0 0 scroll;
}

div.hoverBtn7 {
	position: 		relative;
	float:			left;
	background:url(images/bio_off.gif)		black repeat-x 0 0 scroll;
}

div.hoverBtn7 a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			157px;
	height: 		41px;
	line-height: 	41px;
	text-align: 	center;
	font-size:		1.1em;
	text-decoration:none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn7 div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/bio_on.gif) repeat-x 0 0 scroll;
}

div.hoverBtn7up {
	position: 		relative;
	float:			left;
	background:url(images/bio_on.gif)		black repeat-x 0 0 scroll;
}

div.hoverBtn7up a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			157px;
	height: 		41px;
	line-height: 	41px;
	text-align: 	center;
	font-size:		1.1em;
	text-decoration:none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn7up div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/bio_on.gif) repeat-x 0 0 scroll;
}

div.hoverBtn8 {
	position: 		relative;
	float:			left;
	background:url(images/press_off.gif)		black repeat-x 0 0 scroll;
}

div.hoverBtn8 a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			57px;
	height: 		41px;
	line-height: 	41px;
	text-align: 	center;
	font-size:		1.1em;
	text-decoration:none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn8 div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/press_on.gif) repeat-x 0 0 scroll;
}

div.hoverBtn8up {
	position: 		relative;
	float:			left;
	background:url(images/press_on.gif)		black repeat-x 0 0 scroll;
}

div.hoverBtn8up a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			57px;
	height: 		41px;
	line-height: 	41px;
	text-align: 	center;
	font-size:		1.1em;
	text-decoration:none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn8up div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/press_on.gif) repeat-x 0 0 scroll;
}

div.hoverBtn9 {
	position: 		relative;
	float:			left;
	background:url(images/pantene_off.gif)		black repeat-x 0 0 scroll;
}

div.hoverBtn9 a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			173px;
	height: 		172px;
	line-height: 	41px;
	text-align: 	center;
	font-size:		1.1em;
	text-decoration:none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn9 div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/pantene_on.gif) repeat-x 0 0 scroll;
}

div.hoverBtn10 {
	position: 		relative;
	float:			left;
	background:url(images/cew_off.gif)		black repeat-x 0 0 scroll;
}

div.hoverBtn10 a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			173px;
	height: 		172px;
	line-height: 	41px;
	text-align: 	center;
	font-size:		1.1em;
	text-decoration:none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn10 div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/cew_on.gif) repeat-x 0 0 scroll;
}

/* ------------------- Lightbox ------------------- */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(.mages/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }