/* relation: stylesheet
 * media: print
 * title: zzounds 
*/
html { margin: 0px; padding: 0px; border: solid 1px green; }
body { margin: 0px; padding: 0px; color: #000000; background-color: #FFFFFF; font-size: 12pt; font-weight: normal; font-family: Times serif; border: solid 1px red; }
#sitecontrolbar { display: none; }
#pageheader { display: none; }
.rightColumn { float: right; width: 43%; margin: 2em 2em 2em 1em; font-size: 80%; border: dotted 1px navy; }
.leftColumn { float: left; width: 43%; margin: 2em 1em 2em 2em; font-size: 80%; border: dotted 1px orange; } 
.footer { display: none; }
.trails-gen a:link { text-decoration: underline; color: #333333;  padding: 0; margin: 0; }
.trails-gen a:visited { text-decoration: underline; color: #333333;  padding: 0; margin: 0; }
.trails-gen a:hover { color: rgb(255, 153, 51); }
.trails-gen li:before { content: "> "; color: rgb(255, 153, 51); }
ul.trails { list-style: none; display: inline; font-size: 70%; padding: 2px; margin: 2px; }
li.trails:first-child::before { content: ""; }
li.trails { display: inline; padding: 0; margin: 0; }
.categoryListing { display: none; }
#miniCart { float: right; clear: none; margin: 50px 5.5% 0 0; padding: 5px 24px 5px 0; background: url("cart.gif") no-repeat 100% 50%; color: rgb(102, 0, 102); font-weight: bold; font-size: 75%; }
#productTitle { color: black; font-size: 130%; margin: 0.1em 0 0.1em 20px; }
.webSku { color: rgb(102,0,102); margin: 0.25em; font-size: 90%; }
.tinyDescription { font-size: 75%; margin: 0 0 0 20px; }
#freeShipNote { float: right; width: 30%; list-style: none; margin: 0 0 2px 0; padding: 0; color: rgb(208,62,44); font-weight: bold; font-size: 90%; display: none; }
#freeShipNote li { background: url("redStar.gif") no-repeat 0 0.2em; margin: 0; padding: 0 0 0 0.9em; }
#formInvitation {display: none; }
.freeShipIcon { vertical-align: middle; }
.groundShip { float: right; }
.groundShipping { list-style: none; margin: 0; padding: 0; font-weight: bold; font-size: 90%; }
.prodDisplay { clear: none; }
.prodConditionPop { display: none; }
.popTeaser { display: none; width: 0; height: 0; margin: 0; padding: 0; overflow: hidden; }
.radioAndLabel { }
.radio { float: left; }
.famLabel { font-weight: bold; font-size: 100%; }
.sellPrice {color: rgb(173,1,1); font-weight: bold; font-size: 140%; }
.savingsQuote { margin-left: 10%; }
.savingsQuote li { margin: 0; padding: 0; font-weight: bold; font-size: 90%; }
.listPrice { }
.percentOff { margin: 0; padding: 0; color: rgb(0,41,145); }
.outOfStock { color: #666666; }
.noFutureShipDate { background: url("xIcon.gif") no-repeat 0 50%; margin: 0; padding: 0 0 0 9px; }
.inStock { color: rgb(137,177,90); }
.lowStock { color: rgb(137,177,90); }
.shipQuote { float: right; }
.formSubmit { display: none; }
.submitButton { display: none; }
#phoneTeaser { clear: both; text-align: right; font-size: 90%; }
.phoneNumber { font-weight: bold; }
.priorityCode { font-weight: bold; color: rgb(0,41,145); }
#priceMatchTitle { }
.priceMatchList { float: left; margin: 0 0 10px 0; padding: 5px 0 0 20px; list-style: none; background: url("spyGlass.gif") no-repeat 5px 50%; }
.priceMatchTerm { float: left; margin: 0 5px 5px 0; padding: 0; color: #333333; font-size: 110%; }
.priceMatchInner { display: inline; list-style: none; margin: 0; padding: 0; font-size: 80%; }
.priceMatchFormElements { display: none; } 
.priceMatchSelect { width: 120px; display: inline; vertical-align: middle; }
.accessoriesBox { float: left; display: inline; width: 99.5%; margin: 0 0 10px 0; }
.accessoriesTitle { clear: both; margin: 0; padding: 2px 5px 1px 5px; }
.accessoriesRow { float: left; width: 99.6%; margin: 0; padding: 0.25em 0 0.25em 0; border-top: 0; }
.accessoriesImage { float: left; width: 55px; height: 50px; margin: 0; padding: 0; }
.accessoriesThumb { vertical-align: bottom; }
.accessoriesTerm { float: left; clear: none; width: 50%; margin: 0 0 0 1em; padding: 0; font-size: 100%; }
.accessoriesTerm a { text-decoration: underline; font-size: 100%; color: rgb(0,41,145); }
.accessoriesTerm a:link { color: rgb(0,41,145); }
.accessoriesTerm a:hover { color: goldenrod; text-decoration: underline; }
.accessoriesPrice { float: left; clear: none; color: rgb(173,1,1); font-weight: bold; margin: 0 1em 0 1em; }
.reviewsBox { clear: both; }
.reviewsTitle { clear: both; }
.reviewForm { display: none; }
.reviewFormContent { margin: 0 1em 0 1em; padding: 0; display: inline; }
.overallRatingContent { text-align: center; }
.overallRatingHeader { font-weight: bold; }
.ratingsStars { margin: 0 1em 0 1em; }
.reviewRating { margin: 5px; padding: 5px 0 0 0; border-top: solid 2px rgb(0,41,145); }
.reviewTitle { padding: 5px; font-weight: bold; font-size: 95%; }
.reviewText { padding: 5px; } 
.reviewerDate { padding: 5px 0 0 5px; margin: 0; color: rgb(0,41,145); }
.reviewerStyle { padding: 0 0 5px 5px; margin: 0; color: rgb(0,41,145); }
.readAllReviews { margin: 5px; text-align: right; }
.readAllReviews a { margin: 0; padding: 0; color: rgb(0,41,145); font-size: 100%; font-weight: bold; }
.readAllReviews a:hover { color: goldenrod; text-decoration: underline; }
.promoSpan { }
.promoText { margin: 0; padding: 0; font-size: 80%; }
.promoTitle { }
.promoBoxOuter { margin: 0.5em; padding: 0; }
.promoBoxMiddle { position: relative; bottom: 2px; right: 2px; }
.promoBoxInner { position: relative; bottom: 1px; right: 1px; }
#categoryImageArea { position: absolute; top: 10px; left: 10px; margin: 0; padding: 0; }
#imageArea { float: left; width: 100%; position: relative; display: inline; } 
#placeHolderArea { width: 95.8%; height: 400px; background-color: #FFFFFF; margin: 10px 1.1% 0 1.1%; padding: 5px; text-align: center; display: none; }
#placeHolderImage { width: 100%; vertical-align: middle; }
.fullSizeImage { display: none; float: left; width: 100%; position: relative; top: -5px; left: 0; margin: 0; padding: 0; text-align: center; }
.fullSizeImage a { color: #666666; font-size: 80%; padding-left: 18px; text-decoration: underline; background: url("magnifyingGlass.gif") no-repeat 0 50%; }
.fullSizeImage a:hover { color: rgb(255,153,51); text-decoration: underline; background: url("magnifyingGlassActive.gif") no-repeat 0 50%; } 
#thumbArea { display: none; float: left; clear: both; width: 99.5%; margin: 0; padding: 0; border: solid 1px #333333; }
.additionalText { display: none; width: 0; overflow: hidden; }
.imageBox { display:none; }
.imageBox li { float: left; margin: 3px; padding: 0.1em; cursor: pointer; font-weight: bold; font-size: 80%; text-align: center; }
.additionalImage { color: #333333; border: solid 1px white; }
.additionalImage:hover { color: rgb(255,153,51); border: solid 1px rgb(255,153,51); }
.additionalImageActive { color: rgb(102,0,102); border: solid 1px rgb(102,0,102); }
.imageThumb { margin: 0; padding: 0; text-align: center; width: 100px; }
.imageTitle { margin: 0; padding: 0; text-align: center; width: 100px; }
#additionalResources { clear: both; margin: 0; padding: 0; border: solid 1px #333333; }
#additionalResources h3 { margin: 0; padding: 0.3em; font-size: 70%; color: white; background-color: #333333; font-weight: bold; }
#additionalResources h4 { margin: 0; padding: 0.3em; font-size: 70%; color: black; font-weight: bold; }
.docList { margin: 0; padding: 0 0.1em 0 0.1em; text-decoration: underline; font-size: 75%; }
.docList li { list-style: none; margin: 0; padding: 0; }
.docListItem a { color: #333333; margin: 0; padding: 0; }
.docListItem a:hover { color: rgb(255,153,51); }
.tabsArea { clear: both; padding-top: 10px; }
.docTitle { font-size: 110%; color: #333333; margin:0; padding: 0.5em 0.5em 0 0.5em; } 
.docListItem a:link { font-size: 85%; color: rgb(0,41,145); text-decoration: underline; }
.docListItem a:visited { font-size: 85%; color: rgb(0,41,145); text-decoration: underline; }
.docList { margin: 0; padding: 1em; list-style: disc url("docIcon.gif") inside; }
.tabLink { color: blue; text-decoration: underline; } 
.prodDesc { font-size: 80%; margin: 1.0em; }
.prodDesc a { color: rgb(0,41,145); font-weight: bold; }
.prodDesc a:hover { color: goldenrod; text-decoration: underline; }
.audio { margin: 0; padding: 1em; list-style: disc url("audioIcon.gif") inside; }
.audioListItem a { font-size: 85%; color: rgb(0,41,145); text-decoration: underline; }
.audioListItem a:hover { color: goldenrod; }
dl.notebook { position: relative; height: 20em; }
dt.notebooktab { list-style: none; display: inline; position: relative; z-index: auto; margin-right: 0.25em; padding: 5px 7px 5px 7px; background-color: #FFFFFF; color: rgb(0,41,145); border: solid 1px #666666; border-bottom: solid 0 red; } 
dt.notebooktab:hover { cursor: pointer; background-color: ivory; }
.tablabel { color: inherit; font-size: 90%; }
.tablabelactive { color: rgb(0,72,255); font-size: 90%; }
dt.notebooktabactive { z-index: 21; } 
dt.notebooktabactive:hover { background-color: #FFFFFF; }
dd.tabs { position: relative; left: 0em; margin-left: 0px; z-index: 20; }
dd.notebookconhide { display: none; margin: 0; }
dd.notebookconshow { display: block; width: 100%; position: absolute; margin: 0; border: solid 1px #666666; }
div.notebookcontent { display: block; }
div.notebookmorehide { display: none; }
div.notebookmoreshow { display: block; }
div.notebookmorelinkshow { display: block; margin: 1em 1em 0.5em 1em; padding: 0; color: rgb(0,41,145); font-size: 85%; font-weight: bold; }
div.notebookmorelinkshow:hover { color: goldenrod; text-decoration: underline; cursor: pointer; }
div.notebookmorelinkhide { display: none; }
.nonReturnDesc { clear: both; background-color: #EFF1F8; font-size: 80%; margin: 26px 0 5px 0; padding: 0.25em; }
.nonReturnDesc img { float: left; margin: 2px 2px 2px 0; }
#faq { clear: both; margin: 0; padding: 0 0 0 5px; border: solid 1px #CCCCCC; list-style: none; }
#faq a { margin-left: 25px; text-decoration: none; color: rgb(0,41,145); font-size: 90%; }
#faq a:hover { color: goldenrod; text-decoration: underline; }
#faq a:active { color: white; }
#faq li { margin: 0; padding: 5px 0 5px 0; border: dotted 1px #999999; border-top: 0; border-left: 0; border-right: 0; }
#faq li:last-child { border: 0; }
#faqReturn { background: url("returnIcon.gif") no-repeat 0 50%; }
#faqPayment { background: url("paymentIcon.gif") no-repeat 0 50%; }
#faqWarranty { background: url("docIcon.gif") no-repeat 0 50%; }
#faqInstitutional { background: url("institutionalIcon.gif") no-repeat 0 50%; }
#emailPageContactUs { float: left; display: inline; margin: 0; padding: 10px 0 10px 5px; background-color: #FFFFCC; list-style: none; } 
#emailPageContactUs a { padding-left: 20px; text-decoration: none; color: black; font-size: 90%; }
#emailPageContactUs a:hover { color: goldenrod; text-decoration: underline; }
#emailPageContactUs a:active { color: white; }
#faqEmailPage { float: left; display: inline; margin-left: 25%; background: url("mailIcon.gif") no-repeat 0 50%; }
#faqContact { float: right; clear: none; display: inline; margin-right: 50%; background: url("phoneIcon.gif") no-repeat 0 50%; }
.custCommentTitle { margin: 45px 0 0 0; padding: 2px 5px 2px 5px; background-color: rgb(0,41,145); color: white; font-size: 85%; }
.custComment { margin: 0; padding: 10px; background-color: rgb(246,246,247); color: rgb(0,41,145); font-size: 110%; font-style: italic; }
.custInfo { margin: 0; padding: 10px; background-color: rgb(246,246,247); color: #333333; font-size: 80% }
.additionalText { display: none; }
.familymembershow { display: block; visibility: visible; }
.familymemberhide { display: none; visibility: hidden; }
.csrBox { clear: both; }
