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, sub, sup, 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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: url(../images/bg.jpg) repeat-x #fff;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

a:focus { outline: 0; }

/* structure divs */

div#wrapper { margin: 0 auto; width: 960px; }

div#header { height: 102px; padding: 0 16px; overflow: hidden; }

div#header img, div#footer #contactInfo { float: left; }

div#header img { padding-top: 10px; }

div#headerCopy { padding-top: 15px; }

div#headerCopy, div#footer #footerNavigation { float: right; }

div#navigation, div#subNavigation { padding: 0 16px; }

div#navigation { height: 30px; }

div#subNavigation { height: 35px; }

div#banner { height: 250px; background: #fff; position: relative; padding-top: 70px; padding-bottom: 5px;}

div#banner img { position: absolute; top: 0; right: 0; z-index: 0; }

div#bannerCopy { position: absolute;width: 480px; padding: 0 10px; z-index: 2; } 

div#strapline { background: url(../images/strapBg.jpg) no-repeat; height: 62px; margin-bottom: 13px; padding-left: 10px; }

div#innerWrapper { background: url(../images/innerWrapperBg.jpg) repeat-x #E3E4E5; padding: 0 16px 20px 16px; } 

div#innerWrapper p {line-height:130%;}

div.clear { clear: both; }

div#leftColumn, div#rightColumn { float: left; }

div#leftColumn { width: 575px; background: #fff; padding: 10px; margin-right: 13px; }

div#rightColumn { width: 320px; }

div.sidebox { background: #fff; margin-bottom: 10px;  }

div#navigation { padding: 0 16px; }

div.sideboxCopy { padding: 10px; position: relative; }

div#footer { padding: 13px 16px 30px 16px; overflow: hidden; }

div#footer #contactInfo { width: 620px; padding-left: 10px; } 

div#footer #footerNavigation { width: 75px; border-left: 1px solid #8F8F8A; padding-left: 5px; }

/* lists */

div#navigation ul li { line-height: 30px; background: url(../images/navSeperator.gif) right no-repeat; float: left; }

div#navigation ul li a { background: url(../images/navSeperator.gif) right no-repeat; display: block; color: #fff; font-size: 12px; text-transform: uppercase; text-decoration: none; padding: 0 9px; }

div#navigation ul li a.retailLink { background: url(../images/navSeperator.gif) right no-repeat #1E5D31; }

div#navigation ul li a.retailLink:hover { background: #397F2F url(../images/navSeperator.gif) right no-repeat; color: #fff; }

div#navigation ul li a:hover, div#navigation ul li a.selected { background: #E4E4E4; color: #1E5D31; }

div#footer ul li { padding: 2px 0; }

div#footer * { font-size: 10px; color: #8F8F8A; text-decoration: none; }

div#content ul { list-style: disc outside; padding-left: 20px; }

div#content ul li { padding: 5px 0; padding-left: 5px; font-size: 14px; color: #4d4d4d; line-height: 130%; }

/* paragraphs and headings */

p { font-size: 14px; color: #4d4d4d; padding: 10px 0; }

p.intro, div#bannerCopy p { font-size: 16px; }

div#banner p.intro { width: 450px; }

p.email, p.telephone { padding: 0; }

div#headerCopy p { font-size: 25px; text-align: right; }

div#subNavigation p { color: #1E5D31; padding-left: 13px; }

h1, h2 { font-size: 42px; }

h3 { color: #fff; font-size: 25px; font-weight: bold; line-height: 62px; }

h5 { font-size: 25px; padding-top: 20px; }

h6 { font-size: 16px; color: #4d4d4d; padding-top: 20px; }

h2, p.telephone { color: #1E5D31; }

h1, p.email, h5, h6.green, a, div.stepImage p { color: #4BA138; }

h6.green { font-weight: bold; }

div.sidebox h4 { font-size: 16px; font-weight: bold; color: #fff; line-height: 28px; padding-left: 25px; background: #4ba138 url(../images/whiteArrow.gif) 5px 8px no-repeat; height: 28px;}

/* links */

a.more { color: #4BA138; font-size: 14px; text-decoration: none; padding-left: 13px; background: url(../images/greenArrow.gif) 0 2px no-repeat; font-weight: bold; }

a.more:hover { text-decoration: underline; }

div#headerCopy a { text-decoration: none; }

div#headerCopy a:hover, div#contactInfo ul li a, div#footer a:hover { text-decoration: underline; }

div#headerCopy a.more { float: right; margin-top: 10px; }

/* form styling */

div#content form p { padding-left: 10px; }

div#content form ul { padding-left: 5px; }

form ul li { list-style: none; }

form ul li label { width: 100px; float: left; }

form legend { background: #4BA138; color: #fff; font-weight: bold; padding: 6px 0 6px 10px; }

form fieldset { border-top: 28px solid #4BA138; padding: 15px 0; margin-top: 10px; background: #ebebeb; }

form ul li input, form ul li textarea { width: 400px; }

form fieldset.checkboxes ul li label { width: 300px; float: left; }

form fieldset.checkboxes ul li input { width: 15px; }

button.stdButton { background: #4BA138; color: #fff; height: 28px; padding: 0 5px; border: 0; margin: 10px 0 0 -10px; font: bold 16px Arial, Helvetica, sans-serif;   }

/* article template specific CSS */

div.refillStep { overflow: hidden; }

div.stepCopy { float: left; width: 315px; padding-right: 20px; }

div.stepImage { float: left; width: 240px; padding-top: 20px; }