@charset "utf-8";
/* Page Content */
.content_upto {
	float: left;
	width: 712px;
	height: auto !important;
	min-height: 430px;
	height: 430px;
	font-size: 1.1em;
	color: #581e00;
}
img { border: 0; }
.content_upto p {
	margin: 0 0 14px 0;
}
.mainCol, .mainCol02, .rgtCol, .rgtCol02 {
	float: left;
}
.mainCol {
	width: 480px;
}
.mainCol02 {
	width: 460px;
	margin-right: 16px;
}
.mainCol #para01{
	text-align: center;
	margin: 0;
	
}
.mainCol #para02{
	text-align: right;
	margin: 8px 18px 0 0;
	
}
.rgtCol {
	width: 218px;
	margin: 0 6px 0 6px;
}
.rgtCol02 {
	width: 235px;
}
#title_whatUpto {
	width: 143px;
	height: 23px;
	background: url(../images/title_upto.gif) top left no-repeat;
	margin: 10px 0;
}
#btn_joinEvents {
	width: 206px;
	height: 63px;
	margin-top: 0;
	background: url(../images/imgBtn_events.jpg) bottom left no-repeat;
}
#btn_joinEvents a, #btn_tryClife a, #btn_backAd a {
	display: block;
	width: 100%;
	height: 100%;
}
#title_whatUpto span, #btn_joinEvents span, #title_clAtShows span, #title_nextShows span, #btn_tryClife span, #btn_backAd  span, #title_shotAd span {
	display: none;
}
/* Shows Page*/
#title_clAtShows {
	width: 262px;
	height: 30px;
	background: url(../images/title_shows.gif) top left no-repeat;
	margin: 20px 0 8px 0;
}
#title_nextShows {
	width: 84px;
	height: 17px;
	background: url(../images/title_nextShow.gif) top left no-repeat;
	margin-top: 20px;
}
#title_shotAd {
	width: 161px;
	height: 20px;
	background: url(../images/title_shotsAd.gif) top left no-repeat;
	margin: 10px 0;
}
#btn_tryClife {
	width: 277px;
	height: 36px;
	margin: 0;
	background: url(../images/btn_tryClife.gif) bottom left no-repeat;
}
#btn_backAd {
	width: 137px;
	height: 31px;
	margin: 4px 0 0 0;
	background: url(../images/btn_backAd.gif) bottom left no-repeat;
}
#nextShowTab {
	width: 450px; height: 126px;
	background: url(../images/bg_nextShow.jpg) top left no-repeat;
	margin-bottom: 14px;
}
#nextShowTab table {
	height: 106px;
	border: none;
	margin: 12px 15px 10px 15px;
}
#nextShowTab th, #nextShowTab td {
	text-align: left;
	border-bottom: 1px solid #efe4c7;
	margin: 0 10px;
}
#nextShowTab td {
	color: #a2956b;
	}
#lastRow td {
	font-weight: bold;
	color: #581e00;
	border: none;
}


/*
######################################################################################
######                                                                        #######
######     STANDARD STYLES        		                                     #######
######                                                                      #######
##################################################################################
*/

/***** TABS *****/

.tabs {
	margin: 0;
	padding: 0;
	height: 34px;
	width: 667px;
	list-style: none;
	background-image: url(../images/upto/1px-white.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	}
	.tabs li {
		float: left;
		height: 34px;
		margin: 0 4px 0 0;
		padding: 0;
		}
		.tabs li a {
			float: left;
			height: 34px;
			background-image: url(../images/upto/tabs-bg.gif);
			background-repeat: no-repeat;
			text-indent: -6767px;
			overflow: hidden;
		}
		.tabs li a:hover {
			background-position: 0 -34px;
			text-decoration: none;
		}
		.tabs li a.active {
			background-position: 0 -68px;
			text-decoration: none;
		}

		.tabs li.tab1 a { background-position: 0 0; width: 78px; } 
		.tabs li.tab1 a:hover { background-position: 0 -34px; } 
		.tabs li.tab1 a.active { background-position: 0 -68px; } 
		
		.tabs li.tab2 a { background-position: -82px 0; width: 64px; } 
		.tabs li.tab2 a:hover { background-position: -82px -34px; } 
		.tabs li.tab2 a.active { background-position: -82px -68px; } 
		
		.tabs li.tab3 a { background-position: -150px 0; width: 87px; } 
		.tabs li.tab3 a:hover { background-position: -150px -34px; } 
		.tabs li.tab3 a.active { background-position: -150px -68px; } 
		
		.tabs li.tab4 a { background-position: -241px 0; width: 95px; } 
		.tabs li.tab4 a:hover { background-position: -241px -34px; } 
		.tabs li.tab4 a.active { background-position: -241px -68px; } 
		
		.tabs li.tab5 a { background-position: -340px 0; width: 222px; } 
		.tabs li.tab5 a:hover { background-position: -340px -34px; } 
		.tabs li.tab5 a.active { background-position: -340px -68px; } 


/********************************************************************************/
/***** CONTENT SWITCHER ********************************************************/
/******************************************************************************/

.switcher {
	position: relative;
	overflow: hidden;
	width: 667px;
	}

/***** SWITCHER NAVIGATION *****/

	.switcher-navigation { display: none; }
	.js .switcher-navigation { display: block; }


/***** SWITCHER CELLS *****/
	
	.switcher-cells {
		width: 665px;
		border: 1px solid white;
		border-top: 0;
		background-color: #d9c384;
		height: auto !important;
		min-height: 353px;
		height: 347px;
		}
		.switcher-cell {
			overflow: hidden;
			width: 665px;
		}
		.js .switcher-cell { display: none; }
			.js .switcher-cell .section-content { border-top: 0; }
			.switcher-cell .section-content {
				float: left;
				width: 625px;
				height: auto !important;
				min-height: 327px;
				height: 327px;
				padding: 20px 20px 0 20px;
				border-top: 1px solid white;
			}



/*
######################################################################################
######                                                                        #######
######     SECTION CONTENT        		                                     #######
######                                                                      #######
##################################################################################
*/

.ttl {
	text-indent: -6767px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/********************************************************************************/
/***** HIGHLIGHTS **************************************************************/
/******************************************************************************/

.switcher-cells .cell1 {}

	.cell1 .column {
		float: left;
		display: inline;
		width: 208px;
		margin-left: 67px;
		}
		.cell1 .column .image { height: 170px; }
			.cell1 .column .image img { display: block; }
		.cell1 .column .ttl {
			width: 208px;
			height: 29px;
		}
		.cell1 .column1 .ttl { background-image: url(../images/upto/tab1/ttl-column1.gif); }
		.cell1 .column2 .ttl { background-image: url(../images/upto/tab1/ttl-column2.gif); }
		.cell1 .column3 .ttl { background-image: url(../images/upto/tab1/ttl-column3.gif); }
		
		.cell1 .column .text { height: 78px; }
		.cell1 .column3 .text { padding-left: 11px }
		
/** Link **/
	.cell1 .column .link {
		margin: 0;
		padding: 0;
		width: 208px;
		height: 29px;
		list-style: none;
		}
		.cell1 .column .link li {
			margin: 0;
			padding: 0;
			width: 208px;
			height: 29px;
			}
			.cell1 .column .link li a {
				display: block;
				text-indent: -6767px;
				overflow: hidden;
				width: 208px;
				height: 29px;
				background-repeat: no-repeat;
			}
			.cell1 .column1 .link li a { background-image: url(../images/upto/tab1/link-column1.gif); }
			.cell1 .column2 .link li a { background-image: url(../images/upto/tab1/link-column2.gif); }
			.cell1 .column3 .link li a { background-image: url(../images/upto/tab1/link-column3.gif); }
			
			.cell1 .column .link li a:hover { text-decoration: none; }



/********************************************************************************/
/***** TV ADS ******************************************************************/
/******************************************************************************/

.switcher-cells .cell2 {}
	.cell2 .videos {
		float: left;
		width: 442px;
		height: 331px;
		margin-right: 12px;
	}
	.cell2 .text {
		float: left;
		width: 166px;
		padding-top: 12px;
		}
		.cell2 .text .ttl {
			height: 29px;
			background-image: url(../images/upto/tab2/ttl_tv-ads.gif);
			background-position: 4px 0;
		}
		.cell2 .text p {
			padding: 0 0 0 4px;
			margin: 0;
		}
	.cell2 .videos #video-1 {
		display: block;
	}
	.cell2 .videos #video-2 {
		display: none;
	}
		
/** Link **/
	.cell2 .links {
		margin: 0;
		padding: 0;
		height: 35px;
		width: 165px;
		clear: both;
		list-style: none;
		}
		.cell2 .links li {
			margin: 0;
			padding: 0;
			height: 40px;
			width: 165px;
			}
			.cell2 .links li a {
				display: block;
				text-indent: -6767px;
				overflow: hidden;
				height: 35px;
				width: 165px;
			}
			.cell2 .links li a:hover { text-decoration: none; background-position: 0 -35px; } 
			.cell2 .links li a.active { background-position: 0 -35px; } 
			
			.cell2 .links li.link1 a { background-image: url(../images/upto/tab2/link1.gif); }
			.cell2 .links li.link2 a { background-image: url(../images/upto/tab2/link2.gif); }


/********************************************************************************/
/***** RADIO ADS ***************************************************************/
/******************************************************************************/

.switcher-cells .cell3 {}
	.cell3 .videos {
		background: transparent url("../images/upto/tab3/player-bg.jpg") no-repeat 0 0;
		float: left;
		width: 442px;
		padding-top: 204px;
		margin-right: 16px;
	}
	.cell3 .text {
		float: left;
		width: 162px;
		padding-top: 12px;
		}
		.cell3 .text .ttl {
			height: 29px;
			background-image: url(../images/upto/tab3/ttl_radio-ads.gif);
		}
		.cell3 .text p {
			padding: 0;
			margin: 0;
		}


/********************************************************************************/
/***** PHOTO GALLERY ***********************************************************/
/******************************************************************************/

.switcher-cells .cell4 {
	min-height: 353px;
	overflow: hidden;
	position: relative;
}
.switcher-cells .cell4 .col-1 {
	float: left;
	overflow: hidden;
	width: 447px;
}
	.switcher-cells .cell4 .col-1 ul {
		list-style-type: none;
		margin: 5px 0;
		padding: 0;
	}
	.switcher-cells .cell4 .col-1 ul li {
		float: left;
		margin-right: 9px;
	}
	.switcher-cells .cell4 .col-1 ul li.last {
		margin-right: 0;
	}
	
.switcher-cells .cell4 .col-2 {
	float: right;
	overflow: hidden;
	padding-bottom: 36px;
	width: 159px;
}

.switcher-cells .cell4 .col-2 h1 {
	background-image: url(../images/upto/tab4/ttl_photo-gallery.gif);
}
.switcher-cells .cell4 .col-2 p.bottom {
	bottom: 0;
	position: absolute;
	width: 159px;
}

/********************************************************************************/
/***** THE PRINCE'S COUNTRYSIDE FUND *******************************************/
/******************************************************************************/
/***** THE PRINCE'S COUNTRYSIDE FUND *****/

.switcher-cells .cell5 {
	background-image: url(../images/upto/tab5/logo.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	}
	
/** Title **/
	.switcher-cells .cell5 .ttl {
		background-image: url(../images/upto/tab5/h1_title.gif);
		background-position: top right;
		width: 625px;
		height: 42px;
		margin: 0 0 0 auto;
	}

/** Packshot **/
	.switcher-cells .cell5 .packshot {
		float: left;
		width: 264px;
		height: 172px;
		}
		.switcher-cells .cell5 .packshot img {
			display: block;
		}

/** Text **/
	.switcher-cells .cell5 .text {
		float: left;
		width: 361px;
	}
		
/** Link **/
	.switcher-cells .cell5 .link {
		margin: 0;
		padding: 0;
		height: 75px;
		width: 625px;
		clear: both;
		list-style: none;
		}
		.switcher-cells .cell5 .link li {
			margin: 0;
			padding: 0 0 0 248px;
			height: 65px;
			}
			.switcher-cells .cell5 .link li a {
				display: block;
				text-indent: -6767px;
				overflow: hidden;
				width: 279px;
				height: 65px;
				background-image: url(../images/upto/tab5/link.gif);
			}
			.switcher-cells .cell5 .link li a:hover { text-decoration: none; }

/** Footer text **/
	.switcher-cells .cell5 .footer-text {
		width: 535px;
		font-size: 0.9em;
		margin: 0;
		padding: 0;
	}