/**
* Browser Reset
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/*------------------------------------------------------------------------------------------------------*/
/**
* Clearing Methods
*/
/* clearfix method for clearing floats */
.clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}
/* essential for Safari browser !! */
.clearfix { display: block; }
/* overflow method for clearing floats */
.floatbox { overflow:hidden; }
/* older method of adding empty tags for clearing */
.clear { clear: both; height:1px; line-height:1px; }
/*------------------------------------------------------------------------------------------------------*/
/**
* Generic Classes
* @description Define styles for simple things like floating to the sides, text aligning, image-replacements
*/
/*---- Floats ----*/
.flR { float: right; }
.flL { float: left; }
/*---- Horizontal Alignment ----*/
.alR { text-align: right; }
.alC { text-align: center; }
/*---- Vertical Alignment ----*/
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}
/*---- Hide ----*/
.hide { display: none; }
/*---- Image Replacement Technique ----*/
.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; top: 0; text-indent: -1000em;}
/*------------------------------------------------------------------------------------------------------*/
/**
* Defaults
*/
html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1em; background:#173e7d; }
a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
/**
* Defaults Sections
*/
/*------------------------------------------
// 2.LAYOUT
// Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
/*---- Container ----*/
div#container{ min-width:1250px; padding-bottom:50px; }
/*---- Wrapper ----*/
div.wrapper { width:1000px; margin:0 auto; }
/*---- Header ----*/
div#header{ background:url(../../images/header/header-background.jpg) center top no-repeat; }
div#header div.wrapper{ background:url(../../images/header/header-bg.jpg) left top no-repeat; width:1000px; padding:28px 105px 24px 105px; }
/*---- Banner ----*/
body.home div#banner{ background:url(../../images/flash/flash-bg.jpg) center center no-repeat; }
body.home div#banner div.wrapper{ width:1000px; height:225px; padding:0; background:url(../../images/flash/flash-bg.jpg) center center no-repeat;}
div#banner{ background:#122b63 url(../../images/banner/banner-bg.gif) left top repeat-x; }
div#banner_secure_it_disposal{ background:url(../../images/erase_it_banner_bg.jpg) top no-repeat; margin: 0 auto; height:224px; }
div#banner_web_hosting{ background:url(../../images/web_hosting_bg.jpg) top no-repeat; margin: 0 auto; height:224px; }
div#banner_cloud_computing{ background:url(../../images/cloud_computing.jpg) top no-repeat; margin: 0 auto; height:224px; }
div#banner_data_centre{ background:url(../../images/data_centre_banner.jpg) top no-repeat; margin: 0 auto; height:224px; }
div#banner div.wrapper{ width:988px; height:197px; padding:27px 131px 0px; }
/* removed from above: background:url(../../images/banner/banner1.jpg) left top no-repeat; */
/*---- Content ----*/
div#content{ background:#173e7d url(../../images/content/content-bg1.jpg) left top repeat-x; padding-bottom:1px; }
div#content div.wrapper{ background:#fff url(../../images/content/left-bg.gif) left top repeat-y; }
body.home div#content { background:#183f7d url(../../images/content/content-bg.jpg) left top repeat-x; padding-bottom:1px; }
body.home div#content div.wrapper{ padding-top:16px; background:url(../../images/content/content-bg.jpg) 520px top no-repeat; }
/*---- Main ----*/
div#main{ float:right; width:726px; padding:36px 20px 0px 23px; background:url(../../images/content/main-bg.jpg) right top no-repeat; }
div#main.two-columns{ background:url(../../images/content/main-two-column-bg.gif) right top no-repeat; }
div#main.three-columns{ background:url(../../images/content/main-three-column-bg.jpg) right top no-repeat; }
/*---- Sidebar ----*/
div#sidebar { float:left; width:230px; background:url(../../images/content/left-border.gif) right top no-repeat; padding:36px 0px 0px; }
/*---- Footer ----*/
div#footer { height:35px; background:#04183b; }
/*------------------------------------------
// 3. PAGE COMMON STYLES
// Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/
/*---- Header - Logo ----*/
div#header div.logo h1 a { background:url(../../images/header/logo.png) left top no-repeat; width:300px; height:0px; padding-top:67px; display:block; overflow:hidden; }
/*---- Sidebar ----*/
div#sidebar ul.side-nav li { border-bottom:1px solid #517bab; }
div#sidebar ul.side-nav li a{ display:block; padding:0px 7px 0px 9px; font-size: 12px;
padding-bottom: 5px; color:#FFFFFF; line-height:30px; font-weight:bold; }
div#sidebar ul.side-nav li a span.inner { background:url(../../images/content/arrow1.gif) left center no-repeat; padding-left:2px; }
div#sidebar ul.side-nav li a.ui-state-active span.inner{ background: url(../../images/collapsed.gif) left center no-repeat; }
div#sidebar ul.side-nav li a.ui-state-active, div#sidebar ul li a:hover{ color:#eaf3fa; text-decoration:none; background:#132c62; }
div#sidebar ul.side-nav li li a.ui-state-active { background:none; }
div#sidebar ul.side-nav li ul.sub-nav li{ border:0; }
div#sidebar ul.side-nav li ul.sub-nav li a{ display:block; padding:0px 7px 0px 38px; font-size:12px; color:#FFFFFF; line-height:24px; text-decoration:none; }
div#sidebar div#lb_top { display:none} /* remove the top of box inserted by Site Panelbar control */
div#sidebar div#sub_nav_top_bg, div#sidebar div#sub_nav_bot_bg { display:none} /* remove the top and bottom of box inserted by JobsList control */
/*---- Footer - Navigation ---*/
div#footer div#footer-navigation ul { margin-left:12px; }
div#footer div#footer-navigation ul li { display:inline; font-size:120%; line-height:35px; color:#fff; }
div#footer div#footer-navigation ul li a{ color:#fff; }
div#footer div#footer-navigation ul li.divider { margin:0 7px 0 7px; }
/*---- Common Boxes & Containers ----*/
/*---- Buttons ----*/
a.button1{ background:url(../../images/content/button1.jpg) left top no-repeat; float:left; display:block; height:31px; line-height:28px; font-size:130%; color:#94ceff; padding:0px 24px; margin-right:20px; margin-top:5px;}
a.button1:hover{ text-decoration:none; }
/*---- Lists ----*/
ul.list1 { background:url(../../images/content/divider.gif) right top no-repeat; width:800px; } /* for 7 partners- width:722px */
ul.list1 li{ float:left; background:url(../../images/content/divider.gif) left top no-repeat; width:115px; text-align:center; padding:5px 0px 6px; min-height:60px; }
ul.list1 li img{ vertical-align:middle; }
/*---- Post ---*/
div.post h1 { font-size:210%; margin-bottom:20px; color:#2a62a7; }
div.post h2 { font-size:200%; margin-bottom:15px; color:#113672; }
div.post h3 { font-size:180%; margin-bottom:10px; color:#113672; }
div.post h4 { font-size:160%; margin-bottom:15px; color:#113672; }
div.post p { font-size:130%; color:#283c5b; line-height:19px; margin-bottom:20px; }
div.post a { color:#113672; }
div.post label { font-size:120%; color:#283c5b; line-height:19px; margin-bottom:10px; }
div.post blockquote { margin-bottom:20px; }
div.post blockquote p{ margin-bottom:5px; font-style:italic;}
div.post blockquote p cite{ font-weight:bold; text-align:right; display:block;}
div.post img { max-width:100%; }
div.post img.alignleft{ float:left; margin:0 10px 10px 0; display: inline;}
div.post img.alignright{ float:right; margin:0 0px 10px 10px; display: inline;}
div.post img.aligncenter{ display:block; margin-left:auto; margin-right:auto; margin-bottom:10px;}
/* ULs are handled differently in different browsers; some apply margins and some padding. To get a consistent
size, set padding to 0; and left-margin to a minimum of 18px to prevent clipping in some browsers. */
div.post ul { margin:0 0 20px 18px; padding: 0; list-style:disc; }
div.post ol { margin:0 0 20px 18px; list-style:decimal; }
div.post li { font-size:130%; color:#283c5b; line-height:19px; }
div.post li ul, div.post li ol { margin-bottom:10px; }
div.post li ul li , div.post li ol li { font-size:100%; margin-bottom:0px; }
div.post li p { font-size:100%; margin-bottom:10px; }
/*---- Post - Custom Lists ---*/
div.post ul.list1 { margin:0; padding:0; }
div.post ul.list1 li { margin:0; padding:0; }
div.post ol.list2 { margin:0; padding:0; }
div.post ol.list2 li { margin:0; padding:0; }
/*---- Post - Dividers ---*/
div.post div.divider { background:url(/App_Themes/Interactive2/Images/subpages/dottedDivider.gif) no-repeat;
height:1px;
width:270px;
margin:0 0 20px 0px;
text-align: left;}
/*---- Static HTML Table content ---*/
#leftCol p { padding: 0 20px 0 0; }
/*#rightCol p { padding: 0 0 0 20px; }*/
/*------------------------------------------
// 4. PAGE STYLES
// Define content styles that are apply only on certain pages in the project. For example TD styles on Executive Team page, etc
//------------------------------------------*/
/*---- NewsList control styles, on Home page but could be used elsewhere in future ---*/
#newsbox {
position:static; /* absolute */
/*left:0px;
top:12px;*/
width:489px;
height: 195px;
overflow: hidden;
}
#newsbox .photo {
margin:0;
width:259px;
text-align: left;
float: left;
}
.news_h1 {
}
#newsbox .photoborder {
width:247px;
height: 182px;
float: left;
padding: 0px;
margin: 0px;
}
#newsbox p {
width: 180px;
padding: 90px;
overflow: hidden;
margin: 0 0 0 0;
padding: 0;
}
#newsbox p strong {
margin: 0 0 4px 0;
padding: 0;
/*display: block; left a whole 17px line for the next element
*/
}
div#morenews a, div#morenews a:visited
{
color: #3cb9e8;
font-size: 130%;
position: relative;
bottom: -24px;
}
.newsFlashColection {
height: 145px;
}
.newsFlashItem {
border: 0px solid red;
width: 469px;
}
/*---- Home page ---*/
#main td {border:medium none; padding: 4px 0 4px 2px; vertical-align:top}
/*---- Exec Team page ---*/
#execTeam td {border:medium none; padding: 4px 0 4px 2px; vertical-align:top}
/*---- Contact Us page ---*/
div#contactUs ul.radio_button, div#quotation ul.radio_button { list-style: none; margin-left: 0px; }
div#contactUs ul.radio_button label, div#quotation ul.radio_button label { font-size: 90%; }
div#contactUs p, div#quotation p { margin-bottom: 10px; }
div#contactUs textarea, div#quotation textarea { margin-top: 15px; }
/*div#contactUs td { padding: 4px 0 4px 0 }
div#hear td { font-size:130%; color:#283c5b; line-height:12px; margin-bottom:10px; }
div#interest td { font-size:130%; color:#283c5b; line-height:19px; margin-bottom:10px; }*/
/*---- Careers page - JobsList control ---*/
div#sub_nav ul#nav_jobs
{
width: 230px;
}
div#sub_nav ul#nav_jobs li
{
display:block;
font-size:130%;
font-weight:bold;
line-height: 25px;
border-bottom:1px solid #517BAB;
margin: 0;
padding: 0;
overflow: hidden }
div#sub_nav ul#nav_jobs li a
{
background: url(/App_Themes/Interactive2/Images/subpages/expanded.gif) no-repeat left top;
}
div#sub_nav ul#nav_jobs ul
{
list-style-type:none;
margin:0pt;
padding:0 20px 0 8px;
}
div#sub_nav ul#nav_jobs
{
padding: 0 0 0 0 !important;
overflow: hidden }
div#sub_nav ul#nav_jobs a {
text-decoration:none;
color:#B8C1D1;
height: auto; /*21px; this is one line but jobs can be longer*/
display: block;
overflow: hidden;
font-size: 90%;
padding: 5px 0 0 25px;
width: auto;
border: red solid 0px;
}
div#sub_nav ul#nav_jobs li#selected, /* li#expanded*/
div#sub_nav ul#nav_jobs li#selected a
{
color: #B8C1D1;
border: red solid 0;
margin-top: -1px;
padding-top: 6px;
background:url(/App_Themes/Interactive2/Images/subpages/expanded.gif) no-repeat #132C62 !important;
}
.selected {
padding-left: 40px;
text-indent: 25px;
color: #B8C1D1;
border: red solid 0;
margin-top: -1px;
padding-top: 6px;
background:url(/App_Themes/Interactive2/Images/subpages/job_sub_bg.jpg) repeat-x #132C62 !important;
border-bottom: 1px solid #04183b;
}
/*div#sub_nav ul#nav_jobs .selected
{
color: #EAF3FA;
margin-top: -1px;
padding-top: 6px;
background:url(/App_Themes/Interactive2/Images/subpages/listItemSelected.gif) no-repeat !important;
}*/
div#sub_nav ul#nav_jobs li a:hover /*.link selected*/
{
color:#EAF3FA;
background: none repeat scroll 0 0 #132C62;
text-decoration: none
}
div#sub_nav ul#nav_jobs ul.level1
{
padding-left: 0 !important;
width: 205px !important;
}
div#sub_nav ul#nav_jobs .level1 .item
{
width: auto;
border: solid 0 red }
div#sub_nav ul#nav_jobs .level1 .item .last
{
border-bottom:1px solid #517BAB;
width: auto;
/*border: solid 0 red*/ }
div#sub_nav ul#nav_jobs .level1 .selected,
div#sub_nav ul#nav_jobs .level1 .item a
{
font-size: 75%;
padding-left: 35px;
background: #2A62A7 url(/App_Themes/Interactive2/Images/subpages/expanded.gif) no-repeat 3px 0 !important;
}
div#sub_nav ul#nav_jobs .level1 .item a:hover
{
color:#EAF3FA;
background-color: #132C62;
}
.p {
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
color: #283c5b;
line-height: 19px;
}