* { font-family: Verdana, Arial, Helvetica, sans-serif; }

body, form, div, h1, h2, h3, h4, h5, h6, ul, ol, li, p, img { margin: 0; padding: 0; }

/***** Body and main container *****/

body {
margin:0 auto;
padding:0;
font:8pt Verdana,Tahoma,Arial,sans-serif;
background-color:#ffffff;
color:#404040;
}

#headerbar {
margin:0 auto;
width:781px;
height:122px;
background:#ffffff url(../img/header.jpg) top center no-repeat;
z-index:10;
}

#extend {
margin:0 auto;
width:781px;
height:600px;
background:#ffffff url(../img/repeat.jpg) top center repeat-y;
z-index:1;
}

#bottom {
margin:0 auto;
width:781px;
height:600px;
background:transparent url(../img/footer.jpg) bottom center no-repeat;
z-index:2;
}


/***** Various tags *****/

a {
color:#1D5819;
background-color:transparent;
text-decoration:none;
font-weight:bold;
}

a:hover {
text-decoration:underline;
}

a img {
border:0;
}

p {
margin:0 0 1.4em 0;
}

h1, h2, h3, h4  {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1em;
}


h1 {
	font-size: 20px;
	padding: 0 0 5px 0;
	color:#184216;
}

h2 {
	font-size: 16px;
	padding: 0 0 5px 0;
	color:white;
}

h3 {
	font-size: 20px;
	text-align:right;
}

h4 {
	color: #660000;
	font-size: 16px;
	margin: 20px 0 20px 0;
	display: inline;	
}

em {
color:#184216;
font-style: normal;
}

.inline {
display:inline;
}

.lowlight {
color:#82A981;
}


/***** Footer *****/

#footer {
font:12px Verdana,Tahoma,Arial,sans-serif;
clear:both;
margin:0 auto;
padding:5px 0;
width:760px;
text-align:center;
color:#1D5819;
background:#ffffff;
}

#footer p {
margin:0;
padding:0;
}

#footer a {
color:#1D5819;
background-color:transparent;
text-decoration:none;
font-weight:bold;
}

#footer a:hover {
text-decoration:underline;
}

#footer p.link, #footer p.link a  {
margin-top: 5px;
font:10px Verdana,Tahoma,Arial,sans-serif;
color:#747474 !important;
}

/***** Various classes *****/


.left {
margin:3px 10px 2px 0;
float:left;
}

.right {
margin:0 10px 0 0 ;
float:right;
}

.clear {
display: block;
height:1px;
overflow:hidden;
}

.textright {
text-align:right;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.bold {
font-weight:bold;
}

.em {
font-weight:bold;
color: #B52121;
}


.clearing {
clear:left;
padding:0;
margin:0;
visibility:hidden;
}

.hide {
display:none;
}


#range {
text-align:left;
margin:0 0 5px;
padding:0;
float: left;
}

.mainProduct {
}

.mainProduct img {
border: none;
padding: 10px 0;
height: 250px;
float:left;
}

.productImage {
cursor:pointer;
width: 80px;
line-height:70px;
}


.productImage img {
vertical-align:middle;
}

.productContainerSm {
text-align:center;
width: 90px;
float: left;
height: 155px;
overflow:hidden;
padding: 5px 3px 0;
}

.productContainerMd {
text-align:center;
width: 105px;
float: left;
height: 215px;
overflow:hidden;
padding: 5px 3px 0;
}


.productContainer a:link, .productContainer a:hover, .productContainer a:visited {
}


#awards { margin: 15px 0px 10px 0px; }
#awards table { border-collapse: collapse; width: 100%; border: solid 1px #6D7B89; color: #6D7B89; font-weight: bold; margin: 0; }
#awards table th { text-align: left; border: solid 1px #6D7B89; color: #FFFFFF; background-color: #6D7B89; font-size: 11px; padding: 5px 10px; }
#awards table th { text-align: left; border: solid 1px #023A49; color: #FFFFFF; background-color: #023A49; font-size: 11px; padding: 5px 10px; }
#awards table td { border: solid 1px #023A49; color: #023A49; font-size: 11px; padding: 5px 10px; }

.green { 
background-color: #617337; 
color: #FFFFFF; 
padding: 5px 10px; 
font-size: 11px;
margin-bottom: 10px;
clear:both;
}


div.container {
border:0px solid red;
width:540px;
height:180px;
overflow:hidden;
}

 dl.gallery
{
text-align: center;
padding-top: 5px;
margin:0px;
float: left;
margin-right: 1em;

}

.gallery dt { 
font-weight: bold; 
width:80px;
overflow:hidden;
}

.gallery dt img
{
}

.gallery dd
{
margin: 0;
padding: 0;
width:95px;
}





input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}



button {
	margin: 1em;
	font-weight:bold;
	background-color:#fed;
	border:1px solid #7E9702;
	padding: 5px;
}


/* Rounded Corner */
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#D0E0F5;}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #BDD3F2;
  border-right:1px solid #BDD3F2;
  background:#BDD3F2;}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #BDD3F2;
  border-right:1px solid #BDD3F2;
  background:#BDD3F2;}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #BDD3F2;
  border-right:1px solid #BDD3F2;}
.spiffy4{
  border-left:1px solid #BDD3F2;
  border-right:1px solid #BDD3F2;}
.spiffy5{
  border-left:1px solid #BDD3F2;
  border-right:1px solid #BDD3F2;}
.spiffyfg{
  background:#D0E0F5;
	padding: 0 5px 0 5px;
	}


/* Rounded Tabs */
#glowingtabs, #glowingtabs2 {
float:left;
width:450px;
font-size:14px;
line-height:normal;
padding-left:300px;
padding-top:51px;
}

#glowingtabs2 {
top:164px;
right:130px;
width:450px;
}

#glowingtabs ul, #glowingtabs2 ul{
float:left;
list-style-type: none;
margin:0 auto;
margin-left: 0px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

#glowingtabs li, #glowingtabs2 li{
display:inline;
margin:0;
padding:0;
}

#glowingtabs a, #glowingtabs2 a{
height:35px;
float:left;
background:url(../img/topleft.gif) no-repeat left top;
margin:0;
margin-right: 0px; /*spacing between each tab*/
padding:0 0 0 20px;
text-decoration:none;
}

#glowingtabs2 a {
background:url(../img/plainleft.jpg) no-repeat left top;
}

#glowingtabs a span, #glowingtabs2 a span{
float:left;
display:block;
background:url(../img/topright.gif) no-repeat right top;
padding: 4px 20px 2px 3px;
font-weight:bold;
color:#8B8B8A;
line-height:29px;
}

#glowingtabs2 a span{
background:url(../img/plainright.jpg) no-repeat right top;
color:white;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span, #glowingtabs2 a span {float:none;}
/* End IE5-Mac hack */

#glowingtabs #current span, #glowingtabs a:hover span, #glowingtabs2 #current span, #glowingtabs2 a:hover span {
color: white;
}

#glowingtabs #current, #glowingtabs a:hover, #glowingtabs2 #current, #glowingtabs2 a:hover{ /*onMouseover style*/
background-position:0% -34px; /*Shift background image up to start of 2nd tab image*/
border-bottom: 1px solid #84AEE6; /*Add border strip to bottom of menu*/
}

#glowingtabs2 #current, #glowingtabs2 a:hover{ /*onMouseover style*/
border-bottom: 0px; /*Add border strip to bottom of menu*/
}

#glowingtabs #current span, #glowingtabs a:hover span, #glowingtabs2 #current span, #glowingtabs2 a:hover span{ /*onMouseover style*/
background-position:100% -34px; /*Shift background image up to start of 2nd tab image*/
}


<!--[if IE]>
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
<![endif]-->


/* Tabs */
#tabs {
float:left;
font-size:14px;
line-height:normal;
}

#tabs ul {
float:left;
list-style-type: none;
margin:0;
margin-left: 0px; /*Left offset of entire tab menu relative to page*/
padding:0;
padding-left:10px;
width:130px;
}

#tabs li {
display:inline;
margin:0;
padding:0;
width:100px;
}

#tabs a {
height:38px;
width:142px;
display:block;
background:url(../img/button.jpg) no-repeat left top;
margin:0;
margin-right: 0px; /*spacing between each tab*/
padding:0 0 0 10px;
text-decoration:none;
}

#tabs a span {
float:left;
padding: 4px 20px 2px 3px;
font-weight:bold;
color:#184216;
line-height:29px;
cursor:pointer;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span, #glowingtabs2 a span {float:none;}
/* End IE5-Mac hack */

#tabs #current span, #tabs a:hover span {
color: #184216;
}

#tabs #current, #tabs a:hover{ /*onMouseover style*/
background-position:0% -37px; /*Shift background image up to start of 2nd tab image*/
}

#tabs #current span, #tabs a:hover span { /*onMouseover style*/
background-position:100% -37px; /*Shift background image up to start of 2nd tab image*/
}




table tr th { 
color:#184216; 
text-align:left;
}