﻿/* ========== Styling all elements */
* {
	margin: 0;
	padding: 0;
}
a {
	outline: none;
	border: none;
	
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
.floatleft {
	float: left !important;
}
.floatright {
	float: right !important;
}
abbr {
	cursor: help;
}
acronym {
	cursor: help;
}
/* ========== Applying clearfix fix for some browsers to use in appropriate places */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display: block;
}
/* End hide from IE Mac */
/* ========== BODY */
body {
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
	font-family: Calibri, Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-align:justify;
}
/* ========== WRAPPER */
#wrapper {
	width:1000px;
	margin: 0 auto;
	background-image:url('../images/wapperlayout-bg.gif' );
	background-repeat:repeat-y;
}
/* ========== Logo */
#top-container{
	width:1000px;
	height:147px;
	padding-top:5px;
}

#top-logolinkads-box{
	width:1000px;
	height:auto;
}
.logo-bar{
	background-image:url('../images/logo.gif');
	background-repeat:no-repeat;
	width:379px;
	height:87px;
	float:left;
	margin-left:5px;
	margin-top:8px;
}
.logo-bar a{
	width:379px;
	height:87px;
	display:block;
	padding-top:10px;
}
/* ================================================================================*/
.rt-topgreenlink{
	width:600px;
	height:auto;
	float:right;
}
.toplink-text{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#7dae27;
	font-weight:400;
	text-align:center;
	padding-top:8px;
	font-weight:bold;
	
}
.toplink-text a{
	color:#336600;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
}
.toplink-text a:hover{
	color:#336600;
	text-decoration:underline;
	font-weight:bold;
}
/* ================================================================================*/
.ads-space{
	width:600px;
	padding-top:15px;
	text-align:center;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
	font-weight:400;
}
.small-text{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#8cc718;
	font-weight:bold;
}
/* ================================================================================*/

/* ========== Top Link Class*/
#toplink-container{
	width:990px;
	height:auto;
	margin:0 auto;
	clear:both;
	padding-top:15px;
}
/* ========== 3 Banner Box Class */
#3box-container{
	width:1000px;
	height:auto;
	clear:both;
}
/* ====================Left Banner  Container Class=======================================*/
.left-container-parent{
	width:432px;
	height:106px;
	float:left;
	display:inline;
	vertical-align:middle;
	
}

.left-container{
	width:432px;
	height:106px;
	float:left;
	/*background-image:url('../images/another-banner.gif');*/
	background-repeat:no-repeat;
	margin-left:5px;
	display:inline;
	/*vertical-align:middle;*/
	
}
.left-container a{
	width:432px;
	height:106px;
	
}
/* ================Center Banner  Container Class=========================================== */
.center-container{
	width:269px;
	height:106px;
	float:left;
	background-image:url('../images/goinggreen-banner.gif');
	background-repeat:no-repeat;
	margin-left:9px;
	display:inline;
	
	}
.center-container a{
	width:269px;
	height:106px;
	display:block;
	
	}
/* ====================Right Banner Container Class=======================================*/

.right-container
{
	width:270px;
	height:106px;
	float:right;
	background-image:url('../images/join-banner.gif');
	background-repeat:no-repeat;
	margin-right:5px;
	display:inline;

}
.right-container a
{
	width:270px;
	height:106px;
	display:block;
}
/* ==================================================================== */

/* ========== Main Contant Container Class */
#main-contantcontainer{
	width:1000px;
	height:auto;
	background-image:url('../images/layout-bg.gif');
	background-repeat:repeat-y;
	clear:both;
}
/* ==============Left Container Class=========================== */


#leftside-box{
	width:200px;
	float:left;

}
/* ==============Left Side Google Ads=========================== */

#lt-googlebox{
	width:189px;
	padding-top:8px;
	/*padding-left:6px;*/
	padding-bottom:5px;
	text-align:center;
}
/* ========== Left Categories Product start */
#productbox{
	width:189px;
	padding-top:8px;
	padding-left:6px;
}
.product_top{
	background:url('../images/categoires-titlebox.gif') bottom no-repeat;
	height:32px;
	padding-left:10px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	line-height:30px;
}
.product_bg{
	border:1px solid #e7e3e7;
}
.product_bg ul{
	margin:0;
	list-style:none;
	padding:5px 5px 7px 5px;
}
.product_bg li{
	display:block;
	padding:0 1px 2px 15px;
	background:url('../images/arrow.gif') no-repeat center left;
	border-bottom:1px #e7e3e7 solid;
	line-height:20px;
}
.product_bg a{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	;
	color:#576509;
	display:block;
	height:21px;
	text-decoration:none;
}
.product_bg li a:hover{
	color:#5ba123;
	}

/* ==============Center Container Class=========================== */

#shopbycollectionbox{
	width:190px;
	padding-top:8px;
	margin-left:4px;
	border:1px solid #b4e73e;
	background-color:#fcfff1;
}
.shoptitle{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#939101;
	padding-left:5px;
	text-decoration:none;
	font-weight:900;
}

.view-collectiontext{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#437f11;
	padding-left:5px;
	font-weight:900;
	text-decoration:none;
}
.view-collectiontext a{
	color:#437f11;
	text-decoration:none;
}
.view-collectiontext a:hover{
	color:#437f11;
	text-decoration:underline;
}
/* ==============Center Container Class=========================== */

#centerside-box{
	width:585px;
	height:auto;
	float:left;
	margin-left:5px;
}
/* ==============H1 Class Class=========================== */

h1{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#477b1b;
	padding-top:8px;
	padding-left:10px;
}

.center-textcontent{
	width:575px;
	height:auto;
	padding-top:8px;
	padding-left:8px;
	float:left;
}
#center-bannerads{
	width:575px;
	height:auto;
	padding-top:8px;
	padding-left:10px;
}
/* ==============Right Container Class=========================== */

#rightside-box{
	width:200px;
	float:right;
	/*border-left:1px dashed #bab9b8;*/
}
.text-box{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
/* ==============Search Box Container Class=========================== */

#search-box{
	width:195px;
	height:29px;
	background-image:url('../images/search-bg.gif');
	background-repeat:repeat-x;
	margin-right:5px;
	margin-top:8px;
}
/* ================Shopping Cart Box Container Class================================== */

#shoppingcart-box{
	width:193px;
	height:auto;
	border:1px solid #e7e3e7;
	margin-top:5px;
}
.spacer{
	padding:5px;
	font-family: Calibri, Calibri, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
}
/* ================Customer Login Container Class================================== */

#customerlogin-box{
	width:193px;
	height:auto;
	border:1px solid #e7e3e7;
	margin-top:5px;
}
#rt-googleads-box{
	width:193px;
	height:auto;
	margin-top:5px;	
	text-align:center;
}
/* =============Special Box Class================================== */
.special-title{
	background-color:#7dae27;
	border-bottom:1px solid #e7e3e7;
	height:22px;
	padding-left:10px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#eef8bf;
	line-height:22px;
}
.rate-text{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	;
	font-weight:bold;
	color:#e7120e;
}
/* ================================================================ */


/* ========== Footer Container Class */
#footer-container{
	background-image:url('../images/footer-bar.gif');
	background-repeat:repeat-x;
	width:1000px;
	height:auto;
	clear:both;
	margin-top:5px;
	padding-top:8px;
}
.footer-text{
	font-family:Calibri, Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	font-weight:400;
	text-align:center;
	padding-top:8px;
}
.footer-text a{
	color:#336600;
	text-decoration:none;
}
.footer-text a:hover{
	color:#336600;
	text-decoration:underline;
}
.newfooter-text{
	font-family:Calibri, Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#336600;
	font-weight:400;
	text-align:center;
	padding-top:8px;
}
.newfooter-text a{
	color:#336600;
	text-decoration:none;
}
.newfooter-text a:hover{
	color:#336600;
	text-decoration:none;
}
/* ================================================================ */
.subtitle{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	padding-top:8px;
}
.innertitle{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#458811;
	padding-top:8px;
}
.smalltitle{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#333333;
	padding-top:8px;
	text-decoration:none;
}
.disputes-text{
	font-family: Calibri, Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-decoration:line-through;
}
.spanlink-text{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#679615;
	font-weight:bold;
	padding-top:8px;
}
.spanlink-text a{
	color:#679615;
	text-decoration:none;
}
.spanlink-text a:hover{
	color:#7dae27;
	text-decoration:underline;
}
.table-space{
	padding-top:5px;
	border-bottom:4px;
}
/* ================================================================ */
#updatesearch-box{
	width:196px;
	height:auto;
	margin:0 auto;
	margin-top:5px;
}
/*=========================================================*/
.slidingbox {
	background-image:url(../images/menu-bgstrip.gif);
	background-repeat:repeat-x;
	width:196px;
	height:32px;
	margin-bottom:2px;
}
.slidingbox ul {
	margin:0;
	list-style:none;
	padding:0px 0px 0px 3px;
}
.slidingbox li {
	display:block;
	padding:0 1px 0px 15px;
	line-height:20px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
}

/*=======Refine Search List Text ===============================*/
.refine-search{
	width:194px;
	height:auto;
	border:1px solid #7bbe10;
}
.refine-search ul{
	margin:0;
	list-style:none;
	padding:3px 0px 0px 10px;
}
.refine-search li{
	display:block;
	padding:0 1px 0px 10px;
	background:url(../images/green-arrow.gif) no-repeat center left;
	line-height:20px;
	border-bottom:1px solid #dbe9f8;
}
.refine-search a{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#565656;
	display:block;
	text-decoration:none;
}
.refine-search li a:hover{
	color:#027795;
	text-decoration:underline;
	}
	
/* ==============Product Display Box Class=========================== */
.product-displaybox{
	width:575px;
	height:auto;
	padding-top:8px;
	padding-left:10px;
}
#product-listing{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#c9680e;
	font-weight:bold;
	padding:8px;
}
/* ============================================================================= */

.product-nametext{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#477b1b;
	padding-bottom:8px;
	text-decoration:none;
}
.product-nametext a{
	color:#477b1b;
	text-decoration:none;

}
.product-nametext a:hover{
	color:#477b1b;
	text-decoration:underline;

}
/* ============================================================================= */

.product-ratetext{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#477b1b;
	font-weight:bold;
	padding-bottom:5px;
}
#paging-textcontainer{
	width:584px;
	height:24px;
	background-image:url(../images/paging-bg.gif);
	background-repeat:repeat-x;
	border:1px solid #efefef;
	padding-top:2px;
}

.paging-text{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}
.paging-text a{
	color:#666666;
	text-decoration:none;
}
.paging-text a:hover{
	color:#c9680e;
	text-decoration:none;
}

/* =========Product Description Pages Class========================= */
.viewlargeimg{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	font-weight:bold;
	padding-left:5px;
	text-decoration:none;
}
.viewlargeimg a{
	color:#666666;
	text-decoration:none;
}
.viewlargeimg a:hover{
	color:#518e18;
	text-decoration:underline;
}
.product-bigtitle{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#518e18;
	font-weight:bold;
	text-decoration:none;
}

.product-details{
	width:570px;
	height:auto;
	padding-top:8px;
	padding-left:10px;
	padding-right:8px;
}
/* =========Product Review box Class========================= */
#product-reviewcontainer{
	width:570px;
	height:auto;
	border:1px solid #dcdcdc;
	margin:0 auto;
	
}
.product-titlestrip{
	width:562px;
	height:21px;
	background-color:#d8f392;
	padding-top:3px;
	padding-left:8px;
}
.product-review{
	width:550px;
	padding:8px;
}
/* ==============Envirocitizen Article Library Box Class=========================== */
.article-displaybox{
	width:575px;
	height:auto;
	padding-top:8px;
	padding-left:10px;
}
.more-view{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#CC3300;
	font-weight:bold;
	padding-left:5px;
	padding-bottom:8px;
	text-decoration:none;
}
.more-view a{
	color:#CC3300;
	text-decoration:none;
}
.more-view a:hover{
	color:#518e18;
	text-decoration:underline;
}
/* ==============Forum Page Class=========================== */
#topforum-container{
	background-image:url(../images/top-forumbg.gif);
	background-repeat:repeat-x;
	height:90px;
}
.top-forumlogo{
	background-image:url(../images/forum-logo.gif);
	background-repeat:no-repeat;
	width:282px;
	height:90px;
}
.top-forumlogo a{
	width:282px;
	height:90px;
	display:block;
}
/* ================================================================================= */

.forum-headerimg{
	width:1000px;
	background-image:url(../images/forum-header.gif);
	background-repeat:no-repeat;
	height:167px;
}
.ct-forumbanner{
	background-image:url(../images/forum-banner.gif);
	background-repeat:no-repeat;
	width:562px;
	height:121px;
	margin:0 auto;
}
.ct-forumbanner a{
	width:562px;
	height:121px;
	display:block;
}
/* ================================================================================= */
#myaccount-container{
	width:575px;
	height:auto;
	padding-top:8px;
	margin:0 auto;
}
.myaccount-text{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
}
.myaccount-borderline{
	border:1px solid #7bbe10;
	padding:8px;
}
/*=======Refine Search List Text ===============================*/
.myaccount-list{
	width:auto;
	height:auto;
}
.myaccount-list ul{
	margin:0;
	list-style:none;
	padding:3px 0px 0px 10px;
}
.myaccount-list li{
	display:block;
	padding:0 1px 0px 15px;
	background:url(../images/myaccountlist-arrow.gif) no-repeat center left;
	line-height:20px;
	border-bottom:1px solid #FFFFFF;
}
.myaccount-list a{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#565656;
	display:block;
	text-decoration:none;
}
.myaccount-list li a:hover{
	color:#547f0f;
	text-decoration:underline;
	}
/*=======My Account Title page Class ===============================*/
.myaccount-title{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#565656;
	font-weight:bold;
	padding-bottom:8px;
}
.myaccount-innerbox{
	border:1px solid #ddf098;
	background-color:#fcfff1;
}
/* ============Database Category Icon Class============================ */
.database-icontext{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}
.database-icontext a{
	color:#333333;
	text-decoration:none;
}
.database-icontext a:hover{
	color:#517f12;
	text-decoration:underline;
}
.article-text{
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	font-weight:400;
	padding-top:8px;
	font-weight:bold;
	
}
.article-text a{
	color:#336600;
	text-decoration:none;
	font-weight:bold;
}
.article-text a:hover{
	color:#336600;
	text-decoration:underline;
}
.list-data a{
font-family:Calibri, Calibri, Arial, Helvetica, sans-serif;
color:#669933;
text-decoration:none;
text-align:left;
font-size:14px;
}
.list-data a:hover{
color:#006600;
}

.list-pagination{
	text-align:right;
	padding-right:50px;
	padding-top:20px;
}
.list-pagination a{
	font-family:Calibri, Calibri, Arial, Helvetica, sans-serif;
	color:#669933;
	font-size:14px;
	text-decoration:none;
}
.list-pagination a:hover{
color:#006600;
}
.arrowlistmenu{
width: 196px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	background-image:url(../images/menu-bgstrip.gif);
	padding-left:10px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:30px;
	cursor: pointer;
	width:188px;
	height:32px;
	margin:0 0 1px 0;
}
.arrowlistmenu .menuheader a{
	text-decoration:none;
	color:#FFFFFF;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/menu-bgstrip.gif);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	margin:0;
	list-style:none;
	padding:5px 5px 7px 5px;
	width:186px;
	border:1px solid #7bbe10;
}

.arrowlistmenu ul li.border_cls{
	padding:0 1px 2px 15px;
	background:url('../images/arrow.gif') no-repeat center left;
	border-bottom:1px #dbe9f8 solid;
}

.arrowlistmenu ul li.border_cls2{
	padding:0 1px 2px 15px;
	background:url('../images/arrow.gif') no-repeat center left;
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
}

.arrowlistmenu ul li a{
	font-family: Calibri, Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#336600;
	display:block;
	padding:3px 1px 3px 0;
	text-decoration:none;
	/*text-transform:capitalize;*/
}

.arrowlistmenu ul li a:visited{
color: #336600;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color:#336600;
	text-decoration:underline;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
/*background: lightblue;*/
}
.article-featured{
font-family:Calibri, Calibri, Arial, Helvetica, sans-serif;
font-size:14px;
color:#7cae27;
}
.article-featured a{
text-decoration:none;
color:#7cae27;
}
 
/* ============FAQ Class============================ */
.faq-title{
	font-family:Calibri, Verdana, Calibri, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#609406;
	font-weight:bold;
	text-decoration:none;
}
.faq-qtitle{
	font-family:Calibri, Verdana, Calibri, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#609406;
	font-weight:bold;
	text-decoration:none;
}
.faq-title a{
	color:#609406;
	text-decoration:none;
}
a.faq-title:hover{
	color:#74a71e;
	text-decoration:underline;
}
/* ============Online Page Class============================ */

.reviewsubmit-text{
	font-family:Calibri, Verdana, Calibri, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#609406;
	text-decoration:none;
	padding-left:8px;
	padding-top:6px;
}
.link-textcontent{
	font-family:Calibri, Verdana, Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#609406;
	text-decoration:none;
}
.link-textcontent a{
	color:#609406;
	text-decoration:none;
}
a.link-textcontent:hover{
	color:#609406;
	text-decoration:underline;
}

/********Table Css Article Pages***********/
/********Table Css Article Pages***********/

h2{
	 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#679615;
	line-height:22px;
	padding-left:0px;
	padding-bottom:0px;
	padding-top:0px;
	display:inline;
	
}


.border{border:1px solid #d8d8d8; padding-left:0px;}

.border-bottom{border-bottom:1px solid #d8d8d8; padding-left:0px;}

.link{font:Arial; font-size:12px; color:#578408; text-decoration:none;}
.link:hover{font:Arial; font-size:12px; color: #333333; text-decoration:none;}

.link1{font:Arial; font-size:15px; color:#578408; text-decoration:none;}
.link1:hover{font:Arial; font-size:15px; color: #333333; text-decoration:none;}

/************/

/************/