/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
}

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

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

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

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

a img {
	border: none;
}

.nolinkstyle {
	text-decoration:none !important;
	color:#000 !important;
}

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

h1 {
	font-size: 2.3em;
	color: #0B638B;
}

h2 {
	font-size: 1.6em;
	font-weight: normal;
	color: #333;
	padding: 15px 0px 5px;
}

h3 {
	font-size: 1.3em;
	font-weight: normal;
	color: #666;
}

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

#outerContainer {
	width: 100%;
	float: left;
}

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	font-size: 1.2em;
}

	#contentContainer {
		width: 960px;
		padding-top: 420px ;
	}
	.admin #contentContainer {
		padding-top: 220px ;
	}
/* Main Styles
--------------------------------------------------------------- */

		#main {
			float: right;
			width: 710px;
			padding: 50px 10px 10px 10px;
		}
			#index #main {
				padding-top:200px;
			}
			#main p {
				margin: 10px 0px 10px 0px;
				font-size: 1.2em;
				line-height: 20px;
			}
			
			#main ul {
				font-size: 1.2em;
				padding: 3px 0px 3px 25px;
				
			}
			
				#main ul li {
					padding: 4px 0px;
				}
				
		#googleMap {
			width: 640px;
			height: 300px;
		}
	a#special-offer {
             width:300px;
            text-decoration:none;
            display:block;
        }
        #special-offer strong{
            display:block;
            width:230px;
            font-size:1.4em;
            text-align:center;
            float:right;
        }
        #sticker{
		position:relative;
		left:60px;
	}
	
	.item-divider {
		padding: 15px 0px 25px;
		border-top: solid 1px #BBB;
	}
	
	.grey-box {
		padding: 10px 10px;
		border: solid 1px #BBB;
		background-color:#EFEFEF;
		display:inline-block;
	}
	
	
	.price{
		background:#0B638B;
		color:#fff;
		padding:10px 5px;
		font-weight:bold;
		width:135px;
		text-align:center;
	}
	
	a.ctaScrubberDryerHire {
		float: left;
		width: 494px;
		height: 35px;
		background: url(../../images/imgcontent/cta-scrubber-dryer-hire.jpg) top left no-repeat;
		text-align: right;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
		padding: 75px 15px 0px 0px;
	}
	
		a.ctaScrubberDryerHire span {
			color: #e9d934;
		}
		
		a.ctaScrubberDryerHire:hover {
			color: #e9d934;
		}
		
			a.ctaScrubberDryerHire:hover span {
				color: #fff;
			}
	
		
	
/* Product Styling
--------------------------------------------------------------- */
.product{
	padding:15px 15px 15px 0px;
	float:left;
}
	.product h3 a{
		color:#000;
		font-size:1.2em;
		width:220px;
		display:block;
		text-decoration:none;
	}
	.product img, a.lightbox {
		width:150px;
	}
	
	.product a.moreinfo{
		background:url(../../images/layout/moreinfo-bg.jpg) no-repeat;
		width:175px;
		display:block;
		height:25px;
		color:#000;
		font-size:1.4em;
		text-decoration:none;
		padding:5px 0px 0px 10px;
		font-weight:bold;
	}	
	.product p.number{
		background:url(../../images/layout/number-bg.jpg) no-repeat;
		width:175px;
		height:25px;
		font-size:1.5em !important;
		padding:5px 0px 0px 33px;
	}
/* Sidebar/CTA Styles
--------------------------------------------------------------- */
		
		#sidebar {
			float: left;
			width: 170px;
			padding:0px 0px 0px 10px;
		}

			
			a#cta1, a#cta2{
				position:relative;
				color:#1e7a9e;
				margin:10px 0px;
				display:block;
				text-decoration:none;
			}
				#cta1 span , #cta2 span {
					position:absolute;
					top:85px;
					font-size:2.0em;
					color:#1e7a9e;
					left:10px;
				}

			
		.admin #sidebar{
			padding-top:200px;
		}

#callbackform-arrow{
	position:absolute;
	top:340px;
	left:65px;
	z-index:100;
}

#callbackform{
	background: #232323;
	border-radius:10px;
	-moz-border-radius:10px;
	height:200px;
	width:180px;
	text-align:center;
	padding:25px 0px 15px 0px;
	color:#fff;
}
#callbackform table{
	width:180px;
}
#sidebar #callbackform{

}
 #callbackform .submit{
	background:#409eb7;
	color:#fff;
	border:none;
	border-radius:10px;
	-moz-border-radius:10px;
	padding:5px 10px;
	font-weight:bold;
	cursor:pointer;
}
	#sidebar #callbackform h2{
		padding:10px 0px;
	}
		#sidebar #callbackform .text-input{
			border:1px solid #000;
			height:20px;
			padding:5px 0px 5px 10px;
		}
	#sidebar #callbackform #time{
		padding:10px 0px 0px 0px;
	}
	#sidebar #callbackform #timeSelect{
		padding:0px 0px 10px 0px;
	}	
	
	#sidebar #errors{
		color:red;
		margin-left:20px;
		font-weight:bold;
	}
		#sidebar #errors li{
			margin:5px 0px;
		}
		#slidingAreas{
			float:left;
			display:block;
		}
		#slidingAreas h2{
			margin-bottom:5px;
			font-size:1.7em;
		}
		#slidingAreas ul li {
			text-align:left;
			list-style:none;
		}
		#slidingAreas p{
			text-decoration:none;
			margin:10px 0px;
			cursor:pointer;
			font-size:1.2em;
		}
		.sidebar-slider-bkgrnd {
			background:url(../../images/layout/callbackform-bg.gif) no-repeat;
			width:150px;
			min-height: 100px;
			padding: 0px 15px 7px;
			text-align:center;
		}
		#slidingAreas .triggerOn, #slidingAreas .triggerOff {
			color:#000;
			font-weight:bold;
		}

		#slidingAreas .slidedown {
			border-top:dotted 1px #000;
			margin: 8px 0 0 0px;
			padding:8px 0 0 0px;
		}		
		
/* Header Styles
--------------------------------------------------------------- */

#header {
	width: 960px;
	height: 130px;
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
}

	#logo {
		float: left;
	}
	
	#cta-top-right {
		width: 345px;
		position:absolute;
		top:10px;
		right:0px;
		z-index:10;
		padding: 5px 0px 0px 0px;
		text-align: right;
		height: 125px;
		font-size: 1.4em;
		color:#01486b;
	}
	
		#cta-top-right .phone {
			font-size: 2.5em;
			display:block;
			clear:left;
			margin-top:-5px;
		}

	#headerContent{
		position:absolute;
		top:130px;
		left:250px;
		text-transform:uppercase;
		width:420px;
	}	
		#headerContent .small{
			color:#01486b;
			font-size:1.85em;
		}
		#headerContent .large{
			color:#fff;
			font-size:7.0em;
			font-weight:bold;
			font-style:inherit;
			line-height:0.8em;
		}
			#products #headerContent .large{
				font-size:5.0em;
			}
	#logos{
		position:absolute;
		top:420px;
		left:250px;
	}
	#searchbox{
		background:url(../../images/layout/searchbox-bg.gif);
		height:126px;
		width:720px;
		position:absolute;
		top:470px;
		left:240px;
		display:none;
	}
		#index #searchbox{display:block;}
		#searchbox .large{
			font-size:4.0em;
			text-transform:uppercase;
			position:absolute;
			top:5px;
			left:10px;
		}
		#searchbox .small{
			font-size:1.2em;
			text-transform:uppercase;
			position:absolute;
			top:55px;
			left:10px;	
		}
		#searchbox .search{
			background:url(../../images/layout/searchbox.gif) no-repeat;
			border:none;
			width:470px;
			height:20px;
			padding:10px;
		}
			#searchbox #searchform{
				position:absolute;
				top:80px;
				left:10px;
			}
			#searchbox .submit{
				background:url(../../images/layout/search-button.gif) no-repeat;
				border:none;
				height:40px;
				width:210px;
				cursor:pointer;
			}
			

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

#imgmain {
	z-index: 5;
	position: absolute;
	top: 99px;
	right:0px;
}

#slideshow {
	width: 940px;
	height: 220px;
	position: absolute;
}
	
	#slideshow img {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 8;
	}
	
	#slideshow img.active {
		z-index: 10;
	}
	
	#slideshow img.last-active {
		z-index: 9;
	}

/* Vertical Navigation Styles
--------------------------------------------------------------- */

#navigation {
	width: 200px;
	z-index: 15;
	position: absolute;
	left: 0px;
	top: 99px;
	height:300px;
	padding-top:10px;
	padding-left:10px;
	background:url(../../images/layout/navbg.jpg) no-repeat;
}

	#navigation ul {
		margin: 0px;
		padding: 0px;
	}
	
		#navigation ul li {
			display: inline;
			list-style: none;
		}
			  
			#navigation ul li a {
				float: left;
				width: 160px;
				color: #01486b;
				text-decoration: none;
				padding: 10px 10px 10px 20px;
				font-size: 1.1em;
			}
				#navigation ul li a.dropdown-arrow{
					background:url(../../images/layout/nav-arrow.gif) 155px no-repeat;
				}
				#navigation ul li a:hover {
					background: #000;
					color: #fff;
				}
.productpage #navigation ul li a.products-a{
	background:url(../../images/layout/navOn.jpg) repeat-y #cbeff8; 
	color:#01486b !important;
}

#navigation ul li a.spares-accessories-a,
#navigation ul li a.seasonal-promotions-a {display:none;}

#dropdown {
	width: 200px;
	z-index: 1005;
	position: absolute;
	left: 200px;
	top: 145px;
	display:none;
}

	#dropdown ul {
		margin: 0px;
		padding: 0px;
	}
	
		#dropdown ul li {
			display: inline;
			list-style: none;
		}
			  
			#dropdown ul li a {
				float: left;
				width: 160px;
				color: #fff;
				text-decoration: none;
				padding: 10px 10px 10px 20px;
				font-size: 1.1em;
				background:#0F0F0F;
				border: 1px solid #0F0F0F;
			}

				#dropdown ul li a:hover {
					background: #000;
					color: #FEE30B;
					border: 1px solid  #fff;
				}
				#dropdown ul li a.dropdown-arrow{
					background:url(../../images/layout/dropdown-arrow.gif) right no-repeat #0F0F0F;
				}


.sub-dropdown {
	width: 200px;
	z-index: 15;
	position: absolute;
	left: 392px;
	display:none;
}
#hot-pressure-washer-dropdown{
	top: 145px;
}
#cold-pressure-washer-dropdown{
	top: 183px;
}
#stationary-pressure-washer-dropdown{
	top: 223px;
}
#scrubber-driers-dropdown{
	top: 465px;
}
#sweeper-dropdown{
	top: 505px;
}
#vacuum-cleaners-dropdown{
	top: 273px;
}
#carpet-upholstery-dropdown{
	top: 363px;
}
#cleaning-agents-dropdown{
	top: 563px;
}
	.sub-dropdown ul {
		margin: 0px;
		padding: 0px;
	}
	
		.sub-dropdown ul li {
			display: inline;
			list-style: none;
		}
			  
			.sub-dropdown ul li a {
				float: left;
				width: 160px;
				color: #fff;
				text-decoration: none;
				padding: 5px 10px 5px 20px;
				font-size: 0.9em;
				background:#0F0F0F;
				border: 1px solid #0F0F0F;
			}

				.sub-dropdown ul li a:hover {
					background: #000;
					color: #FEE30B;
					border: 1px solid  #fff;
				}
				
				.sub-dropdown ul li span {
					display:block;
				}
/* Footer Styles
--------------------------------------------------------------- */

#outerFooter {
	float: left;
	width: 100%;
	background:  url(../../images/layout/footerbg.jpg);
	margin:20px 0px 0px;
}

#footer {
	clear: both;
	width: 960px;
	color: #333;
	margin: 0px auto;
	padding: 20px 0px 30px 0px;
	font-size: 1.2em;
}

	#footer .index-a,
	#footer .contact-a {
		display: none;
	}

	#footer h2 {
		font-weight: bold;
		margin: 0px;
		color: #111;
		padding: 3px 5px;
		font-size: 1.2em;
		font-style: italic;
		width: 250px;
	}
		
	#footer li {
		list-style: none;
	}
	
	#footer p, #footer ul {
		margin: 0px;
		padding: 0px;
	}

	#footer a {
		white-space: nowrap;
		color: #0066CC;
		text-decoration: none;
	}
		
		#footer a:hover {
			color: #000;
			text-decoration: underline;
		}

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

	#footer #footer-services {
		float: left;
		width: 270px;
		margin: 0px;
	}
	
		#footer #footer-services ul li {
			float: left;
		}
	
			#footer #footer-services ul li a {
				float: left;
				width: 250px;
				padding: 3px 5px;
				border-bottom: 1px dotted #777;
			}
		
/* Footer Areas Styles
--------------------------------------------------------------- */	

	#footer #footer-areas {
		float: left;
		width: 320px;
	}
	
		#footer #footer-areas h2 {
			width: 300px;
		}
	
		#footer #footer-areas ul {
			float: left;
			width: 300px;
		}
	
		#footer #footer-areas ul li {
			float: left;
			width: 260px;
			padding: 3px 5px;
		}
		
/* Footer Address Styles
--------------------------------------------------------------- */	

	#footer #footer-address {
		float: left;
		width: 190px;
	}
	
		#footer #footer-address h2 {
			width: 170px;
		}
		
		#footer #footer-address p {
			line-height: 20px;
			padding: 3px 5px;
		}
				
/* Footer Help & Advice
--------------------------------------------------------------- */	

	#footer #footer-help {
		float: left;
		width: 165px;
	}
	
		#footer #footer-help h2 {
			width: 155px;
		}
		
			#footer #footer-help ul li {
				float: left;
			}
					
			#footer #footer-help ul li a {
				float: left;
				width: 165px;
				padding: 3px 5px;
				border-bottom: 1px dotted #777;
			}
		
		#footer #footer-help p {
			line-height: 20px;
			padding: 3px 5px;
		}
		
		#footer #footer-help .bottomLink {
			margin-bottom: 5px;
		}
		
		
/* Footer Bottom Styles
--------------------------------------------------------------- */	

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

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

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

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

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

	.img-right {
		margin: 10px 0px 10px 10px;
	}

/* Zooming Slideshow Styles
--------------------------------------------------------------- */

#zooming-slideshow{
	width: 500px;
	height: 300px;
	background: #999999;
}

/* Easy Slider Styles
--------------------------------------------------------------- */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:696px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}
		
		#slider ul li.nodisplay {
			display:none;		
			}	
	
/* Generic Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}
	
.botBuster{display:none !important;}	
	
	
/* ADMIN SECTION
--------------------------------------------------------------- */

#loginForm{
	position:absolute;
	top:330px;
	left:250px;
}





/* Contact Page Styling
--------------------------------------------------------------- */

#contact #main{
	width:930px;
	background:#fff;
	border:1px solid #e5e5da;
	padding:20px;
}
#contact #car-logos{
	display:none;
}	



#contactFormRight, #contactForm-bottom		{
	background:#FAFAFA;
	border:1px solid #ccc;
	width:520px;
	float:left;
	margin:10px 0px 10px 20px;
	padding:10px;
}
	#contactFormRight #contact-details-left{
		float:left;
		width:220px;
		
	}
	#contactFormRight #contact-details-right{
		float:left;
		width:260px;
		border-left:1px solid #d4cbb4;
		padding-left:20px;
	}
		#contactFormRight #contact-details-left h2, #contactFormRight #contact-details-right h2, #contactForm-bottom h2{
			background:#eee;
			border:#ccc 1px solid ;
			padding:7px 10px;
			display:block;
			text-align:center;
			width:80%;
		}	
	#contactFormRight .address,#contactFormRight .phone,#contactFormRight .email,#contactFormRight .info{
		
		padding:5px 0px 5px 15px;
	}
		#contactFormRight .address{
			background: url(../../images/misc/form-address.gif) 0px 10px no-repeat;
		}	
		#contactFormRight .phone{
			background: url(../../images/misc/contact-phone.gif) no-repeat;
		}
		#contactFormRight .email{
			background: url(../../images/misc/contact-email.gif) no-repeat;
		}	
		#contactFormRight .info{
			background: url(../../images/misc/contact-info.gif) no-repeat;
		}	
				
		#contactForm-bottom h2{
			width:200px;
			font-size:2.0em;
		}
		#contactForm-bottom li{
			list-style:none;
			background: url(../../images/layout/tick.gif) left no-repeat;
			padding:10px 0px 10px 70px !important;
			display:block;
			float:left;
			width:380px;
		}