body {
    margin: 0;
    padding: 0;
    background: url(../images/body.jpg);
    text-align: center;
    font-family: verdana;
    font-size: 10px;
}

body img, img {
    border: none;
}

body img {
    margin: 0;
}

body, html {
    height: 100%
}

body table {
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

body h2, body h3 {
    text-align: left;
    text-transform: capitalize;
    letter-spacing: .5px;
}

body dt {
    font-weight: bold;
}

body[type =
"submit"] {
    border: 2px solid #434200;
    color: #434200;
    background: #FFF;
}

div#container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 850px;
    height: 100%;
}

form {
    margin: 0;
    padding: 0
}

table td, tr {
    font: 12px / 14px tahoma, arial, helvetica, sans-serif;
    color: #5C5741;
    vertical-align: top;
    text-align: left;
}

.end {
    color: #E7E6C5;
    text-decoration: none;
    font-size: 12px;
}

.end a {
    color: #FBBE2D;
    text-decoration: none;
    font-size: 12px;
}

.end a:hover {
    color: #FBBE2D;
    text-decoration: underline;
    font-size: 12px;
}

.m1 {
    background-image: url(../images/m1.jpg);
    background-repeat: no-repeat;
}

.m1m {
    background-image: url(../images/m1m.jpg);
    background-repeat: no-repeat;
}

.m2 {
    background-image: url(../images/m2.jpg);
    background-repeat: no-repeat;
}

.m2m {
    background-image: url(../images/m2m.jpg);
    background-repeat: no-repeat;
}

.m3 {
    background-image: url(../images/m3.jpg);
    background-repeat: no-repeat;
}

.m3m {
    background-image: url(../images/m3m.jpg);
    background-repeat: no-repeat;
}

.m4 {
    background-image: url(../images/m4.jpg);
    background-repeat: no-repeat;
}

.m4m {
    background-image: url(../images/m4m.jpg);
    background-repeat: no-repeat;
}

.m5 {
    background-image: url(../images/m5.jpg);
    background-repeat: no-repeat;
}

.m5m {
    background-image: url(../images/m5m.jpg);
    background-repeat: no-repeat;
}

.m6 {
    background-image: url(../images/m6.jpg);
    background-repeat: no-repeat;
}

.m6m {
    background-image: url(../images/m6m.jpg);
    background-repeat: no-repeat;
}

.m7 {
    background-image: url(../images/m7.jpg);
    background-repeat: no-repeat;
}

.m7m {
    background-image: url(../images/m7m.jpg);
    background-repeat: no-repeat;
}

.m8 {
    background-image: url(../images/m8.jpg);
    background-repeat: no-repeat;
}

.m8m {
    background-image: url(../images/m8m.jpg);
    background-repeat: no-repeat;
}

.sideBarTd {
    background: url(../images/xxx.jpg) top right;
    width: 170px;
    height: 100%;
    vertical-align: top;
    color: #FFFFFF
}

div.sideBarDiv {
    padding: 5px;
    padding-top: 10px
}

td.contentTd {
    height: 100%;
    padding: 0px;
}

.headerTd {
    background: #000000;
}

#headerFlash div {
    padding: 0px;
    width: 700px;
    text-align: left;
    background: #000;
    margin: 0px;
}

.footerTd {
    background-color: #211E0C;
    padding: 3px;
    color: #E7E6C5;
    text-align: center;
    font-size: 10px;
}

.footerTd a {
    color: #E7E6C5;
}

#containerTable {
    width: 100%;
    height: 100%;
    position: relative;
    border: 1px solid #000000;
}

table.contentTable {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #DDD6B6;;
}

a {
    color: #434200;
    text-decoration: underline;
}

a:hover {
    color: #434200;
    text-decoration: none;
}

strong a {
    color: #1D5256;
    text-decoration: none;
    font-weight: normal;
    font-style: italic;
}

strong a:hover {
    color: #1D5256;
    text-decoration: underline;
    font-weight: normal;
    font-style: italic;
}

div.contentDiv {
    padding: 10px
}

div.sideBarDiv a {
    color: #E7E6C5;
}

.form1 td input {
    width: 171px;
    height: 19px;
    border: 1px solid;
    background-color: #504931;
    padding: 1px 0 1px 6px;
    color: #73654B;
    font-weight: bold;
    font-family: tahoma
}

td.contentTableContentTd {
    background: #FFF;
    background-position: bottom left;
    background-repeat: repeat-x;
    padding-bottom: 15px;
}

.r1 li {
    background: url(../images/ch_1.gif) center left no-repeat;
    margin: 0 0 0 0;
    padding: 1px 0 0 9px;
}

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

.r2 li {
    background: url(../images/ch_2.gif) center left no-repeat;
    margin: 0 0 0 0;
    padding: 1px 0 0 9px;
}

.r2 li a {
    line-height: 18px;
    color: #E7E6C5;
    text-decoration: underline;
    font-weight: normal;
    background-position: left center;
}

.r2 li a:hover {
    text-decoration: none;
    color: #E7E6C5
}

h2 {
    line-height: 18px;
}

.deep td {
    color: #E7E6C5;
    font-size: 12px;
}

.deep td strong {
    color: #FBBE2D;
    font-size: 12px;
    font-weight: normal;
}

.deep td b a {
    color: #FBBE2D;
    text-decoration: none;
    font-weight: normal;
    font-style: italic;
}

.deep td b a:hover {
    color: #FBBE2D;
    text-decoration: underline;
    font-weight: normal;
    font-style: italic;
}

.form td input {
    width: 185px;
    height: 19px;
    border: 1px solid;
    background-color: #504931 #DAD5C2 #DAD5C2 #504931;
    padding: 1px 0 1px 6px;
    color: #73654B;
    font-weight: bold;
    font-family: tahoma;
    font-size: 11px;
}

.form td textarea {
    width: 185px;
    height: 86px;
    border: 1px solid;
    background-color: #504931 #DAD5C2 #DAD5C2 #504931;
    padding: 1px 0 1px 6px;
    color: #73654B;
    font-weight: bold;
    font-family: tahoma;
    overflow: auto;
    font-size: 11px;
}

.cc strong {
    color: #434200;
    font-weight: normal
}

.floatingInputSmall {
    float: left;
    width: 200px;
    border: 1px solid #434200;
    margin: 3px;
}

.floatingInputSmall ul {
    display: inline;
    padding: 1px;
    margin: 0px;
}

.floatingInputSmall ul.left {
    position: relative;
    width: 150px;
}

.floatingInputSmall ul.right {
    width: 50px;
    text-align: right;
}

.inputFloatBox {
    height: 1%;
    position: relative;
    clear: left;
}

.submitDiv {
    clear: left;
}

.roleSwitcher {
    font-family: Helvetica;
    font-size: smaller;
    text-align: center;
    text-transform: uppercase;
}

.transactionHistory {
    width: 100%;
}

.transactionHistory td {
    padding: 3px;
}

.transactionHistory th {
    text-align: center;
}

div#adminMenuDiv div {
    float: left;
    margin-right: 2px;
    font-size: 11px;
    clear: both;
    width: 200px;
    border: 1px solid #CCCCCC;
    padding: 0px;
    margin-top: 1px;
    margin-top: 1px;
}

div#adminMenuDiv a {
    text-decoration: none;
}

div#adminMenuDiv a:hover {
    color: #000000;
}

div#adminMenuDiv {
    line-height: 20px;
}

td#headerMenu ul {
    padding: 3px;
    font-weight: normal;
}

td#headerMenu ul a {
    text-decoration: none;
    padding-bottom: 5px;
}

.defaultBox, .defaultBox dt, .defaultBox h4 {
    line-height: 1.5em;
    margin-bottom: 4px;
}

.defaultBox {
    background: #FFFFFF;
    color: #000;
    padding: 5px;
    line-height: 13px;
    font-size: 11px;
}

.defaultBox .buttonLink {
    font-size: .9em;
}

.limitedAddons a.buttonLinkHigh {
    text-decoration: none;
    background: #CC6600;
    color: #FFFFFF;
    border: 1px solid #663300;
    font-size: .9em;
    padding: 2px;
    margin: 1px 1px 3px 1px;
}

.defaultBox .buttonLink, .buttonLink {
    text-decoration: none;
    background: #DDD6B6;
    color: #434200;
    border: 1px solid #434200;
    padding: 1px;
    margin: 1px;
}

.buttonLink:hover {
    background: #434200;
    color: #DDD6B6;
}

.pastDelivery {
    color: #434200;
}

.yes {
    color: #006600;
    font-weight: bold;
}

.no {
    color: #990000;
    font-weight: bold;
}

.checkboxBox {
    float: left;
    border: 1px solid #CCC;
    padding: 2px;
    width: 160px;
    margin: 5px;
    text-align: left;
    background: #FFFFFF;
}

.commentBox {
    padding: 5px;
    background-color: #EEEEEE;
    border: 1px solid #CCC;
}

.clear {
    clear: both;
    position: relative;
}

div#recipeCommodity {
    margin-top: 10px;
}

li, ul {
    list-style: none
}

.address, .address td {
    font-size: 11px;
}

.rightSideBox {
    background: #DDD6B6;
    border: 1px solid #211E0B;
    padding: 3px;
    margin: 1px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.rightSideDarkBox {
    background: #211E0B;
    color: #DDD6B6;
    padding: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.rightSideBox a, .rightSideDarkBox h2 a, .rightSideBox a:visited, .rightSideBox {
    color: #211E0B;
}

.betaPage {
    border: 2px solid #FF9933;
    color: #000;
    padding: 5px;
    margin: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    vertical-align: middle;
}

.checkboxBox {
    border: 1px solid #CCC;
    padding: 3px;
    float: left;
    width: 200px;
}

.alert {
    margin-top: 5px;
    font-size: 10px;
    text-align: center;
    background: #99FF99;
    border: 1px solid #006600;
    color: #000;
    padding: 3px;
    display: none;
}

.projectionRowTr:hover {
    background: #CCFFFF;
}

.tinyTr {
    width: .5px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.ajaxLoading {
    background: #99FF99;
    padding: 10px;
}

.bannerError {
    border: 1px solid #110000;
    background: #990000;
    color: #FFF;
    padding: 5px;
}

.errorBox {
    color: #FFF;
    background: #990000;
    margin: 3px;
    border: 1px solid #000;
    padding: 3px;
    line-height: 1.2em;
}

.error-td {
    color: #CC0000;
    font-weight: bold;
}

h4.errorBox a {
    color: #FFF !important;
}

.userAlert {
    border: 1px solid #000000;
    background: #CC0000;
    color: #FFFFFF;
    padding: 5px;
}

.limitedQuantity {
    background: #43341D;
    color: #FFFFFF;
    padding: 5px;
}

.cardError {
    background: #CC0000;
    color: #FFF;
}

.addonResult {
    margin-bottom: 5px;
    background: #336633;
    color: #FFF;
    padding: 5px;
    border: 1px solid #003300;
    text-align: left;
}

.weeksSelect {
    margin: 5px 10px 0 10px;
    padding: 5px;
    background: #FFF;
    border: 1px solid #5C5741;
}

.signUpLink {
    float: right;
    padding: 10px;
    text-align: right;
    font-size: 15px;
    font-weight: bold;
}

.error {
    font-size: 12px;
    font-weight: bold;
    color: #CC0000;
}

#roleDisplay dt {
    font-weight: bold;
    margin-top: 5px;
}

#roleDisplay dd {
    line-height: 1.2em;
    margin: 0 0 0 18px;
    padding: 0;
}

.noDeliveryTr td {
    background: #EEE;
    color: #CCC;
}

.devAlert {
    background: #F7F7F7;
    opacity: .3;
    font-size: 6em;
    width: 600px;
    padding: 2px;
    color: #CCC;
    z-index: 101;
    top: 30%;
    left: 20%;
    position: absolute;
    border: 1px solid #CCC;
}

.rightSideDarkBox h2 {
    border: none;
    background: #F7BB2C;
    color: #211E0B;
    font-size: 12px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#cancellations dt {
    font-weight: bold;
    font-size: 1.1em;
    margin-top: 7px;
    text-transform: capitalize;
    font-weight: normal;
}

dl#cancellations {
    line-height: 1.2em;
}

#cancellations dd {
    padding-left: 5px;
}

#recipeSearch {
    text-align: right;
}

ul.leftMenu li {
    font-size: .95em;
    color: #FBBE2D;
}

ul.leftMenu li, ul.leftMenu li a {
    color: #FBBE2D;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

ul.leftMenu li a:hover {
    color: #DDD6B6;
}

ul.leftMenu {
    padding: 0;
    margin: 0;
}

ul.leftMenu li {
    padding: 1px;
}

#headerMenu div {
    padding: 0 5px 0 5px;
    position: relative;
}

/*
 #headerMenu div ul { margin:0; padding:2px; list-style:none; width:130px;}
 #headerMenu div ul a {color:#FBBE2D; font-size:11px; text-decoration:none}
 #headerMenu div ul.here a {color:#FFFFFF; font-weight:normal}
 #headerMenu div ul a:hover {color:#FBBE2D; text-decoration:underline}
 #headerMenu div ul a:visited { color:#FBBE2D; }
 */
#this, .adminTable {
    width: 97%;
    margin: auto;
    margin-top: 10px;
    border: 1px solid #DCCFB2;
    background: #FFFFFF;
}

table.adminTable tfoot td input {
    background: #DCCFB2;
    border: 1px solid #54503C;
    padding: 3px;
    padding: 3px 10px 3px 10px;
    font-size: 1em;
}

.adminTable td {
    border: 1px solid #DCCFB2;
}

#this td, .adminTable td {
    padding: 2px;
}

.shaded {
    background: #DCCFB2;
}

#this th a, .adminTable th a {
    color: #FFFFFF;
}

.adminTable td a {
    color: #54503C;
    text-transform: capitalize;
}

#this th, .adminTable th {
    background: #54503C;
    color: #FFFFFF;
    padding: 3px;
}

#adminTable {
    border: 2px solid #000000;
    padding: 3px
}

#adminTable td {
    border: 1px solid #CCCCCC;
    vertical-align: bottom;
}

.inactiveTerritory h3 {
    text-align: left;
    margin: 0;
    padding: 0;
}

.inactiveTerritory {
    margin: 0 10px 0 10px;
    position: relative;
    top: 10px;
    padding: 6px;
    color: #990000;
    background: #FFF;
    border: 1px solid #440000;
}

div#subscribersDashboard {
    width: 200px;
}

#subscribersDashboard dl {
    background: #FFF;
    color: #434200;
    border: 1px solid #434200;
    padding: 5px;
    font-size: .9em;
}

#subscribersDashboard a.buttonLink {
    border: 1px solid #CC9966;
    /*	color:#346369;*/
    color: #663300;
    margin: 1px;
    display: block;
    font-size: .95em;
}

#subscribersDashboard a.buttonLink:hover {
    color: #CC9966;
    background: #663300;
}

#subscribersDashboard dd {
    padding: 0px;
    margin: 0 0 0 1px;
}

#subscribersDashboard dt {
    font-weight: bold;
    font-size: 1.1em;
}

#subscribersDashboard h4 {
    padding: 2px;
    border-bottom: 1px solid #FFF;
}

.checkboxFloat {
    width: 170px;
    padding: 3px;
    background: #F7F7F7;
    float: left;
    margin: 1px;
}

ul.noPaddingUl {
    padding: 0;
    margin: 0;
}

.routesLi {
    width: 150px;
    border: 1px solid #54503C;
    background: #FFFFCC;
    padding: 2px;
    margin: 2px;
}

dd a.removeAddon {
    text-decoration: none;
    color: #663300;
}

dd.pendingAddons a {
    color: #222;
}

dd.pendingAddons {
    background: #FF9933;
    padding: 3px;
    color: #000;
    border: 1px solid #000;
}

div.aboutBox {
    padding: 5px;
    border: 1px solid #663300;
    background: #FFFFCC;
    color: #000;
}

.limitedTimeFrame {
    background: #99CC99;
    color: #000;
    border: 1px solid #669966;
    padding: 5px;
}

div.alertBox {
    margin-top: 5px;
    font-size: 1.2em;
    text-align: left;
    background: #99FF99;
    border: 1px solid #006600;
    color: #006600;
    padding: 5px;
    letter-spacing: .1em;
    margin-bottom: 5px;
}

div.alertBox a {
    color: #000;
    font-weight: bold;
}

.new {
    color: #CC0000;
    vertical-align: super;
    font-size: .8em;
    font-weight: bold;
    text-transform: uppercase;
}

.organicMessage {
    background: #99CC99;
    color: #003300;
    border: 1px solid #003300;
    padding: 5px;
}

table.signup[type =
"submit"] {
    border: 1px solid #5C5741;
    background: #FFF;
    padding: 5px;
    font-size: 1.1em;
}

table.signup {
    width: 98%;
    margin: 1%;
}

table.signup td {
    border: 1px dotted #5C5741;
    padding: 3px;
}

table.signup td input {
    padding: 5px;
    font-size: 1.1em;
}

.columnTwo {
    text-align: left;
}

.columnOne {
    text-align: right;
    font-size: 1.1em;
    vertical-align: middle;
}

.validation-advice {
    background: #990000;
    color: #FFF;
    padding: 5px;
    margin: 2px;
}

table.signup-table td {
    padding: 5px;
}

.territory-signup-options h4 {
    padding: 3px;
    margin: 0;
}

.territory-signup-options {
    background: #FFF;
    padding: 10px;
}

.territory-delivery-site {
    width: 400px;
}

.choose-delivery-site {
    float: right;
    text-align: right;
    width: 230px;
}

.territory-signup-list {
    display: block;
    clear: both;
    padding-top: 10px;
    border-top: 1px dotted #5C5741;
}

.delivery-option label, .no-delivery-option label {
    margin: 0;
    padding: 0;
}

.delivery-option, .no-delivery-option {
    padding: 3px;
    margin: 1px;
    border: 1px dotted #54503C;
    display: block;
}

.delivery-option-selected {
    color: #006600;
}

.no-delivery-option-selected {
    background: #CC0000;
    color: #FFF;
}

.custom-delivery-site {
    font-size: .8em;
    background: #1D5256;
    margin-top: 2px;
    display: block;
    padding: 2px;
    color: #FFF;
}

.passcode-required {
    background: #990000;
    color: #FFF;
    padding: 5px;
}

a.edit-item-link {
    color: #003300;
    font-weight: normal;
    text-decoration: none;
}

a.edit-item-link:hover {
    color: #000;
    text-decoration: underline;
}

div#subscriberMenu {
    padding: 2px;
}

.menuLink {
    border: 1px solid #434200;
    text-decoration: none;
    background: #37656B;
    color: #FFF;
    padding: 3px 2px 3px 2px;
    margin: 1px;
    line-height: 20px;
}

.menuLink:hover {
    background: #DDD6B6;
    color: #000000;
}

.inactive-row {
    background: #EEE;
    color: #999;
}

.active-row {
    background: #FFF;
}

.surcharge-warn {
    background: #003300;
    color: #FFF;
    padding: 3px;
    display: block;
    margin: 3px 0 0 0;
}

.no-deliveries {
    color: #CC6600;
    font-weight: bold;
}

.step3-top-text {
    font-size: 1.1em;
    line-height: 1.2em;
    padding: 10px;
}

.territory-inactive {
    color: #CC6600;
    font-weight: bold;
    text-transform: capitalize;
}

.territory-active {
    color: #336633;
    font-weight: bold;
    text-transform: capitalize;
}

.territory-disabled {
    color: #CC0000;
    font-weight: bold;
    text-transform: capitalize;
}

.territory-listing-title {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 3px;
    display: block;
}

dl.pastDeliveryWeek {
    background: #DDD6B6;
    opacity: .7;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

#mb_contents {
    font-family: verdana;
    font-size: .8em;
    text-align: left;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

tr.light-border td {
    border: 1px solid gray;
}

.hidden {
    display: none;
}

.addon-route-list {
    max-height: 120px;
    overflow: auto;
    width: 200px;
}

.browse-select {
    width: 30%;
    float: left;
    background: #FFF;
}

.continue-link {
    text-align: right;
}

.continue-link a {
    background: #DDD6B6;
    border: 1px solid #434200;
    padding: 3px;
}

.areaList dd {
    line-height: 16px;
}

.areaList dt {
    margin-top: 5px;
    letter-spacing: .3em;
    font-weight: bold;
    padding: 5px;
    background: #DDD6B6
}

.areaList dd {
    line-height: 16px;
}

.areaList dt {
    margin-top: 5px;
    letter-spacing: .3em;
    font-weight: bold;
    padding: 5px;
    background: #DDD6B6
}