/* INITIAL
*/

/* Neutralize styling:
   Elements we want to clean out entirely: */ html, body, form, fieldset {
    margin: 0;
    padding: 0;
    font-family: arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000;
}

html, body, fieldset {
	height: 100%;
}
input {
	 font-family: arial;
	 padding: 0;
}


.searchbox	{height:18px;font-size:14px;padding-top:3px;padding-left:3px;width:225px;}

li	{padding:0px;}


/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
    margin: 0px 0px 0.8 0px;
    padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */ li, dd, blockquote {
    margin-left: 3em;
    margin-bottom: 1em;
}

/* Miscellaneous conveniences: */
form label, label {
	display: block;
	float: left;
	width: 120px;
	color: #000;
	
}

.checkbox {
	width: auto;
}

img {
	border: 0px none;
}

a {
	text-decoration: none;
	color: #434343;
}

fieldset {
	border: none;
}
form input, textarea, select {
	font-size: 100%;
	color: #000;
}

form textarea {
	width: 160px;
	float: left;
}

.clearer {
	clear: both;
	overflow: hidden;
}

/* custom styles */

h1 {
	font-size: 14pt;
	font-weight: normal;
	color: #f3b833;
}
h1 {
	font-size: 12pt;
	font-weight: normal;
	color: #f3b833;
}
h2 {
	font-size: 12pt;
	font-weight: normal;
	margin:0px;
}
h3 {
	font-size: 11pt;
	font-weight: normal;
	margin:0px
}

body {
	background: url(images/bg-rpt.gif) repeat-x top;
}
.main {
	width: 940px;
	min-width: 940px;
	margin: 0px auto;
}
#banner {
	height: 121px;
}
#bannerLeft {
	float: left;
	width: 423px;
	margin-top: 32px;
}
#bannerRight {
	float: right;
	width: 412px;
	margin-top: 19px;
	}
#bannerRight a {
	clear: both;
	float: right;
}
#bannerLiveChat {
	margin-top: 13px;
}

/* navigation */
#navigation {
	height: 36px;
}
#menu {
	float: left;
	height: 36px;
	width: 686px;
}
#menu a {
	display: block;
	float: left;
	width: 101px;
	padding-top: 9px;
	height: 27px;
	text-align: center;
	margin-right: 2px;
}
#menu .on {
	background: #f8cd47 url(images/nav-on.gif) no-repeat top;
	color: #000;
	font-weight: bold;
}
#menu .off {
	background: url(images/nav-off.gif) no-repeat top;
	color: #fff;
}
/* options */
#options {
	float: right;
	width: 250px;
	padding-top: 9px;
	height: 27px;
	background: url(images/options.gif) no-repeat;
	text-align: center;
	color: #000;
	font-size: 9pt;
	font-weight: bold;
}
#options a {
	color: #000;
}
#options span {
	margin: 0 5px;
}
/* banner yellow */
#bannerYellowLeft {
	background-color: #fed24b;
	width: 937px;
	margin-bottom: 20px;
}
#bannerYellowRight {
	background: url(images/banner-yellow-right.gif) no-repeat right top;
	height: 10px;
	overflow: hidden;
}
#pageHeader {
	margin-top: 8px;
	height: 35px;
}
/* four steps */
#fourStep {	
	background: url(images/4-steps.jpg) no-repeat;
	width: 940px;
	height: 133px;
}
.fourStepBox {
	float: left;
	width: 207px;
	margin-top: 16px;
	height: 100px;
	color: #fff;
	padding-left: 16px;
}
.fourStepBoxMargin {
	margin-left: 16px;
}
.fourStepTitle {
	font-size: 12pt;
}
.fourStepIntro {
	margin-top: 15px;
	font-size: 8pt;
	width: 110px;
}
/* quick search */
#quickSearchContainer {
	margin: 18px 0 20px 0;
	width: 937px;
	height: 213px;
	background: url(images/search.jpg) no-repeat;
}

#quickSearchContainer_small {

	width: 757px;
	height: 30px;
	background: url(images/search_small.jpg) no-repeat;
	background-color:#fed24b;
	padding-left: 170px;
	padding-top:8px;

	
}

.search_trade_small	{font-size:16px;font-weight:bold;}
.searchbox_small	{height:19px;font-size:16px;padding-top:3px;padding-left:3px;width:225px;font-weight:bold;}
#quickSearchButton_small {
	border: 0;
	width: 110px;
	height: 27px;
	background: url(images/search-tradesman-small.gif) no-repeat;
}

#voucher {
	float: left;
	color: #fff;
	font-size: 8pt;
	padding: 89px 0 0 53px;
	width: 109px;
	text-align: center;
}
#quickSearch {
	float: left;
	padding: 70px 0 0 385px;
	width: 380px;
}
#quickSearch_small {
	
	
	
}
#quickSearch label {
	font-weight: normal;
	width: 140px;
}
#quickSearch .text {
	width: 80px;
	bordeR: 1px solid #abadb3;
}
.quickSearchItem {
	height: 30px;
}
.quickSearchItem select {
	width: 230px;
}
#quickSearchButton {
	border: 0;
	width: 200px;
	height: 35px;
	background: url(images/search-tradesman.gif) no-repeat;
}
/* yellow title thing */
.titleYellowRpt {
	background: url(images/title-yellow-rpt.gif) repeat-x;
}
.titleYellowLink {
	margin-right: 10px;
	float: right;
	font-weight: normal;
	font-size: 8pt;
	text-decoration: underline;
}
.titleYellowRpt span {
	margin: 0 4px;
}
.titleYellowLeft {
	background: url(images/title-yellow-left.gif) no-repeat left;
}
.titleYellowRight {
	background: url(images/title-yellow-right.gif) no-repeat right;
	padding: 11px 0 0 10px;
	height: 25px;
	color: #000;
	font-weight: bold;
	font-size: 9pt;
}
.bodyYellowLeft {
	background: url(images/body-yellow-left.gif) repeat-y left;
}
.bodyYellowRight {
	background: url(images/body-yellow-right.gif) repeat-y right;
}
.footYellowRpt {
	background: url(images/foot-yellow-rpt.gif) repeat-x;
}
.footYellowLeft {
	background: url(images/foot-yellow-left.gif) no-repeat left;
}
.footYellowRight {
	background: url(images/foot-yellow-right.gif) no-repeat right;
	height: 34px;
}
.whiteRpt {
	background: url(images/white-rpt.gif) repeat-x;
}
.whiteLeft {
	background: url(images/white-left.gif) no-repeat left;
}
.whiteRight {
	background: url(images/white-right.gif) no-repeat right top;
	height: 6px;
	overflow: hidden;
}
.bodyYellowLeft ul {
	list-style-image: url(images/green-tick.gif);
	padding: 0 0 6px 0;
}
.bodyYellowLeft li {
	margin: 0 0 0 33px;
	font-weight: bold;
	line-height: 10px;
	font-size: 9pt;
}
.greyRpt {
	background: url(images/grey-rpt.gif) repeat-x;
}
.greyLeft {
	background: url(images/grey-left.gif) no-repeat left;
}
.greyRight {
	background: url(images/grey-right.gif) no-repeat right;
	padding: 8px 10px 0 0;
	height: 25px;
}
.searchRpt {
	background: url(images/search-rpt.gif) repeat-x;
}
.searchLeft {
	background: url(images/search-left.gif) no-repeat left;
}
.searchRight {
	background: url(images/grey-right.gif) no-repeat right;
	padding: 8px 0 0 10px;
	height: 28px;
}
/* some widths */
.wide213 {
	width: 213px;
}
.wide232 {
	width: 232px;
}
.wide457 {
	width: 457px;
}
/* home */
#lhsWorkCategoriesContainer {
	float: left;
	width: 231px;
}
.lhsWorkCategories {
	padding: 15px 13px 0 13px;
	color: #5598bf;
}
.lhsWorkCategories a {
	font-size:11px;
	display: block;
	text-decoration: none;
	line-height: 18px;
	color: #000;
}
#homeBannerContainer {
	float: left;
}
#homeBanner {
	background: url(images/home-cover-banner.jpg) no-repeat;
	width: 457px;
	height: 197px;
}
.homeBannerForm {
	width: 405px;
	padding: 20px 26px 0 26px;
}
.bodyYellowLeft h1 {
	color: #000 !important;
	margin-top: 0;
	font-size: 13pt;
	font-weight: bold;
}
.homeBannerFormItem {
	height: 32px;
}
.homeBannerFormTextareaItem {
	height: 120px;
}
.homeBannerFormTextareaItem textarea {
	width: 233px;
	height: 102px;
}
.homeBannerFormItem label, .homeBannerFormTextareaItem label {
	width: 160px;
	font-weight: normal;
}
.homeBannerFormItem select {
	width: 240px;
}
.homeBannerFormItem .text {
	width: 235px;
}
#homeBannerFormSubmit {
	border: 0;
	background: url(images/apply-now.gif) no-repeat;
	width: 115px;
	height: 31px;
	margin-left: 284px;
}
#homeRight {
	float: left;
	margin-left: 18px;
}
#homeRightCover {
	padding: 15px 13px 0 13px;
}
#homeRightCover2 {
	padding: 15px 13px 15px 13px;
	height:20px;
	
}
#homeRightCoverHalf {
	float:left;
	width:100px;
	font-size:11px;
}
#homeRightCoverHalf2 {
	float:left;
	width:36px;
	margin-left:13px;
}

#homeRightSeparator {
	height: 18px;
}
#homeRightPromise {
	padding: 15px 11px 0 11px;
}
#homeRightPromise .crumb {
	background: url(images/crumb.gif) repeat-x center;
	height: 20px;
	overflow: hidden;
}
#homeRightPromise .redTick {
	width: 36px;
	padding-left: 4px;
	height: 24px;
	background: url(images/red-tick.gif) no-repeat;
}
#homeIntroContainer {
	float: left;
	width: 457px;
}
#homeIntro {
	width: 405px;
	padding: 20px 26px 0 26px;
}
#homeMainContent {
	padding: 15px 13px 15px 13px;	
}
#homeRssContainer {
	background: url(images/rss.gif) no-repeat;
	padding: 7px 0 0 36px;
	height: 29px; 
}
#homeRssContainer .text {
	margin-top: 1px;
	border: 0;
	width: 343px;
	height: 20px;
}
#homeRssContainer .submit {
	margin-left: 8px;
	border: 0;
	background: url(images/rss-submit.gif);
	width: 56px;
	height: 22px;
}
#homeNews {
	background-color: #f1f1f1;	
	margin: 0 3px 0 1px;
	padding: 21px 21px 0 21px;
}
.homeNewsItem {
	width: 400px;
	padding-bottom: 17px; 
}
.homeNewsItemDate {
	font-size: 8pt;
	margin-bottom: 1px;
}
.homeNewsItemTitle {
	font-size: 9pt;
	color: #5598bf;
	text-decoration: underline;
}
.homeNewsItemIntro {
	margin-top: 2px;
	font-size: 8pt;
}
#homeBannerFormRequest {
	border: 0;
	background: url(images/request-a-quote.gif) no-repeat;
	width: 145px;
	height: 35px;
	margin-left: 253px;
	cursor:pointer;
}
.text {
	width:270px;	
}
.select {
	width:275px;	
}

.resultRequest {
	border: 0;
	background: url(images/request-a-quote.gif) no-repeat;
	width: 145px;
	height: 35px;
	cursor: pointer;
}
#resultTable {
	margin-top: 20px;
}
#resultTable td {
	
	padding-left: 10px;
}
#resultTable th {
	text-align: left;
	background: url(images/search-rpt.gif) repeat-x;
	height: 36px;
	vertical-align: top;
	
}
#resultTableheadLeft {
	float: left;
	background: url(images/search-left.gif) no-repeat;
	width: 2px;
	height: 36px;
}
#resultTableheadRight {
	float: right;
	background: url(images/search-right.gif) no-repeat;
	width: 2px;
	height: 36px;
}
.resultTableColumnTitle {
	padding: 10px 0 0 10px;
}
.resultMoreDetails {
	text-decoration: underline;
	color: #df0a4b;
}
.resultStarsContainer {
	float: left;
	cursor: pointer;
}
.resultStars {
	float: left;
	width: 150px;
}
.resultStars img {
	margin: 2px 3px 0 0;
	float: left;
}
.resultPercent {
	float: left;
	margin-left: 5px;
}
.grey td {
	background-color: #f1f1f1; 
}
.gold td {
	background-color:#FFF86A;	
}
.yellow td {
	background-color:#FFFA97;
}

#quoteHelp {
	margin-top: 20px;
	font-size: 12pt;
}
#quoteHelp .red {
	color: #df0a4b;
	font-weight: bold;
}
#rightRequest {
	padding: 15px 11px 20px 11px;
}
#rightRequest .crumb {
	background: url(images/crumb.gif) repeat-x center;
	height: 20px;
	overflow: hidden;
}
#rightRequest .greenTick {
	width: 30px;
	height: 21px;
	background: url(images/green-tick.gif) no-repeat right;
}
#rightRequest .greenNumber {
	color: #84cc02;
	font-size: 12pt;
}
#rightRequestNow img {
	vertical-align: middle;
	margin-right: 13px;
}
#rightRequestNow {
	padding-top: 6px !important;
	margin-left: 15px;
	height: 27px !important;
	font-weight: bold;
	font-size: 11pt;	
}

#greenTickMain {
	float:left;
	width: 30px;
	padding-left:4px;
	margin-left:10px;
	height: 24px;
	background: url(images/green-tick.gif) no-repeat;	
}
#greenTickText {
	height:5px;
	padding-top:6px;
}

.formRow {margin-bottom:5px;}

/* Profile Page */
#largeTel {
	font-size:18px;
	color:#000;
}
#servicesTxt {
	float:left;
	width:255px;
	height:40px;
}
#servicesImg {
	float:left;
	width:65px;
	height:40px;
}
/* home emergency */
#redTickMain {
	float:left;
	width: 30px;
	padding-left:4px;
	margin-left:10px;
	height: 24px;
	background: url(images/red-tick.gif) no-repeat;	
}
#redTickText {
	height:5px;
	padding-top:6px;
}
.redEmergencyText {
	font-weight:bold;
	color:#E0094D;
}
.redTelText {
	font-weight:bold;
	color:#E0094D;
	font-size:15px;
}
#redButtons {
	float:left;
	padding-right:10px;
}
#usefulLinks{
	float:left;
	padding-right:10px;
	padding-top:6px;
}
#smallPrint {
	font-size:9px;
	width:400px;
	padding-bottom:20px;
}


/* results */
#resultsContainer {
	padding: 21px 23px 0 21px;
}
#resultsContainer h1 {
	display: inline;
}
#resultsContainerSearchTerm {
	margin-left: 15px;
	font-size: 12pt;
}
/* footer */
#footerTab {
	clear: both;
	padding-top: 18px
}
#footerTabLinks {
	float: right;
	margin-right: 20px;
	font-size: 8pt;
}
#footerTabLinks a, #footerTabLinks {
	font-weight: normal;
}
#footer {
	height: 358px;
	background: #fed24a url(/images/footer-bg-rpt.gif) repeat-x top;
}
#footerRpt {
	background: url(/images/footer-rpt.gif) repeat-x right;
}
#footerLeft {
	background: url(/images/footer-left.gif) no-repeat left;
}
#footerRight {
	background: url(/images/footer-right.gif) no-repeat right;
	height: 243px;
	padding: 0 6px;
}
.footerArea {
	float: left;
	padding: 22px 25px 0 25px;
	font-size: 8pt;
}
.footerLinks {
	line-height: 18px;
	width: 165px;
}
.footerAreaTitle {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 9pt;
}
.footerArea a {
	display: block;
	font-size: 8pt;
	text-decoration: underline;
}
.footerSeparator {
	float: left;
	width: 1px;
	height: 190px;
	background: url(/images/footer-separator.gif) no-repeat;
}
#footerTop {
	height: 190px;
	overflow: hidden;
}
#footerSub {
	clear: both;
	padding-top: 10px;
	text-align: center;
	font-size: 8pt;
}

/* results popup */
#result {
	position: absolute;
	z-index: 1;
}
#resultBg {
	background-image: url(/images/result-panel.png);
	background-position: center;
	background-repeat: no-repeat;
	width: 248px;
	height: 127px;
	padding: 18px 0 0 15px;
	color: #000;
}
#result thead td {
	padding-bottom: 10px;
}
#result tbody td {
	padding-bottom: 3px;
}
.resultTitle {
	font-size: 8pt;
}

#DirectoryFeed	{padding-left:30px;font-size:11px;color:#666;}
.DFLinks	{color:#666;}
.greytext	{color:#919191;}

/* new styles KH (TME) 180609 */
#newHomeBanner {
	margin-top: 20px;
	width: 937px;
	height: 213px;
	background: url(/images/banner.jpg) no-repeat;
}
#newHomeBannerLeft {
	float: left;
	padding: 87px 380px 0 50px;
	width: 110px; 
	text-align: center;
}
#newHomeBannerLeft a {
	color: #fff;
	font-size: 8pt;
}
#newHomeBannerRight {
	float: left;
	width: 380px;
	margin-top: 20px;
}
.homeBannerH {
	font-size:15px;
}