﻿img, div { behavior: url(/javascripts/iepngfix.htc) }

body { background-image: url('../images/main_background.jpg'); background-repeat: repeat-x; background-color:#FFFFFF; margin: 0 0 12px 0 }

/* ---------------------------------------------------------------------
            				INDEX PAGE
------------------------------------------------------------------------ */

.links { font-family: Century Gothic; Verdana; font-size: 15px; color: #FFFFFF; }
.links a { text-decoration: none; color: #FFFFFF } 
.links a:hover { text-decoration: underline; color: #FFFFFF }

.index_bottom_visuals_title { font-family: Arial; font-size: 18px; color: #000000; padding: 13px 0 0 17px }
.index_bottom_visuals_title a { text-decoration: none; color: #000000 } 
.index_bottom_visuals_title a:hover { text-decoration: underline; color: #000000 }

.index_bottom_visuals_text { font-family: Arial; font-size: 11px; color: #ffffff; padding: 0 2px 0 6px }

.index_bottom_visuals_moreinfo {font-family: Arial; font-size: 11px; font-weight: bold; color: #FFFFFF; padding-right: 5px; float: right }
.index_bottom_visuals_moreinfo a { text-decoration: none; color: #ffffff } 
.index_bottom_visuals_moreinfo a:hover { text-decoration: underline; color: #ffffff }

.main_welcome_text { font-family: Arial; font-size: 12px; color: #000000; line-height: 14px; }

.welcome_text_small {font-family: Arial; font-size: 17px; color: #000000 }
.welcome_text_large { font-family: Arial; font-size: 28px; color: #000000 }
.main_offers_text_large { font-family: Arial; font-size: 14px; color: #000000 }

.flash_border_left { height: 223px; background-image: url('../images/shadow_flash_left.gif'); background-position: top; background-repeat: no-repeat }
.flash_border_right { height: 223px; background-image: url('../images/shadow_flash_right.gif'); background-position: top; background-repeat: no-repeat }
#abcflash { border: 0 }

.arch_background { width: 846px; height: 63px; margin: 0; background-image: url('../images/background_arch.jpg'); background-position: top; background-repeat: no-repeat }
.arch_background_blue { width: 830px; height: 68px; margin: 0 0 0 8px; background-image: url('../images/background_arch_blue.gif'); background-position: top; background-repeat: no-repeat }


/* Bottom Links */

.global_bottomlinks_text { font-family: Verdana, Arial; font-size: 11px; color: #000000; margin: 10px 0 2px 0 }
.global_bottomlinks_text a { text-decoration: none; color: #000000 }
.global_bottomlinks_text a:hover { text-decoration: underline; color: #000000 }


/* ---------------------------------------------------------------------
          				OUR SERVICES
------------------------------------------------------------------------ */

/* Services Text */

.services_header_text { font-family: Verdana, Arial; font-size: 34px; float: right; color: #000000; padding: 20px 15px 0 0 }
.services_headersmall_text h1 { font-family: Verdana, Arial; font-size: 30px; color: #000000; padding: 5px 0 6px 15px; margin: 0; font-weight: normal }
.services_info_text { font-family: Arial, Verdana; font-size: 12px; padding: 8px 280px 0 15px }
.services_info_text a { text-decoration: none; color: #000000 } 
.services_info_text a:hover { text-decoration: underline; color: #000000 }

.services_contact_text { font-family: Arial, Verdana; font-size: 12px; font-weight: bold; padding: 1px 0 5px 0px; }
.services_telcontact_numbers { font-family: Arial, Verdana; font-size: 15px; font-weight: bold; padding: 5px 0 5px 26px; background-image: url('../images/services_telephoneicon_image.gif'); background-position: center left; background-repeat: no-repeat }
.services_mobcontact_numbers { font-family: Arial, Verdana; font-size: 15px; font-weight: bold; padding: 5px 0 5px 20px; background-image: url('../images/services_mobileicon_image.gif'); background-position: center left; background-repeat: no-repeat }
.services_emailcontact_numbers { font-family: Arial, Verdana; font-size: 15px; font-weight: bold; padding: 5px 0 5px 25px; background-image: url('../images/services_emailicon_image.gif'); background-position: center left; background-repeat: no-repeat }
.services_emailcontact_numbers a { text-decoration: none; color: #000000 } 
.services_emailcontact_numbers a:hover { text-decoration: underline; color: #000000 }

/* Services Bullet List */

.services_list_title { font-family: Arial, Verdana; font-size: 12px; font-weight: bold; color: #000000; padding: 12px 0 0 0 }
.services_list { font-family: Arial, Verdana; font-size: 12px; color: #000000; padding: 0 0 0 0 }
.services_list ul { margin: 0 0 0 5px; padding: 0 0 0 0; }
.services_list li { margin: 1px 0 0 5px }


/* Services Rounded Corners */

.servicesroundcont_1 { width: 830px; background-color: #B5D9EF; color: #000; background-image: url('../images/services_plumbing_heating_image.gif'); background-position: top right; background-repeat: no-repeat }
.servicesroundcont_2 { width: 830px; background-color: #B5D9EF; color: #000; background-image: url('../images/services_centralheating_image.gif'); background-position: top right; background-repeat: no-repeat }
.servicesroundcont_3 { width: 830px; background-color: #B5D9EF; color: #000; background-image: url('../images/services_solartech_image.gif'); background-position: top right; background-repeat: no-repeat }
.servicesroundcont_4 { width: 830px; background-color: #B5D9EF; color: #000; background-image: url('../images/services_underfloorheat_image.gif'); background-position: top right; background-repeat: no-repeat }
.servicesroundcont_5 { width: 830px; background-color: #B5D9EF; color: #000; background-image: url('../images/services_servicing_image.gif'); background-position: top right; background-repeat: no-repeat }
.servicesroundbottom { background: url('../images/bottom_right.gif') no-repeat top right }
img.corner { width: 5px; height: 5px; border: none; display: block !important; }


/* Drop Down Menus */

/* Styling question */	/* Start layout CSS */
.dhtmlgoodies_question{ font-family: Verdana, Arial; color:#000000; font-size: 20px; width:810px; padding: 0 5px 0 15px; overflow:hidden; cursor:pointer; }

/* Parent box of slide down content */ /* Start layout CSS */
.dhtmlgoodies_answer{ margin: 0px 5px 0 15px; width:810px; visibility:hidden; height:0px; overflow:hidden; position:relative; }

/* Content that is slided down */
.dhtmlgoodies_answer_content { padding: 0px; font-size:0.9em; position:relative; }
.questions_text_large {	font-family: Verdana, Arial; font-size: 20px; color: #000000; margin-bottom:2px; margin-top:0px; padding-left:0px; padding-bottom: 0 }
.questions_text_small { font-family: Arial;	font-size: 13px; color: #000000 }



/* ---------------------------------------------------------------------
          				POWER FLUSING
------------------------------------------------------------------------ */

/* Power Flusing Text */

.powerflush_header_text h1 { font-family: Verdana, Arial; font-size: 34px; float: right; color: #000000; padding: 22px 15px 0 0; margin: 0; font-weight: normal }
.powerflush_powerflushimage { margin-top: 10px; margin-bottom: 10px; background-image:url(../images/powerflusing_powerflushimage.jpg); background-position: bottom right; background-repeat: no-repeat }
.powerflush_powerflush_smallheader h2 { font-family: Verdana, Arial; font-size: 18px; color: #000000; padding: 5px 0 0 15px; margin: 0; font-weight: normal }
.powerflush_powerflush_headertext { font-family: Verdana, Arial; font-size: 12px; color: #000000; line-height: 17px; padding: 8px 25px 10px 15px }
.powerflush_powerflush_text { font-family: Verdana, Arial; font-size: 12px; color: #000000; line-height: 18px; padding: 8px 0 10px 15px }
.powerflush_powerflush_imagetext { font-family: Verdana, Arial; font-size: 10px; color: #000000; padding: 5px 0 5px 0 }

/* Powerflush Bullet List */

.powerflush_powerflush_listheader { font-family: Verdana, Arial; font-size: 18px; color: #000000; padding: 9px 0 0 15px }
.powerflush_list { font-family: Arial, Verdana; font-size: 14px; color: #000000; padding: 0 10px 0 0 }
.powerflush_list ul { margin: 0; padding: 0px 7px 0 17px }
.powerflush_list li { margin: 0; color: #000000; padding: 10px 0 0 0px }






/* ---------------------------------------------------------------------
          				CONTACT US
------------------------------------------------------------------------ */

/* Contact Us Text */

.contact_mapbackground { margin-left: 13px; padding: 24px 0 0 15px; background-image:url(../images/map_background.gif); background-repeat: no-repeat }
.contact_header_text { font-family: Verdana, Arial; font-size: 34px; float: right; color: #000000; padding: 22px 15px 0 0 }
.contact_headersmall_text { font-family: Verdana, Arial; font-size: 26px; color: #000000; padding: 10px 0 6px 15px }
.contact_mapaddress_text { font-family: Verdana, Arial; font-size: 13px; color: #000000; padding: 16px 0 0 0 }
.contact_tobookcall { font-family: Verdana, Arial; font-size: 17px; color: #000000; padding: 8px 0 0 15px }
.contact_telnumber { font-family: Verdana, Arial; font-size: 23px; color: #000000; padding: 1px 0 1px 15px }
.contact_telnumber a { text-decoration: none; color: #000000 }
.contact_telnumber a:hover { text-decoration: underline; color: #000000 }
.contact_formtext { font-family: Verdana, Arial; font-size: 13px; color: #000000; padding: 4px 0 0 15px }
.contact_formtext a { text-decoration: none; color: #000000 }
.contact_formtext a:hover { text-decoration: underline; color: #000000 }
.textbox_back { background-image:url(../images/form_bg.jpg); background-repeat:repeat-x; border:1px solid #808080; width: 260px; color:#414141; margin:5px 2px 4px 2px; font-family: tahoma, arial, sans-serif; }
.textbox_enquiry { background-image:url(../images/form_bg.jpg); background-repeat:repeat-x; border:1px solid #808080; width: 680px; color:#414141; margin:5px 2px 4px 2px; font-family: tahoma, arial, sans-serif; }
.contact_send_button { background-color: #0077C0; margin-left: 5px; padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:3px; color: #FFFFFF; border:1px solid #0077C0; background-image: url(../images/button_bg.jpg); }
.contact_send_button:hover { background-color: #000000;	border:1px solid #000000; background-image: url(../images/button_bg_over.jpg) }
.contact_required_text { font-family: Verdana, Arial; font-size: 11px; color: #000000; padding: 4px 0 0 15px }
.contact_header_text_sent { font-family: Verdana, Arial; font-size: 26px; float: left; color: #000000; padding: 22px 15px 10px 15px }

/* Contact Rounded Corners */

.roundcont { width: 830px; background-color: #B5D9EF; color: #000 }
.roundcont_text { font-family: Arial, Verdana; font-size: 12px; margin: 0 10px; padding-bottom: 3px }
.roundcont_text a { text-decoration: none; color: #000000 } 
.roundcont_text a:hover { text-decoration: underline; color: #000000 }
.roundbottom { background: url('../images/bottom_right.gif') no-repeat top right }
img.corner { width: 5px; height: 5px; border: none; display: block !important; }



/* ---------------------------------------------------------------------
		      				TERMS & WEB
------------------------------------------------------------------------ */

/* Terms & Web */

.copyright_text { font-family: Arial; font-size: 11px; color: #000000; padding: 5px 3px 0px 3px }
.copyright_text a { text-decoration: none; color: #000000 } 
.copyright_text a:hover { text-decoration: underline; color: #000000 }
