/* THE BASICS */ body {font: 80% Trebuchet MS, sans-serif; margin: 0; padding: 0; background-color: #FFF;} h1 {font: 2.5em 'Trebuchet MS', Times, serif; margin: .25em 0; color:#006600;} h2 {font: 1.75em 'Trebuchet MS', Times, serif; margin: .25em 0; color:#006600;} h3 {font: 1.5em 'Trebuchet MS', Times, serif; padding: 0; margin: 0; color:#006600;} h4 {font: 1.4em 'Trebuchet MS', Times, serif; margin: 0 0 0 1em; padding: 0; color:#006600;} h5 {font: 1.3em 'Trebuchet MS', Times, serif; margin: 0; color:#006600;} p {margin:.5em 0; padding: .5em 0;} em {font-weight:normal; font-style: italic;} strong {font-weight: bold;} img {padding: 0; margin: 0;} img.left {float:left; padding:1px; margin: 0 .75em 0 0;} img.leftclear {float:left; padding:1px; margin: 0 .75em 0 0; clear:both;} img.right {float:right; padding:1px;} a:link {text-decoration: none; color: #FF6633;} a:visited {text-decoration: none; color: #FF6633;} a:active {text-decoration: none; color: #FF6633;} a:hover {text-decoration: underline; color: #FF9900;} a img {border: none;} a img.border {border: 1px solid #FF6633; padding:1px; margin: 0;} a img.border:hover {border: 1px solid #FF9900; padding:1px; margin: 0;} /* EPIC DIVS */ #everything {max-width: 61em; height: 100%; border: 1px #F3EFE0 solid; margin: auto; padding: 0; background-color: #fff;} /*\*/ * html #everything {width: 61em; height: auto; border: 1px #F3EFE0 solid; margin: auto; padding: 0; background-color: #fff;} /**/ #topcontainerlog {width: 100%; min-height: 10.5em; padding: 0; margin: 0; background-image: url('http://www.bostonorganics.com/fresh_images/decent2_logo.jpg'); background-repeat:no-repeat; background-position: .5em 0em; display: block;} #headersloganlog {float: left; margin: 5em 0 0 57%; background-color: #fff; font-weight: bold; color:#006600; font-size: 115%; width: auto;} /*\*/ * html #headersloganlog {float: left; margin: 5em 0 0 15em; display: block; background-color: #fff; font-weight: bold; color:#006600; font-size: 115%; width: auto;} /**/ #topcontainer {width: 100%; padding: 0; margin: 0; background-color: #fff; display: block; min-width: 60em;} /* */ /*\*/ * html #topcontainer {width: 100%; padding: 0; margin: 0; background-color: #fff; display: block;} /**/ #invoiceheader {display: none;} #header {width:100%; padding: 0; margin: 0;} a.headerlink:link {color: #006600;} a.headerlink:visited {color: #006600;} a.headerlink:hover {color: #006600; text-decoration: underline;} a.headerlink:active {color: #006600;} #headerslogan {float: right; margin: 5em .75em 0 0; display: block; background-color: #fff; font-weight: bold; color:#006600; font-size: 1.2em; width: auto; padding: 0;} #navhide {display:none;} .visclick {font-size:90%; font-weight:normal; width: auto;} /* navigation holds nav details 3-30-10 switched to nav 2 use for login */ /* #navigation {clear: both; font-family: 'Trebuchet MS', Trebuchet, Geneva, Arial, sans-serif; height: auto; overflow: auto; border: 1px solid #dae89b; background-color: #FFFFCC; display:block; margin: .25em auto 0 auto; padding: 0; width: 97%;} #nav {clear: both; float: left; list-style: none; font-weight: bold; margin: 0; padding: 0; font-size: 120%;} #nav li a {display: block; color: #6c7d50; text-decoration: none; margin: 0; padding: .25em 1.25em .25em .25em;} #nav li {float: left; text-align: center; } #nav li a:hover {color: #FF9900; display:block;} #nav li ul {list-style: none; position: absolute; left: -999em; height: auto; font-weight: normal; border: 1px solid #dae89b; border-width: 1px 1px 1px .25em; background-color: #F7FAEB; margin: 0 0 0 .25em; padding: 0; font-size: 90%;} #nav li li {padding: 0; margin: 0; text-align: left; width: 100%;} #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;} #nav li li:hover, #nav li li.sfhover {background: #fff;} #nav #home ul {} #nav #how ul {width: 17em;} #nav #about ul {width: 17em;} #nav #pbox ul {width: 17em;} #nav #addon ul {width: 17em;} #nav #contact ul {width: 14em;} */ /* navigation2 holds nav details current menu contents */ #navigation {clear: both; font-family: 'Trebuchet MS', Trebuchet, Geneva, Arial, sans-serif; height: auto; overflow: auto; border: 1px solid #dae89b; background-color: #FFFFCC; display:block; margin: .25em auto 0 auto; padding: 0; width: 97%; min-width: 60em;} /*\*/ * html #navigation {clear: both; font-family: 'Trebuchet MS', Trebuchet, Geneva, Arial, sans-serif; height: auto; overflow: auto; border: 1px solid #dae89b; background-color: #FFFFCC; display:block; margin: .25em auto 0 auto; padding: 0; width: 97%; } /**/ #nav {clear: both; float: left; list-style: none; font-weight: bold; margin: 0; padding: 0 0 0 .5em; font-size: 110%;} /* 0 0 .75em */ #nav li a {display: block; color: #6c7d50; text-decoration: none; margin: 0; padding: .25em 1.25em .25em .25em;} /* padding: .25em 1.25em .25em .25em; */ #nav li {float: left; text-align: center; } #nav li a:hover {color: #FF9900; display:block;} #nav li ul {list-style: none; position: absolute; left: -999em; height: auto; font-weight: normal; border: 1px solid #dae89b; border-width: 1px 1px 1px .25em; background-color: #F7FAEB; margin: 0 0 0 .25em; padding: 0; font-size: 90%;} #nav li li {padding: 0; margin: 0; text-align: left; width: 100%;} #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;} #nav li li:hover, #nav li li.sfhover {background: #fff;} #nav #home ul {} #nav #how ul {width: 17em;} #nav #about ul {width: 17em;} #nav #pbox ul {width: 17em;} #nav #addon ul {width: 17em;} #nav #customer ul {width: 18em;} #nav #contact ul {width: 12.5em;} #nav #signupspecial {padding-right: 0; margin-right: 0;} #nav #signupspecial a {padding-right: 0; margin-right: 0;} #nav #signupspecial a:hover {padding-right: 0; margin-right: 0;} /* #nav2 li a:hover #signupspecial {padding: 0;} */ /* #signupspecial {padding: .25em 0 .25em .25em;} #nav2 li a #signupspecial {display: block; color: #6c7d50; text-decoration: none; margin: 0; padding: padding: .25em 0 .25em .25em;} #nav2 li #signupspecial {float: left; text-align: center; } #nav2 li a:hover #signupspecial {color: #FF9900; display:block;} #nav2 li ul #signupspecial {list-style: none; position: absolute; left: -999em; height: auto; font-weight: normal; border: 1px solid #dae89b; border-width: 1px 1px 1px .25em; background-color: #F7FAEB; margin: 0 0 0 .25em; padding: 0; font-size: 90%;} #nav2 li li #signupspecial {padding: 0; margin: 0; text-align: left; width: 100%;} #nav2 li:hover ul #signupspecial, #nav2 li li:hover ul #signupspecial, #nav2 li.sfhover ul #signupspecial, #nav2 li li.sfhover ul #signupspecial {left: auto;} #nav2 li li:hover #signupspecial, #nav2 li li.sfhover #signupspecial {background: #fff;} */ /* breadcrumb menu attributes */ #crumbmenu {height: auto; border: 1px solid #dae89b; clear: both; margin: .25em auto 0 auto; width: 97%; font-size:110%; font-weight: bold; padding: .25em 0; background-color: #fff; overflow: auto;} #hidemenu {display: none;} #viewmenu {display: block;} #crumbmenuinfo {float:left; margin: 0 0 0 .25em;} #crumbmenulog {float:right; margin: 0 .5em 0 .25em;} #crumbmenulog a {color: #FF6600;} #crumbmenulog a:hover {color: #FF0000;} #crumbmenulog a:active {color: #FF0000;} /*content holds content and footer*/ #content {clear:both; max-width: 100%; background-color: #fff; margin: 0 1em; padding: 0 1em;} /*\*/ * html #content {width: 58em; clear:both; margin: 0 0 0 1em; padding: 0;} /**/ #contentleft {float:left; width: 20%; } /* nest inside of content for left menu options not in use? */ #contentright {float: left; width: 77%; padding: 0 0 0 .5em; margin: 0;} /*92209backup margin-left 23% not in use? */ #contentleftrighttopper {clear: both; float: left; width: 100%; text-align:left; background-color: #fff;} #contentleftfifty {float:left; width: 40%} /* nest inside of content for 50/50ish options */ #contentrightfifty {margin-left: 45%;} #leftfifty {float: left; width: 50%} /* nest inside of content for 50/50ish options #DAE89B */ #rightfifty {float: right; width: 50%;} /* float: right; width: 59%; */ /* #contentrightfifty #logoutbutton {margin-top: 20px; margin-bottom: 20px;} #contentrightfifty #switchbutton {margin-top: 20px; margin-bottom: 20px;} */ #contentleftlogin {float:left; width: 60%;} #contentrightlogin {float: left; width: 35%; margin: 20px 0px 0px 4px; } /*width: 35%; margin-top:18px; margin-left: 5px;*/ #contentleftfifty2 {clear:both; float: left; width: 39%} /* nest inside of content for 50/50ish options */ #contentrightfifty2 {float: right; width: 59%;} #contentregion{clear: both;} #contentsortofcenter {width: 70%; margin-left:auto; margin-right:auto;} /* nest inside of content */ #footer {clear: both; color: #6c7d50; font-size: 1em; background-color: #fff; padding: .5em 0;} /* B0BB73 */ a.footerlink:link {color: #6c7d50; background-color: transparent;} /* to style site map link */ a.footerlink:visited {color: #6c7d50; background-color: transparent;} a.footerlink:hover {color: #6c7d50; background-color: #fff; text-decoration: underline;} a.footerlink:active {color: #6c7d50; background-color: transparent;} /* BLOG STUFF */ .bloggallery {max-width: 225px; margin-left: auto; margin-right: auto; margin-bottom: 25px; } #gallerycontent {max-width: 60%; margin-left: auto; margin-right: auto; margin-bottom: 25px;} #gallerycontent2 {max-width: 356px; margin-left: auto; margin-right: auto; margin-bottom: 25px;} /* #gallerycontent3 {max-width: 428px; margin-left: auto; margin-right: auto; margin-bottom: 25px;} */ #gallerycontent3 {max-width: 428px; padding-left: 27px; margin-bottom: 25px;} /*\*/ * html #gallerycontent {width: 450px; margin-left: auto; margin-right: auto; margin-bottom: 25px;} /**/ /*\*/ * html #gallerycontent2 {width: 356px; margin-left: auto; margin-right: auto; margin-bottom: 25px;} /**/ /*\*/ * html #gallerycontent3 {width: 428px; padding-left: 27px; margin-bottom: 25px;} /**/ .galleryonblog {width: 75%; display:block; margin-left: auto; margin-right: auto; padding: 0;} .nails {width: 60px; height: 60px; border: 1px solid #FF6633; padding:1px; margin: 2px;} .nails:hover {width: 60px; height: 60px; border: 1px solid #FF9900; padding:1px; margin: 2px;} #leftblog {clear:both; float:left; width: 65%; margin-top: 5px;} /* nest inside of content for 50/50ish options */ #leftblog h1 {font: 2.5em 'Trebuchet MS', Times, serif; margin: 0; color:#006600;} /* -5px 0px 0px -5px */ #leftblog h2 {font: 1.75em 'Trebuchet MS', Times, serif; margin: 0px; color:#006600;} #leftblog p {margin:5px 1em; padding:5px 0px;} #leftblog p .leftindent {margin:5px; padding:5px;} /*\*/ * html #leftblog h1 {margin: 0px;} /**/ /*\*/ * html #leftblog h2 {margin: 0px;} /**/ #leftblog .blognavmenu {width: 100%; float: left; margin-bottom: 5px; font-size: small; border: 1px solid #DEDEDE; padding: 2px; text-align:center; } #leftblog .blognavmenunoborder {width: 100%; float: left; margin-bottom: 5px; font-size: 15px;} .postmetadata {font-size: 10px;} .postmetadata .alt {font-size: 10px;} #leftblog p img {display:block; margin: 2px auto; padding: 0px;} #rightblogmenu {float:right; background: #F7FAEB; border:1px solid #DEDEDE; padding: 5px; margin-top:5px; width: 30%;} #rightblogmenu li {list-style: none; margin-left: -20px;} #rightblogmenu h1 {font: 1.5em 'Trebuchet MS', Times, serif; padding: 0; margin: 0px; color:#006600;} #rightblogmenu h2 {font: 1em 'Trebuchet MS', Times, serif; padding: 0; margin: 0px; color:#006600;} #comment {width: 99%;} #commentform {width: 95%;} #commentform ul li {list-style: none;} /* CLASSES */ .pagetarget {position:absolute;} /*top of page target*/ .linkbreak{display: block;} .blue {color: #3333CC;} /*just in case*/ .red {color: #CC3333;} .green {color:#006600;} .newsbold {font-weight: bolder;} /* for highlighting updates, new item titles, etc */ .newsboldbreak {font-weight: bolder; display:block;} .redbold {font-weight: bold; color:#FF0000;} /* for NEW, etc */ .redboldbreak {font-weight: bold; color:#FF0000; display:inline;} .bluetext {color:#0099FF;} /* for notes */ .outofstock {font-weight: bold; color:#663300;} .productnote {font-weight: bold; color: #996633;} .greenbold {font-weight: bold; color:#006600;} .redstar {color:#FF0000;} .prodbox {margin: 0; padding: 0; float: left;} .badges {vertical-align:middle; padding: 0; margin: 0; float: right;} a:hover .prodbox {opacity:0.9;filter:alpha(opacity=90);} a:hover .badges {opacity:0.9;filter:alpha(opacity=90);} .boxtitle {font-weight: bolder;} /* for box names in this weeks box array */ .fruittext {font-size: 90%; color: #663300;} /* for fruit items in this weeks box array*/ .tablenumber {font: 1.75em 'Trebuchet MS', Times, serif; margin-top: 0; margin-bottom: .3em; color:#006600;} .tableheading {font: 1.1em 'Trebuchet MS', Times, serif; font-weight:bold; padding: 0; margin: 0; color:#006600;} .vegtext {font-size: 90%; color: #006600;} .dotspacer {font: 2em 'Trebuchet MS', Times, serif; color:#006600; margin-left: 50%;} .newcity {font-weight:bold; color: #006600} .daychange {font-weight:bold; color: #CC3300} .h1sub {font: 2.5em 'Trebuchet MS', Times, serif; color:#006600; margin-bottom: .3em;} .tablenumbercenter {text-align:center; font: 1.75em 'Trebuchet MS', Times, serif; margin-top: 0; margin-bottom: .3em; color:#006600;} .orderheading {font-weight: bold; font-size: .5em;} /*12px*/ .orangeheading {font-size: 1.5em; color: #FF9900;} .loginli {margin-left: 1em; padding-left: 1em; } .nolistlabel {font-weight: normal; display: block; float: left; width: auto; text-align: left; padding-right: 0%; margin: 0; clear:both;} .textboxlabel { margin-left: auto; margin-right: auto; font-weight: normal; display: block; width: auto; text-align: center; padding: 0; clear:both;} .invoicebox {border: 1px solid #dedede; margin-bottom: 3em; padding: .5em;} /* add on page formatting stuff */ #safarispacer {height:30em; width:auto; clear: both;} .addonheadergroup {float: left; padding: 0 0 0 1em; margin: 0; max-width: 28em;} .addonbox {background-color:#FFFFCC; padding: 1em; margin: 0; width: auto; height: auto; clear:both; display:block;} .addonboxborder {background-color:#FFFFCC; border: 1px solid #dae89b; padding: 1em; margin: 0; width: auto; height: auto; clear:both; display:block;} /*clear:right; */ .addonbutton {float:right; margin: 0; padding: 0;} .addonlinks {display: block; clear: both; text-align: right; padding: .5em 0; margin: .5em 0;} .addonthumb {float: left; height: 60px; width: 60px;} .addondes {clear:both;} /*{clear: both;} margin-top: .5em; padding-top: .5em; */ .addsummary {width: 100%; border: 1px solid #dedede; padding: .25em; margin: 0;} .nothingspacer {font-size: 1%;} .addonheading {color: #006600; font-weight: bold; text-align: center;} .addondetails {text-align: center; border: 1px solid #dedede;} .addondetailsbold {text-align: center; border: 1px solid #dedede; font-weight: bold; width: 12em;} .addonqtpriceedit {width: 3em; border: 1px solid #dedede;} .boxnameboldleft {text-align: left; border: 1px solid #dedede; font-weight: bold; width: 20em;} /*200*/ .addonnamebold {text-align: left; border: 1px solid #dedede; color: #000000; font-weight: normal; width: 20em;} .addonbgcolor {background-color:#FFFFDD;} .deliverytotal {text-align: right;} label.editlabel {display: none;} .galleryonblog {width: 60%; display:block;} /* VACATION DISPLAY FORMATTING */ .vacaheading {color: #006600; font-weight: bold; text-align: center; width:50%;} .vacarow {width:100%; height: 2em; background-color:#fff;} /**/ .vacadate {background-color:#CCEE77; width:25%; float:left; text-align:center; font-weight:bold;} .vacalink {background-color:#fff; width:70%; float:right;} .vacacancel {background-color: #663333; width:25%; float:left; text-align:center; font-weight:bold; color:#999999;} /* ACCOUNT MENU BOX */ .delivbox {float:left; background-color: #FFFFDD; width: 96%; height:auto; text-align: center; line-height: 2em; margin: 0 0 1.5em 0;} /* DELIVERY MENU BOXES split in halves so that things render ok in IE6*/ .boxleft {float:left; background-color: #F1FADC; width: 49%; min-height: 13em; text-align:center; line-height: 2em; margin: 0 0 1.5em 0; border-top: 1px solid #dae89b; border-bottom: 1px solid #dae89b; border-left: 1px solid #dae89b; border-right: none; } /*OLD BG COLOR CCEE77 15px min-height: 158px; min-height: 158px; auto */ .boxright {float:left; background-color: #F1FADC; width: 49%; min-height: 13em; text-align: left; line-height: 2em; margin: 0 0 1.5em 0; border-top: 1px solid #dae89b; border-bottom: 1px solid #dae89b; border-right: 1px solid #dae89b; border-left: none;} /* ie hack is 215 px*/ /*\*/ * html .boxleft {height: 190px;} /**/ /*\*/ * html .boxright {height: 190px;} /**/ /* Mouseover pop-up windows for use in add-ons and this week's box */ .popup {float: left; list-style: none; font-weight: bold; margin: 0; padding: 0;} .popup li a {display: block; color: #FF6633; text-decoration: none; margin: 0; padding: 0;} .popup li {float: left; text-align: left; margin: 0; padding: 0;} .popup li a:hover {color: #FF9900; display: block; text-decoration: underline; margin: 0; padding: 0; } .popup li ul {list-style: none; position: absolute; left: -999em; height: auto; font-weight: normal; font-size:95%; border: 1px solid #dae89b; background-color: #F7FAEB; margin: 0; padding: 0;} /*-999em*/ .popup li li {padding: 0; margin: 0; text-align: center; width: 100%;} .popup li:hover ul, .popup li li:hover ul, .popup li.sfhover ul, .popup li li.sfhover ul {left: auto; margin: 0; padding: 0;} /*-64 0 0 64*/ .popup li li:hover, .popup li li.sfhover {background: #F7FAEB; margin: 0; padding: 0;} .popup .boxinfo ul {padding: 1em; width: 14em; } /*150*/ .popup .addons ul {padding: 0; margin: 0; width: auto;} .popup .addons ul img {margin: 0; padding: 1em; display: block; } /*temporary form fix... the form code below is pasted over from the original css page for the site... it is keeping the forms in check but is interfering with the forms on prototype website in IA folder */ /* Forms */ form { color: #000000; font: 100% "Trebuchet MS", verdana,arial,sans-serif; margin: 0; padding: 10px 10px 10px 10px; width: 600px; border: 1px solid #dedede; background-color: #F7FAEB;} form fieldset {clear: both; border: none;} form legend {padding: 0; font-weight: bold; color: #000000; margin: 0px;} form label { display: block; float: left; width: 200px; text-align: left; font-weight: bold;} form fieldset ol {list-style: none; padding: 0px; margin: 5px 0px 0px 25px;} form fieldset ul {list-style: none; padding: 0px; margin: 5px 0px 0px 25px;} form fieldset li {list-style: none; padding: 0px; margin: 0px;} /* Boy, this stylesheet is getting out of hand. Matt M's stuff starts here. */ /* Style Alert H1 links. */ a#AlertH1:hover {text-decoration: underline; color: white;}