/* CSS Document */ /* hr makes sure hr lines clear pics, etc. */ hr { display: block; } /* .pricing .accessoryheader tr is a which formats a row of to separate the bottom of an .items into an accessories section within a .pricing
*/ /* .pricing .accessoryheader tr needs this full name including .pricing because it is a nested table within .pricing
*/ .pricing .accessoryheader tr { background-color: #E4EDDC; color: inherit; font-size: 0.8em; font-weight: bold; padding-top: 1em; } /* .afterblurb separates images in header from
and cart below */ .afterblurb { clear: both; } /* .blurb is a
containing pic and text intro of product at top of page */ /* .blurb inherits from */ .blurb { background-color: inherit; color : #333333; line-height : 15px; margin: auto; padding: 0.5em; text-align: left; font-family: Arial, Helvetica, sans-serif; } /* .blurb h1 is manufacturer name at top of page */ /* .blurb h1 inherits from */ .blurb h1 { background-color: inherit; color: #cc3300; font-family: Georgia, "Times New Roman", Times, serif; font-size: 2.1em; letter-spacing: 0.1em; line-height: 26px; margin: 1.5em 0 0.1em 0; } /* .blurb h2 is product name at top of page */ /* .blurb h2 inherits from */ .blurb h2 { background-color: inherit; color: #669999; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.8em; letter-spacing: 0.1em; margin: 0; } /* .blurb h3 is categoy description under product name at top of page */ .blurb h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; margin-top: 5px; } /* .blurb img is product pic at top of page */ /* .blurb table contains javascript rollover images at tht top of a page */ .blurb img, .blurb table { clear: both; display: block; float: right; } .blurb p { font-size: 1.1em; } /* .bpbox is a
containing bonus point info in shopping cart*/ /* .bpbox inherits from */ .bpbox { background-color: #FFFFCC; border: 2px blue solid; color: inherit; margin: 15px 15px; padding: 1em; } .bpbox a:link, .bpbox a:visited { color: #0000FF; background-color: inherit; font-size: 0.85em; } .bpbox a:hover { color: #FF6633; background-color: inherit; } /* .bpbox h3 is an "earns bp" message in shopping cart*/ /* .bpbox inherits from */ .bpbox h3 { background-color: inherit; color: #FF0000; font-size: 1.0em; } /* .cart appplies to 2
s containing order info links, and view and go to cart buttons */ .cart { margin: 1em auto 1em auto; } /* .cart th applies to the order info links above .pricing */ .cart th { padding: 0 15px; } /* .details is a table containing a
in .details table */ .details { border-collapse: collapse; margin: auto; width: 80%; } /* .details caption, .features caption, .specs caption defines the titles above the info tables found at the bottom portion of the page */ .details caption, .features caption, .specs caption, .tentdimens caption { background-color: #777777; border-left: 1px solid black; border-right: 1px solid black; border-top: 1px solid black; color: #88CCFF; font-size: 1.3em; font-weight: bold; margin: 0; padding: 2px 0; } /* .details dd is a long text description of product in .details table */ .details dd { font-size: 1em; } /* .details dt is name of technology described by .details dd in .details table */ .details dt { font-size: 1.1em; font-weight: bold; margin: 0.6em; text-decoration: underline; } /* .details img is photo of product or technology in .details table */ .details img { display: block; margin: 0 auto; } /* .details td applies to all cells in .details table */ .details td { border: 1px solid black; } /* .detailscolpic is a
containing a pic in .details table */ .detailscolpic { background-color: #FFFFFF; color: inherit; } /* .detailscoltext is a containing text in .details table */ /* .detailscoltext inherits from */ .detailscoltext { background-color: #DEDDDD; color: inherit; } /* .features is a table with photos and
    of features (as distinct from specs) */ .features { border-collapse: collapse; margin: 0 auto 1em auto; width: 80%; } /* .features caption - see .details caption */ /* .features img are in the column labeled .featurescolpic */ .features img { display: block; margin: 0 auto; } /* .features li is a text item in a list of product features in the .features table */ .features ul li { font-size: 1.2em; margin-bottom: 8px; text-align: left; /*for IE*/ } .features ol li { font-size: 1.3em; margin-right: 10px; margin-bottom: 5px; font-weight: bold; text-align: left; /*for IE*/ } /* .features td applies to all cells in .features table */ .features td { border: solid black 1px; } /* .featurescolpic is a column of
s containing pictures in the features table */ /* .features .cola deprecated */ .featurescolpic, .features .cola { background-color: #FFFFFF; color: inherit; } /* .featurescoltext is a column of s containing a
    in the features table */ /* .featurescoltext inherits from */ /* .features .colb deprecated */ .featurescoltext, .features .colb { background-color: #DEDDDD; color: inherit; } .featurescoltextol li { margin-bottom: 15 px; } .featurescoltext p { margin: 0 5px 10px 5px; text-align:left; font-size: 1.1em; } /* .footnote is a

    containing a generic note under table, etc. */ .footnote { font-size: 0.85em; font-style: italic; margin: 5px 0; text-align: center; } .items a:link, .items a:visited { color: #0000FF; background-color: inherit; } .items a:hover { color: #FF6633; background-color: inherit; } /* .items is a containing radio buttons and a listing of products within a .pricing table */ /* .style is deprecated, replaced by .items */ .items, .style { border-collapse: collapse; margin: 10px auto; } /* .pricing .items td formats all td in .items table; formats
    s containing radio buttons, price, and style of product */ /* .pricing .items td needs this full name including .pricing because it is a nested table within .pricing table */ /* .pricing .items td inherits from */ /* .style is deprecated, replaced by .items */ .pricing .items td, .pricing .style td { background-color: #FFFFFF; border: 1px solid black; color: inherit; padding: 0 4px; margin: 0; width: auto; } /* .items td h3, .items td h4, applies to radio button choices in .pricing table */ /* .style is deprecated, replaced by .items */ /* .items td h3, .items td h4, .style td h3, .style td h4 { */ .items h3, .items h4, .style h3, .style h4 { font-size: 0.8em; margin: 0; } .items h5 { font-size: 0.8em; margin: 0; text-align: center; width: 3em; } /* .ltgnotice p, .ltgnotice h2 formats the ltg messages in notice box */ .ltgnotice p, .ltgnotice h2 { text-align: center; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; } /* .ltgnotice is a
    containing notice info for leatherman tools (such as volume discount info) */ .ltgnotice { background-color:#FFCC33; border: 3px solid black; color: inherit; margin: 1em auto; width: 500px; } /* .matrix is a containing radio buttons in 2 or 3 dimensions to sort product in .pricing
    */ .matrix { background-color: #E4EDDC; border: 1px solid black; border-collapse: collapse; color: inherit; margin: 1em auto; } /* .matrix img formats any image within the .matrix table */ .matrix img { margin: 0em auto; } /* .matrix a:hover applies to links found in a .matrix table */ /* .matrix a:hover inherits from .matrixtop th or .matrix th */ .matrix a:hover { background-color: inherit; color: #FF6600; } /* .matrix a:link, .matrix a:visited applies to links found in a .matrix table */ /* .matrix a:link, .matrix a:visited inherits from .matrixtop th or .matrix th */ .matrix a:link, .matrix a:visited { background-color: inherit; color: #3300FF; } /* .matrix p formats text in a .matrix table */ .matrix p, .tentdimens p { font-size: 0.7em; margin: 0; text-align: center; } /* .pricing .matrix td is all which formats a row of which formats the top row of
    in .matrix table, formats s containing selectors */ /* .pricing .matrix td needs this full name including .pricing because it is a nested table within .pricing table */ .pricing .matrix td { background-color: #FFFFFF; border: 1px solid black; color: inherit; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; margin: 0; padding: 2px 8px; } /* .matrix th formats s containing product model and variations in .matrix table */ .matrix th { background-color: #DEDDDD; border: 1px solid black; color: #333333; font-size: 0.8em; padding: 0.2em 0.5em; } /* .matrixbar is a
    that separates table areas for 3D matrix in .matrix table */ .matrixbar { line-height: 0.1em; } /* .matrixnotice is a used to highlight text such as price differences in a .matrix table */ th span.matrixnotice { background-color: inherit; color: #FF0000; font-size: 0.75em; } /* .matrixtop th is a
    s in a .matrix table */ .matrixtop th { background-color: #DEDDDD; color: #3300FF; } /* .notice is a which highlights inline text */ /* .notice inherits from containing element */ .notice { background-color: inherit; color: #FF0000; text-align: center; font-size: 1.2em; font-weight: bold; } /* .noticebox highlights block elements like

    */ .noticebox { background-color: #ffe058/*#abbe84*/; border: solid #ae430d 2px; color: #ae430d; font-weight: bold; margin: 0 auto; padding: 4px 4px; text-align: center; width: 60%; } .noticebox img { float: left; clear: right; } .noticeboxflt { background-color: #66CCFF; border: solid #FF0000 2px; color: #FF0000; font-weight: bold; margin: 0 auto; padding: 2px 2px; text-align: center; width: 40%; } /* .photoblock is a containing pics and text descriptions */ .photoblock { border-collapse: collapse; margin: 0 auto 10px auto; } /* .photoblock caption defines the manufacturer product name above a .photoblock table */ .photoblock caption { font-size: 1.2em; font-weight: bold; margin: 0 auto; padding: 0.6em 0; } /* .photoblock img is a detail pic explaining product in .photoblock table */ .photoblockpic img { display: block; margin: 0 auto; } /* .photoblock td formats all
    within .photoblock */ .photoblock td { border: 1px solid black; width: 300px; } /* .photoblockpic is a
    containing a detail pic explaining product in .photoblock table */ .photoblockpic { background-color: #FFFFFF; color: inherit; padding: 0; vertical-align: bottom; } /* .photoblocktext ia a containing text to explain pic in .photoblock table */ /*.photoblock .pbtxt is deprecated */ .photoblocktext, .photoblock .pbtxt { background-color: #DEDDDD; color: inherit; font-size: 1em; padding: 0.4em; } /* photolinks is a of pics and text with links to additional photo pages */ .photolinks { border-collapse: collapse; margin: auto; width: 70%; } /* photolinks caption is a title for a .photolinks table (usually manufacturer and product name) */ .photolinks caption { font-size: 1.2em; font-weight: bold; margin: auto; padding-bottom: 0.6em; } /* .photolinks img is a pic of product on an intro page in a .photolinks table */ .photolinks img { display: block; margin-left: auto; margin-right: auto; } /* .photolinks td applies to all
    cells in .photolinks table */ .photolinks td { border: 1px solid black; } /* .photolinkspic is a containing pics in a .photolinks table */ .photolinkspic { background-color: #FFFFFF; color: inherit; } /* .photolinkstext is a containing text in a .photolinks table */ /* .photolinkstext inherits from */ /* .photolinks .text is deprecated */ .photolinkstext, .photolinks .text { background-color: #DEDDDD; color: inherit; font-size: 0.95em; padding: 5px; } /* .pricing is a located in the shopping cart containing cart buttons and .items
    */ .pricing { border: 1px solid black; border-collapse: collapse; margin: 15px auto 15px auto; } .pricingnotice { font-size: 0.75em; margin: 0; color: #FF0000; background-color: inherit; } /* .pricing h1 identifies manufacturer name in .pricing
    */ .pricing h1 { font-size: 1.3em; margin: 0; } /* .pricing h2 identifies product name in .pricing
    */ .pricing h2 { font-size: 1.1em; margin: 0; } /* .pricing h3 identifies price in .pricing
    */ /* .pricing h3 inherits from .items */ .pricing h3 { background-color: inherit; color: #FF0000; margin: 0; padding: 0.4em 0; } /* .pricing p identifies other loose text in .pricing
    */ .pricing p { margin: 0; } /*.pricing .style .accessoryheader td {*/ /* delete061005? .style caption { font-size: 1.1em; font-weight: bold; }*/ /* .pricing td formats
    in .pricing table (note-.items table is nested inside .pricing table) */ /* .pricing td inherits from */ .pricing td { background-color: #E4EDDC; border: 1px solid black; color: inherit; padding: 1em; text-align: center; } /* .pricing .accessoryheader tr: alphabetized under .accessoryheader */ /* .pricing .items td, .pricing .style td: alphabetized under items */ /* .product is a which applies format to the main product page (as distinct from a .support page) */ .product { font-family: Arial, Helvetica, sans-serif; } .promo { padding: 2px 0px; margin-top: 0; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; color: #FFCC00; background-color: #666666; font-weight: bold; font-size: 1.4em; border: 1px double #FFCC00; } .promo a:link, .promo a:visited { color: #FFFFFF; background-color: inherit; text-decoration: underline; } .promo a:hover { color: #66CCFF; background-color: inherit; text-decoration: underline; } .promo a:active { color: #FFCC00; background-color: inherit; text-decoration: underline; } /* .scroll is a

    in the .blurb div which formats instructions to scroll down the page for photos and descriptions */ /* .scroll inhertits from */ .scroll { background-color: inherit; color: #993300; font-weight: bold; margin: 0; text-align: left; } /* .specs is a containing product measurements and other specs */ .specs { border-collapse: collapse; margin: 0 auto 1em auto; } /* .specs caption - see .details caption */ /* .specs td formats product property values in
    in .spec table */ /* .specs td inherits from */ /* .specs .colb deprecated */ .specs td, .specs .colb { background-color: #DEDDDD; border: 1px solid black; color: inherit; font-size: 1.1em; padding: 2px 10px; text-align: center; } /* .specs th formats product properties or models in in .spec table */ /* .specs th inherits from */ /* .specs .cola deprecated */ .specs th, .specs .cola { background-color: #EEF7FF; border: 1px solid black; color: inherit; font-size: 1.1em; font-weight: bold; text-align: center; } /* .specstop th formats the top row of product properties or models in .spec table */ .specstop th { background-color: #EEF7FF /*FFFFE4*/; color: inherit; font-size: 1.1em; font-weight: bold; text-align: center; } /* .support is a for pages that supply support info (eg, details of tent interior) */ .support { font-family: Arial, Helvetica, sans-serif; } /* .support h1 defines manufacturer product name on a support page */ .support h1 { font-size: 1.4em; text-align: center; } /* .support h2 defines type of info on support page ex. additional photos of tent interior */ .support h2 { font-size: 1.2em; text-align: center; } /* .support img formats pics on a detail photo supporting page */ .support img { display: block; margin: 1em auto; } .tentdimens { margin: 0 auto; border-collapse: collapse; } .tentdimens img { display: block; margin: auto; } .tentdimens td { border: 1px solid black; } /* .thirdpartyreview is a
    that contains reviews from publications such as Backpacker Mag */ .thirdpartyreview { background-color: #999999; border-color: #000000; border-style: solid; border-width: 1px; color: #FFFFFF; margin: 1em auto; text-align: left; width: 45%; } /* .thirdpartyreview h2 is the highest heading in the block (ie, roughtly equal to other h2s, though they may be formatted differently */ .thirdpartyreview h2 { background-color: #666666; border-bottom: 1px black solid; color: #FF9900; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; margin: 0; text-align: center; } /* .thirdpartyreview p is text of review */ .thirdpartyreview p { font-family: "Times New Roman", Times, serif; font-size: 0.85em; margin: 10px 0; padding: 0 0.5em; } /* .thirdpartyreview p .drop is a formatting the first letter of the review text */ /* .thirdpartyreview p .drop inherits from <.thirdpartyreview> */ .thirdpartyreview p .drop { background-color: #666666; border: 2px solid #ccc; color: inherit; float: left; font-size: 300%; line-height: 1em; margin: 1px 3px 2px 0; padding: 1px 2px; } /* .thirdpartyreview .ref is the reference citation at the bottom of the review */ .thirdpartyreview .ref { font-size: 0.8em; font-style: italic; margin-bottom: 2px; text-align: right; } /* .warranty is a located at the bottom of the page containing manufacturer warranty info */ /* .warranty inherits from */ .warranty { background-color: #FFFF99; border: 1px solid black; color: inherit; margin: 1em auto; width: 50%; } /* .warranty h1 defines the manufacturer name at the top of the .warranty table*/ .warranty h1 { font-size: 1em; text-align: center; margin-top: 0; margin-bottom: 0.5em; } /* .warranty p is text explaining the warranty in a .warranty table*/ .warranty p { font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; margin: 0.2em; } /* .warranty td applies the inside thinner border around a .warranty table */ .warranty td { border: 1px solid black; padding: 0.5em; } /* css below is for multi color comparision table -see trangia stoves */ .mctbl{ border-collapse:collapse; width:85%; } .mctbl th, .mctbl td{ border: 1px solid black; text-align: center; padding: 3px; } .mctbl caption { font-size: 18px; padding: 10px; } .mctbl th { background-color: #99CCFF; font-size: 1.0em; } .odd { background-color: #CCCCCC; } .hglt { background-color: #FFFF99; } /* end multi color table css */