html, body {
margin:0;
padding:0;
}

body {
	font-family: "Lucida Bright", verdana, sans-serif;
	font-size:1em;/*was 11px in narrower site*/
	color:#993333;
	text-align:center;

	}
#wrap{
width:1062px;
height:100%;
margin-top:0px;
	margin-bottom:0px; 
	margin-left: auto;
	margin-right: auto;/*centres wrap */
}
	
#table_wrap {
width:1062px;
	table-layout: fixed;
	color:#666666;
	padding:0px;
	margin:0px;
	}
	
	/*browser and platform specific - these IDs called javascript*/
.mac.safari #table_wrap{
width:1058px;
table-layout: fixed;
	color:#666666;
	padding:0px;
	margin:0px;
}
.chrome #table_wrap{
width:1058px;
table-layout: fixed;
	color:#666666;
	padding:0px;
	margin:0px;
}
/*end of javascript IDs*/
td {
	PADDING-RIGHT: 7px; 
	PADDING-LEFT: 7px; 
	PADDING-BOTTOM: 7px; 
	PADDING-TOP: 7px;
	BORDER-RIGHT: #663300 2px solid; 
	BORDER-TOP: #663300 0px solid; 
	BORDER-LEFT: #663300 2px solid; 
	BORDER-BOTTOM: #663300 2px solid;
}
#wraptopcolumn{
	height: 20px;
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
}

#wraprightcolumn {
	width:20px;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	margin:0;
	BORDER-RIGHT: #663300 2px solid; 
	BORDER-TOP: #663300 0px solid; 
	BORDER-LEFT: #663300 0px solid; 
	BORDER-BOTTOM: #663300 0px solid;
}
#wrapleftcolumn {
	width:20px;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px;
	margin:0; 
	BORDER-RIGHT: #663300 0px solid; 
	BORDER-TOP: #663300 0px solid; 
	BORDER-LEFT: #663300 2px solid; 
	BORDER-BOTTOM: #663300 0px solid;
}	
#wrapbottom {
	height: 20px;
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
	BORDER-RIGHT: #663300 2px solid; 
	BORDER-TOP: #663300 0px solid; 
	BORDER-LEFT: #663300 2px solid; 
	BORDER-BOTTOM: #663300 0px solid;
}	
#hdr {
	margin: 0px;
	padding: 0px;
	width:1000px;
	height: 80px;
	background: url(../images/hdr_bg.gif) repeat-x;
}


#hdr_logo {
	margin: 0px;
	padding: 0px;
	float:left;
	width: 273px;
	height: 80px;
}
/*declare logo gif within a h1 tag and text 1 px high negatively indented 
so not seen in which homepage link can be set*/
#hdr_logo h1 {
	font-size:1px;
	text-indent:-5000em;
	width:273px;
	height:80px;
	margin:0;
	padding:0;
	background: url(../images/cashew_logo.gif) no-repeat;
}

/*declare anchor link*/
#hdr_logo h1 a {
	margin: 0px;
	padding: 0px;
	display:block;
	width:273px;
	height:80px;
	
}

#hdr_text {
	margin:0px;
	float:right;
	width: 727px;
	height: 80px;
	text-align: center;
	color:#ffffff;
	font-size:1.25em;
	font-weight: normal;
	
}

p.hdr_text_top{
position: relative;
left:-90px;
top: 10px;	
	margin: 0px;
	padding: 0px;
	
}

P.hdr_text_bottom{
position: relative;
left:110px;
top: 20px;	
	margin: 0px;
	padding: 0px;
	
}

#hdr_graphic {
	width: 1000px;
	height: 217px;
	overflow:hidden;
}
/*######################################################*/
/*######################################################*/

/*nav here*/
#menu_horizontal{
overflow:hidden;	
	background-color: #993333;
padding:0px;
margin:0px;
	width: 100%;
	height: 33px;
		margin-left: auto;
	margin-right: auto;	
	color:#ffffff;

	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px; 
	/*set line height same height as this div  - any inline elements will v. align
	when vertical align:middle is set with inline element e.g. #nav span*/	    
	 line-height:33px;
}

#menu_horizontal span{
	width: 90%;
			margin-left: auto;
	margin-right: auto;
	vertical-align:middle;
}

#menu_horizontal a	{

	padding-left: 16px;
	padding-right: 16px;
	text-decoration:none;
	font-size:.98em;
	font-weight: bold;
} 

#menu_horizontal span a:link{
color: #ffffff;		
}
#menu_horizontal span a:visited{
color:#ffffff;
}
#menu_horizontal span a:hover{
color:#999933;
}

/*//////////////////////pseudo classes for whole site//////////////////////*/
/*######################################################*/
/*######################################################

#menu_horizontal{
padding:0px;
margin:0px;
	
	width: 1000px;
	height: 33px;
	color:#fff;
	background-color: #993333;
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px;
}

#menu_horizontal p{
	width: 1000px;
	text-align: center;
	position:relative;
	top:-5px;
	left: 0px;
}


#menu_horizontal p a:link{
color: #ffffff;		
}
#menu_horizontal p a:visited{
color:#ffffff;
}
#menu_horizontal p a:hover{
color:#999933;
}

#menu_horizontal a	{
	font-size: 15px;
	padding-left: 12px;
	padding-right: 12px;
	text-decoration:none;
	font-weight: bold;

} 
*/
/*the main content area including vertical_nav. content_hdr_text, text_main_content */
#all_content{
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
	xxbackground-color: aqua;
	
}
#content_column_left{
xxbackground-color: orange;
	float: left;
	width: 152px;
	height: 100%;

}

#tbl_vert_nav{
width:143px;
	height:288px;

xbackground-color: purple;

	
}

#td_vert_nav{
	margin: 0px;
	BORDER-RIGHT: #663300 2px solid; 
	BORDER-TOP: #663300 0px solid; 
	BORDER-LEFT: #663300 0px solid; 
	BORDER-BOTTOM: #663300 2px solid;
	PADDING-RIGHT: 7px; 
	PADDING-LEFT: 7px; 
	PADDING-BOTTOM: 7px; 
	PADDING-TOP: 7px;
	
}
#content_tbl_vert_nav{
color: #ffffff;
bxackground:blue;
background: #999933 url(../images/vert_nav_bg.jpg) no-repeat top;
	width:136px;
	height:288px;	
	PADDING-TOP: 14px;
	position: 
}
#tbl_vert_nav p {
	display:block;
	text-align: center;
	font-size:1.125em;
	font-weight: normal;
}

#tbl_vert_nav ul {
	padding:0;
	margin:0;
}

#tbl_vert_nav ul li {
	list-style:none;
	text-align:left;
	height:24px;
}
#tbl_vert_nav ul li a {
	display:block;
	padding:7px;
	background:url('../images/nav_bg.gif') no-repeat bottom right;*/
	/*colour defined in a:link down the page - color:#fff;*/
	font-size:0.75em;
	font-weight:bold;
	text-decoration:none;
}

/*vert nav hover*/

ul li a:link{
color: #ffffff;		
}
ul li a:visited{
color:#ffffff;
}
ul li a:hover{
color:#993333;
}
/*highlight current page on menu_horizontal and vertical - THIS OVERIDES MENU STYLES SO LOCATE HERE AFTER THEY ARE WRITTEN*/
#cakes_daddy #cakes,
#cold_food_daddy #cold_food,
#consultancy_daddy #consultancy,
#contact_us_daddy #contact_us,
#cookery_classes_daddy #cookery_classes,
#gallery_daddy #gallery,
#hot_food_daddy #hot_food,
#index_daddy #index,
#media_daddy #media,
#personal_chef_daddy #personal_chef,
#raw_food_daddy #raw_food,
#recipes_daddy #recipes,
#testimonials_daddy #testimonials,
#vegan_vegetarian_wedding_daddy #vegan_vegetarian_wedding
{
text-decoration:underline;
font-weight:bolder;
}
#content_column_right{
float:right;
width: 848px;
height:100%;
background-color:#ffffff;
PADDING-RIGHT: 7px; 
PADDING-LEFT: 7px; 
PADDING-BOTTOM: 27px; 
padding-top:7px;
}
#top_right_ad_wrap{
width:50%;
overflow:hidden;
text-align:right;
font-size:1.3em;
color:#993333;
font-weight:bold;
xxxbackground-color:black;
}
#ad_container{
width:363px;
height:126px;
xxxbackground-color:red;
float:right;
}
/*stop blue border around ad image*/
#ad_container a img{
 border-style: none;
 outline:0;
}
#ad_container a:link{
color: #ffffff;		
}
#ad_container a:visited{
color:#ffffff;
}
#ad_container a:hover{
color:#ffffff;
}

/*icon css*/
/*picture carrying all icons*/
#icons_wrap{
padding-top:20px;
padding-bottom:20px;
width:89%;
margin-top:7px;
margin-bottom:7px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
text-align:center;
font-size:1.3em;
color:#993333;
font-weight:bold;
background-color:#E5E9D8;

}
.sprite{background:url(../images/sprite.jpg);
vertical-align:middle;}
/*postiion of individual icons in sprite.jpg - background moves left under <img> hence negative values*/
.blog{background-position:0px 0px;
}
.facebook{background-position:-60px 0px;
}
.youtube{background-position:-120px 0px;
}
#hygieneRating{background:url(../images/fsa_rating_logo_lead.jpg);
vertical-align:middle;}

#icons{
padding:0px;
margin:0px;
}
#icons li{
xxxbackground-color:red;
display: block;
list-style-type: none;
}
/*stop blue borders showing as images are links. border-style outline and pseudo classes to stop images showing an outline border when hover or clicked*/
#icons li img{
 border-style: none;
 outline:0;
}
#icons li a:link{
color: #ffffff;		
}
#icons li a:visited{
color:#ffffff;
}
#icons li a:hover{
color:#ffffff;
}

/*end of icon css*/

#content_hdr_text{
color: #993333;
text-align: left;
/*vertical-align: middle;   
check out if you should apply display: blcok to 1st paragraph to force line break either side*/
display: block;
float: left;
width:50%;
height:126px;
xbackground-color: green;
overflow:hidden;	
}
.blank{
width:100%;
height:40px;
}
#content_main_text{/*will center content margin wrap which will then auto margin and align text left*/
color: #993333;
text-align: center;
width:100%;
font-size: 0.75em;
xxxbackground-color:pink;	
}

#content_margin_wrap{
width:90%; 
text-align:left;
margin-left:auto;
margin-right:auto;
}

#content_main_text li a:link {
	color:#3333cc;
}
#content_main_text li a:visited {
	color:#663300;
}
/*###################################################*/
#ftr{
	width:100%;
	margin-left: auto;
	margin-right: auto;
height: 23px;
	background-color: #993333;
font-size: .9em;
font-weight:bold;
color:#ffffff;
}
#email {
padding:0px;
margin:0px;
	width:60%;
	float:left;
text-align: left;
line-height:23px; /*height same as #ftr  - only want one line to centre text vertically with text-align within inline spans*/
overflow:hidden;
}

#email span, #tel_number span{
width:100%;
}
#email span{
vertical-align:middle;
padding-left:15px;
}
#email span a{
text-decoration:none;
}
#email span a:link{
color: #ffffff;		
}
#email span a:visited{
color:#ffffff;
}
#email span a:hover{
color:#ffffff;
}
#tel_number{	
padding:0px;
margin:0px;
	width:40%;
	float:right;
text-align: right;

line-height:23px; /*height same as #ftr #ftr  - only want one line to centre text vertically with text-align within inline spans*/
overflow:hidden;

}
#tel_number span{
vertical-align:middle;
padding-right:15px;
color:ffffff;
}

#design{
/*sits in btm_margin div*/
vertical-align:middle;
text-align: center;
font-size: .6em;

}

.clear{
line-height:1px;
	height:1px;
	clear: both;	
}


/*###################################################
#ftr{
width: 1000px;
height: 23px;
color: #ffffff;
background-color: #993333;
font-size: 0.75em;
font-weight:bold;
}

#email{
float:left;
width:500px;	
height:23px;
}
#email p{
text-align: left;
position:relative;
top:-10px;
left: 40px;
}
#email p a{
font-weight:bold;
text-decoration:none;
}
#email p a:link{
color: #ffffff;		
}
#email p a:visited{
color:#ffffff;
}
#email p a:hover{
color:#ffffff;
}
#tel_number{
float: right;
width:500px;
height:23px;

}
#tel_number p{
text-align: right;
position:relative;
top:-10px;
right: 40px;

}
#design{
text-align: center;
font-size: 0.625em;
padding-top: 5px;
padding-bottom:5px;

}
.clear {
	line-height:1px;
	height:1px;
	clear:both;
	xxbackground-color: black;

}*/
/*editable region - index.htm*/

#welcome_to{
font-size: 1.375em;
font-weight: bold;
font-style: italic;
position:relative;
left:80px;
top:30px;
}
#cashew{
font-size: 2.75em;
font-weight: normal;
position:relative;
left:135px;
top:-27px;
}
/*testimonials*/
#jon_school{
width:100%;
height:413px;
background: url(../images/jon_school.jpg) no-repeat left;
}
/*editable regions below - main pages and all menu option pages - except menu option thumbs*/
#page_title{
font-size: 1.375em;
font-weight: bold;
position:relative;
left:20px;
top:-160px;
padding:10px;
}
.main_paragraphs{
line-height: 180%;
margin-bottom:10px;
}
.large_left_margin_paragraphs{
margin-left:100px;
}
.right_paragraphs{
text-align:right;
}
.asterix_border{
	font-size: 1.5em;
	font-weight: bold;
	text-align:center;
}
#contact_wrap{
width:100%;
}
#contact_table{
width:100%;
table-layout:fixed;
border:0px;
padding:0px;
}
#contact_table td {
border:0px;
margin:0px;
padding:0px;

}
/*editable regions below - menu option pages*/

#menu_option_table{

width: 581px;
height:100%;
table-layout: fixed;
padding:0px;
margin:0px;
	BORDER-RIGHT: #663300 0px solid; 
	BORDER-TOP: #663300 0px solid; 
	BORDER-LEFT: #663300 0px solid; 
	BORDER-BOTTOM: #663300 0px solid;
	margin-left:auto;
margin-right:auto;
	xxbackground-color: red;
}
#menu_option_table td{
	BORDER-RIGHT: #663300 0px solid; 
	BORDER-TOP: #663300 0px solid; 
	BORDER-LEFT: #663300 0px solid; 
	BORDER-BOTTOM: #663300 0px solid;
	xxxbackground-color: black;
}
.mo_repeat_wrap{
width:581px;

xbackground-color: grey;
}

.mo_hdr{
width:581px;
height:30px;
vmargin:0;
vpadding:0;
position: relative;
left:0px;
top:34px;	
background: url(../images/mo_hdr.gif) no-repeat;
}
.mo_buffer1{
	float: left;
	width:30px;
	height:200px;
	xbackground-color: yellow;
}
.mo_content{
float:left;
text-align: left;
width:290px;
height: 200px;
padding:0px;
margin:0px;
xbackground-color: blue;
}

.mo_title{
height:30px;
width: 290px;
position: relative;
left:0px;
top: 10px;	
font-weight: bold;
xbackground-color: pink;

}
.mo_description{
font-size: 1em;
font-weight: bold;
width: 290px;
height: 140px;
position: relative;
left:0px;
top: 10px;	

xbackground-color: red;
}

.mo_click_here{
	text-align: right;
}
/*
.mo_click_here{
font-weight: bold;
text-align: right;
width:290px
height:30px;
position: relative;
left:0px;
bottom:10px;	
xbackground-color:pink;
}

.mo_click_here a:hover{
background-color: fuchsia;
}
.mo_click_here a:link{
background-color: blue;
}
.mo_click_here a:visited{
background-color: black;
}*/


.mo_buffer2{
	float: left;
	width:50px;
	height:200px;
	xxbackground-color: purple;
}
.mo_thumbholder{
	float: right;
	width:211px;
	height: 200px;
	xxbackground-color: black;
}

.mo_ftr{
width:581px;
height: 30px;
margin:0;
padding:0;
position: relative;
left:0px;
top: -35px;	
background: url(../images/mo_ftr.gif) no-repeat;
}
.mo_buffer3{
	height: 15px;
}
/*end of menu options*/

/*option new - for instances of classes.dwt and other pages in future*/

#option_tbl{
width: 750px;
height:100%;
table-layout: fixed;
padding:0px;
margin:0px;
margin-left:auto;
margin-right:auto;
	BORDER-RIGHT: 0px; 
	BORDER-TOP: 0px; 
	BORDER-LEFT: 0px; 
	BORDER-BOTTOM: 0px;
	xbackground-color: orange;
}
#option_tbl td{
	BORDER-RIGHT: 0px; 
	BORDER-TOP: 0px; 
	BORDER-LEFT: 0px; 
	BORDER-BOTTOM: 0px;
	margin:0;
padding:0;
text-align:center;
}
.option_tbl_hdr{
width:750px;
height:30px;
text-align:center;
background: url(../images/option_tbl_hdr.gif) no-repeat center;
}
.option_tbl_title{
font-size: 2.375em;
font-weight: bold;
Xbackground-color: pink;
}
.option_tbl_sub_title{
font-size:1.375em;
font-weight: bold;
Xbackground-color: pink;
}
.option_tbl_time_date{
font-weight: bold;
}
.option_tbl_cell_content{
/*valign is written into the html td */
width:70%
font-size: 0.875em;
font-weight: bold;
xbackground-color: blue;
text-align:center;
}
.option_tbl_description{
text-align:left;
line-height:120%;
width:70%; /*same as thumb width opposite*/
margin-left:auto;
margin-right:auto;
xbackground-color: pink;
}
.option_tbl_click_here{
/*defaul .td is center aligned*/
margin-left:300px;
}

.option_tbl_cell_thumbholder_content{
width:30%;
xbackground-color:red;
text-align:right;
}
.option_tbl_ftr{
width:750px;
height: 30px;
background: url(../images/option_tbl_ftr.gif) no-repeat center;
}

.option_tbl_blank{
height:40px;
xxbackground-color:blue;
}

/*end of option_tbl new*/
/*classes*/

.classes_ad{
xxborder:1px solid #cccccc;
margin:10px;
xxbackground:#cccccc;
}
.classes_title{
text-align: center;
font-size: 2.375em;
font-weight: bold;
margin-bottom: 30px;
}
.classes_sub_title{
line-height: 50%;
text-align: center;
font-size:1.375em;
}
.click_here{
float: right;	
}

.classes{
text-align: left;
margin:10px;
line-height: 150%;
color: #993333;
xxxwidth:100%;
font-size: 0.875em;

	
}
.floatRight { 
    float: right; 
    margin:10px; 
}
.floatLeft { 
    float: left; 
    margin:10px; 
}
.photo_strip { 
    text-align: center; 

}
.classes_contact{
font-weight:bold;
line-height: 150%;
text-align: center;
font-size:1em;
margin:20px;
}

/*end of classes*/

/*gallery_wrap*/
#gallery_wrap{
width:100%; 
text-align:center;
}
/*unordered list without bullets - currently used in media.php */

.list_noBullets li { 
	  list-style-type:none; 
	  }