body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;}
	
#recipebox	{
	width: 110px;
	height: 65px;
	background-color:#7dd6f8;
	font-weight:bold;
	padding: 5px;
	text-align:left;
	vertical-align:middle;
	border: 2px dashed #cc0000;}
	
#favouritesbook	{
	width: 110px;
	height: 65px;
	margin-left: 25px;
	background-color:#FFFFCC;
	font-weight:bold;
	padding: 10px 0 0 0;
	text-align:center;
	vertical-align:middle;
	border: 2px dashed #cc0000;}	

#catback {
	width: 135px;
	background-color:#7dd6f8;
	font-weight:bold;
	padding: 5px;
	text-align:center;
	vertical-align:middle;
	border: 2px dashed #cc0000;}
	
#infobox {
	width: 200px;
	margin-left: 7px;
	background-color:#FF3366;
	padding: 5px;
	text-align:center;
	color: #FFFFFF;
	vertical-align:middle;
	border: 2px dashed #cc0000;}
	
#calcbox {
	width: 100px;
	margin-left: 7px;
	background-color:#09F;
	padding: 5px;
	text-align:center;
	color: #FFFFFF;
	vertical-align:middle;
	border: 2px dashed #cc0000;}
	
#calcbox a:link {
	color: #FFFFFF;}
#calcbox a:visited {
	color: #FFFFFF;}
#calcbox a:hover {
	color: #FFFFFF;}
#calcbox a:active {
	color: #FFFFFF;}
	
#catback2 {
	width: 200px;
	margin-left: 20px;
	background-color:#FF3366;
	padding: 5px;
	text-align:center;
	color: #FFFFFF;
	vertical-align:middle;
	border: 2px dashed #cc0000;}
	
#catback a:link {
	color: #000000;}
#catback a:visited {
	color: #000000;}
#catback a:hover {
	color: #FFFFFF;}
#catback a:active {
	color: #FFFFFF;}	
	
#recipebuton	{
	background: url(images/recipebuton.jpg) repeat-x;
	/*background-color:#FFFFCC;*/
	width: 200px;
	font-weight:bold;
	padding: 5px;
	margin-bottom: 10px;
	text-align:center;
	border: 1px dashed #cc0000;}	
	
#recipebuton2	{
	background-color:#FFFFCC;
	width: 150px;
	float: left;
	font-weight:bold;
	padding: 5px;
	text-align:center;
	border: 2px dashed #cc0000;}			
	
body {
	background-image:url(images/mainbg.jpg);
	background-repeat:repeat-x;
	background-color: #6dcff6;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;}
	
#itemoptions {
	width: 130px;
	margin-top: 2px;
	color: #000000;
	text-align:center;
	float: left;
	background-color:#FFFFCC;
	padding: 2px;
	margin-right: 4px;
	border: 1px solid #CC0000;}
	
#itemoptions a:link {
	color: #CC0000;
	text-decoration:none}
#itemoptions a:visited {
	color: #CC0000;
	text-decoration:none}
#itemoptions a:hover {
	color: #CC0000;
	text-decoration:underline}
#itemoptions a:active {
	color: #CC0000;
	text-decoration:underline}	
	
#additem {
	background:url(images/button_back45.jpg) 3px repeat-x;
	width: 315px;
	margin-top: 15px;
	color: #FFFFFF;
	font-weight:bold;
	background-color:#003663;
	padding: 7px;
	border: 1px solid #0749b5;}
	
#additem a:link {
	color: #003471;
	text-decoration:none}
#additem a:visited {
	color: #003471;
	text-decoration:none}
#additem a:hover {
	color: #000000;
	text-decoration:underline}
#additem a:active {
	color: #FFFFFF;
	text-decoration:underline}
		
h3 {
	color: #CC0000;}
h4 {
	color: #CC0000;
}
h4.product-title {
	padding: 0px 10px;
	margin: 4px 0px 2px 0px;	
}
	
.prodtitle {
	color: #CC0000;
	font-weight: bold;
	font-size: 14px;
	padding-top: 10px;}
	
#product {
	border-bottom: solid 1px #CC0000;
	padding: 5px;
}
	
#proddetails {
	float: left;
	width: 435px;
	line-height: 17px;}
	
#prodimage {
	float: left;
	padding-right: 5px;
	width: 150px;}

#prodimage img {
	border: 1px solid #CC0000;}	
	
.imgborder {
	border: 1px solid #CC0000;}	
	
#addvan {
	float: right;
	position: absolute; 
	bottom: 0; 
	right: 0}

.errorfont {
	background-color:#FF6666;
	color: #FFFFFF;
	font-weight:bold;
	border: 1px solid #000000;
	width: 98%;
	padding: 4px 2px 0px 2px;
	vertical-align:middle;}

	
.okfont {
	background-color:#3366CC;
	color: #FFFFFF;
	font-weight:bold;
	border: 1px solid #000000;
	width: 98%;
	height: 20px;
	padding: 4px 2px 0px 2px;
	vertical-align:middle;}
		
a:link {
	color: #CC0000;}
a:visited {
	color: #CC0000;}
a:hover {
	color: #990000;}
a:active {
	color: #990000;}
	
#page  {
	width: 876px;
	margin: 0 auto;}
	
#headerimage {
	width: 530px;
	height: 149px;
	float: right;
	padding-top: 5px;}
	
#header {
	width: 862px;
	height: 162px;
	background-image:url(images/header.jpg);}
	
#content {
	width: 876px;
	background-image:url(images/shadow-right-bg.jpg);
	background-position:right;
	background-repeat:repeat-y;
	position:relative;}
	
#shadow {
	width: 11px;
	height: 511px;
	background-image:url(images/shadow-right-top.jpg);
	position: absolute;
	right: 0;
	top: 0;}
	
#footershadow {
	width: 874px;
	float: right;
	clear: both;}
	
#contentmain {
	width: 863px;
	border: 1px solid #FFFFFF;
	background-color: #003663;}
	
#navigation {
	width: 853px;
	height: 25px;
	background-image:url(images/navigationbg.jpg);
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
	padding: 3px 0 0 10px;}
	
#contentmain2 {
	width: 863px;}
	
#footer {
	width: 780px;
	height: 24px;
	font-size: 11px;
	text-align:right;
	color:#FFFFFF;
	padding: 3px 70px 0 0;
	clear: both;}
	
#footer a:link {
	color: #FFFFFF;
	text-decoration: none}
#footer a:visited {
	color: #FFFFFF;
	text-decoration: none}
#footer a:hover {
	color:#FFFF33;
	text-decoration: underline}
#footer a:active {
	color: #FFFF33;
	text-decoration: underline}
	
#navigation a:link {
	color: #FFFFFF;
	text-decoration: none}
#navigation a:visited {
	color: #FFFFFF;
	text-decoration: none}
#navigation a:hover {
	color:#FFFF33;
	text-decoration: underline}
#navigation a:active {
	color: #FFFF33;
	text-decoration: underline}
	
.navpipe {
	font-weight: lighter;
	font-size:16px;
	padding: 0 2px 0 1px;}
	
#contentinner {
	width: 842px;
	background-color:#FF66CC}
	
#menu2 {
	width: 223px;
	float: left;}	
	
#menu {
	width: 223px;
	float: left;
	margin-top: 25px;
	background-image:url(images/nav-bg.gif);
	background-repeat:repeat-y;}
	
#menuhead {
	height: 17px;
	width: 223px;
	background-image:url(images/nav-head.gif);}
	
#menuinner {
	width: 213px;
	font-size: 13px;
	padding-left: 10px;
	line-height: 20px;}

#menufoot {
	height: 18px;
	width: 223px;
	background-image:url(images/nav-foot.gif);}
	
	
#menu a:link {
	color: #000000;
	text-decoration: none}
#menu a:visited {
	color: #000000;
	text-decoration: none}
#menu a:hover {
	color: #000000;
	text-decoration: underline}
#menu a:active {
	color: #000000;
	text-decoration: underline}
	
#menu strong {
	color: #CC0000;
	font-size:13px;}
	
#menu p {
	margin: 4px 0 4px 0;}
	
#menu hr {
	height: 1px;
	background-color:#CC0000;
	color:#CC0000;
	border: 0;
	width: 95%;}
	
#content2 {
	padding-top: 10px;}
	
#imgbox {
	float: right;
	padding: 0 7px 0 0;
	text-align:center;
	color: #FFFFFF;
	font-weight: bold;}
	
#imgbox img {
	margin-top: 3px;}
	
#imgbox a:link img  {
	border: 2px #FFFFFF solid;
	color: #FFFFFF;
	text-decoration: none}
#imgbox a:visited img {
	border: 2px #FFFFFF solid;
	color: #FFFFFF;
	text-decoration: none}
#imgbox a:hover img {
	border: 2px #FFFF33 solid;
	color:#FFFF33;
	text-decoration: none}
#imgbox a:active img {
	border: 2px #FFFF33 solid;
	color: #FFFF33;
	text-decoration: none}
	
#imgbox a:link {
	color: #FFFFFF;
	text-decoration: none}
#imgbox a:visited {
	color: #FFFFFF;
	text-decoration: none}
#imgbox a:hover {
	color: #FFFF33;
	text-decoration: underline}
#imgbox a:active {
	color: #FFFF33;
	text-decoration: underline}
	
#contentspace {
	padding: 0px;
	width: 615px;
	float: left;
	line-height: 17px;
	margin: 5px 0 0 14px;
	background-color:#FFFFFF;
	border: 2px solid #2b6277;
}

#contentspace .faq-answer {
	margin: 5px 0px;
	padding: 6px 10px;
	border: 1px solid #CA0F01;
	background-color: #F6D5D3;
}

div.contentspace-i {
	padding: 5px 10px 10px 10px;
}

#contentspacefooter {
	float: right;
	text-align:right;
	font-size:11px;
	font-weight:bold;}
	
	
h4.product-heading {
	
}

table.product-table {
	width: 100%;
}

table.product-table tr td {
	padding: 5px 0px;
	vertical-align: top;
}

table.product-table tr td.item {
	width: 29%;
	text-align: center;
}

table.product-table tr td.item img {
	padding: 1px;
	border: 1px solid #CC0000;	
}

table.product-table tr td.details {
	width: 71%;
	text-align: left;
	padding: 0px 5px;
}

table.product-table tr td.details p {
	margin: 0px 0px 10px 0px;
}

table.product-table tr td.details a {
	border: 0px;
	background: none;
	width: auto;
}

table.product-table tr td.details img {
	border: 0px;
}