body {
background-image:url(images/bgknd.gif);
background-repeat:repeat-x;
background-color:#F0F0F0;
margin:0px;
height: 100%;
}


#wrapper {
	position: relative;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
}

#Indexwrapper {
	position: relative;
	width: 750px;
	height:700px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
}

.header {
  margin:0px 0px 0px 0px; padding:0px;
	width:750px;
	height:140px;
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align:left;
	background:url(images/logo.gif);
	background-repeat: no-repeat;
	}
	
.HomeBtn {
	margin:0;
	padding:0;
	top:20px;
	left:690px;
	height:19px;
	width:48px;
	position:absolute;
	}

.FeatureContainer {
	width: 710px;
	padding-left:26px;
	}

 
 .FeatureContainer A {text-decoration: none; font-family:verdana, arial; font-size:12px; padding-right:5px; line-height:150%; }
 .FeatureContainer A:link	{color	: #9ECA43; font-family:verdana, arial; font-size:12px; padding-right:5px; padding-top:15px;line-height:150%;}
 .FeatureContainer A:visited	{color	: #9ECA43; font-family:verdana, arial; font-size:12px; padding-right:5px; padding-top:15px;line-height:150%;}
 .FeatureContainer A:hover {color	: #999999; font-family:verdana, arial; font-size:12px; padding-right:5px;  padding-top:15px;line-height:150%;}
 .FeatureContainer A:vlink	{color	: #666; font-family:verdana, arial; font-size:12px;padding-right:5px;padding-top:15px;line-height:150%;}	
 

.FeatureBoxSale {
	width: 232px;
	height:155px;
	background:url(images/BoxSale.jpg);
	background-repeat: no-repeat;
	float:left;
	}
.FeatureBoxSale H1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#4E352C;
	margin-top:15px;
	margin-left:20px;
	}
.FeatureBoxSale H2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#999;
	margin-left:20px;
	margin-right:55px;
	}		
	
.FeatureBoxDate {
	width: 232px;
	height:155px;
	background:url(images/BoxHours.jpg);
	background-repeat: no-repeat;
	float:left;
	}
.FeatureBoxDate H1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#4E352C;
	margin-top:15px;
	margin-left:20px;
	}
.FeatureBoxDate H2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#999;
	margin-left:20px;
	margin-right:55px;
	}		

.FeatureBoxEmpty {
	width: 232px;
	height:155px;;
	background:url(images/Boxempty.jpg);
	background-repeat: no-repeat;
	margin-left:5px;
	float:left;
	}
.FeatureBoxEmpty H1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#4E352C;
	margin-top:15px;
	margin-left:20px;
	}
.FeatureBoxEmpty H2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#999;
	margin-left:20px;
	margin-right:15px;
	}
	
.Content {
 width:720px;
 padding-left:15px;
 padding-right:15px;
 padding-top:20px;
 padding-bottom:20px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#666666;
 line-height:180%;
 text-align:left;
 }				

.text {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height:140%;
 color:#666666;
}

.imgThumb {
  width:150px;
  padding:5px;
  font-family:Arial, Helvetica, sans-serif;
  color:#666666;
  font-size:10px;
  float:left;
  align:center;
  text-align:center;
  vertical-align: top;
  line-height:100%;
  float:left;
  }
  
 #ProdTitle {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#663300; line-height:100%;}
  	
.ContenteHeadline {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:20px;
 color:#FFFFFF;
 background-color:#6BCADA;
 padding:10px;
 text-align:left;
 }
 
 .padding30 {padding-right:30px; padding-top:20px;}
 
 .ContentRight {
 width:210px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 color:#666;
 line-height:140%;
 margin-left:20px;
 margin-right:10px;
 text-align:left;
 }	
 
 .ContentSubtitle {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#4E352C;
 line-height:200%;
 text-transform:uppercase;
 }	
 
 .ContentLeftHeadline {
 font-family:Arial, Helvetica, sans-serif;
 font-size:14px;
 font-weight:bold;
 color:#4E352C;
 line-height:200%;
 text-transform:uppercase;
 }
 
 .ContentRightHeadline {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#4E352C;
 line-height:200%;
 text-transform:uppercase;
 }
 
h1 { 
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#4E352C;
 line-height:100%;
 }
 
.footer {
    width:700px;
    margin-left:30px; 
	padding-Top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	color:#333;
	}
	
.footer a{color:#333;}	
.footer a:hover{color:#6BCADA;}
.footer a:visited{color:#333;}
	
.dottedLine {
 width:200px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:9px;
 color:#1B1818;
 text-align:center;
 padding-top:20px;
 padding-bottom:20px;
 }
 


/*	
****************************************************************************
 Main Top Navigation
****************************************************************************
*/



#nav, #nav ul{
margin:0;
padding:0;
top:113px;
height:35px;
width:750px;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:250%; 
position: absolute;
 z-index:20;
}

* html #nav, #nav ul{ /* IE PATCH*/
margin:0;
padding:0;
top:108px;
height:35px;
width:750px;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:250%; 
position: absolute;
}

#nav a{
margin:0;
padding:0;
display:block;
/*width:124px;*/
width:149px;
height:35px;
top:100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#FFF;
text-decoration:none;
background-color:#4E352C;
}

#nav a:hover{
background-color:#fff;
color:#333;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:14em;
top:1.5em;
}

* html #nav li ul {
margin:16px 0 0 0px; /*controls secondary dropdown position */
}

#nav li ul {
margin:11px 0 0 0px; /*controls secondary dropdown position */
}

#nav li ul a{ /* controls alignment and font for dropdown */
line-height:200%;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#B4CCCF;
color:#FFFFFF;
padding:0 0 0 10px;
width:17em;
height:auto;
float:left;
}

#nav li ul a:hover{
background-color:#F0F0F0;
color:#333;
}


#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:203px; /* controls tertiary dropdown position*/
margin:0px 0 0 10px;
}

*html #nav li ul ul {
left:194px; /* IE patch - controls tertiary dropdown position*/
margin:0px 0 0 10px;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}




/*	
****************************************************************************
Controls Slide Show
****************************************************************************
*/

#slideshow {
    position:relative;
    height:290px;
	width:699px;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:25px;
	z-index:1;
	
}


#slideshow .Captions {
	position:absolute;
	display:block;
	height:212px;
	width:188px;
	margin-top:20px;
	left:498px;
	top:20px;
}


.CaptionsHeader {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:130%;
color:#008CD6;
font-weight:bold;
padding-bottom:15px;
}

.CaptionsBody {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:110%;
color:#666;
}

#slideshow a {
color:#999;
}

#slideshow a:hover {
color:#333;
}

/*#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 290px;
	width:699px;
    background-color: #FFF;
	padding-left:26px;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 290px;
	width:699px;
    display: block;
    border: 0;
    margin-bottom: 0px;
}

.SlideShowBottom {
padding-left:26px;
padding-bottom:30px;
}
*/

/*	
****************************************************************************
Left Nav
****************************************************************************
*/

.LeftNav {
	margin-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:20px;
	
}

#LeftNav ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#LeftNav li { margin: 0px; 0px; 0px; 0px; }

#LeftNav a
{
display: block;
color: #4E352C;
background-color: #F0F0F0;
width: 180px;
padding:3px;
padding-left:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration: none;
}

#LeftNav a:hover
{
background-color: #none;
color: #CCC;
}

/*	
****************************************************************************
This Controls the Hover
****************************************************************************
*/

.thumbnail{
position: relative;
z-index: 0;
font-family:Arial, Helvetica, sans-serif;
color:#993300;
font-size:12px;
text-decoration:none;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #66CC00;
padding: 10px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: #333;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 20px;
left: 60px; /*position where enlarged image should offset horizontally */

}





A {text-decoration: none;}
A:link	{color	: #6BCADA;}
A:hover {color	: #666666;}
A:vlink	{color	: #6BCADA;}
A:visited {color	: #6BCADA;}

ul 
{ 
	
	list-style-type: none; 
	
}

li 
{ 
	
	text-align:left;
	list-style-type: none; 
	
	
}





.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
width:200px;
background-color: #9ECA43;
padding: 12px;
left: -1000px;
border: 1px solid #F0F0F0;
visibility: hidden;
color: black;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333;
line-height:130%;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100;
left: 180px; /*position where enlarged image should offset horizontally */

}