html {
    background: #A0CE67 url(/images/background.png);}
    
body {
    font-family: Arial, Verdana, Helvetica, "Luxi Sans", sans-serif;
    font-size: 80%;
    color: #000000;}
    
    body * {
        margin: 0;
        padding: 0;
        line-height: 1.1;}

a, a:visited {
        color: inherit;
        text-decoration: underline;}

h2 {
    margin: 0.5em 0;}
    
h3 {
    margin: 0.5em 0;
    font-size: 115%;}

.general h3 {
    color: #06A34A;}    
    
h4 {
    margin: 0.5em 0;
    font-size: 115%;}
        
a:hover {
    text-decoration: none;}

a.readmore {
    float: right;
    padding-bottom: 0.2em;}

a.return {
    color: #06A34A;
    font-weight: bold;}

a.manage {
    font-size: 75%;}

p.return {
    clear: both;}

p.category a {
    font-weight: bold;}
    
img {
    border: none;}

input.submit {
    cursor: pointer;}

.required {
    color: #06A34A;
    font-weight: normal;
    display: inline-block;}

.wedge {
    clear: both;
    display: block;
    height: 0;
    width: 0;
    visibility: hidden;
    font-size: 0;}

.error {
    color: #B42225;}

p {
    margin: 1em 0;}

blockquote.testimonial {
    color: #69BD45;
    font-size: 120%;
    padding: 1em 2em;
    clear: both;}
    
    blockquote.testimonial span.credit {
        float: right;
        font-style: italic;}

div.paginator {
    font-size: 100%;
    float: right;
    margin-bottom: 1em;
    margin-top: 0.2em;
    font-weight: bold;}
    
    div.paginator a {
        padding: 0 0.1em;}

div.error {
    padding: 1em;
    background: #FFE2E2;
    color: #520809;
    border: 1px solid #000000;
    margin-bottom: 0.5em;}
    
    div.error ul {
        padding: 0 1em;}
    
div.general ul, div.general ol {
        padding: 0.5em 0 0.5em 1.5em;}

    div.general li {
        padding: 0.2em;}

    div.general ul {
        list-style-type: disc;}

        div.general li ul {
            list-style-type: circle;}

    div.general ol {
        list-style-type: decimal;}

        div.general li ol {
            list-style-type: lower-roman;}

button {
    cursor: pointer;}
    
#leftCol {
    background: url(/images/drop_shadow_left.png) right top repeat-y;}
    
#rightCol {
    background: url(/images/drop_shadow_right.png) left top repeat-y;}

#midWrap {
    background: #ffffff;
    padding: 6px 6px 0 6px;}
    
#middleContent {
    background: #ffffff;
    overflow: hidden;}
    
.middleInner {
    position: relative;
    clear: both;
    z-index: 2;}

/* Rounded Corners */
.roundedBorder {
    margin-top: 0;
    margin-bottom: 0;}

/* Header */    
#header {
    padding: 0 1em;
    color: #ffffff;
    background: #92C83E;
    height: 125px;
    background: #92C83E url(/images/header_vine_w_flower.png) right bottom no-repeat;}
    
    #header h1 {
        width: 225px;
        padding: 15px 0;}
    
    #header div.search {
        margin-top: -101px;
        width: 537px;
        position: absolute;
        z-index: 9;
        right: 10px;
        font-size: 75%;}        
    
        div.search a,  div.search a:visited {
            color: #5B3F8B;
            text-decoration: underline;}
        
    #header div.headerForms {
        float: right;}
        
        #header div.search form {
            float: left;
            width: auto;
            margin-left: 2em;}
            
        #header #login {
            background: url(/images/login_bird.png) no-repeat;
            width: 199px;
            height: 154px;}
                
            #header div.login {
                float: left;
                clear: left;
                width: 70%;
                text-align: center;
                position: relative;
                margin-bottom: -3em;}
                
                #header div.login input.text {
                    width: 6em;
                    background: transparent;
                    border: 1px solid #ffffff;
                    color: #5A3C1D;
                    margin: 0.2em 0;
                    padding: 0 0.2em;}
            
    #header input.text {
        width: 8em;}
        
    #search input.text {
        border: none;
        background:#ffffff;
        padding: 0.2em;}
    
     #header button.submit {
        background: transparent;
        border: 1px solid #ffffff;
        color: #ffffff;}
        
    #search button.submit {
        margin-left: 0.2em;}

#breadcrumbs {
    font-size: 65%;
    padding: 0.5em;}
    
    #breadcrumbs a, #breadcrumbs a:visited {
        color: #000000;}

button.cartControl {
    background: none;
    border: none;
    text-align: left;}

button.cartControl span {
    text-decoration: underline;
    color: #69BD45;
    padding: 0.6em 0 0.6em 2.8em;
    line-height: 25px;
    font-size: 90%;
    background-position: 0.5em center;
    background-repeat: no-repeat;
    text-transform: lowercase;
    text-align: left;}
    
button.addToCart span {
    background-image: url(/images/nav_cart.png);}
    
button.cartControl:hover span {
    text-decoration: none;}
    
div.loginSuccess {
    font-size: 140%;
    text-align: center;
    width: 70%;
    padding-top: 0.5em;}
    
    div.loginSuccess button {
        margin-top: 0.5em;}
        
    div.loginSuccess strong {
        color: #06A34A;}

/* Menu */
.ulNav {
    position: absolute;
    z-index: 10;
    width: auto;}
    
    .ulNav li {
        width: auto;}
        
        .ulNav li ul {
            background: url(/images/menu_bg.png);
            width: auto;}
            
            .ulNav li ul li {
                width: auto;
                clear: left;}
                
            .ulNav li ul ul {
                margin-left: 8em;
                margin-top: -1.4em;
                background: url(/images/submenu_bg.png);}
            
            .ulNav li:hover a, .ulNav li.hover a:visited, .ulNav li:hover a:hover {
                color: #ffffff;
                width: auto;}

            .ulNav li:hover li a, .ulNav li.hover li a:visited, .ulNav li:hover li a:hover {
                width: 6em;}
                
        .ulNav a, .ulNav a:visited {
            width: auto;
            padding: 0.2em 1em;
            color: #ffffff;
            text-decoration: none;
            text-transform: uppercase;}
            
        .ulNav li:hover ul a, .ulNav li.hover ul a, .ulNav li:hover ul a:hover, .ulNav li.hover ul a:hover {
            color: #ffffff;}
            
        .ulNav li li a, .ulNav li li a:visited {
            text-transform: none;
            width: 6em;}
            
        .ulNav li a:hover, .ulNav li:hover a:hover, .ulNav li.hover a:hover, .ulNav li:hover, .ulNav li.hover {
            background: #CBDB2A;}

.ulNav a.viewCart {
    background: url(/images/main_menu_cart.png) left no-repeat;
    padding-left: 20px;}

.ulNav li a.viewCart:hover, .ulNav li:hover a.viewCart:hover, .ulNav li.hover a.viewCart:hover {
    background: #CBDB2A url(/images/main_menu_cart.png) left no-repeat;}
        
/* Footer */
#footer {
    position: relative;
    width: 100%;
    color: #3F403F;
    font-size: 75%;
    font-weight: bold;
    z-index: 9;}
    
#footer a, #footer a:visited {
    color: #3F403F;}
    
    #footer div.contact {
        float: left;
        margin-left: 4em;
        margin-top: -20px;}
        
    #footer div.credit {
        float: right;
        margin-right: 4em;
        margin-top: -20px;}
        
    #fBottomLeft {
        width: 3.4%;
        height: 34px;
        display: block;
        background: url(/images/drop_shadow_bottom_left.png) right top no-repeat;
        float: left;}
        
    #fBottomRight {
        width: 3.4%;
        height: 34px;
        display: block;
        background: url(/images/drop_shadow_bottom_right.png) left top no-repeat;
        float: left;}
        
    #fBottomMiddle {
        width: 93.2%;
        height: 34px;
        display: block;
        background: url(/images/drop_shadow_bottom.png) repeat-x;
        float: left;}

/* content */

div.contentLeft {
    width: 65%;
    float: left;}
    
div.contentRight {
    width: 33%;
    float: right;
    background: #C3E4D5 url(/images/pantry_flower_bg.png) right top no-repeat;
    margin-top: 10px;}
        
div.contentRight .roundedStencil div {
    border-color: #ffffff;}
    
h2.title {
    float: right;
    margin-bottom: -10px;
    min-height: 40px;}

div.contentLeft .roundedBorder {
    clear: both;}    

div.contentLeft .contentBottom {
    position: relative;
    z-index: 2;}
    
div.contentLeft .roundedBorder div {
    border-color: #CADB2A;}
    
div.contentLeft .roundedBorder .r1 {
    background: #CADB2A;}
    
div.contentLeft .roundedLeft div {
    margin-right: 0;
    border-right-width: 1px;}

div.middleInner .roundedRight div {
    margin-left: 0;
    border-left-width: 1px;}
    
div.middleInner .stencilRight div {
    border-left-width: 0;}

div.contentLeft div.boxInner {
    border: 1px solid #CADB2A;
    border-width: 0 1px;
    padding: 0.5em 1em;
    clear: both;}
    
div.middleInner .clearfix {
    overflow: hidden;}

div.contentLeft form table {
    width: auto;
    clear: both;}
    
    div.contentLeft form table th {
        font-weight: normal;
        vertical-align: top;
        text-align: right;
        padding: 0.5em 0.25em;}
        
    /*div.contentLeft form table td {
        padding: 0em 0.25em;
        width: auto;}*/
        
div.contentLeft input, div.contentLeft textarea, div.contentLeft select {
    border: 1px solid #CADB2A;
    color: #8c8c8c;}
    
div.middleInner input.text {
    padding: 0 0.2em;}

input.date {
    margin-right: 0.5em;}

div.submit {
    width: 7em;
    float: right;
    margin-right: -1em;
    margin-left: 2px;
    margin-bottom: -11px;}
    
div.contentLeft input.submit {    
    color: #69BD45;
    padding: 0 0 0 0.5em;
    background: none;
    border: none;
    text-decoration: underline;}

div.bottomLinks {
    float: right;
    border: 1px solid #CADB2A;
    border-width: 1px 0 0 1px;
    margin-bottom: -17px;
    margin-right: -1em;
    padding: 0.6em 0.5em 0.8em 0;
    background: #ffffff;
    display: inline;}
    
div.bottomControls {
    float: left;
    border-width: 1px 1px 0 0;
    margin-right: 0em;
    margin-left: -1em;
    padding: 0.6em 0 0.8em 0.5em;
    clear: both;}
    
    div.bottomLinks a, div.bottomLinks a:visited, table.cartControl a, table.cartControl a:visited {
        padding: 0.5em 0 0.5em 2.8em;
        font-size: 90%;
        color: #69BD45;
        margin-right: 0.5em;
        border-left: 1px solid #CADB2A;
        background-position: 0.5em center;
        background-repeat: no-repeat;
        text-transform: lowercase;}
        
     div.bottomLinks button, table.cartControl button {
        background-color: transparent;
        border: none;
        margin: 0;
        padding: 0;
        margin-left: 0.5em;
        color: #69BD45;
        width: auto;}
        
        div.bottomLinks button span, table.cartControl button span {
            float: left;
            text-decoration: underline;
            text-transform: lowercase;
            font-size: 87%;
            width: 100%;}
            
        div.bottomLinks button:hover span, table.cartControl button:hover span {
            text-decoration: none;}
            
        table.cartControl a {
            border: none;}
        
    div.bottomLinks a.mail {
        background-image: url(/images/nav_mail_white.png);}
        
    div.bottomLinks a.links {
        background-image: url(/images/nav_star.png);}
        
    div.bottomLinks a.recipe {
        background-image: url(/images/nav_recipes.png);}
        
    table.cartControl a.mail {
        background-image: url(/images/nav_mail.png);}
        
    table.cartControl a.clearCart {
        background-image: url(/images/nav_clear_cart.png);}
        
    table.cartControl a.saveCart {
        background-image: url(/images/nav_save_cart.png);}
        
.dateButton {
    background: transparent;
    margin: 0;
    padding: 0;
    border: none;}

div.listAdd {
    text-align: right;}

div.listAdd button {
        background-color: transparent;
        border: none;
        margin: 0;
        padding: 0;
        margin-left: 0.5em;
        color: #69BD45;
        width: auto;}
        
div.listAdd button span {
    float: left;
    text-decoration: underline;
    text-transform: lowercase;
    font-size: 87%;
    width: 100%;}
    
div.listAdd button:hover span {
    text-decoration: none;}

/* Express Pantry */

div.pantry {
    background: url(/images/pantry_paper_bg.png) no-repeat;
    padding: 1em;
    margin: 3em 1em 0 1em;}
    
    div.pantry p img {
        vertical-align: middle;}
    
div.pantry table {
    clear: right;}
    
    div.pantry th {
        text-align: center;
        font-weight: normal;
        vertical-align: bottom;}
        
    div.pantry th.add {
        width: 3em;}
        
    div.pantry th.qty {
        width: 2.2em;}
        
    div.pantry td {
        text-align: center;
        vertical-align: top;
        padding-top: 0.5em;}
        
    div.pantry td.item {
        text-align: left;
        padding-left: 0.4em;
        width: 100%;}
        
    div.pantry a.remove {
        float: right;
        color: #8C8C8C;
        display: block;
        text-transform: lowercase;
        word-wrap: normal;}
        
    div.pantry span.price {
        float: left;
        color: #7c7c7c;}
        
        div.pantry span.price img {
            vertical-align: middle;}
        
    div.pantry tr.unavailable span.price {
        color: #5A3E1D;}
        
    div.pantry tr.special span.price {
        color: #06A34A;}

div.pantry h2 {
    float: right;
    margin: -1.5em -0.8em -1em 0em;}
    
div.pantry input.text {
    width: 1.6em;
    border: 1px solid #8F479B;
    text-align: center;
    color: #000000;}
    
div.pantry div.pantrySubmit button {
    float: right;}
    
a.rightPromo {
    width: 100%;
    text-align: center;
    display: block;
    margin: 1em 0;}
    
    a.rightPromo img {
        text-align: center;}

/* Alert Bar */
#alert {
    background: #f57e20 url(/images/alert_bg.png) left repeat-y;
    color: #ffffff;
    padding: 0.5em 1em;}
    
strong.alertNote {
    text-transform: uppercase;
    float: left;
    display: block;
    width: 18%;}

div.alertContent {
    float: left;
    padding: 0 0.5em;
    margin: 0;
    width: 44%;}
   
   div.alertContent p {
    margin: 0;}
    
div.alertControl {
    float: right;}
    
#alert a.cal {
    background: url(/images/nav_calendar.png) left no-repeat;
    padding-left: 30px;
    display: block;
    line-height: 25px;
    color: #ffffff;
    font-size: 90%;
    text-transform: lowercase;}
    
#alert button {
    background: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;}
    
#alert select {
    margin: 0.5em 0;
    border: 1px solid #ffffff;}
    
#alert button {
    margin: 0.5em 0;}
    
#alertCalendar {
    position: absolute;
    left: 30%;
    z-index: 100;
    top: 5%;
    width: auto;
    color: #ffffff;
    font-size: 90%;
    width: 24.5em;}
    
#alertCalendar .roundedBorder div {
    background: #ffffff;
    border-color: black;}
    
#alertCalendar .roundedBorder .r1 {
    background: black;}
    
    .alertCalMid {
        background: #ffffff;
        padding: 0 1em;
        border: 1px solid black;
        border-width: 0 1px;}
    
    .alertCalInner {
    background: #ef4623 url(/images/calendar_bg.png) top repeat-x;
    width: auto;}
    
        .alertCalInner .roundedStencil div {
            border-color: #ffffff;
            width: auto;}
            
    #alertCalendar h3 {
        font-weight: normal;
        font-size: 200%;
        margin: 0 0 0.2em 0.5em;
        padding: 0;
        float: left;
        font-family: "Century Gothic", Arial, Verdana, Helvetica, "Luxi Sans", sans-serif;
        display: inline;}
        
    #alertCalendar a.close {
        float: right;
        color: #000000;
        margin-right: 1em;}
        
    #alertCalendar table {
        margin: 0 0.5em;
        clear: both;
        text-align: center;}
        
        #alertCalendar table td {
            padding: 0.1em 0.2em;
            width: auto;}
            
        #alertCalendar table tr.days td {
            color: #000000;}
        
        #alertCalendar table td.newMonth {
            color: #8c8c8c;}    
       
        #alertCalendar tr.period1 td {
            background: #CBDB2A;
            color: #3F403F;
            border-bottom: 2px solid #EF4623;}
            
        #alertCalendar tr.period2 td {
            background: #F5841F;
            color: #3F403F;}
            
        #alertCalendar tr.dates td {
            padding-top: 0.5em;}
            
        #alertCalendar td.order {
            border-left: 2px solid #EF4623;}
            
/* basic layout */
#main {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;}
    
    #main .column {
        float: left;
        height: 100%;
        padding-bottom: 30000px;
        margin-bottom: -30000px;}
        
    #leftCol, #rightCol {
        width: 2.4%;}
        
    #middleCol {
        width: 95.2%;
        overflow: hidden;}
        
div.calendar {
    z-index: 100;}

table.listOrders {
    border-collapse: collapse;}
    
table.listOrders th {
    padding: 0 0.5em 0 0;
    color: #06A34A;
    text-align: left;}
    
table.listOrders td {
    padding: 0.2em 0.8em 0.2em 0;}
    
table.listOrders tr.even td {
    background: #cccccc;}

ul.links {
    list-style-type: none;}
    
ul.links li {
    padding: 0.5em;}
    
    ul.links li.even {
        background-color: #F5EFEB;}