/* CSS Document */

/* site wide style declarations */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1.6em;
	font-size:0.75em;
	margin:0;
	padding:0;
	background-color:#F2FAF7;
	margin:30px 5% 5% 5%}
	
html {
	border:none}
	
a, img {	
	border-width:0px; 
	}
	
h1,h2 {
	color:#00A160;
	font-size:1.6em;
	font-weight:normal;
	line-height:1.6em;
	margin-top:10px;
	}
h2 {
	font-size:1.2em;
	font-weight:800;
	margin-bottom:5px;
	margin-top:20px;
	}
	
a {
	color:#000;
	text-decoration:none}
	
a:hover {
	text-decoration:underline;
	}	
	
a:hover {
	color:#00A160}
	
a.inline {
	text-decoration:underline;
	font-weight:800;
	}
	
/* Forces blocks to enclose their floated children */
 .clearfix:after, .clearfix { /* This can be replaced by the alternative fix below if it doesn't kill CatFish */
    content: ".";
    display: block;
    height: 0;
    clear: right;
    visibility: hidden;
  }
.clearleftimage {
  	clear:left;
	}
	
.clearrightimage {
  	clear:right;
	}

  /* This alternative fix works fine, but it's disabled to troubleshoot CatFish */
  /*.clearfix {
    overflow: hidden;
  }*/

  /* Don't know why we'd need this rule, but it was here when CatFish worked 
  .clearfix {
    display:block;
  }*/

  * html .clearfix { /* This should be moved to ie.css, as IE7 doesn't support * html */
    height: 1%;
  }
  /* END: Forces blocks to enclose their floated children */	
	
#mainshadow {
	background: #E5F5EF url(images/main-shadow.gif) no-repeat bottom right;
  	margin: 10px 0 0 10px !important;
 	margin: 10px 0 0 5px;}
	
#container {
	background-color:#E5F5EF;
	display: block;
  	position: relative;
	margin: -6px 10px 10px -6px;
  	padding: 0;
	}
	
#logoband {
	background: #00A160 url(images/logo-bgline.gif) 0% 100% repeat-x;
	color:#FFF;
	height:80px;
	display:block;
	}
	
#homepageintro {	
	margin-top:20px;
	margin-left:20px;
	margin-right:10px;
	padding-top:30px !important;
	padding-top:0;
	min-height:160px;
		}
	
#homepageintro img {
	float:right;
	padding: 20px 0 0 2%;
	}
	
img.leftlogoicon {
	float:left;
	margin-right:5px;
	display:block}
	
img.logo {
	clear:none}
	
img.rightlogoicon {
	float:right;
	display:inline}
	
	
#topnav {
    float:left;
    width:100%;
    font-size:93%;
    line-height:normal;
	display:block;
    }

#topnav ul, #footer ul {
    margin:0;
    padding:0;
    list-style:none;
	height:34px;
    }

#footer {
	clear:both;
	background: #FFF url(images/footer-bgline.gif) 0% 0% repeat-x;
	font-size:0.8em;
	padding-top:20px;
	padding-left:0;
	}
#footer ul {
	padding-left:10px;
	}

#footer li {
	float:left;
	padding-right:5px;
	margin-right:5px;	
	border-right: 1px solid #000;
	line-height:1.1em;
	}
	
#footerbar {	
	font-size:0.8em;
	padding:5px 5px 0px 10px;
	margin-bottom:5px;
	width:95%;
	}
	
.websitemaintained {
	width:40%;
	text-align:right;
	float:right;
	
	}

#pagevalidation {
	margin-top:15px;
	float:right}
	
#topnav li {
    float:left;
    background:url(images/right-general.gif) no-repeat right bottom;
    margin:0;
    padding:0;
	text-align:center;
	font-weight:800;
	font-size:0.9em;
	}
	
#home #topnav li.home, #about #topnav li.about, #tipperbodies #topnav li.tipperbodies, #specialist #topnav li.specialist, #cvf #topnav li.cvf, #associate #topnav li.associate, #fulluk #topnav li.fulluk, #testimonials #topnav li.testimonials, #contact #topnav li.contact {
    background-image:url(images/right-selected.gif);
    }
	
#home #topnav a.home, #about #topnav a.about, #tipperbodies #topnav a.tipperbodies, #specialist #topnav a.specialist, #cvf #topnav a.cvf, #associate #topnav a.associate, #fulluk #topnav a.fulluk, #testimonials #topnav a.testimonials, #contact #topnav a.contact   {
    background-image:url(images/left-selected.gif);
	color:#FFF;
    }
	
#topnav a {
    display:block;
	background:url(images/left-general.gif) no-repeat left bottom;
    padding:5px 15px;
	color:#000;
	text-decoration:none;
	}
	

#homepageleft {
	padding:5px;
	width:44%;
	margin:2%;
	margin-left:10px;
	margin-top:25px;
	background-color:#FFF;
	border: 1px solid #A0DCC4;
	float:left;
		}

#homepageright {
	padding:5px;
	width:44%;
	margin:2%;
	margin-left:50%;
	margin-top:25px;
	background-color:#FFF;
	border: 1px solid #A0DCC4;
	float:none;
		}
		
#lhstext, #halfpagetext, #halfpagetext_right, #specialist_right {
	background-color:#FFF;
	border: 1px solid #00A160;
	padding:1.5em;
	padding-top:0;
	}
	
#subnav_lhsmenu {
	float:left;
	}

#lhstext {
	margin-right:300px;
	}
	
#halfpagetext {
	margin-right:46%;
	}
	
#rhspromotions {
	float:right;
	width: 45%;
	}

.halfpagepromo {
	padding:5px;
	margin-bottom:20px !important;
	margin-bottom:0;
	background-color:#FFF;
	border: 1px solid #A0DCC4;
	}	
			
.halfpagepromo {
	width:90%;
	margin-top:0 !important;
	margin-top:20px;
	}	
	
#rhsimagery {	
	margin: 0 10px 20px 10px !important;
	margin:20px 10px 10px 10px;
	float:right;
	width:265px;
	}
	
#rhsimagery img {
	margin-bottom:15px;
	margin-top:0;
	}
	
#clear, span.clear {
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	}
	
.clearleft {
	display:block;
	overflow:auto;
	position:relative;
	width:90%;
	margin:0;
	padding:0;
	clear:left;
	}
		
#homepageright img, #homepageleft img, .halfpagepromo img {
	float:left;
	margin-right:5px;
	margin-top:5px;
	}
	
.halfpagepromo img {
	display:block;
	}
	
#homepageleft img {
	clear:right;
	}

a.mainlink {
	font-size:1.3em;
	font-weight:800;
	color:#000;
	}
	
#maincontent {
	width:100%;
	background-color:#E5F5EF;
	}
	
#maincontent ul, #subnav_topmenu ul {
	padding:0;
	margin:0;
	vertical-align:middle;
	list-style:none}
	
#maincontent ul.sublist, #maincontent ul.bullet {
	margin-left:170px;
	}
	
#maincontent li {
	background: url(images/main-arrow.gif) no-repeat;
	background-position: 0 .7em;
	line-height:2.4em;
	padding-left: 2em}
	
#maincontent li.bullet {
	background: url(images/plain-bullet.gif) no-repeat;
	background-position: 0 .6em;
	line-height:1.7em;
	margin-top:0;
	}
	
#maincontent li.bulletbig {
	font-size:1.6em;
	}


/* Associate companies styles */

.associate_3column {
	clear:both;
	}
	
.associate_3column img.logo {
	float:left;
	width:130px;
	margin-right:10px;
	}
	
.associate_3column img.photo {
	float:right;
	width:130px;
	margin-left:10px;
	}
	
h2.thompsons {
	color:#007AC2;
	}
	
h2.cvf {
	color:#F05322;
	}
	
h2.binotto {
	color:#ED1C24;
	}
	
h2.cover {
	color:#CEA13D;
	}
	
#fullwidthtext ul {
	margin-left:140px;
	margin-right:140px;
	}
	
#fullwidthtext ul.newsletter {
	margin-left:0;
	}
	
#fullwidthtext li.standard {
	background: url(images/standard-bullet.gif) no-repeat;
	background-position: 0 .6em;
	line-height:1.7em;
	margin-top:0;
	}
	
#fullwidthtext li.arrow, #specialist_right li.arrow {
	background: url(images/standard-arrow.gif) no-repeat;
	background-position: 0 .3em;
	line-height:1.7em;
	margin-top:8px;
	}


/* end of associate companies styles */


/* uk coverage styles */

img.ukmap {
	float:right;
	width:250px;
	}
	
#map {
	background-image: url(images/ukcoverage-map.gif);
	height: 330px;
	width: 250px;
	float:right;
  }

#links a {
  position: relative;
  height: 38px;
  width: 88px;
  top: 31px; 
  text-decoration: none;
  }
  
#links a i {
	visibility:hidden;
	}
	
a#dover {
	top:255px !important;
	top:370px;
	left:195px;
	}
	
a#croydon {
	top:235px !important;
	top:350px;
	left:125px;
	}
	
a#loughborough {
	top:195px !important;
	top:310px;
	left:-20px;
	}
	
a#wigan {
	top:155px !important;
	top:270px;
	left:130px;
	}
	
a#blackburn {
	top:150px !important;
	top:265px;
	left:30px;
	}
	
a#servicenetwork1 {
	top:75px !important;
	top:190px;
	left:40px;
	}
	
a#servicenetwork2 {
	top:115px !important;
	top:230px;
	left:40px;
	}
	
a#servicenetwork3 {
	top:195px !important;
	top:310px;
	left:-60px;
	}
	
a#servicenetwork4 {
	top:175px !important;
	top:290px;
	left:170px;
	}
	
#assocmainpage_images {
	float:right;
	width:200px;
	margin-left:10px;
	}


/* end of uk coverage styles */


/* customer testimonials styles */

#regionmap {
	float:right;
	/*background-color:#CCECDF;*/
	margin:0;
	margin-left:20px;
	}
	
.testimonial_2column {
	clear:right;
	margin:0;
	width:99%;
	margin-bottom:25px;
	}
	

	
.testimonial_2column img {
	float:right;
	width:200px;
	margin-left:10px;
	}
	
#specialist_right li.plain {
	background: url(images/plain-bullet.gif) no-repeat;
	background-position: 0 .8em;
	padding-left:1.4em;
	}
	
h2.clientname {
	padding:0;
	margin:0;
	margin-bottom:7px;
	}
 
	
/* end of customer testimonials styles */
  
/* Contact Us styles */

#contact_individuals, #contact_details {
	background-color:#FFF;
	border: 1px solid #00A160;
	padding:1.5em;
	padding-top:0;
	}
	
/* master top and bottom margin */
#contact_details, #lhstext, #halfpagetext, #halfpagetext_right, #specialist_right {
	margin-top:60px !important;
	margin-top:20px;
	margin-bottom:20px;
	float:none;	
	}
	
#contact_individuals {
	margin-top:0 !important;
	margin-top:20px;
	margin-bottom:20px;
	}
/* /master top margin  */
#rhspromotions {
	margin-top:0;
	}
	
/* master left margin */
#contact_details, #lhstext, #halfpagetext, #subnav_topmenu {
	margin-left:10px;
	}
/* /master left margin */

/* master right margin  */
#contact_individuals, #halfpagetext_right, #specialist_right {
	margin-right:10px;
	}
/* /master right margin  */
	
#contact_individuals {
	float:right;
	clear:none;
	width:45%;
	}
	
#contact_details {
	margin-right:53%;
	}
	
#contact_individuals h2 a {
	color:#00A160;
	}
	
div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 35%;
  text-align: right;
  }

div.row span.formw {
	float: right;
	width: 60%;
	text-align: left;
	}
  
.maininput input {
  	size:40px;
	}
	
h1.contactinfo {
	margin:0;
	padding:0;
	}
	

/* end of Contact Us styles */

img.imageright {
	float:right;
	}
	
#subnav_topmenu {
	width:95%;
	text-align:center;
	margin-bottom:0 !important;
	margin-bottom:20px;
	}
	
#subnav_topmenu li {
	float:left;
	width:21%;
	background: url(images/main-arrow.gif) no-repeat;
	background-color:#FFF;
	background-position: 25% .4em;
	line-height:1.1em;
	padding: .4em 1em;
	border: 1px solid #00A160;
	border-right: none;
	margin-top:0 !important;
	margin-top:20px;
	}
	
#specifications_toplink li {
	background: url(images/main-arrow.gif) no-repeat;
	background-position: 0.2em .6em;
	}
	
#subnav_topmenu li.selected {
	background: none;
	background-color:#00A160;
	font-weight:800;
	color:#FFF;	
	}
#subnav_topmenu li.topmenu_rhs {
	border-right: 1px solid #00A160;
	}
	
#mainimage_left {
	float:left;
	width:285px;
	margin:0 10px 10px 10px;
	}

#specifications_fullwidth, #specifications_halfwidth {
	margin:10px;
	margin-top:0;	
	}
	
#specifications_fullwidth {
	clear:both;
	}
	
#specifications_halfwidth {
	margin-right:450px;
	}
	
#specifications_halfwidth_img {
	float:right;
	width:420px;
	margin-right:10px;
	}

#halfpagetext_right, #specialist_right {
	float:none;
	clear:none;
	}
	
#specialist_right {
	margin-left:270px;
	}
	
.specialist_image {
	text-align:center;
	}
	
p.sitleft {
	float:left;
	min-width:200px;
	margin-right:15px;
	}
	
#specialist_promorow1, #specialist_promorow2, #fullwidthtext {
	clear:both;
	margin:15px 10px;
	color:#FFF;
	width:94%;
	}
	
.specialist_promo  {
	float:left;
	width:30%;
	border: 1px solid #00A160;
	background-color:#FFF;
	margin-right:2%;
	text-align:center;
	margin-bottom:10px;
	}

#specialist_promorow1 li, #specialist_promorow2 li {
	background: #00A160 url(images/main-arrow-rev.gif) no-repeat;
	color:#FFF;
	font-weight:800;
	background-position: 0.4em .4em;
	line-height:1.1em;
	padding: .6em 1em .6em 2.4em;
	margin:1px;
	text-align:left;
	}
	
#specialist_promorow1 a, #specialist_promorow2 a {
	color:#FFF;
	}
	
#fullwidthtext {
	border: 1px solid #00A160;
	background-color:#FFF;
	color:#000;
	padding:1.5em;
	padding-top:0;
	margin-top:60px !important;
	margin-top:20px;
	}
	
	
	
#halfpagetext_right {
	margin-top:60px !important;
	margin-top:0;
	margin-left:310px;
	padding-top:0;
	
	}
	
#subnav_lhsmenu {
	border: 1px solid #00A160;
	width:240px;
	margin:0 10px !important;
	margin:20px 5px;
	background: #FFF url(images/bg-squares.gif) 0% 0%;
	background-repeat:repeat;
	}
	
#specifications_toplink {
	padding-left:10px;
	float:right;
	width:160px;
	background-color:#B7E4D2;
	border: 1px solid #00A160;
	border-top: 1px solid #B7E4D2;
	margin:0;
	}

#mainimage_left h3, #specifications_fullwidth h3,#specifications_halfwidth h3, #subnav_lhsmenu h3 {
	padding:5px 0 5px 10px;
	background-color:#00A160;
	color:#FFF;
	font-size:1.3em;
	}

#subnav_lhsmenu h3 {
	margin:1px;
	margin-bottom:15px;
	}
	
#subnav_lhsmenu li {
	list-style:none;
	background-image:none;
	font-size:0.9em;
	margin-bottom:10px;
	line-height:1.5em;	
	}

#subnav_lhsmenu li.selected {
	font-weight:800;
	color:#00A160;
	background: url(images/plain-bullet.gif) no-repeat;
	background-position: 0.8em .5em;
	}
	
	
#mainimage_left h3, #specifications_fullwidth h3, #specifications_halfwidth h3 {
	margin:2px 0;
	}
	
#mainimage_left h3 {
	width:265px;
	}
	
#mainimage_left p {
	font-size:0.9em;
	line-height:1.5em;
	padding-right:15px;
	}
	
#mainimage_left li, #specifications_fullwidth li, #specifications_halfwidth li {
	background: #B7E4D2 url(images/plain-bullet.gif) no-repeat;
	background-position: 0.9em .7em;
	line-height:1.3em;
	margin:0;
	margin-bottom:2px;
	padding:5px 0 5px 30px;
	padding-right:0;
	font-size:0.9em;
	}
	
#specifications_fullwidth a {
	color:#FFF;
	}
	
#mainimage_left li {
	width:245px;
	}
	
img.lefticon {
	float:left;
	width:45px;
	margin-right:5px;
	}
	
#new_container {
	clear:both;
	width:100%;
	margin-top:20px !important;
	margin-top:0;
	}

