/* CSS Document */

body {
	width: 950px;
	padding: 0;
	height: 100%;
	margin: 0 auto;
	background: white;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: justify;
	border: none;}
body.bhome {background: url(/images/white_bk.jpg) top center repeat;}
body.bflyers {background: url(/images/whitepurple_bk.jpg) top center repeat !important;}
body.badults {background: url(/images/whitegreen_bk.jpg) top center repeat !important;}

ul {list-style-type: none;}
a, a:visited {
	text-decoration: none; 
	color: #007B49;}
img {border: 0;}
a:hover {
	color: #000;}

#homepage {
	position: absolute;
	width: 975px;
	height: 670px;
	padding: 0;
	margin: 10px auto 0;
	background: url(/images/blue_bk.png) top center no-repeat;
	border: none;}
#homepage img.homepage_logo {
	position: absolute;
	left: 50%;
	margin: 20px 0 0 -162px;
	padding: 0;}
#homepage img.homepage_mums {
	position: absolute;
	left: 50%;
	margin: 160px 0 0 -100px;
	padding: 0;}
#homepage ul.homepage_ul {
	position: absolute;
	top: 0px;
	width: 975px;
	height: 670px;
	padding: 0;
	margin: 0 0 0 20px;}
#homepage ul.homepage_ul li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;}
#homepage ul.homepage_ul li a {
	display: block;
	float: left;
	margin: 0;
	padding: 0 500px 660px 0;}
li.homepage_flyers {width: 510px; background: url(/images/home_flyers.png) no-repeat 0 0;}
li.homepage_flyers:hover {width: 510px; background: url(/images/home_flyers.png) no-repeat 0 -680px;}
li.homepage_adults {width: 510px; background: url(/images/home_adults.png) no-repeat 0 0;}
li.homepage_adults:hover {width: 510px; background: url(/images/home_adults.png) no-repeat 0 -680px;}
li.homepage_adults {margin: 10px 0 0 -85px !important;}

ul.homepage_woolly_ul {
	position: absolute;
	top: 410px;
	width: 350px;
	height: 250px;
	padding: 0;
	left: 50%;
	margin: 0 0 0 -190px;
	z-index: 5;}
li.homepage_woolly a {
	display: block;
	margin: 0;
	padding: 0 349px 260px 0;}
li.homepage_woolly {width: 350px; background: url(/images/home_woolly.png) no-repeat 0 0;}
li.homepage_woolly:hover {width: 350px; background: url(/images/home_woolly.png) no-repeat 0 -270px;}

div.woolly {
	width: 950px;
	height: 600px;
	position: absolute;
	top: 40px;
	left: 10px;
	margin: 0 0 -75px 0;
	padding: 0;
	background: url(/images/woolly.png) no-repeat 0 0;}
div.woolly img {
	position: absolute;
	top: -40px;
	left: 610px;}
div.woollypreview {
	position: absolute;
	top: 270px;
	margin: 0 0 0 290px;}
div.polopreview {
	position: absolute;
	top: 415px;
	margin: 0 0 0 290px;}
div.woollypreview img, div.polopreview img {
	border: 1px solid #000;}
ul.gotoshop {
	position: absolute;
	top: 235px;
	left: 670px;}
ul.gotoshop2 {
	position: absolute;
	top: 380px;
	left: 670px;}
ul.gotoshop li a, ul.gotoshop2 li a {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 60px 0;}
ul.gotoshop li a, ul.gotoshop2 li a {width: 125px; background: url(/images/nav/nav_gotoshop.png) no-repeat 0 0;}
ul.gotoshop li a:hover, ul.gotoshop2 li a:hover {width: 125px; background: url(/images/nav/nav_gotoshop.png) no-repeat 0 -70px;}

#header {
	width: 970px;
	height: 215px;
	margin: 5px 0 0 -8px;
	padding: 0;
	font-size: 10px;}
div.flyers {background: url(/images/header_flyers.png) top center no-repeat;}
div.adults {background: url(/images/header_adults.png) top center no-repeat;}
#header img.header_logo {
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -162px;}
#header ul.nav {
	width: 950px;
	position: absolute;
	top: 146px;
	left: 50%;
	margin: 0 0 0 -470px;}
#header ul.nav li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;}
#header ul.flyersnav li {margin: 0 21px 0 0;}
#header ul.adultsnav li {margin: 0 38px 0 0;}
#header ul.nav li a {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 30px 0;}
li.navtot a {width: 230px; background: url(/images/nav/nav_tot.png) no-repeat 0 0;}
li.navtot a:hover, li.navtot_a {width: 230px; background: url(/images/nav/nav_tot.png) no-repeat 0 -40px;}
li.navpretenders a {width: 245px; background: url(/images/nav/nav_pretenders.png) no-repeat 0 0;}
li.navpretenders a:hover, li.navpretenders_a {width: 245px; background: url(/images/nav/nav_pretenders.png) no-repeat 0 -40px;}
li.navinteractive a {width: 200px; background: url(/images/nav/nav_interactive.png) no-repeat 0 0;}
li.navinteractive a:hover, li.navinteractive_a {width: 200px; background: url(/images/nav/nav_interactive.png) no-repeat 0 -40px;}
li.navflightbag a {width: 155px; background: url(/images/nav/nav_fb.png) no-repeat 0 0;}
li.navflightbag a:hover, li.navflightbag_a {width: 155px; background: url(/images/nav/nav_fb.png) no-repeat 0 -40px;}
li.navcomics a {width: 120px; background: url(/images/nav/nav_comics.png) no-repeat 0 0;}
li.navcomics a:hover, li.navcomics_a {width: 120px; background: url(/images/nav/nav_comics.png) no-repeat 0 -40px;}

#banners {
	width: 980px;
	margin: 0 0 0 -9px;
	padding: 0;
	font-size: 10px;}
#banners ul.left_banners {
	width: 530px;
	margin: 0;
	padding: 0;}
#banners ul.left_banners li {
	margin: -22px 0 0 0;
	padding: 0;
	display: block;
	float: left;}
#banners ul.left_banners li a {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 139px 0;}
#banners img.right_banner {float: left; margin: -410px 0 0 5px;}

li.flyerstot a {width: 530px; background: url(/images/banners/leftg_tot.png) no-repeat 0 0;}
li.flyerstot a:hover {width: 530px; background: url(/images/banners/leftg_tot.png) no-repeat 0 -150px;}
li.flyerspretenders a {width: 530px; background: url(/images/banners/leftg_pretenders.png) no-repeat 0 0;}
li.flyerspretenders a:hover {width: 530px; background: url(/images/banners/leftg_pretenders.png) no-repeat 0 -150px;}
li.flyersinteractive a {width: 530px; background: url(/images/banners/leftg_interactive.png) no-repeat 0 0;}
li.flyersinteractive a:hover {width: 530px; background: url(/images/banners/leftg_interactive.png) no-repeat 0 -150px;}
li.flyerscomics a {width: 530px; background: url(/images/banners/leftg_comics.png) no-repeat 0 0;}
li.flyerscomics a:hover {width: 530px; background: url(/images/banners/leftg_comics.png) no-repeat 0 -150px;}

li.adultstot a{width: 530px; background: url(/images/banners/leftp_tot.png) no-repeat 0 0;}
li.adultstot a:hover {width: 530px; background: url(/images/banners/leftp_tot.png) no-repeat 0 -150px;}
li.adultspretenders a {width: 530px; background: url(/images/banners/leftp_pretenders.png) no-repeat 0 0;}
li.adultspretenders a:hover {width: 530px; background: url(/images/banners/leftp_pretenders.png) no-repeat 0 -150px;}
li.adultsfb a {width: 530px; background: url(/images/banners/leftp_flightbag.png) no-repeat 0 0;}
li.adultsfb a:hover {width: 530px; background: url(/images/banners/leftp_flightbag.png) no-repeat 0 -150px;}
li.adultscomics a {width: 530px; background: url(/images/banners/leftp_comics.png) no-repeat 0 0;}
li.adultscomics a:hover {width: 530px; background: url(/images/banners/leftp_comics.png) no-repeat 0 -150px;}

#content {
	width: 970px;
	margin: -27px 0 0 -8px;
	padding: 0;
	font-size: 14px;}
div.flyerscontent {background: url(/images/content_green.png) top center no-repeat;}
div.adultscontent {background: url(/images/content_purple.png) top center no-repeat;}
div.no_menu {padding: 0px 70px 1px 70px;}
img.heading {margin: 14px 0 0 50px;}

#content h2 {
	font-size: 21px;
	margin: 0 0 3px 0;
	padding: 0;
	text-align: right;
	float: none;}

div.with_menu {
	margin: 0;
	padding: 0px 70px 1px 65px;}
div.with_menu p {
	width: 680px;
	padding: 10px 0 0 155px;
	margin: 0;
	clear: none;}
#flashholder {
	margin: 10px 0 0 160px;}
div.with_menu p.post_flash {
	margin: 0;
	padding: 0;}
div.details {
	width: 350px;
	float: right;
	margin-top: -340px;}

#previous {
	width: 670px;
	height: 580px;
	padding: 10px 0 0 165px;
	color: #000;}
#previous ul.month {
	width: 220px;
	height: 135px;
	background: url(/images/bookstack.png) top center no-repeat;
	margin: 0 0 0 0;
	padding: 5px 0 5px 0px;
	display: block;
	float: left;}
#previous ul.month li {
	padding: 3px 0 0 10px;}
#previous ul.month li.month_heading {
	font-weight: bold;}
#previous ul.month li a {
	color: #000;
	padding: 0 0 0 20px;}
#previous ul.month li a:hover {
	color: #fff;}
#previous ul.fourweek li {
	padding: 8px 0 0 10px;}
#previous ul.fourweek li.month_heading {
	padding: 3px 0 0 10px;}
	
#content p.preview_top {
	text-align: center;
	margin: 0 0 0 155px;
	padding: 15px 0 10px 0;
	border-bottom: 1px #000 solid;}
#content p.preview_bottom {
	text-align: center;
	margin: 10px 0 0 155px;
	padding: 5px 0 5px 0;
	border-top: 1px #000 solid;}
#content p.previewpic {
	text-align: center;}
#content p.previewpic img {
	border: 1px #000 solid;}
	
img.leftpic {float: left;}
img.rightpic {float: right;}
img.picplustop {margin-top: 10px;}
	
ul.teaching {
	width: 680px;
	padding: 10px 0 0 155px;
	margin: 0;
	font-size: 10px;}
ul.teaching li {
	width: 330px;
	margin: 0 0 10px 0;
	padding: 0;
	display: block;}
ul.teaching li a {
	width: 335px;
	padding: 0 0 49px 0;
	display: block;}
ul.teaching li.twright {margin: -69px 0 0 340px;}
ul.teaching li.allteaching {width: 670px; margin: 0 0 2px 5px;}
ul.teaching li.allteaching a {
	width: 670px;
	padding: 0 0 109px 0;}
li.allteaching a {background: url(/images/teachingwing/teachingwing_all.png) no-repeat 0 0;}
li.allteaching a:hover {background: url(/images/teachingwing/teachingwing_all.png) no-repeat 0 -120px;}
li.series1 a {background: url(/images/teachingwing/teachingwing_s1.png) no-repeat 0 0;}
li.series1 a:hover {background: url(/images/teachingwing/teachingwing_s1.png) no-repeat 0 -60px;}
li.series2 a {background: url(/images/teachingwing/teachingwing_s2.png) no-repeat 0 0;}
li.series2 a:hover {background: url(/images/teachingwing/teachingwing_s2.png) no-repeat 0 -60px;}
li.series3 a {background: url(/images/teachingwing/teachingwing_s3.png) no-repeat 0 0;}
li.series3 a:hover {background: url(/images/teachingwing/teachingwing_s3.png) no-repeat 0 -60px;}
li.series4 a {background: url(/images/teachingwing/teachingwing_s4.png) no-repeat 0 0;}
li.series4 a:hover {background: url(/images/teachingwing/teachingwing_s4.png) no-repeat 0 -60px;}
li.series5 a {background: url(/images/teachingwing/teachingwing_s5.png) no-repeat 0 0;}
li.series5 a:hover {background: url(/images/teachingwing/teachingwing_s5.png) no-repeat 0 -60px;}
li.series6 a {background: url(/images/teachingwing/teachingwing_s6.png) no-repeat 0 0;}
li.series6 a:hover {background: url(/images/teachingwing/teachingwing_s6.png) no-repeat 0 -60px;}
li.series7 a {background: url(/images/teachingwing/teachingwing_s7.png) no-repeat 0 0;}
li.series7 a:hover {background: url(/images/teachingwing/teachingwing_s7.png) no-repeat 0 -60px;}
li.series8 a {background: url(/images/teachingwing/teachingwing_s8.png) no-repeat 0 0;}
li.series8 a:hover {background: url(/images/teachingwing/teachingwing_s8.png) no-repeat 0 -60px;}
li.series9 a {background: url(/images/teachingwing/teachingwing_s9.png) no-repeat 0 0;}
li.series9 a:hover {background: url(/images/teachingwing/teachingwing_s9.png) no-repeat 0 -60px;}
li.series10 a {background: url(/images/teachingwing/teachingwing_s10.png) no-repeat 0 0;}
li.series10 a:hover {background: url(/images/teachingwing/teachingwing_s10.png) no-repeat 0 -60px;}
li.series11 a {background: url(/images/teachingwing/teachingwing_s11.png) no-repeat 0 0;}
li.series11 a:hover {background: url(/images/teachingwing/teachingwing_s11.png) no-repeat 0 -60px;}
li.series12 a {background: url(/images/teachingwing/teachingwing_s12.png) no-repeat 0 0;}
li.series12 a:hover {background: url(/images/teachingwing/teachingwing_s12.png) no-repeat 0 -60px;}
li.lightparty a {background: url(/images/teachingwing/teachingwing_light.png) no-repeat 0 0;}
li.lightparty a:hover {background: url(/images/teachingwing/teachingwing_light.png) no-repeat 0 -60px;}
li.userguide a {background: url(/images/teachingwing/teachingwing_user.png) no-repeat 0 0;}
li.userguide a:hover {background: url(/images/teachingwing/teachingwing_user.png) no-repeat 0 -60px;}

li.roboall a {background: url(/images/teachingwing/robo_all.png) no-repeat 0 0;}
li.roboall a:hover {background: url(/images/teachingwing/robo_all.png) no-repeat 0 -60px;}
li.robo1 a {background: url(/images/teachingwing/robo1.png) no-repeat 0 0;}
li.robo1 a:hover {background: url(/images/teachingwing/robo1.png) no-repeat 0 -60px;}
li.robo2 a {background: url(/images/teachingwing/robo2.png) no-repeat 0 0;}
li.robo2 a:hover {background: url(/images/teachingwing/robo2.png) no-repeat 0 -60px;}
li.robo3 a {background: url(/images/teachingwing/robo3.png) no-repeat 0 0;}
li.robo3 a:hover {background: url(/images/teachingwing/robo3.png) no-repeat 0 -60px;}
li.robo4 a {background: url(/images/teachingwing/robo4.png) no-repeat 0 0;}
li.robo4 a:hover {background: url(/images/teachingwing/robo4.png) no-repeat 0 -60px;}
li.robo5 a {background: url(/images/teachingwing/robo5.png) no-repeat 0 0;}
li.robo5 a:hover {background: url(/images/teachingwing/robo5.png) no-repeat 0 -60px;}
li.robo6 a {background: url(/images/teachingwing/robo6.png) no-repeat 0 0;}
li.robo6 a:hover {background: url(/images/teachingwing/robo6.png) no-repeat 0 -60px;}
li.robo7 a {background: url(/images/teachingwing/robo7.png) no-repeat 0 0;}
li.robo7 a:hover {background: url(/images/teachingwing/robo7.png) no-repeat 0 -60px;}
li.robo8 a {background: url(/images/teachingwing/robo8.png) no-repeat 0 0;}
li.robo8 a:hover {background: url(/images/teachingwing/robo8.png) no-repeat 0 -60px;}
li.robo9 a {background: url(/images/teachingwing/robo9.png) no-repeat 0 0;}
li.robo9 a:hover {background: url(/images/teachingwing/robo9.png) no-repeat 0 -60px;}
li.robo10 a {background: url(/images/teachingwing/robo10.png) no-repeat 0 0;}
li.robo10 a:hover {background: url(/images/teachingwing/robo10.png) no-repeat 0 -60px;}
li.robo11 a {background: url(/images/teachingwing/robo11.png) no-repeat 0 0;}
li.robo11 a:hover {background: url(/images/teachingwing/robo11.png) no-repeat 0 -60px;}
li.robouser a {background: url(/images/teachingwing/robo_user.png) no-repeat 0 0;}
li.robouser a:hover {background: url(/images/teachingwing/robo_user.png) no-repeat 0 -60px;}

li.roboholiday a {background: url(/images/teachingwing/robo_holiday.png) no-repeat 0 0;}
li.robolp a {background: url(/images/teachingwing/robo_lp.png) no-repeat 0 0;}

li.roboallpf a {background: url(/images/teachingwing/robo_all_pf.png) no-repeat 0 0;}
li.roboallpf a:hover {background: url(/images/teachingwing/robo_all_pf.png) no-repeat 0 -60px;}
li.robo1pf a {background: url(/images/teachingwing/robo1_pf.png) no-repeat 0 0;}
li.robo1pf a:hover {background: url(/images/teachingwing/robo1_pf.png) no-repeat 0 -60px;}
li.robo2pf a {background: url(/images/teachingwing/robo2_pf.png) no-repeat 0 0;}
li.robo2pf a:hover {background: url(/images/teachingwing/robo2_pf.png) no-repeat 0 -60px;}
li.robo3pf a {background: url(/images/teachingwing/robo3_pf.png) no-repeat 0 0;}
li.robo3pf a:hover {background: url(/images/teachingwing/robo3_pf.png) no-repeat 0 -60px;}
li.robo4pf a {background: url(/images/teachingwing/robo4_pf.png) no-repeat 0 0;}
li.robo4pf a:hover {background: url(/images/teachingwing/robo4_pf.png) no-repeat 0 -60px;}
li.robo5pf a {background: url(/images/teachingwing/robo5_pf.png) no-repeat 0 0;}
li.robo5pf a:hover {background: url(/images/teachingwing/robo5_pf.png) no-repeat 0 -60px;}
li.robo6pf a {background: url(/images/teachingwing/robo6_pf.png) no-repeat 0 0;}
li.robo6pf a:hover {background: url(/images/teachingwing/robo6_pf.png) no-repeat 0 -60px;}
li.robo7pf a {background: url(/images/teachingwing/robo7_pf.png) no-repeat 0 0;}
li.robo7pf a:hover {background: url(/images/teachingwing/robo7_pf.png) no-repeat 0 -60px;}
li.robo8pf a {background: url(/images/teachingwing/robo8_pf.png) no-repeat 0 0;}
li.robo8pf a:hover {background: url(/images/teachingwing/robo8_pf.png) no-repeat 0 -60px;}
li.robo9pf a {background: url(/images/teachingwing/robo9_pf.png) no-repeat 0 0;}
li.robo9pf a:hover {background: url(/images/teachingwing/robo9_pf.png) no-repeat 0 -60px;}
li.robo10pf a {background: url(/images/teachingwing/robo10_pf.png) no-repeat 0 0;}
li.robo10pf a:hover {background: url(/images/teachingwing/robo10_pf.png) no-repeat 0 -60px;}
li.robo11pf a {background: url(/images/teachingwing/robo11_pf.png) no-repeat 0 0;}
li.robo11pf a:hover {background: url(/images/teachingwing/robo11_pf.png) no-repeat 0 -60px;}

li.roboholidaypf a {background: url(/images/teachingwing/robo_holiday_pf.png) no-repeat 0 0;}
li.robolppf a {background: url(/images/teachingwing/robo_lp_pf.png) no-repeat 0 0;}

li.fullcolour {width: 335px;}
li.printerfriendly {
	width: 335px; 
	margin: -20px 0 10px 340px !important;}
	
li.infoleft {
	width: 335px; 
	text-align: right;
	height: 12px;
	color: #999;
	display: block;
	padding: 0 0 49px 0;}
li.inforight {
	width: 335px;
	height: 12px;
	text-align: right;
	margin: -21px 0 0 340px !important;
	color: #999;
	display: block;
	padding: 0 0 49px 0;}

.glossymenu {
	margin: 5px 0;
	padding: 5px 0 0 0;
	width: 150px;
	border: none;
	float: left;}
div.with_flash .glossymenu {
	margin: -5px 0 0 0;}
.glossymenu a.menuitem {
	background: none;
	font: 12px Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative;
	width: auto;
	padding: 2px 10px 0 0;
	text-decoration: none;}
.glossymenu a.menuitem .statusicon {
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;}
.glossymenu a.menuitem:hover {background-image: url(/images/menu/hover.png);}
.glossymenu div.submenu {background: none;}
.glossymenu div.submenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}
.glossymenu div.submenu ul li {border-bottom: none;}
.glossymenu div.submenu ul li a {
	display: block;
	font: 12px Verdana, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;}
.glossymenu div.submenu ul li a:hover {
	background-image: url(/images/menu/hover.png);
	color: white;}

#footer {
	width: 970px;
	height: 25px;
	margin: 0;
	padding: 0;}
#footer ul.footerul {
	width: 970px;
	margin: 0;}
#footer ul.footerul li {
	margin: 0;
	padding: 0;
	display: block;
	float: left;}
#footer ul.footerul li {
	margin: 0 0 0 19px;}
#footer ul.footerul li a {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 13px 0;}
li.footerabout a {width: 85px; background: url(/images/nav/nav_about.png) no-repeat 0 0;}
li.footerabout a:hover, li.footerabout_a {width: 85px; background: url(/images/nav/nav_about.png) no-repeat 0 -25px;}
li.footerdonate a {width: 90px; background: url(/images/nav/nav_donate.png) no-repeat 0 0;}
li.footerdonate a:hover, li.footerdonate_a {width: 90px; background: url(/images/nav/nav_donate.png) no-repeat 0 -25px;}
li.footercontact a {width: 100px; background: url(/images/nav/nav_contact.png) no-repeat 0 0;}
li.footercontact a:hover, li.footercontact_a {width: 100px; background: url(/images/nav/nav_contact.png) no-repeat 0 -25px;}
li.footercrossed a {width: 225px; background: url(/images/nav/nav_co.png) no-repeat 0 0;}
li.footercrossed a:hover {width: 225px; background: url(/images/nav/nav_co.png) no-repeat 0 -25px;}
li.footerbb a {width: 260px; background: url(/images/nav/nav_bb.png) no-repeat 0 0;}
li.footerbb a:hover {width: 260px; background: url(/images/nav/nav_bb.png) no-repeat 0 -25px;}
li.footercc a {width: 350px; background: url(/images/nav/nav_cc.png) no-repeat 0 0;}
li.footercc a:hover {width: 350px; background: url(/images/nav/nav_cc.png) no-repeat 0 -25px;}

.frontfooter {
	position: absolute; 
	top: 713px;}
.contentfooter {
	margin: 0 0 0 -8px !important;
	padding: 39px 0 0 0 !important;}
.flyersfooter {background: url(/images/footer_green.png) top center no-repeat;}
.adultsfooter {background: url(/images/footer_purple.png) top center no-repeat;}
div.woollyfooter {
	top: 660px;}

#lightbox {
	position: absolute;
	left: 0;
	top: 5px;
	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);
	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(/images/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: 100%; 
	background-color: #000;}