/******************************************************* MY ADDITIONS **************************************************************************************************************/

/*
.a1tog_notactive
{
 position:relative;
 margin:0px 8px 0px 7px;
 color:#666;
 font-size:12px;
 font-weight:bold;
 text-transform: uppercase;
 border-bottom:1px solid #ccc;
}*/
 
#sidemenu_content .a1tog_notactive div{
 position:relative;
 display:block;
 padding:5px 0px 5px 10px;
 color:#666;
 text-decoration:none;
}
    hr { color:#ccc;height:1px; }


	h1 {color:#B39977;}
	h2 {color:#B39977;}

	h1 a {color:#B39977;}
	h1 a:hover {color:#B39977;}

	/*---------LEFT SIDE MENU---------*/

	#sidemenu_content .a2tog:hover   {color:#fff;           background:#B39977;}
	#sidemenu_content .a1tog a:hover {color:#fff;           background:#B39977;}
	#sidemenu_content li a:hover     {text-decoration:underline; color:#B39977;}

	#sidemenu_content .a1tog_Active a {color:#fff;  			background:#B39977;}
	#sidemenu_content .a1con_Active {color:#B39977;	}
	
	
/*

h1 a {color:Red;}
h1 a:hover {color:Yellow;}

h1 a:hover {color:Yellow;}

#sidemenu_header { margin-left:15px; margin-bottom:15px;} 


#sidemenu_content .a1tog_Active a {color:Red;			background:Yellow;}
#sidemenu_content .a1con_Active  {color:Red;	}
*/





#sidebar1, #sidebar2 {
position:relative;
padding:5px 0px 0px 20px;
height:27px;
cursor:pointer;
background:url('../images/side_bar.jpg') 0px 0px no-repeat;
}

#sidebar1:hover, #sidebar2:hover {
text-decoration: none;
background:url('../images/side_bar.jpg') 0px -31px no-repeat;
}

.general_content
{
    padding:50px;
    margin-bottom:30px;
}

.footerBackground
{
	 clear:both;
	 /*float:left;*/
	 position:absolute;
	 margin-left:20px;
	 margin-top:40px;
	 background-color:White;
	 background:url('../images/ec3_logo_web_mini.jpg') no-repeat;
	 width:96px;
	 height:26px;
	 /*background:#ccc url('../images/ec3_global_footer.jpg') no-repeat;*/
}

/******************************************************* /MY ADDITIONS **************************************************************************************************************/




/* initial */
* {
 margin:0;
 padding:0;
}

/*--------------STICKY FOOTER--------------*/
html, body {
 height:100%; 
}
* html #container { /* ie6 */
 height:100%;
}
/*--------------PAGE LAYOUT--------------*/
body {
 margin:20px 0px 0px 0px;
 background-color: #ccc;
 text-align:left;
 font-size:12px;
 font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
 line-height:18px;
 color:#444;

}

#page_content {
 position:relative;
 width:800px;
 height:100%;
 margin:0 auto;
 padding-bottom:50px;
}

/*--------------CONTENT LAYOUT--------------*/

#header {
 width:820px;
 height:37px;
 margin:0 0 0 -10px;
}

#banner {
 width:800px;
 height:130px;
 background:#fff url('../images/ec3_page_header_1.jpg') no-repeat;
}


#banner_flash {
 width:800px;
 height:220px;
 }


#container {
 width:820px;
 min-height:100%;
 margin:0 auto;
 background:#fff url('../images/ec3_page_bg.gif') repeat-y;
}


#left_content{
 width:180px;
 margin-left:15px;
 text-align:left;
 float:left;
}

#left_content .side_content
{
    text-align:center;
    margin-bottom:50px;
}

#right_content {
 margin-right:15px;
 text-align:left;
 padding-bottom:30px;
 margin-top:30px;
 float:left;
 width:565px;
 margin-left:25px;
}

#center_content *
{
    margin:10px;
    text-align:center!important;
}

#welcome_content {
 margin-left:15px;
 margin-right:40px;
 text-align:left;
 padding-bottom:50px;
}

#sidebar {
 width:180px;
 float:right;
 padding: 0px 0px 50px 50px;
 margin-right:10px;
  /*margin-top:10px;*/
 text-align:left;
}

.clear {
 height:0px;
 clear:both;
}

.right_image
{
    position:relative;
}

.right_image img
{
    display:inline-block;
    float:right;
    margin-left: 20px;
    margin-top:20px;
    position:relative;
}

.left_group
{
    text-align:center;
    margin-top:0px;
    float:left;
    width:150px;
  
}

.left_group image.logo
{
    padding-bottom:40px;
    
}


/*---------------------LINKS---------------------*/

a         {text-decoration:none; color:#B39977;}
a:hover   {text-decoration:underline;}
a:focus   {outline-style: none;}

ul {list-style:none;}
li {list-style:none;}


ul.content_list
{
    margin-bottom:20px;
    margin-left:20px;
 
}

ul.content_list li
{
   list-style-type:disc!important;
    margin-top:6px;
}

ol {list-style:none;}


ol.content_list
{
    margin-bottom:20px;
    margin-left:20px;
 
}

ol.content_list li
{
   list-style-type:decimal!important;
   margin-top:6px;
   margin-left:6px;
}

ol.content_list li li
{
   list-style-type:lower-alpha!important;
   margin-top:6px;
}



blockquote
{
    margin-left:0px;
    line-height:2em;
    font-style:italic;
    color:Black;
    background-color:#E4E4E4;
    padding:10px;    
}
img {
 border: 0;
 outline: 0; /*no firefox dotted border*/
 outline-style: none;
}

/*------------------STYLES------------------*/

/**** simones elements ******/

input[type="text"],input[type="password"] ,select, textarea
{
 font-size:inherit;
 width:190px;
 padding:2px;
}

input[type="checkbox"] 
{
    width:24px;
    margin:0px;
    clear:none;
    border:none; 

}

/*   COLOUR STYLES PRODUCT SPECIFIC see "ec3_colour.css" */

p {
 text-align:left;
 padding-bottom:20px;
 font-size: 12px;
 line-height:18px;
}

b {font-weight:bold;}

h1 {
 text-align: left;
 padding:20px 0px;
 font-size: 18px;
 line-height:22px;
 font-weight:bold;
 text-transform: uppercase;
}

h2 {
 text-align: left;
 padding:10px 0px;
 font-size: 14px;
 line-height:18px;
 font-weight:bold;
 text-transform: uppercase;
}

h3 {
 text-align: left;
 padding:10px 0px;
 font-size: 12px;
 line-height:16px;
 font-weight:bold;
 color:#000;
 text-transform: uppercase;
}

h4 {
/* IN THIS ISSUE TITLE */
 text-align: left;
 padding:10px 0px;
 font-size: 14px;
 line-height:18px;
 color:#6DB33F;
}
h5 {
 text-align: left;
 padding:10px 0px;
 font-size: 16px;
 line-height:24px;
  font-weight:bold;
 color:#666;
}


.banner_txt {
 width:500px;
 float:left;
 margin-top:14px;
 margin-left:20px;
 font-size:14px;
 line-height:20px;
 font-weight:bold;
 color:#fff;
 z-index:40;
 font-weight:normal;
}


/************** styles for product pages three boxes *********/
.steps
{
    width:186px;
    height:180px;
    float:left;
    margin-right:0px;
    margin-bottom:20px;    
    border-top:none;
    border-right:none;
    margin-right:2px;
    background-color:#FCFCFC;

}
/*
.steps a span.community
{
	width:186px;
    height:132px;
    float:left;
    margin-right:0px;
    border-top:none;
    border-right:none;
    background:url('../images/image_GG_two_hover.jpg') left top no-repeat;
}
.steps a:hover span.community
{
    height:132px;
    margin-top:-10px;
    margin-bottom:10px;
    background:url('../images/image_GG_two.jpg') left top no-repeat;
}


.steps a span.company
{
    width:186px;
    height:132px;
    float:left;
    margin-right:0px;
    border-top:none;
    border-right:none;
    background:url('../images/image_GG_one_hover.jpg') left top no-repeat;
}

.steps a:hover span.company
{
    margin-top:-10px;
    margin-bottom:10px;
    background:url('../images/image_GG_one.jpg') left top no-repeat;
}


.steps a span.consumer
{
    width:186px;
    height:132px;
    float:left;
    margin-right:0px;
    border-top:none;
    border-right:none;
    background:url('../images/image_GG_three_hover.jpg') left top no-repeat;
}

.steps a:hover span.consumer
{
    margin-top:-10px;
    margin-bottom:10px;
    background:url('../images/image_GG_three.jpg') left top no-repeat;
}

*/

.steps h4
{
    padding-left:10px;
    font-size:12px;
    font-weight:bold;
    margin-top:0px;
    padding-top:0px;
    background:url('../images/background_home_steps.jpg') left bottom no-repeat;
   
}


.steps a:hover h4
{
  
    padding-left:10px;
    font-size:12px;
    font-weight:bold;
    margin-top:0px;
    padding-top:0px;
    margin-top:0px;
    background:url('../images/background_home_steps_hover.jpg') left bottom repeat-y;
    text-decoration:none;
    color:#757575;
}

.steps a:hover
{
    text-decoration:none!important;
}



/*--------------TOP NAVIGATION MENU--------------*/
/* This is now in nav.css
#nav_menu {
 width: 820px;
 height: 37px;
 background: url('../images/global_nav.jpg');
 margin:0px auto; padding: 0;
 position: relative;
}
#nav_menu  li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#nav_menu  li, #nav_menu a {height: 37px; display: block; }



#panel1b {left:   0px; width:  52px;}
#panel2b {left:  41px; width: 104px;}
#panel3b {left: 135px; width: 128px;}
#panel4b {left: 252px; width: 177px;}
#panel5b {left: 417px; width: 120px;}
#panel6b {left: 524px; width: 106px;}
#panel7b {left: 618px; width: 123px;}
#panel8b {left: 730px; width:  90px;}

.panel1b_active, #panel1b a:hover {background: transparent url('../images/global_nav.jpg') 0 -37px no-repeat;}
.panel2b_active, #panel2b a:hover {background: transparent url('../images/global_nav.jpg') -41px -74px no-repeat;}
.panel3b_active, #panel3b a:hover {background: transparent url('../images/global_nav.jpg') -135px -111px no-repeat;}
.panel4b_active, #panel4b a:hover {background: transparent url('../images/global_nav.jpg') -252px -148px no-repeat;}
.panel5b_active, #panel5b a:hover {background: transparent url('../images/global_nav.jpg') -417px -185px no-repeat;}
.panel6b_active, #panel6b a:hover {background: transparent url('../images/global_nav.jpg') -524px -222px no-repeat;}
.panel7b_active, #panel7b a:hover {background: transparent url('../images/global_nav.jpg') -618px -259px no-repeat;}
.panel8b_active, #panel8b a:hover {background: transparent url('../images/global_nav.jpg') -730px -296px no-repeat;}



#nav_menu li ul {
 position: relative;
 overflow:hidden;
 margin-top:1px;
 padding-bottom:10px;
 background:url('../images/dmenu.gif') left bottom no-repeat;
 width:174px;
 cursor:pointer;
 color:#666;
 font-size:12px;
 line-height:16px;
 font-weight:bold;
 text-transform: uppercase;
 list-style:none;
 z-index: 99;
}

#nav_menu li ul li {
 position:relative;
 width:160px;
 height:30px;
 margin-left:7px;
 border-bottom:1px solid #ccc;
 list-style: none;
}

#nav_menu li ul li a {
 height:22px;
 padding-top:8px;
 padding-left:10px;
 text-decoration:none;
 color:#666;
}

#nav_menu li ul li a:hover {
 text-decoration:none;
 background:#6DB33F;
 color:#fff;
}
This is now in nav.css */



/*#panel1b a:hover {background: transparent url('../images/global_nav.jpg') 0 -37px no-repeat;}
#panel2b a:hover {background: transparent url('../images/global_nav.jpg') -41px -74px no-repeat;}
#panel3b a:hover {background: transparent url('../images/global_nav.jpg') -135px -111px no-repeat;}
#panel4b a:hover {background: transparent url('../images/global_nav.jpg') -252px -148px no-repeat;}
#panel5b a:hover {background: transparent url('../images/global_nav.jpg') -417px -185px no-repeat;}
#panel6b a:hover {background: transparent url('../images/global_nav.jpg') -524px -222px no-repeat;}
#panel7b a:hover {background: transparent url('../images/global_nav.jpg') -618px -259px no-repeat;}
#panel8b a:hover {background: transparent url('../images/global_nav.jpg') -730px -296px no-repeat;}*/



/*-------------------SEARCH POPOUT-------------------*/

#slidein {
 display:block;
 height:37px;
 width:90px;
}

#search_popout {
 display:block;/*IE DIV height Fix*/
 position:absolute;
 right:0px;
 visibility:hidden;
 height:50px;
 width:260px;
 z-index:99;
 overflow: hidden;
}

/*
#search_bg {
 background:url('../images/search_bg.gif') left bottom no-repeat;
 width: 260px;
 height: 50px;
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 opacity: 0.5;
 overflow: hidden;
}*/

#search_bg {
background: transparent url('../images/search_bg_50.png') left bottom no-repeat;
width: 260px;
 height: 50px;
 overflow: hidden;
}



#search_txt {
 position: absolute;   
 display:inline;
 width: 260px;
 height: 50px;
 z-index: 2;                 
 padding-left:20px;
 overflow: hidden;
}

#search_box {
 position:absolute;
 right:0px;
 width: 260px;
 height: 50px;  
 z-index: 99;       
 overflow: hidden;
 }

 .submit_button, .image {
 float:right;
 margin-right:30px;
 width:21px;
 height:21px;
 background:url('../images/go_button.gif') left bottom no-repeat;
 border:0px;
 outline-style: none;
 outline:0px;

}

.submit_button:hover, .image:hover { 
 background:url('../images/go_button.gif') left top no-repeat;
 border:0px;
 outline:0px;
 outline-style: none;
 }

/*   Must be overridden in colour*************************************************************************************!!!!!!
.search_closed {
 float:right;
 height: 0px;
 width: 0px;
 overflow: hidden;
 opacity: 0;
 margin: 0px;
 padding: 0px;
}


.search_open {
 float:right;
 height:50px;
 width:260px;
  overflow: hidden;
 opacity: 1;
 margin:0px;
 padding:0px;
}
*/
/*-------------------LEFT SIDE MENU-------------------*/

#sidemenu_header
{
 padding:0px;
}

#sidemenu_top{
 background:url('../images/menu_top.gif') top left no-repeat;
}

#sidemenu_bot{
 margin:0px;
 padding:0px 0px 25px 0px;
 background:url('../images/menu_bottom.gif') bottom left no-repeat;
}


#sidemenu_content 
{
 position:relative;
 width:175px;
 background:url('../images/menu_bg.gif') repeat-y;
 margin-bottom:50px;
 padding:0px;
}




#sidemenu_content ul         {list-style:none; padding:0px; margin:0px; font-size:10px; line-height:15px; }
#sidemenu_content ul a       {color:#444; text-decoration:none;}
#sidemenu_content ul a:hover {color:#fff; text-decoration:underline;}
#sidemenu_content li         {width:150px; margin:8px 15px; list-style:none;}
/* #sidemenu_content li a:hover {color:#6DB33F; text-decoration:none;} */


.a1tog {
 position:relative;
 margin:0px 8px 0px 7px;
 /*cursor:pointer;*/
  color:#444;
 font-size:12px;
 font-weight:bold;
 text-transform: uppercase;
 border-bottom:1px solid #ccc;
}

#sidemenu_content .a1tog a{
 position:relative;
 display:block;
 padding:5px 0px 5px 10px;
 color:#444;
 text-decoration:none;
}

/* #sidemenu_content .a1tog a:hover {color:#fff; background:#6DB33F;} */

#sidemenu_content .a2tog {
 display:block;
 cursor:pointer;
  color:#444;
 font-weight:bold;
 text-transform: uppercase;
 text-decoration:none;
}
/* #sidemenu_content .a2tog:hover {color:#fff; background:#6DB33F;} */


/*-------------------Collapsible bar--------------------*/

.collapsible_top     {background:url('../images/collapsible_top.gif') top left no-repeat;       width:560px;}
.collapsible_bot     {background:url('../images/collapsible_bottom.gif') bottom left no-repeat; width:560px; padding-bottom: 70px;}
.collapsible_content {background:url('../images/collapsible_bg.gif') repeat-y;                  width:560px;}
.collapsible_content table
{
	margin-left : 10px;
}

.collapsible_bot *
{
    padding:15px;
    padding-right:20px;
    vertical-align:top;
}

.collapsiblebar {
position:relative;
padding:5px 0px 0px 0px;
height:27px;
cursor:pointer;
width: 550px; 
background:url('../images/collapsible_bar.gif') 0px 0px no-repeat;
margin-bottom:20px;
}

.collapsiblebar:hover {
text-decoration: none;
/*background:url('../images/collapsible_bar.jpg') 0px -31px no-repeat; */
background-position: 0px -31px;
}


.collapsiblebar H3
{
    margin:0px;
    padding:0px;
    position:relative;
    left:15px;
}

.collapsible_bot table h3
{
    padding:0px;
}


#GGLiteRegistration .collapsible_bar span
{
	font-weight: bold;
	color: #000000;
}

/*-------------------RIGHT SIDE BAR--------------------*/

.sidebar_top     {background:url('../images/menu_top.gif') top left no-repeat;       width:174px;}
.sidebar_bot     {background:url('../images/menu_bottom.gif') bottom left no-repeat; width:174px;}
.sidebar_content {background:url('../images/menu_bg.gif') repeat-y;                  width:174px; margin-top:10px; margin-bottom:10px; /*IE background repeat DIV height fix */}

.sidebar_bot ul         {list-style:none; padding-bottom:10px; margin:0px; font-size:10px; line-height:15px;}
.sidebar_bot ul a       {color:#444; text-decoration:none;}
.sidebar_bot ul a:hover {color:#fff; text-decoration:underline;}
.sidebar_bot li         {width:150px; margin:8px 15px; padding-bottom:8px; list-style:none;border-bottom:1px solid #ccc;}
.sidebar_bot li a:hover {color:#6DB33F; text-decoration:none;}

.toplink {
 color:#6DB33F;
 font-size:12px;
 font-weight:bold;
 text-align:left;
 color:#6DB33F;
}
a.toplink {text-decoration:none; color:#6DB33F;}

.sidebarimg {
 margin-left:7px;
 width:160px;
 overflow:hidden;
}

#sidebarcon {
 margin-left:7px;
 width:140px;
 padding:0px 10px 10px 10px;
}

#sidebarcon h2 {
 text-align: left;
 font-size: 14px;
 line-height:18px;
 font-weight:bolder;
 color:#6DB33F;
}

#sidebarcon p {
 padding-bottom:5px;
 text-align:left;
 font-size: 12px;
 line-height:18px;
 font-weight:lighter;
 color:#444;
}

#sidebarcon a         {color:#000; text-decoration:none;}
#sidebarcon a:hover   {color:#6DB33F; text-decoration:underline;}


/*-------------------FOOTER-------------------*/


#footer {
 position:relative;
/* DID WORK				margin:-85px auto 0px auto;		         *******************************************************************/
 /*SEEMS TO FIX IT		margin-left:-10px;				         *******************************************************************/
 margin:-50px auto 0px auto;

 background:#ccc url('../images/ec3_global_footer_blank.gif') no-repeat; /*background:#ccc url('../images/ec3_global_footer.jpg') no-repeat;*/
 width:820px;
 height:85px;
 padding-bottom:50px;
}

#footer_nav {
 position:absolute;
 right:20px;
 top:55px;
 }

#footer ul{
 list-style: none;
 padding:5px 0px;
 margin:0;
}

#footer li{
 float:left;
 margin:0;
 text-align:left;
 font:9px;
 text-transform:uppercase;
}

#footer li a{
 text-align: left;
 color: #666;
 padding:0 8px ;
 border-left:1px solid #8f805b;
}

#footer .activeLink, #footer li a:hover {color:#6DB33F;}

#footnote {
 position:relative;
 width:800px;
 margin:-50px auto 0px auto;
 text-align:center;
 font-size:8px;
 color:#666;
 text-transform:uppercase;
}


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

#myGallery{
width: 535px;
height: 116px;
display: none;
}

.jdGallery{
 overflow: hidden;
 position: relative;
}

.jdGallery img{
 border: 0;
 margin: 0;
}

.jdGallery .slideElement{
width: 100%;
height: 100%;
background-repeat: no-repeat;
}





/* back button */
.BackButton
{
	color:#6DB33F;
	text-transform:capitalize;
	height:32px;
	cursor:pointer;
	width: 180px; 
	background:url('../images/button_back.gif') 0px 0px no-repeat;
	border-style:none;
}

.BackButton:hover
{
	background-position: 0px -31px;
}


/* next button */
.NextButton
{
	color:#6DB33F;
	text-transform:capitalize;
	height:32px;
	cursor:pointer;
	width: 180px; 
	background:url('../images/button.gif') 0px 0px no-repeat;
	border-style:none;
	line-height:32px;
}

.NextButton:hover
{
	background-position: 0px -31px;
}


/* SLIDER STYLES */

		
.hide   
{
	visibility: hidden;  
	position: absolute;  
	top: -400px;
}

#qscroller1   
{
    width:160px;  
    height:160px;  
    border:none !important;
    left:5px;
    text-align:center;
}
    
.qslide   
{
    font-size: 10pt;  
    padding: 3px;
}

/* SLIDER STYLE HOME */

		

#qscroller2 
{
    width:500px;  
    height:160px;  
    border:none !important;
    left:5px;
    text-align:center;
}

#qscroller2 .qslide  a
{
    margin-left:10px;
    margin-right:10px;
}


/* Default Grid Style */
.default_grid_style { width:100%; color:#333; margin-top:10px;margin-bottom:10px;}
.default_grid_style tr td { padding:5px; vertical-align:top; padding-right:10px; }
.default_grid_style tr { background-color:#F7F7F7;}
.default_grid_style tr.default_grid_style_header { background-color:#E8E8E8;}
.default_grid_style tr.default_grid_alternate_style {background-color:#EEEEEE;}

/* Default Table Style */
.default_table_style { width:100%; color:#333; padding:10px; text-align:left; border-collapse:collapse;}
.default_table_style tr td {padding:5px; vertical-align:top; padding-right:10px;border: 1px solid #E4E4E4!important; }
.default_table_style tr { background-color:#F7F7F7; }
.default_table_style tr.default_table_style_header { background-color:#E8E8E8;}
.default_table_style tr.default_table_alternate_style {background-color:#EEEEEE;}

/* Default Member Search Style */

.leaf_node_style
{
	font-size: 1em !important;
	line-height: 1.8em;
	color: #006F7A;
	font-weight: bold;
}

.hover_node_style
{
	color: #000;
	text-decoration: "underline";
}

.selected_style
{
	font-weight: bold;
	color: #FF6600;
}

a.selected_style
{
	background: url('../images/bul_sml_grey.png') no-repeat 50% left;
	padding-left:10px;
}

.carbon_calculator_content
{
    position:relative;
    margin-top:10px;
    text-align:center;
}

.my_ec3_login
{
    width:100%;
    padding-left:80px;
}

.page_quote
{
    width:530px; 
    background-color:White; 
    padding-left:0px;
}