@charset "utf-8";
/* Generic */
body{background:#edf2db;color:#3a3a3a;margin:0;padding:0;}
h1{font-size:1.8em; font-weight:bold; color:#c7202c;}
h2{font-size:1.5em; font-weight:bold; color:#64A017; margin-top: 24px!important;}
h3{font-size:1.3em; font-weight:bold; color:#0055A2;}
p{font-size:1.2em;}
ul li {font-size:1.2em}
ul.list li {list-style: disc; margin: 8px 2px 8px 20px;}
ol.list li {list-style: decimal; margin: 8px 2px 8px 20px;}
p,h1,h2,h3,ul {margin:0 0 10px 0;}

a:hover, a:active {text-decoration:none;}

/* Layout */
#wrap{width:940px;background:#fff;text-align:left;margin:0 auto; background:url(images/bg_page.gif) left top repeat-y}
#headerContainer{padding:0; margin:0; height:150px;}
#header {background:url(images/bg_header.png) no-repeat; height:150px; position:relative;}
#banner {margin:0;float:right; width:371px; padding:0;}
#container{width:940px; margin:10px auto 0;}
#sidebarLeft{float:left;width:128px;padding:0; font-size:.9em; padding:0 20px 10px 0; color:#fff;}
#sidebarRight{float:right;width:170px;padding:0 15px; font-size:.9em;}
#mainContent{margin:0 190px 0 150px;padding:0 10px;}
#mainContentFull{margin:0 10px 30px 160px;padding:0 10px;}
#contentLeft{float:left;width:250px;padding:0; padding:0 20px 10px 0;}
#contentRight{float:right;width:440px;padding:0 15px; font-size:.9em;}
#footer{background:#2986c7;padding:0 10px 0 20px; height:100%;}

/* header */
#header h1 {width:405px; height:115px; position: absolute; top:10px; left:15px;}
#header h1 a {width:405px; height:115px; display:block; background:url(images/logo.gif) no-repeat; text-indent:-9999px;}

/* content */

/* left hand side of the content */
.contentText {float:left; width:260px;}

/* right hand side of the content */
.contentImage {margin:0; float:right; width:300px;}
.contentImage img {margin:0 0 10px 0;}

/* recent box */
.recentBox {background:url(images/bg_recent_news.gif) top no-repeat;width:260px; margin:0 0 10px 0;}
.recentBox h3 {margin:0 10px 0; color:#fff; padding-top:3px;}
.recentBoxContent {padding:10px 0 2px 0; border-left:1px solid #bed093;  border-right:1px solid #bed093;}
.recentBoxContent div {margin:0 0 3px 0; padding:3px 10px; clear:left; }
.recentBoxContent div.alt { background:#f4f8e9;}
.recentBoxContent p.date {display:block; float:left; width:60px; font-weight:bold;  font-size:1em; }
.recentBoxContent p.desc {margin:0 0 0 70px;  font-size:1em; }
.recentBoxContent p.link {font-size:1em; text-align:right; background:url(images/bg_recent_news_link.gif) no-repeat right 1px; padding:0 15px 0 0; margin:10px 10px 5px 0;}
.recentBoxContent p.link a {text-decoration:none; color:#84AB40;}
.recentBoxBottom { background:url(images/bg_recent_news_bottom.gif) bottom no-repeat; height:9px;}

/* counter box */
#counterBox {width:260px; padding:0; margin:0;}
#counterBox .top {background:url(images/bg_greenbox_top.gif) no-repeat bottom; height:7px;}
#counterBox .countercontent {background:#b8cb6d; padding:0 10px;}
#counterBox .countercontent .counter {padding:7px 6px; background:#fff; margin:3px 6px 0 3px; float:left; display:inline; }
#counterBox .countercontent .counter p {color:#000; font-size:1.5em;}
#counterBox .countercontent p {margin:0; font-size:1em; color:#fff; font-weight:bold;}
#counterBox .bottom {background:url(images/bg_greenbox_bottom.gif) no-repeat; height:7px; clear:left;}

/* main navigation */
ul#mainNav { margin:0;}
ul#mainNav li {margin:4px 0; width:129px;}
ul#mainNav li ul {margin:0 0 0 0;}
ul#mainNav li ul li {margin:0; width:118px;}
/* top level navigation */
ul#mainNav li a {width:139px; text-decoration:none; color:#fff; font-weight:bold; background:url(images/bg_list.gif) no-repeat; display:block; height:17px; padding:3px 0 0 15px; text-transform:uppercase;}
ul#mainNav li a:hover,ul#mainNav li.current a {background:url(images/bg_list_hover.gif) no-repeat;}

/* sub level navigation */
ul#mainNav li a.subMenu {width:139px; text-decoration:none; color:#fff; font-weight:bold; background:url(images/bg_list_submenu_hover.gif) no-repeat; display:block; height:17px; padding:3px 0 0 15px; text-transform:uppercase;}
ul#mainNav li a.subMenu:hover {background:url(images/bg_list_submenu_hover.gif) no-repeat;}
ul#mainNav li ul li a {width:118px; text-decoration:none; color:#fff; font-weight:normal; font-size:.7em; display:block; height:17px; padding:3px 0 0 15px; text-transform:none; background-color:#c9202d;background-image:none; border-top:1px solid #fbc1a8;}
ul#mainNav li ul li a:hover {background-color:#ffd204; background-image:none;}
ul#mainNav li ul li.last a {width:118px; text-decoration:none; color:#fff; font-weight:normal; font-size:.7em; display:block; height:17px; padding:3px 0 0 15px; text-transform:none; background:url(images/bg_list_submenu_last.gif) no-repeat;border-top:1px solid #fbc1a8;}
ul#mainNav li ul li.last a:hover{background:url(images/bg_list_submenu_last_hover.gif) no-repeat;}
ul#mainNav li ul li.first a {border-top:none;}


/* messages & alerts */
.messageWrapper {
	width: 90%;
	margin: auto;
	margin-bottom: 30px;
}
.messageWrapper div.message {
	font-weight: bold;
	padding: 30px;
	
}
.alertWrapper {
	width: 80%;
	margin: auto;
}
.alertWrapper div.message {
	font-weight: bold;
	padding: 10px 10px 0 10px;
}
.green {
	border: 1px solid #b0eba8;
	color: #65A965;
	background-color:#E6FFE6;
}
.red {
	border: 1px solid #B1141B;
	color: #B1141B;
	background-color:#FFF0F0;
}


/* right boxes */
.sidebarBox {width:163px; margin:0 0 10px 0; text-align:center;}
.sidebarBox a {color:white!important;}
.sidebarBox h3 {font-size:1.5em;}
.boxGreen {color:#fff;}
.boxGreen .top {background:url(images/bg_boxgreen_top.gif) bottom center no-repeat; height:9px;}
.boxGreen .content {background:url(images/bg_boxgreen_content.gif) top center repeat-y; padding:8px 20px; min-height:50px; height:auto!important; height:50px;}
.boxGreen .bottom {background:url(images/bg_boxgreen_bottom.gif) bottom center no-repeat; height:14px;}

.boxBlue {color:#fff;}
.boxBlue .top {background:url(images/bg_boxblue_top.gif) bottom center no-repeat; height:9px;}
.boxBlue .content {background:url(images/bg_boxblue_content.gif) top center repeat-y; padding:8px 20px;min-height:50px; height:auto!important; height:50px;}
.boxBlue .bottom {background:url(images/bg_boxblue_bottom.gif) bottom center no-repeat; height:14px;}

.boxYellow {color:#373508;}
.boxYellow .top {background:url(images/bg_boxyellow_top.gif) bottom center no-repeat; height:9px;}
.boxYellow .content {background:url(images/bg_boxyellow_content.gif) top center repeat-y; padding:8px 20px;min-height:50px; height:auto!important; height:50px;}
.boxYellow .bottom {background:url(images/bg_boxyellow_bottom.gif) bottom center no-repeat; height:14px;}

.boxRed {color:#fff;}
.boxRed .top {background:url(images/bg_boxred_top.gif) bottom center no-repeat; height:9px;}
.boxRed .content {background:url(images/bg_boxred_content.gif) top center repeat-y; padding:8px 20px;min-height:50px; height:auto!important; height:50px;}
.boxRed .bottom {background:url(images/bg_boxred_bottom.gif) bottom center no-repeat; height:14px;}

.boxRed a:link, .boxRed a:visited {color:#000; text-decoration:underline;}
.boxRed a:hover, .boxRed a:active  {color:#fff;}

/* form */
.spriteButton {background:url(images/sprite-button.gif) no-repeat}
form#login {text-align:left; margin:0px;}
form#login input.txtInput {width:120px; border:1px solid #939598;}
form#login p {margin:0 0 3px 0;}
.loginformButton {text-align:center; margin-top:10px;}

form.fullForm div.row {padding: 5px;float:left;overflow:hidden;padding:0 0 11px;width:100%;}
form.fullForm p {margin-bottom:30px;}
form.fullForm form br {clear:left;}
form.fullForm .required {color:#89b753;}
form.fullForm label {width:97px; float:left; font-weight:bold; margin:5px 0 0 40px;}
form.fullForm input {width:280px; height:18px; padding:2px 5px; border:1px solid #a8c0cc;}
form.fullForm textarea {width:280px; height:70px; padding:2px 5px; border:1px solid #a8c0cc; font-family:Arial, Helvetica, sans-serif; font-size: 10pt;}
form.fullForm .narrowInput input, form.fullForm .narrowInput select{width:125px;}
form.fullForm input.checkBox {width:15px; height: 15px ; }
form.fullForm select {width:291px; height:25px; padding:2px 2px 2px 5px; border:1px solid #a8c0cc; background:#fff;}
form.fullForm input.buttonSubmit {background-position:0 -166px; height:36px;  width:389px; color:#25507a;text-transform:uppercase; border:none; font:bold 13px/13px Arial, Helvetica, sans-serif; padding:0 0 2px 0; color:#fff; margin:10px 0 0 40px;}
form.fullForm input.buttonSubmit:HOVER { cursor:pointer;}
form.fullForm input.buttonCancel {background-position:0 -219px; height:36px;  width:100px; color:#25507a;text-transform:uppercase; border:none; font:bold 13px/13px Arial, Helvetica, sans-serif; padding:0 0 2px 0; color:#fff; margin:10px 0 0 40px;}
form.fullForm input.buttonCancel:HOVER { cursor:pointer;}


/* form validation */
label.error, span.error {
	color:#E4675C;
	font-weight: bold;
	background: url(/_css/images/icons/exclamation.png) no-repeat;
	background-position: 3px -1px;
	padding: 0 0 2px 20px;
	float: none;
	
}
label.checked {
	background: url(/_css/images/icons/accept.png) no-repeat;
	background-position: 3px -1px;
}
input.error {
	border-color:#f8a38a!important;
	background-color: #FDF2EF;
}
textarea.error {
	border-color:#f8a38a!important;
	background-color: #FDF2EF;
}

/* table */
.dataTable {
	border: 1px solid #dae6c5;
}
.dataTable th {
	background-color: #84AB40;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.1em;
	border: 1px solid #84AB40;
	border-right: 1px solid #FFFFFF;
	padding: 8px;
}

.dataTable td {
	padding: 6px 4px 6px 4px;
	border-bottom: 1px solid #dae6c5;
}
.dataTable tr {
	border-bottom: 1px solid #dae6c5;
}
.dataTable .emphasis {
	font-size: 1.2em;
	font-weight: bold;
	color: #0055A2;
}
tr.alternate {
	background-color:#fffbe5;
}

/* TABLESORTER */

table.tablesorter thead tr .headerSortDown, 
table.tablesorter thead tr .headerSortUp {
background-color:#658331;
}

table.tablesorter thead tr .header {
	background-image: url(images/table_sort_header.gif);
	background-position:right center;
	background-repeat:no-repeat;
	cursor:pointer;
}
table.tablesorter thead tr .headerSortUp{
	background-image: url(images/table_sort_header_asc.gif);
}
table.tablesorter thead tr .headerSortDown{
	background-image: url(images/table_sort_header_desc.gif);
}
.tablesorter th {
vertical-align: middle;
}
.tablesorter th:HOVER {
	cursor: pointer;
	background-color:#658331;
}

/* start pagination */
.pagination {
	margin-top: -2px;
	padding: 5px;
	border-top: 2px solid #84AB40;
	color: #0055A2;
}
.pagination .page_size {
	display: inline;
	float:right;
	font-size: 12px; 
	margin-right: 50px;
	font-weight: bold;
}

.pagination .page_buttons {
	display: inline; 
	margin-right: 40px;
}
.pag_list {
	margin: 0;
	padding: 0;
	float: right;
}
.pag_list li {
	float: left;
	list-style: none;
	padding: 0 10px 0 0;
	font-weight: bold;
}
.pag_list a {
	color: #C9202D;
	text-decoration:none;
}




/* sponsor */
#sponsor {text-align:center; margin-top:20px;}

/* region indicator and text recizer */
#region {margin-top:20px; padding:0 0 0 15px;}
#region a {color:#fff;}
#region img {vertical-align:middle;}

/* postcode selection page */
#postcode-select p { margin-top: 20px; }


/* footer */
#footer p { color:#fff; font-size:.9em; padding:10px 5px; text-align:center;}
#footer a { color:#fff; text-decoration:none}
#footer a:HOVER { color:#fff; text-decoration:underline}

.fltrt{float:right;margin-left:8px;}
.fltlft{float:left;margin-right:8px;}
.clearfloat{clear:both;height:0;font-size:1px;line-height:0;}
.recipe {font-size:1.4em; color:#fff;}
a.boxLink  {font-size:1.2em; text-decoration:underline;}