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

/* ------------------------------
HTML Redefine Tags
------------------------------ */
body{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; margin:0; padding:0; background-image:url(../graphics/background.jpg); background-repeat:repeat-x;}

p{line-height:1.5em; color:#333333;}

ul li{line-height:1.5em; color:#333333; padding:0 0 10px 0;}

input, form, textarea
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{font-size:18px; color:#137AD0; font-weight:normal;}
h2{font-size:13px; color:#000000; font-weight: 700;}
h3{font-size:16px; padding:0; margin-bottom:10px;}

a{ color:#006BCD; text-decoration:none;}
a:visited{ color:#006BCD; text-decoration:none; }
a:hover{  color:#333; text-decoration:underline;}


ol{ line-height:1.4em;}
ol li{ font-weight: normal;}
/* ------------------------------
PAGE STRUCTURE
------------------------------ */

/* #container has an absolute width (780 pixel) */

#container{width:1004px; margin:0 auto;}
#header{width:auto; margin:0; background-color: #2D89E8;}

#navbar{width:auto; display:block; height:33px;}
#navbar a{ line-height:28px; padding:0 8px; display:inline;}

#foresite-logo{ width:236px; margin:0; padding:0; height:190px; background:#FFFFFF; float:left;}
#foresite-logo img{ padding:0; margin:0;}

#whitespace {float:right; width:767px;}

#header-background { background-image:url(../graphics/header2.jpg); background-repeat:no-repeat; margin:0;  float:left; padding:0;}

#header-background-blank { background-image:url(../graphics/header-blank.jpg); background-repeat:no-repeat; margin:0;  float:left; padding:0; height:199px;}

#background {  background-repeat:no-repeat;  background-repeat:no-repeat; margin:0;  float:left; padding:0; height:204px; width:1004px}

li#logedin{ background-image:url(../graphics/lock-icon.gif); background-repeat:no-repeat;  height:31px; padding:0 0 0 20px;}
li#account{ background-image: url(..//graphics/logedin-icon.gif); background-repeat:no-repeat; height:31px;padding:0 0 0 20px;}
li#request{ background-image:url(../graphics/request-icon.gif); background-repeat:no-repeat; height:31px;padding:0 0 0 20px;}
li#shoppingcart{ background-image:url(../graphics/topcart.gif); background-repeat:no-repeat;  height:31px; padding:0 0 0 20px;}


#breadcrumb{
border-bottom: 1px #2FABE2 solid; padding:0 0 5px 0;}
#breadcrumb li {display:inline; padding: 8px 0 8px 0; margin:0; color:#333333;}

#breadcrumb ul {list-style:none; padding:0; margin:0;

}

#news{border-top: 1px solid #C8C4C1; margin: 20px 10px 0 0; padding:10px 5px 5px 5px;}

/* ------------------------------
MAIN
------------------------------ */

#main{width:auto; display:block; margin:0;}
#column_left{width:235px; margin: 0 ; float:left; padding:0; }
#column_centre{width:480px; margin:0 10px 20px 2px; float:left; background-color:#B3D1FE; min-height:530px; padding:15px;
background-image:url(../graphics/back-logo.gif); background-repeat:no-repeat; background-position:bottom; }
#column_right{width:245px;margin:25px 0 0 0; float:left;}


#column_centre img{float:right; padding:3px;}
#column_centre-faq{width:480px; margin:0 10px 20px 2px; float:left; background-color:#B3D1FE; min-height:530px; padding:15px;
background-image:url(../graphics/back-logo.gif); background-repeat:no-repeat; background-position:bottom; }
#column_centre-faq h2{  padding:5px; border-bottom: 1px solid #0166FB;}


#column_centre-enter{width:480px; margin:0; float:left; padding:15px;}

#column_centre-enter img{float:right; padding:3px;}
.center-enter-box{ padding:10px;}

.center-enter-iso{ padding:10px;}


#column_centre-big{width:1000px; margin:20px 10px 20px 2px; float:left; padding:0;}


#column_centre_comp{width:480px; margin:0 10px 20px 2px; float:left; background-color:#B3D1FE; min-height:530px; padding:15px;
background-image:url(../graphics/back-logo.gif); background-repeat:no-repeat; background-position:bottom; }

#column_centre_comp img{ margin:0 0 10px 0;}

#column_gar{width:480px; margin:0 10px 20px 2px; float:left; background-color:#B3D1FE; min-height:530px; padding:15px;
background-image:url(../graphics/back-logo.gif); background-repeat:no-repeat; background-position:bottom; }
#column_centre gar{float:left;}

#points{ 
float:left;
margin:0 0 0 250px;

}

#video{ padding:0 0 0 20px;}


.videotitle{ background-color:#0166FB; color:#FFFFFF; font-size:16px; padding:9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}

#videolink{margin: 20px 10px 0 0;}
#videolink img{border: none; float:left;}
#videolink a{ color:#333333; text-decoration:none;}
#videolink a:visited{ color:#333333; text-decoration:none; }
#videolink a:hover{  color:#006BCD; text-decoration:underline;}


#logos {border-top: 1px solid #C8C4C1; margin: 5px 10px 0 0;}
#logos img{ padding:0;  }


#contact-details{ color:#006BCD; font-size:12px; padding:10px 0 10px 10px; border-top: 1px solid #C8C4C1; margin: 10px 10px 0 0; line-height:1.4em;}

#contact-details a{ color:#333333; text-decoration:underline; font-weight:bold;}
#contact-details a:visited{ color:#333333; text-decoration:underline; font-weight:bold;}
#contact-details a:hover{  color:#006BCD; text-decoration:underline;}


#spec_buttons{ margin:0; padding:0; color:#0066FF; font-size:14px; }


#spec_buttons ul li{
list-style-type:none; list-style:none; }

#spec_buttons li{ padding:20px 0 0 65px; margin:0;}

li#spec{ background-image:url(../graphics/spec-icon.jpg); background-repeat:no-repeat;  height:75px; }
li#save{ background-image: url(../graphics/save-icon.jpg); background-repeat:no-repeat; height:75px;}
li#howitworks{ background-image:url(../graphics/howitworks-icon.jpg); background-repeat:no-repeat; height:75px;}
li#foresite{ background-image:url(../graphics/foresite-icon.jpg); background-repeat:no-repeat;  height:75px; }
li#eco{ background-image:url(../graphics/eco-icon.jpg); background-repeat:no-repeat;  height:75px; }
li#eu{ background-image:url(../graphics/eu-icon.jpg); background-repeat:no-repeat;  height:75px; }
li#passive{ background-image:url(../graphics/passive-icon.jpg); background-repeat:no-repeat;  height:75px; }
li#timber{ background-image:url(../graphics/timber-icon.jpg); background-repeat:no-repeat;  height:75px; }
li#spray{ background-image:url(../graphics/spray-icon.jpg); background-repeat:no-repeat;  height:75px; }
li#yfactor{ background-image:url(../graphics/y-icon.jpg); background-repeat:no-repeat;  height:75px; }


#spec_buttons a{ color:#006BCD; text-decoration:none; padding:0 0 0 5px;}
#spec_buttons a:visited{ color:#006BCD; text-decoration:none; }
#spec_buttons a:hover{  color:#333; text-decoration:underline;}

li#spec.current a{
text-decoration: underline;}

li#howitworks.current a{
text-decoration: underline;}

li#save.current a{
text-decoration: underline;}

li#foresite.current a{
text-decoration: underline;}

li#eco.current a{
text-decoration: underline;}


li#passive.current a{
text-decoration: underline;}

li#timber.current a{
text-decoration: underline;}


#irish-map{
float:left;
padding:10px;
width:150px;
margin:100px 0 0 0;
}

#uk-map{
float:left;
padding:10px;
width:280px;
}



#nav-blank{
width:800px;
margin:183px 0 0 237px;
padding:0;
list-style-type:none;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}

#nav{
margin:163px 0 0 237px;
padding:0;
list-style-type:none;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
border-bottom: 1px solid #FFFFFF;
}

#nav li{
margin:0;
padding:0;
float:left;
}

#nav a{
float:left;
width:145px;
text-align:center;
color:#FFFFFF;
text-decoration:none;
line-height:3;
border-right: 1px solid #007CD2;
background-image:url(../graphics/tab2.gif); background-repeat:no-repeat;}


#nav li.current a{
color:#FFFFFF;
font-weight:normal;
background-position:-145px;
text-decoration:none;}

#nav a:hover{ background-position:-290px;}

#body_hom #nav_hom a,#body_map #nav_map a,
#body-jou #nav_jou a, #body_his #nav_his a,
#body_con#nav_con a{}




a.bluebutton { background: transparent url('../graphics/bg_blue_button_a.gif') no-repeat scroll top right; color: #FFFFFF; display: block;
float:left;font: normal 12px arial, sans-serif;height: 24px;margin: 10px 0 5px 0;
padding-right: 18px;text-decoration: none; 
	
}

a.bluebutton span { background: transparent url('../graphics/bg_blue_button_span.gif') no-repeat;display: block;line-height: 14px;
padding: 5px 0 5px 18px;color:#FFFFFF;
	
}
a.bluebutton :hover {background: transparent url('../graphics/bg_blue_button_span.gif') no-repeat;display: block;line-height: 14px;
padding: 5px 0 5px 18px;color:#FFFFFF;text-decoration:underline;
	
}


a.warebutton { background: transparent url('../graphics/bg_blue_ware_button_a.gif') no-repeat scroll top right; color: #FFFFFF; display: block;
float:left;font: normal 12px arial, sans-serif;height: 24px;margin: 10px 0 5px 0;
padding-right: 27px;text-decoration: none; 
	
}

a.warebutton span { background: transparent url('../graphics/bg_blue_button_span.gif') no-repeat;display: block;line-height: 14px;
padding: 5px 0 5px 18px;color:#FFFFFF;
	
}
a.warebutton :hover {background: transparent url('../graphics/bg_blue_button_span.gif') no-repeat;display: block;line-height: 14px;
padding: 5px 0 5px 18px;color:#FFFFFF;text-decoration:underline;
	
}


.toptable{ background-color:#207ECF; color:#FFFFFF; font-weight: normal;}
.oddtable{ background-color:#A9CDED;}


.softbutton{display:block; height:50px;}

.mapbutton{display:block; height:50px; margin:0 0 0 10px;}

.ukbutton{display:block; height:50px; margin:0 0 0 80px;}

/* ------------------------------
FOOTER
------------------------------ */
div.spacer{clear:both;  display:block;  }
div.spacer h3{ border-bottom: 1px solid #D5E9F3; padding:10px 0 3px 10px; font-size:16px;}
div.spacer h4{ color:#000000; padding:10px 0 3px 10px; font-size:12px;}
div.spacer p{ padding:10px 0 0 10px; color:#333333;}





#bottomfooter{
height:100px;
color:#666;
padding:10px;
border-top: solid 1px #ccc;
text-align:center;
margin:10px 0 0 0;

}

#innerfooter ul li{ display:inline; list-style:none; padding:0; margin:0;}
#innerfooter ul{ padding:0; margin:20px 0 0 0 ;}
#innerfooter a, visited{ color:#FFFFFF; text-decoration:none; padding:5px; font-weight:normal;}
#innerfooter a:hover{ color:#D5E9F3; text-decoration:underline; padding:5px; font-weight:normal;}
.morstrong{font-weight:bold;}





  
  #lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }