/* ##########################################################
#															#
#				  REDEFINED HTML ELEMENTS					#
#															#
########################################################## */

BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
	/*width: 760px;*/ /* fixed width for 800x600 screen resolution */
	padding: 9px;
	margin: 0px; /* same as topmargin and leftmargin */
	background: #FFFFFF url(../images/background/main_bg1.jpg) repeat-x top left
}

#MainWrapper {
	position: relative;
	margin: 0px;
	padding: 0px;
	min-width: 1024px
}

.ContentBox {
	padding: 10px 369px 10px 10px;
	background: url(../images/background/ContentBox_bg.jpg) no-repeat top right;
	height: 111px;
	clear: right;
	margin: 0px
}

.Content {
	padding: 15px 10px 10px 10px;

}

*html .Content {
	padding: 15px 10px 10px 10px;
	float: left

}

.ProductsContainer {
	margin-right: 190px;
}

*html .ProductsContainer {
	margin-right: 0px;
	float: left;
	width: 79%
}

*html form {
	width: expression((document.body.clientWidth < 1054) ? '1024px' : 'auto');
}

TD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
}

.inner h1 {
	color: #3c68b4;
	font-size: 1.8em;
	font-weight: normal;
	margin: 0px;
	padding: 0px 0px 0px 0px
}

H2 {
	/* make this slightly smaller, so it fits the screen better */
	font-size: large;
	color: #FF9900;
	margin: 0px;
	padding: 0px;
	font-weight: normal
}

H3 {
	font-size: medium;
	line-height: 100%;
	margin: 0;
}

LI
{
	margin: 0 0 0 -22px;
}

tbody
{
	border-style:none;
	border-width:0px;
}
INPUT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

A:link {
	color: #f90;
}

A:visited {
	color: #f90;
}

A:hover {
	color: #000;
}


/* ##########################################################
#															#
#				  CUSTOM DEFINED CLASSES					#
#															#
########################################################## */

ul.ProductsDescription {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.ProductsDescription li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.ProductsTable {
	width: 100%;
	min-width: 200px;
	margin-top: 30px
	
}

.ProductsRowHeading
{
	font-weight: bold;
    color: #ffffff;
	background: #ff9900;
}

td.ProductsRowHeading {
	padding: 3px;
}
.ProductsRowSubHeading {

	font-weight: bold;
    color: #fff;
    background-color: #1f1f1f;
	font-size: 1.15em;
	margin: 0px;
	padding-top: 5px;
	padding-right: 3px;
	
}

.ProductsRowSubHeading A:link, .ProductsRowSubHeading A:visited, .ProductsRowSubHeading A:hover {

	font-weight: bold;
    color: #330099;
}

.ProductsRowRegular
{
    BACKGROUND-COLOR: #FFFFFF;
	font-weight: normal;
	color: #000
}

.Products {
	border: 3px double #0e2a7f;
	background: #FF9900 url(../images/background/Products_bg.png) repeat-x top left;
	padding: 5px;
	width: 46%;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	height:150px;
}

.ProductsSection {
	border: 3px double #0e2a7f;
	background: #FF9900 url(../images/background/Products_bg.png) repeat-x top left;
	padding: 5px;
	width: 46%;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#LitHome .offeritem {
	width: 45%;
	float: left;
	border: 2px solid #ff9900;
	width: 340px;
	margin-bottom: 10px;
	margin-right: 10px;
	min-width: 340px;
		height:150px;
}

.Product {
	font-weight: bold;
	color: #fff;
	padding: 0px;
	margin-bottom: 0px;
	height: 45px;
	overflow: hidden
}

.Products .Product a {
	color: #fff;
	text-decoration: none
}

.ProductsImage {
	border: 3px double #fff;
	width: 110px;
	height: 115px;
	text-align: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.ProductsImage img {
	border: 1px solid #f90;
	width: 108px;
}

.ProductsSection .Product a {
	color: #fff;
	text-decoration: none
}

.ProductPrice {
	color: #000;
	font-weight: bold;
	text-align: right;
	width: 100%;
	display: block;
}

.ProductDescription {
	height: 32px;
	overflow: hidden
}

.ProductDescription ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	color:#FFFFFF
}

.ProductDescription li {
	margin: 0px;
	padding: 0px;
}

.ProductDescription a:link, .ProductDescription a:visited {
	color: #fff;
	text-decoration: underline
}

.ProductDescription a:hover {
	text-decoration: none;
}



.Info {
	text-align: right;
	margin: 0px;
	padding-top: 5px;
	margin-left: 0px;
}

.Info a:link, .Info a:visited {
	font-weight: bold;
	color: #fff;
}

.Info a:hover {
	text-decoration: none;
}

.ProductSeries {
	font-size: 0.8em;
	color: #FFFFFF
}

.pagination {
	height: 20px;
}

#Pagination span {
	padding: 0px 5px;
	background: #1f1f1f;
	color: #fff;
	margin-right: 1px
}

#Pagination a {
	padding: 0px 5px;
	background: url(../images/buttons/button.png) no-repeat top left;
	color: #fff;
	text-decoration: none;
	margin-right: 1px
}

#Pagination a:hover {
	background: #1f1f1f;
}

.seriesimage {
	
}

#apple {
	float: right;
	width: 150px
}

h1.OnlineOrdering {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.OnlineOrdering img {
	 height: 110px;
	 overflow: hidden;
}


.ProductsRowAlternate
{
    BACKGROUND-COLOR: #ffe0b2;
	font-weight: normal;
}

tr.ProductsRowAlternate td, tr.ProductsRowRegular td {
	padding: 3px
}

.ProductsRowSeries
{
    FONT-SIZE: 12px;
    /*COLOR: #ffffff;*/
    BACKGROUND: #1f1f1f;	/*4682b4*/
	color: #fff
}

.ProductsRowSeries A:link, .ProductsRowSeries A:visited, .ProductsRowSeries A:hover {

	font-weight: bold;
    color: #fff;
}

.ProductsRowSummaries
{
	FONT-SIZE: 12px;
	BACKGROUND-COLOR: #ffffff;

}
.quantity
{
	font-size: small;
    WIDTH: 20px;
    /*HEIGHT: 20px;*/
    TEXT-ALIGN: center;
}

.quantityorder
{
	font-size: small;
    WIDTH: 45px;
    /*HEIGHT: 20px;*/
    TEXT-ALIGN: center;
	border: 1px solid #ff9900
}

.TextField {
	width: 100px;
	padding: 1px 3px 1px 3px
}

#loginBox #checkout_email, #loginBox #checkout_password {
	padding: 2px;
	border: 1px solid #ff9900;
}

.ImageLogin {
	margin: 0px;
	padding: 0px
}


#LoginBot {
	margin: 0px 2px
}

#HeaderLoginBox {
	float: right;
	width: 400px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

*html #HeaderLoginBox {
	width: 360px;
}

#HeaderLoginBox form {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#HeaderLoginBox input, #HeaderLoginBox label {
	display: block;
	float: left;
}

*html #HeaderLoginBox input.TextField {
	width: 80px;
}

#HeaderLoginBox input.ImageLogin {
	margin-left: 5px;
	float: left
}

#HeaderLoginBox label {
	padding: 2px 2px 2px 3px;
}

#HeaderLoginBox ul.AccountBox {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: right;
	width: 220px
}

#HeaderLoginBox .LogInBox {
	padding: 5px 0px 0px 0px;
	margin: 0px;
	float: left;
	color: #fff
}

#series #LoginBot, #products #LoginBot, #Account #LoginBot {
	background: url(../images/new-site/block-bottom.gif) no-repeat bottom left;
	height: 10px;
	border-bottom: none;
	margin: 0px
}

.purchasedbox
{
	BACKGROUND-COLOR: #FFFFFF;
	border: 3px double #ff9900;

}

.orangeHighlight
{
	COLOR: #ff9933;
	font-size: 1em;
	font-weight: bold
}

.alsopurchased
{
	FONT-SIZE: 8.5pt;
	TEXT-TRANSFORM: uppercase;
	color: #1F4EA0;
	font-weight: bold
	
}

.clear
{
	clear: both;
}

.clearleft
{
	clear: left;
}

/*** Clearfix style ***/
.clearfix:after { content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; }
.clearfix { display: block; }
/*******/

/* ##########################################################
#															#
#				   IDENIFIER LEVEL STYLES					#
#															#
########################################################## */

.sectionButtons
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.sectionButtons li.section {
	display: block;
	float: left;
	border: solid 1px #2855A6;
	height: 48px;
	padding: 7px;
	margin: 0 3px 3px 0;
	width: 46%;
	background-position: 42% 0%;
	background-repeat: no-repeat;
}

table.sectionButtonsNew td.sectionNew {
	border: solid 1px #2855A6;
	min-height: 48px;
	padding: 7px;
	margin: 0;
	width: 46%;
	background-position: 50% 0%;
	background-repeat: no-repeat;
}

table.sectionButtonsNew {
	width: 100%;
}

.sectionButtonsNew h2 { float: right; text-align: right; margin: 0; padding: 0; width: 155px; }

* html .sectionButtons li.section {height: 48px;}

/* Backgrounds */
#signaltoboard { background-image: url(../images/background/products/signal-to-board.jpg); }
#powertoboard { background-image: url(../images/background/products/power-to-board.jpg); }
#cable { background-image: url(../images/background/products/cable.jpg); }
#boardtoboard { background-image: url(../images/background/products/board-to-board.jpg); }
#highspeed { background-image: url(../images/background/products/audio-video.jpg); }
#sockets { background-image: url(../images/background/products/sockets.jpg); }
#pcb { background-image: url(../images/background/products/pcb.jpg); }
#led { background-image: url(../images/background/products/led.jpg); }

.sectionButtons h2 { float: right; text-align: right; margin: 0; padding: 0; width: 155px; }

.sectionButtons A
{
	/*
	display: block;
	width: 108px;
	*/
	display:block;
	margin: 0; 
	padding: 0;	
	font-weight: bold;
	/*font-size: 80%;*/
	font-size: medium;
	text-decoration: none;
/*	float:right;*/
}

.sectionButtonsNew A
{
	/*
	display: block;
	width: 108px;
	*/
	display:block;
	margin: 0; 
	padding: 0;	
	font-weight: bold;
	/*font-size: 80%;*/
	font-size: medium;
	text-decoration: none;
/*	float:right;*/
}

.sectionButtons .sectionButtonsItems 
{
	padding: 0;
	margin: 0;
}

.sectionButtons .sectionButtonsItems LI
{
	display: block;
	margin: 0;
	padding: 0;
	font-size: x-small;
	line-height: 1.2em;
	color: #333;
}

#leftpadding
{
	
}

#leftcontent {
	
}



#rightpadding
{
	position: absolute;
	width: 182px;
	right: 3px;
	top: 3px;
	z-index: 100000
}

#rightpaddingProducts
{
	margin: 0;
	padding: 0;
	width: 184px;
	float: right;
}

#offerscontent
{
	
	
}
#offerscontent .offerscontent {
	display: none
}



#offerscontent .double
{
	
}

#offerscontent H1
{
	padding: 6px;
	margin: 0;
	display: block;
	text-align: center;
	color: #FFFFFF;
	font-size: small;
	background: #1f1f1f
}
#offerscontent.double H1
{
	margin: 0 6px 0 0px;
}

.offeritem
{
	
}

#offerscontent .offeritem a:link, #offerscontent .offeritem a:visited {
	color: #fff;
}

#offerscontent .offeritem a:hover {
	color: #1f1f1f;
}

#offerscontent.double .offeritem
{
	
}

#offerscontent .offeritemfloater
{
}

#offerscontent #offeritemfloater 
{
	
}

#offerscontent #offeritemfloater TH
{
	
}

#offerscontent #offeritemfloater TD 
{
	
}

#offerscontent IMG
{
	
}

#offerscontent .offeritem img {
	width: 75px;
	height: 75px;
}

#offerscontent H2
{
	/*padding: 23px 10px 0 0;*/
	/*margin: -22px 0 12px 1px;*/
	font-size: small;
	margin: 0;
	vertical-align: baseline;
}

#offerscontent H3
{
	font-size: 80%;
	clear: left;
	display:block;
	text-align:center;
}

#offerscontent A
{
	text-decoration:none;
	font-weight: bold
}

#offerscontent p.PricingSpecial,#LitHome.PricingSpecial, #offerscontentHome p.PricingSpecial {
	color: #ff9900;
	font-weight: bold
}

#ise2007
{
	border: solid 1px #FF9B05;
	padding: 10px;
	margin: 0 13px 0 0;
}

	#ise2007 IMG
	{
		float: left;
		margin: 0 10px 0 0;
	}
	
	#ise2007 H3
	{
		font-size: small;
		margin: 0 0 7px 0;
		display: block;
		text-align: center;
	}
	
	#ise2007content
	{
		margin: 0 0 0 100px;
	}
	
	#ise2007content P
	{
		margin: 0;
	}
	
form				{margin:0; padding:0; }
#loginBox			{margin:0 0 0 10px; }
#loginBox label		{font-size:90%; margin:0; padding:0; font-weight:normal; }
#loginBox p			{margin:0; padding:0; }

#buttonForm #loginButton {
	float: left;
	margin-left: 115px;
	margin-top: -15px;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 94%;
	height:120px;
	
	max-width:1001px;
	/* custom decorations */
	border:0px solid #ccc;
	color: #fff;
}

.scrollable a, .scrollable span, .scrollable strong {
	color: #fff;
}

.scrollable h3 {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	float: left;
	margin: 0px;
	margin: 0px
}

span.labelItalic {
	float: right;
	color: #fff;
	font-style: italic;
}

.scrollable td.ImagePlaceholder {
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px
}

.scrollable .ImagePlaceholder img {
	border: 3px double #3c68b4;
	padding: 0px;
	background: #fff;
	width: 100px;
	height: 95px
}

.FeaturedItems {
	margin-bottom: 10px;
	height: 120px;
}

h3.FeaturedHeader {
	color: #3c68b4;
	font-size: 1.7em;
	font-weight: normal;
	margin: 0px;
	padding: 10px 0px 5px 10px;
	clear: right
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	height:113px;
	border:0px solid #ccc;
	
}



/* single scrollable item */
.scrollable div {
	float:left;
	border: 3px double #0e2a7f;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	height: 113px;
	margin-right:10px;
	
	width: 321px;
	min-width: 321px;
	color: #fff
}

#FirstOne div {
	
}

.scrollable div table {
		background: url(../images/background/Products_bg.jpg) repeat-x top left;
}

#FirstOne div table, #NextOne div table {
	background: url(../images/background/Products_bg.png) repeat-x top left;
	font-size: 14px
}

.scrollable div table table {
	background: none;
}


/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	
	display:block;
	width:20px;
	height:120px;
	float:left;
	margin:0px 3px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ clear:right; margin-right: 0px; background:url(/images/scroll_right.jpg) no-repeat top left; }
a.right:hover 		{ background-position:-30px -30px; background:url(/images/scroll_right.jpg) no-repeat;}
a.right:active 	{ background-position:-60px -30px;background:url(/images/scroll_right.jpg) no-repeat; } 


/* left */
a.left				{ margin-left: 0px;background:url(/images/scroll_left.jpg) no-repeat; } 
a.left:hover  		{ background-position:-30px 0;background:url(/images/scroll_left.jpg) no-repeat; }
a.left:active  	{ background-position:-60px 0;background: url(/images/scroll_left.jpg) no-repeat;}

a.disabled 
{
	background:url(/images/scroll_left_disabled.jpg) no-repeat;
	
		
} 	

a.disabled:hover 
{
	background:url(/images/scroll_left_disabled.jpg) no-repeat;
	border:0px;
}

.ScrollNavLeft
{
	
}

#demotip { 
    display:none; 
    background:transparent url(/images/white_arrow.png); 
    font-size:12px; 
      font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px;
    color: #3c68b4;   
}


.tooltip { 
    display:none; 
	
    font-size:11px; 
    color:Black; 
} 


.apple_overlay { 
     
    /* initially overlay is hidden */ 
    display:none; 

    /* growing background image */ 
    background-image:url(/images/overlay/white.png); 
    
    /*  
        width after the growing animation finishes 
        height is automatically calculated 
    */ 
    width:640px;    
    /* some padding to layout nested elements nicely  */ 
    padding:35px; 
 
    /* a little styling */     
    font-size:11px; 


} 

 
/* default close button positioned on upper right corner 

.apple_overlay div.close { 
    background-image:url(/images/overlay/close.png); 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
    left:490px; 
    top:-108px;
    z-index:600;
}

.details { 
    position:absolute;   right:5px; top:5px; 
    left:-130px; 
    font-size:11px; 
    color:Black; 
    top:333px;
    width: 610px; 
    z-index:9998;
} 

.apple_overlay .LargeImage
{
	 position:absolute ; right:5px; top:5px; 
	 left:-130px; 
	 top: -70px;
	 width: 610px;
	 height: 400px;
	 z-index:9998;
	 
}*/ 

div.apple_overlay.black { 
    background-image:url(/images/overlay/transparent.png);         
    color:#fff; 
}

.apple_overlay .LargeImage
{
	z-index: 10000;
	display: block

	 
}

.apple_overlay div.close {
	background-image:url(/images/overlay/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

select.ListManufactureres {
	width: 90%;
}

.account-long 
{width: 200px
}

.account-short
{width: 200px
}

#headernavigationpadding {
	}
	
	#headernavigation {
		clear: both;
		margin-left: 186px;
		background: #1f1f1f;
		height: 28px;
		margin-top: 0px
	}
	
	*html #headernavigation {
		height: 27px;
		overflow: hidden
	}
	
		#headernavigation UL {
			margin: 0px 0 0 0;
			padding: 0px 0 0 0px;
			list-style-type: none;
		}
		
		#headernavigation LI {
			font-size: 11px;
			font-weight: bold;
			display: inline	;
			list-style-type: none;
			margin: 0px 0px 0 0;
			float: left;
			text-align: center;
			color: #fff;
			
		}
		
		*html #headernavigation LI {
			width: 40px;
			margin-right: -12px
		}
		
		*html #headernavigation li a {
			width: 50px;
			height: 13px;
			background-color: none;
			padding-left: 5px;
		}
		
		*html #headernavigation li a:hover {
			width: 50px;
			height: 13px;
			background-color: none;
			padding-left: 5px;
		}
		
		*html #headernavigation li#nav_about {
			width: 75px;
		}
		
		*html #headernavigation li#nav_about a {
			width: 85px;
			padding-left: 0px
		}
		
		*html #headernavigation li#nav_about a:hover {
			width: 85px;
			padding-left: 0px
		}
		
		*html #headernavigation li#nav_basket {
			width: 80px;
		}
		
		*html #headernavigation li#nav_basket a {
			width: 90px;
			padding-left: 0px
		}
		
		*html #headernavigation li#nav_basket a:hover {
			width: 90px;
			padding-left: 0px
		}
		
		*html #headernavigation li#nav_contact {
			width: 85px;
		}
		
		*html #headernavigation li#nav_contact a {
			width: 95px;
			padding-left: 0px
		}
		
		*html #headernavigation li#nav_contact a:hover {
			width: 95px;
			padding-left: 0px
		}
		
		*html #headernavigation li#nav_news {
			width: 45px;
		}
		
		*html #headernavigation li#nav_news a {
			width: 55px;
			padding-left: 0px
		}
		
		*html #headernavigation li#nav_news a:hover {
			width: 55px;
			padding-left: 0px
		}
		
		

		#headernavigation li a, #headernavigation li a:link {
			color: #fff;
			text-decoration: none;
			display:block;
			padding: 7px 17px 8px 7px;
			margin: 0px -12px 0px 0px;
			background: url(../images/background/menu_off.gif) no-repeat top left;
			height: 13px;
			text-align: center
		}
		
		#headernavigation li a:hover {
			margin-top: 0px;
			height: 13px;
			color: #fff;
			background: url(../images/background/menu_on.gif) no-repeat top left;
		}
		
		#headernavigation li#nav_home a {
			background: #fff url(../images/background/menu_off.gif) no-repeat top left;
			margin-left: 0px
		}
		
		#headernavigation li#nav_home a:hover {
			background: #fff url(../images/background/menu_on.gif) no-repeat top left;
			margin-left: 0px
		}
		
		#headernavigation li#nav_literature a {
			margin-right: 0px;
			padding-right: 5px
		}
		
		body.HomePage #headernavigation li#nav_home a, .HelpPage #headernavigation li#nav_help a, .AboutPage #headernavigation li#nav_about a, .ViewBasketPage #headernavigation li#nav_basket a, .ContactPage #headernavigation li#nav_contact a, .NewsPage #headernavigation li#nav_news a, .LiteraturePage #headernavigation li#nav_literature a {
			margin-top: 0px;
			color: #fff;
			background: url(../images/background/menu_on.gif) no-repeat top left;
			}
			
			body.HomePage #headernavigation li#nav_home a {
			margin-top: 0px;
			color: #fff;
			background: #fff url(../images/background/menu_on.gif) no-repeat top left;
		}

table tr.NewsRowAlternate td
{
    background: #ffe0b2;
}

.modal { 
    background-color:#fff; 
    display:none; 
    width:350px; 
    padding:15px; 
    top:10px;
    left:10px;
    text-align:left; 
    border:2px solid #333; 
 
    opacity:0.8; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow: 0 0 50px #ccc; 
    -webkit-box-shadow: 0 0 50px #ccc; 
} 
 
#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/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/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; }