/* Include Other Styles */

	@import url(form.css);
	@import url(layout.css);
	@import url(ajax.css);

body {font-family: Arial, Verdana; font-size: 11px; color: #453322; padding: 0px; margin: 0px;
	background: #e8d5b7;}

h1 {font-size: 18px; letter-spacing: .5px; padding: 5px 0px 10px 0px; margin: 0px; color: #453322; line-height: 20px;}
h2 {font-size: 16px; padding: 7px 0px; margin: 5px 0px; color: #453322;}
h3 {font-size: 14px; font-style: italic; font-weight: normal; padding: 5px 0px; margin: 5px 0px; color: #453322;}
h4 {font-size: 12px; padding: 5px 0px; margin: 10px 0px 5px 0px; color: #453322; text-transform: uppercase;}
h5 {font-size: 11px; padding: 5px 0px; margin: 5px 0px; color: #453322;}
h6 {font-size: 12px; background: #d7bb98; font-style: italic; padding: 5px; margin: 10px 0px 5px 0px;}

.error, .success { background: #fffaf2; color: #9e0b0f; display: block; text-align: left; border: 1px dotted #9e0b0f; padding: 8px; margin: 5px 0px; }
.success { color: navy; border: 1px dotted navy; }
.error ul { padding: 0; margin: 0; list-style-position: inside; margin-left: 20px; }

div.sent_message { background: #fffaf2; padding: 10px; }

.messagetext {color: #bc4443;}
	.messagetext a {color: #bc4443;}
.message {color: #bc4443; margin: 4px 0px; padding: 5px; border: 1px dotted #bc4443; text-align: center; display: block; clear: both;}
.confirmmessage {color: #205f0f; padding: 5px;}
.darkgreentext {color: #146235;}
.greentext {color: #26824d;}
.aboutgreen {border: 1px dotted #26824d; padding: 5px; margin: 0px 0px 10px 0px; color: #26824d;}

.wg_darkgreen {color: #146235;}
.wg_green     {color: #26824d;}
.wg_pr_color { color: #0b4946; }
.dc_color { color: #402641; }

.topbottompadding {margin: 6px 0px;}

img.plant { padding: 2px; border: 1px solid #453322 !important; }

/* Secondary Body Content Styling */

	#linkdirectory, #glossarydirectory, #browsedirectory {background: #f1e4ce; border: solid #a89886; border-width: 2px 0px; padding: 5px 10px; color: #453323; z-index: 1;}
		
		#linkdirectory ul {list-style: none; padding: 0px; margin: 0px;}
		#linkdirectory ul li {margin: 1px 0px; padding: 1px 0px; width: 49%; float: left;}
		#glossarydirectory ul li {margin: 1px 0px; padding: 1px 0px; width: 7%; float: left;}
		#linkdirectory a {display: block; padding: 1px 0px 1px 5px; color: #453323; font-weight: normal; text-decoration: none;}
		#linkdirectory a.folder { background: url(../../images/layout/folder-icon.png) left 21% no-repeat; padding: 1px 0 1px 18px; }
		    #linkdirectory a.folder:hover { background: #e4cda6 url(../../images/layout/folder-icon.png) left 21% no-repeat; padding: 1px 0 1px 18px; }
		#linkdirectory a:hover {background: #e4cda6; text-decoration: none;}
		#linkdirectory a#loginrequired {color: #636363;}
		#linkdirectory a#loginrequired:hover {background: #f1e4ce;}
	
		#glossarydirectory ul {list-style: none; padding: 0px; margin: 0px;}
		#glossarydirectory ul li {margin: 1px 0px; padding: 1px 0px; width: 5%; float: left;}
		#glossarydirectory a {display: block; padding: 1px 0px 1px 5px; color: #453323 !important; font-weight: normal !important;}
		#glossarydirectory a.selected {display: block; padding: 1px 0px 1px 5px; background: #453323 !important; color: #FFFFFF !important;}
		#glossarydirectory a:hover {background: #e4cda6; text-decoration: none;}
		
		#browsedirectory tr td {padding: 5px 3px;}
		#browsedirectory a {padding: 2px 3px; margin-bottom: 4px; color: #453323 !important; font-weight: normal !important;}
		#browsedirectory a.alpha {width: 10px; float: left; border-right: 1px solid #453323; color: #453323 !important; font-weight: normal !important;}
		#browsedirectory a.selected {background: #453323; color: #FFFFFF !important;}
		#browsedirectory a:hover {background: #e4cda6; text-decoration: none;}		
	
	ul#twocol {margin: 0px 10px; padding: 0px 0px 0px 15px;}
	ul#twocol li {width: 48%; float: left;}
	ul#twocolvert {margin: 0px 10px; padding: 0px 0px 0px 15px; width: 40%; float: left;}
	ul#twocolvert li {margin: 0px; padding: 2px 0px;}
	ul#threecol {margin: 0px 10px; padding: 0px 0px 0px 15px;}
	ul#threecol li {width: 33%; float: left;}
	
	.thummargins {margin: 0px 0px 10px 10px; padding: 4px; background: #FFFFFF; border: 2px solid #55483b;}
	
	.tricolumns {width: 33%; margin-bottom: 4px; float: left; padding: 3px 0px;}
	
	div#db_search_tabs div
	{
	    float: right; text-align: center;
	    padding: 4px; width: 75px; cursor: pointer;
	    color: #453323; background: #f1e4ce;
	    border-top: 2px solid #a89886; text-decoration: underline;
	}
	div#db_search_tabs div.selected { color: #fff; background: #a89886; }
	
/* Table Styles */

	.brownStyle th {padding: 5px; font-weight: bold; color: #453322; text-align: center; background: #d7bb98;}
	.brownStyle tr td {padding: 5px 3px;}
	.brownStyle tr td.altrowcolor {padding: 5px 3px; background: #fcf8f2;}
					 .altrowcolor {padding: 5px 3px; background: #fcf8f2;}
	.brownStyle tr td.shadedcol {background: #d5c0b4;}					 
	.brownStyle tr td.outsideborders {border: solid #7E5239; border-width: 0px 1px;}	
	.brownStyle div.outsideborders {border: solid #7E5239; border-width: 0px 1px; text-align: center; padding: 6px 4px;}	
	
	.cartStyle th, .cartStyleLite th {padding: 5px; font-weight: bold; color: #453322; text-align: center; background: #d7bb98;}
	.cartStyleLite th { text-align: left; }
	.cartStyle tr td {padding: 10px 5px;}
	.cartStyle tr td.altrowcolor {padding: 10px 5px; background: #eedbc2;} .cartStyleLite tr td.altrowcolor { color: #eedbc2; }
	.cartStyle .heading a {font-size: 12px;} .cartStyle a, .cartStyleLite a { color: #0b4946; }
	.cartStyle td.imgborder img, .cartStyleLite td.imgborder img {border: 1px solid #453322; padding: 2px;}
	.cartStyleLite tr td { padding: 2px; }

	.tableForm {background: #d7bb98; padding: 6px; border: 2px solid #523525;}

	div.quickcart { padding: 10px; padding-left: 25px; background: #F1E4CE; border-top: 1px dotted #453322; border-bottom: 1px dotted #453322; }
	div.quickcart table tr td { border-bottom: 1px solid #f8eedc; } div.quickcart table tr td a { color: #0b4946; }
	
	.checkout th { padding: 10px; font-weight: bold; color: #453322; background: #d7bb98; }
	.checkout tr td.fld { text-align: right; padding: 3px 3px 3px 0; background: #eedbc2; border: 0px none; width: 110px; }
	.checkout tr td a { color: #0b4946; }
	.checkout td img.plant {border: 1px solid #453322; padding: 2px;}
	.checkout input[type=text], .checkout textarea, .checkout select { padding: 2px; }
	
	.checkout td table.checkout_ship_considerations { background: #eedbc2; }
	.checkout td table.checkout_ship_considerations tr td { border-bottom: 1px solid #f7efe2; }
	
	.axload { width: 100px; position: absolute; display: block; z-index: 10000; }
	.axload img { vertical-align: middle; }
	img.qfremove { display: block; cursor: pointer }

/* Control Styling */
	
	.clear {clear: both;}
	
	.special {background: #523525; color: #f7efe2; text-align: center; display: block; padding: 8px 0px;}
	.backpopulardemand {background: #d7bb98; font-weight: bold; padding: 8px 0px; display: block;}
	.smallcaps {font-variant: small-caps;}
	.marginright {width: 150px; margin: 0px 15px 15px 0px; float: left;}
	.marginleft {width: 300px; margin: 0px 0px 15px 15px; float: right;}
	
	.validation_summary { width: 100%; }
	.validation_summary ul
	{ 
	    padding: 6px 0 6px 0; margin: 0;  background: #FFFFE1; border: 1px dotted maroon;
	}
	.validation_summary li, .validation_summary ul li
	{
	    color: maroon; padding: 2px 0 2px 30px; list-style-type:circle; list-style-position: inside;
	    border-bottom: 1px solid transparent; background: #ffffe1; font-weight: bold;
	}
	.validation_summary ul li { padding-left: 30px !important }
	
	.media_box, .note_box
	{
	     width: 175px; padding: 8px; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6;
	     border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;
	     float: right; background: #eedbc2; text-align: center; margin: 0 0 25px 10px;
	}
	.media_box img { vertical-align: middle; }
	.note_box { padding: 10px; margin: 12px; text-align: left; float:none; }
	.item_disclaimer { padding: 6px 6px 8px 6px; margin-top: 4px; width: 80%;
	                   background: #f2f2b6 url('../../images/layout/note-outer-shadow.gif') no-repeat bottom right; }

    span.item_message { display:block; }
	span.item_message .message { background: #f2f2b6; border: 2px solid #b72828; margin:0; color:#453322 }
	span.item_message .message b { color: #b72828; font-size:9pt; }
	span.item_message .arrow   { background: url('../../images/layout/item-message-droparrow.gif') no-repeat center top; height: 8px; }
    
    div.item-control-container, #substitutions-header { background:#fdf8f0;padding: 10px;margin: -45px 0 10px 50px;float:right;width:625px; }
    div#item-substitution-container #substitutions-header { 
        padding: 5px 10px; margin: 0 0 10px 50px; background: #f2f2b6; border-top: 2px solid #b72828; border-bottom: 2px solid #b72828; color: #b72828; font-size:9pt;
    }
    div.quick-order-items #item-substitution-container div.item-control-container { margin-top: -45px !important; }
    div.reinstate { padding: 6px; background: #f2f2b6; border: 1px solid #b6d0a1; margin-top:10px; }
    div.soldout { background: #eedbc2; }
	
/* Menu */

 #bdymenu {background: #453322; border-top: 8px solid #453322; display: block; padding-left: 8px; height: 30px;}
	#bdymenu a {padding: 10px 15px 15px 15px; font-weight: bold; text-decoration: none; color: #FFFFFF; display: block; float: left; margin-right: 8px;}
	#bdymenu a:hover {color: #453322; background: #f4ede0;}
	#bdymenu a.selected {background: #f4ede0; color: #453322;}
	
 #bp a { color: #0b4946; font-weight: bold; }
 
 .small-font, .small-fonts {font-size: 10px; line-height: 11px;}
 .smaller-font { font-size: 9px; line-height: 11px; } .smallest-font { font-size: 8px; line-height: 10px; }

.dialog, .dialog_up {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -275px;
    width: 500px; z-index: 100000;
    
    background-color: #f7efe2;
    background-repeat: no-repeat;
    background-position: top left;
    border: 10px solid #d7bb98;
    padding: 15px 0 0 0; font-size: 12px;
    
    _position: absolute;
    _top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
.dialog_up { display: block; }
.dialog_up div:first-child { padding: 0 10px 10px 15px; }
.dialog_overlay 
{
     background-color: #604e39; height: 100%; width: 100%; top: -100px; position:fixed; z-index: 99999;
     opacity: 0.25; -moz-opacity: 0.25; filter: alpha(opacity=25); _position: absolute;
     _top: expression((document.documentElement.scrollTop || document.body.scrollTop) + (Math.round((document.documentElement.offsetHeight || document.body.clientHeight) / 100) - 50) + 'px');
}
div._dialog_shadow_0, div._dialog_shadow_1, div._dialog_shadow_2, div._dialog_shadow_3
{ position: absolute; z-index: 99999; position: fixed; top: 17%; left: 50%; }
div._dialog_shadow_0 { opacity: 0.70; -moz-opacity: 0.70; filter: alpha(opacity=70); }
div._dialog_shadow_1 { opacity: 0.50; -moz-opacity: 0.50; filter: alpha(opacity=50); }
div._dialog_shadow_2 { opacity: 0.35; -moz-opacity: 0.35; filter: alpha(opacity=35); }
div._dialog_shadow_3 { opacity: 0.25; -moz-opacity: 0.25; filter: alpha(opacity=25); }