/*
	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 */

.colLayout-2-right .sliderBorder { border:1px solid #E3E3E2; margin-bottom:30px; }
.colLayout-2-right #slider { width: 688px; height: 358px; list-style: none; /* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto; overflow-x: hidden; background:#fff; }
.colLayout-1 #slider { width: 980px; height: 360px; list-style: none; /* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto; overflow-x: hidden; background:#fff; }
#homeSlider { width: 500px; height: 369px; list-style: none; /* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto; overflow-x: hidden; background:#fff; }
/*****************
  SET COLORS HERE
 *****************/
/**** Default state (no keyboard focus) ****/
/* slider window - top & bottom borders, default state */
div.anythingSlider .anythingWindow { }
/* Navigation buttons, default state */
div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a { background: #777; color: #000; }
/* start-stop button, stopped, default state */
div.anythingSlider .start-stop { background-color: #040; color: #fff; }
/* start-stop button, playing, default state */
div.anythingSlider .start-stop.playing { background-color: #800; }
/* 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: #7C9127; }
/* Navigation buttons, active state */
div.anythingSlider.activeSlider .anythingControls ul a { background-color: #FFF; border:1px solid #ccc; width:10px; height:10px;  padding:0; }
div.anythingSlider.activeSlider .anythingControls ul a span { font-size:0; text-indent:-4000px; }
div.anythingSlider.activeSlider .anythingControls ul a.cur { background: #999 }
/* start-stop button, stopped, active state */
div.anythingSlider .start-stop { background-color: #080; color: #fff; }
/* start-stop button, playing, active state */
div.anythingSlider .start-stop.playing { background-color: #d00; }
/* 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; margin: 0 0 0 0px; overflow: visible !important; /* needed for Opera and Safari */ position: relative; padding:0; }
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; }
/* 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: 0; position: absolute; display: block; z-index:500; width:100%; height:590px; cursor:pointer }
.back {display:none}
div.anythingSlider .arrow a { display: block; height: 29px; margin: -15px 0 0 0; /* half height of image */ width: 21px; text-align: center; outline: 0; }
div.anythingSlider .arrow.back a { background:url(../images/icons/icon_sliderNav_left.png) no-repeat; left:10px; }
div.anythingSlider .arrow.forward a { background:url(../images/icons/icon_sliderNav_right.png) no-repeat; right:10px; }
/* 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: 10px; }
div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
/* forward arrow */
div.anythingSlider .forward { right: 10px; }
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; }
div.anythingSlider .anythingControls ul { margin: 0; padding: 0; position:absolute; bottom:-35px; left:0px; z-index:500; }
div.anythingSlider .anythingControls ul li { display: inline; }
div.anythingSlider .anythingControls ul a { font: 11px/18px Georgia, Serif; display: inline-block; text-decoration: none; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background-image: url(../images/default.png); background-position: center -288px; background-repeat: repeat-x; text-align: center; outline: 0; }
div.anythingSlider .anythingControls ul a:hover { background-image: none; }
/* 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-image: url(../images/default.png); background-position: center -288px; background-repeat: repeat-x; padding: 2px 5px; width: 40px; text-align: center; text-decoration: none; float: right; z-index: 100; outline: 0; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
/* 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; }
table#sliderNav { width:100%; border-collapse:collapse; border:1px solid #ddd; margin-bottom:20px; }
table#sliderNav td { width:10%; background-color:#ddd; vertical-align:top; text-align:center; padding:10px 15px; border-right:1px dotted #000; -webkit-transition: background 300ms ease-in; /* property duration timing-function delay */ -moz-transition: background 300ms ease-in; -o-transition: background 300ms ease-in; transition: background 300ms ease-in; }
table#sliderNav td.active { background:#c6c6c6; }
table#sliderNav td a { text-decoration:none; position:relative; display:block; }
table#sliderNav td a .arrow { width:21px; height:15px; position:absolute; top:-25px; left:10px; background:url(../images/icons/icon_sliderNav_arrow.png) no-repeat; display:none; }
table#sliderNav td h6 { font-size:18px; font-weight:normal; line-height:1.2; font-family:"AlternateGothicW01-No3 691802", Tahoma; margin:0 0 4px 0; text-transform:uppercase; }
table#sliderNav td p { margin-bottom:0; font-size:12px; }