/* ----------------------------------------------- CSS Framework v2.2 Copyright to James Kirby - www.jameskirby.me.uk Creative Commons Attribution-Noncommercial-No Derivative Works 2.0 UK: England & Wales License (http://creativecommons.org/licenses/by-nc-nd/2.0/uk/) Updated: Feb 24th 2009 12:43pm ----------------------------------------------- */ html { margin:0; padding:0; } body { margin:0; padding:0; color:#000000; background:#6C7E50 url("background.jpg") center top no-repeat; font-size:0.8em; font-family:Arial,Helvetica,Sans-serif; } img { border-style:none; display:block; } img.inline, #article img, #sidebar img { display:-moz-inline-stack; display:inline-block; } img.block, embed, object { display:block!important; } form { margin:0 0 16px 0; padding:0; } blockquote { margin:16px; } hr { border:none 0; margin:16px 0; border-top:2px solid #C6D89F; height:0; } p { padding:0; margin:0 0 16px 0; } dt { font-weight:bold; margin-bottom:4px; } dd { margin-bottom:16px; } h1, h2 { color:#866B46; font-size:1.6em; margin-top:0; font-family:"Times New Roman",Times,serif; font-weight:normal; } h3 { color:#866B46; font-size:1.45em; margin-top:0; font-family:"Times New Roman",Times,serif; } h4, h5, h6 { color:#866B46; font-size:1.25em; font-family:"Times New Roman",Times,serif; } a, a:visited { color:#68824F; text-decoration:underline; } a:focus, a:hover { color:#3F4F30; text-decoration:underline; } a:active { color:#161C11; text-decoration:underline; } .clear { clear:both; height:0; overflow:hidden; } .hide { display:none; } .error { color:#FF0000; font-weight:bold; } .nowrap { white-space:nowrap; } .photoRight { float:right; margin:3px 0 7px 10px; } .photoLeft { float:left; margin:3px 10px 7px 0; } .photoCentre { display:block; margin:0 auto; } .center { text-align:center; } .justify { text-align:justify; } .article-left { width:48%; float:left; } .article-right { width:48%; float:right; } .article-rightalt { width:48%; float:right; text-align:right; } .protection { unicode-bidi:bidi-override; direction:rtl; } .nomargin, .nomargins { margin:0; padding:0; } /* ---------------------- Interface CSS ---------------------- */ #dropshadow_header { height:265px; background:url("dropshadow_header.png") center top no-repeat; padding-top:30px; } #dropshadow_content { background:url("dropshadow_content.png") center top repeat-y; } #dropshadow_footer { height:60px; background:url("dropshadow_footer.png") center bottom no-repeat; /*padding-bottom:30px;*/ } .container { width:964px; margin:0 auto; background-color:#FFFFFF; } .container_borders { width:958px; margin:0 auto; background-color:#FFFFFF; border-left:3px solid #FFF; border-right:3px solid #FFF; } #accessibility { height:0; overflow:hidden; } #accessibility p { text-indent:-9000px; } #header { width:958px; height:262px; border-left:3px solid #FFF; border-right:3px solid #FFF; border-top:3px solid #FFF; background:#FFFFFF url("header_background.jpg") left top no-repeat; } #header_top { height:31px; overflow:hidden; } #nav_search { float:right; width:285px; height:30px; background:#FFFFFF url("search_bar.gif") left top no-repeat; } #nav_search p { margin:0; } #nav_search .ti { margin:6px 0 0 57px; width:200px; vertical-align:middle; border:1px solid #866B46; padding:2px; } #nav_search .si { margin-top:5px; padding-left:5px; vertical-align:middle; } #nav_top { float:right; font-size:0.9em; padding:9px 14px 9px 9px; } #nav_top p { margin:0; } #nav_top a, #nav_top a:visited { color:#000000; text-decoration:none; } #nav_top a:focus, #nav_top a:hover { color:#68824F; text-decoration:underline; } #nav_top a:active { color:#3F4F30; text-decoration:underline; } #header_message { height:36px; color:#866B46; font-size:1.6em; padding-top:8px; padding-left:182px; font-family:"Times New Roman",Times,serif; } #header_left { width:219px; height:177px; float:left; } #header_right { width:718px; height:177px; float:right; } #header_left h1 { margin:0; padding:0; width:219px; } #header_left h1 a, #header_left h1 a:visited { width:219px; height:184px; display:block; text-indent:-9999px; background:url("logo.gif") left bottom no-repeat; } #selectMenu { list-style:none; margin:0; padding:0; } #selectMenu li { width:95px; height:84px; float:left; margin:0 7px 7px 0; } #selectMenu li a, #selectMenu li a:visited { width:97px; height:84px; display:block; text-indent:-9999px; } #selectMenu li.active a, #selectMenu li.active a:visited { background-position:left bottom; } #select_banner { width:197px!important; } /* was 401 */ #select_banner a { width:197px!important; } /* was 401 */ #select_coeliac a { background:url("select/select_coeliac.png") left top no-repeat; } #select_cornfree a { background:url("select/select_cornfree.png") left top no-repeat; } #select_dairyfree a { background:url("select/select_dairyfree.png") left top no-repeat; } #select_gfcf a { background:url("select/select_gfcf.png") left top no-repeat; } #select_nutfree a { background:url("select/select_nutfree.png") left top no-repeat; } #select_organic a { background:url("select/select_organic.png") left top no-repeat; } #select_soyafree a { background:url("select/select_soyafree.png") left top no-repeat; } #select_sugarfree a { background:url("select/select_sugarfree.png") left top no-repeat; } #select_wheatfree a { background:url("select/select_wheatfree.png") left top no-repeat; } #select_yeastfree a { background:url("select/select_yeastfree.png") left top no-repeat; } #select_vegetarian a { background:url("select/select_vegetarian.png") left top no-repeat; } #select_vegan a { background:url("select/select_vegan.png") left top no-repeat; } #select_button { width:35px!important; height:34px!important; margin-top:134px; overflow:hidden; } #select_button a, #select_button a:visited { background:url("select/select_button.png") left top no-repeat; width:35px!important; height:34px!important; } #select_button a:focus, #select_button a:hover { background-position:left bottom!important; } #article { width:787px; float:right; } #article_padding { padding:15px 31px 15px 31px; } #sidebar { width:169px; float:left; background:url("sidebar_background.gif") left top no-repeat; } #sidebar_padding { padding:11px 16px 0 0; } #sidebar_cards { width:165px; height:112px; background:url("sidebar_cards.gif") center center no-repeat;} #nav { width:151px; min-height:375px; } .nav_coeliac { background:url("nav_coeliac.gif") 21px center no-repeat; } .nav_dairyfree { background:url("nav_dairy_free.gif") 21px center no-repeat; } .nav_gfcf { background:url("nav_gfcf.gif") 21px center no-repeat; } .nav_ibs { background:url("nav_ibs.gif") 21px center no-repeat; } .nav_diabetic { background:url("nav_diabetic.gif") 21px center no-repeat; } .nav_nutallergies { background:url("nav_nutallergies.gif") 21px center no-repeat; } .nav_eczema { background:url("nav_eczema.gif") 21px center no-repeat; } .dairy_free { background:url("nav_dairy_free.gif") 21px center no-repeat; } .lactose_free { background:url("nav_lactose_free.gif") 21px center no-repeat; } .vegetarian { background:url("nav_vegetarian.gif") 21px center no-repeat; } .vegan { background:url("nav_vegan.gif") 21px center no-repeat; } #footer { width:958px; border-left:3px solid #FFF; border-right:3px solid #FFF; border-bottom:3px solid #FFF; height:30px; background:#C6D89E; overflow:hidden; color:#68824F; } #footer a, #footer a:visited { color:#68824F; text-decoration:none; } #footer a:focus, #footer a:hover { color:#3F4F30; text-decoration:underline; } #footer a:active { color:#161C11; text-decoration:underline; } #footer_left { width:48%; float:left; } #footer_left .padding { padding:8px 0 8px 10px; } #footer_right { width:48%; float:right; text-align:right; } #footer_right .padding { padding:8px 10px 8px 0; } #sub_menu {padding-top:10px;width:958px; margin:0 auto; color:#C7DA97; text-align:center; font-size:0.8em;} #sub_menu_pad {padding:0 8px; padding-bottom:8px;} #sub_menu a, #sub_menu a:visited { color:#C7DA97; text-decoration:none; } #sub_menu a:focus, #sub_menu a:hover { color:#3F4F30; text-decoration:underline; } #sub_menu a:active { color:#161C11; text-decoration:underline; } /* ---------------------- Content CSS ---------------------- */ #googleMap { border:2px solid #000000; margin-bottom:16px; overflow:hidden; } .home_panel { width:382px; height:224px; overflow:hidden; padding:5px 400px 0 5px; background:#FFFFFF url("../images/home_background.jpg") right top no-repeat; } .home_panel div { /* padding-right:50px; */ padding-right:30px; } .home_panel p { margin-bottom: 12px;} .normal_panel { width:707px; _width:707px;/*787*/ padding:22px 40px 22px 40px; } .spacerblock { width:787px; height:27px; background-color:#C6D89E; margin-bottom:3px; /* margin:20px 3px 3px -20px;*/ } .spacerblock_extras { width:787px; height:27px; background-color:#C6D89E; margin:3px 0 3px 0; } .adverts_panel { list-style:none; /* margin:0 -20px 3px -20px;*/ padding:0; margin:0; } .adverts_panel li { float:left; } .adverts_special { list-style:none; margin:0; padding:0; } .adverts_special li { margin-top:3px; } #advert_recipebooks { width:254px; height:236px; margin-right:12px; } #advert_recipebooks a, #advert_recipebooks a:visited { width:254px; height:236px; display:block; background:#FFFFFF url("../images/advert_recipebooks.jpg") left top no-repeat; text-indent:-9999px; } #advert_needaboost { width:254px; height:236px; margin-right:13px; background:url("../images/advert_needaboost.jpg") left top no-repeat; } #advert_needaboost a, #advert_needaboost a:visited { width:254px; height:236px; display:block; text-indent:-9999px; } #advert_offer { width:254px; height:236px; } #advert_offer a, #advert_offer a:visited { width:254px; height:236px; display:block; background:#FFFFFF url("../images/advert_offer.jpg") left top no-repeat; text-indent:-9999px; } #display_coeliac { background:url("display/select_coeliac.png") left top no-repeat; width:95px; height:168px; } #display_cornfree { background:url("display/select_cornfree.png") left top no-repeat; width:95px; height:168px; } #display_dairyfree { background:url("display/select_dairyfree.png") left top no-repeat; width:95px; height:168px; } #display_gfcf { background:url("display/select_gfcf.png") left top no-repeat; width:95px; height:168px; } #display_nutfree { background:url("display/select_nutfree.png") left top no-repeat; width:95px; height:168px; } #display_organic { background:url("display/select_organic.png") left top no-repeat; width:95px; height:168px; } #display_soyafree { background:url("display/select_soyafree.png") left top no-repeat; width:95px; height:168px; } #display_sugarfree { background:url("display/select_sugarfree.png") left top no-repeat; width:95px; height:168px; } #display_wheatfree { background:url("display/select_wheatfree.png") left top no-repeat; width:95px; height:168px; } #display_yeastfree { background:url("display/select_yeastfree.png") left top no-repeat; width:95px; height:168px; } #display_vegetarian { background:url("display/select_vegetarian.png") left top no-repeat; width:95px; height:168px; } #display_vegan { background:url("display/select_vegan.png") left top no-repeat; width:95px; height:168px; } #product-details { padding: 10px;} /* ---------------------- Flash ---------------------- */ .flash p { margin:0; padding:15px; text-align:center; } .flash p a, .flash p a:visited { text-decoration:none; } .flash p a:hover, .flash p a:active { text-decoration:underline; } /* ---------------------- HighSlide ---------------------- */ .highslide { cursor:url("../behaviour/highslide/zoomin.cur"), pointer; outline:none; } .highslide-caption { display:none; padding:5px 7px 5px 7px; background-color:#96865b; color:#FFF; font-weight:bold; text-align:center; } .highslide-loading { display:block; color:#FFF; font-size:9px; font-weight:bold; text-transform:uppercase; text-decoration:none; padding:3px; border:1px solid #FFF; background-color:#000; } .highslide-display-block { display:block; } .highslide-display-none { display:none; } .closebutton { position:relative; top:-15px; left:15px; width:30px; height:30px; cursor:pointer; background: url("../behaviour/highslide/close.png"); } /* ---------------------- Tables ---------------------- */ .table { margin-bottom:16px; width:100%; border-collapse:collapse; } .table caption { text-align:left; font-size:0.85em; } .table th, .table td { border-bottom:1px solid #B4B4B4; padding:3px 0 3px 3px; } .table th { text-align:left; vertical-align:bottom; } .table th a, .table th a:visited { text-decoration:none; } .table th a:hover { text-decoration:underline; } .table td { text-align:left; vertical-align:top; } .table thead th, .table thead td { border-bottom:2px solid #B4B4B4!important; font-weight:bold; } .table tbody tr:hover { background-color:#E8E8E8; } .table tbody tr.alt { background-color:#E8E8E8; } .table tbody tr.alt:hover { background-color:#D1D1D1; } /* ---------------------- Accordion ---------------------- */ .accordion_header { margin:0; border-bottom:2px solid #C6D89E; background:url("arrow_closed.gif") right 4px no-repeat; } .accordion_header a, .accordion_header a:visited { width:151px; color:#866B46; text-decoration:none; display:inline-block; font-family:"Times New Roman",Times,serif; font-size:1.4em; padding:2px 0 2px 15px; } .accordion_header a:focus, .accordion_header a:hover { color:#54432C; text-decoration:none; } .accordion_header a:active { color:#211B11; text-decoration:none; } .accordion_content { display:none; border-bottom:2px solid #C6D89E; } .accordion_content ul { list-style:none; margin:0; padding:5px 0 10px 0; } .accordion_content ul li { border-bottom:none; background:none; } .accordion_content ul li a, .accordion_content ul li a:visited { font-size:1.2em; padding-left:40px; width:126px; color:#866B46; text-decoration:none; display:inline-block; font-family:"Times New Roman",Times,serif; } .accordion_content ul li a:focus, .accordion_content ul li a:hover { color:#54432C; text-decoration:none; } .accordion_content ul li a:active { color:#211B11; text-decoration:none; } .accordion_header.selected { border-bottom:0; background:url("arrow_open.gif") right 7px no-repeat; } /* Generic Accordion ie? */ /*#jquery-accordion div { display:block; }*/ /* -------------------------------------------- Shop -------------------------------------------- */ .description_panel { padding-left:20px; } .generic_panel { padding:20px; } .shop_header_left { width:172px; float:left; } .shop_header_left .padding { padding:15px 0 0 36px; } .shop_header_middle { width:361px; float:left; } .shop_header_middle .padding { padding:15px 90px 0 0; } .shop_header_right { width:254px; overflow:hidden; float:left; } .shop_left { width:500px; float:left; } .shop_breadcrumb { padding:10px; } .shop_breadcrumb p { margin:0; } #breadcrumbs { border-bottom:1px solid #c6d89e; margin-bottom:10px; } #breadcrumbs ul { list-style:none; margin:0; padding:0; } #breadcrumbs ul li { float:left; position:relative; margin-right:8px; background:url("breadcrumb.gif") right 3px no-repeat; padding-right:13px; padding-bottom:10px; } #breadcrumbs ul li:hover a { color:#63593d; } #breadcrumbs ul li:last-child { background:none; } #breadcrumbs ul li ul { display:none; } #breadcrumbs ul li:hover ul { display:block; position:absolute; top:18px; left:-5px; background-color:#96865b; width:180px; padding:0; } #breadcrumbs ul li:hover ul li { float:none; margin:0; background:none; border-bottom:1px solid #FFF; padding:0; } #breadcrumbs ul li:hover ul li a, #breadcrumbs ul li:hover ul li a:visited { display:block; color:#FFF; padding:5px; background-color:#96865b; text-decoration:none; } #breadcrumbs ul li:hover ul li a:focus, #breadcrumbs ul li:hover ul li a:hover, #breadcrumbs ul li:hover ul li a:active { display:block; color:#FFF; padding:5px; background-color:#63593d; text-decoration:none; } #breadcrumbs_home { margin-bottom:16px; width:460px; } #breadcrumbs_home ul { list-style:none; margin:0; padding:0; } #breadcrumbs_home ul li { border-bottom:1px solid #FFF; color:#FFF; font-weight:bold; } #breadcrumbs_home ul li a, #breadcrumbs_home ul li a:visited { display:block; color:#56713e; text-decoration:none; padding:5px 10px 5px 10px; _padding:4px 10px 4px 10px; background:url("main-item.gif") left top no-repeat; height:14px; } #breadcrumbs_home ul li a:focus, #breadcrumbs_home ul li a:hover, #breadcrumbs_home ul li a:active { background:url("main-item.gif") left bottom no-repeat; text-decoration:underline; } #breadcrumbs_home ul li span { float:right; display:none; } #breadcrumbs_home ul li ul { border-top:1px solid #FFF; padding:0 10px 0 10px; } #breadcrumbs_home ul li ul li { font-weight:normal; border-bottom:1px solid #c6d89e; } #breadcrumbs_home ul li ul li a, #breadcrumbs_home ul li ul li a:visited { background:none; color:#56713e; padding:4px 0 4px 0; } #breadcrumbs_home ul li ul li a:focus, #breadcrumbs_home ul li ul li a:hover, #breadcrumbs_home ul li ul li a:active { background:none; color:#56713e; } .shop_panel_header { background:url("shop/panel_footer.jpg") left bottom no-repeat; width:480px; margin:0 0 16px 20px; min-height:369px; } .shop_panel_footer { background:url("shop/panel_header.jpg") left top no-repeat; width:480px; } .cat_panel_header { width:495px; margin:0 0 16px 20px; border-bottom:1px solid #c6d89e; padding-bottom:10px; } .cat_panel_footer { background:url("shop/panel_header.jpg") left top no-repeat; width:480px; } .shop_title { background:url("shop/title.gif") right bottom no-repeat; padding:6px 15px 6px 10px; display:inline-block; margin-bottom:10px; } .shop_title h3 { margin:0; padding:0; display:inline-block; color:#FFF; font-weight:normal; } .shop_title h3 a, .shop_title h3 a:visited { color:#FFF; text-decoration:none; } .shop_title h3 a:focus, .shop_title h3 a:hover { color:#FFF; text-decoration:underline; } .shop_panel_left { width:260px;/*280*/ padding:0 10px 10px 10px; float:left; } .shop_panel_left p { margin:0; } .shop_panel_right { width:190px; float:left; min-height:210px; /* min-height:291px */ } .shop_panel_right_cat { width:190px; float:left; } .shop_panel_right small { font-size:0.85em; } .shop_panel_buy { text-align:right; } .shop_panel_buy p, .shop_panel_buy form { margin:0; } .shop_panel_buy span { vertical-align:middle; } .shop_panel_buy .addtobasket { vertical-align:middle; margin-left:10px; } .shop_panel_buy p span.pricespan {margin-right:20px; font-weight:bold; } .shop_right { width:254px; overflow:hidden; float:right; } .shop_basket { text-align:right; background:url("shop/shoppingbasketbackground.gif") right top no-repeat; width:254px; } .shop_basket_padding { padding:35px 14px 8px 14px; } .shop_basket_padding p { margin:0; color:#866B46; } .shop_basket h3 { display:none; } .shop_price { font-weight:bold; font-size:1.2em; } .shop_viewbasket { width:254px; height:30px; } .shop_viewbasket a, .shop_viewbasket a:visited { width:254px; height:30px; display:block; background:url("shop/viewbasket.gif") left top no-repeat; text-indent:-9999px; } #shopList { list-style:none; margin:10px 0 0 0; padding:0; } #shopList li { width:35px; height:62px; float:left; } #shopList li a, #shopList li a:visited { width:35px; height:62px; display:block; text-indent:-9999px; } #shopList li.active a, #shopList li.active a:visited { background-position:left bottom; } #shop_cornfree { background:url("shop/select/select_cornfree.png") left top no-repeat; width:35px; height:62px; } #shop_coeliac { background:url("shop/select/select_coeliac.png") left top no-repeat; width:35px; height:62px; } #shop_gfcf { background:url("shop/select/select_gfcf.png") left top no-repeat; width:35px; height:62px; } #shop_sugarfree { background:url("shop/select/select_sugarfree.png") left top no-repeat; width:35px; height:62px; } #shop_dairyfree { background:url("shop/select/select_dairyfree.png") left top no-repeat; width:35px; height:62px; } #shop_yeastfree { background:url("shop/select/select_yeastfree.png") left top no-repeat; width:35px; height:62px; } #shop_nutfree { background:url("shop/select/select_nutfree.png") left top no-repeat; width:35px; height:62px; } #shop_wheatfree { background:url("shop/select/select_wheatfree.png") left top no-repeat; width:35px; height:62px; } #shop_soyafree { background:url("shop/select/select_soyafree.png") left top no-repeat; width:35px; height:62px; } #shop_organic { background:url("shop/select/select_organic.png") left top no-repeat; width:35px; height:62px; } #shop_vegetarian { background:url("shop/select/select_vegetarian.png") left top no-repeat; width:35px; height:62px; } #shop_vegan { background:url("shop/select/select_vegan.png") left top no-repeat; width:35px; height:62px; } /* Mini Basket */ .t01 { width:10%; vertical-align:top; font-weight:bold; padding:0 5px 3px 0; } .t02 { width:70%; vertical-align:top; padding-bottom:5px; padding-right:5px; } .t03 { width:20%; vertical-align:top; font-weight:bold; } .t04 { border-bottom:2px solid #FFF; padding-bottom:5px; margin-bottom:9px; } .t05 { width:80%; vertical-align:top; font-weight:bold; text-align:right; padding:0 5px 3px 0; } .t06 { width:20%; vertical-align:top; font-weight:bold; } /* -------------------------------------------- Hide outlines for links with text-indent:-9999px style -------------------------------------------- */ .adverts_panel a, #selectMenu a, h1 a{ outline-style:none; }