
.carousel {
	position:relative;
	float:left;
	width:100%;
	clear:both;
}


.carousel .feature{
	float:left;
	width:100%;
	left:0;
	top:0;
	position:relative;
	height:258px;
	background-repeat:no-repeat;
	background-position:left top;
}

.carousel .feature img{
	position: absolute;
	top: 0px;
	left: 0px;
}

.vertical .feature{
	width:448px;
	height:205px;
	overflow:hidden;
	background-position: -60px -10px;
	
	position:relative;
}
.carousel .corners{
	height:170px;
	width:100%;
	background:url("../images/bg-feature-corners.png") no-repeat top left;
	_background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/1/themes/html/HSBCPremierPrivileges_theme/images/bg-feature-corners.png', sizingMethod='crop');

	position:absolute;
	z-index:1;
	top:0;
	left:0;
}
.vertical .corners{
	background:url("../images/bg-gallery-corners.png") no-repeat top left;
	_background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/1/themes/html/HSBCPremierPrivileges_theme/images/bg-gallery-corners.png', sizingMethod='crop');
	_overflow:hidden;
	width:448px;
	height:120px;
}

.carousel .feature .carouselOverlay{
	float:left;
	width:532px;
	padding:9px 16px 8px;
	background:url("../images/bg-feature-overlay.png");
	height:71px;
	margin-top:170px;
	position: relative;
	
	position:absolute;
	bottom:0;
	height:auto;
}
.vertical .feature .carouselOverlay{
	width:417px;
	background:url("../images/bg-feature-overlay.png");
	height:69px;
	margin-top:119px;
	position:absolute;
	bottom:0;
	height:auto;
}

.carousel h2{
	display: inline-block;
	padding-bottom: 4px;
	/*width:100%;
	clear:both;*/
}
.carousel h2 span{
	color:#fff;
}

.carousel h2 img{
	float:left;
}

.carousel h2 a{
	float:right;
	padding-top:7px;
	position:relative;
	z-index:2;
}
	
.carousel .corners p {
text-indent:-2000px;
}


.carousel p {
	clear:both;
	padding-right:100px;
	color:#fff;
}
.vertical p {
	clear:both;
	padding-right:0;
	color:#fff;	
}


.carousel .control {
	clear:both;
	width:545px;
	padding:15px 9px 5px 10px;
	background:url("../images/bg-carousel-control.gif") no-repeat bottom left;
	position:relative;
	float:left;
}

.vertical .control {
	width:116px;
	height:198px;
	clear:none;
	padding:4px 0 3px;
	background:url("../images/bg-carousel-control-vert.gif") no-repeat top right;
}

.carousel .control .window {
	width:545px;
	height:74px;
	overflow:hidden;
	position:relative;
	margin-left:-4px;
	padding-right:10px;
}

.vertical .control .window {
	width:116px;
	height:198px;
	margin-left:0px;
	padding-right:0px;
}

.carousel .control ul {
	clear:both;
	padding-left:4px;
	/*position:absolute;*/
	top:0;
	left:0;
}
.carousel.vertical .control ul {
	padding-left: 2px;
}
.carousel .control ul:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0px;
	content: '.'	
}
.carousel .control ul li {
	list-style:none;
	float:left;

	padding:6px 7px 6px 1px;
}

.vertical .control ul li {

	padding:1px 7px 1px 6px;
}

.carousel .control ul li a {
	float:left;
	width:100px;
	height:62px;
	text-align:center;
	vertical-align:middle;
	border: 1px solid #CCCCCF;
}
.carousel .control div.selected {	
	width:112px;
	height:74px;
	z-index:1;
	position:absolute;
	background:url("../images/bg-carousel-thumb-selelcted.gif") no-repeat top right;
	display: none;
	margin-top: 1px;
}
.carousel.vertical .control div.selected {
	background:url("../images/bg-carousel-thumb-selelcted-vert.gif") no-repeat top right;
	margin-top: -1px;
}
.vertical .control div.selected {	
	left:0px;
	height: 67px;
}

.carousel .control .buttons 
{
	display:none;
	position:absolute;
	z-index:2;	
	width: 87px;
	top: -10px;
	left: 239px;
	background: url('../images/carousel-button-bg.png') no-repeat center top;
}
.carousel.vertical .control .buttons{
	position: relative;
	top: 0px;
	left: 0px;
	width: auto;
	background: none;
}
.carousel .control .buttons div{
	float: left;
}
.carousel .control .buttons div a{
	font-size: 75%;
	width: 21px;
	height: 20px;
}
.carousel .control .buttons div a:visited{
	color: red;	
}
.carousel .control .buttons div a:focus{
	outline: 1px dotted #CCC;
}
.carousel .control .buttons .pause{
	margin-right: 1px;
}
.carousel .control .buttons div .pressed{
	display: none;
}
.carousel .control .buttons div.active img{
	display: none;
}
.carousel .control .buttons span.pressed{
	display: none;
}
.carousel .control .buttons div.active .pressed{
	display: block;
}

/*
.carousel .control .buttons .left {	
	position:absolute;
	top:-15px;
	left:220px;
}
.carousel .control .buttons .right {	
	position:absolute;
	right:220px;
	top:-15px;
}
.carousel .control .buttons .play {
	position:absolute;
	top:-15px;
	left:250px;
}
.carousel .control .buttons .pause {
	position:absolute;
	top:-15px;
	left:270px;
}*/
.vertical .control .buttons .up {	
	position:absolute;
	top:-21px;
	left:50px;
	z-index:2;
}
.vertical .control .buttons .down {	
	position:absolute;
	top: 201px;
	left:50px;
	z-index:2;
}
.carousel .control ul li a img{
	display: block;
}
.carousel a.buttonStyle03{
	margin-top: 3px;
	position: relative;
	z-index: 0;
	zoom: 1;

}
.carousel .carouselImageWrapper img{
	height:258px;
	width:564px;
}
.carousel.vertical .carouselImageWrapper img{
	height:205px;
	width:448px; 
}
*html.carousel .feature .overlay{
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/1/themes/html/HSBCPremierPrivileges_theme/images/bg-feature-overlay.png', sizingMethod='scale');
}
*html.carousel .corners
.bannerContent{
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/1/themes/html/HSBCPremierPrivileges_theme/images/bg-feature-corners.png', sizingMethod='crop');
}
*html.vertical .corners
.verticalContent .corners{
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/1/themes/html/HSBCPremierPrivileges_theme/images/bg-gallery-corners.png', sizingMethod='crop');
	overflow:hidden;
}

*html.dropdown .header {
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/1/themes/html/HSBCPremierPrivileges_theme/images/bg-dropdown.png', sizingMethod='crop');
	overflow:hidden;
}
