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

/*
 * Site Layout Styles
 */

body {
  text-align: center;
  background:#000000 url(/img/site-bg-4.jpg) center top  no-repeat;
  min-height: 1280px;
}
body h1 {
  position: absolute;
  left: -9999px;
}
div#site-container {
  text-align: left;
  margin: 0 auto 2em auto;
  width: 940px;
  position: relative;
}
div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
}

.highlight{
 color:#bb5e45 !important;
}

.highlight2{
  color:#7189c3;
}


span.hidden,
.hidden{
  position:absolute;
  visbility:hidden;
  margin-left:-99999em;
}

/*
 * Header
 */
div#site-container div#advert-leaderboard {
  width: 728px;
  padding: 0 0 0 209px;
}
div#site-container div#advert-skyscraper {
  position: absolute;
  width: 120px;
  height: 600px;
  right: -125px;
  top: 217px;
}

div#site-container div#header {
  color: #ffffff;
  padding: 5px 0 0 0px;
  position: relative;
  height: 155px;
}

div#site-container div#header #logo{
  position: absolute;
  z-index: 20;
  top: 20px;
  left: 0px;
  width: 216px;
  height: 131px;
  background: url(/img/logo.png) no-repeat;
}

div#site-container div#header div#datepanel {
  float: left;
  margin-left: 230px;
  margin-top: 38px;
  background: url(/img/date-bg.png) top left no-repeat;
  width: 235px;
  height: 22px;
  padding: 0 2px 0 2px;
  overflow: hidden;
}

div#datepanel span#clock{
  color: #bb5e45;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  padding-left: 5px;
}

div#datepanel span#day{
  font-size: 11px;
  color: #7189c3;
  line-height: 22px;
  vertical-align: top;
  padding-left: 15px;
}


div#site-container div#header div#top-banner {
  background: #00000;
  float: left;
  width: 468px;
  height: 60px;
}

div#header div#corp-nav{
  position: absolute;
  top: 94px;
  left: 200px;
  text-align: left;
  font-size: 0.75em;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0px;
  width: 740px;
}

div#header div#corp-nav-bg{
  position:absolute;
  background: url(/img/bg-corp-nav.png)  no-repeat;
  _background:#222222;
  _filter: alpha(opacity=35);
  position: absolute;
  top: 83px;
  left: 229px;
  _left:222px;
  width:710px;
  _width:718px;
  height:42px;


}


 div#corp-nav ul{
   list-style: none;
   padding: 0;
   margin: 0;
   color: #fff;
   float: right;
 }

 div#corp-nav ul li{
   margin: 0px;
   display: inline;
   line-height: 16px;
   veritcal-align: middle;
 }

 div#corp-nav ul li a{
   color: #fff;
   padding: 0 0.2em 0 0.2em;
 }

 div#corp-nav form {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  height: 22px;
  text-align: right;
  vertical-align: top;
 }

div#corp-nav form ul li div,
div#corp-nav form ul li p
{
  margin: 0 !important;
  padding: 0;
  display: inline;
}
div#corp-nav form ul li label {
  display: inline;
  vertical-align: middle;
}
div#corp-nav ul li input.text{
   border: 0;
   width: 113px;
   height: 14px;
   background: #fff url(/img/input-bg.gif) top left no-repeat;
   padding: 0 0 0 0 !important;
   margin: 0px;
   vertical-align: middle;
   font-size: 11px;
}

div#corp-nav form ul li input.img,
div#corp-nav form ul li img.img{
   margin:0px;
   vertical-align:middle;
}

a#registerbutton{
  margin-top:-1px;
  margin-left:-5px;
}


div#top-nav{
  background:url(/img/top-nav-top-left.gif) top left no-repeat;
  position:absolute;
  bottom:0px;
  left:0px;
  width:940px;
  height:36px;
  border-right:solid 1px #000000;
}

div#top-nav ul{
  background:url(/img/top-nav-bg.gif) top repeat-x;
  list-style:none;
  margin:0px 0px 0px 5px;
  padding:0px 0px 0px 170px;
  /*overflow:hidden;*/
  height:36px;
  width:935px;
  w\idth:765px;
  text-align:right;
}

div#top-nav ul li{
  float:right;
  background:url(/img/top-nav-link-left.gif) top left no-repeat;
  font-size:1.167em;
  padding:0px;
  margin:0px;
  width:auto;
  padding:0px 1.4em 0 1.4em;
  position:relative;
}

div#top-nav ul li a{
  color:#ffffff;
  line-height:36px;
  height:36px;
  width:100%;
  display:block;
}

/** sub levels **/
div#top-nav ul li ul{
  display:none;
  position:absolute;
  top:36px;
  left:5px;
  background:#000000;
  background-opacity:0.6;
  width:150px !important;
  height:auto;
  margin:0px;
  padding:0px;
  border:solid 1px #000000 !important;
  border-top:0px !important;
}

div#top-nav ul li:hover ul,
div#top-nav ul li.over ul{
  display:block;
  overflow:hidden;
  z-index:20;
  border:solid 1px #000000 !important;
  border-top:0px !important;
}

div#top-nav ul li:hover ul li,
div#top-nav ul li.over ul li {
  background:url(/img/top-nav-bg.gif) top left repeat-x;
  float:none;
  display:block;
  width:150px;
  text-align:left;
  font-size:0.9em;
  margin:0px 0px;
  border:solid 1px #000000 !important;
  border-top:0px !important;
  border-top:0px !important;
}

div#top-nav ul li:hover ul li a,
div#top-nav ul li.over ul li a {
  color:#bb5e45;
  background:none;
  font-weight:bold;
}

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

div#site-container div#page-content {
  background:#000000;
  color:#ffffff;
  overflow: hidden;
  padding-bottom:5px;
  width: 100%;
  min-height:400px;
  height:auto !important;
  height:400px;
  border-right:solid 1px #000000;
}

div#site-container div#page-content-bottom{
 font-size:1px;
 width:940px;
 height:1px;
 margin-top:0px;
 margin-bottom: 2px;
}
/*
 * Left Column
 */

div#page-content div#left-column {
  background: #000000;
  float: left;
  width: 245px;
}


div#left-column p {
  padding: 12px;
  margin-bottom:2px;
}

div#left-column p.sbfields {
  padding:0px 12px;
}

p.sbox{
  height:20px;
  margin-bottom:10px !important;
}

div#left-column p.sbfields input,
div#left-column p.sbfields select {
  width:95%;
  height:18px;
  margin:0;
  padding:0;
}

div#left-column p.sbfields input.subbtn{
height:20px;
width:auto !important;
}


/*
* Left column search and book panel
*/
div#left-column div#search-panel{
  background: #000000 url(/img/search-panel-sp-bg.gif) 0px 210px no-repeat;
  position: relative;
  height: 314px;
}


div#page-content div#left-column div#search-panel .phone{
  position: absolute;
  z-index: 0;
  bottom: 0px;
  padding: 10px 43px;
  text-align: center;
}

div.phone div.hr24{
  color:#7189c3;
  font-weight:bold;
  font-size:1.05em;
}

div.phone div.number{
  color:#ee2e24;
  font-size:2.5em;
  font-weight:bold;
  font-family: "arial narrow", narrow, sans-serif;
  letter-spacing:-1px;
}

.nbf{
  color:#bb5e45;
  font-weight:bold;
  font-size:0.9em;
}
span.nbf{
  padding-left:5px;
}

h2.sp {
 background:url(/img/search-book-header.png) top left no-repeat;
 padding-left:30px;
 width:245px;
 w\idth:215px;
 height:49px;
 line-height:45px;
 color:#bb5e45;
 font-size:1.667em;
}

div#search-panel input.submitbtn{
  width:58px !important;
  height:20px;
  vertical-align:middle;
  float:right;
  margin-right:35px !important;
}



a.bluebutton {
  font-weight: bold;
  color: #ee2e24;
  background: transparent url(/img/blue-button-bg.gif) 0% 100% no-repeat;
  font-size: 1em;
  padding-left: 8px;
  height: 20px;
  line-height: 20px;
  display: block;
  float: left;
  text-transform: uppercase;
}

div#page-content a.bluebutton  {
  color: #ed2415;
}

div#page-content a.bluebutton:hover {
  color: #141414;
  text-decoration: none;
  font-weight: bolder;
}

span.bluebutton{
 display: block;
 float: left;
 background: url(/img/blue-button-bg.gif)  100% 0% no-repeat;
 height: 20px;
 line-height: 20px;
 padding-right: 25px;
}

/**
* Side Adverts
*/
div#sideadverts{
  background:#000000 url(/img/search-panel-sp-bg.gif) top no-repeat ;
  padding-top:40px;
  margin-top:25px;
  margin-bottom:10px;
}

div#sideadverts div.sideadvert{
  width:158px;
  margin:0.4em auto;
  background: url(/img/OpenXMHCPlacholder158x110B.gif) top left no-repeat;
}

ul#sideadverts {
  background:#000000 url(/img/search-panel-sp-bg.gif) top no-repeat ;
  padding-top:40px;
  margin-top:25px;
  list-style:none;
}

ul#sideadverts li{
  margin-bottom:0.8em;

}


/*
 * Centre Column
 */

div#page-content div#centre-column {
  background:#000000 url(/img/subpage-bg.gif) repeat-x;
  float: left;
  padding:0px 12px 10px 19px;
  width: 695px;
  w\idth: 664px;
  min-height:848px;
  height:auto !important;
  height:848px;
}

div#page-content div#centre-column h4{
  color:#7189c3;
}

div#page-content div#centre-column div#page-title{
  /*background:url(/img/subpage-header-bg.gif) repeat-x;*/
  height:83px;
  margin-bottom:19px;
  width:100%;
  overflow:hidden;
}

div#page-title h2{
  font-size:2.2em;
  height:83px;
  margin-left:0em;
  padding-top:36px;
  padding-left:40px;
  background:url(/img/subpage-h2-bg.gif) 0px 35px no-repeat;
  letter-spacing:-1px;
  display:block;
}


div#page-title h2.shifted{
  margin-left:226px;
}


div#page-content div#centre-column div#page-title h2{
  display:inline-block
}

div#page-content a{
  color:#7189c3;
  font-weight:bold;
}


div#page-content div#centre-column div#page-title h2 span{
  background:url(/img/subpage-h2-right.gif) top right no-repeat;
  padding-right:60px;
  padding-top:5px;
  display:block;
  height:83px;
}




/*
 * Footer
 */

div#site-container div#footer {
  width:100%;
  overflow:hidden;
  margin-top:1em;
}


div#footer div.footer-panel{
  background:transparent url(/img/footer-panel.png) no-repeat;
  width:226px;
  height:121px;
  overflow:hidden;
  margin:11px 5px;
  float:left;
  /*-moz-border-radius:5px;
  -sfari-border-radius:5px;*/
}

div.footer-panel ul{
  list-style:none;
  padding:0 16px;
  margin-left:0px;
  margin-top:8px;

}

div.footer-panel ul.social{
  margin-top:10px;
}

div.footer-panel ul.social li{
  width:48%;
  float:left;
  padding-right:1.9%;
  padding-bottom:8px;
}

div.footer-panel a{
  color:#ffffff;
  font-size:0.833em;
}

a.social{
  padding-left:25px;
  height:22px;
  display:block;
  line-height:22px;
  margin-bottom:5px;
}

a#stumble{
  background:url(/img/social/stumble.gif) left no-repeat;
}

a#facebook{
  background:url(/img/social/facebook.gif) left no-repeat;
}

a#twitter{
  background:url(/img/social/twitter.gif) left no-repeat;
}

a#bebo{
  background:url(/img/social/bebo.jpg) left no-repeat;
}

a#delicious{
  background:url(/img/social/delicous.jpg) left no-repeat;
}

a#digg{
  background:url(/img/social/digg.png) left no-repeat;
}


.alpha{
  margin-left:0px !important;
}

.omega{
  margin-right:0px !important;
}

/**
* Send To friend
**/

#sendtofriend{
  background:#00000;
}

#fancy_div form,
#sendtofriend form {
  margin:1em;
}
#fancy_div form div.optional,
#sendtofriend form  div.optional {
  margin:0.5em;
  overflow:hidden;
  width:100%;
}

#fancy_div form div.optional label,
#sendtofriend form  div.optional label{
  width:10em;
  text-align:right;
  float:left;
  color:#ffffff;
}
#fancy_div form div.optional input,
#sendtofriend form  div.optional input {
  float:left;
  margin-left:0.5em;
  border:solid 1px #cccccc;
}


#send-to-friend-response {
  color:#ffffff;
  text-align:left;
}
/*
 * Tibus Strapline
 */

div#site-container div#tibus-strapline {
  text-align: center;
  color:#ffffff;
}

div#tibus-strapline a{
  color:#bb5e45;
}

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

/**
* Blue Buttons
**/
a.button {
  background: url(/img/blue-button-bg.gif) no-repeat 100% 1px;
  color: #de1825;
  display: block;
  float: left;
  font-weight: bold;
  font-size: 0.8em;
  text-transform: uppercase;
  text-align: left;
  padding-right: 18px;
  cursor:pointer !important;
}

a.button span {
  background: url(/img/blue-button-bg.gif) bottom left no-repeat;
  float: left;
  display: block;
  padding: 0 6px 0 1em;
  line-height: 20px;
  color: #de1825;
}

/**
* Impropmtu Messages
**/
.mhwarning .srf {
background-color:#eeeeee;
}
.mhfade {
background-color:#000000;
}
div.mh {
background-color:#7189c3;
padding:10px;
position:absolute;
width:300px;
}
div.mh .mhclose {
cursor:pointer;
float:right;
margin:-35px -10px 0 0;
}
div.mh .mhcontainer {
background-color:#1f1d1c;
padding:5px;
}
div.mh .mhmessage {
border:1px solid #ababab;
color:#ffffff;
padding:10px;
text-align:left;
}
div.mh .mhbuttons {
padding:5px 0 0;
text-align:center;
}

div.mh .mhbuttons button{
  background:url(/img/button-small.gif) no-repeat;
  width:58px;
  height:20px;
  text-align:left;
  padding-left:10px;
}
div.tb button {
margin:0 10px;
padding:3px 10px;
width:20px;
}