body	{
margin-top: 30px;}

#left_bkgd {
background-image: url(../images/left_side.jpg);
background-repeat: repeat-y;
width: 118px;
height: auto;}

#right_bkgd {
background-image: url(../images/right_side.jpg);
background-repeat: repeat-y;
width: 89px;
height: auto;}

.btm_bkgd {
background-image: url(../images/mid_btm.jpg);
background-repeat: no-repeat}

.pad {padding-top: 12px; vertical-align: top} /* This controls where the vertical nav line is from the top */
.pad2 {padding-top: 12px;  vertical-align: top}  /* This controls where the right nav itself is from the top */


/* MAIN CONTENT AREA */

#main_index {
width: 699px;
}

#index_content {
width: 650px;
height: 400px;
margin: 10px 20px 10px 20px;
text-align: center;
background-color: #555;
font-family: Verdana;
font-size: 12px;
color: #fff;
}

#main_info {
width: 699px;
height: auto;}

#info_content {
width: 480px;
/*height: 400px;*/
margin: 10px 20px 10px 20px;
text-align: center;
/*background-color: #555;*/
font-family: Verdana;
font-size: 12px;
color: #fff;}

#product_content {
width: 480px;
height: auto;
margin: 10px 20px 10px 20px;
text-align: center;
font-family: Verdana;
font-size: 12px;
color: #fff;}

.pxdesc{
font-family: Verdana;
font-size: 10px;
color: #555;
width: 450px}

.tempics {border: 1px solid #aeaeae;}


/* TEXT ATTRIBUTES */

.txt_hdr_1 {
 font-family: Verdana;
font-size: 12px;
padding-left:30px;
padding-top:20px;
color: #7896bc;
text-align: left;}

.txt_hdr_2 {
 font-family: Verdana;
font-size: 12px;
padding-left:30px;
padding-top:20px;
color: #b06b3b;
text-align: left;}

#desc_txt {
padding: 5px 10px 20px 30px;}

table,
#desc_txt p,
#desc_txt{
font-family: Verdana;
font-size: 10px;
color: #555555;
text-align: left;} 

#desc_txt table {width: 100%;}
#desc_txt table td {padding: 5px;}

#desc_txt a:link{
color: #7896bc;
text-decoration: underline;}


/* Product List description area */
.product {
font-family: Verdana;
font-size: 10px;
color: #555555;
text-align: left;
list-style: none;
line-height: 16px}

.prod_b {
font-family: Verdana;
font-size: 10px;
color: #86424b;}




/* FLYOUT MENU CSS */

#nav {
width: 150px;
height: auto;
font-family: Verdana;
font-size: 10px;
padding-left:5px;
color: #7896bc;}

#dhtmlgoodies_menu {		
font-family: Verdana;
font-size: 10px;
color: #7896bc;
text-align: left;
width: 158px;}

#dhtmlgoodies_menu	li{	/* Main menu <li> */
list-style-type:none;	/* No bullets */
color: #7896bc;
margin:0px;}	/* No margin - needed for Opera */

#dhtmlgoodies_menu ul{	
margin:0px;	/* No <ul> air */
padding:0px;}	/* No <ul> air */

#dhtmlgoodies_menu ul li ul{	/* Styling for those who don't have javascript enabled  - sub menu items*/
padding-left:0px;}

#dhtmlgoodies_menu	li a{	/* Main menu links */
text-decoration:none;	/* No underline */
color:#000;	/* Black text color */
height: 18px;
vertical-align:middle;	/* Align text in the middle */
display:block;}

#dhtmlgoodies_menu	li a:hover, #dhtmlgoodies_menu .activeMainMenuItem {
color:#86424b;}

.dhtmlgoodies_subMenu {
visibility:hidden;
position:absolute;
overflow:hidden;
height:auto;
border:0px solid #000;
background-color:#e4ecf7;
font-family: Verdana !important;
color: #5579a7;
font-size: 11px;
text-align:left;
width: 175px;
margin-left: -10px;
filter:alpha(opacity=95);
-moz-opacity:0.95;
-khtml-opacity: 0.95;
opacity: 0.95;}

.dhtmlgoodies_subMenu ul{
margin:0px;
padding-left:0px;}

.dhtmlgoodies_subMenu ul li{
font-family: Verdana;
color: black;
font-size: 10px;
list-style-type:none;
margin:0px;
padding:3px;}	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/

/* Sub menu items */
.dhtmlgoodies_subMenu ul li a {	
font-family: Verdana !important;
font-size: 10px;
white-space:nowrap;	/* No line break */
text-decoration:none;	/* No underline */
color: #5579a7;	/* Black text color */
height:10px;	/* 16 pixels height */
line-height:14px;	/* 16 pixels height */
padding:1px 0px 5px 5px;	/* 1px of "air" inside */
display:block;}	/* Display as block - you shouldn't change this */

/* Sub menu items - mouse over effects */
.dhtmlgoodies_subMenu ul li a:hover {	
color:#86424b;	/* White text */
background-color:#fff;}	/* Blue background */


/* FOOTER */

.line {
padding-left: 15px;
padding-right: 10px;
color: #555555;}

#copy {
font-family: Verdana;
font-size: 9px;
color: #7896bc;
padding: 10px 0px 0px 0px;
text-align:center;}

#copy a, #copy a:link {
font-size: 9px;
color: #7896bc;
text-decoration: none;}

#copy a:hover {
color: #b06b3b;
text-decoration:none;}

#copy a:visited {
color: #164141;
text-decoration: none;}

.nav_p { 
	margin: 0 !important;
} 

.page_nav { 
	margin: 20px 0; 
	padding-left: 120px; 
} 

.page_info { 
	margin: 20px 0; 
} 

form  {font-size: 12px; text-align: left; font-family: Arial, Helvetica, Sans-Serif;}

/*LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; 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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) 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: 500px; background-color: #000; }
/*END LIGHTBOX */