html, body {
background: url(/assets/images/layout/bgs/body.jpg) repeat-x top left #f9fcf7;
}
html *, body * {
font: 12 Arial, Helvetica, sans-serif;
}

#header, #topsection, #contentarea, #footerinner {
width: 999px;
margin: 0 auto;
position: relative;
z-index: 2;
}

#header {
height: 175px;
}

#headerimg {
position: absolute;
z-index: 1;
width: 999px;
margin-left: -175px;
}

#tabsbox {
position: absolute;
z-index: 3;
left: 0px;
top: 150px;
white-space: nowrap;
height: 25px;
overflow: hidden;
}

#tabsbox li {
position: relative;
float: left;
margin-left: -22px;
z-index: 10;
}

#tabsbox li + li {
z-index: 9;
}
#tabsbox li + li + li {
z-index: 8;
}
#tabsbox li + li + li + li {
z-index: 7;
}
#tabsbox li + li + li + li + li {
z-index: 6;
}
#tabsbox li + li + li + li + li + li {
z-index: 5;
}
#tabsbox li + li + li + li + li + li + li {
z-index: 4;
}
#tabsbox li + li + li + li + li + li + li + li {
z-index: 3;
}
#tabsbox li + li + li + li + li + li + li + li + li {
z-index: 2;
}
#tabsbox li + li + li + li + li + li + li + li + li + li {
z-index: 1;
}

#tabsbox li:first-child {
margin-left: 0px;
}

#tabsbox li a {
display: block;
font: normal normal 11px Verdana, Tahoma, Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
background: url(/assets/images/layout/tabs/sprite0.png) no-repeat 0px -50px;
}
#tabsbox li:first-child a {
background-position: -30px -50px;
}

#tabsbox li a span {
display: block;
text-decoration: none;
padding: 7px 50px 7px 0;
margin-left: 24px;
background: url(/assets/images/layout/tabs/sprite0.png) no-repeat 100% -125px;
}

#tabsbox li.active a {
background-position: 0px -25px;
font-weight: bold;
}
#tabsbox li.active a span {
background-position: 100% -100px;
}

#tabsbox li.active {
z-index: 20;
}

#tabsbox li a:hover,
#tabsbox li.active a:hover {
background-position: 0px 0px;
color: #000;
}
#tabsbox li a:hover span,
#tabsbox li.active a:hover span {
background-position: 100% -75px;
}

.topsection-rail {
width: 987px; margin: 0 auto; height: 6px; position: relative; z-index: 2; background: url(/assets/images/layout/bgs/003b00.png) repeat;
}

.topsection-rail img {
position: absolute;
}
.topsection-rail .tl {top:0px; left:-6px;}
.topsection-rail .tr {top:0px; right:-6px;}
.topsection-rail .br {bottom:0px; right:-6px;}
.topsection-rail .bl {bottom:0px; left:-6px;}

#topsection {
position: relative;
background: url(/assets/images/layout/bgs/003b00.png) repeat;
}

#topsection .inner {
padding: 24px 30px;
overflow: hidden;
}


#topsection h1 {
font: normal 500 30px Georgia, Arial, Helvetica, sans-serif;
text-transform: capitalize;
color: #fff5bd;
letter-spacing: -0.06em;
word-spacing: 0.05em;
padding: 6px 20px;
}

/**
 * Homepage Styles for Topsection Bar Area
 */
#topsection #todays-veggies-content {
float: left;
width: 315px;
}

#topsection #todays-veggies-content h1 {
padding: 0;
}

#topsection .todays-veggies {
letter-spacing: -0.05em;
color: #aaddaa;
font: normal normal 11px Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}

#topsection .hdr-subtitle {
letter-spacing: -0.05em;
color: #497049;
font: normal normal 11px Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}

#topsection .blurb {
text-align: left;
color: #fff;
font: normal normal 12px Arial, Helvetica, sans-serif;
line-height: 1.6em;
}

#topsection #veggiepics {
float: right;
padding-left: 36px;
color: #2a592a;
font: 14px Arial, Helvetica, sans-serif;
}
#topsection #veggiepics #picbox {
border: 1px solid #034701;
background-color: #131e10;
padding: 10px;
}
#topsection #veggiepics #picbox #picboxinset {
width: 560px;
height: 234px;
background-color: #fff;
overflow: hidden;
}
#topsection #veggiepics #scrollerhdls {
height: 44px;
width: 350px;
margin: 20px auto 0 auto;
text-align: center;
}

#topsection #veggiepics #scrollerhdls li {
float: left;
}

#topsection #veggiepics #scrollerhdls img {
vertical-align: middle;
cursor: pointer;
}
#topsection #veggiepics #scrollerhdls li a {
display: block;
height: 44px;
width: 44px;
background: url(/assets/images/home/arrows/sprite.png) no-repeat 0px 0px;
}
#topsection #veggiepics #scrollerhdls li a.left {
background-position: 0px 0px;
}
#topsection #veggiepics #scrollerhdls li a.left:hover {
background-position: 0px -44px;
}
#topsection #veggiepics #scrollerhdls li a.right {
background-position: -44px 0px;
}
#topsection #veggiepics #scrollerhdls li a.right:hover {
background-position: -44px -44px;
}

#contentarea {
font: 12px Tahoma Arial, Helvetica, sans-serif;
color: #444;
min-height: 250px;
}

#contentarea .inner {
padding: 30px;
overflow: hidden;
}

/**
 * Inner Page Style(s)
 */

#contentarea #twocolumn {
width: 100%; margin: 0 auto;
}
#contentarea #twocolumn li {
float: left; overflow: hidden;
width: 27%;
}
#contentarea #twocolumn li:first-child {
width: 73%;
}
#contentarea #twocolumn li .hdr {
display: block;
}
#contentarea #twocolumn li p {
margin: 12px 0; font: 12px Arial, Helvetica, sans-serif;
color: #444;
line-height: 1.6em;
text-align: left;
}

/**
 * Homepage Contentarea Styles
 */
#contentarea #threecolumn {
width: 100%; margin: 0 auto;
}
#contentarea #threecolumn li {
float: left; width: 32%; overflow: hidden;
}
#contentarea #threecolumn li:first-child {margin-left: 20px;}
#contentarea #threecolumn li .hdr {
display: block;
}
#contentarea #threecolumn li p {
margin: 0; font: 12px Arial, Helvetica, sans-serif;
padding: 0 48px 0 18px;
line-height: 1.6em;
text-align: left;
}

#thumbnails-grid {overflow: hidden; padding: 0 42px 0 18px;}
#thumbnails-grid a.thumbnail {
float: left;
background-color: #65b863;
padding: 4px;
margin: 0 14px 14px 0;
}

#thumbnails-grid a.thumbnail img {
width: 58px;
}
#thumbnails-grid a.thumbnail:hover {
background-color: #b03d00;
}


ul#bigarrows {margin-left: 18px;}
#contentarea #threecolumn ul#bigarrows li:first-child{margin-left:0px;}

ul#bigarrows li,
#contentarea #threecolumn ul#bigarrows li {
float: none;
font: 12px Arial, Helvetica, sans-serif;
display: list-item;
padding-left: 18px;
margin-bottom: 10px;
background: url(/assets/images/layout/arrows/bigarrow-right.png) no-repeat 0 3px;
line-height: 1.6em;
}


#footer {
background: url(/assets/images/layout/bgs/footer.jpg) repeat-x top left #f9fcf7;
padding-top: 64px;
min-height: 220px;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
color: #848421;
}
#footer a {
color: #C3B730;
text-decoration: underline;
}
#footer a:hover {text-decoration:none;}

/**
 * General Styles
 */

a {
color: #04D400;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

.nofloat { float: none; }
.block { display: block; }
.textcenter { text-align: center; }