body { text-align: center; margin: 0px; padding: 0px; font-size:130%; } #wrapper { background: url(../images/bground-SBI.jpg) repeat-x center top; } #banner1 { width: 950px; background-color:#7B1D46; margin:auto; } .floatright { float: right; } .eml_floatright { float: right; margin: 5px 0 0 5px; } .floatleft-img { float: left; margin-right: 10px; } .floatleft { float: left; } #rightcolumn p, #leftcolumn p { margin-bottom: 10px; font: 0.75em/1.20em Arial, Helvetica, sans-serif; color: #333; } #leftcolumn { text-align:left; } p a { color:#070153; } p a:hover { color:#7B1D46; } h1 { font: 1.5em/1.6em Arial, Helvetica, sans-serif; color: #333; margin-bottom: 20px; } h1 a:hover { color:#660033; } h2 { font: bold 0.9em/1.3em Arial, Helvetica, sans-serif; color: #333; margin-bottom: 15px; } h3 { font: 1em/1.2em Arial, Helvetica, sans-serif; margin: 5px 0 7px 0; } #boardmember h3, #accessibility h3 { text-align:left; } h4 { font: 12px/15px Arial, Helvetica, sans-serif; } #accessibility h4 { text-align:left; } h5 { font: bold 14px/20px Arial, Helvetica, sans-serif; color: #333; margin: 50px 0 7px 0; padding:0 0 3px 0; border-bottom:1px solid #ccc; } #boardmember h5, #accessibility h5 { margin-top: 0; text-align:left; } #midcol p, #midcolwide p { font: 0.80em/1.25em Arial, Helvetica, sans-serif; color: #333; margin: 0 0 7px 0; } ul.linklist { text-indent: 20px; background-color: #EFEFEF; font: 0.80em/1.25em Arial, Helvetica, sans-serif; margin-bottom:20px; } ul.narrowlistleft, ul.narrowlistright { width:210px; text-indent: 20px; background-color: #EFEFEF; font: 0.8em/1.3em Arial, Helvetica, sans-serif; margin:0 0 20px 0; } ul.narrowlistleft { float:left; } ul.narrowlistright { float:right; } .linklist li a, .narrowlistleft li a, .narrowlistright li a { text-indent: 0px; color:#070153; display:block; background-color: #FFF; text-decoration:none; padding:10px 0 10px 5px; border-top: 1px solid #ccc; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } .linklist li, .narrowlistleft li, .narrowlistright li { display:block; text-indent: 20px; background-color: #EFEFEF; font-family: 12px/16px Arial, Helvetica, sans-serif; } .linklist li a:hover, .narrowlistleft li a:hover, .narrowlistright li a:hover { background-color:#F5F5F5; color:#7B1D46; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } li.list-bottom a, li.list-bottom a:hover { border-bottom: 1px solid #CCC; } .bullets li { font-family: 12px/16px Arial, Helvetica, sans-serif; list-style-type: disc; color: #333; margin: 0 0 5px 20px; } .bullets { margin-bottom: 10px; font: 0.80em/1.3em Arial, Helvetica, sans-serif; } .rangeleft { text-align:left; } .group a { width:440px; text-align:center; text-decoration:none; outline:none; display:block; margin:0 0 20px 0; } .group a p { color:#000; text-decoration:none; } .group a:hover p { color:#cc0000; text-decoration:none; } .company a { width:146px; text-align:center; float:left; text-decoration:none; outline:none; display:block; margin:20px 0; } .company a p { color:#000; text-decoration:none; } .company a:hover p { color:#cc0000; text-decoration:none; } /* -------------------- header ------------------------- */ #header { clear:both; height: 133px; width: 950px; margin:auto; text-align:left; background:url(../images/logo.png) no-repeat 630px 30px ; padding:0; } #header p { display:none; } #header img { margin:40px 30px 0 40px; } #flashbanner { width:950px; height:166px; margin:0 auto; padding:0; text-align:left; background:#7B1D46;} #flashbanner h1, #flashbanner p { color:#fff; padding:10px; } #topnav { list-style-type: none; width:960px; margin:auto; text-align:right; height:40px; display:block; } #topnav li { display:inline; margin-right: 15px; } #topnav li a { text-decoration:none; color:#FFF; outline:none; font: 0.9em/40px Arial, Helvetica, sans-serif;} #topnav li a:hover { text-decoration:none; color:#37404D; outline:none; } #topnav li.left { text-align:left; } #topnav ul { float:left; margin-left: 15px; } #topnav ul li { display:inline; margin-right: 5px; font-weight:bold; } .normal_a { font-size:12px; } .medium_a { font-size:15px; } .large_a { font-size:18px; } /* --- search -----*/ #cse-search-box { width:300px; display:block; float:left; margin:90px 0 0 20px; } #cse-search-box input#searchbox { border:1px solid #999; padding:3px; font:italic 12px/15px Arial, Helvetica, sans-serif; color:#666; } #cse-search-results iframe { width:900px; } span.spell { color:#7B1D46!important; } a.spell { color:#7B1D46!important; } /* ----------------- sidebar - right -------------------- */ #rightcolumn { float: right; width: 206px; margin-right: 20px; text-align:left; display:inline; } #newsbox { margin-bottom: 20px; background-color: #070153; } #newsbox-top { background: url(../images/newsbox-top.png) no-repeat; color:#FFF; height: 32px; text-indent: -9000px; } #newsbox-bot { background: url(../images/newsbox-bot.png) no-repeat 0 0; height: 8px; display: block; width: 220px; font-size: 0px; } #newsbox li a { font:0.80em/1.25em Arial, Helvetica, sans-serif; color: #FFF; text-align: left; text-decoration: none; padding: 5px 0 5px 10px; border-top: 1px solid #3C389C; display: block; } #newsbox li a:hover { background-color:#1E1971; } #mainnav ul { position: absolute; display: none; } .btn-products:hover ul { display: block; } #btn-right-readmore a { display: block; height: 50px; width: 220px; background: url(../images_nav/btn-right-readmore.png) no-repeat 0px 0px; text-indent: -9009px; } #btn-right-readmore a:hover { background-position: 0px -50px; } h1 a { color: #333; text-decoration: none; } .pdf a { background:url(../images_nav/pdf.png) no-repeat right; } p.rss a { display:block; background:url(../images_nav/rss.png) no-repeat left; text-indent:20px; color:#FF6600;} /* ---------------------- form -------------------------- */ #contact-area { margin: 38px 0 0 0; } #contact-area input, #contact-area textarea { padding: 5px; width: 193px; font:12px/14px arial, Helvetica, sans-serif; margin: 0px 0px 5px 0px; border: 1px solid #ccc; } #contact-area textarea { height: 90px; } #contact-area textarea:focus, #contact-area input:focus { background:#efefef; } #contact-area input.submit-button { width: 100px; height:35px; display:block; float: right; border:none; padding:none; text-indent:-9009px; background:url(../images_nav/btn_submit.png) no-repeat top; } #contact-area input.submit-button:hover { background-position:bottom; } label { font:0.8em/1.25em Helvetica, sans-serif; text-align: left; width: 100%; padding-top: 5px; color:#333; display:block; margin:0 0 2px 0; } label span { color:#cc0000; } /* ------------------ main content ---------------------- */ #content { padding-top: 27px; margin:auto; width:950px; min-height:500px; } #midcol { height: auto !important; height: 500px; min-height: 500px; float: right; width: 440px; text-align: left; margin-right: 20px; display:inline; } #midcolwide, #contactlist { height: auto !important; height: 500px; min-height: 500px; float: left; width: 680px; text-align: left; margin-left: 20px; display:inline; } .board li { width: 125px; margin: 0 20px 10px 0; font: 0.75em/0.95em Arial, Helvetica, sans-serif; float:left; display:inline; } .board li img { margin-bottom:3px; } #emlbox { background:url(../images/eml-bground.png) repeat-y 0 0; text-align:left; } .textpad { padding:15px; } #map { height:500px; border:1px solid #ccc; margin: 0 0 20px 0; font:12px/15px Arial, Helvetica, sans-serif; color:#333; } #boardmember, #accessibility { width:600px; margin:0; padding:0; } #boardmember p, #accessibility p { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left ;} #boardmember img { margin:0 10px 0 0; } /* ----------------- sidebar - left ---------------------- */ #leftcolumn { width: 220px; float: left; margin-left: 20px; display:inline; } #leftcolumn-contact { width: 220px; float: left; margin-left: 20px; } #leftnav li { background:url(../images_nav/leftnavbtn_top.png) 0 0 no-repeat; text-align:left; font: 0.75em/1.25em Arial, Helvetica, sans-serif; display:block; width:220px; margin-bottom:10px; } #leftnav li a { background:url(../images_nav/leftnavbtn_bot.png) bottom no-repeat; text-decoration:none; width:206px; padding:7px; color:#666; display:block; } #leftnav li a:hover, #leftnav li.current a { color:#660033; } #page-contact-headoffice #leftnav, #page-contact-doha #leftnav { margin:40px 0 0 0; } /* ------------------------------ nav ------------------------------ */ #mainnav { width:950px; height:36px; list-style: none; background: url(../images_nav/nav-bground.png) repeat-x; text-align: left; position: relative; z-index:999; margin:auto; } #mainnav li { float: left; text-align:center; } #mainnav li ul li a { text-align:left; padding:0 7px; } #mainnav li a { background:url(../images_nav/btn-blank.png) repeat-x 0 0; height:35px; border-right:1px solid #666; border-bottom:1px solid #666; display: block; outline:none; text-decoration:none; color:#fff; font:bold 0.75em/35px Arial, Helvetica, sans-serif; padding:0 } #mainnav li a:hover { background-position:0 -35px; color:#99FF00; } #mainnav li ul { position: absolute; left: -999px; display: block; display:list-item; width: 220px; } #btn-home { width:75px; } #btn-about { width:85px; } #btn-sectors { width:75px; } #btn-outsourced { width:175px; } #btn-itsolutions { width:105px; } #btn-consultancy { width:105px; } #btn-newsandevents { width:125px; } #btn-downloads { width:95px; } #btn-contact { width:95px; } body#page-home #btn-home a, body#page-about #btn-about a, body#page-consultancy #btn-consultancy a, body#page-itsolutions #btn-itsolutions a, body#page-outsourced #btn-outsourced a, body#page-sectors #btn-sectors a, body#page-newsandevents #btn-newsandevents a, body#page-downloads #btn-downloads a, body#page-contact #btn-contact a, body#page-portal #btn-portal a { background-position:0 -70px; color:#333; } #wrapper #mainnav li ul li { width:260px; height:35px; border-right:1px solid #666; border-left:1px solid #666; border-bottom:1px solid #666; } #wrapper #mainnav li ul li a { background:url(../images_nav/btn-blank.png) repeat-x 0 0; color:#fff; width:260px; height:35px; } #wrapper #mainnav li ul li a:hover { background-position:0 -35px; color:#99FF00; } ul#mainnav li ul li#btn-itsolutions-hardware a, ul#mainnav li ul li#btn-itsolutions-security a, ul#mainnav li ul li#btn-itsolutions-disaster a, ul#mainnav li ul li#btn-itsolutions-network a, ul#mainnav li ul li#btn-itsolutions-website a, ul#mainnav li ul li#btn-itsolutions-saas a { width:360px; } /* ------ dropdowns ------- */ body#page-about-history #btn-about a, body#page-about-history #mainnav li ul li#btn-about-history a, body#page-about-board #btn-about a, body#page-about-board #mainnav li ul li#btn-about-board a, body#page-about-privacy #btn-about a, body#page-about-privacy #mainnav li ul li#btn-about-privacy a, body#page-about-structure #btn-about a, body#page-about-structure #mainnav li ul li#btn-about-structure a, body#page-about-careers btn-about a, body#page-about-careers #mainnav li ul li#btn-about-careers a, body#page-about-careers-consultancy #btn-about a, body#page-about-careers-consultancy #mainnav li ul li#btn-about-careers a, body#page-about-careers-technical #btn-about a, body#page-about-careers-technical #mainnav li ul li#btn-about-careers a, body#page-about-careers-development #btn-about a, body#page-about-careers-development #mainnav li ul li#btn-about-careers a, body#page-about-careers-finance #btn-about a, body#page-about-careers-finance #mainnav li ul li#btn-about-careers a, body#page-about-careers-businessdevelopment #btn-about a, body#page-about-careers-businessdevelopment #mainnav li ul li#btn-about-careers a, body#page-consultancy #btn-consultancy a, body#page-consultancy-application #mainnav li ul li#btn-consultancy a, body#page-consultancy-application #btn-consultancy-application a, body#page-consultancy-strategy #btn-consultancy a, body#page-consultancy-strategy #mainnav li ul li#btn-consultancy-strategy a, body#page-consultancy-diligence #btn-consultancy a, body#page-consultancy-diligence #mainnav li ul li#btn-consultancy-diligence a, body#page-consultancy-procurement #btn-consultancy a, body#page-consultancy-procurement #mainnav li ul li#btn-consultancy-procurement a, body#page-consultancy-programme #btn-consultancy a, body#page-consultancy-programme #mainnav li ul li#btn-consultancy-programme a, body#page-consultancy-training #btn-consultancy a, body#page-consultancy-training #mainnav li ul li#btn-consultancy-training a, body#page-outsourced #btn-outsourced a, body#page-outsourced-hosted #btn-outsourced a, body#page-outsourced-hosted #mainnav li ul li#btn-outsourced-hosted a, body#page-outsourced-managed #btn-outsourced a, body#page-outsourced-managed #mainnav li ul li#btn-outsourced-managed a, body#page-outsourced-full #btn-outsourced a, body#page-outsourced-full #mainnav li ul li#btn-outsourced-full a, body#page-itsolutions-hardware #btn-itsolutions a, body#page-itsolutions-hardware #mainnav li ul li#btn-itsolutions-hardware a, body#page-itsolutions-security #btn-itsolutions a, body#page-itsolutions-security #mainnav li ul li#btn-itsolutions-security a, body#page-itsolutions-disaster #btn-itsolutions a, body#page-itsolutions-disaster #mainnav li ul li#btn-itsolutions-disaster a, body#page-itsolutions-network #btn-itsolutions a, body#page-itsolutions-network #mainnav li ul li#btn-itsolutions-network a, body#page-itsolutions-website #btn-itsolutions a, body#page-itsolutions-website #mainnav li ul li#btn-itsolutions-website a, body#page-itsolutions-saas #btn-itsolutions a, body#page-itsolutions-saas #mainnav li ul li#btn-itsolutions-saas a, body#page-sectors-social #btn-sectors a, body#page-sectors-social #mainnav li ul li#btn-sectors-social a, body#page-sectors-logistics #btn-sectors a, body#page-sectors-logistics #mainnav li ul li#btn-sectors-logistics a, body#page-sectors-professionalpractices #btn-sectors a, body#page-sectors-professionalpractices #mainnav li ul li#btn-sectors-professionalpractices a, body#page-sectors-insurance #btn-sectors a, body#page-sectors-insurance #mainnav li ul li#btn-sectors-insurance a, body#page-newsandevents-events #btn-newsandevents a, body#page-newsandevents-events #mainnav li ul li#btn-newsandevents-events a, body#page-newsandevents-latestnews #btn-newsandevents a, body#page-newsandevents-latestnews #mainnav li ul li#btn-newsandevents-latestnews a, body#page-newsandevents-media #btn-newsandevents a, body#page-newsandevents-media #mainnav li ul li#btn-newsandevents-media a, body#page-downloads-briefings #btn-downloads a, body#page-downloads-briefings #mainnav li ul li#btn-downloads-briefings a, body#page-downloads-casestudies #btn-downloads a, body#page-downloads-casestudies #mainnav li ul li#btn-downloads-casestudies a, body#page-downloads-brochures #btn-downloads a, body#page-downloads-brochures #mainnav li ul li#btn-downloads-brochures a, body#page-contact-headoffice #btn-contact a, body#page-contact-headoffice #mainnav li ul li#btn-contact-headoffice a, body#page-contact-doha #btn-contact a, body#page-contact-doha #mainnav li ul li#btn-contact-doha a { background-position:0 -70px; color:#333; } /* -- products drop down */ #mainnav li:hover ul, #mainnav li.sfhover ul { left: auto; list-style: none; display: list-item; background-color:#333; } /* ---- Send to a friend -----*/ #panel { background: #fff; height: 300px; display: none; clear:both; } #panel form { border:1px solid #ccc; width:438px; height:280px; padding:20px 0 0 0;} #panel label { width:120px; float:left; display:block; text-align:right; margin:0 10px 10px 0; clear:both; } #panel input { width:200px; height:20px; border:1px solid #ccc; margin:0 0 10px 0;} #panel input:focus { border:1px solid #333;} #panel textarea { width:200px; height:70px; border:1px solid #ccc; margin:0 0 10px 0;} #panel button#submit { clear:both; margin:0 0 20px 130px;} .slide { margin:0; padding: 0; background: url(../images/slider.png) no-repeat left top; width:440px; clear:both; } .btn-slide { text-align: left; width: 440px; height: 30px; padding: 0 0 0 20px; margin: 0 auto; display: block; font: bold 14px/30px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; background: url(../images/arrow.png) no-repeat 170px top; } a:hover.btn-slide { color: #999; } a.active { background-position: 170px bottom;} .error { border:1px solid #FF9999; width:428px; padding:5px; margin:7px 0; font: bold 12px/16px Arial, Helvetica, sans-serif; background:url(../images/exclamation.gif) no-repeat right; color: red; clear:both;} .success { border:1px solid green; width:418px; padding:10px; margin:20px 0 20px 0; clear:both;} .success h1 { font:24px/28px Arial, Helvetica, sans-serif; margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px solid #ccc; color:green; } /* --------- footer -------------- */ #footer { height: 127px; width: 900px; background: url(../images/footer.png) no-repeat 0 0; padding: 10px 30px 0 30px; text-align: left; margin:0 auto 30px auto; } #footer p { font: 0.80em/1.5em Arial, Helvetica, sans-serif; color: #333; } #footer a { text-decoration:none; color: #990000; } #footer a:hover { color: red; } body#page-privacy a#btn-privacy, body#page-terms a#btn-terms, body#page-portal a#btn-portal { color:#666; } /* ------ tyga nav ------- */ #tyga { width:960px; margin:auto; text-align:left; background:none; } #tyga p { float: right; text-indent:-9009px; } #tyga p a { background: url(../images/tyga.png) no-repeat; display:block; height: 39px; width: 159px; text-indent:-9009px; margin-bottom:30px; } #footer ul { display:block; text-align:left; padding:5px 0 0 0; clear:both; } #footer ul li { list-style-type:none; display:block; float:left; font: 0.80em/1em Arial, Helvetica, sans-serif; margin:0 5px 0 0; text-align:left; border-right:1px solid #ccc; padding:0 5px 0 0; } #footer ul li a:hover { color: #5D6E7B; } #footer ul li.end { border:none; }