body
{

    margin:0;
     padding-top:1px;
    padding-right:0;
    padding-bottom:0;
     padding-left:0;
     font-family:Arial, Helvetica, sans-serif;
     color:Green;
     Background-color:#FFFFCC;
    height : 100%
}

h1
{
     font-family:Arial, Helvetica, sans-serif;
     color:Green;
     font-size:medium;
         padding-bottom:6;
} 
h2
{
     font-family:Arial, Helvetica, sans-serif;
     color:Green;
     font-size:small;
         padding-bottom:4;
         padding-top:8;
} 
 

div, h2, h3, h4, p, form, label, input, textarea, img, span
{

      margin:0 0 4px 0; 
padding:0;
}

ul{
     margin:0; 
     padding:0; 
     list-style-type:none;
     font-size:12px;
     line-height:150%;
}

.spacer{
      clear:both; 
      font-size:0; 
      line-height:0;
}

/*-------------------body_area--------------------*/
#body_area{
       border: 1px solid #66FF99;
      width:1004px;
      margin-top:0px;
      margin-right:auto;
       margin-bottom:0;
      margin-left:auto;
      font-family:Tahoma;
      font-size: 12px;
      font-style:normal;
      line-height:normal;
      font-weight:bold;
      font-variant:normal;
      text-transform:none;
      text-decoration:none;
      padding: 0px;
      float: none;
      background-color:#FFFFCC
 }
#logo
{
  width:809px;
  height:86px;
  background-color:#FFFFCC;
}


#left {
      margin: 0px;
      float: left;  
      width: 185px;
       height: 500px;
      padding-top:4px;
      padding-right:0px;
      padding-bottom:0px;
      padding-left:0px;
      background-color:#FFFFCC;
      margin-bottom:6px;
}

#left div.InnerText
{
      padding-left:6px;
}

div.Nav
{
    width:150px;
    margin-right:auto;
    margin-left:auto;
    background-color:#FFFFCC;
    padding-bottom:2px;

}

ul.Nav
{
      padding: 8px 0px 0 22px;
      background-color:#FFFFCC;
      color:#000;
      margin:0 0 0 2px;
}
   
ul.Nav li
{
   background:url('images/nav_div2.gif') repeat-x left bottom;
   font-size:0;
   line-height:0
}

#banner
{
      width:797px;
      height:100px;
      margin-left:0px;
      margin-right:auto;
      text-align:center;
      background-color:#FFFFCC;
}


#mid {
      padding: 0px;
      float: left;
      width: 628px;
      line-height:150%;
      font-weight:normal ;
      font-size:12px;
      background-color:#FFFFCC;
      padding-bottom:20px;
      margin-bottom:12px;
      margin-top:102px;
}

#mid div.InnerText
{
      margin-left:12px;
      margin-right:12px;
      margin-top:2px;
      padding:0;
      color:green;     
}

#mid a
{
      color:#008000;
      text-decoration:none;
      font-weight:bolder;    
}

#right{

      float: right;
      width: 185px;
      padding-top:2px;
      padding-right:2px;
      padding-bottom:2px;
      padding-left:2px;
      margin-bottom:12px;
      background-color:#FFFFCC;
	height: 253px;
}

#right div.InnerText
{
            padding-left:5px;
}

#intmarquee
{
	text-align:center
}

/*-----------------------footer--------------------*/

#footer
{
  clear:both;
  background-color:#FFFFCC;
}

#footer div.InnerText
{
        padding:10px;
}

/*--------------------homepage carousel-----------------*/
#carousel_inner {   
float:left; /* important for inline positioning */  
width:540px; /* important (this width = width of list item(including margin) * items shown */  
overflow: hidden;  /* important (hide the items outside the div) */  
/* non-important styling bellow */  
background: #FFFFCC;   
}   
  
#carousel_ul {   
position:relative;   
left:-210px; /* important (this should be negative number of list items width(including margin) */  
list-style-type: none; /* removing the default styling for unordered list items */  
margin: 0px;   
padding: 0px;   
width:19999px; /* important */  
/* non-important styling below */  
padding-bottom:10px;   
}   
  
#carousel_ul li{   
float: left; /* important for inline positioning of the list items */  
width:260px;  /* fixed width, important */  
/* just styling bellow*/  
padding:0px;   
height:200px;   
background:#FFFFCC;   
margin-top:10px;   
margin-bottom:10px;   
margin-left:5px;   
margin-right:5px;   
}   
  
#carousel_ul li img {   
margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that */  
/* styling */  
cursor:pointer;   
cursor: hand;   
border:0px;   
}   
#left_scroll, #right_scroll{   
float:left;   
height:200px;   
width:15px;   
background: #FFFFCC;   
}   
#left_scroll img, #right_scroll img{   
border:0; /* remove the default border of linked image */  
/*styling*/  
cursor: pointer;   
cursor: hand;   
  
} 


/*-----------------Selling slideshow----------------------*/


ul.slideshow {
	list-style:none;
	list-style-position:inherit;
	width:450px;
	height:300px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	text-align:center;
	background-position:center;
	border: 1px solid #008000;
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
	text-align:center;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}

#slideshow-caption {
	width:450px;
	height:70px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#FFFFCC;
	background:#008000;
	z-index:1000;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;	
	z-index:1000;	
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:14px;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
} 


/*-----------------L I G H T B O X http://www.lokeshdhakar.com/projects/lightbox2 ----------------------*/


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: 200; 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(http://www.staceyauction.com/images/left.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.staceyauction.com/images/right.png) 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: 5000px; background-color: Green; }