

/* GENERAL */

*
{
	margin:0px;
	padding:0px;
	}

body
{
	font-family:Arial;
	font-size:12px;
	color:#42515d;
	background:#FFFFFF;
	
	/*text-align:center;*/
	margin:0px;
	line-height:16px;
	}

table, td
{
	font-family:Arial;	
	font-size:12px;
	vertical-align:top;
	}

input, textarea
{
	font-family:Arial;	
	font-size:12px;
	/*border:1px solid #FFFFFF;*/
	}
	
select
{
	/*margin-top:1px;*/
	font-family:Arial;	
	font-size:13px;
	/*border:1px solid #FFFFFF;*/
	}		

input,textarea{
	padding:2px;
}

.btn{
	padding:0px;
}

select
{
	padding:1px;
	}

a
{
	text-decoration:underline;
	color:#42515d;
	}

.enginetxt{
	display:none;
}

.link
{
	text-decoration:none;
	color:#42515d;
	}	

.link:hover
{
	text-decoration:underline;
	color:#42515d;
	}

img
{
	border:0px;
	}
	
p
{
	margin-bottom:10px;
	}

.ingress
{
	font-family:Arial;
	font-size:12px;
	color:#705B4A;
	font-weight:bold;
	}

h1{
	font-family:Arial;
	font-size:12px;
	color:#42515d;		
	font-weight:bold;
}

h2{
	font-family:Arial;
	font-size:12px;
	color:#698B9B;	
	font-weight:bold;
}

h3{
	font-family:Arial;
	font-size:12px;
	color:#705B4A;
	font-weight:bold;
}

h3 a{
	color:#705B4A;
	text-decoration:none;
}

h3 a:hover{
	color:#705B4A;
	text-decoration:underline;	
}

li
{
	padding-top:2px;
	margin-left:16px;
	}
	
ol li{
	padding-top:2px;
	margin-left:20px;
}	

.arrow li
{
	margin-top:5px;
	margin-left:16px;
	list-style-type : none;
	list-style-image : url(Files/Images/Layout/rightmenu_arrow.gif);
	vertical-align:top;
	}

.float-killer
{
	clear:both;
	height:1px;
	overflow:hidden;
	}
	
#container
{
	margin: 0 auto;	
	width:977px;
	text-align:left;
	}
	
#top
{
	height:62px;
	overflow:hidden;
	background:#F4F9FC;
	}
	
#logo
{
	float:left;
	width:200px;
	margin-top:21px;
	margin-left:13px;
	}
	
#top-menu
{
	float:right;
	margin-top:20px;
	margin-right:10px;
	
	}	

.top-link-100{
	padding-right:20px;
	text-decoration:none;
	text-transform:uppercase;
	color:#636363;
	font-size:10px;	
	font-family:Tahoma, Arial;
	top:-5px;
}

.top-link-100:hover{
	text-decoration:none;
	color:#EE2E24;
}

.top-link-search{
	padding-right:20px;
	text-decoration:none;
	text-transform:uppercase;
	color:#636363;
	font-size:10px;	
	font-family:Tahoma, Arial;
	top:-5px;
}

.top-link-101{
	padding-right:20px;
	text-decoration:none;
	text-transform:uppercase;
	color:#EE2E24;
	font-size:10px;	
	font-family:Tahoma, Arial;
}

.top-link{
	display:block;
	height:13px;
	overflow:hidden;
	background-repeat:no-repeat;	
}
	
.top-link:hover{
	background-position:0px -13px;
}	

.top-link-active{
	display:block;
	height:13px;
	overflow:hidden;
	background-position:0px -13px;	
	background-repeat:no-repeat;	
}
	
#search-button
{
	float:right;
	margin-top:19px;
	width:32px;
	overflow:hidden;
	}
	
#search-field
{
	float:right;
	margin-top:15px;
	}
	
#main-menu
{
	height:53px;
	overflow:hidden;
	}

.main-link{
	display:block;
	height:14px;
	overflow:hidden;
	background-repeat:no-repeat;
}
	
.main-link:hover{
	background-position:0px -14px;
}	

.main-link-active{
	display:block;
	height:14px;
	overflow:hidden;
	background-position:0px -14px;	
	background-repeat:no-repeat;	
}

.main-link-200{
	padding-right:40px;
	text-decoration:none;
	text-transform:uppercase;
	color:#75838E;
	font-size:10px;	
	font-family:Tahoma, Arial;
}

.main-link-200:hover{
	text-decoration:none;
	color:#EE2E24;
}

.main-link-201{
	padding-right:40px;
	text-decoration:none;
	text-transform:uppercase;
	color:#EE2E24;
	font-size:10px;	
	font-family:Tahoma, Arial;
}
	
#breadcrumb
{
	height:21px;
	overflow:hidden;
	}

.breadcrumb-link-300{
	padding-right:5px;
	text-decoration:none;
	text-transform:uppercase;
	color:#99B7C4;
	font-size:10px;	
	font-family:Tahoma, Arial;	
}	

.breadcrumb-link-301{
	padding-right:5px;
	text-decoration:none;
	text-transform:uppercase;
	color:#F63113;
	font-size:10px;	
	font-family:Tahoma, Arial;
}
	
#main
{
	
	}
	
#main-inner
{
	/*margin-bottom:31px;*/	
	}

#left
{
	float:left;
	width:152px;
	height:auto;
	margin-right:12px;
	overflow:hidden;
	}

#left-toutbox
{
	height:150px;
	width:152px;
	overflow:hidden;
	/*background:#F4F9FC;*/
	margin-bottom:7px;
	}
	
#left-menu
{
	width:152px;
	overflow:hidden;
	height:auto;
	border-top:1px solid #CBE4EB;
	border-bottom:1px solid #CBE4EB;	
	}
	
.left-menu-item
{
	height:30px;
	overflow:hidden;
	background:#F4F9FC;
	margin-bottom:1px;
	background-image:url(Files/Images/Layout/menu_bg_org.gif);
	background-repeat:repeat-y;
	}

.left-menu-item-inner
{
	padding-top:5px;
	}
	
.left-link-400{
	padding-left:10px;
	text-decoration:none;
	text-transform:uppercase;
	color:#636363;
	font-size:10px;	
	font-family:Tahoma, Arial;
}	

.left-link-400:hover{
	text-decoration:none;
	color:#EE2E24;
}

.left-link-401{
	padding-left:10px;
	text-decoration:none;
	text-transform:uppercase;
	color:#EE2E24;
	font-size:10px;	
	font-family:Tahoma, Arial;
}

.left-link-410{
	padding-left:20px;
	text-decoration:none;
	text-transform:uppercase;
	color:#636363;
	font-size:10px;	
	font-family:Tahoma, Arial;	
}	

.left-link-410:hover{
	text-decoration:none;
	color:#EE2E24;
}

.left-link-411{
	padding-left:20px;
	text-decoration:none;
	text-transform:uppercase;
	color:#EE2E24;
	font-size:10px;	
	font-family:Tahoma, Arial;
}	
	
.left-menu-spacer
{
	height:4px;
	overflow:hidden;
	}

.left-menu-line
{
	height:1px;
	overflow:hidden;
	}	

.left-menu-item-active
{
	height:auto;
	overflow:hidden;
	background:#F4F9FC;
	margin-bottom:1px;	
	background-image:url(Files/Images/Layout/menu_item_bg_active.jpg);
	background-repeat:repeat-y;
	}	

#content
{
	float:left;
	width:813px;
	overflow:hidden;
	background:#F0F4F8;	
	background-image:url(Files/Images/Layout/v-bg-prodBottom.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	/*padding-bottom:25px;*/
	}
	
#content-top{
	width:813px;
	height:auto;
	overflow:hidden;
	}
	
#product-bg{
	background-image:url(Files/Images/Layout/v-bg-prodTop.jpg); 
	background-repeat:repeat-x; 
	background-position:top left;
	float:left;
	}	

#content-left
{
	float:left;
	width:538px;
	height:auto;
	overflow:hidden;
	padding-bottom:39px;
	}

#content-right
{
	float:left;
	width:274px;
	height:auto;
	overflow:hidden;
	background-image:url(Files/Images/Layout/v-line.gif);
	background-repeat:no-repeat;
	background-position: top left;
	}
	
#content-right-prod
{
	float:left;
	width:274px;
	height:auto;
	overflow:hidden;
	background-image:url(Files/Images/Layout/v-line-prod_2.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	}	

.right-menu
{

	}

.right-menu-item
{
	margin-bottom:5px;
	margin-left:10px;
	}

#footer
{

	}

.footer-link{
	display:block;
	height:13px;
	overflow:hidden;
	background-repeat:no-repeat;	
}
	
.footer-link:hover{
	background-position:0px -13px;
}

.footer-link-active{
	display:block;
	height:13px;
	overflow:hidden;
	background-position:0px -13px;	
	background-repeat:no-repeat;	
}

.footer-divider{
	display:block;
	height:13px;
	overflow:hidden;
	background-repeat:no-repeat;	
}

.footer-link-left{
	display:block;
	height:15px;
	overflow:hidden;
	background-repeat:no-repeat;	
}
	
.footer-link-left:hover{
	background-position:0px -15px;
}

.footer-link-active-left{
	display:block;
	height:13px;
	overflow:hidden;
	background-position:0px -15px;	
	background-repeat:no-repeat;	
}

.footer-divider-left{
	display:block;
	height:15px;
	overflow:hidden;
	background-repeat:no-repeat;	
}

#footer-inner
{
	/*height:56px;
	height:86px;
	overflow:hidden;*/
	padding-bottom: 40px;
	background:#F4F9FC;
	}

.footer-link-500{
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	color:#5C5C5C;
	font-family:Tahoma, Arial;	
}

.footer-link-500:hover{
	text-decoration:none;
	color:#EE2E24;
}
	
.footer-link-501{
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	color:#EE2E24;
	font-family:Tahoma, Arial;	
}

.footer-link-510{
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	color:#5C5C5C;
	font-family:Tahoma, Arial;	
}

.footer-link-510:hover{
	text-decoration:none;
	color:#EE2E24;
}
	
.footer-link-511{
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	color:#EE2E24;
	font-family:Tahoma, Arial;	
}

/* ELEMENTS */
	
.area
{
	clear:both;
	padding-left:20px;
	padding-top:39px;
	padding-right:20px;
	padding-bottom:10px;
	}

.area-bg
{
	clear:both;
	padding-left:20px;
	padding-top:39px;
	padding-right:20px;
	padding-bottom:39px;
	background-image:url(Files/Images/Layout/v-bg-prodTop.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	}
	
.area-right
{
	padding-left:20px;
	padding-top:25px;
	padding-right:20px;
	padding-bottom:5px;	
	}	
	
.line-dotted-h
{
	background-image:url(Files/Images/Layout/h_line_dotted.gif);
	background-repeat:repeat-x;
	width:100%;
	height:1px;
	overflow:hidden;
	margin-bottom:15px;
	}
	
.line-dotted-h-light
{
	background-image:url(Files/Images/Layout/h_line_dotted_light.gif);
	background-repeat:repeat-x;
	width:100%;
	height:1px;
	overflow:hidden;
	margin-bottom:15px;
	}	
	
.line-h
{
	width:100%;
	height:1px;
	overflow:hidden;
	margin-bottom:15px;
	background:#CBDAE6;
	}	

.category-box
{
	float:left;
	width:151px;
	height:152px;
	border:1px solid #C9D1DD;
	overflow:hidden;
	margin-right:40px;
	margin-top:40px;
	}
	
/* CATEGORY TABS */

.cat-tab{
	display:block;
	height:40px;
	overflow:hidden;
}
	
.cat-tab:hover{
	background-position:0px -40px;
}	

.cat-tab-active{
	display:block;
	height:40px;
	overflow:hidden;
	background-position:0px -40px;	
}

/* PRODUCT TABS */

.tab1{
	float:left;
	width:196px;
	overflow:hidden;
	position:relative;
	
	background-image:url(Files/Images/Layout/v-bg-prodTop.jpg); 
	background-repeat:repeat-x; 
	background-position:top left;
	text-align:center;	
}

.tab2{
	float:left;
	width:196px;
	border-left:1px solid #CBDAE6;
	overflow:hidden;
	
	position:relative;
	
	background-image:url(Files/Images/Layout/v-bg-prodTop.jpg); 
	background-repeat:repeat-x; 
	background-position:top left;		
	text-align:center;	
}

.tab3{
	float:left;
	width:197px;
	border-left:1px solid #CBDAE6;
	overflow:hidden;
	
	position:relative;

	background-image:url(Files/Images/Layout/v-bg-prodTop.jpg); 
	background-repeat:repeat-x; 
	background-position:top left;
	text-align:center;				
}

/* PRODUCT FONTS */

.prod-h1{
	font-weight:bold;
	font-size:12px;
	color:#705B4A;

}

.prod-h2{
	font-weight:bold;
	font-size:12px;
	color:#705B4A;
	text-transform:capitalize;
}

.prod-body{
	color:#42515D; 
}

.prod-header{
	font-family:Helvetica,arial,verdana,sans-serif;
	font-size:20px;
	color:#506D7A; 
	font-weight:lighter;
	line-height:25px;
	text-transform:uppercase;
}

/* HOME PAGE */

#home-left
{
	float:left;
	width:488px;
	height:484px;
	overflow:hidden;
	}

#home-right
{
	float:left;
	width:489px;
	height:484px;
	overflow:hidden;	
	}

#home-bottom
{
	height:73px;
	overflow:hidden;
	}
	
#home-flash
{
	/*position:absolute;
	left:0px;
	top:0px;*/
	width:977px;
	height:484px;
	overflow:hidden;
	/*display:none;*/
	}

.tout
{
	width:474px;
	height:152px;
	overflow:hidden;
}

.tout-bg
{
	position:absolute;
	}

.tout-content
{
	position:absolute;
	margin-left:6px;
	margin-top:5px;
	margin-bottom:13px;
	margin-right:12px;
	}

.tout-content-left
{
	float:left;
	width:230px;
	height:135px;
	overflow:hidden;
	}
	
.tout-content-right
{
	float:left;
	width:226px;
	height:135px;
	overflow:hidden;
	}
	
.tout-content-link{
	display:block;
	height:135px;
	width:226px;
	overflow:hidden;
	background-repeat:no-repeat;
}
	
.tout-content-link:hover{
	background-position:0px -135px;
}	

/* FOR PRODUCT COLOR BOXES */

.cBoxA{
	border:2px solid #829091;
	margin:0px;
}

.cBoxB{
	border:1px solid #829091;
	margin:1px;
}

/* FOR BREADCRUMB LINKS */
.breadLink {
	text-decoration: none;
}

/* FOR FIR IMAGES */
.firswap {
	/*background:transparent;
	background-repeat: no-repeat;
	background-attachment:scroll;
	background-position:0 0;*/
	background:transparent none no-repeat scroll 0 0;
	display: block;
}
.firswap span { display: none; }

/* CALC PRODUCT PAGE */
.calc-bg{
	position:relative;
	background:#d6fba5;
	background-image:url(/Files/Images/LivingGreen/Calculator/modal_bg.gif);
	background-position:0px -6px;
	background-repeat:no-repeat;
	width:502px;
}	
.calc-bg-top{
	background-image:url(/Files/Images/LivingGreen/Calculator/modal_bg.gif); 
	background-repeat:no-repeat; 
	background-position:0px 0px; 
	width:502px;
	height:6px;
	overflow:hidden;
}
.calc-bg-bottom{
	background-image:url(/Files/Images/LivingGreen/Calculator/modal_bg.gif);
	background-repeat:no-repeat;
	background-position:-502px -490px;
	width:502px;
	height:6px;
	overflow:hidden;
}
.calc-inner{
	padding:20px;	
}
.calc-img{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}	
.calc-img img{
	width:58px;
	/*height:109px;*/
}	
.calc-header{
	float:left;
	/*margin-top:20px;*/
	width:350px;
	overflow:hidden;
	margin-bottom:10px;
}
.calc-h1{
	font-family:Arial, Helvetica;
	font-size:22px;
	margin-bottom:10px;
	color:#f97d5f;
	line-height:22px;
}
.calc-h2{
	font-family:Arial, Helvetica;
	font-size:21px;
	margin-bottom:5px;
	color:#4f6d7a;
	line-height:20px;
}
.calc-h3{
	font-family:Arial, Helvetica;
	font-size:12px;
	color:#4f6d7a;
}
.calc-close{
	/*position:absolute;
	top:20px;
	left:260px;
	width:200px;
	text-align:right;*/
}
.calc-asterix{
	font-size:11px;
}	
.calc-form-left{
	float:left;
	width:240px;
	overflow:hidden;
	margin-top:17px;
}
.calc-form-right{
	float:left;
	margin-top:15px;
}	 
.calc-clear{
	clear:both;
}
.calc-error{
	float:left;
	width:358px;
	overflow:hidden;
	height:20px;
	margin-top:15px;
	margin-right:20px;
	color:red;
}
.greencalcfields .errormessage {
	float:left;
	width:358px;
	overflow:hidden;
	height:20px;
	margin-top:15px;
	margin-right:20px;
	color:red;
}
.calc-submit{
	float:right;
	margin-top:10px;
}
.calc-red{
	color:red;
}
.calc-table td{
	border-left:1px solid #7a848a;
	border-bottom:1px solid #7a848a;
	padding:5px;
}
.calc-table-holder{
	margin-bottom:2px;
	margin-right:20px;
}
.calc-table{
	border-top:1px solid #7a848a;
	border-right:1px solid #7a848a;
}
.calc-table-noborders td{
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
}	
.clac-curve-top{
	margin-top:20px;
	background-image:url(/Files/Images/LivingGreen/Calculator/curve.gif);
	background-repeat:no-repeat;
	width:443px;
	overflow:hidden;
}
.clac-curve-bottom{
	background-image:url(/Files/Images/LivingGreen/Calculator/curve.gif);
	background-repeat:no-repeat;
	background-position:0px -680px;
	width:443px;
	height:20px;
	overflow:hidden;
	margin-bottom:5px;		
}
.calc-curve-inner{
	/*padding:10px;*/
	padding: 10px 10px 0px 10px;
}
.calc-line{
	border-top:1px solid #7a848a;
	/*padding-bottom:2px;*/
}
.calc-nowrap{
}
.calc-table .calc-col-first{
	width:252px;
}
.calc-table .calc-col{
	width:50px;
}
.calc-table-noborders  .calc-col-first{
	width:232px;
}
.calc-table-noborders .calc-col{
	width:50px;
}

/* CALC PAGE*/

.calc-bg2{
	width:629px;
	margin-left:100px;
}	
.calc-bg3{
	margin-top:30px;
	width:500px;
	margin-left:150px;
}	
.calc-img2{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}	
.calc-img2 img{
	float:left;
	width:47px;
	/*height:88px;*/
}
.calc-header2{
	float:left;
	margin-top:0px;
	width:400px;
	overflow:hidden;
}	
.calc-header3{
	float:left;
	margin-top:0px;
	width:350px;
	overflow:hidden;
}		
.calc-bg2 .calc-close{
	display:none;
}		
.clac-curve-top2{
	margin-top:5px;
	background-image:url(/Files/Images/LivingGreen/Calculator/curve.gif);
	background-repeat:no-repeat;
	background-position:-443px 0px;
	width:569px;
	overflow:hidden;
}
.clac-curve-bottom2{
	background-image:url(/Files/Images/LivingGreen/Calculator/curve.gif);
	background-repeat:no-repeat;
	background-position:-443px -680px;
	height:20px;
	width:569px;
	overflow:hidden;
	margin-bottom:5px;
}	
.calc-close2{
	display:none;
}
/*.calc-h32{
	display:none;
}*/
.calc-table2 td{
	border-left:1px solid #7a848a;
	border-bottom:1px solid #7a848a;
	padding-left:10px;
	padding-right:10px;
}
.calc-table2{
	border-top:1px solid #7a848a;
	border-right:1px solid #7a848a;
}
.calc-table-noborders2 td{
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-b-ottom:2px;
}	
.calc-nowrap2{
	white-space:nowrap;
}
.calc-table2 .calc-col-first{
	width:249px;
}
.calc-table2 .calc-col{
	width:70px;
}
.calc-table-noborders2 .calc-col-first{
	width:229px;
}
.calc-table-noborders2 .calc-col{
	width:70px;
}

/* GENERAL CALC PAGE */
.calc-bg-img-holder{
	position:relative;		
	border:2px solid #b1cedf;
}
.calc-bg-img-border{
	border:1px solid #ffffff;
}
.calc-bg-img-large{
	background-image:url(/Files/Images/LivingGreen/Calculator/calc_bg.jpg); 
	background-repeat:no-repeat;
	background-position:-808px 0px;
	height:468px;
	overflow:hidden;
}
.calc-bg-img-small{
	background-image:url(/Files/Images/LivingGreen/Calculator/calc_bg.jpg); 
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:468px;
	overflow:hidden;
}	
.calc-nav{
	position:absolute;
	top:372px;
	left:0px;
	margin-left:200px;
}
.calc-nav li{
	float:left;
	text-align:center;
	margin-right:20px;
	list-style:none;
	background-image:url(/Files/Images/LivingGreen/Calculator/prod_frame.png);
	background-repeat:no-repeat;
	width:90px;
}
.calc-nav div{
	margin-bottom:3px;
}
.calc-nav .selected, .calc-nav li:hover{
	background-image:url(/Files/Images/LivingGreen/Calculator/prod_frame.png);
	background-repeat:no-repeat;
	background-position:-90px 0px;		
}
.calc-link-back{
	float:left;
	margin-top:4px;
}
.calc-link-back a{
	padding-left:15px;
	background:url(/Files/Images/LivingGreen/Calculator/arrow_back.gif) no-repeat 0px 3px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	color:#49647b;
	text-decoration:none;
}
.configuration {
	float: left;
	width: 250px;
	height: 150px;
	padding: 10px;
	padding-left: 0px;
	margin-top: 20px;
	cursor: pointer;
}
.greencalcfields input, .greencalcfields select {
	font-size: 12px;
}
