/**
 * Global CSS file
*/

/**Main areas**/
body{
	background-image: url(../images/global/background_tile.jpg);
	background-repeat: repeat-x;
	background-color: #F1EDE7;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 75%;
	color: #828282;
}

/*Specific pages have unique styles applied*/

body#body_home #footer{
margin-top: 100px;
	
}

#flashwrapper {
	margin: 0 auto;
	text-align: center;
}
#recipeXMLWrapper{
	top: -59px;
	height: 77px;
	position: relative;
	
}

h1,h3{
	margin: 0;
	padding: 0;
}
h2{
	margin: 10px 0 0 0;
	color: #828282;
	font-weight: bold;
	font-size: 1em;
}

#privacy-policy h3{
	margin-top: 10px;
	margin-bottom: 0;
}

p{
	margin-bottom: 0;
	margin-top: 10px;
}

a img{
border: 0px;
}

a{
	color: #ef5d21;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/*Remove dotted border from Firefox*/
#flash, a, .sIFR-flash, object { outline:none;}


#wrapper{
	margin: 0 auto;
	width: 1007px;
	height: auto !important;
	height: 550px;
	min-height: 550px;
}

#menu{
	width: 1007px;
	height: 34px;
	position: absolute;
	z-index: 2;

}
#menu_left{
	float: left;
	background-image: url(../images/global/menu_left.png);
	background-repeat: no-repeat;
	width: 14px;
	height: 34px;
}
#menu_center{
	float: left;
	background-image: url(../images/global/menu_tile.png);
	background-repeat: repeat-x;
	background-position: bottom;
	height: auto !important;
	height: 34px;
	min-height: 34px;
	width: 978px;
}
#menu_right{
	float: left;
	background-image: url(../images/global/menu_right.png);
	background-repeat: no-repeat;
	width: 15px;
	height: 34px;
}

#menu_list li.divider{
	width: 2px;
	height: 18px;
	background-image: url(../images/global/menu_divider.jpg);
	background-repeat: no-repeat;
}

#nav{
	margin: 5px 0 5px 238px;
	padding:0;
}
#nav li{
	list-style-type: none;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
}

#nav a{
	color: #FFF;
	text-decoration: none;
	margin-bottom: 10px;
	font-size: 1.20em;
}

#nav a:hover{
	text-decoration: underline;
}

#nav li ul {
  /*hide the subnavs*/
  display: none;
  
}

#nav li ul {
  /*put the subnavs below and hide them all*/
 
	height: auto !important;
	height: 20px;
	min-height: 20px;
	clear: both;
	position: absolute;
	top: 29px;
	margin: -1px 0 5px -65px;
	padding: 1px 0 20px 20px;


}


#nav li:hover ul,  #nav li.over ul{
  /*  display the other topics when
      their parent is hovered */
  display: block;
  z-index: 7000;
}


#nav li ul li.submenu_left{
	float: left;
	background-image: url(../images/global/submenu_left.png);
	background-repeat: no-repeat;
	behavior: url(walls/resources/iepngfix/iepngfix.htc);
	width: 10px;
	height: 20px;
	margin: 0;
	padding: 0;
}
#nav li ul li.submenu_center{
	float: left;
	height: auto !important;
	height: 20px;
	min-height: 20px;
	background-image: url(../images/global/submenu_tile.png);
	behavior: url(walls/resources/iepngfix/iepngfix.htc);
	background-repeat: repeat-x;
}
#nav li ul li.submenu_right{
	float: left;
	background-image: url(../images/global/submenu_right.png);
	behavior: url(walls/resources/iepngfix/iepngfix.htc);
	background-repeat: no-repeat;
	width: 9px;
	height: 20px;
}

#nav li ul li{
	list-style-type: none;
	float: left;
	padding-left: 3px;
	padding-right: 3px;
	margin: 0;
}


#nav li ul li a{
	color: #535353;
	text-decoration: none;

}
.submenu_divider{
	font-size: 1.20em;
}


#nav li ul li a.current, #nav li ul li a.section{
	font-weight: bold;
}


#logo{
	width: 169px;
	height: 99px;
	position: absolute;
	top: 0px;
	margin-left: 30px;
	z-index: 3;
}

/**Submenu no longer used (replaced with CSS drop down menu)

#submenu{
	margin-left: 258px;
	height: auto !important;
	height: 20px;
	min-height: 20px;
	clear: both;
	position: absolute;
	z-index: 2;
	top: 29px;
}
#submenu_left{
	float: left;
	background-image: url(../images/global/submenu_left.png);
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
}
#submenu_center{
	float: left;
	height: auto !important;
	height: 20px;
	min-height: 20px;
	background-image: url(../images/global/submenu_tile.png);
	background-repeat: repeat-x;
	
	
}
#submenu_right{
	float: left;
	background-image: url(../images/global/submenu_right.png);
	background-repeat: no-repeat;
	width: 9px;
	height: 20px;
}
#submenu_list{
	margin: 2px 0 5px 5px;
	padding:0;
}
#submenu_list li{
	list-style-type: none;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0;
}
#submenu a{
	color: #535353;
	text-decoration: none;
}
#submenu a:hover{
	text-decoration: underline;
}
#submenu li a.current{
	font-weight: bold;
}

*/
#header_image{
	text-align: center;
	top: 26px;
	position: relative;
	height: 194px;
}
#flashwrapper{
	top: -5px;
	position: relative;	
	overflow: hidden;
	height: 343px;
	padding-top: 34px;
}
#menu_list li.divider{
	width: 2px;
	height: 18px;
	background-image: url(../images/global/menu_divider.jpg);
	background-repeat: no-repeat;
}

.main{
	background-color: #FFFFFF;
	height: auto !important;
	height: 500px;
	min-height: 500px;
	padding-top: 57px;
	padding-bottom: 10px;
	width: 983px;
	margin: 0 auto;

}


.main ul{
	margin: 0;
	padding: 0;
}
.main ul li{
	list-style-position: inside;
	list-style-type: none;
}


#content{
	width: 608px;
	float: left;
	padding-left: 35px;
}
#content_top{
	width: 100%;
	height: 8px;
	background-image: url(../images/global/content_top.jpg);
	background-repeat: no-repeat;
	font-size: 0px;
}
#content_middle{
	background-image: url(../images/global/shadow_tile.jpg);
	background-position: right;
	background-repeat: repeat-y;
	height: auto;	
}
#content_middle_left{
	background-color: #F3F3F3;
	padding: 0 5px;
	width: 594px;
}
#content_middle_left ol, content_middle_left ul{
	padding: 0 0 0 18px;
	margin: 0;
}
#content_middle_left li{
	margin-bottom: 5px;
}

#content_bottom{
	width: 100%;
	height: 13px;
	background-image: url(../images/global/content_bottom.jpg);
	background-repeat: no-repeat;
	font-size: 0px;
	float: left;
	overflow: hidden;
}

#footer{
	width: 100%;
	height: 50px;
	font-size: 0.9em;
	color: #908c88;
}
#footer_left{
	float: left;
	width: auto;
	padding-left: 20px;
}
#footer_right{
	float: right;
	width: auto;
	padding-right: 20px;
}
#footer a{
	color: #908c88;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
.clear{
    clear:both;
    /*height:1px;
    overflow:hidden;*/
	margin:0; padding:0;    
}


/**Recipe Pages**/

.recipe-listing{
	border-bottom: 1px dotted #6f6f6f;
	padding-bottom: 10px;
	float: left;
	margin-left: 20px;
	clear: both;
	width: 550px;
}

#recipe-info-bar{
	background-color: #FFFFFF;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 6px;
}


.recipe-serves, .recipe-preparation, .recipe-cooking, #recipe-info-bar-right, #recipe-info-bar h3, #recipe-info-bar p{
	float: left;
	padding-left: 10px;
}


.alternateheadings{
	color: #3a9fcb;
}

#recipe-info-bar h2, #recipe-info-bar div{
	padding-left: 10px;
}
#recipe-details{
	clear: both;
	padding-left: 20px;
}

#recipe-email a:hover, #recipe-print a:hover{
	text-decoration: none;
}

/**Recipe Listings page**/
.recipe-details{
	float: left;
	width: 440px;
}

.recipe-title a{
	color: #ed4419;
}

.recipe-image{
	float: left;
	width: 110px;
}
.recipe-serves, .recipe-preparation, .recipe-cooking, .recipe-times h3, .recipe-times p{
	float: left;
	margin-left: 5px;
}


.recipe-listing.last
{
	border-bottom: 0px dotted #6f6f6f;
}
.pagination{	
	text-align: right;
}
/**Products Pages**/
.product{
	width: 550px;
	clear: both;
	border-bottom: 1px dotted #6f6f6f;
	float: left;
	padding-bottom: 10px;
	margin-left: 20px;
}

.product.last
{
	border-bottom: 0px dotted #6f6f6f;
}
	


.product .product-image{
	float: left;
	width: 200px;
}
.product .product-info{
	width: 350px;
	float: left;
}

.product-category{
	float: left;
	margin-left: 5px;
	width: 250px;
	height: 320px;
}

.product-category-image { height: 170px; }

#product-category-wrapper{
	margin: 0 auto;
	width: 520px;
}

.accordion-content .row{
width: 100%;
clear: both;
}
.accordion-content .row.odd{
	background-color: #e9e9e9;
}
.accordion-content .row.even{
	background-color: #f5f5f5;
}
.accordion-content .label{
	float: left;
	width: auto;
}
.accordion-content .value{
	font-weight: bold;
	float: right;
}
.accordion-toggle{
	cursor: pointer;
}


/** Family Top Tens**/
.family-top-tens-listing{
	width: 550px;
	clear: both;
	border-bottom: 1px dotted #6f6f6f;
	float: left;
	padding-bottom: 10px;
	margin-left: 20px;
	margin-top: 30px;
}

.family-top-tens-listing.last
{
	border-bottom: 0px dotted #6f6f6f;
}
	


.family-top-tens-listing .family-top-tens-image{
	float: left;
	width: 200px;
}
.family-top-tens-listing .family-top-tens-info{
	width: 350px;
	float: left;
}

.family-top-tens-listing a{
	color: #EF5D21;
}
.family-top-tens-title{
	padding-bottom: 10px;
	font-weight: bold;
}
.family-top-tens-web-link{
	padding-top: 10px;
}
.family-top-tens-listing .credit-label{
	font-size: 0.8em;
	padding-right: 2px;
	float: left;
}
.family-top-tens-listing .credit p{
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
.family-top-tens-category{
	float: left;
	margin-left: 5px;
	margin-bottom: 30px;
	width: 247px;
	padding: 0 15px 15px 0;
	height: 230px;
	overflow: hidden;
}
.family-top-tens-category-title{
	padding-bottom: 5px;
	font-weight: bold;
}
.family-top-tens-category a{
	color: #ef5d21;
}

.family-top-tens-details { float: left; display: inline; width: 350px; }

.family-top-tens-details .label{
	font-weight: bold;
}

#family-top-tens-category-wrapper{
	margin: 30px auto;
	width: 540px;
	margin-bottom: 50px;

}

.family-top-tens-category-description{
	margin-bottom: 20px;
	float: left;
}



div.product-info div.accordion-toggle:hover, div.GDA_table div.accordion-toggle:hover, div.accordion-toggle-active {
background: #cde3f0 url(../images/arrow_toggle_down.gif) no-repeat top left; 
background-position: 3px;
z-index:10;
}



div.product-info div.accordion-toggle, div.GDA_table div.accordion-toggle {
background: #cde3f0 url(../images/arrow_toggle.gif) no-repeat top left;
background-position: 3px;

color:#939594;
font-weight: bold;
cursor:pointer;
margin-bottom:1px;
padding:2px 14px 2px;
position:relative;
z-index:10;

}

.GDA_table{
	clear: both;
}
.GDA_table table{
width: 100%;
}
.GDA_table td{
	padding: 2px;
	margin: 0;
}

.GDA_table .gda_amount_header{
	background-color: #c3c3c3;
	color: #FFFFFF;
}
.GDA_table .gda_percent_header{
	background-color: #7d7d7d;
	color: #FFFFFF;
}
.GDA_table .gda_amount_subheader{
	font-weight: bold;
	background-color: #f6f6f6;
	color: #000000;
}
.GDA_table .gda_percent_subheader{
	font-weight: bold;
	background-color: #e4e4e4;
	color: #000000;
}
.GDA_table .odd .gda_label, .GDA_table .odd .gda_amount_value{
	background-color: #e9e9e9;
	color: #565656;
}	
.GDA_table .odd .gda_percent_value{
	background-color: #d8d8d8;
	color: #4e4e4e;
}
.GDA_table .even .gda_label, .GDA_table .even .gda_amount_value{
	background-color: #f5f5f5;
	color: #000000;
}
.GDA_table .even .gda_percent_value{
	background-color: #e4e4e4;
	color: #000000;
}




/**Panels (right hand side)**/
#panels{
	width: 285px;
float: right;
margin-right: 20px;
}

.panel{
margin-top: 10px;
}
.whitebox, #search{
	margin-top: 0;
}

.whitebox{
	width: 290px;
	background: url(../images/panels/product_category_panel_right.jpg) repeat-y top right;
	float: right;
	margin: 0 0 10px 0;
	display: inline;
}
.whiteboxbottom
{
	background-image: url(../images/panels/product_category_panel_bottom.jpg);
	background-repeat: no-repeat;
	height: 18px;
	width: 290px;
}



.orangeheader1{
	width: 100%;
	margin-bottom: 5px;
	clear: right;
}

.orangelist li{
	background-image: url(../images/global/list-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.orangelist li a{
	color: #ef5d21;
	text-decoration: none;
}
.orangelist li a:hover{
	text-decoration: underline;
}
#search *{
	margin: 0;
	padding: 0;
}
#search-top{
	width: 290px;
	height: 9px;
	background-image: url(../images/panels/search-top.jpg);
	background-repeat: no-repeat;
	font-size: 0px;
}
#search-middle{
	width: 290px;
	background-image: url(../images/global/shadow_tile.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
#search-middle-left{
	width: 266px;
	background-color: #efe8e0;
	padding: 0 10px;
}
#search-bottom{
	width: 290px;
	height: 15px;
	font-size: 0;
	background-image: url(../images/panels/search-bottom.jpg);
	background-repeat: no-repeat;
}
#search input{
	margin-top: 10px;
}
#search .text{
	width: 266px;
	color: #999;
}
#search #accordion-trigger-search{
	margin-top: 5px;
}
#search .dropdown{
	margin-top: 5px;
}
#search select{
	width: 125px;
	margin-left: 5px;
}
#search label{
	width: 130px;
}
#search a{
	text-decoration: underline;
	background-image: url(../images/panels/search-options-arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 10px;
}
#search .action{
	margin-left: 138px;
}
#Search.field label{
	display: none;
}






/**Boxes for use on flash content pages**/
.box{
	float: left;
	margin: 0 5px;
	width: 190px;
}
#boxes{
	margin: -5px auto 0 auto;
	background-image: url(../images/boxesbg.jpg);
	background-repeat: no-repeat;
}

.box_top, .box_bottom{
	width: 190px;
	background-repeat: no-repeat;
}
.box_top{
	height: 8px;
	font-size: 0px;
}
.box_middle{
	background-image: url(../images/global/shadow_tile.png);
	background-repeat: repeat-y;
	background-position: right;
}
.box_middle_left{
	padding: 0 20px;
	width: 146px;
	text-align: left;
	height: auto !important;
	height: 165px;
	min-height: 165px;
	
}
.box_bottom{
	height: 17px;
	font-size: 0px;
}

.box p{
	margin: 0;
	padding: 0;
	
}
.box a{
	color: #e14921;
}
.box a:hover{
	color: #e14921;
}
#recipes_box a, #cooking_box a, #family_fun_box a, #fun_and_games_box a{
	color: #FFFFFF;
}
#recipes_box a:hover, #cooking_box a:hover, #family_fun_box a:hover, #fun_and_games_box a:hover{
	color: #FFFFFF;
}
.box h1{
	font-size: 1.5em;
	margin-bottom: 5px;
}

#products_box .box_top{
	background-image: url(../images/tasty/tasty_box_products_top.jpg);
}
#products_box .box_middle_left{
	background-color: #E5CDAA;
}
#products_box .box_middle_left h1{
	color: #272727;
}
#products_box .box_bottom{
	background-image: url(../images/tasty/tasty_box_products_bottom.jpg);
}

#recipes_box .box_top{
	background-image: url(../images/tasty/tasty_box_recipes_top.jpg);
}

#recipes_box .box_middle_left{
	background-color: #ED7C5C;
}

#recipes_box .box_middle_left h1{
	color: #9D2607;
}

#recipes_box .box_bottom{
	background-image: url(../images/tasty/tasty_box_recipes_bottom.jpg);
}

#bestbits_box .box_top{
	background-image: url(../images/tasty/tasty_box_bestbits_top.jpg);
}

#bestbits_box .box_middle_left{
	background-color: #FAF6F1;
}

#bestbits_box .box_middle_left h1{
	color: #837662;
}

#bestbits_box .box_bottom{
	background-image: url(../images/tasty/tasty_box_bestbits_bottom.jpg);
}

#cooking_box .box_top{
	background-image: url(../images/tasty/tasty_box_cooking_top.jpg);
}

#cooking_box .box_middle_left{
	background-color: #105486;
}

#cooking_box .box_middle_left h1{
	color: #FFFFFF;
}

#cooking_box .box_bottom{
	background-image: url(../images/tasty/tasty_box_cooking_bottom.jpg);
}
#faqs_box .box_top{
	background-image: url(../images/tasty/tasty_box_faqs_top.jpg);
}

#faqs_box .box_middle_left{
	background-color: #FAF6F1;
}

#faqs_box .box_middle_left h1{
	color: #837662;
}

#faqs_box .box_bottom{
	background-image: url(../images/tasty/tasty_box_faqs_bottom.jpg);
}
#family_top_tens_box .box_top{
	background-image: url(../images/tender/tender_box_toptens_top.jpg);
}

#family_top_tens_box .box_middle_left{
	background-color: #E5CDAA;
}
#family_top_tens_box .box_middle_left h1{
	color: #272727;
}

#family_top_tens_box .box_bottom{
	background-image: url(../images/tender/tender_box_toptens_bottom.jpg);
}
#family_fun_box .box_top{
	background-image: url(../images/tender/tender_box_familyfun_top.jpg);
}

#family_fun_box .box_middle_left{
	background-color: #ED7C5C;
}
#family_fun_box .box_middle_left h1{
	color: #9D2607;
}

#family_fun_box .box_bottom{
	background-image: url(../images/tender/tender_box_familyfun_bottom.jpg);
}#healthier_eating_box .box_top{
	background-image: url(../images/tender/tender_box_healthier_top.jpg);
}

#healthier_eating_box .box_middle_left{
	background-color: #FAF6F1;
}
#healthier_eating_box .box_middle_left h1{
	color: #837662;
}

#healthier_eating_box .box_bottom{
	background-image: url(../images/tender/tender_box_healthier_bottom.jpg);
}
#fun_and_games_box .box_top{
	background-image: url(../images/tender/tender_box_funandgames_top.jpg);
}

#fun_and_games_box .box_middle_left{
	background-color: #105486;
}

#fun_and_games_box .box_middle_left h1{
	color: #FFFFFF;
}

#fun_and_games_box .box_bottom{
	background-image: url(../images/tender/tender_box_funandgames_bottom.jpg);
}
#best_bits_tv_box .box_top{
	background-image: url(../images/tender/tender_box_bestbits_top.jpg);
}

#best_bits_tv_box .box_middle_left{
	background-color: #FAF6F1;
}
#best_bits_tv_box .box_middle_left h1{
	color: #837662;
}

#best_bits_tv_box .box_bottom{
	background-image: url(../images/tender/tender_box_bestbits_bottom.jpg);
}

/**Forms**/
 
form,fieldset {
	border:0;
	margin: 0;
}
fieldset {
	margin-top:5px;
}

input.text,
textarea {
	width:146px;
	border:1px solid #999;
}
	input.text {
		height:1.5em;
	}
	textarea {
		height:3.5em;
	}
label.left {
	float:left;
	width:10em;
	text-align:right;
	padding-right:7px;
}
p.Actions {
	text-align:right;
	margin:10px 187px 0 0;
}

/**Modal**/
.modal{
	background-image: none;
	background-color: black;
}
.modal #wrapper{
	width: 500px;
	height: 500px;
	margin: 50px auto;
}
.modal .main{
	width: 500px;
	height: 500px;
	min-height: 0px;
	background-color: white;
	padding-top: 10px;
}
.modal .main #content, .modal .main #content_top, .modal .main #content_bottom, .modal .main #content_middle{
	background: none;
	width: 400px;
}




/**Forms**/
/* GENERIC FORM STYLING */
.main form {
	width:100%;
}
.main form fieldset {
	border:0;
	padding:12px;
}
.main .message {
	color:red;
	background:#ddd;
	border:1px solid #ccc;
	padding:5px;
	margin:5px;
}
.main span.message {
	width: 300px;

}
.main form div {
	margin-top:10px;
	width:100%;
	clear: both;
}
.main form label {
	font-size:1.1em;
	color:#333;
}
.main form label.left {
	float:left;
	width:12em;
}
.main form label.FormHeading {
	font-size:1.3em;
	color:#ff7200;
	font-weight:bold;
}
.main form input.text,
.main form textarea,
.main form select {
	width:200px;
	color:#000;
	background:#f8f8f8;
	border:1px solid #aaa;
	padding:3px;
}

.main form input.numeric {
	width:20px;
	background:#f0f0f0;
	border:1px solid #aaa;
	padding:3px;
	color:#000;
	margin-right:4px;
}
.main form input.year {
	width:35px;
}
.main form p.Actions {
	text-align:right;
	padding:0 22px 15px 0;
}
.main form p.Actions input {
		padding:2px;
}
.main form li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.main form ul{
	margin: 0;
	padding: 0;
}
.main form .odd,.main form .even, .main form .odd label, .main form .even label{
	float: left;
}
#contact-us .Actions{
	width: auto;
}
#contact-us .Actions{
	margin-left: 180px;
}

/**Turn Silverstripe Red Status message off**/
#SilverStripeNavigatorMessage{
	display: none;
}



.seperator{
	margin-top: 40px;
	margin-bottom: 30px;
	border-bottom: 1px #898989 dotted;
	width: 60%;
	clear: right;
}


.faq{
	float :left;
	margin-bottom: 10px;
}

.faq .faqtitle{
	float :left;
	padding: 5px; 
	width: 490px;
	margin-bottom: 10px;
	font-weight: bold;
	background:  #d4e5ed url(/walls/images/faq_title_icon.gif) no-repeat scroll 70px 50%;
	padding-left: 100px; 
	color: black;

}

/* JAMES'S RECIPE STUFF */
.recipe-listing { padding: 15px 0; }
.recipe-summary { padding: 7px 0 15px; }
#recipe-details { border-bottom: 1px solid #f4f4f4; }
/* END JAMES'S RECIPE STUFF */ 




/*Form Button Styling*/
#Form_ContactForm_action_doContactSubmission{
	display: block;
	float: left;
	background-image: url('/walls/images/redbutton.gif'); 
	background-repeat: no-repeat;
	color: white;
	font-size: 0.9em;
	font-weight: bold;
	width: 91px;
	height: 21px;
	border: 0;
	}

#EmailRecipeForm_EmailRecipeForm_action_EmailRecipe{
	display: block;
	float: left;
	background-image: url('/walls/images/redbutton.gif'); 
	background-repeat: no-repeat;
	color: white;
	font-size: 0.9em;
	font-weight: bold;
	width: 91px;
	height: 21px;
	border: 0;
}

/*Best Bits TV Pages */
#videoWrapper{
	float: left;
	width: 361px;
	
}
#adMenu{
	width: 200px;
	float: right;
	text-align: left;
	margin-left: 10px;
	display: block;
}
#video_copy{
	width: 361px;
}