@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color:#353D91;
	margin: 0px;	
	padding: 0px;
	/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #353C91;
	}
	
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #353C91;
	}
	
h3 {
	font-size: 12px;
	font-weight: bold;
	color: #353C91;
	}	
	
h4 {
	font-size: 16px;
	font-weight: bold;
	color: #353C91;
	text-align: center;
	}	

h5 {
	font-size: 14px;
	font-weight: bold;
	color: #353C91;
	text-align: center;
	}
	
h6 {
	font-size: 12px;
	font-weight: bold;
	color: #353C91;
	text-align: center;
	}	

p {
	font-size: 14px;
	color: #000000;
}	

.Text_Black {
	font-size: 14px;
	color: #000000;
	font-weight: normal;
}

.Text_White {
	color: #FFFFFF;
}

.Text_White_Bold {
	color:#FFFFFF;
	font-weight: bold;
}

.Text_White_Center_Bold {
	color:#FFFFFF;
	font-weight: bold;
	text-align: center;
}

.Text_White_Center {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

.Text_White_Center_20px {
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	line-height: 30px;
}

.Text_White_Center_Background_Blue {
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	line-height: 30px;
}

.Text_Blue_Bold_16px {
	font-size: 16px;
	color: #353C91;
	font-weight: bold;
}

.Text_Line_Height_20px {
	line-height: 20px;
}

.Text_Line_Height_18px {
	line-height: 18px;
}

.floatleft {
	float:left
}
.floatright {
	float:right
}




/* Start of POSITIONING LAYOUT STYLES --------------------------------------- */

#relContainer1 {
	position:relative;
	width:950px;
	z-index:10;
	visibility: visible;
	text-align: left;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 920px;
	background-color: #FFFFFF;
}

#relContainer1_1 {
	position:relative;
	width:950px;
	z-index:10;
	visibility: visible;
	text-align: left;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 1100px;
	background-color: #FFFFFF;
}

#apContainer2 {
	position:absolute;
	width:950px;
	z-index:11;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	height: auto;
}

#apBanner {
	background-image: url(images/Decoration/banner_spacer.jpg);
	position:absolute;
	left:0px;
	top:0px;
	width:950px;
	height:119px;
	z-index:20;
	visibility: visible;
}

#nav {
	position:absolute;
	left:0px;
	top:118px;	
	z-index:100;	
	visibility: visible;
	width:950px;
	height:28px;
	background-color: #353D91;
	color: #FFFFFF;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}


#Side_Bar_1_Container{
	position:absolute;
	left:30px;
	top:178px;
	width:184px;
	height:700px;
	z-index:35;
	visibility: visible;
}


#Side_Bar_1_Container_Top {
	position:absolute;
	left:0px;
	top:1px;
	width:184px;
	height:317px;
	z-index:40;
	visibility: visible;
	background-image: url(images/Decoration/OrangeBorderSideBox.gif);
	background-repeat: no-repeat;
}

#SideBar1_Header_Top {
	position:absolute;
	left:0px;
	top:-5px;
	width:184px;
	height:75px;
	z-index:40;
	visibility: visible;
}

#SideBar1_Content_Top {
	position:absolute;
	left:20px;
	top:50px;
	width:144px;
	height:245px;
	z-index:40;
	visibility: visible;
}

#SideBar1_Container_Bottom {
	position:absolute;
	left:0px;
	top:316px;
	width:184px;
	height:370px;
	z-index:39;
	background-image: url(images/Decoration/BlueBorderSideBox_withTop.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	visibility: visible;
}

#SideBar1_Header_Bottom {
	position:absolute;
	left:0px;
	top:0px;
	width:184px;
	height:80px;
	z-index:40;
	visibility: visible;
}

#SideBar1_Content_Bottom {
	position:absolute;
	left:20px;
	top:75px;
	width:144px;
	height:275px;
	z-index:41;
	visibility: visible;
}

#Side_Bar_2{
	position:absolute;
	top:178px;
	width:184px;
	height:700px;
	z-index:35;
	right: 30px;
	visibility: hidden;
	left: 30;
}

#apSideBar2_Background {
	background-image: url(images/Decoration/Side_Box_RH_RSC.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	width:184px;
	height:700px;
	z-index:40;
	visibility: visible;
}

#apSideBar2_Background_Without_Top {
	background-image: url(images/Decoration/Side_Box_RH_WithoutTop.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	width:184px;
	height:700px;
	z-index:40;
	visibility: visible;
}

#apSideBar2_Background_With_Top {
	background-image: url(images/Decoration/Side_Box_RH_WithTop.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	width:184px;
	height:700px;
	z-index:40;
	visibility: visible;
}

#SideBar2_Header {
	position:absolute;
	left:15px;
	top:-1px;
	width:154px;
	height:660px;
	z-index:40;
	visibility: visible;
}

#SideBar2_Header_Top {
	position:absolute;
	left:0px;
	top:-5px;
	width:184px;
	height:75px;
	z-index:40;
	visibility: visible;
}


#SideBar2_Content {
	position:absolute;
	left:23px;
	top:208px;
	width:136px;
	height:460px;
	z-index:41;
	visibility: visible;
}

#SideBar2_Content_With_Top {
	position:absolute;
	left:23px;
	top:40px;
	width:136px;
	height:460px;
	z-index:41;
	visibility: visible;
}

#SideBar2_Content_Without_Top {
	position:absolute;
	left:19px;
	top:0px;
	width:145px;
	height:660px;
	z-index:41;
	visibility: visible;
}

#Main_Content {
	position: absolute;
	z-index: 30;
	width: 482px;
	left: 234px;
	top: 180px;
	background-color: #FFFFFF;
	visibility: visible;
}

#Main_Content_1 {
	position: absolute;
	z-index: 10;
	width: 442px;
	left: 254px;
	top: 180px;
	background-color: #FFFFFF;
	visibility: visible;
}


#apOrangeFlyOut {
	background-image: url(images/Decoration/Background_Orange.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:0px;
	top:487px;
	width:730px;
	height:318px;
	z-index:33;
	visibility: visible;

}

#apOrangeFlyOutContent {
	position:absolute;
	left:220px;
	top:15px;
	width:480px;
	height:380px;
	z-index:33;
	visibility: visible;
}




#Product_Image_Background {
	background-image: url(images/Decoration/Background_Gray_Border4.gif);
	background-repeat: no-repeat;
	height: 292px;
	width: 482px;
	position: absolute;
	left: 234px;
	top: 178px;
	z-index: 31;
	visibility: visible;
}

#MainContentWithoutBackground {
	width: 500px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 31;
	visibility: visible;
}

#Product_Images {
	height: 210px;
	width: 430px;
	position: absolute;
	z-index: 32;
	visibility: visible;
	top: 63px;
	left: 25px;
}


#OurProducts {
	position: absolute;
	visibility: visible;
	z-index: 33;
	height: 60px;
	width: 450px;
	left: 26px;
	top: -33px;
}

#NewRecipes {
	position: absolute;
	z-index: 35;
	height: 60px;
	width: 450px;
	left: 18px;
	top: -9px;
	visibility: visible;
}

#Recipe_Image1 {
	position: absolute;
	height: 168px;
	width: 133px;
	left: 18px;
	top: 34px;
	z-index: 34;
	visibility: visible;
		font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

#Recipe_Image2 {
	position: absolute;
	height: 168px;
	width: 133px;
	left: 176px;
	top: 34px;
	z-index: 34;
	visibility: visible;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

#Recipe_Image3 {
	position: absolute;
	height: 168px;
	width: 133px;
	top: 34px;
	z-index: 34;
	visibility: visible;
	left: 337px;
		font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

#Check_Back {
	position: absolute;
	z-index: 34;
	height: 60px;
	width: 500px;
	left: 18px;
	top: 196px;
	visibility: visible;
}
#Book {
	position: absolute;
	height: 140px;
	width: 100px;
	left: 24px;
	top: 228px;
	z-index: 34;
	visibility: visible;
}
#Tess {
	position: absolute;
	height: 50px;
	width: 200px;
	left: 141px;
	top: 237px;
	z-index: 34;
	visibility: visible;
}

#Share_This {
	position: absolute;
	height: 159px;
	width: 131px;
	left: 369px;
	top: 183px;
	z-index: 34;
	visibility: visible;
}

#Whats_Your_Favourite {
	position: absolute;
	height: 80px;
	width: 350px;
	left: 140px;
	top: 295px;
	z-index: 34;
	visibility: visible;
}



#Footer {
	background-image: url(images/Decoration/banner_spacer.jpg);
	background-color: #353D91;
	position: absolute;
	height: 30px;
	width: 950px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #1C1E75;
	border-bottom-color: #FFFFFF;
	border-left-color: #1C1E75;
	left: 0px;
	z-index: 10;
	visibility: visible;
	bottom: 0px;
}

#Footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* End of POSITIONING LAYOUT STYLES  --------------------------------------- */


#NavBarButton_Home {
	background-image: url(images/Decoration/home_off.gif);
}
.smallcaps {
	font-variant: small-caps;
}
.TextBold {
	font-weight: bold;
}
.Text_10px {
	font-size: 10px;
}
.SideBox2_RecipeIndex {
	font-size: 10px;
	font-variant: small-caps;
	list-style-position: outside;
	list-style-type: circle;
	margin-left: 10px;
	padding-left: 0px;
}
.aligncenter {
	text-align: center;
}

.alignright {
	text-align: right;
}

.Text_Green {
	color: #0A6403;
}

a.smallcapswhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF9999;
	font-variant: small-caps;
	font-size: 10px;
	border: 2px #fceafd none;
	text-decoration: none;
}

a.smallcapswhite:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-variant: small-caps;
	font-size: 10px;
	border: 2px #fceafd none;
	text-decoration: none;
}


a.smallcapswhite:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF9999;
	font-variant: small-caps;
	font-size: 10px;
	border: 2px #fceafd none;
	text-decoration: none;
}

a.smallcapswhite:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6699FF;
	font-variant: small-caps;
	font-size: 10px;
	border: 2px #fceafd none;
	text-decoration: none;
}

a.smallcapswhite:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-variant: small-caps;
	font-size: 10px;
	border: 2px #fceafd none;
	text-decoration: none;
}

.smallcaps {
	font-variant: small-caps;
	font-size: 10px;
}

.smallcapsWhiteRight {
	font-variant: small-caps;
	font-size: 10px;
	text-align: right;
}

a.whitenav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF3300;
	text-decoration: none;
	font-weight: bold;
}

a.whitenav:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

a.whitenav:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9999;
	text-decoration: none;
	font-weight: bold;
}


a.whitenav:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0066;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

a.whitenav:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF3300;
	text-decoration: none;
	font-weight: bold;
}

a.whitenav12px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF3300;
	text-decoration: none;
	font-weight: bold;
}

a.whitenav12px:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

a.whitenav12px:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9999;
	text-decoration: none;
	font-weight: bold;
}


a.whitenav12px:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0066;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

a.whitenav12px:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF3300;
	text-decoration: none;
	font-weight: bold;
}

/*------------------------------------*/


a.blue12px {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #353D91;
	text-decoration: none;
	font-weight: bold;
}

a.blue12px:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #353D91;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

a.blue12px:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF9999;
	text-decoration: none;
	font-weight: bold;
}


a.blue12px:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0066;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

a.blue12px:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF3300;
	text-decoration: none;
	font-weight: bold;
}


/*-------------------------------------*/

.Border_Zero {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}