
/* SITE SPECIFIC */
/*=====================================*/

.lightgrey
{
	background-color : #D2E2F0;
}

.white
{
	background-color : #FFF;
}


.green
{
	background-color :#27ABA8;
}


.search
{
	background: #E2E8E8 url('/images/site/search_bg.jpg') no-repeat right top;
	text-align:right;
	padding-right:10px;
}

.search input
{
	border:1px solid #666666;
	background-color:#C2CECF;
	width:90px;
	padding-left:2px;
	height:20px;
	margin-left:6px;
	color: #000;
}

.search .but
{
	border:0;
	background-color:transparent;
	
}

.searchHead
{
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	color: #000;
}


.topimgArea
{
	background: #485A5E url('/images/site/topimg_bg.gif') repeat-x right top;
}


/*---------------------------------*/
/*  RIGHT COLUMN */
/*---------------------------------*/

.rightCol
{
	background: #000 url('/images/site/rightcol_film_bg.gif') repeat-y left top;
	padding:9px 10px 10px 25px;
	width:188px;
}

.rightCol , .rightCol p
{
	color: #ACBBBD;
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
}


.rightCol h1
{
	font: bold 11px/13px Arial, Helvetica, sans-serif;
	color: #DCE1E2;
	margin:0;
	padding:0;
	margin-bottom:2px;
}

.rightCol h2 
{
	font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #019E57;
	margin:0;
	padding:0;
	padding-bottom:2px;
	margin-bottom:5px;
	border-bottom: 1px solid #019E57;
}

.rightCol h3 
{
	font: bold 11px/12px Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #76A99C;
	margin:0;
	padding:0;
	margin-bottom:5px;
}

.rightCol a , .rightCol p a
{
	color: #DCE1E2;
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
}

.rightCol a:hover
{
	color: #019E57;
	
}

.LeftCol
{
	background: #000 url('/images/site/leftcol_film_bg.gif') repeat-y left top;
	padding:9px 35px 10px 9px;
	width:188px;
	vertical-align:top;
}

.LeftCol , .LeftCol p
{
	color: #ACBBBD;
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
}


.LeftCol h1
{
	font: bold 11px/13px Arial, Helvetica, sans-serif;
	color: #DCE1E2;
	margin:0;
	padding:0;
	margin-bottom:2px;
}

.LeftCol h2 
{
	font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #019E57;
	margin:0;
	padding:0;
	padding-bottom:2px;
	margin-bottom:5px;
	border-bottom: 1px solid #019E57;
}

.LeftCol h3 
{
	font: bold 11px/12px Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #76A99C;
	margin:0;
	padding:0;
	margin-bottom:5px;
}

.LeftCol a , .LeftCol p a
{
	color: #DCE1E2;
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
}

.LeftCol a:hover
{
	color: #019E57;
	
}

/* ----------SHADOW----------------------------*/

.shadowMainLeft
{
	background: #AFBEC0 url('/images/site/shadow_main_left.gif') repeat-y left top;
}

.shadowRightOutside
{
	background: #778899 url('/images/site/shadow_outside_right.gif') repeat-y left top;
}


.shadowBottom
{
	background: url('/images/site/sh_bot.gif') left repeat-x;
	height:10px;
	text-align: left;
}

.shadowRight
{
	background: url('/images/site/sh_rt.gif') left repeat-y;
	width:10px;
	text-align:left;
}

.clearing
{
	clear:both;
}


/* MAIN AREA FOR CONTENT TABLE */

#mainArea
{
	background-color: #AFBEC0;
	padding: 10px 0px 0px 0px;
}



/* WHITE CONTENT AREA ON INSIDE PAGE */
#MainContent
{
	background-color:#FFF;
	padding:10px;
	border:1px solid #000;
	color:#000;
	font: normal 11px/13px Arial, Helvetica, sans-serif;
}


/* GREEN CONTENT AREA ON HOME PAGE AND PROGRAMMES */

#MainGreen
{
	background-color:#019E57;
	padding:10px;
	border:1px solid #000;
	color:#000;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
}

#MainGreen p 
{
	color:#000;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
}


#MainGreen h1

{
	font: bold 18px/20px Arial, Helvetica, sans-serif;
	color:#FFF;
}

#MainGreen h2
{
	font: bold 16px/14px Arial, Helvetica, sans-serif;
	color:#000;
}

#MainGreen h3
{
	font: bold 14px/12px Arial, Helvetica, sans-serif;
	color:#000;
}

#MainGreen a
{
	color:#FFF;
}


#MainGreen a:hover
{
	color:#000;
}


/* FEATURED PROGRAMME USED ON HOME AND PROGRAMME MODULE */

.featureHome
{
border: 1px solid #000;
background-color:#FFF;
}



.featureHome img .main
{
 border-bottom: 1px solid #000;
 /*background-color:#000;*/
}



.featureHome p
{
color:#000;
font: normal 11px/13px Arial, Helvetica, sans-serif;
margin:5px;
}

.featureHome h3
{
 color:#000;
 font: bold 11px/13px Arial, Helvetica, sans-serif;
 margin:5px;
}


.productSpec
{
	padding:0 0 5px 0;
	color:#515E6A;
	margin:0;
 	font: normal 11px/13px Arial, Helvetica, sans-serif;
}



/*---------------------------------*/
/* FOOTER NAVIGATION */
/*---------------------------------*/

.footernav
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #485A5E;
	text-decoration:none;
	background-color: transparent;
	text-align: center;
	padding: 0px 10px 10px 10px;
	background: #A8C8C0 url('/images/site/bot_bg.gif') repeat-x left top;
}
	
	.footernav a 
	{
		color: #485A5E;
		text-decoration:none;
	}
	
	.footernav a:hover 
	{
		color: #000;
		text-decoration: none;
	}


/*---------------------------------*/
/* COPYRIGHT */
/*---------------------------------*/
.copyright
{
	font-size: 10px;
	color: #9FBDC2;
	text-decoration:none;
	background-color: #778899;
	text-align: center;
	padding: 0px;
}
	
	.copyright a 
	{
		color: #9FBDC2;
		text-decoration:none;
	}
	
	.copyright a:hover 
	{
		color: #000;
		text-decoration: none;
	}




/*  DISPLAY STYLES */


.item1
{
	border-bottom: 1px dotted #CED7D8;
	padding: 2px 0 3px 0;
	width:153px;
}

.item1 img
{
	border: 1px solid #FFF;
	margin:3px 5px 2px 0px;
}

.item1, .item1 p
{
	color: #ACBBBD;
	color: #EFEFEF;
	font: normal 10px/12px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}

.item1 h3 
{
	font: bold 11px/13px Arial, Helvetica, sans-serif;
	color: #FFF;
	margin:0;
	padding:0;
	margin-bottom:2px;
}

.item1 h3 a
{
	font: bold 11px/13px Arial, Helvetica, sans-serif;
	color: #FFF;
}

.item1 h3 a:hover
{
	color: #019E57;
}


/* ----------SHOP ----------------------------*/
.shop
{
	border-bottom: 1px solid #5B8C8A;
	padding: 2px 0 3px 0;
}

.shop img
{
	/*border: 1px solid #FFF;*/
	margin:3px 5px 2px 0px;
}

.shop, .shop p
{
	color: #5B8C8A;
	font: normal 11px/13px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:5px;
}

.shop h3 
{
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	color: #677EA9;
	margin:0;
	padding:0;
	margin-bottom:2px;
}


