/* CSS Document */
body{
margin-top: 0px;
margin-bottom: 0px;
margin-left:auto;
margin-right:auto;
background-color:#39301c;
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
line-height:14px;
color:#666666;
}

a {
font-family:Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #849834;
text-decoration:none;
}

a:hover {
font-family:Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #849834;
text-decoration:underline;
}

a.lnkHeading {
font-size: 12px;
}

a.wrapper {
font-family:Helvetica, Arial, sans-serif;
font-size: 12px;
color: #ffffff;
text-decoration:none;
}

a.wrapper:hover {
font-family:Helvetica, Arial, sans-serif;
font-size: 12px;
color: #ffffff;
text-decoration:underline;
}

select
{
height:20px;
margin:12px 0px 0px 0px;
padding:0px;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color: #666666;
}

.ErrorNotice
{
float:left;
margin:0px;
padding:0px;
font-family:Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 11px;
color:#e6781e;
}

/************************* header div ***************************************/

#header
{
width: 966px;
height: 167px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
margin-bottom:12px;
padding-top: 0px;
padding-right: 12px;
padding-bottom: 0px;
padding-left: 12px;
background-color: #ffffff;
}

#hdwrapper
{
width: 966px;
height: 64px;
overflow-x: hidden;
overflow-y: hidden;
text-align: right;
padding-top: 12px;
padding-right: 0px;
padding-bottom: 7px;
padding-left: 0px;
}

#hdwrapper img
{
float: left;
}

#hdwrapper, #hdwrapper a, #hdwrapper a:hover
{
font-family: Helvetica,Arial,sans-serif;
font-size: 11px;
color: #39301c;
line-height: 20px;
}

/* GC wrapper*/
#header #topbanner
{
float:left;
width: 831px;
height: 83px;
margin-left:auto;
margin-right:auto;
/* background-image:  url(css/homedepot/top_nav_logos.gif); */
background-repeat: no-repeat;
background-position:left;
}

#topbanner img{
	width:966px;
}

/************************ container div *************************************/
#container
{
width: 966px;
margin-left:auto;
margin-right:auto;
padding-left: 12px;
padding-right: 12px;
background-color: #ffffff;
}

/************************** footer div **************************************/
/* footer */
#footer
{
width: 966px;
height: 50px;
margin-left:auto;
margin-right:auto;
padding-top: 10px;
text-align: center;
color: #ffffff;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
}
/************************** footer div **************************************/

.homedepotOrange{color:#E6781E;}
.homedepotGreen{color:#849834;}
.homedepotBeige{color:#dcdbc2;}
body{
font-family:Helvetica,Arial,sans-serif;
font-size: 11px;
	font-size: 11px;
	color: #555555;
clear:both;
}



/*Bonanical Format*/
.genus{font-style:italic;padding-right:6px;}
.species{font-style:italic;padding-right:6px;}
.variety{font-style:italic;padding-right:6px;}
.commonname{font-weight:bold;padding-right:6px;}

div .twoColumn{	border: 0px solid #000000;	overflow: hidden; clear:both; width: 966px; /*nesseary  for ie*/
padding-bottom:10px;
}
div .twoColumn .left { width:288px;float: left;}
div .twoColumn .right {	width:678px;float: right;}




/* search form  */
#SearchForm{padding:0px;margin:0px;margin-top:0px;font-size:11px;font-weight:bold; color:#666666;}
.JHlabel {font-weight:bold; font-size:11px;text-align:left;padding-right:3px;}
input, select{font-weight:lighter; font-size:11px; border: 1px solid #ccbb99; margin-left:5px;}
select{height:16px; margin-top:0px;}
.clickable{cursor:pointer;}
.noborder{border: 0px solid #ffffff;}
#YourPlantSearchStartsHere{color:#ffffff;background-color:#849834;font-size:14pt;font-weight:normal;padding:3px;padding-top:10px;padding-bottom:10px; margin-right:22px;}
#TagNumberHereDiv{margin-left:0px;z-index:100;padding:0px;margin:0px;margin-bottom:0px;}

.searchLeft{border: 1px solid #849834; width:265px; padding-top:0px;margin-top:0px;}
.searchLeft td{padding-top:3px;padding-bottom:3px;}

.ie input, .ie select {border-right:1px solid #7f7f7f !important;border-bottom:1px solid #7f7f7f !important;border-left:2px solid #5f5f5f !important; border-top:2px solid #5f5f5f !important;}
.ie6 select {height:19px;width:139px !important;}
.ie7 select {height:19px;width:140px !important;}

.opera input, .opera select {border-right:1px solid #7f7f7f !important;border-bottom:1px solid #7f7f7f !important;border-left:2px solid #5f5f5f !important; border-top:2px solid #5f5f5f !important;}
.opera select {height:18px;width:124px !important;}

#ForceEnterKey{width:0px;height:0px;border:none;
	top:-100;
-moz-opacity:0;
	filter:alpha(opacity: 0);
	opacity:0;
}

#FormPlantName input {width:238px;}
#FormPlantName .mac input {width:168px;}
#BotanicalName {width:238px;}
#BotanicalName .mac {width:168px;}

/*  MOJInstructions */
#MOJInstructions{font-size:11px; background-color:#dcdbc2;margin-right:22px;margin-top:12px;overflow: hidden; clear:both; position:relative; z-index:0;width:266px;} /* IE bug, must have width */
#MOJInstructions-heading{color:#ffffff;background-color:#849834;font-size:15px;font-weight:normal;padding:3px;padding-top:10px;padding-bottom:10px; margin-bottom:12px;clear:both;}
#MOJInstructions img{float:left; padding:3px 0px 0px 3px;z-index:10;width:55px;}
#MOJInstructions-copy{float:left;color:#666666;padding-left:3px;z-index:10; width:195px;} /* 195 */
#MOJInstructions-links{clear:both;color:#849834;margin-top:12px;margin-bottom:12px;padding-top:12px; padding-left:0px;margin-left:20px;position: relative; } /* IE needs position: relative; */
#MOJInstructions-links li {padding-bottom:5px;list-style:none;background:url(../images/arrow.gif) no-repeat 0px .3em;padding-left:10px;margin-left:5px;}





/* Blerb */
#blerb{overflow: hidden; clear:both; position:relative;  width:678px; height:137px; margin-bottom:12px;}
#blerbBackgroundLeft {float:left;background-image:url(css/homedepot/leftbeigebar.jpg); width:105px; height:137px; position:absolute;left:0px;top:0px;}
#blerbBackgroundMiddle {float:left;background-image:url(css/homedepot/middlebeigebar.jpg); background-repeat:repeat-x; width:476px; height:137px; position:absolute;left:105px;top:0px;}
#blerbBackgroundRight {float:right;background-image:url(css/homedepot/rightbeigebar.jpg);width:97px; height:137px; position:absolute;left:581px;top:0px;}
#blerbH1 {position:absolute;left:16px;top:30px;z-index:20;font-size:22px;font-weight:normal;  line-height:24px;}
#blerbH1Copy {position:absolute;left:16px;top:65px;z-index:20;font-size:16px;font-weight:normal;line-height:17px; width:643px;}
#blerbH1Copy a {text-decoration:underline;font-size:16px;font-weight:normal;}
.detailsDisplay td{font-style:normal;}



#jhContent #feature {padding-left:5px;}


.centerImg img {display: block;margin-left: auto;margin-right: auto }

/* PAGING CONTROL */
/* .pagingLayout{font-size:12px;} */
.pagingLayout li{display: inline;list-style-type: none;}
.pagingLayout {display: inline;margin-top:0px;padding-left:3px;}

.pagingLayout a:link, .pagingLayout a:visited, .pagingLayout a:active{text-decoration: none;color:#e6781e; font-size:14px; }
.pagingPageSelected{font-weight:bold; color:#e6781e; padding: 0px 1px 0px 1px;}
.pagingPageNormal{font-weight:normal; color:#e6781e; padding:0px 1px 0px 1px;}
.pagingDisabled{display:none; visibility:hidden;   color:#869930; padding: 0px 0px 0px 0px;}
.pagingEnabled{display:inline; visibility:visible;   color:#869930; padding: 0px 2px 0px 2px;}
#paging1{padding-top:0px;margin-top:0px;}
#paging2{padding-top:0px;}
.pagingLabel{margin:2px 0px 4px 0px;width:100%;clear:both;overflow: hidden;line-height:normal;}
#pagingLabel1{text-align:right;float:right;width:100px;font-weight:bold;font-size:14px;color:#e6781e;}
#paging1{text-align:left;float:right;}
#pagingLabel2{text-align:right;float:right;width:100px;font-weight:bold;font-size:14px;color:#e6781e;}
#paging2{text-align:left;float:right;}

/* Results table */
#sch2 {width:100%;}
#sch2 tbody tr{cursor:pointer;}
#sch2 tbody td{border-bottom:solid #dcdbc2 1px;}
#sch2 thead {color:#666666; background-color:#dcdbc2;}
#sch2 centerImg {text-align:center;}
#sch2 .BotanicalName, #sch2 .FeatureText {padding-left:5px;}
#sch2 .BotanicalName{font-size:14px;padding-bottom:6px;color:#666666;}
#sch2 .FeatureText{font-size:11px;padding-bottom:6px;color:#666666;}
#sch2 .Spanish{padding-top:9px;}



.backcolor{background-color:#E6781E;font-weight:bold; font-size:14px;}


/* Thumnails */
.thumbnailWrapper{overflow: hidden; position:relative;margin-left:auto;margin-right:auto;height:115px;width:115px;}
.thumbnailWrapper img{position:absolute;left:0px;top:0px;}
.thumbnailWrapper div{position:absolute;background-image:url(css/homedepot/Save_Outline.gif);background-repeat:no-repeat; width:52px;height:22px;}
.thumbnailLabel{clear:both;color:#666666;font-size:11px;padding-left:12px;padding-right:12px;text-align:left;}

/* top 5 */
.top5head{background-color:#dcdbc2; font-weight:bold; font-size:14px;color:#849834; padding: 3px 3px 3px 1px;}
#Top5 td{cursor:pointer; width:20%;text-align:center;vertical-align:top;clear:both;padding-bottom:12px;}
#Top5 table{width:100%}


#Top5, #PlantDisplay, #results, #PageRecordsCount{margin-left:0px;}
#PageRecordsCount{font-size:14px;}


/* Plant Display */
#PlantDisplay h1{color:#FFFFFF;	font-size:14px;padding: 3px 3px 3px 3px;}

#plantDisplayBackButtonDiv{background-color:#ffffff; margin-bottom:5px;}
#plantDisplayHeader{background-color:#dcdbc2;padding: 3px 3px 3px 3px;color:#666666;height:34px;}
#plantDisplayHeader .genus{font-style:italic;padding-right:6px;font-size:14px;}
#plantDisplayHeader .species{font-style:italic;padding-right:6px;font-size:14px;}
#plantDisplayHeader .variety{font-style:italic;padding-right:6px;font-size:14px;}
#plantDisplayHeader .commonname{font-weight:bold;padding-right:6px;font-size:16px; padding-bottom:4px; color:#849834;}
#plantDisplayHeader .planttype{font-weight:bold;color:#849834;font-size:12pt;}
#plantDisplayHeader .commonname{float: left;}
/*  #plantDisplayHeader .planttype{float: right;}  */


#plantDisplayHeader_left{float: left;}
#plantDisplayHeader_middle{float: left;margin-left:20px;width:52px;height:100%;}
#plantDisplayHeader_middle div{background-image:url(css/homedepot/Save_Outline.gif);background-repeat:no-repeat; width:52px;height:22px;margin-top:4px;}
#plantDisplayHeader_right{float: right;}






#PlantDisplay .columns{	border: 0px solid #000000;	overflow: hidden; clear:both; width: 678px; /*nesseary  for ie*/
padding-bottom:10px;
}
#PlantDisplay .columns .leftc { width:280px;float: left;}
#PlantDisplay .columns .rightc {	width:380px;float: right; margin-left:10px;}
#PlantDisplay .columns .rightc img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

#PlantDisplayMainImg {
	margin-top:9px; /* match .infoSection h1 */
}
#PlantDisplay .infoSection h1, #PlantDisplay .infoSection .heading {
	color:#e6781e;
	background-color:#efefe3;
	font-weight:bold;
}
#PlantDisplay .infoSection h2 {
	color:#849834;
	background-color:#dcdbc2;
}

#PlantDisplay .infoSection h1, #PlantDisplay .infoSection h2, #PlantDisplay .infoSection .heading {
	margin-top:9px;
	font-size:14px;
	padding: 3px 0px 3px 2px;
}

#PlantDisplay .infoSection img { 	margin-top:0px; }

#PlantDisplay .infoSection p {
	font-size:11px;
}

#PlantDisplay .infoSection ul {
	padding-left:15px;
	font-size:11px;
}
#PlantDisplay .infoSection li { padding-bottom:8px;}
#PlantDisplay .plantingInstructions {margin-top:5px;}
#PlantDisplay ul{margin-left:3px;}

/* Companions */
#companions td div{text-align:center;}
#companions table{width:100%;}
#companions td{width:33%;vertical-align:top;}
#companions img{margin-top:0px;}

/* GardenCenter corrections  */
#header{padding-bottom:12px;margin-bottom:0px;height:167px;}

/* AutoComplete */
.autocomplete-w1 { background:url(../images/shadow.png) no-repeat bottom right; position:absolute; top:4px; left:3px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }


/* Browser Conditionals  */
.ie div .twoColumn{	width: 966px; }
.ie #topbanner img{height:83px;}
.ie #topbanner{background-image:url('')}  /* need to clear this */


/* t00ltip  */
#t00ltipContainer {background-color:#849834; padding:3px; }
#t00ltipContainer p{margin:0px;padding:0px; text-align:left;color:#ffffff}




/* MOJ */
addToMOJ-disabled{background:url(../images/shadow.png)}
addToMOJ-enabled{background:url(../images/shadow.png)}



/* Print Styles  */
@media print{
	@page {  size: 8.5in 11in;  /* width height */}
	html, body {margin: 0;}


	body { color : #000000; background : #ffffff; font-family:Helvetica,Arial,sans-serif; font-size : 11pt; }
	#SearchForm {visibility:hidden;display:none;}
	#hdwrapper{visibility:hidden;display:none;}
	#footer{visibility:hidden;display:none;}
	#plantDisplayBackButtonDiv{visibility:hidden;display:none;}
	#blerb{visibility:hidden;display:none;}
	a { text-decoration : underline; color : #0000ff; }

	blockquote, table {page-break-inside:avoid}

	#PlantDisplay .infoSection h1{
		background-color:#cccccc;
	}
	#PlantDisplay .columns .rightc{width:300px;}
	#PlantDisplayMainImg{width:300px; vertical-align: top;}
	#TagNumberHereDiv{visibility:hidden;display:none;}
	div .twoColumn .left{width:0px;visibility:hidden;display:none;}
	div .twoColumn .right {width:800px;float:left;}
}

