#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
	
#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#closeButton{ top: 5px; right: 5px; }

#bodyandbikeLogo{ top: 10px; left: 5px; 
	opacity:0.7;
	filter:alpha(opacity=70);
	}

/* used for email words 
#lightboxMail{ 
    float: center; 
    text-align:center; 
    } */
    
/* used for email image */
#lightboxMail{ 	
    bottom: 10px;  	
    left:48%  
    } 

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(css_images/lightboxoverlay.png); }

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="css_images/lightboxoverlay.png", sizingMethod="scale");
	}

/* common styling */

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {color:#111;}

/* slides styling */

/* background photo css now stored in webpage so can be different for each page */
/* .photo {width:720px; height:600px; background:url(/images/photo_tab_box_background.jpg) no-repeat center center; text-align:left; position:relative;} */

.photo dl {position:absolute; width:500px; top:100px; left:100px;} 
/* .photo dl dt {font-family:"times new roman", serif;font-size:1.8em; margin-bottom:2em;} */
/* .photo dl dd {font-family:verdana, arial, sans-serif;  padding:0; margin:0; line-height:1.7em; margin-bottom:2em; font-size:11px;} */
/* .photo dl dd:first-letter {font-weight:bold;} */
.photo ul.topic {padding:0; margin:0; list-style:none; width:720px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {
display:block; 
/* width:240px; width now stored in separate css 3photo_tabs.css, 4photo_tabs.css, 5photo_tabs.css, 6photo_tabs.css, 7photo_tabs.css, 8photo_tabs.css */
height:31px; 
float:left;
} 

.photo ul.topic li a.set {
display:block; 
font-size:11px; 
/* width:239px; width now stored in separate css 3photo_tabs.css, 4photo_tabs.css, 5photo_tabs.css, 6photo_tabs.css, 8photo_tabs.css, 10photo_tabs.css */
height:30px; 
text-align:center; 
line-height:30px; 
color:#000; 
text-decoration:none; 
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#ccc; 
/* font-family:verdana, arial, sans-serif; */
} 

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; background:#aaa;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul {
display:block; position:absolute; left:0; top:31px; padding:0; margin:0; 
background:#ddd url(/css_images/photo_tab_box_close.gif) no-repeat right top;
/* height:375px; 375+80 for 5 photos wide 						now stored in separate css 4x4photos.css, 5x5photos.css */
/* width:479px;	479+100 for 5 photos wide 						now stored in separate css 4x4photos.css, 5x5photos.css */
/* padding:70px 100px; 70-40 and100-50(x2) for 5 photos wide  	now stored in separate css 4x4photos.css, 5x5photos.css */
border:20px solid #aaa; list-style-type:none
}

.photo ul.topic li a:hover ul li, 
.photo ul.topic li:hover ul li 
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li a:hover ul li a, 
.photo ul.topic li:hover ul li a 
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li a:hover ul li a img.land, 
.photo ul.topic li:hover ul li a img.land 
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a img.port, 
.photo ul.topic li:hover ul li a img.port
{display:block; width:56px; height:75px; border:5px solid #eee; border-left: 27px solid #eee; border-right: 27px solid #eee;}

.photo ul.topic li a:hover ul li a img.wide,
.photo ul.topic li:hover ul li a img.wide
{display:block; width:100px; height:37px; border:5px solid #eee; border-top: 24px solid #eee; border-bottom: 24px solid #eee;}

.photo ul.topic li a:hover ul li a img.largeland, 
.photo ul.topic li:hover ul li a img.largeland 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li a:hover ul li a img.largeport, 
.photo ul.topic li:hover ul li a img.largeport 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img.land, 
.photo ul.topic li:hover ul li a:hover img.land 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}

.photo ul.topic li a:hover ul li a:hover img.port, 
.photo ul.topic li:hover ul li a:hover img.port 
{position:absolute; left:-10px; top:-32px; width:120px; height:160px; border-color:#fff; border-left: 5px solid #fff; border-right: 5px solid #fff;}

.photo ul.topic li a:hover ul li a:hover img.wide, 
.photo ul.topic li:hover ul li a:hover img.wide 
{position:absolute; left:-50px; top:-20px; width:200px; height:80px; border-color:#fff; border-left: 5px solid #fff; border-right: 5px solid #fff;}


.photo ul.topic li a:hover ul li a:hover img.largeland, 
.photo ul.topic li:hover ul li a:hover img.largeland 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li a:hover ul li a:hover img.largeport, 
.photo ul.topic li:hover ul li a:hover img.largeport 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li:hover ul li a:focus, 
.photo ul.topic li:hover ul li a:active,
.photo ul.topic li a:hover ul li a:active 
{position:static; outline:0;}

.photo ul.topic li:hover ul li a:focus img.land, 
.photo ul.topic li:hover ul li a:active img.land, 
.photo ul.topic li a:hover ul li a:active img.land 
{position:static; width:100px; height:75px; border:5px solid #eee;}


/* {position:absolute; left:-50px; top:-32px; width:200px; height:150px; padding:0; background:#000; border:0; z-index:5;} */

.photo ul.topic li:hover ul li a:focus img.port, 
.photo ul.topic li:hover ul li a:active img.port, 
.photo ul.topic li a:hover ul li a:active img.port 
{position:static; width:56px; height:75px; border:5px solid #eee; border-left: 27px solid #eee; border-right: 27px solid #eee;} 

.photo ul.topic li:hover ul li a:focus img.wide, 
.photo ul.topic li:hover ul li a:active img.wide, 
.photo ul.topic li a:hover ul li a:active img.wide 
{position:static; width:100px; height:37px; border:5px solid #eee; border-top: 24px solid #eee; border-bottom: 24px solid #eee;} 

.photo ul.topic li:hover ul li a:focus img.largeland, 
.photo ul.topic li:hover ul li a:active img.largeland, 
.photo ul.topic li a:hover ul li a:active img.largeland 
{position:absolute; left:15px; top:24px; width:640px; height:480px; padding:0; background:#000; 
border:4px solid #fff; 
z-index:10;}

.photo ul.topic li:hover ul li a:focus img.largeport, 
.photo ul.topic li:hover ul li a:active img.largeport, 
.photo ul.topic li a:hover ul li a:active img.largeport 
{position:absolute; left:15px; top:24px; width:360px; height:480px; padding:0; background:#000; 
border:4px solid #fff; 
border-right: 144px solid #fff; 
border-left: 144px solid #fff; 
z-index:10;}