BODY {

		

	background: #6d5941 url('../background/bkgrd-def2.jpg') no-repeat fixed top center;

	font-family: verdana,arial,helvetica,swiss,sans-serif;

	font-style: normal;
	
	font-size: 8pt;

	scrollbar-face-color: #DCB87C;

	scrollbar-highlight-color: #FFFFFF;

	scrollbar-3dlight-color: #F5DCBE;

	scrollbar-darkshadow-color: #643C0A;

	scrollbar-shadow-color: #C8963C;

	scrollbar-arrow-color: #004000;

	scrollbar-track-color: #C8963C

	}



	H2 { color: #990000; font-size: 16pt }

	H4 { color: #004000; font-size: 10pt; font-weight: bold}

	p { color: #004000; font-size: 8pt }

	H4 i { color: #990000; font-size: 10pt; font-weight: bold;}

	hr {color: #336600; size: 1px }

H6 { color: #990000; font-size: 12pt; font-weight: bold; line-height: 100%}

H1 { color: #990000; font-size: 14pt; font-weight: bold;}

span.tenpt
{
font-size: 10pt; color:#004000
}


span.tenbd
{
font-size: 10pt; font-weight: bold; color:#004000;
}


span.prodtype
{
color: #990000; font-size: 12pt; font-weight: bold;
}


div.accprice
{
color: #990000; font-size: 10pt; font-weight: bold; text-align: right;
}


span.kitprice
{
color: #990000; font-size: 10pt; font-weight: bold; text-align: right
}

div.acctitle
{
color: #004000; font-size: 10pt; font-weight: bold; text-align: left;
}


div.tbltxt
{
color: #004000; font-size: 8pt; text-align: left;
} 

div.acclink
{
color #804000; font size: 6pt; font-weight: bold:
}

a.tenb { font-size: 10pt; font-weight: bold; color:#004000}


span.footerhead
{
color: #006600; font-size: 16pt; font-weight: bold;
}

	a { font-size: 8pt; font-weight: bold; text-decoration: none }

	a:link { color: #006600 }

	a:visited { color: #804000 }

	a:link:hover { color: #CC0000 ; text-decoration: underline}
	
	a:active { color: #00FF00 }

	a:focus { outline: #FFFFFF }





#lightbox{

	position: absolute;

	left: 0;

	width: 100%;

	z-index: 1100;

	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: url('../acc/images/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('../acc/app/images/prevlabel.gif') no-repeat left 15%; }

#nextLink:hover, #nextLink:visited:hover { background: url('../acc/app/images/nextlabel.gif') no-repeat right 15%; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	}



#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;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1100;

	width: 100%;

	height: 100%;

	background-color: #000;

	}

	



/* Min-Width */

.lbWidth { /* most browsers */

	position: absolute;

	top: 0px; left: 0px;

	width: 100%;

	min-width: 790px;

	}



* html .lbContent { /* IE6 */

	margin-left: -790px;

	position:relative;

	}



* html .lbMinWidth { /* IE6 */

	padding-left: 790px;

	}

* html body {
margin:0;
}
	

	

/* Clearfix */	

.clearfix:after {

content: ".";

display: block;

height: 0;

clear: both;

visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */


/* DHTML popup */


.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #CA0000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}