/*
 * Homepage Styles
 */

div#site-container div#page-content {
  background:#141414;
  border-right:0px;
}

div#header div#top-nav{
  border-right:0px;
}


div#site-container div#page-content-bottom{
 background:transparent url(/img/content-bottom.png) bottom no-repeat;
 font-size:1px;
 width:940px;
 height:5px;
 margin-top:0px;
 margin-bottom: 2px;
}

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

div#page-content div#left-column div#search-panel{
  background:#000000 url(/img/search-panel-hp-bg.gif) 0px 204px no-repeat;
}

div#page-content div#left-column div#search-panel div.phone div.number{
  color:#ffffff;
}

h2.sp {
 width:255px;
 w\idth:225px;
}

div#page-content div#centre-column {
  background: transparent;
  overflow: hidden;
  clear: both;
  min-height: 400px;
  height: auto !important;
  height: 400px;
  width:  940px;
}

div#page-content div#slideshow{
  width:683px;
  height:313px;
  overflow:hidden;
  float:none !important;
  position:relative;
}


div#slideshow div#slides{
  width:100%;
  height:313px;
  overflow:hidden;
}

div#slides div.slide{
  position:relative;
  width:683px;
  height:313px;
  color:#000000;
}

div#slides div.slide img{
  display:block;
}

div.slide div.notes{
 position:absolute;
 top:204px;
 z-index:2;
 background:transparent url(/img/slideshow-notes-bg.png) top no-repeat;
 width:613px;
 padding:10px 0px;
 height:113px;
 he\ight:93px;
}

div.slide div.notes p,
div.slide div.notes h2{
  padding:0px 15px;
  width:505px;
  w\idth:485px;
}

div#slideshow div#slidenos{
  position:absolute;
  margin:0px;
  padding:0px;
  right:10px;
  top:100px;
  z-index:10;
  list-style:none;
}


#slidenos a {
  background:url(/img/slideshow-inactive.png) top right no-repeat;
  color:#ffffff;
  font-weight:bold;
  padding-right:8px;
  text-align:right;
  line-height:22px;
  display:block;
  width:25px;
  w\idth:17px ;
  height:22px;
  margin-bottom:5px;
}

#slidenos a:hover {color:#bb5e45;}
#slidenos a:focus { outline: none; }
#slidenos a.activeSlide { background:url(/img/slideshow-active.png) top right no-repeat; color:#bb5e45 }

/*
 * Homepage Columns
 */


div#homepage-columns{
  width:100%;
  overflow:hidden;
}

div.hpcol {
  float: left;
  margin: 22px 8px 0 8px;
  width: 268px;
  min-height: 370px;
  height: auto !important;
  height: 370px;
}

div.hpadcol {
  width:327px;
}

div#homepage-columns div#col1{
  margin-left:0px !important;
}

div#homepage-columns div#col3{
  margin-right:0px !important;
}

div.hpcol div.header{
 width:100%;
 overflow:hidden;
 background:url(/img/hp-panel-header.gif) top left repeat-x;
}


div.hpcol div.header h2{
  width:60%;
  float:left;
  padding:8px 5px 20px 15px;;
  font-size:1.667em;
  letter-spacing:-1px;
}

div.hpcol div.header a{
  float:right;
  margin:10px 8px;
  display:block;
  width:66px;
  height:18px;
}

/*
 * View All Buttons
 */
div.hpcol div.header a.viewall-a {
  background:url(/img/button-view-all-1.gif);
}

div.hpcol div.header a.viewall-b {
  background:url(/img/button-view-all-2.gif);
}

div.hpcol div.header a.viewall-c {
  background:url(/img/button-view-all-3.gif);
}


div.hpcol ul{
  list-style: none;
  margin: 0px;
  padding: 10px 10px 0 10px;;
}

div.hpcol ul li {
  padding: 0px 0px 10px 0px;
  overflow: hidden;
  width: 100%;
}
div.hpcol ul li.last {
  padding-bottom: 0;
}

div.hpcol ul li a {
  display: block;
}
div.hpcol ul li img {
  float: left;
  width: 59px;
  height: 91px;
  border: solid 1px #3f3f3f;
  margin-right: 13px;
  display: block;
}

div.hpcol h3 {
  color:#bb5e45;
  font-size:1.5em;
  letter-spacing:-1px;
  margin:0px;
  padding:0px;
}

div.hpcol h3 a {
  color:#bb5e45 !important;
  height: 22px;
  overflow: hidden;
}

div#col3-news h3 a {
  height: auto;
}
#col2 ul li h3,
#col2 ul li h3 a {
  color:#7189c3 !important;
}


/*
 * Ad Col
 */
div.hpcol ul li p.notes{
  margin:2px 0px;
  color:#747474;
}

div.hpcol ul li p.description {
  font-size: 1em;
  display: block;
  margin: 0;
  padding: 0;
}

div.hpadcol div.hpmpuadvert {
  width: 300px;
  height: 250px;
  display: block;
  padding: 0 0 12px 0;
  margin: 0 auto 0 auto;
  background: url(/img/OpenXMHCPlacholder158x110B.gif) 50% 50% no-repeat;
}

div.hpadcol div.hpadvert {
  width: 158px;
  height: 110px;
  display: block;
  float: left;
  padding: 0 5px 12px 5px;
  margin: 0;
  background: url(/img/OpenXMHCPlacholder158x110B.gif) top left no-repeat;
}
div.hpadcol a {
  width: 158px;
  height: 70px;
  display: block;
  float: left;
}

div.hpadcol div.alpha,
div.hpadcol a.alpha{
  padding-left: 0px;
  background-position: top left;
}

div.hpadcol div.omega,
div.hpadcol a.omega{
  padding-right: 0px;
  background-position: top right;
}


/*
 * News
 */
#col3-news ul li img {
  width: 56px;
  height: 56px;
}

#col3-news li {
  overflow:hidden;
}

#col3-news li div.image {
  float: left;
  width: 80px;
}
#col3-news li div.text {
  float: left;
  width: 227px;
}
#col3-news li div.no-image {
  width: 307px !important;
  height: 70px !important;
  
}
#col3-news li div.no-image h3 a {
  width: 307px !important;
}
#col3-news li div.text div.date {
  color: #646464;
  padding: 0px 0px 2px 0px;
}
#col3-news li div.text h3 a {
  color: #ffffff !important;
}


#col3-news div.hpmpuadvert {
  margin-left:11px !important;
}

/**
* SEARCH FORM SELECT BOXES
*/

#page-content #left-column form .selectbox
{
  background:transparent url('/img/sb/homepage-select-bg.gif') right no-repeat;
}

#page-content #left-column select {
	background: url('/img/sb/homepage-select-bg.gif') right  !important;
}


#page-content #left-column form input.selectbox {
  background: url('/img/sb/homepage-select-bg.gif') right  !important;
}