/*
	AnythingSlider v1.8+ Default 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 & dimensions to match your slider */
#slider { width: 1200px; height: 300px; list-style: none; overflow-y: auto; overflow-x: hidden; }
.bxslider { width:1200px; height: 358px }
/******************
  SET STYLING HERE
 ******************

 =================================
 Default state (no keyboard focus)
 ==================================*/
/* Overall Wrapper */
.anythingSlider-default { margin: 0 auto; padding: 0 0 58px 0; }
/* slider window - top & bottom borders, default state */
.anythingSlider-default .anythingWindow { border: 0 none; }
/* Navigation buttons + start/stop button, default state */
.anythingSlider-default .anythingControls a { color: rgb(140,140,142); }
/* Make sure navigation text is visible */
.anythingSlider-default .anythingControls a span { visibility: visible; }
/* Navigation current button, default state */
.anythingSlider-default .anythingControls a.cur { color: rgb(88,88,88); }
/* start-stop button, stopped, default state */
.anythingSlider-default .anythingControls a.start-stop { color: #F00; }
/* start-stop button, playing, default state */
.anythingSlider-default .anythingControls a.start-stop.playing { color: #0F0; }
/* start-stop button, default hovered text color (when visible) */
/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */
.anythingSlider-default .anythingControls a.start-stop:hover, .anythingSlider-default .anythingControls a.start-stop.hover, .anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover { color: #888; }
/*
 =================================
 Active State (has keyboard focus)
 =================================
*/
/* slider window - top & bottom borders, active state */
.anythingSlider-default.activeSlider .anythingWindow { }
/* Navigation buttons, active state */
.anythingSlider-default.activeSlider .anythingControls a { }
/* Navigation current & hovered button, active state */
.anythingSlider-default.activeSlider .anythingControls a.cur, .anythingSlider-default.activeSlider .anythingControls a:hover { }
/* start-stop button, stopped, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop { color: #000; }
/* start-stop button, playing, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing { color: #888; }
/* start-stop button, active slider hovered text color (when visible) */
.anythingSlider-default.activeSlider .start-stop:hover, .anythingSlider-default.activeSlider .start-stop.hover { color: #000 !important; }
/************************
  NAVIGATION POSITIONING
 ************************/
/* Navigation Arrows */
.anythingSlider-default .arrow { top: 50%; position: absolute; display: block; }
.anythingSlider-default .arrow a { display: block; width: 45px; height: 140px; margin: -70px 0 0 0; /* half height of image */ text-align: center; outline: 0; }
/* back arrow */
.anythingSlider-default .back { left: 0; }
.anythingSlider-default .back a { background-position: left top; }
.anythingSlider-default .back a:hover, .anythingSlider-default .back a.hover { background-position: left -140px; }
/* forward arrow */
.anythingSlider-default .forward { right: 0; }
.anythingSlider-default .forward a { background-position: right top; }
.anythingSlider-default .forward a:hover, .anythingSlider-default .forward a.hover { background-position: right -140px; }
/* Navigation Links */
.anythingSlider-default .anythingControls { outline: 0; display: none; }
.anythingSlider-default .anythingControls ul { margin: 0; padding: 0; float: left; }
.anythingSlider-default .anythingControls ul li { display: inline; }
.anythingSlider-default .anythingControls ul a { font-size: 20px; line-height:20px; display: inline-block; text-decoration: none; padding: 2px 4px; height: 18px; margin: 0 0 0 0; text-align: center; outline: 0; }
/* navigationSize window */
.anythingSlider-default .anythingControls .anythingNavWindow { overflow: hidden; float: left; }
/* Autoplay Start/Stop button */
.anythingSlider-default .anythingControls .start-stop { font-size: 18px; line-height:20px; font-weight:bold; padding: 2px 5px; width: 40px; text-align: center; text-decoration: none; float: right; z-index: 100; outline: 0; }
/***********************
  IE8 AND OLDER STYLING
 ***********************/

/* Navigation Arrows */
.as-oldie .anythingSlider-default .arrow { top: 30%; }
.as-oldie .anythingSlider-default .arrow a { margin: 0; }
/* margin between nav buttons just looks better */
.as-oldie .anythingSlider-default .anythingControls li { margin-left: 3px; }
/* When using the navigationSize option, the side margins need to be zero
	None of the navigation panels look good in IE7 now =( */
.as-oldie .anythingSlider-default .anythingControls a { margin: 0; }
.as-oldie .anythingSlider-default .anythingNavWindow { margin: 0 2px; }
.as-oldie .anythingSlider-default .anythingNavWindow li { padding: 3px 0 0 0; }
/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper */
.anythingSlider { display: block; overflow: visible !important; position: relative; }
/* anythingSlider viewport window */
.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; }
/* anythingSlider base (original element) */
.anythingSlider .anythingBase { background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0; }
/* Navigation arrow text; indent moved to span inside "a", for IE7;
  apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span { display: block; visibility: hidden; }
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled { display: none; }
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; }
.thumbNav { margin-left: 1090px !important }
