/* -----------------------------------------------
   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 {  }
body { color:#000000; background-color:#FFFFFF; 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:1px solid #000000; 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:none; }
a:focus,
a:hover { color:#3F4F30; text-decoration:none; }
a:active { color:#161C11; text-decoration:none; }

.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
---------------------- */

#accessibility,
#header_top,
#nav_search,
#nav_top,
#header_message,
#header_right,
#sidebar,
#footer { display:none; }

#article { width:787px; }


/* ----------------------
   Content CSS
---------------------- */

#googleMap { border:2px solid #000000; margin-bottom:16px; overflow:hidden; }

.home_panel { width:287px;/*787*/ height:207px;/*226*/ overflow:hidden; background:#FFFFFF url("../images/home_background.jpg") right top no-repeat; padding:22px 460px 0 40px; }
.home_panel div { padding-right:50px; }

.normal_panel { width:707px; _width:707px;/*787*/ padding:22px 40px 22px 40px; }

.spacerblock { width:787px; height:27px; background-color:#C6D89E; margin-bottom:3px; }
.spacerblock_extras { width:787px; height:27px; background-color:#C6D89E; margin:3px 0 3px 0; }

.adverts_panel { list-style:none; margin:0; padding: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_flaxseedbread { width:254px; height:236px; }
#advert_flaxseedbread a,
#advert_flaxseedbread a:visited { width:254px; height:236px; display:block; background:#FFFFFF url("../images/advert_flaxseedbread.jpg") left top no-repeat; text-indent:-9999px; }

#display_coeliac { background:url("display/select_coeliac.png") left top no-repeat; width:97px; height:84px; }
#display_cornfree { background:url("display/select_cornfree.png") left top no-repeat; width:97px; height:84px; }
#display_dairyfree { background:url("display/select_dairyfree.png") left top no-repeat; width:97px; height:84px; }
#display_gfcf { background:url("display/select_gfcf.png") left top no-repeat; width:97px; height:84px; }
#display_nutfree { background:url("display/select_nutfree.png") left top no-repeat; width:97px; height:84px; }
#display_organic { background:url("display/select_organic.png") left top no-repeat; width:97px; height:84px; }
#display_soyafree { background:url("display/select_soyafree.png") left top no-repeat; width:97px; height:84px; }
#display_sugarfree { background:url("display/select_sugarfree.png") left top no-repeat; width:97px; height:84px; }
#display_wheatfree { background:url("display/select_wheatfree.png") left top no-repeat; width:97px; height:84px; }
#display_yeastfree { background:url("display/select_yeastfree.png") left top no-repeat; width:97px; height:84px; }

/* ----------------------
   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; 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:495px; margin:0 0 16px 20px; min-height:369px; }
.shop_panel_footer { background:url("shop/panel_header.jpg") left top no-repeat; width:495px; }

.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:495px; }

.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:200px; float:left; min-height:291px; }
.shop_panel_right_cat { width:200px; float:left; }
.shop_panel_right small { font-size:0.85em; }

.shop_panel_buy { text-align:right; }
.shop_panel_buy span { vertical-align:middle; }
.shop_panel_buy .addtobasket { vertical-align:middle; margin-left:10px; }

.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; }

/* 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; }