/* Copyright Seven Communications Ltd */

html {
height: 100%;
}
body {
color: #000e77;
font-family: tahoma, arial, sans-serif;
min-width: 990px;
font-size: 66.667%;
padding: 0;
margin: 0;
height: 100%;
line-height: 1.4em;
}
div#wrapper {
height:100%;
}
div.logo {
/*background-color: silver;*/
text-align: left;
padding: 0;
margin: 0;
height: 151px;
}
div.logo img {
padding: 15px 0 0 40px;
}
/*----------headers--------*/
h1#welcome {
background: url("_images/img_index.gif") no-repeat;
height: 63px;
padding: 0 0 10px 0;
margin: 0;
}
/* IE7 Only */
*:first-child+html h1 span {
position: relative;
}
h1 span {
position: absolute;
text-indent: -5000px;
}
h2 {
font-size: 1.3em;
margin: 0 0 0.6em 0;
padding: 0;
}
h2#dreamjob {
background: url("_images/img_index_dreamjob.gif") no-repeat;
height: 22px;
padding: 10px 0;
margin: 0;
}
h2#specialist {
background: url("_images/img_subtitle.gif") no-repeat;
height: 22px;
padding: 10px 0;
margin: 0;
}



h2#search {
background: url("_images/img_index_search.gif") no-repeat;
height: 22px;
padding: 0;
margin: 5px 0 0 0;
}
h2#category {
background: url("_images/img_index_category.gif") no-repeat;
height: 23px;
padding: 0;
margin: 5px 0 0 0;
}
h2#latest {
background: url("_images/img_index_latest.gif") no-repeat;
height: 22px;
padding: 0;
margin: 5px 0 0 0;
}
/* IE7 Only */
*:first-child+html h2 span {
position: relative;
}
h2 span {
position: absolute;
text-indent: -5000px;
}
/*----------layout---------*/
#container {
background-color: #009cc4;
padding-left: 240px;      /* LC fullwidth */
padding-right: 200px;     /* RC fullwidth + CC padding */
min-height: 100%;
overflow: hidden;
}
#container .column {
position: relative;
float: left;
padding-bottom: 1001em;     /* X + padding-bottom */
margin-bottom: -1000em;     /* X */
}
#container table#jobs td {
vertical-align: top;
}
#fullcontainer {
background-color: #009cc4;
padding-left: 240px;      /* LC fullwidth */
padding-right: 10px;     /* full edit */
min-height: 100%;
overflow: hidden;
}
#fullcontainer .column {
position: relative;
float: left;
padding-bottom: 1001em;     /* X + padding-bottom */
margin-bottom: -1000em;     /* X */
}
#header {
position: relative;
color: white;
background-image: url("_images/img_topbg.gif"); 
background-repeat: repeat-x;
background-position: center top;
text-align: right;
padding: 4px 0 1px 0;
margin: 0; 
}
#header a {
text-decoration: none;
font-weight: bold;
color: white;
}
#header a:hover {
text-decoration: underline;
}
#header p {
padding: 0 10px 7px 0;
margin: 0;
}
#center {
background-color: white;
border-top: 10px solid #009cc4;
position: relative;
padding: 0;       /* CC padding */
width: 100%;
}
div#flashbit {
z-index: 1;
}
div.gallery {
text-align: left;
margin: 29px 29px 0 29px;
/*background-color: #009cc4; - blue stretchy gallery bit */
}
div.keywords {
text-align: center;
}
div.testimonials {
text-align: center;
margin: 6px 29px 0 29px;
/*background-color: #c41200; - red stretchy testimonial bit */
}
div.text {
font-size: 1.2em;
padding: 34px 29px 29px 29px;
}
div.text p {
padding: 0;
margin: 0.9em 0;
}
div.text a {
white-space: pre;
font-weight: bold;
color: #000e77;
}
div.text a:hover {
color: #00b324;
}
#leftDiv { /* case of the disapearing div is now solved */
background: #e1eaf2;
background-image: url("_images/img_leftside.gif"); 
background-repeat: no-repeat;
background-position: center top;
width: 200px;             /* LC width */
padding: 0 10px;          /* LC padding */
margin: 0 0 0 -100%;
left: 200px;              /* RC fullwidth for IE6 */
border-top: 10px solid #009cc4;
border-left: 10px solid #009cc4;
border-right: 10px solid #009cc4;
}
#container > #leftDiv {
left: -240px;             /* -(LC fullwidth + CC padding) */
}
#fullcontainer > #leftDiv {
left: -240px;             /* -(LC fullwidth + CC padding) */
}
#leftDiv ul {
width: 180px;
padding: 30px 10px 0 10px;
margin: 0;
list-style: none;
}
#leftDiv ul li.top {
border-style: none;
}
#leftDiv ul li {
border-top: 1px solid #75cde4;
list-style: none;
padding: 4px 0;
}
#leftDiv ul li a, a#submitcvlarge  {
font-weight: bold;
text-decoration: none;
color: #009cc4;
display: block;
overflow: hidden;
padding: 0;
margin: 0;
}
#leftDiv ul li a:hover, a#submitcvlarge:hover {
color: #00b324;
/*background-color: #cad9e6;*/
background-position: bottom left;
}
ul.sitemap {
padding: 10px 0 0 20px;
margin: 0;
}
ul.sitemap li {
list-style: none;
line-height: 1.6em;
}
#leftBox {
height: 220px;
padding: 5px 15px 15px 15px;
margin: 0;
background-color: #e1eaf2;
}
#rightBox {

padding: 5px 15px 15px 15px;
margin: 0 0 0 10px;
background-color: #e1fce7;
}
/*---------------------sideways menu--------------------*/

#leftDiv li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 
#leftDiv ul ul a {
width: 220px;
color: #000e77;
padding: 0 0 3px 6px;
}
#leftDiv ul ul {
z-index: 100;
position: absolute;
top: 0;
left: 180px; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
display: none;
padding: 0;
margin: 0;
}
#container > #leftDiv ul li:hover ul {
margin: -1px 0 0 0;
}
#leftDiv ul li:hover ul {
border-bottom: 1px solid #75cde4;
width: 220px;
display: block;
background-color: #cad9e6;
padding: 0;
margin: 0;
}
/*-----------------end of sideways menu--------------------*/

a#home {
height: 18px;
text-indent: -1000px;
background: url("_images/btn01_home.gif") top left no-repeat;
}
a#home_on {
height: 18px;
text-indent: -1000px;
background: url("_images/btn01_home.gif") bottom left no-repeat;
}
a#aboutus {
height: 18px;
text-indent: -1000px;
background: url("_images/btn02_about.gif") top left no-repeat;
}
a#aboutus_on {
height: 18px;
text-indent: -1000px;
background: url("_images/btn02_about.gif") bottom left no-repeat;
}
a#whatwedo {
height: 18px;
text-indent: -1000px;
background: url("_images/btn03_whatwedo.gif") top left no-repeat;
}
a#whatwedo_on {
height: 18px;
text-indent: -1000px;
background: url("_images/btn03_whatwedo.gif") bottom left no-repeat;
}
a#career {
height: 18px;
text-indent: -1000px;
background: url("_images/btn04_career.gif") top left no-repeat;
}
a#career_on {
height: 18px;
text-indent: -1000px;
background: url("_images/btn04_career.gif") bottom left no-repeat;
}
a#travelcentre {
height: 18px;
text-indent: -1000px;
background: url("_images/btn05_travel.gif") top left no-repeat;
}
a#travelcentre_on {
height: 18px;
text-indent: -1000px;
background: url("_images/btn05_travel.gif") bottom left no-repeat;
}
a#events {
height: 18px;
text-indent: -1000px;
background: url("_images/btn06_events.gif") top left no-repeat;
}
a#events_on {
height: 18px;
text-indent: -1000px;
background: url("_images/btn06_events.gif") bottom left no-repeat;
}
a#newsletter {
height: 18px;
text-indent: -1000px;
background: url("_images/btn07_newsletter.gif") top left no-repeat;
}
a#newsletter_on {
height: 18px;
text-indent: -1000px;
background: url("_images/btn07_newsletter.gif") bottom left no-repeat;
}
a#favourites {
height: 18px;
text-indent: -1000px;
background: url("_images/btn08_favourites.gif") top left no-repeat;
}
a#favourites_on {
height: 18px;
text-indent: -1000px;
background: url("_images/btn08_favourites.gif") bottom left no-repeat;
}
a#submitCV {
height: 18px;
text-indent: -1000px;
background: url("_images/btn11_submitcv.gif") top left no-repeat;
}
a#submitCV_on {
height: 18px;
text-indent: -1000px;
background: url("_images/btn11_submitcv.gif") bottom left no-repeat;
}
a#contactus {
height: 18px;
text-indent: -1000px;
background: url("_images/btn09_contactus.gif") top left no-repeat;
}
a#contactus_on {
height: 18px;
text-indent: -1000px;
background: url("_images/btn09_contactus.gif") bottom left no-repeat;
}
a#sitemap {
height: 18px;
text-indent: -1000px;
background: url("_images/btn10_sitemap.gif") top left no-repeat;
}
a#sitemap_on {
height: 18px;
text-indent: -1000px;
background: url("_images/btn10_sitemap.gif") bottom left no-repeat;
}
a#submitcvlarge {
height: 26px;
text-indent: -1000px;
margin-top:20px;
background: url("_images/btn12_submitcv.gif") top left no-repeat;
}


#rightDiv {
background: #e1eaf2;
background-image: url("_images/img_rightside.gif"); 
background-repeat: no-repeat;
background-position: center top;
position: relative;
width: 160px;             /* RC width */
padding: 22px 10px 0 10px;          /* RC padding */
margin: 0 -100% 0 0;
border-top: 10px solid #009cc4;
border-left: 10px solid #009cc4;
border-right: 10px solid #009cc4;
}
ul#cats {
	list-style-type:none;padding:0;margin:0;
}

ul#cats li {
margin-top:1em;
margin-left:0;
}

ul#cats a{
font-weight: bold;
color: #000e77;
text-decoration: none;
}

#rightDiv img a:hover,  ul#cats a:hover{
color: #d98a00;
}

#rightDiv a {
font-weight: bold;
text-decoration: none;
color: #d98a00;
}
#rightDiv a:hover {
color: #00b324;
}
div.righttext {
padding: 10px 0 0 10px;
margin: 0;
}

/* DD Latest Vacancies */
#rightDiv #scrollHolder {
	overflow:hidden;
	height:210px;
	position:relative;
	margin-top:10px;
}
#rightDiv dd, #rightDiv dl {
	margin:0;
	padding:0;

}
#rightDiv dt {
	margin-top:1em;
}
/*** IE Fix ***/
* html #leftDiv {
left: 200px;              /* RC fullwidth */
}
/* IE7 Only */
*:first-child+html #container  {
position: relative
}

 #rightDiv .button
 {
      padding-right: 0pt;
       padding-left: 0pt;
          font-size: 10pt;
     padding-bottom: 0pt;
              color: #000E79;
   background-color: #E1EAF2;
        padding-top: 0pt;
        font-family: verdana, geneva, arial, helvetica, sans-serif;
              width: 150px;
  }
  
  .pageDate
  {
  position: relative;
  left: 130px;
  top: -18px;
  }
  
  .heading
  {
   font-weight: bold;
  }
  
  .flashLink
  {
  cursor: pointer;
  cursor: hand;
  }
  
  .moveRight {position: relative; left: 60px;}
  .moveMid {text-align: center;}
  
  table {
  border-collapse: collapse;
	}
  
  .you {
  background-color: #E2F2F6;
  border-left: 4px solid #009CC4;
  padding: 5px;
  margin: 0px;
  }
  
  .friend {background-color: #F0FAFD;border: solid #009CC4;border-width: 0px 2px 0px 2px; padding: 0px;margin: 0px;}
  .title {width: 120px;border:0 ;padding: 0;margin: 0;}
  .break {width: 100px;border:0 ;padding: 0;margin: 0;}
