﻿.SpotlightContainer
{
    height: 364px;
    width: 955px;
    margin-bottom: 0px;
    margin-top: 5px;
}

.bx-wrapper img {
	max-width: 955px;
	display: block;
    padding:0px;
    margin:0px;
}

.bx-wrapper {
	position: relative;
	padding: 0px;
	*zoom: 1;
    width: 955px;
    height: 364px;
    margin: 0 auto;
    z-index:0;
}

.bx-wrapper .bx-viewport 
{
    height:364px !important;
    width:955px !important;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

    .bx-wrapper .bxslider
    {
        padding:0px !important;
    }

    .bx-wrapper .bx-viewport .bxslider li .bx-caption {

        /*Older Browsers*/
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#66001d59, endColorstr=#66001d59)";

        position: absolute;
        width: 500px;
        height: 100px;
        left: 0px;
        overflow: hidden;
        text-align: left;
        bottom: 10px;
        background-color: rgba(0,29,89,0.4);
        z-index: 50;
        padding-left: 3px;
        padding-top: 4px;
    }

        .bx-wrapper .bx-viewport .bxslider li .bx-caption .SpotDescription
        {
            padding: 12px;
            font-family: Verdana;
            font-size: 14px;
            margin-top: 15px;
            line-height: 18px;
            text-align: left;
            color: #ffffff;
            -webkit-text-shadow: 0 1px 3px #000000;
            text-shadow: 0 1px 3px #000000;
        }

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
        background-image: url('../Images/Images/left.png');
        background-repeat: no-repeat;
        background-position: left center;
        width: 50px;
        height: 364px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        text-decoration: none;
}

.bx-wrapper .bx-next {
        background-image: url('../Images/Images/right.png');
        background-repeat: no-repeat;
        background-position: right center;
        width: 50px;
        height: 364px;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        text-decoration: none;
}

.bx-wrapper .bx-prev:hover {
	background-position: left center;
}

.bx-wrapper .bx-next:hover {
	background-position: right center;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	margin-top: -16px;
	outline: 0;
	width: 50px;
	height: 100px;
    top:148px;
	text-indent: -9999px;
	z-index: 1;
    z-index:90;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* PAGER */

.bx-wrapper .bx-controls .bx-pager 
{
    top:255px;
    left:15px;
    position:absolute;
    width:480px;
}

.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
        margin: 0 0 0 1px;
        padding: 0 0 0 0;
        height: 20px;
        text-align: left;
        overflow-y: hidden;
        bottom: 90px;
        left: 10px;
        display: inline-block;
        z-index:3;
}

    .bx-wrapper .bx-controls-auto .bx-controls-auto-item .bx-start, .bx-wrapper .bx-controls-auto .bx-controls-auto-item .bx-stop 
    {
        display:none;
    }


.bx-wrapper .bx-pager.bx-default-pager a:link, .bx-wrapper .bx-pager.bx-default-pager a:active, .bx-wrapper .bx-pager.bx-default-pager a:visited, .bx-wrapper .bx-pager.bx-default-pager a:hover 
{
    text-decoration: none;
    width: 18px;
    height: 20px;
    padding: 6px;
    font-family: Verdana;
    font-size: 8pt;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    color: black;
    background-image: url('../Images/Images/Inactive.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
    color: white;
    background: url('../Images/Images/ActiveRed.png');
    background-repeat: no-repeat;
    background-position: center center;
}


a.SpotlightWhiteReadMore:link, a.SpotlightWhiteReadMore:visited, a.SpotlightWhiteReadMore:hover, a.SpotlightWhiteReadMore:active 
{
    background-position: right;
    background-repeat: no-repeat;
    background-image: url('../Images/Images/WhiteReadMore.png');
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 25px;
    color:white;
    font-family: Verdana;
    font-size: 9pt;
    text-decoration: none;
    position: absolute;
    left:15px;
    top:80px;
    z-index:20;
}