/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ This Blue Stylesheet themes the website. All styling should be added to default.css. Only CSS specific to this theme should be added here. This is the default colour scheme for the website. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* DEFAULT STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ html, body { color: #333; } body { background: url(../themes/purple/bg_body_purple.gif) repeat-x; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* GLOBAL STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ a { color: #4a2594; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* TEMPLATE ELEMENTS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #headerwrap { background: url(../themes/purple/bg_header_purple.jpg) no-repeat top center; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* FORM ELEMENTS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ input, textarea, select { color: #211140; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* HEADING ELEMENTS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ #logo a { background: url(../themes/purple/logo_purple.gif) no-repeat top left; } #logo a:hover { background: url(../themes/purple/logo_purple.gif) no-repeat bottom left; } h1 { color: #5e5473; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* HEADER STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* BASKET LINKS */ #basketlinks {background: url(../themes/purple/bg_checkout_purple.jpg) no-repeat top right; } #basketlinks li { color: #dfdae8; background: url(../images/bg_divider.gif) no-repeat left center; } #basketlinks li a { color: #dfdae8; } #basketlinks li a:hover { color: #fff; } #basketlinks li.basket { background: url(../themes/purple/icon_basket_purple.gif) no-repeat left center; } /* CONTACT DETAILS AREA */ #contactinfo { background: url(../themes/purple/bg_contactlinks_purple.jpg) no-repeat top right; } #contactinfo li { color: #dfdae8; background: url(../images/bg_divider.gif) no-repeat left center; } #contactinfo li.first { background: none; } #contactinfo li a { color: #dfdae8; } #contactinfo li a:hover { color: #fff; } #contactinfo li strong { color: #fff; } /* NAV STYLES */ #nav li { color: #dfdae8; background: url(../themes/purple/tab_left_purple.gif) no-repeat top left #dfdae8; } #nav li a { color: #211140; background: url(../themes/purple/tab_right_purple.gif) no-repeat top right; } #nav li.selected {background: url(../themes/purple/tab_left_sel_purple.gif) no-repeat top left;} #nav li.selected a { background: url(../themes/purple/tab_right_sel_purple.gif) no-repeat top right; } /* USEFUL LITTLE LINKS IN THE HEADER */ #usefullinks li a { color: #211140; } #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: #211140; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* CONTENT STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /***************** HOMEPAGE SPECIFIC *****************/ .imglinksbox { background: #ece9f2; color: #211140; } .imglinksbox ul li { background: url(../images/arrow.gif) no-repeat left center; } .imglinksbox ul li a { color: #211140; } .imglinksbox li strong, .imglinksbox li span { color: #c00; } /* Homepage offer products */ .hpofferswrap .offersleft, .hpofferswrap .offersright { border: 1px solid #e3e3e3; } .hpofferswrap h2 { background: #ece9f2; color: #211140; } .hpofferswrap h2 a { color: #211140; } .hpofferswrap h2 strong { color: #c00; } .hpofferswrap ul { color: #4a2594; } .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: #4a2594; } .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: #dfdae8; 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: #211140; } /* 2x2 boxed categories area*/ .rangeswrap { background: #ece9f2; } .rangeitem { border-bottom: 1px solid #fff; border-right: 1px solid #fff; } .rangeitem a { color: #211140; } /* Main h1 heading on each page */ .checkoutstatus li { color: #ccc; } .checkoutstatus li.stage1_selected { background: url(../themes/purple/checkout_1_selected.gif) no-repeat left center; color: #5e5473; } .checkoutstatus li.stage2_selected { background: url(../themes/purple/checkout_2_selected.gif) no-repeat left center; color: #5e5473; } .checkoutstatus li.stage3_selected { background: url(../themes/purple/checkout_3_selected.gif) no-repeat left center; color: #5e5473; } .checkoutstatus li.stage4_selected { background: url(../themes/purple/checkout_4_selected.gif) no-repeat left center; color: #5e5473; } /* Paginator */ .paginator { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; color: #5e5473; } .paginator li a { color: #5e5473; } .paginator li a:hover { background: #ece9f2; } /* 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 a left and right 2 column layout */ .productdetailswrap { border-top: 1px solid #e3e3e3; } .productdetailswrap span { color: #c00; } .productdetailswrap h2 { background: #dfdae8; color: #211140; padding: 5px 10px; } .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: #ece9f2; } .fabric_options li a { border: 2px solid #ece9f2; } .fabric_options li a:hover { border: 2px solid #5e5473; } .fabric_options h2 { color: #5e5473; } /* Fabric options box - chosen */ .request_sample_chosen { border-bottom: 1px solid #e3e3e3; background: #ece9f2; } .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 #5e5473; } /* 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: #5e5473; } .productdetailswrap table th { background: #5e5473; color: #ece9f2; border-bottom: 1px solid #fff; } .productdetailswrap table tr.highlighted td { background: #ebedf0; 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: #5e5473; } .productdetailswrap table td strong, .productdetailswrap table td span { color: #5e5473; } .productdetailswrap table tr.highlighted td strong, .productdetailswrap table tr.highlighted td span { color: #c00; } .productdetailswrap table.more_items td { border-bottom: 1px solid #e3e3e3; } /* Checkout */ .formrow2 { background: #ebedf0; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* LEFTCOLUMN STYLES */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* Search Box */ #searchbox { background: #ece9f2; } #searchbox label { color: #211140; } #searchbox input { color: #211140; border: 1px solid #c6bade; } #searchbox input.formbutton { color: #211140; } /* Styling for the Category boxes */ .catlinksbox { border: 1px solid #dfdae8; color: #4a2594; } .catlinksbox h2 { background: #dfdae8; color: #211140; } .catlinksbox h2 a, .catlinksbox h2 a:visited { color: #211140; } /* Styling for the Generic boxes */ .genericbox { border: 1px solid #dfdae8; color: #4d545e; } .genericbox h2 { background: #dfdae8; color: #114036; } .genericbox h2.simple { border-top: 1px solid #dae8e5; background: #fff; color: #114036; } .genericbox label { color: #211140; } .genericbox input { color: #211140; border: 1px solid #c6bade; } .genericbox input.formbutton { color: #211140; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* FOOTER ELEMENTS */ /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ .level1links { background: #211140; } .level1links li { border-right: 1px solid #fff; } .level1links li a { color: #fff; } .level2links { background: #dfdae8; } .level2links li { border-right: 1px solid #211140; } .level2links li a { color: #211140; }