/*  CSS styling [RAPP] 14 July 2011 */
/* header color */
.header .brandColor {background-color:#990734}
.firstLevelNavigation li.current,
.secondLevelNavigation li.current {
    background: url("img/prizes/tab-bg-current.jpg") no-repeat scroll center bottom #980734 !important;
}

.secondLevelNavigation {border-top:1px solid #990734;border-bottom:1px solid #990734}
	
/* Section colour ff7c00  fff2e5 */
#articles-container .article {border-bottom:1px solid #f4e6ea}
	

/* Latest article block */
h1.latest-article-title-header {
padding: 5px 20px;
width: 240px;
color:#fff;
background:#990734;
font-size:1.4em;
font-weight:bold;
letter-spacing: 1px;
}

h1.latest-article-title-header span {font-weight:normal}
.colourPanel1 {background: #f4e6ea; border:1px solid #980734;margin-bottom:0;padding-top:10px;padding-bottom:10px;}
.colourPanel1-bottom {width:705px;padding-bottom:15px;background: url('/upload/Magazine/css/img/latest-article-bottom.png') no-repeat center bottom}

.inner .description p {margin:0;padding:0;color:#696561;font-size: 0.9em;}
.inner .description .cta .inner h2 {margin:0}
.inner .description p.latest-article-date {color:#cfc7be}

/* Latest in the news block */

.content .latest-article-header h2 {
margin:0;
padding: 5px 20px;
width: 250px;
color:#fff;
font-size:1.4em;
font-weight:normal;
background:#990734;
}

.mag-title-box {
width:705px;
padding:10px 0 0 0;
margin-bottom:10px;
border-bottom: 1px solid #990734;
}

.content .mag-title-box h2 {
margin:0;
padding: 5px 20px;
width: 100px;
color:#fff;
font-size:1.4em;
font-weight:normal;
background:#990734;
}

.latest-article-carousel {
width:705px;
padding:10px 0 0 0;
margin-bottom:10px;
border-bottom: 1px solid #f4e6ea;
}

.content .latest-article-carousel h2 {
margin:0;
padding: 5px 20px;
width: 120px;
color:#980734;
font-size:1.4em;
font-weight:normal;
background:#f4e6ea;
}

.news-more-article a {background:#fdeacc;color:#fff;text-decoration: none;margin-top:10px;padding:5px 15px;font-size:1.4em;width: 105px;display:block;}
#pagecontrol .news-more-article a:hover {background:#ff7c00;color:#fff;}

/* ------- subcategory banner -------- */

.sub-section-banner h1 {color:##01137a;}
.sub-section-banner {border:1px solid #990734;}

/* subcat article listing */
img#ctl00_ctl00_Content_MainBannerSelector_ctl00_magazineSubcategoryArticles_ctl00_articleImage {border:2px solid #ff6802;}
	
/* ---- Article Page ------- */
.article-banner img {width:697px;border:3px solid #990734;margin-bottom:10px;position:relative;}

/* full article page top banner */
.article-page-banner-label {
position:relative;
top:-38px;
background:#ff7c00;
float:left;
color:#fff;
padding: 5px 15px;
position: relative;
margin-bottom: -35px;
font-size:1.1em;
}

/* banner for white title text */
a#main-content h1 {
/*	color: #FFFFFF;
	float: left;
	font-size: 2.8em;
	margin-left: 20px;
	margin-top: 10px;
	position: absolute;
	width: 320px;
	z-index: 100;
	font-weight:bold;*/
}
.hideOffScreen {display:none}

h1.article-page-banner-white-title {
  	float: left;
	font-size: 2.8em;
	margin-left: 20px;
	margin-top: 10px;
	position: absolute;
	width: 320px;
	z-index: 100;
  color:#fff;
  font-weight:bold;
}
/* banner for blue title text */
h1.article-page-banner-blue-title {
  	float: left;
	font-size: 2.8em;
	margin-left: 20px;
	margin-top: 10px;
	position: absolute;
	width: 320px;
	z-index: 100;
  color:#000066;
  font-weight:bold;
}

/* quote */	
.article-quote {background: url('/upload/Magazine/css/img/quote/house-quote-bg.png') no-repeat;}
.article-quote-txt {color:#990734;font-size: 1.5em;line-height:1.3em;}
.article-quote-txt-grey {border-top:2px solid #990734;color:#666;padding-top:10px;margin-top: 10px;}
.article-quote-bottom {background: url('/upload/Magazine/css/img/quote/house-quote-bottom.png') no-repeat;}

.more-article a,
.more-article a:hover {
margin:0;
padding: 5px 20px;
color:#ff7c00;
background:#fff2e5;
font-size:1.2em;
letter-spacing: 1px;
text-decoration:none;
display:block;
width:240px;
clear:both;
}

/* list style */
.content ul li {list-style-image: url('/upload/Magazine/css/img/bullet-list-house.png');}

/* cat listing RHS panel */ 
.rightCol, #rightCol {}
#mag-article-count-banner {background:#f4e6ea;padding-bottom:20px;margin-top:14px}
#mag-article-count-banner a {text-decoration:none;font-weight:bold;color:#333;}
#mag-article-count-banner h2 {margin:0;padding:10px 10px 0 10px}
#mag-article-count-banner ul {margin:0}
#mag-article-count-banner ul li {
  margin-left:-30px;
  width:200px;
  list-style:none;
  border-top:1px solid #ccc;
  margin-top:5px;
  padding-top:5px
 }
 
span.count-text {font-size:0.84em;color:#333}


/* carousel */
#contentSlider {border-bottom: 1px solid #f4e6ea;}

#contentSliderCarousel li div, .jcarousel-prev-horizontal, .jcarousel-next-horizontal {background-color: #980734;}


/* ******** global styling ********* */
.content .content749 {width:705px;margin-bottom:50px;}
.cta {margin:0 8px}

#pagecontrol {margin-bottom:30px}
/*.rightCol, #rightCol {margin-right:20px}*/

/* Landing page */
a.callToAction {padding-right:10px}
.publishDate {display: block;margin-bottom: 3px;}
.article-inner {padding-bottom: 40px;}

#hedMainHeading {margin:0;padding:2px 0 5px 0}
	
.mag-news-item.first {float:left;width:109px;margin-right:38px}
.mag-news-item a {text-decoration:none;}
.mag-news-item a:hover {text-decoration:none;}

.mag-news-item.last {margin-right:0;float:left;width:109px;} /* jquery to append last to news item */

.mag-news-img img {
	height: 109px;
	padding: 7px 6px;
	margin-left:-5px;
	width: 109px;
	background: url('/upload/Magazine/cssImages/leisure/news-thumb-frame.png') no-repeat;
}

.mag-news-date {color:#555;}

.cta .callToAction {padding-right:10px;}

/* --- subcategory article listing --- */
#articles-container .article img {float:left;width:206px;height: 106px;background: url('/upload/Magazine/cssImages/leisure/article-listing-thumb-frame.png') no-repeat;padding:7px 7px 10px 7px;}
#articles-container .article-content {float:left;padding-left:20px;width: 450px;}
.article-content a {font-weight:bold;color:#000;text-decoration: none;} /* read more link */

.article-content h3 {margin-top:3px;}
.article-content h3 a {font-size:1.2em;text-decoration:none;color:#000;}
#articles-container .article {float: left;margin-bottom: 15px;padding-bottom: 15px;}


/* Subsection */
.gradient-white {
	height: 110px;
	left: 10px;
	position: relative;
	top: 0;
	width: 400px;
	z-index: 100;
	background: url('/upload/Magazine/css/img/gradient-white.png') no-repeat;
}

.sub-section-banner h1 {font-size:3em;padding:10px 10px 3px 5px; font: Arial; font-weight: bold;color:#01137a;}
p.subsection-banner-text {color:#333;padding-left: 7px;padding-right: 135px;}
img.sub-section-banner {
	float: right;
    margin-bottom: -90px;
    position: relative;
    right: -1px;
    top: -111px;
    z-index: 20;
}


/* full article page */
.publishDate {display: block;margin-bottom: 5px;font-size:0.8em;color:#b4b4b4}
.article-inner {padding-bottom: 40px;}
.introduction {color:#000}
.content h2, .content .h2, .competitionEventsListing .linkIntroduction h2 a {color:#002663;}

.article-thumb-wrapper {
  float: right;
  margin-left: 10px;
}


img.article-thumb,
img#imgTop {
	width:206px;
	height:107px;
	padding:7px 7px 10px 7px;
	margin:5px;
	background: url('/upload/Magazine/cssImages/leisure/article-listing-thumb-frame.png') no-repeat;
}
a:hover#lnkImage {background:none}

/*.article-thumb img {border:1px solid #ff6802;margin:0;padding:0; width:205px;height: 106px;}*/
			
#articles-container .article-image-wrapper {background:none}

/** !!!!! FIXME: CHANGE COLOUR **/
#articles-container .article-content p {margin:0;margin-bottom:0.5em; color: #333;}
.article-content a { colour: #333; }


/* quote */
.quote-outer {float:right;margin-bottom:10px}
.article-quote {
width:184px;
padding:10px 20px;
margin-left:30px;
margin-top:20px;
}

.article-quote-bottom {
	width:224px;
	height:20px;
	margin-left: 30px;
}

#bottomBannerDiv a:hover {background:none;}

/*
.inner h2#hedMainHeading,
.inner .description,
.inner .latest-article-date {padding:0 5px}
*/
.clear {clear:both}

/** NEW date functions on for the landing pages*/
.dateLarge {
	font-size: 0.9em !important;
	font-weight: bold;
	padding: 0 !important;
	margin:0 !important;
	color: #888 !important;
}

.cta .inner {
	padding: 0 5px 5px 14px; /* Fix to align the text under the image nicely*/
}
#hedMainHeading {
	font-size: 1.1em; /** Reduce the font size slightly */
}
.AdBox {
	border: none !important; /** Remove the nasty border at the bottom*/
}
.AdBox p {
	color: #002663;
	font-size: 1.1em;
}
.mag-news-date {
	font-size: 0.9em;
}
#lnkBottom {
	color: #999 !important;
	background: none !important;
	font-weight: normal; 
}
#contentSlider {
	height: 120px !important;
	position: relative;
}