/* CSS Document */

/* Font Face
--------------------------------------------------------------- */

@font-face {
    font-family: 'Ubuntu Light';
    src: url('../../includes/fonts/Ubuntu-L-webfont.eot');
	src: url('../../includes/fonts/Ubuntu-L-webfont.eot?#iefix') format('eot'),
         url('../../includes/fonts/Ubuntu-L-webfont.woff') format('woff'),
         url('../../includes/fonts/Ubuntu-L-webfont.ttf') format('truetype'),
         url('../../includes/fonts/Ubuntu-L-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ubuntu Medium';
    src: url('../../includes/fonts/Ubuntu-M-webfont.eot');
	src: url('../../includes/fonts/Ubuntu-M-webfont.eot?#iefix') format('eot'),
         url('../../includes/fonts/Ubuntu-M-webfont.woff') format('woff'),
         url('../../includes/fonts/Ubuntu-M-webfont.ttf') format('truetype'),
         url('../../includes/fonts/Ubuntu-M-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    @font-face {
        font-family: 'Ubuntu Light';
        src: url('../../includes/fonts/Ubuntu-L-webfont.svg') format('svg');

    }

    @font-face {
        font-family: 'Ubuntu Medium';
        src: url('../../includes/fonts/Ubuntu-M-webfont.svg') format('svg');

    }  
      
}	

h1, h2,
ul.navigation li a,
.runner p.title,
.text-container a.btn-runner,
a.btn-yellow,
a.btn-blue,
ul.navigation-top li a,
.top-header p.phone,
.subnav-wrapper p.title,
.footer p.title,
a.cta-case-studies,
.product-details p.title,
.product-details a.link,
p.cta-top-right,
.main p.open-paragraph,
.ld-inline .ld-area,
ul.dropdown li a,
.case-study p.description,
ol.ten-step-process li {
	font-family: "Ubuntu Light";
}

.runner p.title span,
p.cta-home-commercial-cleaning,
.sidebar p.cta-carpet,
.sidebar p.cta-largest,
.runner-ctas .cta-buy-online p,
.runner-ctas .cta-online-quote p,
p.cta-free-visits,
p.cta-top-right span,
.ld-locationnumbers,
.callback-form p.title,
.cleaning-job p.title,
#main .cleaning-job p.description,
.top-header .quick-contact,
.reviewscouk_header {
	font-family: "Ubuntu Medium";
}
	
/* Global Styles
--------------------------------------------------------------- */

* {	margin: 0; padding: 0; }

body, html { min-height: 101%; }

strong { font-weight: bold; }

body {
	text-align: left;
	font-size: 62.5%;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../../images/layout/body-bg.jpg) top repeat;
}

a:link {
	-webkit-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

a:link, a:visited, a:focus {
	color: #33468B;
	text-decoration: underline;
	outline: none;
}

	a:focus {
		outline: dotted 1px;
	}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

a img {
	border: none;
}

/* Common CSS3 */

.rounded10 {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
}

.rounded5 {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}


/* For screen readers */		
.header a.skip-to-content {
	display: none;
}

/* H1/H2/H3 Styles
--------------------------------------------------------------- */

h1, h2, h3 {
	font-weight: normal;
}

	h1 {
		font-size: 1.4em;
		color: #32458a;
		padding: 0 0 0 10px;
		margin: 0 0 25px 0;
		border-left: 5px solid #e5e5e5;		
	}
	
	h2 {
		font-size: 1.2em;
		color: #32458a;
	}
	
	h3 {
		font-size: 1.2em;
		color: #32458a;
	}

/* Container Styles
--------------------------------------------------------------- */

.outer-container {
	width: 100%;
	float: left;
}

	.container {
		width: 960px;
		margin: 0 auto;
		position: relative;
		font-size: 1.2em;
	}

	.main-container {
		padding: 25px 0;
	}

/* Process Styles
--------------------------------------------------------------- */	

ol.ten-step-process {
	float: left;
	margin: 0px 0px 20px 0;
}

li.move-furniture-li {
	background: url(../../images/layout/move-furniture.png);	
}

li.dry-vacuum-li {
	background: url(../../images/layout/dry-vacuum.png);	
}

li.stain-treatment-li {
	background: url(../../images/layout/stain-treatment.png);	
}

li.pre-spray-li {
	background: url(../../images/layout/pre-spray.png);	
}

li.water-extraction-li {
	background: url(../../images/layout/water-extraction.png);	
}

li.tabs-li {
	background: url(../../images/layout/tabs.png);	
}

li.inspection-li {
	background: url(../../images/layout/inspection.png);	
}

li.protection-li {
	background: url(../../images/layout/protection.png);	
}

li.grooming-li {
	background: url(../../images/layout/grooming.png);	
}

li.final-inspection-li {
	background: url(../../images/layout/final-inspection.png);	
}

	ol.ten-step-process li {
		float: left;
		width: 190px;
		min-height: 150px;
		padding: 25px 20px 10px 20px;
		list-style-position: inside;
		font-size: 1.5em;
		line-height: 1.4em;
		border: 5px solid #FDFDFD;
		/*background: url(../../images/layout/next.png) no-repeat center right #f6f8fc;	*/
		background-repeat: no-repeat;
		background-position: center 90px; 
		background-color: #f6f8fc;
	}


	ol.ten-step-process li span {
		color: #293B7D;
	}

/* Top Header Styles
--------------------------------------------------------------- */

.outer-container.top-header-container {
	background: #e5e5e5;
	position: fixed;
	top: 0px;
	z-index: 100;
}

	.top-header {
		height: 36px;
	}

	.top-header .quick-contact {
		background: #FFCD0D url(../../images/misc/at-symbol.png) 5px 2px no-repeat;
		color: #272727;
		font-weight: bold;
		font-size: 1.4em;
		padding: 12px 12px 12px 42px;
		float: right;
		-webkit-border-bottom-right-radius: 2px;
		-webkit-border-bottom-left-radius: 2px;
		-moz-border-radius-bottomright: 2px;
		-moz-border-radius-bottomleft: 2px;
		border-bottom-right-radius: 2px;
		border-bottom-left-radius: 2px;
		text-decoration: none;
	}

		.top-header .quick-contact:hover {
			background: #fff url(../../images/misc/at-symbol.png) 5px 2px no-repeat;
		}


	.top-header ul.navigation-top {
		float: right;
		margin: 6px 0 0 0;
	}

		.top-header ul.navigation-top li {
			float: left;
			list-style: none;
			font-size: 1.2em;
			padding: 7px 15px;
			border-right: solid 1px #cccccc;
		}	

			.top-header ul.navigation-top li a {
				text-decoration: none;
				color: #6b6b6b;
				padding: 5px;
			}

			.top-header ul.navigation-top li a:hover {
				color: #2f2f2f;
			}			

	.top-header p.phone {
		float: right;
		list-style: none;
		font-size: 1.5em;
		padding: 7px 0 5px 35px;
		color: #6b6b6b;
		background: url(../../images/layout/phone.jpg) no-repeat 15px 5px;
		margin: 3px 0 0 0;
	}	

	.top-header img#header-cards {
		float: right;
		padding: 0 0 0 25px;
		margin: 6px 0 0 0;
	}

/* Header Styles
--------------------------------------------------------------- */


	.outer-container.header-container {
		padding: 40px 0 0 0;
	}

	.header {
		float: left;
		width: 960px;
		height: 114px;
	}

		.logo {
			float: left;
			margin: 12px 0 0 0;
			display: inline;	
		}

			.logo:hover {
				opacity: 0.8;
			}
		
		.cta-top-right {
			float: right;
			padding: 20px 0 0 0;
			text-align: right;
			font-size: 1.6em;
			color: #777;
		}

			.cta-top-right span.phone {
				display: block;
				margin: 5px 0 0 0;
				font-size: 1.1em;
				color: #33468B;
			}

			/* Location Dynamics basic styling */

			.ld-locationnumbers {
				float: right;
				clear: right;
				margin: 15px 0 0 0;
				font-size: 1.4em;
			}
			 
			/* Inline */
			.ld-inline .ld-areanum {
			    margin:0 0 0 10px;
			    display: inline;
			}

			.ld-inline .ld-areanum.ld-id-1 {
			    margin:0;
			}

			.ld-inline .ld-area, .ld-inline .ld-number {
			    display: inline;
			    color: #33468B !important;
			}

			.ld-inline .ld-area, .ld-inline .ld-area {
			    color: #777777 !important;
			}

			/* Inline with Dropdown (revert back to rows as inline doesn't display correctly) */
			.ld-inline .ld-dropdown .ld-areanum {
			    float: none;
			    display: block;
			    margin:5px 0;
			    text-align: right;
			    color: #33468B !important;
			}

			.ld-inline .ld-dropdown .ld-area, .ld-inline .ld-dropdown .ld-number {
			    display: inline;
			}			

/* Horizontal Navigation Styles
--------------------------------------------------------------- */

ul.navigation {
	float: left;
	width: 960px;
	background: url(../../images/layout/nav-bg.jpg) repeat-x #21316f;
	position: relative;
	z-index: 10;
}

	ul.navigation li {
		display: inline;
		list-style: none;
		float: left;
		background: url(../../images/layout/nav-bg.jpg) repeat-x #21316f;
	}
		  
		ul.navigation li a {
			float: left;
			color: #fff;
			text-decoration: none;
			line-height: 1em;
			padding: 21px 16px;
			font-size: 1.4em;
			text-align: center;
		}


		ul.navigation li.contract-cleaning-services-li a {
			background: url(../../images/layout/drop-arrow.png) no-repeat bottom center;
		}

		ul.navigation li.index-li a {
			padding: 32px 23px;
		}			

			ul.navigation li a span {
				display: block;
				margin: 7px 0 0 0;
			}

			ul.navigation li:hover,
			ul.navigation li.hoverstate {
				background: url(../../images/layout/nav-hover.jpg) repeat-x #192656;
			}

/* Dropdown Styles
--------------------------------------------------------------- */

ul.dropdown {
	float: left;
	position: absolute;
	z-index: 110;
	top: 81px;
}

	ul.dropdown li {
		display: block;
		list-style: none;
	}
		  
		ul.dropdown li a {
			display: block;
			color: #fff;
			text-decoration: none;
			line-height: 1em;
			padding: 18px 45px;
			font-size: 1.2em;
			text-align: center;
			background: #344A84;
			border-bottom: #233273 solid 1px;
		}

		ul.dropdown li a:hover {
			background: #233273;
		}

		ul#dropdown-contract-cleaning-services {
			left: 75px;
			display: none;
		}

/* Horizontal Navigation Styles
--------------------------------------------------------------- */

.subnav-wrapper {
	margin: 15px 0 0 0;
}

	.subnav-wrapper p.title {
		float: left;
		height:46px;
		background: url(../../images/layout/subnav-title.jpg) repeat-x;
		color: #32458a;
		font-size: 1.4em;
		padding: 20px 25px 0 25px;
		position: relative;
		z-index: 1;
		border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		-ms-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		-o-border-radius: 5px 5px 0 0;
	}

ul.subnav {
	float: left;
	width: 960px;
	background: url(../../images/layout/subnav-bg.png) repeat-x;
	padding: 45px 0 0 0;
	margin: -30px 0 0 0;
	position: relative;
	z-index: 0;
	display: inline;
}

	ul.subnav li {
		display: inline;
		list-style: none;
		float: left;
		margin: 0 18px 18px 0;
	}
		  
		ul.subnav li a {
			float: left;
			color: #5f5f5f;
			text-decoration: none;
			line-height: 1em;
			font-size: 1.2em;
			text-align: center;
			background: #efefef;
			width: 175px;
			padding: 132px 0 10px 0;
			border: solid 1px #efefef;
		}

		ul.subnav li a:hover {
			opacity: 0.7;
		}

	ul.subnav li.rotary-machines-li,
	ul.subnav li.cold-pressure-washers-li, 
	ul.subnav li.washroom-services-li {
		margin-right: 0;
	}

	ul.subnav li.carpet-cleaning-machines-li a {
		background: url(../../images/layout/carpet-cleaning-machines-a.jpg) no-repeat #efefef;
	}

	ul.subnav li.steam-cleaners-li a {
		background: url(../../images/layout/steam-cleaners-a.jpg) no-repeat #efefef;
	}

	ul.subnav li.floor-scrubbers-dryers-li a {
		background: url(../../images/layout/floor-scrubbers-dryers-a.jpg) no-repeat #efefef;
	}

	ul.subnav li.rotary-machines-li a {
		background: url(../../images/layout/rotary-machines-a.jpg) no-repeat #efefef;
	}	

	ul.subnav li.used-cleaning-machines-li a {
		background: url(../../images/layout/used-cleaning-machines-a.jpg) no-repeat #efefef;
	}

	ul.subnav li.vacuum-cleaners-li a {
		background: url(../../images/layout/vacuum-cleaners-a.jpg) no-repeat #efefef;
	}	

	ul.subnav li.hot-pressure-washers-li a {
		background: url(../../images/layout/hot-pressure-washers-a.jpg) no-repeat #efefef;
	}

	ul.subnav li.cold-pressure-washers-li a {
		background: url(../../images/layout/cold-pressure-washers-a.jpg) no-repeat #efefef;
	}			

	ul.subnav li.office-cleaning-li a {
		background: url(../../images/layout/office-cleaning-a.jpg) no-repeat #efefef;
	}	

	ul.subnav li.daily-cleans-li a {
		background: url(../../images/layout/daily-cleans-a.jpg) no-repeat #efefef;
	}	

	ul.subnav li.school-cleaning-li a {
		background: url(../../images/layout/school-cleaning-a.jpg) no-repeat #efefef;
	}	

	ul.subnav li.floor-cleaning-li a {
		background: url(../../images/layout/floor-cleaning-a.jpg) no-repeat #efefef;
	}	

	ul.subnav li.washroom-services-li a {
		background: url(../../images/layout/washroom-services-a.jpg) no-repeat #efefef;
	}	

/* Runner Styles
--------------------------------------------------------------- */

.runner {
	float: left;
	width: 958px;
	height: 230px;
	border: solid 1px #e3e3e3;
	position: relative;
	margin: 0;
}

	#index .runner {
		height: 482px;
		background: url(../../images/imgmain/index-backup.jpg) no-repeat;
	}

		#index .runner .text-container {
			top: 128px;
		}	

	.runner .text-container {
		width: 420px;
		position: absolute;
		top: 30px;
		left: 40px;
		z-index: 20;
	}

		.runner .text-container p.title {
			font-size: 3.6em;
			color: #f5f5f5;
			padding: 0 0 0 20px;
			border-left: 8px solid #F3F3F3;
		}

		.carpet-and-upholstery-cleaning .runner .text-container p.title {
			font-size: 3.2em;
		}

			.runner .text-container p.title span {
				color: #f5f5f5;
				display: block;
				padding: 5px 0 0 0;
			}

			.runner .text-container p.description {
				font-size: 1.2em;
				color: #5F5F5F;
				background: #F3F3F3;
				padding: 6px 15px;
				line-height: 1.4em;
				margin: 8px 0 0 0;
				width: 375px;
			}

			.runner .text-container a.btn-runner {
				font-size: 1.4em;
				color: #fff;
				padding: 15px 25px;
				text-decoration: none;
				background: url(../../images/layout/btn-green.jpg) repeat-x #7fb42c;
				float: left;
				clear: both;
				margin: 20px 0;
				display: inline;
			}	

			.runner .text-container a.btn-runner:hover {
				opacity: 0.8;
			}

	.imgmain {
		float: right;
	}






/* Runner CTA Styles
--------------------------------------------------------------- */

.runner-ctas {
	width: 250px;
	height: 100%;
	float: right;
}

	.runner-ctas .cta-buy-online {
		display: block;
		width: 249px;
		height: 271px;
		background: url(../../images/layout/cta-buy-online.png) no-repeat;
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 1;
	}

		.runner-ctas .cta-buy-online p.title {
			position: absolute;
			top: 39px;
			left: 27px;
			font-size: 3.2em;
			color: #5f5f5f;
		}

		.runner-ctas .cta-buy-online .btn-yellow {
			position: absolute;
			top: 95px;
			left: 27px;
		}	

	.runner-ctas .cta-online-quote {
		display: block;
		width: 249px;
		height: 251px;
		background: url(../../images/layout/cta-online-quote.jpg) no-repeat;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 0;
	}	

		.runner-ctas .cta-online-quote p {
			position: absolute;
			top: 145px;
			left: 27px;
			font-size: 1.8em;
			color: #919191;
		}

		.runner-ctas .cta-online-quote a {
			position: absolute;
			top: 180px;
			left: 27px;
		}

/* Product Details Styles
--------------------------------------------------------------- */

.product-details {
	border-right: #e3e3e3 solid 1px;
	border-bottom: #e3e3e3 solid 1px;
	border-left: #e3e3e3 solid 1px;
	background: #fafafa;
	overflow: auto;
	margin: 0 auto;
	width: 958px;
}

	.product-details p.title {
		font-size: 1.2em;
		color: #32458a;	
		line-height: 1.4em;
		margin: 0 0 10px 0;	
	}

		.product-details p.title span {
			display: block;	
			font-size: 1.2em;
		}

	.product-details a.link {
		font-size: 1.6em;
		color: #FFF;	
		background: url(../../images/layout/btn-enquire-bg.jpg) repeat-x #20316f;
		padding: 14px 0 10px 0;
		width: 425px;
		text-align: center;
		text-decoration: none;
		float: left;
	}

		.product-details a.link span {
			color: #ffcf18;
		}


		.product-details a.link:hover {
			opacity: 0.9;
		}		
			
	.product-details img.product-left {
		float: left;
	}

	.product-details .product-right {
		float: right;
		width: 438px;
		padding: 20px;
	}

	.product-details .product-right ul {
		margin: 0 0 15px 0;
	}		

			.product-details .product-right ul li {
				list-style: none;
				padding: 8px 0 8px 30px;
				color: #656565;
				font-weight: bold;
				font-style: italic;
				font-size: 1.2em;
				background: url(../../images/layout/tick-grey.jpg) no-repeat left center;
			}	

/* Buttton Styles
--------------------------------------------------------------- */	

.container .btn-yellow {
	color: #7b2e00;
	font-size: 1.5em;
	text-decoration: none;
	text-align: center;
	width: 195px;
	padding: 11px 0 9px 0;
	background: url(../../images/layout/btn-yellow.jpg) repeat-x #ffba15;
}

.container .btn-blue {
	color: #fff;
	font-size: 1.5em;
	text-decoration: none;
	text-align: center;
	width: 195px;
	padding: 11px 0 9px 0;
	background: url(../../images/layout/btn-blue.jpg) repeat-x #344686;
}

a.btn-yellow:hover, 
a.btn-blue:hover {
	opacity: 0.8;
}

/* Main Styles
--------------------------------------------------------------- */

.main, #main {
	float: left;
	width: 430px;
	padding: 15px 0;
	font-size: 1.1em;
	line-height: 1.6em;
}

	 #news #main {
	 	width: 680px;
	 }

	#contact .main,
	#job-application .main,
	#other .main,
	#case-studies .main,
	#cleaning-jobs .main {
		width: 100%;
	}

	.main p, #main p {
		margin: 10px 0px 10px 0px;
		color: #898989;				
	}
	
	.main ul, #main ul {
		margin: 10px 0;
	}
	
		.main ul li, #main ul li {
			padding: 4px 0 4px 25px;
			list-style: none;
			background: url(../../images/misc/tick.png) left 6px no-repeat;
		}

	.main-col {
		float: left;
		width: 50%;
	}

	.main p.open-paragraph {
		color: #32458a !important;
		font-size: 1.1em;
		border-bottom: 1px #e4e4e4 solid;
		padding: 0 0 15px 0;
		margin: 0 0 15px 0 !important;
	}

img.gallery-image:hover {
	opacity: 0.8;
}


/* Case Study Styles
--------------------------------------------------------------- */

.case-study {
	padding: 17px;
	clear: left;
	float: left;
}

.case-study:nth-child(odd) {
	background: #F4F4F4;
}	

.case-study img {
	float: left;
	margin: 2px 17px 5px 0;
	border: 1px #e4e4e4 solid;
	padding: 3px;
}	


/* Cleaning Jobs Styles
--------------------------------------------------------------- */

#main .cleaning-job {
	padding: 20px 30px;
	clear: left;
	float: left;
	width: 900px;
	margin: 15px 0;
	border: 5px solid #F3F3F3;
}

	#main .half {
		width: 430px;
		float: left;
		padding: 0 20px 0 0;
	}

	#main .cleaning-job p.title {
		font-size: 2em;
		color: #32458A;
	}

	#main .cleaning-job p.description {
		font-size: 1.4em;
		color: #32458A;
		padding: 10px 0 5px 0;
	}	

	#main .cleaning-job a.btn-blue {
		margin: 20px 0;
		display: block;
	}

/* Sidebar Styles
--------------------------------------------------------------- */
		
.sidebar {
	float: right;
	width: 530px;
	padding: 15px 0 20px 0;
}

	.sidebar .reviewscouk_headercontainer {
		float: right;
	}

	.sidebar p.cta-home-commercial-cleaning {
		font-size: 1.8em;
		width: 420px;
		height: 71px;
		float: right;
		margin: 0 0 20px 0;
		display: inline;
		color: #a8a8a8;
		padding: 215px 0 0 50px;
		background: url(../../images/layout/cta-home-commercial-cleaning2.jpg) no-repeat;
	}

		.sidebar p.cta-home-commercial-cleaning span {
			display: block;
			font-size: 1.2em;
			color: #616162;
			margin: 5px 0 0 0;
		}

	.sidebar img.cta-lowest-price,
	.sidebar img.cta-stains,
	.sidebar img.cta-bics {
		float: right;
		margin: 0 10px 20px 0;
		display: inline;
	}

	.sidebar img.cta-coshh,
	.sidebar img.cta-unhappy {
		float: right;
		margin: 0 0 20px 0;
		display: inline;
	}	

	.sidebar p.cta-free-visits,
	.sidebar p.cta-carpet,
	.sidebar p.cta-largest {
		float: right;
		width: 230px;
		height: 244px;
		margin: 0 0 20px 0;
		display: inline;
		font-size: 2.1em;
		color: #ffcc16;
		position: relative;
	}

		.sidebar p.cta-free-visits span,
		.sidebar p.cta-carpet span,
		.sidebar p.cta-largest span {
			position: absolute;
			top: 195px;
			left: 32px;
		}

		.sidebar p.cta-free-visits {
			background: url(../../images/layout/cta-free-visits.jpg) no-repeat;
		}		

		.sidebar p.cta-carpet {
			background: url(../../images/layout/cta-carpet.jpg) no-repeat;
		}		

		.sidebar p.cta-largest {
			background: url(../../images/layout/cta-largest.jpg) no-repeat;
		}

	.sidebar a.cta-case-studies {
		float: right;
		width: 470px;
		height: 244px;
		font-size: 1.8em;
		color: #fff;
		position: relative;
		margin: 0 0 20px 0;
		display: inline;
		background: url(../../images/layout/cta-case-studies.jpg) no-repeat;
		text-decoration: none;
		line-height: 1.2em;
	}

		.sidebar a.cta-case-studies span {
			position: absolute;
			top: 90px;
			right: 45px;
			width: 165px;
			text-align: center;
		}

		.sidebar a.cta-case-studies:hover {
			opacity: 0.9;
		}

/* Callback Form Styles
--------------------------------------------------------------- */

.callback-form {
	float: left;
	width: 960px;
	height: 52px;
	background: url(../../images/layout/btn-blue.jpg) repeat-x #344686;
	margin: 20px 0;
	display: inline;
	position: relative;
}

	.callback-form .callbackForm {
		position: absolute;
		right: 25px;
		top: 12px;
	}

	.callback-form p.title {
		float: left;
		padding: 20px 0 0 20px;
		color: #fff;
		font-size: 1.2em;
	}

	.callback-form fieldset {
		display: inline;
		padding: 0 0 0 15px;
		color: #fff;
	}

		.callback-form input,
		.callback-form select {
			padding: 4px;
		}

		.callback-form label {
			display: inline;
			padding: 0 5px 0 0;
		}			

	.callback-form .botBuster {
		display: none;
	}

	.callback-form .submit  {
		border: none;
		display: inline;
		background: #F5CC18;
		color: #344782;
		padding: 7px 12px;
	}

	.callback-form .submit:hover  {
		cursor: pointer;
		background: #dfaa0c;
	}	

/* Logos Styles
--------------------------------------------------------------- */

img.logos {
	padding: 15px 0;
	display: block;
	clear: both;
}

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

.outer-footer {
	float: left;
	width: 100%;
}

	.footer {
		clear: both;
		width: 918px;
		color: #898989;
		margin: 0px auto;
		padding: 15px 20px;
		font-size: 1.2em;
		border: #e3e3e3 solid 1px;
	}

	.footer .reviews {
		margin: 20px 0;
		float: left;
		padding: 20px;
		border: solid 1px #dfdfdf;
		background: #fff;
	}

		.footer .reviews img {
			display: block;
			margin: 0 0 10px 0;
		}

		.footer .reviews span.name {
			display: block;
			margin: 0 0 5px 0;
		}

	.footer p.title {
		color: #314489;
		padding: 3px 0;
		font-size: 1.4em;
	}
		
	.footer ul li {
		list-style: none;
	}
	
	.footer a {
		white-space: nowrap;
		color: #0066CC;
		text-decoration: none;
	}
		
		.footer a:hover {
			color: #000;
			text-decoration: underline;
		}

	.outer-footer img.card-logos {
		padding: 15px 0;
		text-align: center;
		display: block;
		margin: 0 auto;
	}

/* Footer Column Styles
--------------------------------------------------------------- */

.footer .col {
	float: left;
	width: 225px;
}

	.footer p {
		line-height: 1.75em;
	}
	
	.footer .col ul {
		float: left;
	}
	
		.footer .col ul li {
			display: block;
			padding: 5px 0;
		}
	
		.footer .col ul li.index-li,
		.footer .col ul li.contact-li {
			display: none;
		}
		
		
/* Footer Bottom Styles
--------------------------------------------------------------- */	

	.footer .footer-bottom {
		clear: both;
		width: 940px;
		float: left;
		margin: 10px 0 0 0;
		text-align: center;
	}

/* Float Styles
--------------------------------------------------------------- */

.left, .img-left, .alignleft {
	float: left;
}

	.img-left, .alignleft {
		margin: 10px 20px 20px 0;
	}

.right, .img-right, .alignright {
	float: right;
} 

	.img-right , .alignright{
		margin: 10px 0 20px 20px;
	}
	
	
/* Schema Fixes
--------------------------------------------------------------- */	

.inline {
	display: inline;
}

	
/* Generic Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}

/* Quick Contact Form Styles
--------------------------------------------------------------- */

#quickcontact-form {
	font-size: 1.2em !important;
	padding: 30px;
}

#quickcontact-form h2 {
	font-size: 1.6em !important;
	margin: 0 0 20px 0;
}

/* Callback Form Styles
--------------------------------------------------------------- */

.callback-form {
}

	.callback-form .botBuster {
		display: none;
	}
	
	#results ul li {
		list-style: none;
		float: left;
		margin:0px;
		padding: 5px 0px 5px 25px;
		clear: both;
		background: url(../../images/misc/form-error.png) center left no-repeat;
	}

/* Contact Table Styles
--------------------------------------------------------------- */
div.form {
	float: right;
	width: 415px;
	padding: 0px 0px 10px 0px;
}
	
	.contactForm fieldset,
	.callbackForm fieldset {
		border: none;
		clear: both;
	}
	
/* -- Contact Form Left */
	
	.contactForm .contactFormLeft {
		width: 415px;
		float: left;
	}
	
	/* -- Contact Details */
	
		.contactForm fieldset.contactDetails label {
			width: 180px;
			float: left;
			padding: 5px 0px 5px 0px;
			display: block;
			color: #333;
		}
		
		.contactForm fieldset.contactDetails input,
		.contactForm fieldset.contactDetails select {
			width: 180px;
			padding: 7px 5px;
			background: #EFF1F0;
			border: 1px solid #ddd;
			border-top: 1px solid #ccc;
			float: left;
			border-radius: 2px;
		}

		.contactForm fieldset.contactDetails input:focus,
		.contactForm textarea:focus {
			border: 1px solid #0F76C3;
		}
		
		.contactForm fieldset .interestedInLeft input:focus,
		.contactForm fieldset .interestedInRight input:focus {
			outline: dotted 1px #333;
		}
		
		.contactForm fieldset.contactDetails .contactDetailsLeft,
		.contactForm fieldset.contactDetails .contactDetailsRight {
			width: 190px;
			float: left;
			padding: 0px 13px 0px 0px;
		}
		
	/* -- Interested In */
	
	.contactForm p.whatareyoulookingfor {
		font-size: 1.1em;
		color: #0F76C3;
		padding: 15px 0px 0px 0px;
		margin: 0px;
	}
	
	.contactForm .interestedInLeft,
	.contactForm .interestedInRight {
		width: 200px;
		float: left;
		padding: 0px;
	}
	
		.contactForm .interestedInLeft label,
		.contactForm .interestedInRight label {
			padding: 5px 0px;
			display: block;
			width: 190px;
		}
		
		.contactForm .interestedInLeft span {
			display: block;
			padding: 0px 0px 0px 16px;
		}
		
	/* -- Enquiry */
	
	.contactForm .contactFormRight {
		float: left;
	}
	
		.contactForm label.enquiry {
			padding: 15px 0px 5px 0px;
			display: block;
		}
		
		.contactForm textarea {
			padding: 10px;
			width: 375px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1em;
			background: #EFF1F0;
			border: 1px solid #ddd;
			border-radius: 3px;
		}
		
		.contactForm .submit {
			display: block;
			margin-top: 10px;
			padding: 5px 0px;
			clear: both;
			width: 100px;
			float: left;
			cursor: pointer;
		}

.form #results {
	font-size:1.0em;
	color: #7F2D0F;
	font-weight: bold;
	float:left;
	padding:0px;
	margin:0px;
}

	.contact .form #results ul {
		float:left;
		padding:0px;
		margin:10px;
		}

	.contact .form #results ul li {
		list-style: none;
		margin:0px;
		background:red;
		padding: 8px 0px 8px 25px;
		background: url(../../images/misc/form-error.png) center left no-repeat!important;
	}

/* ------ Search Box Styling */

#tfheader{
}

#tfnewsearch{
	float:right;
	padding: 40px 0 0 0;
}

.tftextinput{
	margin: 0;
	padding: 10px 15px;
	background: #efefef;
	font-size: 1em;
	border: none;
	width: 160px;
	border-radius: 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-ms-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-o-border-radius: 5px 0 0 5px;
}

.tfbutton {
	margin: 0;
	padding: 9px 18px;
	font-size:14px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	border: none;
	background: url(../../images/layout/search.jpg) no-repeat center center #c0c0c0; 
}

.tfbutton:hover {
	text-decoration: none;
	opacity: 0.8;
}

/* Fixes submit button height problem in Firefox */

.tfbutton::-moz-focus-inner {
  border: 0;
}
	
/* -------------- Hide Bot Buster */

div.form fieldset.botBuster,
div.callbackform .callbackBotBuster {
	display: none;
}

/* -------------- jQuery Validation */
 .formError { z-index: 990; }
    .formError .formErrorContent { z-index: 991; }
    .formError .formErrorArrow { z-index: 996; }
    
    .formErrorInsideDialog.formError { z-index: 5000; }
    .formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
    .formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }




.inputContainer {
	position: relative;
	float: left;
}

.formError {
	position: absolute;
	top: 300px;
	left: 300px;
	display: block;
	cursor: pointer;
}

.ajaxSubmit {
	padding: 20px;
	background: #55ea55;
	border: 1px solid #999;
	display: none
}

.formError .formErrorContent {
	width: 100%;
	background: #ee0101;
	position:relative;
	color: #fff;
	width: 150px;
	font-size: 11px;
	border: 2px solid #ddd;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.greenPopup .formErrorContent {
	background: #33be40;
}

.blackPopup .formErrorContent {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow {
	width: 15px;
	margin: -2px 0 0 13px;
	position:relative;
}
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
	margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0px 0 0 12px;
	top:2px;
}

.formError .formErrorArrow div {
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	font-size: 0px;
	height: 1px;
	background: #ee0101;
	margin: 0 auto;
	line-height: 0;
	font-size: 0;
	display: block;
}

.formError .formErrorArrowBottom div {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.greenPopup .formErrorArrow div {
	background: #33be40;
}

.blackPopup .formErrorArrow div {
	background: #393939;
	color: #FFF;
}

.formError .formErrorArrow .line10 {
	width: 15px;
	border: none;
}

.formError .formErrorArrow .line9 {
	width: 13px;
	border: none;
}

.formError .formErrorArrow .line8 {
	width: 11px;
}

.formError .formErrorArrow .line7 {
	width: 9px;
}

.formError .formErrorArrow .line6 {
	width: 7px;
}

.formError .formErrorArrow .line5 {
	width: 5px;
}

.formError .formErrorArrow .line4 {
	width: 3px;
}

.formError .formErrorArrow .line3 {
	width: 1px;
	border-left: 2px solid #ddd;
	border-right: 2px solid #ddd;
	border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
	width: 3px;
	border: none;
	background: #ddd;
}

.formError .formErrorArrow .line1 {
	width: 1px;
	border: none;
	background: #ddd;
}


/* Cookie Pop
--------------------------------------------------------------- */	

.cc-cookies { 
	position:fixed; 
	width: 90%; 
	left: 0; 
	top: 0; 
	padding: 0.75em 5%;
	background: #fff; 
	background: rgba(242,242,242,0.95); 
	color: #333; 
	font-size: 11px;
	line-height: 18px; 
	text-shadow: 0 1px 0 #eee;
	z-index: 99999; 
	text-align: center; 
	border-top: 1px solid #ddd; 

}
.cc-cookies a, .cc-cookies a:hover {
	color: #E4121B;
	text-decoration: underline;

}
.cc-cookies a:hover {
	text-decoration: none;
}

.cc-overlay {
	height: 100%;
	padding-top: 25%; 
}

.cc-cookies-error { 
	float: left;
	width: 90%; 
	text-align: center; 
	margin: 1em 0 2em 0; 
	background: #fff;
	padding: 2em 5%; 
	border: 1px solid #ccc; 
	font-size: 18px; color: #333;
}

.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
	display: inline-block; 
	color: #fff; 
	text-decoration: none; 
	background: #7DAF3B; 
	padding: 0.5em 0.75em;
	margin: 0 10px;
	border-radius: 3px; 
	box-shadow: 0 0 2px rgba(0,0,0,0.25); 
	text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
	transition: background 0.5s ease-in;
	-o-transition: background 0.5s ease-in; 
	-webkit-transition: background 0.25s ease-in; 
	-moz-transition: background 0.25s ease-in; 
	font-size: 0.9em;
}

.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline {
	background: #af3b3b;
	margin-left: 0.5em;
}

.cc-cookies a.cc-cookie-reset {
	background: #f15b00;
}

.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  {
	background: #000;
	-o-transition: background 0.5s ease-in;
	-webkit-transition: background 0.25s ease-in;
	-moz-transition: background 0.25s ease-in;
	transition: background 0.25s ease-in;
}

.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline {
	display: block;
	margin-top: 1em;
}

.cc-cookies.cc-discreet {
	width: auto;
	padding: 0.5em 1em;
	left: auto;
	top: auto;
}

@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}

@media screen and (max-width: 480px) {
.cc-cookies { position: relative;  }
}