@charset "UTF-8";
/* CSS Document */

html{
	height:100%;
}
body {
	font: 100% Arial, Helvetica, sans-serif;
	color:#00000;
	background: #e5f5e4;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	height:100%;
}
.oneColFixCtr #container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:100%;
}
.oneColFixCtr #mainContent {
	padding: 15px 180px 15px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	/*padding: 15px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#FFFFFF;
	font-size:12px;
}
.oneColFixCtr #mainContentPlants {
	/*padding: 15px 180px 15px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding: 15px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#FFFFFF;
	font-size:11px;
}
.oneColFixCtr #mainContent_planters {
	padding: 15px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#FFFFFF;
	font-size:11px;
}
.oneColFixCtr #mainContent_plants {
	padding: 15px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#FFFFFF;
	font-size:11px;
}
.oneColFixCtr #mainContent_plants_floor {
	padding: 15px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#FFFFFF;
	font-size:11px;
}
.oneColFixCtr #mainContent_plants_super {
	padding: 15px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#FFFFFF;
	font-size:11px;
}
.oneColFixCtr #mainContent_planter_cotta, #mainContent_planter_fibreglass, #mainContent_planter_ceramalite, #mainContent_planter_karaka, #mainContent_planters {
	padding: 15px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#FFFFFF;
	font-size:11px;
}
#menuArea{
	width:980px;
	height:207px;
}

#menuMain {
	background-image:url(../images/menu_bg_1.jpg);
	background-repeat:no-repeat;
	height:207px;
	width:113px;
	position:relative;
	color:#FFFFFF;
	font-size:12px;
}
#subMenu {
	background-image:url(../images/menu_bg_2.jpg);
	background-repeat:no-repeat;
	height:207px;
	width:113px;
	position:relative;
	left:116px;
	margin-top:-218px;
	+margin-top:-207px;	
	_margin-top:-211px;
	/**margin-top:-218px;*/
	color:#FFFFFF;
	font-size:12px;
}
#subMenu1 {
	background-image:url(../images/menu_bg_2.jpg);
	background-repeat:no-repeat;
	height:207px;
	width:113px;
	position:relative;
	left:116px;
	margin-top:-218px;
	+margin-top:-207px;	
	_margin-top:-211px;
	/**margin-top:-218px;*/
	color:#FFFFFF;
	font-size:12px;
}
#subMenu2 {
	background-image:url(../images/menu_bg_2.jpg);
	background-repeat:no-repeat;
	height:207px;
	width:113px;
	position:relative;
	left:116px;
	margin-top:-218px;
	+margin-top:-207px;	
	_margin-top:-211px;
	/**margin-top:-218px;*/
	color:#FFFFFF;
	font-size:12px;
}
.flashBanner{
	position:relative;
	left:232px;
	margin-top:-207px;
}

p {
	padding: 0px 35px 0px 0px;
    text-align:justify;
    font-size:12px;
	line-height: 17px;
	margin-bottom: 14px;
}
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 26px;
	color: #056B44;
	font-weight: lighter;
	font-style: normal;
	margin-top: 5px;
	margin-bottom: 8px;
	margin-left: 0px;
	text-align: left;
	text-decoration: none;
	padding: 0px 10px 0px 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;   
	line-height: 20px; 
	color: #056B44; 
	font-weight: lighter;
	font-style: normal;
	margin-top: -8px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	text-decoration: none;
	padding: 10px 10px 0px 5px;
	  
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;   
	line-height: 18px; 
	color: #54B948; 
	font-weight: bold;
	font-style: normal;
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	text-align: left;
	text-decoration: none;
	padding: 0px 10px 0px 0px;
	  
}

h4 {font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	line-height: 30px;
	color: #54B948;
	font-weight: lighter;
	font-style: normal;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	text-decoration: none;
	padding: 0px 10px 0px 0px;
	  
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;   
	line-height: 14px; 
	color: #000000; 
	text-align: center;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	  
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;   
	line-height: 20px; 
	color: #056B44; 
	font-weight: lighter;
	font-style: normal;
	margin-top: -8px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	text-decoration: none;
	padding: 0px 10px 0px 0px;
	  
}



.bgim, .bgim TD
{
background-image:url(../images/global/fade.jpg);
background-repeat:no-repeat;
}

.bgimnone, .bgimnone TD
{
background-image:none;
}


a:link {;
	color: #0000FF;
	text-decoration: underline;
}
a:hover {
	color:#0000FF;
	text-decoration: underline;
}
a:visited {
	color: #0000FF;
	text-decoration: underline;

}
a:active {
	color: #0000FF;
	text-decoration: underline;
}


	
	
#navlist
{
padding-left: 0;
margin-left: 0;
font-size:11px;
font-weight:bold;
/*padding-top:10px;*/
/*border-bottom: 1px solid gray;*/
/*width: 200px;*/
}

#navlist li
{
list-style: none;
margin: 0;
padding-top: 0.8em;
padding-left: 1.5em;
/*padding:10px 0px 0px 20px;*/
/*border-top: 1px solid gray;*/
}

#navlist li a { text-decoration: none; }
#navcontainer a:link, #navlist a:visited
{
color: #FFFFFF;
text-decoration: none;
}

#navcontainer a:hover
{
color: #99cc99;
}

#pageTitle{
   padding-left:0px;
   padding-top:25px;
   padding-bottom:20px;
}

.plantsScroll {
	width:160px;
	height:440px;
	overflow:auto;
	position:relative;
}

.plantImage{
	border:1px solid #CCCCCC;
	margin-bottom:5px;
	text-align:center;
}

.plantsMain{
	width:560px;
	height:480px;
	margin-top:-480px;
	margin-left:190px;
}

.imageMain{
	width:380px;
	height:380px;
	/*background-color:#FFCC00;*/
	margin-left:20px;
	margin-top:-10px;
}

#pTitle, #pfTitle, #psTitle, #pcTitle, #pfgTitle, #pceraTitle, #pkTitle {
	color:#00703C;
	font-size:large;
	font-weight:bold;
}

#prTitle{
	color:#00703C;
	font-size:large;
	font-weight:bold;
}

.plantsHeading{
	color:#00703C;
}

#scroll_up_plants, #scroll_up_plants_floor, #scroll_up_plants_super, #scroll_up_planter_cotta, #scroll_up_planter_fibreglass, #scroll_up_planter_ceramalite , #scroll_up_planter_karaka, #scroll_up_planter_stainless{
	cursor: pointer;
	width:135px;
	height:15px;
	text-align:center;
	position:relative;
}
#scroll_down_plants, #scroll_down_plants_floor, #scroll_down_plants_super, #scroll_down_planter_cotta, #scroll_down_planter_fibreglass, #scroll_down_planter_ceramalite, #scroll_down_planter_karaka, #scroll_down_planter_stainless {
	cursor: pointer;
	width:135px;
	height:15px;
	text-align:center;
	padding-top:5px;
	position:relative;
}
#scroll_up_planters {
	cursor: pointer;
	width:135px;
	height:15px;
	text-align:center;
	position:relative;
}
#scroll_down_planters {
	cursor: pointer;
	width:135px;
	height:15px;
	text-align:center;
	padding-top:5px;
	position:relative;
}
.scrollArea{
	width:160px;
	height:480px;
}


.thumbTitle{
	font-weight:bold;
	color:#666666;
	width:135px;
	text-align:center;
}