#hppromo1,#hppromo2,#hppromo5 {
	height:219px;
	width:377px;
}
#hppromo3,#hppromo4  {
	background: none;
	height:219px;
	width:377px;
}
#hp2008-center-top h2,
#hp2008-center-top p {
	padding: 0px;
	margin: 0px;
}

/* size the container and each pane inside it */
#hp2008-center-top, #hp2008-center-top .zing-pane {
	width: 377px;
	height: 219px;
	border-bottom:2px solid #FFFFFF;
}

/* position the nav within the container */
#hp2008-center-top .zing-nav {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 377px;
	height: 26px;
	z-index: 2000;
	background: transparent url(/images/hp-zing-buttons_bg.png) no-repeat scroll 0 0;
}

.zing-pause, .zing-play{
	height: 20px;
	width: 20px;
	position: absolute;
	left: 342px;
	top: 3px;
}
.zing-pane div.clickable {
	position: absolute;
	top: 25px;
	width: 377px;
	height: 145px;
	z-index: 1000;
}
.zing-pane div.content {
	position: absolute;
	width: 377px;
	height: 219px;
}
/*

zing-pane" id="hppromo2">
									<div class="clickable
									
									
		 class="hppromotab" id="hppromo-1-tab"></div>
<div class="hppromotab" id="hppromo-2-tab"
									*/
									
/* a tab (or button) */

.hppromotab {
	float: left;
	display: block;
	padding: 0;
	cursor: pointer;
	width: 20px;
	height: 20px;
	margin: 3px;
}
/* hide tab contents because text is in bg image */
.hppromotab p {
	display: none;
	height: 0;
	line-height: 0;
}
#hppromo-1-tab {
	background: transparent url(/images/hp-zing-button-1.png);
	margin-left: 15px;
}
#hppromo-2-tab {
	background: transparent url(/images/hp-zing-button-2.png);
}
#hppromo-3-tab {
	background: transparent url(/images/hp-zing-button-3.png);
}
#hppromo-4-tab {
	background: transparent url(/images/hp-zing-button-4.png);
}
#hppromo-5-tab {
	background: transparent url(/images/hp-zing-button-5.png);
}
#hppromo-1-tab.current {
	background: transparent url(/images/hp-zing-button-1-active.png);
	margin-left: 15px;
}
#hppromo-2-tab.current {
	background: transparent url(/images/hp-zing-button-2-active.png);
}
#hppromo-3-tab.current {
	background: transparent url(/images/hp-zing-button-3-active.png);
}
#hppromo-4-tab.current {
	background: transparent url(/images/hp-zing-button-4-active.png);
}
#hppromo-5-tab.current {
	background: transparent url(/images/hp-zing-button-5-active.png);
}
#hppromo-1-tab, #hppromo-2-tab, #hppromo-3-tab, #hppromo-4-tab {
	
}

/* add some space between the groups of buttons, hackishly */
#demo .zing-prev,
#demo .zing-play,
#demo .zing-pause {
	margin-left: 15px;
}