@charset "utf-8";
@media screen {
/* ------------------------------------- EXAMPLES */
/* MINIMUM HEIGHT EXAMPLE */
/*.classname {
	min-height: 35px;
	height: auto !important;
	height: 35px;
}*/
/* VERTICAL ALIGN EXAMPLE */
/*.classname * {
	vertical-align: middle;
}*/
/* ------------------------------------- RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border:0; }
img { display: block; border: 0; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
ul li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
.ie input, textarea, select { font-size: 100%; }
legend { color: #000; }
del, ins { text-decoration: none; }
.webkit textarea { resize:none; }
/* ------------------------------------- GLOBAL */
body { color:#462f30; font: 0.75em Arial, Helvetica, sans-serif; background:#efe7db; }
.ie6 body { behavior: url("includes/htc/csshover.htc"); }
h1 { }
h2 { }
h3 { }
a { color: #3574A1; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.tl { clear: both; left: 0; position: absolute; top: 0; }
.tr { clear: both; position: absolute; right: 0; top: 0; }
.br { clear: both; bottom: 0; position: absolute; right: 0; }
.bl { clear: both; bottom: 0; left: 0; position: absolute; }
.required { color:#991924; font-size: 1.5em; font-style: italic; font-weight: bold; vertical-align:top; display:inline; }
.back { display:block; width:71px; height:29px; background:url(../../images/buttons/back-btn.gif) no-repeat left top; overflow:hidden; text-indent:-9999px; float:right; }
p.strapline { font-size:1.16em; float:left; padding:8px 0 9px !important; width:100%; }
.large-text { font-size:2em; }
fieldset { float:left; width:100%; }
.errormessage { background:none repeat scroll 0 0 #9B1E29; color:#FFFFFF; font-size:1.1em; font-weight:bold; margin: 0 0 20px 0; padding:6px; text-align:center; float: left; }
.alertmessage { background:none repeat scroll 0 0 #1e6843; color:#FFFFFF; font-size:1.1em; font-weight:bold; margin: 0 0 20px 0; padding:6px; text-align:center; float: left; }
.errormessage a, .alertmessage a {color:#fff;text-decoration:underline;}
.errormessage a:hover, .alertmessage a:hover {text-decoration:none;}

#two-col-left .errormessage, #two-col-left .alertmessage { width: 100% }
#three-col .errormessage, #three-col .alertmessage { width: 100%; }
.terms { -moz-border-radius:5px 5px 5px 5px; background: #fff; border:1px solid #E0D9CD; display:inline-block; padding:9px 16px; vertical-align:middle; width:572px; margin: 11px 0; font-weight: bold; text-align: center; }
.terms a { color: #3574A1; }
.terms a img { display: inline; }
/* ------------------------------------- LAYOUT */
#container-wrap { background:url(../../images/global/bg-carrots.jpg) no-repeat center top; float:left; width:100%; }
#container { width:958px; margin:0 auto; }
#header { float:left; width:100%; color:#fff; padding:22px 0 0; }
#logo { float:left; margin:-22px 0 0; }
#header .latest-to-register { float:right; border-right:2px dashed #baaea0; width:212px; padding:0 20px 0 0; }
#header .existing-customers { float:right; width:175px; padding:0 0 0 16px; background:url(../../images/global/register-your-club-bg.jpg) no-repeat right top; }
#header .existing-customers .vag-black { font-size:1.75em; float:left; width:100%; }
#header .latest-to-register .vag-black { font-size:1.75em; float:right; }
#header .text { color:#462f30; float:right; padding:6px 0 0; text-align:right; width:100%; }
#header div a { display:block; text-indent:-9999px; overflow:hidden; margin:7px 0 0; }
#header .login-here { background:url(../../images/buttons/header-btns.jpg) no-repeat left -28px; width:78px; height:28px; display:block; float:left; }
#header .register-your-club { background:url(../../images/buttons/header-btns.jpg) no-repeat left top; width:178px; height:28px; float:right; }
#leftcolumn { float:left; position:relative; }
#centrecolumn { float:left; }
#rightcolumn { float:right; }
#homepage #leftcolumn { width:700px; margin:-21px 0 0 -14px; display:inline; }
#homepage #leftcolumn .top, #homepage #leftcolumn .bottom { float:left; }
#homepage #rightcolumn { width:240px; }
#two-col-left #centrecolumn { float:left; /*width:938px;*/ width:952px; }
#two-col-left #leftcolumn { width:680px; }
#two-col-left #rightcolumn { width:223px; padding:19px 0 0; }
/* ------------------------------------- MAIN MENU */
#nav { float:left; width:968px; background:url(../../images/nav/nav.png) no-repeat -3px -341px; margin:13px -10px 0 0; padding:10px 0 0; display:inline; height:66px; }
#nav li { display:inline; float:left; overflow:hidden; }
#nav .first { padding:0 0 0 12px; }
#nav .last { padding:0 0 0 103px; }
#nav a { text-indent:-9999px; overflow:hidden; display:block; float:left; height:58px; }
#nav .home { background:url(../../images/nav/nav.png) no-repeat -12px -10px; width:91px; }
#nav .home:hover { background:url(../../images/nav/nav.png) no-repeat -12px -90px; }
#nav .selected .home { background:url(../../images/nav/nav.png) no-repeat -12px -170px!important; }
#nav .how-it-works { background:url(../../images/nav/nav.png) no-repeat -103px -10px; width:121px; }
#nav .how-it-works:hover { background:url(../../images/nav/nav.png) no-repeat -103px -90px; }
#nav .selected .how-it-works { background:url(../../images/nav/nav.png) no-repeat -103px -170px!important; }
#nav .benefits { background:url(../../images/nav/nav.png) no-repeat -224px -10px; width:99px; }
#nav .benefits:hover { background:url(../../images/nav/nav.png) no-repeat -224px -90px; }
#nav .selected .benefits { background:url(../../images/nav/nav.png) no-repeat -224px -170px!important; }
#nav .blog { background:url(../../images/nav/nav.png) no-repeat -323px -10px; width:72px; }
#nav .blog:hover { background:url(../../images/nav/nav.png) no-repeat -323px -90px; }
#nav .selected .blog { background:url(../../images/nav/nav.png) no-repeat -323px -170px!important; }
#nav .growing-guides { background:url(../../images/nav/nav.png) no-repeat -395px -10px; width:168px; }
#nav .growing-guides:hover { background:url(../../images/nav/nav.png) no-repeat -395px -90px; }
#nav .selected .growing-guides { background:url(../../images/nav/nav.png) no-repeat -395px -170px!important; }
#nav .contact-us { background:url(../../images/nav/nav.png) no-repeat -563px -10px; width:120px; }
#nav .contact-us:hover { background:url(../../images/nav/nav.png) no-repeat -563px -90px; }
#nav .selected .contact-us { background:url(../../images/nav/nav.png) no-repeat -563px -170px!important; }
#nav .my-account { background:url(../../images/nav/nav.png) no-repeat -786px -10px; width:172px; }
#nav .my-account:hover { background:url(../../images/nav/nav.png) no-repeat -786px -90px; }
#nav .selected .my-account { background:url(../../images/nav/nav.png) no-repeat -786px -170px!important; }
/* ------------------------------------- BREADCRUMB */
#breadcrumb { float:left; color:#7b6a69; font-size:0.91em; padding:6px 0 14px 2px; width:930px; margin:0 0 0 14px; display:inline; border-bottom:1px dashed #c7bbb0; }
#breadcrumb li { float:left; padding:0 7px 0 0 }
#breadcrumb a { color:#3574a1; text-decoration:underline; }
#breadcrumb a:hover, #breadcrumb .selected a { text-decoration:none; }
/* ------------------------------------- SUB NAV MENU */
#subnav { float:left; width:943px; background:url(../../images/nav/nav.png) no-repeat 0 -248px; padding:12px 40px 16px 7px; display:inline; margin:-19px -12px 0 -20px; position:relative; }
.ie6 #subnav { background:url(../../images/nav/ie6-subnav.png) no-repeat 0 -9px; }
#subnav strong { color:#462f30; font-style:italic; font-size:1.08em; }
#subnav ul { float:left; }
#subnav li { float:left; padding:0 0 0 20px; }
#subnav a { color:#462f30; padding:0 0 9px; font-weight:bold; font-size:1.08em;  }
#subnav a span.left { display:block; padding:4px 0 4px 10px; margin:0 0 0 -1px; position:relative; }
#subnav a span.right { display:block; padding:0 10px 0 0; }
#subnav a:hover, #subnav .selected a { color:#fff; background:url(../../images/nav/subnav-triangle.gif) no-repeat center bottom; text-decoration:none; }
#subnav a:hover span.left, #subnav .selected span.left { background:url(../../images/nav/subnav-hover-left.gif) no-repeat 0 0; margin:0 0 0 -1px; position:relative; }
#subnav a:hover span.right, #subnav .selected span.right { background:url(../../images/nav/subnav-hover-right.gif) no-repeat right 0; }
#subnav li a { text-indent:0 !important; }
#subnav .create-an-account { display:inline; background:none; color:#3574a1; }
#subnav .create-an-account:hover { background:none; color:#3574a1; text-decoration:underline; }
/*#one-col #subnav { padding:24px 40px 29px 17px; }
#two-col-left #subnav { padding:24px 40px 29px 17px; }*/
#subnav #yourbarrow{ float:right; }
#subnav .view-btn  { background:url("../../images/sprites/checkout.png") no-repeat scroll -836px -162px transparent; display:inline; height:24px; width:46px; padding: 0px; float:left; margin:8px 3px 0 0; text-indent:-9999px !important;  }
#subnav .view-btn:hover { background:url("../../images/sprites/checkout.png") no-repeat scroll -836px -186px transparent; display:block; height:24px; width:46px; padding: 0px; }
#subnav .checkout-icon { float:left; padding:8px 0 0; }
#subnav .checkout-icon a, #subnav .checkout-icon a:hover { margin:0; background:none; }
#subnav .checkout-btn{ background:url("../../images/sprites/checkout.png") no-repeat scroll -887px -162px transparent; display:block; height:24px; width:77px; padding: 0px; float:left; text-indent:-9999px !important; }
#subnav .checkout-btn:hover { background:url("../../images/sprites/checkout.png") no-repeat scroll -887px -186px transparent; display:block; height:24px; width:77px; padding: 0px; }
#subnav .basket { float:left; padding:0 0 0 5px; }
#subnav .basket a { float:left; text-indent:0;  } 
#subnav.create-account-subnav { padding:24px 40px 25px 47px ; width:903px; }
/* ------------------------------------- SIDEBAR */
#sidebar { float:left; width:150px; background:#dbd1c7; padding:15px; position:relative; margin:15px 0 0; }
#sidebar h3 { font-weight:bold; color:#462f30; padding:0 0 5px; font-weight:bold; text-decoration:none; font-style:normal; }
#sidebar ul { padding:0 0 10px; }
#sidebar ul li { background:none; padding:0 0 2px; }
#sidebar ul li a { color:#3574a1; font-weight:bold; font-size:0.91em; }
#sidebar .tr { top:0; right:0; }
#sidebar .tl { top:0; left:0; }
#sidebar .br { bottom:0; right:0; }
#sidebar .bl { bottom:0; left:0; }
/* ------------------------------------- PAGINATION */
.pagination { float:left; width:630px; padding:0 15px 0 20px; background:url(../../images/global/pagination-bg.png) no-repeat left top; height:35px; margin:15px 0 0; }
.pagination .posts-found { float:left; color:#fff; font-size:1.16em; padding:10px 0 0; }
.pagination .go-to-page { float:right; padding:7px 56px 0 0; }
.pagination .go-to-page label { display:inline-block; vertical-align:middle; padding:0 10px 0 0; font-size:1.16em; color:#fff; }
.pagination .go-to-page select { display:inline; vertical-align:middle; }
.pagination .btn { float:right; background: url(../../images/buttons/next-btn.png) no-repeat left top; width:51px; height:28px; display:block; overflow:hidden; text-indent:-9999px; margin:3px 0 0 5px; }
/* ------------------------------------- Search Form */
.search-form { float:left; width:630px; padding:1px 15px 0 20px; background:url(../../images/global/pagination-bg.png) no-repeat left top; height:32px; margin:15px 0 0; }
.search-form fieldset { float:left; width:100%; }
.search-form label { float:left; }
.search-form .search-for { color:#fff; font-size:1.16em; float:left; padding:7px 10px 0 0; }
.search-form select { float:left; margin:6px 0 0 5px; }
.ie6 .search-form select, .ie7 .search-form select { margin-top:5px; }
.search-form .inputfield { width:200px; border:1px solid #e0d9cd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 5px; float:left; margin:4px 0 0; background:#fff; }
.search-form .btn { background:url(../../images/buttons/find.png) no-repeat 1px -29px; border:none; width:52px; height:29px; cursor:pointer; margin:0 0 0 5px; float:left; }
.ie6 .search-form .btn { background:url(../../images/buttons/ie6-find.png) no-repeat 0 0; }
/* ------------------------------------- CONTENT */
.row { float: left; width: 100%; }
.pagecontent .text-wrap { float:left; width:100%; padding:15px 0 0; }
.pagecontent p { color:#462f30; line-height:1.33em; padding:0 0 16px; }
.pagecontent h2 { color:#462f30; font-weight:bold; padding:0 0 16px; }
.pagecontent h3 { color:#462f30; font-weight:bold; font-style:italic; text-decoration:underline; padding:10px 0 0; }
/*.pagecontent ul, .pagecontent ol { padding:15px 0 0; } */
.pagecontent ul li { color:#462f30; padding:0 0 16px 15px; background:url(../../images/misc/bullet.gif) no-repeat left 3px; position:relative; }
.pagecontent ol li { }
.pagecontent .poloroid { width:372px; height:318px; position:relative; float:right; margin:-25px -18px 0 0; display:inline; }
.pagecontent .poloroid .poloroid-bg { position:absolute; top:0; left:0; clear:both; z-index:100 }
.pagecontent .poloroid .tape { position:absolute; top:-22px; left:195px; clear:both; }
.pagecontent .poloroid .the-benefits { position:absolute; bottom:-143px; right:19px; clear:both; }
#how-it-works-benefits-panel { float:right; width:213px; min-height:153px; height:auto !important; height:153px; padding:20px 20px 0 22px; background:url(../../images/panels/how-it-works-benefits.png) no-repeat left top; margin:9px 0 0 -15px; display:inline; position:relative; }
#how-it-works-benefits-panel div { float:left; min-height:70px; height:auto !important; height:70px; }
#how-it-works-benefits-panel div a { padding: 0 0 0 46px; float: left; }
#how-it-works-benefits-panel h2 { cursor:pointer;  }
#how-it-works-benefits-panel a { color: #fff; text-decoration: none; }
#how-it-works-benefits-panel h2 a { color:#fff !important; }
#how-it-works-benefits-panel h2 a:hover { text-decoration:none; }
#how-it-works-benefits-panel p a { font-size:0.91em; color:#fff; }
.img-right { float:right; padding:2px; background:#fff; border:1px solid #bfb3ab; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0 0 20px 20px; }
.img-left { float:left; padding:2px; background:#fff; border:1px solid #bfb3ab; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin:0 20px 20px 0; }
/* ------------------------------------- HOME STYLES */
#homepage h1 { margin:-21px 0 0 -4px; padding:0 0 12px; position:relative; display:block; background: url(../../images/titles/welcome.png) no-repeat top left; text-indent: -9000px; height: 65px; }
#homepage .pagecontent { float:left; width:656px; padding:0 0 7px 44px; background:url(../../images/global/paper-middle.png) repeat-y left top; }
.ie6 #homepage .pagecontent { background:url(../../images/global/ie6-paper-middle.gif) repeat-y left top; }
#homepage .do-you { margin:-9px 0 0 -12px; position:relative; float:left; display:inline; }
#homepage .marshalls-garden-club { float:left; position:relative; display:inline; }
#homepage .pagecontent ul { float:left; width:300px; display:inline; margin:2px 0 0 -7px; position:relative; padding:0; }
#homepage .pagecontent ul li { font-style:italic; line-height:1.33em; padding:0 0 8px 35px; color:#7b6a69; float:left; }
#homepage .pagecontent ul .water-can { background:url(../../images/icons/home-list-icons.png) no-repeat left 3px; }
#homepage .pagecontent ul .trowel { background:url(../../images/icons/home-list-icons.png) no-repeat left -36px; }
#homepage .pagecontent ul .barrow { background:url(../../images/icons/home-list-icons.png) no-repeat left -78px; }
#homepage .apply-panel { background:url(../../images/panels/home-panels.png) no-repeat left top; text-indent:-9999px; overflow:hidden; width:223px; height:114px; float:left; margin:20px 21px 0 0; display:inline; }
#homepage .join-panel { display:block; background:url(../../images/panels/home-panels.png) no-repeat -223px top; text-indent:-9999px; overflow:hidden; width:223px; height:114px; float:left; margin:20px 0 0; }
#homepage #marshall-panel { float:left; width:609px; margin:17px 0 0; }
#homepage #marshall-panel .top, #homepage .marshall-panel .bottom { float:left; }
#homepage #marshall-panel .middle { background:url(../../images/panels/marshall-panel-middle.png) repeat-y left top; float:left; width:601px; padding:2px 0 6px 12px; color:#8e7e7d; }
#homepage #marshall-panel .middle img, #homepage .marshall-panel .middle em { display:inline; vertical-align:middle; margin:0 10px 0 0; }
#homepage #marshall-panel a { color:#3574a1; }
#homepage #on-the-plot-blog { float:left; width:100%; margin:3px 0 0; }
#homepage #on-the-plot-blog .story { float:left; width:100%; border-bottom:1px dashed #c7bcb3; padding:10px 0 13px; }
#homepage #on-the-plot-blog .story div { float:right; width:160px; padding:2px 12px 0 0; }
#homepage #on-the-plot-blog .story img { float:left; border:1px solid #b8b3ab; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#homepage #on-the-plot-blog .story h3 { display:block; }
#homepage #on-the-plot-blog .story h3 a { color:#3574a1; }
#homepage #on-the-plot-blog .story span { color:#8e7e7d; display:block; padding:3px 0 0; }
#homepage #rightcolumn h2 a { color:#7b6a69; font-size:1.75em; }
#homepage #rightcolumn a { text-decoration: none; }
#homepage #rightcolumn a h2 { color:#7b6a69; font-size:1.75em; }
#homepage #rightcolumn h2 a:hover { text-decoration:none; }
#homepage #growing-guides { float:left; width:100%; background:url(../../images/panels/growing-guides-bg.gif) no-repeat 140px 35px; padding:25px 0; }
#homepage #growing-guides a { display: block;}
#homepage #growing-guides p { color:#7b6a69; font-size:0.91em; width:140px; display:block; padding:8px 0 0; line-height:1.16em; }
#homepage #growing-guides p a { color: #7B6A69; }
.view-all-btn { background:url(../../images/buttons/buttons.gif) no-repeat left top; display:inline; text-indent:-9999px; overflow:hidden; width:70px; height:42px; float:right; margin:-10px 11px 0 0; position:relative; }
.more-btn { background:url(../../images/buttons/buttons.gif) no-repeat left -45px; display:inline; width:70px; height:28px; float:right; text-indent:-9999px; overflow:hidden; margin:-4px 7px 0 0; position:relative; }
/* ------------------------------------- ONE COL*/
#one-col h1 { color:#462f30; font-size:1.75em; float:left; width:525px; }
#one-col #centrecolumn { float:left; width:958px; }
#one-col #leftcolumn { float:left; width:958px; }
#one-col #leftcolumn .pagecontent { float:left; width:925px; padding:20px 0 12px 28px; }
/* ------------------------------------- TWO COL LEFT*/
#two-col-left h1 { color:#462f30; font-size:1.75em; width:525px; float: left; }
#two-col-left .pagecontent { width:663px; float:left; padding:20px 0 12px 28px; margin:0 -28px 0 0; position:relative; }
#two-col-left .meta { color:#8e7e7d; font-size:1.16em; padding:0 0 18px; float:left; width:100%; }
#two-col-left .meta a { color:#3574a1; }
#two-col-left .meta span { display:inline; vertical-align:middle; }
#two-col-left .meta .comments { display:inline-block; background:url(../../images/buttons/comments-bg-left.gif) no-repeat left top; padding:0 0 0 7px; vertical-align:middle; }
#two-col-left .meta .comments:hover { text-decoration:underline; }
#two-col-left .meta .comments span { display:inline-block; background:url(../../images/buttons/comments-bg-right.gif) no-repeat right top; padding:4px 10px 5px 0; vertical-align:top; }
#two-col-left #rightcolumn .apply-panel { background:url(../../images/panels/home-panels.png) no-repeat left top; display:block; width:223px; height:114px; text-indent:-9999px; overflow:hidden; margin:0 0 12px; }
#two-col-left #rightcolumn .join-panel { background:url(../../images/panels/home-panels.png) no-repeat -223px top; display:block; width:223px; height:114px; text-indent:-9999px; overflow:hidden; }
#two-col-left #rightcolumn h2 a { color:#fff; font-size:1.75em; }
#two-col-left #rightcolumn h2 a:hover { text-decoration:none; }
#two-col-left #how-it-works-benefits-panel { margin:17px -24px 0; }
#two-col-left #growing-guides { float:left; width:193px; background:#f7f3ed url(../../images/global/inside-growing-guides-bg.jpg) no-repeat right top; position:relative; padding:15px; margin:7px 0 0; }
#two-col-left #growing-guides p { font-size:0.91em; padding:10px 0 0; float:left; width:138px; }
#two-col-left #growing-guides .tr { top:-1px; right:-1px; }
#two-col-left #growing-guides .tl { top:-1px; left:-1px; }
#two-col-left #growing-guides .bl { bottom:-1px; left:-1px; }
#two-col-left #growing-guides .br { bottom:-1px; right:01px; }
#two-col-left #growing-guides h3 a { font-size:1.5em; color:#7b6a69; }
#two-col-left #growing-guides .btn { background:url(../../images/buttons/go-btn.png) no-repeat left top; width:54px; height:43px; overflow:hidden; text-indent:-9999px; float:right; margin:14px 0 0; }
#two-col-left #on-the-plot-blog { float:left; width:193px; background:#f7f3ed url(../../images/global/on-the-blog-bg.jpg) no-repeat right top; position:relative; padding:15px; margin:7px 0 0; }
#two-col-left #on-the-plot-blog p { font-size:0.91em; padding:10px 0 0; float:left; width:138px; }
#two-col-left #on-the-plot-blog .tr { top:-1px; right:-1px; }
#two-col-left #on-the-plot-blog .tl { top:-1px; left:-1px; }
#two-col-left #on-the-plot-blog .bl { bottom:-1px; left:-1px; }
#two-col-left #on-the-plot-blog .br { bottom:-1px; right:01px; }
#two-col-left #on-the-plot-blog h3 a { font-size:1.5em; color:#7b6a69; }
#two-col-left #on-the-plot-blog .btn { background:url(../../images/buttons/go-btn.png) no-repeat left top; width:54px; height:43px; overflow:hidden; text-indent:-9999px; float:right; margin:14px 0 0; }
#two-col-left #comments { float:left; width:618px; padding:12px 20px; border:2px solid #f7f3ed; position:relative; color:#462f30; margin:15px 0 0; }
#two-col-left #comments h3 { font-style:italic; color:#462f30; font-size:1.33em; margin: 0 0 10px 0; font-weight:normal; text-decoration:none; }
#two-col-left #comments .tl { top:-2px; left:-2px; }
#two-col-left #comments .tr { top:-2px; right:-2px; }
#two-col-left #comments .br { bottom:-2px; right:-2px; }
#two-col-left #comments .bl { bottom:-2px; left:-2px; }
#two-col-left #comments .comment { float:left; width:100%; position:relative; margin:16px 0 11px; }
#two-col-left #comments .comment .posted-by { float:left; width:578px; background:#dbd1c7; padding:13px 20px 14px; }
#two-col-left #comments .comment .posted-by .name { float:left; }
#two-col-left #comments .comment .posted-by .date { float:right; }
#two-col-left #comments .comment .content { background:#f7f3ed; float:left; width:578px; padding:10px 20px; }
#two-col-left #comments .comment .tl { top:0; left:0; }
#two-col-left #comments .comment .tr { top:0; right:0; }
#two-col-left #comments .comment .bl { bottom:-1px; left:0; }
#two-col-left #comments .comment .br { bottom:-1px; right:0; }
#two-col-left #comment-form { float:left; width:100%; padding:12px 0 0; }
#two-col-left #comment-form fieldset { padding:0 0 6px; }
#two-col-left #comment-form label { display:inline-block; text-align:right; width:80px; vertical-align:middle; margin:0 13px 0 0; }
#two-col-left #comment-form .inputfield { display:inline; width:260px; border:1px solid #e0d9cd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; vertical-align:middle; background:#fff; }
#two-col-left #comment-form .inputfield:focus { border:1px solid #999; }
#two-col-left #comment-form textarea { display:inline; width:460px; border:1px solid #e0d9cd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; vertical-align:top; min-height:96px; height:auto !important; height:96px; background:#fff; }
#two-col-left #comment-form textarea:focus { border:1px solid #999; }
#two-col-left #comment-form .btn { background:url(../../images/buttons/submit-comment.jpg) no-repeat left top; width:148px; height:28px; border:none; cursor:pointer; margin:6px 0 0 100px; }
#two-col-left .blog-left { float:left; width:468px; padding:7px 0 0; }
#two-col-left .blog-left .story { float:left; width:464px; margin:5px 0 0 -10px; border-bottom:1px dashed #C7BBB0; padding:10px 0 15px 17px; }
#two-col-left .blog-left .story .posted-in { padding:0 0 2px; color:#8e7e7d; }
#two-col-left .blog-left .story h2 { padding:0 0 2px; font-weight:normal; }
#two-col-left .blog-left .story a { color:#3574a1; }
#two-col-left .blog-left .story p { font-size:0.91em; color:#7b6a69; }
#two-col-left .blog-left .story img { border:1px solid #b8b3ab; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; }
#two-col-left .blog-left .story div { float:left; padding:0 0 0 10px; width:375px;}
#two-col-left .blog-right { float:right; width:180px; }
#growingguidepage { float:left; width:602px; padding:26px 29px; border:2px solid #f7f3ed; position:relative; margin:10px 0 0; }
#growingguidepage #ggintro { float:left; width:100%; position:relative; }
#growingguidepage #ggintro .tr { top:-1px; right:-1px; }
#growingguidepage #ggintro .tl { top:-1px; left:-1px; }
#growingguidepage #ggintro .br { bottom:-1px; right:-1px; }
#growingguidepage #ggintro .bl { bottom:-1px; left:-1px; }
#growingguidepage #ggintro .guidename { position:absolute; top:22px; right:0; clear:both; background:url(../../images/titles/growing-guides-title-bg.png) no-repeat left top; padding:4px 0 4px 8px; }
.ie6 #growingguidepage #ggintro .guidename { right:-8px; }
#growingguidepage #ggintro .guidename .text { color:#fff; font-style:italic; font-size:1.66em; float:left; padding:0 10px 0 0; }
#growingguidepage #ggintro .guidename .btn { float:left; display:inline; background:url(../../images/buttons/view.png) no-repeat left top; width:52px; height:29px; text-indent:-9999px; overflow:hidden; margin:0 10px 0 0; }
#growingguidepage .tr { top:-2px; right:-2px; }
#growingguidepage .tl { top:-2px; left:-2px; }
#growingguidepage .br { bottom:-2px; right:-2px; }
#growingguidepage .bl { bottom:-2px; left:-2px; }
#growingguidepage #ggsearch { float:left; width:264px; padding:11px 18px; background:#f7f3ed; min-height:179px; height:auto !important; height:179px; position:relative; margin:8px 0 0; }
#growingguidepage #latestgg { float:right; width:260px; padding:11px 18px; background:#f7f3ed; min-height:179px; height:auto !important; height:179px; position:relative; margin:8px 0 0; }
#growingguidepage #ggsearch .tr { top:-1px; right:-1px; }
#growingguidepage #ggsearch .tl { top:-1px; left:-1px; }
#growingguidepage #ggsearch .br { bottom:-1px; right:-1px; }
#growingguidepage #ggsearch .bl { bottom:-1px; left:-1px; }
#growingguidepage #latestgg .tr { top:-1px; right:-1px; }
#growingguidepage #latestgg .tl { top:-1px; left:-1px; }
#growingguidepage #latestgg .br { bottom:-1px; right:-1px; }
#growingguidepage #latestgg .bl { bottom:-1px; left:-1px; }
#growingguidepage h3 { font-style:italic; font-size:1.33em; color:#462f30; padding:0 0 14px; font-weight:normal; text-decoration:none; }
#growingguidepage #ggsearch fieldset { padding:0 0 10px; }
#growingguidepage #ggsearch label { display:block; padding:0 0 3px; }
#growingguidepage #ggsearch .inputfield { display:inline; width:248px; border:1px solid #e0d9cd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; vertical-align:middle; background:#fff; }
#growingguidepage #ggsearch select { width:260px; }
#growingguidepage #ggsearch .btn { display:inline; float:right; background:url(../../images/buttons/find.png) no-repeat left top; width:52px; height:29px; border:none; cursor:pointer; margin:0 5px 0 0; }
#growingguidepage #latestgg .main-img { border:1px solid #b8b3ab; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; }
#growingguidepage #latestgg .content { float:left; width:100%; border-bottom:1px dashed #c8bfbb; padding:0 0 15px; }
#growingguidepage #latestgg .copy { float:left; width:175px; padding:0 0 0 10px; }
#growingguidepage #latestgg a { color:#3574a1; }
#growingguidepage #latestgg small { font-size:0.91em; color:#7b6a69; padding:5px 0 0; line-height:1.27em; display:block; }
#growingguidepage #latestgg ul { padding:10px 0 0; float:left; }
#growingguidepage #latestgg ul li { background:url(../../images/misc/dark-grey-arrow.gif) no-repeat left 4px; padding:0 0 5px 10px; font-size:0.91em; }
#growingguidepage .featuredrow { float:left; width:100%; padding:10px 0 0; }
#growingguidepage .featuredrow h3 { padding:0 0 9px; }
#growingguidepage .featuredrow dl { float:left; width:600px; padding:0 0 10px; }
#growingguidepage .featuredrow dl dd { float:left; }
#growingguidepage .featuredrow dl dd a { border:1px solid #b8b3ab; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; }
#growingguidepage .featuredrow dl dd a img { float:left; width: 75px !important; height: 75px !important; }
#growingguidepage .featuredrow dl dt { float:left; width:200px; padding:5px 0 0 14px; font-size:0.91em; line-height:1.27em; }
#growingguidepage .featuredrow dl dt a { display:block; font-size:1.09em; color:#3574a1; padding:0 0 5px; }
#guide-search-results-listings { float:left; width:100%; padding:13px 0 0; }
.guide-search-result { display: inline-block; float: left; width:315px; padding:12px 0 0 0; border-top:1px dashed #bdb0a8; margin:0 15px 12px 0; min-height: 77px; height: auto !important; height: 77px; }
.guide-search-result .main-img { border:1px solid #b8b3ab; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; float:left; margin:0 0 0 7px; }
.guide-search-result .main-img img { width: 75px !important; height: 75px !important; }
.guide-search-result div { float:right; width:205px; font-size:0.91em; float:left; margin:0 0 0 11px; display:inline; }
.guide-search-result div a { color:#7b6a69; }
.guide-search-result div span { display:block; }
.guide-search-result div span a { color:#3574a1; font-size:1.09em; }
/* ------------------------------------- THREE COL*/
#three-col #breadcrumb { border:none; }
#three-col #centrecolumn { position:relative; width:100%; }
#white-bg { float:left; width:976px; padding:2px 2px 20px; /*background:#fff;*/ position:relative; margin:0 -18px; display:inline; }
#three-col #leftcolumn { width:180px; }
/*#three-col #leftcolumn form { float:left; background:#63755d; padding:0 0 10px; position:relative; z-index:100; }
#three-col #leftcolumn form label { float:left; width:160px; color:#fff; text-shadow:0 -1px 0 #374683; font-size:1.16em; background:#5e6b56; border-bottom:1px dotted #9aa694; padding:5px 10px; margin:0 0 10px; }
#three-col #leftcolumn form .inputfield { border:1px solid #63755d; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:6px 5px 7px; color:#aaa; float:left; width:117px; margin:0 0 0 6px; display:inline; }
#three-col #leftcolumn form .btn { background:url(../../images/buttons/find-button.png) no-repeat 0 0; width:48px; height:30px; border:none; cursor:pointer; float:left; margin:1px 0 0 -10px; }
#three-col #leftcolumn form .tr { top:-1px; right:-1px; }
#three-col #leftcolumn form .tl { top:-1px; left:-1px; z-index:100 }
#three-col #leftcolumn form .bl { bottom:-1px; left:-1px; }
#three-col #leftcolumn form .br { bottom:-1px; right:-1px; }*/

#productnav { float:left; width:180px; background:#687460; margin:10px 0 0; position:relative; }
#productnav h3 { float:left; width:160px; color:#fff; text-shadow:0 -1px 0 #374683; font-size:1.16em; background:#5e6b56; border-bottom:1px dotted #9aa694; padding:5px 10px; margin:0 0 10px; }
#productnav ul { float:left; width:100%; font-size:0.91em; }
#productnav ul li { width:180px; float:left; }
#productnav ul li a { width:160px; padding:5px 10px; display:block; float:left; background:#74826e; color:#F5F0E0; text-decoration:none; }
#productnav ul li.topmenu a { color:#F2E6B4 !important; background:#657060; }
#productnav ul li.topmenu a:hover { background:#444B40; }
#productnav ul li a:hover { background:#5A6853; text-decoration:none; }
#productnav ul li ul li a { background:#7d8e77; }
#productnav ul li ul li.top a { -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; border-radius-topleft:5px; border-radius-topright:5px; -webkit-border-radius-topleft:5px; -webkit-border-radius-topright:5px; }
#productnav ul li ul li.bottom a { -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; border-radius-bottomleft:5px; border-radius-bottomright:5px; -webkit-border-radius-bottomleft:5px; -webkit-border-radius-bottomright:5px; }
#productnav .tr { top:-1px; right:-1px; }
#productnav .tl { top:-1px; left:-1px; }
#productnav .br { bottom:-1px; right:-1px; }
#productnav .bl { bottom:-1px; left:-1px; }
#three-col .centrecolumn { float:left; width:602px; margin:0 0 0 6px; display:inline; }
#catintro { display:inline; width:602px; float:left; }
#catintro .content { background:#F0EADD; border-left:5px solid #DAD2C2; border-right:5px solid #DAD2C2; float:left; width:592px; }
#catintro .content .desc { color:#505050; float:left; padding:1px 13px 10px; width:411px; background:url(../../images/panels/cat-info-panel-bg.gif) no-repeat 403px 40px; font-size:0.91em; }
#catintro .content .desc h1 { font-size:1.7em; font-style:italic; font-weight:normal; }
#catintro .content .desc p { font-size:1.1em; padding:6px 0 0 2px; }
#catintro .content .pic { float:left; height:158px; margin:2px 0 0; overflow:hidden; position:relative; width:151px; }
#catintro .content .pic img { float:left; }
#catintro .content .pic .filter { position:absolute; top:0; left:0; clear:both; }
#catintro .top, #catintro .bottom { float:left; }
#cat-listings { float:left; padding:20px 0 0 10px; width:602px; }
#cat-listings .cat { float:left; display:inline; margin:0 20px; padding:0 7px 20px 0; width:151px; position:relative; }
#cat-listings .cat .pic { float:left; }
#cat-listings .cat .pic img { float:left; }
#cat-listings .cat .pic .filter { position:absolute; top:0; left:0; clear:both; }
#cat-listings .cat .catname { float:left; font-size:1.1em; padding:6px 0 0 2px; text-align:center; width:151px; }
#cat-listings .cat .catname a { color:#3574A1; }
/* Listing outer container */
#listingbox { float: left; display: inline; width: 612px; margin:0 -10px 0 0; }
/* Listing intro heading and text */
#listingbox h2 { display: block; float: left; padding: 15px 0 0 8px; font-size: 1.5em; font-weight: normal; font-style: italic; color: #000; width: 540px; }
div.viewmore { float: right; padding: 17px 10px 1px 0; }
div.viewmore a { border-bottom: 1px dotted #3574a1; color:#3574A1; }
div.viewmore a:hover { border-bottom: 1px dotted #000; }
#listingbox p { display: block; float: left; width: 591px; padding: 7px 0 5px 8px; font-size: 1.1em; line-height: 1.5em; color: #3f3f3f; }
/* Listing holder */
.listing { float: left; width: 616px; }
/* A-Z */
#guidedsearch { float: left; display: inline; position: relative; width: 602px; background: #949081 url(../../images/panels/a-to-z-bg.gif) no-repeat left top; margin:7px 0 0; }
#guidedsearch .footer { position: absolute; bottom: -4px; left: 0; width: 602px; height: 8px; clear: both; margin:4px 0 0; }
#guidedsearch .footer img { float: left; }
#guidedsearch .atoz { float: left; width: 602px; font-size:0.91em; }
#guidedsearch .atoz ul { float: left; padding: 0 0 0 10px; }
#guidedsearch .atoz ul li { float: left; }
#guidedsearch .atoz div.nolink { float: left; padding: 10px 6px; color: #cecabb; }
#guidedsearch .atoz a { float: left; display: block; padding: 4px 7px 4px 8px; margin: 6px 0 0 0; color: #fff; text-decoration: underline; }
#guidedsearch .atoz a:hover { background-color: #5d5a4e; color: #ffe19f; text-decoration: underline; }
#guidedsearch .atoz a.selected { background-color: #5d5a4e; color: #ffe19f; text-decoration: none; font-weight: bold; }
/* Product box model for listing */
.productboxwrap { float:left; width:612px; margin:0 -10px 0 0; display:inline; position:relative; padding:0 0 7px; }
.productbox { float: left; display: inline; width: 196px; margin: 7px 7px 0 0 }
.productbox .image { float: left; position: relative; width: 196px; height: 196px; }
.productbox .image img { float: left; }
.productbox .image .topfilter { position: absolute; top: 0; left: 0; clear: both; }
.productbox .image .outofstock { position: absolute; /*top: 5px;*/
	/*left: 5px;*/
	top: 85px; left: 55px; clear: both; }
.productbox .image .bottomfilter { position: absolute; width: 196px; height: 1px; top: 195px; left: 0; background: url(../../images/listing/dotted-transparent.png) top left no-repeat; clear: both; }
.productbox .image .tag { position: absolute; left: -2px; bottom: 2px; clear: both; }
.productbox .image .multibuy { position: absolute; top: 2px; right: 3px; clear: both; }
.productbox .image .new { position: absolute; top: 0; right: 0; clear: both; }
.productbox .image .inbarrow { position: absolute; top: 0; left: 0; clear: both; }
/* IE6 PNG fix for all the png tags */	
.productbox .image .tag img, .productbox .image .new img, .productbox .image .bottomfilter, .productbox .image .inbarrow img, .productbox .image .multibuy img { behavior: url("iepngfix.htc"); }
.productbox .name { float: left; width: 196px; font-size: 1.1em; overflow: hidden;/*	height: 3.5em;*/	
}
.productbox .name a { display: block; width: 170px; height: 33px; padding: 5px 13px 4px 13px; background: #c4d4bd; color: #666; font-weight:bold; }
.productbox .name a:hover { background: #a0b297; color: #fff; text-decoration:none; }
.productbox .shortdesc { float: left; width: 170px; height: 21px; overflow: hidden; padding: 8px 13px 0 13px; color: #4e584a; background: #d4e2cd; border-top:1px dashed #909090; font-size:0.91em; }
.productbox .price { float: left; position: relative; width: 170px; height: 25px; color: #5b6d5b; background: #edf6e8 url(../../images/panels/productbox-footer.gif) no-repeat left bottom; padding: 6px 13px 0 13px; font-size:0.91em; text-align:left; }
.productbox .moreinfo { position: absolute; top: -2px; right: 5px; clear: both; }
/* Add to barrow button */
.productbox .addtobarrow { position: absolute; top: -2px; right: 5px; clear: both; }
.featured .addtobarrow { top: -3px !important; }
.productbox .addtobarrow .qty { float: left; width: 27px; height: 23px; padding: 7px 0 0 0; background: url(../../images/misc/add-to-barrow-qty-bg.gif) no-repeat left top; }
.productbox .addtobarrow .qty input { border: none; width: 23px; padding: 0 0 0 4px; text-align: center; background: none; }
.productbox .addtobarrow .button { float: left; }
.featured .addtobarrow .qty { background: url(../../images/listing/add-to-barrow-qty-feat-bg.gif) top left no-repeat; }
/* This is to override 3rd party script z-index for rotating images on collections */
.collection .topfilter, .collection .outofstock, .collection .tag, .collection .multibuy, .collection .new, .collection .inbarrow { z-index: 999; }
/* Featured product box styling */
.alignright { float: right; margin: 7px 7px 0 0; }
.alignleft { float: left; margin: 7px 0 0 7px; }
.featured .name a { background: #718866; height: 36px; color: #fff; padding: 6px 13px 0 13px; }
.featured .name a:hover { background: #485641; color: #fff; }
.featured .shortdesc { height: 325px; padding: 10px 13px 0 13px; color: #ebf4e6; background: #8ca380 url(../../images/listing/dotted-name-bottom.gif) top left repeat-x; }
.featured .price { height: 25px; padding: 5px 13px 0 13px; color: #405735; background: #ceddc7 url(../../images/panels/featured-box-footer.gif) no-repeat left bottom; }
.paging { display: inline; width: 100%; background: #fff; float:left; font-size:0.91em; }
.paging .buttonprevious { float: left; width: 105px; padding: 7px 9px 0 9px; text-align: right; }
.paging .buttonnext { float: right; width: 86px; padding: 7px 9px 0 9px; text-align: right; }
.paging .products { float: left; width: 110px; padding: 16px 0 4px 14px; }
.paging .jump { float: left; width: 105px; padding: 12px 0 0 0; text-align: right; }
.paging .jump span { display: block; float: left; padding: 4px 5px 0 0; }
.paging .jump select { float: left; width: 4em; }
.paging .numperpage { float: left; width: 130px; padding: 12px 0 0 0; text-align: right; }
.paging .numperpage span { display: block; float: left; padding: 4px 5px 0 0; }
.paging .numperpage select { float: left; width: 4em; }
.paging .numperpage2 { float: left; width: 130px; padding: 12px 0 0 0; text-align: right; }
.paging .numperpage2 span { display: block; float: left; padding: 4px 5px 0 0; }
.paging .numperpage2 select { float: left; width: 4em; }
.paging .footer { float:left; }
.paging .footer img { width: 100%; }
#cantfind { background:url(../../images/panels/cant-find-top.gif) no-repeat 0 0; display:inline; margin:7px 0 0; width:602px; float:left; font-size:0.91em; }
#cantfind .content { background:#F6F5F0; border-left:1px dashed #A9A38B; border-right:1px dashed #A9A38B; color:#8D8679; padding:6px 13px; width:575px; }
#cantfind .content span { color:#58534D; }
#cantfind .content h4 { color:#58534D; font-size:1.1em; font-weight:normal; padding:0 0 4px; }
#cantfind .content a { border-bottom:1px dotted #4480AB; color:#3574A1; }
#cantfind .content a:hover { border-bottom:1px dotted #000; text-decoration:none; color:#000; }
#backtottop { clear:both; font-size:1.1em; position:absolute; right:-5px; top:-66px; }
#backtottop img { float:left; margin:5px 0 0; }
#backtottop a { border-bottom:1px dotted #4480AB; color:#4480AB; display:block; float:left; margin:0 0 0 4px; padding:0 0 2px; }
#backtottop a:hover { border-bottom:1px dotted #000; color:#000; }
#showpagename { float: left; display: inline; width: 593px; padding: 15px 0 5px 8px; margin: 0 0 10px; border-bottom:1px dotted #b2a282; }
#showpagename h1 { display: block; float: left; padding: 1px 0 0 0; font-size: 2em; font-weight: normal; color: #000; }
#showpagename #icons { float: left; padding: 0 0 0 10px; }
#showpagename #icons img { margin: 0 5px 0 0; display: inline; }
#showpagename #back { float: right; }
#showpagename h3.latinname { float: left; width: 100%; margin: -6px 0 0 0; font-size: 1.1em; font-weight: normal; font-style: italic; }
/* Left part of the showpage containing price / add to barrow / etc */
#showpageleft { float: left; position: relative; display: inline; width: 345px; }
#addtobarrow { float: left; width: 250px; background: #f7f5ee url(../../images/showpage/add-to-barrow-top-border.gif) top left no-repeat; }
#addtobarrow .content { float: left; width: 250px; padding: 0px 0px 1px 0px; background: url(../../images/showpage/add-to-barrow-bottom-border.gif) bottom left no-repeat; margin:0 -3px 0 0; }
/* If product out of stock */
#outofstock { float: left; width: 225px; padding: 10px 13px 7px 13px; color: #000; }
#outofstock input, #outofstock .button { float: left; display: inline; margin: 5px 0 0 -2px; }
/* If there are offers for this product */
#addtobarrow .offers { background: none !important; }
#addtobarrow #offerpanel { float: left; width: 345px; background: #d55b5b url(../../images/showpage/offers-bg.jpg) bottom left no-repeat; }
#addtobarrow #offerpanel .container { float: left; width: 325px; padding: 5px 10px 5px 10px; color: #fff3ca; background: url(../../images/showpage/offers-dotted-bg.gif) top left repeat-x; }
#addtobarrow #offerpanel .container strong { color: #fff; }
#addtobarrow .content .quantity { float: left; width: 52px; padding: 5px 0px 6px 5px; margin:2px 0 0; background: url(../../images/showpage/add-to-barrow-separator-bg.gif) top right repeat-y; }
#addtobarrow .content .quantity img { float: left; margin: 13px 0 0 0; }
#addtobarrow .content .quantity div { float: left; display: inline; width: 45px; height: 30px; margin: 2px 0 0 0px; padding: 0; background: url(../../images/showpage/quantity-input-bg.gif) top left no-repeat; }
#addtobarrow .content .quantity div input { float: left; width: 43px; padding: 5px 0px 5px 0px; margin: 0px; text-align: center; border: none; background-color: transparent; font-size:1.4em; font-weight:bold; }
.safari #addtobarrow .content .quantity div input { padding: 9px 0 0 1px; }
#addtobarrow .content .price { float: left; padding: 2px 0px 0px 6px; width: 111px; }
#addtobarrow .content .price img { float: left; margin: 13px 0 0 0; }
#addtobarrow .content .price strong { font-size: 1.1em; }
#addtobarrow .content .price div { float: left; font-size: 2em; padding: 0px 0px 0px 0px; color: #47412a; }
.ie6 #addtobarrow .content .price div { float: left; font-size: 2em; padding: 5px 0px 0px 0px; color: #47412a; line-height: 0.7em; }
#addtobarrow .content .price div.single { padding: 8px 0px 0px 0px; }
#addtobarrow .content .price div span { font-size: 0.6em; }
#addtobarrow .content .price div span.sml { font-size: 0.5em; }

#addtobarrow .content .savings {float: left; padding:5px 0 6px 5px; width: 245px; border-top: 1px dashed #d2d1cc;}
#addtobarrow .content .savings span { color: #9a2434; font-weight: bold; }

#addtobarrow .content .addtobarrow { float: left; width: 68px; padding: 8px 4px 5px 4px; background: url(../../images/showpage/add-to-barrow-separator-bg.gif) top right repeat-y; }
#addtobarrow .footer { float: left; width: 345px; }
#addtobarrow .footer img { float: left; }
/* Main description styling */
#maindescription { float: left; width: 345px; padding: 6px 0 0 0; font-size: 1.1em; color: #000; }
#maindescription p { padding: 7px 10px 5px 10px; line-height: 1.5em; }
#maindescription ul { padding: 10px 0 0 20px; }
#maindescription ul li { padding: 0 0 4px 15px; background: url(../../images/bullets/blue-round.gif) 1px 3px no-repeat; }
/* Additional product info: Packet contents, row spacing, sowing distance, etc */
#additionalinfo { float: left; width: 345px; margin: 10px 0 0 0; padding: 13px 0 0 0; color: #000; border-top:1px dotted #b2a282; }
#additionalinfo ul { padding: 0 10px 0 10px; }
#additionalinfo ul li { padding: 0 0 10px 0; background: none; }
/* Recipes panel */
#recipebox { float: left; width: 344px; margin: 7px 0 0 0; padding: 5px 0 0 0; background: url(../../images/showpage/recipebox-top.gif) top left no-repeat; }
#recipebox .content { float: left; width: 344px; background: url(../../images/showpage/recipebox-bg.gif) top left repeat-y; }
#recipebox .content img.saucepan { float: left; margin: 2px 8px 2px 9px; }
#recipebox .content h4 { display: block; float: left; width: 155px; padding: 2px 0 2px 0; font-size: 1.1em; font-style: italic; }
#recipebox .content h4 a { color: #574230; }
#recipebox .content h4 a:hover { color: #000; }
#recipebox .content img.viewrecipes { float: right; margin: 5px 10px 5px 0; }
#recipebox .footer { float: left; width: 344px; }
#recipebox .footer img { float: left; }
/* Right part of the showpage containing offer info, images + resources panel */
#showpageright { float: right; display: inline; width: 250px; }
#mainoffer { float: left; width: 250px; padding: 5px 0 0 0; background: url(../../images/showpage/main-offer-top.gif) top left no-repeat; }
#mainoffer .content { float: left; width: 230px; padding: 5px 0 4px 20px; color: #fff; background: url(../../images/showpage/main-offer-bg.gif) top left repeat-y; }
#mainoffer .content .quantityholder { float: right; display: inline; width: 39px; padding: 0 18px 0 0; margin: 0 10px 0 0; background: url(../../images/showpage/small-pack-bg.gif) 41px 5px no-repeat; }
#mainoffer .content .quantity { float: right; padding: 5px 0 0 0; width: 30px; height: 10px; overflow: hidden; }
#mainoffer .content .quantity div { float: left; display: inline; margin: -5px 1px 0 0; width: 5px; background: url(../../images/showpage/small-pack-off.gif) top left no-repeat; }
/*Safari fix*/
.safari #mainoffer .content .quantity div { margin: -5px 1px 2px 0; }
/*Chrome fix*/
.chrome #mainoffer .content .quantity div { margin: -5px 1px 0px 0; }
.one #one { background: url(../../images/showpage/small-pack-on.gif) top left no-repeat !important; }
.two #one, .two #two { background: url(../../images/showpage/small-pack-on.gif) top left no-repeat !important; }
.three #one, .three #two, .three #three { background: url(../../images/showpage/small-pack-on.gif) top left no-repeat !important; }
.four #one, .four #two, .four #three, .four #four { background: url(../../images/showpage/small-pack-on.gif) top left no-repeat !important; }
.five #one, .five #two, .five #three, .five #four, .five #five { background: url(../../images/showpage/small-pack-on.gif) top left no-repeat !important; }
.six #one, .six #two, .six #three, .six #four, .six #five, .six #six { background: url(../../images/showpage/small-pack-on.gif) top left no-repeat !important; }
.seven #one, .seven #two, .seven #three, .seven #four, .seven #five, .seven #six, .seven #seven { background: url(../../images/showpage/small-pack-on.gif) top left no-repeat !important; }
.eight #one, .eight #two, .eight #three, .eight #four, .eight #five, .eight #six, .eight #seven, .eight #eight { background: url(../../images/showpage/small-pack-on.gif) top left no-repeat !important; }
.nine #one, .nine #two, .nine #three, .nine #four, .nine #five, .nine #six, .nine #seven, .nine #eight, .nine #nine { background: url(../../images/showpage/small-pack-on.gif) top left no-repeat !important; }
.ten #one, .ten #two, .ten #three, .ten #four, .ten #five, .ten #six, .ten #seven, .ten #eight, .ten #nine, .ten #ten { background: url(../../images/showpage/small-pack-on.gif) top left no-repeat !important; }
#mainoffer .footer { float: left; width: 250px; }
#mainoffer .footer img { float: left; }
/* Special offer boxes (buy 2 or for XXX, etc) */
.specialoffer { float: left; width: 250px; padding: 5px 0 0 0; margin: 6px 0 0 0; color: #fff; background: #ab3e3e url(../../images/showpage/offerbox-top.gif) top left no-repeat; }
.specialoffer .content { float: left; width: 210px; padding: 0 20px 4px 20px; background: url(../../images/showpage/offerbox-bottom.gif) bottom left no-repeat; }
/* Container for all the images - main + thumbs */
#mainimagebox { float: left; width: 250px; margin: 7px 0 0 0; }
#largepic { float: left; position: relative; width: 250px; height: 250px; }
#largepic .filter { position: absolute; top: 0; left: 0; clear: both; }
#thumbs { float: left; width: 250px; margin: 7px 0 0 0; padding: 6px 0 0 0; background: #e8e4d5 url(../../images/showpage/thumb-top.gif) top left no-repeat; }
#thumbs .thumbnail { float: left; display: inline; position: relative; width: 75px; height: 75px; margin: 0 0 7px 6px; }
#thumbs .filter { position: absolute; top: 0; left: 0; clear: both; }
#thumbs .footer { float: left; margin: -4px 0 0 0; }
#thumbs .footer img { float: left; }
/* Resources/Additional Information panel */
#resources { float: left; width: 250px; margin: 7px 0 0 0; background: #f7f5ee url(../../images/showpage/resources-panel-top.gif) top left no-repeat; }
#resources .content { float: left; width: 236px; padding: 30px 0 6px 14px; background: url(../../images/showpage/light-panel-bottom.gif) bottom left no-repeat; }
#resources ul { float: left; }
#resources ul li { float: left; width: 218px; padding: 0 0 6px 15px; background: url(../../images/bullets/blue-round.gif) 2px 4px no-repeat; }
.safari #resources ul li { padding: 2px 0 6px 15px; }
#resources a { display: inline-block; float: left; border-bottom: 1px dotted #3574a1; }
#resources a:hover { border-bottom: 1px dotted #000; }
#resources ul li div { float: left; padding: 0 0 0 5px; }
/* Position various icons and tags that apear on top of the main product picture */
.ie6 #inbarrow img, .ie6 .multibuy img, .ie6 .new img, .ie6 .tag img { /* Only apply the png fix to IE6*/ behavior: url("iepngfix.htc"); }
/* Add to barrow bar */
#inbarrow { position: absolute; top: 0; left: 0; clear: both; }
/* Multibuy Icon */
#largepic .multibuy { position: absolute; top: 12px; right: 3px; clear: both; }
/* New Product Icon */
#largepic .new { position: absolute; top: 0; right: 0; clear: both; }
/* Tag */
#largepic .tag { position: absolute; bottom: 7px; left: -2px; clear: both; }
/* Growing information boxes */
#growinginfo { float: left; width: 602px; padding: 15px 0 0 0; }
#growinginfo h2 { padding: 0 0 10px 10px; font-size: 160%; font-weight: normal; font-style: italic; color: #000; }
#growinginfo .infobox { float: left; display: inline; width: 602px; margin: 0 0 7px 7px; padding: 5px 0 0 0; font-size: 1.1em; background: #f7f5ee url(../../images/showpage/growing-info-top.gif) top left no-repeat; }
#growinginfo .infobox .content { float: left; width: 574px; padding: 5px 14px 3px 14px; color: #5c5c5c; background: url(../../images/showpage/growing-info-bottom.gif) bottom left no-repeat; }
#growinginfo .infobox .content h4 { padding: 0 0 8px 0; color: #000; font-size: 1em; }
#growinginfo .infobox .content p { padding: 0 0 8px 0; line-height: 1.5em; }
/* Growing calendar */
#growingcalendar { float: left; display: inline; width: 602px; margin: 7px 0 0 7px; background: #f7f5ee url(../../images/showpage/growing-calendar/growing-calendar-box-top.gif) top left no-repeat; }
#growingcalendar .content { float: left; width: 578px; padding: 13px 12px; background: url(../../images/showpage/growing-calendar/growing-calendar-box-bottom.gif) bottom left no-repeat; }
#growingcalendar .content h4 { font-size: 1.2em; font-style: italic; color: #232121; }
#growingcalendar #calendar { float: left; position: relative; width: 577px; margin: 15px 0 0 0; background: url(../../images/showpage/growing-calendar/main-bg.jpg) 0px 13px no-repeat; }
#growingcalendar #calendar .top { position: absolute; top: 0; left: 0; clear: both; }
#growingcalendar #calendar .bottom { position: absolute; bottom: -1px; left: 0; clear: both; }
#growingcalendar #calendar .top img, #growingcalendar #calendar .bottom img { behavior: url("iepngfix.htc"); }
/* Margin for the first row to pass the absolutely positioned top image */
#growingcalendar #calendar .first { margin: 13px 0 0 0; }
#growingcalendar #calendar .row { float: left; width: 577px; }
#growingcalendar #calendar .row .name { float: left; width: 95px; height: 25px; }
#growingcalendar #calendar .row .name img { float: right; }
#growingcalendar #calendar .row .months { float: left; position: relative; width: 482px; }
#growingcalendar #calendar .row .months div { position: absolute; top: 0; width: 40px; height: 25px; behavior: url("iepngfix.htc"); clear: both; }
#growingcalendar #calendar .row .months .jan { left: 0; }
#growingcalendar #calendar .row .months .feb { left: 40px; }
#growingcalendar #calendar .row .months .mar { left: 80px; }
#growingcalendar #calendar .row .months .apr { left: 120px; }
#growingcalendar #calendar .row .months .may { left: 160px; }
#growingcalendar #calendar .row .months .jun { left: 200px; }
#growingcalendar #calendar .row .months .jul { left: 240px; }
#growingcalendar #calendar .row .months .aug { left: 280px; }
#growingcalendar #calendar .row .months .sep { left: 320px; }
#growingcalendar #calendar .row .months .oct { left: 360px; }
#growingcalendar #calendar .row .months .nov { left: 400px; }
#growingcalendar #calendar .row .months .dec { left: 440px; }
/* Row names */
.sowindoors .name { background: url(../../images/showpage/growing-calendar/title-sow-indoors.gif) 23px 6px no-repeat; }
.sowoutdoors .name { background: url(../../images/showpage/growing-calendar/title-sow-outdoors.gif) 13px 5px no-repeat; }
.plantoutdoors .name { background: url(../../images/showpage/growing-calendar/title-plant-outdoors.gif) 8px 5px no-repeat; }
.harvest .name { background: url(../../images/showpage/growing-calendar/title-harvest.gif) 46px 5px no-repeat; }
.flower .name { background: url(../../images/showpage/growing-calendar/title-flower.gif) 52px 5px no-repeat; }
/* Line colours */
.sowindoors .months div { background: url(../../images/showpage/growing-calendar/orange.png) top left no-repeat; }
.sowoutdoors .months div { background: url(../../images/showpage/growing-calendar/green.png) top left no-repeat; }
.plantoutdoors .months div { background: url(../../images/showpage/growing-calendar/blue.png) top left no-repeat; }
.harvest .months div, .flower .months div { background: url(../../images/showpage/growing-calendar/yellow.png) top left no-repeat; }
/* Review panel with summary */
#reviewsbox { float: left; width: 250px; margin: 4px 0 0 0; font-size:0.91em; }
#reviewsbox .content { float: left; width: 244px; padding: 5px 3px 5px 3px; }
#reviewsbox .content .title { padding: 3px 0 5px 0; }
#reviewsbox .content p { padding: 5px 0 1px 0; float: left; }
#reviewsbox .content p a { color:#437BA3; border-bottom: 1px dotted #4480ab; text-decoration:none; }
#reviewsbox .content p a:hover { border-bottom: 1px dotted #000; color:#000; }
#productrating { float: right; width: 130px; }
#reviewsbox #productrating .score { float: right; }
/* Reviews listing at the bottom of the showpage */
#reviews { float: left; width: 602px; padding: 15px 0 10px 0; }
#reviews h2 { padding: 0 0 15px 10px; font-size: 160%; font-weight: normal; font-style: italic; color: #000; }
#reviews .review { float: left; display: inline; width: 602px; margin: 0 0 20px 7px; padding: 5px 0 0 0; background: url(../../images/showpage/reviewbox-top.gif) top left no-repeat; }
#reviews .review .header { float: left; position: relative; width: 580px; padding: 0px 10px 5px 12px; color: #434242; background: #e2ecf0; }
#reviews .review .header .author { float: left; display: inline; width: 335px; margin: 0 0 0 0px; padding: 7px 0px 0px 15px; }
#reviews .review .header .date { float: right; padding: 5px 0px 0px 0px; white-space: nowrap; }
#reviews .review .header .score { float: left; width: 130px; }
#reviews .review .content { float: left; width: 574px; padding: 10px 14px 3px 14px; background: #eff4f6 url(../../images/showpage/reviewbox-bottom.gif) bottom left no-repeat; }
#reviews .review .content h4 { padding: 3px 0 8px 0; color: #000; font-size: 1em; }
#reviews .review .content p { padding: 0 0 8px 0; line-height: 1.5em; font-size: 1.1em; }
#reviews .review .content p a { border-bottom: 1px dotted #4480ab; }
/* Score styling / shared between two rating boxes */
.score div { float: left; display: inline; margin: 0 0 0 0px; }
.scone, .sctwo, .scthree, .scfour, .scfive { float: left; width: 26px; height: 25px; background: url(../../images/reviews/star-off.png) top left no-repeat; behavior: url("iepngfix.htc"); }
div.nearpoor .scone { background: url(../../images/reviews/star-half.png) top left no-repeat; }
div.poor .scone { background: url(../../images/reviews/star.png) top left no-repeat; }
div.nearaverage .scone { background: url(../../images/reviews/star.png) top left no-repeat; }
div.nearaverage .sctwo { background: url(../../images/reviews/star-half.png) top left no-repeat; }
div.average .scone, div.average .sctwo { background: url(../../images/reviews/star.png) top left no-repeat; }
div.neargood .scone, div.neargood .sctwo { background: url(../../images/reviews/star.png) top left no-repeat; }
div.neargood .scthree { background: url(../../images/reviews/star-half.png) top left no-repeat; }
div.good .scone, div.good .sctwo, div.good .scthree { background: url(../../images/reviews/star.png) top left no-repeat; }
div.nearverygood .scone, div.nearverygood .sctwo, div.nearverygood .scthree { background: url(../../images/reviews/star.png) top left no-repeat; }
div.nearverygood .scfour { background: url(../../images/reviews/star-half.png) top left no-repeat; }
div.verygood .scone, div.verygood .sctwo, div.verygood .scthree, div.verygood .scfour { background: url(../../images/reviews/star.png) top left no-repeat; }
div.nearperfect .scone, div.nearperfect .sctwo, div.nearperfect .scthree, div.nearperfect .scfour { background: url(../../images/reviews/star.png) top left no-repeat; }
div.nearperfect .scfive { background: url(../../images/reviews/star-half.png) top left no-repeat; }
div.perfect .scone, div.perfect .sctwo, div.perfect .scthree, div.perfect .scfour, div.perfect .scfive { background: url(../../images/reviews/star.png) top left no-repeat; }
/* Add a review box */
#addreviewbox { float: left; display: inline; width: 602px; margin: 10px 0 10px 7px; padding: 10px 0; font-size: 1.1em; border-top: 1px dotted #999; }
#addreviewbox h2 { padding: 0 0 10px 10px; font-size: 160%; font-weight: normal; font-style: italic; color: #000; }
#addreviewbox .errormessage { margin: 0 0 10px 0; }
#addreviewbox .row { float: left; width: 602px; }
#addreviewbox .rowheight1 { height: 3em; }
#addreviewbox .rowheight2 { height: 4em; padding: 0 0 10px 0; }
#addreviewbox .row .name { float: left; width: 80px; padding: 5px 10px 0 0; text-align: right; color: #626262 }
#addreviewbox .row .inputitem { float: left; width: 505px; color: #939393; }
#addreviewbox .row .inputitem input { float: left; width: 250px; border: 1px solid #d3d3d3; padding: 4px 0 3px 4px; }
#addreviewbox .row .inputitem textarea { float: left; width: 470px; border: 1px solid #d3d3d3; padding: 4px 0 3px 4px; }
#addreviewbox .submitreview { float: left; margin: 10px 0 0 0; }
#addreviewbox p { padding: 0 0 3px 11px; }
#addreviewbox a { color: #3574a1; border-bottom: 1px dotted #3574a1; }
#addreviewbox a:hover { color: #000; border-bottom: 1px dotted #000; }
#three-col #rightcolumn { width:180px; }
#three-col #rightcolumn #growing-guides-paper { float:left; width:160px; padding:10px; background:url(../../images/panels/growing-guides-paper-bg.gif) repeat-y 0 0; font-size:0.91em; z-index:100; }
#three-col #rightcolumn #growing-guides-paper ul { float:left; width:100%; padding:5px 0 0; }
#three-col #rightcolumn #growing-guides-paper ul li { float:left; width:150px; padding:0 0 5px; }
#three-col #rightcolumn #growing-guides-paper ul li a { background:url(../../images/misc/arrow-right-blue.gif) no-repeat 0 5px; padding:0 0 0 10px; float:left; display:block; width:100%; color:#547793; }
#three-col #rightcolumn .growing-guides-paper-bottom { float:left }
#three-col #rightcolumn .voucher { float:left; width:100%;  }
#three-col #rightcolumn .view-all { display:block; overflow:hidden; text-indent:-99999px; background:url(../../images/buttons/growing-guides-view-all.png) no-repeat 0 0; width:67px; height:44px; float:right; }
#three-col #rightcolumn #recently-viewed { float:left; width:160px; padding:10px; background:#f4f7f1; font-size:0.91em; position:relative; }
#three-col #rightcolumn #recently-viewed ol { padding:5px 0 0; }
#three-col #rightcolumn #recently-viewed ol li { list-style: decimal inside; padding:0 0 5px; }
#three-col #rightcolumn #recently-viewed ol li a { width:140px; color:#3d87ba; border-bottom:1px dotted #3d87ba; }
#three-col #rightcolumn #recently-viewed .tr { top:-1px; right:-1px; }
#three-col #rightcolumn #recently-viewed .tl { top:-1px; left:-1px; }
#three-col #rightcolumn #recently-viewed .br { bottom:-1px; right:-1px; }
#three-col #rightcolumn #recently-viewed .bl { bottom:-1px; left:-1px; }
#three-col #leftcolumn .newsletter-top { float:left; margin:10px 0 0; }
#three-col #leftcolumn #newsletter { float:left; background: url(../../images/global/panels/general-light-green-footer.gif) no-repeat scroll left bottom #F2F7EF; padding:10px 0;}
#three-col #leftcolumn #newsletter img { float:left; }
#three-col #leftcolumn #newsletter div { float:left; width:85px; padding:0 10px 0 0; font-size:0.91em; }
#three-col #leftcolumn #newsletter div strong { display:block; }
#three-col #leftcolumn #newsletter div strong a { color:#646564; border:none; text-shadow:0 0 1px #fdfefc; }
#three-col #leftcolumn #newsletter div a { color:#3d87b1; border-bottom:1px dotted #3d87b1; }
#three-col #leftcolumn #newsletter div a:hover { border:none; }
/* ------------------------------------- CONTACT FORM*/
#contact-form { width:608px; padding:16px 23px; border:2px solid #f7f3ed; position:relative; }
#contact-form .tr { top:-2px; right:-2px; }
#contact-form .tl { top:-2px; left:-2px; }
#contact-form .br { bottom:-2px; right:-2px; }
#contact-form .bl { bottom:-2px; left:-2px; }
#contact-form fieldset { padding:0 0 8px; position:relative; float:none; display:block; }
#contact-form label { display:inline-block; width:135px; vertical-align:middle; text-align:right; margin:0 8px 0 0; }
#contact-form .inputfield { display:inline; vertical-align:middle; display:inline; width:438px; border:1px solid #e0d9cd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; vertical-align:middle; background:#fff; }
#contact-form #address_2 { margin:5px 0 0 146px; }
}

#contact-form .comment-row * { vertical-align:top; }
#contact-form textarea { display:inline; vertical-align:middle; display:inline; width:438px; border:1px solid #e0d9cd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; vertical-align:middle; background:#fff; min-height:144px; height:auto !important; height:144px; }
#contact-form .inputfield:focus, #contact-form textarea:focus { border:1px solid #999; }
#contact-form .btn { background:url(../../images/buttons/submit.jpg) no-repeat 0 0; width:156px; height:38px; border:none; cursor:pointer; margin:3px 0 0 150px; }
#contact-form .small-inputfield { display:inline; vertical-align:middle; display:inline; width:200px; border:1px solid #e0d9cd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; vertical-align:middle; background:#fff; }

/* ------------------------------------- ADDRESS CHOOSER*/

.postcodelookup { background:#f7f3ed; width:655px; margin:0 -23px 10px -23px; position:relative; padding:10px 0 !important; }
.postcodelookup label { float:left; padding:26px 0 0 23px; margin:0 8px 0 0 !important; }
.postcodelookup .address-finder { float:left; }
.postcodelookup .address-finder span { display:block; font-weight:bold; padding:0 0 5px; }
.postcodelookup .address-finder .btn { background:url(../../images/buttons/find.png) no-repeat 0 0; width:53px; height:28px; border:none; cursor:pointer; vertical-align:middle; margin:0; }
.postcodeerrormsg { color:#CC0000; float:left; font-weight:bold; width:445px; padding:2px 0 0 146px; }
.addresschooser .row { margin: 10px 0 0 0; }
.addresschooser .row .name { color:#462F30; display:inline-block; margin:0 3px 0 0; text-align:right; vertical-align:middle; width:135px; float: left; }
.addresschooser .row .inputfield { border: none; background: none; }
/* ------------------------------------- MY ACCOUNT styles*/
.my-account-template #leftcolumn { width:770px !important; }
.my-account-template #leftcolumn .pagecontent { padding:15px 0 12px; width:770px; margin:0; }
.my-account-template #rightcolumn { width:180px !important; padding:55px 0 0 !important; }
.my-account-template h1 { padding:0 0 0 20px; }
.my-account-form { float:left; width:366px; border:2px solid #f7f3ed; position:relative; padding:27px 33px; margin:20px 23px 20px 0; }
.my-account-form h2 { color:#7b6a69; font-size:1.75em; display:block; }
.my-account-form .row { float:none; display:block; }
.my-account-form .tr { top:-2px; right:-2px; }
.my-account-form .tl { top:-2px; left:-2px; }
.my-account-form .br { bottom:-2px; right:-2px; }
.my-account-form .bl { bottom:-2px; left:-2px; }
.my-account-form fieldset { padding:0 0 14px; float:none; display:block; }
.my-account-form label { display:inline-block; width:110px; text-align:right; vertical-align:middle; font-weight:bold; color:#462f30; margin:0 5px 0 0; }
.my-account-form .inputfield { display:inline; vertical-align:middle; display:inline; width:220px; border:1px solid #e0d9cd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; vertical-align:middle; background:#fff; }
.my-account-form .inputfield:focus, .my-account-form textarea:focus { border:1px solid #999; }
.my-account-form .login { background:url(../../images/buttons/login.gif) no-repeat 0 0; cursor:pointer; border:none; width:78px; height:29px; margin:0 0 0 118px; vertical-align:middle; }
.my-account-form .register { background:url(../../images/buttons/register.gif) no-repeat 0 0; width:96px; height:28px; cursor:pointer; border:none; margin:0 0 0 118px; display:block; overflow:hidden; }
.my-account-form .submitbut { background:url(../../images/buttons/submit.jpg) no-repeat 0 0; width:156px; height:38px; cursor:pointer; border:none; margin:0 0 0 118px; display:block; overflow:hidden; }
.my-account-form a { color:#3574a1; vertical-align:middle; padding:0 0 0 5px; }
.my-account-panel { float:left; width: 381px; margin: 12px 3px 0 0; min-height:200px; display:inline; }
.my-account-panel .top, .my-account-panel .bottom { float:left; }
.my-account-panel .middle { float:left; width:331px; background:url(../../images/panels/my-account-panel-bg.png) repeat-y 0 0; padding:0 25px 10px 25px; min-height:350px; height:auto !important; height:350px; }
.ie6 .my-account-panel .middle { background:url(../../images/panels/ie6-my-account-panel-bg.png) repeat-y 0 0; }
.my-account-panel a { float:left; margin:11px 0 0; }
.my-account-panel #registered-members { background:url(../../images/panels/my-group-bg.jpg) no-repeat center 0; margin:-9px 0 0; position:relative; float:left; width:100%; padding:116px 0 21px; }
.my-account-panel #registered-members .name { float:left; width:268px; margin:0 0 0 30px; height:50px;display:inline; color:#9a1b26; text-align:center; font-size:2.08em; }
.my-account-panel #registered-members .number { float:left; width:50px; font-size:2em; color:#462f30; padding:33px 0 0 75px; }
.ie6 .my-account-panel #registered-members .number, .ie7 .my-account-panel #registered-members .number { padding-top:28px }
.my-account-panel ul { float:left; position:relative; }
.shop-for-products-panel ul { margin:-54px 0 0; }
.my-account-panel ul li { font-style:italic; font-size:1.16em; color:#7b6a69; padding:0 0 5px 22px; background:url(../../images/misc/brown-bullet.gif) no-repeat 7px 6px; }
.my-account-panel .shop-for-products-img { float:left; margin:1px 0 0 46px; display:inline; }
#notes-from-marshalls { float:left; background:#e1d3b6; font-size:0.91em; width:180px; }
#notes-from-marshalls img { float:left; }
#notes-from-marshalls em { padding:0 16px; width:148px; float:left; }
#notes-from-marshalls .icons { float: none; }
#notes-from-marshalls .icons .infobox { position: absolute; top: -2px; left: -274px; z-index: 100; display: none; }
#notes-from-marshalls .icons .infobox .mid { width: 248px; }
#notes-from-marshalls .icons .infobox .mid .arrow { position: absolute; top: 5px; right: -11px; }
#notes-from-marshalls .infobox_wrap { float:left; width:170px; padding:0 5px; }
#notes-from-marshalls .infobox_wrap a { float:left; width:150px; padding:10px; border-bottom:1px dashed #c0b09a; color:#3574a1; }
#notes-from-marshalls .infobox_wrap a:hover { text-decoration:none; }

#notes-from-marshalls .last { border:none; }
#members-orders { float:left; width:90px; padding:45px 80px 23px 10px; background:url(../../images/panels/members-orders.jpg) no-repeat 0 0; margin:10px 0 0; font-size:0.91em; color:#7b6a69; line-height:1.27em; }
/* ------------------------------------- STANDARD FORM */
.standard-form { width:608px; padding:15px 23px; border:2px solid #f7f3ed; position:relative; float:left; }
.standard-form fieldset { padding:0 0 5px; float:none; display:block; }
.standard-form .tr { top:-2px; right:-2px; }
.standard-form .tl { top:-2px; left:-2px; }
.standard-form .br { bottom:-2px; right:-2px; }
.standard-form .bl { bottom:-2px; left:-2px; }
.standard-form h2 { color:#462f30; font-style:italic; font-size:1.33em; }
.standard-form label { display:inline-block; width:135px; text-align:right; vertical-align:middle; color:#462f30; margin:0 5px 0 0; }
.standard-form .inputfield { display:inline; vertical-align:middle; display:inline; width:440px; border:1px solid #e0d9cd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; vertical-align:middle; background:#fff; }
.standard-form .inputfield:focus, .standard-form textarea:focus, .standard-form .small-inputfield:focus { border:1px solid #999; }
.standard-form .small-inputfield { display:inline; vertical-align:middle; display:inline; width:200px; border:1px solid #e0d9cd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; vertical-align:middle; background:#fff; }
.standard-form .tiny-inputfield { display:inline; vertical-align:middle; display:inline; width:50px; border:1px solid #e0d9cd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; vertical-align:middle; background:#fff; }
.standard-form .requriedalert {border:solid 1px #cc0000 !important;background:#FFF9F9 !important;}
.standard-form #address_2 { margin:5px 0 0 143px; }
.standard-form textarea { display:inline; vertical-align:middle; display:inline; width:440px; border:1px solid #e0d9cd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; vertical-align:middle; background:#fff; min-height:75px; height:auto !important; height:75px; }
.standard-form legend { dispaly:block; font-style:italic; font-size:1.33em; color:#462f30; text-decoration:none; font-weight:normal; padding:20px 0 8px; }
.standard-form .pale-bg { background:#f7f3ed; width:608px; margin:0 -23px 10px -23px; position:relative; padding:10px 23px; }
.standard-form .pale-bg label { float:left; padding:24px 0 0; margin:0 8px 0 0; }
.standard-form .address-finder { float:left; }
.standard-form .address-finder span { display:block; font-weight:bold; padding:0 0 5px; }
.standard-form .address-finder .btn { background:url(../../images/buttons/find.png) no-repeat 0 0; width:53px; height:28px; border:none; cursor:pointer; vertical-align:middle; }
.standard-form .top { vertical-align:top; }
.standard-form .tickboxrow { padding:10px 0; }
.standard-form .tickboxrow .name { display:inline-block; width:135px; text-align:right; vertical-align:middle; color:#462f30; margin:0 5px 0 0; }
.standard-form .tickboxrow label { display:inline-block; width:25px; }
.standard-form .label-wrap { width:auto; }
.disabled input { background: #efe7db !important; color: #7b6a69 !important; }
#register-club-title { float:left; width:100%; padding:0 0 20px; }
#register-club-title li { float:left; background:none; padding:0; margin:0; }
#register-club-title span { height:56px; display:block; float:left; text-indent:-9999px; overflow:hidden; }
#register-club-title li span.about-you { background:url(../../images/nav/register-club.png) no-repeat 0 22px; width:220px; }
#register-club-title li.selected span.about-you { background:url(../../images/nav/register-club.png) no-repeat 0 -48px; }
#register-club-title li span.your-club { background:url(../../images/nav/register-club.png) no-repeat -220px 22px; width:218px; }
#register-club-title li.selected span.your-club { background:url(../../images/nav/register-club.png) no-repeat -220px -48px; }
#register-club-title li span.thanks { background:url(../../images/nav/register-club.png) no-repeat -446px 22px; width:218px; }
#register-club-title li.selected span.thanks { background:url(../../images/nav/register-club.png) no-repeat -446px -48px; }
.btnrow { padding:15px 0 0; }
.btnrow .left { float:left; }
.btnrow a { float:right; }
.number-radio-row .number-of-cat { display:inline-block; width:135px; text-align:right; vertical-align:middle; color:#462f30; margin:0 5px 0 0; }
#number-radio-btns { display:inline; padding:0; }
#number-radio-btns li { display:inline; background:0; padding:0; }
#number-radio-btns li a { display:inline-block; text-indent:-9999px; overflow:hidden; width:35px; height:28px; vertical-align:middle; position:relative; }
#number-radio-btns li .one { background:url(../../images/nav/number-radio-btn.gif) no-repeat 0 0; }
#number-radio-btns li .one:hover { background:url(../../images/nav/number-radio-btn.gif) no-repeat 0 -31px; }
#number-radio-btns li .one.selected { background:url(../../images/nav/number-radio-btn.gif) no-repeat 0 -31px; }
#number-radio-btns li .two { background:url(../../images/nav/number-radio-btn.gif) no-repeat -40px 0; }
#number-radio-btns li .two:hover { background:url(../../images/nav/number-radio-btn.gif) no-repeat -40px -31px; }
#number-radio-btns li .two.selected { background:url(../../images/nav/number-radio-btn.gif) no-repeat -40px -31px; }
#number-radio-btns li .three { background:url(../../images/nav/number-radio-btn.gif) no-repeat -80px 0; }
#number-radio-btns li .three:hover { background:url(../../images/nav/number-radio-btn.gif) no-repeat -80px -31px; }
#number-radio-btns li .three.selected { background:url(../../images/nav/number-radio-btn.gif) no-repeat -80px -31px; }
#number-radio-btns li .four { background:url(../../images/nav/number-radio-btn.gif) no-repeat -120px 0; }
#number-radio-btns li .four:hover { background:url(../../images/nav/number-radio-btn.gif) no-repeat -120px -31px; }
#number-radio-btns li .four.selected { background:url(../../images/nav/number-radio-btn.gif) no-repeat -120px -31px; }
#number-radio-btns li .five { background:url(../../images/nav/number-radio-btn.gif) no-repeat -160px 0; }
#number-radio-btns li .five:hover { background:url(../../images/nav/number-radio-btn.gif) no-repeat -160px -31px; }
#number-radio-btns li .five.selected { background:url(../../images/nav/number-radio-btn.gif) no-repeat -160px -31px; }
#thank-you-box { width:608px; padding:15px 23px; border:2px solid #f7f3ed; position:relative; float:left; }
#thank-you-box .tr { top:-2px; right:-2px; }
#thank-you-box .tl { top:-2px; left:-2px; }
#thank-you-box .br { bottom:-2px; right:-2px; }
#thank-you-box .bl { bottom:-2px; left:-2px; }
#thank-you-box h2 { font-style:italic; font-size:1.33em; font-weight:normal; color:#462f30; padding-bottom:5px; }
#thank-you-box h3 { font-style:normal; font-weight:bold; text-decoration:none; padding:15px 0; }
#thank-you-box p { padding:0; }
#thank-you-box ul { padding:0; }
#thank-you-box ul li { padding: 0 0 3px; background:none; list-style: disc inside; }
#register-club-step-by-step { float:left; width:244px; background:url(../../images/panels/register-step-by-step.png) no-repeat 0 0; color:#FFF; margin:0 0 0 -20px; display:inline; position:relative; min-height:408px; height:auto !important; height:408px; }
#register-club-step-by-step .headerrow { margin: 0; }
#register-club-step-by-step h3 { color:#FFF; font-size:1.75em; padding:10px 0 9px 17px; width:227px; }
#register-club-step-by-step ul { display:block; height:auto; padding:0; width:244px }
#register-club-step-by-step ul li { display:block; height:auto; padding:0 15px 12px 57px; font-weight:bold; line-height:1.33em; width:172px; }
#register-club-step-by-step .row div { float:left; padding:18px 0 3px 62px; width:155px; }
#register-club-step-by-step p a { color:#fff; font-size:0.91em; line-height:1.18em; }
.webkit #register-club-step-by-step ul li { padding-bottom:14px; }
#register-club-step-by-step .sticker { position:absolute; top:-5px; right:15px; clear:both; }
/* ------------------------------------- FOOTER */
#footer { float:left; width:929px; border-top:1px dashed #b9ada5; color:#7b6a69; font-size:0.91em; padding:14px 0 0 13px; margin:29px 0 0; position:relative; }
#footer li { border-right: 1px solid #7b6a69; display:inline; float:left; margin:0 0 9px; padding:0 8px; display:inline; }
#footer a { color:#3574a1; }
#footer .last { border:none; }
#footer .left { float:left; width:650px; margin:4px 0 0 -8px; display:inline; }
#footer .right { float:right; text-align:right; }
#footer .right span { display:block; padding:0 0 10px; }
#footer .right img { display:inline; margin:0 0 0 12px; }
/* ------------------------------------------------------------------------------ MY GROUP ADMIN */
.my_group #subnav .basket { float:left; }
#header .welcome-back { float:right; width:177px; padding:0 80px 0 0; background:url(../../images/global/register-your-club-bg.jpg) no-repeat right bottom; }
#header .welcome-back .vag-black { font-size:1.75em; float:left; width:100%; text-align: right; }
#header .text { color:#462f30; float:right; padding:6px 0 0; text-align:right; width:100%; }
/*#header div a { display:block; text-indent:-9999px; overflow:hidden; margin:7px 0 0; }*/
#header .logout { background:url(../../images/buttons/header-btns.jpg) no-repeat left -55px; width:70px; height:28px; float:right; }
/* ------------------------------------- MY GROUP - LEFT CoL */
.my_group #productnav, .basket #productnav, .members_page #productnav { background: #7b6a69; width: 160px; margin: 0px; padding: 10px; }
.ie6 .my_group #productnav, .ie7 .my_group #productnav { background: #7b6a69; width: 160px; margin: 0px; padding: 15px 10px 0px 10px; }
.my_group #productnav ul, .basket #productnav ul, .members_page #productnav ul { font-size: 0.9em; }
.my_group #productnav ul li.top_list, .basket #productnav ul li.top_list, .members_page #productnav ul li.top_list { margin: 0 0 6px 0 !important; }
.my_group #productnav ul li.bottom_list, .basket #productnav ul li.bottom_list, .members_page #productnav ul li.bottom_list { margin: 6px 0 0 0 !important; }
.my_group #productnav ul li.active, .basket #productnav ul li.active, .members_page #productnav ul li.active { background: #fff; color: #462F30; padding: 0 0 0 7px; position: relative; font-size: 1.1em; font-weight: bold; margin: 6px 0; }
.my_group #productnav ul li.active a, .my_group #productnav ul li.active a:hover, .basket #productnav ul li.active a, .basket #productnav ul li.active a:hover, .members_page #productnav ul li.active a, .members_page #productnav ul li.active a:hover { color: #462F30; margin:6px 0 !important; padding: 0px !important; background: #fff; }
.my_group #productnav ul li .l, .basket #productnav ul li .l, .members_page #productnav ul li .l { position: absolute; left: 0px; top: 0px; }
.my_group #productnav ul li .r, .basket #productnav ul li .r, .members_page #productnav ul li .r { position: absolute; right: 0px; top: 0px; }
.my_group #productnav ul li, .basket #productnav ul li, .members_page #productnav ul li { width: 153px; padding: 0 0 0 7px; float: left; margin: 6px 0; }
.my_group #productnav ul li.inbox a, .basket #productnav ul li.inbox a, .members_page #productnav ul li.inbox a { padding: 1px 0 0 0; position: relative; }
.my_group #productnav ul li a, .basket #productnav ul li a, .members_page #productnav ul li a { width: 153px; background: none; color: #fff; font-weight: bold; font-size: 1.1em; padding: 3px 0; display: inline-block; }
.my_group #productnav ul li a:hover, .basket #productnav ul li a:hover, .members_page #productnav ul li a:hover { text-decoration: underline; background: none; }
.my_group #productnav ul li a .inbox_count, .basket #productnav ul li a .inbox_count, .members_page #productnav ul li a .inbox_count { background: #462f30; width:24px; height: 16px; text-align: center; position: absolute; top: 0px; right: 10px; vertical-align: middle; }
.my_group #productnav ul li.active a .inbox_count, .members_page #productnav ul li.active a .inbox_count { background: #9b1e29; color: #fff; }
.my_group #productnav .tl, .basket #productnav .tl, .members_page #productnav .tl { left: 0px; top: 0px; }
.my_group #productnav .tr, .basket #productnav .tr, .members_page #productnav .tr { right: 0px; top: 0px; }
.my_group #productnav .bl, .basket #productnav .bl, .members_page #productnav .bl { left: 0px; bottom: 0px; }
.my_group #productnav .br, .basket #productnav .br, .members_page #productnav .br { right: 0px; bottom: 0px; }
/*.my_group .order_cat, .basket .order_cat, .members_page .order_cat { background: url(../../images/panels/order_cat_tile_bg.gif) no-repeat top left; float: left; padding: 15px 12px; margin: 10px 0 0 0; display: block; }
.my_group .order_cat p.vag-black, .basket .order_cat p.vag-black, .members_page .order_cat p.vag-black { font-size: 1.5em; color: #7b6a69; margin: 0 0 10px 0; width: 156px; }
.my_group .order_cat p, .basket .order_cat p, .members_page .order_cat p { width: 110px; font-size: 0.9em; color: #7b6a69; }
.my_group .growing_guides, .basket .growing_guides, .members_page .growing_guides { background: url(../../images/panels/growing_guides_tile_bg.gif) no-repeat top left; float: left; padding: 15px 12px; margin: 10px 0 0 0; position: relative; }
.my_group .growing_guides p.vag-black, .basket .growing_guides p.vag-black, .members_page .growing_guides p.vag-black { font-size: 1.5em; color: #7b6a69; margin: 0 0 10px 0; width: 156px; }
.my_group .growing_guides p, .basket .growing_guides p, .members_page .growing_guides p { width: 110px; font-size: 0.9em; color: #7b6a69; }
.my_group .growing_guides a.growing_guides_go_btn, .basket .growing_guides a.growing_guides_go_btn, .members_page .growing_guides a.growing_guides_go_btn { background: url(../../images/buttons/growing_guides_go_btn.png) no-repeat top left; text-indent: -9000px; height: 41px; width: 53px; position: absolute; bottom: 6px; right: 0px; }*/
.order_cat { text-decoration:none; background: url(../../images/panels/order_cat_tile_bg.gif) no-repeat top left; float: left; padding: 15px 12px 29px 12px; margin: 10px 0 0 0; display: block; }
.order_cat:hover { text-decoration:none; }
.order_cat span.vag-black { font-size: 1.5em; color: #7b6a69; margin: 0 0 10px 0; width: 156px; }
.order_cat span { display:block; width: 110px; font-size: 0.9em; color: #7b6a69; }
.growing_guides { text-decoration:none; background: url(../../images/panels/growing_guides_tile_bg.gif) no-repeat top left; float: left; padding: 15px 12px; margin: 10px 0 0 0; position: relative; }
.growing_guides:hover { text-decoration:none; }
.growing_guides span.vag-black { font-size: 1.5em; color: #7b6a69; margin: 0 0 10px 0; width: 156px; }
.growing_guides span { display:block; width: 110px; font-size: 0.9em; color: #7b6a69; }
.growing_guides .growing_guides_go_btn { background: url(../../images/buttons/growing_guides_go_btn.png) no-repeat top left; text-indent: -9000px; height: 41px; width: 53px; position: absolute; bottom: 6px; right: 0px; }
/* ------------------------------------- MY GROUP - MIDDLE COL */
.my_group .centrecolumn { width: 574px !important; margin: 0 12px !important; }
.basket .centrecolumn{ /*width: 574px !important;*/ width:602px !important;  /*margin: 0 12px !important;*/ margin:0 0 0 6px !important; }
.your-barrow-title-intro-text { width:100%; padding:0 7px; margin: 0 0 20px 0; }
.members_page .centrecolumn { width: 574px !important; margin: 0 12px !important; }
.group-details { float:left; min-height:273px; height:auto !important; height:273px; display:inline; background: url(../../images/misc/mygroup_groupdetails_mid_bg.jpg) repeat-y top left; width: 574px; }
.group-details .left { float:left; width:214px; padding: 14px 0 0 16px; }
.group-details .left h4 { color: #462F30; font-size: 1.6em; font-style: italic; text-shadow: none; border: none; margin: 0 0 11px 0; }
.group-details .left .details { width: 184px; padding: 8px 14px; position: relative; background: url(../../images/corners/details_opacity_bg.png) repeat-y 0 0; }
.ie6 .group-details .left .details { width: 184px; padding: 8px 14px; position: relative; background: url(../../images/corners/details_opacity_bg.gif) repeat-y 0 0; }
.group-details .left .details p { font-size: 1em; }
.group-details .left .details p.item { margin: 10px 0 0 0; }
.group-details .left .details p span { font-weight: bold; }
.group-details .right { float:left; width:331px; }
a.group-details-board { margin: 0px !important; text-decoration: none; }
.group-details a { float:left; margin:18px 0 0; }
.group-details #registered-members { background:url(../../images/panels/group_details_sign_bg.png) no-repeat center 0; position:relative; float:left; width:100%; padding:102px 0 21px; }
.group-details #registered-members .name { float:left; width:264px; margin:0 0 0 34px; display:inline; color:#9a1b26; text-align:center; height:46px; font-size:2.08em; }
.group-details #registered-members .number { float:left; width:50px; font-size:2em; color:#462f30; padding:33px 0 0 75px; }
.ie6 .group-details #registered-members .number, .ie7 .group-details #registered-members .number { padding-top:28px }
.centrecolumn .tile_block_wrap { float: left; }
.centrecolumn .tile_block { float: left; margin: 9px 10px 0 0; }
.centrecolumn .tile_block a { position: relative; border: 1px solid #dad2cb; float: left; background: #f7f3ed; width: 256px; padding: 15px 12px; text-decoration: none; }
.centrecolumn .last { margin: 9px 0 0 0; }
.centrecolumn .tile_block p.title { color: #462F30; font-size: 1.5em; font-style: italic; text-shadow: none; border: none; margin: 0 0 10px 0; padding: 0px; width: 180px; }
.centrecolumn .tile_block p { width: 125px; font-size: 0.9em; color: #7b6a69; padding: 0 0 7px 0; }
.centrecolumn .tile_block .icon { position: absolute; bottom: 10px; right: 0px; }
.centrecolumn .tile_block .tl { left: -1px; top: -1px; }
.centrecolumn .tile_block .tr { right: -1px; top: -1px; }
.centrecolumn .tile_block .bl { left: -1px; bottom: -1px; }
.centrecolumn .tile_block .br { right: -1px; bottom: -1px; }
.updatequantity .right { float:right; }
/* ------------------------------------- MY GROUP - RIGHT COL */
.my_group #rightcolumn, .basket #rightcolumn, .members_page #rightcolumn { float: left; }
.order_deadline { background: url(../../images/panels/order_deadline_bg.gif) no-repeat top left; min-height: 186px; height: auto !important; height: 186px; }
.order_deadline p.title { text-indent: -9000px; }
.order_deadline .number { float:left; width:50px; font-size:2em; color:#462f30; padding:40px 106px 12px 23px; }
#rightcolumn .order_deadline p { width: 145px; margin: 0 0 0 16px; font-size:0.9em; }
#rightcolumn .order_deadline a { margin: 8px 0 0 16px; display: block; }
.notice_board { padding: 5px 12px; position: relative; clear:both;}
.notice_board p.vag-black { font-size: 1.5em; color: #7b6a69; margin: 20px 0 20px 0; }
.notice_board a.more { position: absolute; top: 18px; right: 0px; }
.notice_board p a { font-size: 1em; color: #3574a1; }
.notice_board .date { font-size: 0.9em; color: #8e7e7d; }
.notice_board .notice_item { border-bottom: 1px dashed #B9ADA5; padding: 0 0 12px 0; margin: 0 0 12px 0; }
.notice_board .last { border: none; }
/* ------------------------------------------------------------------------------ MY GROUP MEMBER */

.my_group #productnav ul li a .inbox_count_member { background: #9a1d28; padding: 2px 12px; float: right; position: absolute; top: 0px; right: 0px; }
/* ------------------------------------------------------------------------------ MY GROUP EDIT */

.centrecolumn h4 { color: #462F30; font-size: 1.7em; text-shadow: none; border: none; margin: 0 0 11px 0; }

.form_group_details, .form_group_admin, .form_delivery_details { float: left; margin: 0 0 20px 0; width:540px; position: relative; }

.edit_group_details .title { color: #462F30; font-size: 1.3em; font-style: italic; margin: 0 0 20px 0; padding: 0 0 0 14px; font-weight: bold; }
.edit_group_details .textblock { display: inline-block; margin: 0 0 20px 0; padding-left:15px;}
.edit_group_details .label { display: block; float: left; width: 117px; }
.edit_group_details .info { display: block; float: left; width: 287px; }
.edit_group_details .tl { position: absolute; left: -2px; top: -2px; }
.edit_group_details .tr { position: absolute; right: -2px; top: -2px; }
.edit_group_details .br { position: absolute; bottom: -2px; right: -2px; }
.edit_group_details .bl { position: absolute; bottom: -2px; left: -2px; }
.edit_group_details .row { margin: 0 0 9px 0; }
.edit_group_details { padding: 14px 10px; position: relative; float: left; margin: 0px; border: 2px solid #f7f3ed; }
.edit_group_details label { display: inline-block; width: 110px; text-align: left; margin: 0 10px 0 0; float: left; padding: 6px 0 0 14px; font-size: 1em; color: #462f30; }
.edit_group_details label.empty { text-indent: -9000px; height: 0px; width: 0px; margin: 0px !important; padding: 0px !important; }
.edit_group_details input { width: 400px; height: 25px; border: 1px solid #e0d9ce; }
.edit_group_details input.accept { width: 126px; height: 28px; border: none; margin: 0 10px 0 132px; float: left; }
.edit_group_details input.optin { width: 20px; height: 28px; border: none; margin: 0; float: left; }
.edit_group_details input.submitbut { background:url(../../images/buttons/submit.jpg) no-repeat 0 0; width:156px; height:38px; cursor:pointer; border:none; margin:10px 0 0 135px; display:block; overflow:hidden; }
.edit_group_details .reset { width: 40px; height: 17px; border: none; margin: 5px 0 0 0; float: left; }
.edit_group_details select { width: 402px; height: 20px; vertical-align: middle; border: 1px solid #e0d9cd; }
.edit_group_details select.month { width: 95px; }
.edit_group_details select.year { width: 68px; }
.edit_group_details textarea { width: 400px; height: 108px; border: 1px solid #e0d9ce; }
.required { color: #991924; vertical-align:top; }
.denotes { display: inline-block; vertical-align: top; color: #6f6f6f; margin: 10px 0 0 0; }
.members { float: left; display: inline-block; width: 415px; }
.members input { width: 197px; margin: 0 5px 5px 0; display: inline; vertical-align: top; }

/* -------------------------------- GROUP ADMIN */
.form_group_details .edit, .form_delivery_details .edit { position: absolute; top: 0px; right: 0px; }
.form_group_admin .edit { position: absolute; top: 10px; right: 10px; }


.form_group_admin { background: #f7f3ed; padding: 16px 14px; width: 522px; }
.form_group_admin p.title { padding: 0px; }
.form_group_admin .organiser { display: inline-block; margin: 0 0 20px 0; }
.form_group_admin .label { display: block; float: left; width: 117px; }
.form_group_admin .info { display: block; float: left; width: 287px; }
.form_group_admin .tl { position: absolute; left: 0px; top: 0px; }
.form_group_admin .tr { position: absolute; right: 0px; top: 0px; }
.form_group_admin .br { position: absolute; bottom: 0px; right: 0px; }
.form_group_admin .bl { position: absolute; bottom: 0px; left: 0px; }

.form_group_admin .organiser table.cutoffdates { border-collapse: separate; border-spacing: 0px; width:500px;}
.form_group_admin .organiser table.cutoffdates td { border-bottom:1px solid #462F30;padding:10px;}
/* -------------------------------- DELIVERY DETAILS */
.important { background: #dbd1c7; padding: 16px 14px; margin: 0 0 20px 0; position: relative; float: left; width: 522px; }
.important img.exclamation { display: inline-block; width: 41px; height: 41px; float: left; padding: 0 11px 20px 0; }
.important p { padding: 0px; }
.important .tl { position: absolute; left: 0px; top: 0px; }
.important .tr { position: absolute; right: 0px; top: 0px; }
.important .br { position: absolute; bottom: 0px; right: 0px; }
.important .bl { position: absolute; bottom: 0px; left: 0px; }
 
/* ------------------------------------------------------------------------------------------ BASKET */

.barrowbox .leftpart .updatequantity .update { float: left; margin: 23px 6px 0 0; }
.barrowbox .leftpart .updatequantity .removeall { float: left; margin: 23px 6px 0 0; background: none; /*Fixes the strangest bug ever in ie6*/ }
/* --------------------------- productlist */

.leftpart .productlist { background: #F7F3ED; width:100%; float: left; margin: 20px 0 0 0; }
.titles { background:none repeat scroll 0 0 #DBD1C7; color:#665F51; float:left; font-weight:bold; padding: 14px 0; width: 100%; color: #462f30; position: relative; }
.ie6 .titles, .ie7 .titles { padding: 14px 0 0 0; }
.delete { float:left; width: 46px; margin: 0 5px 0 5px; }
.delete .remove { display: inline-block; }
.name { width: 355px; float: left; }
.name a { color:  #3574a1; font-size: 0.9em; display: block; }
.name span { color:  #847E72; font-size: 0.9em; display: block; padding: 3px 0 0 0; margin:0 !important; }
.pricetitle { width: 55px; float: left; text-align: center; }
.price { text-align: center; float: left; width: 55px; color: #462f30; }
.quantitytitle { width: 55px; float: left; text-align: center; }
.quantity { float: left; text-align: center; width:45px; padding: 0 0 0 10px; /*margin: -2px 0 0 0;*/ }
.quantity input { text-align: center; width: 30px; padding: 4px 0 3px 1px; border: 1px solid #dad5cc; }
.linetotal { width: 55px; float: left; text-align: center; }
.linetotaloutput { text-align: center; float: left; width: 55px; }
.barrowbox { float: left; padding: 0 0 0 8px; }
.barrowbox .row { float: left; padding: 12px 0 6px 0; width: 100%; border-top: 1px solid #fff; }
.barrowbox .last { border: none; }
.bottom { float: left; }
.productlist .bottom img { width: 101.2% !important }
/*.updatequantity a { float:right; }*/
/* --------------------------- offercode */

#offercode { width: 280px; background: #efe7db; margin: 10px 0 0 0; float: left; }
#offercode .code { float: left; display: inline; width: 123px; height: 39px; background: url(../../images/misc/offer-code-bg.gif) top left no-repeat; }
#offercode .desc { float: left; width: 60px; text-align: right; color: #666; padding: 13px 5px 0px 0px; }
#offercode .code input { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; width: 79px; height: 13px; padding: 3px 0px 3px 5px; margin: 8px 0 0 11px; text-align: left; border-left: 1px solid #462f30; border-top: 1px solid #462f30; }
#offercode .button { float: left; }
/* --------------------------- totals */

.totals { position: relative; background: #fff; width: 265px; margin: 10px 0 0 0; float: right; font-size: 1.1em; }
.ie6 .totals { margin: 10px 4px 0 0; }
.totals .details { width: 246px; color: #462f30; }
.onecolumn .leftpart .totals .details .itemname, .onecolumn .leftpart .totals .details .itemnamered { width: 135px; font-size: 0.9em; color: #462f30; }
.onecolumn .leftpart .totals .details .sum, .onecolumn .leftpart .totals .details .sumred { width: 40px; color: #462f30; }
.discount { color: #9f2832 !important; }
.onecolumn .leftpart .totals .maintotal { background: #f7f3ed; }
.maintotal { background: #F7F3ED; position: relative; font-weight: bold; font-size: 0.9em; }
.onecolumn .leftpart .totals .maintotal .itemname { width: 154px; }
.onecolumn .leftpart .totals .maintotal .sum { width: 87px; }
.barrowbox .leftpart .totals .details { float: right; padding: 10px 0px 3px 0px; }
.barrowbox .leftpart .totals .details .itemname { float: left; padding: 0 24px 8px 0; text-align: right; }
.barrowbox .leftpart .totals .details .sum { float: left; padding: 0 0 8px 0; text-align: left; font-size: 0.9em; }
.barrowbox .leftpart .totals .details .itemnamered { float: left; padding: 0 24px 8px 0; text-align: right; color: #cc0000; }
.barrowbox .leftpart .totals .details .sumred { float: left; padding: 0 0 8px 0; text-align: left; font-weight: bold; color: #cc0000; }
.barrowbox .leftpart .totals .maintotal { float: left; padding: 8px 0 0 0; color: #3a3a3a; }
.barrowbox .leftpart .totals .maintotal .itemname { float: left; padding: 3px 24px 8px 0; text-align: right; }
.barrowbox .leftpart .totals .maintotal .sum { float: right; padding: 0 0 8px 0; text-align: left; font-size: 1.45em; }
.barrowbox .leftpart .updatequantity .desc { float: left; margin: 30px 10px 10px 0; }
/* --------------------------CONTINUE SHOPPING PANEL */

.barrowbox .bottombuttons { float: left; margin: 10px 0 0 0; padding: 5px 0 0 0; width: 588px; }
.barrowbox .bottombuttons .gotocheckout { float: right; width: 156px; }
.barrowbox .bottombuttons #continueshopping { float: left; width: 167px; margin: 10px 0 0 0; }

.members_page .barrowbox .bottombuttons { width: 566px; }

/* ------------------------------------------------------------------------------------------ HOW IT WORKS */

.how_it_works .text-wrap ul.patterned { background: url(../../images/panels/how_it_works_ul_bg.gif) no-repeat 0 0; position: relative; left:-30px; width: 705px; min-height: 270px; height: auto !important; height: 270px; padding: 15px 0 0 0;}

.how_it_works .text-wrap .patterned li { margin: 0 0 4px 30px; padding: 0; min-height: 22px; vertical-align: middle; list-style-type: none; background: none; }
.how_it_works .text-wrap .patterned li .icon { display: inline-block; height: 32px; width: 28px; margin: 0 20px 0 0;}
.how_it_works .text-wrap .patterned li .text { display: inline-block; vertical-align: top; padding: 10px 0 0 0; width: 586px;}

.how_it_works .text-wrap .patterned li.step1 .icon { background: url(../../images/icons/how_it_works_ul_li_step.png) no-repeat 0 0px; }
.how_it_works .text-wrap .patterned li.step2 .icon { background: url(../../images/icons/how_it_works_ul_li_step.png) no-repeat 0 -32px; }
.how_it_works .text-wrap .patterned li.step3 .icon { background: url(../../images/icons/how_it_works_ul_li_step.png) no-repeat 0 -64px; }
.how_it_works .text-wrap .patterned li.step4 .icon { background: url(../../images/icons/how_it_works_ul_li_step.png) no-repeat 0 -96px; }
.how_it_works .text-wrap .patterned li.step5 .icon { background: url(../../images/icons/how_it_works_ul_li_step.png) no-repeat 0 -128px; }
.how_it_works .text-wrap .patterned li.step6 .icon { background: url(../../images/icons/how_it_works_ul_li_step.png) no-repeat 0 -160px; }

.how_it_works .pagecontent h3 { font-style: normal; text-decoration: none; margin: 0 0 15px 0; }

.how_it_works .tool_pics { background: url(../../images/misc/how_it_works_tool_pics.gif) no-repeat 424px 3px; }
.how_it_works .tool_pics ul { width: 452px; }
.how_it_works li { font-size: 0.9em; }
.how_it_works p { font-size: 1.1em; }

#two-col-left .growing_guides { background: url(../../images/panels/growing_guides_tile_large_bg.gif) no-repeat top right; float: left; padding: 15px 16px 29px 16px; margin: 10px 0 0 0; position: relative; width: 193px; }
#two-col-left .growing_guides p.vag-black { font-size: 1.5em; color: #7b6a69; margin: 0 0 10px 0; width: 156px; }
#two-col-left .growing_guides p { width: 150px; font-size: 0.9em; color: #7b6a69; }
#two-col-left .growing_guides .growing_guides_go_btn { background: url(../../images/buttons/growing_guides_go_btn.png) no-repeat top left; text-indent: -9000px; height: 41px; width: 53px; position: absolute; bottom: 16px; right: 0px; }

.how_it_works #on-the-plot-blog { margin:10px 0 0 !important; }

/* ------------------------------------------------------------------------------------------ INBOX */
.my_group .inbox_wrap { margin: 0 17px !important; width: 540px !important; }
.my_group .inbox_wrap h4 {width: 540px;}

.inbox_wrap .row { margin: 0 0 12px 0; width: 540px; }
.inbox_wrap label.sendmessageto { color: #462f30; float: left; font-style: italic; font-size: 1.3em; margin: 0 10px 0 0; }
.inbox_wrap select.sendmessageto { width: 167px; border:1px solid #E0D9CE; }

.inbox_wrap textarea { width: 530px; padding:5px; height: 66px; border:1px solid #E0D9CE; }
.inbox_wrap textarea.alert { background:#FFCECE; border:1px solid #FF0000; }
.inbox_wrap p.char_count { width: 155px; float: left; }
.inbox_wrap .send { float: right; }

/* ---------------------------------------------- inbox_emails */
.inbox_emails { width: 540px; float: left; border-top: 1px dashed #cbc0b7; }

/* ---------------------------------------------- tabs */
.inbox_emails .tabs { margin: 15px 0 0 17px; float: left; position: relative; z-index: 99; }
.inbox_emails .tabs li { float: left; margin: 0 9px 0 0; }

.tabs li.active a,
.tabs li a:hover
{
	background:url(../../images/corners/tab_bg_al.gif) no-repeat left top;
	padding: 0 0 0 5px;
	font-weight: bold;
	font-size: 1.1em;
	display: block;
	color: #462f30;
	border-bottom: 1px solid #efe7db;
	text-decoration: none;
}
.tabs li.active a span,
.tabs li a:hover span
{
	background:url(../../images/corners/tab_bg_ar.gif) no-repeat right top;
	display: block;
	padding:8px 25px 6px 20px;	
}

.tabs li a {
	background: #1DBDEC url(../../images/corners/tab_bg_l.gif) no-repeat left top;
	padding: 0 0 0 5px;
	font-weight: bold;
	font-size: 1.1em;
	display: block;
	color: #fff;
	border-bottom: 1px solid #f7f3ed;
}
.tabs li a span {
	background:url(../../images/corners/tab_bg_r.gif) no-repeat right top;
	display: block;
	padding:8px 25px 5px 20px;	
}


.email_wrap { border: 2px solid #f7f3ed; padding: 17px; float: left; width: 506px; position: relative; top: -2px; }
.email_wrap .tl { position: absolute; left: -2px; top: -2px; }
.email_wrap .tr { position: absolute; right: -2px; top: -2px; }
.email_wrap .br { position: absolute; bottom: -2px; right: -2px; }
.email_wrap .bl { position: absolute; bottom: -2px; left: -2px; }

/* ---------------------------------------------- paging */
.my_group .inbox_wrap .paging { width: 506px; background: url(../../images/panels/inbox_paging_bg.gif) no-repeat top left; padding: 7px 0 0 0; height: 26px; margin: 0 0 18px 0; }
.my_group .inbox_wrap .paging p { width: 110px; display: inline-block;  color: #fff; font-size: 1.3em; padding: 0 0 0 20px; float: left; }
/*.my_group .inbox_wrap .paging .page { float: right; width: 280px;width:auto; padding:0 85px 0 0; position: relative; }*/
.my_group .inbox_wrap .paging .page label { color: #fff; font-size: 1.3em; vertical-align: top; }
.my_group .inbox_wrap .paging .page select { width: 60px; vertical-align: top; }
.my_group .inbox_wrap .paging .page input { position: absolute; right: 20px; top: -4px; }
.paging_bottom { margin: 4px 0 0 0 !important; }

/* ---------------------------------------------- email_block */

.inbox_emails .email_block { float: left; margin: 0 0 14px 0; }

.inbox_emails .email_block .sentby { position: relative; background: #DBD1C7; padding: 15px 20px; float: left; width: 466px; }
.ie6 .inbox_emails .email_block .sentby, .ie7 .inbox_emails .email_block .sentby { padding: 15px 20px 0 20px; }
.inbox_emails .email_block .sentby .unread { position: absolute; top: -3px; left: -3px; z-index: 99; }

.inbox_emails .email_block .email_text { position: relative; background: #F7F3ED; padding: 15px 20px; float: left; width:466px; }

.inbox_emails .email_block p.from { width: 200px; display: inline-block; float: left; }
.inbox_emails .email_block p.date { float: right;  display: inline-block; }
.inbox_emails .email_block a { color: #3574a1; margin: 10px 0 0 0; display: inline-block; }

.email_wrap .email_block .tl { position: absolute; left: 0px; top: 0px; }
.email_wrap .email_block .tr { position: absolute; right: 0px; top: 0px; }
.email_wrap .email_block .br { position: absolute; bottom: 0px; right: 0px; }
.email_wrap .email_block .bl { position: absolute; bottom: 0px; left: 0px; }

/* ---------------------------------------------- backtotop */
.my_group #backtotop { float: right; color: #3574a1; margin: 10px 0 0 0;  }
.my_group #backtotop img { display: inline-block; }
.my_group #backtotop a { color: #3574a1; display: inline-block; vertical-align: top; margin: 0 0 0 7px; }


/* ------------------------------------------------------------------------------------------ JOIN CLUB */

#join-club-title { float:left; width:100%; padding:0 0 20px; }
#join-club-title li { float:left; background:none; padding:0; margin:0; }

#join-club-title span { height:56px; display:block; float:left; text-indent:-9999px; overflow:hidden; }

#join-club-title .access-code { background: url(../../images/nav/join-club.png) no-repeat 0 22px; width:331px; }
#join-club-title .selected .access-code { background:url(../../images/nav/join-club.png) no-repeat 0 -48px ; }
#join-club-title .about-you { background:url(../../images/nav/join-club.png) no-repeat  -331px 22px; width:332px; }
#join-club-title .selected .about-you { background:url(../../images/nav/join-club.png) no-repeat -331px -48px; }


.join_club .accesscode_wrap { position: relative; float: left;}

.join_club .accesscode_block { padding: 35px 26px; float: left; display: block; background: url(../../images/misc/accesscode_bg.gif) no-repeat top right; border:2px solid #F7F3ED; }
.accesscode_input { width: 166px; height: 35px; border: 1px solid #e0d9cd;  float: left; margin: 0 20px 0 10px; display: inline-block; }
.ie6 .accesscode_input, .ie7 .accesscode_input, .ie8 .accesscode_input, .mac.ff2 .accesscode_input, .mac.ff3 .accesscode_input { height: 25px; padding: 10px 0 0 0; }
.accesscode { font-size: 1.75em; width: 236px !important; text-align: left !important; float: left; padding: 10px 0 0 0; color: #7b6a69 !important; display: inline-block;  }
.accesscode_sumbit { float: left; display: inline-block;  }

#what_happens { float:left; width:244px; background:url(../../images/panels/what_happens_bg.gif) no-repeat 0 0; color:#FFF; margin:0 0 0 -20px; display:inline; position:relative; padding:19px 0 0px; min-height:427px; height:auto !important; height:427px; }
#what_happens .headerrow { min-height:37px; height:auto !important; height:37px; }
#what_happens h3 { color:#FFF; font-size:1.75em; padding:0 0 7px 17px; width:227px; }
#what_happens ul { display:block; height:auto; padding:0 0 7px 0; width:244px }
#what_happens ul li { display:block; height:auto; padding:8px 15px 0 37px; font-weight:bold; line-height:1.45em; width:172px; font-size:0.88em; }
.ie6 #what_happens ul, .ie7 #what_happens ul { padding: 0px; }
.ie6 #what_happens ul li, .ie7 #what_happens ul li, .mac.safari #what_happens ul li, .chrome #what_happens ul li { padding:0px 15px 12px 37px; line-height:1.3em; }
.chrome #what_happens ul, .mac.safari #what_happens ul { padding: 12px 0 0 0; }
.chrome #what_happens ul li, .mac.safari #what_happens ul li { padding: 0px 15px 15px 37px; }
#what_happens .row div { float:left; padding:21px 0 3px 62px; width:155px; }
#what_happens p { color:#fff; font-size:0.96em; line-height:1.18em; padding: 0 0 7px 17px; width:220px; }
#what_happens .panels p { padding: 0px; width: 163px; }
#what_happens .panels p a { color:#fff; font-size:0.96em; line-height:1.18em; }
.webkit #what_happens ul li { padding-bottom:14px; }

.join_club h1{ width: 658px !important; }
.join_club .important { width: 566px; float: left; padding: 16px 78px 16px 14px; background:#dbd1c7 url(../../images/misc/join_group_important_bg.gif) no-repeat top right; height: 74px; overflow: hidden; }
.join_club .important img.exclamation  { padding: 0 11px 30px 0; }
.join_club .important p { display: inline; }
.join_club .important label { background: #fff; padding: 7px 0 0 7px; vertical-align: middle; position: relative; text-align: left; width: 49px; height: 21px; }
.join_club .important label input { margin: 1px 4px 0 0; vertical-align: top; width: 14px; height: 14px; }
.join_club .important label span { margin: 1px 4px 0 0; vertical-align: top; }
.join_club .important .radio { margin: 4px 0 0 0;  height: 18px; }
.join_club .important .radio p { margin: 0 10px 0 0; }
.join_club .btnrow { width: 658px; }
.btnrow input.join { float: right; }
.join_club .standard-form { border: none; padding: 0px; position: static; }
.join_club .join_wrap { border:2px solid #F7F3ED; padding: 15px 23px; position: relative; width: 608px; float: left; }




/* ------------------------------------------------------------------------------------------ MEMBERS */

.members_page .centrecolumn p img { display: inline-block; position: relative; top: 3px; }
.members_page .centrecolumn .sortby_wrap { margin: 16px 0 10px 0; }
.members_page .centrecolumn label.sortby { font-size: 1.3em; font-style: italic; vertical-align: top; margin: 4px 8px 0 20px; display: inline-block; }
.members_page .centrecolumn select { vertical-align: top; margin: 6px 8px 0 0 }

.members_page #subnav li.basket { float: right; }

.leftpart .orderlist { background: #F7F3ED; width: 560px; float: left; margin: 7px 0 0 0; }
.leftpart .orderlist .name { width: 250px; float: left; margin: 0 0 0 16px; }
.leftpart .orderlist .orders { width: 61px; float: left; }
.leftpart .orderlist .last_ordered { width: 152px; float: left; }
.icons { width: 55px; float: left; position: relative; }
.leftpart .orderlist .last { margin: 0px; }
.leftpart .orderlist .icons a.info { display: inline-block; margin: 0 6px 0 0; position: relative; z-index: 20 }
.leftpart .orderlist .icons a.mail { display: inline-block; }
.leftpart .orderlist .row { padding: 8px 0 4px 0; }

.icons .infobox { position: absolute; top: -91px; left: -285px; z-index: 10; display: none; }
.icons .infobox .top { float: left; }
.icons .infobox .mid { float: left; background: url(../../images/corners/infobox_mid.png) repeat-y top left; position: relative; padding: 3px 13px 13px 13px; width: 259px; }
.ie6 .icons .infobox .mid { width: 260px; }
.icons .infobox .mid .arrow { position: absolute; top: 78px; right: 0px; }
.icons .infobox .mid .head_info img { display: inline-block; margin: 0 13px 0 0; }
.icons .infobox .mid .head_info p { display: inline-block; vertical-align: top; font-size: 1em; line-height: 1.7em; }
.icons .infobox .mid .head_info p span { font-size: 1.1em; display: block; }
.icons .infobox .mid .main_info p { font-size: 1em; display: block; margin: 5px 0 0 0; }
.icons .infobox .mid .main_info p span { font-weight: bold; display: inline-block; width: 92px; }
.icons .row { background: #F7F3ED; }
.icons .infobox_wrap { display: inline-block; float: left;}
.infobox a { color:#3574A1; }
.icons .infobox .bot { float: left; display: block; }


/* ------------------------------------------------------------------------------------------ NOTICE BOARD */
.my_group .notice_wrap { margin: 0 17px !important; width: 540px !important; }
.my_group .notice_wrap h4 {width: 540px;}

.my_group #subnav .basket a.selected, .my_group #subnav .basket a:hover { padding: 0 0 8px 0; }

.notice_wrap .row { margin: 0 0 12px 0; width: 540px; }
.notice_wrap label.sendmessageto { color: #462f30; float: left; font-style: italic; font-size: 1.3em; margin: 0 10px 0 0; }
.notice_wrap select.sendmessageto { width: 167px; border:1px solid #E0D9CE; }

.notice_wrap textarea { width: 528px; height: 54px; border:1px solid #E0D9CE; padding: 6px; }
.notice_wrap textarea.alert { background:#FFCECE; border:1px solid #FF0000; }
.notice_wrap p.char_count { width: 155px; float: left; }
.notice_wrap .send { float: right; }

.my_group .paging { width: 506px; background: url(../../images/panels/inbox_paging_bg.gif) no-repeat top left; padding: 8px 0 0 0; height: 26px; margin: 0 0 17px 0; }
.my_group .paging p { width: 68px; display: inline-block;  color: #fff; font-size: 1.2em; padding: 0 0 0 20px; float: left; }
.my_group .paging .sortby_wrap { float: left; width: 172px; display: inline-block;  }
.my_group .paging .sortby_wrap select { width: 120px; }
.my_group .paging .page { float: right; /*width: 238px;*/ width:auto; padding:0 140px 0 0; position: relative; }
.my_group .paging label { color: #fff; font-size: 1.2em; vertical-align: top; }
.my_group .paging select { width: 60px; vertical-align: top; }
.my_group .paging input { position: absolute; right: 20px; top: -4px; }
.my_group .paging .backbutton { position: absolute; right: 80px; top: -4px; }
.my_group .paging .nextbutton { position: absolute; right: 20px; top: -4px; }

.email_wrap { border: 2px solid #f7f3ed; padding: 17px; float: left; width: 506px; position: relative; top: -2px; }
.notice_messages {  width: 540px; float: left; border-top: 1px dashed #cbc0b7; }


.notice_messages .email_block { float: left; margin: 0 0 14px 0; }

.notice_messages .email_block .sentby { position: relative; background: #DBD1C7; padding: 15px 20px; float: left; width: 466px; }
.ie6 .notice_messages .email_block .sentby, .ie7 .inbox_emails .email_block .sentby { padding: 15px 20px 0 20px; }
.notice_messages .email_block .sentby .unread { position: absolute; top: -3px; left: -3px; z-index: 99; }

.notice_messages .email_block .email_text { position: relative; background: #F7F3ED; padding: 15px 20px; float: left; width: 466px;}

.notice_messages .email_block p.from { width: 350px; display: inline-block; float: left; }
.notice_messages .email_block p.date { float: right;  display: inline-block; }
.notice_messages .email_block a { color: #3574a1; margin: 10px 0 0 0; display: inline-block; }

.notice_messages .email_block .tl { position: absolute; left: 0px; top: 0px; }
.notice_messages .email_block .tr { position: absolute; right: 0px; top: 0px; }
.notice_messages .email_block .br { position: absolute; bottom: 0px; right: 0px; }
.notice_messages .email_block .bl { position: absolute; bottom: 0px; left: 0px; }

.notice_wrap .email_block .postcomment { display:none; }
.notice_wrap .email_block .row { margin: 10px 0 12px 0; width: 450px; }
.notice_wrap .email_block textarea { width: 440px; height: 54px; border:1px solid #E0D9CE; padding: 6px; }
.notice_wrap .email_block textarea.alert { background:#FFCECE; border:1px solid #FF0000; }
.notice_wrap .email_block p.char_count { width: 155px; float: left; }
.notice_wrap .email_block .send { float: right; }



.comment_wrap { margin: 10px 0 0 0; float: left; }
.comment_wrap .comment_pointer { float: left; display: inline-block; margin: 0 9px 0 0; }
.comment_wrap .comment_block { background: #fff; margin: 3px 0 0 0; padding: 12px 16px; width: 400px; float: right; display: block; clear: right; }
.comment_block span.commentor { color: #462f30; font-weight: bold; display: inline-block; }
.comment_block span.commented { color: #8e7e7d; }
.comment_block p { margin: 5px 0 0 0; }


/* ------------------------------------------------------------------------------------------ ORDERS CURRENT */
.productlist .titles span { margin: 0 0 0 14px; }
.productlist .titles span.submit_date { width: 116px; display: inline-block; }
.productlist .titles span.ordered_by { width: 126px; display: inline-block; }
.productlist .titles span.items { width: 34px; display: inline-block; }
.productlist .titles span.total_cost { width: 60px; display: inline-block; }
.productlist .titles span.status_current { width: 140px; display: inline-block; }
.productlist .titles span.info { width: 30px; display: inline-block; }
.productlist .last, .productlist .last_row { border: none; margin: 0px; position: relative; }
.productlist .row span { margin: 0 0 0 14px; }
.productlist .row span a { color: #3574A1; }
.productlist .row span.submit_date { width: 116px; display: inline-block; }
.productlist .row span.ordered_by { width: 126px; display: inline-block; }
.productlist .row span.items { width: 34px; display: inline-block; }
.productlist .row span.total_cost { width: 60px; display: inline-block; }
.productlist .row span.status_current { width: 140px; display: inline-block; }
.productlist .row span.status_current img { display: inline; }
.productlist .row span.info { width: 30px; display: inline-block; }
.expected_info { position: relative; padding: 16px; background: #f7f3ed; float: right; clear: both; margin: 10px 0 0 0; width: 528px;  }
.expected_info span.title { font-size: 1.3em; font-style: italic; font-weight: bold; margin: 0 0 5px 0; float: left; }
.expected_info .block { display: block; margin: 10px 0 0 0; float: left; }
.expected_info .block span { width: 132px; display: inline-block; float: left; font-size: 0.9em; }
.expected_info p { font-size: 1.1em; float: right; width: 390px; font-size: 0.9em; display: inline-block; }
.basket .barrowbox { padding: 0 7px; width:588px; }
.basket .barrowbox .leftpart { float:left; }
.basket .sortby_wrap { margin: 10px 0 6px  0; }
.basket .sortby_wrap label.sortby { margin: 7px 0 0 0;  vertical-align: top; display: inline-block;}
.basket .sortby_wrap select.sortby { margin: 5px 10px 0 10px; vertical-align: top; display: inline-block; width: 170px; }
.shop_for_products { background: url(../../images/panels/shop_for_products_leftcol.png) no-repeat top left; float: left; margin: 10px 0 0 0; padding: 131px 12px 12px 12px; }
.shop_for_products p { font-weight: bold; font-size: 1em; margin: 0 0 9px 0; }

/* ------------------------------------------------------------------------------------------ ORDERS INDIVIDUAL */
.ie6 .productlist .titles, .ie7 .productlist .titles { height: 30px; }
.productlist .titles span.product { width: 228px; display: inline-block; }
.productlist .titles span.price { width: 41px; display: inline-block; float: none; }
.productlist .titles span.qty { width: 24px; display: inline-block; }
.productlist .titles span.total { width: 46px; display: inline-block; }
.productlist .titles span.status { width: 126px; display: inline-block; }

.productlist .row span.product { width: 228px; display: inline-block; vertical-align: top; }
.productlist .row span.price { width: 41px; display: inline-block;  float: none; vertical-align: top; }
.productlist .row span.qty { width: 24px; display: inline-block; vertical-align: top; }
.productlist .row span.total { width: 46px; display: inline-block; vertical-align: top; }
.productlist .row span.status { width: 126px; display: inline-block; vertical-align: top; vertical-align: top; }
.productlist .row span.status img {  display: inline; }
.productlist .row span.status strong { vertical-align: top; }
.productlist .row span.dispatched { color: #493233; }
.productlist .row span.completed { color: #1e6843; }
.productlist .row span.incomplete { color: #9b1e29; }

.product a { color:#3574A1; display:block; font-size:0.9em; }
.product span { color:#847E72; display:block; font-size:0.9em; padding:3px 0 0; margin: 0px !important; }

p.submitted { margin: 0 0 10px 0; }
/* ------------------------------------------------------------------------------------------ ORDERS */

.orders_wrap { border:2px solid #F7F3ED; float:left; padding:17px; position:relative; top:-2px; margin: 20px 0 0 0; }
p.title { font-size: 1.3em; font-style: italic; font-weight: bold; margin: 0 0 5px 0; }
.orders_wrap .sortby_wrap select { width: 155px; }

.orders_wrap .productlist .titles { width: 520px; }
.orders_wrap .productlist .row { width: 520px; padding: 8px 0 8px 0; }
.orders_wrap .productlist { width: 520px; }
.orders_wrap .titles span, .orders_wrap  .row span { float: left; display: inline-block; }

.orders_wrap .productlist .titles span.order_deadl { min-width: 104px; }
.orders_wrap .productlist .titles span.order_ref { min-width: 64px; }
.orders_wrap .productlist .titles span.orders { min-width: 40px; }
.orders_wrap .productlist .titles span.total_cost { min-width: 58px; width: auto !important; width: 58px; }
.orders_wrap .productlist .titles span.order_status { min-width: 124px; }
.orders_wrap .productlist .titles span.info { min-width: 24px; }

.orders_wrap .productlist .row span.order_deadl { min-width: 104px; color: #3574A1; }
.orders_wrap .productlist .row span.order_ref { min-width: 64px; }
.orders_wrap .productlist .row span.orders { min-width: 40px; }
.orders_wrap .productlist .row span.total_cost { min-width: 58px; width: auto !important; width: 58px; }
.orders_wrap .productlist .row span.order_status { min-width: 124px; }
.orders_wrap .productlist .row span.order_status img { display: inline-block; }
.orders_wrap .productlist .row span.order_status strong { vertical-align: top; margin: 0 0 0 1px; display: inline-block; }
.orders_wrap .productlist .row span.info { min-width: 24px; display: inline-block; vertical-align:top; }

.orders_wrap .productlist .row span.dispatched { color: #493233; }
.orders_wrap .productlist .row span.completed { color: #1e6843; }
.orders_wrap .productlist .row span.incomplete { color: #9b1e29; }

.orders_wrap .tl { position: absolute; left: -2px; top: -2px; }
.orders_wrap .tr { position: absolute; right: -2px; top: -2px; }
.orders_wrap .br { position: absolute; bottom: -2px; right: -2px; }
.orders_wrap .bl { position: absolute; bottom: -2px; left: -2px; }

.orders_wrap .titles .tl { position: absolute; left: 0px; top: 0px; }
.orders_wrap .titles .tr { position: absolute; right: 0px; top: 0px; }
.orders_wrap .last_row .br { position: absolute; bottom: 0px; right: 0px; }
.orders_wrap .last_row .bl { position: absolute; bottom: 0px; left: 0px; }

/* ------------------------------------------------------------------------------------------ CONFIRM CO-ORGANISER */
p.large_text { font-size: 1.9em; display: block; clear: both; }

#confirm-details-box { border:2px solid #F7F3ED; float:left; padding:15px 23px; position:relative; width:608px; }
#confirm-details-box .tl { position: absolute; top: -2px; left: -2px; }
#confirm-details-box .tr { position: absolute; top: -2px; right: -2px; }
#confirm-details-box .bl { position: absolute; bottom: -2px; left: -2px; }
#confirm-details-box .br { position: absolute; bottom: -2px; right: -2px; }

.detail_info .block { display: block; width: 608px; margin: 0 0 15px 0; float: left; }
.detail_info .block span.left { display: block; width: 152px; float: left; }
.detail_info .block span.right { display: block; float: right; width: 436px; }

.coorganiser_email_wrap { background:none repeat scroll 0 0 #F7F3ED; margin: 5px -23px 10px; padding:17px 0 17px 17px !important; position:relative; width:638px; } 
.coorganiser_email_wrap div.coorganiser_email { display:block; float:left; margin:0; width:619px; }
.coorganiser_email_wrap label { display:block; float:left; width:152px; text-align: right; }
.coorganiser_email_wrap input.coorganiser_email { float:right; width:425px; -moz-border-radius:5px 5px 5px 5px; background: #fff; border:1px solid #E0D9CD; padding:5px; }
.coorganiser_email_wrap .required { float: right; position: relative; top: -5px; left: 5px; }
.coorganiser_email_wrap input.requriedalert {border:solid 1px #cc0000 !important;background:#FFF9F9 !important;}

.coorganiser_email_wrap p.title { padding: 0 0 10px 0; }

input.conf_send { float: right; }
#writerbio {float: left;padding: 20px 0 0 0;width:660px;}
#writerimg { float: right; display: inline-block; padding: 0 0 10px 20px; }
.viewall { float: right; display: block; clear: both; }





/* ----------------------------------- New Paging ---------------------------------------- */

.paging .buttonprevious {
	float: left;
	width: 105px;
	padding: 7px 9px 0 9px;
	text-align: right;
}
.paging .buttonnext {
	float: right;
	width: 86px;
	padding: 7px 9px 0 9px;
	text-align: right;
}
.paging .products {
	float: left;
	width: 70px;
	padding: 16px 5px 4px 0px;
}
.paging .jump {
	float: left;
	padding: 12px 0 0 0;
	text-align: left;
    width: 70px;
}
.paging .jump span {
	display: block;
	float: left;
	padding: 4px 5px 0 0;
}
.paging .jump select {
	float: left;
	width: 6em;
}
.paging .numperpage {
	float: left;
	width: 120px;
	padding: 12px 0 0 0;
	text-align: right;
}
.paging .numperpage span {
	display: block;
	float: left;
	padding: 4px 5px 0 0;
}
.paging .numperpage select {
	float: left;
	width: 10em;
}
.paging .numperpage2 {
	float: left;
	width: 130px;
	padding: 12px 0 0 0;
	text-align: right;
}
.paging .numperpage2 span {
	display: block;
	float: left;
	padding: 4px 5px 0 0;
}
.paging .numperpage2 select {
	float: left;
	width: 4em;
}


.paging .orderby {
	float: left;
	width: 100px;
	padding: 12px 0 0 0;
	text-align: right;
}
.paging .orderby span {
	display: block;
	float: left;
	padding: 4px 5px 0 0;
}
.paging .orderby select {
	float: left;
	width: 8em;
}    

/* ----------------- SEARCH PRODUCTS */

.search-products {
	float: left;
	width: 240px;
	padding: 16px 5px 4px 0px;
}
.paging .search-jump {
	float: left;
	padding: 12px 0 0 0;
	text-align: left;
    width: 128px;
}
.paging .search-jump span {
	display: block;
	float: left;
	padding: 4px 5px 0 0;
}
.paging .search-jump select {
	float: left;
	width: 6em;
}






/* ------------------------------------------------------------------------------- SET COLUMN WIDTHS */

#three-col #centrecolumn #leftcolumn { width: 180px !important; }
#three-col #centrecolumn .centrecolumn { width: 574px; margin: 0 11px; }
#three-col #centrecolumn #rightcolumn { width: 180px !important; float: right !Important; }

.requriedalert {border:solid 1px #cc0000 !important;background:#FFF9F9 !important;}
.floatright { float:right; } 
.floatright a { display:inline; margin:0 0 0 5px; }
.floatright img { display:inline; } 
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
}

