/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ This Green Stylesheet themes the website. All styling should be added to default.css. Only CSS specific to this theme should be added here. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* DEFAULT STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ html, body { color: #333; } body { background: url(../themes/brown/bg_body_brown.gif) repeat-x; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* GLOBAL STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ a { color: #254e95; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* TEMPLATE ELEMENTS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #headerwrap { background: url(../themes/brown/bg_header_brown.jpg) no-repeat top center; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* FORM ELEMENTS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ input, textarea, select { color: #402811; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* HEADING ELEMENTS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #logo a { background: url(../themes/brown/logo_brown.gif) no-repeat top left; } #logo a:hover { background: url(../themes/brown/logo_brown.gif) no-repeat bottom left; } h1 { color: #736354; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* HEADER STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* BASKET LINKS */ #basketlinks { background: url(../themes/brown/bg_checkout_brown.jpg) no-repeat top right; } #basketlinks li { color: #e8e1da; background: url(../themes/brown/bg_divider_brown.gif) no-repeat left center; } #basketlinks li a { color: #e8e1da; } #basketlinks li a:hover { color: #fff; } #basketlinks li.basket { background: url(../themes/brown/icon_basket_brown.gif) no-repeat left center; } /* CONTACT DETAILS AREA */ #contactinfo { background: url(../themes/brown/bg_contactlinks_brown.jpg) no-repeat top right; } #contactinfo li { color: #e8e1da; background: url(../themes/brown/bg_divider_brown.gif) no-repeat left center; } #contactinfo li.first { background: none; } #contactinfo li a { color: #e8e1da; } #contactinfo li a:hover { color: #fff; } #contactinfo li strong { color: #fff; } /* NAV STYLES */ #nav li { color: #e8e1da; background: url(../themes/brown/tab_left_brown.gif) no-repeat top left #e8e1da; } #nav li a { color: #402811; background: url(../themes/brown/tab_right_brown.gif) no-repeat top right; } #nav li.selected {background: url(../themes/brown/tab_left_sel_brown.gif) no-repeat top left;} #nav li.selected a { background: url(../themes/brown/tab_right_sel_brown.gif) no-repeat top right; } /* USEFUL LITTLE LINKS IN THE HEADER */ #usefullinks li a { color: #402811; } #usefullinks li.bookmark { background: url(../images/icon_bookmark.gif) no-repeat left center; } #usefullinks li.emailafriend { background: url(../images/icon_email.gif) no-repeat left center; } /* Scroller */ #scroller a { color: #402811; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* CONTENT STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /***************** HOMEPAGE SPECIFIC *****************/ .imglinksbox { background: #f2ede9; color: #402811; } .imglinksbox ul li { background: url(../images/arrow.gif) no-repeat left center; } .imglinksbox ul li a { color: #402811; } .imglinksbox .right li strong, .imglinksbox li span { color: #c00; } /* Homepage offer products */ .hpofferswrap .offersleft, .hpofferswrap .offersright { border: 1px solid #e3e3e3; } .hpofferswrap h2 { background: #f2ede9; color: #402811; } .hpofferswrap h2 a { color: #402811; } .hpofferswrap h2 strong { color: #c00; } .hpofferswrap ul { color: #254e95; } .hpofferswrap li { border-left: 1px solid #e3e3e3; } .hpofferswrap li strong { color: #c00; } /* Homepage Best sellers */ .bestsellers { border: 1px solid #e9dada; } .bestsellers h2 { background: #e9dada; color: #c00; } .bestsellers h2 a { color: #c00; } .bestsellers h2 strong { color: #c00; } .bestsellers ol { color: #254e95; } .bestsellers li strong { color: #000; } /* Garden News */ .gardennews { background: #dae8e5; color: #114036; } .gardennews h2 { background: #114036; color: #dae8e5; } .gardennews h2 a, .gardennews h2 a:hover { color: #dae8e5; } .gardennews div h3 { color: #114036; } .gardennews ul li { background: url(../images/arrow.gif) no-repeat left center; } .gardennews a { color: #114036; } .gardennews a:hover { color: #114036; } /* Product Information */ .productinfowrap { border: 1px solid #e6e9da; } .productinfowrap h2 { background: #e6e9da; color: #364011; } .productinfowrap h2 a { color: #364011; } /********************* The rest **********************/ .breadcrumb { background: #e8e1da; border-bottom: 1px solid #fff; } .breadcrumb li { background: url(../images/arrow2.gif) no-repeat right center; } .breadcrumb li.last { background: none; } .breadcrumb li a { color: #402811; } /* 2x2 boxed categories area*/ .rangeswrap { background: #f2ede9; } .rangeitem { border-bottom: 1px solid #fff; border-right: 1px solid #fff; } .rangeitem a { color: #402811; } /* Main h1 heading on each page */ .checkoutstatus li { color: #ccc; } .checkoutstatus li.stage1_selected { background: url(../themes/brown/checkout_1_selected.gif) no-repeat left center; color: #736354; } .checkoutstatus li.stage2_selected { background: url(../themes/brown/checkout_2_selected.gif) no-repeat left center; color: #736354; } .checkoutstatus li.stage3_selected { background: url(../themes/brown/checkout_3_selected.gif) no-repeat left center; color: #736354; } .checkoutstatus li.stage4_selected { background: url(../themes/brown/checkout_4_selected.gif) no-repeat left center; color: #736354; } /* Paginator */ .paginator { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; color: #736354; } .paginator li a { color: #736354; } /* Grid layout for products not categories */ .productswrap li { border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } .productswrap li.rightitem { border-right: 1px solid #fff; } .productswrap strong { color: #c00; } .productswrap .highlighted { color: #c00; } /* Product information page where there is a left and right 2 column layout */ .productdetailswrap { border-top: 1px solid #e3e3e3; } .productdetailswrap span { color: #c00; } .productdetailswrap h2 { background: #e8e1da; color: #402811; padding: 5px 10px; } /**** two equal(ish)columns ***/ .innerleft { border-right: 1px solid #e3e3e3; } .innerright { border-left: 1px solid #e3e3e3; } /**** two columns, quarter width and 3 quarter width (Basket page for example) ***/ .innercol_wide { border-right: 1px solid #e3e3e3; } .innercol_thin { border-left: 1px solid #e3e3e3; } .imgoptions li { background: url(../images/bg_divider_grey.gif) no-repeat right center; } .imgoptions li.last { background: none; } .imgoptions li a, .imgoptions li a:hover { color: #515151; } /* Buying options with add to basket */ .buying_options strong, .buying_options span { color: #c00; } /* Fabric options box */ .fabric_options { background: #f2ede9; } .fabric_options li a { border: 2px solid #f2ede9; } .fabric_options li a:hover { border: 2px solid #736354; } .fabric_options h2 { color: #402811; } /* Fabric options box - chosen */ .request_sample_chosen { border-bottom: 1px solid #e3e3e3; background: #f2ede9; } .request_sample_chosen a, .request_sample_chosen a:hover { color: #333; } .selected_swatch a { border: 4px solid #fff; } .selected_swatch a:hover { border: 4px solid #402811; } /* Request a sample box */ .request_sample { border-bottom: 1px solid #e3e3e3; } .request_sample a, .request_sample a:hover { color: #333; } /* Table of items (products in rightcolumn for example) */ .productdetailswrap table { background: #fff; color: #402811; } .productdetailswrap table th { background: #736354; color: #f2ede9; border-bottom: 1px solid #fff; } .productdetailswrap table tr.highlighted td { background: #f0edeb; border-bottom: 1px solid #fff; } .productdetailswrap table.basket tr td { border-bottom: 1px solid #fff; } .productdetailswrap table tr.subtotal td { border-bottom: 1px solid #e3e3e3; } .productdetailswrap table td a { color: #402811; } .productdetailswrap table td strong, .productdetailswrap table td span { color: #402811; } .productdetailswrap table tr.highlighted td strong, .productdetailswrap table tr.highlighted td span { color: #c00; } .productdetailswrap table.simpletable td { border-top: 1px solid #e3e3e3; } /* Checkout */ .formrow2 { background: #f0edeb; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* LEFTCOLUMN STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* Search Box */ #searchbox { background: #f2ede9; } #searchbox label { color: #402811; } #searchbox input { color: #402811; border: 1px solid #b9c2dd; } #searchbox input.formbutton { color: #402811; } /* Styling for the Category boxes */ .catlinksbox { border: 1px solid #e8e1da; color: #254e95; } .catlinksbox h2 { background: #e8e1da; color: #402811; } .catlinksbox h2 a, .catlinksbox h2 a:visited { color: #402811; } /* Styling for the Generic boxes */ .genericbox { border: 1px solid #e8e1da; color: #5e564d; } .genericbox h2 { background: #736354; color: #f2ede9; } .genericbox h2.simple { border-top: 1px solid #e8e1da; background: #fff; color: #736354; } .genericbox label { color: #402811; } .genericbox input { color: #402811; border: 1px solid #e8e1da; } .genericbox input.formbutton { color: #402811; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* FOOTER ELEMENTS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .level1links { background: #736354; } .level1links li { border-right: 1px solid #fff; } .level1links li a { color: #fff; } .level2links { background: #e8e1da; } .level2links li { border-right: 1px solid #402811; } .level2links li a { color: #402811; }