/**************************************************************************************** Description: 1st - The Exchange Prospects Site - core CSS Created: 23/02/2009 Author: Mike Hearfield/Nick Elliott - Presentation Team, Cheltenham Copyright: Independent Specialist Technology (UK) Ltd. 2009, All Rights Reserved. ****************************************************************************************/ /*====================== UNIVERSAL ======================*/ *{margin:0px; padding:0px; } /*====================== TAG DEFINITIONS ======================*/ html{overflow-y:scroll; overflow-x: hidden;} body{ margin:0px; font:0.8em/1.3em 'Trebuchet MS', Verdana, arial, sans-serif; text-align:center; background-color: #FCFCFC; } div{text-align:left;} ul, ol{ list-style-position:inside; } img{border:none;} h1, h2, h3, h4, h5, h6, legend{margin:5px 0px 5px 0px; } h3{margin:5px 0px;} a { color: #8CA746; } a[disabled="disabled"]{color:#999; text-decoration:none;}/* To disable links in Firefox so it acts the same as IE */ a:hover {text-decoration:none;} address { margin-bottom: 1em; } /*====================== UTILITIES ======================*/ .hidden {display:none;} .invisible {visibility:hidden;} .clr {clear:both; display:none; line-height:0px !important; font-size:0em;} .clear {clear:both;} .smallText {font-size:75%;} .readOnly {color:#999;} .floatRight {float:right; } .floatLeft {float:left; } .clearLeft {clear:left;} .spaceBefore{margin-top:20px;} .dividerAfter{border-bottom:1px solid #CCC; margin-bottom:5px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block;} /* for IE/Mac */ a.common_icon { padding-left: 30px; background: transparent url(../images/common/icons.gif) no-repeat; } a.rss { background-position: -3px -9px; } a.pdf { background-position: -3px -44px; } a.word { background-position: -3px -80px; } /*====================== LINKS ======================*/ /*====================== STRUCTURE ======================*/ #divContainer{margin:0px auto; width: 978px; background:#eee url(/images/common/container_bg.jpg) repeat-y; } #divOuter{margin:0px 9px; width:960px; background: transparent url(/images/common/container_top.jpg) no-repeat; padding-top: 4px; } /*== HEADER ==*/ #divHeader{position:relative; clear:both; height:104px;} #divLogo{float: left; width:224px; height:104px;} #divLogo img{margin: 17px 23px;} #divBannerAdvert{float: left; width:728px; height:90px; padding:7px 0px;} #divBannerAdvert p{ float:right; font-size: 0.9em; text-align:: right; clear: both; } #divBannerAdvert p a{ color:#888888; text-decoration: none; } #divBannerAdvert p.contact_us{ padding-top: 0.5em; } #divBannerAdvert p.contact_us a{ color:#888888; text-decoration: none; background:transparent url(/images/common/green_arrow_icon.jpg) no-repeat scroll right 0.3em; padding-right: 1.2em; font-size:1.2em; } #divBannerAdvert p a:hover{ color: #000; background-color: #eee; } /*== MENU ==*/ #divMenuBar{background:#ddd url(/images/menu/menu_bg.jpg) repeat-x; margin-bottom: 1px; width:100%; position: relative; z-index:2; } #divMenu{clear:both; float:left; display:inline; height:29px; } #divSearch{float:right; display:inline; text-align:right;} #divSearch fieldset{border:none; padding-top:5px; width: 18em;} #divSearch fieldset legend{display:none;} #divSearch fieldset input{width:10em; float: left;} #divSubMenu{clear:left; height: 35px; background: none; background:#fff url(/images/menu/breadcrumb_bg.gif) repeat-x; } /*== HOME CONTENT ==*/ #divHomeContent{width:100%; background: #fff url(/images/home/home_content_bg.jpg) repeat-x;} #divMainBlock{min-height:278px; height:auto !important; height:283px; margin:1px 0px 0px 0px; background: #fff url(/images/home/main_block_bg.jpg) top right no-repeat; } #divMainBlock h1, #divMainBlock p{margin-left: 17px; } #divMainBlock h1{color: #CDFE31; padding-top: 26px; font-size: 2.3em; line-height: 1.0em; margin-top: 0px; } #divMainBlock p{width: 370px; color: #fff; margin-bottom: 8px; font-size:0.9em;} #divMainBlock p a{color: #A3D631; text-decoration: none; background: transparent url(/images/home/main_block_link_bg.gif) no-repeat; padding-left: 24px; height: 24px; font-size: 1.1em; overflow: hidden; } #divMainBlock p a:hover{color: #99FF00; } #divMainColumns{width:100%; margin-top:2px; color: #5C5F58;} .mainColumn{float:left; display:inline; min-height:100px; height:auto !important; width: 318px;} .mainColumn.left, .mainColumn.middle{border-right:1px solid #ccc;} /*== 3 COLUMN LAYOUT CONTENT ==*/ #divMain{float:left; display:inline; margin-top:10px; height:auto !important; height:300px; min-height:300px; z-index:1;} .sidebar{float:left; display:inline; width:200px; overflow:hidden; } #divSidebarLeft{float:left; display:inline; width:200px;} #divMainContent{float:left; display:inline; width:760px;} #divMainContent blockquote{clear:both !important; margin:10px 5px; padding:0px; color:#666666; font-style:italic; overflow:hidden; float: none; font-size: 1em; color: #009DD7;} #divMainContent blockquote span b{display:none;} #divMainContent blockquote span.leftQuote{background:url(/images/common/leftQuote.gif) 0 0 no-repeat; padding:0px 10px 0px 5px;} #divMainContent blockquote span.rightQuote{background:url(/images/common/rightQuote.gif) 100% 0 no-repeat; padding:0px 8px 0px 10px;} #divMainContent cite{clear:both; display:block; text-align:right; font-style:normal; font-weight:bold; color:#000000; font-size:0.85em;} #divMain div.blank{width:630px; margin: 0px 10px;} #divMain div.blank h2 {color: #009DD7; font-size: 1.8em; margin: 10px 0px;} #divMain div.blank p{ padding: 0% 3% 3% 0px; font-size: 0.9em;} #divImageContent{float:left; display:inline; width:760px; min-height:266px; height:auto !important; height:266px; margin: 0px 0px 10px 0px; background:#fff url(/images/context/main_content_image_bg.jpg) top no-repeat;} #divImageContent #divImageContentInnerContainer{ float: right; width: 250px; margin: 10px 10px 0px 10px;} #divImageContentInnerContainer h2{ color: #C5DA1B; font-size: 2.3em; margin: 7px 0px 10px; line-height: 0.9em;} #divImageContentInnerContainer p{ color: #fff; width: 85%; font-size: 0.9em; line-height: 1.3em; padding-bottom: 1.5em;} #divImageContentInnerContainer p.largeText { font-size: 1.2em; } #divImageContentInnerContainer a{ color: #fff; } #divImageContentInnerContainer p.firstPara{ margin-bottom: 5px;} #divImageContentInnerContainer blockquote{clear:both !important; margin:15px 5px; padding:0px; color:#666666; font-style:italic; overflow:hidden; float: none; color: #fff;} #divImageContentInnerContainer blockquote span b{display:none;} #divImageContentInnerContainer blockquote span.leftQuote{background:url(/images/common/leftQuote_green2.gif) 0 0 no-repeat; padding:0px 10px 0px 5px;} #divImageContentInnerContainer blockquote span.rightQuote{background:url(/images/common/rightQuote_green2.gif) 100% 0 no-repeat; padding:0px 8px 0px 10px;} #divImageContentInnerContainer cite{clear:both; display:block; text-align:right; font-style:normal; font-weight:bold; color:#C5DA1B; font-size:0.85em;} #divTextContent{float:left; display:inline; width:450px; min-height:270px; height:auto !important; height:270px; margin:0px 5px 0px 5px; } .divTextContentfullWidth{width:736px !important; margin-bottom: 1em; } #divTextContent h2{ color: #009DD7; font-size: 1.6em; margin: 10px 0px;} #divMainContent h3, #divTextContent h3, #divMainContent h3 a, #divTextContent h3 a{ color: #009DD7;} #divTextContent p{ padding: 0% 3% 3% 0px; font-size: 0.9em;} #divMainContent ol, #divTextContent ol, #divMainContent ul, #divTextContent ul{ padding: 0px 3% 1% 0px; font-size: 0.9em;} #divMainContent ul li, #divTextContent ul li{ padding-bottom: 2%; color: #8CA746;} #divTextContent ul li ul{ font-size: 1em;} #divTextContent ul li ul li{ padding-bottom: 1%; padding-left: 2em; } #divMainContent ul li span, #divTextContent ul li span{ color: #333;} #divTextContent ul li ul li span{ color: #666;} #divMainContent strong, #divTextContent strong { color: #009DD7;} #divMainContent table, #divTextContent table { width: 100%; font-size: 0.8em; border-collapse: collapse; margin-bottom: 2%; } #divMainContent table thead, #divTextContent table thead { border-top: 1px solid #ccc; background-color:#F7FDD9; } #divMainContent table tr, #divTextContent table tr { border: 1px solid #ccc; border-top: none; } #divMainContent table tr.even, #divTextContent table tr.even { background-color: #fff; } #divMainContent table th, #divTextContent table th, #divMainContent table td, #divTextContent table td { font-size: 1.1em; padding: 0.2em 1%; } #divMainContent table th, #divTextContent table th { line-height: 2em; } #divMainContent table td, #divTextContent table td { line-height: 1.6em;} #divTextContent table#eValuations th, #divTextContent table#eValuations td { line-height: 1.6em;} #divTextContent .feature { font-weight: bold; } .printStyle div{ width: 47%; float: left; padding: 0% 3% 3% 0px; } /* PARTNERS LIST */ #divMainContent ul#partnersList { list-style: none; width: 600px; margin: 0 auto; } #divMainContent ul#partnersList li { width: 200px; text-align: center; float: left; display: block; margin: 0; padding: 0; } #divMainContent ul#partnersList li a { display: block; vertical-align: middle; height: 85px; line-height: 85px; } #divMainContent .disclaimer { color: #777; font-style: italic; } /* PRESS RELEASES */ #divMainContent ul#pressReleases, #divMainContent ul#pressReleases li ul { list-style: none; color: #333; } #divMainContent ul#pressReleases li { border-top: 1px solid #eee; padding-top: 1.5%; } #divMainContent ul#pressReleases li ul li { padding-top: 0; padding-bottom: 0; border-top: 0; } #divMainContent ul#pressReleases li h4, #divMainContent ul#pressReleases li p { color: #333; font-size: 1.1em; } #divMainContent ul#pressReleases li p.publishDate { color: #999; padding-bottom: 0; } #divMainContent ul#pressReleases li p.publishDate { color: #999; padding-bottom: 0; } /* CASE STUDIES */ #divMainContent ul#caseStudies { list-style: none; color: #333; } #divMainContent ul#caseStudies li { border-top: 1px solid #eee; padding-top: 1.5%; font-size:95%; } #divMainContent ul#caseStudies li h4, #divMainContent ul#caseStudies li p { color: #333; font-size: 1.1em; padding-bottom: 1.5%; } #divMainContent ul#caseStudies blockquote{ font-size: 1.3em; } /* MANAGEMENT TEAM */ #divMainContent div#managementTeam div.teamMemberImage { float: left; width: 16%; border-top: 1px solid #eee; padding-top: 10px; } #divMainContent div#managementTeam div.teamMemberImage img { border: 1px solid #eee; } #divMainContent div#managementTeam div.teamMemberDetails { float: left; width: 83%; border-top: 1px solid #eee; padding-top: 10px; } #divSidebarRight h3 { color: #009DD7; font-size: 1.3em; } #divSidebarRight h4 { color: #009DD7; font-size: 1.2em; } #divSidebarRight{float:right; width:300px; height:auto !important; height:250px; min-height:250px; background-color:#fff; overflow: visible; font-size: 0.9em;} #divSidebarRight blockquote{clear:both !important; margin:20px 5px; padding:0px; color:#666666; font-style:italic; overflow:hidden; float: none;} #divSidebarRight blockquote span b{display:none;} #divSidebarRight blockquote span.leftQuote{background:url(/images/common/leftQuote.gif) 0 0 no-repeat; padding:0px 10px 0px 5px;} #divSidebarRight blockquote span.rightQuote{background:url(/images/common/rightQuote.gif) 100% 0 no-repeat; padding:0px 8px 0px 10px;} #divSidebarRight cite{clear:both; display:block; text-align:right; font-style:normal; font-weight:bold; color:#000000; font-size:0.85em;} /*== 2 COLUMN LAYOUT CONTENT ==*/ #divContentContext{float:left; display:inline; width:750px; min-height:300px; height:auto !important; height:300px; margin:0px 5px 0px 5px;} /*====================== MENU ======================*/ .ulMenuMain{ } .ulMenuMain li{ float:left; display:inline; list-style:none; background:#ddd url(/images/menu/menu_bg.jpg) top repeat-x; position:relative; } .ulMenuMain li:hover{ background:none; background-color: #ccc; } .ulMenuMain li a{ display:block; text-decoration:none; white-space:nowrap; font:0.9em/1.3em "Trebuchet MS", arial, sans-serif; color: #5d5d5d; height: 17px; text-align: center; padding: 6px 2em; background: transparent url(/images/menu/menu_item_seperator.jpg) top right no-repeat; } .ulMenuMain li a.aMenuHeading { width:50px; } .ulMenuMain li a:hover{ color: #000;} .ulMenuMain li ul { } .ulMenuMain li ul, .ulMenuMain li ul li, .ulMenuMain li ul li a { background: none; background-color:#9DB53A; } .ulMenuMain li ul { visibility: hidden; display: block; position: absolute; top: 31px; left: 0; font-weight: normal; font-size: 0.9em; background-color: #9DB53A; border:1px solid #fff; width: 42em; } .ulMenuMain li ul li { float: left; position: relative; width: 21em; display: block;} .ulMenuMain li ul li:hover { background: none;} .ulMenuMain li ul li div.liMenuSub { position: relative; } .ulMenuMain li ul li div.liMenuSub a {width: 100%; display: block; white-space:normal; font-size: 1.2em; text-align: left; color: #fff; height: auto; width:auto; padding: 0.3em 0.3em 0 0.3em; } .ulMenuMain li ul li div.liMenuSub a:hover { background: none; background-color: #C5DA1B; } .ulMenuMain li ul li div.liMenuSub a div { font-size: 0.9em; color: #000; width: 100%; } .ulFooterMenu{width:920px; display: block; position: relative; margin: 5px auto;} .ulFooterMenu li{float:left; list-style:none;width:17%; display:block; position: relative; } .ulFooterMenu li a{display:block; font-weight:bold; height:2em; line-height:1.6em; color:#333; font-size: 1.2em; text-transform: uppercase; color: #8CA746; } .ulFooterMenu li ul{float:left; width:100%;} .ulFooterMenu li ul li{margin-right:10px; float:none; width: 100%; } .ulFooterMenu li ul li a{font-weight:normal;height:auto; line-height:normal; font-size: 1em; text-transform: none; color: #45781F;} /*====================== SEARCH ======================*/ #divSearch label#lblSearch { position: absolute; margin-left: -9999px; } /* hides label text, but is available for screen readers */ #divSearch input#txtSearch { font-size:0.9em; padding-top: 0.1em; width: 17em; } #divSearch input#btnSearchSubmit { width:1.2em; height:1.2em; background: transparent url(/images/common/green_arrow_icon.jpg) no-repeat; border: none; margin: 0.2em 0em 0em 0.2em; } /*====================== BREADCRUMB ======================*/ #divBreadcrumb{clear:both; float:left; display:inline; } #divBreadcrumb ul{ padding: 0.9em; font:0.9em/1.3em "Trebuchet MS", arial, sans-serif; } #divBreadcrumb ul li{ display:inline; color: #fff; margin-right:0.3em; } #divBreadcrumb ul li a{ color: #fff; text-decoration: none; padding-right: 0.7em; } #divBreadcrumb ul li a:hover{ text-decoration: underline; } /*====================== LOGINS ======================*/ #divLogins{ position: absolute; top: 29px; right: 0; height: 23px; } #divLoginLinks{ position: relative; height: 23px; width: 290px; background:transparent url(/images/menu/submenu_bg.gif) no-repeat; padding-left:23px; } #divLoginLinks ul { background:transparent url(/images/menu/submenu_ul_bg.jpg) repeat-x; height: 23px; width:290px; text-align: right; } #divLoginLinks ul li { display:inline; text-decoration:none; white-space:nowrap; cursor:default; font:0.85em/2em "Trebuchet MS", arial, sans-serif; color: #5d5d5d; height: 17px; text-align: center;} #divLoginLinks ul li:hover { } #divLoginLinks ul li a, #divLoginLinks ul li span { padding: 0px 1em;} #divLoginLinks ul li a { text-decoration: none; color: #5d5d5d;} #divLoginLinks ul li a:hover { color: #000; background-color: #ccc;} .divLoginBox{ display: none; width: 271px; font-size: 0.9em; background:#E8E8E8 url(/images/menu/login_boxes_bg.gif) repeat-y; position: relative; } .divLoginBox h2{ font-size: 1.3em; line-height:2em; margin:0pt 0pt 0pt 1em; color: #666;} .divLoginBox ul{ list-style: none; list-style-position: outside;} .divLoginBox ul li{ height: 1.9em; padding-left: 1em; } .divLoginBox ul li.liloginButtons{ padding: 0 0 1.5em 8em; } .divLoginBox label {float: left; display: block; width: 7em; text-align: right; } .divLoginBox input {float: left; display: block; width: 13em; font-size: 0.9em; padding-top:0.1em;} .divLoginBox input.btnLogin, .divLoginBox input.btnCancel {width: 5em; border: 1px solid #BAC781; color: #95B138; font-size: 0.9em; margin-right: 0.7em;} .divLoginBox ul li.checkbox label{ display: inline; padding-left:0.8em; text-align:left; width:13em;} .divLoginBox ul li.checkbox input{ width: 1.3em; height: 1.3em; } /*====================== COLUMNS ======================*/ #divMainColumns { background: transparent url(/images/home/column_header_bg.jpg) repeat-x; } #divMainColumns h2 { background: transparent url(/images/common/green_arrow_icon.jpg) 0.6em 0.7em no-repeat; height: 1.2em; font-size: 0.9em; margin: 0; padding: 0.7em 0.7em 2.5em 2.0em; } #divMainColumns p { padding: 0.5em 1em; font-size: 0.9em; } #divMainColumns a { color: #315C0C; } /*====================== SITEMAP & FOOTER ======================*/ #divSiteMapContainer{width: 100%; margin: 0px auto; float: left; clear: both; background:#E6E4E5 url(/images/common/sitemap_container_bg.jpg) top repeat-y; display: block; text-align: center; } /*#divSiteMapContainer:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }*/ #divSiteMap{width: 960px; margin: 0px auto; display:block; text-align: left;} #divSiteMap { font-size: 0.85em; background: transparent url(/images/common/sitemap_content_bg.jpg) repeat-x; color: #fff; position: relative;} #divSiteMap h2#h2MenuExpandContract { height: 1.2em; font-size: 1em; margin: 0; padding: 0.7em 0.7em 1.5em 0.5em;} #divSiteMap h2#h2MenuExpandContract a { color: #333; display:block; width:5.5em; background: transparent url(/images/common/green_arrow_icon_down.jpg) right no-repeat; } #divSiteMap h2#h2MenuExpandContract a.sitemapHidden { background: transparent url(/images/common/green_arrow_icon_up.jpg) right no-repeat; } #divFooter{display:block; text-align:center; font-size: 0.85em; color: #777; border-top: 1px solid #ccc; margin-top: 0.5em; text-align:center; width:100%; } #divContainerBottom{background:#FCFCFC url(/images/common/container_bottom.jpg) top no-repeat; height: 24px; width: 100%; background-color: #FCFCFC; } #divFooter { clear: both; } #divFooter p { padding:1em 0pt 0pt; } #divFooter a { text-decoration: none; color: #777; } #divFooter a:hover { color: #111; } /*====================== SIDE MENU ======================*/ .sidebar h2 { width: 151px; width:165px; max-width:151px; font-size: 0.9em; padding: 0.4em 7px; background-color: #BBCA91; color: #fff; margin: 0; border-bottom: 1px solid #fff; font-weight: normal; } .sidebar div#divSidebarLeftTop { padding-bottom: 11px; background: #fff url(/images/menu/sidemenu_bottom.gif) bottom left no-repeat; } .sidebar ul {list-style: none; width: 165px;} .sidebar ul li { background-color: #F6F6F4; border-bottom: 1px solid #fff; } .sidebar ul li a {color: #5B6157; font-size: 0.9em; display: block; padding: 0.4em 0.5em; text-decoration: none; background: transparent url(/images/menu/sidemenu_green_arrow_icon_down.gif) right no-repeat; } .sidebar ul li a:hover {background-color: #E2E9D1; color: #000;} .sidebar ul li.nonActiveSection a {background: transparent url(/images/menu/sidemenu_green_arrow_icon_right.gif) right no-repeat; } .sidebar ul li ul li { background-color: #AEB2A4; } .sidebar ul li.nonActiveSection ul li a, .sidebar ul li ul li a {padding-left:1em; color:#fff; background-image: none;} .sidebar ul li ul li.sideMenuItemActive a { background: #5B6157 url(/images/menu/sidemenu_white_arrow_down.gif) right no-repeat; } .sidebar ul li ul li a:hover {color: #fff; background: #000 url(/images/menu/sidemenu_white_arrow_right.gif) right no-repeat;} .sidebar ul li ul li ul { } .sidebar ul li ul li ul li { border-top: 1px solid #fff; border-bottom: none; } .sidebar ul li ul li.sideMenuItemActive ul li a { background-image: none; background-color:#BFBFBF; padding-left: 1.5em; } .sidebar ul li ul li.sideMenuItemActive ul li a:hover {color: #fff; background: #000 url(/images/menu/sidemenu_white_arrow_right.gif) right no-repeat;} .sidebar .left, .sidebar .right{width:96%; } /*====================== EXWEB HOME PAGE ======================*/ #exweb #divImageContent{background:#fff url(/images/exweb/main_content_image_bg.jpg) top no-repeat;} #exweb #divImageContent #divImageContentInnerContainer{ float: left; width: 250px; margin: 10px;} #exweb #divExwebLogin{ float: right; display: block; width: 248px; font-size: 0.9em; background:none; background-color: #E8E8E8; position: relative; border: 1px solid #ccc; border-bottom: 2px solid #76A6B7; border-left: 2px solid #76A6B7; } #exweb #divExwebLogin h2{ line-height:2.5em;} #exweb #divExwebLogin ul li.liloginButtons {padding-bottom:0.8em;} #exweb #divExwebLicences{ float: right; clear: right; display: block; width: 230px; font-size: 0.9em; position: relative; } #exweb #divExwebLicences h2{ font-size: 1.3em; line-height:1.4em; color: #666;} #exweb #divExwebLicences ul{ list-style: none; padding-top: 0.5em;} #exweb #divExwebLicences ul li{ line-height: 1.4em; } #exweb #divExwebLicences ul li a{ color: #345E6E;} /*====================== PARENT CATEGORY PAGE ======================*/ #parent #divImageContent #divImageContentInnerContainer{ float: left; width: 30em; margin: 10px 0 0 9px;} #parent #divImageContent #divImageContentInnerContainer h2{ margin:0px 0px 7px 16px; line-height: 1.1em;} #parent #divImageContent #divImageContentInnerContainer ul{ list-style: none; margin-left: 16px;} #parent #divImageContent #divImageContentInnerContainer ul li{ line-height:1.4em; /*padding-bottom:0.3em;*/ float: left; position: relative; width: 13em; display: block;} #parent #divImageContent #divImageContentInnerContainer ul li a{ color: #C5DA1B; } /*====================== MAIN BACKGROUND IMAGES ======================*/ body.industries #divImageContent{background-image:url(/images/parent/main_content_industry_bg.jpg);} /* INDUSTRIES */ body.aboutus #divImageContent{background-image:url(/images/parent/main_content_aboutUs_bg.jpg);} /* ABOUT US */ body.products #divImageContent{background-image:url(/images/parent/main_content_products_bg.jpg);} /* PRODUCTS */ body.services #divImageContent{background-image:url(/images/parent/main_content_services_bg.jpg);} /* SERVICES */ body.solutions #divImageContent{background-image:url(/images/parent/main_content_solution_bg.jpg);} /* SOLUTIONS */ body.support #divImageContent{background-image:url(/images/parent/main_content_support_bg.jpg);} /* SUPPORT */ body.in_bb #divImageContent{background-image:url(/images/context/main_content_BankBuildingSociety_bg.jpg);} /* BANK/BUILDING SOCIETY */ body.in_fa #divImageContent{background-image:url(/images/context/main_content_FinancialAdmin_bg.jpg);} /* FINANCIAL ADMINISTRATOR */ body.in_pr #divImageContent{background-image:url(/images/context/main_content_ProviderFinProducts_bg.jpg);} /* PROVIDER OF FINANCIAL PRODUCTS */ body.in_nn #divImageContent{background-image:url(/images/context/main_content_NetworkOrganisation_bg.jpg);} /* NETWORK OR NATIONAL IFA */ body.in_fp #divImageContent{background-image:url(/images/context/main_content_FinancialPlanning_bg.jpg);} /* FINANCIAL PLANNER */ body.in_cc #divImageContent{background-image:url(/images/context/main_content_CallCentre_bg.jpg);} /* CALL CENTRE */ body.in_wm #divImageContent{background-image:url(/images/context/main_content_WealthMan_bg.jpg);} /* WEALTH MANAGEMENT */ body.in_tm #divImageContent{background-image:url(/images/context/main_content_TiedMulti_bg.jpg);} /* TIE/MULTI TIE */ body.in_mo #divImageContent{background-image:url(/images/context/main_content_MorgagesPro_bg.jpg);} /* MORTGAGE PROFESSIONAL */ body.so_bo #divImageContent{background-image:url(/images/context/main_content_BackOffice_bg.jpg);} /* BACK OFFICE */ body.so_bc #divImageContent{background-image:url(/images/context/main_content_BusinessConsumer_bg.jpg);} /* BUSINESS TO CONSUMER */ body.so_fo #divImageContent{background-image:url(/images/context/main_content_FrontOffice_bg.jpg);} /* FRONT OFFICE */ body.so_mc #divImageContent{background-image:url(/images/context/main_content_MultiChannel_bg.jpg);} /* MULTI CHANNEL */ body.so_oq #divImageContent{background-image:url(/images/context/main_content_OnlineQuotes_bg.jpg);} /* ONLINE QUOTES */ body.so_re #divImageContent{background-image:url(/images/context/main_content_ProductResearch_bg.jpg);} /* PRODUCT RESEARCH */ body.so_sp #divImageContent{background-image:url(/images/context/main_content_StraightThruProcess_bg.jpg);} /* STRAIGHT THRU PROCESSING */ body.pr_ae #divImageContent{background-image:url(/images/context/main_content_Evolution_bg.jpg);} /* ADVISER EVOLUTION */ body.pr_ao #divImageContent{background-image:url(/images/context/main_content_AdviserOffice_bg.jpg);} /* ADVISER OFFICE */ body.pr_ev #divImageContent{background-image:url(/images/context/main_content_e-Valuations_bg.jpg);} /* E-VALUATIONS */ body.pr_ow #divImageContent{background-image:url(/images/context/main_content_OfficeWeb_bg.jpg);} /* OFFICEWEB */ body.pr_tp #divImageContent{background-image:url(/images/context/main_content_TermPlugin_bg.jpg);} /* TERM PLUG IN */ body.pr_ex #divImageContent{background-image:url(/images/context/main_content_Exweb_bg.jpg);} /* EXWEB */ body.pr_ec #divImageContent{background-image:url(/images/context/main_content_eComms_bg.jpg);} /* E-COMMISSIONS */ body.pr_es #divImageContent{background-image:url(/images/context/main_content_eSuitability_bg.jpg);} /* E-SUITABILITY */ body.pr_ad #divImageContent{background-image:url(/images/context/main_content_AdNav_bg.jpg);} /* ADNAV */ body.pr_ti #divImageContent{background-image:url(/images/context/main_content_ThirdPartyInt_bg.jpg);} /* TPI */ body.se_bc #divImageContent{background-image:url(/images/context/main_content_BizTransformation_bg.jpg);} /* BUSINESS TRANSFORMATION */ body.se_dc #divImageContent{background-image:url(/images/context/main_content_DataCleansing_bg.jpg);} /* DATA CLEANSING */ body.se_dt #divImageContent{background-image:url(/images/context/main_content_Implementation_bg.jpg);} /* DATA TRANSFER & IMPLEMENTATION */ body.se_in #divImageContent{background-image:url(/images/context/main_content_IntSupport_bg.jpg);} /* INTEGRATION SUPPORT */ body.se_tr #divImageContent{background-image:url(/images/context/main_content_Training_bg.jpg);} /* TRAINING */ body.su_en #divImageContent{background-image:url(/images/context/main_content_Extranet_bg.jpg);} /* EXTRANET */ body.su_hd #divImageContent{background-image:url(/images/context/main_content_HelpDesk_bg.jpg);} /* HELP DESK */ body.su_tr #divImageContent{background-image:url(/images/context/main_content_Training_bg.jpg);} /* TRAINING */ body.su_ug #divImageContent{background-image:url(/images/context/main_content_UserGroups_bg.jpg);} /* USER GROUPS */ /*====================== REQUEST FORMS ======================*/ #divMainContent form fieldset { margin-top: 2em; border: none; } #divMainContent form h4, #divMainContent form ul.questions li label strong { color:#009DD7; } #divMainContent form input, #divMainContent form select { font-size: 1em; } #divMainContent form div.halfWidth { width: 40%; float: left; margin-left: 5%; } #divMainContent form div.fullWidth { width: 80%; float: left; margin-left: 5%; } #divMainContent form ul.questions { list-style: none; margin-top: 1em; } #divMainContent form ul.questions li { clear: both; color: #333; line-height: 0.9em; } #divMainContent form div.halfWidth ul.questions li label { width: 65%; float: left; } #divMainContent form div.fullWidth ul.questions li label { width: 35%; float: left; line-height:1.3em; padding-right:1%; padding-bottom:2%; } #divMainContent form div.fullWidth ul.questions li.checkboxQuestion label { float: none; line-height: 1.2em; } #divMainContent form div.fullWidth ul.questions li input { width: 40%; } #divMainContent form div.fullWidth ul.questions li.checkboxQuestion input { width: 5%; float: none; vertical-align:middle; } #divMainContent form div.fullWidth ul.questions li input.halfWidth { width: 20%; } #divMainContent form div.fullWidth ul.questions li input.quarterWidth { width: 10%; } #divMainContent form div.fullWidth ul.questions li input#submit { width: 20%; } #divMainContent form span.mandatoryIcon { font-size: 1.4em; color:#009DD7; line-height: 0.9em; } /*====================== OFFERS ======================*/ #divMainContent .divTextContentOfferPartA { width: 60%; float: left; } #divMainContent .divTextContentOfferPartB { width: 35%; float: left; background-color: #8CA746; color: #fff; padding: 2%; } #divMainContent .divTextContentOfferPartB strong, #divMainContent .divTextContentOfferPartB a { color: #fff; } #divMainContent .divTextContentOfferPartB p { margin-bottom: 0.5em; } #divMainContent .divTextContentOfferPartC { clear: both; width: 96%; float: left; background-color: #8CA746; color: #fff; text-align: center; padding: 2%; margin: 2% 0; font-size: 1.5em; } #divMainContent .divTextContentOfferPartAadvert { width: 60%; float: left; } #divTextContent .divTextContentOfferPartAadvert ul li{ padding-bottom: 2%; color: #8CA746;} #divMainContent .divTextContentOfferPartAadvert a {color: #8CA746; font-weight: bold; } #divMainContent .divTextContentOfferPartAadvert strong { color: #8CA746; font-size: 1.2em; } #divMainContent .divTextContentOfferPartBadvert { width: 35%; float: left; background-color: #8CA746; color: #fff; padding: 2%; } #divMainContent .divTextContentOfferPartBadvert p { margin-bottom: 0.7em; } #divMainContent .divTextContentOfferPartBadvert a {color: #fff; font-weight: bold; } #divMainContent .divTextContentOfferPartBadvert strong { color: #fff; } #divMainContent .divTextContentOfferPartCadvert { clear: both; width: 96%; float: left; background-color: #8CA642; color: #fff; text-align: center; padding: 2%; margin: 2% 0; font-size: 1.5em; } #divMainContent .divTextContentOfferPartCadvert a {color: #fff; font-weight: bold; } /*====================== ONLINE SUPPORT ======================*/ #divMainContent div#onlinesupport { width: 420px; margin: 0 auto 1em auto; border: 1px solid #999; background-color: #92A643; } #divMainContent div#onlinesupport form { width: 90%; margin: 1em auto; border: 1px solid #999; background-color: #fff; } #divMainContent div#onlinesupport p { padding: 3% 3% 1% 3%; } #divMainContent div#onlinesupport form ul { padding: 0 3% 3% 3%; } /*====================== RESEARCH ======================*/ p.researchQuestion { font-size: 1.1em !important; padding: 1% 3% 1% 0 !important; } table.research_3col td { width: 33%; } table.research_4col td { width: 25%; } /*====================== STATUTORY INFORMATION AND CONTACT US ======================*/ #divMainContent dl dd, #divMainContent dl dt { width: 35%; float: left; margin-bottom: 0.5em; } #divMainContent dl dd { width: 60%; } body.au_cu #divMainContent h3 { padding-top: 1em; } /*====================== AWARDS AND ACCREDITATIONS ======================*/ #divMainContent ul.awardsList { list-style-position:outside; list-style-type:none; margin:0 0 10px; padding:0 0 0 20px; } #divMainContent ul.awardsList li { clear: both; padding-top: 1.5em; } #divMainContent ul.awardsList li h3 { padding: 0; margin: 0; } #divMainContent ul.awardsList li ul li { clear: none; color: #333; font-size: 1.2em; padding-top: 0; } #divMainContent ul.awardsList span.awardsImageHolder, #divMainContent ul.awardsList div.awardsTextHolder { display:inline; float:left; text-align:center; width:270px; } #divMainContent ul.awardsList div.awardsTextHolder { text-align:left; border-top:1px solid #ddd; padding-top:1em; } /*====================== CALL TO ACTIONS ======================*/ #divSidebarRightTop ul#calltoaction { list-style-position:outside; list-style-type:none; } #divSidebarRightTop ul#calltoaction li { background: none; padding-top: 1em; } #divSidebarRightTop ul#calltoaction li a { background: none; padding: 0; } /*====================== VISIONS AND VALUES ======================*/ #divSidebarRightTop p#visionandvalues { padding: 1em 0; color: #666; } #divSidebarRightTop p#visionandvalues strong, #divSidebarRightTop p#visionandvalues a { color: #666; } #divMainContent p#vision, #divMainContent p#mission { font-size: 1.2em !important; } body.au_vv #divMainContent ul { list-style: none; } body.au_vv #divMainContent ul li { color: #333; } /*====================== SALES ENQUIRY ======================*/ div.salesenquiry { margin-left: 0 !important; width: 50% !important; padding-bottom: 2em; } div.salesenquiry li label { width: 65% !important; } div.salesenquiry li input { width: 10% !important; }