/* -------------- GENERAL ----------------------- */

*		{padding:0px; border:0px; margin: 0 auto;}
body		{font-family: Arial,Verdana,sans-serif; font-size:9pt; font-weight:normal;
		background-color:#FFFFFF; color:#214234;}
body.info	{border-style:solid; border-width:0px 0px 0px 0px; width:500px;
		position:relative; text-align:left; margin: 0 auto; padding:10px;
		font-family: Arial,Verdana,sans-serif; font-size:8pt; font-weight:normal;
		background-color:#FFFFFF; color:#000000;}
body.home	{border-style:solid; border-width:0px 0px 0px 0px; margin: 0 auto; padding:0px;
		font-family: Arial,Verdana,sans-serif; font-size:9pt; font-weight:normal;
		background-color:#6F96CC; color:#FFFFFF;}
div#wrapper {
	width:950px;
	position:relative;
	text-align:center;
	margin: 0 auto;
}

form		{border:0px; margin:0px; padding:0px;}
select		{font-size:9pt; font-weight:normal; border:1px solid #CCCCCC; padding:2px; background-color:#F6F6F2 !important}
input[type=text]{font-size:9pt; font-weight:normal; border:1px solid #CCCCCC; padding:2px; background-color:#F6F6F2 !important}
input[type=password]{font-size:9pt; font-weight:normal; border:1px solid #CCCCCC; padding:2px; background-color:#F6F6F2 !important}
input[type=submit]{font-weight:bold; font-size:9pt; color:#FFFFFF; background-color:#9A0000; border: 2px outset #CCCCCC;}
input[type=button]{font-weight:bold; font-size:9pt; color:#FFFFFF; background-color:#889A88; border: 2px outset #CCCCCC;}
input.numeric	{text-align:right;}
textarea	{font-size:9pt; font-weight:normal; border:1px solid #CCCCCC; padding:2px; background-color:#F6F6F2;}

td		{font-weight:normal; font-size:9pt;}
th		{font-weight:bold; font-size:9pt;}

h2		{padding:0.2em; margin-left:0.2em; margin-right:0.5em; margin-bottom:0.5em; font-size:10pt; font-weight:bold; color:#4F76FF; background-color:#F0F0F0;}
h3		{padding:0em; margin:0.5em; font-size:10pt; font-weight:bold;}
h4		{padding:0em; margin:0.5em; font-size:9pt;  font-weight:bold;}
p		{padding:0em; margin:0.5em;}
ul		{padding-top:0em; margin-top:0em; padding-bottom:0em; margin-bottom:0em; margin-left:3em;}
a img		{border:none;}	/* to get rid of border decoration of image with link */

div		{border-style:none; margin:0px; padding:0px;}
table		{border-style:none; margin:0px; padding:0px;}

.small		{font-size:8pt; text-align:left; padding:1px;}
.red		{font-weight:bold; color:#FF0000;}
.mandat		{font-weight:bold; color:#FF0000;}
.button		{font-size:8pt; background-color:#EEEEEE; color:#333333;}

/* ------------ menu 1 (top menu) --------------- */

#menu1		{position:absolute; left:0px; top:76px; width:954px; padding:3px; padding-left:0px; padding-right:0px; border:0px;
		background-color:#7F7F7F; color:#FFFFFF;
		font-family:Arial,Verdana,sans-serif; font-weight:bold; font-size:8pt; text-align:left;}
#menu1sidespace	{display:inline; padding-left:140px;}

.aboutusactive               {display:inline; background-color:#6F96CC; font-size:8pt; font-weight:bold; padding:3px; padding-right:0px; padding-left:0px;}
.aboutusactive a	     {color:#FFFFFF; padding:3px; padding-right:0.5em; padding-left:0.5em; border:0px; text-decoration:none;}
.aboutusactive a:hover       {background-color:#6F96CC; color:#FFFFFF;}

.aboutusinactive             {display:inline; background-color:#7F7F7F; font-size:8pt; font-weight:bold; padding:3px; padding-right:0px; padding-left:0px;}
.aboutusinactive a	     {color:#FFFFFF; padding:3px; padding-right:0.5em; padding-left:0.5em; border:0px; text-decoration:none;}
.aboutusinactive a:hover     {background-color:#6F96CC; color:#FFFFFF;;}

.homeowneractive             {display:inline; background-color:#43C143; font-size:8pt; font-weight:bold; padding:3px; padding-right:0px; padding-left:0px;}
.homeowneractive a	     {color:#FFFFFF; padding:3px; padding-right:0.5em; padding-left:0.5em; border:0px; text-decoration:none;}
.homeowneractive a:hover     {background-color:#43C143; color:#FFFFFF;}

.homeownerinactive           {display:inline; background-color:#7F7F7F; font-size:8pt; font-weight:bold; padding:3px; padding-right:0px; padding-left:0px;}
.homeownerinactive a	     {color:#FFFFFF; padding:3px; padding-right:0.5em; padding-left:0.5em; border:0px; text-decoration:none;}
.homeownerinactive a:hover   {background-color:#43C143; color:#FFFFFF;}

.organisationactive          {display:inline; background-color:#4343C1; font-size:8pt; font-weight:bold; padding:3px; padding-right:0px; padding-left:0px;}
.organisationactive a	     {color:#FFFFFF; padding:3px; padding-right:0.5em; padding-left:0.5em; border:0px; text-decoration:none;}
.organisationactive a:hover  {background-color:#4343C1; color:#FFFFFF;}

.organisationinactive        {display:inline; background-color:#7F7F7F; font-size:8pt; font-weight:bold; padding:3px; padding-right:0px; padding-left:0px;}
.organisationinactive a	     {color:#FFFFFF; padding:3px; padding-right:0.5em; padding-left:0.5em; border:0px; text-decoration:none;}
.organisationinactive a:hover{background-color:#4343C1; color:#FFFFFF;}

.professionalactive          {display:inline; background-color:#C14343; font-size:8pt; font-weight:bold; padding:3px; padding-right:0px; padding-left:0px;}
.professionalactive a	     {color:#FFFFFF; padding:3px; padding-right:0.5em; padding-left:0.5em; border:0px; text-decoration:none;}
.professionalactive a:hover  {background-color:#C14343; color:#FFFFFF;}

.professionalinactive        {display:inline; background-color:#7F7F7F; font-size:8pt; font-weight:bold; padding:3px; padding-right:0px; padding-left:0px;}
.professionalinactive a	     {color:#FFFFFF; padding:3px; padding-right:0.5em; padding-left:0.5em; border:0px; text-decoration:none;}
.professionalinactive a:hover{background-color:#C14343; color:#FFFFFF;}

/* ------------ location breadcrumb ------------- */

#breadcrumb	{position:absolute; left:0px; top:0px; padding:3px; border:0px solid #7F7F7F;
		color:#FFFFFF; z-index:1;
		font-family:Arial,Verdana,sans-serif; font-weight:bold; font-size:8pt; text-align:left;}
#breadcrumb a	{color:#FFFFFF; padding:3px; border:0px; text-decoration:none;}
#breadcrumb a:hover{color:#FF9933; padding:3px; border:0px; text-decoration:none;}

/* ------------ menu 2 (side menu) -------------- */

#menu2		{position:absolute; left:0px; top:100px; width:140px; height:900px; padding:0px; border:0px;
		background-color:#BFC1C2; color:#FFFFFF;
		font-family:Arial,Verdana,sans-serif; font-weight:normal; font-size:9pt; text-align:right;}
#menu2topspace	{height:95px;}

.aboutus1active	{background-color:#6F96CC; font-size:11pt; font-weight:bold; padding:2px;} /* pale blue */
.aboutus1	{font-size:11pt; font-weight:bold; padding:2px;}
.aboutus1 a	{color:#FFFFFF; border:0px; text-decoration:none;}
.aboutus1 a:hover{color:#6F96CC;}

.aboutus2active	{background-color:#6F96CC; font-size:11pt; font-weight:bold; padding:2px;}
.aboutus2	{font-size:11pt; font-weight:bold; padding:2px;}
.aboutus2 a	{color:#FFFFFF; border:0px; text-decoration:none;}
.aboutus2 a:hover{color:#6F96CC;}

.aboutus3active	{background-color:#6F96CC; font-size:9pt; font-weight:bold; padding:1px; padding-right:4px; padding-left:4px;}
.aboutus3	{font-size:9pt; font-weight:normal; padding:1px; padding-right:4px; padding-left:4px;}
.aboutus3 a	{color:#FFFFFF; border:0px; text-decoration:none;}
.aboutus3 a:hover{color:#6F96CC;}

.homeowner1active{background-color:#43C143; font-size:11pt; font-weight:bold; padding:2px;} /* green */
.homeowner1	{font-size:11pt; font-weight:bold; padding:2px;}
.homeowner1 a	{color:#FFFFFF; border:0px; text-decoration:none;}
.homeowner1 a:hover{color:#43C143;}

.homeowner2active{background-color:#43C143; font-size:11pt; font-weight:bold; padding:2px;}
.homeowner2	{font-size:11pt; font-weight:bold; padding:2px;}
.homeowner2 a	{color:#FFFFFF; border:0px; text-decoration:none;}
.homeowner2 a:hover{color:#43C143;}

.homeowner3active{background-color:#43C143; font-size:9pt; font-weight:bold; padding:1px; padding-right:4px; padding-left:4px;}
.homeowner3	{font-size:9pt; font-weight:normal; padding:1px; padding-right:4px; padding-left:4px;}
.homeowner3 a	{color:#FFFFFF; border:0px; text-decoration:none;}
.homeowner3 a:hover{color:#43C143;}

.organisation1active{background-color:#4343C1; font-size:11pt; font-weight:bold; padding:2px;} /* blue */
.organisation1	{font-size:11pt; font-weight:bold; padding:2px;}
.organisation1 a{color:#FFFFFF; border:0px; text-decoration:none;}
.organisation1 a:hover{color:#4343C1;}

.organisation2active{background-color:#4343C1; font-size:11pt; font-weight:bold; padding:2px;}
.organisation2	{font-size:11pt; font-weight:bold; padding:2px;}
.organisation2 a{color:#FFFFFF; border:0px; text-decoration:none;}
.organisation2 a:hover{color:#4343C1;}

.organisation3active{background-color:#4343C1; font-size:9pt; font-weight:bold; padding:1px; padding-right:4px; padding-left:4px;}
.organisation3	{font-size:9pt; font-weight:normal; padding:1px; padding-right:4px; padding-left:4px;}
.organisation3 a{color:#FFFFFF; border:0px; text-decoration:none;}
.organisation3 a:hover{color:#4343C1;}

.professional1active{background-color:#C14343; font-size:11pt; font-weight:bold; padding:2px;} /* red */
.professional1	{font-size:11pt; font-weight:bold; padding:2px;}
.professional1 a{color:#FFFFFF; border:0px; text-decoration:none;}
.professional1 a:hover{color:#C14343;}

.professional2active{background-color:#C14343; font-size:11pt; font-weight:bold; padding:2px;}
.professional2	{font-size:11pt; font-weight:bold; padding:2px;}
.professional2 a{color:#FFFFFF; border:0px; text-decoration:none;}
.professional2 a:hover{color:#C14343;}

.professional3active{background-color:#C14343; font-size:9pt; font-weight:bold; padding:1px; padding-right:4px; padding-left:4px;}
.professional3	{font-size:9pt; font-weight:normal; padding:1px; padding-right:4px; padding-left:4px;}
.professional3 a{color:#FFFFFF; border:0px; text-decoration:none;}
.professional3 a:hover{color:#C14343;}

.menu2level1	{font-size:11pt; font-weight:bold; padding:2px;}
.menu2level1 a	{color:#FFFFFF; border:0px; text-decoration:none;}
.menu2level1 a:hover{color:#000000;}

.menu2level2	{font-size:11pt; font-weight:bold; padding:2px;}
.menu2level2 a	{color:#FFFFFF; border:0px; text-decoration:none;}
.menu2level2 a:hover{color:#000000;}

.menu2level3	{font-size:9pt; font-weight:normal; padding:1px; padding-right:4px; padding-left:4px;}
.menu2level3 a	{color:#FFFFFF; border:0px; text-decoration:none;}
.menu2level3 a:hover{color:#000000;}

.menu2space	{height:20px;}

#copyright	{position:absolute; top:875px; left:5px; font-size:7pt; text-align:right;}

/* --------------- Encraft Banner ---------------- */

#encraft	{position:absolute; left:0px; top:10px; width:950px; height:58px; padding:0px; border:2px solid #7F7F7F;}
#encraft img	{position:absolute; left:3px; top:3px;}
#secure		{position:absolute; top:30px; left:650px; font-weight:normal; font-size:18pt; color:#7F7F7F;}
#topimages	{position:absolute; left:615px; top:100px; width:338px; height:88px; border:0px solid #7F7F7F;}

#encraft_new	{position:absolute; left:0px; top:10px; width:950px; height:58px; padding:0px; border:2px solid #000000;
		background: url('../../homepage_images/slice.jpg') no-repeat}
#encraft_new img{position:absolute; left:3px; top:3px;}
#secure_new	{position:absolute; top:30px; left:650px; font-weight:normal; font-size:18pt; color:#FFFFFF;}

#ethical	{position:absolute; left:10px; top:900px; width:120px; height:60px; background: url('http://www.ethical-junction.org/images/members/EJ-Membership-2009-1.png') no-repeat}
#ethical a	{position:absolute; left:0px;  top:0px;   width:91px; height:49px;}

#iso		{position:absolute; left:5px; top:120px; width:130px;}

/* --------------- Footer ------------------------ */

#footer		{position:absolute; left:0px; top:1066px; width:954px; padding:3px; padding-left:0px; padding-right:0px; border:0px;
		background-color:#7F7F7F; color:#FFFFFF;
		font-family:Arial,Verdana,sans-serif; font-weight:bold; font-size:8pt; text-align:left;}
#footersidespace{display:inline; padding-left:145px;}
#footer a	{color:#FFFFFF; padding:3px; padding-right:1em; padding-left:1em; border:0px; text-decoration:none;}
#footer a:hover	{background-color:#6F96CC; color:#FFFFFF;}

/* --------------- Content ----------------------- */

#content	{position:absolute; left:145px; top:195px; width:582px; height:805px; padding:2px;
		border:0px solid #7F7F7F;
                font-family: Arial,Verdana,sans-serif; font-size:9pt; font-weight:normal;
		color:#000066; background-color:#FFFFFF; text-align:left;}
#content h1	{position:absolute; top:-35px; left:5px; padding:0px; margin:0px;
		color:#FFFFFF; font-size:16pt; font-weight:bold; font-style:italic; text-align:left;}
#content img	{border:1px solid #777777;}
#plain img	{border:0px;}

#smallprint	{font-size:7pt;}
#smallprint h2	{font-size:8pt; margin-top:0.5em; margin-bottom:0.5em;}

#aboutus 	{position:absolute; left:145px; top:100px; width:470px; height:90px; background-color:#6F96CC;} /*blue*/
#homeowner 	{position:absolute; left:145px; top:100px; width:470px; height:90px; background-color:#43C143;} /*green*/
#organisation 	{position:absolute; left:145px; top:100px; width:470px; height:90px; background-color:#4343C1;} /*blue*/
#professional 	{position:absolute; left:145px; top:100px; width:470px; height:90px; background-color:#C14343;} /*red*/

#aboutuscolor	{color:#000066;}
#homeownercolor	{color:#006600;}
#organisationcolor{color:#000066;}
#professionalcolor{color:#660000;}

.blue		{color: #6F96CC;}
.orange		{color: #FF9933;}

#news_content	{position:absolute; left:0px; top:0px; width:582px; height:800px; padding:2px;
		border:0px solid #7F7F7F; overflow:auto;
                font-family: Arial,Verdana,sans-serif; font-size:9pt; font-weight:normal;
		color:#000066; background-color:#FFFFFF; text-align:left;}
#news_content h2{margin-top:0.0em;}

#terms_content	{position:absolute; left:0px; top:0px; width:792px; height:800px; padding:2px; border:0px solid #7F7F7F;
                font-family: Arial,Verdana,sans-serif; font-size:9pt; font-weight:normal; overflow:auto;
		color:#000066; background-color:#FFFFFF; text-align:left;}
#terms_content h2{margin-top:0.0em;}

/* ---------------Offers at side------------------ */

.offerlink a       {color:#555555; font-weight:normal; text-decoration:underline;}
.offerlink a:hover {color:#FF0000; font-weight:normal; text-decoration:underline;}
/*
#homeowneroffer1{position:absolute; left:745px; top:195px; width:204px; height:200px; border:2px solid #43C143; background-color:#E3FFE3;}
#homeowneroffer2{position:absolute; left:745px; top:410px; width:204px; height:200px; border:2px solid #43C143; background-color:#E3FFE3;}
#homeowneroffer3{position:absolute; left:745px; top:625px; width:204px; height:200px; border:2px solid #43C143; background-color:#E3FFE3;}
*/
#homeowneroffer1{position:absolute; left:745px; top:195px; width:208px; height:204px; background-image:url(../images/homeowner_offer.png)}
#homeowneroffer2{position:absolute; left:745px; top:405px; width:208px; height:204px; background-image:url(../images/homeowner_offer.png)}
#homeowneroffer3{position:absolute; left:745px; top:615px; width:208px; height:204px; background-image:url(../images/homeowner_offer.png)}

.homeowneroffer	{font-family: Verdana,sans-serif; font-size:10pt; font-weight:normal; text-align:center;}
.homeowneroffer h3{font-size:11pt; font-weight:bold; color:#6F96CC; margin:1em;}
.homeowneroffer p{padding:2px;}

.homeownerlink a       {color:#006600; text-decoration:none;}
.homeownerlink a:hover {color:#006600; background-color:#FFFFFF;}

/*
#organisationoffer1{position:absolute; left:745px; top:195px; width:204px; height:200px; border:2px solid #4343C1; background-color:#E3E3FF;}
#organisationoffer2{position:absolute; left:745px; top:410px; width:204px; height:200px; border:2px solid #4343C1; background-color:#E3E3FF;}
#organisationoffer3{position:absolute; left:745px; top:625px; width:204px; height:200px; border:2px solid #4343C1; background-color:#E3E3FF;}
*/
#organisationoffer1{position:absolute; left:745px; top:195px; width:208px; height:204px; background-image:url(../images/organisation_offer.png)}
#organisationoffer2{position:absolute; left:745px; top:405px; width:208px; height:204px; background-image:url(../images/organisation_offer.png)}
#organisationoffer3{position:absolute; left:745px; top:615px; width:208px; height:204px; background-image:url(../images/organisation_offer.png)}

.organisationoffer {font-family: Verdana,sans-serif; font-size:9pt; font-weight:normal; text-align:center;}
.organisationoffer h3{font-size:11pt; font-weight:bold; color:#6F96CC; margin:1em;}
.organisationoffer p{padding:2px;}

.organisationlink a       {color:#000066; text-decoration:none;}
.organisationlink a:hover {color:#000066; background-color:#FFFFFF;}

/*
#professionaloffer1{position:absolute; left:745px; top:195px; width:204px; height:200px; border:2px solid #C14343; background-color:#FFE3E3;}
#professionaloffer2{position:absolute; left:745px; top:410px; width:204px; height:200px; border:2px solid #C14343; background-color:#FFE3E3;}
#professionaloffer3{position:absolute; left:745px; top:625px; width:204px; height:200px; border:2px solid #C14343; background-color:#FFE3E3;}
*/
#professionaloffer1{position:absolute; left:745px; top:195px; width:208px; height:204px; background-image:url(../images/professional_offer.png)}
#professionaloffer2{position:absolute; left:745px; top:405px; width:208px; height:204px; background-image:url(../images/professional_offer.png)}
#professionaloffer3{position:absolute; left:745px; top:615px; width:208px; height:204px; background-image:url(../images/professional_offer.png)}

.professionaloffer {font-family: Verdana,sans-serif; font-size:9pt; font-weight:normal; text-align:center;}
.professionaloffer h3{font-size:11pt; font-weight:bold; color:#6F96CC; margin:1em;}
.professionaloffer p{padding:2px;}

.professionallink a       {color:#660000; text-decoration:none;}
.professionallink a:hover {color:#660000; background-color:#FFFFFF;}

/* ---------------Images at side------------------ */

#sideimages	{position:absolute; left:745px; top:195px; width:208px; height:805px; border:0px solid #7F7F7F;}

/* ---------------Applications-------------------- */

#appright	{position:absolute; left:945px; top:195px; width:8px; height:805px; padding:0px; border:0px solid #7F7F7F;
		background-color:#BFC1C2;}
#appcontent	{position:absolute; left:145px; top:195px; width:792px; height:805px; padding:2px; border:0px solid #7F7F7F;
                font-family: Arial,Verdana,sans-serif; font-size:9pt; font-weight:normal;
		color:#000066; background-color:#FFFFFF; text-align:left;}
#appcontent h1	{position:absolute; top:-35px; left:5px; padding:0px; margin:0px;
		 color:#FFFFFF; font-size:16pt; font-weight:bold; font-style:italic; text-align:left;}
#appcontent img	{border:0px solid #777777;}
table.calcs	{width:790px; margin:0 auto;}

#disclaimer	{font-size:8pt; text-align:center; padding:1px; width:600px}

.help		{font-family: Arial,Verdana,Times, sans-serif; text-align:center; font-size:8pt; font-weight:bold;
		padding:5px; background-color:#6F96CC; color:#FFFFFF;}

.spec		{font-family: Arial,Verdana,Times, sans-serif; text-align:left; font-size:11pt; font-weight:bold;
		padding:5px; background-color:#6F96CC; color:#FFFFFF;}

.datain		{font-family: Arial,Verdana,sans-serif; font-size:8pt; font-weight:normal;
		color:#000000; background-color:#FFFF99;}
.results	{font-family: Arial,Verdana,sans-serif; font-size:10pt; font-weight:bold;
		padding:4px; color:#000000; background-color:#F7941C;}

/* ---------------News Scrollers------------------ */

#pscroller1	{position:absolute; width: 580px; height: 25px; z-index:20; border: 1px solid black; padding: 5px;
		background-color: lightyellow;}
#pscroller2	{position:absolute; width: 150px; height: 60px; z-index:20; border: 0px solid black; padding: 5px;
		background-color: lightyellow; text-align:left;}
#pscroller3	{position:absolute; width: 150px; height: 60px; z-index:20; border: 0px solid black; padding: 5px;
		background-color: lightyellow; text-align:left;}

/* --------------------Intro---------------------- */

#intro		{text-align:center;}
.outer		{border:0px;}

.vbox 		{height:300px; border:2px solid #43C143; background-color:#E3FFE3;}
.vbox th	{padding:5px; height:30px; vertical-align:top;}
.vbox td	{padding:5px; height:100px; vertical-align:top;}

.hbox 		{height:300px; border:2px solid #43C143; background-color:#E3FFE3;}
.hbox th	{padding:5px; height:30px; vertical-align:top;}
.hbox td	{padding:5px; height:100px; vertical-align:top;}

.obox 		{height:300px; border:2px solid #4343C1; background-color:#E3E3FF;}
.obox th	{padding:5px; height:30px; vertical-align:top;}
.obox td	{padding:5px; height:100px; vertical-align:top;}

.pbox 		{height:300px; border:2px solid #C14343; background-color:#FFE3E3;}
.pbox th	{padding:5px; height:30px; vertical-align:top;}
.pbox td	{padding:5px; height:100px; vertical-align:top;}

/* -----------Standalone Calculators-------------- */

#standalone table	{width:790px; margin:0 auto;}
#standalonecontent	{}
#standalonecontent h1	{position:absolute; top:40px; left:45%; padding:0px;
			font-size:14pt; font-weight:bold; font-style:italic;}
.error			{background-color:#FFFFFF; color:#FF0000; font-weight:bold; padding:1px;}
.wind			{border:1px solid #43C143;}
.wind th		{border:1px solid #43C143; padding:15px;}

.info table		{border:1px solid #CCCCCC;}
.info th		{border:1px solid #CCCCCC;}
.info td		{border:1px solid #CCCCCC;}

/* ----------------------------------------------- */