#slideshow-wrap {
	text-align:center;
	margin:auto;
	width:763px;
}
.ui-tabs {
	zoom: 1;
}
.ui-tabs .ui-tabs-nav {
	list-style: none;
	position: relative;
	padding: 2px 2px 0;
	overflow: hidden;
	margin:0;
	top: 1px;
	z-index: 1000;
}
.ui-tabs .ui-tabs-nav li {
	position: relative;
	float: left;

/*
	border: 1px solid #ccc;
	border-bottom-width: 0 !important;
	margin: 0 2px -1px 0;
	background: #ccc;
*/	
}


li a#icon-1{display:block;background-image:url(../images/icon-1.png);}
li a#icon-2{display:block;background-image:url(../images/icon-2.png);}
li a#icon-3{display:block;background-image:url(../images/icon-3.png);}
li a#icon-4{display:block;background-image:url(../images/icon-4.png);}
li a#icon-5{display:block;background-image:url(../images/icon-5.png);}
li a#icon-6{display:block;background-image:url(../images/icon-6.png);}
li a#icon-7{display:block;background-image:url(../images/icon-7.png);}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	text-decoration: none;
	padding:0;
	color:#999;
	background-position:top left;
	 height:20px; 
	 width:19px; 
	 background-repeat:no-repeat;
	 margin:0 3px 5px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	background-position:top right;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor:default;
	color:#000;
	font-weight:bolder;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
	padding-bottom: 35px;
	display: block;
	border-width: 0;
	background: none;
	border: 0px solid #ccc;
	position: relative;
	min-height: 200px;
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}
a.mover {
	position: absolute;
}
.next-tab {
	bottom:0;
	right: 5px;
	background-image:url(../images/arrow_next.png);
	background-repeat:no-repeat;
	height:28px;
	width:114px;
	display:block;
}
.prev-tab {
	bottom:0;
	left: 5px;
	background-image:url(../images/arrow_back.png);
	background-repeat:no-repeat;
	height:28px;
	width:114px;
	display:block;	
}

/* -------------------------------------------------------------------------- How it works slideshow panels */

.ui-tabs-panel{position:relative;}
.ui-tabs-panel h2{position:absolute;top:15px;left:29px; text-align:left;}
ul.copy{position:absolute;top:70px;left:10px; width:280px; text-align:left; list-style:none; font-weight:bolder;}
ul.copy li{margin-bottom:15px;}
ul.copy li h3{ padding:0 0 10px 0; margin:0;}

.pinA{position:absolute; height:40px; width:40px; background-image:url(../images/hiw/pin_a.png); background-repeat:no-repeat;}
.pinB{position:absolute; height:40px; width:40px; background-image:url(../images/hiw/pin_b.png); background-repeat:no-repeat;}
.pinC{position:absolute; height:40px; width:40px; background-image:url(../images/hiw/pin_c.png); background-repeat:no-repeat;}
.pinD{position:absolute; height:40px; width:40px; background-image:url(../images/hiw/pin_d.png); background-repeat:no-repeat;}

#hiw-1{
	background-image:url(../images/hiw/1-intro.jpg);
	background-repeat:no-repeat;
	height:453px;
	width:763px;
}
#hiw-1 .pinA{top:160px;left:350px;}

#hiw-2{
	background-image:url(../images/hiw/2-landingPage.jpg);
	background-repeat:no-repeat;
	height:453px;
	width:763px;
}

#hiw-3{
	background-image:url(../images/hiw/3-signup.jpg);
	background-repeat:no-repeat;
	height:453px;
	width:763px;
}

#hiw-4{
	background-image:url(../images/hiw/4-gallery.jpg);
	background-repeat:no-repeat;
	height:453px;
	width:763px;
}
#hiw-5{
	background-image:url(../images/hiw/5-listingDetail.jpg);
	background-repeat:no-repeat;
	height:453px;
	width:763px;
}
#hiw-6{
	background-image:url(../images/hiw/6-leadManager.jpg);
	background-repeat:no-repeat;
	height:453px;
	width:763px;
}
#hiw-7{
	background-image:url(../images/hiw/7-happySold.jpg);
	background-repeat:no-repeat;
	height:453px;
	width:763px;
}