.right{float:right;}
.left{float:left;}
.clear{clear:both;}

.slider {position:relative;left:30px;margin:0px auto;width:600px;}


/* Easy Slider */

 /* image replacement 
 .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
 margin:0;
 padding:0;
 display:block;
 overflow:hidden;
 text-indent:-8000px;
 }
 /* // image replacement */
 
#container, #slider li, #slider2 li {width:520px;}
 
#prevBtn, #nextBtn, #slider1next, #slider1prev
{display:block; width:20px; height:20px; position:relative;}

#prevBtn a, #nextBtn a {text-decoration:none;color:#666;font-size:18px;}

#prevBtn, #slider1prev
{top:-80px; left:-30px;}
 
#nextBtn, #slider1next
{top:-100px;left:530px;}
 
#container
{margin:0 auto;position:relative;text-align:left;}
#content{position:relative;} 

#slider ul, #slider li, #slider2 ul, #slider2 li
{margin:0;padding:0;list-style:none;}

#slider2{margin-top:1em;}

#slider li, #slider2 li
 {
 /* 
 define width and height of list item (slide)
 entire slider area will adjust according to the parameters provided here
 */ 
 height:100px; overflow:hidden; 
 } 
 
/* // Easy Slider */

/* ---------------------------------------lightbox----------------------------------------- */ 
 
#lightbox
{position: absolute;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}

#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:transparent url(../img/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;}

#prevLink {left:0;float:left;}
#nextLink {right:0;float:right;}
#prevLink:hover, #prevLink:visited:hover {background: url(../img/lightbox/prev.gif) left 50% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(../img/lightbox/next.gif) right 50% no-repeat;}

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{color: #FF9834;font-weight:bold;text-decoration: none;}
#nextLinkText{padding-left: 20px;}
#prevLinkText{padding-right: 20px;}
/*** END : next / previous text links ***/

/*** START : added padding when navbar is on top ***/
.ontop #imageData {padding-top: 5px;}
/*** END : added padding when navbar is on top ***/

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

#imageData{padding:0 10px;}
#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;}
#imageData #helpDisplay {clear:left;float:left;display:block;}

#overlay
{position: absolute;top: 0;left: 0;z-index:90;width:100%;height:500px;background-color:#000;
filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;display: none;}
 

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

* html>body .clearfix {display:inline-block;width:100%;}

* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */} 
/* ----------------------------------------------------------------------------------------- */