﻿/*Carousel*/
.carousel-1 {
	width: 667px;
	height: 110px;
	background: none;
	position: relative;
	overflow: hidden;
	z-index: 99;
	font-family: Arial,Helvetica,sans-serif;
	visibility: hidden;
}

	.carousel-1 .slideContainer {
		width: 592px;
		height: 100px;
		position: absolute;
		left: 38px;
		top: 2px;
		z-index: 202;
		overflow: hidden;
	}

	.carousel-1 .pagerContainer {
		width: 667px;
		height: 84px;
		z-index: 201;
		position: absolute;
		left: 0px;
		top: 10px;
	}

	.carousel-1 .slide {
		width: 592px;
		height: 100px;
	}

	.carousel-1 .oneImage {
        display: block;
		position: relative;
		width: 128px;
		height: 84px;
        background-color:#123B69;
		margin-left: 16px;
		margin-top: 8px;
		float: left;

		cursor: pointer;
		overflow: hidden;
		box-shadow: 0 0 8px rgba(51, 51, 51, 1);
		-webkit-box-shadow: 0 0 8px rgba(51, 51, 51, 1);
		-moz-box-shadow: 0 0 8px rgba(51, 51, 51, 1);
        text-decoration: none;
	}

	.carousel-1 .ieShadow {
		background-color: #333333;
		filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=3, enabled='true');
		position: absolute;
		left: 0px;
		top: 5px;
		width: 129px;
		height: 85px;
	}

	.carousel-1 .oneImage img {
        max-width: 100%;
		position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%)
	}

	.carousel-1 .slide .selected {
		border-color: Black;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1.0;
		-khtml-opacity: 1.0;
		opacity: 1.0;
	}

	.carousel-1 .previousButton, .carousel-1 .nextButton {
		display: block;
		width: 24px;
		height: 72px;
		float: left;
		background: url('../images/carouselSprite.png');
		position: absolute;
	}

	.carousel-1 .previousButton {
		background-position: 0px 0px;
		left: 14px;
	}

	.carousel-1 .nextButton {
		background-position: -24px 0px;
		left: 630px;
	}

	.carousel-1 .moreButton {
		display: block;
		width: 75px;
		height: 23px;
		line-height: 23px;
		font-size: 10px;
		font-weight: bold;
		text-shadow: 0px 1px 1px White;
		color: Black;
		cursor: pointer;
		position: absolute;
		right: 12px;
		top: 6px;
	}

	.carousel-1 .ieFix {
		height: 22px;
		line-height: 22px;
	}

	.carousel-1 .moreButton span {
		display: block;
		width: 9px;
		height: 9px;
		background: url('../images/carouselSprite.png') -44px 0px;
		position: absolute;
		right: 0px;
		top: 8px;
	}

	.carousel-1 .pagerContainer .caption {
		width: 250px;
		font-size: 10px;
		height: 30px;
		line-height: 12px;
		text-align: center;
		color: #555555;
		overflow: hidden;
		position: absolute;
		left: 105px;
		top: 7px;
	}

	.carousel-1 .hidden {
		display: none;
	}

    .carousel-1-imagedistortion
    {
        width: 100%;
        height: 100%;
        top: 0px !important;
        left: 0px !important;
        transform: none !important;
    }

    .carousel-1 .smallVideoOverlay {
		background: url('../images/dgovImageSprite.png') 0px -37px;
		width: 14px;
		height: 14px;
		position: absolute;
		left: 50%;
		top:50%;
		margin-left:-7px;
		margin-top:-7px;
		z-index: 2;
	}

    .carousel-1 .videoOverlay {
	background: url('../images/dgovImageSprite.png') -43px 0px;
	width: 82px;
	height: 82px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -41px;
	margin-top: -41px;
	z-index: 2;
}

/*Slideshow*/
.slideshow-4 {
	width: 667px;
	height: 110px;
	background: none;
	position: relative;
	overflow: hidden;
	z-index: 200;
	font-family: Arial,Helvetica,sans-serif;
	visibility: hidden;
}

	.slideshow-4 .slideContainer {
		width: 592px;
		height: 100px;
		position: absolute;
		left: 38px;
		top: 2px;
		z-index: 202;
		overflow: hidden;
	}

	.slideshow-4 .pagerContainer {
		width: 667px;
		height: 84px;
		z-index: 201;
		position: absolute;
		left: 0px;
		top: 10px;
	}

	.slideshow-4 .slide {
		width: 592px;
		height: 100px;
	}

	.slideshow-4 .oneImage {
        display: block;
		position: relative;
		width: 128px;
		height: 84px;
        background-color:#123B69;
		margin-left: 16px;
		margin-top: 8px;
		float: left;

		cursor: pointer;
		overflow: hidden;
		box-shadow: 0 0 8px rgba(51, 51, 51, 1);
		-webkit-box-shadow: 0 0 8px rgba(51, 51, 51, 1);
		-moz-box-shadow: 0 0 8px rgba(51, 51, 51, 1);
        text-decoration: none;
	}

	.slideshow-4 .ieShadow {
		background-color: #333333;
		filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=3, enabled='true');
		position: absolute;
		left: 0px;
		top: 5px;
		width: 129px;
		height: 85px;
	}

	.slideshow-4 .oneImage img {
        max-width: 100%;
		position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%)
	}

	.slideshow-4 .slide .selected {
		border-color: Black;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1.0;
		-khtml-opacity: 1.0;
		opacity: 1.0;
	}

	.slideshow-4 .previousButton, .slideshow-4 .nextButton {
		display: block;
		width: 24px;
		height: 72px;
		float: left;
		background: url('../images/carouselSprite.png');
		position: absolute;
	}

	.slideshow-4 .previousButton {
		background-position: 0px 0px;
		left: 14px;
	}

	.slideshow-4 .nextButton {
		background-position: -24px 0px;
		left: 630px;
	}

	.slideshow-4 .moreButton {
		display: block;
		width: 75px;
		height: 23px;
		line-height: 23px;
		font-size: 10px;
		font-weight: bold;
		text-shadow: 0px 1px 1px White;
		color: Black;
		cursor: pointer;
		position: absolute;
		right: 12px;
		top: 6px;
	}

	.slideshow-4 .ieFix {
		height: 22px;
		line-height: 22px;
	}

	.slideshow-4 .moreButton span {
		display: block;
		width: 9px;
		height: 9px;
		background: url('../images/carouselSprite.png') -44px 0px;
		position: absolute;
		right: 0px;
		top: 8px;
	}

	.slideshow-4 .pagerContainer .caption {
		width: 250px;
		font-size: 10px;
		height: 30px;
		line-height: 12px;
		text-align: center;
		color: #555555;
		overflow: hidden;
		position: absolute;
		left: 105px;
		top: 7px;
	}

	.slideshow-4 .hidden {
		display: none;
	}

    .slideshow-4-imagedistortion
    {
        width: 100%;
        height: 100%;
        top: 0px !important;
        left: 0px !important;
        transform: none !important;
    }

    .slideshow-4 .smallVideoOverlay {
	background: url('../images/dgovImageSprite.png') 0px -37px;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -7px;
	margin-top: -7px;
	z-index: 2;
}
    .slideshow-4 .videoOverlay {
	background: url('../images/dgovImageSprite.png') -43px 0px;
	width: 82px;
	height: 82px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -41px;
	margin-top: -41px;
	z-index: 2;
}

/*TopRotator*/
.top-rotator-4 {
	width: 667px;
	height: 110px;
	background: none;
	position: relative;
	overflow: hidden;
	z-index: 200;
	font-family: Arial,Helvetica,sans-serif;
	visibility: hidden;
}

	.top-rotator-4 .slideContainer {
		width: 592px;
		height: 100px;
		position: absolute;
		left: 38px;
		top: 2px;
		z-index: 202;
		overflow: hidden;
	}

	.top-rotator-4 .pagerContainer {
		width: 667px;
		height: 84px;
		z-index: 201;
		position: absolute;
		left: 0px;
		top: 10px;
	}

	.top-rotator-4 .slide {
		width: 592px;
		height: 100px;
	}

	.top-rotator-4 .oneImage {
        display: block;
		position: relative;
		width: 128px;
		height: 84px;
        background-color:#123B69;
		margin-left: 16px;
		margin-top: 8px;
		float: left;

		cursor: pointer;
		overflow: hidden;
		box-shadow: 0 0 8px rgba(51, 51, 51, 1);
		-webkit-box-shadow: 0 0 8px rgba(51, 51, 51, 1);
		-moz-box-shadow: 0 0 8px rgba(51, 51, 51, 1);
        text-decoration: none;
	}

	.top-rotator-4 .ieShadow {
		background-color: #333333;
		filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=3, enabled='true');
		position: absolute;
		left: 0px;
		top: 5px;
		width: 129px;
		height: 85px;
	}

	.top-rotator-4 .oneImage img {
        max-width: 100%;
		position: absolute;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%)
	}

	.top-rotator-4 .slide .selected {
		border-color: Black;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1.0;
		-khtml-opacity: 1.0;
		opacity: 1.0;
	}

	.top-rotator-4 .previousButton, .top-rotator-4 .nextButton {
		display: block;
		width: 24px;
		height: 72px;
		float: left;
		background: url('../images/carouselSprite.png');
		position: absolute;
	}

	.top-rotator-4 .previousButton {
		background-position: 0px 0px;
		left: 14px;
	}

	.top-rotator-4 .nextButton {
		background-position: -24px 0px;
		left: 630px;
	}

	.top-rotator-4 .moreButton {
		display: block;
		width: 75px;
		height: 23px;
		line-height: 23px;
		font-size: 10px;
		font-weight: bold;
		text-shadow: 0px 1px 1px White;
		color: Black;
		cursor: pointer;
		position: absolute;
		right: 12px;
		top: 6px;
	}

	.top-rotator-4 .ieFix {
		height: 22px;
		line-height: 22px;
	}

	.top-rotator-4 .moreButton span {
		display: block;
		width: 9px;
		height: 9px;
		background: url('../images/carouselSprite.png') -44px 0px;
		position: absolute;
		right: 0px;
		top: 8px;
	}

	.top-rotator-4 .pagerContainer .caption {
		width: 250px;
		font-size: 10px;
		height: 30px;
		line-height: 12px;
		text-align: center;
		color: #555555;
		overflow: hidden;
		position: absolute;
		left: 105px;
		top: 7px;
	}

	.top-rotator-4 .hidden {
		display: none;
	}

    .top-rotator-4-imagedistortion
    {
        width: 100%;
        height: 100%;
        top: 0px !important;
        left: 0px !important;
        transform: none !important;
    }

    .top-rotator-4 .smallVideoOverlay {
		background: url('../images/dgovImageSprite.png') 0px -37px;
		width: 14px;
		height: 14px;
		position: absolute;
		left: 50%;
		top:50%;
		margin-left:-7px;
		margin-top:-7px;
		z-index: 2;
	}

    .top-rotator-4 .videoOverlay {
	background: url('../images/dgovImageSprite.png') -43px 0px;
	width: 82px;
	height: 82px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -41px;
	margin-top: -41px;
	z-index: 2;
}