/* ***************************************************************************************************

	Description:	www.ascd.org
	
	TABLE OF CONTENTS:
	------------------
		    I. Fancybox Lightbox (1.3.4)
		   II. Homepage Slider
		  III. Carousel
			  i. Main containers
			 ii. Carousel items
			iii. Arrows(direction) navigation
			 iv. Paging navigation
			  v. Scrollbar
			 vi. Cursors
			vii. Carousel Styling
		   IV. Scroll to Top
		    V. Landing Page jQuery Scroller
		   VI. addthis Social Sharing
		  VII. Memberships Banner Sliders
		  


   *************************************************************************************************** */
   
/* *************************************************************************************************** */
/* I. Fancybox Lightbox (1.3.4) ********************************************************************** */
/* *************************************************************************************************** */
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1104;
	margin-top: -20px;
	margin-left: -20px;
	display: none;
	width: 40px;
	height: 40px;
	cursor: pointer;
	overflow: hidden;
	}
	#fancybox-loading div {
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 480px;
		background-image: url("../images/fancybox/fancybox.png");
		}

	#fancybox-overlay {
		position: absolute;
		top: 0;
		left: 0;
		/* z-index: 1100; */
		z-index: 10000;
		display: none;
		width: 100%;
		}

	#fancybox-tmp {
		padding: 0;
		margin: 0;
		border: 0;
		overflow: auto;
		display: none;
		}

	#fancybox-wrap {
		position: absolute;
		top: 0;
		left: 0;
		/* z-index: 1101; */
		z-index: 100001;
		display: none;
		padding: 20px;
		outline: none;
		
		/* Sets Outter Background Color and Border */
		background: #222;
		border: 0 solid #111;
		}

	#fancybox-outer {
		position: relative;
		width: 100%;
		height: 100%;
		background: #fff;
		}

	#fancybox-content {
		position: relative;
		z-index: 1102;
		padding: 0;
		width: 0;
		height: 0;
		outline: none;
		overflow: hidden;
		border: 0px solid #fff;
		}

	#fancybox-hide-sel-frame {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1101;
		width: 100%;
		height: 100%;
		background: transparent;
		}

	#fancybox-close {
		position: absolute;
		top: -15px;
		right: -15px;
		z-index: 1103;
		display: none;
		width: 30px;
		height: 30px;
		cursor: pointer;
		background: transparent url("../images/fancybox/fancybox.png") -40px 0px;
		}

	#fancybox-error {
		margin: 0;
		padding: 14px;
		color: #444;
		font: normal 12px/20px Arial;
		}

	#fancybox-img {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		border: none;
		outline: none;
		line-height: 0;
		vertical-align: top;
		}

	#fancybox-frame {
		display: block;
		width: 100%;
		height: 100%;
		border: none;
		}

	#fancybox-left, 
	#fancybox-right {
		position: absolute;
		bottom: 0px;
		z-index: 1102;
		display: none;
		height: 100%;
		width: 15%;
		cursor: pointer;
		outline: none;
		background: transparent url("../images/fancybox/blank.gif");
		}
		#fancybox-left {
			left: 0px;
			}
		#fancybox-right {
			right: 0px;
			}

	#fancybox-left-ico, 
	#fancybox-right-ico {
		position: absolute;
		top: 50%;
		left: -9999px;
		z-index: 1102;
		margin-top: -15px;
		display: block;
		width: 30px;
		height: 30px;
		cursor: pointer;
		}
		#fancybox-left-ico {
			background-image: url("../images/fancybox/fancybox.png");
			background-position: -40px -30px;
			}
		#fancybox-right-ico {
			background-image: url("../images/fancybox/fancybox.png");
			background-position: -40px -60px;
			}

	#fancybox-left:hover, 
	#fancybox-right:hover {
		visibility: visible; /* IE6 */
		}
		#fancybox-left:hover span {
			left: 20px;
			}
		#fancybox-right:hover span {
			left: auto;
			right: 20px;
			}

	.fancybox-bg {
		position: absolute;
		z-index: 1001;
		margin: 0;
		padding: 0;
		width: 20px;
		height: 20px;
		border: 0;
		}

	#fancybox-bg-n {
		top: -20px;
		left: 0;
		width: 100%;
		}
	#fancybox-bg-ne {
		top: -20px;
		right: -20px;
		}
	#fancybox-bg-e {
		top: 0;
		right: -20px;
		height: 100%;
		}
	#fancybox-bg-se {
		bottom: -20px;
		right: -20px;
		}
	#fancybox-bg-s {
		bottom: -20px;
		left: 0;
		width: 100%;
		}
	#fancybox-bg-sw {
		bottom: -20px;
		left: -20px;
		}
	#fancybox-bg-w {
		top: 0;
		left: -20px;
		height: 100%;
		}
	#fancybox-bg-nw {
		top: -20px;
		left: -20px;
		}

	#fancybox-title {
		top: -30px;
		bottom: auto;
		z-index: 1102;
		font-family: Helvetica, Sans-serif;
		font-size: 12px;
		background: #222;
		border: 0 solid #111;
		}
		.fancybox-title-inside {
			padding-bottom: 10px;
			text-align: center;
			color: #333;
			background: #fff;
			position: relative;
			}
		.fancybox-title-outside {
			padding-top: 10px;
			color: #fff;
			}
		.fancybox-title-over {
			position: absolute;
			bottom: 0;
			left: 0;
			color: #fff;
			text-align: left;
			}
		#fancybox-title-over {
			padding: 10px;
			background-image: url("../images/fancybox/fancy_title_over.png");
			display: block;
			}
		.fancybox-title-float {
			position: absolute;
			left: 0;
			bottom: -20px;
			height: 24px;
			}
			#fancybox-title-float-wrap {
				border: none;
				border-collapse: collapse;
				width: auto;
				}
			#fancybox-title-float-wrap td {
				border: none;
				white-space: nowrap;
				}
			#fancybox-title-float-left {
				padding: 0 0 0 13px;
				}
			#fancybox-title-float-main {
				color: #fff;
				line-height: 22px;
				font-weight: bold;
				padding: 0 0 3px;
				}
			#fancybox-title-float-right {
				padding: 0 0 0 11px;
				}



	/* IE6, IE7, IE8 */
	.fancybox-ie .fancybox-bg { background: transparent !important; }



/* *************************************************************************************************** */
/* II. Homepage Slider ******************************************************************************* */
/* *************************************************************************************************** */
.jquery-slider-wrapper {
	position: relative;
	clear: both;
	}

	.jquery-slider-slide {
		position: absolute;
		margin: 0;
		padding: 0;
		display: none;
		float: left;
		width: 100%;
		}
		.jquery-slider-slide img {
			margin: 0;
			padding: 0;
			border: 0;
			}

		.jquery-slider-slide-current {
			z-index: 2;
			display: block;
			}

		.jquery-slider-slide-next {
			z-index: 1;
			display: block;
			}

		.jquery-slider-selectors {
			position: absolute;
			bottom: 0;
			left: 45%;
			z-index: 4;
			padding: 0 15px;
			display: inline;
			float: left;
			height: 35px;
			width:145px;
			color: #fff;
			overflow: hidden;
			background: #171717;
			}
			.jquery-slider-selectors:hover {
				bottom: 0;
				left: 45%;
				}
			
			.jquery-slider-selector {
				margin: 12px 0 0 3px;
				display: inline;
				float: left;
				width: 10px;
				height: 10px;
				background: url("../images/slider/jquery-slider-theme.png") no-repeat 0px -59px;
				}
				.jquery-slider-selector-current {
					background: url("../images/slider/jquery-slider-theme.png") no-repeat -10px -59px;
					}
				.jquery-slider-selector span {
					display: none;
					}
				.jquery-slider-control {
					position: absolute;
					/*
					bottom: 11px;
					right: 260px;
					*/
					top: 316px;
					right: 262px;
					display: block;
					
					z-index: 4000;
					/*
					width: 9px;
					height: 14px;
					*/
					width: 23px;
					height: 23px;
					cursor: pointer;
					}
					.jquery-slider-control span {
						display: block;
						}
						
						
						/* Slider Pause and Play Buttons */
						.jquery-slider-control-pause span,
						.jquery-slider-control-play span {
							display: block;
							width: 23px;
							height: 23px;
							line-height: 999999em;
							overflow: hidden;
							}
							.jquery-slider-control-pause span {
								width: 23px;
								height: 23px;
								background: transparent url("../images/bttn_pause_off.png") 0 0 no-repeat;
								}
							.jquery-slider-control-play span {
								width: 23px;
								height: 23px;
								background: transparent url("../images/bttn_play_off.png") 0 0 no-repeat;
								}
								.jquery-slider-control-pause span:hover {
									background: transparent url("../images/bttn_pause_over.png") 0 0 no-repeat;
									}
								.jquery-slider-control-play span:hover {
									background: transparent url("../images/bttn_play_over.png") 0 0 no-repeat;
									}
						
						
						/*
						.slider_play_bttn,
						.slider_pause_bttn {
							position: absolute;
							top: 316px;
							display: block; 
							width: 23px; 
							height: 23px;
							}
							.slider_play_bttn 	{ left: 400px; background: transparent url("../images/bttn_play_off.png") center center no-repeat; }
							.slider_pause_bttn 	{ left: 370px; background: transparent url("../images/bttn_pause_off.png") center center no-repeat; }
						*/
						
						/* Slider Button Controls Cover */
						/*
						.bttn_play_cover,
						.bttn_pause_cover {
							position: absolute; 
							top: 315px;
							z-index: 9999;
							}
							.bttn_play_cover 	{ left: 399px; }
							.bttn_pause_cover 	{ left: 369px; }
						*/
						

		.jquery-slider-navigation {
			z-index: 999999 !important;
			display: block;
			}
			.jquery-slider-navigation-prev {
				position: absolute;
				top: 336px;
				/* left: 365px; */
				left: 345px;
				z-index: 5;
				margin-top: -20px;
				display: block;
				width: 23px;
				height: 23px;
				cursor: pointer;
				background: transparent url("../images/bttn_banner_back_off.png") center center no-repeat;
				}
				.jquery-slider-navigation-prev:hover {
					background: transparent url("../images/bttn_banner_back_over.png") center center no-repeat;
					}
				.jquery-slider-navigation-prev span {
					display: none;
					width: 23px;
					height: 23px;
					}
			.jquery-slider-navigation-next {
				position: absolute;
				top: 336px;
				/* right: 240px; */
				right: 230px;
				z-index: 5;
				margin-top: -20px;
				width: 23px;
				height: 23px;
				cursor: pointer;
				background: transparent url("../images/bttn_banner_next_off.png") center center no-repeat;
				}
				.jquery-slider-navigation-next:hover {
					background: transparent url("../images/bttn_banner_next_over.png") center center no-repeat;
					}
				.jquery-slider-navigation-next span {
					display: none;
					width: 23px;
					height: 23px;
					}


		.jquery-slider-wrapper .caption {
			position: absolute;
			bottom: 10px;
			left: 10px;
			padding: 6px 10px;
			color: #fff;
			font-size: 13px;
			background: #333;
			}

		.jquery-slider-timer {
			position: absolute;
			bottom: 5px;
			right: 5px;
			z-index: 4;
			width: 26px;
			height: 26px;
			color: #fff;
			overflow: hidden;
			}
			.jquery-slider-timer-rotator {
				position: absolute;
				top: 0;
				left: -13px;
				z-index: 3;
				width: 26px;
				height: 26px;
				overflow: hidden;
				background: url("../images/slider/jquery-slider-rotator-left.png") no-repeat 0 0;
				}
				.jquery-slider-timer-mask {
					position: absolute;
					top: 0;
					right: 0;
					z-index: 2;
					width: 13px;
					height: 26px;
					overflow: hidden;
					}
					.jquery-slider-timer-rotator-move {
						left: 0;
						}
					.jquery-slider-timer-mask-move {
						left: 0;
						width: 26px;
						background: url("../images/slider/jquery-slider-rotator-right.png") no-repeat 0 0;
						}


/* *************************************************************************************************** */
/* III. Carousel ************************************************************************************* */
/* *************************************************************************************************** */

/* ************************************************************* */
/* i. Main containers (carousel size, background) ************** */
/* ************************************************************* */

.touchcarousel {
	position: relative;
	width: 600px;
	height: 400px;
	
	/* Style is removed after carousel is initiated, use !important if you want to keep it */
	overflow: hidden;
	}
	.touchcarousel .touchcarousel-container {
		position: relative;
		left: 0;
		margin: 0;
		padding: 0;
		list-style: none;
		}
	.touchcarousel .touchcarousel-wrapper {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 100%;
		}



/* ************************************************************* */
/* ii. Carousel items (item styling, spacing between items) **** */
/* ************************************************************* */
.touchcarousel .touchcarousel-item {
	/* Use margin-right for spacing between items */
	margin: 0;
	padding: 0;
	float: left;
	}

/* Last carousel item  */
.touchcarousel .touchcarousel-item.last {
	margin-right: 0 !important;
	}



/* ************************************************************* */
/* iii. Arrows(direction) Navigation *************************** */
/* ************************************************************* */

/* Arrow hitstate and icon holder */
.touchcarousel .arrow-holder {
	position: absolute;
	top: 0;
	z-index: 25;
	width: 45px;
	height: 100%;
	display: block;
	cursor: pointer;
	}
.touchcarousel .arrow-holder.left {
	left: 0;	
	}
.touchcarousel .arrow-holder.right {
	right: 0;
	}

/* Arrow icons */
.touchcarousel .arrow-icon {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 25px;
	height: 25px;
	cursor: pointer;
	}
	.touchcarousel .arrow-icon.left 					{}
	.touchcarousel .arrow-icon.right 					{}
	.touchcarousel .arrow-holder:hover .arrow-icon 		{}
	.touchcarousel .arrow-holder.disabled 				{ cursor: default; }
	.touchcarousel .arrow-holder.disabled .arrow-icon 	{ cursor: default; }



/* ************************************************************* */
/* iv. Paging Navigation *************************************** */
/* ************************************************************* */
.touchcarousel .tc-paging-container {
	position: absolute;
	z-index: 25;
	margin-top: -20px;
	width: 100%;
	overflow: hidden;
	}
.touchcarousel .tc-paging-centerer {
	position: relative;
	left: 50%;
	float: left;
	}
.touchcarousel .tc-paging-centerer-inside {
	position: relative;
	left: -50%;
	float: left;
	}

/* Paging items */
.touchcarousel .tc-paging-item {
	position: relative;
	display: block;
	float: left;
	text-indent: -9999px;
	cursor: pointer;
	}
.touchcarousel .tc-paging-item.current 	{}
.touchcarousel .tc-paging-item:hover 	{}



/* ************************************************************* */
/* v. Scrollbar ************************************************ */
/* ************************************************************* */
.touchcarousel .scrollbar-holder {
	position: absolute;
	z-index: 30;
	left: 6px;
	right: 6px;
	bottom: 5px;
	height: 4px;
	overflow: hidden;
	}
.touchcarousel .scrollbar {
	position: absolute;
	bottom: 0px;
	left: 0;
	height: 4px;
	}
.touchcarousel .scrollbar.dark {
	background-color: rgb(130, 130, 130);
	background-color: rgba(0, 0, 0, 0.5);
	}
.touchcarousel .scrollbar.light {
	background-color: rgb(210, 210, 210);
	background-color: rgba(255, 255, 255, 0.5);
	}



/* ************************************************************* */
/* vi. Cursors ************************************************* */
/* ************************************************************* */

/* IE and Opera use "move", FF uses -moz-grab */
.touchcarousel .grab-cursor		{ cursor: url("../images/carousel/grab.png") 8 8, move; }
.touchcarousel .grabbing-cursor	{ cursor: url("../images/carousel/grabbing.png") 8 8, move; }

/* Cursor that's used when mouse drag is disabled */
.touchcarousel .auto-cursor		{ cursor: auto; }



/* ************************************************************** */
/* vii. Carousel Styling **************************************** */
/* ************************************************************** */

/* Carousel with image and text, custom skinned scrollbar */
#ascd_carousel_image_container {
	z-index: 5;
	margin: 10px auto 0;
	width: 230px;
	height: 64px;
	}	
	#ascd_carousel_image_container.arrow-holder {
		height: 67px;
		}
	#ascd_carousel_image_container.touchcarousel-item {
		margin-right: 1px;
		width: 120px;
		height: 62px;
		}
		#ascd_carousel_image_container .item-block {
			width: 120px;
			height: 62px;
			display: block;
			color: inherit;
			text-decoration: none;
			}
			#ascd_carousel_image_container .item-block img {
				float: left;
				position: relative;
				display: block;
				margin: 0;
				padding: 0;
				width: 110px;
				height: 60px;
				border: 0;
				}
	#ascd_carousel_image_container .scrollbar-holder {
		right: 0;
		left: 0;
		bottom: 0;
		height: 1px;
		background: #ced7db;
		}
		#ascd_carousel_image_container .scrollbar {
			background-color: #45a8ce !important;
			bottom: 0;
			}
	
	/* Left Right Navigation */
	#ascd_carousel_image_container a.arrow-holder.left {
		left: -30px;
		z-index: 2;
		width: 24px;
		}
	#ascd_carousel_image_container a.arrow-holder.right {
		right: -30px;
		z-index: 2;
		width: 24px;
		}
		#ascd_carousel_image_container .arrow-icon.left { 
			width: 24px !important;
			height: 24px !important;
			background: transparent url("../images/carousel/bttn_carousel_left_off.png") center center no-repeat; 
			}
			
			/* Disabled Left Arrow */
			#ascd_carousel_image_container .disabled .arrow-icon.left,
			#ascd_carousel_image_container .disabled .arrow-icon.left:hover { 
				cursor: default;
				background: transparent url("../images/carousel/bttn_carousel_left_off.png") center center no-repeat !important; 
				}
			#ascd_carousel_image_container .arrow-icon.left:hover { 
				background: transparent url("../images/carousel/bttn_carousel_left_over.png") center center no-repeat; 
				}
		#ascd_carousel_image_container .arrow-icon.right { 
			width: 24px !important;
			height: 24px !important;
			background: transparent url("../images/carousel/bttn_carousel_right_off.png") center center no-repeat; 
			}
			#ascd_carousel_image_container .arrow-icon.right:hover { 
				background: transparent url("../images/carousel/bttn_carousel_right_over.png") center center no-repeat; 
				}



/* *************************************************************************************************** */
/* IV. Scroll to Top ********************************************************************************* */
/* *************************************************************************************************** */
#toTop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	display: none;
	width: 51px;
	height: 51px;
	text-decoration: none;
	text-indent: -999px;
	overflow: hidden;
	border: none;
	background: url("../images/bttn_totop.png") no-repeat left top;
	}
	#toTopHover {
		display: block;
		float: left;
		width: 51px;
		height: 51px;
		overflow: hidden;
		background: url("../images/bttn_totop.png") no-repeat left -51px;
		}
	#toTop:active, 
	#toTop:focus {
		outline: none;
		}



/* *************************************************************************************************** */
/* V. Landing Page jQuery Scroller ******************************************************************* */
/* *************************************************************************************************** */

/* ************************************************************* */
/* i. General Styles ******************************************* */
/* ************************************************************* */
.jspContainer {
	position: relative;
	overflow: hidden;
	}

.jspPane {
	position: absolute;
	}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	/* width: 16px; */
	width: 10px;
	height: 100%;
	background: #f00;
	}

.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: #f00;
	}

.jspVerticalBar *,
.jspHorizontalBar * {
	margin: 0;
	padding: 0;
	}

.jspCap {
	display: none;
	}

.jspHorizontalBar .jspCap {
	float: left;
	}

.jspTrack {
	position: relative;
	background: #dde;
	}

.jspDrag {
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	background: #bbd;
	}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
	}

.jspArrow {
	display: block;
	cursor: pointer;
	text-indent: -20000px;
	background: #50506d;
	}

.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
	}

.jspVerticalBar .jspArrow {
	height: 16px;
	}

.jspHorizontalBar .jspArrow {
	float: left;
	width: 16px;
	height: 100%;
	}

.jspVerticalBar .jspArrow:focus {
	outline: none;
	}

.jspCorner {
	float: left;
	height: 100%;
	background: #eeeef4;
	}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
	}



/* ************************************************************* */
/* ii. Section-specific Styles ********************************* */
/* ************************************************************* */
.landingpage_scroller {
	width: 340px;
	height: 345px;
	overflow: auto;
	}



/* *************************************************************************************************** */
/* VI. addthis Social Sharing ************************************************************************ */
/* *************************************************************************************************** */
div.addthis_default_style {
	float: right;
	width: 140px;
	font-size: 0px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	text-align: right;
	}
	div.addthis_default_style a.addthis_button_compact {}
		div.addthis_default_style a.addthis_button_compact:hover {
			text-decoration: none !important;
			}
	div.addthis_default_style span.addthis_separator {}
	div.addthis_default_style a.addthis_button_facebook {}
		div.addthis_default_style a.addthis_button_facebook:hover {
			text-decoration: none !important;
			}
	div.addthis_default_style a.addthis_button_twitter {}
		div.addthis_default_style a.addthis_button_twitter:hover {
			text-decoration: none !important;
			}
	div.addthis_default_style a.addthis_button_email {}
		div.addthis_default_style a.addthis_button_email:hover {
			text-decoration: none !important;
			}
	


/* *************************************************************************************************** */
/* VII. Memberships Banner Sliders ******************************************************************* */
/* *************************************************************************************************** */
div#membership_slider_container {
	margin: 0 auto 20px;
	width: 576px;
	height: 257px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 13px;
	text-align: left;
	}
	div#membership_slider_image_container {
		position: relative;
		width: 576px;
		height: 200px;
		
		/* fallback */
		background: #d1dfe8;
		
		/* Safari 4-5, Chrome 1-9 */
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1dfe8), to(#e6f1f8));
		/* Safari 5.1, Chrome 10+ */
		background: -webkit-linear-gradient(top, #e6f1f8, #d1dfe8);
		/* Firefox 3.6+ */
		background: -moz-linear-gradient(top, #e6f1f8, #d1dfe8);
		/* IE 10 */
		background: -ms-linear-gradient(top, #e6f1f8, #d1dfe8);
		/* Opera 11.10+ */
		background: -o-linear-gradient(top, #e6f1f8, #d1dfe8);
		}
		div#membership_slider_image_text {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 4;
			width: 576px;
			height: 200px;
			}
			
			/* Text Loaded from XML File */
			div#membership_slider_txt_1,
			div#membership_slider_txt_2,
			div#membership_slider_txt_3 {
				position: absolute;
				top: 130px;
				left: 25px;
				z-index: 6;
				color: #fff;
				font-size: 21px;
				font-style: normal;
				font-weight: normal;
				line-height: 40px;
				text-align: left;
				
				text-shadow: 0 0 3px rgba(20, 20, 20, 0.20);
				}
				div#membership_slider_txt_1 {}
				div#membership_slider_txt_2 {}
				div#membership_slider_txt_3 {}
		
		/* Banner Image */
		div#membership_slider_image {
			position: aboslute;
			top: 0;
			left: 0;
			z-index: 1;
			width: 576px;
			height: 200px;
			}
		
	/* Footer Container */
	div#membership_slider_footer {
		width: 576px;
		height: 57px;
		
		/* fallback */
		background: #808080 url("../images/memberships_slider/membershipbanner_footer_bttn_gray.png") 0 0 repeat-x;
		
		/* Safari 4-5, Chrome 1-9 */
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#808080), to(#a4a4a4));
		/* Safari 5.1, Chrome 10+ */
		background: -webkit-linear-gradient(top, #a4a4a4, #808080);
		/* Firefox 3.6+ */
		background: -moz-linear-gradient(top, #a4a4a4, #808080);
		/* IE 10 */
		background: -ms-linear-gradient(top, #a4a4a4, #808080);
		/* Opera 11.10+ */
		background: -o-linear-gradient(top, #a4a4a4, #808080);
		}
		
		/* Button List */
		ul#membership_slider_footer_list {
			margin: 0;
			padding: 0;
			}
			ul#membership_slider_footer_list li {
				position: relative;
				margin: 0 !important;
				padding: 0 !important;
				display: block;
				float: left;
				width: 163px;
				height: 57px;
				color: #fff;
				list-style-type: none !important;
				border-right: 1px solid #d1dfe8;
				background: transparent none;
				}
				ul#membership_slider_footer_list li a,
				ul#membership_slider_footer_list li a:hover {
					color: #fff !important;
					text-decoration: none !important;
					
					text-shadow: 0 1px 1px rgba(155, 155, 155, 0.20);
					}
					
					ul#membership_slider_footer_list li a:hover {
						z-index: 3;
						background-color: #979797;
						
						box-shadow: 0 0 5px rgba(20, 20, 20, 0.20), 0 0 1px rgba(255, 255, 255, 0.80) inset;
						-moz-box-shadow: 0 0 5px rgba(20, 20, 20, 0.20), 0 0 1px rgba(255, 255, 255, 0.80) inset;
						-webkit-box-shadow: 0 0 5px rgba(20, 20, 20, 0.20), 0 0 1px rgba(255, 255, 255, 0.80) inset;
						}
					
					ul#membership_slider_footer_list li a span.bttn_title_holder {
						padding: 15px 0 0 15px;
						display: block;
						}
						ul#membership_slider_footer_list li a span.bttn_title_lg {
							display: block;
							font-size: 13px;
							line-height: 16px;
							text-transform: uppercase;
							}
						ul#membership_slider_footer_list li a span.bttn_title_sm {
							display: block;
							font-size: 11px;
							line-height: 11px;
							text-transform: lowercase;
							}
				
				/* Icon */
				li#membership_slider_footer_icon {
					width: 85px !important;
					background: transparent url("../images/memberships_slider/icon_download_md.png") center center no-repeat !important;
					}
				
				/* Footer Buttons */
				li#membership_slider_footer_info_a,
				li#membership_slider_footer_info_b,
				li#membership_slider_footer_info_c {}
					li#membership_slider_footer_info_c {
						width: 162px !important;
						border-width: 0 !important;
						}
					
					li#membership_slider_footer_info_a a,
					li#membership_slider_footer_info_b a,
					li#membership_slider_footer_info_c a {
						position: relative;
						z-index: 2;
						display: block;
						width: auto;
						height: 57px;
						color: #fff;
						text-decoration: none;
						text-shadow: 0 1px 1px rgba(20, 20, 20, 0.40);
						transition: all 0.3s ease-in-out;
						-moz-transition: all 0.3s ease-in-out;
						-webkit-transition: all 0.3s ease-in-out;
						-o-transition: all 0.3s ease-in-out;
						-ms-transition: all 0.3s ease-in-out;
						}
						
						li#membership_slider_footer_info_a a:hover {
							
							/* fallback */
							background: #3b699b url("../images/memberships_slider/membershipbanner_footer_bttn_blue.png") 0 0 repeat-x;
							
							/* Safari 4-5, Chrome 1-9 */
							background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b699b), to(#6293cb));
							/* Safari 5.1, Chrome 10+ */
							background: -webkit-linear-gradient(top, #6293cb, #3b699b);
							/* Firefox 3.6+ */
							background: -moz-linear-gradient(top, #6293cb, #3b699b);
							/* IE 10 */
							background: -ms-linear-gradient(top, #6293cb, #3b699b);
							/* Opera 11.10+ */
							background: -o-linear-gradient(top, #6293cb, #3b699b);
							}
						li#membership_slider_footer_info_b a:hover {
							
							/* fallback */
							background: #c08623 url("../images/memberships_slider/membershipbanner_footer_bttn_orange.png") 0 0 repeat-x;
							
							/* Safari 4-5, Chrome 1-9 */
							background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c08623), to(#e19f2f));
							/* Safari 5.1, Chrome 10+ */
							background: -webkit-linear-gradient(top, #e19f2f, #c08623);
							/* Firefox 3.6+ */
							background: -moz-linear-gradient(top, #e19f2f, #c08623);
							/* IE 10 */
							background: -ms-linear-gradient(top, #e19f2f, #c08623);
							/* Opera 11.10+ */
							background: -o-linear-gradient(top, #e19f2f, #c08623);
							}
						li#membership_slider_footer_info_c a:hover {
							
							/* fallback */
							background: #5f8031 url("../images/memberships_slider/membershipbanner_footer_bttn_green.png") 0 0 repeat-x;
							
							/* Safari 4-5, Chrome 1-9 */
							background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5f8031), to(#809e44));
							/* Safari 5.1, Chrome 10+ */
							background: -webkit-linear-gradient(top, #809e44, #5f8031);
							/* Firefox 3.6+ */
							background: -moz-linear-gradient(top, #809e44, #5f8031);
							/* IE 10 */
							background: -ms-linear-gradient(top, #809e44, #5f8031);
							/* Opera 11.10+ */
							background: -o-linear-gradient(top, #809e44, #5f8031);
							}