/*  #trunk
  Everything unique to the cover is contained in a .cover classed #trunk
*/
#trunk.cover  {
  
}


/*  display styles  - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*  #listings
*/
#trunk.cover #listings  {
  font-size:  12px;
  color:  #BDD0BD;
}
  #trunk.cover #listings h1 {
    border-bottom:  1px solid #BDD0BD;
    font-size:  12px;
    color:  #FFF;
  }
  #trunk.cover #listings h2 {
    font-size:  14px;
    color:  #FFF;
  }
  #trunk.cover #listings p {
    margin:  0;
    padding: 2px 10px 8px;
  }
  #trunk.cover #listings a  {
    color:  #BDD0BD;
    text-decoration:  none;
  }
    #trunk.cover #listings a.more  {
      display:  block;
      margin-top: 21px;
      padding:  5px;
      border-top: 1px dashed #6E916E;
      color:  #6E916E;
      background: url('/images/site/listings_a-more.png') right no-repeat;
    }
    #trunk.cover #listings a.active  {
      background-image: url('/images/site/listings_a-active.png');
    }
    #trunk.cover #listings a:hover {
      color:  #FFF;
    }

/*  #content #coverpanels
*/
#trunk.cover #content #coverpanels  {
  background: #FFF;
}
  #trunk.cover #content #coverpanels .coverpanel  {
    color:  #BDD0BD;
    background-color: #043D04;
    background-repeat:  no-repeat;
    background-position:  top right;
  }
    #trunk.cover #content #coverpanels .coverpanel h1 {
      color:  #FFF;
      font-size:  24px;
      padding: 15px 20px;
    }
    #trunk.cover #content #coverpanels .coverpanel p,
    #trunk.cover #content #coverpanels .coverpanel ul {
      color:  #BDD0BD;
      font-size:  12px;
      margin: 15px 30px;
      padding:  0;
      line-height:  1.3em;
      width:  50%;
    }
    #trunk.cover #content #coverpanels .coverpanel ul {
      margin: 15px 40px;
      list-style-type:  circle;
    }
    #trunk.cover #content #coverpanels .coverpanel li {
      margin: 0 10px 5px;
    }
      #trunk.cover #content #coverpanels .coverpanel strong,
      #trunk.cover #content #coverpanels .coverpanel em,
      #trunk.cover #content #coverpanels .coverpanel a {
        color:  #FFF;
      }
  #trunk.cover #content #coverpanels #corner  {
    color:  #F00;
    background: url('/images/site/coverpanels_corner.png') top right no-repeat;
  }
  #trunk.cover #content ul.tabs li  {
    background: #BDD0BD;
  }

    #trunk.cover #content ul.tabs li a  {
      border-top: 1px solid #043D04;
      line-height:  49px;
      display:  block;
      padding:  0 10px;
      font-weight:  bold;
      text-decoration:  none;
      color:  #6E916E;
    }
  #trunk.cover #content ul.tabs li.ui-tabs-selected {
  }
    #trunk.cover #content ul.tabs li.ui-tabs-selected a {
      border-top: none;
      line-height:  50px;
      background: url('/images/site/li-ui-tabs-selected.png') bottom left repeat-x;
      color:  #043D04;
    }





/*  layout styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*  #listings
	Slideshow of images within the homepage tabs
*/
#slider {
/*	height:260px;
	width:680px;
	position:absolute;
	top:10px;
	left:10px;*/
}
#slider div.canvas {
	height:260px;
	width:680px;
	background:blue;
}
	#wrapper #trunk #content #slider div.canvas p {
		font-size:20px;
		font-weight:bold;
		font-style:italic;
	}
#slider_nav {
	z-index:100;
	position:absolute;
	bottom:20px;
	width:680px;
	text-align:center;
}
#slider_nav a {
	margin:0 5px;
	height:14px;
	width:14px;
	line-height:14px;
	background:url('/images/site/slider_navigation.png') top left no-repeat;
	padding:7px;
	overflow:hidden;
}
#slider_nav a span {
display:none;
}
#slider_nav a.activeSlide { 
background-position:top right;
}



/*  #listings
  A context panel containing any listings for the cover
*/
#trunk.cover #listings  {
  float:  left;
  width:  180px;
  margin: 0;
  padding:  0;
}
  #trunk.cover #listings h1 {
    position: relative;
    height: 60px;
    margin-bottom:  13px;
  }
    #trunk.cover #listings h1 b {
      position: absolute;
      padding:  0;
      bottom: 3px;
    }
  #trunk.cover #listings h2 {
    padding:  8px 0 0;
    margin: 0;
  }

/*  #content
  A full-width area containing the tabbed panels
*/
#trunk.cover #content {
  background: none;
  padding-bottom: 50px;
}


/*  #content ul.tabs
  UI element for toggling cover panels
*/
#trunk.cover #content ul.tabs {
  position: absolute;
  right:  0;
  bottom: 0;
  width:  700px;
  height: 50px;
  margin: 0;
  padding:  0;
}
  #trunk.cover #content ul.tabs li {
    display:  block;
    float:  left;
    width:  139px;
    height: 50px;
    margin: 0 1px 0 0;
  }
  #trunk.cover #content ul.tabs li.short {
	width:  109px;
  }
  #trunk.cover #content ul.tabs li.long {
	width:  169px;
  }


  #trunk.cover #content ul.tabs li.last {
    width:  140px;
    margin-right: 0;
  }


/*  #content #coverpanels
  #coverpanels contains a series of four .coverpanel elements
*/
#trunk.cover #content #coverpanels {
  position: relative;
  padding:  10px;
}
  #trunk.cover #content #coverpanels .coverpanel  {
    height: 260px;
    z-index:  10;
	overflow:hidden;
  }
  #trunk.cover #content #coverpanels #corner  {
    position: absolute;
    top:  0;
    right:  0;
    width:  40px;
    height: 40px;
    z-index:  20;
  }
  /* ensure that the contained h1 has NO margin - this can throw off the whole
  layout */
  #trunk.cover #content #coverpanels .coverpanel h1 { margin: 0; }
  /* provide the right css hooks for tab panel navigation */
  .ui-tabs .ui-tabs-hide { display: none; }

	#wrapper #trunk.cover #content #coverpanels ul {
		margin-top:0px;
	}