@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF images/header.jpg repeat-x top center;
	margin: 0px auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px 0px 0px 0px;
	text-align: center;
	background: #FFFFFF url(../images/header.jpg) repeat-x top center;
	font-size: 62.5%;
}

.fl { float: left; }
.fr { float: right; }
.cl { margin: 0px; padding: 0px; clear: both; height: 1px; }

div#container  {
	width: 800px;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
div#header { margin: 0px; height: 100px; padding: 0px 0px 0px 0px; }

/*
div#header ul  { float: right; vertical-align: baseline; width: 600px; margin: 60px 0px 0px 0px; }
div#header li  { float: left; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; padding-left: 12px; color: #333333; font-size: 1em; text-align: right; }

div#header a { color: #333333; text-decoration: none; }
div#header a:hover { text-decoration: underline; }
div#header a.active { color: #FFFFFF; text-decoration: underline; font-weight: bold; }
*/

/* Drop down navigation */

#jsddm
{ margin: 70px 27px 0px 0px; padding: 0; float: right; }

	#jsddm li
	{ float: left; list-style: none; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #333333; }
#jsddm li.divider
	{ float: left; list-style: none; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #333; padding: 5px 2px; }

	#jsddm li a
	{ display: block; text-decoration: none; color: #333333; white-space: nowrap; padding: 5px 12px; }
#jsddm li a.active
	{ display: block; text-decoration: underline; color: #FFF; white-space: nowrap; padding: 5px 12px; }

	#jsddm li a:hover
	{ background-color: #339999; }
		
		#jsddm li ul
		{ margin: 0; padding: 0; position: absolute; visibility: hidden; background-color: #666; }
		
			#jsddm li ul li
			{ float: none; display: inline }
			
			#jsddm li ul li a
			{ width: 91px; color: #FFF; background-color: #A29E8F; border-left: solid #666666 thin; border-right: solid #666666 thin; border-bottom: solid #666666 thin; }
			
			#jsddm li ul li a:hover
			{ background: #339999 }
			
div#flashContent {
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0px;
	min-height: 100px;
}
div#flashContent  h1  {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
}
div#mainContent  {
	padding: 0px 27px 0px 27px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 38px 0px 38px 0px;
	width: 500px;
	border-right: 1px #999999 dotted;
	float: left;
}
div#mainContent h1  {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	font-size: 2.3em;
	color: #339999;
	font-weight: bold;
}
div#mainContent  h2  {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 1.8em;
	color: #666666;
	font-weight: bold;
}
div#mainContent  p  { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #666666; line-height: 1.4em; text-align: justify; margin: 0px 0px 10px 0px; }
div#mainContent   a {
	color: #339999;
	text-decoration: none;
}
div#mainContent    a:hover {
	text-decoration: underline;
}
div#mainImage  {
	padding: 10px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0px 0px 0px 0px;
	width: 245px;
	float: right;
	text-align: right;
}
div#product { padding: 0px 7px 0px 7px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ margin: 75px 0px 38px 0px; width: 786px; float: left; }
div#product   h1  { font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 20px 20px; font-size: 2.3em; color: #339999; font-weight: bold; }
div#product    h2  { font-family: Arial, Helvetica, sans-serif; margin: 20px 0px 20px 20px; font-size: 1.6em; color: #666666; font-weight: bold; }
div#product  p  { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #666666; line-height: 1.4em; text-align: justify; margin: 0px 20px 10px 20px; }
div#product  p.caption  { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #399; line-height: 1.4em; text-align: center; margin: 0px 20px 0px 20px; width: 202px; float: left; clear: left; display: block; padding-bottom: 10px; }
div#product img { border: 2px solid #399; margin: 0px 20px 10px 20px; }
div#manufacturers { padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ margin: 20px 0px 20px 0px; width: 800px; float: left; }
div#manufacturers img{
	float: left;
}
div#forms  { padding: 0px 27px 0px 27px; /* remember that padding is the space inside the div box and margin is the space outside the div box */ margin: 80px 0px 38px 0px; width: 746px; border-right: 1px #999999 dotted; float: left; }
div#forms h1  {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	font-size: 2.3em;
	color: #339999;
	font-weight: bold;
}
div#forms  h2  { font-family: Arial, Helvetica, sans-serif; margin: 15px 0px; font-size: 1.4em; color: #666666; font-weight: bold; }
div#forms  h3  { font-family: Arial, Helvetica, sans-serif; margin: 5px 5px; font-size: 1.2em; color: #399; font-weight: bold; padding: 8px 15px; float: left; width: 300px; display: block; }
div#forms  p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #666666;
	line-height: 1.4em;
	text-align: justify;
	margin: 0px;
}
div#forms   a {
	color: #339999;
	text-decoration: none;
}
div#forms   a:hover { color: #339999; text-decoration: underline; }
div#mininav { padding: 0px; float: right; width: 155px; margin: 5px 0px 0px 0px; text-align: right; }
div#retailersleft {
	padding: 0px 27px 0px 27px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 38px 0px 0px 0px;
	width: 180px;
	float: left;
	height: 60px;
}
div#state {
	padding: 0px 27px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 38px 0px 0px 0px;
	width: 539px;
	float: left;
	height: 60px;
}
div#state    h1  {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 10px 0px;
	font-size: 2em;
	color: #339999;
	font-weight: bold;
}
div#retailers {
	padding: 0px 27px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 38px 0px 38px 0px;
	width: 539px;
	float: left;
}
div#retailers   h1  { font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 10px 0px; font-size: 2em; color: #339999; font-weight: bold; }
div#retailers  a {
	color: #339999;
	text-decoration: none;
}
div#retailers   a:hover {
	text-decoration: underline;
}
div#listings {
	padding: 27px 27px 0px 27px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 5px 0px 38px 0px;
	width: 746px;
	float: left;
	border-top: dotted #000 1px;
}
div#listings ul {
	padding: 0px 8px 0px 8px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 5px 0px 38px 0px;
	width: 232px;
	float: left;
	list-style-type: none;
	border-left: none #000 1px;
	height: 85px;
}
div#listings   li  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #666666;
	line-height: 1.4em;
	text-align: justify;
}
div#listings  a {
	color: #339999;
	text-decoration: none;
}
div#listings     li.name  {
	color: #339999;
	font-weight: bold;
}
div#company    h2  {
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0px 0px 0px;
	font-size: 1.6em;
	color: #666666;
	font-weight: bold;
}

div#company {
	padding: 0px 27px 0px 27px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 75px 0px 38px 0px;
	width: 746px;
	float: left;
}
div#company  h1  {
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px 0px 0px 0px;
	font-size: 2.3em;
	color: #339999;
	font-weight: bold;
}
div#company   h2  {
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px 0px 0px 0px;
	font-size: 1.2em;
	color: #339999;
	font-weight: bold;
}
div#company   h3  {
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 0px 0px 0px;
	font-size: 1.4em;
	color: #666666;
	font-weight: bold;
}
.web     {
	font-family: Arial, Helvetica, sans-serif;
	margin: 30px 0px 0px 0px;
	font-size: 0.7em;
	color: #339999;
	font-weight: bold;
}
div#company   p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #666666;
	line-height: 1.4em;
	text-align: justify;
}

div#company a {
	color: #339999;
	text-decoration: none;
}
div#company  a:hover {
	text-decoration: underline;
}
.inset {
	float: right;
	margin-left: 20px;
}
div#gallery {
	padding: 0px 27px 0px 27px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 75px 0px 38px 0px;
	width: 746px;
	float: left;
}
div#gallery   h1  { font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 20px 0px; font-size: 2.1em; color: #339999; font-weight: bold; }
div#gallery    h2  { font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; font-size: 1.2em; color: #666666; font-weight: bold; }
div#gallery   p  { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #666666; line-height: 1.2em; }
div#gallery  a {
	color: #339999;
	text-decoration: none;
}
div#contact  {
	padding: 0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0px 0px 38px 0px;
	width: 250px;
	float: left;
}
div#contact    h3  {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size: 1.5em;
	color: #666666;
	font-weight: bold;
}
div#contact   p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #666666;
	line-height: 1.4em;
	text-align: justify;
	margin: 0px;
}
div#contact  a {
	color: #339999;
	text-decoration: none;
}
div#contact   a:hover {
	text-decoration: underline;
}
div#footer  {
	border-top: 1px #999999 dotted;
	width: 780px;
	margin: 10px auto;
	text-align: center;
	padding: 10px 10px 0px 10px;
}

div#footer ul {
	display: inline;
	position: fixed;
	text-align: center;
	margin: 0px auto;
	width: 355px;
}
div#footer   h3  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: .9em;
	font-weight: normal;
	margin: 0px;
}
div#footer    a {
	color: #666666;
	text-decoration: none;
}
div#footer    a:hover {
	text-decoration: underline;
}
div#footer      a.active {
	color: #339999;
	text-decoration: underline;
	font-weight: bold;
}
div#footer   p  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666666;
	line-height: 1.4em;
	clear: both;
	margin-top: 10px;
}