/* BACKUP OF LIVE VERSION - Prior to John trying to fix the forms on 'contact us' and 'reminders' /* modified by LT 22 June 2004 later modified by LT Jan 2005 */ /* Typo3 specific styles */ /*table td { border: 1px dotted #CCC; }*/ /*html { margin: 0; padding: 0; font-size: 75%; }*/ body { margin: 0; padding: 0; font: 12px Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; background: #00519c url(img/bg.gif) repeat-x; color: #fff; text-align: left; } img{border: 0;} h1 {font-size: 18px; color: #fff; font-weight: bold;} h2{font-size: 14px; color: #fff; font-weight: bold;} h5 {/* for news slots */font-size: 13px; font-weight: bold; color: #fff;} h6 {/* for sitemap & contact page type headings: white text with a light blue box background */ font-size: 13px; color: #FFF; background-color: #7ba6ce; padding: 3px 3px;} td strong {font-weight: bold;} A:link {color: #a4cff6; text-decoration: none;} A:visited {color: #a4cff6; text-decoration: none;} A:hover {color: #a4cff6; text-decoration: underline;} A:active {color: #a4cff6; text-decoration: underline;} p.bodytext{margin: 0; padding: 0} #logo-flag{position: absolute; right: 0; top: 0;} #wrapper{width: 1024px;} #header{position: relative; float; left: width: 100%; height: 159px;} .logo{position: relative; float: left; width: 145px; height: 158px;} #headerright{position: relative; float: left; width: 617px;} .header-banner{position: relative; float: left; width: 468px; margin-left: 50px; margin-top: 20px;} .nav{position: relative; float: left; width: 100%; margin-top: 28px; } .nav a{font-weight: bold; font-size: 11px; color: #00519c; background: url(img/aro_ico_yellow.gif) no-repeat left; padding-left: 19px; margin: 8px 0 8px 12px; text-decoration: none;} .nav a:hover {color: #3399cc; text-decoration: none;} .nav a:visited {color: #00519c; text-decoration: none;} .path{position: relative; float: left; padding-top: 12px; padding-left: 14px; font-size: 12px;} #maincontent{position: relative; float: left; width: 100%;} .our-branches-logo{margin: 0; padding: 0; width: 175px; float: left; } .tx-branchlocations-pi2{margin: 0; padding: 0; float: left; padding-bottom: 20px;} .tx-branchlocations-pi2 select { width: 175px; margin: 0; padding: 0; } .tx-wagrandomimage-pi1{position: relative; width: 100%; text-align: center;} .csc-mailform input{margin-top: 8px; font-size: 12px; padding: 0; height: 16px;} * html .csc-mailform input{margin-top: 8px; font-size: 12px; padding: 0; height: 20px;} .csc-mailform label{clear:left;margin-top: 10px; padding: 0} #mailformformtype_mail{width: 150px; height: 22px; padding-bottom: 2px; margin-left: 100px; } .csc-textpic-clear{padding-top: 10px;} .tr-0{font-weight: bold;} .td-0{border: 1px solid #aaa;} .td-1{border: 1px solid #aaa;} .td-last{border: 1px solid #aaa;} ul.csc-menu {list-style-type: none;} /* outer box around whole form */ fieldset.csc-mailform {border:0;} fieldset.csc-mailform label {width:100px; float:left;} fieldset.csc-mailform input {width:200px; float:left;} fieldset.csc-mailform textarea {width:200px; float:left;} /*--------------*/ fieldset#mailformYour_area_of_interest { /* box around radio buttons */ border:1px solid blue; clear:both; } fieldset#mailformYour_area_of_interest label { float:left; width:100px; } fieldset#mailformYour_area_of_interest input { float:left; width:13px; clear:both; } .csc-caption { font-size: xx-small; } /*-- START "In this Section" Links--*/ h2.csc-firstHeader { display: block; text-align: left; color: #FFF; font-weight: bold; width: 134px; border: 1px solid #000; padding: 3px 10px; margin: 0; background: #7ba6ce; } /*-- surrounding DIV for P links --*/ .in_this_section { text-align: left; width: 134px; border-right: 1px solid #CCC; margin: 0; padding: 0 0 8px 0; } /*-- Actual P links --*/ .in_this_section p { /* border: 1px solid #000;*/ color: #09F; font-size: x-small; padding: 0 10px 0 25px; margin: 8px 0 0 0; background: #FFF; /*background-image: url(img/arrow_inthissection.gif); */ background-position: left top; background-repeat: no-repeat; } .other_links a { color: #09F; font-size: small; border: 1px solid #CCC; border-left: 1px solid #CCC; background: #FFF; background-image: url(img/arrow_otherlinks.gif); background-position: right; background-repeat: no-repeat; padding: 3px 25px 3px 25px; } .shadow { width: 129px; height: 0; border-top: 5px solid #CCC; border-left: 1px solid #CCC; margin: 0; padding:0; } h1.csc-firstHeader { font-size: 18px; font-weight: bold; color: #f6d832; } /* SITEMAP */ /* START from*/ DIV.csc-menu P { margin: 0; } DIV.csc-menu P A { display: block; color: #154C9C; text-decoration: none; padding: 2px 2px 2px 2px; vertical-align: top; } DIV.csc-menu P A:visited { color: #999; text-decoration: none; display: block; } DIV.csc-menu P A:hover, DIV.csc-menu P A:active { color: #FFF; text-decoration: underline; background-color: #7ba6ce; } /* END from Jameson */ /*.csc-sitemap { padding: 0; }*/ .csc-sitemap-level1 a { font-weight: bold; background-image: url(img/aro_ico_blue.gif); background-repeat: no-repeat; background-position: left; padding: 3px 3px 3px 20px; margin: 0; text-decoration: none; display: block; width: 100%; border-bottom: 1px solid #ccc; } .csc-sitemap-level1 a:link { text-decoration: none; padding: 3px 3px 3px 20px; } .csc-sitemap-level1 a:visited { text-decoration: none; background-image: url(img/aro_ico_grey.gif); padding: 3px 3px 3px 20px; } .csc-sitemap-level1 a:hover { text-decoration: none; color: white; background-image: url(img/aro_ico_white.gif); background-color: #7ba6ce; padding: 3px 3px 3px 20px; } .csc-sitemap-level1 a:active { color: white; background-color: #7ba6ce; text-decoration: underline; padding: 3px 3px 3px 20px; } .csc-sitemap-level2 a { background-color: #fff; background-image: url(img/arrow_nav_dblue.gif); background-repeat: no-repeat; background-position: left; padding: 3px 3px 3px 15px; margin: 0 0 0 20px; display: block; width: 100%; border-bottom: 1px solid #ccc; } .csc-sitemap-level2 a:link { text-decoration: none; padding: 3px 3px 3px 15px; margin: 0 0 0 20px; } .csc-sitemap-level2 a:visited { text-decoration: none; background-image: url(img/arrow_nav_grey.gif); padding: 3px 3px 3px 15px; margin: 0 0 0 20px; } .csc-sitemap-level2 a:hover { color: white; background-color: #7ba6ce; text-decoration: underline; background-image: url(img/arrow_nav_white.gif); padding: 3px 3px 3px 15px; margin: 0 0 0 20px; } .csc-sitemap-level2 a:active { color: white; background-color: #7ba6ce; text-decoration: underline; padding: 3px 3px 3px 15px; margin: 0 0 0 20px; } .csc-sitemap-level3 a { background-color: #fff; background-image: url(img/arrow_nav_dblue.gif); background-repeat: no-repeat; background-position: left; padding: 3px 3px 3px 15px; margin: 0 0 0 35px; display: block; width: 100%; border-bottom: 1px solid #ccc; } .csc-sitemap-level3 a:link { text-decoration: none; padding: 3px 3px 3px 15px; } .csc-sitemap-level3 a:visited { text-decoration: none; background-image: url(img/arrow_nav_grey.gif); padding: 3px 3px 3px 15px; } .csc-sitemap-level3 a:hover { color: white; background-color: #7ba6ce; text-decoration: underline; background-image: url(img/arrow_nav_white.gif); padding: 3px 3px 3px 15px; } .csc-sitemap-level3 a:active { color: white; background-color: #7ba6ce; text-decoration: underline; padding: 3px 3px 3px 15px; } .branchdetails_head { border: 1px solid #154C9C; border-bottom: 0; width: 100%; padding: 0; margin: 0; } .branchdetails_head td { font-size: small; font-weight: bold; color: #FFF; background-color: #154C9C; padding: 8px 6px 8px 8px; margin: 0; } .branchdetails_content { border: 1px solid #154C9C; border-top: 0; padding: 0; margin: 0; width: 100%; } .branchdetails_content td { vertical-align: top; padding: 8px; margin: 0; text-align: left; } .branchdetails_content img { vertical-align: top; text-align: right; border: 1px solid #154C9C; } .branch_add { font-size: 1.025em; } .branchresults_head { border: 1px solid #154C9C; border-bottom: 0; width: 100%; } .branchresults_head td { border: 1px solid #154C9C; padding: 10px; margin: 0; font-size: small; font-weight: bold; color: #FFF; background-color: #154C9C; } .branchresults_head a:link, .branchresults_head a:visited { color: #FFF; text-decoration: none; } .branchresults_head a:hover, .branchresults_head a:active { color: #FFF; text-decoration: underline; } .branchresults_content { border: 1px solid #154C9C; } .branchresults_content td { vertical-align: top; padding: 10px; margin: 0; text-align: left; vertical-align: top; } .opening_hours table { width: 100%; padding: 0; margin: 0; } .opening_hours td { padding-right: 5px; padding-top: 5px; font-size: 1.025em; } .slot_C_table { border: 1px solid #0269c7; margin: 20px 0 20px 0; width: 100%; } .slot_C_table td { padding: 10px; vertical-align: top; } .slot_FG_table { /* border: 1px dotted #CCC;*/ /* background-color: #CCC; */ border-bottom: 1px solid #f7f7f7; margin: 20px 0 20px 0; padding: 0; width: 175px; } .slot_FG_table td { padding: 0 0 20px 0; text-align: left; } /*---------- P A D D I I N G --------------*/ td.padding_a { padding: 10px 5px 10px 5px; } td.padding_b { padding: 10px 20px 10px 20px; } td.padding_c { padding: 10px 0px 10px 0px; } td.padding_d { padding: 0px 0px 0px 10px; } .picture_padding { padding-right: 10px; padding-bottom: 10px; } .picture_padding_b { padding-left: 10px; padding-bottom: 10px; } /*---------- --------------*/ td.heading_white { font: bold medium; color: #FFFFFF; font-size: medium; } td.heading_white a:link, td.heading_white a:visited, td.heading_white a:active, td.heading_white a:hover { font: bold medium; color: #FFFFFF; font-size: medium; text-decoration: none; } td.heading_sml_white { font: boldx-small; color: #FFFFFF; } td.heading_sml_whiteAL { font:x-small; color: #FFFFFF; } TD.overview_table_left { border-top: #0269c7 1px solid; border-left: #0269c7 1px solid; border-bottom: #0269c7 1px solid; padding: 20px 10px 10px 10px; } TD.overview_table_right { border-top: #0269c7 1px solid; border-right: #0269c7 1px solid; border-bottom: #0269c7 1px solid; padding: 10px 10px 10px 10px; } /* TYPO3 DYNAMIC TAGS */ /* Example for Path links */ /*---------######## MAIN LAYOUT TABLES & COLUMNS ########----------*/ table#middletable { padding: 0; margin: 0; border: 0; } table#middletablebig { width: 794px; padding: 0; margin: 0; border: 0; } table#middletablesmall { width: 664px; padding: 0; margin: 0; border: 0; } /* Main Content column */ TD#navcolumn { width: 175px; margin: 0; padding: 0; font-size: 12px; } TD#content { vertical-align: top; padding: 0px; margin:0; padding-left: 20px; } /* Sub 2colx-small 1 Content column */ TD#colNormal { vertical-align: top; padding: 0px; margin:0; } /* Sub 2colx-small 2 Content column */ TD#colRight { padding-left: 20px; vertical-align: top; text-align: right; width: 195px; } /*----- MAIN MENU ----------*/ .navsub1 a {display: block; background-color: #013f79; font-weight: bold; font-size: 12px; padding: 3px 10px; margin: 0; color: #fff; text-decoration: none;} .navsub1 a:link {color: #fff; text-decoration: none;} .navsub1 a:visited {color: #fff; text-decoration: none;} .navsub1 a:hover {display: block; background-color: #a4cff6; color: #184D9C; text-decoration: none; } .navsub1 a:active{background-color: #a4cff6; color: #184D9C; text-decoration: underline;} .navsub2 a {display: block; background-color: #012b52; font-weight: bold; font-size: 12px; padding: 3px 10px; margin: 0; color: #fff; text-decoration: none;} .navsub2 a:link {color: #fff; text-decoration: none;} .navsub2 a:visited {color: #fff; text-decoration: none;} .navsub2 a:hover {display: block; background-color: #a4cff6; color: #184D9C; text-decoration: none; } .navsub2 a:active{background-color: #a4cff6; color: #184D9C; text-decoration: underline;} .navsub3 a {display: block; background-color: #00182d; font-weight: bold; font-size: 12px; padding: 3px 10px; margin: 0; color: #fff; text-decoration: none;} .navsub3 a:link {color: #fff; text-decoration: none;} .navsub3 a:visited {color: #fff; text-decoration: none;} .navsub3 a:hover {display: block; background-color: #a4cff6; color: #184D9C; text-decoration: none; } .navsub3 a:active{background-color: #a4cff6; color: #184D9C; text-decoration: underline;} /*----- Sub Items: 1 ----*/ #menu_1 {} #menu_1 a {display: block; text-decoration: none; color: #FFF; padding: 3px 10px; border: 1px dotted #02437f; border-bottom:0; border-right: 0;} #menu_1 a:link {display: block; color: #FFF; } #menu_1 a:visited {display: block; color: #FFF; } #menu_1 a:hover {display: block; background-color: #000;} #menu_1 a:active {display: block; background-color: #FFF; color: #000;} /* MENU 1, level 1, normal state (NO) */ #menu_1 .menu1-level1-no {display: block;} /* MENU 1, level 1, active state (ACT) */ #menu_1 .menu1-level1-act {display: block; color: #09F; font-weight:bold;} #menu_1 .menu1-level1-act A {display: block; color:#ffffff; font-weight: bold; background: url(img/arrow_nav_white.gif) no-repeat left;} /*----- Sub Items: 2 ----*/ #menu_2 a {display: block; text-decoration: none; color: #FFF; padding: 3px 10px; border: 1px dotted #02437f; border-bottom:0; border-right: 0;} #menu_2 a:link {display: block; color: #FFF; } #menu_2 a:visited {display: block; color: #FFF; } #menu_2 a:hover {display: block; background-color: #000;} #menu_2 a:active {display: block; background-color: #FFF; color: #000;} /* MENU 2, level 1, normal state (NO) */ #menu_2 .menu1-level1-no {display: block;} /* MENU 1, level 1, active state (ACT) */ #menu_2 .menu1-level1-act {display: block; color: #09F; font-weight:bold;} #menu_2 .menu1-level1-act A {display: block; color:#ffffff; font-weight: bold; background: url(img/arrow_nav_white.gif) no-repeat left;} /*----- Sub Items: 3 ----*/ #menu_3 a {display: block; text-decoration: none; color: #FFF; padding: 3px 10px; border: 1px dotted #02437f; border-bottom:0;border-right: 0;} #menu_3 a:hover {background-color: #000;} #menu_3 a:active {background-color: #FFF; color: #000;} #menu_3 a:visited {display: block; color: #FFF; } td#menu_3 DIV.menu1-level1-act a {background-color: #7ba6ce; } /* MENU 3, level 1, normal state (NO) */ #menu_3 .menu1-level1-no {display: block;} /* MENU 3, level 1, active state (ACT) */ #menu_3 .menu1-level1-act {display: block; color: #09F; font-weight:bold;} #menu_3 .menu1-level1-act A {display: block; color:#ffffff; font-weight: bold; background: url(img/arrow_nav_white.gif) no-repeat left;} #footer a:link, #footer a:visited {display: block; background: #184D9C; color: #fff; font-size: 11px; vertical-align: bottom; height: 100%; padding: 18px 10px 3px 10px; text-decoration: none; border-bottom: 1px solid #f6d832;} #footer a:active{display: block;text-decoration: underline;} #footer a:hover {display: block;text-decoration: underline;} /*----- END MAIN MENU ----*/ /* element specific styles LT 15/9/04 menu/sitemap element used for slot E home page */ /* possibly obsolete. JW .tx-bfteaser-pi1 { text-align: right; border-bottom: 1px solid #154C9C; padding: 0 0 20px 0; margin: 0; background: #CCC; }*/ .tx-bfteaser-pi1 td { padding: 0; margin: 0; } .navcopyright { border-top: #000 1px solid; border-bottom: #000 1px solid; border-right: #000 1px solid; padding-left: 10px; text-align: left; color: #fff; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } input{ font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size:13px; vertical-align: middle; height: 22px; } select{ font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size:13px; vertical-align: middle; height: 22px; } textarea{ font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; font-size:13px; } #scroller_class p, #scroller_class table, #scroller_class tr, #scroller_class td, #scroller_class a, #scroller_class{ padding: 0; margin: 0; border: 0; color: #fff; } #tx-cmjstickernews-pi1 {display: none;} } #fdfx_textanim{display: none;} /* .tx-cmjstickernews-pi1 a:link { color: #fff; text-decoration: none;} .tx-cmjstickernews-pi1 a:visited { color: #fff; text-decoration: none;} .tx-cmjstickernews-pi1 a:hover { color: #7ba6ce; text-decoration: none;} .tx-cmjstickernews-pi1 a:active { color: #7ba6ce; text-decoration: underline;} */ /* Text classes */ /* For the definition of corporate colors or other additions please contact the COE*/ /*.white10 { color: #fff; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .white10b { color: #fff; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .white11 { color: #fff; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .white11b { color: #fff; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .white13 { color: #fff; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .white13b { color: #fff; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .white14b { color: #fff; font-size: 14px; font-weight: 600; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .white16b { color: #fff; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .white19b { color: #fff; font-size: 19px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .white26b { color: #fff; font-size: 26px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .lgrey10 { color: #ccc; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .lgrey10b { color: #ccc; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .lgrey11 { color: #ccc; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .lgrey11b { color: #ccc; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .lgrey13 { color: #ccc; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .lgrey13b { color: #ccc; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .lgrey14b { color: #ccc; font-size: 14px; font-weight: 600; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .lgrey16b { color: #ccc; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .lgrey19b { color: #ccc; font-size: 19px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .lgrey26b { color: #ccc; font-size: 26px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .grey10 { color: #999; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .grey10b { color: #999; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .grey11 { color: #999; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .grey11b { color: #999; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .grey13 { color: #999; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .grey13b { color: #999; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .grey14b { color: #999; font-size: 14px; font-weight: 600; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .grey16b { color: #999; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .grey19b { color: #999; font-size: 19px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .grey26b { color: #999; font-size: 26px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dgrey10 { color: #333; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dgrey10b { color: #333; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dgrey11 { color: #333; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dgrey11b { color: #333; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dgrey13 { color: #333; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dgrey13b { color: #333; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dgrey14b { color: #333; font-size: 14px; font-weight: 600; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dgrey16b { color: #333; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dgrey19b { color: #333; font-size: 19px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dgrey26b { color: #333; font-size: 26px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .black10 { color: #000; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .black10b { color: #000; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .black11 { color: #000; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .black11b { color: #000; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .black13 { color: #000; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .black13b { color: #000; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .black14b { color: #000; font-size: 14px; font-weight: 600; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .black16b { color: #000; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .black19b { color: #000; font-size: 19px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .black26b { color: #000; font-size: 26px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .or10 { color: #f90; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .or10b { color: #f90; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .or11 { color: #f90; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .or11b { color: #f90; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .or13 { color: #f90; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .or13b { color: #f90; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .or14b { color: #f90; font-size: 14px; font-weight: 600; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .or16b { color: #f90; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .or16bb { color: #f90; font-size: 16px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .or19b { color: #f90; font-size: 19px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .or21b { color: #f90; font-size: 21px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .or26b { color: #f90; font-size: 26px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .salmon10 { color: #fc9; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .salmon10b { color: #fc9; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .salmon11 { color: #fc9; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .salmon11b { color: #fc9; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .salmon13 { color: #fc9; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .salmon13b { color: #fc9; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .salmon14b { color: #fc9; font-size: 14px; font-weight: 600; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .salmon16b { color: #fc9; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .salmon19b { color: #fc9; font-size: 19px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .salmon26b { color: #fc9; font-size: 26px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .blue20b { color: #184D9C; font-size: 20px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } /*.path { color: #184D9C; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .title { color: #184D9C; font-size: 19px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .subtitle { color: #184D9C; font-size: 16px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }*/ /* Links sind wie in den unten angeführen Beispielen zu definieren. Folgende Regeln müssen eingehalten werden: */ /* - Links sind immer vollständig zu definieren (link, visited, hover, active), auch wenn die Farben gleich sind. */ /* - Links können nur die angeführten Klassen enthalten */ /* - Content Links werden wie die Klassen der Link-Komponente bezeichnet */ /* - Der Navigation-Path Link heißt immer a.path */ /* - Die Site-Specific-Navigation Links heißen a.nav und a.navsub */ /* - Die Funktion links heißen a.func und a.funcsub */ /* Example for Content links */ /*a.black13:link { color: #000; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.black13:visited { color: #000; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.black13:hover { color: #fff; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.black13:active { color: #fff; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.black13b:link { color: #000; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.black13b:visited { color: #000; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.black13b:active { color: #fff; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.black13b:hover { color: #fff; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.or13:link { color: #f90; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.or13:visited { color: #f90; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.or13:active { color: #f90; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.or13:hover { color: #f90; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.white13:link { color: #fff; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.white13:visited { color: #fff; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.white13:active { color: #fc9; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.white13:hover { color: #fc9; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.salmon13:link { color: #fc9; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.salmon13:visited { color: #fc9; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.salmon13:active { color: #fc9; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.salmon13:hover { color: #fc9; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.dgrey11:link { color: #999; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.dgrey11:visited { color: #999; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.dgrey11:active { color: #999; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.dgrey11:hover { color: #999; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.grey11:link { color: #ccc; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.grey11:visited { color: #ccc; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.grey11:active { color: #ccc; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.grey11:hover { color: #ccc; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.white11:link { color: #fff; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.white11:visited { color: #fff; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.white11:active { color: #fff; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.white11:hover { color: #fff; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; }*/ /* Example for Navigation links */ /*a.nav:link { background: #184d9c; height: 100%; width: 100%; color: #fff; border-top: #000 1px solid; border-right: #000 1px solid; padding-left:10px; text-align:left; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.nav:visited { background: #184d9c; height: 100%; width: 100%; color: #fff; border-top: #000 1px solid; border-right: #000 1px solid; padding-left:10px; text-align:left; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.nav:active { background: #184d9c; height: 100%; width: 100%; color: #fff; border-top: #000 1px solid; border-right: #000 1px solid; padding-left:10px; text-align:left; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.nav:hover { background: #7ba6ce; height: 100%; width: 100%; color: #184D9C; border-top: #000 1px solid; border-right: #000 1px solid; padding-left:10px; text-align:left; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } /* a.navsub:link { background: #ffff00; color: #184D9C; border-top: #000 1px solid; border-right: #000 1px solid; padding-left:10px; text-align:left; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.navsub:visited { background: #ffff00; width: 100%; color: #184D9C; border-top: #000 1px solid; border-right: #000 1px solid; padding-left:10px; text-align:left; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.navsub:active { background: #ffff00; width: 100%; color: #184D9C; border-top: #000 1px solid; border-right: #000 1px solid; padding-left:10px; text-align:left; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.navsub:hover { background: #ffff00; width: 100%; color: #184D9C; border-top: #000 1px solid; border-right: #000 1px solid; padding-left:10px; text-align:left; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } */ /* Example for Function links */ /*a.func:link { color: #999; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.func:visited { color: #999; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.func:active { color: #999; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.func:hover { color: #fff; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.funcsub:link { color: #999; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.funcsub:visited { color: #999; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.funcsub:active { color: #999; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.funcsub:hover { color: #fff; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; }*/ /* Other Classes */ /*.sub { position: absolute; top: 22px; z-index: 2; visibility: hidden; } .sub2 { position: absolute; top: 22px; z-index: 3; visibility: hidden; }*/ /* Advance Pitstop Special Classes */ /* yellow10 { color: #ffff00; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .yellow10b { color: #ffff00; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .yellow11 { color: #ffff00; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .yellow11b { color: #ffff00; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .yellow13 { color: #ffff00; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .yellow13b { color: #ffff00; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .yellow14b { color: #ffff00; font-size: 14px; font-weight: 600; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .yellow16b { color: #ffff00; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .yellow19b { color: #ffff00; font-size: 19px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .yellow26b { color: #ffff00; font-size: 26px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dblue10 { color: #154C9c; font-size: 10px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dblue10b { color: #154C9c; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dblue11 { color: #154C9c; font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dblue11b { color: #154C9c; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dblue13 { color: #154C9c; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dblue13b { color: #154C9c; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dblue14b { color: #154C9c; font-size: 14px; font-weight: 600; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dblue16b { color: #154C9c; font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dblue19b { color: #154C9c; font-size: 19px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; } .dblue26b { color: #154C9c; font-size: 26px; font-weight: 900; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }*/ /* Example for Advance Pitstop Content links */ /*a.dblue13:link { color: #154C9c; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.dblue13:visited { color: #154C9c; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.dblue13:hover { color: #7ba6ce; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.dblue13:active { color: #7ba6ce; font-size: 13.5px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.dblue13b:link { color: #154C9c; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.dblue13b:visited { color: #154C9c; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.dblue13b:active { color: #7ba6ce; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.dblue13b:hover { color: #7ba6ce; font-size: 13.5px; font-weight: bold; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.marquee:link { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.marquee:visited { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.marquee:active { color: #fff; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; } a.marquee:hover { color: #FFFF00; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; }*/ /* General - Die für eine Microsite gültige CSS-Datei ist mit "Microsite-Name".css zu benennen. - In der für eine Microsite gültigen CSS-Datei sind nur Elemente zu definieren, die auf der Microsite auch genutzt werden..bkg_drpshdw { background: url(img/background.gif); }*/ /*------------------------------------------*/ /*--So that there is something dividing consecutive links--*/ span.seperator { display: none; } /*--FR: To fix float clearing probs in various browsers. JW. Documented here: http://www.positioniseverything.net/easyclearing.html--*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.clearboth { clear: both; line-height: 0em; margin: 0; padding: 0px; } .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ img { margin: 0; padding: 0; vertical-align: bottom; } .skiplink { display:none; } .displaynone { display:none; } /* Booking service form */ #servicebooking form .csc-mailform label{float: left; width: 170px; padding-top: 1px;} #servicebooking form .csc-mailform input{float: left; background: #feffef; width: 215px; padding: 2px; border: 0;} #servicebooking form .csc-mailform select{margin-top: 5px;} #servicebooking form .csc-mailform textarea{float: left; background: #feffef; width: 215px; padding: 2px; border: 0; margin-top: 10px} #servicebooking form .csc-mailform input.inputSubmit{background: #87011c; color: #fff; font-weight: bold; width: 150px; height: 20px;} #servicebooking form .csc-mailform .clearboth{clear: both; height: 1px;} #servicebooking form .csc-mailform .white{padding-left: 170px;} #servicebooking form .csc-mailform .checkbox{background: #00519c; width: 15px; margin-right: 5px; padding: 0px;} .formlineconf{position: relative; clear: left; float: left; width: 100%; margin-top: 5px; margin-bottom: 5px;} .formlabel{float: left; width: 150px;padding-right: 10px; } .formfield{font-weight: bold;} #pane1 h4{clear: left; margin-top: 20px; margin-bottom: 0px; padding: 0px; font-size: 14px;} .inputSubmitback, .inputSubmit{background: #87011c; color: #fff; font-weight: bold; width: 150px; height: 20px; border: none;} /* IE6 font-size fix 25th january 2008 NOH*/ * html #servicebooking form .csc-mailform label {font-size: 80%;} * html #servicebooking form .csc-mailform input {font-size: 75%;} * html #servicebooking form .csc-mailform select {font-size: 75%;} * html #servicebooking form .csc-mailform .white{font-size: 75%;} * html #servicebooking form .csc-mailform select{margin-top: 6px;} #colNormal a.getdirections{display: block; text-decoration: none; margin: 5px auto; font-size: 0%; color: #00519c; width: 260px; height: 35px; background: url(img/get-directions.gif) no-repeat;} #colNormal a.getdirections:hover{font-size: 0%; text-decoration: none; color: #00519c;background: url(img/get-directions-over.gif) no-repeat;} *html #colNormal a.getdirections{margin-left: 85px; color: #00519c; }