﻿

.CarouselSpot
{
    position: relative;
}

.CarouselSpot .next, .CarouselSpot .prev
{
    display:none
}


.CarouselElements
{
    width: 566px;
    height: 380px;
    overflow: hidden;
    position: relative;
    display: none;
    font-size: 13px;
}


.CarouselElement
{
    position: relative;
    display: block;
}

.CarouselElement .Overlay
{
    position: absolute;
    top: 0;
    left: -230px;
    width: 230px;
    padding-bottom: 15px;
    background: transparent url(/Components/Design/Skins/SonicWebsite/images/bgd_gallery.png) no-repeat right bottom;
}

.CarouselElement .Overlay .OverlayHeader
{
    background: transparent url(/Components/Design/Skins/SonicWebsite/images/bgd_gallery.png) no-repeat left bottom;
    min-height: 109px;
    padding: 39px 0 30px;
    position: relative;
}

.CarouselElement .Overlay .OverlayHeader h2
{
    position: absolute;
    margin: 0;
    padding: 52px 30px 0 23px;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 28px;
    /*width: 155px;*/
    text-align: left;
    color: #fff;
    font-size: 28px;
	font-family: 'Sonic-Reg',arial,helvetica,sans-serif;
}

.CarouselElement .Overlay p
{
    color: #363636;
    padding: 5px 33px 8px 21px;
    margin: 0;
}

.CarouselElement .Overlay a
{
    font-weight: bold;
    /*background: url("/Components/Design/Skins/SonicWebsite/images/plus-sign_7x7.png") 0 3px no-repeat;*/
    padding: 0 0 0 11px;
    /*margin-left: 21px;*/
    display:block;
	color: #009ddc;
	font-family: arial,helvetica,sans-serif;
	font-size: 13px;
    font-weight: bold;
}
.CarouselElement .Overlay a:before
{
    content: "+ ";
    margin-left: 11px;
}
.CarouselElement .Overlay a.VideoLink:before
{
    content: "";
}

.CarouselElement .Overlay a.VideoLink
{
    background: none;
    padding: 0;
    margin: 20px 30px 10px 30px;
    display: block;
    position: relative;
}

.CarouselElement .Overlay a.VideoLink span
{
    content: "";
    background: url(/Components/Design/GenericImages/btn_play.png) no-repeat;
    position: absolute;
    width: 34px;
    height: 34px;
    top: 28px;
    left: 60px;
}

.CarouselElement .Overlay a.VideoLink img
{
    height: 90px;
    width: 155px;
}


.OverlayBoxArrow
{
	display: none;
    position: absolute;
    top: 22px;
    right: -15px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #C6168D;
}

.CarouselNavigation
{
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 11;
    list-style:none;
}

.CarouselNavigation li
{
    padding: 0;
    /*background: #fff;*/
    text-align: center;
}

.CarouselNavigation li.Current
{
    color: #fff;
}

.CarouselNavigation li a
{
    text-decoration: none;
    width: 20px;
    height: 20px;
    display: block;
}



.CarouselNavigation li.Current a, .CarouselNavigation li a:hover
{
    color: #fff;
    background: transparent url(/Components/Design/Skins/SonicWebsite/images/carousel_indicator_1.png) no-repeat 0 0;
}


.CarouselNavigation li a
{
    vertical-align: middle;
    line-height: 20px;
    font-size: 0.8em;
    color: #fff;
	background: transparent url(/Components/Design/Skins/SonicWebsite/images/carousel_indicator_2.png) no-repeat 0 0;
	list-style:none;
}


/*.CarouselVideoPlayer
{
    display: none;
}

.CarouselVideoPlayer.flash-replaced .alt
{
    display: none;
}

.CarouselColorbox #cboxLoadedContent, .CarouselColorbox #cboxLoadingOverlay
{
    background: none !important;
}

.CarouselColorbox #cboxClose
{
    background: url(/Components/Design/Skins/SonicWebsite/Images/close-overlay.png) top center no-repeat;
    right: 10px;
    background: none;
    text-indent: 0;
    font-size: 14px;
    color: #C6168D;
    font-weight: bold;
    display:none;
}*/
