﻿@charset "utf-8";
/*
	AnythingSlider v1.7+ Default (base) theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID to match your slider */
#slider { width:960px; height: 500px; list-style: none; /* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */ overflow: hidden; }
/*****************
  SET COLORS HERE
 *****************/
/**** Default state (no keyboard focus) ****/
/* slider window - top & bottom borders, default state */
div.anythingSlider .anythingWindow { border:none;}
/* Navigation buttons, default state */
 div.anythingSlider .anythingControls ul a { background:url(../images/booff.png) no-repeat; color: #000; }
 div.anythingSlider .anythingControls ul a.cur { background:url(../images/boon.png) no-repeat; color:#fff;}
/* start-stop button, stopped, default state */
div.anythingSlider .start-stop { color: #fff; }
/* start-stop button, playing, default state */
div.anythingSlider .start-stop.playing {}
/* start-stop button, default hovered text color (when visible) */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { color: #ddd; }
/**** Active State (slider has keyboard focus) ****/
/* slider window - top & bottom borders, active state */
div.anythingSlider.activeSlider .anythingWindow { border-color: #fff; }
/* Navigation buttons, active state */
div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a {  }
/* start-stop button, stopped, active state */
div.anythingSlider .start-stop { color: #fff; }
/* start-stop button, playing, active state */
div.anythingSlider .start-stop.playing { background:url(../images/billboard_pause_over.gif)!important;}
/* start-stop button, active slider hovered text color (when visible) */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { color: #fff; }
/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider { display: block; width:960px!important; height:500px!important; margin: 0 auto; overflow: visible !important; /* needed for Opera and Safari */ position: relative; padding: 0 0px 0px 0px; }
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow { overflow: hidden; position: relative; width:960px; height:500px; }
/* anythingSlider base (original element) */
.anythingBase { background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0; }
/* all panels inside the slider */
.anythingBase .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; }
.anythingBase .panel.vertical { float: none; }
/* Navigation Arrows */
div.anythingSlider .arrow { top: 50%; position: absolute; display: block; }
div.anythingSlider .arrow a { display: block; height: 140px; margin: -70px 0 0 -1px; /* half height of image */ width: 45px; text-align: center; outline: 0; background: url(../images/default.gif) no-repeat; }
/* hide text, target the span so IE7 doesn't text-indent the link */
div.anythingSlider .arrow a span { display: block; visibility: hidden; }
/* back arrow */
div.anythingSlider .back { left: 0; }
div.anythingSlider .back a { background-position:0px top; }
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position:0px -140px; }
div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
/* forward arrow */
div.anythingSlider .forward { right:0; }
div.anythingSlider .forward a { background-position:-44px top; }
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position:-44px -140px; }
div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
/* Navigation Links */
div.anythingSlider .anythingControls { outline: 0; display: none; height:0px; position:relative; z-index:1;}
div.anythingSlider .anythingControls ul { margin: 0; padding: 0; position:absolute; right:432px; bottom:-13px; *bottom:-16px;}
div.anythingSlider .anythingControls ul li { display: inline; padding:0px 3px; }
div.anythingSlider .anythingControls ul a { font:10px Verdana; display: inline-block; text-decoration: none; width:17px; height: 19px; line-height:19px; background:url(../images/booff.png) no-repeat; text-align: center; outline: 0;}
div.anythingSlider .anythingControls ul a:hover { background:url(../images/boon.png) no-repeat; }
/* Navigation size window */
div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; }
/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
div.anythingSlider.rtl .anythingWindow { direction: ltr; unicode-bidi: bidi-override; }
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop { background:url(../images/billboard_play_over.gif)!important; width: 16px; height:16px; text-align: center; text-decoration: none; position:absolute; right:10px; bottom:6px; z-index: 100; outline: 0;}
/* hide cell shading on hover - makes the button appear to come forward */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }
/* probably not necessary, but added just in case */
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop { transition-duration: 0; -o-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0; }



#slider { width: 960px; height: 500px;}
#slider li { height:500px!important;}


.thumbNav li a span { display:none;}
 