/* CSS Document */

body {
	width: 800px;
	margin: 0 auto;
	text-align: center; /* ie hack */
	padding: 0;
	background: #333333;
}

div.content {
	width: 800px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: #ffffff;
}


div.header {
	position: relative;
	top: 0;
	left: 0;
	width: 800px;
	height: 94px;
	margin: 0;
	padding: 0;
}

div.subnav {  /*---used on all product pages-------*/
	position: absolute;
	top: 0;
	left: 850px;
	width: 100px;
	text-align: right;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size: 10px;
	line-height: 13px;
	background: transparent;
	color: #ffffff;
	margin: 0;
	padding: 0;
	z-index: 1000;
}

.blogbtn {
	position: relative;
	top: -25px;
	left: 685px;
	width: 110px;
	height: 25px;
	z-index: 600;
}

/*--------------START Upper Subnav CSS----------------------------------------------------*/

#subnavUpper ul{
}

#subnavUpper li {
	list-style: none;
	line-height: 18px;
}

#subnavUpper a {color: #ffffff;}
#subnavUpper a:hover {color: #a3a4a5;}


/*--------------END Upper Subnav CSS------------------------------------------------------*/


div.nav {
	position: relative;
	top: 0;
	left: 0;
	width: 800px;
	height: 21px;
	background: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
}

/* ----------------------------------------------------------------------------------------*/
/* -----Main Nav Bar---Sprite Rollovers-----thanks to Dave Shea's article at A List Apart --
   ----------------------------http://alistapart.com/articles/sprites/ ---------------------*/
#navi {
	position: relative;
	width: 780px;
	height: 25px;
	background: #000000;
	margin: 0; 
	padding: 0 0 0 20px;
	z-index: 100;
}

#navi li {
	margin: 7px 0 0 0;
	height: 18px;
	padding: 0 10px;
	float: left;
	list-style: none;
	position: relative;
}

#navi li, #navi li a {
	height: 18px;
	display: block;
}

#navi li a {padding: 0 10px;}

#navi li a:hover {
	background: #a3a4a5;
	margin-top: -7px; 
	height: 18px;
	color: #000000;
	padding-top: 7px; 
}

#navi li.blog {left: 30px; margin: 0; padding: 0; background-color: #000000;}

#navi li.blog a:hover {background-color: transparent; padding: 7px 0 0 10px;}
/* --------------------end of Main Nav Bar-------------------------------------------------*/
/* ----------------------------------------------------------------------------------------*/



/* ----------------------------------------------------------------------------------------*/
/* -------------------start of Sub Menu CSS------------------------------------------------*/

ul#subnav { 
    position: absolute;
	top: 18px;
	left: 0;
	width: 150px;
    display: none;
	background-color: #000000;
	border-top: 1px solid #ffffff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0 10px;
}


/* ---------formatting for list items in hidden submenu--a drop down menu------------------*/
ul#subnav li { 
	position: relative;
	top: 0;
	left: 0;
	width: 150px;
	background: #000000;
	border: 1px solid #ffffff;
	border-top: none;
	margin: 0;
	padding: 0;
}
	
		
/* ----------formatting on a href list items-----------------------------------------------*/
ul#subnav li a:hover{ 
	text-decoration: none;
	color: #000000;
	background: #a3a4a5;
	margin: 0;
}


	
/* ----------Fix IE. Hide from IE Mac----- */
* html #navi ul ul#subnav li { height: 1%; float: right; }
* html #navi ul ul#subnav li a { height: 1%; }
/* End */



/*---------------displays hidden submenu on mouseover-------------------------------------*/
#navi li:hover ul, #navi li.over ul { 
		display: block;
		}


/*---------------settings for tertiary sub-menu-------------------------------------*/

#navi li:hover ul li ul, #navi li.over ul li ul { 
		display: none;
		}	
		
#navi li ul li ul {
	border-top: solid 1pt #ffffff;
}

#navi li ul li:hover ul, #navi li ul li.over ul {
	position: absolute;
	top: 5px;
	left: 108px;
	width: 110px;
	display: block;
}




/* -------------------end of Sub Menu CSS--------------------------------------------------*/
/* ----------------------------------------------------------------------------------------*/


div.main {
	position: relative;
	top: 0;
	left: 0;
	width: 760px;
	min-height: 310px; !important
	height: 500px;
	margin: 0;
	padding: 40px 40px 10px 40px;
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 17px;
	background: transparent url(../images/bkgd_lite.jpg) no-repeat;
}

#prod div.main {padding-right: 0;} /* --- for product pages to remove white space on right in IE 6 ---*/


div.prodleftcol {
	position: relative;
	left: 0;
	top: 10px;
	width: 330px;
	float: left;
	padding: 0;
	margin: 0;
	
}

div.prodrightcol {
	position: relative;
	left: 0;
	top: 10px;
	float: left;
	width: 350px;
	padding: 0;
	margin: 0;
}

div.subnavLwr { /*---on non-product pages only---*/
	position: relative;
	top: 0;
	left: 0;
	width: 800px;
	height: 21px;
	background: #a3a4a5;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 9px;
	color: #000000;
	text-align: right;	
	margin: 0;
	padding: 0;
}


/*----------------------------------------------------------------*/
/*-----------Start of lower subnav CSS----------------------------*/

#lowerNav {
	position: relative;
	width: 800px;
	top: 0px;
	height: 21px;
	margin: 0; 
	padding: 0;
	z-index: 100;
}

#lowerNav ul {
	margin: 0;
}

#lowerNav li {
	margin: 7px 10px 0 0;
	padding: 0;
	float: right;
	list-style: none;
	position: relative;
	top: 0px;
}

#lowerNav li, #lowerNav li a {
	height: 14px;
	display: block;
}

#lowerNav li a {padding: 0 10px;}

#lowerNav li a:hover {
	background: #000000;
	margin-top: -7px; 
	height: 14px;
	color: #ffffff;
	padding-top: 7px;
	z-index: 300;
}

/* ----------------------------------------------------------------------------------------*/
/* -------------------start of Sub Menu CSS------------------------------------------------*/

ul#subnav2 { 
    position: absolute;
	top: 14px;
	left: -10px;
	width: 130px;
    display: none;
	background-color: #a3a4a5;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	padding: 0;
	margin: 0 10px;
}


/* ---------formatting for list items in hidden submenu--a drop down menu------------------*/
ul#subnav2 li { 
	position: relative;
	top: 0;
	left: 0;
	width: 130px;
	background: #a3a4a5;
	border: 1px solid #ffffff;
	margin: 0;
	padding: 7px 0 0 0;
}
	
		
/* ----------formatting on a href list items-----------------------------------------------*/
ul#subnav2 li a:hover{ 
	text-decoration: none;
	color: #a3a4a5;
	background: #000000;
	margin: -7px 0 0 0;
}


	
/* ----------Fix IE. Hide from IE Mac----- */
* html #lowerNav ul ul#subnav2 li { height: 1%; float: right; }
* html #lowerNav ul ul#subnav2 li a { height: 1%; }
/* End */



/*---------------displays hidden submenu on mouseover-------------------------------------*/
#lowerNav li:hover ul, #lowerNav li.over ul { 
		display: block;
		}


/*---------------settings for tertiary sub-menu-------------------------------------*/

#lowerNav li:hover ul li ul, #lowerNav li.over ul li ul { 
		display: none;
		}	
		
#lowerNav li ul li ul {
	border-top: solid 1pt #ffffff;
}

#lowerNav li ul li:hover ul, #lowerNav li ul li.over ul {
	position: absolute;
	top: 5px;
	left: 108px;
	width: 110px;
	display: block;
}


/* -------------------end of Sub Menu CSS--------------------------------------------------*/
/* ----------------------------------------------------------------------------------------*/


/*-----------End of lower subnav----------------------------------*/
/*----------------------------------------------------------------*/



div.lowercontentL {
	position: relative;
	top: 15px;
	left: 40px;
	width: 400px;
	height: 175px;
	font-family: Helvetica, Arial, sans-serif;
/*	font-weight: bold; */
	font-size: 11px;
	color: #000000;
	float: left;
	z-index: 0;
}	

div.lowercontentR {
	position: relative;
	top: 15px;
	left: 47px;
	margin: 0;
	padding: 5px;
	width: 330px;
	height: 135px;
	background-color: #cccccc;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000000;	
	float: left;
	z-index: 0;
}

div.footer {
	position: relative;
	top: 0;
	left: 0;
	width: 800px;
	margin: 0;
	padding: 0;
	clear: both;
	font-size: 9px;
	color: #ffffff;
	background: #333333;
	z-index: 0;
}

div.footer p {margin-left: 30px;}
div.footer a, div.footer a:hover {text-transform: none; color: #ffffff;}
div.footer a:hover {color: #a3a4a5;}


a:hover, div.nav a:hover { color: #64763e;}

div.nav a {color: #ffffff;}

div.lowercontentL img {
	padding: 0 15px 0 0; 
	border: none; 
	border-right: solid 1pt #64763e;
	margin-right: 12px;
} 
div.lowercontentR img {margin: 5px; margin-right: 10px; border: solid 1pt #000000;}
div.lowercontentL li {margin-bottom: 3px;}
div.lowercontentL ul {list-style: none;}

div.main p {margin-right: 30px;}
div.main ul {margin-left: 20px;}
div.main img {border: solid 1pt #64763e;}
div.button img {border: none; margin: 0; padding: 0;}

div.main a, div.main a:hover {text-decoration: underline; color: #64763e;}
div.main a:hover {color: #000000;}