/*
    anythingSlider v1.3.5

    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 DIMENSIONS HERE ******* */
/* ************ DEFAULT WIDTH AND HEIGHT IF slider1 .panel?'s AREN'T SET BELOW ************ */
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingWindow ul li {
/*	width: 700px; */



/*
	width: 300px;
*/

/*
	width: 350px;
*/



/*
	height: 300px;
	margin: 0 auto;
*/

}






/* ********************************** */
/* **** DESCRIPTION OF SETTINGS ***** */
/* ********************************** */
/* 
1.  There are panel tabs at the bottom.  They have one color that is the main color and hover color.
2.  There are borders at the top and bottom of each panel.  They have one color set to them.
3,  
4.  Under the panel, the line across the entire bottom (site standard is #efefef
5.  Panel widths and heights - set custom panel widths and heights

*/
/* ********************************** */
/* * END OF DESCRIPTION OF SETTINGS * */
/* ********************************** */







/* ***** SET COLORS HERE ****** */

/* 1.  Active panel tab main color and hover color */
div.anythingSlider.activeSlider .thumbNav a.cur, div.anythingSlider.activeSlider .thumbNav a {

	/* TOP active panel tab color */
/*
	background-color: #7C9127;
*/
/*
	background-color: gold;
*/
	/* a blue */
/*
	background-color:  #5882FA;
*/

	background-color: #BDBDBD;

}




/* ************* 2.  TOP and BOTTOM BORDER COLOR (DOES NOTHING) ************ */
div.anythingSlider.activeSlider .anythingWindow {

	/* Entire panel top and bottom border color */
/*
	border-color: #7C9127;
*/
/*
	a blue
	border-color: #5882FA;
*/
/*
	border-color: #BDBDBD;
*/

	/* doesn't work for IE */
/*
	border-color:gold;
*/

/*
	border-color:gold gold gold gold;
*/

/*
	border-top-color:gold;
	border-bottom-color:gold;
	border-bottom-width:3px;
*/

/*
	border-bottom:5px solid #eeeee;
*/


}




/* ****** 3.  Inactive - background color of the button tabs at the bottom (non-hovering) ******* */
div.anythingSlider .thumbNav a.cur, div.anythingSlider .thumbNav a {
/*
	background: #777;
*/
	/* WHITE */
	background: #FFFFFF;

}



/* **********  4.  UNDER THE PANEL, LINE ACROSSS THE TOP AND BOTTOM ************ */

div.anythingSlider .anythingWindow {
/*
	border-top: 3px solid #777;
*/
/*
	border-top: 3px solid #FFFFFF;
*/




	border-top: 3px solid gold;
/*
	border-bottom: 3px solid #777;
*/
/*
	border-bottom: 3px solid #efefef;
*/
/*
	border-bottom: 3px solid #E6E6E6;
*/

	/* For both browsers, the Bottom line color */
	border-bottom: 3px solid gold;

}

/* **************************** END of COLOR SETTINGS ************************* */




/* **************** 5.  PANEL SIZES - SET IT TO DEFAULT (FIXED WIDTH AT TOP HERE) OR PER PANEL ***************** */
/* Set second slider panel sizes */
/* Defaults are width=400 and height=350 - this section overrides those */


 
#slider2 .zpanel1 { width: 350px; height: 225px; } 



#slider2 .panel1 { width: 350px; height: 230px; } 
#slider2 .panel2 { width: 350px; height: 230px; } 

/*
#zslider2 .panel1 { width: 350px; height: 230px; } 
#zslider2 .panel2 { width: 350px; height: 245px; } 
*/



#slider2 .panel3 { width: 350px; height: 230px; } 
#slider2 .panel4 { width: 350px; height: 230px; } 
#slider2 .panel5 { width: 350px; height: 230px; } 
#slider2 .panel6 { width: 350px; height: 230px; } 
#slider2 .panel7 { width: 350px; height: 230px; } 
#slider2 .panel8 { width: 350px; height: 230px; } 





/**** DO NOT CHANGE BELOW THIS LINE (except maybe the background color in the panel) ****/
div.anythingSlider .anythingWindow, div.anythingSlider .anythingWindow ul li {
	width: 100%;
}
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
}

/* location of left/right controls */
div.anythingSlider {
	position: relative;
/*
	padding: 0 45px 28px 45px;
*/
/*
	padding: 0 45px 28px 45px;
*/



	/* padding - left and right only adjust left/right arrows for p=0! */
	/* top padding shows the bottom line (p>1)- should be 0 
		right padding shows right arrow (p=0) - should be 45
		bottom padding - bottom setting of the entire work area (p=0) - controls how far Stop is down 
		- should be 28
		left padding over enough to show left arrow - should be 45
		when the left padding is greater, the middle content gets smaller
	*/

/*
	padding: 0 45px 28px 45px;
*/
	padding: 0 45px 28px 45px;
}

/* related to the content location */
div.anythingSlider .anythingWindow ul {
	/* Width below is max for Opera */
	/* this width also removes second slide from showing under first slide */
	width: 32700px;
/*
	background: #eee;
*/
	background: #FFFFFF;
	list-style: none;
	position: absolute;


/* ******* Left setting moves content in between left/right arrows but not left/right arrows */
	top: 0; left: 0;
	margin: 0;
}
div.anythingSlider .anythingWindow ul li {
/*
	background: #eee;
*/
	/* ************ BACKGROUND COLOR IN THE PANEL ************* */

	background: #FFFFFF;

	display: block;
	float: left;
	padding: 0;
	margin: 0;
/* -78; */
}

div.anythingSlider .anythingWindow ul ul {
	position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }

div.anythingSlider .anythingWindow ul ul li { float:none; height:auto; width:auto; background:none; }


div.anythingSlider .arrow {

	top:50%;

	position:absolute;

	display:block;
}

div.anythingSlider .arrow a {

	/* ***** Location of the left and right arrow graphics ***** */
	display:block;

	/* height that shows the left and right arows - should be 80*/
/*
	height: 120px;
*/

	height:80px;



/*
	margin-top: -60px;
*/

	/* -20 */



	/* margin that displays the correct portion of the arrow graphics - should be -0 when height is 80 */
	margin-top: -0px;

/*
	width:45px;
*/


	/* width of the left graphic only */
	width:45px;
/*
	text-align: center;
*/

	background:url(../images/arrows1.png) no-repeat;

	text-indent: -9999px;


/*
background-image:url(../images/arrows1.png);
background-repeat:no-repeat;
background-position:center fixed;
*/


}


/* ***** forward and back buttons Action commands ***** */
/* Note the left and right graphics are in the background */

/* start for forward and back, then backgrounds are added relatively below */
div.anythingSlider .forward { right: 0; }
div.anythingSlider .back { left: 0; }

div.anythingSlider .forward a { background-position: 0 -40px; }
div.anythingSlider .back a { background-position: -88px -40px; }
/* hover forward and back */
div.anythingSlider .forward a:hover { background-position: 0 -240px; }
div.anythingSlider .back a:hover { background-position: -88px -240px; }
/*
div.anythingSlider .forward a:hover { background-position: 0 -240px; }
div.anythingSlider .back a:hover { background-position: -88px -240px; }
*/


/*
dist
div.anythingSlider .forward { right: 0; }
div.anythingSlider .back { left: 0; }
div.anythingSlider .forward a { background-position: 0 -40px; }
div.anythingSlider .back a { background-position: -88px -40px; }
div.anythingSlider .forward a:hover { background-position: 0 -240px; }
div.anythingSlider .back a:hover { background-position: -88px -240px; }
*/




/* ***** The bottom tabs    ***** */
div.anythingSlider .thumbNav { margin:0; }
div.anythingSlider .thumbNav li { display:inline; }

div.anythingSlider .thumbNav a {

	/* anchor - text for tabs */
	color:black;
	font:11px Arial;
/*
	font:12px/18px Georgia,Serif;
*/
/*
Georgia;
, Serif;
*/
	display:inline-block;
	text-decoration:none;

	/* ie does not recognize */
	padding:2px 8px;

	height:18px;
	margin:0 5px 0 0;
	
	/* for IE - background color of tabs */
	background-color:#BDBDBD;


	background-image:url(../images/cellshade.png);
	background-repeat:repeat-x;
	text-align:center;


	/* build curves at the bottom of the tabs */
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;


}

div.anythingSlider .thumbNav a:hover { background-image:none; }

div.anythingSlider .start-stop {
	z-index:10;
	background: green url(../images/cellshade.png) repeat-x center top;
	color: white;
	padding:2px 5px;
	width:40px;
	text-align: center;
	position: absolute;
	text-decoration: none;
	right:45px; bottom:4px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}


/* *************** START/STOP BUTTON BACKGROUND COLOR *************** */

/*
div.anythingSlider .start-stop.playing { background-color: red; }
*/

div.anythingSlider .start-stop.playing{ background-color:#777777; }

div.anythingSlider .start-stop:hover{ background-image:none; }







/*
    By Ken Edwards: http://github.com/meancode/AnythingSlider
    based on Dean Sofer fork: http://github.com/ProLoser/AnythingSlider
*/

.dontflicker {
/*    width: 700px; */
/*
    width: 300px;
    height: 415px;
    overflow: hidden;
*/
}
.dontflicker ul#slider1 {
/*    width: 32700px; */
/*    width: 32700px; */
/*    width: 32700px; */

    width: 32700px; 
	list-style: none;

}
.dontflicker ul#slider1 li {
    float: left;
}