/* $Id: jQuery-custom.css,v 1.1.2.1 2010/11/26 22:04:31 quicksketch Exp $ */


/**
 * 
 *
 * This is a Custom Skin for the jQuery Carousel on the Home Page Slider

 * 
 */
 
 /* Home Slider Info */
.views-field-field-home-image
{
	height:530px;
	width:770px;
}

.home-slider-info
{
	height:40px;
	background-color:#990000;
	padding:0px 5px 0px 20px;
	overflow:hidden;
}

.home-slider-info .title
{
	font-size:16px;
	color:#FFFFFF;
	float:left;
	display:block;
	line-height:40px;
}

.views-field-field-credit
{
	position:absolute;
	bottom:30px;
	left:20px;
}

.home-slider-info a
{
	background: url("../images/nav_hover.gif") repeat-x scroll left top transparent;
    display: block;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 5px 0 5px 0px;
    min-width: 75px;
    padding: 0 10px;
	float:right;
	color:#FFFFFF;
}


/* Controls */

.views-slideshow-controls-bottom 
{ 
	position:relative;
}

.jcarousel-skin-default {
  text-align: left;
}

.jcarousel-skin-default .jcarousel-container-horizontal {
  width: 782px;
  height: 190px;
  padding: 0px 0px 10px 3px;
  margin: auto;
  margin-left:-15px;
}

.jcarousel-skin-default .jcarousel-container-vertical {
  width: 102px;
  height: 440px;
  padding: 40px 20px;
  margin: auto;

}

.jcarousel-skin-default .jcarousel-clip-horizontal {
  width: 782px;
  height:164px;
}

.jcarousel-skin-default .jcarousel-clip-vertical {
  height: 440px;
}

.jcarousel-skin-default .jcarousel-item {
  padding: 0;
  width: 178px;
  height: 178px;
  overflow: hidden;
  border:none;
  list-style: none;
  background: transparent none;
}

.jcarousel-skin-default .jcarousel-item-horizontal {
  margin: 0 10px;
  cursor:pointer;
}

.jcarousel-skin-default .jcarousel-item-vertical {
  margin: 4px 0;
}

.jcarousel-skin-default .jcarousel-item-placeholder {
  background: #fff url(throbber.gif) no-repeat center center;
  color: #000;
}

/**
 * Buttons
 */
.jcarousel-skin-default .jcarousel-next,
.jcarousel-skin-default .jcarousel-prev {
  display: block;
  width: 8px;
  height: 12px;
  background-image: url('../images/arrows.png');
}

/**
 *  Horizontal Buttons
 */
 
 .views-slideshow-controls-bottom {
    margin-top: 10px;
    position: relative;
}
 .views-slideshow-controls-text-previous, .views-slideshow-controls-text-next,  .views_slideshow_controls a {
    background-image: url("../images/arrows.png");
    background-position: 0 0;
    cursor: pointer;
    display: block;
    height: 0;
    left: 0;
    overflow: hidden;
    padding-top: 12px;
    position: absolute;
    top: 4px;
    width: 8px;
}

/**
 * Buttons
 */

.views-slideshow-controls-text-previous, .views-slideshow-controls-text-next
{
  display: block;
  position:absolute;
  top:3px;
  left:0;
  width: 8px;
  height: 0px;
  padding-top:12px;
  background-image: url('../images/arrows.png');
  background-position: 0 0;
  overflow:hidden; 
  cursor:pointer;
}

.views-slideshow-controls-text-next
{
  background-position: 8px 0px;
  left:100px;
}

.views-slideshow-controls-text-pause
{
	display:none;
}

.views-slideshow-pager-fields
{
	overflow:hidden;
	width:auto;
	position:absolute;
	left:10px;
	
}

.views-slideshow-pager-field-item
{
	float:left;
	padding:1px 3px 0px 3px;
}

.views-slideshow-pager-field-item.active
{
	border: 1px solid #EC7404;
	padding:0px 2px 0px 2px;
	font-weight:bold;	
}

.views_slideshow_controls a.views_slideshow_next {
    background-position: 8px 0;
    margin-left:5px;
}

.views_slideshow_singleframe_pager.views_slideshow_pagerNumbered a
{
	color:#515A75;
}

.views_slideshow_singleframe_pager.views_slideshow_pagerNumbered .activeSlide a {
    border: 1px solid #EC7404;
    font-weight: bold;
    padding: 0 2px;
}

.views_slideshow_singleframe_pager.views_slideshow_pagerNumbered
{
	overflow:hidden;
	float:left;
}

.views_slideshow_singleframe_pager div {
    display: block;
    float: left;
    padding-left: 10px;
}


.jcarousel-skin-default .jcarousel-prev-horizontal {
  position: absolute;
  top: 179px;
  left: 20px;
  background-position: 0 0;
}
.jcarousel-skin-default .jcarousel-prev-horizontal:hover {
  background-position: 0px 39px;
}
.jcarousel-skin-default .jcarousel-prev-horizontal:active {
  background-position: 0px 26px;
}
.jcarousel-skin-default .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-default .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-default .jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  background-position: 0px 13px;
}

.jcarousel-skin-default .jcarousel-next-horizontal {
  position: absolute;
  top: 179px;
  left: 70px;
  background-position: 8px 0px;
}
.jcarousel-skin-default .jcarousel-next-horizontal:hover {
  background-position: 8px 39px;
}
.jcarousel-skin-default .jcarousel-next-horizontal:active {
  background-position: 8px 26px;
}
.jcarousel-skin-default .jcarousel-next-disabled-horizontal,
.jcarousel-skin-default .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-default .jcarousel-next-disabled-horizontal:active {
  cursor: default;
  background-position: 8px 13px;
}