#carousel-container
{
	width: 960px;
	height:200px;
	background-color:#bdc8d0;
	display:block;
}
#viewport
{
	position:relative;
	float:left;
	width:885px;
	overflow:hidden;
	background:url(/global/hpc/en/us/PublishingImages/home/viewport.png) no-repeat;
	padding-top:10px;
	height:198px;
}
#viewport ul#items
{
	position: relative;
	padding: 0;
	margin: 0px 0px 0px -3px;
}
#viewport ul#items li.item
{
	position:relative;
	float: left !important;
	list-style: none;
	margin:0px;
	margin-right:10px;
	width:207px;
	height:189px;
	z-index:1;
}

div#container-hover {
    width:207px;
	height:189px;
	overflow:hidden;
	background-image:url(/global/hpc/en/us/PublishingImages/home/Hp_Island_hover.png);
	background-repeat:no-repeat;
	padding:5px 20px;
	z-index:100;
	left:0px;
	top:0px;
	position:absolute;
}

#viewport ul#items li.item div.container
{
	width:207px;
	height:189px;
	overflow:hidden;
	background-image:url(/global/hpc/en/us/PublishingImages/home/Hp_Island.png);
	background-repeat:no-repeat;
	padding:5px 5px;
}

#viewport ul#items li.item div.container div.headline, div#container-hover div.headline
{
	background-color:#FFFFFF;
	border:solid 2px #E0E0E0;
	width:193px;
	height:75px;
	margin:7px 0px 0px 3px;
}

div.dyk
{
	background-image:url(/global/hpc/en/us/PublishingImages/home/Hp_Icon_DYK.png);
	background-repeat:no-repeat;
	background-position:left;
	height:75px;
	width:65px;
}

div.one-eighty
{
	background-image:url(/global/hpc/en/us/PublishingImages/home/Hp_Icon_180.png);
	background-repeat:no-repeat;
	background-position:left;
	height:75px;
	width:65px;
}

div.dyk h3, div.one-eighty h3
{
	margin:0px 0px 0px 65px;	
}
div.trial-arrow h3
{
	margin:20px 0px 0px 65px;	
}
div.azure h3
{
	margin:10px 0px 0px 70px;	
}

div.sp1 h3
{
	margin:0px 0px 0px 65px;	
}

div.excel h3
{
	margin:20px 0px 0px 70px;	
}
div.desktop h3
{
	margin:5px 0px 0px 70px;	
}


div.explore h3
{
	margin:0px 0px 0px 80px;	
}

#viewport ul#items li.item div.container div.dyk p, #viewport ul#items li.item div.container div.one-eighty p,
div#container-hover div.dyk p, div#container-hover div.one-eighty p
{
	display:block;
	margin-top:-1px;
	padding-left:50px;
	width:170px;
}

div.top500
{
	background-image:url(/global/hpc/en/us/PublishingImages/home/top500.png);
	background-repeat:no-repeat;
	background-position:left;
	height:75px;
	width:65px;
}

div.newtoHPC
{
	background-image:url(/global/hpc/en/us/PublishingImages/home/newtoHPC.png);
	background-repeat:no-repeat;
	background-position:right;
	height:75px;
	width:65px;
}

div.newtoHPC h3
{
	width:150px;	
	margin:5px 0px 0px 10px;
}

div.trial-arrow
{
	background-image:url(/global/hpc/en/us/PublishingImages/home/Hp_Icon_Trial_Arrow.png);
	background-repeat:no-repeat;
	background-position:left;
	height:75px;
	width:65px;
}

div.azure
{
	background-image:url(/global/hpc/en/us/PublishingImages/home/scroll-azure2.png);
	background-repeat:no-repeat;
	background-position:left;
	height:65px;
	width:65px;
}

div.sp1
{
	background-image:url(/global/hpc/en/us/PublishingImages/home/Hp_Icon_Trial_Arrow.png);
	background-repeat:no-repeat;
	background-position:left;
	height:75px;
	width:65px;
}

div.excel
{
	background-image:url(/global/hpc/en/us/PublishingImages/home/scroll-excel.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height:65px;
	width:65px;
}

div.desktop
{
	background-image:url(/global/hpc/en/us/PublishingImages/home/scroll-win7.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height:65px;
	width:65px;
}


div.explore
{
	background-image:url(/global/hpc/en/us/PublishingImages/home/Hp_Icon_Explore.png);
	background-repeat:no-repeat;
	background-position:left;
	height:75px;
	width:65px;
}

a#carousel-next {
    background:url(/global/hpc/en/us/PublishingImages/home/sprite-arrows.png) -40px 0px no-repeat;
}

a#carousel-next:hover {
    background-position: 1px 0;
}

a#carousel-previous {
    background:url(/global/hpc/en/us/PublishingImages/home/sprite-arrows.png) -86px 0px no-repeat;
    margin-left:-1px;	
}

a#carousel-previous:hover {
    background-position: -128px 0;
}

#carousel-previous, #carousel-next
{
	margin:0px 0px;
	padding:0px 0px;
	width:38px;
	height: 187px;
	float:left;
	cursor: pointer;
	text-decoration: underline;	
}


#viewport ul#items li.item div.container p, 
div#container-hover p
{
	margin:5px 4px;
	font-size:12px;
	line-height:15px;
	color:#666666;	
	text-align:left;
}
#viewport ul#items li.item div.container div.headline p,
div#container-hover div.headline p
{
	font-size:12px;
	line-height:14px;
	color:#666666;	
	text-align:left;
}
#viewport ul#items li.item div.container a,
div#container-hover a
{
	top:0;left:0;
	font-size:12px;
	line-height:19px;
	color:#164582;	
	margin:5px 4px;
	z-index:1000;
	top:138px;
}

div.headline img
{
	display:inline;
	padding:0px 5px 0px 5px;
	float:left;
}
div.headline h3
{
	font-family:Segoe UI;
	font-size:13px;
	line-height:22px;
	font-weight:normal;
	color:#666666;
}