/* ------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------- */ #container-wrapper-cdefgh { background:url('../grfx/layout/inset-navColumn.gif') repeat-y 0 0; float:left; width:1000px; margin-bottom:20px; } #container-c { float:left; width:155px; } #container-wrapper-defgh { float:right; width:825px; } #container-wrapper-efgh { margin-top:10px; } #container-wrapper-efg { float:left; width:71.5%; } #container-h { float:right; width:26%; margin-top:10px; } /* 2 Column Style */ #container-e, #container-f { float:left; width:47%; margin-right:3%; padding-bottom:10px; } /* Grey Bold Intro */ #introduction-wrapper { color:#666; font-weight:bold; } /* Orange Italic */ #section-a-wrapper { color:#FF9900; font-style:italic; } #summary-wrapper { font-weight:bold; color:#999999; } #introduction-wrapper { font-weight:bold; color:#333333; } /* ------------------------------------------------------------------- */ /* LEFT COLUMN LIST */ /* ------------------------------------------------------------------- */ #container-g { clear:both; float:left; width:100%; position:relative; } #container-g ul { margin:10px; } #container-g ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size:0; } #container-g ul li { list-style:none; font-size:1.1em; clear:both; position:relative; margin-bottom:2px; } #container-g ul li a { text-decoration:underline; } #container-g ul li a:hover { text-decoration:none; } #container-g ul li img { float:left; margin-right:10px; margin-bottom:2em } #container-g ul li a.more { background:url('../grfx/buttons/btn-more.gif') no-repeat 0 0; display:block; text-indent:-999em; width:43px; height:16px; position:absolute; left:76px; margin-top:2px; } #container-g ul li a.more:hover { background-position: bottom left; } #container-g span.posted { font-weight:bold; color:#666; } #container-g span.summary { display:block; } div.archive-summary { font-size:1.1em; margin:10px; } /* Orange Title */ #container-g .standard-column-1 a.name, #container-g .standard-column-2 a.name { font-weight:bold; color:#FF9900; text-decoration:none; } #container-g .standard-column-1 a.name:hover, #container-g .standard-column-2 a.name:hover { text-decoration:underline; } /* Standard Column */ .standard-column-1, .standard-column-2, /* News Archive */ .archive-column-1, .archive-column-2 { width:50%; float:left; } .archive-column-1 ul li, .archive-column-2 ul li { position:relative; } .archive-column-1 ul li span.posted, .archive-column-2 ul li span.posted { display:block; position:absolute; } .archive-column-1 ul li a.name, .archive-column-2 ul li a.name { display:block; padding:0 0 2px 40px; color:#999; text-decoration:none; } .archive-column-1 ul li a:hover, .archive-column-2 ul li a:hover { text-decoration:underline; } #news-archive-wrapper div.archive-summary { margin-top:10px; } /* Headers */ #container-g h3 { background-color:#F3F3EE; display:block; padding:5px 0px 5px 10px; margin:0px 0px 10px 0px; clear:both; } /* Summary */ #inlc-archive-summary { margin:10px; } /* Inset Borders Layout */ #container-g div { border:1px solid #F3F3EE; } #container-g div:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #container-g div div { border:none; } /* Inset Borders Fixes */ #container-g #news-standard-wrapper { border:none; } /* Inset Spacing */ #container-g { margin-top:-10px; } #container-g div { margin-top:10px; } #container-g div div { margin-top:0; } /* ------------------------------------------------------------------- */ /* MORE INFO */ /* ------------------------------------------------------------------- */ div.division-business-contact-details-summary, div.product-business-contact-details-summary, div.market-sectors-business-contact-details-summary, div.services-business-contact-details-summary { font-size:1.1em; margin:10px; } #container-g ul span.label-name, #container-g ul span.label-division, #container-g ul span.label-tel, #container-g ul span.label-fax, #container-g ul span.label-mobile, #container-g ul span.label-email, #container-g ul span.label-website, #container-g ul span.label-address1, #container-g ul span.label-address2, #container-g ul span.label-address3, #container-g ul span.label-address4, #container-g ul span.label-postcode { display:inline-block; width:80px; } /*#container-g ul span.label-website { position:absolute; top:-61px; left:304px; } #container-g ul .contact-website { position:absolute; top:-61px; left:383px; } #container-g ul span.label-address1 { position:absolute; top:-46px; left:304px; } #container-g ul .contact-address1 { position:absolute; top:-46px; left:383px; } #container-g ul span.label-address2 { position:absolute; top:-31px; left:304px; } #container-g ul .contact-address2 { position:absolute; top:-31px; left:383px; } #container-g ul span.label-address3 { position:absolute; top:-16px; left:304px; } #container-g ul .contact-address3 { position:absolute; top:-16px; left:383px; } #container-g ul span.label-postcode { position:absolute; top:-1px; left:304px; } #container-g ul .contact-postcode { position:absolute; top:-1px; left:383px; }*/ /* ------------------------------------------------------------------- */ /* DOWNLOADS */ /* ------------------------------------------------------------------- */ #division-download-column-1 a.pdf {background:url(../grfx/layout/downloads.gif) no-repeat top left; height:32px; width:32px; text-indent:-9999em; display:block; float:left;} #division-download-column-1 a.name {padding-left:5px;} /* #division-download-column-1 span.label-format {background:#F3F3EE; width:50px; display:inline-block;} #division-download-column-1 span.label-filesize {background:#F3F3EE; width:50px; display:inline-block;} #division-download-column-1 span.label-posteddate {background:#F3F3EE; width:50px; display:inline-block;} #division-download-column-1 span.format {background:#F3F3EE; width:95px; display:inline-block;} #division-download-column-1 span.filesize {background:#F3F3EE; width:95px; display:inline-block;} #division-download-column-1 span.posted {background:#F3F3EE; width:95px; display:inline-block;} */ /* ------------------------------------------------------------------- */ /* CONTACT DETAILS LIST */ /* ------------------------------------------------------------------- */ #division-contact-details-list-column-1 ul li span.label-contact-tel, #division-contact-details-list-column-1 ul li span.label-contact-fax, #division-contact-details-list-column-1 ul li span.label-email, #division-contact-details-list-column-1 ul li span.label-website, #division-contact-details-list-column-1 ul li span.label-multimap { display:inline-block; width:80px; float:left; clear:left; padding-left:10px;} #division-contact-details-list-column-1 ul li span.contact-tel, #division-contact-details-list-column-1 ul li span.contact-fax, #division-contact-details-list-column-1 ul li a.contact-email, #division-contact-details-list-column-1 ul li a.contact-website, #division-contact-details-list-column-1 ul li a.multimap-link { float:left; } #division-contact-details-list-column-1 ul li {padding-top:10px; clear:both;} /* ------------------------------------------------------------------- */ /* RIGHT COLUMN */ /* ------------------------------------------------------------------- */ #infowindow-wrapper { border:1px solid #F3F3EE; font-size:.9em; position:relative; margin-bottom:20px; } #infowindow-title-wrapper { background:#F3F3EE url('../grfx/layout/corner-inset.gif') no-repeat 0 0; padding:12px; font-size:1.3em; display:block; width:190px; margin:-1px 0px 0px -1px; } #infowindow-title-wrapper p { margin:0; padding:0; color:#FF9900; } #infowindow-wrapper img { float:right; margin:-10px 10px 10px 10px; z-index:999; border:1px solid #F3F3EE; position:relative; } #infowindow-introduction-wrapper, #infowindow-body-wrapper { padding:0 10px 0 10px; } #infowindow-wrapper a { text-decoration:underline; } #infowindow-wrapper a:hover { text-decoration:none; } /* RELATED LINKS */ #related-link-list-wrapper { border:1px solid #F3F3EE; font-size:1em; position:relative; margin:0; padding:0 10px 10px 10px } #related-link-list-wrapper ul { margin-top:5px; } #related-link-list-wrapper ul li { padding:0.4em 0 0.4em 0; list-style:square; color:#ff9900; margin:0 0 0 10px; } #related-link-list-wrapper a { text-decoration:underline; display:block; } #related-link-list-wrapper a:hover { text-decoration:none; } #related-link-list-wrapper h3 { font-weight:normal; font-size:1.4em; } /* CORPORATE STATEMENTS */ #container-h #corporate-statements-standard-wrapper { border:1px solid #F3F3EE; font-size:1em; position:relative; margin:0; padding:0 10px 5px 10px; clear:both; margin-bottom:20px; } #container-h #corporate-statements-standard-wrapper .standard-column-1 { width:100%; float:none; } #container-h #corporate-statements-standard-wrapper ul { width:190px; margin-top:5px;} #container-h #corporate-statements-standard-wrapper ul li { padding:0.4em 0 0.4em 0; list-style:none; color:#ff9900; margin:0; } #container-h #corporate-statements-standard-wrapper a { text-decoration:underline; } #container-h #corporate-statements-standard-wrapper a:hover { text-decoration:none; } #container-h #corporate-statements-standard-wrapper span.posted { display:inline-block; width:40px; } #container-h #corporate-statements-standard-wrapper h3 { background:#F3F3EE url('../grfx/layout/corner-inset.gif') no-repeat 0 0; padding:12px; font-size:1.3em; font-weight:normal; display:block; width:190px; margin:-1px 0px 0px -11px; color:#FF9900; clear:both; } /* SITE TOOLS */ #site-tools-wrapper { display:none; } /* ------------------------------------------------------------------- */ /* TABLE DATA */ /* ------------------------------------------------------------------- */ #container-g table tr.even { background-color:#f7f7f4; } #container-g table th, #container-g table td { padding:5px; vertical-align:top; } #container-g table th { text-transform:uppercase; } #container-g table a { text-decoration:underline; } #container-g table a:hover { text-decoration:none; } /* ------------------------------------------------------------------- */ /* FORMS */ /* ------------------------------------------------------------------- */ #container-wrapper-cdefgh form { background-color:#d6d6c6; position:relative; } #container-wrapper-cdefgh form ul, #container-wrapper-cdefgh form ul li { margin:0; padding:0; position:relative; } #container-wrapper-cdefgh form ul.sub-group { width:520px; margin:10px; } form span.field-name { width:200px; position:relative; display:inline-block; height:22px; } #container-wrapper-cdefgh form input[type=text] { width:280px; border:1px solid #bdbda3; padding:2px 5px 2px 5px; font-size:0.9em; } form span.mandatory, form span.mandatoryset { position:absolute; margin-left:300px; color:#FFF; } form textarea { border:1px solid #bdbda3; padding:2px 5px 2px 5px; font-size:1em; font-family:Arial, Helvetica, sans-serif; width:480px; } form span.mandatory-text { display:block; padding:0 0 5px 10px; } form span.mandatoryset-text { display:block; padding:0 0 10px 10px; } form li.general-enquiry span.mandatory { margin-top:20px; } /* CheckBox List... */ #container-wrapper-cdefgh form ul.products-list { margin-bottom:10px; } #container-wrapper-cdefgh form ul.services-list { } #container-wrapper-cdefgh form ul.products-list li, #container-wrapper-cdefgh form ul.services-list li { font-size:.9em; height:20px; vertical-align:middle; } #container-wrapper-cdefgh form ul.products-list li.even, #container-wrapper-cdefgh form ul.services-list li.even { position:absolute; left:200px; margin-top:-20px; } #container-wrapper-cdefgh form ul.products-list li input, #container-wrapper-cdefgh form ul.services-list li input, /* Advanced Search CheckBox List... */ #advanced-search-contentoptions-box ul li input { margin-right:3px; vertical-align:middle; position:relative; width:auto; padding:1px;} /* Error Message */ .message { padding:10px 10px 3px 10px; background-color:#fff; padding-bottom:12px; } .message .headingmessage { font-weight:bold; font-size:1.1em; margin-bottom:2px; } .message ul { margin-left:20px !important;} .message ul li { list-style:disc !important;} /* Buttons */ form span.button, #advanced-search-button { position:absolute; bottom:10px; right:10px; } form span.button label { display:none; } form span.button input, input#advanced-search-submit { background:transparent url('../grfx/buttons/submit.gif') no-repeat 0 0; border:none; width:50px; height:0; padding:16px 0 0 0; overflow:visible; cursor:pointer; text-indent:-9999px; } form span.button input:hover, input#advanced-search-submit:hover { background:transparent url('../grfx/buttons/submit_roll.gif') no-repeat 0 0; } /* Headings */ #general-enq-form-wrapper h3, #file-request-form-wrapper h3, #link-suggest-form-wrapper h3, #presskit-req-form-wrapper h3, #newsletter-subs-form-wrapper h3 { display:none; } #general-enq-form-wrapper ul h3, #file-request-form-wrapper ul h3, #link-suggest-form-wrapper ul h3, #presskit-req-form-wrapper ul h3, #newsletter-subs-form-wrapper ul h3 { display:block; } #general-enq-form-wrapper ul li.company-details h3, #general-enq-form-wrapper ul li.area-of-interest h3, #file-request-form-wrapper ul li.enq-notes h3, #link-suggest-form-wrapper ul li.company-details h3, #link-suggest-form-wrapper ul li.link-details h3, #link-suggest-form-wrapper ul li.enq-description h3, #presskit-req-form-wrapper ul li.company-details h3, #presskit-req-form-wrapper ul li.enq-details h3, #newsletter-subs-form-wrapper ul li.company-details h3 { background:none; } /* Newsletter */ #newsletter-subs-form-wrapper { position:relative; } #newsletter-unsubs-form-wrapper { margin-top:12px; } #newsletter-unsubs-form-wrapper h3 { font-size:1.3em; } /* Advanced Search */ #advanced-search-wrapper { } #advanced-search-wrapper form { padding:10px 0 0 0; } #advanced-search-keywords-box { margin:10px; float:left; font-size:1.1em; width:272px; padding:0;} #advanced-search-keywords-box input#search-keywords { width:75%;} #advanced-search-keywords-box span.field-name { width:56px; height:14px; } #advanced-search-matchtype-box { margin:10px 0; float:left; width:auto; padding-top:4px; font-size:1em; } #advanced-search-matchtype-box span.field-name, #advanced-search-contentoptions-box span.field-name { width:auto; display:inline; } #advanced-search-matchtype-box input { margin-right:10px; margin-left:2px; vertical-align:middle; position:relative; width:auto; padding:1px; margin-top:0;} /* CheckBox List... */ #advanced-search-contentoptions-box { margin:0 10px 0 10px; clear:both; padding:0 0 10px 55px; } #advanced-search-contentoptions-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*clearfix */ #advanced-search-contentoptions-box ul { float:left; width:100px; white-space:nowrap; } /*Extranet*/ #extranet-login-form-wrapper ul ul li.extranet-account { width:160px; float:left; display:inline-block;} #extranet-login-form-wrapper ul ul li.extranet-account input { width:50%;} #extranet-login-form-wrapper ul ul li.extranet-account span.mandatory, #extranet-login-form-wrapper ul ul li.extranet-password span.mandatory { display:none;} #extranet-login-form-wrapper ul ul li.extranet-password { width:195px; display:inline-block;} #extranet-login-form-wrapper ul ul li.extranet-password input { width:60%; border:1px solid #bdbda3;padding:2px 5px 2px 5px; font-size:1em; font-family:Arial, Helvetica, sans-serif; } #extranet-login-form-wrapper span.mandatory-text {display:none;} #extranet-login-form-wrapper ul {height:30px;} /*Forgotten Password*/ #forgotpass-form-wrapper form { padding:3px 0 20px 0; } #forgotpass-form-wrapper ul ul li.forgot-password-email {width:300px;} #forgotpass-form-wrapper ul ul li.forgot-password-email input {width:50%; display:inline-block;} #forgotpass-form-wrapper ul ul li span.mandatory { left:80px;} #forgotpass-form-wrapper ul ul li span.field-name { display:inline; padding-right:50px;} /*mandatory text fix*/ #file-request-form-wrapper ul li.enq-notes, #general-enq-form-wrapper ul ul li.general-enquiry, #presskit-req-form-wrapper ul li.enq-details, #newsletter-subs-form-wrapper ul li.company-details, #newsletter-unsubs-form-wrapper ul ul li.unsubscribe-email { padding-bottom:10px;}