/* 
Copyright - Indoor Gardens Inc. 2007
Screen Style
*/

body {
	background:#F8F8EC;
	margin: 0;
	font-size:12px;
	text-align:center;
	font-family: Verdana, Arial, "Times New Roman";
}

#container {
  width:790px;
  border:0px solid #707e8d;
  margin:0 auto 2em auto;
  text-align:left;
  
}

/* float clearing */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.clear {margin:0;padding:0;clear:both;}
/* Links */

a:link, a:active, a:visited {color:#006600;font-weight:bold;/* #0A31F6; */}
a:hover {color:#574473;}
a:focus {outline:none;}

/* images */
img {border:none;}
img.right {float:right;margin:0 0 0.5em 1em;}
img.left {float:left;margin:0.5em 1em 0.5em 0;}


/* Header */

#masthead {
 background:url(/images/layout/masthead.gif) no-repeat top left;
 margin:0;
 height:156px;
 padding:0 2px 0 5px;
 position:relative;
}

#masthead h1, #masthead h2  {display:none;}

div#logo	{
	position:absolute;
	top: 50px/* 45px */;
	left: 175px;
	height: 62px;
	width: 364px;
	padding: 0;
}

div#logo img {border:none;}

/* pushes navigation up or down depending on height attr */
div#toplinks{height:126px; border:0px solid red;}

#hlinks {
 margin:5px 5px;
 padding:0;
 list-style:none;
}

#hlinks li {margin:0;display:inline; }
#hlinks li a, #hlinks li a:active, #hlinks li a:visited {font-size:10px;padding:0 10px;color:#666;border-right: 1px solid #ccc; }
#hlinks li a:hover {color:#164b93;}
#hlinks li a#contact {border:none;}


/* Main Navigation */

#nav {
 height:22px;
 padding:7px 0 0 0;
 border:0px solid red;
}

#nav ul {
  float:right;
	margin: 0 0 0 5px;
	padding: 0;
	list-style: none;
	height:1%;
}

#nav li {
  float:left;
	margin: 0;
	padding: 0;
}
#nav li a {	
	display: block;
	padding: 0 10px 0 5px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	font-family: Arial, Verdana, "Times New Roman";
}

#nav  a#home {padding-left:20px;}

#nav a:hover, #nav a:active, #nav a.active {color:#CC99FF;} 

/* End Main Navigation */

/* Splash Banner */

#banner {
 clear:both;
 padding:0.8em;
 position:relative;
 border:0px solid red;
 margin-top:1em;
}

/* splash page */
#banner.splash {
 height:170px;
background:url(/images/leafback.jpg) no-repeat 0 0;
color:#333;
font-weight:bold;
 /* background:url(/images/splash.jpg) no-repeat 0 0; */
}
#banner.splash p {width:500px;color:#fff;padding-left:2px;margin-top:5px;line-height:1.4em;}
#banner.splash h1 {
  color:#000;
  font-size:22px;
  padding: 24px 0 0 0;
  overflow: hidden;
  background-image: url("/images/plantserviceheader.gif");
  background-repeat: no-repeat;
  height: 0px !important;
  height /**/:24px;
}
#banner.splash a:link, #banner.splash a:visited {color:#574473;}
#banner.splash a:hover {color:#006600;}

/* other sections/pages */
#banner.about {
 height:95px;
 background:url(/images/banners/about.gif) no-repeat 0 0;
}




/* End Banners */

span#learnmore {
 position:absolute;
 top: 112px;
 left: 35px;
 height: 57px;
 width: 209px;
 display:none; 
}

span#learnmore img {border:none;}

span.price {font-size:14px;font-style:italic;font-weight:bold;}
span.sep {font-size:14px;padding:0 5px;font-weight:bold;text-transform:uppercase;}

/* Content */

#content_container {
 padding:0.5em 1.2em 1.5em 1.2em;
 margin:0 0 0 0;
 min-height:400px;
 background:url(/images/layout/contentbg.gif) repeat-y;
}

/*--------------- Splash Content 3 column ------------------*/

#splash-content {
 padding-left: 200px;   /* LC width */
 padding-right: 200px;  /* RC width */ 
 margin-top:15px;
 line-height: 1.6em;
 /* float:left;
 margin:8px 0 0 0;
 padding:5px 10px; 
 border:1px solid black; */
	
}

#splash-content .column {
  position: relative;
  float: left;
}

#splash-content h1, #home-content h1 {margin:0;font-size:16px;color:#574473;}
#splash-content p, #home-content p {margin-top:7px;}

#splash-content #left p, #splash-content #left h1 {padding-left:5px;}

#splash-content #left p, #home-content #left p {padding-right:12px;}

#splash-content #right p, #splash-content #right h1 {padding:0 10px;}

#splash-content #right h1, #splash-content #left h1 {padding-top:5px;}

#splash-content #left h1, #splash-content #right h1,
#home-content #easylease h1, #home-content #weekly_special h1, #summary h1 {font-size:14px;color:#006600;}

#center {
  width: 100%;
  
}
#left {
  width: 200px;          /* LC width */
  right: 200px;          /* LC width */
  margin-left: -100%;
  background:url(/images/gradients/greybg.gif) no-repeat top left;
  
  
}
#right {
  width: 200px;          /* RC width */
  margin-right: -200px;  /* RC width */
  background:url(/images/gradients/yellowbg.gif) repeat-x top left;
  
}

/*** IE6 Fix ***/
* html #left {
  left: 150px;           /* RC width */
}


#splash-content > #left {
  right: 200px;  /* LC width for everyone else */
}

#easylease, #weekly_special, #summary { line-height: 1.6em;padding:0.6em;}

#easylease, #summary {background:url(/images/gradients/yellowbg.gif) repeat-x top left;}
#weekly_special {margin-top:1em;background:url(/images/gradients/greybg.gif) repeat-x top left;}


/*--------------- End Splash Content ------------------*/

/*--------------- Plant Content -----------------------*/

#plant_content, #full_content {
 width:738px;
 line-height: 1.6em;
 float:left;
 margin:8px 5px 0 0;
 padding:5px 10px;
 }
div#plant_catalog {padding-top:10px;}
div.plant, #full_content div.plant {float:left;padding:1em;margin:0.7em 1em;height:230px;width:160px;}
div.plant p {text-align:center;font-size:14px;font-weight:bold;margin-top:3px;}
div.plant p span {display:block;font-size:12px;color:#666;}
div.plant p.size {font-size:10px;margin:0;}

#plant-nav {padding:1em;background:#efefef;border:1px solid #ccc;}

#full_content div.l_plant {background:#efefef;float:left;margin-top:1em;padding:1em 1em 1em 1em;border:1px solid #ccc;}
#full_content div.l_plant p {margin:0;padding:0;}
#full_content div.l_plant span {margin-left:5px;font-weight:normal;}

/* Table layout for plant catalog */

div#plant_catalog table {margin-bottom:10px;padding:20px 0;background:#efefef;}
div#plant_catalog table td {width:30%;}
div#plant_catalog table p {margin:3px;}
div#plant_catalog table span {display:block;}
div#plant_catalog h2 {text-align:center;margin-bottom:0;padding:5px 0 10px 0;background: #efefef url(/images/gradients/greybg.gif) repeat-x;color:#7A5FA4;}

/* Table layout for plant lease */
div#plans table {margin-bottom:5px;padding:5px 0;}
div#plans table td {background:#efefef;border:1px solid #ccc;padding:10px 0;}
div#plans table p {margin:3px;}
div#plans table span {font-weight:normal!important;font-size:10px;}
div#plans table td a {text-decoration:none;}
div#plans h3 {margin:1em;font-size:14px;color:#006600;}

/*--------------- End Plant Content -----------------------*/


#content {
 width:520px; 
 line-height: 1.6em;
 float:left;
 margin:8px 5px 0 0;
 padding:5px 10px;
 }

#home-content #content {margin-top:0;padding-top:0;border-top:0px solid black;}
#home-content #content h2 {margin-top:0;}
/*--------------- Headers-----------------------*/

h1 {margin:0;padding-bottom:3px;color:#006600;font-size:16px;}
h2 {margin-top:1.5em;font-size:14px;color:#333;}
h3 {margin:0 1em 0 1em;font-size:14px;color:#006600;}

h1.intro {padding:5px 0;font-size:18px;margin-bottom:8px;}
h2.subline {margin-top:0}


h2.under {margin:1.5em 0 0 0;font-size:14px;color:#333;border-bottom:2px solid #333;}


p.explanation {font-size:10px;}
p.explanation em {color:#990000;font-size:14px;}
p.highlight {background:#ffffcc;padding:5px;margin:2em 0;}


p.logout {text-align:right;padding-right:5px;margin:5px 0 0 0;}

p.logout a {background:#efefef;padding:3px 7px;font-weight:bold;}
p.ordernow {margin:0 10px 0 0;text-align:right;}
span.time {color:#666;padding:0 5px;font-size:10px;}

/* News */

p.article {
 padding-top:15px;
 border-bottom:0px solid #ddd;
 margin:0;
 font-size:14px;

}

p.article span {
 color:#666;
 margin-bottom:3px;
 font-family: sans-serif, Verdana, Arial;
 display:block;
 font-size:12px;
}


#sidebar {
 padding:5px 0 70px 0;
 width:210px;
 margin:8px 0 0 0;
 float:right;
 border:0px solid red;

}

#sidebar h1, #sidebar h2, #sidebar h3 {
 padding:0 0 3px 0;
 margin:0;
 color:#999;
 font-family: Arial, Verdana, "Times New Roman";
 font-size:14px;
 color:#333;  
}

#sidebar h2, #sidebar h3 {margin-top:2em;}

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

#sidebar .services {margin-bottom:2em;padding:10px 2px 80px 2px;background:#EBF7E2 url(/images/service_ex.gif) no-repeat bottom left;}
#sidebar .services h1 {text-align:center;text-transform:uppercase;color:#000;font-size:12px;font-family:Trebuchet, Arial, Verdana;}


#sidebar .services p {padding:5px;font-size:10px;}
#sidebar ul#perks {margin:10px 0;padding:0;}
#sidebar ul#perks li {color:#000;font-weight:bold;margin:7px;padding-left:15px;list-style:none;background:url(/images/bullets/check.gif) no-repeat 0 1px;}

#sidebar .r_top {height:15px;}
#sidebar .r_mid {min-height:10px;border:0px solid black;}
#sidebar .r_bot {height:16px;margin-bottom:2em;}
#sidebar .r_mid h1 {padding:0 5px 3px 5px;color:#009973;}
#sidebar .r_mid p, #sidebar .menu_mid p {padding:15px 10px 0 10px;margin:0;}

#sidebar .r_top {background:url(/images/rounded/s_top.gif) no-repeat top left;}
#sidebar .r_mid {background:url(/images/rounded/s_mid.gif) repeat-y;}
#sidebar .r_bot {background:url(/images/rounded/s_bottom.gif) no-repeat bottom left;}

#sidebar .menu_top {background:url(/images/rounded/menu_top.gif) no-repeat top left;height:12px;}
#sidebar .menu_mid {background:url(/images/rounded/menu_mid.gif) repeat-y;min-height:20px;}
#sidebar .menu_bottom {background:url(/images/rounded/menu_bottom.gif) no-repeat bottom left;height:9px;}

#sidebar .menu_mid h1 {padding:0 5px 3px 5px;color:#990000;}
#sidebar .menu_mid ul {list-style:none;margin:0 1em;padding:0;}
#sidebar .menu_mid ul li {background:url(/images/bullets/arrow.gif) no-repeat 0 11px;margin:0;padding:5px 8px;}
#sidebar .menu_mid ul li a, #sidebar .menu_mid ul li a:active, #sidebar .menu_mid ul li a:visited {color:#333;}
#sidebar .menu_mid ul li a:hover {color:#164b93;}



#sidebar p.article {
 font-size:10px; 
}

#sidebar p.article span {
 font-size:10px;
}


#contact_info {margin:0;padding:5px 10px;background:url(/images/gradients/gray-faded.gif) repeat-x top left;font-family: Arial, Verdana, "Times New Roman";}
td.label {font-size:10px;color:#006600;}



#sidebar span#more {
 margin-top:15px;
 display:block;
 text-align:right;
 font-size:10px;
 text-decoration:none;
 padding-right:15px;
}

#sidebar span#more a {
 text-decoration:none;
}

#sidebar p.location {
 padding-top:15px;
 margin:0;
}

#sidebar p.location span {
 color:#000;
 margin-bottom:3px;
 font-family: sans-serif, Verdana, Arial;
 display:block;
 font-size:14px;
}

/* Footer */
#footer {
 clear:both;
 background:url(/images/layout/footerbg.gif) no-repeat top left;
 padding:2.5em 1.2em;
 color:#6D5590;
 font-size:10px;
font-family: Arial, Verdana, "Times New Roman";
 }

#footer p {margin:0 25px 0 0;float:left;}
#footer ul {margin:0;padding:0;list-style:none;float:left;}
#footer li {margin:0 5px;float:left;}
#footer li, #footer li a, #footer li a:active, #footer li a:visited {padding-right:5px;color:#666;}
#footer li a:hover {color:#6D5590;}



/* Javascript Tabs */

#tabs {
    float:left;
    width:100%;
    font-size:12px;
    line-height:normal;
    background:#fff url("/images/tab_bg.gif") repeat-x bottom;
    
    }
#tabs ul {
    margin:0;
    padding:0;
    list-style:none;
    }
#tabs li {
    float:left;
    margin:0;
    padding:0;
    }

#tabs a {
    display:block;
    float:left;
    padding:5px 15px 4px;
    text-decoration:none;    
    color:#333;
    background:url(/images/gradients/light-gray.gif) repeat-x bottom left;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
    }
#tabs a:hover {color:#044893;}
    
#tabs .current a {
    background:#fff;
    padding-bottom:5px;
    color:#000;
    font-weight:bold;   
    }
    
/* hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */

div.tcontent {padding:4.5em 1em 1em 1em;}
#content div.tcontent h1 {color:#333;}
    
/* Executive Profiles */
#content_container div.executive {margin:2em 0 2em 0;border-bottom:3px solid #dfdddd;}
#content_container div.executive p.exec {font-size:14px;font-weight:bold;color:#990000;margin-bottom:0;padding:0;}
#content_container div.executive p.exec span {font-family:Times New Roman;font-size:12px;display:block;font-weight:bold;color:#666;font-style:italic;margin:0 0 3px 0;padding:0;}
p.bio {margin:0 0 1em 0;}

/* Forms */
span.filter {font-weight:bold;margin-right:10px;color:#006600;}
label {margin:0 5px;color:#333;font-weight:bold;}
label em, legend em {color:#990000;font-weight:bold;}
label.radio {margin:0 20px 0 0;padding-bottom:5px;}
label.top {display:block;margin:5px 0;}

#inquiry {padding:1em;background:#E8D5FB;}

#inquiry p.float {
  float: left;
  margin:0.5em 2em 1em 0;
  }
  
#inquiry br {clear: both;}

/* Error/Success Messages */
div.flash {padding:1em;margin:1em 0;font-weight:bold;}
div.flash.error {background:red;color:white;}
div.flash.notice {background:#c5f988;color:#3f6f07;}
div.flash.warning {background:yellow;color:white;}

.errorExplanation {background:red;padding:1em;color:white;clear:both;}
.errorExplanation h3 {color:#fff;font-size:18px;margin:0;padding:0;}

div.fieldWithErrors {margin:0;padding:0;clear:left;}
div.fieldWithErrors input, div.fieldWithErrors textarea, div.fieldWithErrors select {background:#ffffcc;}

form h2 {background:#ccc;color:#000;padding:3px 5px;}

form.button-to div, .print-button {float:left;margin-right:1em;}

/* Article Resources */

div#article-nav {padding:0 0 5px 0;text-align:right;float:right;}
div#article-nav ul {float:right;margin:0;padding:0;list-style:none;}
div#article-nav li {float:right;margin-left:15px;padding-left:15px;}
div#article-nav li.email {background:url(/images/bullets/email.gif) no-repeat 0 4px;}
div#article-nav li.print {background:url(/images/bullets/printer.gif) no-repeat 0 2px;}
div#article-nav li a, div#article-nav li a:visited, div#article-nav li a:active {color:#999;font-size:8px;text-transform:uppercase;text-decoration:none;}
div#article-nav li a:hover {color:#990000;}

/* containers */

table.solutions {}

table.solutions td.icon {padding:15px 10px 0 0;border-right:1px solid #ccc;border-top:1px solid #ccc;}
table.solutions td.detail {padding:12px 5px 12px 10px;border-top:1px solid #ccc;}
table.solutions h3 {margin:0 5px 2px 0;padding:0;color:#000;font-size:16px;}
.solution .details {padding:1em;border:2px solid red;width:100%;}

p.pdf {background:url(/images/pdficon.gif) no-repeat 0;padding:7px 0 7px 40px;}

/*-------------------------------------------------
LOGIN SCREEN (.login is body class)
-------------------------------------------------*/
body.login {
	background:#F8F8EC;
	margin: 0 auto;
	padding: 0;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	color: #333;
	text-align: center;}

.login div.Container {
	width: 500px;
	margin: 85px auto 20px auto;
	min-width: inherit;

}

.login h1 {
	margin-bottom: 20px;
	color:#006600;
	font-size:20px;
}


.login dl {
	margin: 10px 0 0 0;
}

.login p {
	margin: 10px 0 0 0;
}

.login dt {
	float: left;
	width: 80px;
	font-size: 14px;
	line-height: 24px;
}

.login dd {
	margin: 0 0 5px 90px;
	font-size: 11px;
	line-height: 24px;
	color: #666;
	margin-left: 80px;
}

.login input {
	font-size: 14px;
}

.login dd span {
	color: #ccc;
}

.login input#username {
	width: 300px;
}

.login input#password {
	width: 150px;
	margin-right: 0;
}

.login input#emailpassword {
	vertical-align: middle;
	margin-right: 5px;
}

.login div.AlertGood,
.login div.AlertBad {
	margin: 10px 0 20px 0;
}

.login div#LoginBox {
	border: 5px solid #ccc;
	padding: 15px 20px 10px 20px;
	text-align: left;
	background: #fff;
}      

#message {background:red;padding:5px;color:white;font-weight:bold;}


/*--------------- Tables -----------------------*/

table.orders, table.order_detail {margin:1em 0;}
div.order_detail {margin:5px 0;padding:5px;background:#f5f5f5;}
tr.header {background:#006600;color:#fff;font-weight:bold;}
tr.gheader {background:#E3FBD2;color:#666;font-weight:bold;}
tr.dk {background:#f5f5f5;}
td.title {font-weight:bold;color:#666;}

/* Print Menu for Orders */
ul#pmenu {margin:0;padding: 0;list-style: none;border:0px solid black;float:right;}

ul#pmenu li {float:right;margin:0 5px;border:1px solid #ddd;background: #fff;}

ul#pmenu li.back {border:none;}

ul#pmenu li a, ul#pmenu li a:visited {
font-size: 12px;
font-weight:bold;
display: block;
text-decoration:none;
padding:0.3em 1em;
}

ul#pmenu li a.back {color:#999;}

l#pmenu li a:hover {text-decoration:underline;}

div#gallery_wrapper{background:#fff;padding:1em 0.5em;margin:0;}
div.thumb {background:#333;float:left;margin:2px;padding:2px;}

div#special {font-size:14px;background:#ffffcc;padding:0.5em;margin-bottom:0.5em;color:#666;font-weight:bold;}
div#special p {margin:0;padding:0.3em;}
div#special a {color:999900;}
div#special span {font-size:16px;}