﻿a.scroller-hover-image img
{
	display: none;
}
a#carousel-next img, a#carousel-previous img
{
	display: none;
}

/* COULD HAVE PROBLEMS ON THIS ONE */
#carousel-container
{
	padding-top: auto !important;
}
#viewport
{
	width: 885px !important;
	background:url(/global/hpc/en/us/PublishingImages/home/viewport.png) no-repeat;
	padding-top:10px;
	height:198px;
}

#viewport ul#items
{
	margin-left: -3px !important;
}
#viewport ul#items li.item
{
	z-index: 1;
	width: 207px !important;
	margin-right: 10px;
	background: none !important;
}

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;
}

div#container-hover div.headline
{
	background-color:#FFFFFF;
	border:solid 2px #E0E0E0;
	height:75px;
}

#viewport ul#items li.item div.container div.headline, div#container-hover div.headline
{
	width: 193px !important;
	margin: 7px 0px 0px 3px !important;
}

div#container-hover div.dyk p, div#container-hover div.one-eighty p
{
	display:block;
	margin-top:-1px;
	padding-left:50px;
	width:170px;
}

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 !important;	
}

a#carousel-previous:hover {
    background-position: -128px 0;
}

#carousel-previous, #carousel-next
{
	margin:0px 0px !important;
	padding:0px 0px !important;
	width:38px !important;
	height: 187px !important;
}

/* COULD HAVE PROBLEMS ON THIS ONE */
#carousel-previous
{
	margin-left: auto !important;
}

#viewport ul#items li.item div.container p, 
div#container-hover p
{
	margin:5px 4px !important;
	width: auto !important; /* may cause problems */
	font-size:12px;
	line-height:15px;
	color:#666666;	
	text-align:left;
}

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 !important;
	/*position: inherit !important;  could cause problems */
	z-index:1000;
	top:138px;
	white-space:nowrap;
}

div.headline h3
{
	font-size: 13px !important;
}

#viewport ul#items li.item div.container
{
	position: inherit !important;
}
.newContent {
	padding-left:0px;
	margin-left:0px;
	margin-right:0px;
	padding-bottom:0px;
	
}
p.cueParagraph {
	margin:0px;
	padding: 0px;
}
.leftZone p{
	padding-bottom:0px;
}