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

/* yes */
body {
	padding: 0;
	background:  #645750 url(../bgs/bg2.gif) repeat center top ;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
}

sub {
	position:relative;
	top:-0.4em;
	left:0.1em;
}
sup {
	position:relative;
	top:0.2em;
	left:0.1em;
	margin-right:2px;
}

img {
	border: none;
}

.clearfloat {
	/* this class should be placed on a div or break element and should be the
	final element before the close of a container that should fully contain
	floated elements */
	clear       : both;
	height      : 0;
	font-size   : 1px;
	line-height : 0;
}

/* yes */
#wrapper {
	width: 900px;
	height: auto;
	margin: 0 auto;
	background: #645750 url(../bgs/sub_bg2.jpg) no-repeat center top;
	}
/* yes */
#substrip {
	clear:both;
	width: 900px;
	Xheight: 100%;
	margin: 0 auto;
	padding-bottom: 20px;
	background: #645750 url(../bgs/sub_strip.jpg) repeat-y center top;
	}
/* yes */
div#header {
	width:850px;
	height:155px;
	padding-top: 0px;
}
/* yes */
div#logo{
	width:122px;
	height:128px;
	padding-top: 0px;
	margin-top: 9px;
	margin-left: 80px;
	margin-right: 180px;
	float: left;
}
/* yes */
div#tagline{
	width:298px;
	height:27px;
	padding-top: 0px;
	margin-top: 45px;
	margin-right: 70px;
	float: right;
	background: url(../home1/tagline.jpg) no-repeat center;
}
/* yes */
div#login_area{
	width:150px;
	height:27px;
	padding-top: 0px;
	margin-top: 20px;
	margin-right: 0px;
	text-align: right;
}
/* yes */
div#button_text{
	width:80px;
	height:27px;
	padding-top: 0px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 27px;
	padding-bottom: 0px;
	float: right;
}
/* yes */
div#login_button{
	width:300px;
	height:65px;
	padding-top: 0px;
	margin-top: 10px;
	margin-right: 90px;
	float: right;
	text-align: left;
}
/* yes */
div#container {
  width:900px;
  text-align:center;
  overflow: hidden;
}
/* yes */
div#horz_menu {
    width:850px;
	text-align: center;
}
/* yes */
div#leftcolumn {
	float:left;
	margin: 0 0 40px 12px;
	padding:0;
	width:520px;
	height: 100%;
}
/* yes */
div#content {
  width:240px;
  float: right;
}
/* yes */
div#quote {
	width:417px;
	margin-top: 20px;
	margin-left: 95px;
	margin-right: 0px;
	height:101px;
	float: right;
}
/* yes */
div#breadcrumbs {
    width:470px;
	margin-left: 70px;
	height:30px;
	text-align: left;
	margin-top: 30px;
}
/* yes */
div#pagetitle {
    width:470px;
	margin-left: 70px;
	height:30px;
	text-align: left;
	margin-top: 10px;
}
/* yes */
div#subtextarea {
   width:550px;
	margin-left: 70px;
	height:auto;
	text-align: left;
	margin-top: 20px;
}
/***************** RIGHT COLUMN BGs ****************/
/* yes */
div#buttons_frog {
  width:172px;
  height: 600px;
  margin-top: 60px;
  margin-left: 10px;
  margin-right:65px;
  background: url(../subrightBG.png) center top no-repeat;
}

/***************** RIGHT COLUMN INSERTS ****************/
/* yes */
div#diduknow {
  width:140px;
  height: auto;
  padding-top: 15px;
  padding-left: 5px;
  margin-left: 10px;
  margin-right:0px;
  text-align: left;
}

/***************** FOOTER ****************/
/* yes */
div#footer {
   width:900px;
	height:110px;
	background: url(../bgs/footerBG.jpg) center top no-repeat;
	clear: both;
	padding: 0;
	margin: 0;
}
/* yes */
div#btmmenu {
   width:850px;
	height:56px;
	background: url(../home1/footerlinks.jpg) center top no-repeat;
	clear: both;
	padding: 0;
	margin: 0;
	text-align: center;
}
/* yes */
div#footer_menu{
   width:420px;
	height:25px;
	margin-left: 250px;
	margin-right: 230px;
	text-align: center;
	padding-top: 10px;
}
div#footer2 {
  border:0px solid red;
  width:914px;
	height:131px;
	clear: both;
	padding-bottom: 0px;
	margin-top: 0px;
}

.lastframe {
	background-color: #FCF7F1;
	height: 500px;
	width: 580px;
	color: black;
	cursor: default;
	border: 0px solid #B3D50C;
	overflow: auto;
	padding: 10px;
}

#left_menu_area {
	background-color: #DEDEDE;
	background-image: url(../subpage_1/leftnav.gif);
	background-repeat:no-repeat;
	width: 203px;
	margin-left: 5px;
	margin-top: 30px;
	float: left;
	text-align:left;
	padding: 0px;
	min-height: 200px;
	height: auto ;/* overwrite the height */
	}
#left_menu_links {
	width: 170px;
	float: inherit;
	margin-left:20px;
	margin-right: 5px;
	margin-top: 50px;
	text-align:left;
	padding: 0px;
	height: auto ;/* overwrite the height */
	}
#search_area {
	background-image: url(../images_home2/searchBG.gif);
	width: 237px;
	margin-left: 10px;
	float: left;
	text-align:left;
	padding: 10px;
	height: 156px;
	}
#menu_btm {
	background-image: url(../bgs/menu_btm.jpg);
	width: 226px;
	float: left;
	padding: 0px;
	height: 77px;
	}
#maincontent  {
	width: 578px;
	text-align:right;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
#newsinclude {
	width: 	150px;
	max-height: 120px;
	color: #000000;
	background-color: #E4E4E4;
	font-family:Trebuchet,Helvetica,Arial,sans-serif;
	font-size:11px;
	line-height: 12pt;
	}
#whatsnewinclude {
	width: 	150px;
	max-height: 120px;
	color: #000000;
	background-color: #DADADA;
	font-family:Trebuchet,Helvetica,Arial,sans-serif;
	font-size:11px;
	line-height: 12pt;
	}
#introtext {
	width: 	325px;
	height: 120 px;
	color: #000000;
	text-align: right;
	background-color: #FFFFFF;
	font-family:Trebuchet,Helvetica,Arial,sans-serif;
	font-size:11px;
	line-height: 12pt;
	}
#searcharea  {
	width: 237px;
	background-image: url(../images_home2/searchBG.gif);
	background-repeat: no-repeat;
	height: 156px;
	font-family: "Trebuchet MS";
	font-size: 10px;
	color: #000000;
	font-style: normal;
	margin-left: 1px;
	margin-right: 0px;
	margin-top: 5px;
	padding-top: 3px;
}
#searchinput {
	width: 200px;
	height: 150px;
	text-align: center;
		margin-top: 12px;
		margin-left: 20px;
		padding-top: 20px;
}
#addressarea  {
	width: 180px;
	height: 100px;
	text-align: right;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	font-stretch: extra-expanded;
	margin-left: 660px;
	padding-right: 20px;
	padding-top: 40px;
}
#leftnews  {
	width: 180px;
	height: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #000000;
	font-style: normal;
	text-align: left;
	margin-left: 40px;
	margin-right: 0px;
	height: auto ;/* overwrite the height */
}
#whatsnewSUB  {
	width: 200px;
	max-height: 200px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #000000;
	font-style: normal;
	text-align: left;
	margin-left: 25px;
	margin-right: 0px;
	background-image: url(../images_home2/whatsnew3.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: center top;
}
#whatsnewSUBinclude  {
	width: 150px;
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #000000;
	font-style: normal;
	text-align: left;
	margin-left: 30px;
	margin-right: 0px;
	padding-top: 35px;
}
#secondlinks  {
	width: 806px;
	text-align:right;
	margin-top: 0px;
	height: 19px;
	margin-right:10px;
	padding-right:10px;
	}
#breadcrumbs_area  {
	width: 825px;
	text-align:right;
	margin-top: 2px;
	padding: 0px;
	height: auto ;/* overwrite the height */
	}
#flash  {
	width: 224px;
	height: 247px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
}
#producttitle{
	width: 578px;
	height: 24px;
	float: left;
	margin-left: 3px;
	padding-top: 20px;
}
#productimages {
	width: 460px;
	height: 420px;
	text-align: left;
	margin-right: 20px;
	margin-top: 28px;
	background: url(../homeimgs/flash_BG.jpg) no-repeat;
}
#subimages {
	width: 460px;
	height: 420px;
	text-align: left;
	margin-right: 20px;
	margin-top: 28px;
	padding-left: 20px;
}
#subimages2 {
	width: 361px;
	height:100%;
	text-align: left;
	margin-right: 20px;
	margin-top: 10px;
	padding-left: 0px;
}
#subcontent_info{
	width: 230px;
	height: auto;
	text-align: right;
	margin-right: 0px;
	margin-top: 90px;
	padding-left: 0px;
	padding-right: 00px;
	margin-left: 80px;
}
#subform{
	width: 300px;
	height: auto;
	text-align: left;
	margin-right: 0px;
	margin-top: 28px;
	padding-left: 0px;
}
.contactform {
	color: #333333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 1.3em;
	background-color: #dedcdc;
}
#welcome  {
	width: 348px;
	height: 101px;
	text-align: left;
	margin-top: 0px;
	margin-left: 3px;
	float: left;
}
#welcometext  {
    border:0px solid green;
    width:230px;
    margin:60px 0 0px 150px;
	height:200px;
	font-stretch:condensed;
	text-align: right;
	background: url(../homeimgs/the.gif) no-repeat top left;
}
#subtext  {
    border:0px solid green;
    width:230px;
    margin:10px 0 0px 0px;
	padding-right: 20px;
	height:auto;
	font-stretch:condensed;
	text-align: right;
	float: right;
}
#marketimage  {
    border:0px solid green;
    width:383px;
    margin:10px 0 0px 0px;
	padding-right: 20px;
	height:74px;
	font-stretch:condensed;
	text-align: right;
	float: right;
}
#lefttext  {
    border:0px solid green;
    width:250px;
    margin:10px 0 0px 0px;
	padding-right: 30px;
	height:auto;
	font-stretch:condensed;
	text-align: right;
	float: right;
}
#leftmoviebox {
    border:0px solid green;
    width:383px;
    margin:10px 0 0px 0px;
	padding-right: 30px;
	height:auto;
	font-stretch:condensed;
	text-align: right;
	float: right;
}

 /* FONTS */

a:link {
color:#8B7BB4;
text-decoration: underline;
text-underline-style: dotted;
}
a:visited {
color:#8B7BB4;
text-decoration: underline;
text-underline-style: dotted;
}
a:hover {
background-color:#ffffff;
color:#000000;
text-decoration:none;
}
h1  {
	color: #000000;
	font-family:Helvetica,Arial,sans-serif;
	font-size:18px;
	font-weight:bold;
	}
h2  {
	color: #000000;
	font-family:Helvetica,Arial,sans-serif;
	font-size:18px;
	font-weight:bold;
	}
h3  {
	color: #000000;
	font-family:Helvetica,Arial,sans-serif;
	font-size:16px;
	font-weight:bold;
	}
h4  {
	color: #59409B;
	font-family:Helvetica,Arial,sans-serif;
	font-size:16px;
	font-weight:bold;
	}
.headline_font {
	color: #FFFFFF;
	overflow: auto;
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	}
.left_menu_font {
	color: #000000;
	overflow: auto;
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	}
.basicfont {
	color: #000000;
	overflow: auto;
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	}
.search_button1 {
	color: #FFFFFF;
	background-color: #B50606;
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	font-stretch: wider;
	text-align: left;
	}
.search_button2  {
	color: #FFFFFF;
	background-color: #B50606;
	font-family:Helvetica,Arial,sans-serif;
	font-size:12px;
	font-stretch: expanded;
	text-align: left;
	border: thin;
	border-color: #000000;
	text-indent: inherit;
	text-shadow: #000000;
}

.login_font1 {
	color: #000000;
	background-color: #BFC6D5;
	font-family:Helvetica,Arial,sans-serif;
	font-size:11px;
	}
.login_font2 {
	color: #000000;
	background-color: #D5E2D5;
	font-family:Helvetica,Arial,sans-serif;
	font-size:11px;
	}
	/* yes */
.grbutton_font{
	color: #59409B;
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size:18px;
	}
.search_font {
	color: #000000;
	background-color: #D5E2D5;
	font-family:Helvetica,Arial,sans-serif;
	font-size:11px;
	}

/* yes */
.main_font {
	color: #686870;
	font-family:"Trebuchet MS", Helvetica,Arial,sans-serif;
	font-size:14px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 1.2em;
	}
/* yes */
.bread_font {
	color: #333333;
	font-family: "Trebuchet MS", Helvetica,Arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	}
	/* yes */
.bread_font2 {
	color: #FFFFFF;
	font-family:Helvetica,Arial,sans-serif;
	font-size:11px;
	font-style:normal;
	}
.bread_font2 a:link {
color:#FFFFFF;
text-decoration: underline;
text-underline-style: dotted;
}
.bread_font2 a:visited {
color:#FFFFFF;
text-decoration: underline;
text-underline-style: dotted;
}
.bread_font2 a:hover {
background-color:#DCEFF6;
color:#000000;
text-decoration:none;
}
/* yes */
.footer_font {
	color: #8b7bb4;
	font-family: "Trebuchet MS", Helvetica,Arial,sans-serif;
	font-size:12px;
	font-style:normal;
	}
/* yes */
.credit_font {
	color: #89a20b;
	font-family: "Trebuchet MS", Helvetica,Arial,sans-serif;
	font-size:12px;
	font-style:normal;
	}
.credit_font a:link {
color:#89a20b;
text-decoration: underline;
text-underline-style: dotted;
}
.credit_font a:visited {
color:#89a20b;
text-decoration: underline;
text-underline-style: dotted;
}
.credit_font a:hover {
background-color:#B1E463;
color:#000000;
text-decoration:none;
}
/* yes */
.pagetitlefont {
	color: #A3BC22;
	font-family: "Trebuchet MS", Helvetica,Arial,sans-serif;
	font-size:20px;
	font-size-adjust:none;
	font-stretch: extra-expanded;
	font-style:bold;
	font-variant:normal;
	font-weight:bold;
	}
.producttitlefont {
	color: #3D393A;
	font-family:Helvetica,Arial,sans-serif;
	font-size:15px;
	font-size-adjust:none;
	font-stretch: extra-expanded;
	font-style:bold;
	font-variant:normal;
	font-weight:bold;
	}
.searchbut {
	background-color: #9F9B5B;
	color: #660000;
	font-family:Helvetica,Arial,sans-serif;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	border-color: #660000;
	border-style: ridge;
	}
.searchbut2 {
	background-color: #D5E2D5;
	color: #660000;
	font-family:Helvetica,Arial,sans-serif;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	border-color: #660000;
	border-style: ridge;
	}
.button2  {
	background: url("/modules/eco/MISSINGbg.gif");
	color: #000000;
	font-family: "Trebuchet MS", Helvetica,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	border-color: #660000;
	border-style: ridge;
	text-align: center;
	}

/***************** ECOM STYLES ****************/

div#ECOMleftcolumn {
   width:570px;
	float:left;
	height: auto;
	margin-left: 36px;
	padding-bottom: 75px;
}
div#ECOMSHOP_area {
   width:570px;
	height:auto;
	text-align: left;
}
#ecom_ECOMSHOP_boxL  {
	width: 270px;
	height: 195px;
	background: url(../ecom_graphics/INDIEBG.jpg) top center no-repeat;
	float: left;
	}
#ecom_ECOMSHOP_boxR  {
	width: 285px;
	height: 195px;
	background: url(../ecom_graphics/INDIEBG.jpg) top center no-repeat;
	float: right;
	}
#ecom_INDproductbox  {
	width: 510px;
	height: 100%;
	}
#ecom_INDprodimage  {
	width: 250px;
	text-align: center;
	float: left;
	margin-top: 10px;
	}
#ecom_INDproducttext  {
	width: 250px;
	height: 100%;
	float: right;
	margin-top: 20px;
	margin-right: 0px;
}
#ecom_INDprodimage2  {
	width: 160px;
	text-align: center;
	float: left;
	margin-top: 10px;
	}
 #ecom_INDproducttext2  {
	width: 230px;
	height: 100%;
	float: right;
	margin-top: 20px;
	margin-right: 95px;
}

.ecom_product_title  {
	color: #796D67;
	font-family:"Trebuchet MS", Helvetica,Arial,sans-serif;
	font-size:20px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height: 1.2em;
}
.ecom_product_title2  {
	color: #796D67;
	font-family:"Trebuchet MS", Helvetica,Arial,sans-serif;
	font-size:16px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height: 1.2em;
}
.ecom_product_titleSM  {
	color: #796D67;
	font-family:"Trebuchet MS", Helvetica,Arial,sans-serif;
	font-size:14px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height: 1.2em;
}
.ecom_product_titleSM2  {
	color: #796D67;
	font-family:"Trebuchet MS", Helvetica,Arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height: 1.2em;
}
.ecom_description  {
	color: #593f9a;
	font-family:"Trebuchet MS", Helvetica,Arial,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 1.2em;
	}
.ecom_descriptionSM  {
	color: #593f9a;
	font-family:"Trebuchet MS", Helvetica,Arial,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 1.2em;
	}
.ecom_price   {
	color: #796D67;
	font-family:"Trebuchet MS", Helvetica,Arial,sans-serif;
	font-size:18px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height: 1.2em;
}
.ecom_priceSM   {
	color: #796D67;
	font-family:"Trebuchet MS", Helvetica,Arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height: 1.2em;
}
.explanation  {
	color: #796D67;
	font-family:"Trebuchet MS", Helvetica,Arial,sans-serif;
	font-size:11px;
	font-style:bold;
	}
#explanation  {
	color: #796D67;
	font-family:"Trebuchet MS", Helvetica,Arial,sans-serif;
	font-size:11px;
	font-style:bold;
	}

.shopsidebar  {
	margin: 0px;
	padding-left: 15px;
}

.shopsidebar li { padding-bottom: 3px; list-style-image: url(/themes/eco/resources/graphics/leaf.png); margin-bottom: 5px; margin-left: 0px; }

.calcsidebar  {
	margin: 15px;
	padding-left: 15px;
}

.calcsidebar li { padding-bottom: 3px; list-style-image: url(/themes/eco/resources/graphics/leaf.png); margin-bottom: 5px; margin-left: 0px; }

.nowwhat {
	color: #A3BC22;
	font-family: "Trebuchet MS", Helvetica,Arial,sans-serif;
	font-size:16px;
	font-size-adjust:none;
	font-stretch: extra-expanded;
	font-style:bold;
	font-variant:normal;
	font-weight:bold;
	}

.sidebarbubble {
	background: url('../sidebar-middle.gif');
	padding-left: 5px;
}