/* Envirocare Systems Homepage CSS Document */

@import "envirocare-common.css";




/* Banner */


#homeList {float:left;}


#banner { height: 354px; padding: 0; position: relative; z-index: 1!important; margin: -11px 0 0 0; }
\ html #banner {margin: 0;}
#banner h1 { text-indent: -9999px;}

#banner img#explore {position:absolute; bottom:50px; left:0;}

#banner .homenav { bottom:0; left:0; position:absolute; width:895px;}
* html #banner .homenav { bottom: -14px;}
#banner .homenav a {background: url(images/navigation/homepage-nav-sprite.gif) no-repeat 0 0; display: block; float: left; height: 50px; text-indent: -9999px;  }

a#hm_baby_parenting  {background-position: 0 0!important; width: 94px;}
a#hm_ladies_washroom  {background-position: -95px 0!important; width: 102px;}
a#hm_toilet_treatment  {background-position: -196px 0!important; width: 122px;}
a#hm_handcare {background-position: -318px 0!important; width: 102px;}
a#hm_paper_products  {background-position: -420px 0!important; width: 136px; }
a#hm_insect_control  {background-position: -556px 0!important; width: 91px;}
a#hm_greenheart_range  {background-position: -647px 0!important; width: 116px;}
a#hm_waterless_urinal  {background-position: -763px 0!important; width: 132px;}

a#hm_baby_parenting:hover  {background-position: 0 -50px!important; }
a#hm_ladies_washroom:hover  {background-position: -95px -50px!important; }
a#hm_toilet_treatment:hover  {background-position: -196px -50px!important;}
a#hm_handcare:hover  {background-position: -318px -50px!important;}
a#hm_paper_products:hover  {background-position: -420px -50px!important;}
a#hm_insect_control:hover  {background-position: -556px -50px!important;}
a#hm_greenheart_range:hover  {background-position: -647px -50px!important;}
a#hm_waterless_urinal:hover  {background-position: -763px -50px!important;}

/* Contents */
#contentcontainer { width: 657px; padding: 0 27px 0px 210px; margin: 0; background: url(images/home-logo.gif) no-repeat 0px 22px; position:relative;}

#contentcontainer ul {list-style: none; margin: 0; padding: 0; position: absolute; left: 38px; top: 190px;}
#contentcontainer ul li a {text-indent: -9999px; display: block; width: 103px;height: 18px;} 

#contentcontainer ul li#fewer_toxins a { background: url(images/hp-ul-fewer_toxins.gif) no-repeat; }
#contentcontainer ul li#save_water a { background: url(images/hp-ul-save_water.gif) no-repeat;}
#contentcontainer ul li#save_trees a { background: url(images/hp-ul-save_trees.gif) no-repeat; }
#contentcontainer ul li#reduce_transport a { background: url(images/hp-ul-reduce_transport.gif) no-repeat;}
#contentcontainer ul li#safe_waterways a { background: url(images/hp-ul-safe_waterways.gif) no-repeat; }
#contentcontainer ul li#australian_owned a { background: url(images/hp-ul-australian_owned.gif) no-repeat; }

#contentcontainer ul li#fewer_toxins a:hover { background: url(images/hp-ul-fewer_toxins-over.gif) no-repeat; }
#contentcontainer ul li#save_water a:hover { background: url(images/hp-ul-save_water-over.gif) no-repeat;}
#contentcontainer ul li#save_trees a:hover { background: url(images/hp-ul-save_trees-over.gif) no-repeat; }
#contentcontainer ul li#reduce_transport a:hover { background: url(images/hp-ul-reduce_transport-over.gif) no-repeat; }
#contentcontainer ul li#safe_waterways a:hover { background: url(images/hp-ul-safe_waterways-over.gif) no-repeat; }
#contentcontainer ul li#australian_owned a:hover { background: url(images/hp-ul-australian_owned-over.gif) no-repeat;}


#maincontents { width: 687px; margin: 0;}

/* Home Products Links */
.blurbtext { width: 449px;  padding: 60px 0 0 0; margin: 0 0 31px 0; font-size:15px; background: url(images/home-siteblurb-title.gif) no-repeat left 22px; font-weight:normal; line-height:150%;}



/* Home Page Base */

.intheirwords {float:left;width:250px; }
.intheirwords h3 {background:url(images/title-intheirwords.gif) no-repeat; width:155px; height:11px;text-indent:-9999px; float:left; margin:0 0 7px 0;}
.intheirwords .imgholder {float:left;  width:90px; }
.intheirwords .wordholder {float:right; width:150px; padding:0 0 30px 0;}
.intheirwords a.grey {color:#4c4c4c; text-decoration:none;}
.intheirwords a:hover {text-decoration:none;}
.intheirwords p { margin:4px 0 0 0; padding:0;}

.centercolumn {float: left; width: 162px;}
* html .centercolumn, * html .centercolumn div {width: 140px;}

.inthenews { float: left; width: 162px; padding: 0; margin:0 10px 0 30px ; }
.inthenews h3 {background:url(images/title-inthenews.gif) no-repeat; width:81px; height:11px; text-indent:-9999px; margin:0 0 5px 0;}
.inthenews a { display: block; padding: 2px 0 6px 10px; background: url(images/green-arrow.gif) no-repeat 0px 8px; color:#4c4c4c; line-height: 135%; text-decoration: none; }
.inthenews a.allnews { color: #6caa44; background:none; padding:0;}
.inthenews a strong { display: block; }
.inthenews a:hover { color: #6caa44; text-decoration:none;}
.inthenews a:hover strong { color: #4c4c4c; }

.caring {float: left; width: 162px; padding: 0; margin:0 10px 20px 30px ; }
.caring a {display: block;}
.caring a:hover p, .caring a:hover {text-decoration: none; color: #6caa44;}
.caring a h3 {background :url(images/title-caringForOurWorld.gif) no-repeat !important; display: block; text-indent: -9999px; float: left; width: 126px; height: 13px; margin: 5px 0 5px 0;}

.caring a p {float:left; width: 85px;  color:#4c4c4c;}
.caring a p.arrow {background:url(images/green-arrow.gif) no-repeat 0 5px;  text-indent:6px;}
.caring img {margin:0 0 0 7px; width: 60px; float: right;}
* html .caring img {width: 50px;}

.promosright { float: right; width: 205px; padding:  0; margin: 0; }
