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

html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,form,fieldset,legend,label,input,textarea,table,tr,th,td { margin:0; padding:0 }

body { background:#FFF url(http://www.ecosutra.com/EcoSutra09/images/bg_grey_top.gif) repeat-x; font:11px Geneva, Arial, Verdana, sans-serif; line-height: 18px; color:#4d4d4d }

li{
	list-style: disc;	
	
}

SPAN, LI {
	color: #999999;
	font-size: 9px;
}

A {color:#666666; text-decoration: none; }
A:link	  {color:#6F922E;text-decoration: none;}
A:visited {color:#0d229d; text-decoration: none; }
A:hover	  {color:#6F922E;text-decoration: none;}

img
{  border-style: none;
}

/*
<div id="footer_ct">
        <div id="ftctsub">

        
      		 <a href="http://www.ecosutra.com" class="foot">Home</a> |
      		 <a href="http://www.ecosutra.com" class="foot">Contact Us</a> |
             <a href="http://www.ecosutra.com" class="foot">Privacy</a> | 
             <a href="http://www.ecosutra.com" class="foot">Sitemap</a> | 
             <span class="foot">Copyright © 2009. All Rights Reserved. </span><br><br>
*/


#topNavimg { margin: 0px 0px 0px 0px;}

#contactfrm {width: 300px; margin: 120px 0px 0px 30%;}
#footer_ct {background:#FFF url(http://www.ecosutra.com/EcoSutra09/images/bg_grey_top_flip.png) repeat-x; font:11px Geneva, Arial, Verdana, sans-serif; line-height: 40px; color:#4d4d4d;}
#ftctsub {margin: 0px 0px 0px 36%}
#Logo_ct {width: 300px; padding: 0px 0px 14px 5px; margin: -40px 0px 0px 18px;}
#comln {width: 300px; margin:-40px 0px 0px 300px;}

/*about us */

#wrpmain {margin: 0px 0px 0px 2%;}
#wrp {width: 730px; margin: 0px 0px 0px 0px;}
#wrp_a {width: 730px; margin: 20px 0px 0px 0px;}
#wrp_b {width: 730px; margin: 20px 0px 0px 0px;}
#wrp_c {width: 730px; margin: 20px 0px 0px 0px;}
#lft {float:left; padding: 0px 20px 0px 0px;}
#rgt {padding: 10px;float:right; margin: 20px 0px 0px 0%;}
#abt_hd {margin:0px 0px 0px 10px;}

#rowBC_ab {margin: 0px 0px 0px 150px; font-size:18px;}


#topNav{}

#topNav tr td{
	font-size: 8px;
	text-align: center;
}

#topNav tr td a{
	padding: 0px;
	color: #666666; 
	font-weight: bold;
	text-transform: uppercase;	
	text-decoration: none;
	
}
#topNav tr td a:HOVER{
	
	color: #666666; 
	font-weight: bold;
	text-transform: uppercase;	
}

P { margin-top: 9px; margin-bottom: 9px; }

.foot {color: #666666; font-size: 7pt; font-weight: normal; }
A.foot {color: #666666; text-decoration: none; }
A.foot:link {color: #666666; text-decoration: none; }
A.foot:visited {color: #666666; text-decoration: none; }
A.foot:active {color: #666666; text-decoration: none; }
A.foot:hover {color: #CC0000; text-decoration: underline; }

#centerDiv p { margin-bottom: 18px; }
#centerDiv h1 {
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 18px;
	color: #91C02C;
}
#centerDiv h2 {
	font-size: 10px;
	line-height: 18px;
	margin-bottom: 10px;
	color: #91C02C;
}
#centerDiv h3 {
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;
	color: #91C02C;
}
#centerDiv h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
#centerDiv p.intro { font-weight: bold; }
#centerDiv .more { text-align: right; }

#Logo {
	width:163px;
	float: right;
	margin-right: 60px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.EcosutTitles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 9%;
	font-size: 12px;
	font-weight: bold;
	color: #5d9d66;
	text-decoration: none;
}
.EcosutTitlessmall {
	font-size: 8pt;
	font-weight: bold;
	color: #2f2f41;
	text-decoration: none;
}

.SectionTitleText  { color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-weight: normal; }
	
	#ContCenterWideWrap { width: 980px; margin: 0 auto 10px; clear: both; color: #76797c; }
	#ContCenterWideWrap { width: 900px; margin-right: auto; margin-top: 10px; margin-left: auto; margin-bottom: 0; }
	#ContCenterWideWrap img {
	padding: 0;
	border: 0;
	margin: 0;
	margin-bottom: 0px;
}
	
#centerDiv {
	width: 985px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}

#rowMenu {
	float:left;
	width:100%;
	height: 35px;
	margin-top: 70px;
}

#TopRowRap {
	width:850px;
	margin-bottom: 5px;
	height: 90px;
	margin-right: 10px;
	float: left;
}
#rowBC {
	float:left;
	width:auto;
	
	margin-right: 5px;
	padding-top: 5px;
}
#ccICON {
	float:left;
	width: auto;
	height: auto;
	margin-right: 5px;
}
#BCLoginBasketHomeWrap {
	float:left;
	width:995px;
	margin: 5px 0px 5px 0px;
	border: 1px solid #E6E7E8;
	padding: 4px 4px 4px 4px;
}

#BaseLinks {background:#FFF url(images/bg_grey_top_flip_off.png) repeat-x; font:11px Geneva, Arial, Verdana, sans-serif; line-height: 40px; color:#4d4d4d;}
/*
#BaseLinks {
	background:#FFF url(images/bg_grey_top_flip.png) repeat-x;
	float:left;
	width:100%;
	height: 20px;
	padding-top: 5px;
	padding-right: 5px;
}
*/
#row4 {
	float:left;
	width:982px;
	padding-top: 20px;
	height: auto;
}

#promos {
	width: 980px;
	min-height: 155px;
*height: 155px;
	float: left;
	padding-top: 10px;
}
#promos img { float: left; border-width: 0; margin: 0 12px 0 0; }
#promos img.last { margin: 0; }


#ContCenterWideWrap {
	float: left;
	width: 100%;
	height: auto;
}
#Contdata {
	float: left;
	width: 100%;
	height: 100%;
	position: relative;
}
#ContainerLeft {
	background-image: url(../Samples/store/images/containers/01container_left.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	width: 10px;
	height: 100px;
}
#ContainerCenter {
	background-image: url(../Samples/store/images/containers/01containercenter.gif);
	background-repeat: repeat-x;
	background-position: left center;
	float: left;
	width: 960px;
	height: 100px;
}
#ContainerRight {
	background-image: url(../Samples/store/images/containers/01container_right.gif);
	background-repeat: no-repeat;
	background-position: right center;
	float: left;
	height: 100px;
	width: 10px;
}
.tdLeftLine {
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #DEDEDE;
	padding-left: 10px;
}
.tdHorizontalLine {
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DEDEDE;
}


/* SIDE menu */
.smenu {
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: auto;
	float: left;
	width: 100%;
	clear: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DEDEDE;
	padding-top: 5px;
	text-align: left;
	font-size: 8pt;
	color: #97C336;
	margin-top: 1px;
	margin-bottom: 1px;
}
.smenu a:link {
	text-decoration: none;
	height: auto;
	width: 100%;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 5px;
	color: #91C02C;
}
.smenu a:hover {
	text-decoration: none;
	height: auto;
	width: 100%;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	clear: left;
	background-color: #E0E0E0;
}
.smenu a:active {
	text-decoration: none;
	height: auto;
	width: 100%;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	clear: left;
	background-color: #DEDEDE;
}
.smenu a:visited {
	text-decoration: none;
	height: auto;
	width: 100%;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	clear: left;
}

#rowOrderLinks {
	float:none;
	width:auto;
	height: 15px;
	margin-left: 525px;
	margin-top: 5px;
}



#rowOrderLinks a:link {
	padding-right: 0px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
	height: 20px;
	text-align: none;
}
#rowOrderLinks a:visited {
	padding-right: 8px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
	height: 20px;
	text-align: center;
}
.err{
	margin: 10px;
	padding: 10px;
	border: 1px dotted red;
	background-color: #F5F5F5;
	float: left;
	width: 930px;
}
.galleryFrame{
	float:left; 
	border: 1px solid #000000;
	width: 110px;
	height: 110px; 
	background-color: #eeeeee; 
	margin: 5px; 
	text-align: center; 
	padding: 10px;
}
.galleryFrame img{
	border: 0px;
}

.topNavImgHome{
	border: 0px solid #E6E7E8;
}
.topNavImg{
	border: 0px solid #E6E7E8;
	border-left: 0px;
}



/*second half */

#page_half { text-align: left; width: 1000px; margin: auto; height: auto; }


#header_features 	{ margin: 8px 0 0 0px; height: 252px; overflow: visible; }


.header_feature { border: 1px solid #d1d1d1; background: white; position: relative; width: 230px; height: 244px; float: left; margin: 0 2px 0 6px; padding: 3px; display: block; color: black; font-weight: normal; }

.header_feature img { background: white; width: 230px; height: 155px;  }

.header_feature:hover { text-decoration: none; background: url(images/header_feature_hover_bg.png) bottom left repeat-x white; border-color: #9b9b9b;  }

.header_feature_title {color:#000000; padding: 3px; font-size: 1.25em;  }

.header_feature_category  { font-weight: bold; padding: 3px 3px 0 3px; text-transform: uppercase; font-size: .9em;}

#header_medrec	{ height: 250px; float: left; background: white; border: 1px solid #d1d1d1;  }