/*-----------------------------------------------------------------------------------------------*/
/*                                  CSS RESET THANKS TO ERIC MEYER                               */
/*                   http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/                */
/*-----------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;

	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
remember to define focus styles!
:focus {outline: 0;}

tables still need 'cellspacing="0"' in the markup
table {border-collapse: separate;border-spacing: 0;}

blockquote:before, blockquote:after,
q:before, q:after {content: '"';}
blockquote, q {quotes: '"' '"';}
/*-----------------------------------------------------------------------------------------------*/
/*                                          GENERAL STYLES                                       */
/*-----------------------------------------------------------------------------------------------*/
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-image: url(../assets/images/bg-bdy.jpg);/* The gradient background */
	background-repeat: repeat-x;
	background-color: white;
}
/*-----------------------------------------------------------------------------------------------*/
/*                                          LAYOUT STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/
/* the repeated leaf pattern */
#ovrlay {
	padding: 0px;
	margin: 0px;
	background-image: url(../assets/images/bg-ovrlay.png);
	background-repeat: repeat;
	height: auto;
	width: auto;
}
#wpr {
	min-height: 768px;
	width: 1000px;
	padding: 0px;
	background-image: url(../assets/images/bg-pg.png); /* The background of the page area with drop shadow */
	margin-right: auto;
	margin-left: auto;
	background-repeat: repeat-y;
}
#hdr {
	margin-right: 10px;
	margin-left: 10px;
	text-align: right;
	width: 980px;
	height: 113px;
}
#nav-hdr {
	height: 35px;
	font-weight: lighter;
	width: 980px;
	text-align: right;
}
#logo {
	left: auto;
	z-index: 10;
	top: 0px;
	position: absolute;
}
#nav-main {
	background-repeat: repeat-x;
	background-image: url(../assets/images/bg-nav-main.png); /* a repeat of the back ground so as to fillin any gaps in the menu */
	padding: 0px;
	font-size: 0.875em;
	text-transform: uppercase;
	margin-right: 10px;
	margin-left: 10px;
	height: 35px;
	width: 980px;
}
#bdy {
	font-size: 1.1em;
	margin-right: 10px;
	margin-left: 10px;
	width: 980px;
}
/* The view port for the transitioning header */
#sldshwtxt {
	text-transform: uppercase;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
	font-weight: lighter;
	font-size: 2em;
	color: white;
	padding-top: 312px;
	padding-left: 20px;
	margin-left: 10px;
	top: 148px;
	position: absolute;
	height: 39px;
	width: 960px;
	z-index: 10;
	background-image: url(../assets/images/hdr-ovrlay.png);
	background-repeat: no-repeat;
}
#sldshw {
	z-index: 10;
	text-align: center;
	height: 351px;
	width: 980px;
	padding: 0px;
	overflow: hidden;
}
/* Where the site copy lives */
#cpy {
	padding-top: 3px;
	float: left;
	width: 660px;
}
/* The sidebar content */
#sdbr {
	padding-right: 3px;
	padding-top: 3px;
	width: 297px;
	margin-left: 680px;
}
#ftr {
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	color: #b6b6b6;
	padding-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
	width: 980px;
}
#ftr-nav {
	padding-top: 5px;
	width: 980px;
}
.callout, .calloutrgt {
	padding-right: 10px;
	color: #7f7f7f;
	margin-bottom: 10px;
	margin-left: 3px;
	width: 647px;
}
.newproduct {
	padding: 10px;
	margin-right: 10px;
	color: #7f7f7f;
	margin-left: 3px;
	width: 637px;
}
.callout img {
	margin-right: 20px;
	clear: left;
	float: left;
}
.calloutrgt img {
	margin-right: 20px;
	clear: right;
	float: right;
}
.sidenote {
	margin-top: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	min-height: 75px;
	width: 287px;
	background-color: #f5f2da;
	margin-bottom: 10px;
}
.sidenote img {
	padding: 0px;
	margin: 0px;
	clear: right;
	float: right;
}
.grn {
	border-color: #d8e6ba;
	border-width: 3px;
	border-style: solid;
	background-color: #d8e6ba;
}
.crm {
	border-color: #f5f2da;
	border-width: 3px;
	border-style: solid;
	background-color: #f5f2da;
}
.otlngrn {
	background-color: white;
	border-color: #d8e6ba;
	border-width: 3px;
	border-style: solid;
}
.otlncrm {
	background-color: white;
	border-color: #f5f2da;
	border-width: 3px;
	border-style: solid;
}
/*-----------------------------------------------------------------------------------------------*/
/*                                          NAVIGATION STYLES                                    */
/*-----------------------------------------------------------------------------------------------*/
#nav-hdr a {
	list-style-position: outside;
	font-size: 12px;
	padding-bottom: 2px;
	display: inline-block;
	padding-top: 10px;
	height: 15px;
	border-left-color: #7f7f7f;
	border-left-width: 1px;
	border-left-style: dotted;
	padding-left: 10px;
	padding-right: 10px;
	color: #b6b6b6;
}
#nav-hdr a:link, #nav-hdr a:visited {
	text-decoration: none;
	font-size: 1em;
}
#nav-hdr a:hover {
	text-decoration: underline;
	font-size: 1em;
}
#nav-main a {
	display: inline-block;
	padding-top: 12px;
	margin: 0px;
	height: 23px;
	padding-right: 17px;
	padding-left: 7px;
	background-position: right;
	background-image: url(../assets/images/bg-mnu.jpg);
	background-repeat: no-repeat;
	color: #5b8b54;
	text-decoration: none;
}
.nav-main {
	display: inline-block;
	padding-top: 12px;
	margin: 0px;
	height: 23px;
	padding-right: 17px;
	padding-left: 7px;
	background-position: right;
	background-image: url(../assets/images/bg-mnu.jpg);
	background-repeat: no-repeat;
	color: #5b8b54;
	text-decoration: none;
}
.nav-mainfirst {
	display: inline-block;
	padding-top: 12px;
	margin: 0px;
	height: 23px;
	padding-right: 17px;
	padding-left: 17px;
	background-position: right;
	background-image: url(../assets/images/bg-mnu.jpg);
	background-repeat: no-repeat;
	color: #5b8b54;
	text-decoration: none;
}
.nav-mainlast {
	display: inline-block;
	padding-top: 12px;
	margin: 0px;
	height: 23px;
	padding-right: 17px;
	padding-left: 7px;
	background-position: left;
	background-image: url(../assets/images/bg-mnu.jpg);
	background-repeat: no-repeat;
	color: #5b8b54;
	text-decoration: none;
}
#nav-main a:first-child {
	display: inline-block;
	padding-left: 17px;
	text-decoration: none;
}
#nav-main a:last-child {
	display: inline-block;
	background-position: left;
	text-decoration: none;
}
#ftr-nav a {
	display: inline-block;
	border-right-color: #b6b6b6;
	border-right-width: 1px;
	border-right-style: solid;
	padding-right: 10px;
	padding-left: 10px;
	color: #b6b6b6;
}
                                                                                                   
                                                                                                   
                                                                                                   
#ftr-nav a:last-child {
	height: 12px;
	border-style: none;
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
	color: #b6b6b6;
}
                                                                                                   
                                                                                                   
                                                                                                   
#ftr-nav a:link, #ftr-nav a:visited {
	text-decoration: none;
}
                                                                                                   
                                                                                                   
                                                                                                   
#ftr-nav a:hover {
	text-decoration: underline;
}
/*-----------------------------------------------------------------------------------------------*/
/*                                          TEXT STYLES                                          */
/*-----------------------------------------------------------------------------------------------*/
h1 {
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 10px;
	color: #c64826;
	font-style: normal;
	font-weight: normal;
	font-size: 1.7em;
}
h2 {
	padding-top: 10px;
	font-style: normal;
	font-weight: normal;
	font-size: 1.25em;
	color: #424242;
}
h3 {
	padding-top: 25px;
	padding-left: 10px;
	color: #404040;
	border-bottom-color: #b6b6b6;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	font-size: 1.25em;
}
h4 {
	text-decoration: none;
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
	font-weight: lighter;
	color: white;
	text-transform: uppercase;
	font-size: 2em;
}
h5 {
	padding-left: 10px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	color: #404040;
	font-size: 1.1em;
}
h6 {
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 10px;
	margin: 0px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	color: #538400;
	font-size: 2em;
}
h7 {
	padding: 0px;
	margin-left: 10px;
	font-size: 1.4em;
}
p {
	color: #7f7f7f;
	line-height: 1.75em;
}
#cpy p {
	padding-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
}
.sidenote p {
	padding-bottom: 10px;
	padding-top: 5px;
	line-height: 1.2em;
}
#ftr p {
	margin-right: 10px;
	margin-left: 10px;
}
b {
	font-weight: bold;
}
a {
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
}
ul {
	line-height: 1.25em;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	color: #5b8b54;
	font-size: 0.8em;
	list-style-type: none;
}
.hdrtxt {
	line-height: 1.2em;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 20px;
	padding-top: 10px;
	margin: 0px;
	font-size: 1.65em;
	color: #5b8b54;
}
/*-----------------------------------------------------------------------------------------------*/
/*                                          FORM STYLES                                          */
/*-----------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*                                          MISC STYLES                                          */
/*-----------------------------------------------------------------------------------------------*/
.fltrgt {
	float: right;
}
.clrlft {
	clear: left;
}
.clrrgt {
	clear: right;
}
.logos {
	text-align: center;
}
.logos img {
	padding-right: 20px;
	padding-left: 20px;
}
element {
}
.formLabel-sm {
	color: #404040;
	padding-right: 10px;
	font-size: 0.75em;
}
.inputBox-sm {
	color: #404040;
	width: 120px;
	border-color: #b6b6b6;
	border-width: 1px;
	border-style: solid;
	background-color: #f4f4f4;
}
.bttn {
	margin-top: 5px;
	margin-left: 120px;
	border-style: none;
	color: white;
	background-color: #c64826;
}
.undrline {
	text-decoration: underline;
}
.was {
	display: none;
}
#onSale {
	visibility: hide;
}
.strike {
	color: #9e0403;
	text-decoration: line-through;
}
.column {
	display: inline-block;
	float: left;
}
.infostuff {
	width: 450px;
}
.imagestuff {
	width: 185px;
}
.balance {
	clear: both;
}