body {
	margin: 0px;
	padding: 0px;
	background: #808080 url(../images/hp/body_bg.gif) repeat-y center top;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 10pt;
	color: #666;
	text-align: center;
	}

#wrap {
	width: 770px;
	height: 100%;
	background: #808080 url(../images/hp/body_bg.gif) repeat-y center top;
	margin: 0px auto;
	border: 0px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	}

#shortWrap {
	width: 770px;
	background: #fff;
	}

#catWrap {
	width: 762px;
	margin: 4px !important;
	margin: 2px;
}

#headerWelc, #headerUtils, #headerSearch {
	position: absolute;
	width: 280px;
	top: 0px;
	margin-right: 10px;
	margin-left: 480px;
	text-align: right;
	font-weight: bold;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	}
#headerUtils {
	top: 20px;
	line-height: 160%;
	}
#headerSearch {
	top: 42px;
	}
input#headerSearchBox {
	width: 120px;
	height: 10px !important;
	height: 15px;
	margin: 2px 3px 0px 0px;
	font-size: 11px;
	color: #333;
	display: inline;
	vertical-align: middle;
	}
input#headerSearchButton {
	width: 44px;
	height: 15px;
	margin: 2px 0px 0px 0px;
	display: inline;
	vertical-align: middle;
	}
#headerUtils a {
	font-size: 9px;
	color: #900;
  	text-decoration: none;
	}
#headerSearch a {
	color: #999;
  	text-decoration: none;
	}
#headerUtils a:hover, #headerSearch a:hover {
	color: #c90;
	text-decoration: underline;
}

#header {
	width: 770px;
	height: 78px;
	background: #fff;
	}
#headerLogo {
	float: left;
	width: 340px;
	height: 78px;
	}
#headerSeasonal {
	float: left;
	width: 153px;
	height: 78px;
	}
#headerUtilsWrap {
	float: right;
	width: 274px;
	height: 78px;
	background: url(/images/hp/cust_utils.jpg) no-repeat top left;
}

div.hrBlack, div.hrGray, div.hrViolet, div.hrWhite {
	width: 770px;
	height: 1px;
	margin: 0px auto 0px auto;
	clear: both;
}
div.hrBlack {
	background: #000;
}
div.hrGray {
	background: #666666;
}
div.hrViolet {
	background: #663399;
}
div.hrWhite {
	background: #ffffff;
}

.small {
	font-size: 90%;
	}
	
#navPrimary {
	height: 18px;
	margin: 0px auto 1px auto;
	padding: 0px 0px 0px 0px;
	width: 750px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #668000;
	text-align: left;
	}
	ul#navPrimaryList {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		}
		ul#navPrimaryList li {
			display: inline;
			vertical-align: middle;
			}
			ul#navPrimaryList li a, 
			div#session a {
				color: #fff;
				text-decoration: none;
				line-height: 16px;
				height: 20px;
				}
				ul#navPrimaryList li a:hover, 
				ul#navPrimaryList li a:active, 
				div#session a:hover, 
				div#session a:active {
					background-color: #333;
					color: #fc0;
					}
			ul#navPrimaryList li a#currentNav, 
			div#session a#currentNav {
				background-color: #4d661a;
				}
				ul#navPrimaryList li a#currentNav:hover, 
				ul#navPrimaryList li a#currentNav:active, 
				div#session a#currentNav:hover, 
				div#session a#currentNav:active {
					background-color: #333;
					}
					
					
/* CONTENT */

#mainContent {
	width: 750px;
	margin: 10px auto;
	padding: 0px;
	/* text-align: left;
	border: 1px solid #f99;  */
	}

div#mainContent div.medCenter {
	width: 588px;
	margin: 0px;
	float: right;
	text-align: center;
	clear: both;
}

div#mainContent div.wideCenter {
	width: 710px;
	margin: 0px;
	text-align: center;
	clear: both;
}

div.wideOneThirdCols {
	float: left;
	width: 230px;
	margin-left: 15px !important;
	margin-left: 12px;
	margin-right: 3px;
	text-align: left;
}

div.medOneHalfCols {
	float: left;
	width: 274px;
	margin-left: 13px !important;
	margin-left: 10px;
	margin-right: 5px;
	text-align: left;
	/* border: 1px solid #eee; */
}


div#mainContent div.oneFifthLft {
	width: 150px;
	float: left;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	/* border: 1px solid #cec; */
	text-align: left;
	background: url(../images/hp/v_squiggle.gif) repeat-y right top;
}

div#mainContent div.oneFifthLftContent {
	width: 135px;
	float: left;
	margin: 0px;
	padding: 0px;
	/*border: 1px solid #eee;*/
	text-align: center;
}

div#mainContent div.fourFifthsRt {
	width: 588px;
	float: right;
	padding: 0px;
	/* border: 1px solid #66e; */
}


table.prodWrap {
	width: 588px; /* pre-squiggle 605px */
	float: right;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
	/* border: 1px solid #c99; */
	}
table.prodWrap td.homeProdPic {
	/* border-left: 1px solid #ccc; */
	padding-bottom: 10px;
	width: 78px; /* pre-squiggle 81px */
	text-align: center;
	vertical-align: bottom;
	}
table.prodWrap td.homeProdText {
	padding-bottom: 10px;
	margin-right: 5px;
	width: 107px; /* pre-squiggle 129px */
	text-align: left;
	vertical-align: bottom;
	}
table.prodWrap tr#featuredItemsTxt td {
	background: #e6e6e6;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-size: 9px;
	color: #660;
	letter-spacing: 16px;
	text-align: center;
}

	
div.prodName {
	margin-bottom: 2px;
	line-height: 100%; /* non ie uses this one */
	}
div.prodName a, div.prodName a:link, div.prodName a:visited, div.prodName a:active {
	color: #660;
	font-weight: bold;
	font-size: 11px;
	line-height: 110%; /* ie uses this one */
	}
	div.prodName a:hover {
	color: #c90;
	text-decoration: underline;
}

span.prodDesc, span.prodMan {
	color: #666;
	font-weight: normal;
	font-size: 11px;
	line-height: 120%;
}
span.prodMan {
	font-weight: bold;
}


div#mainContent span.announce {
	font-size: 16px;
	font-weight: bold;
	color: #c90;
	text-align: center;
	line-height: 150%;
}

div#mainContent span.bodyHead,
div#mainContent p.bodyHead {
	font-size: 12px;
	color: #660;
	font-weight: bold;
	line-height: 120%;
}

div#mainContent span.bodyText,
div#mainContent span.bodyText p {
	font-size: 11px;
	color: #333;
	line-height: 180%;
	margin: 6px 0px;
	}
	div#mainContent span.bodyText a, 
	div#mainContent span.bodyText p a, 
	div#mainContent span.bodyText a:link, 
	div#mainContent span.bodyText p a:link, 
	div#mainContent span.bodyText a:visited, 
	div#mainContent span.bodyText p a:visited, 
	div#mainContent span.bodyText a:active,
	div#mainContent span.bodyText p a:active {
		font-size: 11px;
		font-weight: bold;
		color: #c90;
		text-decoration: none;
	}
	div#mainContent span.bodyText p a:hover {
		color: #960;
		text-decoration: underline;
}


div#mainContent span.bodyText ul#catList {
	font-size: 10px;
	list-style-position: outside;
	list-style-image: url(/images/hp/sparkbullet.gif);
	line-height: 130%;
	vertical-align: text-bottom;
	margin: 10px 0px 10px 15px;
	padding: 0px;
	/* border: 1px solid #f66; */
}
div#mainContent span.bodyText ul#catList li {
	margin: 10px 0px;
}

div.clearBoth {
	clear: both;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div.vLine {
	float: left;
	width: 1px;
	height: 10px;
	border-right: 1px dashed #999;
}

	

/* CONTENT - SINGLE ITEMS */



/* FORMS */


.alertText,
.thanksText {
	font-size: 11px;
	color: #900;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align: center;
	}
	
.thanksText {
	color: #060;
	}

form {
	margin-top: 0px;
	}

form input.contForm, form textarea.contForm {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	background: #ffffff;
	width: 225px;
	}	

form table, form table td {
	font-size: 11px;
	color: #666;
}


/* FOOTER */

#navFooter {
	height: 18px;
	margin: 0px;
	padding: 0px;
	width: 770px;
	font-size: 10px;
	font-weight: bold;
	background-color: #cccccc;
	text-align: center;
	}
	ul#navFooterList {
		margin: 0px 0px 0px 10px;
		padding: 0px;
		list-style-type: none;
		}
		ul#navFooterList li {
			display: inline;
			vertical-align: middle;
			}
			ul#navFooterList li a, div#session a {
				color: #666;
				text-decoration: none;
				line-height: 16px;
				}
				ul#navFooterList li a:hover, ul#navFooterList li a:active, div#session a:hover, div#session a:active {
					color: #000;
					}

#footer {
	clear: both;
	width: 770px;
	height: 20px;
	}
	#footer p {
		margin: 5px 0px 0px 0px;
		padding: 0px;
		color: #333;
		font-size: 11px;
		text-align: center;
		}
		#footer p a:link, #footer p a:visited {
			color: #333;
			text-decoration: none;
			}
			#footer p a:hover, #footer p a:active {
				color: #000;
				}