body{
margin:0; 
padding:0;
background:#ffffff;
color: #003366;
}
img{
border:0;
}
td{
font-family: "trebuchet ms", verdana, arial, sans-serif;
font-size: 0.7em;
color: #003366;
}
img.banner_border{
}
/* ************************** general text */
h1{
color: #1488a7;
font-family:"lucida sans", tahoma, sans-serif;
font-style: italic;
font-size:2em;
font-weight:normal;
}
h2{	
font-family:"lucida sans", tahoma, sans-serif;
color: #968e6f;
font-size:1.6em;
font-weight:normal;
}
h3{
color: #e9b813;
font-size:1.6em;
font-weight:normal;
}
h4{
color: #C86C00;
font-size:1.4em;
font-weight:normal;
padding:0;
margin-bottom:3px;
}
h5{
color: #4c7031;
font-family:"lucida sans", tahoma, sans-serif;
font-style: italic;
font-size:1.2em;
font-weight:normal;
margin-bottom:4px;
margin-top:2px;
border-bottom:1px solid #76cef1;
}
h5.home{
color: #4c7031;
font-family:"lucida sans", tahoma, sans-serif;
font-style: italic;
font-size:1.2em;
font-weight:normal;
margin-bottom:6px;
margin-top:2px;
border-bottom:none;
}
h6{
font-weight:bold;
font-size:1em;
margin-bottom:2px;
}
.bold{
font-weight:bold;
}
.smalltext{
font-size:0.9em;
}
/* ************************** general links */
a{
color: #cc6633;
text-decoration: underline;
font-weight:normal;
}
a:hover{
color: #9e7350;
text-decoration: underline;
font-weight:normal;
}
/* ************************** general table stuff */
.full_width{
width:100%;
}
.halfwidth_left{
width:50%;
padding-right:5px;
}
.halfwidth_right{
width:50%;
padding-left:5px;
}
/* **************************  table structure main */
.main_table{
width:70%; 
height:100%;
}
.header_cell{
height:130px;
}
.header_table{
width:100%; 
}
.header_left{
width:130px;
background:url("img/top_section/header_right_back.gif") top left repeat-x #ffffff;
}
.header_right{
width:100%; 
background:url("img/top_section/header_right_back.gif") top left repeat-x #ffffff;
}
.head_right_01{/*contains logo and banner*/
height:86px;
}
.logo_cell{
width:130px;
}
.banner_cell{
width:100%;
text-align:right;
padding-left:20px;	
}
.head_right_02{/*this is the top nav 01 row*/
height:20px;
background:url("img/top_section/nav01_back.gif") top left repeat-x #ffffff;
}
/* ************************** start of styling for topnav */
a.topnav01{
color: #4f92ad;
text-decoration: none;
font-weight:bold;
font-size: 0.9em;
}
a.topnav01:hover{
color: #e63200;
text-decoration: none;
font-weight:bold;
font-size: 0.9em;
}
.topnav01_at{
color: #f39303;
font-weight:bold;
font-size: 0.9em;
}
.topnav01_text{
color:#ffde85;
}
.head_right_03{/*this is the top nav 02 row*/
height:24px;
background:url("img/top_section/nav02_back.gif") top left repeat-x #3d5b25;
color:#d9e3ce;
}
a.topnav02{
color: #ffffff;
text-decoration: none;
font-weight:bold;
font-size: 0.9em;
}
a.topnav02:hover{
color: #dbe5d1;
text-decoration: none;
font-weight:bold;
font-size: 0.9em;
}
.topnav02_at{
color: #ffde85;
font-weight:bold;
font-size: 0.9em;
}
.topnav02_text{
color:#ffde85;
}
/* ************************** start of styling for content areas */
.content_cell{
width:100%; 
height:100%;
}
.content_table{
width:100%;
height:100%;
}
.content_left{/*on this site it contains the news boxes*/
width:156px;
background:#d9e3ce;
}
/* ********************************** start of styling for feature boxes - these can be on the left or right */
.feature_table{
width:100%;
border-bottom:2px solid #ffffff;
}
.feature_title{
font-family:"lucida sans", verdana, arial, sans-serif;
color:#365217;
font-size:1em;
background:url("img/feature_col/title_back.gif") top left repeat-x #5385a0;
height:30px;
line-height:30px;
font-style:italic;
}
.feature_title_padding{
padding-left:24px;
}
.feature_box{
padding:0 0 4px 8px;
color:#204406;
font-size:0.7em;
}
a.feature_link{
color: #005f80;
text-decoration: none;
font-weight:bold;
}
a.feature_link:hover{
color: #204406;
text-decoration: none;
font-weight:bold;
}
.feature_bottom{
border-top:1px solid #619138;
padding-bottom:5px;
text-align:right;
font-size:0.7em;
color:#ff6633;	
}
.feature_nav{
border-top:1px solid #619138;
padding-bottom:5px;
text-align:right;
font-size:0.7em;
color:#ff6633;	
}
.feature_nav_padding{
padding-right:5px;
}
/* ************************** start of styling for main content areas */
.content_right{/*on this site it contains the page content*/
width:100%;
padding:10px 0 10px 20px;
}
.inner_table{
width:100%;
}
/* ************************** start of styling for title */
.title_row{
width:100%;
}
.title_table{
width:100%;
background:url("img/titles/title_back.gif") top left repeat-x #ffffff;
}
.title_right{
width:29px;
}
.title_body{
font-family:"lucida sans", verdana, arial, sans-serif;
width:100%;
font-size:1.1em;
color:#56783d;
font-style:italic;
padding-bottom:3px;
}
.alt_title{
font-family:"lucida sans", verdana, arial, sans-serif;
font-size:1.4em;
color:#008ab9;
font-style:italic;
padding-bottom:3px;
border-bottom:1px solid #ff6633;
}
/* ************************** start of styling for main content */
.main_content_row{
padding:5px;
}
/* ************************** start of styling for footer */
.footer_cell{
height:45px;
background:#4c7031;
}
.footer_table{
width:100%;
}
.footer_spacer{
background:#ffffff;
height:1px;
}
.footer_content{
color:#c8edf9;
padding-left:130px;
padding-top:4px;
}
a.bot_nav{
color: #dbe5d1;
text-decoration: none;
font-weight:normal;
}
a.bot_nav:hover{
color: #c5edf9;
text-decoration: none;
font-weight:normal;
}
.bot_nav_at{
color: #ffffff;
}
/* ************************** start of styling for forms */
form{
margin:0px; 
padding:0px;
}
.form_table{
width:80%;
}
.form_titletop{
background:url("img/contact/title_back.gif") top left repeat-x #d9e3ce;
height:30px;
line-height:30px;
color:#4c7031;
font-weight:bold;
font-weight:1.1em;
}
.formcell{
background:#ecf1e6;
width:50%;
padding:2px;
}
.formcell_plain{
background:#ecf1e6;
padding:2px;
color: #226075;
}
.formcell_padding{
display:block;
padding-left:20px;
}
.formtext{
color: #226075;
text-align:right;
}
.formtext_plain{
color: #226075;
}
.form{
font-family: verdana, arial, sans-serif;
color: #226075;
background-color: #ffffff;	
font-size:1em;
}
.required{
color:#c21410;
font-size:1.2em;
background:inherit;
font-weight: bold;
}
.submit{
background: #00365f;
color:#ffffff;
}
.form_titlebottom{
background:url("img/contact/bottom_back.gif") top left repeat-x #86aa66;
}
/* ************************** start of styling for contact us */
.contactpictable{
border-top:1px solid #4c7031;
border-bottom:1px solid #4c7031;
}
/* ************************** start of styling for internal pages */
/* home image  - this is used in diy*/
.home_image_left{
float:left;
padding:0 20px 20px 0;
}
.home_image_right{
float:right;
padding:10px 0 20px 10px;
}
.clearfloat{
clear:both;
}
/* ************************** start of styling for graphic title - one per site, on greencare it is the green arrows*/
.graphic_title{
font-size:0.6em;
font-weight:bold;
letter-spacing:0.4em;
color:#ffffff;
background:url("img/graphic_title/back.gif") top left repeat-x #365217;
}
.graphic_title_end{
width:28px;
text-align:right;
background:url("img/graphic_title/back.gif") top left repeat-x #365217;
}
.graphic_title_sub{
font-size:0.6em;
font-weight:bold;
letter-spacing:0.4em;
color:#ffffff;
background:url("img/graphic_title/back_sub.gif") top left repeat-x #04a1d1;
}
.graphic_title_sub_end{
width:28px;
text-align:right;
background:url("img/graphic_title/back_sub.gif") top left repeat-x #04a1d1;
}
.graphic_title_padding{
display:block;
padding-left:20px;
padding-top:2px;
}
/* ************************** featured products - on the home page */
.feat_table_cell{
width:50%;
padding:2px;
}
.feat_innertable{
width:100%;
border:1px solid #605f31;
}
.feat_innertext{
padding:2px;
}
.price_text{
color:#f50000;
font-weight:bold;
}
/* ************************** start of styling for search table - this is the little box that contains the keyword search  */
.search_table{
width:50%;
}
.search_cell_border{
border:1px solid #365217;
padding:10px;
}
/* ************************** results - this is the table used to display the hints and tips */
.results_table{
width:90%;
}
.results_table_head{
color:#006693;
font-weight:bold;
background:url("img/results/results_table_gradient.gif") top left repeat-y #ffffff;
border:1px solid #5f5c2f;
text-align:center;
}
.results_table_border{
border:1px solid #5f5c2f;
background:#ffffff;
padding:10px;
}
.results_table_body{
border:1px solid #5f5c2f;
background:#ffffff;
padding:10px;
}
.results_table_linesmain{
width:80%;
}
.results_table_lines{
/*color:#589FD2;*/
color:#589FD2;
background:url("img/results/results_table_lineback.gif") bottom left repeat-x #ffffff;
}
.results_table_linemask{
color:#ff6633;
background:#ffffff;
padding-right:2px;
}
.results_table_footer{
color:#006693;
background:url("img/results/results_table_gradient.gif") top left repeat-y #ffffff;
border:1px solid #5f5c2f;
text-align:right;
font-size:0.6em;
}
/* **************************  these two only apply to listings in find a plumber*/
.results_table_cat{
font-weight:bold;
color:#006693;
}
.results_table_county{
color:#006693;
}
.special_offers_spacing{
border:1px solid #E5E5E5;
}
/* **************************  general links - results  these are used in the links section and in the search bit*/
a.results_link{
color: #12897C;
text-decoration: none;
font-weight:bold;
}
a.results_link:hover{
color: #4C98CF;
text-decoration: none;
font-weight:bold;
}
a.results_link02{
color: #007F6E;
text-decoration: none;
font-weight:bold;
}
a.results_link02:hover{
color: #4C98CF;
text-decoration: none;
font-weight:bold;
}
.results_footer_link{
color: #666666;
text-decoration: none;
font-weight:bold;
}
a.results_footer_link:hover{
color: #333333;
text-decoration: none;
font-weight:bold;
}
/* ************************** title stuff  - this title is used in the plumbing search, it can be removed eventually*/
.title_hr{
background:#4C98CF;
}
.title_padding{
padding-top:5px;
}
.table_searchbody{
border:1px solid #C6C0C5;
/*background:url("img/results_table_greycorner.gif") bottom left no-repeat #ffffff;*/
padding:10px;
width:80%;
}
/* **************************  for competitions, shop etc.*/
.navline_text{
color:#70909a; 
font-weight:normal;
font-size:0.9em;
text-transform:uppercase;
}
a.navline_link{
color: #dc8900;
text-decoration: none;
font-weight:bold;
}
a.navline_link:hover{
color: #e63200;
text-decoration: none;
font-weight:bold;
}
/* **************************  shop stuff */
.product_desc{
width:100%;
}
.product_details_table{
width:100%;
border:1px solid #CC6600;
}
.product_details_head{
background:#CC6600;
color:#ffffff;
font-weight:bold;
font-size:0.6em;
text-align:center;
width:25%;
}
.product_details_body{
border:1px solid #CC6600;
font-size:0.7em;
width:25%;
}
.price{
border:1px solid #C0C0C0;
color:#666666;
padding:5px 5px 5px 10px;
}
.alt_price{
color:#CC6600;
font-weight:bold;
}
/* **************************  general links - product stuff */
a.product_link{
display:block;
width:100%;
color: #dc8900;
font-weight: bold;
text-decoration: none;
border-top:1px dotted #76cef1;
text-align:right;
}
a.product_link:hover{
color: #e63200;
font-weight: bold;
text-decoration: none;
border-top:1px solid #76cef1;
text-align:right;
}
/* **************************  ask the doctor */
.ask_table{
background:url("img/ask_the_doctor/doctor_back.gif") bottom left no-repeat #ffffff;
width:100%;
border:3px double #4c7031;
height:200px;
}
.ask_back{
padding-left:165px;
padding-right:5px;
}
.ask_title{
color: #e9b813;
font-size:1.6em;
font-weight:normal;
padding-top:5px;
padding-bottom:5px;
border-bottom:1px solid #619138;
}
.ask_question{
font-weight:bold;
padding:4px;
}
.ask_answer{
padding:5px;
}
.ask_links{
border-top:1px solid #619138;
display:block;
color:#ff6633;
padding:5px 20px 5px 5px;
}
.asklink_div{
display:block;
padding-bottom:3px;
text-align:right;
height:12px;
color:#ff6633;	
line-height:12px;
}
.ask_results_table{
width:80%;
border:1px solid #5f5c2f;
}
.ask_table_plain{
width:100%;
border:1px solid #4c7031;
}
.ask_table_head{
color:#365217;
font-weight:bold;
background:url("img/ask_table/title_gradient.gif") top left repeat-y #ffffff;
border:1px solid #5f5c2f;
text-align:center;
}
.ask_innertable{
width:161px;
height:126px;
}
.featured_ask_table{
width:100%;
}
/*these need to be looked at
a.list_link01:visited{
color: #397183;
}
a.list_link02:visited{
color: #397183;
}
a.list_link03:visited{
color: #397183;
}*/
a.list_link01{
color: #365217;
text-decoration: none;
font-weight:normal;
}
a.list_link01:hover{
color: #000000;
text-decoration: none;
font-weight:normal;
}
a.list_link02{
color: #789556;
text-decoration: none;
font-weight:normal;
}
a.list_link02:hover{
color: #000000;
text-decoration: none;
font-weight:normal;
}
a.list_link03{
color: #007F6E;
text-decoration: none;
font-weight:normal;
}
a.list_link03:hover{
color: #000000;
text-decoration: none;
font-weight:normal;
}
.ask_table_tipsbody{
border:1px solid #5f5c2f;
background:#ffffff;
padding:10px;
}
.ask_table_questionsbody{
border:1px solid #5f5c2f;
background:#ffffff;
padding:10px;
}
.ask_table_linesmain{
width:90%;
}
.ask_table_lines{
color:#589FD2;
background:url("img/results/results_table_lineback.gif") bottom left repeat-x #ffffff;
}
.ask_table_linemask{
background:#ffffff;
padding-right:2px;
color:#ff6633;
}
.ask_table_footer{
color:#666666;
background:url("img/results/ask_table_gradient.gif") top left repeat-y #ffffff;
border:1px solid #5f5c2f;
text-align:right;
font-size:0.6em;
}
.ask_table_cat{
font-weight:bold;
color:#666666;
}
.ask_footer_link{
color: #9a6e52;
text-decoration: none;
font-weight:bold;
}
a.ask_footer_link:hover{
color: #4d3729;
text-decoration: none;
font-weight:bold;
}
/* ************************** featured offer -  to be replaced on the site */
.featured_offer_table{
width:100%;
border:1px solid #605f31;
}
/* ************************** competition stuff*/
.headline_table_full{
width:80%;
}
.headline_table{
width:100%;
}
.headline_cell_img{
width:130px;
padding:5px;
}
.headline_cell_desc{
width:100%;
}
.headline_cell_border{
height:1px;
background:#85aa65;
}
.headline_cell_bullet{
color:#e63200;
}
a.headline_link{
font-family:"lucida sans", verdana, arial, sans-serif;
font-size:1.2em;
color: #4d3729;
text-decoration: none;
font-weight:bold;
}
a.headline_link:hover{
font-family:"lucida sans", verdana, arial, sans-serif;
font-size:1.2em;
color: #4d3729;
text-decoration: underline;
font-weight:bold;
}
/*
this was used on the coming soon page
.image_table{
width:396px;
height:200px;
}
.image_back{
background:url("img/doctor_background.jpg") bottom left no-repeat #ffffff;	
padding-left:125px;
padding-right:30px;
}
*/

/* ************************** BASKET*/
.basket_cell_01{
color: #000000;
font-weight: bold;
border:1px solid #4c7031;
padding:2px;
}
.basket_cell_02{
color: #ffffff;
background:#4c7031;
font-weight: bold;
text-align:right;
}
.basket_cell_03{
color: #000000;
padding:2px;
border:1px solid #B2B2B2;
}
.basket_cell_04{
color: #4c7031;
font-weight: bold;
text-align:right;
}
.offer_text{
color: #FF6100;
font-weight: bold;
padding:4px;
}
/*.related_title{
color: #ffffff;
font-weight: bold;
padding:2px;
}
.related_cell{
border:1px solid #4C98CF;
text-align:center;
font-size:0.6em;
padding:1px;
}
*/
/* ************************** related docs for articles section*/
.related_area{
width:98%;
margin-left:auto;
margin-right:auto;
}
.related_left{
width:49%;
float:left;
}
.related_right{
width:49%;
float:right;
}
.related_title{
height:18px;
line-height:18px;
/*font-family: georgia, times, serif;
font-size: 0.9em;*/
text-decoration:none;
color:#70909a;
background:url("img/forms/related_title.gif") bottom left repeat-x #fff;
padding-left:10px;
border-bottom: 1px solid #979797;
}
.related_row{
border-bottom:1px solid #CC0000;
}
ul.related_list{
list-style-type: none;
font-size:0.9em;
padding:2px;
margin: 0;
line-height:150%;
}
ul.related_list > li{
border-bottom:1px solid #dfdfdf;
}
span.icon_linktext {
padding-left:18px;
font-family: "trebuchet ms", arial, helvetica, sans-serif;
}
a.docs_link {
color:#4c7031;
display:block;
font-weight:normal;
text-decoration:none;
background:url("img/icons/related_docs.gif") center left no-repeat #fff;
}
a.docs_link:hover{
color:#000;
font-weight:bold;
text-decoration:none;
background:url("img/icons/related_docs.gif") center left no-repeat #fff;
}
a.www_link {
color:#4c7031;
display:block;
font-weight:normal;
text-decoration:none;
background:url("img/icons/related_links.gif") center left no-repeat #fff;
}
a.www_link:hover{
color:#000;
font-weight:bold;
text-decoration:none;
background:url("img/icons/related_links.gif") center left no-repeat #fff;
}
a.news_link{
color: #cc6633;
text-decoration: none;
font-weight:normal;
}
a.news_link:hover{
color: #9e7350;
text-decoration: none;
font-weight:normal;
}