/* Envirocare Systems Homepage CSS Document */

@import "envirocare-common.css";

/* Contents */
#contentcontainer { width: 894px; padding: 0; background: url(images/internal-content-container-topbg.gif) no-repeat 0 0; }
#maincontents { width: 840px; padding:0 27px 10px 0;  }
* html #maincontents {width:882px; padding-right:0;}

/* Left Column */
#leftcolumn { float: left; width: 179px; padding:80px 0 0 0; margin:0 0 10px 0; position:relative; z-index:1!important;}

#leftcolumn a#homelogolink { margin: -80px 0 40px 0; display: block; width: 183px; height: 150px; text-decoration: none; outline: none; }
* html #leftcolumn a#homelogolink {margin:0px;}

/* Left Products Nav */
#leftcolumn ul { width: 144px; margin: -10px 0 0 0 ; padding: 0; list-style: none; border-top: 1px solid #d3d3d3; }
* html #leftcolumn ul {margin: -49px 0 0 0 ;}

#leftcolumn ul li { border-bottom: 1px solid #d3d3d3; padding: 3px 0; }
#leftcolumn ul li a { display: block; width: 144px; padding: 2px 0 2px 12px; font-weight: bold; color: #4c4c4c; text-decoration: none; line-height: 130%;}
#leftcolumn ul li a strong { color: #6caa44; }
#leftcolumn ul li a:hover, #leftcolumn ul li.active a { color: #6caa44; }
#leftcolumn ul li.active a { background: url(images/arrow-green-right.gif) no-repeat 2px 6px; }
/*#leftcolumn ul#productsnav li.active a { background-position: bottom left; }
*/
ul#productsnav { padding-bottom: 55px; }
ul#productsnav li a { width: 105px; min-height: 24px; height: auto !important; height: 24px; padding: 3px 0 3px 42px; }

ul#productsnav li#sub_baby_parenting a { background: url(images/navigation/product-baby.gif) no-repeat top left; }
ul#productsnav li#sub_ladies_washroom a { background: url(images/navigation/product-ladieswashroom.gif) no-repeat top left; padding-top:5px; }
ul#productsnav li#sub_handcare a { background: url(images/navigation/product-handcare.gif) no-repeat top left; }
ul#productsnav li#sub_toilet_treatment a { min-height: 30px; height: auto !important; height: 30px; padding-top: 3px; background: url(images/navigation/product-toilettreatment.gif) no-repeat top left; }
ul#productsnav li#sub_air_fresheners a { background: url(images/navigation/product-airfresheners.gif) no-repeat top left; }
ul#productsnav li#sub_paper_products a { min-height: 30px; height: auto !important; height: 30px; padding-top: 3px; background: url(images/navigation/product-paperproducts.gif) no-repeat top left; }
ul#productsnav li#sub_insect_control a { background: url(images/navigation/product-insectcontrol.gif) no-repeat top left; }
ul#productsnav li#sub_greenheart_range a { background: url(images/navigation/product-greenheart.gif) no-repeat top left; }
ul#productsnav li#sub_waterless_urinal a { background: url(images/navigation/product-waterlessurinal.gif) no-repeat top left; }

ul#productsnav li#sub_baby_parenting.active a { background: url(images/navigation/product-baby-active.gif) no-repeat top left; }
ul#productsnav li#sub_ladies_washroom.active a { background: url(images/navigation/product-ladieswashroom-active.gif) no-repeat top left;  }
ul#productsnav li#sub_handcare.active a { background: url(images/navigation/product-handcare-active.gif) no-repeat top left; }
ul#productsnav li#sub_toilet_treatment.active a {  background: url(images/navigation/product-toilettreatment-active.gif) no-repeat top left; }
ul#productsnav li#sub_air_fresheners.active a { background: url(images/navigation/product-airfresheners-active.gif) no-repeat top left; }
ul#productsnav li#sub_paper_products.active a { background: url(images/navigation/product-paperproducts-active.gif) no-repeat top left; }
ul#productsnav li#sub_insect_control.active a { background: url(images/navigation/product-insectcontrol-active.gif) no-repeat top left; }
ul#productsnav li#sub_greenheart_range.active a { background: url(images/navigation/product-greenheart-active.gif) no-repeat top left; }
ul#productsnav li#sub_waterless_urinal.active a { background: url(images/navigation/product-waterlessurinal-active.gif) no-repeat top left; }

#leftcolumn ul ul { border-top: none; margin: 0; padding-bottom: 3px; }
#leftcolumn ul ul li { border-bottom: none; padding: 1px 0; }
#leftcolumn ul ul li a { width: 135px; position: relative; padding-left: 22px; background-image: none !important; height: auto !important; min-height: 0 !important; color: #4c4c4c; font-weight: normal; line-height: 130%; }
#leftcolumn ul li.active ul li a {color: #4c4c4c;}
#leftcolumn ul li.active ul li a:hover {color: #6caa44; }
#leftcolumn ul li.active ul li.active a { color: #6caa44; background: url(images/arrow-green-right.gif) no-repeat 14px 7px !important; }

ul#productsnav li.active ul { border-top: none; margin: 0; padding-bottom: 8px; }
ul#productsnav li.active ul li { border-bottom: none; padding: 1px 0; }
ul#productsnav li.active ul li a { width: 113px; position: relative; margin-left: -8px; padding-left: 50px; background-image: none !important; height: auto !important; min-height: 0 !important; color: #4c4c4c; font-weight: normal; line-height: normal; }
ul#productsnav li.active ul li a:hover, ul#productsnav li.active ul li.active a { color: #6caa44; background: url(images/arrow-green-right.gif) no-repeat 40px 7px !important; }

#leftcolumn ul li.newsitem a strong { display: block; font-weight: normal; font-size: 90%; line-height: normal; color: #6caa44; }

/* Right Column */
#rightcolumn { float: right; width: 631px; min-height: 215px; height: auto !important; height: 215px; padding:82px 0 0 0;}

#outerbanner { width: 688px; height: 63px;background: #6caa44 url(images/internal-banner-topcorners.gif) no-repeat top left; z-index:1; position:static;}
#innerbanner { width: 688px; height: 63px;background: url(images/internal-banner-btmcorners.gif) no-repeat bottom left;z-index:1; position:static; }

#banner { width: 665px; height: 38px; padding:10px 20px 15px 20px; position:static; z-index:1;  }
* html #banner {width:648px; height:50px; padding:0 20px;}

#banner h1.parenttitle { margin: 0; font-size: 18px; color: #c6dcaa; font-weight: normal; z-index:1!important; padding:0;}

#banner h1.currenttitle {margin: 0; font-size: 22px; color: #fff; font-weight: normal; z-index:1!important;padding:0;}

#banner h2.pageteaser { margin: 0; font-size: 18px; color: #fff; font-weight: normal;z-index:1!important;padding:0; }
#banner h3.tagline {margin:-5px 0 0 0; padding:0; z-index:1!important;}

#banner p.productspeal { margin: 14px 0 0 0; font-size: 11px; color: #fff; font-weight: bold; z-index:1!important;}

#banner div {float:right; width:43px; height:43px; margin:-53px 20px 0 0; }
* html #banner div {margin-right:10px;}

#banner div.baby_parenting { background: url(/wsimages/parenting.gif) no-repeat; }
#banner div.ladies_washroom {background: url(/wsimages/ladies-washroom.gif) no-repeat; }
#banner div.handcare { background: url(/wsimages/handcare.gif) no-repeat; }
#banner div.toilet_treatment { background: url(/wsimages/toilet-treatment.gif) no-repeat; }
#banner div.paper_products { background: url(/wsimages/paper-products.gif) no-repeat; }
#banner div.insect_control { background: url(/wsimages/fly-insect-control.gif) no-repeat; }
#banner div.greenheart_range { background: url(/wsimages/greenheartrange.gif) no-repeat; }
#banner div.waterless_urinal { background: url(/wsimages/waterlessurinals.gif) no-repeat; }

/* Copy Containment */
#copycontainer { width: 649px; padding: 32px 16px 0 20px; }
.copy { float: left; width: 407px; color: #4c4c4c; font-size: 108%; line-height: 130%; }

.copy#widecopy { width: 630px; float: none; }

.copyright { float: right; width: 196px; position: relative; }

.copyright a.greenheart_range_anchor { position: absolute; top: 408px; left: 5px; width: 151px; height: 31px; text-indent: -9999em; }

.copy h2.fullnewstitle { margin: 0 ; font-size: 27px; color: #6caa44; }
.copy .newsitemdate { margin: 0; font-weight: bold; color: #a19d9c; font-size: 90%; }


ul.productoptions { margin: 0; padding: 0; width: 196px; list-style: none; float:left; }
ul.productoptions li { background: url(images/green-arrow.gif) no-repeat 0 50%; padding: 0 0 0 0; }
ul.productoptions li a { display: block; width: 181px; border-bottom: 1px solid #d3d3d3; padding: 6px 0 6px 13px; text-decoration: none;color: #4c4c4c; }
ul.productoptions li a:hover {color: #6caa44;}

ul.download {margin: 0 0 67px 0; padding: 0; width: 196px; list-style: none; float:left;}
ul.download li { background:url(images/download_arrow.gif) no-repeat 0 50%; padding: 0 0 0 0; }
ul.download li a { display: block; width: 181px; border-bottom: 1px solid #d3d3d3; padding: 6px 0 6px 13px; text-decoration: none; color: #4c4c4c;}
ul.download li a:hover {color: #6caa44;}

ul.downloadFull {margin: 0; padding: 0; width: 620px; list-style: none; float:left;}
ul.downloadFull li { background:url(images/download_arrow.gif) no-repeat 0 50%; padding: 0 0 0 0; }
ul.downloadFull li a { display: block; padding: 6px 0 6px 13px; text-decoration: none; color: #4c4c4c;}
ul.downloadFull li a:hover {color: #6caa44;}

.copyright img {max-width:196px;}

table#productLanding { width: 100%;  }
table#productLanding td a {color: #4c4c4c; text-align:center; }
table#productLanding th, table#productLanding td { border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; padding: 4px 10px; }
table#productLanding th { text-align: left; color: #4c4c4c; font-size: 110%; }
table#productLanding tr.alt td { background-color: #fff; }
table#productLanding tr.hoverRow td { background-color: #fff; }
table#productLanding td.lastright {border-right:none;}
table#productLanding td.lastbottom {border-bottom:none;}

/* Generic Content Styling */
.copy ul { margin:0 0 10px 15px; padding: 0; }

.copy ol { list-style: decimal; padding: 0 0 0 34px; margin:0 0 10px 0; }
.copy ol ol { list-style: lower-alpha }
.copy ol ol ol { list-style: lower-roman; }
.copy ol a {color:#4c4c4c;}
* html .copy ol { margin: 0; }

.copy table { width: 100%; border-collapse: collapse; }
.copy table th, .copy table td { border-bottom: 1px solid #d3d3d3; padding: 4px 10px; }
.copy table th { text-align: left; color: #6caa44; font-size: 110%; }
.copy table tr.alt td { background-color: #f8f8f8; }
.copy table tr.hoverRow td { background-color: #e7fad7; }


/* Search Site Page */
#searchresultsform { width: 601px; height: 33px; padding: 0 15px 0 15px; /*background: #efefef url(images/search-envirocare-form-topcorners.gif) no-repeat top left;*/ margin-bottom: 20px; }
#searchresultsform table { width: auto; margin: 0 auto; }
#searchresultsform table td { border-bottom: none; padding: 0 5px; }
#searchresultsform input.text { width: 184px; padding: 2px 0 1px 3px; font-size: 11px; font-weight: bold; color: #6caa44; font-family: Arial, Helvetica, sans-serif; }
#searchresultsform select { width: 184px; padding-top: 2px; padding-bottom: 1px; padding-left: 3px; font-size: 11px; font-weight: bold; color: #aaaaaa; font-family: Arial, Helvetica, sans-serif; }
#searchresultsform table tr.hoverRow td { background-color: transparent; }

.searchresult { width: 631px; padding-bottom: 20px; border-bottom: 1px solid #dbdbdb; margin-bottom: 20px; }
.searchresult .searchresultinner { width: 631px; padding: 0; }
.searchresult a { display: block; margin: 0 0 10px 0; font-size: 120%; color: #6caa44; font-weight: bold; }
.searchresult a span { color: #c5c5c5; padding-left: 3px; }
.searchresult a:hover { color: #6caa44; text-decoration: none; }
.searchresult .searchresultinner .searchsummary span { padding: 0 1px; color: #ffffff !important; font-weight: bold !important; background: #77ad30 url(images/search-result-highlight.gif) repeat-x top !important; }

.searchresult .searcherror { text-align: center; font-weight: bold; color: #4c4c4c; }
.searchresult .searcherror strong { color: #6caa44; }

#searchpagenation { text-align: center; color: #4c4c4c; font-weight: bold; font-size: 90%; }
#searchpagenation.top { padding: 0 0 15px 0; border-bottom: 1px solid #dbdbdb; margin-bottom: 20px; }
#searchpagenation span a { font-weight: bold; color: #6caa44; padding: 0 4px; }
#searchpagenation .previouspage { float: left; font-weight: bold; color: #6caa44; }
#searchpagenation .nextpage { float: right; font-weight: bold; color: #6caa44; }
#searchpagenation .inactivecontrol { color: #b8b8b8; font-weight: bold; }

/* Sitemap */
#sitemap ul { padding: 0 0 0 24px; }
#sitemap ul ul { padding-top: 8px; padding-bottom: 8px; }

#sitemap ul a { font-weight: bold; }
#sitemap ul ul a { font-weight: normal; font-size: 90%; }

/* Modal */
.modalContent {	position: relative;	margin: 0 20px 0 20px; }

/* News */
.newsresult { width: 631px; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; margin-bottom: 10px; }
.newsresult .newsresultinner { width: 631px; padding: 0; }
.newsresult a {color: #6caa44; font-weight: bold; }
.newsresult a span { color: #4c4c4c; padding-left: 3px; font-weight:normal; }
.newsresult a:hover { color: #6caa44; text-decoration: none; }
.newsresult .newsresultinner .newssummary span { padding: 0 1px; color: #4c4c4c;  }

/* Testimonials */
.testimonialAnchor {margin:0 0 20px 0; float:left; padding:0 0 20px 0;}
.testimonialAnchor img {float:left;  padding:0 20px 0 0; margin:0 20px 0 0;}

/* Products */
img#btn_moreInfo {margin-top:25px;}

.required { font-weight:bold; color:red; }