/********************************************
* CSS DOCUMENT - Servaclean Website
********************************************/	

	body {	
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 75%;
		color: #666666;
		background-color: #fff;
		background-image:  url(../images/bg.gif);
		background-position: left top;
		margin: 0;
		padding: 0;
	}
	
	a {	
		color: #666666;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	html { 
		height: 100%;
		margin-bottom: 20px;
	}

/********************************************
* LAYOUT
********************************************/

	div#wrap {
		margin: 0 auto;
		width: 757px;
	}
	
	#header {
		width: 757px;
		background-color: #cccccc;
		background-image: url(../images/header_bg.gif);
		background-position: left top;
		background-repeat: no-repeat;
		height: 74px;
		float: left;
	}
	
	#content {
		width: 727px;
		background-image: url(../images/content_bg.gif);
		background-position: left top;
		background-repeat: repeat-y;
		margin: 0;
		padding: 0 15px 5px 15px;
		float: left;
	}
	
	#footerhome {
		width: 727px;
		background-image: url(../images/footerhome_bg.gif);
		background-position: left top;
		background-repeat: no-repeat;
		font-size: 90%;
		padding: 15px 20px 10px 20px;
		clear: both;
	}
	
/********************************************
* DESIGN
********************************************/

	#header h1 a {
		font-size: 75%;
		width: 126px;
		height: 40px;
		margin: 16px 0 0 14px;
		background-image: url(../images/header_bg.gif);
		background-position: -14px -16px;
		background-repeat: no-repeat;
		display: block;
	}
	
	/* Fix for IE-win \*/
		* html #header h1 a {background-position: -14px -14px;}
	/* End Fix for IE-win */ 
	
	#header h2, #header h1 span {
		display: none;
	}
	
	#flash-mov {
	width: 640px;
	height: 400px;
	}
	
	#homeintro {
	width: 727px;
	height: 150px;
	font-size: 110%;
	color: #fff;
	background-color: #7ea1af;
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	}
	
	#homeintro p {
		width: 180px;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	#homeintro h3 {
		font-size: 300%;
		font-weight: normal;
		margin: 0;
		padding: 0;
	}
	
	#homeintro a {
		color: #28336a;
		font-weight: bold;
	}
	
	#contentbox {
		width: 727px;
		padding: 0;
		margin: 0;
		float: left;
		position: relative;
		clear: both;
	}
	
	#contentcontainer {
		width: 727px;
		background-image: url(../images/tagline.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		padding: 0;
		margin: 0;
		float: left;
	}
	
	#homecontentcontainer {
		width: 727px;
		padding: 0;
		margin: 10px 0 20px 0;
		float: left;
	}
	
	
	#homecontentcontainer a {
		color: #162263;
	}
	
	#homecontentcontainer p {
		margin: 0;
		padding: 0 0 5px 0;
	}
	
	#homecontentcontainer h3 {
		font-size: 160%;
		font-weight: normal;
		color: #FF0000;
		padding: 0;
		margin: 0 0 5px 0;
	}
	
	#homeleftcol {
		width: 158px;
		color: #162263;
		margin: 0 5px 0 0;
		padding: 0 10px 0 10px;
		float: left;
	}
	
	#homeleftcol ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#homeleftcol li {
		padding: 2px 0 2px 0;
		margin: 0;
	}
	
	#homemiddlecol {
		width: 250px;
		background-image: url(../images/dotline4.gif);
		background-position: left top;
		background-repeat: repeat-y;
		padding: 0 10px 0 10px;
		margin: 0 5px 0 0;
		float: left;
	}
	
	div.homeinnercolleft {
		width: 59px;
		padding: 0 0 2px 0;
		float: left;
	}
	
	div.homeinnercolright {
		width: 184px;
		padding: 0 0 2px 5px;
		float: left;
	}
	
	div.homeinnercolcontainer {
		width: 249px;
		float: left;
	}
	
	/* hide from ie5 mac \*/
	
	div.homeinnercolcontainer {
		position: relative;
		clear: both;
	}

	/* end hide */
	
	#homerightcol {
		width: 249px;
		background-image: url(../images/dotline4.gif);
		background-position: left top;
		background-repeat: repeat-y;
		padding: 0 10px 0 10px;
		float: left;
	}
	
	#homerightcol ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#homerightcol li {
		padding: 2px 0 2px 0;
		margin: 0;
	}
	
	#leftcol {
		width: 178px;
		margin: 0 5px 0 0;
		padding: 0;
		float: left;
	}
	
	#leftnavmain {
		width: 175px;
		margin: 18px 33px 10px 0;
		padding: 0 10px 0 0;
	}
	
	#leftnavmain ul {
		font-size: 110%;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#leftnavmain li {
		padding: 4px 0 3px 10px;
		margin: 0;
	}
	
	#leftnavmain li a {
		color: #162263;
	}
	
	#current {
		background-image: url(../images/dotline3on.gif);
		background-position: left top;
		background-repeat: no-repeat;
	}
	

	
	#off {
		background-image: url(../images/dotline3.gif);
		background-position: left top;
		background-repeat: no-repeat;
	}
	
	.indent1 {
		padding-left: 10px;
	}
	
	#leftnavmain ul ul {
		font-size: 90%;
		list-style: none;
		margin: 4px 0 0 0;
		padding: 0;
	}
	
	#leftnavmain li li {
		color: #8b91b1;
		padding: 1px 0 0 0;	
		margin: 0;

		
		background: url(../images/grey-line.gif) no-repeat 2px 8px ; 
	}
	
	#leftnavmain li li a {
		color: #8b91b1;
		display:block;	
		padding: 3px 14px 0px; 
	}
	
	#leftnavmain li li a#currentsub {
		color: #162263;
	}
	
	#leftnavsub {
		width: 125px;
		margin: 18px 33px 90px 0;
		padding: 0 10px 0 10px;
	}
	
	#leftnavsub ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#leftnavsub li {
		padding: 4px 0 3px 0;
		background-image: url(../images/dotline2.gif);
		background-position: left top;
		background-repeat: repeat-x;
		margin: 0;
	}
	
	#leftnavsub a {
		color: #999999;
	}
	
	#leftnavsub li a#currentsub {
		color: #666666;
		font-weight: bold;
	}
	
	#middlecol, #middlecol2 {
		width: 360px;
		padding: 0;
		margin: 18px 5px 0 0;
		float: left;
	}
	
	#middlecol3, #middlecol4 {
		width: 544px;
		padding: 0;
		margin: 18px 0 0 0;
		float: left;
	}
	
	#middlecol a {
		color: #000;
		text-decoration: underline;
	}
	
	#middlecol2 a {
		text-decoration: underline;
	}
	
	#middlecol3 a {
		text-decoration: underline;
	}
	
	#middlecol a:hover, #middlecol2 a:hover, #middlecol3 a:hover {
		color: #d20c0b;
		text-decoration: underline;
	}
	
	#middlecol h3, #middlecol2 h3, #middlecol3 h3, #middlecol4 h3, h1 {
		font-size: 24px;
		font-weight: normal;
		color: #999999;
		margin: 0 0 10px 0;
	}
	
	.featurehead2 {
		font-size: 200%;
		font-weight: normal;
		color: #999999;
		margin: 0 0 12px 0;
	}
	
	.featurehead3 {
		font-size: 140%;
		font-weight: normal;
		color: #999999;
		margin: 0 0 12px 0;
	}
	
	
	#middlecol ul, #middlecol2 ul, #middlecol3 ul {
		list-style: none;
		margin: 0 0 10px 0;
		padding: 0;
		background-image: url(../images/dotline1.gif);
		background-position: left top;
		background-repeat: repeat-x;
	}
	

	
	#middlecol li, #middlecol3 li {
		padding: 7px 0 7px 0;
		background-image: url(../images/dotline1.gif);
		background-position: left top;
		background-repeat: repeat-x;
		margin: 0;
	}
	
	#middlecol2 li {
		padding: 7px 0 7px 0;
		background-image: url(../images/dotline1.gif);
		background-position: left top;
		background-repeat: repeat-x;
		margin: 0;
	}
	
#sitemap ul { margin: 0 0 50px 0; background-image: none; }
#sitemap ul ul { margin: 0 0 8px 0; padding-left: 1.2em; background-image: none; }
#sitemap ul ul ul { margin: 0; padding-left: 1.2em;  background-image: none; }
#sitemap li { background-image:none; padding: 2px 0 2px 0; }
	
	.contentbullet1 {
		padding: 7px 0 7px 20px;
		background-image: url(../images/arrow2.gif);
		background-position: left center;
		background-repeat: no-repeat;
	}
	
	.contentbullet2 {
		padding: 7px 0 7px 20px;
		background-image: url(../images/arrow3.gif);
		background-position: 0px 5px;
		background-repeat: no-repeat;
	}
	
	#middlecol li a, #middlecol2 li a {
		color: #666666;
		text-decoration: none;
	}
	
	#middlecol hr, #middlecol2 hr {
		border: 0;
  		width: 100%;
		text-align: left;
		margin: 0 auto 14px 0;
		color: #cccccc;
		background-color: #cccccc;
		height: 1px;
	}
	
	#rightcol {
		width: 178px;
		padding: 0;
		margin: 18px 0 0 0;
		float: left;
	}
	
	#middlecol p, #middlecol2 p, #middlecol3 p, #rightcol p {
		margin: 0 0 15px 0;
		padding: 0;
		line-height: 1.5;
	}
	
	.featuretext1{
		font-size: 146%;
		font-weight: normal;
		color: #565c8f;
	}
	
	.featurehead1{
		font-size: 146%;
		font-weight: normal;
		color: #fff;
	}
	
	div.comment {
		padding: 0 0 20px 0;
	}
	
	div.barframeboxcontainer {
		width: 544px;
		background-color: #fff;
		margin: 0 0 5px 0;
		padding: 0;
		float: left;
	}
	
	div.barframeboxcontainer2 {
		width: 178px;
		background-color: #fff;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	div.barframeboxcontainer3 {
		width: 544px;
		background-color: #fff;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	/* hide from ie5 mac \*/
	
	div.barframeboxcontainer3 {
		position: relative;
		clear: both;
	}

	/* end hide */
	
	div.barframebox1 {
		width: 355px;
		min-height: 163px;
		font-size: 94%;
		color: #fff;
		background-color: #aac2cb;
		border-width: 1px;
		border-style: solid;
		border-color: #aac2cb;
		margin: 0 5px 0 0;
		padding: 4px 0 0 4px;
		float: left;
	}
	
	/* Fix for IE-win \*/
		* html div.barframebox1 {height: 163px;}
	/* End Fix for IE-win */
	
	div.barframebox1 a{
		color: #fff;
	}
	
	div.barframebox2 {
		width: 174px;
		min-height: 78px;
		font-size: 94%;
		color: #999999;
		background-color: #fff;
		border-width: 1px;
		border-style: solid;
		border-color: #aac2cb;
		margin: 0 5px 5px 0;
		padding: 2px 0 0 2px;
		float: left;
	}
	
	/* Fix for IE-win \*/
		* html div.barframebox2 {height: 78px;}
	/* End Fix for IE-win */
	
	div.barframebox3 {
		width: 174px;
		min-height: 78px;
		font-size: 94%;
		color: #999999;
		background-color: #fff;
		border-width: 1px;
		border-style: solid;
		border-color: #aac2cb;
		margin: 0 0 5px 0;
		padding: 2px 0 0 2px;
		float: left;
	}
	
	/* Fix for IE-win \*/
		* html div.barframebox3 {height: 78px;}
	/* End Fix for IE-win */
	
	div.barframebox1 img, div.barframebox2 img, div.barframebox3 img, div.barframebox4 img {
		float: right;
		margin: 0;
	}
	
	div.barframebox1 p, div.barframebox2 p, div.barframebox3 p, div.barframebox4 p {
		margin: 0;
		padding: 0 0 4px 0;
	}
	
	div.barframebox4 {
		width: 174px;
		min-height: 78px;
		font-size: 94%;
		color: #999999;
		background-color: #fff;
		border-width: 1px;
		border-style: solid;
		border-color: #aac2cb;
		margin: 0;
		padding: 2px 0 0 2px;
		float: left;
		position: relative;
		clear: both;
	}
	
	/* Fix for IE-win \*/
		* html div.barframebox4 {height: 78px;}
	/* End Fix for IE-win */
	
	div.container1 {
		margin: 0;
		padding: 16px 0 0 0;
		background-image: url(../images/dotline1.gif);
		background-position: left top;
		background-repeat: repeat-x;
	}
	
	div.viewscontainer {
		width: 544px;
		background-color: #fff;
		margin: 0;
		padding: 11px 0 10px 0;
		background-image: url(../images/dotline1.gif);
		background-position: left top;
		background-repeat: repeat-x;
		float: left;
	}
	
	/* hide from ie5 mac \*/
	
	div.viewscontainer {
		position: relative;
		clear: both;
	}

	/* end hide */
	
	div.viewstext {
		width: 354px;
		color: #162263;
		background-color: #fff;
		float: left;
	}
	
	div.viewsimage {
		width: 178px;
		background-color: #fff;
		padding-left: 12px;
		float: left;
	}
	
	div.featurebox {
		width: 164px;
		padding: 5px 0 2px 0;
		margin: 0;
	}
	
	.featureimage {
		border-top-width: 5px;
		border-top-style: solid;
		border-top-color: #fff;
		border-bottom-width: 5px;
		border-bottom-style: solid;
		border-bottom-color: #fff;
	}
	
	div.colourway1 {
		color: #fff;
		background-color: #162263;
	}
	
	div.colourway2 {
		color: #fff;
		background-color: #d20c0b;
	}
	
	#featurecontent {
		margin: 4px 5px 0 5px;
		padding: 0;
	}
	
	#featurecontent p {
		margin: 0 0 1px 0;
		padding: 0;
	}
	
	#featurecontent a {
		color: #fff;
	}
	
/********************************************
* MAIN NAV
********************************************/
	
	#navbutts {
		width: 727px;
		float: left;
	}
	
	#navbutts ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#navbutts li {
		width: 178px;
		height: 32px;
		padding: 0;
		margin: 0;
		float: left;
	}
	
	#navbutt1, #navbutt1off, #navbutt2, #navbutt2off, #navbutt3, #navbutt3off {
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #fff;
	}

	#navbutt1 a {
		width: 178px;
		height: 32px;
		padding: 0;
		margin: 0;
		background-image: url("../images/inspiration.gif");
		background-position: 0px 0px;
		background-repeat: no-repeat;
		display: block;
	}
	
	#navbutt1 a:hover {
		width: 178px;
		height: 32px;
		padding: 0;
		margin: 0;
		background-image: url("../images/inspiration.gif");
		background-position: 0px -64px;
		background-repeat: no-repeat;
		display: block;
	}
	
	#navbutt1off a {
		width: 178px;
		height: 32px;
		padding: 0;
		margin: 0;
		background-image: url("../images/inspiration.gif");
		background-position: 0px -32px;
		background-repeat: no-repeat;
		display: block;
	}
	
	#navbutt1off a:hover {
		width: 178px;
		height: 32px;
		padding: 0;
		margin: 0;
		background-image: url("../images/inspiration.gif");
		background-position: 0px -96px;
		background-repeat: no-repeat;
		display: block;
	}
	
	#navbutt2 a {
		width: 178px;
		height: 32px;
		padding: 0;
		margin: 0;
		background-image: url("../images/creation.gif");
		background-position: 0px 0px;
		background-repeat: no-repeat;
		display: block;
	}
	
	#navbutt2 a:hover {
		width: 178px;
		height: 32px;
		padding: 0;
		margin: 0;
		background-image: url("../images/creation.gif");
		background-position: 0px -64px;
		background-repeat: no-repeat;
		display: block;
	}
	
	#navbutt2off a {
		width: 178px;
		height: 32px;
		padding: 0;
		margin: 0;
		background-image: url("../images/creation.gif");
		background-position: 0px -32px;
		background-repeat: no-repeat;
		display: block;
	}
	
	#navbutt2off a:hover {
		width: 178px;
		height: 32px;
		padding: 0;
		margin: 0;
		background-image: url("../images/creation.gif");
		background-position: 0px -96px;
		background-repeat: no-repeat;
		display: block;
	}
	
	#navbutt3 a {
		width: 178px;
		height: 32px;
		padding: 0;
		margin: 0;
		background-image: url("../images/operation.gif");
		background-position: 0px 0px;
		background-repeat: no-repeat;
		display: block;
	}
	
	#navbutt3 a:hover {
		width: 178px;
		height: 32px;
		padding: 0;
		margin: 0;
		background-image: url("../images/operation.gif");
		background-position: 0px -64px;
		background-repeat: no-repeat;
		display: block;
	}
	
	#navbutt3off a {
		width: 178px;
		height: 32px;
		padding: 0;
		margin: 0;
		background-image: url("../images/operation.gif");
		background-position: 0px -32px;
		background-repeat: no-repeat;
		display: block;
	}
	
	#navbutt3off a:hover {
		width: 178px;
		height: 32px;
		padding: 0;
		margin: 0;
		background-image: url("../images/operation.gif");
		background-position: 0px -96px;
		background-repeat: no-repeat;
		display: block;
	}
	
	#navbutt4 a {
		width: 178px;
		height: 32px;
		padding: 0;
		margin: 0;
		background-image: url("../images/satisfaction.gif");
		background-position: 0px 0px;
		background-repeat: no-repeat;
		display: block;
	}
	
	#navbutt4 a:hover {
		width: 178px;
		height: 32px;
		padding: 0;
		margin: 0;
		background-image: url("../images/satisfaction.gif");
		background-position: 0px -64px;
		background-repeat: no-repeat;
		display: block;
	}
	
	#navbutt4off a {
		width: 178px;
		height: 32px;
		padding: 0;
		margin: 0;
		background-image: url("../images/satisfaction.gif");
		background-position: 0px -32px;
		background-repeat: no-repeat;
		display: block;
	}
	
	#navbutt4off a:hover {
		width: 178px;
		height: 32px;
		padding: 0;
		margin: 0;
		background-image: url("../images/satisfaction.gif");
		background-position: 0px -96px;
		background-repeat: no-repeat;
		display: block;
	}

/******************************
* Extra Styles
******************************/	

	.underlinelink {
		text-decoration: underline;
	}
	
	.highlight1 {
		color: #000;
	}
	
	.highlight2 {
		color: #666666;
	}
	
	.hide {
		display: none;
	}
	
	.smallcopy {
		font-size: 90%;
	}
	
/******************************
* Enqiry Form
******************************/	



table { border-collapse: separate; border-spacing: 0; font-size: 1em; margin: 10px 0 5px 0; width: 95%; } /* Tables still need 'cellspacing="0"' in the markup. */
caption, th, td, tr { text-align: left; font-weight: normal; }

caption { font-size: 1.3em;  margin: 0; padding: 0 0 5px 4px; text-align:left; }

/* Default dark blue table as used on prices */
tr {color: #000; }

td.child { padding-left: 28px; }

td { padding: 8px 2px 8px 0px; }

td.line { border-bottom: 1px solid  #0863B0; }



	#enquirytable {
		width: 100%;
		background-color: #fff;
		border-collapse: separate; 
		border-spacing: 0;
		border: 0;
		padding: 0;
		margin: 0;
	}
	
	#enquirytable td {
		vertical-align: top;
	}
	
	.enquiryleftcell {
		width: 30%;
		height: 16px;
		padding: 12px 5px 0 0;
		margin: 0;
		white-space: nowrap;
		vertical-align: middle;
	}
	
	.enquirycentercell {
		margin: 0;
		white-space: nowrap;
	}
	
	.enquiryinput1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #333333;
		width: 166px;
		padding: 2px;
		border-color: #7f9d89;
		border-style: solid;
		border-width: 1px;
	}
	
	.enquiryinput2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #333333;
		width: 226px;
		padding: 2px;
		border-color: #7f9d89;
		border-style: solid;
		border-width: 1px;
	}
	
	.enquirylist {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #333333;
		width: 122px;
		padding: 2px;
		border-color: #7f9d89;
		border-style: solid;
		border-width: 1px;
	}


/******************************
* AMENDS 12/10/09
******************************/	

.left {
	float: left;	
}
.right {
	float: right;	
}
.clear {
	clear: both;
	overflow: hidden;
}
#middlecol2 a img {
	border: none;	
}
.top1 {
	margin-top: 1px;	
}
.for-button input {
	float: right;
	margin-left: 20px;
}
#content .for-button {
	width: 438px;	
}
p.error strong {
	color: red;	
}
.images-caption img {
	margin-bottom: 10px;
}
#content .images-caption p {
	margin-bottom: 20px;	
}
.finishes {
	width: 100%;	
}
.finishes td {
	padding: 0 0 5px 0;
	color: #333;
	font-size: 1em;
	width: 33%;
}


/******************************
* Footer
******************************/	

	#footerhome p {
		padding: 0 0 5px 5px;
		margin: 0;
	}