/* GENERAL STYLES FOR ALL PANELS - LEFT AND RIGHT COLUMNS */
.panel {
	float: left;
	width: 180px;
	margin: 7px 0 0 0;
}
.panel .header, .panel .content, .panel .footer, .panel .footer img, .panel .illustration, .panel .contentnarrow, .lightgreen .singlelink, .panel .top, .panel .title, .panel .header .top img, .panel .header .texttitle, .panel .header img {
	float: left;
}
/* Use if panel title is an image */
.panel .header .title {
	width: 180px;
}
/* Use if panel title is text */
.panel .header .texttitle {
	width: 152px;
	padding: 3px 14px 7px 14px;
}
/* Image on the left side of the panel */
.panel .illustration {
	width: 85px;
	padding: 0 0 3px 0;
}
/* Content box to use together with the above image container */
.panel .contentnarrow {
	width: 95px;
	padding: 0 0 4px 0;
}
.panel .contentnarrow .title {
	width: 91px;
	padding: 8px 0 2px 1px;
}
.panel .contentnarrow ul {
	float: left;
	width: 95px;
}
.panel .contentnarrow ul li {
	width: 82px;
	padding: 0 5px 6px 8px;
	background: url(../../images/global/arrow-right-green.gif) 2px 0.5em no-repeat;
	overflow: hidden;
}
.panel .contentnarrow .singlelink {
	width: 88px;
	padding: 0 6px 6px 1px;
	overflow: hidden;
}
/* GENERAL STYLES FOR CENTER COLUMN PANELS */
.centerpanel {
	float: left;
	margin: 7px 0 0 0;
}
.centerpanel .header, .centerpanel .content, .centerpanel .footer, .centerpanel .footer img, .centerpanel .top, .centerpanel .title, .centerpanel .header img {
	float: left;
}
/*Light green panels - left column*/
.lightgreen {
	background: #f2f7ef url(../../images/global/panels/general-light-green-footer.gif) bottom left no-repeat;
}
.lightgreen .singlelink a, .lightgreen ul a {
	border-bottom: 1px dotted #3574a1;
}
.lightgreen .singlelink a:hover, .lightgreen ul a:hover {
	border-bottom: 1px dotted #000;
}
/* END ---- GENERAL STYLES FOR ALL PANELS - LEFT AND RIGHT COLUMNS ---- END*/
/* Search panel */
#search {
	position: relative;	
	background: #6b7d63 url(../../images/global/panels/search-panel-bg.png) bottom left no-repeat;
}
#search .content {
	width: 164px;
	height: 28px;
	padding: 6px 8px 8px 8px;
}
#search .roundedborders {
	float: left;
	position: relative;
	width: 155px;
	background: #fff url(../../images/global/panels/search-input-bg.jpg) bottom right no-repeat;
}
#search .roundedborders input {
	float: left;
	color: #999999;
	width: 110px;
	padding: 8px 0 6px 9px;
	border: 0px;
/*	background: url(../../images/global/panels/search-input-bg.jpg) bottom right no-repeat;*/
}
/*Only applied to Safari - uses browser select js*/
.safari .roundedborders input {
	padding: 10px 0 2px 9px !important;
}
#search .roundedborders .topleft {
	position: absolute;
	top: 0px;
	left: 0px;
	clear: both;
}
#search .roundedborders .bottomleft {
	position: absolute;
	bottom: 0px;
	left: 0px;
	clear: both;
}
#search .content a {
	border: none;
}
#search .content a:hover {
	border: none;
}
#search .content .button {
	display: block;
	position: absolute;
	top: 0px;
	right: -11px;
	clear: both;
}
/* Tuning the light green panels */
/* Catalogue Panel */
#catalogue .illustration {
	padding: 3px 0 5px 0;
}
a#catalogue {
	display: block;
	width: 180;
	height: 286px;
	background: url(../../images/global/panels/request-a-catalogue.jpg) top left no-repeat;
}
a#catalogue:hover {
	background: url(../../images/global/panels/request-a-catalogue-hover.jpg) top left no-repeat;
}
/* Win a Prize Panel */
#winaprize .illustration {
	padding: 1px 0 4px 0;
}
/* Newsletter Panel */
#newsletter .illustration {
	padding: 1px 0 6px 0;
}
/* Delivery Panel */
#delivery .illustration {
	padding: 2px 0 7px 0;
}
/* Tuning the light green panels END */
/* My account panel */
#myaccount a {
	color: #e1d8ba;
	border-bottom: 1px dotted #e1d8ba;
}
#myaccount a:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
#myaccount .content div.login {
	float: left;
	width: 100%;
	padding: 0 0 8px 0;
}
#myaccount .texttitle {
	color: #fff;
	background: #524e48 url(../../images/global/panels/my-account-dotted-brown.gif) bottom left repeat-x;
}
#myaccount .texttitle a {
	color: #fff;
	border-bottom: 1px dotted #524e48;
}
#myaccount .texttitle a:hover {
	border-bottom: 1px dotted #fff;
}
#myaccount .content {
	width: 156px;
	padding: 8px 12px 2px 12px;
	background: #6c675d url(../../images/global/panels/my-account-main-bg.gif) bottom left no-repeat;
}
#myaccount .content ul li {
	padding: 0 0 12px 0;
}
#myaccount .content ul li div {
	float: left;
	padding: 0 5px 0 0;
}
#myaccount .content ul li div img {
	float: left;
	behavior: url("iepngfix.htc");
}
#myaccount .content div.oneup {
	margin: -1px 0 0 0;
}
#myaccount .content div.twoup {
	margin: -2px 0 0 0;
}
/* Tools panel */
#tools a {
	color: #e1d8ba;
	border-bottom: 1px dotted #e1d8ba;
}
#tools a:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
#tools .content {
	width: 156px;
	padding: 8px 12px 4px 12px;
	background: #5e6c58 url(../../images/global/panels/tools-footer.gif) bottom left no-repeat;
}
#tools .content ul li {
	padding: 0 0 12px 0;
}
#tools .content ul li div {
	float: left;
	padding: 0 5px 0 0;
}
#tools .content ul li div img {
	float: left;
	behavior: url("iepngfix.htc");
}
#tools .content div.oneup {
	margin: -1px 0 0 0;
}

#tools .content div.onedown {
	margin: 1px 0 0 0;
}
/* Express order panel */
#productcodes {
	position: relative;
	background: #c6ebfd url(../../images/global/panels/express-order-panel.jpg) top left no-repeat;
}
/* Whats new panel */
#whatsnew {
	position: relative;
}
/* Growing Guides Panel */
/* Set the repeating background */
#growingguides a {
	color: #547793;
}
#growingguides a:hover {
	color: #000;
	text-decoration: underline;
}
#growingguides {
	background: url(../../images/global/panels/growing-guides-main-bg.gif) top left repeat-y;
}
#growingguides .content {
	width: 180px;
	background: url(../../images/global/panels/growing-guides-bg.gif) top left no-repeat;
}
#growingguides .content .title {
	padding: 13px 0 0 12px;
	width: 168px;
}
#growingguides ul {
	float: left;
	width: 180px;
}
#growingguides ul li {
	padding: 6px 10px 0 23px;
	background: url(../../images/global/arrow-right-blue.gif) 15px 11px no-repeat;
}
#growingguides .viewall {
	float: right;
	margin: -8px 0 0 0;
	padding: 0 9px 0 0;
	width: 67px;
	height: 44px;
}
#growingguides .viewall img {
	float: left;
	behavior: url("iepngfix.htc");
}
/* Best Sellers panel */
#bestsellers a {
	border-bottom: 1px dotted #437ba3;
}
#bestsellers a:hover {
	border-bottom: 1px dotted #000;
}
#bestsellers .content {
	width: 180px;
	background: #eaf1e4 url(../../images/global/panels/recently-viewed-footer.gif) bottom left no-repeat;
}
#bestsellers .content ul {
	float: left;
	width: 153px;
	padding: 6px 10px 5px 17px;
}
#bestsellers .content ul li {
	float: left;
	padding: 0 0 8px 0;
}
#bestsellers .content ul span {
	display: block;
	float: left;
	width: 15px;
}
#bestsellers .content ul div {
	float: left;
	width: 138px;
	padding: 0 0 1px 0; /*To show link underlining in IE*/
}
/* Latest Blogs */
#latestblogs .content {
	width: 180px;
	padding: 0 0 1px 0;
	background: #d6dcd0 url(../../images/global/panels/latest-blogs-footer.gif) bottom left no-repeat;
}
#latestblogs .content .entry {
	float: left;
	width: 162px;	
	margin: 0 0 2px 0;
	padding: 8px 9px;
	background: #edf0ea;
}
#latestblogs .content .entry .image {
	float: left;
	position: relative;
	width: 55px;	
}
#latestblogs .content .entry .image .filter {
	position: absolute;
	top: 0;
	left: 0;
	clear: both;
}
#latestblogs .content .entry .image .date {
	float: left;
	width: 54px;
	padding: 3px 0 0 1px;
	font-size: 0.9em;
	color: #939f86;
	text-align: center;
}
#latestblogs .content .entry .copy {
	float: left;
	width: 99px;
	padding: 0 0 0 8px;
	color: #515151;
}
/* Recently Viewed panel */
#recent a {
	border-bottom: 1px dotted #437ba3;
}
#recent a:hover {
	border-bottom: 1px dotted #000;
}
#recent .content {
	width: 180px;
	background: #f2f6ee url(../../images/global/panels/recently-viewed-footer.gif) bottom left no-repeat;
}
#recent .content ul {
	float: left;
	width: 153px;
	padding: 6px 10px 5px 17px;
}
#recent .content ul li {
	float: left;
	padding: 0 0 8px 0;
}
#recent .content ul span {
	display: block;
	float: left;
	width: 15px;
}
#recent .content ul div {
	float: left;
	width: 138px;
	padding: 0 0 1px 0; /*To show link underlining in IE*/
}
/* Internet shopping and delivery are safe panel */
#shoppingsafe {
	display: none;/* Needs testing */
	position: absolute; 
	width: 172px;
	bottom: 10px;
	left: -175px;
	clear: both;
}
#shoppingsafe a {
	display: block;
	float: left;
	width: 172px;
	height: 30px;
}
#shoppingsafe a.isis {
	background: url(../../images/misc/isis-logo-off.gif) top left no-repeat;
}
#shoppingsafe a.isis:hover {
	background: url(../../images/misc/isis-logo-on.gif) top left no-repeat;
}
#shoppingsafe a.idis {
	margin: 6px 0 0 0;
	background: url(../../images/misc/idis-logo-off.gif) top left no-repeat;
}
#shoppingsafe a.idis:hover {
	background: url(../../images/misc/idis-logo-on.gif) top left no-repeat;
}
/* Take me back to the top panel */
#backtottop {
	position: absolute;
	top: -30px;
	right: 20px;
	font-size: 1.1em;
	clear: both;
}
#backtottop img {
	float: left;
	margin: 5px 0 0 0;
}
#backtottop a {
	display: block;
	float: left;
	color: #4480ab;
	margin: 0 0 0 4px;
	padding: 0 0 2px 0;
	border-bottom: 1px dotted #4480ab;
}
#backtottop a:hover {
	color: #000;
	border-bottom: 1px dotted #000;
}
/* Filtering Panel */
#filtering {
	color: #fff;
	background: #687862;
}
#filtering .texttitle {
	background: #56654f url(../../images/global/panels/dotted-green.gif) bottom left repeat-x;
}
#filtering .content {
	padding: 5px 0 0 0;
}
#filtering .atoz {
	float: left;
	display: inline;
	width: 170px;
	padding: 4px 0 0 0;
	margin: 0 0 0 5px;
	background: url(../../images/global/panels/filtering-a-to-z-top.gif) top left no-repeat;
}
#filtering .atoz .content {
	width: 170px;
	padding: 4px 0 2px 0;
	color: #9da997;
	background: url(../../images/global/panels/filtering-a-to-z-bg.gif) top left repeat-y;
}
#filtering .atoz .content a {
	display: block;
	width: 99%;
}
#filtering .atoz .content a:hover {
	background: #34838e;
	color: #fff;
}
#filtering .atoz .content ul {
	padding: 0 0 0 5px;
}
#filtering .atoz .content ul li {
	float: left;
	width: 23px;
	padding: 3px 0 2px 0;
	text-align: center;
}
#filtering .filterbox {
	float: left;
	width: 160px;
	padding: 5px 10px 5px 10px;
}
#filtering .filterbox label {
	display: block;
	float: left;
	width: 128px;
	padding: 0 0 0 2px;
	color: #e0ebdb;
}
#filtering .filterbox .field {
	float: left;
	width: 100%;
	position: relative;
}
#filtering .filterbox .field select {
	width: 160px;
	margin: 2px 0 0 0;
}
#filtering .filterbox .field .clearfilter {
	position: absolute;
	top: -8px;
	right: 2px;
	clear: both;
}
#filtering .results {
	float: left;
	width: 180px;
	padding: 3px 0 1px 0;
	margin: 3px 0 7px 0;
	background: #45543e url(../../images/global/panels/dotted-dark-green.gif) top left repeat-x;
}
#filtering .results span {
	display: block;
	float: left;
}
#filtering .results span.title {
	width: 105px;
	text-align: right;
	padding: 8px 5px 0 0;
}
#filtering .results span.number {
	font-size: 2.2em;
	font-style: italic;
}
/* description panel added jc 02/12/08 */
#description_panel {
	float: left;	
	display: inline;
	position: relative;
	width: 602px;
	margin: 0 7px 0;	
}
#description_panel .buttons {
	font-weight: bold;
}
#description_panel .buttons a {
	margin: 0 0 0 1px;
}
#description_panel .buttons #welcome_button {
	background: url(../../images/buttons/welcome.gif);
	display: block;
	float: left;
	height: 22px;
	margin: 0;
	width: 151px;
}
#description_panel .buttons #welcome_button:hover,
#description_panel .buttons #welcome_button.selected  {
	background: url(../../images/buttons/welcome-over.gif);
}
#description_panel .buttons #recipes_button {
	background: url(../../images/buttons/food-recipes.gif);
	display: block;
	float: left;
	height: 22px;
	width: 150px;
}
#description_panel .buttons #recipes_button:hover,
#description_panel .buttons #recipes_button.selected {
	background: url(../../images/buttons/food-recipes-over.gif);
}
#description_panel .buttons #blog_button {
	background: url(../../images/buttons/latest-blog.gif);
	display: block;
	float: left;
	height: 22px;
	width: 149px;
}
#description_panel .buttons #blog_button:hover,
#description_panel .buttons #blog_button.selected {
	background: url(../../images/buttons/latest-blog-over.gif);
}
#description_panel .buttons #guide_button {
	background: url(../../images/buttons/growing-guides.gif);
	display: block;
	float: left;
	height: 22px;
	width: 149px;
}
#description_panel .buttons #guide_button:hover,
#description_panel .buttons #guide_button.selected {
	background: url(../../images/buttons/growing-guides-over.gif);
}
#description_panel .content {
	background: #887D67 url(../../images/panels/description-bg.gif) top repeat-x;
	padding: 4px;
}
#description_panel .bottom_left {
	bottom: 0;
	left: 0;
	position: absolute;
}
#description_panel .bottom_right {
	bottom: 0;
	position: absolute;
	right: 0;
}
#description_panel .content .panel {
	background: #534C40 url(../../images/panels/description-panel-bg.gif) top repeat-x;
	color: #F7F4EB;
	float: none;
	margin: 0;
	padding: 9px 13px;
	position: relative;
	width: auto;
	/* min height */
	min-height: 60px;
	height: auto !important;
	height: 60px;
}
#description_panel .content .panel .top_left {
	left: 0;
	position: absolute;
	top: 0;
}
#description_panel .content .panel .top_right {
	position: absolute;
	right: 0;
	top: 0;
}
#description_panel .content .panel .bottom_left {
	bottom: 0;
	left: 0;
	position: absolute;
}
#description_panel .content .panel .bottom_right {
	bottom: 0;
	position: absolute;
	right: 0;
}
#description_panel #recipes {
	display: none;
}
#description_panel #blog {
	display: none;
}
#description_panel #guide {
	display: none;
}
#description_panel .content ul {
	margin: 0 0 0 10px;
}
#description_panel .content ul li {
	background: url(../../images/misc/bullet.gif) left top no-repeat;
	margin: 0 0 5px 0;
	padding: 4px 0 4px 30px;
}
#description_panel .content .panel .title {
	color: #F7E8CA;
	font-size: 13px;
	float: none;
	font-weight: bold;
	letter-spacing: -0.2px;
	margin: 0 0 7px 0;
}
/* Content styling */
#description_panel h1, #description_panel h2, #description_panel h3 {
	color: #f7e8ca;
	padding: 0 0 5px 0;
	font-size: 1.1em;
}
#description_panel .content a {
	color: #f8d795;
	border-bottom: 1px dotted #f8d795;
}
#description_panel .content a:hover {
	color: #fff;
	border-bottom: 1px dotted #fff;
}
/* Win voucher panel */
#voucherforreviews {
	margin: 0;
}
#voucherforreviews img {
	float: left;
}