/* ======================== */
/* GENERIC CLASSES AND DEFS */
/* ======================== */
body {
	padding: 0px;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#e2ffcd;
}

a, a:visited, a:active {color: #006600;	 font-weight:bold;}

p, table td {font-size:11px; line-height:16px; margin-top:5px; margin-bottom:5px;}
form{margin:0px; padding:0px;}
input, select, textarea {font-size: 11px; font-family:arial;}
ul, ol, li {padding:0px; margin:0px; margin-left: 10px; font-size:11px;}
h1 {font-size: 22px; font-weight:bold; margin-bottom:15px; color: #330066;margin-top:0px;}
h2 {margin-bottom:0px; font-style:italic; color:#006600;}
h2 a:link, h2 a:visited, h2 a:active {font-size:12px; text-decoration:none;}
h3 {font-size: 14px; font-weight:bold; margin-bottom:10px; margin-top:0px;}
h4 {font-size: 12px; font-weight:bold; margin-bottom:5px; margin-top:15px;}

.comboordersummary-header {width:300px; margin-top:10px; margin-bottom:5px; padding:3px; padding-left:0; border-bottom:1px dashed #330066; font-weight:bold; font-size:11px; text-transform:uppercase; color: #330066;}
.comboordersummary-data {font-size:11px; }

/* STYLE FOR PHOTO CAPTIONS */
p.photocaption {font-size:9px; line-height:10px;}

/* error classes for forms and such */
input.error {border-color:#FF0000;}
select.error {border-color: #ff0000; color:#000000;}
.error {color:#FF0000;}
.required {color:#FF0000;}


/* ========================== */
/* PHOTO LIB SPECIFIC STUFF */
/* ========================== */
.photolibthumbnail {width:110px; height:110px; background-repeat:no-repeat; background-position:center center;} 


/* ========================== */
/* DATA LISTING TABLE */
/* ========================== */

table.datagrid {border-top:1px solid #003300; border-left:1px solid #003300; }
table.datagrid th {border-right:1px solid #003300; border-bottom:1px solid #003300; font-weight:bold; text-align:left; background:#006600; padding:3px; font-size:12px; color:white;}
table.datagrid td {border-right:1px solid #003300; border-bottom:1px solid #003300;}
table.datagrid tr.nobottomborder td {border-bottom:0;}

table.datagrid .altrow {background:#F7FFF0;}
table.datagrid .num {text-align:right;}
table.datagrid .summaryrow {background:#E2FFCD;} 
table.datagrid .summaryrow td {border-top:1px solid #003300; font-weight:bold;}
table.datagrid .highlight {background:#F2E6F2; color:#330066; font-weight:bold;}

table.datagrid td.ordernotes {color:#555; border-top:1px solid #d3d3d3;}

/* ========================== */
/* BOX STYLES FOR GENERAL USE */
/* ========================== */


table.greenbox {background-color:#E2FFCD; border:1px solid #003300; margin-top: 5px;}
	/* DIFFERENT WIDTH DEPENDING ON PAGE STYLE */
	#main_body table.greenbox {width:546px;}
	#main_body_nosidebar table.greenbox {width:720px;}
	table.greenbox td{padding: 5px;}
	table.greenbox .header{background-color:#006600; color:#FFFFFF; font-weight:bold;}
	/*table.greenbox img{border: 1px #003300 solid;}*/
	table.greenbox p{margin:0px;}

table.whitebox {background-color:#FFFFFF; border:1px solid #003300; margin-top: 5px;}
	/* DIFFERENT WIDTH DEPENDING ON PAGE STYLE */
	#main_body table.whitebox {width:546px;}
	#main_body_nosidebar table.whitebox {width:720px;}
	table.whitebox td{padding: 5px;}
	table.whitebox .header{background-color:#006600; color:#FFFFFF; font-weight:bold;}
	/*table.whitebox img{border: 1px #003300 solid;}*/
	table.whitebox p{margin:0px;}

/*tableheading to be used anywhere */
tr.tableheading{background-color:#CCCCCC; }
	tr.tableheading td {color:#000000; font-weight:bold; padding:4px;}
td.tableheading{background-color:#CCCCCC; color:#000000; font-weight:bold; padding:4px;}



/* ========================== NON-CONTRIBUTE SELECTABLE STYLES FOLLOW =========================== */

/* ==================================================== */
/* SPECIFIC STYLES FOR SPECIFIC PAGES OR PARTS OF PAGES */
/* ==================================================== */

/* BREADCRUMBS */
.breadCrumb {}
.breadCrumb a.homeBreadCrumbLink {}
.breadCrumb a.breadCrumbLink {}
.breadCrumb .breadCrumbText {color:#330066; font-style:italic;}


/* USER MESSAGES */
.errormessage, .notificationmessage {padding:10px 10px 10px 50px; margin:10px 0; min-height:35px;}

.errormessage {border-top:2px dashed red; border-bottom:2px dashed red; background:#FFDFDF url(/images/icons/error.gif) no-repeat 10px 10px;}
.notificationmessage {border-top:2px dashed #CC99CC; border-bottom:2px dashed #CC99CC; background:#F4EAF4 url(/images/icons/important.gif) no-repeat 10px 10px;}

.errormessage ul, .notificationmessage ul {}
.errormessage *, .notificationmessage * {font-size:12px;}
.errormessage li, .notificationmessage li {margin-bottom:4px;}

/* BIG BOX IN WHICH THE SITE HEADER AND MENUS RESIDE */
div#siteheader { width:770px; border-top: 8px solid #330066; margin-left:auto; margin-right:auto; background-color:#FFFFFF;}
div#siteheader a, div#siteheader a:visited, div#siteheader a:active {color:#006600; font-weight:bold;}
div#siteheader td#subnav {color: #006600; font-size: 11px; vertical-align:top; padding-left: 7px; padding-top: 5px;}
div#siteheader td#subnav a {text-decoration:none;}
div#siteheader td#subnav a:hover {text-decoration:underline;}

/* CUSTOMER ACCOUNT BOX (WHEN LOGGED IN) */
#accountinfo { width:744px; margin-left:auto; margin-right:auto; background-color:#330066; color:white; font-size:11px; text-align:right; padding-right:26px; padding-top:8px;}
#accountinfo a {font-weight:normal; color:white;}

/* FOOTER FOR ALL INTERIOR PAGES */
div#sitefooter {padding:15px; width:740px; margin-left:auto; margin-right:auto; background-color:#FFFFFF; border-bottom:8px solid #330066;}
	div#sitefooter p {color:#000000; font-size:10px;}
	
div#copyright	{text-align:center; margin:20px auto; clear:both; font-size:smaller; width:300px;}
	
/* HOMEPAGE SPECIFIC STYLES */
	/* homepage footer is different */
	div#sitefooter_hp {padding-top:0px; background-color:#003300; width:770px; margin-left:auto; margin-right:auto; margin-top:0; border-bottom:8px solid #330066; clear:both; color:#FFFFFF;}
		div#sitefooter_hp, div#sitefooter_hp p, div#sitefooter_hp a {color:#FFFFFF; text-decoration:none; font-size:10px;}
		div#foottab_hp a:hover {text-decoration:underline;}
	/* featured image pretty much only used on home page*/
	div#content table#main_body td.featured_image {padding:0px;} 
	/* caption for main page photos */
	/*div#featured_image_caption {position:absolute; left: 220px; top: 325px; width: 100px; color: #000000; background-color:#FFFFFF; padding:10px; border: 1px solid #006600; font-size: 10px; font-weight:bold;} */
	div#featured_image_caption {position:relative; left: 200px; top: -40px; width: 100px; color: #000000; background-color:#FFFFFF; padding:10px; border: 1px solid #006600; font-size: 10px; font-weight:bold; float:left;}

/* BULLETINS/ANNOUNCEMENTS */
div#bulletins {width: 371px; font-size:12px; font-weight:bold; border-top: 1px #006600 solid; padding-top: 2px;}

#viewcomboorder {background-color:#003300; color:white; font-weight:bold; text-align:center;}
#viewcomboorder a:hover {text-decoration:underline;}

/* ORDER ACTION BUTTONS */
.vieworder-buttons {float:right; width:150px; padding:3px;}
.vieworder-buttons .link {border-bottom:1px solid #CCC; color:#AAA; font-size:10px; margin-bottom:5px; padding-bottom:5px;}
.vieworder-buttons a:link, .vieworder-buttons a:visited, .vieworder-buttons a:active  {text-decoration:none;}


/* MAIN CONTENT AREA */
div#content {width:750px; padding-right:20px; border-top:1px #006600 solid; margin-right:auto; margin-left:auto; background-color:#FFFFFF;}
	div#content table#main_body {width: 576px;}
	div#content div#main_body {width: 546px; padding:15px;}
	
	/* NO-SIDEBAR PAGES NEED A WIDER MAIN_BODY */
	div#content table#main_body_nosidebar {width:750px;}
	div#content div#main_body_nosidebar{width:720px; padding:15px;}
	
	/* SOME PADDING ON THE T-CELLS */
	div#content table#main_body td,
	div#content table#main_body_nosidebar td {padding:15px;}
	div#content div.content_clearall {clear:both; width:750px;} /* used to make sure body stretches below side menus */

/* SIDEBAR STYLES */
div#sidebar_container{width:170px; float: right; margin-bottom:10px;}
	div#sidebar{width: 148px; background-color:#E2FFCD; border: 1px #006600 solid; border-top-width:0px; padding: 10px;}
	div#sidebar p.gobutton{margin: 0px; margin-top: 5px; width: 146px; text-align:right}
	div#sidebar input, div#sidebar select {width: 140px;}
	div#sidebar ul, div#sidebar ol, div#sidebar li {padding:0px; margin:0px;}
	div#sidebar ul li {margin-left:15px;}
	div#sidebar ul li a.redlink, a.redlink:visited {color:red;}
	/* INTERIOR PAGES GET A LITTLE FOOTER FOR BUTTONS */
	div#sidebar_footer {width: 170px;}
	div#sidebar_footer a, div#sidebar_footer a:visited {color:#330066; text-decoration:none; font-size:10px;}
	div#sidebar_footer a:hover {text-decoration:underline;}



/* PLANT SEARCH PAGE STYLES */
div.result_navbar {background-color:#006600; border-top: 1px solid #003300; border-bottom: 1px solid #003300; margin: 10px 0 10px 0; color:#FFFFFF; font-weight:bold; padding: 0 5px 0 5px;}
	/* DIFFERENT WIDTH DEPENDING ON PAGE STYLE */
	#main_body div.result_navbar {width:536px;}
	#main_body_nosidebar div.result_navbar {width:710px;}
	/* LINKS SHOULD BE WHITE FOR VISIBILITY */
	div.result_navbar a, div.result_navbar a:visited, div.result_navbar a:active {color:#FFFFFF;}

/* BOX STYLE FOR "FORM" PARTS OF PAGES */
table.form {background-color:#E2FFCD; border:1px solid #003300; margin-top: 5px;}
	/* DIFFERENT WIDTH DEPENDING ON PAGE STYLE */
	#main_body table.form {width:546px;}
	#main_body_nosidebar table.form {width:720px;}
	table.form td{padding: 2px;}
	table.form .header{background-color:#006600; color:#FFFFFF; font-weight:bold;}
	table.form p{margin:0px;}
	table.form .label{font-size:10px; line-height:11px;}


			
/*******************************************
COMBINATION CLASSES 
*******************************************/

/* combo planting plan layout */
#layoutRegion { width:136px; height:136px; padding:13px 0 0 0; margin:0; background-repeat:no-repeat; color:#FF6600; font-weight:bold; font-size:12px; }
#layoutRegion .row { margin:0; padding:0; height:22px; }
#layoutRegion .row input { width:20px; height:20px; margin:0 1px 0 1px; padding:0; text-align:center; background:transparent; color:#FF6600; font-weight:bold; font-size:14px; border:0px;  }
.circleRegion { background-image:url(/combinations/images/circle.gif); }
.squareRegion { background-image:url(/combinations/images/square.gif); }
.moonRegion { background-image:url(/combinations/images/halfmoon.gif); }
.rectRegion { background-image:url(/combinations/images/rectangle.gif); }

.comboDescription { margin-bottom:5px; }
.comboNameLarge { font-size:18px; font-weight:bold; margin-bottom:0px; font-style:italic; color:#006600; }
.comboDescriptionLarge { font-size:12px; margin-bottom:5px; }
.comboKey { margin-bottom:5px; }
.comboKeyNumber { font-weight:bold; font-size:14px; margin-right:5px; color:#FF6600; }


.comboThumbnailContainer {padding:10px 0; border-bottom:1px solid #EEE; border-right:1px solid #DDD;}
.comboThumbnailContainer .photo {width: 150px; height: 150px; background-repeat:no-repeat; background-position:center center; border:1px solid #AAA; margin: 0 auto;}
.comboThumbnailContainer .link {margin-bottom:10px;}
.comboThumbnailContainer .form {}
.comboThumbnailContainer img {width:85px; height:85px; clear:both;}
.comboThumbnailContainer a {font-size:11px; font-weight:normal;}

.comboQtyForm input[type="button"], .comboQtyForm input[type="submit"] {border:1px solid black; background:#006600; color:white;}

.comboLargeImage { border:1px solid black; }

.comboinstructions {}
.comboinstructions .stepnum {color:#006600; font-size:16px; font-weight:bold;}
.comboinstructions .stepinstructions {font-weight:bold; border-bottom:1px dashed lightgrey; padding:4px 0;}	

.orderbutton {width:150px; background:#003300; border:1px solid black; padding:3px; color:#FFF; text-align:center; cursor:pointer; font-weight:bold; font-size:11px; font-family:arial;}
.orderbutton:hover {background:#006600;}

/* override combo thumbnails for special display on combo calculator (order) page */
#combocalculator {}
#combocalculator .comboThumbnailContainer {margin:0; padding:5px;}
#combocalculator .comboThumbnailContainer .photo {margin-right:5px; width:50px; height:50px; float:left;}
#combocalculator .comboThumbnailContainer .link {margin:0;}
#combocalculator .comboThumbnailContainer img {width:50px; height:50px;}
#combocalculator .comboThumbnailContainer a {font-weight:bold;}

#combocalculator .legend {font-size:10px; line-height:11px; background:#F7FFF0; padding:5px 10px; margin:10px 0; border-top:1px dashed #006600; border-bottom:1px dashed #006600;} 
#combocalculator .legend p {margin:0px;}

/*******************************************
/END - COMBINATION CLASSES 
*******************************************/


/*******************************************
PRINT CLASSES
*******************************************/

.printonly {display:none;}

@media print {
	.printonly {display:block;}
	.noprint {display:none;}
}


/*******************************************
MODAL LOADING...
*******************************************/
.modalLoader {
	min-height:25px;
	background:url("/images/icons/ajax-loader-1.gif") no-repeat;
	padding:3px 0 0 35px;
}