/*
* LH main and default styles
* please refer to /elementsStyleGuide.html for usage
* COMMENT your changes!!
*/

/* Container Classes */
* {
    margin:0;
    padding:0;
}

body {
    background: #eee;
    margin:0;
    padding:0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #333;
}

#container {
    width: 1140px;
    margin: 0 auto;
    padding: 0;
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
}

/* Links - Default */

a {
    color: #00647f;
    text-decoration: none;
}

a:hover {
    color: #dd6633;
    text-decoration: underline;
}

a:focus {
    outline: none;
    color: #dd6633;
    text-decoration: underline;
}

/* Links - Headings */

a h1, a h2, a h3, a h4, a h5, a h6 {
    color: #00647f;
}

a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
    color: #dd6633;
}

/** img element defaults **/

img {
    margin: 0;
    padding: 0;
}

a img {
    outline: none;
    border:none;
    text-decoration: none;
}

a:hover img {
    outline: none;
    /*border:none;*/
    text-decoration: none;
}

a:focus img {
    outline: 1px dotted #c7c7c7;
    border:none;
    text-decoration: none;
}

/** Typographic element defaults **/

/* Default Headings */

h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    margin: 0 0 0.4em 0;
    line-height: 1.05em;
}

h1 {
    font-size: 22px;
    color: #007346;
}

h2 {
    font-size: 20px;
    color: #007346;
}

h3 {
    font-size: 18px;
    color: #00804D;
}

h4 {
    font-size: 16px;
    color: #008C55;
}

h5 {
    font-size: 14px;
    color: #008C55;
}

h6 {
    font-size: 13px;
    color: #008C55;
}

/* Sub Headings */

h1.subheading, h2.subheading, h3.subheading, h4.subheading, h5.subheading, h6.subheading {
    font-family: Helvetica, Arial, sans-serif;
    color: #7A5232;
}

h1.attention, h2.attention, h3.attention, h4.attention, h5.attention, h6.attention {
    font-family: Helvetica, Arial, sans-serif;
    color: #DD6718;
}

/* Paragraph Text */

p, table {
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    color: #333;
    line-height:1.45em;
}

#content p {
    margin: 9px 0 9px 0;
    line-height: 1.38em;
}

#content form.default p, form.default p {
    margin-bottom: 2px;
}

.txt0 { font-size: 10px; } /* deprecated should use <small> element instead */

.justifyright {
    text-align:right;
}

.justifyleft {
    text-align:left;
}

.justifycenter {
    text-align:center;
}

/* Fading Paragraph text */

.descFadeOut {
    max-height: 260px;
	position: relative;
	overflow: hidden;
}

.readmore, #content p.readmore {
    position: absolute;
	bottom: -4px;
    right: 0;
	width: 100%;
	text-align: right;
	margin: 0;
    padding: 6px 0 0 0;
    
    /* "transparent" works here because == rgba(0,0,0,0), moz needs white default though */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0.5, transparent),color-stop(0.5, white));
    background-image: -webkit-linear-gradient(top, transparent, white);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0), white);
    background-image: -ms-linear-gradient(top, transparent, white);
    background-image: -o-linear-gradient(top, transparent, white);
}

.readmore a, #content p.readmore a {
    padding: 5px 0 6px 6px;
    background: #fff;
    border-radius: 20px;
}

.readmore a:hover, #content p.readmore a:hover {
    text-decoration:none;
}

/* Lists */

ul, ol {
    margin: 0;
}

ol {
    list-style: decimal inside;
}

ul {
    list-style: disc inside;
}

ul.inside, ol.inside {
    list-style-position:inside;
}

ul.outside, ol.outside {
    list-style-position:outside;
}

ul a {
    font-size: 13px;
}

li {
    padding-bottom: 5px;
}

li ol, li ul {
    font-size: 1.0em;
    margin-bottom: 0;
    padding-top: 5px;
}

ul.featuredlist {
    margin:0 0 0 1em;
    list-style: none;
}

ul.featuredlist li {
    min-height: 52px;/*prev height*/
    margin:8px 0;
    border: 1px solid #c7c7c7;
    padding: 5px 5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

/*
ul.featuredlist li:hover {
    border: 1px solid #666;
    background-color: #F2F6F2;
}*/

ul.featuredlist a {
    /*font-size: 14px;*/
}
/* deprecated
ul.featuredlist a.townlink {
    text-decoration: none;
    font-style: italic;
    font-weight:normal;
    color:#1C8843;
}

ul.featuredlist a.townlink:hover {
    text-decoration: underline;
    font-style: italic;
    font-weight:normal;
    color:#2DB373;
}
*/
ul.newsletterlist {
    margin: 0 10px 0 2em;
    list-style: disc outside;
}

ul.newsletterlist a {
    font-size: 13px;
}

ul.newsletterlist li {
    margin:2px 0;
}

.newsletterlist h4 {
    margin-top:12px;
    margin-left:-20px;
}

.newsletter-sidebar .textinput {
    width:120px;
}

#nlheader .newsletter-sidebar {
    width: 240px;
}

#nlheader .newsletter-sidebar .textinput {
    width: 200px;
}

#nlheader h4 {
    display: none;
}


/* Blockquote & Blockquote Headings */

blockquote {
    padding-left:2em;
    margin-top: 1em;
}

blockquote > p > em, blockquote > p > i {
    color:#666;
}

blockquote .attribution {
    color:#888;
    font-size:0.85em;
}

/* Video */

#home div.video {
    margin: 0 10px;
    max-height: 240px;
}

#home div.video iframe {
    /*width: 100%;
    height: 100%;*/
    max-height: 240px;
}

#home .videocite {
    /*background: #DDE7C9;*/
    margin: 0 10px;
    padding: 6px 10px 5px;
    font-size: 0.9em;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    border: 1px solid #c7c7c7;
    border-top: none;
}

/* Tables */

table, th, td {
    border:none;
    width: auto;
}

table.tabledata tr {
    height:2em;
}

table.tabledata tr:nth-child(even) {
    background:#E4ECCA;
}

table.tabledata td {
    padding:4px 5px;
}

table.tabledata th {
    background:#C9D4A4;
}

/* Calendar Tables */

table.lhcalendar {
    width: 152px;
    margin: 0 5px;
    padding: 0;
    text-align: center;
    border: 1px solid #159f66;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background: #fff5d4;
}

.lhcalendar table {
    width:100%;
}

table.lhcalendar th {
    color: #fff;
    background: #E66000 none repeat-x scroll left top;
}

table.lhcalendar td {
    
}

table.lhcalendar p, table.lhcalendar a, table.lhcalendar td {
    font-size: 11px;
}

table.lhcalendar a {
    color: #159f66;
    text-decoration: none;
}

table.lhcalendar > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td {
    padding: 3px 0;
    text-align: center;
    border-radius: 50%;
}

table.lhcalendar > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:hover a {
    color: #fff;
}

table.lhcalendar > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:hover {
    background: #126141;
    cursor: default;
}

table.lhcaldays td {
    text-align: right;
}

.calendarnav {
    background: #159f66;
    color: #fff;
    font-size: 12px;
    font-family: Verdana, Arial, sans-serif;
    vertical-align: middle;
    padding: 0 4px 1px 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #377534;
}

.calendarnav:hover {
    background: #2BB47C;
}

/* Forms */

form.default select, form.default input, form.default textarea, form.default p.inline, #content form.default select, #content form.default input, #content form.default textarea {
    margin-left:10px;
    vertical-align: middle;
}

#content form.default p.inline {
    margin-left:10px;
}

form.default select.formright, form.default input.formright, form.default textarea.formright, form.default p.inline.formright, #content form.default select.formright, #content form.default input.formright, #content form.default textarea.formright, #content form.default p.inline.formright {
    margin-left:134px;
}

form.default select.formright.inline, form.default input.formright.inline, form.default textarea.formright.inline, #content form.default select.formright.inline, #content form.default input.formright.inline, #content form.default textarea.formright.inline {
    margin-left:10px;
}

form.default label {
    display:inline-block;
    text-align:right;
    width:120px;
}

form.default label.radiocheck {
    width:auto;
}

form.default label.block, fieldset.default label.block {
    display:block;
    margin-top: 6px;
    margin-bottom: 4px;
}

form.default .formright, p.formright, #content p.formright {
    margin: 2px 134px;
    vertical-align: top;
}

form.default .formright.radiocheck {
    margin-left: 0;
    vertical-align: top;
    display:inline-block;
}

form.default .formright label {
    margin-left: 0;
}

form.default .formright.radiocheck label {
    width:auto;
    text-align: left;
}

form.default img {
    margin-left:10px;
}

form.default input[type="submit"], #content form.default input[type="submit"] {
    margin-left:130px;
}

form.default input[type="submit"].fullwidth, #content form.default input[type="submit"].fullwidth, form.default input[type="submit"].center, #content form.default input[type="submit"].center {
    margin:0 auto;
}

form.default .profilenav input[type="submit"], #content form.default .profilenav input[type="submit"] {
    margin-left:10px;
}

form .profilenav {
    border-top:1px solid #dddddd;
}

div.profilenav {
    width:640px; text-align:right;
}

form.account-form input {
    margin-bottom: 9px;
    font-size: 14px;
    padding: 2px 5px;
    height:26px;
}

form#captionEntry input.captionEntry {padding:0.8em .7em;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-shadow:inset 2px 2px 6px #777;}

select {
    height:26px;
    width: 180px;
    margin-left: 4px;
}

textarea {
    margin-top: 4px;
    margin-bottom: 4px;
    min-width:230px;
    max-width:630px;
    min-height:50px;
    max-height:700px;
}

.productcatsearch input[type="text"], .widget input[type="text"], #content input[type="text"], #content input[type="password"]{
    height: 26px;
}

#content input[type="text"], #content input[type="password"], #content select{
    margin: 6px 4px;
    padding:2px 5px;
    vertical-align:middle;
}

/* special case for tabled forms on members account pages */
#content .tabledform input[type="text"], #content .tabledform input[type="password"], #content .tabledform select{
    margin: 3px 4px;
}

input[type="radio"], input[type="checkbox"] {
    margin:0 4px;
}

input.searchtextinput:focus {
    background: #f5f5f5;
    border: 1px solid #aaaaaa;
    /*border-left: none;
    border-right: none;*/
}

input[type="text"], input[type="password"] {
    border: 1px solid #aaa;
    background: #f5f5f5;
}

input[type="submit"]:hover, input[type="button"]:hover {
    cursor:pointer;
}

input:hover {
    border-color: #888;
}

input:focus {
    border-color: #888;
    background: #fff;
}

legend {
    font-weight: bold;
    font-size: 16px;
    color: #7A5232;
    margin-top: 8px;
    margin-bottom: 4px;
}

label {
    display:block;
    margin-top: 6px;
    margin-bottom: -2px;
    font-size: 12px;
    color: #5F442E;/* prev #666, #7A5232; */
    font-weight: bold;
    vertical-align: top;
}

fieldset {
    display: block;
    border: none;
    border-top: 1px solid #ccc;
}

form.inlinelabels label, fieldset.inlinelabels label {
    display:inline;
}

form.inlinelabels label.block, fieldset.inlinelabels label.block {
    display:block;
    margin-top: 6px;
    margin-bottom: 4px;
}

fieldset legend {
    font-weight: bold;
    font-size: 13px;
    padding-right: 10px;
    color: #777;
}

fieldset form {
    padding-top: 15px;
}

fieldset p label {
    float: left;
    width: 150px;
}

form input.formbutton {
    border: none;
    background: #333;
    color: #ffffff;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    width: auto;
    overflow: visible;
}

form.searchform p {
    margin: 5px 0;
}


span.required {
    color: #ff0000;
}

/* Buttons
    3 options for button syntax:
    1 - use an anchor tag with .button class directly. This is the preferred method.
    2 - from a form input using input.button
    3 - an anchor tag as the child of any element. Use <span.button> -> <a> or <div.button> -> <a> for best results
*/

input.button, .button a, a.button {
   padding: 4px 8px;
   margin: 5px 0;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   font-weight: bold;
   font-size: 14px;
   font-family: Helvetica, Arial, sans-serif;
   text-decoration: none;
   vertical-align: middle;
}

a.button {white-space:nowrap;}

a.button + a.button {
   margin-left:8px;
}

input.button:hover, .button:hover a {
   text-decoration: none;
   cursor:pointer;
}

input.button-default, .button-default a, a.button-default {
   border: 1px solid #aaa;
   background: #ddd;
   background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#cccccc));
   background: -webkit-linear-gradient(top, #f1f1f1, #cccccc);
   background: -moz-linear-gradient(top, #f1f1f1, #cccccc);
   background: -ms-linear-gradient(top, #f1f1f1, #cccccc);
   background: -o-linear-gradient(top, #f1f1f1, #cccccc);
   text-shadow: rgba(255,255,255,.5) 0 1px 0;
   color: #666;
}

input.button-default:hover, .button-default:hover a, a.button-default:hover {
   border-color: #888;
   background: #aaa;
   color: #444;
}

input.button-default:active, .button-default:active a, a.button-default:active {
   border-color: #777;
   background: #999;
}

input.button-orange, .button-orange a, a.button-orange {
   border: 1px solid #e04f28;
   background: #FA8A3F;
   background: -webkit-gradient(linear, left top, left bottom, from(#FFBE83), to(#FA8A3F));/*prev from #FFBE83*/
   background: -webkit-linear-gradient(top, #FFBE83, #FA8A3F);
   background: -moz-linear-gradient(top, #FFBE83, #FA8A3F);
   background: -ms-linear-gradient(top, #FFBE83, #FA8A3F);
   background: -o-linear-gradient(top, #FFBE83, #FA8A3F);
   text-shadow: rgba(255,255,255,.5) 0 1px 0;
   color: #8F3A24;
}

input.button-orange:hover, .button-orange:hover a, a.button-orange:hover {
   border-color: #d03f18;
   background: #FA8A3F;
   color: #93361d;
}

input.button-orange:active, .button-orange:active a, a.button-orange:active {
   border-color: #b73411;
   background: #e45731;
}

/* orange button with cart icon */

input.button.button-orange.icon-cart {
    background: url('../img/icon_cart.png') 15px 50% no-repeat, #FA8A3F;
    background: url('../img/icon_cart.png') 15px 50% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#FFBE83), to(#FA8A3F));
    background: url('../img/icon_cart.png') 15px 50% no-repeat, -webkit-linear-gradient(top, #FFBE83, #FA8A3F);
    background: url('../img/icon_cart.png') 15px 50% no-repeat, -moz-linear-gradient(top, #FFBE83, #FA8A3F);
    background: url('../img/icon_cart.png') 15px 50% no-repeat, -ms-linear-gradient(top, #FFBE83, #FA8A3F);
    background: url('../img/icon_cart.png') 15px 50% no-repeat, -o-linear-gradient(top, #FFBE83, #FA8A3F);
}

input.button-orange.icon-cart:hover {
   border-color: #d03f18;
   background: url('../img/icon_cart.png') 15px 50% no-repeat, #FA8A3F;
   color: #93361d;
}

input.button-orange.icon-cart:active {
   border-color: #b73411;
   background: url('../img/icon_cart.png') 15px 50% no-repeat, #ca4824;
}

input.button-yellow, .button-yellow a, a.button-yellow {
   border: 1px solid #CC9A50;
   background: #FFD478;
   background: -webkit-gradient(linear, left top, left bottom, from(#FFF79B), to(#FFB649));
   background: -webkit-linear-gradient(top, #FFF79B, #FFB649);
   background: -moz-linear-gradient(top, #FFF79B, #FFB649);
   background: -ms-linear-gradient(top, #FFF79B, #FFB649);
   background: -o-linear-gradient(top, #FFF79B, #FFB649);
   text-shadow: rgba(255,255,255,.5) 0 1px 0;
   color: #8B5919;
}

input.button-yellow:hover, .button-yellow:hover a, a.button-yellow:hover {
   border-color: #A77731;
   background: #F0B051;
   color: #6D371E;
}

input.button-yellow:active, .button-yellow:active a, a.button-yellow:active {
   border-color: #8F6221;
   background: #DA9836;
}

input.button-blue, .button-blue a, a.button-blue {
   border: 1px solid #5086CC;
   background: #78B7FF;
   background: -webkit-gradient(linear, left top, left bottom, from(#71CBE3), to(#5CAABF));
   background: -webkit-linear-gradient(top, #71CBE3, #5CAABF);
   background: -moz-linear-gradient(top, #71CBE3, #5CAABF);
   background: -ms-linear-gradient(top, #71CBE3, #5CAABF);
   background: -o-linear-gradient(top, #71CBE3, #5CAABF);
   text-shadow: rgba(255,255,255,.5) 0 1px 0;
   color: #19488B;
}

input.button-blue:hover, .button-blue:hover a, a.button-blue:hover {
   border-color: #3178A7;
   background: #5CAABF;
   color: #1E336D;
}

input.button-blue:active, .button-blue:active a, a.button-blue:active {
   border-color: #21548F;
   background: #3672DA;
}

input.button-red, .button-red a, a.button-red {
   border: 1px solid #CC5050;
   background: #FF7878;
   background: -webkit-gradient(linear, left top, left bottom, from(#FF9B9B), to(#ED4040));
   background: -webkit-linear-gradient(top, #FF9B9B, #ED4040);
   background: -moz-linear-gradient(top, #FF9B9B, #ED4040);
   background: -ms-linear-gradient(top, #FF9B9B, #ED4040);
   background: -o-linear-gradient(top, #FF9B9B, #ED4040);
   text-shadow: rgba(255,255,255,.5) 0 1px 0;
   color: #7D2020;
}

input.button-red:hover, .button-red:hover a, a.button-red:hover {
   border-color: #A73131;
   background: #F05151;
   color: #6D1E1E;
}

input.button-red:active, .button-red:active a, a.button-red:active {
   border-color: #8F2121;
   background: #DA3636;
}

.signupbtn a {
   border: 1px solid #247a58;
   background: #178c59;
   background: -webkit-gradient(linear, left top, left bottom, from(#36cc8d), to(#178c59));
   background: -webkit-linear-gradient(top, #36cc8d, #178c59);
   background: -moz-linear-gradient(top, #36cc8d, #178c59);
   background: -ms-linear-gradient(top, #36cc8d, #178c59);
   background: -o-linear-gradient(top, #36cc8d, #178c59);
   padding: 6.5px 13px;
   margin: 0 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #fff;
   font-size: 14px;
   font-family: Helvetica, Arial, sans-serif;
   text-decoration: none;
   vertical-align: middle;
}

.signupbtn:hover a {
   border-color: #2ea662;
   background: #2ea662;
   color: #ccc;
}

.signupbtn:active a {
   border-color: #1d854e;
   background: #1d854e;
}

input.button-brand, .button-brand a, a.button-brand {
   border: 1px solid #247a58;
   background: #178c59;
   background: -webkit-gradient(linear, left top, left bottom, from(#36cc8d), to(#178c59));
   background: -webkit-linear-gradient(top, #36cc8d, #178c59);
   background: -moz-linear-gradient(top, #36cc8d, #178c59);
   background: -ms-linear-gradient(top, #36cc8d, #178c59);
   background: -o-linear-gradient(top, #36cc8d, #178c59);
   padding: 6.5px 13px;
   margin: 0 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #fff;
   font-size: 14px;
   font-family: Helvetica, Arial, sans-serif;
   text-decoration: none;
   vertical-align: middle;
}

input.button-brand:hover, .button-brand:hover a, a.button-brand:hover {
   border-color: #2ea662;
   background: #2ea662;
   color: #ccc;
}

input.button-brand:active, .button-brand:active a, a.button-brand:active {
   border-color: #1d854e;
   background: #1d854e;
}

input.button-search {
    margin: 0 0 0 8px;
    padding: 8px 15px;
    font-family: Helvetica, Arial, sans-serif;
    outline: none;
    cursor: pointer;
    text-align: center;
    border: 1px solid #aaaaaa;
    border-radius:4px;
    -moz-border-radius:4px;
    background: #178c59;
    background: -webkit-gradient(linear, left top, left bottom, from(#36cc8d), to(#178c59));
    background: -webkit-linear-gradient(top, #36cc8d, #178c59);
    background: -moz-linear-gradient(top, #36cc8d, #178c59);
    background: -ms-linear-gradient(top, #36cc8d, #178c59);
    background: -o-linear-gradient(top, #36cc8d, #178c59);
    text-shadow: 0 1px 0 #444;
    color: white;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
}

input.button-search:hover {
    text-decoration: none;
    border-color: #2ea662;
    background: #2ea662;
    color: #ccc;
}

input.button-search:active {
    border-color: #1d854e;
    background: #1d854e;
}
/* Fixes submit button height problem in Firefox */
.button-search::-moz-focus-inner {
    border: 0;
}

#search-dropdown {
    visibility: visible;
}

#searchbar-category {
    display: visible;
    overflow: hidden;
    width: 0;
}

.button-search-categories {
    width: auto;
    overflow: hidden;
    margin: 0;
    padding: 8px 15px;
    font-family: Helvetica, Arial, sans-serif;
    outline: none;
    cursor: pointer;
    text-align: center;
    border-right: 0;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    border: 1px solid #aaa;
    background: #178c59;
    background: -webkit-gradient(linear, left top, left bottom, from(#36cc8d), to(#178c59));
    background: -webkit-linear-gradient(top, #36cc8d, #178c59);
    background: -moz-linear-gradient(top, #36cc8d, #178c59);
    background: -ms-linear-gradient(top, #36cc8d, #178c59);
    background: -o-linear-gradient(top, #36cc8d, #178c59);
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: #fff;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
}

.button-search-categories:hover {
    text-decoration: none;
    border-color: #2ea662;
    background: #2ea662;
    color: #ccc;
}

.button-search-categories:active {
    border-color: #1d854e;
    background: #1d854e;
}

/* Shop Category Select */

#deptdropdown {
    display: none;
}

.deptdropdown {
    width: 130px;
    height: 34px;
    margin-left:8px;
    vertical-align: top;
    padding: 7px 0 7px 5px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    background: #f5f5f5;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: inset 1px 2px 4px #ccc;
    -moz-box-shadow: inset 1px 2px 4px #ccc;
    -webkit-box-shadow: inset 1px 2px 4px #ccc;
}

.deptdropdown option {
}

.deptdropdown > option:hover {
    background: #1C8843;
}

/* Fixes submit button height problem in Firefox */
.button-search-categories::-moz-focus-inner {
    border: 0;
}

/* My Account Dropdown */

.dropdown {
    display: none;
    position: absolute;
    background: #fff;
    width: 100px;
    text-align:center;
    z-index: 9999;
    margin: 6px auto 0 auto;
    padding-top: 1em;
    padding-bottom: 1em;
    -moz-box-shadow: 5px 5px 0 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,.1);
    box-shadow: 5px 5px 0 0 rgba(0,0,0,.1);
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

.dropdown > ul > li {
    list-style: none;
}

.dropdown > ul > li > a {
    color:#333;
    text-decoration: none;
}

.dropdown > ul > li:hover {
    background-color: #159f66;
}

.dropdown > ul > li:hover a {
    color: #fff;
}

/* Nav Menu Palette */

/* needs js or other to work, panel must be set from display:none; to display:visible; on dropdown btn click */
#navmenupalette {
    display: none;
    position: absolute;
    background: #fff;
    width: 520px;
    z-index: 9999;
    padding-bottom: 2em;
    -moz-box-shadow: 5px 5px 5px 0 #888;
    -webkit-box-shadow: 5px 5px 5px 0 #888;
    box-shadow: 5px 5px 5px 0 #888;
    margin: 6px auto 0 auto;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

.upcaret {
    color: #fff;
    text-shadow: 0 -2px 0 #c7c7c7;
    transform: scaleY(0.8);
    -webkit-transform: scaleY(0.8);
    position: relative;
    top: -10px;
    left: 20px;
}

#navmenupalette h3 {
    color: #176545;
}

#navmenupalette ul li {
    color: #333;
    list-style: none;
}

/* Dropdown Panel Columns */

#navmenupalette .one-half {
    width: 40%;
    float: left;
    padding: 0 20px;
    border-right: 1px solid #159f66;
}

#navmenupalette .one-half-last {
    width: 40%;
    float: left;
    padding: 0 20px;
}

#navmenupalette .one-third {
    width: 20%;
    float: left;
    padding: 0 20px;
    border-right: 1px solid #159f66;
}

#navmenupalette .one-third-last {
    width: 30%;
    float: left;
    padding: 0 20px;
}

/** Sections **/

/* Header */

#header {
    padding: 15px 10px 0 10px;
    background-color: #ffffff;
    margin: 0 auto;
    
    z-index:1499; /* was 10001 */
}

#logo {
    width: 230px;
    height: 43px;
    float: left;
}

#logo a {
    float: left;
    background: url('../img/LocalHarvest_logo_230x43.png') 0 0 no-repeat;
    width: 100%;
    height: 100%;
    background-size: contain;
}

#slogan {
    font-size: 9px;
    font-family: Verdana, Arial, sans-serif;
    color: #888;
    font-style: italic;
    margin-left: 20px;
}

/* Search Bar */

#search {
    margin: 2px 0 0 30px;
    float: left;
    width: 600px;
}

label.searchwhere {
    display:inline;
    position: absolute;
    padding-top:3px;
    padding-left: 15px;
}

input.searchwhere {
    width: 170px;
    padding-left:40px;
    margin-left:8px;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

input.searchwhat {
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
}

.searchtextinput {
    width: auto;
    /*margin: 0 -5px 0 -5px;*/
    margin: 0 -5px 0 -1px;
    padding: 8px 15px;
    font-family: Helvetica, Arial, sans-serif;
    font-size:14px;
    background: #f5f5f5;
    box-shadow: inset 1px 2px 8px #ccc;
    border: 1px solid #aaaaaa;
    border-left: none;
    border-right: none;
}

/* Log In */

.loginblock {
    float:right;
}

.login {
    padding: 0 15px;
}

.logintext a {
    text-decoration: underline;
    padding: 0 10px;
    color: #666666;
}

.logintext a:hover {
    color: #159f66;
}

.myaccount a {
    text-decoration: none;
    padding: 0 10px;
    color: #666666;
}

.myaccount a:hover {
    color: #159f66;
}

.carttext a {
    text-decoration: none;
    padding: 0 0 0 10px;
    color: #666666;
}

.carttext a:hover {
    color: #159f66;
}

.basketcount {
    background:#F52020;
    margin-left: -3px !important;
    padding: 2px 5px;
    color: #fff;
    vertical-align: super;
    font-weight:bold;
    font-size: 10px;
    line-height:0 !important;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}

/* Social Chicklets */

#footer div.socialchicklets {
    margin-right: 102px;
}

.socialchicklets ul {
    list-style: none;
}

.socialchicklets ul li {
    display: block;
    float: left;
    margin: 0;
    padding: 0 5px;
}

.socialchicklets ul li a {
    display: block;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
}

.socialchicklets a:hover {
    background-position: 0px -28px !important;
}

a.social-facebook {
    background: url('../img/social_facebook.png') 0 0 no-repeat;
}

a.social-twitter {
    background: url('../img/social_twitter.png') 0 0 no-repeat;
}

/* Main Navigation */

.nav {
    background-color: #ffffff;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.nav li {
    display: inline;
}

.nav a {
    display: inline-block;
    padding: 0 15px 4px 15px;
    color: #126141;
    text-decoration: none;
    border-bottom: 2px solid #ffffff;
}

.nav a:hover, .nav a:focus {
    color: #159f66;
    border-bottom: 2px solid #159f66;
    text-decoration: none;
}

/* Navigation current menu states */
html#home #nav-home a, html#homegroup #nav-home a, html#storegroup #nav-shop a, html#farmgroup #nav-farms a, html#csagroup #nav-csa a, html#forumgroup #nav-forum a,
html#eventsgroup #nav-events a, html#newslettergroup #nav-newsletter a, html#blogsgroup #nav-blogs a, html#photosgroup #nav-photos a, html#marketgroup #nav-markets a {
    border-bottom: 2px solid #159f66;
}

/* Additional Navigation / Sidebars */

.right.sidebar {
    float: right;
    width: 300px;
    padding: 0;
    /* padding: 0 9px; */
    margin-top: 20px;
}

/********** store/ **********/
/* check out */

.checkoutsteps {
    margin: 18px 0 0 90px;
}

.checkoutsteps > .step {
    display:inline-block;
    background:#efefef;
    border:1px solid #c7c7c7;
    padding:8px 22px;
}

.checkout-shipto .checkoutsteps > .ship-step.step, .checkout-bill .checkoutsteps > .bill-step.step, .checkout-done .checkoutsteps > .done-step.step {
    background:#d8e5bf;
    border-color:#008C55;
    color: #008C55;
}

.checkout-shipto .checkoutsteps > .ship-step.steparrow, .checkout-bill .checkoutsteps > .bill-step.steparrow, .checkout-done .checkoutsteps > .done-step.steparrow {
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 14px solid #008C55;
}

.checkoutsteps div.steparrow {
    position:relative;
    display:inline-block;
    margin: 0;
    padding: 0;
    width: 0;
	height: 0;
	left: -4px;
    bottom: 2px;
    vertical-align: middle;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 14px solid #c7c7c7;
}

.checkoutsteps div.steparrowreversed {
    position:relative;
    display:inline-block;
    margin: 0;
    padding: 0;
    width: 0;
	height: 0;
	right: -14px;
    bottom: 2px;
    vertical-align: middle;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 10px solid #fff;
}

/* store left sidebar nav */
#storegroup .sidebar, #newslettergroup .sidebar {
    margin: 0 auto;
}

.accountsidebar {
    width: 180px;
    margin:0; padding:0;
    float: left;
}

.accountsidebar .sidebar .sidenav .sidepanel {
    background:#F5F5F5;
    padding-bottom: 1em;
    margin: .4em .5em;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
}

.accountsidebar .sidebar .sidenav li, .sidebar .sidenav li {
    list-style:none;
    padding: .4em .2em;
    margin: .5em .1em;
    font-size: 11px;
    border-bottom: 1px solid #ccc;
}

.accountsidebar .sidebar .sidenav li h3 {
    margin:.4em auto .4em auto;
    text-align:center;
}

.sidebar .sidenav li>a {
    color:#333;/*#126141*/
    text-decoration:none;
    font-size:1.2em;
    display:block;
}

.sidebar .sidenav li>a:hover, .sidebar .sidenav>li>a:active {
    color:#159f66;
    text-decoration:none;
}

/* DEPPED
#storegroup .sidebar, #newslettergroup .sidebar {
    width: 146px;
    margin: 0 auto;
}

.sidebar .sidenav li {
    list-style:none;
    background: #E4ECCA;
    border: 1px solid #C5CEAB;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 3px 6px 4px 6px;
    margin:4px 0;
    width:140px;
}

.sidebar .sidenav li:hover {
    list-style:none;
    background: #D7E8B7;
    border: 1px solid #94B359;
    border-radius: 8px;
}

.sidebar .sidenav a {
    color: #126141;
    text-decoration: none;
}

.accountsidebar .sidebar .sidenav li {
    padding: 3px 10px 4px 12px;
    width:140px;
}
*/


/********** store search results **********/
#storegroup .product-cell div.prod-image {
    position:relative;
}

#storegroup .product-cell span.prodoverlay {
    position:absolute;
    color:orange;
    font-size:24px;
    font-weight:bold;
    top: 32px;
    left: 0;
    width: 100%;
    max-width: 120px;
    text-shadow: 2px 2px 2px #000;
    line-height:110%;
    text-align:center;
}

/********** dept 1st level **********/
.dept-levelonemenu {
    width:150px;
    margin-bottom:15px;
    margin-left:auto;margin-right:auto;
    background:#F3F3F3;
    padding:20px 15px;
    border: 1px solid #c7c7c7;
    border-radius:8px;
    -moz-border-radius:8px;
    text-align: center;
}

.dept-levelonemenu > ul > li {
    list-style:none;
}

.dept-levelonemenu > ul > li > a {
    text-decoration:none;
}

div.profilenav { width:640px; text-align:right; }

/* Header Shadow */
.headershadow {
    height:6px;
    width:100%;
    clear:both;
    margin:0;
    padding:0;
    background: #fff;
    -webkit-box-shadow: inset 0 6px 6px -6px #c7c7c7;
    -moz-box-shadow: inset 0 6px 6px -6px #c7c7c7;
    box-shadow: inset 0 6px 6px -6px #c7c7c7;
    border-top: 1px solid #c7c7c7;
}

/* Left Sidebar */

.leftsidebar {
    width: 170px;
    padding: 8px 0 0 0;
    margin: 0;
    float: left;
}

.leftsidebar p {
    text-align: center;
}

/* Widgets */

.widget {
    position: relative;
    margin: 0 auto 20px 8px;
    clear: both;
    text-align: center;
}

.widget input[type="text"], .widget input[type="password"], .widget select{
    margin: 6px 4px;
    padding:2px 5px;
    vertical-align:middle;
}


.widget h1, .widget h2, .widget h3, .widget h4, .widget form, .widget input, .widget label, {
    text-align: left;
}

.widget label {
    padding:0 15px 5px 15px;
}

.widget img {
    border: 1px solid #159f66;
    border-radius: 4px;
    -moz-border-radius: 4px;
    overflow: hidden;
    padding: 0;
}

.inseason h4 {
    color: #fff;
    text-align:center;
    position:absolute;
    top:40px;
    margin:0;
    padding: 0 10px 0 10px;
    text-shadow: 1px 2px 1px rgba(0,0,0,.8), -2px -2px 1px rgba(0,0,0,.4);
}

.inseason:hover h4 {
    color:#FA8A3F;
}

.inseason img {
    width:150px;
    height:150px;
}

.newsletter-sidebar {
    background:#d8e5bf;
    width: 150px;
    margin: 0 5px 20px 5px;
    padding: 10px 0 15px 0;
    border: 1px solid #159f66;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

.newsletter-content {
    background: #d8e5bf;
    width: 300px;
    margin: 33px auto 0 auto;
    padding: 10px 0 15px 0;
    border: 1px solid #159f66;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

.newsletter-content .textinput {
    width: 80%;
    height: 26px;
}

.newsletter-content .button-brand {
    margin-right:30px;
}


.mapsearch-sidebar {
    background:#ECECEC;
    width: 150px;
    margin: 0 5px 20px 5px;
    padding: 10px 0 15px 0;
    border: 1px solid #aaa;
    border-radius: 4px;
    -moz-border-radius: 4px;
}

/* Right Sidebar / Ad bar */

.rightsidebar {
    width: 300px;
    padding: 0 9px;
    float: right;
}

.rightsidebar .ad img{max-width:100%;height:auto;}

html#home .rightsidebar {
    padding: 0 9px;
}

.rightsidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rightsidebar ul li {
    margin-bottom: 20px;
    line-height: 1.9em;
    padding: 0;
    background-color: #fff;
}

.rightsidebar li ul li {
    display: block;
    border-top: none;
    padding: 6px 2px;
    margin: 0;
    line-height: 1.5em;
    font-size: 13px;
    border: none;
}

.rightsidebar li ul li a {
    font-weight: normal;
    color: #222;
}

.rightsidebar li ul li a:hover {
    color: #000;
}

.rightsidebar li ul.blocklist li {
    padding: 0;
    display: inline;
}

.rightsidebar li ul.blocklist li a {
    display: block;
    border-bottom:1px solid #e0e0e0;
    padding: 6px 5px;
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.rightsidebar h4 {
    color: #222;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 19px;
    letter-spacing: 1px;
    margin: 0;
    padding: 5px 0px;
    font-weight: normal;
}

    html#home .featuredproduct img, .featuredproduct img {
        margin-bottom:10px !important;
    }

    html#home .rightsidebar .featuredProdText {
        padding: 0;
        margin: 0;
        max-height:110px;
        overflow: hidden;
        line-height: 1.4em;
    }

    html#home .rightsidebar .featuredProdText:after {
        content: "";
        position: absolute;
        width:"100%";
        height: 20px;
        left:10px; bottom: 40;
        z-index: 0 !important;
        background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        background-image: -moz-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        background-image: -ms-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    }

/* Ads */

.leaderboardarea {
    width: 100%;
    /* height: 125px; */
    float: left;
    display: block;
    clear: both;
    background: #ffffff;
    text-align: center;
    margin-left:50px;
}

ul.ad {
    padding: 20px 0;
    list-style: none;
}

.ad li, .ad li img {
    margin: 0;
    padding: 0;
}

/* Main Content */

#contentwrapper {
    background: #ffffff;
    margin:0 auto;
    padding: 0 0 60px 0;
    width: 100%;
}

#leftcontentwrapper {
    background: #ffffff;
    margin: 0;
    padding: 0;
    width: 822px;
    float: left;
}

#content {
    float: left;
    width: 625px;
    margin: 0;
    padding: 20px 5px 20px 20px; /* was 20px 15px;*/
    background-color: #ffffff;
}

.content-inner-wrapper {
    margin: 40px auto !important;
    width: 830px;/* arbitrary, may not work on some page templates */
}

/* Icons */

.icon {
    width: 19px;
    height: 17px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

.icon-alert {background: url('../images/icons/icon_alert_tiny.gif') 0 center no-repeat;}

.icon-alert-large {background: url('../images/icons/icon_alert_large.png') 0 center no-repeat;width:40px;height:35px;}

.icon-alert-giant {background: url('../images/icons/icon_alert_giant.png') 0 center no-repeat;width:83px;height:73px;}

/*.icon-delete {background: url('../images/icons/crossmark_tiny.gif') 0 center no-repeat;}*/

.icon-delete::after {
    content: "X";
    font-size: 11px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #EEEEEE;
    background: #BEBEBE;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 1px 4px;
}

.icon-delete:hover::after, a:hover > .icon-delete::after {
    background: #A3A3A3;
}

.icon-cart {background: url('../img/icon_cart.png') 0 center no-repeat;}

.icon-edit {background: url('../images/icons/icon_edit.gif') 0 center no-repeat;}

.icon-envelope {background: url('../img/icon_envelope.png') 0 center no-repeat;}

.icon-info {background: url('../img/icon_info.png') 0 center no-repeat;}

.icon-info:hover {background: url('../img/icon_info-hover.png') 0 center no-repeat;}

.icon-bookmark {background: url('../images/icons/icon_bookmark.png') 0 center no-repeat;}

.icon-newdoc {background: url('../images/icons/icon_newdoc.gif') 0 center no-repeat;}

.icon-outlink {background: url('../images/icons/icon_outlink.gif') 0 center no-repeat;vertical-align: text-bottom;}

.icon-pencil-large {background: url('../images/icons/icon_pencil_large_34x47.png') 0 center no-repeat;width:34px;height:47px;}

.icon-headinglink {background: url('../images/icons/icon_headinglink.png') 0 center no-repeat;}

.icon-carrot {background: url('../images/icons/icon_carrot_26x24.png') 0 center no-repeat;width:26px;height:24px;}

.icon-tinycarrot {background: url('../images/icons/icon_carrot_26x24.png') 0 center no-repeat;width:20px;height:16px;background-size:85%}


.icon-pencil {
    background: url('/img/edit-icons.png') -172px -14px no-repeat; /* icon 1st row 4th from left */
    background-size:264px 88px;
    width:44px;
    height:24px;
}

.hide { display:none; }
.editable:hover .hide { display:block; }

.searchglass {
    width: 23px;
    height: 23px;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 6px;
    overflow: hidden;
    background: url('../img/icon_magnifyingglass_wdownstate.png') top center no-repeat;
}

.searchglasswrap {
    width: 36px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    position:relative;
    z-index: 998; /*lowered for lightboxes*/
    top: -2px;
    left: -40px;
    cursor:pointer;
}

.searchglasswrap:hover .searchglass {
    background: url('../img/icon_magnifyingglass_wdownstate.png') bottom center no-repeat;
}

/* Sorting Classes */
/* Pagination */

.pagination {
    float: left;
    margin: 0 5px;
}

.pagination ul {
    display:inline;
}

.pagination ul > li {
    display:inline;
}

.pagination ul > li > a {
    text-decoration:none;
    color:#888;
    padding:0 3px;
}

.pagination ul > li > a:hover {
    background:#ddd;
    border-radius:20px;
    -moz-border-radius:20px;
    color:#222;
}

/* Breadcrumbs */

.breadcrumbs > ul > li {
    display:inline;
    font-size:11px;
}

.breadcrumbs > ul > li::after {
    content: " /";
    margin:0 5px;
    color:#c7c7c7;
}

.breadcrumbs > ul > li:last-child::after {
    content: none;
}

.breadcrumbs > ul > li > a {
    text-decoration:none;
    color:#00647f;/* make same as standard link color */
    font-size:11px;
}

.breadcrumbs > ul > li > a:hover {
    color:#dd6633;
}

/* Sort by bar */

.sortby {
    width:100%;
    background: #F3F3F3;
    padding: 3px 5px;
    border: 1px solid #c7c7c7;
    border-radius: 8px;
    -moz-border-radius: 8px;
}

.sortby select {
    height:20px;
    width:160px;
}

.sortby .pagination {
    float:right;
}

/* Utility Classes */

/* Columns */

div.fullwidth div.col {
    float:left;
}

div.fullwidth div.col.one-half {
    width:50%;
}

div.fullwidth div.col.one-third {
    width:30%;
}

div.fullwidth div.col.one-third.perfect {
    width:33.3%;
}

div.col.one-third div.one-third-inner {
    width:92%;
    margin:0 auto;
}

.one-third-inner li, #farmgroup .one-half li {
    padding-bottom: 7px;
}

div.fullwidth div.col.two-thirds {
    width:60%;
}

div.fullwidth div.col.two-thirds.perfect {
    width:66.6%;
}

div.fullwidth div.col.one-fourth {
    width:25%;
}

div.fullwidth div.col.two-fourths {
    width:50%;
}

div.fullwidth div.col.three-fourths {
    width:75%;
}

div.fullwidth div.col.almost-one-half {
    width:48%;
}

/* Clearfix */
.clear {
    clear: both;
}

/* Floats */

.left {
    float: left;
}

.right {
    float: right;
}

.center {
    text-align: center;
    display: block;
    margin: 0 auto;
}

/* Tabs & Tabbed Menus */

ul.tabs {
}

ul.tabs li {
    display:inline;
    padding:4px 8px;
    background:#efefef;
    border:1px solid #d5d5d5;
}

ul.tabs li.active {
    background:#fff;
    border:1px solid #c7c7c7;
    border-bottom-color:#fff;
}

.tabs-content {
    padding:10px 12px 20px 12px;
    border:1px solid #c7c7c7;
    border-radius: 0 4px 4px 4px;
    margin-top: 4px !important;
}

div.tabs-content div.tab-panel {
    display:none;
}

div.tabs-content div.active {
    display:block;
}

/* Misc */

.automargin {
    margin:0 auto;
}

.pointer {
    cursor:pointer;
}

/* up and down arrows on cart etc */
.adjustquantity, a.adjustquantity {
    color:#007346;
    font-size:22px;
    font-family:Arial, Helvetica, sans-serif;
}

.adjustquantity:hover, a.adjustquantity:hover, a.adjustquantity:focus {
    color:#008C55;
    text-decoration:none;
}

#styleguide pre, #styleguide code {
    width: 700px;
}

code {
    background:#333;
    color:#1FE627;
    padding:4px 15px 8px;
    display:block;
    border:1px inset #fff;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

code p {
    color:#1FE627;
}

.fullwidth {
    width:100%;
}

.inline {
    display:inline;
}

.inlineblock {
    display:inline-block;
}

.relative {
    position:relative;
}

.absolute {
    position:absolute;
}

.tab {
    margin-left:1.5em;
}

.shadow {
    border: 1px solid #aaaaaa;
    -webkit-box-shadow: 0 6px 8px -4px #888;
    -moz-box-shadow: 0 6px 8px -4px #888;
    box-shadow: 0 6px 8px -4px #888;
    border-radius:4px;
    -moz-border-radius:4px;
    overflow: hidden;
}

.padimg {
    padding:6px;
}

/* Arbitrary, should be inline styles or defined with other classes */
.padleft {
    padding-left: 45px;
}

.leftmargin #content {
    margin-left:160px;
}

div.memberCell {
    padding: 8px 0 0 8px;
}

.skustable {
    border-top: 1px dotted #FFB583;
    border-bottom: 1px dotted #FFB583;
    line-height: 1.2em;
}

div#addcartblock { width: 250px; }

.admintopbar {
    padding:.7em;
    margin:1em 0;
    float:right;
    border:1px solid #c7c7c7;
}

ul.inline-list li{display:inline;padding:0 .5em;}

div.shortDesc { max-width:800px; }
p.shortDesc { font-size: 1.2em; }

/* conflict with .dept-productitem .description? */
.description { margin-top:12px; max-width:600px;}

.cwbox {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 280px;
    max-height: 170px;
    border: 2px solid #9CC56E;
    background: url(/images/washed-field-430x250.jpg) no-repeat 0 -20px;
    padding: 14px 8px 26px 8px;
}

.cwbox p    {
    /*font-size:13px !important;*/
    margin: 1em auto;
}

a.cwlink    {
    /*color:#338000;*/
    text-decoration:underline;
}

div#map     { position:relative; z-index:0; width:750px; max-width:100%; height:120px; }
div#gmap    { position:absolute; left:0; top:0; width:0px; height:0px; z-index:1; width:750px; max-width:100%; height:120px }
div#mapicons { position:absolute; left:1; top:0; width:0px; height:0px; z-index:2; width:750px; max-width:100%; height:120px }
div#map #icons {max-width:100%;}

#panner img { margin:0; padding:0; }
#panner table { border-spacing:0; }
#panner td { line-height:1em;padding:1px;}

/* Dividers */

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    /*margin: 1.11111rem 0 1.05556rem;*/
    margin: 0.79999rem 0 0.65556rem;
    height: 0;
}

hr.dark {
    border: solid #666;
    border-width: 1px 0 0;
    clear: both;
    /*margin: 1.11111rem 0 1.05556rem;*/
    margin: 0.79999rem 0 0.65556rem;
    height: 0;
}

.dottedline {
    border-top: 1px dotted #FFB583;
    margin: 4px 0;
}

/* Alerts */

span.alert {
    display:inline-block;
}

.alert {
    background: #fff5d4;
    border: 1px solid #db8e35;
    padding:5px 8px;
    border-radius:4px;
    -moz-border-radius:4px;
}

.alert.negative {
    background: #FFDAD7;
    border: 1px solid #F15133;
}

.alert.positive {
    background: #D7E8B7;
    border: 1px solid #94B359;
}

.alert.results, #content p.alert.results {
    margin: 7px 17px 12px 47px;
    font-size:110%;
}

/* Dialog Pop-up / jquery UI */

.ui-dialog {
    background: #fff;
}

.ui-dialog-titlebar {
    background: #F3F3F3;
    
}

.ui-dialog .ui-dialog-titlebar-close{z-index: 9999999;}

.ui-widget-header {
    border: 1px solid #1C8843;
    color: #fff;
    font-weight: bold;
    background: #1C8843;
}

.ui-widget-content {
    /*border: 1px solid #1C8843;*/
    /*background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;*/
    background: rgba(0,0,0,0.8);
    z-index: 999999;
    margin: 0 auto;
    width: auto ; height: auto ; // handled in responsive queries
    max-width: 100%; max-height: 300px;
    position: absolute;
    text-align: center;
}

.ui-widget-content form {
    text-align: center;
    position: relative;
    top: 130px;
}

.ui-dialog .ui-dialog-title{font-size: 1em;}

.ui-tooltip {
    padding: 4px !important;
    margin: 0 !important;
    border: 1px solid #1C8843;
    background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
}

/* Panels */

.panel {
    border: 1px solid #c7c7c7;
    padding: 15px;
    border-radius:4px;
    -moz-border-radius:4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panel.panel-yellow {
    background:#fff5d4;
    border: 1px solid #db8e35;
}

.panel.panel-red {
    background:#F05151;
    border: 1px solid #A73131;
    color:#FFFFFF;
}

.panel.latest-deals{
    background:#fff5d4;
    border: 1px solid #db8e35;
    color:#222;
    max-width:280px;
    text-align:center;
}

.panel.latest-deals h1, .panel.latest-deals h2, .panel.latest-deals h3, .panel.latest-deals h4, .panel.latest-deals h5 {
    color: #222;
}

.panel.latest-deals h1 {
    font-size: 30px;
}

.panel.latest-deals h3 {
    font-weight:normal;
}

.panel.panel-green {
    background: #d8e5bf;
    padding: 10px 0 15px 0;
    border: 1px solid #159f66;
    border-radius: 4px;
    text-align: center;
}

.panel.panel-edit {
    background: #F4F4F4;
    background-size:264px 88px;
    border: 1px dashed #aaa;
    padding: 0.5em 1em;
}

.panel.panel-edit h6.edit {vertical-align:middle;line-height:44px;color:#bbb;font-weight:bold;margin:0;padding:0;}

.panel.panel-edit .edit-icon {
    background: url('/img/edit-icons.png') 0 0 no-repeat;
    background-size:264px 88px;
    width:44px;
    height:44px;
    float:right;
}

.panel.panel-edit .edit-icon.pencil {
    background-position: -44px 0; /* icon 1st row 2nd from left */
}

#storegroup .panel.automargin {
    max-width:180px;
}

#storegroup .panel.automargin img {
    max-width:100%;
}

/* Callouts */

.callout {
    padding:5px 10px;
    background: #FFFCF9;
    border: 1px solid #7A5232;
    border-radius:4px;
    -moz-border-radius:4px;
}

/* Footer */

#footer {
    margin:0 auto;
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
    box-shadow: 0 0 4px #ccc;
    -moz-box-shadow: 0 0 4px #ccc;
    width: 1140px !important;
    /*background:#7A5232; brown bottom footer */
    background: #1d2b25;
}

#footer p {
    text-align: left;
    color: #fff;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
}

#footer p a {
    color: #fff;
    font-weight: bold;
}

#footer h2 {
    color: #333;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #159f66;
    display: inline;
    line-height: 45px;
    padding-bottom: 10px;
}

.footer-one {
    padding: 30px 0 10px 0;
    background: #E4ECCA;
    -webkit-box-shadow: inset 0 10px 16px -6px #B5DBC0;
    -moz-box-shadow: inset 0 10px 16px -6px #B5DBC0;
    box-shadow: inset 0 10px 16px -6px #B5DBC0;
}

.footer-one.checkout {
    padding: 30px 0 30px 0;
    background: #E4ECCA;
    width: 100%;
    -webkit-box-shadow: inset 0 10px 16px -6px #B5DBC0;
    -moz-box-shadow: inset 0 10px 16px -6px #B5DBC0;
    box-shadow: inset 0 10px 16px -6px #B5DBC0;
}

#footer .footer-one.checkout a {
    color: #00647f;
}

#footer .footer-one.checkout a:hover {
    color: #dd6633;
    text-decoration: underline;
}

#footer .footer-one ul li {
    color: #333;
    list-style: none;
    text-align: center;
}

#footer .footer-one ul li a {
    color: #333;
    text-decoration: none;
}

#footer .footer-one ul li a:hover {
    color: #159f66;
}

.footer-fourth-width {
    width: 25%;
    float: left;
    display: inline;
}

.footleft {
    display: inline-block;
    padding-left: 20px;
}

.footright {
    float: right;
    display: inline-block;
    padding-right: 20px;
}

#footer .footer-two {
    padding: 10px 0;
}

#footer .footer-two ul li, #footer .footer-two ul li a {
    color: #3A6E57;
}

#footer .footer-two ul li {
    display: inline;
    padding: 0 10px;
}

#footer .footer-two ul li a:hover {
    color: #fff;
}

#footer div.locs {
    margin-top:60px;
}

#footer .locs {
    list-style: none;
    margin: 0 2em;
    padding: 0;
    text-align: center;
}

#footer .locs li {
    display: inline;
    height: 1em;
    padding: 0;
    margin: 0;
    border-right: 1px solid #159f66;
}

#footer .locs li:last-child {
    border-right: none;
}

#footer .locs a {
    display: inline-block;
    padding: 0 15px 4px 15px;
    font-size: 11px;
    color: #126141;
    text-decoration: none;
}

#footer .locs a:hover, .nav a:focus {
    color: #159f66;
    text-decoration: none;
}

ul.typenav {
    border-left: 1px solid #999;
}

ul.typenav li {
    display: inline-block;
    height: 1.2em;
    padding: 4px 8px;
    margin: 0;
    border-right: 1px solid #999;
}

/********** PAGE TEMPLATES **********/

/********** account **********/

html#accountsgroup #leftcontentwrapper, html#membergroup #leftcontentwrapper {
    width: 1130px;
}

html#accountsgroup #content, html#membergroup #content {
    width: 740px;
    float:left;
}

html#accountsgroup #content table, html#membergroup #content table {
    max-width: 600px;
}

.account-overview a:hover {
    text-decoration:none;
}

.account-overview a:hover div {
    background:#F1F1F1;
    border-color:#666;
}

.accountdetails {
    margin:10px;
}

html#membergroup tr.storders {
    background:#efefef;
}

html#membergroup tr.storders:hover {
    background:#DDD;
}

/* cell padding on old tables.  Should be removed once old tables are updated */
html#membergroup #content td {
    padding: 2px;
}

/********** forum **********/

html#forumgroup #content {
    width:auto;
    padding:0 0 0 40px;
}

html#forumgroup #content tbody tr td {
    padding:2px 3px;
}

html#forumgroup table {
    width:100%;
    border-spacing:1px;
}

html#forumgroup table td.c1 {
    width:5%;
}

html#forumgroup table td.c2 {
    width:40%;
}

html#forumgroup table td.c3 {
    width:5%;
}

html#forumgroup table td.c4 {
    width:5%;
}

html#forumgroup table td.c5 {
    width:5%;
}

html#forumgroup table td.c6 {
    width:20%;
}

/********** home **********/

html#home #content {
    width:800px;
    padding:0;
}

html#home #homecontent {
    padding:0 40px 20px 40px;
}

html#home .rowwrapper {
    width:100%;
    margin:0;
    padding:0;
}

html#home .col {
    margin:0;
}

html#home .col-content {
    padding: 0 15px;
}

html#home .rowwrapper .one-half {
    width:50%;
    float:left;
}

html#home .rowwrapper .one-third {
    width:30%;
    float:left;
    padding: 0 10px;
}

html#home .hometopfeatured {
    width: 100%;
    height: 100px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    overflow:hidden;
    -webkit-box-shadow: 0 6px 8px -4px #888;
    -moz-box-shadow: 0 6px 8px -4px #888;
    box-shadow: 0 6px 8px -4px #888;
}

.hometopfeatured h2 {
    position: relative;
    padding: 0;
    margin: 0;
    top: 48%;
    text-align: center;
    font-size: 28px;
    color: #94EE88;
    text-shadow: 1px 2px 1px rgba(0,0,0,.8), -1px -1px 1px rgba(0,0,0,.4);
    font-weight: 700;
}

.hometopfeatured img {
    width: 100%;
    padding: 0;
    border-radius: 8px;
    -moz-border-radius: 8px;
    overflow:hidden;
}

.featuredmembers {
    padding-top: 12px;
}

.featuredmembers img {
    vertical-align: middle;
}

html#home #bestsellers div.featuredproduct {
    margin-top: 10px;
    margin-bottom: 5px;
}

#bestsellers .featuredproduct img {
    margin: 0 auto;
    float:none;
}

div.featuredProdText {
    padding: 0;
    margin: 0;
    overflow: hidden;
    line-height: 1.4em;
}

/********** about.jsp **********/

html#homegroup div.profile-entry {
    width: 600px;
}

/******* Search results Members block from membersblock.jsp *********/

div.membercell {
    padding: 8px 0 0 8px;
}

.membercell p { margin: 4px 0; }

.mthumb {
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 4px 8px 0 0;
    background-position: center center;
    background-size: cover;
    border:1px solid #aaa;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0 6px 4px -4px #aaa;
    -moz-box-shadow: 0 6px 4px -4px #aaa;
    box-shadow: 0 6px 4px -4px #aaa;
}

/********** events.jsp **********/

table.eventcalendar {
    width: 40%;
    margin: 20px auto 20px auto;
    display: none;
}

table.eventsearch, div.eventsearch {
    width: 100%;
    border: 1px solid #159f66;
    border-radius: 4px;
    margin: 20px auto 15px auto;
}

table.eventlistings {
    width: 100%;
}

table.eventlistings img {
    width: 100%;
    height: 1px;
}

p.eventsearch {
    color: #fff;
}

/********** search results **********/

html#homegroup.content-search #content {
    width:100%;
    padding:0;
}

html#homegroup .search-map {
    padding:5px 30px;
    width:100%;
}

/* no right adbar, content wide template */

#storegroup.content-wide #content{max-width:968px;}

.content-wide #content {
    max-width: 900px;/* was width 900px */
    width: 100%;
    padding: 20px 30px 20px 30px;/* was 20px 30px*/
}

#storegroup .pure-g .gridWrap{padding-right:30px;}

.content-wide #leftcontentwrapper {
    width:100%;
}

/* no left sidebar, content mid template */

.content-mid #content {
    width: 760px;
    padding: 20px 45px;
}

.content-mid #leftcontentwrapper {
    width:100%;
}

/* no sidebars, full content template */

html#homegroup.content-full #leftcontentwrapper, html#errorgroup.content-full #leftcontentwrapper, html#storegroup.content-full #leftcontentwrapper {
    width: 100% !important;
}

html#storegroup.content-full #content, html#accountsgroup.content-full #content, html#homegroup.content-full #content, html#errorgroup.content-full #content {
    width: 100%;
    padding: 0 !important;
}

table.storecategories {
    width:100%;
}

.storecategories table {
    width:100%;
}

.categoryentries img {
    width: 120px;
    height: 90px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding:6px;
    margin:10px 24px;
    overflow: hidden;
    border:1px solid #aaa;
    
    -webkit-box-shadow: 0 6px 8px -4px #888;
    -moz-box-shadow: 0 6px 8px -4px #888;
    box-shadow: 0 6px 8px -4px #888;
}

.categoryentries img:hover {
    border:1px solid #159f66;
}

.fruitcatentries td {
    padding: 0 0 10px 0;
    width:160px;
}

div#bestsellers {
    text-align: center;
}

#bestsellers div.featuredproduct {
    max-width:400px;
    margin-left:auto;margin-right:auto;
}

.rightsidebar #bestsellers div.featuredproduct {
    width:auto;
    max-width:100%;
}

#bestsellers a div.featuredproduct, #bestsellers a div.featuredproduct p {
    text-decoration:none;
    color:inherit;
}

#bestsellers a:hover div.featuredproduct, #bestsellers p a:hover, #bestsellers a:hover div.featuredproduct p, #bestsellers > a:hover, #bestsellers > a:hover p, #bestsellers > a p:hover {
    text-decoration:none;
}

html#farmgroup #bestsellers div.featuredproduct {
    min-height: 140px;
}

html#farmgroup #bestsellers.singleItem div.featuredproduct {
    /*width: 93%;
    margin: 10px 8px;
    min-height: 140px;*/
}

.button.online-store {
    width:180px;height:30px;
    margin:6px auto;
}

/********** store badges / labels **********/

.badge {
    font-size: 11px;
    width: 80px;
    letter-spacing: 1px;
    text-align: center;
    padding: 2px 4px;
    color: #ffffff;
    background: #A0A0A0;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), 1px 1px 2px rgba(0,0,0,0.6);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), 1px 1px 2px rgba(0,0,0,0.6);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), 1px 1px 2px rgba(0,0,0,0.6);
}

.badge-dot {
    min-height: 32px;
    min-width: 32px;
    padding: 8px;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    top: -12px;
    left: -12px;
    margin: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), 1px 1px 2px rgba(0,0,0,0.6);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), 1px 1px 2px rgba(0,0,0,0.6);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), 1px 1px 2px rgba(0,0,0,0.6);
}

.badge.blue, .badge-dot.blue {
    background: #318BEC;
}

.badge.green, .badge-dot.green {
    background: #00AA4B;
}

.badge.orange, .badge-dot.orange {
    background: #FA8A3F;
}

.badge.yellow, .badge-dot.yellow {
    background: #FFEB00;
    color:#F00;
}

/* store product catalog pages badges */
.dept-productentry-secondlevel .badge {
    line-height:20px;
}

/* store level one deep */

.dept-productentry > tbody > tr > td {
    padding-bottom:25px;
    text-align:center;
}

.dept-productentry > tbody > tr > td > a {
    text-decoration:none;
    /*color:#126141;*/
}

.dept-productentry > tbody > tr > td > a:hover {
    /*color:#159f66;*/
}

.dept-productentry > tbody > tr > td > a > span {
    display:block;
    margin-top: 10px;
}

.dept-productentry .productEntryWrap {padding:0;margin:0 auto 8px auto;text-align:center;}

.dept-productentry .productEntryWrap > a > span {display:block;margin-top:6px;}

.dept-productentry a > img {
    /* orig 90 x p90, fruits is 120 x 90 */
    width:120px;
    height:120px;
    padding: 6px;
    border: 1px solid #c7c7c7;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-box-shadow: 0 6px 8px -4px #888;
    -moz-box-shadow: 0 6px 8px -4px #888;
    box-shadow: 0 6px 8px -4px #888;
}

.dept-productentry.widephotos a > img {
    width:120px;
    height:90px;
}

.dept-productentry a > img:hover {
    border-color: #666;
    -webkit-box-shadow: 0 6px 8px -4px #444;
    -moz-box-shadow: 0 6px 8px -4px #444;
    box-shadow: 0 6px 8px -4px #444;
}

/* store level two deep */

.dept-productentry-secondlevel > tbody > tr > td {
    padding: 15px 5px 0 5px;
    text-align: center;
    max-width: 160px;
}

.dept-productentry-secondlevel > tbody > tr > td > a {
    text-decoration:none;
}
/* may be deprecated
.dept-productentry-secondlevel > tbody > tr > td > a > span {
    display:block;
    font-size:16px;
    margin-top: 10px;
}
*/
.dept-productentry-secondlevel a > img {
    /* orig 120 x 120 */
    width:120px;
    height:120px;
    padding: 6px;
    border: 1px solid #c7c7c7;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-box-shadow: 0 6px 8px -4px #888;
    -moz-box-shadow: 0 6px 8px -4px #888;
    box-shadow: 0 6px 8px -4px #888;
}

.dept-productentry-secondlevel a > img:hover {
    border-color: #666;
    -webkit-box-shadow: 0 6px 8px -4px #444;
    -moz-box-shadow: 0 6px 8px -4px #444;
    box-shadow: 0 6px 8px -4px #444;
}

/********** /store/ product item level **********/

.dept-productitem .productimage img {
    width: 160px;
    height: 160px;
    margin-right: 15px;
    padding: 6px;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0 6px 8px -4px #888;
    -moz-box-shadow: 0 6px 8px -4px #888;
    box-shadow: 0 6px 8px -4px #888;
}

.dept-productitem .description {
    /*margin-right:40px;*/
    text-align: justify;
}

/* fix for seeds template table cases */
.dept-productitem .description.seed-table table {
    max-width:415px;
}

/********** product.jsp **********/

table.singleproduct {
    width:570px;
}

.product img {
    border-radius: 8px;
    -moz-border-radius: 8px;
    overflow: hidden;
    padding: 0;
    margin: 0 auto 20px auto;
    -webkit-box-shadow: 0 6px 8px -4px #888;
    -moz-box-shadow: 0 6px 8px -4px #888;
    box-shadow: 0 6px 8px -4px #888;
}

table.featuredproduct, td.featuredproduct, div.featuredproduct {
    border: 2px solid #7A5232;
    padding: 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    text-align:left;
}

p.featuredproduct {
    color: #fff;
}

.featuredproduct .featured-product-inner{
    padding:0 6px;
    max-height:110px;/*hacky - this is to prevent overlong item descriptions to basically set height of element*/
}

.featuredproduct h4 {
    padding:4px 5px;
    width: 30%;
    color:#fff;
    font-size: 15px;
    font-weight:bold;
    background: #14BB6B;
    border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
}

.featuredproduct img {
    float:right;
    width:120px;/*width*/
    height:auto;/*120px*/
    padding:6px;
    border: 1px solid #aaa;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0 6px 4px -4px #aaa;
    -moz-box-shadow: 0 6px 4px -4px #aaa;
    box-shadow: 0 6px 4px -4px #aaa;
}

.buyproduct {
    background: #48AF7E;
    color: #2B6944;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
    padding: 5px;
    border-radius: 4px;
    border: 4px double #84FFC5;
}

/********** /csa/ **********/
.quicktips {
    border: 1px solid #db8e35;
    background-color:#fff5d4;
    padding:10px 20px;
    margin: 10px 0 10px 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
}

/********** newsletter.jsp **********/
.newsletterrecipesbox {
    width:250px;
    padding:6px 0 0 8px;
    border: 1px solid #cad9b9;
    background-color:#ffffe9;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-box-shadow: 0 6px 8px -4px #888;
    -moz-box-shadow: 0 6px 8px -4px #888;
    box-shadow: 0 6px 8px -4px #888;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/********** member galleries **********/
#farmgroup div.picture img.profilePic {border:3px solid #159F66;}

/********** album.jsp **********/
.album-entry img {
    padding: 6px;
    border: 1px solid #c7c7c7;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-box-shadow: 0 6px 8px -4px #888;
    -moz-box-shadow: 0 6px 8px -4px #888;
    box-shadow: 0 6px 8px -4px #888;
}

.album-entry img:hover {
    border: 1px solid #666;
}

.storefooter p {
    font-weight: bold;
    font-size: 14px;
    color: #7A5232;
    line-height: 1.5em;
}

span.oldListingAlert {
    font-weight: bold;
    color: #900;
}

.storehome #bestsellers div.featuredproduct {
    min-height: 160px;
}

.lhcart {
    background-color:#d8e5bf;
    border:0px solid #159f66;
    border-radius:4px;
    width:100%;
    padding:0px;
    border-spacing:0px;
}

.lhcart th { padding:5px;text-align:center; }

.lhcart td {
    padding:5px;
    background-color:#fff;
    vertical-align:middle;
}

/* -- coupon styles-- */

div.lhcoupon {
    border: 2px;
    border-style: dashed;
    border-color: #999;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    padding: 10px;
    max-width: 400px;
    color: #000;
    
    -webkit-box-shadow: 0 6px 8px -4px rgba(0,0,0,.6);
    -moz-box-shadow: 0 6px 8px -4px rgba(0,0,0,.6);
    box-shadow: 0 6px 8px -4px rgba(0,0,0,.6);
}

#storegroup div.lhcoupon {
    width: 400px;
}

#farmgroup div.lhcoupon {
    width: 280px;
}

div.lhcoupon p, #content div.lhcoupon p {margin: 7px 0;line-height:1em;}

div.lhcoupon > .brand{
    text-align: center;
    font-size:18px;
    font-weight:400;
    line-height:20px;
    color:#666;
}

div.lhcoupon > .offer{
    text-align: center;
    font-size:32px;
    font-weight:bold;
    line-height:32px;
    color:#007346;
    text-shadow: 1px 1px 0 #A7BA85;
}

div.lhcoupon > .coupondescription{
    text-align: center;
    font-size:16px;
    font-weight:400;
    line-height:20px;
    color:#666;
}

div.lhcoupon div.list {
    margin:0 auto 15px;
    text-align:center;
    max-width: 280px;
}

div.lhcoupon ul {
    margin:0;padding:0;
    text-align:left;
    font-size:14px;
    font-weight:400;
    line-height:20px;
    color:#333;
}

div.lhcoupon ul > li {
    list-style:none;
}

.couponimg{
    float:left;
    margin:7px 15px 0 0;
    width:100px;
    height:auto;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
}

div.lhcoupon > div.rightblock {
    float:left;
    max-width: 285px;
}

div.lhcoupon .instructions {
    margin: 7px 0;
    text-align: center;
    font-weight: bold;
    color: #747474;
}

div.lhcoupon div.couponcode {
    margin: 0 25px;
    padding: 2px 0;
    text-align: center;
    border: 1px solid #D5D5D5;
    background: #F3F3F3;
    font-weight: bold;
    color: #000;
}

div.lhcoupon div.couponcode > p {
    font-size: 18px;
    letter-spacing: 1px;
}

div.lhcoupon .conditions {
    text-align: center;
    font-size:13px;
}

ul.admin li a {
    font-size: 16px;
}

div#cwbrochure {
    width:800px;
}

div#cwbrochure p, div#cwbrochure li {
    font-size: 14px;
}

div#cwbrochure ul {
    padding-left: 14px;
}

div.csacart { display:none; }