a.linksmall { /* link text style for small links on home page */
	font-size:10px;
	text-decoration:none;
}
a.linkEmailFriend { /* link text style for small links on home page */
	color:#cc3333;
	text-decoration:none;
}
a.linkEmailFriend:hover { /* link text style for Email a Friend */
	color:#cc3333;
	background-color:#E1E8EC;
}
h2 {color:#cc0000;
	font-size: 21px;
	padding:0px;
	margin:0px;
}
h3 {color:#cc0000;
	font-size: 12px;
	padding:0px;
	margin:0px;
}
h3.bullet { /* adds small bullet to left of heading 3 */
	background-image:url(/images/global/bullet.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:12px;
}
h4 {color:#cc0000;
	font-size: 12px;
	padding:0px;
	margin:0px;
}
h5 {color:#666666;
	font-size: 13px;
	padding:0px;
	margin:0px;
}
hr {color: #cccccc;}
input, select { /* text style for form imput fields */
	font-size: 11px;
}
li {
	font-size:12px;
}
p {
	font-size:12px;
	margin-top: 0px;
	color:#333333;
}
ul {/* adds black triangle bullet to all unordered lists */
	list-style-image:url(/images/global/bullet_ul.gif)}
#nob { /* sets border to none */
	border:none;}


/* *************** banner styles **************** */
table.banner {
	background-color: #A1B8C4;
	height: 91px;
	float: left;
	width: 960px;
}
table.banner td {/* make table borders visible*/
	/*border:1px red solid;border-bottom:1px blue solid;*/}
table.banner h1 { /* text style for heading 1 in banner */
	font-size: 32px;
	text-transform: uppercase;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
	margin-left:22px;
	margin-top:28px;
	margin-bottom:0px;
	font-weight:normal;
	letter-spacing:1px;
}
td.gradient { /* sets a white background behind shiny gradient image just below banner */
	background-color: #ffffff;
	font-size:10px;
}
td.quote { /* positions background image to right of quote text */
	/* for products this image is set in the head section of the page */
	background-image:url(/images/products/banner_end.jpg);
	background-position:right;
	background-repeat:no-repeat;
	width:300px;}
td.quote p { /*text style for inspirational quote in banner */
	padding-top:10px;
	font-size:13px;
	font-style:italic;
	color:#000000;
}

.custom1 {margin:0px;padding-left:2px;padding:0px;padding-bottom:0px;font-size:11px;}
.custom2 {margin:0px;padding-left:2px;padding:0px;padding-bottom:0px;font-size:10px;}
.custom3 {font-family:'Arial';color:#CC0000; font-weight:bold; font-size: 21px;}

/* *************** main body content area styles **************** */
div.productcontent {
	margin-left:30px;
	margin-top:10px;
	margin-right:20px;
	float: left;
	width: 890px;
}
img.productshot { /* adds space to right of product photos, helping centre them */
	margin-right:28px;
	margin-bottom:10px;}
div.bodycontent { /* container for main body area */
	margin-left:50px;
	margin-top:0px;
	margin-right:15px;
	float: left;

	/*border: 1px solid red;*/
}

div.bodycontent td {/* border:1px red solid;border-right:1px green solid;border-bottom:1px blue solid; */}
div.bodycontent hr, div.productcontent hr { /* style for HR in main body area */
	height:1px;
	padding:0px;
	margin:0px;
}
div.bodycontent h2 { /* adds a grey underline beneath Heading 2 */
	border-bottom: 1px #cccccc solid;
	padding-bottom:8px;
	margin-bottom:8px;}

div.bodycontent2 { /* container for main body area */
	margin-left:30px;
	margin-top:0px;
	margin-right:15px;
	float: left;
	width: 830px;
	/*border: 1px solid red;*/
}

div.bodycontent2 td {/* border:1px red solid;border-right:1px green solid;border-bottom:1px blue solid; */}
div.bodycontent2 hr, div.productcontent2 hr { /* style for HR in main body area */
	height:1px;
	padding:0px;
	margin:0px;
}
div.bodycontent2 h2 { /* adds a grey underline beneath Heading 2 */
	border-bottom: 1px #cccccc solid;
	padding-bottom:8px;
	margin-bottom:8px;}	
	
table.features { /* container for faq, ingredients and customers in product pages */
	border-top: 1px solid #A1B8C4;
	margin-top:10px;
}
table.features p { /* text style for features table in product pages */
	font-size: 11px;
	padding-left:12px;}
table.features a { /* text style for features table in product pages */
	font-size: 11px;}
table.features td { /* table cell borders for features table in product pages */
	border-left: 1px solid #A1B8C4;
	border-top: 4px solid #ffffff;
	padding:8px;
	padding-left:12px;
}
a.top {/* adds an arrow to top buttons in FAQ pages */
	background-image:url(/images/global/top.gif);
	background-repeat:no-repeat;
	padding-left:11px;
	margin-right:10px;
}
table.form td { /* padding for tables containing a form */
	padding:4px;
}
table.form table { /* padding for tables inside tables containing a form */
	padding:0px;
	margin:0px;
}
td.highlight { /* highlight rows in purchase form */
	margin-bottom:4px;
	padding-bottom:4px;
	border-bottom: 1px solid #cccccc;
	border-top: 10px solid white;
}
td.highlight p { /* text in highlight rows in purchase form */
	color:#cc0000;
	font-weight:bold;
}
td.alt { /* alternate table row colour for purchase form */
	background-color:#eeeeee;
}
table.ingredients {/* table for ingredients listings */
	width:660px;
}
table.ingredients strong { /* style for header rows in ingredients listings */
	display:block;
	margin-top:4px;
	margin-bottom:0px;
	border-bottom: 1px solid #cccccc;
}
table.ingredients td strong {}
table.ingredients p {margin-bottom:2px;}
table.ingredients td {
border-bottom: 1px #f4f4f4 solid;}

a.buttonbg { /* give links a border + background, like a button, in purchase page */
	border:1px solid #cccccc;
	background-image:url(/images/global/button_bg.gif);
	background-repeat:repeat-x;
	text-align:center;
	height:18px;
	width:180px;
	display:block;
	padding-top:3px;
	padding-bottom:0px;
	padding-left:4px;
	padding-right:4px;
}
a.buttonbg:hover {
	border:1px solid #cc9999;
	background-image:url(/images/global/button_bg-over.gif);
}

/* ********** styles for product thumbnails & text in product page ***************** */
table.productchoice p {margin:0px;padding-left:10px;font-size:11px;}
table.productchoice hr {margin:0px;margin-left:10px; margin-right:10px;}
table.productchoice h3 hr {margin:0px;font-size:12px;}
table.productchoice img.thumb {margin:0px;padding-right:6px;}
table.productchoice td {padding:0px;}
td.bordertop {border-top: 1px solid #cccccc;}
table.productchoice table {margin-right:16px;}


/* *********** FAQ reveal text styles ************* */
div.switchcontent h3 {margin-bottom:10px;}
div.switchcontent p { /* sets text column width to 680px */
	width:680px;}
p.faqintro { /* sets text column width to 480px */
	width:480px;
	margin-top:10px;}
span.textreveal {cursor:default; cursor:pointer; color:#999999;}

/* *********** header styles ************* */
table.header { /* adds borders to header */
	border-top: 7px #1F1917 solid;
	border-bottom: 2px #0A5C91 solid;
	margin-bottom: 14px;}
	
	
/* ********** footer styles *************** */
table.footer { /* space above footer */
	margin-top:20px;}
table.footer td {/* adds space in the footer */
	padding:2px;
	padding-left:4px;}

td.black { /* text style in footer table cell */
	background-color: #000000;
	color:#FFFFFF;
}
td.red { /* text style in footer table cell */
	background-color: #D9332B;
	color:#000000;
}
table.footer p {/* text style in footer */
	font-size:11px;
	color:#FFFFFF;
}
td.red a, td.red p { /* text style in footer */
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	padding-left: 4px;
	padding-right: 4px;
}
td.red a:hover { /* makes footer link hover colours different to other links */
	font-size:9px;
	background-color:#A61C15;
	color:#ffffff;
	text-decoration:none;
}
a.simple { /* Simple IT link style, below footer */
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#cccccc;
}
a.simple:hover { /* Simple IT link hover style, below footer */
	background-color:white;
	color:#cccccc;
}

INPUT.text /* Purchase Form cells */
{  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
	color : #000000;
	background-image: url(../../sections/graphics/form_shadow_bkgrnd.jpg);
	border-style: solid;
	border-bottom:1px solid #666666;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
}

.staffBorderRed { /* Border around images in staff page */
	border: thin solid #CC3300;
}

.td0 {
	background-color:#eeeeee;
}

.td1 {
	background-color:#ffffff;
}