/* CSS Document */
/*E-WRAP CSS */
#site #js-ewrap-left {margin-left:0px;left:-160px}
#site #js-ewrap-right {margin-left:0px;left:970px}
#site #js-ewrap-left,#site #js-ewrap-right {
	display:none;
	height:800px;
	position:absolute;
	width:140px;
	background:transparent;
	margin:0
}
 
#site #js-ewrap-top {display:none;height:140px;position:absolute;width:980px;top:-2px;left:0;background:transparent}
/*E-WRAP CSS */

a.google-a-img {display:none !important}
.mob-off,.on {display:block}
.mob-on,.off {display:none}
body {background-color:#e8e8e8}

input {webkit-border-radius: 0;border-radius: 0;}

.clearfix:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
}
 

.clearfix{
	display:inline-block
}

 
html[xmlns] .clearfix{
	display:block
}
 
* html .clearfix{
	height:1%
}

#site{
	background-color:none;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	position:relative;
}

#site>*{
	margin:0 auto;
	width:960px;
	padding:10px;
	background:#fff;
	position:relative
}

.wrap {background:none}
.sky-container {position:absolute;right:-130px;top:30px;width:120px}
.sky-container a{display:block;margin:0 0 50px}
.sky-container > .DartAdvert{margin:0 0 30px}
.belly-banner {text-align:center} 
.belly-banner > .DartAdvert {margin:15px auto 0}

#site a{
	text-decoration:none
}

/*
#site img{
	margin:0
}
*/

#site a:hover{
	text-decoration:underline
}

#site p{
	margin:0 0 10px;
	line-height:16px
}

#site #content h1.PCLabel, #site h2, #site #content h2.PCLabel,#site #content h3.PCLabel, .show-body > h3
 {
	background:#e8e8e8;
	color:#93011B;
	font-size:120%;
	padding:8px 0;
	font-weight:bold;
	clear:both;
	text-indent:8px;
	text-align:left;
}

#site h2 a,div#site h2 a:hover{
	color:#93011B
}

/* SITE HEADER AREA */
header{
	font-family:Verdana, Geneva, sans-serif;
	font:Verdana, Geneva, sans-serif;
	width:100%
}

header > .DartAdvert {float:left}

header>img {float:left;margin:50px 10px 0}

header>a{
	float:left;
	margin:12px 0
}

header>aside{
	float:right
}

.ad-banners {float:left;overflow:hidden;width:960px}

#dates{
	width:300px;
	border:1px solid #e8e8e8;
	height:auto;
	text-align:center;
	padding:5px;
	font-size:80%;
	margin:0 0 10px 0;
	background:#fff
}

#dates>a,#dates>span{
	float:right;
	display:block;
	margin:0 2px
}
#dates>a>img{
	vertical-align:middle;
	margin:0
}

#dates h1,#dates h2,#dates h3:first-child {
	background:#e8e8e8;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:5px 0;
	font-weight:bold;
	font-size:110%;
	width:100%;
	margin:0 0 10px;
	text-align:center}

#dates h2,#dates h3,#dates > div {float:left;margin:5px 10px 0;font-weight:bold} /* turn div off in 480 */ 

#dates p{float:left;margin:5px 0;text-align:center;width:100%}

#links{margin:0;width:100%;position:relative;padding:10px 0}
#links>a:first-child {float:left;margin:0;padding:0 5px 5px;height:auto}
#links>a{
	float:right;
	display:block;
	padding:0;
	height:30px;
	margin:10px 5px;
}

#links>a,#links>a:hover{
	color:#000;
	font-weight:bold
}
/* END SITE HEADER AREA */


/* SITE #sitenavIGATION */
#sitenav{
	position:relative;
	z-index:50;
	height:32px
}

#sitenav ul.NavigationItems{
	background-image:linear-gradient(bottom, rgb(219,219,219) 6%, rgb(227,227,227) 53%, rgb(240,240,240) 77%);
	background-image:-o-linear-gradient(bottom, rgb(219,219,219) 6%, rgb(227,227,227) 53%, rgb(240,240,240) 77%);
	background-image:-moz-linear-gradient(bottom, rgb(219,219,219) 6%, rgb(227,227,227) 53%, rgb(240,240,240) 77%);
	background-image:-webkit-linear-gradient(bottom, rgb(219,219,219) 6%, rgb(227,227,227) 53%, rgb(240,240,240) 77%);
	background-image:-ms-linear-gradient(bottom, rgb(219,219,219) 6%, rgb(227,227,227) 53%, rgb(240,240,240) 77%);

	background-image:-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.06, rgb(219,219,219)),
		color-stop(0.53, rgb(227,227,227)),
		color-stop(0.77, rgb(240,240,240))
	);
	width:100%;
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	height:32px
}


#sitenav ul.NavigationItems>li{
	float:left;
	display:block;
	position:relative;
	height:32px;
	border:1px solid #fff;
	border-top:none;
	border-bottom:none;
	padding:0;
	text-align:center;
	width:113px
}

#sitenav ul.NavigationItems>li>a{
    color:#000;
    display:block;
    font-weight:bold;
    padding:10px;
    text-decoration:none}

#sitenav ul.NavigationItems>li>ul{
	position:absolute;
	top:32px;
	left:0;
	background:#efefef;
	border:2px solid #93011B;
	z-index:9999;
	padding:5px;
	width:300px;
	list-style:none}

#sitenav ul.NavigationItems>li>ul>li{
	float:left;
	margin:5px;
	text-align:left;
	width:45%;
	line-height:16px
}
#sitenav ul.NavigationItems>li>ul a{
	font-weight:bold;
	border-bottom:none !important;
}

#sitenav ul.NavigationItems>li:first-child{padding:0;height:auto;width:38px;font-size:0;border-bottom:3px solid #8d949c}
#sitenav ul.NavigationItems>li:first-child>a{background:url(/images/home-icon.gif) no-repeat center center;width:35px;height:32px;display:block;margin:auto;padding:0;display:block}
#sitenav ul.NavigationItems>li:first-child>a:hover {background:url(/images/home-icon.gif) no-repeat center center}

#topNavSelect {display:none}

#NavigationItems .off{
	display:none
}

#sitenav ul.NavigationItems>li:nth-child(1){
	border-bottom:3px solid #8d949c
}

#sitenav ul.NavigationItems>li:nth-child(2){
	border-bottom:3px solid #70A3D2
}

#sitenav ul.NavigationItems>li:nth-child(3){
	border-bottom:3px solid #86c40f
}

#sitenav ul.NavigationItems>li:nth-child(4){
	border-bottom:3px solid #905395
}

#sitenav ul.NavigationItems>li:nth-child(5){
	border-bottom:3px solid #9b8f78
}

#sitenav ul.NavigationItems>li:nth-child(6){
	border-bottom:3px solid #ea6e09
}

#sitenav ul.NavigationItems>li:nth-child(7){
	border-bottom:3px solid #36804a
}

#sitenav ul.NavigationItems>li:nth-child(8){
	border-bottom:3px solid #26517D
}

#sitenav ul.NavigationItems>li:nth-child(9){
	border-bottom:3px solid #8e949c
}

/* END SITE NAVIGATION */

/* SITE SEARCH SECTION */
#sitesearch{
	height:20px;
	overflow:hidden;
	color:#fff;
	padding:20px;
	width:920px
}

#sitetrail{
	float:left
}

#sitetrail a{
	text-decoration:none
}

#sitetrail a:hover{
	text-decoration:underline
}

#sitesearch #search{
	float:right;
	width:460px;
}

#sitesearch #search form {width:436px}


#sitesearch #search input{
	padding:1px;
	float:left;
	-webkit-appearance: none;
}
#sitesearch #search label{
	float:left;
    font-size:120%;
    font-weight:bold;
    padding:5px 10px}
	
.advanced-search-btn {float:right;margin:7px 0 0 10px} 	

#sitesearch #search #submitSearch{
    border:medium none;
    margin:2px 0;
    padding:0;
	background:#fff;
	width:21px
	}

/* END SITE SEARCH SECTION */

/* MAIN CONTENT SECTION */

#content {margin:20px 0 0} 

#site #bannertitle h1,#site #bannertitle h2,#site #bannertitle h3 {
margin:0 0 20px 0
}

/* ************************************************************************ */
.col-1,.col-2{
	padding:0 0 20px 0;
	float:left;
	margin:0 10px;
}

.col-1{
	width:65%;
	float:left;
	margin-left:10px;
	margin-right:15px
	}
.col-2{
	width:30%;
	float:left;
}

.col-1 > *,.col-2 > *{
	margin:0 0 20px
}
.col-2 > *
{
	float:left;
	clear:both;
	width:100%
}

.col-1>section:after,.col-2>section:after,section > .comp:after,#content .DartAdvert:after,#content #divSlideshow:after,.col-1 > a:after, .col-2 > a:after, .show-body > a:after {
	content:"";
	background:url(/images/line.png) bottom repeat-x #fff;
	display:block;
	padding:0 0 25px;
	margin:0;
	width:100%}
#content .col-art #divSlideshow:after {background:none}
#content .DartAdvert {height:auto !important}	
#content .DartAdvert,#content #divSlideshow {padding:0 0 10px 0}
/* END MAIN CONTENT SECTION */

/* ARTICLE ABSTRACTS */
.col-1>article{
	margin:0 10px 20px;
	float:left;
	width:46%;
	overflow:hidden;
	height:180px
}

#site .col-1 article>h3,#site .col-2 article>h3{
	font-weight:bold;
	font-size:130%;
	margin:0;
	line-height:20px;
	background:none}

#site article>h3+div+p{
margin:10px 0;
}

#site article>a{
	display:block;
	float:left;
	margin:0 10px 0 0
}

.news-art {position:relative}
.news-art .com-count {top:auto;right:0}
#site .news-art > a + p {margin:5px 0 0;height:80px;overflow:hidden}
#site .col-1 .news-art > p,#site .col-1 .news-art > h3,#site .col-2 .news-art > p,#site .col-2 .news-art > h3 {margin:0 0 10px}

/* END ARTICLE ABSTRACTS */

/* ARTICLE LEAD ABSTRACT */
#site article.lead{
	background:url(/images/line.png) bottom repeat-x;
	width:97%;
	padding:0 0 20px;
	height:auto;
	position:relative;
	
}

#site article.lead date {margin:0 0 10px;display:block}

#site .col-1 article.lead>h3{
	font-size:180%;
	margin:0 0 15px;
	line-height:24px
}

#site article.lead>h3+p{
	font-size:100%
}

#site article.lead .com-count {
	top:auto;
	right:0;
}

/* END ARTICLE LEAD ABSTRACT */


div.PCLabel{
	margin:0 0 20px;
	clear:both}
div.PCLabel>a{
	display:block;
	height:25px;
	width:100%}

div.PCLabel>a>span{
	color:#fff;
	font-weight:bold;
	float:right;
	height:20px;
	padding:8px 20px 0 40px;
	display:block
}

div.PCLabel > a:hover > span{
	text-decoration:underline
}


/* POPULAR/COMMENTS BOX */

#site .popular{background:#e8e8e8}
	
.popular ul > li,.popular ol > li{padding:0 10px}
.popular article{border-bottom:1px dotted #A3A6AC;margin:0;padding:10px 0;width:100%}
.popular article img{margin:0}
	
	
#site .popular>div>a{
		background:#a3a6ac;
		font-weight:bold;
		color:#fff;
		width:50%;
		text-align:center;
		padding:6px 0;
		float:left;
		font-size:90%
	}
#site .popular>div>a.active{
		background:#e8e8e8;
		color:#636363
	}
	
	.popular>div{width:100%}
	
	.popular>section{
		padding:0 0 10px;
		width:280px;
		background:#fff;
		margin:0;
		list-style:none;
		border: 10px solid #E8E8E8;
		overflow:hidden;
	}
	
	.popular ol,.popular ul{list-style:none;margin:0;padding:0}
	
	.popular>section ul>li>a,.popular>section ol>li>a{
		border-bottom:1px dotted #a3a6ac;
		margin:0;
		display:block;
		padding:10px 0 10px 15px;
		background:url(/images/arrow.png) left center no-repeat;
		float:none}

/* END POPULAR/COMMENTS BOX */

/*FEATURES*/                                                                                                                                                
#features{width:100%}

#site .col-2 #features article h3 {font-size:120%}	
	
#features h4{
	font-weight:bold;
	font-size:140%;
	padding:10px;
	border-bottom:1px dotted #ccc;
	background:#e8e8e8;
	width:95%
	}

#features>article{
	width:95%; /*MIGHT NEED TO CHANGE FOR RESPONSIVE */
	margin:0 auto;
	padding:10px;
	border-bottom:1px dotted #ccc}
/*
#features h4:first-child + article{
	padding:17px 10px 16px
}
*/

#features h5{
	font-weight:bold;
	font-size:100%;
	margin:0 0 5px;
	text-transform:uppercase 
}
/*END FEATURES */

#scroller{
	width:100%;
	position:relative;
	height:158px;
	text-align:center;
	overflow:hidden
}

#scroller ul.jcarousel{
	height:158px;
	overflow:hidden;
	float:left;
	margin:0 20px
}

#scroller ul.jcarousel-list>li.jcarousel-item{
	width:132px;
	height:128px;
	overflow:hidden;
	float:left;
	padding:0 10px;
	border-right:1px solid #b1b1b1;
	border-length:50%;
	margin:15px 0
}

#scroller ul.jcarousel-list>li.jcarousel-item>h5{height:30px;overflow:hidden;margin:0 0 5px}

#scroller ul.jcarousel-list>li.jcarousel-item>h5>a{
	color:#000;
	font-weight:bold}

#scroller ul.jcarousel-list>li.jcarousel-item> p{
	margin:5px 0;
	height:15px;
	overflow:hidden
}

#scroller ul>li:last-of-type{
	border:none}

#scroller ul>li:hover{
	background:url(/images/scrollerbghover.png) repeat-x
}

#scroller>a{
	display:block;
	float:left;
	position:absolute;
	top:50%;
	left:0}

#scroller ul+a{
	right:0;
	left:auto
}

.twtr-doc{
	width:auto !important
}

#scroller>.WPZ>ul{height:120px !important}

.col-1 > article > a img{
	margin:0}

/* COMP */
.comp h3,.whatson-cal h3{
	padding:5px 0 5px 5px;
	font-size:120%;
	font-weight:bold;
	margin:0;
	height:15px}

.col-1>.comp{
	width:46%;
	float:left;
	margin:0 10px 10px
}
.col-2> .whatson-cal{margin:0 0 20px 0}

#site .comp>ul{
	border-top:1px solid #E8E8E8;
    height:159px;
    margin:20px 0 0;
    overflow:hidden;
    padding:0
	}
	
#site .comp>ul>li{
	border-bottom:1px solid #E8E8E8;
    	line-height:16px;
    	overflow:hidden
}
		
		
#site .comp>ul>li>a{
    display:block;
    height:36px;
    margin:0 0 0 15px;
    padding:3px 0 0 5px;
	font-weight:bold}
#site .comp{overflow:hidden;padding:0 0 10px}
#site .col-2 .comp {margin:0 0 10px}
#site .comp article{overflow:hidden;margin:10px 0 0 0;height:100px}
.comp h4,.comp p{line-height:20px;overflow:hidden;margin:0 0 5px}
.comp h4 {font-size:120%}
.comp p {font-size:100%}

#site .comp > ul.double {height:628px}
#site .comp > ul.double>li>a {height:34px;padding:4px 5px 0}

.comp.MPU-searchbg form#ListingSearchForm,.comp.MPU-searchbg form#ListingSearchForm table {margin:0 auto 15px auto;color:#fff;float:none;width:95%;}
.comp.MPU-searchbg form#ListingSearchForm {display:table}
.comp.MPU-searchbg #ListingSearchForm label {margin:0;padding:0;font-size:100%}
.comp.MPU-searchbg #ListingSearchForm input[type="text"],.comp.MPU-searchbg #ListingSearchForm select {height:auto;font-size:100%;margin:0;width:90%}
.comp.MPU-searchbg #ListingSearchForm > * {font-size:100%}
#site .comp.MPU-searchbg > article {height:57px}
.comp.MPU-searchbg form#ListingSearchForm table td {padding:10px}
.comp.MPU-searchbg h4 {margin:10px 0 0 10px;font-size:140%}
.comp.MPU-searchbg #ListingSearchForm .search-btn {width:100%;margin:0;background:transparent}
.comp.MPU-searchbg #ListingSearchForm .search-btn input {float:right;margin:5px;width:auto !important} 
.MPU-searchbg table {border-radius:5px}
.comp.MPU-searchbg {background-repeat:no-repeat !important;background-position: 0 50px !important;background-size:100% 80%;-moz-background-size: 100% 80%;-webkit-background-size: 100% 80%;}

.MPU-searchbg.green table {background:#477654}
.MPU-searchbg.bronze table {background:#9B8F79}
.MPU-searchbg.red table {background:#93011B}
 
/* NEWS FEEDS */
.col-1 > article.ILFE-Bang-News-Feed {height:165px}
.col-1 > article.ILFE-Bang-News-Feed > h3 {margin:0 0 10px 0}
.col-1 > article.ILFE-Bang-News-Feed > h3 + p {font-size:100%}

/* SCROLLER */
#article-scroller{
	clear:both;
	margin:0 0 20px 0;
	background:url(http://harlowstar.co.uk/Images/Newspapers_2012/Article-Scroller-Home-BG.gif) repeat-x top #41454e;
	height:184px;
	overflow:hidden;
	width:619px;
	padding:30px 0
}

#article-scroller ul{
	width:550px;
	height:190px;
	margin:20px 0}
#article-scroller ul li{
	width:170px
}

#article-scroller ul li>p{
	color:#fff;
	margin:10px 0
}

#article-scroller ul li>a{
	text-align:center;
	display:block
}

#article-scroller .articleScrollerMain{
	margin:0 auto;
	width:550px
}


/* FOOTER */
#footer-logos {width:100%;display:table;text-align:center}
#footer-logos img {margin:20px}
#Footer{width:100%;padding:10px 0}
#Footer .WPZ{border:none}
#Footer nav{margin:0 auto;width:910px}
#Footer nav ul.NavTopLevel{margin:10px auto;clear:both;float:left;padding:0;list-style:none}
#Footer nav ul.NavTopLevel>li{float:left;width:151px;margin:5px 0;background:none;padding:0}
#Footer nav ul.NavTopLevel>li>a{display:block;font-size:120%;font-weight:bold;margin:0;padding:5px;text-transform:uppercase}
#Footer nav ul.NavTopLevel>li>ul{padding:0;list-style:none}
#Footer nav ul.NavTopLevel>li>ul>li>a{margin:0;padding:5px;display:block;font-size:100%}
#site #Footer>p{float:left;margin:10px 10px 0}
#site #Footer>img{float:right;margin:0 20px}
#Footer>div{clear:both;margin:0 0 20px;padding:5px 0;width:100%}
#Footer>div>a{margin:0 10px}
#Footer> #small-width-nav{display:none}


.footer-text {
    clear: both;
    padding:10px 0;
    text-align: left;
    width: 100%;
	line-height:18px;
	color:#666;
}

/* ARTICLE PAGE STYLES */
article#story{width:100%;margin:0}
.col-art p{line-height:18px}
.col-art a {float:none !important}
.col-art h1{font-size:200%;font-weight:bold;margin:10px 0;line-height:25px}
.col-art img{float:right !important;margin:0 0 5px 5px}
.captionText {background:#000;color:#FFF;padding:10px;text-align:center;line-height:normal}

p#fullArticle_ctl00_Span1{padding:0 0 10px;border-bottom:1px solid #e8e8e8}
#divTemplate> p{padding:0 0 10px}
#divTemplate> p> span {font-weight:bold;margin:0 5px 0 0}
#divTemplate aside {background:#e8e8e8;clear:both;display:block;float:left;margin:0 0 20px;padding:5px 0;width:100%}
#divTemplate aside div {float:left;margin:0 5px}
#divTemplate date {display:block;font-weight:bold;margin:0 0 10px;padding:5px 0;width:100%}
#content .article-slideshow .prty-phto-gall > ul {margin:0}

/* ARTICLE PAGE QUICK LINKS */
.col-art{float:left;padding:10px 10px 0;overflow:hidden;width:450px}
.quick-links{float:left;width:145px;margin:20px 10px;background:#e8e8e8}
#site .quick-links h2{margin:0} 
.quick-links ul{background:#fff;margin:0 auto;width:130px;padding:0 0 10px 0;border-bottom:8px solid #e8e8e8;list-style:none}
.quick-links ul li{border-bottom:1px dotted #e8e8e8;padding:7px 5px;line-height:normal}  

/* BANNER */
#dir-banner {width:100%;display:table;text-align:center}
#dir-banner img {margin:20px 0 0}
#banner{margin:20px 0;padding:10px;width:940px;position:relative}

/* LISTINGS MAY NEED TO SEPERTE FOR WHATS ON LISTINGS*/
#listing{width:100%}
#listing > h2 {margin:0 0 10px 0}
#listing>p{width:100%;border-bottom:1px solid #CCC;padding:0 0 10px 0}
#listing p span,#listing date{font-weight:bold;margin:0 10px 10px 0}
#listing img{float:left;margin:0 10px}
.col-1 #listing article{margin:0;clear:both;float:left}

.enhanced,.premium{width:100%;text-align:right;margin:0 0 10px 0;padding:0 0 10px;border-bottom:1px solid #ccc}
.enhanced>p,.premium>p{width:400px;font-weight:bold;float:left;text-align:left;padding:5px}
.enhanced>a,.premium>a {margin:5px;font-weight:bold}
.col-1 #listing .enhanced>h2,.col-1 #listing .preimum>h2 {margin:0 0 10px}
.enhanced>h3,.premium>h3 {float:right;margin:10px 0;font-weight:bold;font-size:120%;padding:5px}
.col-1 #listing .enhanced > article,.col-1 #listing .premium > article {width:100%;float:none;text-align:left;margin:10px 0}
.enhanced>article + a,.preimum>article + a {font-weight:bold}
.enhanced p,.preimum p {padding:5px}
.standard{width:100%;margin:0 0 10px 0;border-bottom:1px solid #CCC;padding:5px 0;text-align:right}
#site .standard h2{width:450px;float:left;padding:5px;text-indent:0}
.standard h3{padding:5px 0;font-size:120%}
.standard p{width:400px;float:left;text-align:left;padding:5px}
.standard>a{margin:0;float:right;width:150px;clear:right;padding:5px 0}

/* GENERIC BANNER SEARCH */
.search>*{margin:0 5px}
.search{margin:20px;font-weight:bold} 
.search input{display:block}
input[type=submit]:hover,input[type=button]:hover{cursor:pointer}

/* WHATS ON */
.spp-lbl {
	display:none;
}

.search-events-txt {display:none}
.whatson-banner label{padding:5px 0}
.tab-cont{display:none;float:left;width:100%}
#tab1 .search > * {float:left}
#tab1 section.whatson> input[type=submit]{background:url(/images/Small-Search.gif) no-repeat scroll center center transparent;color:transparent;float:right;height:25px;width:30px;text-indent:-999px}
#tab1 section.whatson select{width:130px}
#site .whatson-banner h1{float: none;font-size: 280%;margin: 30px auto 0;padding: 10px;text-align: right;width: 95%;}
#site .whatson-banner h2 {font-size: 120%;margin:0 0 13px 0;padding:10px;text-align: right;width: 96%;background:none;color:#000}
section.whatson{float:left;width:900px}
#tabs-wrapper{width:422px}
#tabs-container{float:left;width:100%}
#tabs{font:90% arial;font-weight:700;list-style:none;margin:0;padding:0}
#tabs li{display:inline;float:left;margin:0 5px 0 0}
div#site #tabs li a{background:url(/images/whatson-tab-corners.png) no-repeat #888C95 center;color:#fff;display:block;float:left;outline:none;padding:10px;text-align:center;text-decoration:none;width:120px}
#tabs-cont-container{background:#fff;float:left;margin:10px 0 0;padding:0;width:100%}
div#site #tabs li a:hover,div#site #tabs li.active a,div#site #tabs li.active a:hover{background:url(/images/whatson-tab-corners.png) no-repeat #EC4705 center}
#tab1{height:200px;background-position:center;background-repeat:no-repeat}
#tab1 .search{float:left;width:900px}

#tab2 .cat-adv {float:none}
#tab2 section.whatson{float:none;margin:0 auto;width:80%}
div#site #tab2 h2{float:left;font-family:Georgia, "Times New Roman", Times, serif;font-size:300%;font-weight:100;width:450px}
#tab2 section.whatson > select{float:right;width:150px}
#tab2 .whatson > label:first-child {clear:left}
#tab2>section.whatson> input:first-of-type{clear:right;width:336px}
#tab2>section.whatson>section{float:right}
#tab2 h3{float:left;font-size:200%;height:30px;padding:20px 8px;text-align:right;width:430px}
#tab2 label{clear:left;float:left;text-align:center;width:100px;font-weight:bold}
#tab2 section.whatson> *{float:left;margin:5px;clear:right}
#tab2 section.whatson> input[type=submit]{background:url(/images/Advance-Search-Btn.jpg) no-repeat scroll center center transparent;color:transparent;float:right;height:50px;width:145px;margin:5px 0}
#tab2 .category{float:right;padding:5px 0;text-align:left;width:145px}
#tab2 .dr{clear:none} 

#tab3 input{background:none;border:none}
#tab3 table.CalendarView{width:940px}
#tab3 td{text-align:center;color:#fff;vertical-align:middle}
#tab3 .CalMonths td,#tab3 .CalYears td{padding:1px;border-collapse:collapse}
#tab3 .CalendarViewInner{width:940px}
#tab3 table.CalendarViewInner table.Calendar{width:650px} 
#tab3 table.CalendarViewInner table.Calendar td{padding:5px;height:25px;width:95px}
#tab3 table.CalendarViewInner table.Calendar th{font-weight:100;padding:10px;text-align:center;height:25px;vertical-align:middle}
#tab3 table.CalendarViewInner .CurrentDay{width:100%}
.EventBox{position:absolute;z-index:500;padding:10px;width:190px;overflow:hidden;text-align:left}

.caltable{font-family:arial;font-size:80%;text-decoration:none;margin:10px 0 0}
.caltable input{border:none}
.caltable .arrowbtnL,.arrowbtnR{height:40px;width:42px;text-indent:-999px}
.caltable td{font-size:140%;height:25px;text-align:center}
.caltable td,.caltable th{border-bottom:1px solid #FFF;border-right:1px solid #FFF}
.caltable th.calmonth,.caltable td.arrowimgL{border-right:none}
.caltable th{font-size:160%;font-weight:bold;padding:10px;text-align:center}
.CalendarDays{font-size:100%;padding:10px;width:42px}

div#site .whatson .standard h2 {color: #000;margin: 0 0 10px;width: 100%}
.whatson .standard h2{float:none;width:auto}
.whatson .standard p{width:600px}
.whatson .standard article{width:595px}
.whatson .standard>span{float:left;padding:3px;text-align:right;width:95%}
.whatson .standard .listing-info{clear:both;float:left;padding:10px;text-align:left;width:600px;line-height:17px}
.whatson .standard .info-btn{background-image:url(/images/Collapse-Button-Down-trans.png);background-position:center;float:right;height:20px;width:20px}
.whatson .standard .abstract-div{float:left;clear:both}
div#site .whatson .enhanced h2{margin:0;font-size:140%}
div#site .whatson .enhanced h2+h2{font-weight:bold;font-size:100%}
div#site .whatson article{padding:5px 0;margin:0;width:100%}
div#site .whatson article + article{padding:10px 5px 0 }
#tab3 ul,#tab3 ul.cal>li,.whatson-cal li,.whatson date,.whatson .standard .listing-info img{float:left}

#site .col-2 .whatson-add {height:auto;padding:0}

.event-add td{padding:5px;vertical-align:top}
.forminfo{font-size:90%;white-space:nowrap}
.forminfobox{float:right;padding:40px 0 10px 0;width:200px;}
.forminfoboxTD{padding:7px 2px}
.infoboxinner{padding:0 10px}
.forminfoline{height:1px;padding:5px 0}
.AddEventBTN,.EditEventBTN{border:medium none;cursor:pointer;font-size:0;height:30px;line-height:0;margin:2px 0 0;outline:none;padding:0;width:150px}
.required-red{padding:2px}
.required-amber{padding:2px}
.submitwarning{padding:10px;float:right}
.add-event-key{float:left;height:20px;margin:0 0 5px;padding:7px 5px 5px;width:606px}
.add-event-key img{float:left;margin:1px 20px 0 5px}
.add-event-key span{float:left;margin:0 0 5px}
.add-event-form-footer{float:left;font-weight:700;margin:0 0 10px;padding:5px;text-align:right;width:606px}


/* NICHE SEARCH BACKGROUNDS */
.PCV3NicheSearchBg{background-position:center;background-repeat:no-repeat}

/* DIR STYLES */

/* add listings page fix */
.add-new-listing {margin:10px 0 0}
.add-new-listing table {width:100%}
div.dir-event-add .AddEventBTN {
    background: url("/images/dir/addBTN.png") no-repeat;
}

.dir-dropdown-btn {	display:none;
					background-position: 6px center;
					background-repeat: no-repeat;
					background-image:url("/images/Collapse-Button-Down-trans.png");
					color: #FFFFFF;
					font-weight: bold;
					margin:10px 0 0 0;
					padding:10px 0;
					text-align: left;
					text-indent: 30px;
					cursor:pointer;
					font-size:140%
							}
.business-dropdown-btn {background-color: #5fb4fe}
.events-dropdown-btn {background-color: #EC4705}							
.dir-banner{height:130px}	
.dir-banner h1{height:50px;padding:10px 10px 8px 150px;width:570px;font-size:200%;text-align:left} 
.dir-banner > a{position:absolute;right:30px;bottom:8px}
.dir-banner,.searchbg {background-repeat:no-repeat;background-position:center}
.searchbg {width:100%}
.dir-banner > .searchbg > h1 > a {clear: both;display: block;width: 100%;} /* ADD THIS - CHECK ON LIVE */
#site .dir-listing .premium > h2 {}
#site .dir-listing .enhanced > h2 {background:#20008A;color:#fff}
#site .dir-listing .enhanced > h2 a {color:#fff}
#site .dir-profile h2 {background:#20008A;color:#fff}
#site .dir-listing .standard > h2 {background:none;color:#20008A}
#site .dir-profile h3 {background:none;color:#20008A}
#site .dir-listing a{color:#20008A}
.dir > input.submit,#ListingSearchForm > input.submit{width:35px;height:35px;border:none;line-height:0;color:#fff;vertical-align:middle;text-indent:-999px;margin:0 5px}
#site .dir > input[type=submit],#ListingSearchForm > input[type=submit] {background:url(/Images/magnify.png) no-repeat center}
.dir label,#ListingSearchForm label {padding:5px 0}
.dir div.keyword,#ListingSearchForm div.keyword {float: left;height: 25px;position: relative;z-index:10}
.dir,#ListingSearchForm {color:#fff;float:right;font-weight:bold;float:right}
.dir {margin:3px 12px 0 0}
#ListingSearchForm {margin:10px 12px 0 0}
.searchbg h1 span {float:left;font-weight:100;font-size:90%;margin:5px 0 0}
.dir > *,#ListingSearchForm > * {margin:5px;float:left}
.dir > div,#ListingSearchForm > div {display:inline}
.dir > a,#ListingSearchForm > a {display:block;text-align:right;margin:10px 0;clear:both;width:100%}

#site .niche article {width:100%;display:table}
#site .niche > .standard > h2 {background:none}
#site .niche > .enhanced > article > p {float:left}
#site .niche > .enhanced > article > img {float:left}

.mapdiv{background:url(/images/bottom-line.gif) repeat-x scroll center bottom transparent;height:330px;margin:0 0 20px;overflow:hidden;width:292px;float:left}
#mapwrapper{background-color:#FFF;border:2px solid #999;font-size:75%;left:-900px;position:absolute;text-align:right;top:-600px;z-index:2}
#profilemap{border:1px solid #CCC;height:312px;width:290px}
#site .dir-comp>img{float:left;margin:15px 10px 15px 0}
#site .dir-comp>ul{margin:15px 0 0;border-top:none;height:220px}
#site .dir-comp>ul>li{width:154px;height:35px}
#site .dir-comp>ul>li>a{height:27px;line-height:12px;padding:5px 5px 3px}
#site .resultsdisplay{margin:0 0 20px}
#site .dir-comp > div {
	float: left;
    margin:15px 10px 0 0;
    overflow:hidden;
    text-align: center;
    width: 120px;
	}

/* DIR PROFILE */
#site .dir-profile {width:100%}
#site .dir-profile h2 {margin:0 0 20px}
#site .dir-profile h3 {margin:10px 0}
#site .dir-profile article {width:100%;display:block;margin:0 0 20px 0}
#site .dir-profile article img {float:left;margin:0 10px}
#site .dir-profile article p {padding:10px}
#site .dir-profile a {margin:0 10px 0;color:#20008A}
#site .niche-profile {float: left;margin:0 20px 0 10px}
#site .dir-profile > div {margin:20px 20px 10px 20px}
#site .dir-profile > div.mapdiv {margin:0 40px 30px 10px}

/* DIR E-MAIL */
.dir-email * > * {margin:10px 0}

/* DIR CATEGORY SEARCH START */

#keywordcontainer select {display:none}
#keywordcontainer ul
{
  list-style:none;
  padding:0px;
  margin:0px;
  width:200px;
  top:1px
}

#keywordcontainer>ul {background:#F2F3F5;}


#keywordcontainer>ul>li>a
{
  color:#000000;
  font-weight:bold;
  text-decoration:none;
  display:block;
  height:auto;
  padding-left:0.3em;
  text-align:left;
  line-height:25px;
  margin:0;
  }

#keywordcontainer>ul>li a:hover
{
  color:#FFFFFF;
  background:#8F96A8;
  font-weight:bold;
  text-decoration:none !important
}

#keywordcontainer>ul>li.first>a
{
	font-weight: normal;
	background:#FFFFFF;
	background-image: url('/images/downarrow.png');
	background-repeat:no-repeat;
	background-position:180px 2px;
	padding:0 20px 0 5px;
	height:22px
}

#keywordcontainer>ul>li.first {overflow:hidden}

#keywordcontainer>ul>li.first a:hover
{
  color:#000000;
}

#keywordcontainer ul li ul
{
  background:#E2E6E9;
  width:200px;
  
}
#keywordcontainer ul li a {
padding:0.3em;
}
#keywordcontainer ul li ul li a
{
  color:#000000;
  font-weight:normal;
  text-decoration:none;
  display:block;
  text-align:left;
  padding:0.3em;
  line-height:25px;
}

#keywordcontainer ul li ul li a:hover
{
  color:#FFFFFF;
  font-weight:normal;
  text-decoration:none;
}

#keywordcontainer
{
width:200px;
}
/* DIR CATEGORY SEARCH END */

/* COMMENTS */
.com-count {background:url("/Images/Newspapers_2012/speech-bubble.png") no-repeat center center;height:22px;text-align:center;width:20px;line-height:16px;font-weight:bold;position:absolute;top:0;right:-30px;text-indent:0}
#art-comments {margin:10px 0}
.comments {width:99%;font-family:Arial;font-size:100%;padding:10px 0}
.comments h2 {padding:2px 5px;text-transform:uppercase;font-size:120%}
.comments>* {margin:10px 0}
.comments label {float:left;width:40%;clear:left;margin:10px 0}
.comments textarea {width:50%;float:right}
.comments input {float:right;margin:10px 0;width:50%}
.comments input,.comments textarea {padding:2px}
.comments input[type=checkbox] {float:left;width:10px}
.comments input[type=submit] {clear:both;padding:5px;float:right;width:30%;margin:10px 0}
.comments input[type=submit] + p,div.results-messages {margin:0}
.comments p {width:99%;clear:both;font-size:90%}
.comments div {float:left;width:99%;margin:0 0 10px 0}
.comments div a {text-decoration:none}
.comments div a:hover {text-decoration:underline}
.comments .result-messages {font-weight:bold;margin:10px 0}

.confirm-comment section.comments {border:none}
.confirm-comment textarea {width:99%;float:none}
.confirm-comment input[type="submit"] {clear:none;margin:0 0 0 10px}
.pass-reset {font-size:120%;margin:10px 0}

#user-comments {width:99%;font-family:Arial;font-size:90%;overflow:hidden}
#user-comments h3 {margin:10px 0 0}
#user-comments p {padding:10px 5px}
#user-comments date {font-size:80%}
#user-comments * {clear:both;display:block;margin:10px 0}
#user-comments input {background:none;border:medium none;clear:both;display:block;text-align:right;width:99%}
.report label {margin:10px 0}

/* PAGING */
.paging {width:99%;font-family:Arial;font-weight:90%;padding:10px 0}
.paging td {text-align:center;line-height:25px}
.paging td a {display:block;text-decoration:none}
.paging td a:hover {text-decoration:underline;cursor:pointer}
.paging td.paging2 a {font-weight:bold;padding:0 5px}
.paging img {margin:0 5px}
.paging img.prev {float:left}
.paging img.next {float:right} 

/* SITE SEARCH */
.site-search {width:100%;margin:10px 0 20px 0}
#site .site-search h2 {margin:0 0 10px 0}
.site-search article {width:100%;clear:both;margin:5px 0;padding:5px 0;float:left;border-bottom:1px solid #ccc}
.site-search article h3>a {width:100%}
.site-search h3 {font-size:120%;margin:0 0 10px 0;line-height:16px}
.site-search p {font-size:100%}
.site-search date,.site-search div {width:100%;clear:both;text-align:right;float:right;font-weight:bold;padding:0 0 5px 0;font-size:90%}
.site-search date + div {padding:0}
.site-search .paging {margin:0 0 5px 0;clear:both;width:100%;font-size:110%;float:left}
.site-search .paging a {padding:0;float:left;margin:7px 6px}
.site-search .paging a.PagingSelectedPage {padding:6px;margin:0}
.site-search .paging span {float:left;margin:2px 0}

.advanced-search {margin:20px 0 0}
.articleSearchResults {width:100%;background:#e8e8e8}
.articleSearchResults table {width:100%}
.articleSearchResults td {padding:5px;text-transform:capitalize}
.articleSearchResults .textbox {width:95%;border:1px solid #666;padding:2px}
.articleSearchResults th {font-size:140%;padding:5px;font-weight:bold}
.textAdvancedSearchStringbox {width:95%;border:5px solid #666;padding:5px}
#buttonAdvancedSearch {background:#333;border:none;color:#FFF;float:right;padding:5px}
#textPublicationDateStart,#textPublicationDateEnd {width:90%}

/* Elastislide Style */
.es-carousel-wrapper{
	background:#101010;
	padding:5px 38px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position:relative;
	clear:both
}
.es-carousel{
	overflow:hidden
}

.es-carousel ul{
	padding:0
}

#content .es-carousel-wrapper{
	padding:20px 38px
}

#content .es-carousel-wrapper:after{
	display:none
}

#content .HomeScrollerItem{
	padding:5px;
	clear:both;
	width:auto
}

#content .es-carousel ul li{
	background:#000
}

#content .HomeScrollerImage,#content .HomeScrollerAbstract{
	float:left;
	margin:5px 0;
	text-align:center;
	line-height:14px;
	width:100%
}

#scroller{
	float:left
}

.fSI a{
	display:block
}

#scroller .es-carousel-wrapper{
	background:none;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px}

#scroller .es-carousel h2{
	background:none;
	margin:0;
	padding:10px 0;
	text-align:center
}

#scroller .es-carousel ul{
	height:148px;
	margin:0;
	
}

#scroller .es-carousel ul li{
	height:148px}

#scroller .es-carousel .fSA{
	padding:10px 0
}

#site .es-carousel ul{
	display:none;
	float:left;
	overflow:hidden
}
#site .es-carousel ul li{
	float:left;
	display:block
}

#site .es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
	margin:0 auto
}
#site .es-nav span{
	position:absolute;
	top:50%;
	left:12px;
	width:18px;
	height:19px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8}
#site .es-nav span.es-nav-prev{
	background-position:top left;
	background:transparent url(../images/scrollerleftarrow.png) no-repeat}
#site .es-nav span.es-nav-next{
	right:12px;
	left:auto;
	background-position:top right;
	background:transparent url(../images/scrollerrightarrow.png) no-repeat}
#site .es-nav span:hover{
	opacity:1.0}

#site .HomeScrollerItem{
	color:#c0c0c0
}

.gallery li:not(:first-of-type) {display:none}

body.ps-active, body.ps-building, div.ps-active, div.ps-building
{
	background:#000;
	overflow:hidden}
body.ps-active *, div.ps-active *
{ 
	-webkit-tap-highlight-color:rgba(255, 255, 255, 0); 
	display:none}
body.ps-active *:focus, div.ps-active *:focus 
{ 
	outline:0}


/* Document overlay */
div.ps-document-overlay 
{
	background:#000}


/* UILayer */
div.ps-uilayer { 
	
	background:#000;
	cursor:pointer}


/* Zoom/pan/rotate layer */
div.ps-zoom-pan-rotate{
	background:#000}
div.ps-zoom-pan-rotate *  { display:block}


/* Carousel */
div.ps-carousel-item-loading 
{ 
	background:url(loader.gif) no-repeat center center}

div.ps-carousel-item-error 
{ 
	background:url(error.gif) no-repeat center center}


/* Caption */
div.ps-caption
{ 
	background:#000000;
	background:-moz-linear-gradient(top, #303130 0%, #000101 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-bottom:1px solid #42403f;
	color:#ffffff;
	font-size:13px;
	font-family:"Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align:center}
div.ps-caption *  { display:inline}

div.ps-caption-bottom
{ 
	border-top:1px solid #42403f;
	border-bottom:none;
	min-height:44px}

div.ps-caption-content
{
	padding:13px;
	display:block}

.prty-phto-cptn{
	margin:10px 0
}


/* Toolbar */
div.ps-toolbar
{ 
	background:#000000;
	background:-moz-linear-gradient(top, #303130 0%, #000101 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-top:1px solid #42403f;
	color:#ffffff;
	font-size:13px;
	font-family:"Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align:center;
	height:44px;
	display:table;
	table-layout:fixed}
div.ps-toolbar * { 
	display:block}

div.ps-toolbar-top 
{
	border-bottom:1px solid #42403f;
	border-top:none}

div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play
{
	cursor:pointer;
	display:table-cell}

div.ps-toolbar div div.ps-toolbar-content
{
	width:44px;
	height:44px;
	margin:0 auto 0;
	background-image:url(/images/icons.png);
	background-repeat:no-repeat;
	*float:left;
	*margin-right:5%}

div.ps-toolbar-close div.ps-toolbar-content
{
	background-position:0 0}

div.ps-toolbar-previous div.ps-toolbar-content
{
	background-position:-44px 0}

div.ps-toolbar-previous-disabled div.ps-toolbar-content
{
	background-position:-44px -44px}

div.ps-toolbar-next div.ps-toolbar-content
{
	background-position:-132px 0}

div.ps-toolbar-next-disabled div.ps-toolbar-content
{
	background-position:-132px -44px}

div.ps-toolbar-play div.ps-toolbar-content
{
	background-position:-88px 0}

/* IE6/7/Compat mode Toolbar */

div.ieo-ps-toolbar-close
{
	margin-left:33%;
	cursor:pointer}

div.ieo-ps-toolbar-close div.ps-toolbar-content
{
	background-position:0 0;
	float:left;
	margin-right:5%}

#site article.lead>p+a{
	float:right;
	clear:both
}

/*FORMAT COLOURS*/

/* LABEL AND LINK COLOURS */
div.PCLabel {background:none !important}
#site #content .PCLabel.light-blue {color:#fff;background:#6699cc}
div.PCLabel.light-blue > a {border-bottom:3px solid #6699cc}
div.PCLabel.light-blue > a > span {background:url(/images/labelcurve.png) no-repeat #6699cc}

#site #content .PCLabel.light-red {color:#fff;background:#cc3333}
div.PCLabel.light-red > a {border-bottom:3px solid #cc3333}
div.PCLabel.light-red > a > span {background:url(/images/labelcurve.png) no-repeat #cc3333}

#site #content .PCLabel.orange {color:#fff;background:#e46d29}
div.PCLabel.orange > a {border-bottom:3px solid #e46d29}
div.PCLabel.orange > a > span {background:url(/images/labelcurve.png) no-repeat #EA6E09}

#site #content .PCLabel.dark-grey {color:#fff;background:#8D949C}
div.PCLabel.dark-grey > a {border-bottom:3px solid #8D949C}
div.PCLabel.dark-grey > a > span {background:url(/images/labelcurve.png) no-repeat #8D949C}

#site #content .PCLabel.green {color:#fff;background:#86C40F}
div.PCLabel.green > a {border-bottom:3px solid #86C40F}
div.PCLabel.green > a > span {background:url(/images/labelcurve.png) no-repeat #86C40F}

#site #content .PCLabel.purple {color:#fff;background:#905395}
div.PCLabel.purple > a {border-bottom:3px solid #905395}
div.PCLabel.purple > a > span {background:url(/images/labelcurve.png) no-repeat #905395}

#site #content .PCLabel.brown {color:#fff;background:#9B8F78}
div.PCLabel.brown > a {border-bottom:3px solid #9B8F78}
div.PCLabel.brown > a > span {background:url(/images/labelcurve.png) no-repeat #9B8F78}

#site #content .PCLabel.dark-green {color:#fff;background:#36804A}
div.PCLabel.dark-green > a {border-bottom:3px solid #36804A}
div.PCLabel.dark-green > a > span {background:url(/images/labelcurve.png) no-repeat #36804A}

#site #content .PCLabel.dark-blue {color:#fff;background:#26517D}
div.PCLabel.dark-blue > a {border-bottom:3px solid #26517D}
div.PCLabel.dark-blue > a > span {background:url(/images/labelcurve.png) no-repeat #26517D}

/* LABEL AND LINK COLOURS */

#site> section>span>a.grey,#site> section>*.grey {color:#702929}
#site article a{
	color:#444
}
#site article>p+a{
	color:#702929;
	font-weight:bold
}
#site article>h5>a{
	color:#702929
}

/* BRONZE */
.bronze h3, .bronze li {
	background-color:#9B8F79
	}

/*RED*/
.red h3,.red li{
	background-color:#93011B
}

/*PINK*/
.pink h3,.pink li{
	background-color:#cc6699
}

/*ORANGE*/
.orange h3,.orange li{
	background-color:#e46e29
}

/*BLUE*/
.blue h3,.blue li{
	background-color:#0066cc
}

/*TURQ*/
.turq h3,.turq li{
	background-color:#286b7e
}

/*GREEN*/
.green h3,.green li{
	background-color:#477654
}

/*DARK GREY*/
.dark-grey h3,.dark-grey li{
	background-color:#666
}

/*LIGHT BLUE*/
.light-blue h3,.light-blue li{
	background-color:#3399CC}

/* NAVY */
.navy h3,.navy li{
	background-color:#26517D}

/* PURPLE */
.purple h3,.purple li{
	background-color:#412D91}
	
/* LIME */
.lime h3,.lime li{
	background-color:#99cc33}	

.col-1 > ul { 
    clear:both;
    float:left;
    list-style:none outside none;
    margin:0;
	padding:0;
    width:100%}

.col-1 > ul > li {
    float:left;
    font-weight:bold;
    height:50px;
    margin:0;
    overflow:hidden;
    padding:2px 5px;
    width:300px;
    line-height:normal
}

.col-1 > ul > li > a {display:block;width:85%;position:relative}

/* EDIT MODE ZONES */
.col-1 .WP_Box_new2 > *,
.col-2 .WP_Box_new2 > * {
	margin:0 0 20px
}

#site .col-1 .WP_Box_new2 > ul > li{
	width:297px;
	font-weight:bold;
	height:30px;
	padding:2px 5px;
	overflow:hidden	
}
.WP_Box_new2 > article{
	float:left;
	width:100%;
	margin:10px 0
}

.WP_Box_new2 > article > h3{
	width:100%
}

.WP_Box_new2 >.comp ul li a{
	width:100%
}

.WP_Box_new2 > .NavTopLevel > li > a{
	text
}

#site .WP_Box_new2 > article > h5 > a,
#site .WP_Box_new2 > article > h3 > a{
	float:none
}

/* ART PREVIEW STYLES */
#divTemplate{
            font-family:Arial,Helvetica,sans-serif;
            font-size:12px;   
}

#divTemplate > article > p{
line-height:18px;
margin:0 0 10px
}

#divTemplate h1{
	font-size:200%;
	line-height:25px;
	margin:10px 0
}
/* ART PREVIEW STYLES */

/* END EDIT MODE ZONES */


/*HOT JOBS START */
#site .hotjobs{background: url(/images/Newspapers_2012/bottom-line-grade-light.gif) repeat-x scroll center bottom transparent;position: relative}
#site .hotjobs .leon{position:absolute;right:0;top:0}
#site .hotjobs h2{background:#286b7e;color:#fff}
#site .hotjobs ul{border:10px solid #73afbf;margin:0;height:auto;background:#F6F6F6}
#site .hotjobs ul li h4{font-weight:bold;margin:0;background:#F6F6F6}
#site .hotjobs ul li p {background:#F6F6F6;margin:0 !important;height:19px}
#site .hotjobs ul li{margin:5px 10px;padding:0 0 0 20px;background-color:#73AFBF}
#site .hotjobs ul li a,#site .hotjobs ul li a:hover,#site .hotjobs ul li a:visited,#site .hotjobs ul li a:active{color:#387586!important;background:#F6F6F6!important}
#site .hotjobs ul li span{color:#000;font-size:70%}
/* HOT JOBS END */



/*PHOTO GALLERY IE ISSUE FIX*/
.prty-phto-gall ul li{
	display:none;
}
.prty-phto-gall ul li:first-child{
	display:block
}

/* COOKIES POP UP */
#cookiebox{
position: fixed;
bottom:10px;
right:10px;
border:2px solid #AAA;
width: 220px;
height: 105px;
margin: 0 auto;
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font:Arial, Helvetica, sans-serif;
font-size:80% !important;
font-weight:normal;
text-align:left;
z-index:9999
}

#cookiebox p{
	padding:18px 10px 10px;
	line-height:normal;
	margin:auto

}
#cookiebox a{color:#0000FF}

#popupClose{
	position:absolute;
	right:5px;
	top:5px;
}
/* COOKIES POP UP */

/* POLLS */
.poll form,.poll div {display:table;width:100%}
.poll input {width:30%;float:right;color:#fff;background:#999;border:none;padding:5px 0;margin:5px 0 0}
.poll h2 {margin:0 0 20px 0}
.poll h3 {color:#333;font-size:120%;line-height:16px;margin:0 0 10px 0;width:100%}
.poll aside {background: #F2F2F2;height: 20px;margin:0 0 10px 0;padding:10px 0;width:100%;line-height:19px}
.poll aside input {float: right;width:10%;margin:0;padding:0}
.poll aside label {margin:0 0 0 10px}
.poll-res span {height:20px;background:#bc8f8f;float:left;margin:0 10px 0 0}
.poll-res p {font-weight:bold}

/* 3 column full width template adverts*/
#site .ads{height:120px;padding:6px;width:300px;float:left;border-right:1px solid #e0e0e0}
#site .ads>.articleAd{background:url('/images/Newspapers_2012/bottom-line-grade-light.gif') repeat-x scroll center bottom transparent;height:133px;width:100%}
#site .articleAd>a{display:block;width:120px;height:60px;margin-bottom:10px;float:none}
#site .articleAd>h3{font-size:150%;clear:both}
#site #fullwidth{margin:20px 0;width:auto;overflow:hidden}

/* CLASSIFIED SCROLLERS */
#tickerContainer {height:270px;overflow:hidden;margin:10px 0}
#tickerContainer div {border-bottom: solid 1px #ccc;border-top:none;display:table;height: auto;overflow-x: hidden;overflow-y: hidden;padding: 10px 0;width:100%}
#tickerContainer dt {float: left;margin:0 10px 0 0}
#tickerContainer dd {line-height:16px;font-weight:bold}

#site .comp.vertical-scroller ul li {
		background:none;
		border-bottom: solid 1px #ccc;
		border-top:none;
		height: auto;
		overflow:hidden;
		width:100%
}

#site .comp.vertical-scroller ul li img {
	float: left;margin:0 10px 0 0
}

#site .comp.vertical-scroller .vticker-inner {
		padding:10px 0;
		font-weight:bold;
		line-height:16px
}


/* HOME WHATSON BOX */
.orangehtag{background-color:#E46E29;color:#FFF;clear:both;font-size:120%;font-weight:bold;height:15px;margin:0;padding:5px 0 5px 5px}
#site h3.orangehtag > a {color:#fff}
.col-1 > section.orange.home-cal:after{background:none !important}
.col-1 section.home-cal {height:270px}
.col-1 section.home-cal ul {margin:10px 0 0}

/* MOTORS WIDGETS */
div#searchpanel, div#search-results-container div.searchresult, .box_result,.jcarousel-skin-tango .jcarousel-container-horizontal {width:auto !important}
ul#search-more-options li {width:115px !important}
ul#search-more-options li a {width:110px !important}
.ClassifiedResults {margin:20px 0;line-height:20px}
#makemodels,#makemodelspopular {width:70% !important}
#bodystyle div.nav {width:20% !important}
.content .usedCarRotator {width:50% !important}
.content .usedCarThumbnails {width:290px !important;}

/* SHOP */

.shop-sec table {margin:10px 0}
#site .col-1 section.shop-sec {width:100% !important}
.shop,.order {width:100%;margin:10px 0}
.shop td,.order td {padding:10px 0}
.shop td label,.order td label {padding:0 10px}
.shop input,.shop textarea,.shop select {border:1px solid #000}

.order th {background:#e8e8e8;color:#333;padding:10px;font-weight:bold}
.order label {display:table-cell}
#site .order p {float:left;margin:0 5px 0 0} 

.payment h3 {margin:10px 0}
.payment .address {margin:10px 0}

/* E EDITION */
.e-edition a {float:left}
.e-edition img {width:90%}
.e-edition aside {display:table}
.comp.site-col.e-edition span {
	float: left;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    width: 100%;
	}
#site .comp.site-col.e-edition > article {height:180px}
#site .comp.site-col.e-edition > article > p + a {float:right}
	

/* styling for bullets in article */
#content article ul{
	list-style-type:disc;
	padding:0;
	margin:0 0 0 25px
}

#content article ul li{
	margin:8px 0 7px
}

#site .linksonly > ul{
	height:279px;
	margin:10px 0 0
}

/* Showcase
-------------*/


.showcase-content .abstract {padding:0 10px;float:left;width:250px}
#site .showcase-content a > img {width:auto;float:left;margin:0 15px 0 0}
#site .showcase-content > h3 {font-size:180%;width:45%;float:left}
#site .showcase-content > p {font-size:120%;color:#000;width:45%;float:left}
.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail > img {height:50%;width:100px} 
.showcase-thumbnail-restriction {height:220px;padding:10px 0;width:522px!important;margin:0 auto;float:none!important;}
.showcase-thumbnail-button-backward {
	left: 0;
    position: absolute;
    top: 0;
	float:none !important;
	}
	
.showcase-thumbnail-button-forward {
	right: 0;
    position: absolute;
    top: 0;
	float:none !important;
	}
	
#awOnePageButton .view-slide
{
	display: none;
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load
{
	height: 470px; /* Same as showcase javascript option */
	overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage
{
	/**/
}

/* Container when content is shown in slider */
.showcase
{
	position: relative;
	margin: auto;
	width:100%!important;
	float:left
}

	.showcase-content-container
	{
		background-color: #fff;
		margin:0 0 10px 0;
		width:100%;
		float:left /* test */
	}
	
	/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next
	{
		position: absolute;
		background: url('../images/arrows.png');
		width: 33px;
		height: 33px;
		top: 220px;
		cursor: pointer;
	}
	
	.showcase-arrow-previous
	{
		left: -60px;
	}
	
	.showcase-arrow-previous:hover
	{
		background-position: 0px -34px;
	}
	
	.showcase-arrow-next
	{
		right: -56px;
		background-position: -34px 0;
	}
	
	.showcase-arrow-next:hover
	{
		background-position: -34px -34px;
	}
	
	/* Content */
	.showcase-content
	{
		background-color: #fff;
		text-align: left;
		height:180px;
		width:100% !important
	}
		
		.showcase-content-wrapper
		{
			text-align: center;
			height: 470px;
			width: 700px;
			display: table-cell;
			vertical-align: middle;
		}
		
		/* Styling the tooltips */
		.showcase-plus-anchor
		{
			background-image: url('../images/plus.png');
			background-repeat: no-repeat;
		}
		
		.showcase-plus-anchor:hover
		{
			background-position: -32px 0;
		}
		
		div.showcase-tooltip
		{
			background-color: #fff;
			color: #000;
			text-align: left;
			padding: 5px 8px;
			background-image: url(../images/white-opacity-80.png);
		}
		
		/* Styling the caption */
		.showcase-caption
		{
			color: #000;
			padding: 8px 15px;
			text-align: left;
			position: absolute;
			bottom: 10px; left: 10px; right: 10px;
			display: none;
			background-image: url(../images/white-opacity-80.png);
		}
		
	.showcase-onepage .showcase-content
	{
		margin-bottom: 10px;
	}
	
	/* Button Wrapper */
	.showcase-button-wrapper
	{
		clear: both;
		margin-top: 10px;
		text-align: center;
	}
	
		.showcase-button-wrapper span
		{
			margin-right: 3px;
			padding: 2px 5px 0px 5px;
			cursor: pointer;
			font-size: 12px;
			color: #444444;
		}
	
		.showcase-button-wrapper span.active
		{
			color: #fff;
		}
	
	/* Thumbnails */
	.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
	{
		background-color: #444756;
		float:left; /* test */
		position:relative;/* test */
		width:100%;/* test */
	}
	
	.showcase-thumbnail-wrapper
	{
		overflow: hidden;
	}
		
		.showcase-thumbnail 
		{
			width: 120px;
			height: 90px;
			cursor: pointer;
			position: relative;
		}
		
		.showcase-thumbnail > img {border: solid 3px #444756}
		
			.showcase-thumbnail-caption
			{
				
				
				width:90%;
				padding-bottom: 5px;
				text-align: center;
				line-height:15px !important
				}
			
			.showcase-thumbnail-content
			{
				padding: 10px;
				text-align: center;
				padding-top: 25px;
			}
			
			.showcase-thumbnail-cover
			{
				background-image: url(../images/black-opacity-40.png);
				position: absolute;
				top: 0; bottom: 0; left: 0; right: 0;
			}
		
		.showcase-thumbnail:hover > img
		{
			border: solid 3px #fff;
		}
		
			.showcase-thumbnail:hover .showcase-thumbnail-cover
			{
				display: none;
			}
		
		.showcase-thumbnail.active, .showcase-thumbnail:hover {background:url(../images/active.gif) top center no-repeat}
		
		.showcase-thumbnail.active > img
		{
			border: solid 3px #fff;
		}
		
			.showcase-thumbnail.active .showcase-thumbnail-cover
			{
				display: none;
			}
	

		.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
		{
			margin-right: 19px;
			width: 116px;
			text-align:center;
			padding:10px 0 5px;
			color:#fff;
			font-weight:bold;
			height:200px;
		}
	
	.showcase-thumbnail-wrapper-vertical
	{
		padding: 10px;
	}
	
		.showcase-thumbnail-wrapper-vertical .showcase-thumbnail
		{
			margin-bottom: 10px;
		}
		
	.showcase-thumbnail-button-backward,
	.showcase-thumbnail-button-forward
	{
		padding: 7px;
		cursor: pointer;
	}
	

		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
		
		{
			background-image: url(../images/arrows-small.png);
			background-repeat: no-repeat;
			display: block;
			width: 17px;
			height: 17px;
		}
		
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal, 
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal {
			background-repeat: no-repeat;
			background-position:left center;
			display: block;
			width: 25px;
			height: 160px;
	
	}		
		
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal {background-image:url(../images/arrowleft.gif)}
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal {background-image:url(../images/arrowright.gif)}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical
		{
			background-position: 0 -51px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -51px;
		}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical
		{
			background-position: 0 -34px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -34px;
		}
		
	
		/* Hide button text */
		.showcase-thumbnail-button-forward span span,
		.showcase-thumbnail-button-backward span span
		{
			display: none;
		}
	


/* Clear (used for horizontal thumbnails)
-------------------------------------------*/

.clear
{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	float: none;
}
/* Showcase End
-------------*/

#site .comp > ul.double{
	margin:10px 0
}

/* CSS STYLES FOR ZOOPLA */

.zoop {width:100% !important}

.zoop.feat {
	background:#e8e8e8;
	height:auto;
	display:table
	}
	
.zoop.feat li {
	width:24.5%;
	margin:20px 40px 0 40px;
	float:left;
	overflow:hidden
	/* background:#ccc; */
	}	

.zoop.feat li + li {margin:20px 40px 0 0}	
#site .zoop.feat li > * {margin:0 0 10px 0}
#site .zoop.feat li > h4 {font-size:160%}	
#site .zoop.feat li > a {font-weight:bold}

.zoop form {background-image:url(/images/ZoopSearchBG.jpg);width:95%;color:#fff;background-repeat:no-repeat;margin:0 auto;font-weight:bold}
.zoop form > h3,.zoop form > h4 {color:#e46d29;font-weight:100;clear:both;width:100%;float:left}

.zoop form > h3 {font-size:240%;margin:20px 20px 20px 10px}
.zoop form > h4 {font-size:160%;margin:20px 10px;width:80%}

.zoop form input[type=text] {width:50%;clear:both;height:30px;font-size:140%}
.zoop form > input[type=radio] {clear:right}
.zoop form select {width:80%;height:25px;padding:2px 0}
.zoop form input[type=submit] {float:right;margin:10px 0;background:#e46d29;padding:5px;color:#fff;font-weight:bold;margin:10px 40px 10px 0;border:2px solid #fff}
.zoop form > * {margin:10px}
.zoop.z-search label {font-weight:bold}
.zoop.z-search td {width:200px;padding:5px 0}
#site .zoop.z-search td img {margin:10px 0}
.zoop.z-search table {width:65%}

.comp.z-search form {width:90%;margin:0 auto;padding:10px 0;display:table}
.comp.z-search input[type=text] {width:100%;clear:both;height:30px;font-size:140%;border:1px solid #999}
.comp.z-search input[type=submit] {padding:5px 20px;color:#fff;background:#999;margin:20px 0;float:right;border:none;font-weight:bold}
.comp.z-search > article {background:#e8e8e8}

.z-values div {border:10px #b9d2ef solid;padding:15px 0 0;text-align:center}
#site .z-values div img {margin:10px 0}
.z-values table {margin:0 auto;width:90%;}
.z-values table tr > * {padding:10px 0;border-bottom:1px solid #e8e8e8;font-weight:bold}
.z-values table th {background:#e8e8e8;color:#000;}
.z-values .plus {color:#090}
.z-values .minus {color:#C00}


.zoop.z-search.mpu input[type=text] {width:90%}
.zoop.z-search.mpu input[type=submit] {margin:10px}
.zoop.z-search.mpu table {margin:0 auto;width:90%}
.zoop.z-search.mpu img {width:110px}

#fullArticle_ctl00_divBody a{
	color:blue !important
}

/* DIR SEARCH BOX */
#site .comp.dir-srch-box:after {
	padding: 0 0 7px 0	
}

#site .comp.dir-srch-box > div {
	background:#f2f2f2;
	margin:5px 0 0
}

#site .comp.dir-srch-box > div.tabs {
	background:none;
	margin:3px 0 0
}

.comp.dir-srch-box table {
	width:100%	
}

.comp.dir-srch-box table td {
	padding:10px 5px
}

.comp.dir-srch-box table td select,.comp.dir-srch-box table td input[type=text] {
	border:1px solid #666;
	padding:2px
}

.comp.dir-srch-box table td select {
	width:160px;
	height:25px
}

.comp.dir-srch-box table td input[type=text] {
	width:155px;
	height:20px
}


.comp.dir-srch-box table td label,.comp.dir-srch-box table td a {
	width:120px;
	display:block;
	color:#333
}

.comp.dir-srch-box table td a {
	font-weight:bold;
}

.comp.dir-srch-box table td input[type=submit] {
	float:right;
	padding:5px 10px;
	background:#666;
	color:#fff;
	font-weight:bold;
	border:none
}

#site .comp.dir-srch-box article {
	color: #666666;
    font-size: 160%;
    font-weight: bold;
    height: 15px;
    margin:0;
   	padding:20px 5px
} 

.dir-srch-box .tabs {
	height:35px;
	clear:both;
	margin:3px auto 0;
	width:300px
}

#site .dir-srch-box .tabs a {
	display:block;
	float:left;
	padding:10px;
	width:78px;
	text-align:center;
	background:#f2f2f2;
	color:#636363;
	margin:0 0 0 3px
}

#site .dir-srch-box .tabs a:first-child {
	margin:0
}

#site .dir-srch-box .tabs a.active {
	color:#fff;
	background:#A3A6AC
}
/* DIR SEARCH BOX */

/*FOR PROPERTY MPU COL 1 */
.col-1 > .DartAdvert{float:left;margin:10px 18px 10px 0}
.col-1 > .DartAdvert + .DartAdvert{margin:10px 0}

/* RSS LINKS */
.col-1 .rssExternalLink:after, .col-2 .rssExternalLink:after {
	background:none;
}

.col-1 .rssExternalLink, .col-2 .rssExternalLink {
    border-bottom:1px dotted #ccc;
    display: block;
    float: left;
    height: 20px;
    overflow:hidden;
    padding:5px 0;
    width: 46.7%;
    margin:0 10px 10px;
    line-height:17px;
}

.col-1 h2.rssExternalLink, .col-2 h2.rssExternalLink {
	margin:0 10px 10px;
	width:96.7%;
	background:none;
	text-indent:0;
	font-size:140%
}

.col-1 .rssExternalLink a , .col-2 .rssExternalLink a {
	display:block;
}

.col-1 .rssExternalLink a > img , .col-2 .rssExternalLink a > img  {
	float:right;		
}
/* RSS LINKS */


/* NEW SCROLLER SLIDESHOW START */
ul.bjqs {
display:none;
list-style:none;
margin:0;
overflow:hidden;
padding:0;
position:relative
}

li.bjqs-slide {
display:none;
position:absolute
}

ul.bjqs-controls {
list-style:none;
margin:0;
padding:0;
z-index:9999
}

ul.bjqs-controls.v-centered li a {
background:#fff;
color:#000;
display:block;
padding:10px;
position:absolute;
text-decoration:none
}

ul.bjqs-controls.v-centered li.bjqs-next a {
right:0
}

ul.bjqs-controls.v-centered li.bjqs-prev a {
left:0
}

ol.bjqs-markers {
list-style:none;
margin:0;
padding:0;
position:absolute;
top:0;
width:100%
}

ol.bjqs-markers.h-centered {
text-align:right
}

ol.bjqs-markers li {
display:inline
}

ol.bjqs-markers li a {
background:url(/Images/Scroller_Slideshow/whitetab.png) no-repeat center center transparent;
color:#fff;
display:inline-block;
height:10px;
margin:5px;
padding:5px 10px;
text-decoration:none
}

div.bjqs-caption {
background: url("/Images/Scroller_Slideshow/bg_barousel_content.png") repeat scroll 0 0 transparent;
bottom:0;
display:block;
margin:0;
padding:5px 0;
position:absolute;
width:100%;
color:#fff;
left:0
}

div.bjqs-caption > h3 {
margin:0 auto 10px;
font-size:16px;
width:98%;
color:#fff
}

#site div.bjqs-caption > h3 > a {
color:#fff;	
}

div.bjqs-caption > p {
margin:0 auto !important;
width:98%;	
color:#fff
}

#r-slider-container {
margin:0 auto;
max-width:620px;
padding-bottom:80px;
clear:both;
}

ul.bjqs-controls.v-centered li a:hover {
background:#000;
color:#fff
}

ol.bjqs-markers li.active-marker a,ol.bjqs-markers li a:hover {
background:url(/Images/Scroller_Slideshow/greytab.png) no-repeat center center transparent
} 
/* NEW SCROLLER SLIDESHOW END */

/* TABOOLA STYLING */
#taboola-below-main-column{
	border-top:1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin:20px 0;
	padding:20px 0 10px;
}
/* END TABOOLA STYLING */

#divTemplate .ImageCaptionBox > *{
	border:none !important
}

.searchbg h1 span{
	font-size:70%
}

.hp #sitesearchBG{background:#fff}
.hp .site_search_text{text-align:center;color:#FFFFFF;font-weight:bold;float:right;padding:2px;height:40px;margin-top:2px}
.hp .site_search_txtbox{width:220px;margin:2px 0 0 0;border:2px solid #fff;color:#9d9d9d;float:left}
.hp .searchtext{color:#000;width:220px;margin:2px 0 0 0;border:2px solid #fff;float:left}
.hp .site_search_btn{border:none;float:left;margin:1px 5px 0 10px;padding:2px;width:20px}




/* CSS Document */

/* Template Colours */
img.fourps {display:none}
#site .site-col h3,#site .site-col li {background-color:#412d91}

#site #content .PCLabel.site-col,div.PCLabel.site-col > a > span {background-color:#412d91;color:#fff}
#site #content div.PCLabel.site-col > a {border-bottom:solid 3px #412d91}

#sitesearch {background:#412d91}
#sitesearch #search a {color:#fff}
#scroller{
	background: url(/images/scroller-bg.jpg);
	border-top:3px solid #412d91;
	border-bottom:3px solid #412d91}


#site a {color:#333}

#site #sitetrail a {color:#fff}

/* COMPS */
#site .comp h3, #site .whatson-cal h3, #site .comp> h3> span> a {color:#fff} 
#site .comp div {background:#fff}
#site .comp ul li a {background: none repeat scroll 0 0 #f6f6f6}
#site .comp ul li {background-image:url(/images/combo-li-bg.png);background-repeat:no-repeat}

#site .comp h3>a{
	color:#fff
}

/* NAV COLOURS */

#sitenav ul.NavigationItems > li > a:hover {background:#412d91;color:#fff}
#sitenav ul.NavigationItems>li:hover {border-bottom: 3px solid #412d91}
#sitenav ul.NavigationItems>li>ul {border:3px solid #412d91}

/* FOOTER */
#Footer {
background-image: linear-gradient(bottom, rgb(49,49,49) 51%, rgb(138,138,138) 95%);
background-image: -o-linear-gradient(bottom, rgb(49,49,49) 51%, rgb(138,138,138) 95%);
background-image: -moz-linear-gradient(bottom, rgb(49,49,49) 51%, rgb(138,138,138) 95%);
background-image: -webkit-linear-gradient(bottom, rgb(49,49,49) 51%, rgb(138,138,138) 95%);
background-image: -ms-linear-gradient(bottom, rgb(49,49,49) 51%, rgb(138,138,138) 95%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.51, rgb(49,49,49)),
	color-stop(0.95, rgb(138,138,138))
)}

#site #Footer a {color:#fff}
#site #Footer p {color:#fff}
#Footer div {background:#444444}

/* FEATURES */
#features h4{
	color:#412d91;
}

#features article{
	background:#e8e8e8}

#features h5{
	color:#412d91}
#site #features h5>a{
	color:#412d91}

/* GENERIC BANNER SEARCH */
#banner .search {color:#fff}

/* WHATS ON */
.whatson-banner h1 {color:#D3161E}
section.whatson> input[type=submit] {border:none}
#tab2 {background:#f3f1f2}
#tab2 label {color:#000}
div#site #tab2 h2 {background:none;color:#683F6D}
div#site #tab2 h3 {color:#EC4705}
#tab2 div {color:#000}

#tab3 {background:#F4F1F1}
#tab3 table.CalendarView {background:#F4F1F1}
#tab3 .CalMonths td,#tab3 .CalYears td {border-bottom:1px solid #fff;background:#E4DCDB}
#tab3 .CalendarViewInner .Calendar td {border-right:1px solid #fff;border-bottom:1px solid #fff}
#tab3 .CalendarViewInner .Calendar th {background:#213a72;color:#fff;border: 1px solid #F4F1F1}
#tab3 .CalendarViewInner .Calendar th.weekend {background:#2a56b9}
#tab3 .CalendarViewInner .CurrentDay {background:#5C6889;color: #FFFFFF}
#tab3 .DayOn {background:#5c6889}
#tab3 .CalMonths td.date-on, #tab3 .CalYears td.date-on,#tab3 .CalendarViewInner .Calendar td.date-on {background:#EC4705}
#tab3 .DayOn:hover {background:#EC4705}
#tab3 .DayOff {background:#c3c2c6}
#tab3 input:hover {color:#fff}
#tab3 .CalYears td.YearUp input, #tab3 .CalYears td.YearDown input {background:#213a72;color:#FFF}
#tab3 .CalMonths td:hover input, #tab3 .CalYears td:hover input {background:#EC4705;color:#fff}
#tab3 input:hover {color:#fff}
.EventBox h3 {color:#ec4705}
.EventBox {background:#fff;color:#000;border:1px solid #666}

.caltable input {color:#fff}
.caltable {background-color:#686b6d;color:#FFF}
.caltable td {background:#B3B4B7}
.caltable th.calday {background:#E5E5E6;color:#666}
.caltable td.dayon:hover {background:#EC4705}
.caltable td.dayoff,.caltable td.dayoff:hover {background:#CCC}
.caltable th {background: none repeat scroll 0 0 #888C95}
.caltable td a:hover {background:#8d8f92;color:#fff}
.CalendarDays {background-color: transparent}
#caltop {background-color:#828282;color:#FFF}
#calh2 {color:#FFF}
.calpart1header {background-color:#000}
.caltable .arrowbtnL,.caltable .arrowbtnR {background:none;color:transparent}
.caltable .arrowimgL {background:url("/images/whatson/CalSearchBack.jpg") no-repeat center #888C95}
.caltable .arrowimgR {background:url("/images/whatson/CalSearchForward.jpg") no-repeat center #888C95}

.whatson .standard {border-bottom:1px solid #EC4705}
.whatson .standard>span {color:#EC4705}

div#site .whatson .enhanced h2 {color:#fff;background:#D3161E}
.whatson .enhanced > article {background:#FFE9CA}
.whatson .enhanced > article + article {background:#fff}
.whatson .standard .info-btn {background-color:#EC4705}

.whatson .standard {border-bottom:1px solid #EC4705}
.whatson .standard>span {color:#EC4705}
div#site .whatson .enhanced h2 {color:#fff;background:#D3161E}
.whatson .enhanced > article {background:#FFE9CA}
.whatson .enhanced > article + article {background:#fff}
.whatson .standard .info-btn {background-color:#EC4705}

.forminfo{color:#666}
.forminfobox{background:url(/Images/Whatson/Form-Help-BG.jpg) left top no-repeat #f6e7e2}
.forminfoline{border-top:1px dotted #ec4705}
.AddEventBTN,.EditEventBTN{color:#fff}
.AddEventBTN{background:url(/images/whatson/AddEventBTN.png) no-repeat scroll right center #999}
.EditEventBTN{background:url(/images/whatson/EditEventBTN.png) no-repeat scroll right center #999}
.required-red{background:url(/images/whatson/WhatsonFormRequiredField-Red.png) no-repeat scroll right center #FFF;border:1px solid #7F9DB9}
.required-amber{background:url(/images/whatson/WhatsonFormRequiredField-Amber.png) no-repeat scroll right center #FFF;border:1px solid #7F9DB9}
.add-event-form-footer{background:#999;color:#FFF}
.add-event-key{background:#F6E7E2}

/* COMMENTS */
.comments {border-bottom:1px solid #ccc}
.comments h2 {color:#412d91;background:#e8e8e8}
.comments input,.comments textarea {border:1px solid #000}
.comments input[type=submit] {background:#333;border:none;color:#fff}
.comments div a {color:#333}
.comments section {background:#f2f2f2}
.comments .result-messages {color:#412d91}

#user-comments aside {border-bottom:1px solid #ccc}
#user-comments p {background:#e8e8e8}

.paging {border-bottom:1px solid #ccc}
.paging td a {color:#333}
.paging td.paging1 a {color:#333}
.paging td.paging2 a {color:#412d91}
.paging .CurrentPageSelected a {border:1px solid #412d91}

.paging .CurrentPageSelected a, .PagingSelectedPage {border:1px solid #412d91}
.com-count {color:#412d91}

div.PCLabel>a{
	border-bottom:3px solid #ac1011;
}

div.PCLabel>a>span{
	background:url(/images/labelcurve.png) no-repeat #ac1011;
}
/* CSS Document */

/* Template Colours */
img.fourps {display:none}
#site .site-col h3,#site .site-col li {background-color:#412d91}

#site #content .PCLabel.site-col,div.PCLabel.site-col > a > span {background-color:#412d91;color:#fff}
#site #content div.PCLabel.site-col > a {border-bottom:solid 3px #412d91}

#sitesearch {background:#412d91}
#sitesearch #search a {color:#fff}
#scroller{
	background: url(/images/scroller-bg.jpg);
	border-top:3px solid #412d91;
	border-bottom:3px solid #412d91}


#site a {color:#333}

#site #sitetrail a {color:#fff}

/* COMPS */
#site .comp h3, #site .whatson-cal h3, #site .comp> h3> span> a {color:#fff} 
#site .comp div {background:#fff}
#site .comp ul li a {background: none repeat scroll 0 0 #f6f6f6}
#site .comp ul li {background-image:url(/images/combo-li-bg.png);background-repeat:no-repeat}

#site .comp h3>a{
	color:#fff
}

/* NAV COLOURS */

#sitenav ul.NavigationItems > li > a:hover {background:#412d91;color:#fff}
#sitenav ul.NavigationItems>li:hover {border-bottom: 3px solid #412d91}
#sitenav ul.NavigationItems>li>ul {border:3px solid #412d91}

/* FOOTER */
#Footer {
background-image: linear-gradient(bottom, rgb(49,49,49) 51%, rgb(138,138,138) 95%);
background-image: -o-linear-gradient(bottom, rgb(49,49,49) 51%, rgb(138,138,138) 95%);
background-image: -moz-linear-gradient(bottom, rgb(49,49,49) 51%, rgb(138,138,138) 95%);
background-image: -webkit-linear-gradient(bottom, rgb(49,49,49) 51%, rgb(138,138,138) 95%);
background-image: -ms-linear-gradient(bottom, rgb(49,49,49) 51%, rgb(138,138,138) 95%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.51, rgb(49,49,49)),
	color-stop(0.95, rgb(138,138,138))
)}

#site #Footer a {color:#fff}
#site #Footer p {color:#fff}
#Footer div {background:#444444}

/* FEATURES */
#features h4{
	color:#412d91;
}

#features article{
	background:#e8e8e8}

#features h5{
	color:#412d91}
#site #features h5>a{
	color:#412d91}

/* GENERIC BANNER SEARCH */
#banner .search {color:#fff}

/* WHATS ON */
.whatson-banner h1 {color:#D3161E}
section.whatson> input[type=submit] {border:none}
#tab2 {background:#f3f1f2}
#tab2 label {color:#000}
div#site #tab2 h2 {background:none;color:#683F6D}
div#site #tab2 h3 {color:#EC4705}
#tab2 div {color:#000}

#tab3 {background:#F4F1F1}
#tab3 table.CalendarView {background:#F4F1F1}
#tab3 .CalMonths td,#tab3 .CalYears td {border-bottom:1px solid #fff;background:#E4DCDB}
#tab3 .CalendarViewInner .Calendar td {border-right:1px solid #fff;border-bottom:1px solid #fff}
#tab3 .CalendarViewInner .Calendar th {background:#213a72;color:#fff;border: 1px solid #F4F1F1}
#tab3 .CalendarViewInner .Calendar th.weekend {background:#2a56b9}
#tab3 .CalendarViewInner .CurrentDay {background:#5C6889;color: #FFFFFF}
#tab3 .DayOn {background:#5c6889}
#tab3 .CalMonths td.date-on, #tab3 .CalYears td.date-on,#tab3 .CalendarViewInner .Calendar td.date-on {background:#EC4705}
#tab3 .DayOn:hover {background:#EC4705}
#tab3 .DayOff {background:#c3c2c6}
#tab3 input:hover {color:#fff}
#tab3 .CalYears td.YearUp input, #tab3 .CalYears td.YearDown input {background:#213a72;color:#FFF}
#tab3 .CalMonths td:hover input, #tab3 .CalYears td:hover input {background:#EC4705;color:#fff}
#tab3 input:hover {color:#fff}
.EventBox h3 {color:#ec4705}
.EventBox {background:#fff;color:#000;border:1px solid #666}

.caltable input {color:#fff}
.caltable {background-color:#686b6d;color:#FFF}
.caltable td {background:#B3B4B7}
.caltable th.calday {background:#E5E5E6;color:#666}
.caltable td.dayon:hover {background:#EC4705}
.caltable td.dayoff,.caltable td.dayoff:hover {background:#CCC}
.caltable th {background: none repeat scroll 0 0 #888C95}
.caltable td a:hover {background:#8d8f92;color:#fff}
.CalendarDays {background-color: transparent}
#caltop {background-color:#828282;color:#FFF}
#calh2 {color:#FFF}
.calpart1header {background-color:#000}
.caltable .arrowbtnL,.caltable .arrowbtnR {background:none;color:transparent}
.caltable .arrowimgL {background:url("/images/whatson/CalSearchBack.jpg") no-repeat center #888C95}
.caltable .arrowimgR {background:url("/images/whatson/CalSearchForward.jpg") no-repeat center #888C95}

.whatson .standard {border-bottom:1px solid #EC4705}
.whatson .standard>span {color:#EC4705}

div#site .whatson .enhanced h2 {color:#fff;background:#D3161E}
.whatson .enhanced > article {background:#FFE9CA}
.whatson .enhanced > article + article {background:#fff}
.whatson .standard .info-btn {background-color:#EC4705}

.whatson .standard {border-bottom:1px solid #EC4705}
.whatson .standard>span {color:#EC4705}
div#site .whatson .enhanced h2 {color:#fff;background:#D3161E}
.whatson .enhanced > article {background:#FFE9CA}
.whatson .enhanced > article + article {background:#fff}
.whatson .standard .info-btn {background-color:#EC4705}

.forminfo{color:#666}
.forminfobox{background:url(/Images/Whatson/Form-Help-BG.jpg) left top no-repeat #f6e7e2}
.forminfoline{border-top:1px dotted #ec4705}
.AddEventBTN,.EditEventBTN{color:#fff}
.AddEventBTN{background:url(/images/whatson/AddEventBTN.png) no-repeat scroll right center #999}
.EditEventBTN{background:url(/images/whatson/EditEventBTN.png) no-repeat scroll right center #999}
.required-red{background:url(/images/whatson/WhatsonFormRequiredField-Red.png) no-repeat scroll right center #FFF;border:1px solid #7F9DB9}
.required-amber{background:url(/images/whatson/WhatsonFormRequiredField-Amber.png) no-repeat scroll right center #FFF;border:1px solid #7F9DB9}
.add-event-form-footer{background:#999;color:#FFF}
.add-event-key{background:#F6E7E2}

/* COMMENTS */
.comments {border-bottom:1px solid #ccc}
.comments h2 {color:#412d91;background:#e8e8e8}
.comments input,.comments textarea {border:1px solid #000}
.comments input[type=submit] {background:#333;border:none;color:#fff}
.comments div a {color:#333}
.comments section {background:#f2f2f2}
.comments .result-messages {color:#412d91}

#user-comments aside {border-bottom:1px solid #ccc}
#user-comments p {background:#e8e8e8}

.paging {border-bottom:1px solid #ccc}
.paging td a {color:#333}
.paging td.paging1 a {color:#333}
.paging td.paging2 a {color:#412d91}
.paging .CurrentPageSelected a {border:1px solid #412d91}

.paging .CurrentPageSelected a, .PagingSelectedPage {border:1px solid #412d91}
.com-count {color:#412d91}

div.PCLabel>a{
	border-bottom:3px solid #ac1011;
}

div.PCLabel>a>span{
	background:url(/images/labelcurve.png) no-repeat #ac1011;
}