*
{
	margin: 0;
	padding: 0;
}

html, body
{
	height: 100%;
	min-height: 100%;
}

body
{
	
	font-family: Arial;
	font-size: 11px;
	color: #000000;
}

 A:link, A:visited
{
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}

 A:hover
{
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

#plants A:link, #plants A:visited
{
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

#plants A:hover
{
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}



h1
{
	font-size: 15px;
	font-weight: bold;
	color: #000000;
}

p
{
	font-size: 13px;
	margin-top: 5px;
	color:#000;
}

.Selected
{
	color: #000000 !important;
	font-weight:bold;
	font-size:110%;
}

UL
{
	float: none !important;
	margin-top: 5px;
	padding-left: 20px;
}



.imgkill, .imgkill * img
{
	margin: 0;
	padding: 0;
	display: inline;
}

.imagesMaster
{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.imagesContainer
{
	position: relative;
	float: left;
	width: 100%;
}


.imgObject
{
	position: relative;
	float: left;
	width: 100%;
}












.mainMaster
{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}



.mainContainer
{
	clear: left;
	position: relative;
	width: 1003px;
	height: 500px;
}






.mainDistance
{
	position: relative;
	width: 100%;
	height: 50%;
	margin-bottom: -350px; /* half of container's height */
	float: left;
}













.mainTable
{
	position: relative;
	float: left;
	clear: left;
	width: 1003px;
	height: 500px;
	margin: auto;
}




.headerCell
{
	height: 140px;
	background-image: url(../Images/Frame/Top.png);
	background-repeat: no-repeat;
	padding-left: 55px;
	padding-right: 55px;
	position: relative;
	z-index: 50;
}

.contentCell
{
	height: 470px;
	background-image: url(../Images/Frame/Middle.png);
	background-repeat: repeat-y;
	position: relative;
	z-index: 1;
}


.footerCell
{
	height: 80px;
	background-image: url(../Images/Frame/Bottom.png);
	background-repeat: no-repeat;
	padding-top: 15px;
	font-size: 12px;
	color: #000000;
	text-align: center;
}

.footerCell A
{
	font-size: 11px;
	text-decoration: none;
}

.Dimmer
{
	color: #505050;
}


.verticalDivider
{
	position: relative;
	margin-left: 10px;
	padding-right: 10px;
	border-left: solid 1px #cacbcf;
}

.horizontalDivider
{
	position: relative;
	margin-top: 5px;
	padding-bottom: 5px;
	border-top: solid 1px #cacbcf;
	height: 2px;
}



.topPadding
{
	padding-top: 10px;
}


.leftPadding
{
	padding-left: 0px;
}

.sidePadding
{
	padding-left: 25px;
	padding-right: 20px;
}

.innerLeftPadding
{
	padding-left: 4px;
}

.innerRightPadding
{
	padding-right: 18px;
}

.staticInnerPadding
{
	padding-left: 25px;
	padding-right: 20px;
}


/* menu */

DIV#divMenuBar
{
}
TABLE#tblMenuBar TD
{
	font-size: 10px;
	color: white;
	cursor: default;
}
TABLE#tblMenuBar TD.clsMenuBarItem
{
	font-weight: bold;
	cursor: hand;
}
.spacer
{
	width: 3px;
	height: 10px;
}

DIV.clsMenu
{
	font-size: 11px;
	position: absolute;
	visibility: hidden;
	width: 90px;
	background-color: Black;
	padding: 5px;
	color: Gray;
	letter-spacing: 0px;
	z-index: 50;
}

DIV.clsMenu A
{
	text-decoration: none;
	color: #AAAAAA;
}
DIV.clsMenu A:hover
{
	color: white !important;
}

BUTTON
{
	font-size: 10px;
}

.innerspacer
{
	border-bottom: solid 1px #AAAAAA;
}

#divMenutoCultivateGardeners
{
	width: 97px;
}

#divMenutoGrowGardeners
{
	width: 69px;
}

#divMenutoInspireGardeners
{
	width: 78px;
}

#divMenutoCultivateRetailers
{
	width: 97px;
}

#divMenutoGrowRetailers
{
	width: 69px;
}

#divMenutoInspireRetailers
{
	width: 78px;
}

#divMenutoCultivateLandscapers
{
	width: 97px;
}

#divMenutoGrowLandscapers
{
	width: 69px;
}

#divMenutoInspireLandscapers
{
	width: 78px;
}




.Loader
{
	background-color: #FFFFFF;
}


.FilterLabels
{
	font-size: 12px;
	text-align: right;
	font-style: italic;
	color: #000000;
}

.ControlWidth
{
	width: 140px;
	font-size: 12px;
}

input.ControlWidth
{
	width: 136px;
	font-size: 12px;
}

.FilterControls
{
	font-size: 12px;
}



/* This is where you can customize the appearance of the tooltip */
div#tipDiv
{
	position: absolute;
	visibility: hidden;
	left: 0;
	top: 0;
	z-index: 10000;
	background-color: #ffffff;
	border: 1px solid #000000;
	padding: 4px;
	color: #000;
	font-size: 11px;
}



/* 
   Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn 
*/
div#hold, div#hold2
{
	position: relative;
	overflow: hidden;
	z-index: 1;
}
div#wn, div#wn2
{
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
	z-index: 1;
}
div.content
{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar, div#scrollbar2
{
	position: relative;
	left: 0;
	top: 0;
	width: 12px;
	font-size: 1px;
	z-index: 1;
}
div#track, div#track2
{
	position: absolute;
	left: 0;
	top: 12px;
	width: 12px;
	background: url("../images/track.gif") #d7dd79 repeat;
	z-index: 1;
}
div#dragBar, div#dragBar2
{
	position: absolute;
	left: 0px;
	top: 1px;
	width: 7px;
	height: 20px;
	background-color: white;
	z-index: 1;
	border: solid 1px black;
}
div#up, div#up2
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
div#down, div#down2
{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
}

.ScrollHandle
{
	position: relative;
	height: 16px;
	left: 0pt;
	line-height: 16px;
	margin-left: -7px;
	top: 0pt;
	width: 21px;
}

.ScrollTrack
{
	position: relative;
	top: 0;
	background-image: url(/Images/ScrollTrack.jpg);
	width: 10px;
	height: 160px;
}



.ToolTipName
{
	color: #000000;
	font-weight:bold;
	width: 100%;
}

.ToolTipDetails
{
	margin-top: 2px;
	padding-top: 2px;
	border-top: solid 1px #999999;
	color: #000000;
}


.CursorDefault
{
	cursor: default;
}


.planthumbnail
{
	float: left;
	height: 40px;
	width: 57px;
	display: block;
	margin-right: 3px;
	margin-bottom: 3px;
}
.planthumbnail img
{
	float: left;
}

.planthumbnail img.FeaturedTick
{
	float: right;
	position: relative;
	top: -40px;
	z-index: 75;
}
div.FeaturedPlantText
{
	color: #377F3F;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 4px;
}


.pager
{
	padding-top: 3px;
}
.PagerLinks A, .pager a, .pager span
{
	font-size: 11px;
	color: #505050;
}

.pager a.selected
{
	text-decoration: underline;
}


.headerCell .logo
{
	display: block;
	height: 44px;
	left: 53px;
	position: absolute;
	top: 72px;
	width: 202px;
}

.headerCell .menu
{
	height: 26px;
	left: 255px;
	position: absolute;
	top: 84px;
	z-index:80;
	width: 291px;
}

.headerCell .wheretobuy
{
	background-image: url(/Images/Menu/where_to_buy.jpg);
	height: 27px;
	left: 762px;
	position: absolute;
	top: 84px;
	width: 192px;
}

.headerCell .plantindex
{
	background-image: url(/Images/Menu/plant_index.jpg);
	height: 27px;
	left: 548px;
	position: absolute;
	top: 84px;
	width: 210px;
}

.jScrollArrowDown
{
    padding-top:1px;
    background-image: url(/Images/arrowdown.png);      
    background-repeat:no-repeat;
}

.jScrollArrowUp
{
    padding-bottom:1px;
    background-image: url(/Images/arrowup.png);
    background-repeat:no-repeat;
}

.jScrollPaneTrack
{
   background-color: White !important;
    background-image: url(/Images/track.png)!important;
}

.jScrollPaneDrag
{
    background-color: White !important;
    width:8px !important;
    border:solid 1px black;
    
}

.jScrollPaneContainer
{
    float:left;
height:430px !important;
position:relative !important;
left:30px;
top:15px;
width:600px !important;
}

.blackText a
{
    color:#000000;
}