/* --------------------------------------------------------- */
/* Description: Styling sheet for jQuery Scroller function   */
/* Version:     0.1                                          */
/* Date:        2011-11-29                                   */
/* Copyright (c) 2011 Cheshire Nicholas Limited              */
/* Notice:      Produce for use at www.greensigns.co.uk      */
/*              Distribution prohibited without explicit     */
/*              permission                                   */
/* --------------------------------------------------------- */


#scroller

  {
  position:relative;
  float:left;
  width:632px;							/* Total frame width: 632 */
  margin:20px 0 30px;						/* Margins: Top - Left/Right - Bottom */
  border:1px solid #d8d8d8;
  border-width:1px 0;
  background-color:#c5d6d1
  }


div#scroller.nomargin

  {
  margin-top:0
  }


div.scroll

  {
  position:relative;
  overflow:hidden;
  width:630px;							/* Field of operation: 630 */
  margin:0 auto
  }


div.article div.scroll h2

  {
  position:absolute;
  top:18px;
  left:50%;
  float:none;
  width:500px;
  margin:0 0 0 -250px;
  padding:0;
  font-size:2.3em;
  font-weight:normal;
  text-align:center;
  background-color:transparent
  }


div.scrollPane
  {
  position:relative 
  }


div.scrollPane div.panel
  {
  width:286px;							/* Specific width - background panel area of image */
  height:310px;							/* General height - display area */
  _margin-right:-3px;
  padding:15px;							/* Padding: top/left/right/bottom */
  }

div.scrollPane div.panel div

  {
  margin:5px 5px 0 0;						/* Margin definition *panel* : top - left - bottom - right */
  padding:6px 6px 0;						/* Padding: top - left/right - bottom */
  border:1px solid #d5d5d5;
  background-color:#FFF
  }


div.title div.panel div

  {
  margin:50px 0 0						/* Margin title area: top - left/right - bottom */
  }



div.scrollPane div.panel div img

  {
  display:block;
  width:266px;							/* Size of image in background roundabout area */
  margin:0 0 5px;						/* Margin: top - left/right - bottom */
  border-width:0
  }




div.article div.scrollPane div.panel div p

  {
  margin:10px 30px 0 9px;
  font-size:0.85em						/* Font size background pictures */
  }




div.article div.scrollPane div.panel div p a

  {
  color:#F63
  }




a#scrollLeft,a#scrollRight					/* Scrolling button function and graphics */

  {
  position:absolute;
  z-index:50;
  top:290px;							/* Vertical positioning of arrows / graphics */
  left:0;
  width:40px;
  height:40px;
  background:transparent url("../images/scroller_btn_prev.png") no-repeat 0 0;
  text-indent:-9999px;
  cursor:pointer
  }




a#scrollRight							/* Scrolling button function and graphics */

  {
  left:auto;
  right:0;
  background-image:url("../images/scroller_btn_next.png")
  }