/* ------------------------------------- Index Global Reset and default settings Heading, Typography, Links Accessibility Layout Header Content Navigation Generic Forms ----------------------------------------*/ /* Global Reset and default settings */ body * {margin:0; padding:0} body {background-color:#e8e8e8; color:#6f6e6e; font-size:71%; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; margin:0; padding:0;} img {border:0;} /* Heading, Typography, Links */ h1, h2, h3, h4 {margin:0px; padding:0px;} h1 {} h2 {} h3 {} h4 {} p {color:#6f6e6e; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:normal; line-height:1.4em; margin:0 0 1em 0; text-align:left;} a {color:#5e8fcb; font-weight:normal; text-decoration:underline;} a:hover {} #centre ul {margin:0 0 1em 2em;} #centre ol {margin:0 0 1em 2.5em;} .lowerroman {list-style-type:lower-roman;} .thankyou {height:300px; margin:50px 0 0 220px;} /* Accessibility */ .hide {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;} /* Layout */ #wrapper {background:#fff; margin:auto; padding:0; width:770px;} /* Homepage specific styles */ #home #maincontent {background-color:#4b525a; border-bottom:5px solid #252e35; padding-bottom:10px;} #home .intro {float:left; margin:10px 10px 10px 0;} #home .homepanel {background:url(../images/panel_bkd.gif) repeat-x; float:left; margin:10px 10px 10px 0; width:179px;} #home .homepanel p {color:#fff; margin:5px;} #home .homepanel ul {margin:10px 0 5px 20px; list-style-image:url(../images/arrow.gif);} #home .homepanel ul li {margin-bottom:5px;} #home .homepanel ul li a {color:#a6c9e4; font-weight:bold; text-decoration:none;} /* Header */ #header {height:160px; position:relative;} #header h1 img {position:absolute; top:45px; left:36px;} #header h2 {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;} #header form {position:absolute; top:29px; left:532px;} #header form label {color:#000; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:1em;} #header form input {} #header form select {font-family:Verdana, Arial, Helvetica, sans-serif; float:left; font-size:0.9em; height:18px; margin:3px 0 0 0; width:190px;} #header form input.btn {float:left; margin:3px 0 0 5px;} /* Section header images*/ #home #header {background:url(../images/header_services.jpg) no-repeat;} #lifescience #header {background:url(../images/header_lifescience.jpg) no-repeat;} #lifescience2 #header {background:url(../images/header_lifescience3.jpg) no-repeat;} #services #header {background:url(../images/header_services.jpg) no-repeat;} #personal #header {background:url(../images/header_personal.jpg) no-repeat;} #specialism #header {background:url(../images/header_specialism.jpg) no-repeat;} #property #header {background:url(../images/header_property2.jpg) no-repeat;} #recruitment #header {background:url(../images/header_recruitment.jpg) no-repeat;} #motor #header {background:url(../images/header_motor.jpg) no-repeat;} #construction #header {background:url(../images/header_construction3.jpg) no-repeat;} #business #header {background:url(../images/header_business.jpg) no-repeat;} #theatre #header {background:url(../images/header_theatre2.jpg) no-repeat;} #haulage #header {background:url(../images/header_haulage.jpg) no-repeat;} #private #header {background:url(../images/header_private.jpg) no-repeat;} #charities #header {background:url(../images/header_charities.jpg) no-repeat;} #claims #header {background:url(../images/header_claims.jpg) no-repeat;} #branches #header {background:url(../images/header_branches.jpg) no-repeat;} #group #header {background:url(../images/header_group.jpg) no-repeat;} #groupboard #header {background:url(../images/header_group2.jpg) no-repeat;} #grouplondon #header {background:url(../images/header_london.jpg) no-repeat;} #contact #header {background:url(../images/header_contact.jpg) no-repeat;} #careers #header {background:url(../images/header_careers.jpg) no-repeat;} #privacy #header {background:url(../images/header_services.jpg) no-repeat;} #data #header {background:url(../images/header_services.jpg) no-repeat;} #fsa #header {background:url(../images/header_services.jpg) no-repeat;} #courier #header {background:url(../images/header_couriers2.jpg) no-repeat;} #marine #header {background:url(../images/header_marine2.jpg) no-repeat;} #food #header {background:url(../images/header_food2.jpg) no-repeat;} #personal #header {background:url(../images/header_personal.jpg) no-repeat;} #taxi #header {background:url(../images/header_taxi.jpg) no-repeat;} #charter #header {background:url(../images/headers_charterboat.jpg) no-repeat;} #power #header {background:url(../images/header_marine2.jpg) no-repeat;} #fishing #header {background:url(../images/header_comfishing.jpg) no-repeat;} #yard #header {background:url(../images/headers_yachtyard.jpg) no-repeat;} #yacht #header {background:url(../images/headers_yacht.jpg) no-repeat;} #dinghy #header {background:url(../images/header_dinghy.jpg) no-repeat;} #canal #header {background:url(../images/header_canalboat.jpg) no-repeat;} #jetski #header {background:url(../images/headers_jetski.jpg) no-repeat;} #cruiser #header {background:url(../images/header_cabcruiser.jpg) no-repeat;} #travel #header {background:url(../images/header_travel.jpg) no-repeat;} #van #header {background:url(../images/header_van.jpg) no-repeat;} #safe #header {background:url(../images/giles-safe-contractor-header.jpg) no-repeat;} /* Content */ #maincontent {border-bottom:5px solid #252e35; padding-bottom:10px;} ul#breadcrumb {float:left; margin:10px 0 17px 222px;} ul#breadcrumb li {display:inline; list-style-type:none;} ul#breadcrumb li a {font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000; padding-right:3px; text-decoration:none;} #columna {float:left; margin:0; padding:0 20px 0 12px; width:188px;} #data h3 {color:#333333; font-size:1em; font-weight:bold;} /* Secondary Nav - Top level */ #columna ul {border-bottom:4px solid #4b525a; color:#000; list-style-type:none; margin:0; padding-bottom:20px; width:156px;} #columna ul li {background:url(../images/arrow_nav.gif) 1em 0.7em no-repeat; color:#000; clear:both; margin:0 0 2px 0px; width:156px;} #columna ul li.current {text-decoration:underline;} #columna ul li a.open {text-decoration:underline;} #columna ul li a {color:#000; display:block; font-weight:normal; font-size:1.1em; margin-left:20px; padding:2px 0 2px 0px; text-decoration:none; width:136px;} /* Secondary Nav - Second level */ #columna ul li ul {border-bottom:none; margin:5px 0px 5px 0px; padding-bottom:0;} #columna ul li ul li {background:url(../images/arrow_nav.gif) 2em 1em no-repeat; width:156px;} #columna ul li ul li.current a {text-decoration:underline;} #columna ul li ul li a {margin-left:2.5em; width:131px;} #centre {float:left; width:340px;} #centre2 {float:left; width:500px;} #centre h2, #centre2 h2 {color:#000; font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight:normal; margin-bottom:0.5em; margin-left:0px;} #centre .subhead, #centre2 .subhead {font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;color:#000; font-size:1em; font-weight:bold;} #centre #related {padding-top:15px;} #centre #related h3{color:#6f6e6e;margin:5px 0 5px 0;} #centre #related p{color:#6f6e6e; margin:5px 10px 10px 0;width:130px;} #centre #related p:hover{text-decoration:underline;} #centre #related a {color:#0055a5;text-decoration:none;} #centre #related a:hover{text-decoration:underline;} #centre #month h3{color:#6f6e6e;margin:5px 0 5px 0;} #centre #month p{color:#6f6e6e; margin:5px 10px 10px 0;} #centre #month a {color:#0055a5;text-decoration:none;} #centre #month p:hover{text-decoration:underline;} #columnb {float:right; margin:0 32px 0 0; width:150px;} #columnb #news{margin:20px 32px 0 0; padding:5px 5px 0px 0px; width:150px; background-color:#white; border:none} #columnb #news h3{color:#6f6e6e;margin:5px 0 5px 0;} #columnb #news p{color:#6f6e6e; margin:5px 10px 10px 0;width:130px;} #columnb #news p:hover{text-decoration:underline;} #columnb #news a {color:#0055a5;text-decoration:none;} #columnb #related {padding-top:15px;} #columnb #related h3{color:#6f6e6e;margin:5px 0 5px 0;} #columnb #related p{color:#6f6e6e; margin:5px 10px 10px 0;width:130px;} #columnb #related p:hover{text-decoration:underline;} #columnb #related a {color:#0055a5;text-decoration:none;} #columnb #category {padding-bottom:15px;} #columnb #category h3{color:#6f6e6e;margin:5px 0 5px 0;} #columnb #category p{color:#6f6e6e; margin:5px 0px 0px 0;width:130px;} #columnb #category a {color:#0055a5;text-decoration:none;} #columnb #category a:hover{text-decoration:underline;} #columnb #archive {padding-top:15px;padding-bottom:15px;} #columnb #archive h3{color:#6f6e6e;margin:5px 0px 5px 0;} #columnb #archive p{color:#6f6e6e; margin:5px 0px 0px 0;width:130px;} #columnb #archive a {color:#0055a5;padding-top:10px;text-decoration:none;} #columnb #archive a:hover{text-decoration:underline;} #footer {padding:15px;} #footer p.seclinks {color:#0055a5; font-size:1.15em; font-weight:bold; float:right;} #footer p.seclinks a {font-family:Arial, Helvetica, sans-serif; text-decoration:none;} #footer a {color:#0055a5;} /* Navigation */ ul#nav {background:url(../images/bkd_nav.gif) repeat-x; float:left; margin:0; padding:0; width:100%;} ul#nav li {display:inline; list-style-type:none;} ul#nav li a {display:block; float:left; height:50px; overflow:hidden;} ul#nav li a span {font-size:1px; height:1px; line-height:0px; overflow:hidden; position:absolute; left:-9999px; top:-9999px;} ul#nav li a:hover {} ul#nav li a.home {background:url(../images/navtwo_home.gif) no-repeat 0px 0px; width:64px;} ul#nav li.current a.home, ul#nav li a.home:hover {background:url(../images/navtwo_home.gif) no-repeat 0px -50px; width:64px;} ul#nav li a.about {background:url(../images/navtwo_about.gif) no-repeat 0px 0px; width:90px;} ul#nav li.current a.about, ul#nav li a.about:hover {background:url(../images/navtwo_about.gif) no-repeat 0px -50px; width:90px;} ul#nav li a.services {background:url(../images/navtwo_services.gif) no-repeat 0px 0px; width:110px;} ul#nav li.current a.services, ul#nav li a.services:hover {background:url(../images/navtwo_services.gif) no-repeat 0px -50px; width:110px;} ul#nav li a.locations {background:url(../images/navtwo_locations.gif) no-repeat 0px 0px; width:111px;} ul#nav li.current a.locations, ul#nav li a.locations:hover {background:url(../images/navtwo_locations.gif) no-repeat 0px -50px; width:111px;} ul#nav li a.claims {background:url(../images/navtwo_claims.gif) no-repeat 0px 0px; width:79px;} ul#nav li.current a.claims, ul#nav li a.claims:hover {background:url(../images/navtwo_claims.gif) no-repeat 0px -50px; width:79px;} ul#nav li a.group {background:url(../images/navtwo_giles.gif) no-repeat 0px 0px; width:126px;} ul#nav li.current a.group, ul#nav li a.group:hover {background:url(../images/navtwo_giles.gif) no-repeat 0px -50px; width:126px;} ul#nav li a.contact {background:url(../images/navtwo_contact.gif) no-repeat 0px 0px; width:98px;} ul#nav li.current a.contact, ul#nav li a.contact:hover {background:url(../images/navtwo_contact.gif) no-repeat 0px -50px; width:98px;} ul#nav li a.news {background:url(../images/navtwo_news.gif) no-repeat 0px 0px; width:64px;} ul#nav li.current a.news, ul#nav li a.news:hover {background:url(../images/navtwo_news.gif) no-repeat 0px -50px; width:64px;} /* Branch Network */ #maincontent #search {background-color:#D1E5EF; padding:10px;} #maincontent #search form {float:left; width:150px;} #maincontent #search form input {float:left; margin:1px 0 0 0; width:100px;} #maincontent #search form input:focus {background-color:#fff;} #maincontent #search form input.btn {float:left; margin:0 0 0 10px; width:30px;} #maincontent #search .map {background-color:#fff; border:1px solid #082242; float:right; height:150px; margin:0 10px; width:140px;} .coli {float:left; margin:20px 10px 0 0; width:165px;} .colii {float:left; margin:20px 0 0 0; width:165px;} /* Insurance Terms Pages */ #offreq {background-color:#fff; padding:15px;} #offreq h1 {} #offreq .subhead {color:#000; font-size:1.1em;} #offreq ol, #offreq ul {margin:0 0 5px 25px;} #offreq ul {list-style-image:url(../images/bullet.gif);} /* Generic */ .image1 {} .image2 {} ol.typea {list-style-type:lower-alpha;} ol.typei {list-style-type:lower-roman} .displaynone {display:none;} .bold {font-weight:bold;} .underline {text-decoration:underline} .marbot5 {margin-bottom:5px;} .marbot10 {margin-bottom:10px;} .marbot20 {margin-bottom:20px;} .marbot30 {margin-bottom:30px;} .martop10 {margin-top:10px;} .martop30 {margin-top:30px;} .martop120 {margin-top:120px;} .padtop30 {padding-top:30px;} .padtop35 {padding-top:35px;} .padtop55 {padding-top:55px;} .padtop85 {padding-top:85px;} .marlft15 {margin-left:15px;} .marrt {margin-right:10px;} .floatright {float:right;} .floatleft {float:left;} /* CSS clearing */ .clearboth {clear:both;} .clearleft {clear:left;} .clearright {clear:right;} .clearing:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearing {display: inline-table;} /* Hides from IE-mac */ * html .clearing {height: 1%;} .clearing {display: block;} /* End hide from IE-mac */ .next{color:#000;} .next a{color:#000;text-decoration:none;} .next a:hover{color:#000;text-decoration:underline;} /* Forms */ form {} form label {color:#6F6E6E; font-size:1.1em;} form input, form textarea {border:1px solid #86b3ca; color:#333; font-size:1.1em; padding:2px;} form input.btn {border:none;} #maincontent form {} #maincontent form div {margin-bottom:8px;} #maincontent form label {float:left; width:110px;} #maincontent form label.wide {font-size:1em; width:300px;} #maincontent form input, #maincontent form textarea {border:1px solid #86b3ca; color:#333; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; padding:2px; width:200px;} #maincontent form textarea {height:100px;} #maincontent form input:focus, #maincontent form textarea:focus {background-color:#D1E5EF; border:1px solid #0055A5;} #maincontent form input#optin1, #maincontent form input#optin2 {float:left; margin:0 10px 0 0; width:15px;} #maincontent form input.btn {background-color:#0055A5; border:1px outset #86b3ca; color:#fff; float:right; margin:20px 0; width:8em;} #enquiry {font-family:Verdana, Arial, Helvetica, sans-serif} #propertyform form {width:500px;} #propertyform form p.bold {margin-top:20px;} #propertyform ol, #propertyform ul {margin:0 0 20px 25px;} #propertyform form .row {clear:both; display:block; margin:0 0 15px 0;} #propertyform form .rowsm {clear:both; display:block; margin:0 0 5px 0;} #propertyform form label {color:#6F6E6E; display:block; font-size:1.1em; margin:0 20px 0 0; width:200px;} #propertyform form label.wide {color:#6F6E6E; display:block; font-size:1.1em; margin:0; width:100%;} #propertyform form label.check {color:#6F6E6E; display:block; float:left; font-size:1.1em; margin:0 0 0 5px; width:45px;} /* #propertyform form label.checkwide {color:#6F6E6E; display:block; float:left; font-size:1.1em; margin:0 20px 0 50px; width:240px;} */ #propertyform form .chkGroup {float:left; width:280px;} #propertyform form input {margin-right:5px; width:245px;} #propertyform form input:focus, #propertyform form textarea:focus {background-color:#D1E5EF; border:1px solid #0055A5;} #propertyform form select:focus {background-color:#D1E5EF;} #propertyform form .right {float:right; margin:0 32px 0 0;} #propertyform form .left {float:left; margin:0 20px 0 0; width:200px;} #propertyform form .labwidth {margin-right:20px; width:200px;} #propertyform form input.check {border:none; display:block; float:left; width:15px;} #propertyform form input.radio {border:none; display:block; float:left; width:15px;} #propertyform form textarea {margin:0px 10px 10px 0; width:220px;} #propertyform form textarea.med {width:245px;} #propertyform form textarea.wide {width:450px;} #propertyform form textarea.formreq {background-color: #ffe8e8; border: 1px solid #e00000;} #propertyform form textarea.formreqmed {background-color: #ffe8e8; border: 1px solid #e00000; width:245px;} #propertyform form select {width:250px;} #propertyform form select.formreq {background-color: #ffe8e8; border: 1px solid #e00000;} #propertyform form .searchbutton {float:left; margin:2em 1em 2em 0; width:16em;} #propertyform form .formreq {background-color: #ffe8e8; border: 1px solid #e00000;} #propertyform table.income {width:500px;} #propertyform table.income th {text-align:left;} #propertyform table.income input {width:150px} #propertyform table.asbestos {width:500px;} #propertyform table.asbestos th {padding-right:3px; text-align:left;} #propertyform table.asbestos input {width:80px} #propertyform table.highnetworth {width:500px;} #propertyform table.highnetworth th {padding-right:3px; text-align:left;} #propertyform table.highnetworth input {width:100px} #propertyform table.geographical {margin:0 0 20px 0; width:500px;} #propertyform table.geographical th {text-align:left;} #propertyform table.geographical label {margin:0 5px 0 0; width:115px} #propertyform table.geographical input {width:90px} #propertyform table.geographical span {margin:0 5px 0 2px;} #propertyform table.yearfees {margin:0 0 20px 0;} #propertyform table.yearfees input.year {width:205px;} #property form#apply {margin:10px 0 20px 0;} #property form#apply .row {display:block; margin:0 0 15px 0;} #property form#apply label {float:none; font-size:1em; line-height:1.4em; margin:0; width:100%;} #property form#apply label.wide {} #property form#apply select {float:none; margin:5px 0 0 0; width:150px;} #property form#apply input {} #property form#apply input.btn {border:none; background-color:#0055A5; border:1px outset #86b3ca; color:#fff; float:none; margin:10px 0; width:8em;} /* additional forms */ #secform form {width:500px;} #secform form p.bold {margin-top:20px;} #secform ol, #secform ul {margin:0 0 20px 25px;} #secform form .row {clear:both; display:block; margin:0 0 15px 0;} #secform form .rowsm {clear:both; display:block; margin:0 0 5px 0;} #secform form label {color:#6F6E6E; display:block; font-size:1.1em; margin:0 20px 0 0; width:200px;} #secform form label.wide {color:#6F6E6E; display:block; font-size:1.1em; margin:0; width:100%;} #secform form label.check {color:#6F6E6E; display:block; float:left; font-size:1.1em; margin:0 0 0 5px; width:45px;} #secform form input {margin-right:5px; width:245px;} #secform form input.med {margin-right:5px; width:72px;} #secform form input:focus, #secform form textarea:focus {background-color:#D1E5EF; border:1px solid #0055A5;} #secform form select:focus {background-color:#D1E5EF;} #secform form .right {float:right; margin:0 32px 0 0;} #secform form .left {float:left; margin:0 20px 0 0; width:200px;} #secform form .labwidth {margin-right:20px; width:200px;} #secform form input.check {border:none; display:block; float:left; width:15px;} #secform form .radio {border:none; display:block; float:left; width:15px;} #secform form textarea {margin:0px 10px 10px 0; width:220px;} #secform form textarea.med {width:245px;} #secform form textarea.reqmed {width:245px;background-color: #ffe8e8; border: 1px solid #e00000;} #secform form textarea.wide {width:450px;} #secform form select {width:250px;} #secform form .searchbutton {float:left; margin:2em 1em 2em 0; width:16em;} #secform form .formreq {background-color: #ffe8e8; border: 1px solid #e00000;} #secform form input.formreqmed {margin-right:5px; width:72px;background-color: #ffe8e8; border: 1px solid #e00000;} #secform table.drivers {width:475px;} #secform table.drivers th {padding-right:3px; text-align:left;} #secform table.drivers input {width:100px} #secform table.drivers input.check {float: right;width: 1em;} #secform table.drivers select {width: 65px;border: 1px solid #86b3ca;} #secform table.claims {width:480px;} #secform table.claims th {padding-right:3px; text-align:left;} #secform table.claims input {width:140px} #secform table.convictions {width:480px;} #secform table.convictions th {padding-right:3px; text-align:left;} #secform table.convictions input {width:100px}