/* CSS RESET */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
table {border-collapse: collapse; border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
body { font-size: 62.5%; } /* 1em = 10 px; set container font-size in ems to adjust */
/* END RESET */
body { color: black; background: url(/images/background-dots.gif) repeat; }
body, .checkoutButton, .buyButton { font-family: Cambria, Georgia, Garamond, "Times New Roman", Times, serif; }
h1 { text-indent: -5000px; float: left; width: 0; /* width fixed for WebKit */ }
h2 { font-size: 3.6em; margin-bottom: .5em; }
h3 { font-size: 1.8em; color: #333; }
h4 { font-size: 1.2em; color: #444; font-weight: normal; }
dt { font-size: 1.8em; font-weight: bold; }
p, dd, li, form { font-size: 1.4em;  }
h2, h3, h4, p, li, table { margin-bottom: 1em; }
ul { margin-left: 1.4em; }
dd strong { color: black; }
dd, #textMenu, #copyright { color: #555; }
table { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #DDD; }
th, td { font-size: 1.1em; }
th { background-color: #AAA; border-top: 2px solid #555; border-bottom: 1px solid #555; font-weight: normal;  }
td { border-bottom: 1px solid #999; }
th, td { padding: .3em .6em; }
img { border: none; }
legend { font-size: 1em; font-weight: bold; margin-bottom: .4em; color: black; padding-left: 0;}
fieldset { margin-bottom: 1.4em; }


a { color: #333; text-decoration: none; font-weight: bold;}
a:link { border-bottom: 2px outset #f68b1f; }
a:visited {  border-bottom: 2px solid #AAA; }
a:hover { border-bottom: 2px solid #f68b1f; }
a:focus { border-bottom: 2px solid #f68b1f; }
a:active { border-bottom: 2px solid black; }
/* Footer */
#textMenu a:link { border-bottom: 1px solid transparent; }
#textMenu a:visited { border-bottom: 1px solid transparent; }
#textMenu a:hover { border-bottom: 1px solid #f68b1f; }
#textMenu a:focus { border-bottom: 1px solid #f68b1f; }
#textMenu a:active { border-bottom: 1px dotted #f68b1f; }


#container, #endcapSplash, #endcapInterior { width: 958px; margin: 0 auto; }
#container { background-color: white; }
#footer {  clear: both; text-align: center; font-size: .85em; padding: 2em 0; position: relative; }
#textMenu p { margin: .5em 0; }
#textMenu { margin-bottom: 1em; border-top: 1px dotted #999; border-bottom: 1px dotted #999; background-color: #F5F5F5; }
#homeNav a { position: absolute; top: -40px; height: 25px; width: 145px; display: block; }

.query { background: #00FFFF; }
.hint, .partnerContact { font-size: 1em; color: #555; margin-bottom: .5em; }
.fineprint { font-size: 1em; }
.bigger { font-size: 1.25em; }
.smallcaps { font-variant: small-caps; font-size: 200%; }

/* Homepage */
#banner { width: auto; height: auto; }
h2.slogan { position: relative; float: right; text-align: right; color: #333; font-style: italic; font-size: 2.65em; right: 100px; top: -310px; z-index: 3; }
h2.tagline { top: -40px; position: relative; margin-bottom: -.6em; }
#splashContent { margin: 1.6em 1.6em 0 40px; }
#bigText { width: 313px; float: left; margin-right: 37px; }
#tagline { width: 770px; clear: both;  }
#splashContent p { width: 858px; clear: both; }	
#varieties { width: 505px; margin-left: 335px; margin-bottom: 28px; position: relative; top: -20px; border: 2px solid #f68b1f; padding: 1em; }
.icon { float: left; clear: none; border-right: 5px solid white; margin-right: 5px; border: none;  }
.variety { height: 73px; margin-bottom: 28px; }
.outdoorsIcon { margin-bottom: 0; }
.varietyHeader { font-size: 2.5em; margin-bottom: .5em; }
.varText { margin-left: 109px; width: 390px; height: 72px; border-top: 1px solid #888;border-bottom: 1px solid #888;}
.varText dt { padding-top: 7px; margin: 0 10px; }
.varText dd { margin: 0 10px; }
.varText dd em { color: #222; }
.varText:hover { background-color: #dedede; }
.varietyLink, .varietyLink:link, .varietyLink:visited, .varietyLink:hover, .varietyLink:focus { width: 400px; height: 71px; display: block; text-decoration: none; border: none; }
.variety a { font-weight: normal; border: none; }
#endcapSplash, #endcapInterior {  width: 958px; height: 11px; margin-bottom: 1em; }
#endcapSplash { background: url(/images/endcap-splash.png) no-repeat; }
#endcapInterior { background: url(/images/endcap-interior.png) no-repeat; }

/* Products */
#logo { width: 150px; height: 50px; top: -40px; position: absolute; }
#logo:link, #logo:visited, #logo:hover, #logo:focus, #logo:active { text-decoration: none; border: none; }
#sidebar { float: right; width: 380px; z-index: 2; position: relative; margin-right: 25px;  }
.productContainer { background: url(/images/interior-background.gif) repeat-y; }
#productBanner { margin-bottom: -235px; }
#productContent { margin: 0 40px 0 40px; width: 472px; position: relative; }
#productContent p, #productContent h3, #productContent h4, #productContent li, .panel p {line-height: 1.5em;}
h3.productText { font-weight: normal; line-height: 1.3em; }
.buyBox { height: 158px; margin: 16px; text-align: center; font-weight: bold; margin-bottom: 85px; }
.productShot { float: left; clear: left; margin-right: 16px; }
.buyText { font-size: 1.25em; margin-left: 185px; }
.buySub { font-weight: normal; font-size: 1.3em;color: #555;}
.checkoutButton, .buyButton { height: 39px; width: 101px; background: url(/images/buy-button.png) no-repeat; float: left; margin-left: 33px; line-height: 2.1em; display: block;	border: none !important; }
.checkoutButton:hover, .buyButton:hover { border: none; color: #fbff99; }
.videoBox { width: 375px; height: 340px; background: url(/images/video-panel.png) no-repeat; margin-top: 85px; }
.video { margin: 0 auto; text-align: center; }

.panel, .panelTop, .panelBottom {  width: 376px;  }
.panel { background: url('/images/panel-background.gif') repeat-y; }
.panelTop { background: url('/images/panel-top.gif') repeat-x; height: 9px; margin: 0; padding: 0; }
.panelBottom { background: url('/images/panel-bottom.gif') top center repeat-x; height: 29px; margin: 0; }
.panelHeading { text-align: center; top: -4px; position: relative; margin: 0; }
.panel p { text-align: center; margin: 0 1em; }

/* Testimonials */
.testimonial { border-top: 1px solid #BBB; margin-top: 2em; }
.testimonial p { margin-top: .5em; }
.testBy { text-align: right; color: #555; }
.testimonialText { font-size: 1.2em; }
.testimonialSub { list-style: none; margin-left: 0; font-weight: normal; color: #555;}

/* Partners */
hr { border: none; background-color: #BBB; height: 1px; }
.partnerContact { font-size: 1.2em; margin-top: -.5em; }
.partnersFiles dt { margin-top: 1em; }
.partnersFiles dd { color: #333; }
.date, .price, .troubleSolution { color: #555; }
.partnersFluff { margin: 1em; }
.partnersForm, .partnersFiles, .thankYou { margin-bottom: 18em; }
.partnersForm label { font-weight: bold; float: left; clear: left; width: 8.5em; }
.partnersForm input { margin-bottom: .5em;  }
.emailButton { margin: 0 123px; }
.panel h3 { text-align: center; margin-bottom: .25em;  }

/* Purchase */
fieldset { border-top: 1px solid #BBB; }
.textfield { font-weight: bold; border-width: 1px; }
.textfield, #recaptcha_area { margin-bottom: .5em;}
.orderForm .textfield { text-align:center; }
.orderForm { margin-bottom: 5em; }
.textfield:hover, #recaptcha_response_field:hover { background-color: #FFFFCC; border: 1px solid black; }
.textfield:focus, .textfield:active, #recaptcha_response_field:focus, #recaptcha_response_field:active { background-color: #FFFF99; }
.checkoutButton, .contactButton { border: none; font-weight: bold; font-size: 1.25em; margin: .5em; float: none; }

/* Troubleshooting */
.troubleshoot { border-top: 2px solid #BBB; }
.contactButton { border: 1px groove #999; width: 23%; float: left; margin: 0 .5em .5em 0; padding: .25em; text-align: center; background-color: #EEE; }
.contactButton a { display: block; }
#contactForms { clear: left; }
#TS,#DI,#MR { display: none; }