/* -------------------- Global -------------------------- */ body { font-size: 13px; font-family: Arial, Helvetica, sans-serif; margin: 0px; background:#fff;} #page{background:#fff;} img { border: 0px; } form { padding: 0px; margin: 0px; } input { font-size: 11px; background: #F7F6F1; color: #000;} textarea { font-size: 11px; font-family: Arial, Helvetica, sans-serif; } select { font-size: 11px; font-family: Arial, Helvetica, sans-serif; } a:active, a:link, a:visited { text-decoration: none; color: #000; } a:hover { text-decoration: underline; color: #5B5344; } .text_11 { font-size: 11px; } .text_10 { font-size: 10px; } /* -------------------- CONTAINER ----------------------- */ #page_basic { width: 98%; margin: 3px auto auto auto; } /* -------------------- FOOTER ELEMENTS ----------------- */ #footer { margin-top: 8px; clear: both; padding: 0px 5px 0px 5px; width: 99%; text-align: center;} .footer_link { font-weight: normal; font-size: 12px; } .footer_link a:link, .footer_link a:active, .footer_link a:visited { color: #FE771C; text-decoration: none; } .footer_link a:hover { color: #5B5344; text-decoration: underline; } /* -------------------- Header -------------------------- */ .header_table { width: 766px; margin-bottom: 1px; height: 187px; background-color: #fff; border: 0px; padding: 0; border-collapse: collapse; } .header_table tr td { padding: 0px; margin: 0px; } .header_logo { float: left; background: url(/company/homebase/images/header/homebaselogo.png) 0 0 no-repeat; width:252px; height:85px; margin:8px 0 0;} .header_logo img { padding: 0 2px 0 2px; } /*.header_box { float: left; height: 61px; border: 0px; width: 766px; border: 0px;}*/ /* ------------------------------------ header links layout ---------------------------------------*/ .hdr_link_logos_cont { width: 100%;} .hdr_link_div { float: left; width: 84px; text-align: center; padding: 0px 0px 3px 0px; border: 0px; margin: 0px; border: 0px; } .hdr_link_div a, .hdr_link_div a:link, .hdr_link_div a:active, .hdr_link_div a:visited { font-weight: bold; color: #fff; text-decoration: none; font-size: 12px;} .hdr_link_div a:hover { color: #fff; text-decoration: underline; font-weight: bold;} .hdr_link_div_right { float: left; width: 130px; text-align: center; padding: 0px 0px 3px 0px; border: 0px; margin: 0px; border: 0px; } .hdr_link_div_right a, .hdr_link_div_right a:link, .hdr_link_div_right a:active, .hdr_link_div_right a:visited { font-weight: bold; color: #fff; text-decoration: none; font-size: 12px;} .hdr_link_div_right a:hover { color: #fff; text-decoration: underline; font-weight: bold; } .hdr_links_cont {float: left; width: 766px; padding: 0px; /*border: 0px; background: url(/company/homebase/images/header/hdr-bg1.png) 0 0 no-repeat;*/ margin-bottom: 2px; margin-top: 0px; padding:0;} .hdr_sf { width: 764px; color: #fff; float: left; padding-top:3px; padding-bottom:3px; background: #E7E5DA; border-top:1px solid #696354; border-bottom:2px solid #d7d6cd; clear:both;} .hdr_sf table{ height:25px; line-height:25px; margin-top:5px;} .hdr_sf_title { font-size: 13px; padding: 5px 0 0 5px; margin-right: 8px; line-height: 1.7em; font-weight: bold; } .hdr_sf_title a, .hdr_sf_title a:link, .hdr_sf_title a:active, .hdr_sf_title a:visited { color: #fff; text-decoration: none; font-size: 13px; font-weight: bold; } .hdr_sf_title a:hover { color: #fff; text-decoration: underline; font-size: 13px; font-weight: bold; } /* added to increase accesibilty */ .hdr_sf_titles{display:none;} #hdr_link_logos_holder {height:109px; width:764px; background:#fff; } .spares_finder_footer { background-color: #CC0001; font-size: 12px; font-weight: bold; color:#FFF; text-align: center; } .spares_finder_formfield { font-size: 12px; line-height: 12px; font-weight: normal; color: #000; height: 15px; width: 150px; text-align: left; text-indent: 1pt; vertical-align: middle; margin: 3px 0 3px 0;} .spares_finder_formfield_hdr { font-size: 12px; line-height: 1.2em; font-weight: normal; color: #000; height: 15px; width: 110px; text-align: left; text-indent: 1pt; vertical-align: middle; margin: 2px 12px 0px 12px;} /* ######################################################### */ /* ----------------- Section Nav ------------------------ */ .section_nav_section_shop { background: #fff url(/company/homebase/images/header/shoparrow.png) no-repeat 5px; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; font-size: 11px; font-weight: normal; width:80%; margin-left:7px;} .section_nav_section_odd { background: #f7f6f0 url(/company/homebase/images/header/arrow.png) no-repeat 5px; border-bottom:1px solid #e3dfce; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; font-size: 11px; font-weight: normal; width:80%; margin-left:7px;} .section_nav_section_even { background: #f7f6f0 url(/company/homebase/images/header/arrow.png) no-repeat 5px; border-bottom:1px solid #e3dfce; padding-left: 20px; padding-top: 2px; padding-bottom: 2px; font-size: 11px; font-weight: normal; width:80%; margin-left:7px;} /*.section_nav_header { color: #FFF; font-weight: bold; font-size: 13px; height: 22px; vertical-align: baseline; }*/ .section_nav_section { } .section_nav_section a:active, .section_nav_section a:link, .section_nav_section a:visited { color: #000; text-decoration: none; } .section_nav_section a:hover { color: #000; text-decoration: underline;} .scetion_nav_bullets { font-weight: normal; } .section_nav_hdr { background: url(/company/homebase/images/universal/left_nav1.png) 0 0 no-repeat; color: #FFF; font-weight: bold; padding-left: 15px; padding-top: 3px; font-size: 10px; margin-top: 0px; height: 17px; } .section_nav_header { background:#61bb46; color: #fff; font-weight: bold; padding-left: 4px; padding-top: 3px; font-size: 11px; margin-bottom: 1px; height: 17px; border:1px solid #fff; border-bottom:0; padding-top:3px;} .section_nav_header_brand { background:inherit; color: #616161; font-weight: bold; padding-left: 4px; padding-top: 3px; font-size: 12px; margin-bottom: 1px; height: 17px; border:1px solid #fff; border-bottom:1px solid #616161; padding-top:3px; } .section_nav_header_brand a, .section_nav_header_brand a:link, .section_nav_header_brand a:visited, .section_nav_header_brand a:hover, .section_nav_header_brand a:active{ color:#616161;} .border_solid {margin-bottom:10px; background:#F7F6F0;} .border_solid_track {background:#F7F6F0;} /* ###################################################### */ .border_box { border: 1px solid #E6E5E5;} .border_box table { width: 100%; height: 100%; empty-cells: show; border-collapse: collapse; } .border_box table thead th { background-color:#f7f6f0; color: #000;} .catalogue_spares_finder .border_box table thead th { background-color:#61BB46; color: #fff;} .border_box table thead th a, .border_box table thead th a:link, .border_box table thead th a:active, .border_box table thead th a:visited { color: #827A68; text-decoration: none;} .border_box table thead th a:hover { color: #827A68; text-decoration: underline;} .border_box table tbody tr td {padding: 2px;} .border_box table tfoot {background-color: #F5F6F0; color: #585448; font-weight:bold;} .none table {border: #fff solid 1px; } .border_box_soft_bg { background-color: #fff; font-size: 11px; vertical-align: middle; height: 23px; } .border_box_med_bg { font-size: 11px; font-weight: normal; color: #000000; padding: 1px; background-color: #E6E6E6; height: 22px; } /* ###################################################### */ /*.rooms_container { width: 575px; border: 0px; margin-bottom: 3px; }*/ .rooms_container { width: 415px; border: 0px; margin-bottom: 3px; } /* ----------------------- Start Basket ----------------------- */ .basket_button a:active, .basket_button a:hover, .basket_button a:link, .basket_button a:visited { color: white; font-weight: bold; text-decoration: none; } .basket_promo_code_box { border: 1px solid #000; } .addtobasket_navigation_left { height: 30px; padding: 3px; float: left; } .addtobasket_navigation_right { height: 30px; padding: 3px; float: right; } .addtobasket_nav_container { width: 400px; height: 30px; padding: 0px;} .addtobasket_content_left { width: 110px; height: 100px; padding: 5px; float: left; margin-top: 5px; } .addtobasket_content_right { width:260px; height: 100px; padding: 5px; text-align: left; float: right; margin-top: 5px; } .addtobasket_basket_counter_container { width: 400px; height: 30px; padding: 0px; text-align: center; } .addtobasket_content { width: 400px; height: 100px; padding: 0px; text-align: center; } .three_d_secure_info { width: 350px; } .three_d_secure_info td { padding: 4px; } .add_to_basket a:active, .add_to_basket a:hover, .add_to_basket a:link, .add_to_basket a:visited { color: white; font-weight: bold; text-decoration: none; } .basket_border { border-top: #a9021a solid 1px; } /* --------------------- Left INFO links ------------------------------------- */ .left_nav { border: 0px;} .left_nav_img_txt { height: 24px; font-weight: bold; color: #000; font-size: 14px;} .left_nav_txt { font-weight: bold; color: #000; font-size: 14px; height: 24px; } .left_nav_txt_link, .left_nav_txt_link a:link, .left_nav_txt_link a:active, .left_nav_txt_link a:visited { padding: 2px; background-color: #aaa; font-weight: normal; color: #FFF; font-size: 12px; text-decoration: none; text-align: right; height: 15px; vertical-align: middle; } .left_nav_txt_link a:hover { padding: 2px; background-color: #aaa; font-weight: normal; color: #FFF; font-size: 12px; text-decoration: underline; text-align: right; height: 15px; vertical-align: middle; } .left_info { background-color: #CC0001; width: 100%; height: 100%; } .left_text { color: #FFF; font-size: 15px; width: 100%; height: 20px; font-weight: bold; } .left_security { float: left; background: url(/company/homebase/images/universal/security_bg.png) 0 0 no-repeat; width: 164px; height: 33px; padding: 0; margin-bottom: 0px;} .left_about { float: left; background: url(/company/homebase/images/universal/about.png) 0 0 no-repeat; width: 164px; height: 33px; padding: 0; margin-bottom: 0px; border: 0px; } .left_info_link { float: left; background: url(/company/homebase/images/universal/left_info_link.png) 0 0 no-repeat; width: 163px; height: 33px; padding: 0; margin-top: 0px; border: 0px; } /* ------------------------------------- Mini sfinder ---------------------------------------*/ .sfinder { padding: 0px; margin: 0px; border: 1px solid #aaa; width: 230px; border-collapse:collapse; } /*--------------------------------- Key Sections ---------------------------------- */ .key_tiles_top { width: 415px; padding: 0px; margin-bottom: 5px; border: 0px; height: 275px; } .key_tiles_centre { width: 415px; height: 145px; border: 0px; } .key_tiles_bottom { width: 415px; padding: 0px; margin-bottom: 0px; border: 0px; height: 163px; } .key_tiles { float: left; width: 115px; margin: 0 0px 0px 0px; } .key_tiles_middle { float: left; width: 115px; margin: 0 9px 0px 0px; } .key_tiles_left { float: left; width: 205px; margin: 0 0px 0px 0px; border-right:5px solid #fff; height: 135px; border-bottom:5px solid #fff;} .key_tiles_left2 { float: left; width: 205px; margin: 0 0px 0px 0px; height: 135px; } .key_tiles_right { float: left; width: 115px; margin: 0 0px 0px 24px; } .home_tiles_left{float:left; margin-right:4px; margin-bottom:5px} .home_tiles_center{clear:both; background:#f7f6f0; color:#FE771C; padding:0; margin:0; width:575px; margin-top:3px;} .home_tiles_center a, .home_tiles_center a:link, .home_tiles_center a:visited{color:#5B5344; background:transparent; } .home_tiles_center a:hover, .home_tiles_center a:active{color:#5B5344; background:transparent; } .home_tiles_center ul, .home_tiles_center li, .home_tiles_center h2, .home_tiles_center h1, .home_tiles_center p {padding:0; margin:0; list-style:none;} .home_tiles_center p {margin-top:5px; color:#5B5344; } .home_tiles_center strong{clear:both; background:#f7f6f0 url(/company/homebase/images/universal/homearrow.png) no-repeat 0 3px; color:#FE771C; padding:0; margin:0; font-size:14px; padding-left:15px;} .home_tiles_center strong a, .home_tiles_center strong a:link, .home_tiles_center strong a:visited{color:#FE771C; background:transparent;} .home_tiles_center strong a:hover, .home_tiles_center strong a:active{color:#FE771C; background:transparent;} .home_tiles_center h1{color:#5b5344; font-size:15px; padding-top:15px; padding-left:5px;} .home_tiles_center li{width:29%; margin-left:1%; margin-right:2%; margin-top:20px; font-size:11px; float:left; } .home_tiles_clear{clear:both; margin-bottom:6px;} .home_tiles_bottom ul, .home_tiles_bottom li{padding:0; margin:0;} .home_tiles_bottom li {display:inline; margin-right:1px;} .section_tiles { float: right; width: 218px; margin: 0; height: 37px; border: 0px;} .section_text1 {float: left; margin: 9px 0 0 8px;} .section_text2 {float: left; margin: -1px 0 0 8px;} .key_banner { background-color: #F7F7F7; width: 406px; height: 30px; border: 1px solid #d2c8aa; margin: 6px 0 6px 0; color: #999999; font-size: 13pt; font-weight: bold; padding: 10px 0 0 8px; clear:both;} .sections1 { background-color: #a9021a; width: 414px; height: 37px; color: #FFF; font-size: 16px; font-weight: bold; margin-bottom: 5px; } .sections1 a, .sections1 a:link, .sections1 a:hover, .sections1 a:active, .sections1 a:visited { color: #FFF; font-size: 16px; font-weight: bold; text-decoration: none; } /* ------------- Infobox - drop down panel on right hand side ----------------------- */ .infobox_outer { border-collapse: collapse; padding: 0px; margin: 0px; width: 100%; margin-bottom: 8px; border: 1px solid #aaa; } .infobox_outer td { padding: 0px; margin: 0px; } .infobox_outer_centre { background: #fff; } .infobox_inner { width: 100%; font-size: 10px; padding: 2px;} .infobox_header { height: 24px; width: 100%; border-collapse: collapse; padding: 0px; margin: 0px; } .infobox_header a:active, .infobox_header a:link, .infobox_header a:hover, .infobox_header a:visited { font-size: 10px; text-decoration: none; font-weight: bold; color: #555; } /* ------------------------------- Search results search box ------------------------- */ .sresults_searchbox { border-collapse: collapse; height: 30px; margin: 0px; width: 100%; margin-bottom: 8px; background-color: #fff; } .sresults_searchbox td { padding: 5px; } .sresults_input { font-weight: normal; font-size: 12px; line-height: 12px; } /* -------------------------------- Spares Finder Drop Down ----------------------------------- */ div.suggestions { /*-moz-box-sizing: border-box;*/ /*box-sizing: border-box;*/ border: 1px solid black; position: absolute; font-size: 13px; background-color: white; width: 112px; margin: 0 0 0 0;} div.suggestions div { cursor: default; padding: 0px 3px 0 0; font-size: 10px; display: block; width: 111px; } div.suggestions div.current { background-color: #3366cc; color: white; } .search_showing { color: #000000; font-weight: bold } /* ---------------------------------- All Fonts --------------------------- */ .text8_n {font-size: 11px; color: #000; font-weight: normal;} .text8_n, .text8_n a, .text8_n a:link, .text8_n a:active, .text8_n a:visited {text-decoration: none; color: #000; } .text8_n a:hover {text-decoration: underline; color: #750708;} .text8_n_delivery {font-size: 11px; color: #000; font-weight: normal; text-decoration: none;} .text8_n_delivery, .text8_n_delivery a, .text8_n_delivery a:link, .text8_n_delivery a:active, .text8_n_delivery a:visited {text-decoration: none; color: #000; } .text8_n_delivery a:hover {text-decoration: none; color: #750708;} .text9_n {font-size: 12px; color: #000; font-weight: normal;} .text9_n, .text9_n a, .text9_n a:link, .text9_n a:active, .text9_n a:visited {text-decoration: none; color: #000;} .text9_n a:hover {text-decoration: underline; color: #FE771C;} .text10_new a, .text10_new a:link, .text10_new a:active, .text10_new a:visited {text-decoration: none; color: #000; font-weight: bold;} .text10_new a:hover {text-decoration: none; color: #A9021A; font-weight: bold; } .text10_n {font-size: 13px; color: #000;} .text10_n, .text10_n a, .text10_n a:link, .text10_n a:active, .text10_n a:visited {text-decoration: none; color: #000;} .text10_n a:hover {text-decoration: none; color: #FE771C;} .text11_n {font-size: 15px; color: #000;} .text11_n, .text11_n a, .text11_n a:link, .text11_n a:active, .text11_n a:visited {text-decoration: none; color: #000;} .text11_n a:hover {text-decoration: none; color: #FE771C;} .text12_n {font-size: 16px; color: #000;} .text12_n, .text12_n a, .text12_n a:link, .text12_n a:active, .text12_n a:visited {text-decoration: none; color: #000;} .text12_n a:hover {text-decoration: none; color: #FE771C;} .text8_b {font-size: 11px; font-weight: bold; color: #000;} .text8_b, .text8_b a, .text8_b a:link, .text8_b a:active, .text8_b a:visited {text-decoration: none; color: #000;} .text8_b a:hover {text-decoration: none; color: #FE771C;} .text9_b {font-size: 12px; font-weight: bold; color: #000;} .text9_b, .text9_b a, .text9_b a:link, .text9_b a:active, .text9_b a:visited {text-decoration: none; color: #000;} .text9_b a:hover {text-decoration: none; color: #FE771C;} .text10_b {font-size: 13px; font-weight: bold; color: #000;} .text10_b, .text10_b a, .text10_b a:link, .text10_b a:active, .text10_b a:visited {text-decoration: none; color: #000;} .text10_b a:hover {text-decoration: none; color: #FE771C;} .text11_b {font-size: 15px; font-weight: bold; color: #000;} .text11_b, .text11_b a, .text11_b a:link, .text11_b a:active, .text11_b a:visited {text-decoration: none; color: #000;} .text11_b a:hover {text-decoration: none; color: #FC6105;} .text12_b {font-size: 16px; font-weight: bold; color: #000;} .text12_b h1{margin:0; padding:0; } .text12_b, .text12_b a, .text12_b a:link, .text12_b a:active, .text12_b a:visited {text-decoration: none; color: #000;} .text12_b a:hover {text-decoration: none; color: #750708;} .text8_nw {font-size: 11px; color: #006; font-weight: normal; } .text8_nw, .text8_nw a, .text8_nw a:link, .text8_nw a:active, .text8_nw a:visited { color: #fff;text-decoration: none; font-weight: normal; } .text8_nw a:hover {text-decoration: underline; color: #fff; font-weight: normal; } .text9_nw {font-size: 12px; color: #fff; font-weight: normal; } .text9_nw, .text9_nw a, .text9_nw a:link, .text9_nw a:active, .text9_nw a:visited { color: #fff; text-decoration: none; font-weight: normal; } .text9_nw a:hover {text-decoration: underline; color: #fff; font-weight: normal; } .text10_nw {font-size: 13px; color: #fff; font-weight: normal; } .text10_nw, .text10_nw a, .text10_nw a:link, .text10_nw a:active, .text10_nw a:visited { color: #fff;text-decoration: none; font-weight: normal; } .text10_nw a:hover {text-decoration:underline; color: #fff; font-weight: normal; } .text11_nw {font-size: 15px; color: #fff; font-weight: normal; } .text11_nw, .text11_nw a, .text11_nw a:link, .text11_nw a:active, .text11_nw a:visited { color: #fff;text-decoration: none; font-weight: normal; } .text11_nw a:hover {text-decoration: underline; color: #fff; font-weight: normal; } .text12_nw {font-size: 16px; color: #fff; font-weight: normal; } .text12_nw, .text12_nw a, .text12_nw a:link, .text12_nw a:active, .text12_nw a:visited { color: #fff;text-decoration: none; font-weight: normal; } .text12_nw a:hover {text-decoration: underline; color: #fff; font-weight: normal; } .text8_bw {font-size: 11px; font-weight: bold; color: #fff;} .text8_bw, .text8_bw a, .text8_bw a:link, .text8_bw a:active, .text8_bw a:visited { color: #fff;text-decoration: none;} .text8_bw a:hover {text-decoration: underline; color: #fff;} .text8_bw_basket {font-size: 11px; font-weight: bold; color: #fff;} .text8_bw_basket, .text8_bw_basket a, .text8_bw_basket a:link, .text8_bw_basket a:active, .text8_bw_basket a:visited { color: #fff;text-decoration: none;} .text8_bw_basket a:hover {text-decoration: none; color: #fff;} .text9_bw {font-size: 12px; font-weight: bold; color: #fff;} .text9_bw, .text9_bw a, .text9_bw a:link, .text9_bw a:active, .text9_bw a:visited { color: #fff;text-decoration: none;} .text9_bw a:hover {text-decoration: underline; color: #fff;} .text10_bw {font-size: 13px; font-weight: bold; color: #585448;} .text10_bw, .text10_bw a, .text10_bw a:link, .text10_bw a:active, .text10_bw a:visited { color: #585448; text-decoration: none;} .text10_bw a:hover {text-decoration: underline; color: #585448;} .text11_bw {font-size: 15px; font-weight: bold; color: #fff;} .text11_bw, .text11_bw a, .text11_bw a:link, .text11_bw a:active, .text11_bw a:visited { color: #fff;text-decoration: none;} .text11_bw a:hover {text-decoration: underline; color: #fff;} .text12_bw {font-size: 16px; font-weight: bold; color: #fff;} .text12_bw, .text12_bw a, .text12_bw a:link, .text12_bw a:active, .text12_bw a:visited { color: #fff;text-decoration: none;} .text12_bw a:hover {text-decoration: underline; color: #fff;} .text8_nr {font-size: 10px; color: #333;} .text8_nr, .text8_nr a, .text8_nr a:link, .text8_nr a:active, .text8_nr a:visited {text-decoration: none; color: #333;} .text8_nr a:hover {text-decoration: underline; color: #FD5F04;} .text9_nr {font-size: 12px; color: #333;} .text9_nr, .text9_nr a, .text9_nr a:link, .text9_nr a:active, .text9_nr a:visited {text-decoration: none; color: #333;} .text9_nr a:hover {text-decoration: underline; color: #333;} .text10_nr {font-size: 13px; color: #333;} .text10_nr, .text10_nr a, .text10_nr a:link, .text10_nr a:active, .text10_nr a:visited {text-decoration: none; color: #333;} .text10_nr a:hover {text-decoration: underline; color: #333;} .text11_nr {font-size: 15px; color: #333;} .text11_nr, .text11_nr a, .text11_nr a:link, .text11_nr a:active, .text11_nr a:visited {text-decoration: none; color: #333;} .text11_nr a:hover {text-decoration: underline; color: #333;} .text12_nr {font-size: 16px; color: #333;} .text12_nr, .text12_nr a, .text12_nr a:link, .text12_nr a:active, .text12_nr a:visited {text-decoration: none; color: #333;} .text12_nr a:hover {text-decoration: underline; color: #333;} .text8_br {font-size: 10px; font-weight: bold; color: #333;} .text8_br, .text8_br a, .text8_br a:link, .text8_br a:active, .text8_br a:visited {text-decoration: none; color: #333;} .text8_br a:hover {text-decoration: underline; color: #333;} .text9_br {font-size: 12px; font-weight: bold; color: #333;} .text9_br, .text9_br a, .text9_br a:link, .text9_br a:active, .text9_br a:visited {text-decoration: none; color: #333;} .text9_br a:hover {text-decoration: underline; color: #333;} .text10_br {font-size: 13px; font-weight: bold; color: #333;} .text10_br, .text10_br a, .text10_br a:link, .text10_br a:active, .text10_br a:visited {text-decoration: none; color: #333;} .text10_br a:hover {text-decoration: underline; color: #333;} .text11_br {font-size: 15px; font-weight: bold; color: #333;} .text11_br, .text11_br a, .text11_br a:link, .text11_br a:active, .text11_br a:visited {text-decoration: none; color: #333;} .text11_br a:hover {text-decoration: underline; color: #333;} .text12_br {font-size: 16px; font-weight: bold; color: #333;} .text12_br, .text12_br a, .text12_br a:link, .text12_br a:active, .text12_br a:visited {text-decoration: none; color: #333;} .text12_br a:hover {text-decoration: underline; color: #333;} .text_price_red { font-size: 13pt; font-weight: bold; color: #f00; } .text_small_red { font-size: 12px; font-weight: bold; color: #f00; } .text_small_red_text { font-size: 10px; font-weight: normal; color: #f00; } .important_info_box { border: 0px; background: url(/company/4ourhouse/images/buttons/button-red.png) 0 0 no-repeat; color: #fff; font-size: 12px; margin: 0; padding: 0; height: 18px; font-weight: bold; padding-bottom: 3px; vertical-align: top; } .important_info_box a, .important_info_box a:link, .important_info_box a:active, .important_info_box a:visited { text-decoration: none; color: #fff; } .important_info_box a:hover { text-decoration: underline; } .text_large_header { font-family: arial, helvetica, sans-serif; font-size: 25px; font-weight: bold; color: #5B5344; background:inherit;} .text_red_italic { color: #750708; font-size: 12px; font-style: italic; } .text_blue { color: #009; font-size: 13px;} .catalogue_header_all { color: #000; font-size: 16px; font-weight: bold; } .catalogue_header_all h1{margin:0; padding:0; font-size: 16px; font-weight: bold; } .back_links {font-size: 13px; color: #FE771C;} .back_links, .back_links a, .back_links a:link, .back_links a:active, .back_links a:visited {text-decoration: none; color: #FE771C;} .back_links a:hover {text-decoration: underline; color: #000;} .spares_accessories { float: right; font-size: 23pt; font-weight: normal; color: #000; padding-right: 10px; font-family: arial, helvetica, serif; } .distributed_by { float: right; font-size: 13px; font-weight: normal; color: #000; clear: right; padding-right: 3px; width: 145px; } .altassoc_title {color:#5B5344; background:inherit} .footer_text {font-size: 13px; color: #000;} .footer_text, .footer_text a, .footer_text a:link, .footer_text a:active, .footer_text a:visited {text-decoration: none; color: #000;} .footer_text a:hover {text-decoration: none; color:#000;} .error_link {font-size: 13px; color: #000;} .error_link, .error_link a, .error_link a:link, .error_link a:active, .error_link a:visited {color: #000; text-decoration: none;} .error_link a:hover {text-decoration: underline; color: #FE771C;}; /* -------------------- LEFT NAVIGATION ----------------------- */ #left_section_navigation a:active, #left_section_navigation a:link, #left_section_navigation a:visited { text-decoration: none; color: #000; } #left_section_navigation a:hover { text-decoration: underline; color: #000; } /* --------------------- Search Box --------------------------- */ .catalogue_spares_finder .text8_nw, .catalogue_spares_finder .text8_nw a{color: #fff; text-decoration: none; font-weight: normal;} .catalogue_spares_finder .text10_bw, .catalogue_spares_finder .text10_bw a{background:#61BB46; color:#fff;} .catalogue_row_table .border_box:hover {border:1px solid #5D5D5D;} /*---------------------- Home page Promotional ----------------------------*/ .homepage_promotional{padding-left:3px; padding-bottom:2px;} .bullett_hr {background:#FE771C; height:3px; margin:0px; padding:0px; text-align:right; width:328px;} /*-------------------------------- Home Page Centre Top Tiles Link Text Style -------------------------*/ .top_tile_left_text a, .top_tile_left_text a:link, .top_tile_left_text a:visited, .top_tile_left_text a:hover, .top_tile_left_text a:active {color: #333333; text-decoration: none;} .top_tile_right_text a, .top_tile_right_text a:link, .top_tile_right_text a:visited, .top_tile_right_text a:hover, .top_tile_right_text a:active {color: #333333; text-decoration: none;} .bottom_tile_left_text a, .bottom_tile_left_text a:link, .bottom_tile_left_text a:visited, .bottom_tile_left_text a:hover, .bottom_tile_left_text a:active {color: #333333; text-decoration: none;} .bottom_tile_right_text a, .bottom_tile_right_text a:link, .bottom_tile_right_text a:visited, .bottom_tile_right_text a:hover, .bottom_tile_right_text a:active {color: #333333; text-decoration: none;} /*-------------------------- Home Page Top Image Style --------------------*/ .key_tiles_top { border:0px none; margin:5px 0 5px 0; padding:0px; width:420px; width: 420px; } .key_tiles_left { float: left; width: 138px; margin: 0 0px 0px 0px; height: 220px; margin-right: 1px; margin-bottom: 3px; border-right:0px;} .key_tiles_left2 { float: left; width: 137px; margin: 0 0px 0px 0px; height: 220px; margin-bottom: 3px;} /*------------------------- Home Page Top Image Text Style ---------------*/ .top_tile_left_text {color: #333; background: transparent; position: absolute; padding-left: 5px; padding-top: 3px; font-family: Arial; font-size: 11px; width:130px; margin-top:170px;} .top_tile_right_text {color: #333; background: transparent; position: absolute; padding-left: 5px; padding-top: 3px; font-family: Arial; font-size: 11px; width:138px; margin-top:170px; } .bottom_tile_left_text {color: #333; background: transparent; position: absolute; padding-left: 5px; padding-top: 3px; font-family: Arial; font-size: 11px; } .bottom_tile_right_text {color: #333; background: transparent; position: absolute; padding-left: 5px; padding-top: 3px; font-family: Arial; font-size: 11px; } .home_middle{font-size:17px; font-weight: bold;} /*----------------------- Key Banner ---------------------------------*/ .key_banner { background-color: #F7F7F7; width: 406px; height: 30px; border: 1px solid #999999; margin: 6px 0 6px 0; color: #999999; font-size: 13pt; font-weight: bold; padding: 10px 0 0 8px; clear:both;} /*--------------------------------- Home Page Bottom Image Style -------------------*/ .image_tile_top1 {border: 1px solid #999999; width: 99px; margin-bottom: 3px; margin-right: 3px; float: left;} .image_tile_top1a {border: 1px solid #999999; width: 99px; margin-bottom: 3px; float: left; } .image_top_tile1_text {background-color: #F7F7F7; float: left; clear: left; height: 30px; padding-top: 3px; font-family: Verdana; font-size: 10px; width: 99px; } .section4 { float: left; width: 99px; height: 72px; } .section2 { float: left; width: 99px; height: 72px; } .section3 { float: left; width: 99px; height: 72px; } .section1 { float: left; width: 99px; height: 72px; } .section6 { float: left; width: 99px; height: 72px; } .section7 { float: left; width: 99px; height: 72px; } .section8 { float: left; width: 99px; height: 72px; } .section5 { float: left; width: 99px; height: 72px; } /* --------------------- Home Page Bottom Image Link Styles ------------ */ .key_tiles_bottom a, .key_tiles_bottom a:link, .key_tiles_bottom a:visited {color: #999999; font-weight: bold;} .key_tiles_bottom a:hover, .key_tiles_bottom a:active {text-decoration: none; color: #999999; font-weight: bold;} /*----------------------- Home Page Right Tiles Link Style ----------------*/ .right_advert_panel {border: 1px solid #FC6105; margin-top: 3px; width: 156px; clear: both; margin-bottom: 3px; } .right_advert_panel a, .right_advert_panel a:link, .right_advert_panel a:visited {color: #fff; } .right_advert_panel a:hover, .right_advert_panel a:active {text-decoration:none; color: #fff;} /* --------------------- Home Page Right Tiles Text Style --------------*/ .image_right_tile_text { background-color: #FC6105; border: 1px solid #FC6105; color: #fff; width: 155px; text-align: right; font-size: 11px; font-family: Verdana; display: block;} .image_right_tile_text1 { background-color: #FC6105; border: 1px solid #FC6105; color: #fff; width: 155px; text-align: right; font-size: 11px; font-family: Verdana; display: block;} #shoppingTrolley{background:#f9f9f5; width:160px; float:right; margin-top:17px; margin-right:5px; color:#5b5344; height:26px; } .headerTrolley{ color:#5b5344; font-weight:bold; font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:15px; margin:2px;} .viewTrolleyLink{background:#f9f9f5 url(/company/homebase/images/header/basketicon.png) no-repeat; padding-left:20px; margin-left:0px; margin-top:0px; font-size:11px; height:20px; padding-top:2px;} .viewTrolleyLink a, .viewTrolleyLink a:link, .viewTrolleyLink a:visited{color:#FE7417; text-decoration:underline;} .viewTrolleyLink a:hover, .viewTrolleyLink a:active{color:#5B5344; text-decoration:underline;} /* --------------------- Navigation --------------*/ #hdr_link_logos_holder {height:109px; width:766px; position:relative;} #header_phoneNumber{ color:#5B5344; font-family:Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif; font-weight:bold; background:transparent url(/company/homebase/images/header/customercall.png) no-repeat left center; padding:1px 0 1px 33px; margin:35px 0 0 162px;} #hdr_links_section ul, #hdr_links_section li {display:inline; float:left; margin:0px; padding:0px;} #hdr_links_section ul {margin-top:5px;} #hdr_navbars li{display:inline; font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; cursor:pointer;} #hdr_navbars a, #hdr_navbars a:link, #hdr_navbars a:visited { color:#fff;; text-decoration:none; font-size:11px;} #hdr_navbars a:hover{color:#fff; text-decoration:underline; font-size:11px;} #hdr_navbars a:active { color:#fff;; text-decoration:none; font-size:11px;} #hdr_navbars a{float:left; background:url(/company/homebase/images/header/h_tab_left.gif) no-repeat left top; margin:0; margin-right:2px; padding:0 0 0 7px; text-decoration:none; cursor:pointer; font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;} #hdr_navbars a span{float:left; display:block; background:url(/company/homebase/images/header/h_tab_right.gif) no-repeat right top; padding:7px 10px 5px 6px; font-weight:bold; color:#fff; cursor:pointer; font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;} #hdr_navbars a:hover span{color:#fff; font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;} #hdr_navbars #current a {background:url(/company/homebase/images/header/h_tab_left_sel.gif) no-repeat left top;} #hdr_navbars #current a span{background:url(/company/homebase/images/header/h_tab_right_sel.gif) no-repeat right top;} #hdr_navbars #current a:hover {background-position:0 -90px; } #hdr_navbars #current a:hover span{background-position:100% -90px; } #hdr_navbars a:hover {background-position:0 -90px;} #hdr_navbars a:hover span{background-position:100% -90px;} .prt_Base{color:#585448; font-weight:bold; font-size:15px; padding-right:10px;} .partInputBox{width:180px; border:1px solid #5b5344; padding:2px; color:#585448; background: #F7F6F1;} .home_tiles_footer{background:url(/company/homebase/images/homepage/centre%20tiles/footerbackground.png) no-repeat; width:575px; height:96px;} .home_tiles_footer ul, .home_tiles_footer li, .home_tiles_footer h2{padding:0; margin:0; list-style:none} .home_tiles_footer strong{color:#f58426; font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; padding:5px 0 0 3px;} .home_tiles_footer ul{margin-left:4px; margin-top:5px;} .home_tiles_footer li{width:60px; float:left; font-size:11px; margin-bottom:5px;} .home_tiles_footer a, .home_tiles_footer a:link, .home_tiles_footer a:visited {color:#5B5344; text-decoration:none;} .home_tiles_footer a:hover, .home_tiles_footer a:active{color:#5B5344; text-decoration:underline;} ul.footerNavigation, .footerNavigation li{padding:0; margin:0;} ul.footerNavigation{background:#928975; } .footerNavigation li{display:inline; height:30px; line-height:30px; border-right:1px solid #fff; padding-right:5px; padding-left:5px;} .footerNavigation a, .footerNavigation a:link, .footerNavigation a:visited{color:#fff; background:inherit; font-size:11px; font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; } .footerNavigation a:hover, .footerNavigation a:active{color:#fff; background:inherit; font-size:11px; font-family:Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;} .footerNavigation li.noCorner{border-right:0;} /*-------------------------------------------------------------------- Contact --------------------------------------------------------------------*/ .txtFormat1{ color: #F00; font-size: 10px;} .txtFormat2{ color: #F00; font-weight: bold;} /*-------------------------------------------------------------------- Product Page --------------------------------------------------------------------*/ .product_detail{margin-bottom:10px; width:415px;} /*-------------------------------------------------------------------- Sfinder --------------------------------------------------------------------*/ .sfinderSearch{margin: 5px 0 6px 0;} .alignLeft{text-align:left;} /*-------------------------------------------------------------------- Breadcrumb Navigation --------------------------------------------------------------------*/ ul.breadcrumbs, .breadcrumbs li {padding:0; margin:0;} .breadcrumbs li {display:inline; border-right:1px solid #5B5344; padding:0 5px 0 5px;} .breadcrumbs li:last-child {border-right:0px solid #5B5344; } /*-------------------------------------------------------------------- Home Page Tiles --------------------------------------------------------------------*/ .bannerStrechTile{} .homePageBg{color:#5b5344; font-family:tahoma; font-size:13px; margin:0; font-weight:bold; background:url(/company/homebase/images/universal/homepagebg.png) repeat-x; line-height:27px; height:27px; padding:0 5px; border:1px solid #ebebeb;} .homePageBg a, .homePageBg a:link, .homePageBg a:visited{color:#5b5344; text-decoration:none;} .homePageBg a:hover, .homePageBg a:active{color:#5b5344; text-decoration:underline; } .homePageBgBottom{color:#5b5344; font-family:tahoma; font-size:11px; margin:0; font-weight:bold; background:url(/company/homebase/images/universal/homepagebg.png) repeat-x; height:27px; padding:0 5px; border:1px solid #ebebeb; width:177px} .homePageBgBottom a, .homePageBgBottom a:link, .homePageBgBottom a:visited{color:#5b5344; text-decoration:none; } .homePageBgBottom a:hover, .homePageBgBottom a:active{color:#5b5344; text-decoration:underline; } .homePageBgBottomSingle{font-size:12px; line-height:27px; height:27px;} .roomHome{width:190px; margin-left:390px;} .home_tiles_bottom1 ul, .home_tiles_bottom1 li, .home_tiles_bottom1 h2{padding:0; margin:0; list-style:none} .home_tiles_bottom1 li{float:left; width:189px; margin:0 4px 0 0;} .home_tiles_bottom1 li.last{margin:0;} .home_images {float:right; width:179px;} .home_images img{margin:0;} .homeKarcherbg {background:url(/company/homebase/images/homepage/centre%20tiles/karcherlogo.png) no-repeat; width:179px; height:103px; padding:0; margin:0;} .homeKarcherbg p{padding:0; margin:0; padding:55px 0 0 5px; font:bold 14px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; text-align:center; color:#5b5344;} .inputFlexible{margin: 2px 25px 0 0;} .h1.text12_b{margin:1px;} /*-------------------------------------------------------------------- Homepage --------------------------------------------------------------------*/ .homeHide, .topiamge{display:none;} #fadeScript{padding:0; margin:0px; list-style:none; height: 140px;} #fadeScript p {padding:0; margin:0; color:#6bbf52; background:transparent; font-family:Arial, Helvetica, sans-serif; } .homeLevl1 {font-size:26px; text-transform:capitalize; } .homeLevl2 {font-size:14px;} .homeFade1{background: url(/company/homebase/images/homepage/centre%20tiles/home1.png) 0 0 no-repeat; width:414px; height:140px;} #fadeScript .homeFade1 p.homeLevl1{padding:40px 0 0 10px;} #fadeScript .homeFade1 p.homeLevl2{padding:0px 0 0 50px;} .homeFade2{background: url(/company/homebase/images/homepage/centre%20tiles/home2.png) 0 0 no-repeat; width:414px; height:140px;} #fadeScript .homeFade2 p.homeLevl1{padding:40px 0 0 10px;} #fadeScript .homeFade2 p.homeLevl2{padding:0px 0 0 15px;} .homeFade3{background: url(/company/homebase/images/homepage/centre%20tiles/home3.png) 0 0 no-repeat; width:414px; height:140px;} #fadeScript .homeFade3 p.homeLevl1{padding:40px 0 0 10px;} #fadeScript .homeFade3 p.homeLevl2{padding:0px 0 0 45px;} .information_list {float: left; width: 100%; border-bottom: 1px solid #999; font-size: 12px;} .information_list ul {width: 100%; list-style: none; font-size: 12px;} .information_list li {float: left; width: 180px; color: #F58325; margin-bottom: 5px; font-size: 12px;} .information_list li a{float: left; width: 180px; color: #F58325; margin-bottom: 5px; font-size: 12px;} .information_list li a:link{float: left; width: 180px; color: #F58325; margin-bottom: 5px; font-size: 12px;} .information_list li a:visited{float: left; width: 180px; color: #F58325; margin-bottom: 5px; font-size: 12px;} .information_list li a:active{float: left; width: 180px; color: #F58325; margin-bottom: 5px; font-size: 12px;} .information_list li a:hover{float: left; width: 180px; color: #827A68; margin-bottom: 5px; font-size: 12px;} .information_list_header {color: #5B5344; font-weight: bold; font-size: 17px; padding: 15px 0 5px 0;} .asterisk {color: #595347; font-weight: normal; font-size: 1.5em;} .asterisk_text {color: #000; font-weight: normal; font-size: 0.70em;} .info_panels {background: #f7f6f1; border: 1px solid #666; padding: 0 5px 3px 5px; margin: 5px 0; } .info_panels_img {background:url(/company/homebase/images/universal/infopanel.png) bottom right no-repeat; padding: 0 5px 20px 5px; margin: 0; } .important_text {color: #ff0000; font-weight: bold;} /*------------------------------------------------------------------------------- NEW CSS */ h1.catalogue_header_all { color: #000; font-size: 1.2em; font-weight: bold; margin: 0; padding: 0;} .header_title {color: #000; font-size: 1.2em; font-weight: bold;} .header_title2 {color: #000; font-size: 1.2em; font-weight: bold;} .catalogue_header_all {color: #000; font-size: 1.2em; font-weight: bold; margin: 0; padding: 0;} h1 {font-size: 1.2em; margin: 5px 0 0 0; padding: 0; color: #000;} .filter_words {font-size: 0.92em; margin: 0; padding: 0;} ul.breadcrumbs, breadcrumbs li {margin: 5px 0 5px 0; padding: 0;} .breadcrumbs li {display: inline; border-right: 1px solid #666; padding: 0 5px 0 5px; } .breadcrumbs li:last-child, .breadcrumbs li.noborder{display: inline; border-right: 0; padding: 0 5px 0 5px; } .border_box table.catalogue_section_inner_brand{ height:115px;} .returns_box {border: 1px solid #E6E5E5;} .underline {text-decoration: underline;} .colorRed {color: red;} h2 {font-size: 11pt; margin: 0; padding: 0;} /*-------------------------------------------------------------------------------------- SKIP LINKS */ .skip_links {position: absolute; left: -999em; width: 990em;} a.skip_links:active, a.skip_links:focus { left: -8.5em; border: 3px #3399cc solid; background-color: #fff; } /* Customer Services Returns */ .service_border {border: 1px solid #E6E5E5; padding: 5px; margin: 0 0 15px 0;} .services_btn {background: #F58325; color: #fff; width: 94px; text-align: center; font-weight: bold; padding: 5px; float: right; margin: -10px 0 0 0;} .services_btn a, .services_btn a:link, .services_btn a:visited, .services_btn a:active {color: #fff; text-decoration: none;} .services_btn a:hover {color: #fff; text-decoration: underline;} .service_para1 {font-weight: bold; font-size: 20px; margin: 0; color: #5B5344; padding: 0 0 0 3px;} .service_para2 {font-weight: bold; font-size: 13px; margin: 0; color: #5B5344; padding: 3px;} .service_para2 a, .service_para2 a:link, .service_para2 a:visited, .service_para2 a:active {color: #5B5344; text-decoration: none; font-size: 13px; font-weight: bold;} .service_para2 a:hover {color: #5B5344; text-decoration: underline; font-size: 13px; font-weight: bold;} .service_para_top {font-weight: bold; font-size: 13px; color: #5B5344; margin: 10px 0px;}