@charset "UTF-8";
/* CSS Document */

body {
	font-family:arial;	
	font-size:12px;
}

#featureRotatorBox {
	width:638px;
	position:relative;
}

ul.slideshow {
	list-style:none;
	width:638px;
	height:312px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
	/* rounded corners */
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	
	/* inner shadow for empty window */
	-webkit-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.5);
	-o-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.5);
    box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.5);
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

/* Inner shadow hack */
/* This gives the appearance of an inset box shadow on 'ul.slideshow li a img' */
ul.slideshow li a {
	display:block;
    position:relative;
}
ul.slideshow li.show a::before
{
	content:'';
    position:absolute;
    width:100%;
    height:100%;
    -webkit-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.5);
	-o-box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.5);
    box-shadow:inset 0px 0px 10px 0px rgba(0,0,0,0.5);
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-o-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}
/* Credit goes to Stevie. */
/* http://designbystevie.com/2011/03/applying-css3-inset-box-shadows-to-images/ */

ul.slideshow li.show {
	/*z-index:500;*/	
}

ul img {
	border:none;	
}

ul.slideshow li.show {
	
}

ul.slideshow li.show a img {
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-o-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}


#slideshow-caption {
	width:638px;
	height:78px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background-color:rgba(0,0,0,0.6);
	z-index:500;
	border-top:solid 2px #f2cd02;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

#slideshow-caption .slideshow-caption-container {
	padding:10px 20px;		
	z-index:1000;
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	/*font-size:14px;*/
	max-width:400px;
}

#slideshow-caption p {
	margin:0;
	padding:0;
	max-width:400px;
}

#slideshow-caption p a {
	/*background:url(../images/ReadMore_btn.png) bottom right no-repeat;
	width:106px;
	height:19px;*/
	padding:12px;
	/*margin:0 33px 0 0;*/
	display:block;
	position:absolute;
	right:15px;
	top:20px;
	float:right;
	
	/*text-indent:-9999px;*/
	/* Instead of using the -9999px trick, use these 3 rules instead. */
		/*text-indent:100%;
		white-space:nowrap;
		overflow:hidden;*/
	/* Thanks to Scott Kellum - http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/ */
	
	/* gradient */
	background: #e12440; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UxMjQ0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZTJiMzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #e12440 0%, #ae2b31 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e12440), color-stop(100%,#ae2b31)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e12440 0%,#ae2b31 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e12440 0%,#ae2b31 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e12440 0%,#ae2b31 100%); /* IE10+ */
	background: linear-gradient(top,  #e12440 0%,#ae2b31 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e12440', endColorstr='#ae2b31',GradientType=0 ); /* IE6-8 */

	
	/* Inner top shadow */
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
	-o-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
	
	/* border radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	
	border:1px solid #c75e6f;
	color:#FFF;
	text-shadow: -1px 2px 2px rgba(0, 0, 0, 0.55);
	text-decoration:none;
}

#slideshow-caption p a:hover {
	background-position:top;
	text-decoration:underline;
}

#thumbnailBar {
	width:100%;
	text-align:center;
	position:relative;
	padding:10px 0;
	top:0px;
	z-index:501;
	background:none;
}

#thumbnailBox {
	width:auto;
	margin:auto;
}

#thumbnails {
	padding:0;
	margin:0;	
	width:638px;
	position:relative;
}

#thumbnails li {
	list-style:none;
	display:inline-block;
	margin:0 20px 0 0;
}

#thumbnails li:last-child {
	margin:0;
}

#thumbnails .leftArrow a,
#thumbnails .rightArrow a{
	width:16px;
	height:16px;
	display:block;
	margin:20px 0;
}

/*#thumbnails .leftArrow a{
	background:url(../images/leftArrow.png) bottom left no-repeat;
}

#thumbnails .rightArrow a{
	background:url(../images/rightArrow.png) bottom left no-repeat;
}*/

#thumbnails .leftArrow a:hover,
#thumbnails .rightArrow a:hover {
	background-position:right;
}

#thumbnails li img {
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

#thumbnails li img,
#thumbnails li img:visited {
	border:1px solid #878787;
	margin:1px;
}

#thumbnails li img:hover {
	border:2px solid #0058AB;
	margin:0;
}

#thumbnails li.show img,
#thumbnails li.show img:hover {
	border:2px solid #F2CD02;
	margin:0;
	
	cursor:default;
}

/*#thumbnails li img.showd,
#thumbnails li img.showd:hover {
	border:1px solid #878787;
	margin:0;
}*/

/* fonts */

h3.fontface {
	font: 22px/22px 'Helvetica55RomanBold', Arial, sans-serif; 
	letter-spacing: 0;
}

/*#slideshow-caption p {
	font: 12px/14px 'Helvetica55RomanBold', Arial, sans-serif;
	letter-spacing: 0;
}*/

#slideshow-caption p {
	font: 16px/14px Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	padding:4px 0 0;
}

#slideshow-caption p a {
	font: 13px 'Helvetica55RomanBold', Arial, sans-serif;
	letter-spacing: 0;
}



@font-face {
    font-family: 'Helvetica55RomanBold';
    src: url('../../fonts/helveticaneue-bold-webfont.eot');
    src: url('../../fonts/helveticaneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/helveticaneue-bold-webfont.woff') format('woff'),
         url('../../fonts/helveticaneue-bold-webfont.ttf') format('truetype'),
         url('../../fonts/helveticaneue-bold-webfont.svg#Helvetica55RomanBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*#slideshow-caption p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
}*/

/* target only webkit browsers */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
	#thumbnails li {
		margin: 0 26px 0 0;
	}
	
	#thumbnails li img,
	#thumbnails li img:visited,
	#thumbnails li img:hover,
	#thumbnails li.show img,
	#thumbnails li.show img:hover {
		border:none;
		margin:0;
	}
	
	#thumbnails li.show img,
	#thumbnails li.show img:hover {
		cursor:default;
	}
	
	#thumbnails li a::before,
	#thumbnails li a:before {
		content:'';
		position:absolute;
		width:140px;
		height:70px;
		-webkit-box-shadow:inset 0px 0px 0px 1px #878787;
		-moz-box-shadow:inset 0px 0px 0px 1px #878787);
		-o-box-shadow:inset 0px 0px 0px 1px #878787;
		box-shadow:inset 0px 0px 0px 1px #878787);
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
		pointer-events: none;
	}
	
	#thumbnails li a:hover::before,
	#thumbnails li a:hover:before {
		content:'';
		position:absolute;
		width:140px;
		height:70px;
		-webkit-box-shadow:inset 0px 0px 0px 2px #0058AB;
		-moz-box-shadow:inset 0px 0px 0px 2px #0058AB);
		-o-box-shadow:inset 0px 0px 0px 2px #0058AB;
		box-shadow:inset 0px 0px 0px 2px #0058AB);
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
		pointer-events: none;
	}
	
	#thumbnails li.show a::before,
	#thumbnails li.show a:hover::before,
	#thumbnails li.show a:before,
	#thumbnails li.show a:hover:before {
		content:'';
		position:absolute;
		width:140px;
		height:70px;
		-webkit-box-shadow:inset 0px 0px 0px 2px #F2CD02;
		-moz-box-shadow:inset 0px 0px 0px 2px #F2CD02;
		-o-box-shadow:inset 0px 0px 0px 2px #F2CD02;
		box-shadow:inset 0px 0px 0px 2px #F2CD02;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		border-radius: 10px;
		pointer-events: none;
	}
}