body {
	background: #ffdd3f url(images/bg_body.gif) repeat-x center top;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
}
img {
border:0;
}
#cola a{
	color:#648396;
	text-decoration:none;
}
#cola a:hover{
	text-decoration:underline;
}
#cola p, #cola ul li {
	color: #333333;
	font-size: 11px;
	line-height: 16px;
}
#cola ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#cola ul li {
	background: url(images/bullet_arrow.gif) no-repeat left top;
	margin: 0px 0px 4px 10px;
	padding: 0px 0px 0px 13px;
	line-height:14px;
}

#cola p{
	margin-bottom: 16px;
	margin-top: 0px;
}
#cola h1, #cola h2, #cola h3, #cola h4, #cola h5, .newsheaed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #970F00;
	font-weight: normal;
	text-transform: capitalize;
	letter-spacing: -1px;
}
#cola h1 {
	font-size: 24px;
}
#cola h2, .newshead {
	font-size: 18px;
	margin-top: 11px;
	margin-bottom: 5px;
}
#cola h3 {
	font-size: 16px;
	margin-top: 12px;
	margin-bottom: 5px;
}
#cola h4 {
	font-size: 14px;
	margin-top: 12px;
	margin-bottom: 5px;
}
#cola h5 {
	font-size: 12px;
	margin-top: 12px;
	margin-bottom: 5px;
}
#cola h1 {
	margin: 10px 0px 0px;
}
#topnav{
	background: url(images/bg_topnav.gif) no-repeat center top;
	height:66px;
	width: 740px;
	overflow: hidden;
	margin:50px auto 0px;
	padding:0px 0px;
}
#logo, #logo h1 a{
	height: 65px;
	width: 218px;
}
#logo {
	overflow: hidden;
	margin-top:5px;
	margin-left:4px;
	float:left;
}
#logo h1 a{
	text-indent:-10000px;
	display:block;
}
#logo h1{
	margin:0px;
}
#topnav ul {
	margin:0px;
	padding:0px 45px 0px 0px;
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: -1px;
	text-transform:uppercase;
}
#topnav ul li a {
	color: #970f00;
	display: block;
	height: 66px;
	width:125px;
	padding:22px 0px 0px 0px;
	text-decoration:none;
	background: #fff url(images/bg_topnav-ul-a.gif) repeat-x left bottom;
}
#topnav ul li a:hover{
	background: #fff url(images/bg_topnav-ul-a-hover.gif) repeat-x left top;
	color:#517E99;
}
#photo {
	/* background: url(images/photo.jpg) no-repeat left top; */
	width:740px;
	border-bottom:1px solid #223322;
	margin:0px auto;
}
.clear {
	clear: both;
}

#topnav ul li {
	display: inline;
	margin: 0px 2px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	float: left;
	text-align: center;
	border-right: 2px solid #c1cdd5;
	border-left: 2px solid #c1cdd5;
}
#container {
	width:740px;
	padding:0px;
	margin:0px auto;
	background-color:#ffffff;
}
#bar {
	border-top: 2px solid #FFDD3F;
	border-bottom:1px solid #99B299;
	height: 22px;
	width: 740px;
	overflow: hidden;
	background: url(images/bg_bar.gif) no-repeat left top;
	padding-bottom: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-transform: capitalize;
	letter-spacing: -1px;
}
#barl {
	float: left;
	padding-left: 10px;
}
#barr {
	float: right;
	padding-right: 10px;
	text-transform:uppercase;
}
#bar p{
	margin:5px 0px 0px 0px;
}
#barr #support {
	background: url(images/icon_email.gif) no-repeat left center;
	padding-left: 16px;
}
#barr a{
	color:#336633;
	text-decoration:none;
}
#barr a:hover {
	color: #000000;
}

#colwrap {
	background: #FFFFFF url(images/bg_wrapcol.gif) repeat-y right top;
	overflow: auto;
	position: relative;
	width: 740px;
}
#cola {
	float: left;
	width: 532px;
	display: inline;
	background: url(images/bg_cola.jpg) repeat-x left top;
	margin-top: 1px;
	padding-right: 13px;
	padding-left: 13px;
	margin-bottom: 10px;
	overflow:hidden;
}
#colb {
	float: right;
	width: 180px;
	display: inline;
	margin-bottom: 3px;
	overflow:hidden;
}
#subnav {
	margin:1px 0px 0px 1px;
}
#subnav ul {
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style-image:none;
}
#subnav ul li{
	margin:0px;
	padding:1px 0px;
	background-image: url(images/bg_subnav-li.gif);
	background-position:right bottom;
	background-repeat:repeat-x;
}
#subnav ul li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#970f00;
	text-align:right;
	display:block;
	margin: 0px 0px;
	padding:8px 22px 8px 0px;
	text-decoration:none;
	
}
#subnav ul li a:hover{
	background-image:url(images/bg_subnav-li-a-hover.gif);
	background-color:#ffffff;
	background-position:right center;
	background-repeat:no-repeat;
}

/* Fix IE. Hide from IE Mac \*/
* html #subnav ul li {
	float: left;
	height: 0px;
}
* html #subnav ul li a {
	height: 0px;
}
/* End */
#footer {
	background: url(images/bg_footer.jpg) no-repeat left top;
	height: 83px;
	overflow: hidden;
}
#footer a {
	text-decoration: none;
	color: #DDE3E8;
}
#footer p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #B2C1CA;
	letter-spacing: -1px;
}
p#footerl {
	float: left;
	margin:0px;
	padding: 26px 13px 0px;
}
p#footerr {
	float: right;
	margin:0px;
	padding-top: 63px;
	padding-right: 5px;
}

/* START SIFR SETTINGS - These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing:-9px;
	font-size:25px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 22px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 19px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 16px;
}

.sIFR-hasFlash h5 {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 14px;
}
/* END SIFR HEADING SETTINGS */

img.imgfltright {
	float:right;
	margin:0px 0px 4px 8px;
}
img.imgfltleft {
	float:left;
	margin:0px 8px 4px 0px;

}
img.imgfltright, img.imgfltleft, a:link img.imgfltright, a:link img.imgfltleft, a:visited img.imgfltright, a:visited img.imgfltleft{
	border:2px solid #ddd;
}
a:hover img.imgfltright, a:hover img.imgfltleft, a:active img.imgfltleft, a:active img.imgfltright{
	border:2px solid #99B299;
}
#banners{
	margin:6px 3px 0 3px;
}
#featprod, #featprodft{
	margin-right: 3px;
	margin-left: 3px;
}
#featprod {
	background: #336633 url(images/bg_featuredproduct.gif) no-repeat left top;
	padding: 80px 10px 10px;
	width: 154px;
	margin-top: 6px;
}
#featprod img.featureproduct {
	border: 5px solid #fff;
}
#featprod p, #featprod p a {
	margin: 6px 0px 0px 0px;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
#featprod p a:hover{
	text-decoration:none;
	color:#FFCC00;
}
#featprod a:hover img.featureproduct{
	border: 5px solid #D6E0D6;
}
#featprodft {
	background: url(images/bg_featured_footer.gif) no-repeat left top;
	height: 8px;
	width: 174px;
	overflow: hidden;
}
#harpben {
	background: #336633 url(images/bg_harpbenies.gif) no-repeat left top;
	width:154px;
	padding:80px 10px 10px;
	margin:6px 3px 0px 3px;
}
#harpben ul{
	margin:0px;
	padding:0px;
}
#harpben ul li{
	font-size:12px;
	color:#fff;
	margin:2px 10px 2px 25px;
	padding:0px;
}
#prodlistwrap, proddetwrap{
	width:510px;
	position:relative;
	margin-top: 15px;
}
.prodlista {
	float: left;
}
.prodlistb {
	float:right;
}
.prodlista, .prodlistb{
	width:240px;
	margin-bottom:10px;
}
.prodlistimg {
	width: 61px;
	float: left;
}
.prodlistdesc {
	float: right;
	width: 175px;
}
#prodlistwrap h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #333333;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
}
#prodlistwrap li a, #retailers li a {
	text-decoration:none;
	color: #648396;
	padding:0px 0px 0px 11px;
	background: url(images/bullet_perp.gif) no-repeat left top;
}
#prodlistwrap li a:hover {
	color:#000;
	background: url(images/bullet_perp_over.gif) no-repeat left top;
}
#prodlistwrap li {
	font-size: 11px;
	line-height:13px;
	letter-spacing: -1px;
	margin:1px 0px;
	padding:0px 0px 0px 5px;
	list-style-image: none;
	list-style-type: none;
}
#prodlistwrap ul {
	margin:0px;
	padding:0px;
}
#proddetb h1 {
	margin-bottom: 0px;
}
#proddetb h2 {
	margin-top: 0px;
}
#proddeta {
	float: left;
	width: 180px;
	margin:10px 0px 0px 0px;
}
#proddetb {
	float: right;
	width: 315px;
}
#proddetb ul li{
	background: url(images/bullet_checkmark.gif) no-repeat left top;
	padding-right:10px;
}
p#proddetback {
	background: url(images/bg_back.gif) repeat-x left center;	
	padding:0px 0px 0px 0px;
	margin:10px 0px;
	line-height:24px;
}
p#proddetback a {
	background: url(images/icon_arrow_left.gif) no-repeat left center;
	padding-left: 14px;
	font-size: 12px;
	color: #970F00;
	letter-spacing: -1px;
	text-decoration:none;
}
p#proddetback a:hover {
	text-decoration:underline;
}

#news hr {
  margin:5px 0;
	padding:0;
	height:1px;
	border:none;
	border-top:1px dotted #BBB;
	background-color:white;
	width:100%;
	color:white;
}

.configurebox img, .configuresel img, .configureMain img {
  float:right;
	margin:5px 0 5px 5px;
	border:1px solid #999;
}
.configurebox, .configuresel, .configureMain {
  margin:10px;
  padding:10px;
	font-size:10px;
}
.configureMain {
  background:white;
	border:1px solid #336633;
	color:#333;
}
.configureMain a {
  color:black;
}
.configurebox {
  background:#EFEFEF;
  border:1px solid #999;
	color:#999;
}
.configurebox ul li, .configurebox ul {
  color:#999;
}
.configurebox a {
  color:#999;
}
.configuresel {
  background:#FFDD3F;
  border:1px solid #970F00;
	color:#336633;
}
.configuresel a {
  color:#336633;
}
.cofiguresel li {
  color:#363;
}
#configure h1, #configure h2, #configure h3 {
  clear:both;
}
#configure ul li, #configure ul {
  font-size:10px;
}
#configure h4 {
  margin:0;
	background:url(images/bg_dot.gif) bottom repeat-x;
	padding-bottom:3px;
}

#retailers div {
  float:left;
	width:30%;
	margin:5px;
}

.bt{
	border-top:1px solid #aaaaaa;
}
.br{
	border-right:1px solid #aaaaaa;
}
.bl{
	border-left:1px solid #aaaaaa;
}
.bb{
	border-bottom:1px solid #aaaaaa;
}
.al{
	text-align:left;
}
.ar{
	text-align:right;
}
.ac{
	text-align:center;
}


#hpOrderFormWrap ul li{
	background-image:none !important;
}
#hpOrderFormWrap a{
	background-image:none !important;
	padding:0 !important;
}
#hpOrderFormWrap{
	padding: 4px 0;
}
#hpOrderFormWrap input[type=text]{
	width:50px;
	height:16px;
	border:1px solid #aaaaaa;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#333333;
	font-size:11px;
	vertical-align:text-top !important;
}
#hpOrderFormWrap ul li.prodList{
	margin:0;
	padding:1px 0 1px 10px;
	font-weight:bold;
	color: #648396;
	clear:both !important;
}
#hpOrderFormWrap ul.prodListUL{
	margin: 0 0 0 0;
	padding:0 0 0 15px;
	display:none;
}
#hpOrderFormWrap ul li.prodListUL-item{
	margin:0;
	padding:1px 0 1px 8px;
	font-weight:normal;
	clear:both;
}
#hpOrderFormWrap ul li.orderInput{
	margin:0;
	padding:1px 0 1px 0;
	font-weight:normal;
	vertical-align:text-top !important;
	margin-bottom: 3px;
	position:relative;
	clear:both;
}
.orderFormCol-prodQty {
	float: left;
	vertical-align: text-top;
	margin: 0;
	padding: 0;
	width: 40px;
}

.orderFormCol-prodName{
	display:block;
	width:210px;
	float:left;
	margin-left: 8px;
}
.orderFormCol-prodNumb{
	display:block;
	width:125px;
	float:left;
	margin-left: 8px;
}
.orderFormCol-dollarSymbol {
	display: block;
	float: left;
	margin-left: 8px;
}

.orderFormCol-prodCost{
	display:block;
	width:50px;
	float:left;
}