body {
	background: #d7d7d7 url(/images/back_body.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #061739;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

.clearboth {
	clear: both;
}

/* Start Generic */

.error {
	color: #ff0000;
	display: block;
}

.input1 {
	width: 113px;
	height: 19px;
	background: url(/images/back_input1.gif) no-repeat;
	border: 0;
	margin: 0;
	padding: 2px 4px;
	font-size: 11px;
	color: #385062;
	line-height:19px;
	display:block;
}

.line1 {
	background: url(/images/back_line1.gif) repeat-x;
	height: 1px;
	width: 100%;
}

.register-style,
.forgot-style,
.contact-style {
	width: 289px;
	height: 14px;
	border: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px;
}

.contact-textarea {
	width: 289px;
	height: 100px;
	border: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px;
	overflow: auto;
}

.bloglink {
	color: #025ba6;
}

/* End Generic */

/* Start Main Container */

#container {
	width: 990px;
	margin: 0 auto;
}
	
	/* Start Heading */
	
	#heading {
		width: 990px;
		height: 282px;
		background: url(/images/back_heading.gif) no-repeat;
		position: relative;
		font-size: 11px;
		color: #747375;
	}
	
	#heading a {
		color: #747375;
	}
	
	#heading a:hover {
		color: #747375;
		text-decoration: none;
	}

	#heading #toplinks {
		position: absolute;
		top: 15px;
		right: 120px;
	}
	#heading #toplinks ul{
		padding:0;
		margin:0;
	}
	#heading #toplinks ul li {
		float:left;
		list-style:none;
	}
		#heading #toplinks ul li.links {
			padding:6px 20px 0 0;
	}
	
	#heading img {
		position: absolute;
		bottom: 0;
		right: 120px;
	}
	
	/* End Heading */
	
	/* Start Content */
	.breadcrumb ul {
		margin:0;
		padding:0;
	}
	.breadcrumb ul li{
		float:left;
		list-style:none;
	}
	.breadcrumb ul li a{
		margin:0 3px 0 0;
		text-decoration:underline;
		color:#0057a2;
	}
	.breadcrumb ul li h1{
		margin:1px 0 0 6px;
		padding:0;		
	}
	.breadcrumb ul li h1{
		text-decoration:none;
		color:#000000;
		font-size:12px;
		font-weight:normal;
	}
	a.arrow{
		background: url(/images/arrow.gif) no-repeat 0 2px;
		padding-left:20px;
		color:#005ea8;
		font-weight:bold;
	}
	
	#content {
		width: 990px;
		background: url(/images/back_content.gif) repeat-y;
		position:relative;
	}
	
	#content_in {
		width: 751px;
		margin: 0 0 0 101px;
		padding: 15px;
		background: url(/images/back_content_in.gif) 0 100% repeat-x;
	}
	
		
/*----------------------------------------*/	
		.social_icons{
			position:absolute;
			right:93px;
			top:45px;
		}
		.social_icons ul {
			margin:0;
			padding:0;			
		}		
		.social_icons ul li{
			float:left;
			list-style:none;
		}
		.social_icons ul li.txt{
			font-weight:bold;
			font-size:11px;
			color:#0057a2;
			text-transform:uppercase;
			padding:10px 5px 0 0;
		}	
		.social_icons ul li a {
			background: url(/images/social.gif) no-repeat;
			display:block;
			height:33px;
			width:33px;
			text-indent:-9999px;
			margin-left:3px;
		}
		.social_icons ul li a.facebook { background-position:0 0; }
		.social_icons ul li a.facebook:hover { background-position:0 -33px; }
		
		.social_icons ul li a.twitter { background-position:-33px 0; }
		.social_icons ul li a.twitter:hover { background-position:-33px -33px; }
		
/*--------------- social_icons ---------------*/

/*--------------- social_icons ---------------*/	
		.social{
			float:right;
			position:absolute;
			top:7px;
			right:130px;
		}
		.social ul {
			margin:0;
			padding:0;			
		}		
		.social ul li{
			float:left;
			list-style:none;
		}	
		.social ul li a {
			background: url(/images/social_inside.gif) no-repeat;
			display:block;
			height:31px;
			width:31px;
			text-indent:-9999px;
			margin-left:3px;
		}
		.social ul li a.facebook { background-position:0 0; }
		.social ul li a.facebook:hover { background-position:0 -31px; }
		
		.social ul li a.twitter { background-position:-31px 0; }
		.social ul li a.twitter:hover { background-position:-31px -31px; }
		
/*----------------------------------------*/
		
		.column_left_one {
			width: 253px;
			float: right;
			padding: 0 0 20px 20px;
		}
		.column_left_two {
			width: 253px;
			float: left;
			padding-bottom:20px;
		}
			
		/* Start Left Column */
		
		#column_left {
			width: 526px;
			float: left;
			/*padding: 0 0 0 10px;*/
		}
		
		#column_left #contactus {
			width: 320px;
			float: left;
		}
		
		#column_left #address {
			float: left;
			width: 150px;
			padding: 0 0 0 20px;
			background: url(/images/back_line2.gif) repeat-y;
			line-height: 17px;
		}
		
		#column_left #address a {
			color: #025ba6;
		}
		
		#column_left #address a:hover {
			text-decoration: none;
		}
			
			/* Start Fanzone Item */
			
			.fanzone {
				padding:15px 0;
			}
			
			.fanzone_image {
				float: left;
				margin: 0 20px 0 0;
			}
			
			.fanzone_copy {
				/*width: 350px;*/
				float: left;
				padding: 5px 0 0 0;
			}
			
			.fanzone_copy p {
				margin: 0;
				padding: 0 0 10px;
			}
			
			.fanzone_copy a {
				color: #005ea8;
			}
			
			.fanzone_copy a:hover {
				text-decoration: none;
			}
			
			.fanzone_head,
			.fanzone_rss {
				float: left;
				margin: 0 10px 15px 0;
			}
			
			/* End Fanzone Item */
			
			/* Start Blog Item */
			
			.blogitem {
				padding: 25px 0 5px 0;
			}
			
			.blogitem .date {
				color: #0761ad;
				font-size: 11px;
				font-weight: bold;
			}
			
			.blogitem h2 {
				margin: 0;
				padding: 0 0 10px;
				color: #061739;
			}
			
			.blogitem h2 a {
				color: #061739;
				text-decoration: none;
			}
			
			.blogitem h2 a:hover {
				text-decoration: underline;
			}
			
			.blogitem p {
				margin: 0;
				padding: 0 0 10px;
			}
			
			.blogitem .readmore a {
				font-size: 11px;
				color: #0761ad;
			}
			
			.blogitem .readmore a:hover {
				font-size: 11px;
				color: #0761ad;
			}
			
			.blogitem .blogfoot {
				height: 25px;
				padding: 9px 0 0 0;
				margin: 5px 0 0 0;
				background: url(/images/back_blogfoot.gif) repeat-x;
				font-weight: bold;
				color: #666666;
			}
			
			.blogitem .blogfoot a {
				color: #4292d2;
			}
			
			.blogitem .blogfoot a:hover {
				text-decoration: none;
			}
			
			/* End Blog Item */
			
			/* Start Full Post Comms */
			
			.fullpost_comms a {
				color: #025ba6;
			}
			
			.fullpost_comms a:hover {
				text-decoration: none;
			}
			
			.fullpost_comms textarea {
				width: 470px;
				height: 170px;
				border: 1px solid #cccccc;
				padding: 3px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #838383;
			}
			
			.fullpost_comms #comment-author,
			.fullpost_comms #comment-email,
			.fullpost_comms #comment-url {
				margin: 0;
				padding: 3px;
				width: 212px;
				height: 16px;
				background: url(/images/back_input2.gif) no-repeat;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				color: #838383;
			}
			
			/* End Full Post Comms */
			
		/* End Left Column */
		
		/* Start Right Column */
		
		#column_right {
			width: 225px;
			float: right;
			text-align: right;
		}
		
			.content_sidebar {
				padding: 0 0 10px;
			}
			
			/* Start Sidebar Block */
			
			.block_sidebar {
				float: right;
				width: 206px;
				background: url(/images/bac_blocksidebar1.gif) 0 0 no-repeat;
				margin: 0 0 10px;
				text-align: left;
			}
			
			.block_sidebar_in {
				background: url(/images/bac_blocksidebar2.gif) 0 100% no-repeat;
				padding: 20px 3px;
			}
			
			.block_sidebar_in .block_sidebar_hd {
				margin: 0 0 10px 15px;
			}
			
			.block_sidebar_in ul {
				margin: 0;
				padding: 0 ;
			}
			
			.block_sidebar_in ul li {
				margin: 0;
				padding: 0 15px;
				list-style: none;
				font-size: 12px;
				
			}
			
			.block_sidebar_in ul li a {
				display: block;
				padding: 10px 0 10px 20px;
				color: #061739;
				text-decoration: none;
				width: 150px;
				border-top: 1px solid #d7d7d7;
				background: url(/images/bullet1.gif) 5px 15px no-repeat;
			}
			
			.block_sidebar_in ul li:hover {
				background: #2a82c8;
			}
			
			.block_sidebar_in ul li:hover a {
				background: url(/images/bullet2.gif) 5px 15px no-repeat;
				color: #ffffff;
				border-top: 1px solid #2a82c8;
			}
			
			.block_sidebar_in table {
				width: 165px;
				margin: 0 0 0 15px;
				font-size: 11px;
			}
			
			.block_sidebar_in table th,
			.block_sidebar_in table td {
				text-align: center;
				width: 23px;
				height: 23px;
				line-height: 20px;
			}
			
			.block_sidebar_in table td a {
				display: block;
				text-decoration: none;
				background: #2a82c8;
				color: #ffffff;
				font-weight: bold;
				width: 23px;
				height: 20px;
			}
			
			.block_sidebar_in table td a:hover {
				background: #4292d2;
			}
			
			/* End Sidebar Block */
			
		/* End Right Column */
		
	/* End Content */

	/* Start Footer */
	
	#footer {
		width: 990px;
		height: 240px;
		background: url(/images/back_footer.gif) no-repeat;
		font-size: 11px;
		color: #025ba6;
		position: relative;
	}
	
	#footer a {
		color: #025ba6;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}
	
		#footer_left,
		#footer_right {
			position: absolute;
			top: 90px;
		}
		
		#footer_left {
			left: 135px;
		}
		
		#footer_right {
			right: 142px;
		}
		
	/* End Footer */
	
/* End Main Container */

/* Start Splash Page */

#container_splash {
	width: 920px;
	margin: 0 auto;
}

	/* Start Heading */
	
	#heading_splash {
		width: 920px;
		height: 155px;
		background: url(/images/back_head_splash.gif) no-repeat;
		text-align: center;
		padding: 97px 0 0 0;
		overflow: hidden;
		position:relative;
	}
	
	#heading_splash img {
		margin: 0 auto;
	}
	
	/* End Heading */
	
	/* Start Content */
	
	#content_splash, #content_splash2 {
		width: 920px;
		height: 540px;
		background: url(/images/back_content_splash.png) no-repeat;
		position: relative;
		font-size: 11px;
	}
	
	#content_splash a {
		text-decoration: none;
	}
	
	/* Ticket button */
	a.ticket_btn {
		background:url(/images/splash_ticket.gif);
		display:block;
		height:57px;
		width:157px;
		text-indent:-9999px;
		position:absolute;
		top:56px;
		left:93px;
	}
	
	a.ticket_btn:hover { background-position:0 -57px; }
	
	#container_splash .seasonal_banner {
		background:url(/images/back_banner_splash.gif) no-repeat;
		width: 920px;
		height: 218px;
		position: relative;
	}
		#container_splash .seasonal_banner a{
		background:url(/images/stormers_banner.jpg) no-repeat;
		width: 728px;
		height: 207px;
		display:block;
		margin:0 auto;
	}
	
		#splash_fanzone {
			display: block;
			width: 216px;
			height: 147px;
			padding: 41px 0 0 20px;
			background: url(/images/fanzone.jpg) no-repeat;
			position: absolute;
			top: 0;
			left: 93px;
			color: #0057a2;
		}
		
		#splash_curriecup {
			display: block;
			width: 126px;
			height: 78px;
			padding: 110px 0 0 110px;
			background: url(/images/splash_curriecup.gif) no-repeat;
			position: absolute;
			top: 0;
			left: 343px;
			color: #ffffff;
		}
		
			#splash_vodacom_cup {
			display: block;
			width: 220px;
			height: 147px;
			padding: 41px 0 0 16px;
			background: url(/images/vodacom_cup_2012_logo.gif) no-repeat;
			position: absolute;
			top: 0;
			left: 343px;
			color: #0057a2;
		}
		
		#splash_news {
			display: block;
			width: 216px;
			height: 148px;
			padding: 40px 0 0 20px;
			background: url(/images/splash_news.jpg) no-repeat;
			position: absolute;
			top: 0;
			left: 588px;
			color: #0057a2;
		}
		
		#splash_newlands {
			display: block;
			width: 220px;
			height: 26px;
			background: url(/images/splash_newlands.jpg) no-repeat;
			position: absolute;
			top: 200px;
			left: 343px;
			padding: 122px 0 0 15px;
			color: #ffffff;
		}
		
		#splash_team {
			display: block;
			width: 217px;
			height: 108px;
			padding: 40px 0 0 20px;
			background: url(/images/splash_team.jpg) no-repeat;
			position: absolute;
			top: 200px;
			left: 95px;
			color: #0057a2;
		}
		
		#splash_blog {
			display: block;
			width: 216px;
			height: 98px;
			padding: 50px 0 0 20px;
			background: url(/images/splash_blog.jpg) no-repeat;
			position: absolute;
			top: 200px;
			left: 589px;
			color: #0057a2;
		}
		
		#splash_stormers {
			display: block;
			width: 236px;
			height: 156px;
			background: url(/images/splash_stormers.gif) no-repeat;
			position: absolute;
			top: 382px;
			left: 93px;
		}
		
		#splash_shop {
			display: block;
			width: 236px;
			height: 156px;
			background: url(/images/splash_shop.gif) no-repeat;
			position: absolute;
			top: 382px;
			left: 341px;
		}
		
		#splash_club {
			display: block;
			width: 236px;
			height: 156px;
			background: url(/images/splash_club.gif) no-repeat;
			position: absolute;
			top: 382px;
			left: 588px;
		}
		
		#splash_stormers span,
		#splash_shop span,
		#splash_club span {
			display: none;
		}
		
	/* End Content */
	
	/* Start Footer */
	
	#footer_splash {
		width: 920px;
		height: 150px;
		background: url(/images/back_footer_splash.gif) no-repeat;
	}
	
	/* End Footer */
	
	
	
.popup-window {
	position:absolute;	
	overflow:hidden;
	background: #FFF;
	
}
.box-top-left {
	position:relative;
}
.box-bottom-left {
	position:relative;
	border-top: 0;
}

.box-center-left {	
	overflow:auto;
	border-top: 0;
	border-bottom: 0;
}
.box-center {
	position:relative;
	height:auto;
}
.box-center-right {
	overflow:auto;
}
.box-center-content {	
	width:inherit;
}
.overlay{
	background: #000000;
	opacity:.30;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	position:absolute;	
	height:400px;
	overflow:hidden;
	left:0;
	top:0;
}

		#popup-holder {
			margin: 0 auto;
			width: 275px;
			font-size: 0;
		}
		#popup-inner {
			background-color: #ffffff;
			padding: 0px 20px 0 20px;
			text-align: left;
		}
		
		#popup-inner form {
			margin: 0;
			padding: 0;
		}
		
		#popup-inner a {
			color: #556177;
		}
		#popup-inner p {
			line-height:14px;
			font-size: 12px;
			margin: 0;
			padding: 6px 0 6px 0;
		}
		#popup-inner td,
		#popup-inner th {
			padding-bottom: 7px;
		}
		#popup-inner .loginname,
		#popup-inner .loginpass {
			border: 1px solid #9cb8cc;
			font-size: 11px;
			margin-right: 3px;
			padding: 3px;
			width: 200px;
		}
		#pop-title {
			float: left;
			padding: 0px 0 7px 0;
		}
		#pop-close {
			float: right;
			padding: 0px 0 5px 0;
		}

	
	/* Start simplemodal */

		/* Overlay */
		#modalOverlay {background-color:#000; cursor:default;}
		
		/* Default Container used for login */
		#modalContainer {height:344px; width:375px; left:50%; top:15%; margin-left:-200px; background-color:transparent;}
		#modalContainer a.modalCloseImg {background:url(/images/btn_close.gif) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:10px; right:59px; cursor:pointer;}
		#modalContainer #loginModalContent {padding:0px;}
		
		.hidden{display:none;}
	
	/* End simplemodal */
	
/* End Splash Page */

#topnav {
	width: 760px;
	height: 49px;
	background: url(/images/back_topnav.gif) no-repeat;
	margin: 0 auto;
	padding: 6px 35px 0 0;
}

#topnav ul {
	float: left;
	height: 32px;
	margin: 0;
	padding: 0 0 0 21px;
}

#topnav ul li {
	float: left;
	height: 32px;
	list-style: none;
	background: url(/images/divider_topnav.gif) 100% 0 no-repeat;
	padding: 5px 10px 0 10px;
}
#topnav ul li.last {
	background: none;
}

#topnav ul li a {
	float: left;
	display: block;
	height: 27px;
	color: #f5f8fa;
	font-weight: bold;
	padding: 0 0 0 10px;
	text-decoration: none;
	cursor: pointer;
}

#topnav ul li a span {
	float: left;
	display: block;
	height: 24px;
	color: #f5f8fa;
	font-weight: bold;
	padding: 3px 10px 0 0;
	text-decoration: none;
}

#topnav ul li.active a,
#topnav ul li a:hover {
	background: url(/images/hoverl_topnav.gif) 0 0 no-repeat;
	color: #003268;
}

#topnav ul li.active a span,
#topnav ul li a:hover span {
	background: url(/images/hoverr_topnav.gif) 100% 0 no-repeat;
	color: #003268;
}

#topnav_right {
	float: left;
	font-weight: bold;
	color: #d1dee8;
}

#topnav_right td {
	padding-left: 7px;
}

#topnav_right td span {
	display: block;
	padding: 5px 10px 0 0;
	font-weight:bold;
	font-size:11px;
	color:#0057a2;
	text-transform:uppercase;
	font-size:11px;
}
/* End Right */