﻿/*
 * Using jQuery Nivo Slider v2.7.1.
 * Includes styles defined in the base CSS file of the plugin.

 /******************************************
 /* CUSTOM STYLES
 *******************************************
 * Custom styles for the hero carousel are defined below.
*/

@media screen
{
	/******************************************
	/* Main wrapper for hero image
	******************************************/

	#SliderOuterWrapper {
		clear: both;
		position: relative;
		/*background: url('/Content/Images/slider-bg.png') repeat-x;*/
	}
	
	.slider-wrapper
	{
		width:1180px;
		margin:0px auto;
	}
	/* end */
	
	/* The Nivo Slider styles */
	
	.nivoSlider
	{
		position: relative;
	}
	
	.nivoSlider img
	{
		display:none;
		position:absolute;
		top:0px;
		left:0px;
	}
		
	/* If an image is wrapped in a link */
	.nivoSlider a.nivo-imageLink
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		border:0;
		padding:0;
		margin:0;
		z-index:6;
		display:none;
	}
	
	/* The slices and boxes in the Slider */
	.nivo-slice
	{
		display:block;
		position:absolute;
		z-index:5;
		height:100%;
	}
	
	.nivo-box
	{
		display:block;
		position:absolute;
		z-index:5;
	}
	
	/* Caption styles */

	.nivo-caption {
		position: absolute;
		bottom: 44px;
		left: 640px;
		background-color: #fff;
		width: 410px;
		height: 113px;
		z-index: 8;
		border-radius: 8px;
		-webkit-box-shadow: 0 0 20px 5px rgba(0,0,0,0.1);
		box-shadow: 0 0 20px 5px rgba(0,0,0,0.1);
		display: table;
	}

	.nivo-caption p {
		padding: 0;
		margin: 0;
		display: table-cell;
		vertical-align: middle;
	}
	
	.nivo-caption a
	{
		display:inline !important;
	}
	
	.nivo-html-caption {
		display:none;
	}

	/******************************************
	/* Custom caption text wrapper
	******************************************/
	.nivo-caption .CaptionTextWrapper
	{
		padding:20px 28px 20px 28px;
	}
	
	.nivo-caption .CaptionTextWrapper a
	{
		text-decoration:none;
	}
	
	/******************************************
	/* Custom header styles and paragraph styles
	******************************************/
	.nivo-caption h2 {
		color: #cb003d;
		font-size: 2.1em;
		margin-bottom: 5px;
		font-family: 'Work Sans', sans-serif;
		font-weight: 900;
		line-height: 1.1em;
		margin-top: 0;
	}

	.nivo-caption p {
		color: #40484d;
		font-family: 'Karla', sans-serif;
		font-size:1.125em;
	}

	/******************************************
	/* Custom button styles
	******************************************/
	.nivo-caption .ButtonWrapper
	{
		height:40px;
		position:absolute;
		right:30px;
		top:20px;
	}
	
	.nivo-caption .ButtonWrapper .ButtonCornerLeft
	{
		background:url(/Content/Images/Feature_Button_Left.png) no-repeat left top;
		height:40px;
		width:8px;
		float:left;
	}

	.nivo-caption .ButtonWrapper .ButtonText
	{
		background:url(/Content/Images/Feature_Button_Tile.png) repeat-x left top;
		height:40px;
		float:left;
		font-family:'Calibri', 'Helvetica Neue', Arial, Sans-Serif;
		font-size:1.2em;
		font-weight:bold;
	}

	.nivo-caption .ButtonWrapper .ButtonCornerRight
	{
		background:url(/Content/Images/Feature_Button_Right.png) no-repeat left top;
		height:40px;
		width:23px;
		float:left;
	}
	
	.nivo-caption .ButtonWrapper a
	{
		text-decoration:none;
		color:#fff;
		display:block;
		height:29px;
		text-shadow:0px 1px 1px #000;
		float:left;
		padding:9px 7px 0px;
	}
	
	/******************************************
	/* Custom style for button anchors
	******************************************/
	#HomeHero a.styledbutton,
	.LandingPage a.styledbutton 
	{
		background-image: url(/Img/read-more-right.png);
		background-repeat: no-repeat;
		background-position: right top;
		color: #fff;
		display: inline-block;
		float: right;
		font-size: 0.9em;
		padding: 0px 14px 0px 0px;
		position: absolute;
		text-decoration: none;
	}	

	/* Direction nav styles (e.g. Next & Prev) */
	.nivo-directionNav
	{
		height:110px;
		position:absolute;
		top:97px;
		width:100%;
	}

	.nivo-directionNav a
	{
		cursor:pointer;
		display:block;
		z-index:7;
	}

	.nivo-prevNav 
	{
		background:url(/Content/Images/Feature_Nav_Previous.png) no-repeat left top;
		position:absolute;
		left:0px;
		top:0px;
		height:110px;
		width:73px;
	}
	
	.playpause
	{
		background:url(/Content/Images/Feature_Nav_Pause.png) no-repeat left top;
		height:73px;
		width:110px;
	}
	
	.playpause.paused
	{
		background:url(/Content/Images/Feature_Nav_Play.png) no-repeat left top;
		height:30px;
		width:30px;
	}
	
	.nivo-nextNav {
		background:url(/Content/Images/Feature_Nav_Next.png) no-repeat left top;
		position:absolute;
		right:0px;
		top:0px;
		height:110px;
		width:73px;
	}
	
	.nivo-Counter
	{
		background:url(/Content/Images/Feature_Nav_Separator.png) no-repeat left top;
		color:#ffffff;
		font-size:0.85em;
		font-weight:bold;
		float:left;
		height:30px;
		padding-top:9px;
		padding-left:10px;
	}
		
	/* Control nav styles (e.g. 1,2,3...) */
	.nivo-controlNav a {
	}
	
	.nivo-controlNav
	{
	}
	
	.nivo-controlNav a {
	}
	
	.nivo-controlNav a.playpause {
	}
	
	.nivo-controlNav a.playpause.paused {
	}
	
	.nivo-controlNav a.active {
	}		
}