/* CSS Document */

/* PAGE STRUCTURE */

html, body {
	height: 100%;
	background-color: #fff;
	margin: 0;
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
}

img {
	border: 0;
}

.hide {
	display: none;
}

.clear {
	clear: both;
}

#maincontainer {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}

#footer {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	height: 30px;
	text-align: center;
}

#footer p {
	font-size: 11px;
	color: #999999;
}

#footer span.jumplink {
	display: none;
}

#footer a {
	color: #1D2151;
	text-decoration: none;
}

#randomiser {
	width: 640px;
	height: 160px;
	margin: 0 0 20px 0;
	position: relative;
	top: 0;
	left: 0;
	background: #fff url(../includes/rotator.php) top left no-repeat;
	z-index: 1;
}

#logo {
	width: 250px;
	height: 110px;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 2;
	background: url(../images/logo.jpg) top left no-repeat;
}

#leftnav {
	width: 90px;
	height: 300px;
	margin: 0;
	float: left;
}

#leftnav ul {
	margin: 0;
	padding: 0;
}

#leftnav li {
	list-style: none;
	margin: 0 0 8px 0;
	padding: 0;
	color: #1D2151;
}

#leftnav a {
	color: #1D2151;
	text-decoration: none;
}

#leftnav a.active,
#leftnav a:hover {
	color: #CE1F2C;
	text-decoration: none;
}

#middlecol {
	width: 250px;
	min-height: 350px;
	_height: 350px;
	float: left;
	margin: 0;
	border-left: 3px solid #1D2151;
}

#rightcol {
	width: 270px;
	float: left;
	margin: 0 0 0 25px;
}

#contentcontainer {
	width: 545px;
	min-height: 350px;
	_height: 350px;
	float: left;
	margin: 0;
	padding: 0;
	border-left: 3px solid #1D2151;
}

a.staticlink {
	text-decoration: none;
	color: #CE1F2C;
}

h1, h2 {
	color: #1D2151;
	margin: 0 0 0 10px;
	font-size: 18px;
}

p {
	color: #1D2151;
	margin: 10px 0 0 10px;
	font: 12px Arial, Helvetica, sans-serif;
}

p.error {
	color: #ff0000;
	padding: 0;
	margin: 0;
	font: Bold 12px Arial, Helvetica, sans-serif;
}

p.errorbox {
	width: 242px;
	border: 2px solid #ff0000;
	float: left;
	color: #333333;
	font-weight: bold;
	padding: 3px;
}

.supermarket,
.product {
	display: block;
	background: url(../images/supermarkets.jpg) top left no-repeat;
	width: 125px;
	height: 95px;
	margin: 30px 0 0 0;
	float: left;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
	padding: 5px 0 0 10px;
}

.product {
	background: url(../images/products.jpg) top left no-repeat;
	width: 117px;
	padding: 5px 0 0 18px;
}

fieldset#newsletter {
	width: 270px;
	height: 125px;
	margin: 10px 0 0 0;
	padding: 0;
	color: #fff;
	float: left;
	border: none;
	background: url(../images/newsletter.jpg) top left no-repeat;
	font-size: 13px;
}

legend {
	display: none;
}

p.signuptitle {
	color: #fff;
	margin: 15px 0 0 15px;
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.smalltxtfield {
	margin: 3px 0 3px 0;
	padding: 2px 0 0 2px;
	width: 180px;
	height: 16px;
	font-size: 11px;
}

form {
	margin: 5px 0 0 15px;
}

.submitbutton {
	border: none;
	color: #fff;
	background-color: transparent;
	cursor: pointer;
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	margin: 4px 0 0 170px;
}

.trail {
	margin: 10px 0 10px 10px;
	font: 14px Arial, Helvetica, sans-serif;
}

.trail a {
	text-decoration: none;
	color: #1D2151;
}

.trail a:hover {
	text-decoration: none;
	color: #CE1F2C;
}

.noresults a {
	text-decoration: none;
	color: #CE1F2C;
}

/* category list */

.catimage {
	border-left: 1px solid #8F90A5;
	border-right: 1px solid #8F90A5;
	border-bottom: 1px solid #8F90A5;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

#catcontainer {
	margin: 20px 0 0 0;
	padding: 0 0 50px 6px;
	float: left;
}

a.catname {
	margin: 10px 0 0 0;
	display: block;
	padding: 0 0 7px 8px;
	color: #fff;
	text-decoration: none;
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#catcontainer ul {
	margin: 0;
	padding: 0;
}

#catcontainer li {
	margin: 0 4px 4px 0;
	padding: 0;
	list-style: none;
}

.catitem {
	float: left;
	width: 130px;
	background: url(../images/categoryimages/tab.jpg) top left no-repeat;
}

/* Product Listing Page */

.prodlistitem {
	margin: 0 0 10px 10px;
	padding: 0;
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.prodlistitem a {
	text-decoration: none;
	color: #1D2151;
}

.prodlistitem a:hover {
	text-decoration: none;
	color: #CE1F2C;
}

.prodlistname {
	margin: 0 0 0 10px;
	float: left;
	width: 450px;
	padding: 5px 0 5px 0;
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #1D2151;
}

.prodlistlink {
	margin: 0;
	float: left;
	width: 70px;
	padding: 5px 0 5px 0;
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-bottom: 1px solid #1D2151;
}

.prodlistname a,
.prodlistlink a {
	text-decoration: none;
	color: #1D2151;
}

.prodlistname a:hover,
.prodlistlink a:hover {
	text-decoration: none;
	color: #CE1F2C;
}

/* Product Details Pages */

#productwrapper {
	margin: 10px 0 0 0;
	padding: 0 0 20px 10px;
	float: left;
	width: 505px;
	border-bottom: 1px solid #1D2151;
	border-top: 1px solid #1D2151;
}

#productwrapper a {
	text-decoration: none;
	color: #CE1F2C;
}

.producttitle {
	margin: 20px 0 0 0;
	color: #1D2151;
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.productinfo {
	margin: 0 0 0 0;
	color: #1D2151;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.supermarketlist {
	margin: 0;
	color: #1D2151;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.qualitylogo {
	margin: 10px 10px 0 0;
	float: left;
	padding: 0;
	border: 0;
}

#buttonholder {
	margin: 0;
	padding: 0 0 0 10px;
	background-color: #ccc;
}

.shoppinglist,
.goback {
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	margin: 10px 0 0 0;
	padding: 15px 0 17px 0;
	background: url(../images/shoppinglist.jpg) top left no-repeat;
	float: left;
	width: 200px;
	height: 50px;
	color: #fff;
	border: none;
	cursor: pointer;
}

.goback {
	background: url(../images/goback.jpg) top left no-repeat;
	padding: 0;
	margin: 10px 7px 0 0;
}

.print {
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	margin: 10px 0 0 10px;
	padding: 15px 0 17px 22px;
	background: url(../images/shoppinglist.jpg) top left no-repeat;
	float: left;
	width: 200px;
	height: 50px;
	color: #fff;
}

/* Contact Us Page */

fieldset#contactform {
	width: 545px;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	border: none;
	color: #1D2151;
}

.formlabel {
	width: 210px;
	height: 30px;
	margin: 0;
	text-align: left;
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.formfield {
	width: 335px;
	height: 30px;
	margin: 0;
	text-align: left;
}

.smalltxtfield {
	border: 1px solid #1D2151;
	margin: 0;
	padding: 3px 0 0 4px;
	width: 200px;
	height: 20px;
	font: 13px Arial, Helvetica, sans-serif;
}

.smalltxtarea {
	width: 200px;
	height: 100px;
	margin: 2px 0 0 0;
	padding: 3px 0 0 4px;
	border: 1px solid #1D2151;
	overflow: auto;
	font: 13px Arial, Helvetica, sans-serif;
}

.contactsubmit {
	border: 1px solid #1D2151;
	color: #1D2151;
	background-color: transparent;
	cursor: pointer;
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 4px 0 0 202px;
	padding: 0;
	width: 70px;
}

.contactsubmit:hover{
	color: #ff0000;
	border: 1px solid #ff0000;
}

.mail {
	color: #CE1F2C;
	text-decoration: none;
}


div#medcont
{
	text-align: center;
	margin: 10px 0;
}