/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
body {
	background: url(../images/leaves_bg.gif) repeat center #007750;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
#page {
	margin: 0 auto;
	width: 760px;
	background: #FFF;
}
div.pghead {
	height: 175px;
}
div.pghead div.flash {
	float: right;
	width: 525px;
	height: 175px;
}
h1 {
	float: left;
	width: 235px;
	height: 175px;
	background: url(../images/logo_circle.gif) no-repeat;
	font-size: 0.8em;
	line-height: normal;
}
h1 a {
	display: block;
	height: 175px;
	text-decoration: none;
}
h1 a span {
	visibility: hidden;
}
#mainNav {
	clear: both;
	list-style-type: none;
	height: 25px;
	background: #000;
	padding: 0 8px 0 4px;
}
#mainNav li {
	display: block;
	float: left;
	padding: 4px 4px 0 8px;
	line-height: normal;
}	
#mainNav li a {
	padding-left: 22px;
	font-size: 0.9em;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
#mainNav li a:hover {
	background: url(../images/nav_leaf.gif) no-repeat center left;
}
#adminNav {
	clear: both;
	list-style-type: none;
	height: 25px;
	background: #000;
	padding: 0;
}
#adminNav li {
	display: block;
	float: left;
	padding: 4px 4px 0 4px;
	line-height: normal;
}
#adminNav li.first {
	padding: 4px 4px 0 4px;
}	
#adminNav li.last {
	padding: 4px 0 0 4px;
}
#adminNav li a {
	padding-left: 22px;
	font-size: 0.9em;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
#adminNav li a:hover {
	background: url(../images/nav_leaf.gif) no-repeat center left;
}
/* Hides from IE-mac \*/
* html div.columns { clear: both; height: 1%;}
/* End hide from IE-mac */

div.content { 
	float: right; 
	width: 525px;
}
div.content * {
	padding-right: 2em;
}
div.content * * {
	padding-right: 0;
}
a {
	color: #2BA47D;
}
div.content div.flash {
	padding: 0;
}
#admin div.content {
	float: none;
	width: auto;
	padding: 0 2em;
}
#admin div.content * {
	padding-right: 0;
}
div.shop {
	float: left;
	width: 235px;
}
div.shop p.welcomeText {
	margin-left: auto;
	margin-right: auto;
	width: 190px;
	font-size: 0.8em;
}
h2, h3, h4, p {
	margin: 1em 0;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1em;
	font-weight: bold;
}
h4 span {
	padding-left: 1em;
	font-size: 0.85em;
	font-weight: normal;
	color: #999;
}
p {
	line-height: 150%;
}
p.faqQuestion {
	margin-bottom: 0;
	/*font-size: 1.1em;*/
	font-weight: bold;
	/*color: #755919;*/
}
p.faqAnswer {
	margin-top: 0;
	margin-left: 2.75em;
}
p.warning {
	color: #C00;
}
p.errorMsg {
	font-weight: bold;
	color: #C00;
}
p.successMsg {
	font-weight: bold;
	color: #090;
}
blockquote {
	margin-left: 2.75em;
}
div.backtotop {
	font-size: 0.8em;
	text-align: right;
}
ul.normal, div.managed div.inner ul {
	list-style-type: none;
}
ul.normal li, div.managed div.inner ul li {
	background-image: url(../images/bullet.gif);
	background-position: 2.75em 0.5em;
	background-repeat: no-repeat;
	padding: 0.25em 0 0.25em 4em;
}
div.highlightedFeatures {
	margin: 0 auto;
	width: 200px;
}
a#eClub {
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/e-club_signup.gif);
	height: 62px;
	width: 200px;
	overflow: hidden;
	text-decoration: none;
}
a#eClub:hover {
	background-image: url(../images/e-club_signup-over.gif);
}
a#eClub span {
	visibility: hidden;
}
div.rbox {
	margin: 1.5em auto;
	width: 200px;
	background: url(../images/rbox_bg.gif) repeat-y;
}
div.rbox ul {
	list-style-type: none;
	background: url(../images/rbox_top.gif) no-repeat top;
	padding: 6px 0 0 0;
}
div.rbox ul li {
	padding: 0.5em 1em 0.5em 0;
	font-size: 0.9em;
	line-height: 1.2em;
}
div.rbox ul li.checkout {
	background: url(../images/rbox_bottom.gif) no-repeat bottom;
	padding-bottom: 1em;
}
div.rbox ul li a {
	background-position: 4px center;
	background-repeat: no-repeat;
	padding-left: 35px;
	font-weight: bold;
	color: #25A1B0;
	text-decoration: none;
}
div.rbox ul li.account a {
	background-image: url(../images/icon_account.gif);
}
div.rbox ul li.cart a {
	background-image: url(../images/icon_cart.gif);
}
div.rbox ul li.checkout a {
	background-image: url(../images/icon_checkout.gif);
}
div.rbox ul li a span.num {
	font-weight: normal;
}
div.managed {
	margin: 1.5em auto;
	width: 196px;
	border: 1px solid #755919;
	background-color: #FFF;
	padding: 1px;
	font-size: 0.85em;
}
div.managed div.inner {
	background-color: #F1EEE7;
	padding: 5px;
}
div.managed * {
	margin: 0;
}
ul.catProdList, ul.catProdList ul {
	list-style-type: none;
}
ul.catProdList li.main { /* main category level */
	margin: 1.2em 0;
	border-width: 1px 1px 4px 1px;
	border-style: solid;
	border-color: #755919;
	font-size: 1.2em;
	font-weight: bold;
}
ul.catProdList li.main div {
	background-color: #755919;
	padding: 0.5em;
	color: #FFF;
}
ul.catProdList li.main div span.manage {
	display: block;
	float: right;
	margin-right: 0.5em;
	font-size: 0.7em;
	font-weight: normal;
}
body#admin ul.catProdList li.main div a {
	color: #FFF;
}
ul.catProdList li.sub { /* sub category level */
	clear: both;
	margin: 0;
	border: 0;
	font-size: 0.8em;
	color: #666;
}
ul.catProdList li.sub div {
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #FFF;
	background-color: #F1EEE7;
	padding: 0.25em 1em;
	color: #666;
}
ul.catProdList li.sub div span.manage {
	font-size: 0.8em;
}
body#admin ul.catProdList li.sub div a {
	color: #000;
}
ul.catProdList li.sub ul {
	margin: 1em 0 1em 1em;
}
ul.catProdList li.prod { /* product level */
	clear: both;
	margin: 1em 0 1em 1em;
	border: 0;
	font-size: 0.9em;
	font-weight: normal;
	color: #000;
}
ul.catProdList li.prod div {
	background-color: transparent;
	padding: 0;
	color: #000;
}
ul.catProdList li p {
	margin-bottom: 0;
}
ul.catProdList li.prod div.prodImage {
	float: left;
	margin: 0 1em 1em 0;
	width: 93px;
	height: 93px;
	overflow: hidden;
}
ul.catProdList li.prod div.prodImage img {
	border: 0;
}
ul.catProdList div.prodInfo {
	padding-left: 103px;
}
ul.catProdList div.prodInfo div {
	padding: 0.25em 0;
}
ul.catProdList div.prodInfo a {
	font-weight: bold;
	color: #25A1B0;
	text-decoration: none;
}
ul.catProdList div.prodInfo a:hover {
	text-decoration: underline;
}
ul.catProdList div.prodInfo form {
	float: right;
	margin: 0 0.5em 1em 1em;
	text-align: right;
}
ul.catProdList div.prodInfo form input {
	margin: 4px 0 0 0;
}
span.required {
	color: #DE330F;
}
ul.catProdList div.prodInfo input.button {
	font-size: 0.9em;
}
ul.catProdList li.prod div.price strong {
	color: #C00;
}
ul.catProdList li.prod div span.msrp {
	color: #666;
	text-decoration: line-through;
}
ul.suggestedProducts {
	list-style-type: none;
}
ul.suggestedProducts li {
	float: left;
	margin: 5px;
	width: 151px;
	height: 185px;
	border: 1px solid #CCC;
	text-align: center;
}
ul.suggestedProducts li div.prodImage {
	padding: 15px 10px 5px 10px;
}
ul.suggestedProducts li div.prodInfo {
	padding: 5px;
}
ul.cartView {
	list-style-type: none;
	border: 2px solid #F1EEE7;
}
ul.cartView li {
	margin: 0 0 0.25em 0;
	border-bottom: 1px dashed #F1EEE7;
	padding: 0 0 0.5em 0;
}
ul.cartView li div.prodInfo {
	white-space: normal;
}
ul.cartView li div.prodInfo div.quantity {
	float: right;
	width: 6.5em;
	padding: 0.5em 0.5em 0.5em 1em;
	text-align: right;
	white-space: nowrap;
}
body#admin ul.cartView li div.prodInfo div.quantity {
	margin-right: 0.5em;
}
ul.cartView li div.prodInfo div.quantity input {
	float: right;
	margin-left: 0.25em;
}
ul.cartView li div.prodInfo div.price {
	float: right;
	width: 6em;
	padding: 0.5em 0;
	color: #C00;
	text-align: right;
}
ul.cartView li div.prodInfo div.prodName {
	float: left;
	width: 305px;
	padding: 0.5em 0 0 0.5em;
}
ul.cartView li div.prodInfo div.prodName span {
	padding-left: 1em;
	font-size: 0.85em;
	font-weight: normal;
	color: #999;
}
div.totals {
	padding: 0.5em 8em 0.5em 0;
	text-align: right;
}
div.totals div span {
	float: left;
	margin: 0 1em 0 0;
	width: 300px;
	text-align: right;
}
div.totals div.sub {
	margin-top: 2px;
	margin-bottom: 1em;
}
div.totals div.sub strong {
	border-top: 2px solid #666;
}
div.totals div.total strong {
	color: #C00;
}
fieldset {
	margin-bottom: 5px;
	border: 1px solid #CCC;
	padding: 10px;
}
fieldset legend {
	font-size: 0.8em;
	font-weight: bold;
	color: #999;
}
fieldset div {
	width: 100%;
	padding: 2px 0;
}
fieldset div.RemoveLink {
	float: right;
	margin: 5px;
}
fieldset div.UnHideableRemoveLink {
	float: right;
	margin: 5px;
}
fieldset div label {
	display: block;
	float: left;
	margin-right: 10px;
	width: 120px;
	font-size: 0.8em;
	font-weight: bold;
	text-align: right;
}
fieldset div span.note {
	padding: 0 0 0.5em 0.5em;
	font-size: 0.8em;
	font-weight: normal;
}
form div div.editor {
	float: right;
	width: 565px;
	text-align: left;
}
form div.buttons {
	padding: 5px 0 5px 140px;
}
form div.buttons input, form input.button {
	margin-right: 10px;
	border: 1px solid #25A1B0;
	background-color: #D4F4F8;
	font-weight: bold;
	color: #25A1B0;
}
p span.note {
	font-size: 0.8em;
}
ul.adminOrder {
	list-style-type: none;
}
div.pagination {
	padding: 10px 6px;
	text-align: center;
	color: #CCC;
}
div.pagination a, div.pagination strong {
	padding: 0 1em;
}
div.pagination strong {
	font-weight: bold;
	color: #333;
}
table.dataList {
	border: 0;
	color: #000;
}
table.dataList th {
	vertical-align: middle;
	border-bottom: 2px solid #CCC;
	padding: 4px;
	font-weight: bold;
	text-align: center;
}
table.dataList td {
	vertical-align: middle;
	border-bottom: 1px solid #EEE;
	padding: 6px;
	text-align: left;
}
table.dataList th.heading {
	text-align: center;
	border-bottom: none;
	padding: 2px;
	background: #333333;
	color: #DEDEDE;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
}
table.dataList td.manage {
	text-align: center;
}
table.two-column td.last {
	border-left: 1px solid #CCCCCC;
	padding: 0 0 0 10px;
}
div.map {
	background: url(../images/map_bg.gif) no-repeat;
	width: 495px;
	height: 395px;
	padding: 10px;
	margin: 15px 0 0 0;
}
div.map iframe {
	margin: 0 auto;
}
a.pending {
	font-weight: bold;
	color: #EFA000;
	text-decoration: none;
}
a.confirmed {
	font-weight: bold;
	color: #2BA47D;
	text-decoration: none;
}
a.closed {
	font-weight: bold;
	color: #999;
	text-decoration: none;
}
a.pending:hover, a.confirmed:hover {
	text-decoration: underline;
}
ul.slots {
	list-style-type: none;
	width: 98%;
	margin-left: .05em;
	margin-right: .05em;
}
ul.slots li {
	clear: right;
	margin: 1em 0;
	border-bottom: 1px solid #CCC;
	font-size: 1em;
	list-style: none;
	background: none;
	text-align: center;
}
/*ul.slots li.heading {
	clear: right;
	margin: 1em 0;
	border-bottom: 1px solid #CCC;
	font-size: 1em;
	list-style: none;
	background: none;
}*/
ul.slots li.heading {
	text-align: center;
	border-bottom: none;
	padding: 2px;
	background: #333333;
	width: 100%;
	color: #DEDEDE;
	text-transform: uppercase;
	letter-spacing: 1px;
}
ul.slots li div.status {
	float: right;
	width: 250px;
	font-weight: bold;
}
ul.slots li div.invoice {
	font-weight: bold;
}
ul.slots li div.trucks {
	clear: right;
	float: right;
	margin: 1em 0 1em 1em;
	width: 250px;
}
ul.slots li div.shipping, ul.slots li div.dumping {
	margin: 1em 0 1em 0;
}
div.trucksUtilized {
	margin: 0.5em 2em;
	font-size: 0.85em;
	width: 625px;
	background: #dedede;
	padding: 5px;
	text-align: center;
}
ul.reorder {
	list-style-type: none;	
	margin-top: 1em;
	border: 1px solid #FFF;
}
ul.reorder li {
	clear: left;
	margin: 0 0 6px 0;
	height: 66px;
	border: 1px solid #2BA47D;
	background-color: #FFF;
}
ul.reorder li div.handle {
	cursor: move;
	float: left;
	width: 30px;
	height: 60px;
	margin: 3px 0 3px 3px;
	background-image: url(../images/drag.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #2BA47D;
	text-align: center;
}
ul.reorder li div.handle span {
	visibility: hidden;
}
ul.reorder li div.manage {
	float: right;
	margin: 0 5px 5px 10px;
	padding: 5px 0;	
}
ul.reorder li div.caption {
	padding: 0 3px 3px 0;
	font-size: 11px;	
}
ul.reorder li div.title {
	font-weight: bold;
	padding: 3px 0 1px 0;
}
ul.reorder li div.thumbs {
	float: left;
	margin: 0 10px 5px 0;
	padding: 3px;
	width: 86px;
	overflow: hidden;
	height: 57px;
}
ul.reorder li div.thumbs img {
	margin: 0 1px 0 0;
	/*width: 90px;
	height: 60px;*/
}
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
input#freight {
	padding: 2px 4px;
	background-color: #FFFFD6;
	border: 1px solid #EDE7B5;
	text-align: right;
}
div.clear {
	clear: both;
	overflow: hidden;
	height: 0;
	margin: 0;
	padding: 0;
}
div.clear span {
	visibility: hidden;
}
a.scrollup {
	display: block;
	font-size: 0.8em;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
}
div.footer {
	clear: both;
	/*margin-top: 1em;*/
	border-top: 1em solid #FFF;
	background: #2BA47D;
	padding: 1em;
	font-size: 0.8em;
	color: #006841;
	line-height: normal;
}
div.footer a {
	font-weight: bold;
	color: #006841;
	text-decoration: none;
}
div.footer a:hover {
	color: #79D2B5;
}


#lightbox{
    background-color: #EEE;
    padding: 0 10px;
}
#lightboxCaption, #lightboxClose {
    font-size: 0.8em;
    padding-bottom: 10px;
    color: #333;
    text-align: left;
}
#lightboxClose {
    padding: 10px 0 0 0;
    text-align: right;
}
#lightboxPhoto {
    display: block;
    padding: 10px 0;
}
#lightboxClose a {
    color: #666;
}
#lightboxClose a:hover {
    color: #333;
}
#lightbox img, #overlay img { 
	border: none; 
}
#overlay { 
	background-color: #333; 
}
/*Partners Page*/
ul.logolist {
	list-style-type: none;
	margin: 0 15px 0 0;
	padding: 0;
}
ul.logolist li {
	/*height: 37px;*/
	padding: 10px 10px 15px 10px;
	overflow: auto;
	clear: both;
	/*border-bottom: 1px solid #2BA47D;*/
}
ul.logolist li span.logo {
	float: left;
	/*margin-right: 1em;*/
	width: 100px;
	/*height: 150px;*/
	margin: 0 10px 0 0;
	text-align: center;
}
ul.logolist li div.text {
	float: right;
	width: 370px;
	/*text-align: justify;*/
	color: #666;
	line-height: 150%;
	font-size: 11px;
}
ul.logolist li div.text strong {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #333;
}

/*Image Styles*/
img.float-right {
	float: right;
	margin: 4px 0 8px 15px;
}
/*Schedule Styles*/
div.border-box {
	border: 2px solid #000;
	padding: 0 15px 10px 15px;
	margin: 0 0 10px 0;
	background: #EEE;
}
ul.tabs {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
	height: 25px;
}
ul.tabs li {
	float: left;
	padding: 0;
	margin: 0;
	background: none;
}
ul.tabs li a {
	height: 20px;
	overflow: hidden;
	display: block;
	background: no-repeat;
	color: #FFF;
	text-decoration: none;
}
ul.tabs li a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
ul.tabs li a.btn1 {
	width: 76px;
	background-image: url(../images/btn1_selected.gif);
	padding: 5px 0 0 8px;
/*	padding: 5px 0 0 24px;
*/}
ul.tabs li a.btn2 {
	/*width: 68px;*/
	width: 76px;
	background-image: url(../images/btn2_btn1selected.gif);
	/*padding: 5px 0 0 28px;*/
	padding: 5px 0 0 8px;
}
ul.tabs li a.btn3 {
	/*width: 68px;*/
	width: 103px;
	background-image: url(../images/btn3_btn1selected.gif);
	/*padding: 5px 0 0 28px;*/
	padding: 5px 0 0 5px;
}
/*div.trucks_utilized {
	background: #CCCCCC;
	padding: 10px;
	width: 95%;
}*/
span.outoftown {
	float: right; 
	margin: 0 15px 0 0;
	color: #999999;
	font-size: 11px;
}