body {
	font-size:0.8em;
	font-family:Arial, Helvectica, sans-serif;
}
a {
	text-decoration:none;
	color:blue;
}
a:hover {
	text-decoration:underline;
}
strong {
	
}

/*
	Do NOT apply specific header styles to the default header tags instead
	apply the styles like so;
	
	.boxList .box h2 {
		styles go here
	}
	
	.newsList .newsArticle h2 {
		styles go here
	}
	
	The reason for this is when the client selects a header tag within the
	html editor sometimes they will get bizzare results due to the styles
	that have been applied to the default header tags such as background images
	floating headers etc.
	
	Also header tags must be placed correctly on the page as in there should
	be only one h1 tag which is the page title and then under that within the child
	items on section pages you get h2 tags etc.
*/

h1 {
	font-size:1.6em;
	color:#B31F21;
}
h2 {
	font-size:1.5em;
	color:#F217C1;
}
h3 {
	font-size:1.4em;
}
h4 {
	font-size:1.3em;
}
h5 {
	font-size:1.2em;
}
h6 {
	font-size:1.1em;
}
.narrowTextBox {
	width:150px;
}
.mediumTextBox {
	width:250px;
}
.wideTextBox, .list {
	width:450px;
}
.list {
	width:660px;
	color:black;
}
.list .headerStyle td, .list .headerStyle th {
	background-color:#8BE886;
	padding:5px;
	color:white;
	font-weight:bold;
}
.list .row td {
	padding:5px;
}
.list .row:hover {
	background-color:#C4F3C2;
}
.list .footerStyle td {
	padding:5px;
}
.list .footerStyle td, .totals {
	color:red;
	font-weight:bold;
}
.errorMessage, .successMessage {
	padding:5px;
	display:block;
	margin:5px 0px;
	font-weight:bold;
	background-color:#FF8C8C;
}
.successMessage {
	background-color:#8CFF92;
}
.container {
	width:100%;
	float:left;
}
.column {
	float:left;
	position:relative;
}
.clear {
	clear:both;
}
.actions, .pageActions {
	display:block;
	float:left;
	padding:5px;
	border:1px black solid;
	background-color:white;
}
.actions a, .pageActions a {
	color:blue;
}
.formSection {
	background-color:#C4F3C2;
	display:block;
}
.formSection label {
	color:black;
}
#container {
	width:970px;
}

/* Start Menu Action Styles */

/* 
	Insert menu class name before action class names on all styles eg .topMenu .menuActions 
	
	Depending on where the menu is positioned the float, top, right, left, up styles will need
	to be changed.
	
	The .menuActionsOver style is used in conjunction with the actions.js file to fix the actions
	in IE6. This JavaScript file can also be used to fix dropdown / popout menus where the li has
	:hover as a style, this is fixed by defining the same styles for the class .menuliover as the li.
*/


.menuActions, .menuActionsOver {
	float: right;
	position: relative;
	color:#020A56;
	font-weight: bold;
	z-index:200;
	padding:0px 10px;
}
#headerRight .menuActions, #headerRight .menuActionsOver {
	float:right;
	padding:0px 10px;
}
.menuActions ul, .menuActionsOver ul {
	right: 0px;
	top: 100%;
	display: none;
	position: absolute;
	list-style: none;
	background-color: white;
	border: 1px solid #9B9B9B;
	width: 165px;
	margin: 0px;
	z-index:200;
}
.menuActions:hover ul, .menuActionsOver ul {
	display: block;
}
.menuActions ul li, .menuActionsOver ul li {
	display: block;
	position: relative;
	width: 155px;	
	text-align: right;
	padding: 3px 5px;
	background:none;
	font-size:0.8em;
	height:auto;
}
.menuActions a, .menuActionsOver a {
	color: black;
}
#headerRight .menuActions a, #headerRight .menuActionsOver a {
	color:black;
	height:auto;
	width:auto;
	padding:0px;
	text-align:right;
	text-transform:none;
	display:inline;
}
#headerRight .menuActions ul li, #headerRight .menuActionsOver ul li {
	padding: 3px 5px;
	height:auto;
}
#mainMenu .menuActions a, #mainMenu .menuActionsOver a {
	color: black;
}

/* End Menu Action Styles */

#main {
width: 970px;
margin: 0px auto;
}

#header {
height: 124px;
width:970px;
border-width: 0px 0px 2px 0px;
border-style: solid;
border-color: #71004f;
background-image: url('../images/headerBg.gif');
background-repeat: repeat-x;
}

#headerLeft {
width: 366px;
padding: 30px 30px 0px 30px;
}

#headerRight {
width: 504px;
height:75px;
padding: 49px 0px 0px 40px;
z-index:200;
}

#headerRight ul {
list-style-type: none;
}

#headerRight ul li {
height: 24px;
padding: 0px 0px 0px 10px;
float: left;
}

#headerRight ul li a {
height: 21px;
width: 80px;
padding: 3px 0px 0px 0px;
text-align: center;
color: #ffffff;
font-weight: bold;
text-transform: lowercase;
display: block;
}

.green, .Home a {
background-image: url('../images/greenBg.gif');
background-repeat: repeat-x;
}

.blue, .About a, .AboutUs a {
background-image: url('../images/blueBg.gif');
background-repeat: repeat-x;
}

.pink, .Advice a,  .News a {
background-image: url('../images/pinkBg.gif');
background-repeat: repeat-x;
}

.yellow, .FAQs a {
background-image: url('../images/yellowBg.gif');
background-repeat: repeat-x;
}

.red, .Contact a, .ContactUs a {
background-image: url('../images/redBg.gif');
background-repeat: repeat-x;
}

#headerBottom {
height: 290px;
background-image: url('../images/mum.jpg');
background-repeat: no-repeat;
z-index:50;
}

#headerBottom p {
text-align: right;
font-size: 1.4em;
font-weight: bold;
font-style: italic;
color: #0c6517;
padding:0px;
margin:0px;
}

#accountArea {
width: 221px;
height: 261px;
padding: 0px 0px 0px 749px;
background-image: url('../images/accountAreaBg.gif');
background-position: right;
background-repeat: no-repeat;
font-weight: bold;
font-size: 1.2em;
color: #b31f21;
}

#accountAreaTop {
width: 190px;
padding: 55px 0px 0px 10px;
border-style: dotted;
border-width: 0px 0px 3px 0px;
border-color: #ba3534;
}

#accountAreaTop span {
padding: 0px 0px 10px 0px;
display: block;
}

#accountAreaBottom {
width: 186px;
padding: 10px 0px 0px 14px;
}

.pinkText {
color: #e7288e;
}
.pinkText a {
	color: #e7288e;
}

#mainMenu {
height: 31px;
padding: 10px 0px 0px 0px;
background-image: url('../images/menuBg.gif');
background-repeat: repeat-x;
width:970px;
}

#mainMenu a {
padding: 0px 15px;
color: #ffffff;
font-weight: bold;
font-size: 1.2em;
}
#mainMenu .tagline {
	padding: 0px 15px;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.2em;
	font-style: italic;
}
#mainMenu .actions a {
	color:blue;
}

.productBox {
width: 304px;
padding: 0px 0px 0px 10px;
float: left;
}

.productBox h2 {
margin: 0px;
padding: 10px 0px 5px 0px;
font-size: 1.4em;
color: #790103;
}
.productBox h2 a {
	color: #790103;
}
.productTagline {
	color:#696969;
	font-size:1.1em;
	font-weight:bold;
	height:32px;
	overflow:hidden;
	display:block;
}
.productDesc {
float: left;
width: 304px;
background-image: url('../images/productBg.gif');
background-repeat: repeat-x;
}

.productDesc ul {
margin:0px;
padding: 0px 0px 0px 30px;
height:55px;
overflow:hidden;
}

.productDesc ul li {
padding: 10px 0px 0px 0px;
}
.productImage {
	width:302px;
	height:228px;
	margin:5px 0px 0px 0px;
	border:1px #790103 solid;
	overflow:hidden;
}
.moreLink {
width: 102px;
height: 22px;
padding: 15px 10px 0px 0px;
display: block;
float: right;
background-image: url('../images/infoLinkBg.gif');
background-repeat: no-repeat;
background-position: left bottom;
text-align: center;
font-weight: bold;
text-transform: uppercase;
color: #ffffff;
}

.basketButton {
float: left;
padding: 25px 0px 0px 15px;
border: none;
}

.basketText {
padding: 48px 0px 0px 7px;
float: left;
color: #da119a;
font-weight: bold;
font-size: 1.1em;
text-transform: uppercase;
}

#deliveryBox {
height: 78px;
padding: 0px 0px 10px 0px;
background-image: url('../images/deliveryBg.gif');
background-repeat: no-repeat;
}

#newsletterBox {
width: 442px;
height:140px;
padding: 50px 0px 10px 20px;
background-image: url('../images/newsletterBg.gif');
background-repeat: no-repeat;
background-color: #ed8fea;
}

.textInput {
	width: 242px;
	height: 24px;
	margin: 5px 0px;
	padding:6px 0px 0px 10px;
	color: #ca2bc5;
	font-size: 1.2em;
	border: none;
}

.submitInput {
width: 69px;
height: 27px;
border: none;
float: right;
background-image: url('../images/submitBg.gif');
color: #ffffff;
font-weight: bold;
}

.submitInput:hover {
cursor: pointer;
text-decoration: underline;
}

#faqBox {
	width: 485px;
	padding: 0px 0px 0px 20px;
}

.faqQuestions {
padding: 40px 0px 5px 10px;
background-image: url('../images/faqsBg.gif');
background-repeat: no-repeat;
background-color: #c4f3c2;
margin:0px 0px 5px 0px;
}
.faqQuestions .height {
	height:155px;
	overflow:hidden;
}

#faqBox a {
padding: 0px 0px 0px 5px;
color: #0e740a;
font-weight: bold;
font-style: italic;
}

.question {
padding: 0px 0px 0px 30px;
background-image: url('../images/questionBg.gif');
background-repeat: no-repeat;
color: #22b11d;
font-weight: bold;

}

.answer {
padding: 0px 0px 0px 30px;
background-image: url('../images/answerBg.gif');
background-repeat: no-repeat;
color: #0b7806;
font-weight: bold;}

#followOptions {
width: 456px;
font-weight: bold;
font-size: 1.4em;
color: #c00aac;
text-transform: lowercase;
}

#followOptions img {
padding: 5px 0px 0px 0px;
border: none;
}

#paymentMethods {
width: 514px;
}

#paymentMethods img {
padding: 20px 5px 0px 0px;
border: none;
float: right;
}

#footer {
height: 94px;
border-style: solid;
border-width: 4px 0px 0px 0px;
border-color: #ed8fea;
background-image: url('../images/footerBg.gif');
background-repeat: no-repeat;
}

#footerHeading {
padding: 3px 0px 0px 20px;
color: #dd3cc6;
font-weight: bold;
}

#footerLinks {
padding: 10px 0px 0px 55px;
}

#footerLinks a {
color: #dd3cc6;
font-weight: bold;
text-transform: lowercase;
}

#footerLinks img {
vertical-align: middle;
}

.productDetail h1 {
	padding:0px;
	margin:10px 0px 5px 0px;
}
.productDetail .intro {
	padding:5px 0px;
	margin:0px;
	font-weight:bold;
	color:#696969;
}
.productContent {
	width:950px;
}
.productContent .photos {
	width:440px;
	padding:10px;
}
.productContent .photos .thumbnailContainer {
	width:420px;
	padding:5px;
	background-color:#CCCCCC;
}
.productContent .photos .thumbnailContainer .image {
	padding:5px;
	cursor:hand;
}
.productContent .photos .imageContainer {
	width:410px;
	height:310px;
	overflow:hidden;
	padding:10px;
	background-color:#CCCCCC;
	margin:0px 0px 10px 0px;
}
.productContent .features {
	width:470px;
	padding:10px;
}
.productContent .features .price {
	float:right;
	width:84px;
	height:25px;
	color:white;
	font-weight:bold;
	background-image:url('../images/price-background.gif');
	background-position:right center;
	background-repeat:no-repeat;
	text-align:center;
	padding:7px 0px 0px 0px;
	font-size:1.3em;
}
.productContent .features h2 {
	color:#696969;
	padding:7px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	font-size:1.3em;
}
.productContent .features ul {
	padding:10px 20px;
	margin:0px;
	list-style:disc;
	color:#696969;
	width:430px;
}
.productContent .features ul li {
	
}
.productContent .features .buyNowQuantity {
	padding:15px 0px 0px 0px;
	margin:0px;
}
.productContent .features .buyNowQuantity label {
	padding:0px 10px 0px 0px;
	color:#696969;
	font-size:1.2em;
	font-weight:bold;
}
.productContent .features .buyNow {
	float:right;
}
.productContent .features .links {
	padding:20px 0px;
	font-size:1.2em;
}
.productContent .features .links a {
	color:#696969;
}
.productContent .features .links strong {
	color:#D70895;
}
.productBody {
	width:930px;
	background-image:url('../images/productbody-background.jpg');
	background-position:center top;
	background-repeat:repeat-x;
	padding:10px;
	color:#696969;
}
.productBody h2 {
	color:#F217C1;
}

.linkList {
	width:950px;
}
.linkList .link {
	width:296px;
	padding:10px;
}
.linkList .link .image {
	width:294px;
	height:108px;
	overflow:hidden;
	text-align:center;
	border:1px #ED8FEA solid;
}
.linkList .link .visit {
	text-align:right;
	font-size:1.1em;
	font-weight:bold;
}
.linkList .link .visit a {
	color:#7D0058;
}

.basicContent {
	width:950px;
}
.basicContent .left {
	width:669px;
	padding:10px 10px 0px 0px;
	color:#696969;
}
.basicContent .right {
	border-left:1px #F22EC7 solid;
	width:260px;
	padding:0px 0px 0px 10px;
}
.basicContent .right h2 {
	font-size:1.3em;
	padding:10px 0px;
	margin:0px;
}
.basicContent .right h2 a {
	color:#790103;
}
.basicContent .right .image {
	width:258px;
	height:194px;
	overflow:hidden;
	border:1px #790103 solid;	
}
.basicContent .right .more {
	text-align:right;
	padding:5px 10px;
	margin:0px;
}
.basicContent .right .more img {
	border:none;
}

.testimonialList {
	width:950px;
}
.testimonialList .testimonial {
	width:950px;
	background-image:url('../images/testimonial1.gif');
	background-position:right top;
	background-repeat:no-repeat;
}
.testimonialList .testimonial .background {
	width:850px;
	background-image:url('../images/testimonial2.gif');
	background-position:left bottom;
	background-repeat:no-repeat;
	padding:0px 50px;
	margin:0px 0px 20px 0px;
}
.testimonialList .testimonial .background .intro {
	color:#696969;
	padding:5px 0px;
	margin:0px;
}
.testimonialList .testimonial .background .author {
	font-size:1.1em;
	font-weight:bold;
	color:#790103;
	padding:5px 0px;
	margin:0px;
}

.contactUsContent {
	width:950px;
}
.contactUsLeft {
	width:460px;
}
.contactUsRight {
	width:490px;
}
.contactUsRight h2 {
	color:#790103;
	font-size:1.2em;
}
.smallButton a {
	display:block;
	float:left;
	padding:5px 15px;
	font-size:1.1em;
	color:white;
	font-weight:bold;
	background-color:#790103;
	margin:0px 5px 0px 0px;
}
.productsMaster {
	background-image:url('../images/productbody-background.jpg');
	background-position:center top;
	background-repeat:repeat-x;
	padding:0px 0px 0px 10px;
	float:left;
	width:960px;
}
h2.greenHeading {
	width:190px;
	height:30px;
	background-image:url('../images/green-heading-background.gif');
	background-position:left center;
	background-repeat:no-repeat;
	color:white;
	font-size:1.4em;
	font-weight:bold;
	margin:10px 0px;
	padding:8px 0px 0px 10px;
}
h2.greenHeading a {
	color:white;
}
.bigButton a {
	display:block;
	float:left;
	width:163px;
	height:30px;
	font-size:1.4em;
	font-weight:bold;
	margin:10px 2px 10px 0px;
	padding:8px 0px 0px 0px;
	text-align:center;
	color:white;
	font-weight:bold;
	background-image:url('../images/bigbutton.gif');
	background-position:center center;
	background-repeat:no-repeat;
}
.basicContent .leftNews {
	width:769px;
	padding:10px 10px 0px 0px;
	color:#696969;
}
.basicContent .rightNews {
	border-left:1px #F22EC7 solid;
	width:160px;
	padding:0px 0px 0px 10px;
}
.newsArticle {
	width:769px;
	margin:0px 0px 10px 0px;
	border-bottom:2px #6CAF7D dotted;
	background-image:url('../images/newsarticle-background.gif');
	background-position:center top;
	background-repeat:no-repeat;
}
.pressRelease {
	background-image:url('../images/pressrelease-background.gif');
	width:669px;
}
.newsArticle .titleDate {
	width:769px;
	height:34px;
}
.pressRelease .titleDate {
	width:669px;
}
.newsArticle .titleDate .title {
	width:592px;
	padding:7px 12px 0px 10px;
}
.newsArticle .titleDate .title h2, .newsArticle .titleDate .title h1 {
	font-size:1.2em;
	padding:0px;
	margin:0px;
	color:white;
}
.newsArticle .titleDate .title h2 a {
	color:white;
}
.newsArticle .titleDate .date {
	width:155px;
	text-align:center;
	color:white;
	font-weight:bold;
	font-size:1.2em;
	padding:7px 0px 0px 0px;
}
.pressRelease .titleDate .title {
	width:669px;
}
.newsArticle .intro {
	width:749px;
	padding:5px 10px;
	float:left;
	position:relative;
	color:#666666;
}
.newsArticle .intro p {
	padding:5px 0px;
	margin:0px;
}
.newsArticle .intro a {
	color:#CA2BC5;
	font-weight:bold;
}
.pressRelease .intro {
	width:649px;
}
.pressRelease .intro .image2, .newsArticle .intro .image {
	float:left;
	margin:0px 10px 0px 0px;
}
.newsArticle .intro .image {
	padding:2px;
	border:1px fuchsia solid;
}
.years {
	list-style:none;
	padding:0px;
	margin:10px 0px 0px 0px;
	width:160px;
	text-align:left;
}
.years li {

}
.years li a {
	display:block;
	width:155px;
	padding:5px 0px 5px 10px;
	background-image:url('../images/years-background.gif');
	background-position:center top;
	background-repeat:repeat-x;
	color:white;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px white solid;
}
.months {
	list-style:none;
	padding:0px;
	margin:0px;
}
.months li {

}
.months li a {
	display:block;
	width:155px;
	padding:5px 0px 5px 10px;
	background:none;
	background-color:#ED8FEA;
	color:#CA2BC5;
	font-weight:bold;
	border-bottom:2px white solid;
}