/* DPP Colour Scheme * Blue: #039 * Dark Blue: #001F73 */ /* COMMON ELEMENT OVER-RIDES */ body {margin:20px;font-family:Helvetica,Arial;font-size:12px;background:#FFF} #company-name,#master-contact-number,h1,h2,h3,h4,h5,h6 {font-family:"Lucida Sans",Helvetica,Arial} p {line-height:16px; font-size:12px; color:#333;} h1 {margin-bottom:10px;font-size:32px;font-weight:bold;color:#001F73} h2 {margin-bottom:10px;margin-bottom:10px;font-size:24px;font-weight:bold;color:#001F73} h3 {font-size:16px;font-weight:bold;color:#001F73} h4 {font-size:12px;font-weight:bold;color:#001F73} h5 {color:#CCCCCC;font-size:11px} li {margin-bottom:4px} .fll {float:left;} .flr {float:right;} .cdiv {clear:both;line-height:0px} .b {font-weight:bold} .i {font-style:italic} .u {text-decoration:underline} .btn {cursor:pointer} td {vertical-align:top !important;} strong {font-weight:bold} /* MAIN SKELETON */ #outer-container {min-width: 935px; max-width: 1260px; width:100%; margin: 0px auto; } /* MASTER NAVIGATION */ #master-navigation {height:25px; background:url(../images/img_master-navigation-rep.jpg) repeat-x; vertical-align:baseline; } #silo-navigation ul,.silo-navigation ul {list-style:none;margin:0px;padding:0px} #master-navigation-left {height:20px;width:337px;background:url(../images/img_master-navigation-lc.jpg) no-repeat;float:left} #master-navigation-right {height:20px;line-height:20px; background:url(../images/img_master-navigation-rc.jpg) top right no-repeat;float:right;text-align:right;padding-right:20px;color:#FFF} a, a:visited {color:#120C76; text-decoration:underline} a:hover {text-decoration:none} #head a,#head a:hover,#head a:visited,#head a:active {font-size:11px;color:#FFF;text-decoration:none} #head li{display:inline;margin:0px;padding:0 10px;border-right:1px solid #eee;list-style:none} #head li#end{border:0} #head a{display:inline} #head{color:#FFF;margin:0;padding:0px 10px 3px 10px;text-align:right;font-size:11px;clear:both} #head ul {margin:0px;padding:1px;display:none;position:absolute;z-index:5;top:-2px;right:40px;width:150px;background:#001F73} #head li:hover ul{display:block;top:37px} #head li li a{display:block;padding:3px;margin:0;border:#001F73 1px solid;text-decoration:none;background:#001F73;color:#FFF} #head li li{display:block;text-align:left;margin:0;padding:0} #head li li a:hover{background:#DFDCFF;color:#001F73} #popup-outer {display:none;position:fixed;top:0;left:0;z-index:5;width:100%;height:100%;background:url(../images/popup_outer_overlay.png) repeat} #popup-details {position:fixed;width:300px;left:50%;top:50%;margin:-128px 0 0 -150px;min-height:200px;;z-index:10;border:5px solid #FFF;background-color:#FFF} #popup_box_link {text-align:center} #popup_box_link a {font-family:"Lucida Sans",Helvetica,Arial;text-decoration:none;color:#C00;font-weight:bold} #popup-content {padding:10px;background:#001F73;color:#FFF} #popup-content input {color:#000} #popup-content a,#popup-content p,#popup-content h3 {color:#FFF} #breadcrumb { font-size: 10px; margin-bottom: 10px; } /* MASTER SEARCH */ #master-search {font-size:14px;} #master-search-input {margin-top:2px; font-size:12px;} #btn-master-search { color: #FFFFFF; border: 1px solid #FFFFFF; padding: 0px 2px; font-size: 10px; text-decoration: none; } #btn-master-search:hover { color: #242E6C; background-color: #FFFFFF; } /* CONTACT FORMS */ #enquiry label {position:relative;float:left;clear:both;width:90%;padding:7px 3px;margin-left:10px; font-size: 12px;} #enquiry label input,#enquiry label select {position:absolute;left:120px;top:0;background:#FFF;border:#999 1px solid;padding:3px} #enquiry input[type=text] {width:140px} #enquiry label select {top:3px;width:148px !important} label.label_wide {width:195px !important} #enquiry .submitbtn {text-align:center;padding:5px 0} #contacterror { border-top: 1px dashed; border-left: 1px dashed; border-bottom: 1px dashed; background-color: #f5f8ae; width: 200px; position: relative; top: -348px; left: -202px; display: none; } #ajaxworking { text-align: center; font-size: 14px; display: none; } #ajaxsent { text-align: center; font-size: 14px; display: none; } #enquiry h3 {color:#FFF;font-size:17px;height:25px;background:url(../images/enquiry_h3_bg.jpg) 0 0 repeat-x #001F73;width:278px;padding:8px 0 2px 10px} .boxheader {text-align: left; color:#FFF;font-size:17px;height:25px;background:url(../images/enquiry_h3_bg.jpg) 0 0 repeat-x #001F73;width:278px;padding:9px 0 1px 10px; font-weight: bold;} #enquiry h4 {color:#001F73;font-size:130%;background:#EEE;border-bottom:#999 1px dotted; padding:6px 0px 4px 10px;margin-bottom:10px} .label {font-weight:normal;color:#000} .label_error {font-weight:bold;color:#F00} #enquiry { width:288px; background:url(/images/enquiry_bg.jpg) 0 0 repeat-x #EEE;border:#001F73 2px solid; font-size:80%;margin-bottom:10px } .office-info {float:left;width:94%;margin:0px 10px 10px 0px;border:#666 1px solid;padding:10px} .office-address {width:180px} /* SEARCH BAR */ #search-bar {border:1px solid #001F73;background-color:#EFEFEF;padding:10px;margin:10px 0} .search-results-header {border-bottom:1px dashed #9D9D9D;margin-bottom:10px;padding:5px} /* ACCORDION */ #accordion {margin-bottom:10px;} #accordion h4 {margin:0} .toggler { font-family:Arial, Helvetica, sans-serif; color:#291B75; border:#CCC 1px solid; padding:7px 0 7px 20px; margin-top:10px; cursor:pointer; background:url(../images/toggler_bg_down.png) top right no-repeat #EEE; } .element {margin-bottom:5px;padding:10px 20px 20px 20px;border:#CCC 1px solid} .element p {margin:10px 0 20px 0;font-size:12px} .element li {line-height:140%} /* SILO NAVIGATION */ #silo-navigation,.silo-navigation { background:url(../images/silo-navigation_bg.jpg) 290px 15px no-repeat #FFF; margin:0 20px 0 0; padding:0; } #silo-navigation ul,.silo-navigation ul {width:100%} #silo-navigation li,.silo-navigation li {margin:0;list-style-type:none;border-bottom:#FFF 2px solid} #silo-navigation li a,.silo-navigation li a { display:block; list-style:none; padding:8px 0 0px 7px; border:#CCC solid; border-width:1px 1px 1px 8px; margin:0; font-size:10px; font-weight:bold; color:#001F73; text-decoration:none; text-transform:uppercase; } /* .snav_a {border-left-color:#C00 !important} .snav_b {border-left-color:#0C0 !important} .snav_c {border-left-color:#00C !important} .snav_d {border-left-color:#C90 !important} .snav_e {border-left-color:#0CC !important} .snav_f {border-left-color:#C0C !important} .snav_g {border-left-color:#C00 !important} .snav_h {border-left-color:#0C0 !important} */ #silo-navigation li a:hover,.silo-navigation li a:hover { border-left:#C00 8px solid; background:url(../images/silo-navigation_overlay.png); color:#001F73; } #home #silo-navigation { background:url(../images/silo-navigation_bg.jpg) 290px 15px no-repeat #FFF; margin:0 15px 0 0; padding:0; } #home #silo-navigation ul {width:100%} #home #silo-navigation li {margin:0;list-style-type:none;border-bottom:#FFF 5px solid} #home #silo-navigation li a { display:block; list-style:none; padding:7px 0 7px 12px; border:#CCC solid; border-width:1px 1px 1px 8px; margin:0; font-size:14px; font-weight:bold; color:#001F73; text-decoration:none; text-transform:uppercase; } #home #silo-navigation li a:hover { border-left:#C00 8px solid; background:url(../images/silo-navigation_overlay.png); color:#001F73; } ul.silonav a, ul.silonav a:visited { display:block;border-right:#FFF 1px solid;height:18px;padding:6px 10px 0 10px;text-decoration:none;color:#666; font-size:12px; } ul.silonav a:hover {background:#039;text-decoration:none} .catworklink {background-color:#EEE} .catworklink a {border-left:#039 8px solid !important} .catworklink a:hover {border-left:#C00 8px solid !important} #homepage_top_row {height:300px} /* homepage latest news */ #home_latest_news {border:#CCC 1px solid;width:243px;margin-top:5px;padding:8px 15px 2px 15px} #home_latest_news h2 {font-size:16px;color:#C00} #home_latest_news h3 {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;line-height:140%} #home_latest_news p {margin:2px 0 5px 0} p.date {color:#666} #home_latest_news p.more_link {text-align:right;margin-bottom:0px} /* silo latest news */ #silo_latest_news {border:#CCC 1px solid;width:178px;margin-top:5px;padding:15px 15px 4px 15px} #silo_latest_news h2 {font-size:16px;color:#C00} #silo_latest_news h3 {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;line-height:140%} #silo_latest_news p {margin:2px 0 5px 0} #silo_latest_news p.more_link {text-align:right;margin-bottom:0px} /* SILO RIGHT HAND BOXES */ #silo-newsletter-box {border:2px solid #001F73;width:288px;background-color:#EFEFEF;margin-top:10px} #silo-testimonials-box {border:1px solid #001F73;width:290px;background-color:#EFEFEF;margin-top:10px} #silo-news-box {border:1px solid #001F73;width:290px;background-color:#EFEFEF;margin-top:10px} #silo-articles-box {border:1px solid #001F73;width:290px;background-color:#EFEFEF;margin-top:10px} /* LOGO BAR */ #logo-bar {background-color:#FFF;background-image:url(../images/img_logo-bar-bg.jpg);background-position:top right;background-repeat:no-repeat;border-left:1px solid #001F73;border-right:1px solid #001F73;padding:8px 0px 2px 10px;height:95px} #logo-bar-footer {height:10px;background-color:#001F73;background-image:url(../images/img_navigation-footer-bg.jpg);background-position:top right;background-repeat:no-repeat;border-left:1px solid #001F73;border-right:1px solid #001F73} #popup-contact {position:relative;top:-100px;float:right} #company-name {line-height:100%;margin:0 100px;padding:0;position:relative;top:25px;color:#001F73;font-size:35px;font-weight:bold;text-align:center} #master-contact-number {line-height:100%;text-align:center;font-size:20px;margin:0 100px;padding:10px 0 0 0;position:relative;top:25px;color:#C00} /* INNER CONTAINER AND CONTENT */ #inner-container {background:url(../images/img_inner-container-repeat.jpg) repeat-x #798BB7;border-left:1px solid #001F73;border-right:1px solid #001F73;min-height:400px} #main-content-container {padding:20px} #main-content {padding:20px;background-color:#FFF;} /* HOME PAGE CONTENT */ #homepage-flash-movie {width:290px;height:200px;border:1px solid #001F73;margin-bottom:10px} .homepage-silo-link {width:250px;height:23px;padding:5px;float:left;background-image:url(../images/home_box_li_bg.jpg);border-bottom:1px solid #7D79C9} .homepage-silo-link:hover {background-color:#07004C;background-image:none} .silo-link {padding:3px 0px 0px 10px} #home-silo-links {border:1px solid #001F73;padding:10px 0px 10px 10px;width:545px;height:139px;background-image:url(../images/img_silo-links-bg.jpg);margin-bottom:10px} .silo-link-block {margin-right:10px;border:1px solid #7D79C9;;width:260px;float:left} /* ARTICLES / NEWS / VACANCIES */ .article-box {border:1px solid #CCC;background-color:#FFF} /* VACANCIES */ .vacancy-item {border:1px solid #CCC;padding:10px;margin-bottom:10px;background-color:#FFF} /* SILO SPECIFIC */ #silo-header-img { margin-bottom: 10px; width: 100%; background-repeat: no-repeat; background-position: top left; } /* LEGAL EXPERTS */ .legal-expert-link { margin: 5px 0; padding: 5px; border-bottom: 1px solid #EEEEEE; } .legal-expert-link:hover { background-color: #e3e6f0; } .profile-section { border-bottom: 1px solid #EEEEEE; margin: 0 0 20px 0; padding-bottom: 10px; } #btn-bar {border:1px dashed #001F73;float:left;width:96%;background-color:#EFEFEF;padding:10px;margin:0px 10px 10px 0px} #expert-search {border:1px dashed #001F73;margin-bottom: 20px; width:96%;background-color:#EFEFEF;padding:10px;} /* FOOTER */ #master-footer {height:100px;background-image:url(../images/img_master-footer-repeat.jpg);background-repeat:repeat-x} #master-footer-left {height:100px;width:21px;background-image:url(../images/img_master-footer-lc.jpg);background-position:left top;background-repeat:no-repeat;float:left} #master-footer-content {height:100px;width:100%;background-image:url(../images/img_master-footer-rc.jpg);background-position:top right;background-repeat:no-repeat; text-align:center;padding-top:10px;color:#FFF;border:1px solid} #master-footer-right { float:right; background-image:url(../images/img_master-footer-rc.jpg); background-position:top right; background-repeat:no-repeat; width:97%; height:100px; padding-top:15px; color:#FFF; text-align:center; } #master-content {padding:10px} a.footerlink, a.footerlink:visited { color:#FFF; text-decoration:underline; } a.footerlink:hover { text-decoration:none; } /* CUSTOM MARGINS */ .mb5 {margin-bottom:5px} .mb15 {margin-bottom:15px} /* CUSTOM WIDTHS */ .w300 {width:300px} #main_right { max-width:545px; } .colmask { position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */ clear:both; float:left; width:100%; overflow:hidden; } .fluid .colmid { float:left; width:200%; margin-left:-294px; /* Width of right column */ position:relative; right:100%; } .fluid .colleft { float:left; width:100%; margin-left:-50%; position:relative; left:504px; /* Left column width + right column width */ } .fluid .maincontentwrap { float:left; width:50%; position:relative; right:210px; /* Width of left column */ padding-bottom:1em; /* Centre column bottom padding. Leave it out if it's zero */ } .fluid .maincontent { margin:0 308px 0 225px; /* Centre column side padding: Left padding = left column width + centre column left padding width Right padding = right column width + centre column right padding width */ position:relative; left:200%; overflow:hidden; } .fluid .left { float:left; float:right; /* This overrides the float:left above */ width:210px; /* Width of left column content (left column width minus left and right padding) */ position:relative; right:0px; /* Width of the left-had side padding on the left column */ } .fluid .right { float:left; float:right; /* This overrides the float:left above */ width:263px; /* Width of right column content (right column width minus left and right padding) */ margin-right:30px; /* Width of right column right-hand padding + left column left and right padding */ position:relative; left:50%; }