@import url(/css/generic.css);
@import url(/css/xstandard.css);

/*
 * Site Layout Styles
 */

body {
  background: #ffffff url(/img/background.png) repeat-x top left;
  font-family: arial, helvetica;
  text-align: center;
  color: #333333;
  line-height: 1.4em;
}
body h1 {
  position: absolute;
  left: -9999px;
}
body h2,
body h3,
body h4,
body h4 {
  font-family: Arial, sans-serif;
}
body a {
  color: #333333;
}
div#site-container {
  text-align: left;
  margin: 0 auto 0 auto;
  width: 940px;
}
div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}

div#site-container p {
  font-size: 1.15em;
}

/*
 * Header
 */
div#site-container div#header {
  background: #293742 url(/img/header-bg.png) no-repeat top left;
  font-family: Arial, sans-serif;
  height: 111px;
  overflow: hidden;
}
div#site-container div#header a {
  color: #ffffff;
  display: block;
  text-decoration: none;
}
div#site-container div#header img#logo {
  float: left;
  width: 240px;
}
div#site-container div#header div#top-nav {
  padding: 20px 0px 0px 0px;
  float: left;
  width: 700px;
}

/*
 * Corporate Nav
 */
div#header div#top-nav ul#corporate-nav {
  list-style: none;
  font-size: 1.2em;
  margin: 0px 0px 0px 5px;
  padding: 0;
  height: 48px;
}
ul#corporate-nav li {
  float: left;
  list-style: none;
  border-right: 1px solid #232429;
  border-left: 1px solid #60626b;
  margin: 0;
  padding: 0;
}
ul#corporate-nav li a {
  padding: 10px 25px 10px 25px;
  display: block;
}
ul#corporate-nav li#nav-mobile {
  border-left: none;
}
ul#corporate-nav li#nav-about-us {
  border-left: none;
}
ul#corporate-nav li#nav-home {
  border-right: none;
}
ul#corporate-nav li a.selected {
  background: transparent url(/img/top-nav-arrow-bottom.gif) no-repeat bottom center;
}

/*
 * Division Nav
 */
div#header div#top-nav ul#division-nav {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0;
}
div#header div#top-nav ul#division-nav li {
  list-style: none;
  background: #363c42 url(/img/division-nav-bg.gif) repeat-x top left;
  float: left;
  border-right: 1px solid #181e22;
  border-left: 1px solid #3e4448;
  margin: 0;
  padding: 0;
  height: 43px;
  width: 300px;
}
div#header div#top-nav ul#division-nav li a {
  display: block;
  font-size: 1.7em;
  text-align:center;
}
div#header div#top-nav ul#division-nav li a span {
  padding: 12px 55px 12px 55px;
  display: block;
}
div#header div#top-nav ul#division-nav li a span.selected {
  background: transparent url(/img/top-nav-arrow-bottom.gif) no-repeat bottom center !important;
}

/*
 * Web Design
 */
div#header div#top-nav ul#division-nav li#nav-web-design {
  border-left: none;
}
div#header div#top-nav ul#division-nav li#nav-web-design a {
  background: transparent url(/img/division-nav-bg-left.gif) no-repeat top left;
}


/*
 * Network Services
 */
div#header div#top-nav ul#division-nav li#nav-network-services {
  border-right: none;
}
div#header div#top-nav ul#division-nav li#nav-network-services a {
  background: transparent url(/img/division-nav-bg-right.gif) no-repeat top right;
}



/*
 * Page Content (contains left, centre and right columns)
 */

div#site-container div#page-content {
  overflow: hidden;
  margin-bottom: 5px;
  width: 100%;
}


/*
 * Subpage Styles
 */
div#page-content div#subpage-header {
  background: transparent url(/img/subpage-header-bg.gif) no-repeat bottom left;
  height: 142px;
}
div#page-content div#subpage-header h2 {
  font-size: 3.5em;
  font-weight: normal;
  margin: 0px 0px 20px 0px;
  padding: 40px 0px 0px 180px;
}
div#page-content div#subpage-header div#page-summary {
  font-size: 1.4em;
  padding: 0px 80px 0px 180px;
  line-height: 1.2em;
}

/*
 * Left Column
 */
div#page-content div#left-column {
  /*background: #ffffff url(/img/left-nav-bg.gif) no-repeat top right;*/
  float: left;
  padding-top: 30px;
  padding-bottom: 100px;
  width: 180px;
  overflow: hidden;
}
div#page-content div#left-column ul#left-nav {
  list-style: none;
  border: 0;
  margin: 0;
  padding: 0;
}
div#page-content div#left-column ul#left-nav li {
  list-style: none;
  text-align: left;
  font-family: Arial, sans-serif;
  font-size: 1.4em;
  line-height: 1.2em;
  /*font-weight: bolder;*/
  color: #343d44;
  border: 0;
  margin: 0;
  padding: 0;
  height: 100%;
}
div#page-content div#left-column ul#left-nav li a {
  background: transparent url(/img/left-nav-li-bg.gif) no-repeat top left;
  display: block;
  text-decoration: none;
  color: #343d44;
  margin-bottom: 16px;
  padding: 0px 25px 0 30px;
  height: 100%;
}
div#page-content div#left-column ul#left-nav li a.selected {
  background: transparent url(/img/left-nav-li-selected-bg.gif) no-repeat top left;
  color: #a7ba27;
}
div#page-content div#left-column ul#left-nav li ul {
  list-style: none;
  border: 0;
  margin: -5px 0 22px 0;
  padding: 0;
}
div#page-content div#left-column ul#left-nav li ul li {
  font-size: 0.9em;
  font-weight: normal;
}
div#page-content div#left-column ul#left-nav li ul li a {
  color: #777;
  margin-bottom: 6px;
  padding: 0 25px 0 30px;
}

/*
 * Centre Column
 */
div#page-content div#centre-column {
  float: left;
  padding: 30px 0px 0px 0px;
  width: 760px;
}
div#page-content div#centre-column.narrow {
  /*padding: 0 20px 0 0;*/
  width: 560px !important;
}

div#page-content div#centre-column a {
  font-size: 1.15em;
  font-weight: bold;
  text-decoration: none !important;
}

div#page-content div#centre-column a:hover {
  text-decoration: underline !important;
}

div#page-content div#centre-column h3.title {
  /*background: #343d44 url(/img/strip-bg.gif) repeat-x top left;*/
  font-size: 1.6em;
  font-weight:bolder;
  color: #444751;
  padding: 10px 0 0 0;
  margin: 0 0 20px 0 !important;
  border-top:#ccc thin solid;
  border-bottom:#ccc thin solid;
}
div#page-content div#centre-column h3.title span {
 /* background: transparent url(/img/strip-curved-bg.gif) no-repeat top right;*/
  color: #444751;
  display: block;
  padding: 4px 20px 4px 0;
  margin: 0 0 10px 0;
  text-decoration: none;
}
div#page-content div#centre-column p {
  line-height: 1.8em;
}
div#page-content div#centre-column p a {
  font-size: 1em;
}
div#page-content div#centre-column ul {
font-size: 1.15em;
  list-style: none;
  border: 0;
  margin: 0;
  padding: 0 0 20px 0;
}
div#page-content div#centre-column ul li {
  background: #ffffff url(/img/subpage-li-bg.gif) no-repeat top left;
  list-style: none;
  border: 0;
  margin: 0;
  padding: 0px 0px 10px 20px;
}

div#page-content div#centre-column ul li a {
  font-size: 1em;
}

/*
 * Tables
 */

div#page-content div#centre-column table {
  margin: 0px 0px 10px 0px;
  border-collapse: collapse;
  width: 100%;
}
div#page-content div#centre-column table tr {
  vertical-align: top;
}
div#page-content div#centre-column table th {
  background-color: #374550;
  color: #ffffff;
  text-align: left;
  padding: 4px 4px 4px 10px;
}

div#page-content div#centre-column table th p {
  margin:0;
  padding:0;
}

div#page-content div#centre-column table td {
  padding: 4px 4px 4px 10px;
  border-bottom: 1px solid #e2e2e2;
}
div#page-content div#centre-column table td.h3 {
  border-bottom: 1px dotted #000000;
}


/*
 * Right Column
 */
div#page-content div#right-column {
  float: left;
  padding: 30px 0px 0px 0px;
  width: 180px;
}
div#page-content div#right-column div.content {
  padding: 0px 0px 0px 20px;
}


/*
 * Region Selector
 */
div#region-selector {
  background: #e3e3e3 url(/img/region-selector-top-bg.gif) no-repeat top left;
  margin: 0px 0px 10px 0px !important;
  padding: 15px 0px 0px 0px;
}
div#region-selector p {
  margin: 0;
  padding: 0px 10px 10px 10px;
}
div#region-selector p.region {
  color: #343d44;
  font-weight: bold;
}
div#region-selector ul {
  display: none;
  background: #4a5761;
  list-style: none;
  border: 0;
  margin: 0;
  padding: 10px 10px 10px 10px;
}
div#region-selector ul li {
  list-style: none;
  border: 0;
  margin: 0;
  padding: 10px 0px 0px 0px;
}
div#region-selector ul li a {
  color: #ffffff;
  text-decoration: none;
}
p#change-location {
  background: #4a5761 url(/img/region-selector-bottom-bg.gif) no-repeat bottom left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 50px;
}
p#change-location a {
  color: #ffffff;
  display: block;
  font-weight: bold;
  text-decoration: none;
  padding: 20px 0px 0px 0px;
}

/*
 * Adverts
 */
div#page-content div#right-column ul#adverts {
  list-style: none;
  border: 0;
  margin: 0;
  padding: 0;
}
div#page-content div#right-column ul#adverts li {
  list-style: none;
  border: 0;
  margin: 0;
  padding: 10px 0px 10px 0px;
  border-bottom: 1px dotted #999999;
}


/*
 * Footer
 */
div#footer-container {
  background: #ffffff url(/img/footer-bg.png) repeat-x top left;
  color: #666666;
  margin: 60px 0px 0px 0px;
}
div#footer-container div#footer {
  bottom: 0;
  margin: 0 auto 0 auto;
  width: 940px;
  height: 180px;
}

div#footer-container div#footer #footer-left {
  float: left;
  padding: 60px 0px 0px 0px;
  width: 470px;
}
div#footer-container div#footer #footer-left ul {
  list-style: none;
  border: 0;
  margin: 0;
  padding: 0;
}
div#footer-container div#footer #footer-left ul li {
  list-style: none;
  float: left;
  border: 0;
  margin: 0;
  padding: 7px 0px 0px 10px;
}
div#footer-container div#footer #footer-left ul li a {
  color: #666666;
  text-decoration: none;
}

div#footer-container div#footer #footer-right {
  float: left;
  padding: 60px 0px 0px 0px;
  width: 470px;
}
div#footer-container div#footer #footer-right ul {
  list-style: none;
  float: right;
  border: 0;
  margin: 0;
  padding: 0;
}
div#footer-container div#footer #footer-right ul li {
  list-style: none;
  float: left;
  border: 0;
  margin: 0;
  padding: 7px 7px 0px 0px;
}


/*
 * Tibus Strapline
 */

div#tibus-strapline {
  text-align: center;
}
div#tibus-strapline p.site-in-development {
  margin: 0;
}
div#tibus-strapline p.site-in-development img {
  display: block;
  margin: 0 auto 0 auto;
}