body {
    background-color: #fff; color: #000;
    margin: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; 
    padding: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px;
}
body.A1 #aA1, body.A2 #aA2, body.A3 #aA3, body.A4 #aA4, body.A5 #aA5, body.A6 #aA6, body.A146 #aA146
{
	background-color: #72afb6; vertical-align: middle;
	background-position: right 0;
	/*z-index: 1111;*/
	color: #ffffff !important;
}
body.A7 #aA7
{
	background-image: url(/images/nav/arrows/arrows2b.png); color: #72afb6; vertical-align: middle;
	background-color: #72afb6; vertical-align: middle;
	background-position: right 0;
	/*z-index: 1111;*/
	color: #ffffff !important;
}
#top
{
    background-color: #d1d2d4; height: 160px;
    padding: 0px 20px 0px 20px; padding-top: 0px; padding-left: 20px; padding-right: 20px; padding-bottom: 0px;
}
#top h2
{
    font-size: 1.3em; padding-top: 0; color: #767561; display: inline; font-weight: bold; 
    text-transform: uppercase; letter-spacing: 3px;
}
#topleft
{
    background-color: Transparent; color: #98999d; width: 366px; clear: both; float: left; text-align: left; font-size: 14px;
}
#topright
{
    background-color: Transparent; color: #42a08e; width: 452px; float: right; text-align: right; font-size: 14px; 
    text-align: right;
}
.tds1{width: 200px; text-align: right; vertical-align: top;}
.tds2{width: 70px; text-align: right; vertical-align: top;}
.tds3{width: 150px; text-align: right; vertical-align: top ;font-size: 11px; color: #f26649;}
.tds4{width: 28px; text-align: right; vertical-align: top;}
.tds34{font-size: 10px; color: #f26649; vertical-align: top;}
.searchbox{border-style: none; background-color: #fff; color: #f26649;}
#nav
{
    text-align: left; letter-spacing: 2px; font-size: 16px; overflow: hidden;
}
/*
#nav ul {padding: 0;}
#nav li {float: left; list-style: none; margin: 0 0 0 -23px;}
#nav li a span {display: block; width: 107px; padding: 7px 0 0 0;}
#nav .active {background-position: right 0;	z-index: 1111; color: #ffffff !important;}
*/
#nav ul {padding: 0; margin: 10px 0px 10px 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px;}
#nav li {float: left; list-style: none; display: block; height: 51px; text-align: center; vertical-align: middle;}
#nav a{text-decoration: none; color: #fff;}
#nav a:hover{text-decoration: none; color: #fff;}
#arrows{background: #ffffff;overflow: hidden; vertical-align: middle; font-size: 13px;}
#arrows ul{padding: 0; vertical-align: middle;}
#arrows li{
	float: left;
	list-style: none; vertical-align: middle;
	margin: 0 0 0 -22px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: -22px;
}
#arrows li a{
	background-position: right -61px; background-repeat: no-repeat; float: left; text-align: center; height: 41px;
	padding: 10px 40px 10px 25px; padding-top: 10px; padding-right: 40px; padding-bottom: 10px; padding-left: 25px;
	/*z-index: 111111;*/ position: relative; font-weight: bold; margin: auto 0;
	background-image: url(/images/nav/arrows/arrows2.png); color: #72afb6; vertical-align: middle;
}
#arrows li a span{display: block; width: 107px; padding: 7px 0 0 0; vertical-align: middle;}
#arrows .active{
	background-color: #72afb6; vertical-align: middle;
	background-position: right 0;
	/*z-index: 1111;*/
	color: #ffffff !important;
}
#arrows .active2{
	background-image: url(/images/nav/arrows/arrows2b.png); color: #72afb6; vertical-align: middle;
	background-color: #72afb6; vertical-align: middle;
	background-position: right 0;
	/*z-index: 1111;*/
	color: #ffffff !important;
}
#arrows .line1{line-height: 41px;}
#arrows .line2{line-height: 20px;}
#aA1{z-index: 111111;}
#aA2{z-index: 111110;}
#aA3{z-index: 111109;}
#aA4{z-index: 111108;}
#aA5{z-index: 111107;}
#aA146{z-index: 111106;}
#aA6{z-index: 111105;}
#aA7{z-index: 111104;}
#main
{
    margin-left: auto; margin-right: auto; border-style: none;
    background-color: #fff; width: 920px; color: #000; text-align: left;
    font-family: Verdana; font-size: 14px;
    padding: 10px 15px 10px 15px; padding-top: 10px; padding-left: 15px; padding-right: 15px; padding-bottom: 10px;
}
.centre{text-align: center;}
.textorangesize1 {color: #f26649; font-size: 1em;}
.textorangesize2 {color: #f26649; font-size: 1.1em;}
.textorangesize3 {color: #f26649; font-size: 1.2em;}
.textorangesize4 {color: #f26649; font-size: 1.3em;}
.textorangesize5 {color: #f26649; font-size: 1.4em;}
.textorangesize6 {color: #f26649; font-size: 1.5em;}
#middle
{
    background-color: Transparent; color: inherit;
    padding: 15px 25px 10px 25px; padding-top: 15px; padding-left: 25px; padding-bottom: 10px; padding-right: 25px;
}
#middle a{color: #f26649; text-decoration: none;}
#middle a:hover{text-decoration: underline;}
#midleft
{
    background-color: Transparent; color: #000; width: 200px; text-align: left; font-size: 1em;  
    padding: 0px 20px 0px 0px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 0px;
	float: left; overflow: auto;
}
#midright
{
    text-align: left; color: #58585a; font-size: 1em; line-height: 1.3em;
    margin: 0px 0px 0px 240px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 240px;
}
#midright ul li   
{
    margin:.5em 10% .5em 0;   
}
#homeleft
{
    background-color: Transparent; color: #000; width: 396px; clear: both; float: left; text-align: left; font-size: 14px;
    text-align: justify;
}
#homeright
{
    background-color: Transparent; color: #000; width: 448px; float: left; text-align: right; font-size: 14px;
    padding: 16px 0px 0px 25px; padding-top: 16px; padding-left: 25px; padding-bottom: 0px; padding-right: 0px;
}
#recipeleft
{
    background-color: Transparent; color: #000; width: 474px; clear: both; float: left; text-align: left; font-size: 14px;
    text-align: justify;
}
#reciperight
{
    background-color: Transparent; color: #000; width: 264px; float: left; text-align: right; font-size: 14px;
    padding: 16px 0px 0px 25px; padding-top: 16px; padding-left: 25px; padding-bottom: 0px; padding-right: 0px;
}
#catleft
{
    background-color: Transparent; color: #000; width: 160px; clear: both; float: left; text-align: left; font-size: 14px;
    text-align: left; padding: 16px 0px 0px 0px; padding-top: 16px; padding-left: 0px; padding-bottom: 0px; padding-right: 0px;
}
#catleft a{color: #767561;}
#catright
{
    background-color: Transparent; color: #000; width: 685px; float: left; text-align: left; font-size: 14px;
    padding: 16px 0px 0px 25px; padding-top: 16px; padding-left: 25px; padding-bottom: 0px; padding-right: 0px;
}
#newsLeft{color: #98999d; width: 200px; clear: both; float: left; text-align: left; font-size: 14px; line-height: 1.4em;}
#newsRight{color: #000; width: 660px; float: left; text-align: left; font-size: 14px;}
.footertable{width: 920px; text-align: center;}
.footertable td{vertical-align: bottom;}
#footer2
{
    padding: 8px 0px 8px 0px; padding-top: 8px; padding-left: 0px; padding-right: 0px; padding-bottom: 8px;
    text-align: center; font-family: Verdana; font-size: 10px;
}
#footer2 a{color: #000; text-decoration: none;}
.button{background-color: #fff; border-style: none; color: #000;}
.noborder{border-style: none;}
.none{display: none;}
.floatleft{float: left; margin-top: 2px; margin-left: 2px; margin-bottom: 2px; margin-right: 10px; border-style: none;}
.floatright{float: right; margin-top: 2px; margin-left: 10px; margin-bottom: 2px; margin-right: 2px; border-style: none;}
a{color: #f26649; text-decoration: none;}
a:hover{text-decoration: underline;}
.clear 
{
	clear : both; font-size: 1px; height: 1px;
}
/* hide from IE5 Mac */
/* \ */ .clear { font-size : 1px;}
/* \ */ #footer .clear { clear : none; font-size : xx-small ; height: 1px;
}
h1{font-size: 1.3em; padding-top: 0; color: #f26649; display: inline; font-weight: normal;}
h2{font-size: 1.3em; padding-top: 0; color: #f26649; display: inline; font-weight: normal;}
h3{font-size: 1.2em; padding-top: 0; color: #f26649; display: inline; font-weight: normal;}
h4{font-size: 1.2em; padding-top: 0; color: #f26649; display: inline; font-weight: normal;}
h5{font-size: 1.1em; padding-top: 0; color: #f26649; display: inline; font-weight: normal;}
h6{font-size: 1em; padding-top: 0; color: #f26649; display: inline; font-weight: normal;}
#prodleft
{
	background-color: Transparent; color: #000; width: 449px; clear: both; float: left; text-align: left; font-size: 14px; 
	vertical-align: middle;
}
#prodright{background-color: Transparent; color: #000; width: 440px; float: left; text-align: left; font-size: 14px;}
#prodright a{text-decoration: none;}
#prodright a:hover{text-decoration: none;}
#tddiv
{
    width: 356px; height: 117px; text-align: left;
    background-image: url(/images/join2.gif); background-repeat: no-repeat; background-position: left top;
    padding: 12px 0px 0px 40px; padding-top: 12px; padding-right: 0px; padding-bottom: 0px; padding-left: 40px;
}
.table2{width: 316px;}
.table2a{background-color: #fff; width: 280px;}
.table2b{background-color: #fff; text-align: center; width: 36px;}
.tb{border-style: none; background-color: #fff; color: #8c8c86; font-size: 12px; height: 18px;}
.btn{border-style: none; background-color: #fff; color: #8c8c86; font-size: 11px; height: 20px; color: #000;}
.watermarked {border-style: none; color: #000;}
.validatorCalloutHighlight{background-color: #f7ef9a;}
.newfont{font-size: 1.8em; color: #fff;}
#pagebuttons
{
    text-align: center; font-size: 11px; margin: 0px 0px 16px 0px;
    margin-top: 0px; margin-left: 0px;
    margin-bottom: 16px; margin-right: 0px;
}
#pagebuttons a
{
	font-weight: bold; padding-top: 3px; padding-bottom: 3px;
	padding-right: 6px; padding-left: 6px; 
	padding: 3px 6px 3px 6px; margin: 0px 3px 0px 3px;
    margin-top: 0px; margin-left: 3px;
    margin-bottom: 0px; margin-right: 3px;
}
#pagebuttons a.pagebuttonactive
{
    background-color: #f26446; color: #fff; text-decoration: none; 
    border-style: solid; border-color: #000; border-width: 1px;
}
#pagebuttons a.pagebuttonnormal
{
    background-color: #fff; color: #f26446; text-decoration: none;
    border-style: solid; border-color: #f26446; border-width: 1px;
}
/* Accordion */
.accordionHeader
{
    border: 1px solid #72afb6;
    color: white;
    background-color: #72afb6;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #72afb6;
    color: white;
    background-color: #72afb6;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #ffffff;
    border: 1px dashed #72afb6;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
/* Table Colours */
.back-colour-grey{color: #3f3f41; background-color: #bcbdc1; font-weight: bold;}
.back-colour-orange{color: #3f3f41; background-color: #f16649; font-weight: bold;}
.back-colour-goldish{color: #3f3f41; background-color: #c7c0a6; font-weight: bold;}
.back-colour-green{color: #3f3f41; background-color: #72aeb6; font-weight: bold;}
/* Checklist Tables */
td.checklisttdleft{background-color: #deecef; vertical-align: top; width: 50%;}
td.checklisttdright{background-color: #f1e7c8; vertical-align: top; width: 50%;}
/*----End of Example CSS Class --*/