@charset "utf-8";
/* CSS Document */

html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

html, body
{
	font-family: Arial, Helvetica, sans-serif;
	background: #525252;
}

body
{
	font-size: 12px;
}

.clear
{
	clear: both;
	font-size: 0;
	height: 0;
}

.center
{
	text-align: center;
	margin: 0 auto;
}

a
{
	color: #000000;
}


/*************************************************** Typography ***************************************************/

h1, h2, h3, h4, h5
{
	color: #000000;
	padding-top: 8px;
	padding-bottom: 6px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

h1
{
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;	
	padding-left: 200px;
}

h2
{
	font-size: 20px;
	font-weight: bold;
	color: #990000;
	padding-top: 20px;
}

h3
{
	font-size: 16px;
	padding-top: 10px;
	padding-left: inherit;
	font-weight: bold;
}

h4
{
	font-size: 16px;
	color: #990000;
	text-transform: uppercase;
	text-align: left;
}

h5
{
	font-size: 14px;
	font-weight: bold;
}

h6
{
	font-size: 14px;
	font-weight: bold;
}

p
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 6px;
	padding-bottom: 14px;
	line-height: 1.6;
}

/*************************************************** Layout Divs ***************************************************/

#main-wrapper
{
	width: 870px;
	margin: 15px auto 0 auto;
	background-color: #ffffff;
	padding: 3px;
}

#header
{
	width: 810px;
	height: 35px;
	padding:20px 20px 20px 40px;
	background:url(../images/logo2.jpg) no-repeat left #999999;
}

#header a
{
color:#fff;
text-decoration:none;
font-size:24px;
}



#content-wrapper
{
	width: 856px;
	background-color: #ffffff;
	margin: 2px;
	padding: 5px;
}

#footer
{
	width: 870px;
	margin: 0 auto;
	margin-top: 0px;
	height: 35px;
	line-height: 35px;
}

/******************************************************* Header Styles *******************************************************/

#header img.logo
{
	float: right;
}



#content-wrapper ul
{
	padding: 5px 10px 10px 30px;
	color: #000;
	font-style: normal;
}

#content-wrapper ul li
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	list-style: inherit;
	font-weight: normal;
}

#content-wrapper img.float-left
{
	float: left;
	margin: 0px 30px 0px 0px;
	display: inline;
}

#content-wrapper img.float-right
{
	float: right;
	margin: 0px 0px 0px 10px;
	display: inline;
}

#home #content-wrapper p
{
	padding-right: 30px;
}

#content-wrapper h1.content-title
{
	color: #242424;
	width: 600px;
	padding-bottom: 4px;
	margin-bottom: 16px;
	border-bottom: 1px solid #6d6d6d;
}

#content-wrapper #content
{
	width: 600px;
	margin-left: 37px;
}

#content-wrapper #content .address-details
{
	width: 160px;
	float: left;
}

#content-wrapper .product-ind
{
	width: 120px;
	line-height: 1.5em;
	float: left;
	margin: 0px 20px 20px 0;
}

#content-wrapper .product-ind-last
{
	margin:0px 0px 20px 0px;
	width: 120px;
	line-height: 1.5em;
	float: left;
}

/************************************************ Feature Box Divs ************************************************/

#feature-box
{
	background-color: #ffffff;
	text-align: left;
	width: 856px;
	margin: 2px;
	padding: 5px;
	border-bottom: 20px solid #990000;
}

#feature-box h1
{
	margin: 0;
	padding: 10px 0 14px 0;
	position: relative;
}

#feature-box .product 
{
	margin: 0 20px 20px 0;
	width: 120px;
	line-height: 1.5em;
	float: left;
}

#feature-box .product2
{
	width: 400px;
	line-height: 1.5em;
	float: left;
	margin: 0px 20px 0px 0px;
}

#feature-box .product-last 
{
	margin: 0 20px 20px 0;
	width: 120px;
	line-height: 1.5em;
	float: left;
}

#feature-box .product img.product-image 
{
	margin: 0 0 4px 0;
	border: 1px solid #718991;
}

#feature-box .product img.view-product 
{
	margin: 6px 0 15px 0;
}

#feature-box .product-last img.product-image 
{
	margin: 0 0 4px 0;
	border: 1px solid #718991;
}

#feature-box .product-last img.view-product 
{
	margin: 6px 0 10px 0;
}



/*************************************************** Footer Styles ***************************************************/

#footer p
{
	text-align: right;
	color: #fff;
	font-size: 11px;
	height: 24px;
	line-height: 24px;
}

#footer p a
{
	color: #fff;
}

/*******************************Menu*****************************************************************/
#backgroundHolder {width:870px; height:30px; background:url(../images/indpage/nav-bg.gif) repeat-x; margin:2px auto;}
/* ----------------------------------------------------------------------------	*/
/* default styling */
.nav,
.nav ul{list-style-type:none; margin:0; padding:0;}
.nav a {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.nav {font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; width:850px; margin:0 auto;}
 
/* style the links */
/* needs a background for IE6 - can be a color or a transparent gif */
.nav a {background:url(../images/indpage/trans-bg.gif) repeat;} 
.nav .subdrop a {background:#3f3f41;}
 
/* style the <b> element so that is does not affect the size of the link */
.nav a b {border:1px solid #000; border-color:#ddd #333 #333 #ddd; color:#fff; font-weight:normal; display:block; padding:6px 10px;}
.nav a:hover b {color:#b8c9dc; cursor:pointer;}
.nav .fly .main b {background: url(../images/indpage/over.gif) no-repeat right center #3f3f41; width: 130px;}
.nav .subdrop b {background: #3f3f41; width: 130px;}
.nav .down b {background:url(../images/indpage/down.gif) no-repeat right center;}
.nav .right ul b {text-align:right;}
.nav .right ul .main b {background:#3f3f41; text-align:right;}

 
/* HEIGHT */
.nav ul ul {top:-24px;} /* position the top of the flyout sub menus */
 
/* WIDTH change this WITH CARE to suit your requirements */
 
/*set the link width here*/
.nav .drop,
.nav a {width:100px;}
.nav ul li {max-width:100px;} /* fix for IE8 */
 
/* set the left flyout position here */
.nav ul ul {left:90px;}
/* set the right flyout position here */
.nav li.right ul ul {left:auto; right:90px;}
 
/* make this WIDTH - 1px */ /* or WIDTH - 0.063em if using em sizing */
.nav a {margin-right:-99px;}
 
/* ----------------------------------------------------------------------------	*/
 
/* DO NOT CHANGE ANYTHING BELOW */
.nav li {float:left;} /* fixes IE related bugs, and allows for clearing */
.nav ul {float:left; position:relative; z-index:20;} /* necessary for float drop and to stack the <ul>s */
.nav ul li {clear:left;} /* must clear the floated list item inside sublist */
.nav a {position:relative; display:block;} /* needs to have a position above the rest */
.nav a.main {float:left; /* necessary for float drop */
    margin-top:10000px;} /* bring the top level links back into view */
.nav .drop,
.nav .fly {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */
.nav ul {margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */
 
/* The bit that does ALL the work to bring the sub menus into view */
.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0; z-index:10; outline:0}
 
.nav a:focus b,
.nav a:active b {
	color:#990000;
	background-color: #b8c9dc;
} /* for tabbing */
 
/* OPERA fix */
.nav ul:hover,
.nav ul ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */
 
/* ----------------------------------------------------------------------------	*/