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

/* Product Pages CSS Sheet (Hydro) */

/* Landing Page for Hydro Video */
#hydroVideoLandingNavBtnContainer{
	position:absolute;
	top:490px;
	left:0px;
	width:100%;
	height:41px;
}

.hydroVideoLandingNavBtnItem{
	width:33%;
	float:left;
	height:41px;
	background-image:url(http://sas-origin.OnstreamMedia.com/origin/amplitudemarketinggroupinc/website/img/buttons/productsGrayNavBtn.png);
	background-repeat:no-repeat;
	background-position:top center;
	text-align:center;
	padding-top:8px;
}
.hydroLandingNavBtnItem:hover{
	background-image:url(http://sas-origin.OnstreamMedia.com/origin/amplitudemarketinggroupinc/website/img/buttons/productsGreenNavBtn.png);
}

#hydroVideoLandingTextBox{
	position:absolute;
	top:316px;
	left:65px;
	width:460px;
	text-align:left;
	font-family:arial;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
}

/* Carousel Styles */

#hydroVideoCarouselContainer{
	position:absolute;
	top:470px;
	left:50%;
	margin-left:-435px;
	width:870px;
	height:118px;
	text-align:center;
	z-index:1100;
	overflow: hidden;
}

 #hydroVideoCarousel .jcarousel-clip {
	float:left;
    z-index: 1018;
    padding: 0;
	margin-top:15px;
	margin-left:0px;
    overflow: hidden;
	z-index:1015;
	width:863px;
	height:118px;
}

#hydroVideoCarousel .jcarousel-list {
    z-index: 1000;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
	margin-left:-2px;
	margin-top:-2px;
	z-index:1015;
	
}

#hydroVideoCarousel .jcarousel-list li,
#hydroVideoCarousel .jcarousel-item {
    float: left;
    list-style: none;
    width: 260px;
	margin-left:15px;
	margin-right:15px;
    height: 116px;
	z-index:1015;
	overflow: hidden;
}


.hydroVideoCarouselArrow{
	position:absolute;
	top:485px;
	width:31px;
	height:104px;
}

.rightArrow{
	right:30px;
}

.leftArrow{
	left:30px;	
}



.hydroVideoCarouselItem{
	width: 260px;
	height: 116px;
	background-image:url(http://sas-origin.OnstreamMedia.com/origin/amplitudemarketinggroupinc/website/img/backgrounds/hydroVideoSpotBackground.png);
	background-repeat:no-repeat;
}

.hydroVideoCarouselItem a img{
	float:left;
	margin-top:16px;
	margin-left:10px;
	border:none;
}
.hydroVideoCarouselItem h1{
	margin-top:20px;
	margin-left:8px;
	float:left;
	color:#088FD6;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
}

.hydroVideoCarouselItem p{
	margin-top:0px;
	margin-left:115px;
	width:140px;
	color:#FFF;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	text-align:left;
}

#hydroVideoCleanBreakLeftColumn #hydroVideoSubNavButtonBox, #hydroVideoTVSpotsLeftColumn #hydroVideoSubNavButtonBox{
	width:240px;
	text-align:center;
}

#hydroVideoSubNavButtonBox{
	position:absolute;
	top:560px;
	left:365px;
	margin-left:-120px;
	width:240px;
	z-index:1300;
}

/* Slider Styles */

#hydroVideoSlider{
	position:absolute;
	top:210px;
	right:30px;
    height: 385px;
    width: 4px;
}

#content{
	width:100%;
}

/* ---- Video Player CSS --- */
#hydroVideoPlayerContainer{
	position:absolute;
	top:175px;
	left:35px;
	width:628px;
	height:355px;
	z-index:1050;
	overflow:hidden;
	margin:10px;
	float:left;
}

#hydroVideoPlayerControls{
	width:628px;
	height:37px;
	z-index:1050;
	overflow:hidden;
	margin:10px;
	float:left;
}

.hydroVideoPlayerControlItem{
	float:left;	
}

#hydroVideoPlayerControls #playPauseBtn{
	width:13px;
	margin-left:10px;
	margin-right:10px;	
	height:37px;
}

#hydroVideoPlayerControls #seekBar{
	background-image:none;
	background-color:#b9cae6;
	-moz-border-radius:none;
	border:none;
	width:73%;
	height:5px;
	margin-top:5px;
	margin-right:10px;	
}

#hydroVideoPlayerControls #volumeControlBtn{
	width:19px;
	height:37px;
	margin-left:10px;
	margin-right:10px;	
}

#hydroVideoPlayerControls #seekBar .ui-progressbar-value{
	background-image:none;
	background-color:#009CE8;
	border:none;
	margin-top:0px;
	padding:0px;
}

#hydroVideoPlayerControls #fullscreenBtn{
	position:absolute;
	top:565px;
	left:610px;
	width:64px;
	height:37px;
	z-index:1300;
}

/* Clean Break Styles */
#hydroVideoCleanBreakBackground{
	background-image:url(http://sas-origin.OnstreamMedia.com/origin/amplitudemarketinggroupinc/website/img/backgrounds/hydroVideoCleanBreakBackground.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:1000px;
	height:525px;
	z-index:1020;
	margin:4px 0px 0px 0px;
}

#hydroVideoCleanBreakLeftColumn{
	float:left;
	width:666px;
	height:465px;
	margin:25px 0px 0px -160px;
}
#hydroVideoCleanBreakRightColumn{
	position:absolute;
	top:210px;
	right:45px;
	width:235px;
	height:405px;
	overflow:hidden;
}

.hydroVideoCleanBreakRightColumnitem{
	width:238px;
	height:192px;
	background-color:#000;
	margin-bottom:15px;
}

.hydroVideoCleanBreakRightColumnitem img{
	margin:10px 0px 0px 10px;
}

.hydroVideoCleanBreakRightColumnitem h1{
	margin-top:5px;
	margin-left:8px;
	color:#088FD6;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
}

.hydroVideoCleanBreakRightColumnitem p{
	margin:-2px 0px 0px 10px;
	width: 228px;
	color:#FFF;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	text-align:left;
}



/* TVSpots Styles */
#hydroVideoTVSpotsBackground{
	background-image:url(http://sas-origin.OnstreamMedia.com/origin/amplitudemarketinggroupinc/website/img/backgrounds/hydroVideoTVSpotsBackground.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:1000px;
	height:525px;
	z-index:1020;
	margin:4px 0px 0px 0px;
}

#hydroVideoTVSpotsLeftColumn{
	float:left;
	width:666px;
	height:465px;
	margin:25px 0px 0px -160px;
}
#hydroVideoTVSpotsRightColumn{
	position:absolute;
	top:210px;
	right:45px;
	width:235px;
	height:405px;
	overflow:hidden;
}

.hydroVideoTVSpotsRightColumnitem{
	width:238px;
	height:192px;
	background-color:#000;
	margin-bottom:15px;
}

.hydroVideoTVSpotsRightColumnitem img{
	margin-left:10px;
	margin-top:10px;
}

.hydroVideoTVSpotsRightColumnitem h1{
	margin-top:5px;
	margin-left:8px;
	color:#088FD6;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
}

.hydroVideoTVSpotsRightColumnitem p{
	margin-top:-2px;
	margin-left:10px;
	width: 228px;
	color:#FFF;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	text-align:left;
}