/* ==== Featherclean - Constructed by JB and G Web Design (www.jbandg.co.uk)==== */

/* ==== Common ==== */

body, html {
margin: 0; 
padding: 0; 
font-family: Verdana, ahoma, Arial, Helvetica, sans-serif;
color: #4c4c4c;
font-size: 12px;
line-height: 23px;
background: url(/skins/ts2010/images/backgrounds/page-bg.gif) top left repeat-x #efecde;}

/*
#pages {
width: 744px;
margin: 0 auto;
padding: 0;}
*/
#header, #main, #footer {
	width: 744px ;
	margin: 0 auto ;
	padding: 0 ;
}
.clear {
clear:both;
visibility:hidden;}
.notes {
font-size:10px;
line-height:18px;
color:#4f4f4f;}



/* ==== Header ==== */	

#header {
width: 744px;
height: 180px;
margin: 0 auto 30px auto;
padding: 36px 0 0 0;
display:block;
overflow:hidden;
position:relative;}

.logo {
margin:0; padding:0;
display:block;}

#header #silhouette {
	position: absolute ;
	right: 0 ;
	bottom: 50px ;
}
#header #telephone {
	position: absolute ;
	right: 0 ;
	bottom: 5px ;
}


/* ==== Navigation ==== */	

#navigation {
width:744px;
float:left;
margin:31px 0 0 0; padding:0;}
        
#nav, #nav ul {
list-style: none;
margin: 0; padding: 0;}
#nav li {
float: left;
margin: 0; padding: 0;
display: inline;
background-position: left;
background: url(/skins/ts2010/images/nav-divide.gif) no-repeat 0 50%;}
#nav a {
font:bold 12px/18px Verdana, Tahoma, Arial, Helvetica, sans-serif; color:#666666;
text-decoration: none;
display: block;
margin: 0;	padding:4px 20px 4px 11px;}
#nav a:hover {
color:#ff0072;
text-decoration:none;
display:block;
margin: 0; padding:4px 20px 4px 11px;}	


/* ===== Generic Headings ===== */

h1 {
margin: 15px 0 10px 0;
padding: 0;
font: bold 16px Verdana, Tahoma, Arial; color: #666666;}

h2 {
margin: 15px 0 10px 0;
padding: 0;
font: bold 13px Verdana, Tahoma, Arial; color: #666666;}

h3 {
margin: 15px 0 10px 0;
padding: 0;
font: bold 16px Verdana, Tahoma, Arial; color: #666666;}


/* ===== Content Layout  ===== */ 

.content-top {
width:744px;
height:6px;
margin:0; padding:0;
overflow:hidden;
background:url(/skins/ts2010/images/backgrounds/content-top-bg.png) top left no-repeat;
_background:url(/skins/ts2010/images/backgrounds/content-top-bg.gif) top left no-repeat;}
#content {
width: 694px;
margin: ;
padding: 4px 24px 10px 24px;
background-color: #fafaf6;
overflow:hidden;
border-right:1px solid #eeecde;
border-left:1px solid #eeecde;}
.content-bottom {
width:744px;
height:6px;
margin:0 0 60px 0; padding:0;
background:url(/skins/ts2010/images/backgrounds/content-bottom-bg.png) top left no-repeat;
_background:url(/skins/ts2010/images/backgrounds/content-bottom-bg.gif) top left no-repeat;}
#content p {
margin: 0 0 12px 0;
padding: 0;	}	
#content a, #content a:link, #content a:visited {
color: #00cef3;
padding: 0;
text-decoration: underline;}	
#content a:hover {
color: #ff0072;
padding: 0;
text-decoration: underline;}
#content ul  {
margin: 0 0 5px 7px; 
padding: 3px;
list-style-type: none;}	
#content ul li  {
background-image: url(/skins/ts2010/images/bullet.png);
background-repeat: no-repeat;
background-position: 0 .15em;
padding: 0 0 5px 20px;}





#login {
float:right;
margin:0; padding:0 0 0 10px;
font-weight:bold;
background:url(/skins/ts2010/images/nav-divide.gif) left no-repeat;}
#login a, #login a:link, #login a:visited {
color: #666666;
padding: 0;
text-decoration: none;
font-weight:bold;}	
#login a:hover {
color: #ff0072;
padding: 0;
text-decoration: none;
font-weight: bold;}





#why-featherclean {
width:634px;
margin:30px 0 0 0; padding:0 0 0 55px;
background:url(/skins/ts2010/images/backgrounds/why-featherclean-bg.gif) top left no-repeat;
color:#60a5bf;
font-size:14px;
line-height:18px;
font-weight:bold;}
#why-featherclean .left {
float:left;
width:185px;
line-height:22px;
margin:0; padding:75px 0 0 20px;}
#why-featherclean .right {
float:right;
width:380px;
margin:0; padding:0;}
/*
ol.why-featherclean {
list-style-type: decimal;
margin:0; padding:23px 0 15px 30px;}
ol.why-featherclean li {
margin:0; padding:0 0 10px 0;}
*/
#content ul.why-featherclean {
margin:0; padding:23px 0 15px 30px;
}
#content ul.why-featherclean li {
margin:0; padding-bottom:10px;
}
.why-featherclean-bottom {
width:694px;
height:6px;
margin:0 0 30px 0; padding:0;
background:url(/skins/ts2010/images/backgrounds/why-featherclean-bottom.gif) top left no-repeat;}

.cleaner-top {
/*margin:10px 0 0 -290px;*/
margin:30px 0 0 -70px;
position:absolute;
}





#fullbanners{
margin:0 0 20px 0;
font-size:13px;
font-weight:bold;}
#fullbanners a:link,
#fullbanners a:visited,
#fullbanners a:active { 
color: #fff;
text-decoration: none;}
#fullbanners a:hover {
color: #fff;
text-decoration: none;}
.getaquote {
width: 674px;
height: 46px;
float:left;
margin: 0 20px 0 0; padding:21px 0 0 20px;
display:block;
background: url(/skins/ts2010/images/backgrounds/online-quote-bg.gif) top left no-repeat;
cursor:pointer;}


#testimonials {
width:589px;
margin:30px 0 0 0; padding:17px 45px 0 60px;
background:url(/skins/ts2010/images/backgrounds/testimonial-bg.gif) top left no-repeat #E7F7FF;
overflow:hidden;}
#testimonials .slide {}
#testimonials h2 {
margin: 0 0 15px 0;
padding: 0;
font: bold 16px Verdana, Tahoma, Arial; color: #666666;}
.testimonial {
width:535px;
margin:0 0 0 30px; padding:0;
font-size:14px;
font-style:italic;
color:#333333;}
.testimonial-name {
font-size:13px;
color:#7e8182;
text-align:right;
font-style:italic;}
.testimonials-bottom {
width:694px;
height:6px;
margin:0 0 30px 0; padding:0;
background:url(/skins/ts2010/images/backgrounds/testimonial-bottom.gif) top left no-repeat;}

.bluebox  {
width:589px;
margin:30px 0 0 0; padding:17px 45px 0 60px;
background:url(/skins/ts2010/images/backgrounds/blue-bg.gif) top left no-repeat #E7F7FF;
overflow:hidden;}
.bluebox-bottom  {
width:694px;
height:6px;
margin:0 0 30px 0; padding:0;
background:url(/skins/ts2010/images/backgrounds/testimonial-bottom.gif) top left no-repeat;}


/* ===== quick contact  ==== 


#homestyles #quickcontact-container {
background: url(/skins/ts2010/images/backgrounds/quick-contact-home.jpg) bottom left no-repeat;}

#quickcontact-container {
width: 314px;
margin: 0;
background: url(/skins/ts2010/images/backgrounds/quick-contact.jpg) bottom left no-repeat;
color:#FFFFFF;}

.detailsright {
margin-top: 15px;}

#quickcontact-container .quickcontact-top {
background: url(/skins/ts2010/images/backgrounds/quick-contact-top.jpg) top left no-repeat;
display:block;
overflow: hidden;
height: 11px;
width: 314px;}

#quickcontact-container .quickcontact-bottom {
width: 260px;
padding: 12px 27px 52px 27px;
font-size: 12px;
color: #be99ab;}

#quickcontact-container h2 {
font-size: 17px;
color: #fff;
margin: 0 0 8px 0;
padding: 0;
font-weight:normal;}

#quickcontact-container p {
padding: 0;
font-weight:normal;}

#quickcontact-container a:link, #quickcontact-container a:active, #quickcontact-container a:visited {
text-decoration:none;
color:#18688b;
font-weight:normal;}

#quickcontact-container p a:hover {
text-decoration:underline;
color:#09475f;
font-weight:normal;}

#quickcontact-container .landingprice {
font-size: 15px;
color: #d8c2cd;
font-weight:bold;}

.rightbreak {
margin: 8px 0 10px 0;}

#quickcontact  {
margin: 11px 0 0 0;
padding: 0 0 0 0; }
#quickcontact label  {
margin: 0;
padding: 0;
width: 50px; }
#quickcontact input { 
width: 235px;
margin: 0 0 10px 0;
padding: 4px;
font-size: 11px;
color: #7d8083;
font-weight: normal;
font-family: Tahoma, Arial, Trebuchet MS, sans-serif;}
#quickcontact textarea { 
width: 235px;
margin: 0 0 8px 0;
padding: 4px;
font-size: 11px;
color: #7d8083;
font-weight: normal;
font-family: Tahoma, Arial, Trebuchet MS, sans-serif;
height:45px;}
#quickcontact input.submit {
width: 98px;
height: 28px;
border: none;
cursor:pointer;
font: normal 12px  Arial, Helvetica, sans-serif; color: #fff;
background: url(/skins/ts2010/images/quickcontact-submit.jpg) top left no-repeat;
margin: 4px 0 0 0;}*/







/* ======= Valuation Form ========== 


#valuation {
width: 552px;
padding: 0;
border:solid 1px #d4e1e7;}

#maincontact {
border:solid 10px #fff;
background-color:#45a8d2;
padding: 16px 16px 0 16px;
color:#FFFFFF;}

#maincontact .description {
color: #b2dbec;}

.valuation-bottom {
background:url(/skins/ts2010/images/backgrounds/valuation-bottom.jpg) top left no-repeat;
display:block;
width: 554px;
height: 31px;}


#maincontact input { 
width: 212px;
margin: 0 0 10px 0;
padding: 4px;
font-size: 12px;
color: #7d8083;
font-weight: normal;
font-family: Tahoma, Arial, Trebuchet MS, sans-serif;
border: solid 1px #3894bb;}

#maincontact select { 
width: 220px;
margin: 0 0 10px 0;
padding: 4px;
font-size: 12px;
color: #7d8083;
font-weight: normal;
font-family: Tahoma, Arial, Trebuchet MS, sans-serif;
border: solid 1px #3894bb;}


#maincontact textarea {
font: normal 12px Tahoma, Arial, Helvetica, sans-serif; color: #7d8083;
width: 220px;
height:40px;
margin: 0 0 8px 0;
padding: 4px 0 4px 2px;
border: solid 1px #3894bb;}

#maincontact input.submit {
font: bold 11px Tahoma, Arial, Helvetica, sans-serif; color: #fff;
width: 180px;
height: 28px;
margin: 2px 0 18px 0;
padding: 0;
border:none;
background:url(/skins/ts2010/images/valuation-submit.jpg) top left no-repeat;
cursor:pointer;}*/








/* ==== footer ==== */

#footer-wrapper {
width:100%;
margin:0; padding:0 0 20px 0;
background:url(/skins/ts2010/images/backgrounds/footer-bg.gif) top left repeat-x #f7f5e8;}

#footer {
width: 744px;
margin: 0 auto;
padding: 0;
color: #666666;
font-size: 11px;}

#footer p {
margin: 0 0 12px 0;
padding: 0;	}
	
#footer a, #footer a:link, #footer a:visited {
color: #00cef3;
text-decoration: none;
font-weight:normal;	}
	
#footer a:hover {
color: #ff0072;
text-decoration: underline;
font-weight:normal;		}

.footerleft {
width: 200px;
float:left;
padding: 26px 0 0 0;}

.footerright {
width: 450px;
float: right;
padding: 44px 0 0 0;}

/* ==== leftbar ==== */

#leftbar {
background-color: #DFD7BD ;
position: absolute ;
padding: 20px ;
left: 0 ;
top: 0 ;
width: auto ;
opacity: 0.8 ;
-moz-border-radius-bottomright: 25px ;
-khtml-border-bottom-right-radius: 25px ;
-webkit-border-bottom-right-radius: 25px ;
border-radius-bottomright: 25px ;
border-bottom-right-radius: 25px ;
}

#leftbar  ul li.heading  {
font-weight: bold ;
font-size: 1.2em ;
color: #000000 ;
}

#leftbar  ul li.lbarlink a, #leftbar  ul li.lbarlink a:hover, #leftbar  ul li.lbarlink a:visited  {
font-weight: bold ;
color: #0000FF ;
}

@media (min-width: 1120px) {
	#leftbar {
		left: 0 !important;
	}
}

/* ==== errors ==== */

div#error {
	padding: 10px ;
	position: relative ;
	text-align: justify ;
	width: 600px ;
	background-color: #FFA0A0 ;
	-moz-border-radius: 8px ;
	-khtml-border-radius: 8px ;
	-webkit-border-radius: 8px ;
	border-radius: 8px ;
}
div#error p {
	margin: 0 0 12px ;
}
div#error a {
	position: absolute ;
	right: 12px ;
	bottom: 2px ;
	color: #007FFF ;
}

/* ==== faq ==== */
#faq-content .question {
	font-weight: bold ;
}
#faq-content .group {
	font-weight: bold ;
	font-size: 1.2em ;
	margin: 18px 0 6px 0 ;
}
#faq-content .answer {
	text-align: justify ;
}

/* ==== title boxes ==== */
.titlebox {
	margin: 0 ;
}

.titlebox .red {
	color: red;
}

.titlebox .blue, .titlebox .ltblue, .titlebox .grey, .titlebox .white {
	border-left: 1px solid #C0C0C0 ;
	border-right: 1px solid #C0C0C0 ;
	width: 660px ;
	padding: 2px 12px ;
}

.titlebox .white .rightlb {
	float: right;
	width: 280px;
	height: 40px;
}

.titlebox .bluetop, .titlebox .bluebottom, .titlebox .ltbluetop, .titlebox .ltbluebottom, .titlebox .greytop, .titlebox .greybottom, .titlebox .whitetop, .titlebox .whitebottom {
	height: 6px ;
	width: 685px ;
}
.titlebox .bluetop{
	background: url(/skins/ts2010/images/backgrounds/bluebox-top.png) no-repeat scroll left bottom transparent ;
}
.titlebox .bluebottom{
	background: url(/skins/ts2010/images/backgrounds/bluebox-bottom.png) no-repeat scroll left top transparent ;
}
.titlebox .ltbluetop{
	background: url(/skins/ts2010/images/backgrounds/ltbluebox-top.png) no-repeat scroll left bottom transparent ;
}
.titlebox .ltbluebottom{
	background: url(/skins/ts2010/images/backgrounds/ltbluebox-bottom.png) no-repeat scroll left top transparent ;
}
.titlebox .greytop{
	background: url(/skins/ts2010/images/backgrounds/greybox-top.png) no-repeat scroll left bottom transparent ;
}
.titlebox .greybottom{
	background: url(/skins/ts2010/images/backgrounds/greybox-bottom.png) no-repeat scroll left top transparent ;
}
.titlebox .whitetop{
	background: url(/skins/ts2010/images/backgrounds/whitebox-top.png) no-repeat scroll left bottom transparent ;
}
.titlebox .whitebottom{
	background: url(/skins/ts2010/images/backgrounds/whitebox-bottom.png) no-repeat scroll left top transparent ;
}
.titlebox .blue {
	background-color: #D5F1FF ;
}
.titlebox .ltblue {
	background-color: #E6F7FF ;
}
.titlebox .grey {
	background-color: #EEEEEE ;
}
.titlebox .white {
	background-color: #FFFFFF ;
}
.titlebox .topline {
	border-top: 1px solid #C0C0C0 ;
	padding-top: 4px ;
}
.titlebox .bottomline {
	border-bottom: 1px solid #C0C0C0 ;
	padding-bottom: 4px ;
}