/* -------------------- Global -------------------------- */ body { font: 10pt "Arial", "Helvetica", "sans-serif"; margin: 0px;} img { border: 0px; } form { padding: 0px; margin: 0px; } input { font-size: 8pt; } textarea { font: 8pt "Arial", "Helvetica", "sans-serif"; } select { font: 8pt" Arial", "Helvetica", "sans-serif"; } a:active, a:link, a:visited { text-decoration: none; color: #000; } a:hover { text-decoration: underline; color: #FF6600; } .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: 0px; clear: both; padding: 0px 5px 0px 5px; width: 95%; text-align: center; } .footer_link { font-weight: normal; font-size: 12px; } .footer_link a:link, .footer_link a:active, .footer_link a:visited { color: #999; text-decoration: none; } .footer_link a:hover { color: #FF6600; text-decoration: underline; } /* -------------------- Header -------------------------- */ .header_table { width: 766px; margin-bottom: 1px; height: 132px; 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/diy-spares/images/header/hdr_bg.png) 0 0 no-repeat; width:766px; height:80px; margin-top:15px; } .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 1px 0px; border: 0px; margin: 0px; border: 0px; font-size:12px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10px;} .hdr_link_div a, .hdr_link_div a:link, .hdr_link_div a:active, .hdr_link_div a:visited { font-weight: normal; color: #fff; text-decoration: none; font-size: 10px; font-weight:bold;} .hdr_link_div a:hover { color: #fff; /*text-decoration: underline;*/ font-weight: normal; font-size: 10px; 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; font-size:12px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; } .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: normal; color: #fff; text-decoration: none; font-size: 9pt;} .hdr_link_div_right a:hover { color: #fff; text-decoration: underline; font-weight: normal; } .hdr_links_cont {float: left; width: 766px; height: 62px; padding: 0px; /*border: 0px; background: url(/company/diy-spares/images/header/hdr-bg1.png) 0 0 no-repeat;*/ padding:0; border-width:1px; /*border-top:1px solid #666;*/} .hdr_sf { width: 764px; height: 28px; color: #fff; /*border-bottom: 1px solid #fff; */ float: left; margin-top:3px; padding-top:3px; padding-bottom:3px; background: #033397 url(/company/diy-spares/images/header/3ways.png) no-repeat; border:1px solid #000;} .hdr_sf_title { font-size: 10pt; 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: 10pt; font-weight: bold; } .hdr_sf_title a:hover { color: #fff; text-decoration: underline; font-size: 10pt; font-weight: bold; } /* added to increase accesibilty */ .hdr_sf_titles{display:none;} .hdr_search_line { color:#fff; padding-right:5px;} #hdr_links_section {padding-top:0px; padding-bottom:0px; height:62px; line-height:31px; /*background: url(/company/diy-spares/images/header/navbackground.png) 0 0 repeat;*/ background: url(/company/diy-spares/images/header/header1.png) 0 0 no-repeat; width:766px; } #hdr_link_logos_holder {height:100px; 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: 9pt; 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_odd { background-color: #FFF; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; border: 0; font-size: 11px; font-weight: normal; } .section_nav_section_even { /*background: url(/company/diy-spares/images/universal/left_nav2.png) 0 0 no-repeat; */padding-left: 10px; padding-top: 2px; padding-bottom: 2px; border: 0px; font-size: 11px; font-weight: normal; } /*.section_nav_header { color: #FFF; font-weight: bold; font-size: 13px; height: 22px; vertical-align: baseline; }*/ .section_nav_section { border-bottom:1px dotted #D7D7D7;} .section_nav_section a:active, .section_nav_section a:link, .section_nav_section a:visited { color: #666666; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; } .section_nav_section a:hover { color: #000; text-decoration: underline;} .section_nav_hdr { background: url(/company/diy-spares/images/universal/left_nav1.png) 0 0 no-repeat; color: #FFF; font-weight: bold; padding-left: 15px; padding-top: 3px; font-size: 8pt; margin-top: 0px; height: 17px; } .section_nav_header { background:#E9E9E9; color: #666; font-weight: bold; padding-left: 4px; padding-top: 3px; font-size: 8pt; margin-bottom: 1px; height: 17px; border:1px solid #fff; border-bottom:0; padding-top:3px;} .section_nav_header a{ color: #666;} .section_nav_bullets {color:#FF6600; float:left; font-weight:normal; padding:0pt 0pt 0pt 5px; border-right:5px solid #fff; width:10px; } /* ###################################################### */ .border_box { border: #E0E0E0 solid 1px;} .border_box table { width: 100%; height: 100%; empty-cells: show; border-collapse: collapse; } .border_box table thead th { background-color:#E9E9E9; color: #666;} .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: #333; text-decoration: none;} .border_box table thead th a:hover { color: #333; text-decoration: underline;} .border_box table tbody tr td {padding: 2px;} .border_box table tfoot {background-color: #E9E9E9; color: #333; } .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; } .similar_db .border_box .border_view {} .border_solid {margin-bottom:5px;} /*.alternatives .border_box table thead th {background:transparent url(/company/diy-spares/images/universal/basketproceed.png) repeat-x scroll 0px; color:#fff; border:1px solid #666;}*/ /* .alternatives .border_box table thead th a{background:transparent; color:#fff;} .alternatives .border_box table thead th { background-color:#fff; color: #666;} .alternatives .border_box table tbody tr td {text-align:left;} .alternatives .border_box .border_box {border:1px solid #fff;} .alternatives .border_box .border_box a, .alternatives .border_box .border_box a:link {color:#f60; background:inherit;} */ .similar_db .border_box {border:0px solid;} /*.simimlarBorder {border:1px solid #666;}*/ .alternatives .border_box .simimlarBorder{border:1px solid #666;} .related_product .border_box .border_box {border:1px solid #fff; width:100px; color:#000;} .related_product .border_box .border_box a{color:#333; } .related_product .border_box table thead th { text-align:left;} .related_product .border_box table thead th .border_box table thead th { text-align:center;} .related_product .border_box {border:1px solid #666;} /* ###################################################### */ .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: #FF6600; 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; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#666;} .addtobasket_content { width: 400px; height: 100px; padding: 0px; text-align: center; } .addtobasket_content { text-align: left; } .addtobasket_content img{ 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; } .basket_holder .border_box{border:0px;} .basket_holder .border_box table thead th {background:#000 url(/company/diy-spares/images/universal/basket.png) 0px 0px no-repeat; color:#fff; padding-right:8px; text-align:right;} .proceed_basket_holder {background:transparent url(/company/diy-spares/images/universal/basketbackground.png) 0px 0 no-repeat; width:125px; height:16px; margin-top:3px;} .basketProceed {background:url(/company/diy-spares/images/universal/basketproceed.png) 0px 0 repeat-x; height:16px; border:1px solid #666;} .border_box table tbody tr td.basketProceed {padding:0;} .border_box table tbody tr td.basketProceed a, .border_box table tbody tr td.basketProceed a:link, .border_box table tbody tr td.basketProceed a:visted{font-size:13px; font-weight:bold; color:#fff; background:inherit;} .border_box table tbody tr td.basketProceed a:hover, .border_box table tbody tr td.basketProceed a:active {text-decoration:underline;} /* --------------------- 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: 11pt; width: 100%; height: 20px; font-weight: bold; } .left_security { float: left; background: url(/company/diy-spares/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/diy-spares/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/diy-spares/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; margin-top:10px; border: 0px; } .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; } .key_tiles_large_left { float: left; width: 405px; margin: 0 0px 0px 0px; margin-right:10px; height: 191px; margin-bottom:5px;} .key_tiles_large_right { float: left; width: 197px; margin: 0 0px 0px 0px; height: 191px; margin-bottom:5px;} .key_tiles_small_left { float: left; width: 197px; margin: 0 0px 0px 0px; border-right:10px solid #fff; height: 127px; border-bottom:5px solid #fff;} .key_tiles_small_right { float: left; width: 197px; margin: 0 0px 0px 0px; height: 127px; border-bottom:5px solid #fff;} .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: 12pt; font-weight: bold; margin-bottom: 5px; } .sections1 a, .sections1 a:link, .sections1 a:hover, .sections1 a:active, .sections1 a:visited { color: #FFF; font-size: 12pt; font-weight: bold; text-decoration: none; } ul.homepageCenter {margin-top:120px; position:absolute; padding:0; margin-left:3px; font-family:Tahoma, Arial, Helvetica, sans-serif; ; font-size:11px; list-style:none; width:120px;} .section_nav_bullet {clear:both; float:left; height:13px;} .key_links {height:113px; position:absolute; width:130px; } /* ------------- 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: 8pt; 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: 8pt; text-decoration: none; font-weight: bold; color: #555; } /* ------------- SearchBox - The Search boxx on the home page ----------------------- */ .search_box_3ways { background:transparent url(/company/diy-spares/images/universal/searchfinder.png) no-repeat scroll 0%; height:159px; margin-top:3px; width:402px; } .search_box_help p { font-size:90%; margin:140px 0pt 0pt 10px; padding:0pt; position:absolute; color:#fff;} .search_box_help a, .search_box_help a:link, .search_box_help a:visited {color:#fff; text-decoration:underline;} .search_box_help a:hover {color:#fff; text-decoration:none;} .search_box_help a:active {color:#fff; text-decoration:underline;} .fieldbox { border:1px solid #666666; color:#000000; font-family:Arial,Helvetica,sans-serif; font-size:10px; font-style:normal; font-weight:normal; line-height:11px;text-decoration:none; } .searchbox_input_container .fieldlabel {color:#000; font-size:11px; } .search_box_holders {margin-left:10px; padding-top:2px; } .searchbox_input_container {margin-left:200px; padding-top:3px;} .search_box_holders_links {position:absolute; margin-top:120px; margin-left:10px;} .shoping_basket_proceed_cont {background:transparent url(/company/partmaster/images/buttons/basket.png) no-repeat scroll 0%; display:block; height:15px; margin:0px auto 1px; text-align:center; width:121px;} /* ------------------------------- 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: 10pt; background-color: white; width: 112px; margin: 0 0 0 0;} div.suggestions div { cursor: default; padding: 0px 3px 0 0; font-size: 8pt; 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: 8pt; 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: #FF6500;} .text9_n {font-size: 9pt; 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: #033397;} .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: 10pt; 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: underline; color: #FF6600;} .text11_n {font-size: 11pt; 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: #033397;} .text12_n {font-size: 12pt; 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: #033397;} .text8_b {font-size: 8pt; font-weight: bold; color: #5dba00;} .text8_b, .text8_b a, .text8_b a:link, .text8_b a:active, .text8_b a:visited {text-decoration: none; color: #5dba00;} .text8_b a:hover {text-decoration: none; color: #5dba00;} .text9_b {font-size: 9pt; 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: #FF6600;} .text10_b {font-size: 10pt; 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: #033397;} .text11_b {font-size: 11pt; 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: 10pt; font-weight: bold; color: #000;} .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: 8pt; 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: bold; } .text8_nw a:hover {text-decoration: underline; color: #FFF; font-weight: bold; } .text9_nw {font-size: 9pt; color: #fff; font-weight: normal; } .text9_nw, .text9_nw a, .text9_nw a:link, .text9_nw a:active, .text9_nw a:visited { color: #666; text-decoration: none; font-weight: normal; } .text9_nw a:hover {text-decoration: underline; color: #fff; font-weight: normal; } .text10_nw {font-size: 10pt; 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: 11pt; 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: 12pt; 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: 8pt; 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;} .text9_bw {font-size: 9pt; 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: 10pt; font-weight: bold; color: #fff;} .text10_bw, .text10_bw a, .text10_bw a:link, .text10_bw a:active, .text10_bw a:visited { color: #666; text-decoration: none;} .text10_bw a:hover {text-decoration: underline; color: #666;} .text11_bw {font-size: 11pt; 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: 12pt; 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: 8pt; 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: 9pt; 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: 10pt; 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;} #main_full .text10_nr {font-size: 10pt; color: #000;} #main_full .text10_nr a, #main_full .text10_nr a:link, #main_full .text10_nr a:visited {text-decoration: none; color: #000;} #main_full .text10_nr a:hover, #main_full .text10_nr a:active {text-decoration: underline; color: #000;} .text11_nr {font-size: 11pt; 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: 12pt; 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: 8pt; 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: 9pt; 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: 10pt; 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: 11pt; 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: 12pt; 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;} .footer_text {font-size: 10pt; 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;} .text_price_red { font-size: 13pt; font-weight: bold; color: #f60; } .text_small_red { font-size: 9pt; font-weight: bold; color: #f60; } .text_small_contact {font-size: 9pt; font-weight: bold; color: #ff0204; } .text_small_red_text { font-size: 8pt; font-weight: normal; color: #f60; } .important_info_box { border: 0px; background: url(/company/4ourhouse/images/buttons/button-red.png) 0 0 no-repeat; color: #fff; font-size: 9pt; 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: 18px; font-weight: bold; color: #555555; background:inherit;} .text_red_italic { color: #750708; font-size: 9pt; font-style: italic; } .text_blue { color: #009; font-size: 10pt;} /* div.catalogue_header_all {margin:0; padding:0;} .catalogue_header_all { color: #000; font-size: 12pt; font-weight: bold; } .catalogue_header_all {font-weight:bold; padding-left:5px; margin-bottom:6px; width:99%; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #666;} */ .catalogue_header_all {background:inherit; border-bottom:1px solid #666; color:#666; font-size: 12pt; font-weight: bold; } .back_links {font-size: 10pt; color: #000; padding-top:1px;} .back_links, .back_links a, .back_links a:link, .back_links a:active, .back_links a:visited {text-decoration: none; color: #000;} .back_links a:hover {text-decoration: underline; color: #FF6600;} .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: 10pt; font-weight: normal; color: #000; clear: right; padding-right: 3px; width: 145px; } .altassoc_title {color:#333; background:#eee; padding:5px; font-weight:bold; margin-bottom:3px; margin-top:8px;} /* -------------------- LEFT NAVIGATION ----------------------- */ #left_section_navigation a, #left_section_navigation a:active, #left_section_navigation a:link, #left_section_navigation a:visited { text-decoration: none; color: #666; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;} #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:#FD5F04; color:#fff;} /*---------------------- Home page Promotional ----------------------------*/ .homepage_promotional{padding-left:3px; padding-bottom:2px;} .bullett_hr {background:#E9E9E9; height:3px; margin:0px; padding:0px; text-align:right; width:328px;} .topShop {margin-top:10px; border:1px solid #666;} /* --------------------- Search Box ---------------------------------*/ .search_box {background:transparent url(/company/diy-spares/images/universal/searchbox.png) no-repeat scroll 0% 0%; border-bottom:1px solid #666; border-left:1px solid #666; border-right:1px solid #666; margin-bottom:5px; width:156px; height:200px; margin-top:10px;} .search_header {background:transparent url(/company/diy-spares/images/universal/searchbox.png) no-repeat scroll 0% 0%; height:24px; color:#fff; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight:bold; padding-left:9px; padding-top:3px; } .search_box_brand {color:#fff;} .search_box_input {padding-left:10px; padding-top:18px;} .search_box img {padding-top:5px; margin-left:84px;} .searchGraident {height:15px; width:156px; position:absolute; margin-top:-3px; background:transparent url(/company/diy-spares/images/universal/searchboxGraident.png) repeat-x scroll 0% 0%;} .searchBtn {background: transparent url(/company/diy-spares/images/buttons/basketbackground.png) repeat-x; border:1px solid #666; width:65px; margin-top:10px; margin-left:70px; text-align:center; height:18px; } .searchBtn a, .searchBtn a:link, .searchBtn a:visited, .searchBtn a:hover, .searchBtn a:active{color:#fff; background:transparent; font-weight:bold; text-decoration:none; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; padding-top:3px;} .searchBtn a, .searchBtn a:link, .searchBtn a:visited {text-decoration:none;} .searchBtn a:hover, .searchBtn a:active{text-decoration:underline;} /* --------------------- Top Navigation Bar ---------------------------------*/ .navbar {margin:0; padding:0;float:left; width:766px;} .navbar li {display:inline; padding:0; margin:0;} .navbar a, .navbar a:link, .navbar a:visited {color:#fff; /*background:transparent url(/company/diy-spares/images/header/header.png) repeat scroll 0pt;*/ padding:0px 24px 0px 24px; float:left; width:auto; /*border-right:1px solid #666;*/ text-decoration:none; font:10px verdana, Arial, Helvetica, sans-serif; font-weight:bold; line-height:31px; height:31px; } .navbar a:hover, .navbar a:active { color:#fff; } .navhome{background: transparent url(/company/diy-spares/images/header/bottom_nav.png) repeat-x scroll 0pt; width:766px; height:32px; clear:both; /*position:relative; margin-top:-5px;*/ } /*#navbar {margin-left:85px; _margin-left:43px;} .homeNav{background: transparent url(/company/diy-spares/images/header/home_button.jpg) no-repeat; width:85px;} .homeInfo {background: transparent url(/company/diy-spares/images/header/information_button.jpg) no-repeat; width:117px;} .homeAz{background: transparent url(/company/diy-spares/images/header/az_button.jpg) no-repeat; width:164px;} .homeTrack {background: transparent url(/company/diy-spares/images/header/track_button.jpg) no-repeat; width:144px;} .homeAbout{background: transparent url(/company/diy-spares/images/header/about_button.jpg) no-repeat; width:60px;} #homeCustomer {background: transparent url(/company/diy-spares/images/header/customer_button.jpg) no-repeat; padding:0px 30px 0px 29px; width:100px; float:left;} /*#navbar a.homeCustomer {background: transparent url(/company/diy-spares/images/header/customer_button.jpg) no-repeat; float:left; padding:0px 31px 0px 31px; } #navbar a:link.homeCustomer {background: transparent url(/company/diy-spares/images/header/customer_button.jpg) no-repeat; float:left; padding:0px 31px 0px 31px; } #navbar a:visited.homeCustomer {background: transparent url(/company/diy-spares/images/header/customer_button.jpg) no-repeat; float:left; padding:0px 31px 0px 31px; } #navbar a:hover.homeCustomer {background: transparent url(/company/diy-spares/images/header/customer_button.jpg) no-repeat; float:left; padding:0px 31px 0px 31px; } #navbar a:active.homeCustomer {background: transparent url(/company/diy-spares/images/header/customer_button.jpg) no-repeat; float:left; padding:0px 31px 0px 31px; } */ /* --------------------- Right Panel ---------------------------------*/ .top_ten_wrapper .section_nav_section {border-bottom:0;} .enlarge a{text-align:center; color:#FF6600; background:inherit; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; } /* .alternatives .border_box table {width:180px; } */ /*------------------------------------------------------------------------------- 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 2px 0 5px; } .breadcrumbs li:last-child, .breadcrumbs li.noborder{display: inline; border-right: 0; padding: 0 5px 0 5px; } .back_links .breadcrumbs a, .back_links .breadcrumbs a:link, .back_links .breadcrumbs a:visited, .back_links .breadcrumbs a:hover, .back_links .breadcrumbs a:active { padding:0 3px 0 0;} .border_box table.catalogue_section_inner_brand{ height:115px;} .asterisk {color: #000; font-weight: normal; text-transform: capitalize; font-size: 1.5em;} .asterisk_text {color: #000; font-weight: normal; text-transform: capitalize; font-size: 0.70em;} .underline {text-decoration: underline;} .colorRed {color: red;} .returns_box {border: 1px solid #999;} 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 #999; padding: 5px; margin: 0 0 15px 0;} .services_btn {background: #666; 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: #999; padding: 0 0 0 3px;} .service_para2 {font-weight: bold; font-size: 13px; margin: 0; color: #999; padding: 3px;} .service_para2 a, .service_para2 a:link, .service_para2 a:visited, .service_para2 a:active {font-size: 13px; color: #999; text-decoration: none; font-weight: bold;} .service_para2 a:hover {font-size: 13px; color: #999; text-decoration: underline; font-weight: bold;} .service_para_top {font-weight: bold; font-size: 13px; color: #999; margin: 10px 0px;}