/* -------------------------------------------------------- */
/* 		Main Section - Column740 Tab Section				*/
/* 		Friends, Shopping, Property, Drive, Promo and News	*/
/* -------------------------------------------------------- */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 720px;
height: 170px; /*Height should enough to fit largest content's height*/
}
 
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
 
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 150px;
background-color: #fff;
color: #fff;
}

.stepcarousel .panel a{
    color: #FCE3A1;
}

.GalleryContainer{
float:left;
margin:0;
background:#fff url('../../js/StepCarousel/bg_TabContainer.gif') no-repeat 0 bottom scroll;
}
#galleryc{
margin:0 0px 0 20px;
width: 700px;
/*height: 162px;*/
border-left: 1px solid #c2c2c2;
border-right: 1px solid #c2c2c2;
text-align: center;
}



 
#galleryc .panel{
float: auto; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0 24px; /*margin around each panel*/
width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
padding: 5px;
height:150px;
border:1px solid #666;
background-color:#fff;
}

#galleryc .galleryc-property{

    width: 120px;

}


#galleryc .panel img{
width:100px;
height:100px;
}

#galleryc .panel dl{
background-color:#808080;
margin:0;
padding:5px;
color:#fff;
}
#galleryc .panel dl dt dd{
    font-weight: bold;
}

#galleryc .news{
float: auto; /*leave this value alone*/
overflow: auto; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0 24px; /*margin around each panel*/
width: 650px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
padding: 5px;
height:150px;
border:0px solid #666;
background-color:#fff;

}





#Column_740 ul#CarouselTab{
}
#Column_740 ul#CarouselTab li{
float:left;
list-style:none;
display:block;
height:135px;
}
#Column_740 ul#CarouselTab li.TabFriends{
width:124px;
}
#Column_740 ul#CarouselTab li.TabShopping, #Column_740 ul#CarouselTab li.TabProperty, #Column_740 ul#CarouselTab li.TabDrive{
width:123px;
}
#Column_740 ul#CarouselTab li.TabPromo{
width:122px;
}
#Column_740 ul#CarouselTab li.TabNews{
width:125px;
}


/* ---------------------------------------------------- */
/* 		Main Section - FanClub and Events				*/
/* ---------------------------------------------------- */

.GalleryContent01, .GalleryContent02{
position: relative; /*leave this value alone*/
border:0px solid #666;
overflow: scroll; /*leave this value alone*/
width: 345px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/
}

.GalleryContent01 .fanclub, .GalleryContent02 .eventsactivities{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.GalleryContent01 .panel, .GalleryContent02 .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0 10px; /*margin around each panel*/
width: 325px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background-color:#fff;
}
.GalleryContent01 .panel img, .GalleryContent02 .panel img{
float:left;
width:100px;
height:100px;
}
.GalleryContent01 .panel .Info, .GalleryContent02 .panel .Info{
float:left;
width:205px;
margin:0 0 0 10px;
}



/* ---------------------------------------------------------------------------- */
/* 		Car Section - Latest Addition, Latest Updates and Expire				*/
/* 		Property Section - Latest Updates and Property for Auction				*/
/* ---------------------------------------------------------------------------- */
.GalleryContent03{
position: relative; /*leave this value alone*/
border:0px solid #666;
overflow: scroll; /*leave this value alone*/
/*width: 720px;*/ /*Width of Carousel Viewer itself*/
width: 99%;
height: 100px; /*Height should enough to fit largest content's height*/
}
.GalleryContent03 .latestaddition, .GalleryContent03 .latestupdate, .GalleryContent03 .expire{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.GalleryContent03 .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0 10px; /*margin around each panel*/
width: 350px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background-color:#fff;
line-height:100px;
}
.GalleryContent03 .panel img{
float:left;
width:80px;
height:80px;
}
.GalleryContent03 .panel .Info{
float:left;
width:230px;
margin:0 0 0 10px;
}


#voucher .latestupdate .panel,#voucher .latestaddition .panel{
width: 292px; height: 120px;
}
#voucher .latestupdate .Info, #voucher .latestaddition .Info{
width: 180px;
}

#property .latestupdate .panel,#property .latestaddition .panel{
width: 292px; height: 120px;
}
#property .latestupdate .Info, #property .latestaddition .Info{
width: 180px;
}

#car .latestupdate .panel,#car .latestaddition .panel{
width: 292px; height: 120px;
}
#car .latestupdate .Info, #car .latestaddition .Info{
width: 180px;
}



/* ---------------------------------------------------- */
/* 		Member Section - Member Photo and Member Video	*/
/* ---------------------------------------------------- */
#MemberPhoto{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 345px; /*Width of Carousel Viewer itself*/
height: 275px; /*Height should enough to fit largest content's height*/
}
#MemberPhoto p{
padding:0;
color:#333;
}
	#MemberPhoto .picture{
	position: absolute; /*leave this value alone*/
	text-align:center;
	}
	#MemberPhoto .panel{
	float: auto; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0 25px; /*margin around each panel*/
	width: 295px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}
	
#MemberVideo{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 345px; /*Width of Carousel Viewer itself*/
height: 275px; /*Height should enough to fit largest content's height*/
}
#MemberVideo p{
padding:0;
color:#333;
}
	#MemberVideo .video{
	position: absolute; /*leave this value alone*/
	text-align:center;
	padding-top:20px;
	}
	#MemberVideo a img{
	    width:250px;
	}
	#MemberVideo .panel{
	float: auto; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0 25px; /*margin around each panel*/
	width: 295px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}