body {
    margin: 0;
    padding: 0;
	font-size: 62.5%;
    text-align: center;
    font-family: 'tahoma', verdana, sans-serif;
    background: #000000;
	color: #ffffff;
    }


body a img {
    border: none;
}



/* layout structure */



#wrap {
   margin: 0 auto;
   padding: 0;
   width: 980px;
   text-align: left;
}


/* banner */


#banner{
   float: left;
   width: 147px;
   height: 165px;
   background: url(img/newlogo.gif) no-repeat top right;
   margin: 0;
   padding: 0;
}


#banner h1{
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	color: #4B678C;
}


#banner-image{
	float: right;
	width:815px;
	height:120px;
	margin-right: 18px;
}


* html #banner-image{
	margin-right: 9px;
}


/* Navigtion */

#nav {
   float: left;
   width: 815px;
   list-style: none;
   padding: 0;
   margin: 1px 0 0 0;
   background: #8CC63F;
	font-size: 1.4em;
}

#nav ul{
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
}


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


#nav a {
    float: left;
    display: block;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    color: #FFF;
	background: url(img/nav-divider.gif) no-repeat right center;
}




#nav a:hover, body#home #t-home a, body#about #t-about a, body#owners #t-owners a
, body#retailers #t-retailers a, body#case #t-case a, body#news #t-news a, body#withus #t-withus a
, body#contact #t-contact a, body#services #t-services a, body#centres #t-centres a, body#owners #t-owners a{
    background: #AFC393 url(img/nav-divider.gif) no-repeat right center;
    color: ffffff;
}




body#international #banner{
   background: url(img/internationalLogo.gif) no-repeat top right;
   }
   

body#international #nav{
  background: #7F3E98;
  }
  
body#international #nav a:hover {
    background: #B598C6;
	}
  
body#international #secondnav { 
  background: #B696C7 !important;
  }


body#international #t-international a{
    background: #B598C6 url(img/nav-divider.gif) no-repeat right center !important;
}






#secondnav {
   float: left;
   width: 815px;
   list-style: none;
   padding: 0;
   margin: 0;
	height: 25px;
   background: #AFC393;
   border-top: 1px solid #000000;
}

#secondnav ul{
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
}


#secondnav li{
   float: left;
   padding: 0;
   margin: 0;
   font-size: 1.4em;

}



#secondnav a{
    float: left;
    display: block;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
}


#secondnav a:hover,
#secondnav .here{
   color: #FFF;
	text-decoration: underline;
}





/* content */

#content{
   float: right;
   width: 815px;
   margin: 25px 18px 0 0;
   padding: 0;
}


* html #content{
   margin: 25px 9px 0 0;
}



/* contentleft */

#contentleft{
   float: left;
   width: 585px;
}


#contentleft.home{
	width: 340px;
}


#contentleft.home img{
	margin-top: 10px;
}


#contentleft p{
	font-size: 1.2em;
	margin: 0 0 15px 0;
	padding: 0;
}


#contentleft h2{
   	font-size: 3.5em;
	letter-spacing: 2px;
	font-weight: normal;
	margin: 0 0 20px 0;
	padding: 0;
}


#contentleft h3{
   	font-size: 1.6em;
	letter-spacing: 2px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
}



#contentleft a{
   text-decoration: none;
   color: #8CC63F;
}


body#international #content a{
   color: #B696C7 !important;
   text-decoration: none !important;
}


body#international #content a:hover,
body#international #content a.here{
   color: #B696C7 !important;;
   text-decoration: underline !important;;
}


body#international #content h3 a{
   color: #fff !important;
}

#content a:hover{
   text-decoration: underline;
}

.imagestyle{
   margin: 15px 0 0 15px;
   padding: 0;
}
   



/* contentright */

#contentright{
   float: right;
   width: 230px;
	text-align: right;
}



#contentright.home{
   float: right;
   width: 465px;
}


#contentright img{
	margin: 0;
	padding: 0;
}


/* line */

#line{
   float: right;
   width: 200px;
   border-left: 1px solid #000;
   padding: 30px 0 0 0;
}


/* contactform */


#contactform{
   float: right;
   width: 200px;
   padding: 0;
   margin: 0;
}

#contactform h4{
   text-align: center;
   	font-size: 1.6em;
	letter-spacing: 2px;
	font-weight: normal;

}

#contactform .gutter{
   margin: 0px 0px 0px 10px;
   padding: 0px 10px 5px 20px;

}

#contactform p{
   text-align: center;
}

#contactform label{
	font-size: 1.1em;
}


#yourmessage{
	width: 145px;
	font-size: 1.1em;
	font-family:Arial, Helvetica, sans-serif;
	}


/* local centre */

#localcentre{
   float: right;
   width: 200px;
   padding: 0;
   margin: 0;
}


#localcentre .gutter{
   margin: 20px 10px 0 10px;
   padding: 10px 10px 0 10px;
}

#localcentre h4{
   text-align: center;
   	font-size: 1.6em;
	letter-spacing: 2px;
	font-weight: normal;
   padding: 0;
   margin: 0;
}

#localcentre img{
   margin: 0;
   padding: 10px 0 0 21px;
}


/* tier 2 pages */

#tier2left{
   float: left;
   width: 585px;
}

#tier2left h2{
   	font-size: 3.5em;
	letter-spacing: 2px;
	font-weight: normal;
   margin: 0 0 0 0px;
   padding: 0;
} 


#tier2left h3{
   	font-size: 2.6em;
	letter-spacing: 2px;
	font-weight: normal;
   margin: 0 0 0 0px;
   padding: 0;
} 

#tier2left h4{
   	font-size: 1.6em;
	letter-spacing: 2px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}


#tier2left h4 a{
	color: #ffffff;
}





#tier2left p{
	font-size: 1.2em;
	margin: 0 0 15px 0;
	padding: 0;
}


#tier2left p a{
   text-decoration: none;
   color: #8CC63F;
}

#tier2left p a:hover{
   text-decoration: underline;
}



#tier2left .block{
   float: left;
   width: 585px;
}

#tier2left .block .blockleft{
   float: left;
   width: 275px;
}

#tier2left .block .blockleft .gutter1{
   margin: 0 20px 0 0;
   padding: 10px 0 5px 0px;
}

#tier2left .block .blockright .gutter1{
   margin: 0 20px 0 0;
   padding: 10px 0 5px 0px;
}


#tier2left .block .blockleft .gutter2{
   margin: 10px 20px 0 0px;
   padding: 10px 0 5px 0;
   border-top: 1px solid #ffffff;
}


#tier2left .block .blockright .gutter2{
   margin:  10px 20px 0 0px;
   padding: 10px 0 5px 0;
   border-top: 1px solid #ffffff;
}


#tier2left .block .blockright{
   float: right;
   width: 275px;
}




#tier2right{
   float: right;
   width: 200px;
   margin: 0;
   padding: 0px 0 0 0;
}


#tier2right h1{
   font-size: 130%;
   color: #4B678C;
   margin: 0;
   padding: 20px 0 10px 0;
}


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


#tier2right li{
   margin: 0;
   padding: 5px;
}

#tier2right img{
	float: right;
   margin: 0 0 0 0;
   padding: 0;
}

#tier2right a{
   text-decoration: none;
   color: #4B678C;
}

#tier2right a:hover{
   text-decoration: underline;
}


#tier2left a{
   text-decoration: none;
   color: #4B678C;
}

#tier2left a:hover{
   text-decoration: underline;
}


/* tier 3 pages */



#tier3{
   float: left;
   width: 815px;
}

#tier3left h2{
   	font-size: 3.5em;
	letter-spacing: 2px;
	font-weight: normal;
   margin: 0 0 20px 0px;
   padding: 0;
} 


#tier3left h3{
   	font-size: 1.6em;
	letter-spacing: 2px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}




#tier3left h4{
   	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 15px 0 0 0;
	color: #8CC63F;
}


#tier3 .logos{
	margin: 0;
	padding: 0;
	
}




#tier3 .logos li{
	margin: 0;
	padding: 0 0 15px 0;
	list-style: none;
	float: left;
	
}


#tier3left h4 a{
	color: #ffffff;
}




#tier3left p{
	font-size: 1.2em;
	margin: 0 0 15px 0;
	padding: 0;
}

#tier3left p a{
   text-decoration: none;
   color: #8CC63F;
}

#tier3left p a:hover{
   text-decoration: underline;
}


#tier3left{
   float: left;
   width: 550px;
}



#ourteam img{
   float: left;
   margin: 10px 10px 5px 15px;
   padding: 0;
   border: 1px solid #666666;
}

/* news page */



#eventsblock h5{
   	font-size: 1.6em;
	letter-spacing: 2px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}


#tier3left ul li{
   padding: 5px 20px 5px 0;
	font-size: 1.2em;
}


#tier3left ul li ul li{
	font-size: 1em;
}


#tier3left .newsitem p{
   margin: 0 0 0 80px;
   padding: 0;
}


#tier3left .newsitem a,
#tier3left ul a{
   margin: 0;
   padding: 0;
   text-decoration: none;
   color: #8CC63F;
}

#tier3left .newsitem a:hover,
#tier3left ul a:hover{
   text-decoration: underline;
}


#tier3left .more-link{
   margin: 0;
   padding: 0;
   text-decoration: none;
   color: #8CC63F;
}

#tier3left .more-link:hover{
   text-decoration: underline;
}



#galleryblock{
   float: left;
   width: 550px;
   margin: 10px 0;
   padding: 0;
}

#galleryblock .galleryitem{
   float: left;
   width: 175px;
   margin: 0;
   padding: 0;
   text-align: center;

}


#galleryblock .galleryitem p{
   margin: 0;
   padding: 0 0 5px 0;
   text-align: center;
}


#galleryblock .galleryitem img{
   margin: 0;
   padding: 0 0 15px 0;
}


#tier3right{
   float: right;
   width: 200px;
}


#tier3right img{
	float: right;
   margin: 30px 0 0 0;
   padding: 0;
}



#tier3right .withquote {
   width: 180px;
   font-size: 130%;
	float: right;
   margin: 25px 0 0 0;
   padding: 20px 0 0 0;
	font-family: 'georgia';
   background:url(img/quote.gif) no-repeat;
   background-position:top left;
} 

#tier3right p.withunquote {
   background: url(img/unquote.gif) no-repeat;
   background-position: bottom right;
   padding: 0 5px 15px 10px;
}






/* team */

#team{
	float: left;
	margin: 0 0 40px 0;
	padding: 0;
	list-style: none;
	}

	
#team li{
	float: left;
	margin: 0 12px 15px 0 !important;
	padding: 0 0 0 0 !important;
	color: #8CC63F;
	font-size: 1.4em;
	}


* html #team li{
	margin: 0 10px 15px 0;
	padding: 0;
}


#team li img{
	border: 5px solid #AFC392;
	margin: 0 !important;
	padding: 0 !important;
	}




/* map */

#tier4left{
   float: left;
   width: 500px;
}

#tier4left h3{
   	font-size: 1.6em;
	letter-spacing: 2px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0px 0 0 0;
} 

#tier4left h4{
   font-size: 130%;
   color: #4B678C;
   margin: 0;
   padding: 0 0 10px 0;
}

#tier4left p{
   margin: 0;
   padding: 0 0 10px 0;
}



#tier4right{
   float: right;
   width: 250px;
   margin: 0;
   padding: 0 0 0 0;
	text-align: center;
}


#tier4right h1{
   font-size: 130%;
   color: #ffffff;
   margin: 0;
   padding: 20px 0 10px 0;
}


#tier4right ul{
   list-style: none;
   margin: 0;
   padding: 0;
	font-size: 1.2em;
}


#tier4right li{
   margin: 0;
   padding: 5px;
	color: #ffffff;
}

#tier4right img{
   margin: 30px 0 0 0;
   padding: 0;
}

#tier4right a{
   text-decoration: none;
   color: #8CC63F;
}

#tier4right a:hover{
   text-decoration: underline;
}


#tier4left a{
   text-decoration: none;
   color: #8CC63F;
}

#tier4left a:hover{
   text-decoration: underline;
}



/* map */


#map{
	border: 2px solid #fff;
	color: #000000;
	}
	
	
#map h3{
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;
	}	
	
#map p{
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	}	
	
	
	
#regions{
	font-size: 1.2em;
	margin: 130px 0 20px 0;
	}
	
#regions legend{
	color: #fff;
	}	

#regions p{	
	float: left;
	margin: 5px 0 0 0;
	padding:0;
	}
	
#regions p label{
	float: left;
	width: 120px;
	}
	
#regions p input{	
	float: left;
	}
	
	
body#international 	#side_bar{
	margin-top: 230px;
	}
	
#side_bar{
	font-size: 1.2em;
	}
	

#side_bar p{
	margin: 0 0 5px 0;
	padding: 0;
}	
	
#side_bar a{
	color: #8CC63F;
	text-decoration: none;
	}	
	
	
#side_bar a:hover{
	text-decoration: underline;
	}		
	
	

/* sub footer */

#subfooter {
   float: right;
   width: 962px;
   margin: 0 18px 0 0;
   padding: 0;
   list-style: none;
   background: #FFF;
}

.telleft{
  float: left;
  margin: 20px 10px 10px 10px;
  padding: 0;
}

.mailright{
  float: right;
  margin: 20px 10px 0 10px;
  padding: 0 0 10px 0;
}


#subfooter a{
   text-decoration: none;
   color: #4B678C;
}

#subfooter a:hover{
   text-decoration: underline;
}


/* footer */

#footer {
   float: right;
   width: 944px;
   margin: 40px 0 15px 0;
   padding: 0 18px 0 18px;
   list-style: none;
   font-size: 1.1em;
   text-align: right;
	background: url(img/dashed.gif) no-repeat 0 0;
	color: #ffffff;
}

#footer ul{
   float: left;
      width: 944px;
   margin: 0;
   padding: 10px 0;
}

#footer li{
   float: left;
   list-style: none;
	color: #ffffff;
}

#footer li.floatright{
	   float: right;
	   list-style: none;
		color: #ffffff;
}


#footer a{
   text-decoration: none;
	color: #ffffff;
}

#footer a:hover{
   text-decoration: underline;
	color: #ffffff;
}

#secondnav .here{
   color: #fff;
}



.webby{
	width: 300px;
	float: right;
	color: #ffffff;
	margin: 0;
}


.webby a{
	color: #0099ff !important;
	}



.legal_info{
	width: 600px;
	float: left;
	color: #ffffff;
	text-align: left;
	margin: 0;
}



/*------ contact-form ------*/


#contact-form{
	float: left;
	border: 1px solid #fff;
}


#contact-form p{
	margin: 0;
	padding: 0 0 8px 0;
}


#contact-form .form-col{
	float: left;
	width: 200px;
	padding: 10px;
}


#contact-form #message{
	width: 190px;
	height: 110px;
	font-family: 'tahoma', verdana, sans-serif;
	font-size: 1.1em;
}


#contact-form #send{
	background: #8CC63E;
	padding: 5px 15px;
	margin: 0 0 0 0;
	color: #fff;
	border: none;
}


/*------ sticker ------*/

#sticker{
	position: relative;
	z-index: 10;
	margin:-145px 0 0 640px;
	padding:0;
	top:250px;
}



/*------ applicationform ------*/


#applicationform{
	float: left;
	width: 585px;
	margin-bottom: 15px;
	}

#applicationform label.hide{
	position: absolute;
	text-indent: -9999px;
}

#applicationform legend{
	position: absolute;
	text-indent: -9999px;
	}
	
	
#applicationform fieldset{
	border: none;
	margin: 0;
	padding: 0;
	}	


#companyname,
#tradingname,
#address1,
#address2,
#address3,
#towncity,
#postcode,
#officetelephone{
	border: none;
	width: 290px;
	padding: 5px;
	}


#applicationform .contacting{
	float: left;
}


#applicationform .contacting p{
	float: left;
	margin-right: 10px;
}


#applicationform .contacting input,
#website{
	width: 165px;
	padding: 5px;
	border: none;
}


#applicationform .centre-label{
	float: right;
	font-size: 1.1em;
	margin: 0 40px 0 0;
	padding: 0 0 5px 0;
	}
	
#centre{
	width: 545px;
	border: none;
	padding: 0 5px;
	}
	

#proposedproducts{
	width: 535px;
	border: none;
	margin-top: 10px;
	padding: 5px;
	height: 100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	}	
	
	
#furtherdetails{
	width: 535px;
	border: none;
	padding: 5px;
	height: 100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	}		

#applicationform #submit{
	float: right;
	background: #8CC63E;
	padding: 5px 15px;
	margin: 0 40px 0 0;
	font-size: 2em;
	color: #fff;
	border: none;
} 

/*------ serviceblock ------*/

.serviceblock{
	float: left;
	border: 1px solid #ffffff;
	padding: 10px 10px 0 10px;
	margin: 20px 15px 0 0;
	width: 155px;
}


.serviceblock p{
	margin: 0;
	padding: 0;
}



/*------ serviceblock ------*/


#tier3 .cases h3{
   	font-size: 2em;
	letter-spacing: 2px;
	font-weight: normal;
   margin: 0 0 15px 0;
   padding: 0;
} 


#tier3 .cases h3 a{
	color: #cccccc;
	text-decoration: none;
	}
	
#tier3 .cases h3 a:hover,
#tier3 .cases h3 .here{
	color: #8CC63F;
	}	
	

#tier3 .cases h4{
   	font-size: 1.8em;
	letter-spacing: 2px;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0px 0 0 0;
} 


#tier3 .cases h4 a{
	color: #ffffff;
	text-decoration: none;
	}

#tier3 .cases h4 a:hover,
#tier3 .cases h4 .here{
	color: #8CC63F;
	}	


#tier3 .cases h5{
   	font-size: 1.6em;
	letter-spacing: 2px;
	font-weight: normal;
	margin: 25px 0 10px 0;
	padding: 0px 0 0 0;
} 



#tier3 .cases h5 a{
	color: #8CC63F;
	}