@charset "utf-8";
/* CSS Document */

@import url("submenu.css");

.poles {
	background:url(../images/internal/poles.png) 50% 0 no-repeat;
	width:100%;
}

.ropes {
	background:url(../images/internal/ropes.png) 50% 0 no-repeat;
	width:100%;	
}

#content-bg {
	width:100%;
	background:url(../images/internal/content-bg.jpg) 50% 15px no-repeat;	
	
}

.fan {
	background:url(../images/internal/fan.png) 50% 0px no-repeat;	
}

.baby {
	width:996px;
	margin:0 auto;	
	background:url(../images/internal/baby.jpg) 0px 6px no-repeat;
}

					
#left-col {
	width:188px;
	float:left;
	padding:140px 0 0;
}

	#left-menu {
		height:266px;	
	}

#centre-col {
	width:583px;
	float:left;
	padding:0 0 0 15px;
}

	#breadcrumb {
		padding:20px 5px 10px;	
	}
	
		.breadcrumb-bg {
			background:url(../images/internal/breadcrumb-bg.png) 0px 0px no-repeat;
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
			-khtml-border-radius:15px;
			border-radius:15px;
			height:16px;
			font-size:11px;
			line-height:16px;
			padding:7px 0px 7px 25px;
			color:#fb8aa4;
			font-weight:bold;
		}
		
			.breadcrumb-bg a {
				color:#fb8aa4;
				text-decoration:underline;
			}
			
			.breadcrumb-bg strong {
				color:#21508d;	
			}
			
	#page-heading {
		height:60px;
		padding:10px 0 0;
		text-align:center;
		background:url(../images/internal/heading-underline.png) 203px 51px no-repeat;
	}
	
	#page-content {
		
	}
	
	.page-content-bg {
		background:url(../images/internal/standard/bg.png) -5px 0 repeat-y;
	}
	
	.page-content-top {
		background:url(../images/internal/standard/top.jpg) -5px 0 no-repeat;
	}
	
	.page-content-bottom {
		background:url(../images/internal/standard/bottom.png) -5px 100% no-repeat;
		padding:40px 0 0;
	}
	
	#vid-frame {
		width:550px;
		height:330px;
		margin:0 auto;	
	}
	
	.content-col {
		padding:0 30px;
		line-height:1.5em;
	}
	
		.full-col {
			clear:both;	
		}
		
		.left-col {
			float:left;
			width:251px;
			padding-right:0;
		}
		
		.right-col {
			float:right;
			width:251px;
			padding-left:0;
		}
		
	p.intro {
		color:#21508d;
		font-size:13px;
		font-weight:bold;
	}
	
	p.note {
		color:#333;
		font-size:11px;
	}
	.content-col .alert {
		background:url(../images/info.png) 5px 5px no-repeat;
		margin:0 0 15px;
		padding:10px 20px 10px 55px;
		border:3px solid #c8e9ee;
		-moz-border-radius:25px;
		-webkit-border-radius:25px;
		-khtml-border-radius:25px;
		border-radius:25px;
		font-size:11px;
		line-height:15px;
	}
	
		.content-col .alert p {

			font-style:italic;
			padding:0;
		}
		
			.content-col .alert a {
				color:#8fd3dc;
				font-weight:normal;	
			}
			
			.content-col .alert a:hover {
				text-decoration:underline;
			}

	
	.image-frame-container {
		text-align:center;
		font-size:10px;
		line-height:12px;
		font-family:Verdana, Geneva, sans-serif;
	}
	
		.image-frame-container p {
			padding:0;	
		}
	
	
	.content-col ul {
		list-style-type:none;
		margin: 0;
		padding: 5px 0 0;
	}
	
	.content-col ul li {
		background: url(../images/bullet.png) 0 0 no-repeat;
		display: block;
		margin: 0;
		padding: 3px 0 20px 30px;	
	}
	
		.content-col ul li strong {
			color: #8fd3dc;	
			font-weight:13px;
		}
		
	.sqeezeit {
		float: right;
		height: 100px;
		padding: 0 0 10px 20px;
		width: 100px;
	}
	
	.col-feature {
		margin:0 0 15px;
		padding:15px 15px 0;
		background-color:#c0e6eb;
		color:#21508d;
		font-size:12px;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		-khtml-border-radius:20px;
		border-radius:20px;
		line-height:1.4em;
	}
	
		.col-feature h2, .col-feature h3, .col-feature h4 {
			color:#21508d;
			border-bottom:4px dotted #fff;
			margin:0 0 10px;
			padding:0 0 10px;
			font-family: 'Lobster', serif;
			font-size:22px;
			line-height:1em;
			letter-spacing:-1px;	
		}
		
		.col-feature ul li {
			background: url(../images/feature-bullet.png) 0 0 no-repeat;
			padding: 3px 0 10px 30px;	
		}
		
	.col-feature-events {
		padding:0 0 15px;
		margin:0 0 20px;
		
		border-bottom:4px dotted #c9d865;
	}
	
		.col-feature-events h2 {
			color:#21508d;			
		}
	
		#group-link {
			height:61px;
			padding:
			background:url(../images/internal/sponsoredby-bepanthen_whitebg.png) 100% 50% no-repeat;
		}
		
			#group-link a {
				display:block;
				background:url(../images/internal/events-link_whitebg.png) 0px 0px no-repeat;	
				width:252px;
				height:61px;
			}
			
				#group-link a:hover {
					background-position:0px -70px;	
				}
		
	#events-top {
		background:url(../images/internal/events-box-top.png) 0px 0px no-repeat;	
	}
	
	img.left {
		float:left;
		margin:0 10px 10px 0;	
	}
	
	img.right {
		float:right;
		margin:0 0 10px 10px;	
	}
	
	
		
#right-col {
	width:206px;
	float:right;
	padding:122px 0 0;
}
	
	#cinemas {
		width:130px;
		margin:0;
		padding:45px 0 0 10px;
	}
	
		#cinemas ul {
			margin:0;
			padding:0;	
		}
		
		#cinemas ul li {
			margin:0;
			padding:0 0 10px;
			list-style:none;	
		}

	
	#screenings-bg {
		width:200px;
		padding:0;
		background:url(../images/internal/screening-box-bg.png) 5px 0px repeat-y;
	}
	
	#screenings-top {
		background:url(../images/internal/screenings-box-top.jpg) 5px 0px no-repeat;
	}
	
	#screenings-bottom {
		background:url(../images/internal/screenings-box-bottom.png) 5px 100% no-repeat;
		padding:160px 9px 0 11px;
		text-align:center;
	}
	
		#screenings-bottom .heading {
			font-family: 'Lobster', serif;
		}
		
			#screenings-bottom .heading h3 {
				color:#21508d;
				font-size:27px;
				line-height:0.9em;
			}
			
			#screenings-bottom .heading h3 .small {
				font-size:17px;
			}
			
			#screenings-bottom .heading h3 strong {
				color:#fff;	
				font-weight:normal;
			}
		
		#screenings-bottom .content {
			font-size:11px;
			color:#333;
			padding:0 20px 0;
			
		}
		
			#screenings-bottom .content a {
				color:#21508d;
				text-decoration:none;	
			}
			#screenings-bottom .content a:hover {
				text-decoration:underline;	
			}
		
		#screenings-bottom .link {
			height:43px;
			padding:7px 5px 5px;
			background:url(../images/internal/screenings-button.png) no-repeat;
			text-align:left;
			
		}
		
			#screenings-bottom .link a {
				display:block;
				padding:4px 0 0 28px;
				height:39px;
				color:#fff;
				font-weight:normal;
				font-family: 'Lobster', serif;
				font-size:16px;
				line-height:1em;
				background:url(../images/internal/screenings-button-arrow.png) 0px 0px no-repeat;
			}
			
				#screenings-bottom .link a:hover {
					color:#c36;
					background-position:0px -50px;
				}
				
	.right-feature {
		width:200px;
		margin-top:10px;
		background:url(../images/internal/rightfeature-bg.png) 0 0 repeat-y;	
	}
	
	.right-feature-top {
		background:url(../images/internal/rightfeature-top.png) 0 0 no-repeat;	
	}
	
	.right-feature-bottom {
		background:url(../images/internal/rightfeature-bottom.png) 0 100% no-repeat;
		padding:20px 5px 35px;
		text-align:center;	
	}
	
		.right-feature-bottom .heading {
			height:45px;
			padding:0 11px;
		}
		
			.right-feature-bottom .heading h3 {
				font-family:'Lobster', serif;
				font-size:20px;
				letter-spacing:-1px;
				padding:0;
			}
		
		.right-feature-bottom .content {
			padding: 0 30px;
			color:#21508d;
			font-size:11px;
		}
		
			.right-feature-bottom .content h4 {
				padding:0 0 5px;
				font-size:14px;
				font-weight:bold;
			}
			
			.right-feature-bottom .content p {
				padding:0 0 5px;	
			}
			
	.right-image-feature {
		width:200px;
		margin-top:10px;
		background:url(../images/internal/rightimagefeature-bg.png) 0 0 repeat-y;	
	}
	
	.right-image-feature-top {
		background:url(../images/internal/rightimagefeature-top.png) 0 0 no-repeat;	
	}
	
	.right-image-feature-bottom {
		background:url(../images/internal/rightimagefeature-bottom.png) 0 100% no-repeat;
		padding:15px 20px 20px;
		text-align:center;	
	}
	
		.right-image-feature-bottom .heading {

		}
		
			.right-image-feature-bottom .heading h3 {
				font-family:'Lobster', serif;
				font-size:26px;
				line-height:26px;
				letter-spacing:-1px;
				padding:0 0 5px;
			}
		
		.right-image-feature-bottom .content {
			padding: 0;
			color:#21508d;
			font-size:12px;
		}
		
			.right-image-feature-bottom .content h4 {
				padding:0 0 5px;
				font-size:14px;
				font-weight:bold;
			}
			
			.right-image-feature-bottom .content p {
				padding:0 0 10px;	
			}
			
		.right-image-feature-bottom .link {
			font-size:13px;	
			border-top:3px dotted #fec6d2;
			padding:5px 0 0;
		}
		
			.right-image-feature-bottom .link a {
				background:url(../images/internal/feature-link-arrow.png) 0 3px no-repeat;
				padding-left:12px;
			}
			
			.right-image-feature-bottom .link a:hover {
				background-position:0 -47px;
			}
		
		/* specific feature elements */
		
		#feature-bepanthen .right-image-feature-top {
			background:url(../images/internal/featuretop-bepanthen.jpg) 0 0 no-repeat;
		}
		
		#feature-bepanthen .right-image-feature-bottom {
			padding-top:70px;
		}
		
		#feature-bepanthenwipes .right-image-feature-top {
			background:url(../images/internal/featuretop-bepanthen-wipes.jpg) 0 0 no-repeat;
		}
		
		#feature-bepanthenwipes .right-image-feature-bottom {
			padding-top:100px;
		}
			
.size-a {
	font-size:14px;	
}
	
.size-b {
	font-size:17px;	
}

.divider {
	border-top:3px dotted #c8e9ee;
	font-size:1px;
}
				
#footer-links {
	height:60px;
	clear:both;	
	padding:10px 35px; 
	text-align:right;
}

	#footer-links p {
		padding:10px 0 0;
		border-top:3px dotted #c8e9ee;
		font-size:16px;
	}
	
		#footer-links p a {
			font-family:'Lobster', serif;
			font-weight:normal;
			color:#999;
			padding-right:15px;
			background:url(../images/menu-arrow.png) 100% 50% no-repeat;
		}
		
			#footer-links p a:hover {
				color:#1ab1c6;
			}
			
/**************************************************************AppSection************************************************************/
.app-heading {
	padding:0 0 10px;	
}

.app-sponsoredby {
	position:absolute;
	width:119px;
	top:365px;
	padding:0 5px;
}

.sponsoredby-footer {
	float:left;
	width:119px;
	padding:5px 30px 0 5px;
}

.big-app-banner h2 {
	padding:0;
	margin:0;
	width:515px;
	height:296px;
	text-indent:-99999em;
	background:url(../images/nctapp/spritesheet-opt.jpg) no-repeat 0px 0px;
}
.app-content-container{
	
}
.clear{
	clear:both;
}
.app-content-container p{
	float:left;
	width:350px;
	height:75px;
	padding:10px 0;
	font-size:14px;
	color:#58A618;
}
.app-content-container a {
	font-weight:normal;	
}
.app-content-container a:hover{
	color:#cc3366 !important;	
}
.app-content-container a.app-button-find {
	float:left;
	width:103px;
	height:29px;
	line-height:25px;
	padding-left:12px;
	background:url(../images/nctapp/spritesheet-opt.jpg) no-repeat -2px -298px;
	margin-bottom:8px;
	color:#fff;
	font-family:'Lobster',serif;
	font-size:14px;
}
.app-content-container a.app-button-get {
	margin-top:13px;
	float:right;
}

	.app-content-container a.app-button-get img {
		border:none;
	}
.app-element{
	padding-left:176px;
	height:153px;
	padding-top:10px;
}

.app-element ul,.app-element h2{
	margin:0;
	padding:0;
	color:#21508D;	
}

.app-element h2{
	color:#21508D;
	margin-bottom:7px;	
}

.app-element ul {
	margin:0;
}
.app-element .app-list-elem{
	padding-left:13px;
}
.app-element ul li {
	padding:0;
	list-style:disc outside;
	display:list-item;
	background:none !important;
	color:#666666;	
}


.find{ background:url(../images/nctapp/spritesheet-opt.jpg) no-repeat -519px -10px;}
.rate{ background:url(../images/nctapp/spritesheet-opt.jpg) no-repeat -523px -171px;}
.share{background:url(../images/nctapp/spritesheet-opt.jpg) no-repeat -153px -308px;}


