BODY {margin:0; font-family:Tahoma, Arial, Sans-Serif; font-size:0.8em; color:#5f5f5f; background:#EEF3F6 url(img/bg-content.gif) repeat-x 0 top;}
BODY.home {background-image:url(img/homepage-bg.gif);}
BODY.no-header {background:transparent;}
UL, LI {list-style-type:none; margin:0; padding:0;}
A {color:#000000; text-decoration:underline;}
A:hover {text-decoration:none;}
IMG {border:none;}

H1 {font-size:22px; font-weight:normal; color:#3c71ab;}
H2 {font-size:18px; font-weight:normal; color:#242773; letter-spacing:0.5px;}
H3 {font-size:14px; font-weight:bold; color:#E33B23;}
H4 {font-size:12px; font-weight:bold; color:#242773;}

/*Global Layout*/
DIV.outer-container {margin:0; padding:6px 0 0; background:transparent url(img/footer-bg.gif) repeat-x 0 bottom;}
DIV.inner-container {width:800px; margin:0 auto;}

/* Accessibility */
.accessible {display:block; text-indent:-9999px; height:0px;}


/* Header */
DIV#head {clear:both; height:136px; background:transparent url(img/bg-head.gif) no-repeat 585px 0px;}
DIV#head DIV.branding {float:left; width:154px; height:83px; margin-top:5px; background:transparent url(media/brand-gates.gif) no-repeat 0 0;}
DIV#head DIV.branding H1,
DIV#head DIV.branding P {margin:0; text-indent:-9999px;}
DIV#head DIV.branding A {display:block; overflow:hidden; height:90px; width:165px; text-decoration:none;}
DIV#head DIV.links {float:right; position:relative; width:410px;}
DIV#head DIV.links UL {position:absolute; list-style-type:none;}
DIV#head DIV.links UL LI {float:left;}

DIV#head DIV.links UL.languages {width:98px; top:0px; right:0px; background:#4280B8 url(img/bg-languages.gif) no-repeat 0 bottom;}
DIV#head DIV.links UL.languages LI {float:none; text-align:center;}
DIV#head DIV.links UL.languages LI A {display:block; padding:1px 21px 8px; color:#fff; text-decoration:none; font-size:0.85em;}
DIV#head DIV.links UL.languages LI A:hover {color:#EC8171;}
DIV#head DIV.links UL.quick-links {top:50px; right:10px;}
DIV#head DIV.links UL.quick-links A,
DIV#head DIV.links UL.quick-links span {padding-left:16px; font-size:0.85em; color:#4668a2; background:transparent url(img/divider-quick-links.gif) no-repeat 8px 3px;}
DIV#head DIV.links UL.quick-links LI.first A {background:none;}


/* Navigation */
DIV#nav {clear:both; overflow:hidden; padding-top:16px;}
DIV#nav UL {}
DIV#nav UL LI {float:left; margin:0 5px;}
DIV#nav UL LI.first {margin-left:0; margin-right:8px;}
DIV#nav UL LI.last {margin-right:0; margin-left:7px;}
DIV#nav UL LI A {display:block; text-decoration:none; background:#E33B23 url(img/nav-left.gif) no-repeat left 0;}
DIV#nav UL LI A SPAN {display:block; padding:8px 18px; font-weight:bold; font-size:1em; color:#fff; background:transparent url(img/nav-right.gif) no-repeat right 0;}
DIV#nav UL LI.current A,
DIV#nav UL LI A:hover {background-image:url(img/nav-left-selected.gif);}
DIV#nav UL LI.current A SPAN,
DIV#nav UL LI A:hover SPAN {background-image:url(img/nav-right-selected.gif);}

/* Footer */
DIV#foot {clear:both; height:85px; margin-top:5px; font-size:0.85em;}
DIV#foot UL {overflow:hidden; width:800px;}
DIV#foot UL LI {float:left; display:inline; padding:10px 0 10px 20px; background:transparent url(img/divider-footer-links.gif) no-repeat 9px 13px;}
DIV#foot UL LI.first {padding-left:0; background:none;}
DIV#foot UL LI A {font-weight:bold; text-decoration:none; color:#c4d6e9;}
DIV#foot UL LI A:hover {text-decoration:underline;}
DIV#foot P {float:left; width:450px; margin:0; padding:22px 0px; color:#94a8cb;}
DIV#foot DIV.ibtsolutions {float:right; width:300px; padding-top:18px; text-align:right;}
DIV#foot DIV.ibtsolutions A {float:right; display:block; overflow:hidden; width:94px; height:22px; font-size:0px; color:#2B6095; text-decoration:none; background:transparent url(img/ibtsolutions.gif) no-repeat 0 0;}

/* Content */
DIV#content {clear:both;}

/* Slideshow */
DIV.homepage-slideshow {height:259px; margin:23px 0 18px; background-repeat: no-repeat; background-position:0 0;}
DIV.content-slideshow {height:103px;}

/* Hero shot */
DIV.hero {padding:9px 0 8px;}

/* Promotions */
DIV.promo {height:178px; margin-top:11px; background:transparent url(img/bg-promos.jpg) no-repeat 0 0;}
DIV.promo P {float:left; height:178px; margin:0;}
DIV.promo P SPAN {display:block; text-indent:-9999px; overflow:hidden;}
DIV.promo P.about-gates-promo {width:437px; margin-right:10px;}
DIV.promo P.about-gates-promo SPAN.text {margin:25px 0 27px 20px; width:374px; height:74px; background:url(img/promo-about-gates.png) no-repeat 0 0;}
DIV.promo P.about-gates-promo SPAN.button {float:left; cursor:pointer; margin:0 0 0 20px; width:218px; height:35px; background:url(img/promo-button-about-gates.png) no-repeat 0 0;}
DIV.promo P.about-gates-promo SPAN.brochure {display:none; width:168px; height:35px; margin-left:10px; margin-top:-1px; background-image:url(img/promo-button-brochure.png);}

DIV.promo P.apply-online-promo {width:353px;}
DIV.promo P.apply-online-promo SPAN.text {margin:25px 0 32px 18px; width:315px; height:70px; background:url(img/promo-apply-online.png) no-repeat 0 0;}
DIV.promo P.apply-online-promo SPAN.button {cursor:pointer; margin:0 0 0 18px; width:191px; height:34px; background:url(img/promo-button-apply-online.png) no-repeat 0 0;}
DIV.promo P.apply-online-promo SPAN.button-red {background:url(img/promo-button-apply-online2.png) no-repeat 0 0;}


/* Services -homepage */
DIV.services {float:left; display:inline; margin-bottom:25px; padding:8px 6px 20px 20px; border:1px #dee6ea solid; border-top:0; background-color:#fff;}
DIV.services H2 {overflow:hidden; width:107px; height:16px; margin:0 0 20px; text-indent:-9999px; background:transparent url(img/head-our-services.gif) no-repeat 0 0;}
DIV.services UL.services LI {float:left; width:167px; padding:0 10px 10px; border-left:1px solid #b8c3c8;}
DIV.services UL.services LI H3 {margin:10px 0; font-size:1em; color:#6e8e22;}
DIV.services UL.services LI.last H3 {margin:0 0 10px}
DIV.services UL.services LI P {margin:0;}
DIV.services UL.services LI.first {padding-left:0; border:none;}
DIV.services UL.services LI.last {padding-right:0; padding-bottom:0; width:auto;}
DIV.services UL.services LI IMG {padding:3px; border:1px solid #b8c3c8; background-color:#e9eaea}

DIV.services UL.services LI UL.other-services LI {float:none; width:188px; padding:0 0 5px 20px; border:0; background:url(img/bg-bullet.gif) no-repeat 0 6px;}
DIV.services UL.services LI UL.other-services LI A {color:#5f5f5f;}

DIV.services SPAN.learn-more {display:block; padding-top:10px}
DIV.services SPAN.learn-more A {padding-right:13px; text-decoration:none; color:#4f6fa7; background:transparent url(img/bg-arrow.gif) no-repeat right 5px;}
DIV.services SPAN.learn-more A:hover {text-decoration:underline;}

DIV.services UL.services LI P.assessment-form {margin-top:10px;}
DIV.services UL.services LI P.assessment-form A {display:block; padding:6px 10px; width:132px; color:#FFFFFF; font-weight:bold; text-align:center; text-decoration:none; background:url("img/bg-grn-button.gif") no-repeat scroll 0 0 transparent;}
DIV.services UL.services LI P.assessment-form A:hover {color: #E1E1E1}


/*--- Content ---*/

/* Content body */
DIV.body {overflow:hidden; margin-bottom:50px; margin-top:11px;}
DIV.body H1 {margin:25px 0 25px;}
DIV.body H2 {margin:0; padding-bottom:10px; border-bottom:1px solid #ced8dd;}
DIV.body DIV.body-wrapper {float:left; margin-bottom:0px;}
DIV.body DIV.sub-nav-container {background:transparent url(img/bg-body-text.gif) repeat-y 196px 0;}
DIV.body DIV.sub-nav {float:left; width:225px;}
DIV.body DIV.sub-nav UL {width:205px; margin-top:32px}
DIV.body DIV.sub-nav UL LI {}
DIV.body DIV.sub-nav UL LI A {display:block; padding:12px 3px 12px 25px; font-size:1em; color:#4668a2; text-decoration:none; font-weight:bold; background:transparent url(img/bullet-sub-nav.gif) no-repeat 10px 17px;}
DIV.body DIV.sub-nav UL LI A:hover,
DIV.body DIV.sub-nav UL LI.current A {border-right:9px solid #e33b23; background-color:#f0dedb; background-position:10px -33px;}

DIV.body DIV.body-text {float:left; width:575px;}
DIV.body DIV.no-sub-nav DIV.body-text {width:800px;}
DIV.body DIV.body-text P.introduction {color:#5B6AA3; font-size:1.3em;}

DIV.body DIV.body-text TABLE {width:100%; background-color:#E0EBF1; border:1px solid #B5CDDC; border-collapse:collapse;}
DIV.body DIV.body-text TABLE TR.even {background-color:#D0E1EA;}
DIV.body DIV.body-text TABLE TH {padding:10px 0; color:#ffffff; background-color:#EA6855; border:1px solid #B5CDDC;}
DIV.body DIV.body-text TABLE TD {padding:5px; border:1px solid #B5CDDC;}

DIV.body DIV.body-text UL {}
DIV.body DIV.body-text UL LI {padding:5px 0 5px 20px; background:url(img/bg-bullet.gif) no-repeat 0 11px;}
DIV.body DIV.body-text DIV.back-to-top A {padding:0 0 0 20px; text-decoration:none; color:#FFFFFF; background:#3E77B1 url(img/arrow-back-to-top.gif) no-repeat scroll 1px 3px;}
DIV.body DIV.body-text DIV.back-to-top A:hover {background-color:#2B6095}

/*Contact us */
DIV.left {float:left; width: 378px;}

DIV.skype  SPAN {display:block; padding:10px 120px;}

DIV.branches {}
DIV.branches UL {}
DIV.branches UL LI {clear:both; overflow:hidden;}
DIV.branches UL LI H4 {border-left:5px solid #E1321F; margin:20px 0 5px; padding-left:10px;}
DIV.branches STRONG {display:block; margin:10px 0 5px;}
DIV.branches SPAN {display:block; clear:both; overflow:hidden; padding-left:15px; padding-bottom:2px;}
DIV.branches SPAN STRONG {clear:none; display:block; float:left; font-weight:normal; font-size:12px; width:100px; margin:0;}
DIV.branches SPAN SPAN {clear:none; float:left; width:200px;}

DIV.right {float:right; width:402px;}
DIV.map {margin-bottom:15px; background-color:#E0EBF1; border:1px solid #B5CDDC; padding:5px;}
DIV.map IFRAME {border:1px solid #CADBE6;}

DIV.contact-form {float:right; padding:10px; background-color:#E0EBF1; border:1px #B5CDDC solid;}
FORM#contact-form {float:right; width:380px;}
FORM#contact-form FIELDSET {border:none; margin:0; padding:0;}
FORM#contact-form FIELDSET LABEL {display:block; float:left; text-align:left;}
FORM#contact-form FIELDSET INPUT,
FORM#contact-form FIELDSET TEXTAREA {width:250px;}
FORM#contact-form FIELDSET P.row {overflow:hidden; margin:5px 0;}
FORM#contact-form FIELDSET P.button  {text-align:left;}
FORM#contact-form FIELDSET P.button INPUT {width:100px; margin-left:120px;}
FORM#contact-form SPAN.loading-msg {background-image:url(img/loader.gif);}

FORM {}
FORM FIELDSET {border:none; margin:0; padding:0;}
FORM FIELDSET LABEL {display:block; float:left; text-align:left; width:120px;}
FORM FIELDSET LABEL.error {width:250px; padding-left:120px; font-size:0.9em; color:#EA7568;}
FORM FIELDSET LABEL SPAN {color:#EA7568; font-size:0.7em;}
FORM FIELDSET INPUT,
FORM FIELDSET TEXTAREA {width:250px;}
FORM FIELDSET P.row {float:left; width:380px; margin:10px 0;}
FORM P.button INPUT {width:100px; margin-left:120px;}

SPAN.loading-msg {padding: 5px 0pt 5px 22px; background: transparent url(img/loader-whitebg.gif) no-repeat 2px 5px; color: #E1321F;}
SPAN.confirmation-msg {background-color:#F0DEDB; color:#E1321F; margin-left:5px; padding:2px;}
P.button SPAN.success {background-color:#DDFFDD; color:#004000; margin-left:3px; padding:2px;}
P.button SPAN.fail,
P.button SPAN.error {background-color:#F0DEDB; color:#E33B23; margin-left:3px; padding:2px;}

/*--- Apply Online ---*/
H1 SPAN.arabic-heading {float:right; font-size:20px;}
DIV.application-note {display:none; background-color:#FBD586; border:1px solid #F8AC10; color:#694805; float:left; margin:-10px 0 20px; padding:0 15px; width:768px;}
DIV.application-note P {margin:13px 0; text-align:right; width:350px;}
DIV.application-note P.arabic {float:right; text-align:right;}
DIV.application-note P.english {float:left; text-align:left;}
FORM.apply-online P.button {padding:5px 0; text-align:center;}
A.start-app {background:transparent url(img/btn-yellow.gif) no-repeat 0 0; color:#9C6C07; display:block; font-weight:bold; height:18px; margin:0 auto; padding:12px 0 7px; text-decoration:none; width:201px; text-align:center;}
A.link-red {color:#E1321F;}
A.start-app:hover {color:#694805;}
DIV.inactive {display:none;}
DIV.active {display:block;} 
DIV.tabs UL {height: 35px;}
DIV.tabs UL LI {display:none; float: left; background:transparent url(img/bg-tabs.gif) repeat-x right;}
DIV.tabs UL LI:hover,
DIV.tabs UL LI.current {background:transparent url(img/bg-tabs-selected.gif) repeat-x right;}
DIV.tabs UL LI.first A {padding-right:23px;}
DIV.tabs UL LI.last A {padding:10px 22px;}
DIV.tabs UL LI A {display:block; float:left; outline:none; padding: 10px 15px; color: #fff; text-decoration: none; border-left:1px solid #3A6FA9;}
DIV.tabs UL LI.current A {color:#EAEAEA; border-bottom:4px solid #E1321F;}

DIV.tabs UL LI.mandatory {display:block; background:transparent url(img/bg-tabs_blue.gif);}
DIV.tabs UL LI.mandatory:hover,
DIV.tabs UL LI.mandatory.current {background:transparent url(img/bg-tabs-selected_blue.gif);}
DIV.tabs UL LI.mandatory.current A {border-bottom:4px solid #396EA7;}
DIV.containers {padding: 0; margin: 0;}
DIV.containers .accessible {display:none;}
DIV.containers DIV.container {padding: 0; margin: 0;}
DIV.containers DIV.container DIV.row {clear: both; background: url(img/bg-tabs-container.gif) top; overflow: hidden; margin: 0; padding: 10px 15px;}
DIV.containers DIV.container DIV.row LABEL {width: 200px; float: left; color: #3a6fb1; font-weight:bold; padding: 0 15px 0 0;}
DIV.containers DIV.container DIV.row LABEL.error {color:red; float:none; font-size:0.9em; font-weight:normal; font-style:italic; margin-left:5px;}
DIV.containers DIV.container DIV.row LABEL SPAN {color: #666; font: 0.8em Tahoma;}
DIV.containers DIV.container DIV.first input {margin-left:215px;}
DIV.containers DIV.container DIV.button A {display:block; float:left; margin-right:114px; padding-top:3px;}
DIV.containers DIV.container DIV.row FIELDSET P.row {float:left; width:550px; margin:5px 0;}
DIV.containers DIV.container DIV.row FIELDSET LABEL {width:100px; color:#5F5F5F; font-size:0.9em;}
DIV.containers DIV.container DIV.row FIELDSET INPUT {width:150px;}
DIV.containers DIV.container DIV.row FIELDSET SPAN {display:block; padding-left:115px; font-size:0.9em;}
DIV.containers DIV.container DIV.note {float:left; width:768px; padding:0 15px; border:1px #F8AC10 solid; background-color:#FBD586; margin:15px 0 10px; color:#694805;}
DIV.containers DIV.container DIV.note P.arabic {width:350px; float:right; text-align:right; margin:13px 0;}
DIV.containers DIV.container DIV.note P.english {width:350px; float:left; text-align:left; margin:13px 0;}
DIV.containers DIV.container DIV.additional-info {border-top: 1px solid rgb(207, 220, 228); background-image: none; background-color: rgb(223, 232, 237);}
DIV.containers DIV.container DIV.additional-info LABEL {width:700px; margin-bottom:10px;}