body {background-color: #fff; font: 80% Trebuchet MS, sans-serif; margin: 0px; padding: 0px; }

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: 0px 10px 0px 0px;}
a img.border:hover {border: 1px solid #FF9900; padding:1px; margin: 0px 10px 0px 0px;} 

img.left {float:left; padding:1px; margin: 0px 10px 0px 0px;}
img.leftclear {float:left; padding:1px; margin: 0px 10px 0px 0px; clear:both;}
img.right {float:right; padding:1px;}
img.bottommargin {margin: 0px 0px 6px 0px;}


h1 {font: 2.5em 'Trebuchet MS', Times, serif; margin-left: -5px; margin-top: .3em; margin-bottom: .3em; color:#006600;}
/*\*/ * html h1 {margin-left: 0px;} /**/
h2 {font: 1.75em 'Trebuchet MS', Times, serif; margin-top: 0; margin-bottom: .3em; 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: 0px 0px 0px 10px; padding: 0; color:#006600;}
h5 {font: 1.3em 'Trebuchet MS', Times, serif;  margin: 0; color:#006600;}

/* classes */

em {font-weight:normal; font-style: italic;}
strong {font-weight: bold;}
small {font-size: 11px; margin: 2px 0px;}
.center {text-align:center;}

.bluetext {color:#0099FF;} /* for notes */
.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*/
.newsbold {font-weight: bolder;} /* for highlighting updates, new item titles, etc */
.outofstock {font-weight: bold; color:#663300;} 
.productnote {font-weight: bold; color: #996633;}
.redbold {font-weight: bold; color:#FF0000;} /* for NEW, etc */
.greenbold {font-weight: bold; color:#006600;}
.redstar {color:#FF0000;}
.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:12px;}

.bloggallery {max-width: 225px; margin-left: auto; margin-right: auto; margin-bottom: 25px; }

.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);}


#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;}

/*for add on tables*/

.addonlinks {float:right; padding: 4px 0px 4px 0px;}
.addontables {clear:right;}

.pagetarget {position:absolute;}

.skip-link a, .skip-link span{position: absolute; overflow: hidden; width: 0; height: 0; top:-4em; left:-3em;}

.skip-link a:active, .skip-link a:focus {position: absolute; overflow: visible; width: auto; height: auto;
 font: 1.5em 'Trebuchet MS', Times, serif; background-color: #FFFFCC; color: #006600; top: 2em; left: 10px; padding: .3em; border: 1px solid #dae89b;}

.vis {display:none;}

/* Layout Divs*/

#topcontainer {min-width:760px; background-color: #fff; padding: 0px 2px 0px 2px;} /*holds header and header slogan*/
	
#header {width:100%; height:135px; background-color: #fff;} 
	a.headerlink:link {color: #006600; background-color: transparent;} /* for mailto link with service */
	a.headerlink:visited {color: #006600; background-color: transparent;}
	a.headerlink:hover {color: #006600; background-color: #fff; text-decoration: underline;}
	a.headerlink:active {color: #006600; background-color: transparent;}

#headerslogan {float: left; margin-top:75px; margin-left: 19px; background-color: #fff; font-weight: bold; color:#006600; font-size:15px;}
/**/

/* navigation holds nav details*/
#navigation {clear: both; font-size: 15px; font-family: 'Trebuchet MS', Trebuchet, Geneva, Arial, sans-serif; height: 26px; border: 1px solid #dae89b; background-color: #FFFFCC; margin: 0px 3px 0px 3px; min-width:759px;}

#nav {float: left; list-style: none; font-weight: bold; margin: 0; padding: 0;} /*  height:26px;*/
#nav li a {display: block; color: #6c7d50; text-decoration: none; margin-left: 2px; padding: 3px 7px;}
#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 5px; background-color: #F7FAEB; margin-left: 10px; padding: 0;}
#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 #signup ul {width: 230px;} 
#nav #how ul {width: 230px;} 
#nav #about ul {width: 230px;} 
#nav #customers ul {width: 250px;} 
#nav #addon ul {width: 280px;} 
#nav #thisweek ul {width: 230px;} 
#nav #contact ul {width: 151px;} 
/**/

/*content holds content and footer*/
#content {max-width: 740px; background-color: #fff; margin-left: 25px;}

/*\*/ * html #content {width: 740px; background-color: #fff; margin-left: 25px;} /**/

.biglistbottom {margin-bottom: 30px;}

#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: -5px 0px 0px -5px; color:#006600;}
#leftblog h2 {font: 1.75em 'Trebuchet MS', Times, serif; margin: 0px; color:#006600;}

#leftblog p {margin:5px 0px; padding:5px 0px;}

/*\*/ * html #leftblog h1 {margin: 0px;} /**/
/*\*/ * html #leftblog h2 {margin: 0px;} /**/

#leftblog .blognavmenu {width: 100%; float: left; margin-bottom: 5px; font-size: 15px; 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;}

#rightblog {float:right; padding: 5px; margin-top:5px; width: 30%;}

#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;}


#contentleft {float:left; width: 23%; } /* nest inside of content for left menu options */
#contentright {margin-left: 23%; }

#contentleftfifty {float:left; width: 40%} /* nest inside of content for 50/50ish options */
#contentrightfifty {margin-left: 45%;}  

#contentrightfifty #button {list-style: none; margin-top: 10px; margin-bottom: 22px;}

#contentleftfifty2 {clear:both; float:left; width: 40%} /* nest inside of content for 50/50ish options */
#contentrightfifty2 {margin-left: 45%;}  

#contentregion{clear: both;}

#contentsortofcenter {width: 70%; margin-left:auto; margin-right:auto;} /* nest inside of content */

#footer {clear: both; color: #B0BB73; font-size: 1em; background-color: #fff;}
	a.footerlink:link {color: #B0BB73; background-color: transparent;} /* to style site map link */
	a.footerlink:visited {color: #B0BB73; background-color: transparent;}
	a.footerlink:hover {color: #B0BB73; background-color: #fff; text-decoration: underline;}
	a.footerlink:active {color: #B0BB73; background-color: transparent;}

/*new formatting for new addon menu*/

.addonbar {display: block; font-weight:bold; text-align:center;}
.addonbar table {background-color:#FFFFCC; border:1px solid;}

/* Mouseover pop-up windows */

#other {} /*for IE fix*/

.popup {float: left; list-style: none; font-weight: bold; margin: 0px; padding: 0px;}
.popup li a {display: block; color: #FF6633; text-decoration: none; padding: 0px;}
.popup li {float: left; text-align: left; padding: 0px;}
.popup li a:hover {color: #FF9900; display:block; text-decoration: underline;}
.popup li ul {list-style: none; position: absolute; left: -999em; height: auto; font-weight: normal; font-size:11px; border: 1px solid #dae89b; border-width: 1px 1px 1px 1px; background-color: #F7FAEB ; margin-left: 10px;  padding: 2px;}
.popup li li {padding: 2px; 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;}
.popup li li:hover, .popup li li.sfhover {background: #F7FAEB;}

.popup .boxinfo ul {padding: 10px; width: 150px; } 
.popup .addons ul {padding: 15px 10px 10px 7px ; width: 410px; }

/* 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;} /*  current color- #FdFdFd orange - #FFF8DC */
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;}

/*
fieldset ol {list-style: none; padding: 0px; margin: 0px;}
fieldset ul {list-style: none; padding: 0px; margin: 0px;}*/
form fieldset li {list-style: none; padding: 0px; margin: 0px;}