@charset "utf-8";
/* CSS Document */

.orange { color:#FF9A00;}

#previewHeader{ /* Preview header bar styles */
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-image: url(../oms/images/blue/dark_grad.jpg);
	background-color: #67A7E3;
	border-bottom: solid 1px #67A7E3;
	color: #FFF;
	margin: 0;
	font-size:12px;
	text-align:center;
}
#previewHeader a { /* Preview header bar styles */
	margin: 0 5px;
	color: #FFF;
	font-weight: normal;
}
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit; text-decoration:none;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body#tinymce { background:#FFFFFF none; }
body {line-height:1.5; font-family:Arial; font-size:12px; text-align:left; color:#636363; background:url(../images/system/bg.jpg) repeat-x; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #d3d3d3;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:180px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:490px;height:75px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
a { outline:none;}
object { text-align:center;}
.floatRight { float:right;}
.floatLeft{ float:left;}
 .errorReq{ display:inline; }
.noMarginRight { margin-right:0;}
.enquireNow { float:right; margin-right:10px; display:inline;}
.telNo{ float:right; color:#FF9A00; font-size:16px;}
.borderBottom { border-bottom:1px solid #DADADA;float:left;}
ol { margin-left:40px;}
.content table td { padding:10px 0;}
.content table td p{ margin:0; }
p.ninept { font-size:9px; }
.highslide-container { z-index:1001000000!important;}
body#page_document-download { background:#3A3A3A;}
/************************************************************/

#mainContainer { width:980px;margin:0 auto;}

.containerTop {float:left;  width:980px; height:10px;  background:url(../images/system/containerBgTopShadow.png) no-repeat bottom;}
.containerBottom { float:left; width:980px; height:10px;  background:url(../images/system/containerBgBottomShadow.png) no-repeat top;}

.blackContainerTop {float:left;  width:980px; height:10px;  background:url(../images/system/blackContainerBgTopShadow.png) no-repeat bottom;}
.blackContainerBottom { float:left; width:980px; height:10px;  background:url(../images/system/blackContainerBgBottomShadow.png) no-repeat top;}

/******* HEADER STYLES ******/
#headerContainer {float:left; z-index: 10000000; width:930px; padding:0 25px; background:url(../images/system/containerBgShadow.png) repeat-y;}
#headerContainer .header{ height:85px; position:relative; z-index:2 }
#headerContainer .header .logo{ position:absolute; left:0px; bottom:2px;}
#headerContainer .header h2.tel { position:absolute; right:300px; top:15px; font-size:14px; color:#636363; font-weight:bold; }

/** TOP NAV **/
#headerContainer  .header ul#topnav { list-style-type:none; float:right; background:url(../images/system/topNavBg.jpg) repeat-x;list-style-type:none; z-index:100000000; position:absolute; right:0; top:45px;  }
#headerContainer  .header ul#topnav li { float:left; position: relative; background:url('../images/system/divider.jpg') no-repeat right; padding-right:4px; }
#headerContainer .header ul#topnav li.last { background:none; padding-right:0; }
#headerContainer .header ul#topnav li a{ float:left;height:30px; line-height:30px; background:url(../images/system/topNavBg.jpg) repeat-x; padding:0px 14px;  display:block;color:#FFFFFF;width:auto; }
#headerContainer .header ul#topnav li a:hover, 
#headerContainer .header ul#topnav li a.active{  background:url(../images/system/topNavBgOn.jpg) repeat-x;  }
#headerContainer .header ul#topnav li a.first{ background:url(../images/system/navBgEnds.jpg) top left;  }
#headerContainer .header ul#topnav li a.first:hover { background:url(../images/system/navBgEndsOn.jpg) top left;  }
#headerContainer .header ul#topnav li.first a.active{ background:url(../images/system/navBgEndsOn.jpg) top left;  }
#headerContainer .header ul#topnav li a.last{ background:url(../images/system/navBgEnds.jpg) top right;  }
#headerContainer .header ul#topnav li a.last:hover, #headerContainer  .header ul#topnav li.last a.active{ background:url(../images/system/navBgEndsOn.jpg) top right;  }

#headerContainer  .header ul#topnav li a.hasSubNav:hover, 
#headerContainer  .header ul#topnav li a.hasSubNavActive { background:#3a3a3a; border:2px solid #d4d4d4; border-bottom:0;padding:0px 12px; margin-top:-2px; position:relative; z-index:100000; height:40px;}

/** SUB NAV **/
#headerContainer .header ul#topnav li div.subnav{ display:none; position: absolute; top: 40px; left: 0; z-index: 99999; background:#3a3a3a; padding:10px; float:left; border:2px solid #d4d4d4;margin-top:-2px; }
#headerContainer .header ul#topnav li div.subnav .ulCont {  }
#headerContainer .header ul#topnav li div.subnav ul{ float: left; padding:0 10px 10px 10px; list-style-type:none;   }
#headerContainer .header ul#topnav li div.subnav ul li { float:left; clear:left; color: #fff; padding:0; width:auto; }
#headerContainer .header ul#topnav li div.subnav ul li a{ background:#3a3a3a none; display:block; color:#F8981D; padding:0; height:25px; line-height:25px; overflow:visible; }
#headerContainer .header ul#topnav li div.subnav ul li a:hover{ text-decoration:underline; background:#3A3A3A;} 
#headerContainer .header ul#topnav li div.subnav div.allProd { margin-top:20px; clear:left; background:#4b4b4b;  width:100%; }
#headerContainer .header ul#topnav li div.subnav div.allProd a.allProd { display:block; width:90%;  color:#fff;background:#4b4b4b none; }

#headerContainer .header .breadcrumbs{ font-size:10px; color:#636363; position:absolute; top:20px; left:205px;   }
#headerContainer .header .breadcrumbs a { font-weight:bold; color:#636363;}  

#headerContainer  .header .followLinks {  position:absolute; right:215px; top:17px; }

#headerContainer .header .search{ position:absolute; right:0; top:15px; }
#headerContainer .header .search .searchInput{ float:right; display:inline; margin:0 5px 0 0 ; background:url(../images/system/searchInputBg.jpg) no-repeat; border:0; padding:4px 5px 4px 25px;  width:115px; color:#959595; font-size:11px; border-right:1px solid #bdbcbc; }
#headerContainer .header .search .searchGo{ float:right; }


/******* TOP CONTAINER STYLES ******/
#topContainer {float:left; width:940px; padding:0 20px 10px 20px; background:url(../images/system/containerBgShadow.png) repeat-y;position: relative; z-index:0;}

#topContainer .heroContainer { width:920px; height:307px; padding:10px; background:url(../images/system/heroContainerBg.jpg) no-repeat; margin-bottom:10px;}
#topContainer .heroContainerSmall { width:920px; height:218px; padding:10px; background:url(../images/system/heroContainerSmallBg.jpg) no-repeat; margin-bottom:10px; position:relative;}



/* jQuery Box */
#topContainer .heroContainer div.jquery-container {float: left; display: inline; width: 920px; height: 307px;}
#topContainer .heroContainer div.jquery-box {float: left; display: inline; width: 920px; height: 307px; z-index:-2; }
#topContainer .heroContainer div#slides { float: left; display: inline; width: 670px; height: 307px; overflow: hidden;  position:relative;}
#topContainer .heroContainer div#slideInner {width: 670px;}
#topContainer .heroContainer div.slide {float: left; display: inline; width: 670px; height: 307px;}
#topContainer .heroContainer div.slide img{width: 670px; height: 307px;}
#topContainer .heroContainer div.jnav { color:#FFFFFF;float: left; display: inline; width: 230px; height: 297px; background:url(../images/system/homeSlideNavBg.jpg) no-repeat; padding:5px 10px;}
#topContainer .heroContainer div.jnav ul { margin-top:5px; border-top:1px solid #505050; list-style-type:none;}
#topContainer .heroContainer div.jnav ul li.heading { border-bottom:1px solid #505050; padding:0px 0 1px 5px; font-weight:bold;}
#topContainer .heroContainer div.jnav ul li { border-bottom:1px solid #505050;}
#topContainer .heroContainer div.jnav ul li .slider-arrow { display:none; float:left; margin-left:-22px; width:8px; height:12px; background:url(../images/system/slide-arrow.png) no-repeat; position:relative; }
#topContainer .heroContainer div.jnav ul li.last{ border-bottom:0;}
#topContainer .heroContainer div.jnav ul li a{ color:#FFFFFF; display:block; padding:10px 5px;}
#topContainer .heroContainer div.jnav ul li a.active {background:#4b4b4b;}
#topContainer .heroContainer div.jnav ul li a.active .slider-arrow{ display:inline-block;}

#topContainer .heroContainer div.jnav ul li  a .orange{ color:#f8981d; font-style:italic; font-family:Georgia; }
#topContainer .heroContainer div.slide-1 {}
#topContainer .heroContainer div.slide-2 {color:#FFF;}
#topContainer .heroContainer div.slide-3 {color:#FFF;}
#topContainer .heroContainer div.slide-4 {color:#FFF;}
#topContainer .heroContainer div.slide-5 {color:#FFF;}


#topContainer .contentRow {float:left;  margin-bottom:10px;display:inline; margin-left:2px;}


/****** Other Styles ********/

#topContainer .contentContainer { width:938px; margin-left:4px;}

#topContainer .contentContainer .content { width:650px; margin-right:10px; float:left; display:inline; }
#topContainer .contentContainer .content2 { width:934px; margin-right:10px; float:left; display:inline; }
#topContainer .contentContainer .content a, 
#topContainer .contentContainer .content2 a  {color:#1d1f47;}
#topContainer .contentContainer .rightCol { float:left; width:270px; padding-top:2.05em; }
#topContainer .contentContainer .rightCol ul { list-style-type:none;}

/****** Central Hooks ********/
.hook { float:left; margin-right:10px; width:305px; }


.hook .head{float:left; width:304px;  height:28px; line-height:28px; border:1px solid #dadada; border-bottom:0; background:url(../images/system/hookHeadBg.jpg) repeat-x; }

.hook .head h2 { margin-left:10px; display:inline; color:#666666; font-weight:bold; font-size:11px;} 
.hook .head h2 a { color:#666666;}

.hook .cont {float:left;width:284px;  border:1px solid #dadada; border-top:0; background:#fbfbfb; padding:10px; }
.hook .cont .image img { width:282px; }

.hook .cont .row {border-top:1px solid #dadada; padding:10px 0; float:left; width:100%; }

.hook .head h2 { float:left;}
.hook .head .rss{ float:right; margin:5px 10px;display:inline;}

.hook .latestNews .row .info{ font-family:Georgia; font-size:10px}
.hook .latestNews .row .link{}
.hook .latestNews .row .link a{ color:#007dab;}
.hook .featured .row .img { float:left; margin:4px 10px 0 0; display:inline;}
.hook .featured .row .text { float:left; width:220px;}
.hook .featured .row .text .heading a { color:#262324; font-size:12px;}
.hook .featured .row .text .info{ font-family:Georgia; font-size:10px}
.hook .featured .row .text .link{}
.hook .featured .row .text .link a{ color:#007dab;}

.hook .productRange {}
.hook .productRange .image{border:1px solid #dadada; margin-bottom:10px;}
.hook .productRange .info{}
.hook .productRange .info ul{ float:left; width:120px; display:inline; margin-left:20px;}
.hook .productRange .info ul li { padding-left:20px; background:url(../images/system/liArrow.jpg) no-repeat; }
.hook .productRange .info ul li a{ color:#262324;}

.hook .courseHook {}
.hook .courseHook .image{border:1px solid #dadada; margin-bottom:10px;}
.hook .courseHook .info{}
.hook ul{ float:left; display:inline; margin-left:20px;}
.hook ul li { padding-left:20px; background:url(../images/system/liArrow.jpg) no-repeat; }
.hook ul li a{ color:#262324;}

#topContainer .custLogos { float:left; background:#fbfbfb; border:1px solid #dadada;  margin-left:2px;width:935px;   height:90px;position:relative; }
#topContainer .custLogos a.arrow { display:block;  height:90px; width:24px; position:absolute; top:0;}
#topContainer .custLogos a.arrow.left { left:0;  border-right:1px solid #dadada; background:url(../images/system/arr-left.jpg) no-repeat top left}
#topContainer .custLogos a.arrow.right {right:0;border-left:1px solid #dadada; background:url(../images/system/arr-right.jpg) no-repeat top left;} 
#topContainer .custLogos .viewPort { width:865px; padding:10px; height:70px;  overflow:hidden; position:absolute; top:0; left:25px; }
#topContainer .custLogos .viewPort ul { list-style:none; float:left; width:100000px; margin-top:7px; display:block; }
#topContainer .custLogos .viewPort ul li { float:left; display:inline;  }
#topContainer .custLogos .viewPort ul li  img { display:inline-block; float:left; }
#topContainer .custLogos h2 { position:absolute; bottom:0;right: 30px; font-weight:bold; }

#topContainer .custLogos a.logo1 { float:left; display:block; height:55px; width:80px; background:url(../images/system/logos.jpg) 0px -2px ;}
#topContainer .custLogos a.logo1:hover { background-position:0px -56px ; }
#topContainer .custLogos a.logo2 { float:left; display:block; height:55px; width:85px; background:url(../images/system/logos.jpg) -80px -2px ;}
#topContainer .custLogos a.logo2:hover { background-position:-80px -56px ; }
#topContainer .custLogos a.logo3 { float:left; display:block; height:55px; width:80px; background:url(../images/system/logos.jpg) -165px -2px ;}
#topContainer .custLogos a.logo3:hover { background-position:-165px -56px ; }
#topContainer .custLogos a.logo4 { float:left; display:block; height:55px; width:55px; background:url(../images/system/logos.jpg) -245px -2px ;}
#topContainer .custLogos a.logo4:hover { background-position:-245px -56px ; }
#topContainer .custLogos a.logo5 { float:left; display:block; height:55px; width:130px; background:url(../images/system/logos.jpg) -300px -2px ;}
#topContainer .custLogos a.logo5:hover { background-position:-300px -56px ; }
#topContainer .custLogos a.logo6 { float:left; display:block; height:55px; width:90px; background:url(../images/system/logos.jpg) -430px -2px ;}
#topContainer .custLogos a.logo6:hover { background-position:-430px -56px ; }
#topContainer .custLogos a.logo7 { float:left; display:block; height:55px; width:50px; background:url(../images/system/logos.jpg) -520px -2px ;}
#topContainer .custLogos a.logo7:hover { background-position:-520px -56px ; }
#topContainer .custLogos a.logo8 { float:left; display:block; height:55px; width:90px; background:url(../images/system/logos.jpg) -575px -2px ;}
#topContainer .custLogos a.logo8:hover { background-position:-575px -56px ; }
#topContainer .custLogos a.logo9 { float:left; display:block; height:55px; width:60px; background:url(../images/system/logos.jpg) -665px -2px ;}
#topContainer .custLogos a.logo9:hover { background-position:-665px -56px ; }
#topContainer .custLogos a.logo10 { float:left; display:block; height:60px; width:60px; background:url(../images/system/logos.jpg) -725px -2px ;}
#topContainer .custLogos a.logo10:hover { background-position:-725px -56px ; }
#topContainer .custLogos a.logo11 { float:left; display:block; height:60px; width:130px; background:url(../images/system/logos.jpg) -785px -2px ;}
#topContainer .custLogos a.logo11:hover { background-position:-785px -56px ; }


/******* RIGHT HOOK STYLES ******/
/*
.enquiryHook { background:#3a3a3a; padding:10px 15px; height:65px; width:240px; background:url(../images/system/enquiryHook.gif) no-repeat; margin-bottom:10px; float:left; text-align:center; }
.enquiryHook h2{ color:#885624; font-size:18px; font-weight:bold; text-shadow:1px 1px 1px #fff; border-bottom:1px solid #d58b2c;  padding-bottom:5px;}
.enquiryHook h2 a { color:#885624; }
.enquiryHook p { color:#885624;border-top:1px solid #f3b96d; padding-top:5px; } 
.enquiryHook strong { color:#fff; }
*/
.enquiryHook { background:#3a3a3a; padding:10px 16px; width:237px; margin-bottom:10px; float:left; }
.enquiryHook h2{ color:#ff9a00; text-align:center; border-bottom:1px solid #525252; font-size:18px;}
.enquiryHook p { color:#FFFFFF; text-align:center;} 
.enquiryHook a{ color:#ff9a00; }

.emailCampainForm { background:#3a3a3a; padding:15px; margin-bottom:10px;  float:left; }
.emailCampainForm h2 { color:#ff9a00; font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 0 10px; line-height:18px; }
.emailCampainForm p { color:#FFFFFF; font-size:11px; }
.emailCampainForm hr { margin:10px 0;  }
.emailCampainForm label { color:#FFFFFF; width:228px; display:block;}
.emailCampainForm input { width:237px;}
.emailCampainForm input.but { width:55px; float:left; }
.emailCampainForm textarea { width:228px; margin-bottom:10px; }

.rightCol .hook .latestVacancies a {color:#007DAB;}

/*** the styles beneath override the styles above so that the global content can be used in both bottom & right global content ***/
.rightCol .hook { margin-bottom:10px;}
.rightCol .hook .head{float:left;width:268px !important;   height:28px; line-height:28px; border:1px solid #dadada; border-bottom:0; background:url(../images/system/hookHeadBg.jpg) repeat-x; }
.rightCol .hook { float:left; margin-right:10px; width:270px !important; }
.noMarginRight { margin-right:0 !important;}
.rightCol .hook .cont {float:left;width:248px !important;  border:1px solid #dadada; border-top:0; background:#fbfbfb; padding:10px; }

.rightCol .hook .cont img{width:248px !important; height:114px !important; }
.rightCol .hook .productRange .info ul { margin-left:4px;}

.margBot{margin-bottom:10px;}
.doubleHeight { height:15px;}

/******* TABS STYLES ******/
#topContainer #tabs {float:left; margin-left:2px; width:100%;}
#topContainer #tabs ul.tabs { float:left; height:2.05em; width:100%;border-bottom:1px solid #dadada; }
#bottomContainer #tabs {float:left; width:936px;margin-left:2px;}
#bottomContainer #tabs ul.tabs { float:left; height:2.05em; width:936px;border-bottom:1px solid #dadada; }
#tabs ul.tabs li {margin-right:2px; float:left; display:inline; border:1px solid #dadada; border-bottom:0; }
#tabs ul.tabs li a{ color:#636363 !important; float:left; line-height:2em; height:2em; display:block; padding:0 7px;background:#F0F0F0; }
#tabs ul.tabs li a:hover{ background:#4b4b4b; color:#fff !important; line-height:2.05em; height:2.05em; }
#tabs ul.tabs li a.active, #tabs ul.tabs li a.active:hover{ color:#636363 !important; background:#FFFFFF; line-height:2.05em; height:2.05em; }
#tabs ul.tabs li a.active{ cursor:default;}

#tabs .tabContent {float:left;display:inline; padding:20px 9px;border:1px solid #dadada; border-top:0; }
.noTabContent {float:left;display:inline; padding:20px 10px;border:1px solid #dadada; background:#fdfdfd;  margin-bottom:10px; width:628px; }
.noTabContent2 {float:left;display:inline; padding:20px 10px;border:1px solid #dadada; background:#fdfdfd;  margin-bottom:10px; width:910px; }
#topContainer #tabs .tab_content { width:97% }

.tab_content ul, .no_tab_content ul{}
.tab_content p,  .no_tab_content p  { margin-bottom:10px;} 
.tab_content h1, .no_tab_content h1{ color:#ff9a00; font-size:28px; margin-bottom:10px; float:left; width:100%; display:inline;}
.tab_content h2, .no_tab_content h2{ color:#636363; font-size:14px; font-weight:bold; margin-bottom:10px; width:100%;} 
.tab_content h3, .no_tab_content h3{ color:#636363; font-size:14px;width:100%;}
.tab_content h5, .no_tab_content h5{ color:#636363; font-size:14px; margin-bottom:10px; width:100%;} 
.emphasis { font-weight:bold;}

.tab_content ul, .no_tab_content ul{   margin:10px 30px; list-style-type:none;}
.tab_content ul li , .no_tab_content ul li { padding-left:20px; background:url(../images/system/liArrow_white.jpg) no-repeat; }
.tab_content ul li a, .no_tab_content ul li a{ color:#262324;}

/******* TABS STYLES ******/

#blackBottomContainer #tabs {float:right; width:560px; }
#blackBottomContainer #tabs ul.tabs { float:left; height:25px; width:560px;background:url(../images/system/blackTab_left.gif) no-repeat left top; padding-left:4px;  }
#blackBottomContainer #tabs ul.tabs li {padding-right:2px; float:left; display:inline; border:0; background:url(../images/system/blackTab_border.gif) no-repeat right ; margin:0;  }
#blackBottomContainer #tabs ul.tabs li.last { background:url(../images/system/blackTab_right.gif) no-repeat right top; padding-right:4px; }
#blackBottomContainer #tabs ul.tabs li a{ color:#dddddd!important; float:left; line-height:25px; height:25px; display:block; padding:0 5px;background:url(../images/system/blackTab.gif) repeat-x; text-shadow:1px 1px 1px #000; }
#blackBottomContainer #tabs ul.tabs li a:hover{ color:#f8981d!important;background:url(../images/system/blackTab_active.gif) repeat-x; }
#blackBottomContainer #tabs ul.tabs li a.active{ color:#f8981d!important;background:url(../images/system/blackTab_active.gif) repeat-x; }
#blackBottomContainer #tabs ul.tabs li a.active:hover{ color:#f8981d!important;background:url(../images/system/blackTab_active.gif) repeat-x; }
#blackBottomContainer #tabs ul.tabs li a.active{ cursor:default;}
#blackBottomContainer #tabs .tabContent {float:right;display:inline; padding:20px; background:url(../images/system/blackCont.gif) repeat-y; width:523px; border:0; }
#blackBottomContainer #tabs .tab_content { width:523px; color:#c4c4c4; padding: }
#blackBottomContainer #tabs .tab_content a{ color:#FF9A00}
#blackBottomContainer #tabs .blackContBottom { float:right; width:563px; height:7px; background:url(../images/system/blackContBottom.gif) no-repeat;}
#blackBottomContainer #tabs .tab_content li { background:url(../images/system/liBlack.gif) left center no-repeat;}

#blackBottomContainer #tabs .tabContent  h2 { margin-bottom:0px; margin-top:20px; color:#F8981D !important}
#blackBottomContainer #tabs .tabContent  h3 { margin-bottom:0px; margin-top:5px; color: #C4C4C4; font-weight:bold; font-size:12px;}

#blackBottomContainer .titleRow { width:920px;float:left; background:url(../images/system/blackBorder.gif) repeat-x bottom left; padding:5px 0; margin:0px 10px 10px 10px; display:inline; }
#blackBottomContainer .titleRow  h2 { color:#dddddd;float:left;  font-size:13px; font-weight:bold; text-shadow:1px 1px 1px #000;}
#blackBottomContainer .titleRow .followLinks { float:right; }
#blackBottomContainer .left { float:left;}
#blackBottomContainer .left ul {float:left; list-style:none; margin:0 40px 20px 10px;}
#blackBottomContainer .left ul li h2 { color:#dddddd; font-size:11px; font-weight:bold; text-shadow:1px 1px 1px #000; margin-bottom:10px;}
#blackBottomContainer .left ul li a { color:#a7a7a7;}
#blackBottomContainer .bottomRow { width:920px;float:left;background:url(../images/system/blackBorder.gif) repeat-x top left; padding:10px 0 0;margin:10px 10px 0px 10px; display:inline; color:#a7a7a7; }
#blackBottomContainer .bottomRow  a { color:#a7a7a7;}
.sitemap_list ul li { background:none; padding:0;}
#blackBottomContainer .bottomRow .link { float:right; }

/******* TRAINING  STYLES ******/
.trainingCal { background:#F5F5F5; padding:20px 0 0 5px; margin:20px 0;  border-top:1px solid #D6D6D6;  border-bottom:1px solid #D6D6D6; margin-left:-9px; width:643px; }
.sideShad { padding-right:9px; background:url(../images/system/sideShad.jpg) right top repeat-y; float:left;}

/* TRAINING SCHEDULE */
#page_training-schedule #rcol{ 
	border-right:#D5D6D6 1px solid;
	overflow:auto;  /* cater to the older browsers */
	overflow: -moz-scrollbars-horizontal; /* for FF */
	overflow-x:scroll; /* scroll horizontal */
	overflow-y:hidden; /* Hide vertical*/
	float:left;
	width:424px; 
	padding-bottom:9px;
}
.datefields { width:100%;float:left;}
.datefields input, .datefields select { margin:0; float:left;} 
.datefields strong { margin:0 5px;display:inline; float:left;} 
.date_input { width:100px; margin-left:10px;float:left;  display:inline;}
.update { float:left; margin:0px 0px 0 20px !important;  display:inline;}
#page_training-schedule .tooltip-container{	height:0px;	width:0px;overflow:hidden;}

#ltable { margin-top:10px;}

#lcol{ 	 border-top:#D5D6D6 1px solid;float:left; width:209px; overflow:hidden; }
#lcol table {border-bottom:1px solid #D5D6D6;}
#lcol table tr{}
#lcol table tr td{ border-left:1px solid #D5D6D6; border-right:1px solid #D5D6D6;padding:4px 2px;background:url(../images/system/dot_line_large.jpg) bottom center no-repeat; white-space:nowrap;}
#lcol table tr td.title{ background:none;font-size:11px; font-weight:bold; padding-left:10px; color:#000000;}
#lcol table tr td a { background:url(../images/system/liArrow_grey_small.jpg) no-repeat left center; display:block; padding:0px 0px 0px 10px; color:#262324 !important; font-size:11px; height:16px;} 
#lcol table tr.heading td{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; background:none; padding-left:10px; color:#262324;} 

#rcol{  border-top:#D5D6D6 1px solid;float:left;}
#rcol table {}
#rcol table tr{}
#rtable tr td .cell{width:100px;} 
#rcol table tr td{ border-left:1px solid #D5D6D6; border-right:1px solid #ffffff;padding:4px 2px;background:url(../images/system/dot_line.jpg) bottom center no-repeat;}
#rcol table tr td.date{ background:none; font-size:11px; font-weight:bold; color:#000000;}
#rcol table tr td.heading-fill{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; background:#e1e1e1 none;} 


#coursesTable { clear:left; background:#F5F5F5; border-top:1px solid #D5D6D6; border-bottom:1px solid #D5D6D6;  width:628px; padding:20px 10px 10px 10px; margin:0 0 20px -9px; }
#coursesTable table{}
#coursesTable table tr {}
#coursesTable table tr td{}
#coursesTable table tr.heading{ }
#coursesTable table tr.heading td{ padding:2px 0px;}
#coursesTable table tr.results{}
#coursesTable table tr.results td{ padding:5px 0; border-bottom:2px dotted #D5D6D6}


#rtable a{	height:16px;display:block;text-decoration:none;text-align:left;}

.no-decoration{border-color:#FFFFFF;}

#page_training-schedule .heading, #page_training-schedule .heading-fill{background:#e1e1e1 none;font-weight:bold;}
tr.heading td { background:none;}
#page_training-schedule .date{text-align:center;font-weight:bold;}
#page_training-schedule tr{	font-size:11px;}

#tooltip {	position: absolute;	z-index: 3000;	border: 1px solid #111;	background-color: #eee;	padding: 5px;	opacity: 0.85;}
#tooltip h3, #tooltip div { margin: 0; }


/******* VIDEO LINK STYLES ******/
.videoLink {float:left; padding:20px 10px; background:#FBFBFB; border:1px solid #DCDCDC; margin:10px 0; width:608px;}
.videoLink  ul { float:left; margin:0; }
.videoLink  ul li p { margin-bottom:0;}
.videoLink h2{ float:left; margin:0; color:#FF9A00; font-size:16px; }
.videoLink .img { float:left; margin-right:20px; display:inline;border:1px solid #DCDCDC;} 
.videoLink .img img { display:block;}
.videoLink .text { float:left; width:330px; }
.videoLink .text .head {font-size:18px; font-family:Verdana; } 
.videoLink .text .desc {}
.videoLink .text .desc p{}
.videoLink .text  a {color:#ff9a00 !important; }

/******* DOCUMENT STYLES *******/
table.documents {border-collapse: collapse; border: 1px #E0E0E0 solid; border-width: 1px 1px 1px 0; margin:10px 0;}
table.documents td {padding: 5px; vertical-align: top !important; width: 45%;}
table.documents td.icon {width: 5% !important; border-left: 1px #E0E0E0 solid;}
table.documents td.icon a { margin:0px 0 0 5px; cursor: pointer;}
table.documents td.icon a img{ margin:3px 0 0 0px;}
table.documents td.text { padding-right:20px}
table.documents tr.odd {background: #FBFBFB;}
table.documents tr.even {background: #F7F7F7;}
table.documents a { color:#636363 !important; font-weight:bold; }

.enquiry .file { float:left; margin:30px 0 0 120px; padding:10px 50px; display:inline;   width:150px; border: 1px #E0E0E0 solid;background: #FBFBFB;}
.enquiry .file img{ float:left; display:inline; margin:1px 10px 0 0;}
.enquiry .file p{float:left; display:inline; width:124px;}

/******* ENQUIRY STYLES ******/
.background { background:#FFFFFF!important; color:#636363!important; width:610px!important;}
.background .form { width:610px!important;}

.enquiry { float:left; background:#3a3a3a; color:#FFFFFF; padding:5px 10px;}
.enquiry h1 { color:#ff9a00; font-size:18px;}
.enquiry a { color:#ff9a00; }
.enquiry .text-field{ width:228px; }
.enquiry .form{ float:left;width:500px; border-top:1px solid #656565; padding:10px 0;}
.enquiry .form .left{ float:left; width:250px;}
.enquiry .form .right{ float:left; padding-left:20px; width:230px;}
.enquiry .captcha { clear:left; float:left; width:500px; border-top:1px solid #656565; padding:10px 0;}
.enquiry .captcha .left { float:left; width:250px;}
.enquiry .captcha .left input {  width:228px; }
.enquiry .captcha .right { float:left; padding-left:20px; width:230px; }
.enquiry .captcha .right textarea { width:220px; height:116px;   }
.enquiry .captcha .image { float:left;  width:230px; height:80px; background:#FFFFFF; margin-top:10px; }
.tryAgain { clear:left;}
.enquiry .buttons { clear:left; }
.enquiry .enquriyField { clear:left;float:left;width:500px; border-top:1px solid #656565; padding:10px 0;}

/******* Contact STYLES ******/

.contact-overlay { height:267px; background:#3a3a3a; width:350px; position:absolute; right:10px; top:10px; padding:20px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; border-radius:0 5px 5px 0; }
.contact-overlay .top { width:350px; float:left; }
.contact-overlay .top h2 {color: #FF9A00; font-size:16px; margin-bottom:10px; }
.contact-overlay .top h2 span { color:#FFFFFF; }
.contact-overlay .top td { padding-right:20px; }
.contact-overlay .bottom { width:350px; float:left; background:url("../images/system/blackBorder.gif") repeat-x scroll left top transparent; padding:20px 0 0 0; margin:20px 0 0 0; }

.contact .enquiry { float:left; background:#FDFDFD; color:#636363; padding:0px; }
.contact .enquiry h1 { color:#ff9a00; font-size:18px;}
.contact .enquiry a { color:#ff9a00; }
.contact .enquiry .text-field{ width:270px; }
.contact .enquiry .form{ float:left;width:560px; border-top:0; padding:10px 0;}
.contact .enquiry .form .left{ float:left; width:270px;}
.contact .enquiry .form .left input{ width:270px;}
.contact .enquiry .form .right{ float:left; padding-left:20px; width:270px;}
.contact .enquiry .form .right input{ width:270px;}
.contact .enquiry .form .textarea textarea { width:550px; height:85px; clear:both; }

.contact .enquiry .captcha {float:left; width:290px; border-top:0; padding:10px 0; clear:none; margin-left:40px;  }
.contact .enquiry .captcha p { margin-top:10px; float:left;}
.contact .enquiry .captcha input { width:290px; }
.contact .enquiry .captcha .image{ float:left;  width:290px; height:80px; padding:24px 0; text-align:center; background:#FFFFFF; border:1px solid #d3d3d3}
.contact .enquiry .captcha .image img{ } 
.securityCheckError { border:#FF0000;}


.contact .enquiry .captcha.training {margin-left:0; padding:0;}
.contact .enquiry .captcha.training #captcha-form {width:229px;}
.contact .enquiry .captcha.training .image {width:230px; padding:0; height:82px;}
.contact .enquiry .buttons.training {clear: none; float: left; margin-top: 157px;}

.tryAgain { clear:left;}
.contact .enquiry .buttons { clear:left; }
.contact .enquiry .enquriyField { clear:left;float:left;width:620px; border-top:1px solid #ededed; padding:10px 0;}
.contact .enquiry .enquriyField textarea{ width:610px; }


.formError { display:inline; color:#FF0000;}
.headBord {  border-bottom:1px solid #ededed; float:left; width:100%; margin-bottom:10px; display:inline;}
.eventsContent, .newsContent { clear:both;}
h1.pagein { float:left; width:80%; margin-bottom:0;}
ul.pagination { list-style-type:none; float:right; margin:15px 0 0 0 ;}
ul.pagination li { float:left; display:inline; padding:0 2px; background:none;}
ul.pagination li a{ float:left; color:#007dab!important; }
/******* BOTTOM CONTAINER STYLES ******/
#bottomContainer {float:left; width:940px; padding:8px 20px; background:url(../images/system/containerBgShadow.png) repeat-y; }
#blackBottomContainer {float:left; width:940px; padding:8px 20px; background:url(../images/system/blackContainerBgShadow.png) repeat-y; }

#bottomContainer  .globalContentBottom { margin:0 0 10px 2px; float:left; display:inline;}


#bottomContainer .innerFooter { float:left; background:#fbfbfb; border:1px solid #dadada; margin-left:2px; padding:10px 8px 8px 10px; width:916px; }
#bottomContainer .innerFooter .followLinks { float:left; margin:5px 10px 0 0 ;  }
#bottomContainer .innerFooter .followLinks img{ margin-right:5px;  }
#bottomContainer .innerFooter .contactDetails { float:left;  font-family:Verdana; font-size:9px; margin-top:2px;}
#bottomContainer .innerFooter .contactDetails a{ color:#1d1f47; font-size:10px;}
#bottomContainer .innerFooter .logo { float:right;  }


/******* FOOTER STYLES ******/

#footerContainer { float:left; background:#4d4d4d; width:100%;  padding:10px 0; }
#footerContainer .footer { width:950px; color:#FFFFFF; margin:0 auto; }
#footerContainer .footer ul { float:left; color:#FFFFFF;font-size:10px;list-style-type:none;  }
#footerContainer .footer ul li.first{ font-weight:bold;   }
#footerContainer .footer ul li a{ color:#FFFFFF; margin-right:20px; }

#absoluteFooterContainer {width:100%; height:30px;  line-height:30px; }
#absoluteFooterContainer .absoluteFooter { width:950px; color:#bababa;  margin:0 auto; }
#absoluteFooterContainer .absoluteFooter a{ color:#bababa; }
#absoluteFooterContainer .absoluteFooter .copyRight{float:left; } 
#absoluteFooterContainer .absoluteFooter .link{float:right; } 


div#slideshow {position: relative; float: left; display: inline; width: 920px; height:218px;}
div#slideshow div.arrow {position: absolute; cursor:pointer; float: left; display: inline;  margin: 0 5px;}
div#slideshow div.arrow a {outline: none;}
div#slideshow div#slide-container {position: absolute;  float: left; display: inline; width: 920px; height: 218px; background: #EFEFEF;}
div#slideshow div#slide-container div.image-box {float: left; display: inline; width: 920px; height: 218px; background: #FFF; overflow: auto;}
div#slideshow div#slide-container div.image-box img {/*position: absolute;*/ float: left; }
div#slideshow div#leftControl {position: absolute;left: 0px; top:3px;}
div#slideshow div#rightControl {position: absolute;right: 0px; top:3px;}

div#slideshow .slidetextBg {position: absolute; top:0; right:0;width:380px;background:url(../images/system/headerOverlayTopBg.png) no-repeat; height:148px; padding:20px 40px }
div#slideshow .slidetextBg .slidetext { display:none;}
div#slideshow .slidetextBg .head{ color:#ff9a00; font-family:Verdana; font-size:22px; line-height:25px; margin-bottom:15px;}
div#slideshow .slidetextBg .cont{ color:#FFFFFF;}

div.singleSlide .singleSlide-container {position: absolute;  float: left; display: inline; width: 920px; height: 218px;}
div.singleSlide .slidetextBg {position: absolute; top:0; right:0;width:380px;background:url(../images/system/headerOverlayAllBg.png) no-repeat; height:178px; padding:20px 40px }
div.singleSlide .slidetextBg .slidetext { display:none;}
div.singleSlide .slidetextBg .head{ color:#ff9a00; font-family:Verdana; font-size:22px; line-height:25px;margin-bottom:15px;}
div.singleSlide .slidetextBg .cont{ color:#FFFFFF;}


div#slideshow .slideNavBg {position: absolute; bottom:0; right:0; width:460px; height:30px; background:url(../images/system/headerOverlayBg.png) no-repeat right; }
div.singleSlide .slideNavBg {position: absolute; bottom:0; left:0; width:920px; height:30px; background:url(../images/system/headerOverlayAllBg.png) no-repeat; }

.enquiryHook {
	color:#FFF;
}

.logoBottom {
	text-align:right;
	font-weight:bold;
}