/* CSS Document */

.skiplink {display:none}

.product{
border: 1px solid #465B21; 
margin-bottom: 10px;
margin-right: 10px;
float: left;		
}

.productLeft{
border: 1px solid #465B21; 
margin-bottom: 10px;
margin-right: 10px;
float: right;		
}

#top
{
background:  url(images/green_horizontal_line.gif) repeat;

}

#bottom
{
background:  url(images/green_horizontal_line_flip.gif) repeat;

}

#leftCol
{
background:  url(images/green_vertical_line.gif) repeat;

}

#rightCol
{
background:  url(images/green_vertical_line_flipped.gif) repeat;

}

#topLeft
{
background:  url(images/green_corner.gif) no-repeat;
}

#topRight
{
background:  url(images/green_top_right.gif) no-repeat;

}

#botLeft
{
background:  url(images/green_bot_left.gif) no-repeat;

}

#botRight
{
background:  url(images/green_bot_right.gif) no-repeat;

}

.leftVertical
{
background:  url(images/green_vertical_line.gif) repeat;

}

.rightVertical
{
background:  url(images/green_vertical_line_flipped.gif) repeat;

}

#navcontainer
{
width: 11em; }

#navlist
{
padding: 0px;
margin-left: 0;
font: 12px Franklin Gothic Book,verdana,sans-serif;
width: 9.5em;
color: #808285; 
margin-top: 9px;
}

#navlist li
{
list-style: none;
margin: 0px;
border-left: 0px #465B21 solid;
border-bottom: 0px #465B21 solid;
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.4em 0.4em 0.1em 0.2em;
text-decoration: none;
}

#navlist li a:link { color: #666666; 
					border-left: 3px #FFF solid;
					}
#navlist li a:visited { color: #666666; 
					border-left: 3px #FFF solid;
					}
#navlist li a:hover
{
font-weight:normal;
color: #E6E6E6;
background: #708B3F;
border-left: 3px #FFFFFF solid;
}

.top_line_break {
margin-top: 14px
}

.top_line_break_flag {
margin-top: 21px
}



html,body{
    min-height:101%;
	margin-top:0px;
	padding:10px;
	background-color: #465B21;
}

/* body { font: 12px Franklin Gothic Book,verdana,sans-serif } */
body { font: 12px Verdana, Arial, Helvetica, sans-serif; color:#000000; }
p{margin:0 10px 10px}

a:link{color: #006400; text-decoration:none; font-weight:normal}
a:visited{color: #006400; text-decoration:none; font-weight:normal}
a:hover{color: #666666; text-decoration:underline; font-weight:normal}

div#header h1{
	height:60px;
	line-height:0px;
	padding-left:0px;
	color: #000000;
	background-color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
}
div#content p{line-height:1.4}
div#navigation{background:#FFF}
div#extra{background:#FFF}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#copy{color: #CCCCCC;}
div#copy a:link{color: #CCCCCC; text-decoration:none; font-weight:normal}
div#copy a:visited{color: #CCCCCC; text-decoration:none; font-weight:normal}
div#copy a:hover{color: #CCCCCC; text-decoration:underline; font-weight:normal}

div#wrapper{float:right;width:100%;margin-left:-150px}
div#content{
	margin-left:195px;
	width: 75%;
}
div#navigation{float:left;width:150px}
div#extra{float:left;clear:left;width:150px}

.header {
	font-family: URWImperialT,verdana,sans-serif;
	font-size: 15px;
	color: #465B21;
}

body#flagstone a#navflagstone,
body#about a#navabout{
color: #E6E6E6;
background: #708B3F;
}

hr {
border: 0;
color: #9E9E9E;
background-color: #9E9E9E;
height: 1px;
width: 100%;
text-align: left;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #3E3E3E;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #3E3E3E;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 3px;
left: -1000px;
border: 1px solid #3E3E3E;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 280px;
left: 430px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 5px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 12px verdana;
letter-spacing: 3x;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}