@media screen {

/*------ BASE ------*/
	
	/*------ reset, fonts Copyright (c) 2009, Yahoo! Inc. ------*/
html{color:#000;background:#eee;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

	/*------ layout ------*/
body { background-color: #eee; text-align:center; }
#container{ background-color: #fff; margin:0 auto; text-align:left; padding:0px 10px 10px 10px; width:974px; }
.fr{ float:right; }
.fl{ float:left; }
.mainCol{ width:664px; position:relative; }
.sideCol{ width:300px; position:relative; }
.cl { overflow:hidden; width:100% } /*------ clearing ------*/
	
	/*------ typography ------*/
.b{ font-weight:bold; }
.txts1{ font-size:70%; }
.txts2{ font-size:77%; }
.txts3{ font-size:85%; }
.txtm1{ font-size:93%; }
.txtm2{ font-size:100%; }
.txtm3{ font-size:108%; }
.txtl1{ font-size:116%; }
.txtl2{ font-size:124%; }
.txtl3{ font-size:140%; }
.region .head h2{ font-size:116%; }
.lc{ text-transform:lowercase; }

	/*------ tags ------*/
em{ font-style:normal; }
strong{ font-weight:bold; }
a{ color:#4457a5; text-decoration:none; }
a:hover{ text-decoration:underline; }
a, button, label { cursor:pointer; }

	/*------ styles ------*/
.acc{ left:-5000px; position:absolute; }
.menuBar{ clear:both; display:block; position:relative; z-index:1; }
.menuBar li{ float:left; }
.menuBar li a,
.menuBar li .hello{ display:block; padding:0px 6px 0px; }

	/*------ fancy - image button ------*/
.fancy{ background-color:transparent; background-repeat:no-repeat; border:0; display:block; height:1px; margin:0; overflow:hidden; padding:0; width:1px; }

	/*------ old tin icons ------*/
.icn16{ background-image:url( /images/tin2/icon_sprite_02.png); background-repeat:no-repeat; text-decoration:none; }
.icn16{ height:16px; }
.icn16{ padding:0 0 6px 20px; }
.error{ background-position:0px -40px; }
.rss{ background-position:0 -90px; }
.delicious{ background-position:0px -590px; }
.facebook{ background-position:0px -640px; }
.stumbledupon{ background-position:0px -690px; }
.digg{ background-position:0px -740px; }
.reddit{ background-position:0px -790px; }
.refineunchecked{ background-position:0px -540px; }
.refinechecked{ background-position:0px -1040px; }
.llLink{ background-position:0px -1190px; }
	
	/*------ new icons, buttons and logos ------*/
.icn24,
.icn32,
.share24,
.video24,
.gLogo,
.jobsLogo,
.motorsLogo,
.propertyLogo,
.classifiedLogo,
.businessLogo,
.bookAnAdLogo,
.pureplay .carouselLeft,
.pureplay .carouselRight{ background-image:url( /images/tin2/sprite_icons_logos.png); _background-image:url( /images/tin2/sprite_icons_logos.gif); background-repeat:no-repeat; text-decoration:none; }
		
		/*------ icons ------*/
.icn24{ height:24px; width:24px; }
.icn32{ height:32px; width:32px; }
.share24{ background-position:0px -640px; }
.video24{ background-position:0px -681px; }
.rss32{ background-position:0px -760px; }
.viewAll32{ background-position:0px -760px; }
.share32{ background-position:0px -840px; }
.print32{ background-position:0px -880px; }
.email32{ background-position:0px -920px; }
.commentGreyBG24{ background-position:0px -960px; }
.comment24{ background-position:0px -960px; }

		
		/*------ logos ------*/
.jobsLogo,
.motorsLogo,
.propertyLogo,
.classifiedLogo,
.businessLogo,
.bookAnAdLogo,
.pureplayLogo{ display:block; height:26px; width:76px; }
.gLogo{ background-position:0px -120px; }
.jobsLogo{ background-position:0px 0px; }
.motorsLogo{ background-position:0px -40px; }
.propertyLogo{ background-position:0px -80px; }
.classifiedLogo{ background-position:0px -240px; }
.businessLogo{ background-position:0px -280px; }
.bookAnAdLogo{ background-position:0px -320px; }
.pureplay .carouselLeft{ background-position:right -360px; }
.pureplay .carouselRight{ background-position:left -400px; }
	
	/*------ background sprite ------*/
body,
#jive-community #jive-message-list,
.mainSearch #q,
.mainSearch #postcode1,
.mainSearch #postcode2,
.mainSearch .searchTypeSel,
.ticker,
#js-ticker-blind,
.widget h2,
.w-border h2,
.performances table th,
.bigTitleRegion h2,
#jive-stats h2,
.article .readFull,
.bigArticle .readFull,
.topicArticle .readFull,
.evtContent .article .readFull,
.evtContent .bigArticle .readFull,
.evtContent .topicArticle .readFull,
.fBlockRegion .more,
.channelHead,
.galleryHead,
.topicHead{ background-image:url('/images/tin2/bg/sprite.jpg'); background-repeat:repeat-x; }

.evtContent .article .readFull,
.evtContent .bigArticle .readFull,
.evtContent .fBlockRegion .more{ background-position:0 -101px; }
.colGreen .fBlockRegion .more{ background-position:0 -204px; }
body,
#jive-community #jive-message-list{ background-position:left -750px; }
.mainSearch #q,
.mainSearch #postcode1,
.mainSearch #postcode2,
.mainSearch .searchTypeSel{ background-position:0 -350px; }
.ticker{ background-position:left -405px; }
#js-ticker-blind{ background-position:left -411px; }
.widget h2,
.w-border h2,
.performances table th{ background-position:left -505px; }
.bigTitleRegion h2,
#jive-stats h2,
.channelHead,
.galleryHead,
.topicHead{ background-position:left -600px; }
.topicArticle .readFull{ background-position:left -500px; }
	

	/*------ newspaper image ------*/
.newspaper img{ height:20px; margin-top:5px; width:187px; }
.newspaper .alpha{ display:none; font-size:1px; height:20px; margin-top:5px; width:187px; }


/*------ SHARED PAGE REGIONS ------*/
	
	/*------ header ------*/
#header{ position:relative; }
	.pageTop{ position:relative; }
		.leaderboard{ float:left; width:728px; }
		.weatherAndDate{ float:right; margin:16px 0px 0px 0px; width:152px; }
		.weatherAndDate .icon{ float:left; width:48px; }
		.weatherAndDate .temps{ float:left; width:104px; }
		.weatherAndDate .tpHI,
		.weatherAndDate .tpLO{ color:#fff; float:left; font-weight:bold; margin-left:6px; padding:3px 6px; text-decoration:none; white-space:nowrap; }
		.weatherAndDate .time{ color:#414042; float:left; font-weight:bold; font-size:85%; margin:5px 0 0 6px; }
		.weatherAndDate .tpHI{ background-color:#e8bb44; }
		.weatherAndDate .tpLO{ background-color:#a5a5a5; }
	
	.navBarLogin{ border-bottom:1px solid #414042; border-top:1px solid #414042; margin-top:4px; padding:2px 0px; position:relative; }
		.navBarLogin a{ color: #414042; }
		.navBarLogin .menuBar li{ margin:8px 0px 8px 0px; }
		.navBarLogin .menuBar li .hello{ color:#d9a636; }
		.navBarLogin .menuBar li a{ border-right:1px solid #aaa; }
		.navBarLogin .menuBar .last a{ border-right:none; }
		
		.mainSearch{ float:right; width:640px; }
		.mainSearch form{ float:right; margin-top:2px; }
		.mainSearch form label{ float:left; font-weight:bold; margin-right:5px; margin-top:6px; }
		.mainSearch #q,
		.mainSearch #postcode1,
		.mainSearch #postcode2,
		.mainSearch .searchTypeSel{ background-color:transparent; float:left; border:1px; border-style:solid; border-color:#666 #999 #999 #666; padding:2px; margin-right:5px; margin-top:4px; }
		.mainSearch .searchTypeSel { padding:1px; }
		.mainSearch .searchButton{ float:left; height:27px; margin:0px 5px 0px 0px; width:27px; }
		.mainSearch .gLogo { height:28px; float:left; margin-right:5px; margin-top:2px; width:54px; }		
		.mainSearch #q { width:254px; }
		.mainSearch #postcode1 { width:48px; } 
		.mainSearch #postcode2 { width:36px; }

	.branding{ min-height:90px; height:auto !important; height:90px; position:relative; }
		.masthead{ float:left; height:80px; width:558px; position:relative; }
		.masthead .logo{ height:80px; width:558px; }
		.pureplay{ background-color:#d2d3d3; float:right; min-height:80px; height:auto !important; height:80px; margin:0px; width:416px; }
		.pureplay .carouselLeft,
		.pureplay .carouselMiddle,
		.pureplay .carouselRight{ background-color:#fff; float:left; margin-top:10px; }
		.pureplay .carouselLeft{ height:40px; width:5px; padding-left:10px; }
		.pureplay .carouselRight{ height:40px; width:5px; padding-right:10px; }
		.pureplay .links{ background-color:#d2d3d3; text-align:center; margin-top:8px;  }
		.pureplay .links a{ color:#333; margin:0px 10px; }
		
		.pureplay .carousel { min-height:40px; height:auto !important; height:40px; width:386px; }
		.pureplay .carousel .scroller { margin-left:-5px; width:391px; }
		.pureplay .carousel .itemlist { width:391px; }
		.pureplay .carousel .itemlist li { float:left; margin:0px; padding:7px 2px 0px 0px; width:76px; text-align:center; }
		.pureplay .carousel .paging-controls .next { background-position:top right; right:-5px; top:8px; position:absolute; }
		.pureplay .carousel .paging-controls .previous { background-position:bottom left; left:-5px; top:8px; position:absolute; }
		
	.navBarMain{ background-color: #fff; border-top:1px solid #fff; min-height:30px; height:auto !important; height:30px; }
		.navBarMain a{ color: #414042; }
		.navBarMain .current{ background-color:#414042; }
		.navBarMain .current a{ color: #fff; }
		.navBarMain .menuBar li{ padding:7px 0px; }
		
	.navBarSub{ background-color: #414042; border-bottom:1px solid #414042; margin-bottom:10px; min-height:32px; height:auto !important; height:32px; }
		.navBarSub a{ color: #fff; }
		.navBarSub .menuBar li{ margin-top:8px; }
		
	.tickerBox{ background-color: #f0f0f0; margin-bottom:10px; margin-top:-10px; }
		.ticker{ background-color: #f0f0f0; min-height:24px; height:auto !important; height:24px; padding:6px 8px 0px 8px; }
		.ticker a{ color:#333; }
		.ticker-container{display:block; overflow:hidden; position:relative; }
		#js-ticker-blind{ background-color:#FFFFFF; height:1.5em; position:absolute; right:0; width:974px; z-index:2; }
		.ticker ul li{ white-space:nowrap; }
		
	/*------ footer ------*/
#footer{ margin:20px 0px 0px 0px; position:relative; }
	.navBarFooter a{ color: #999; }
	.navBarFooter .menuBar li a{ border-right:1px solid #aaa; }
	.navBarFooter .menuBar .last a{ border-right:none; }

	/*------ regions ------*/
.posrel{ position:relative; }
.region{ margin-bottom:10px; position:relative; }
.region .head{ background-color:#414042; }
.region .head h2{ color:#fff; font-weight:bold; padding:5px; }	
.region .body{ background-color:#fff; border-bottom:1px solid #414042; }

	/*------ buttons and form elements ------*/
.yui-skin-sam .yui-button button,
.yui-skin-sam .yui-button a{ color:#000000; font-size:none; line-height:1.4; min-height:1.6em; padding:0 6px; }
.inputSelect{ border:1px solid #aaa; }
.inputText{ border:1px solid #aaa; padding:1px; }
.yui-skin-sam .yui-button,
.yui-skin-sam .yui-button .first-child{ border-color:#aaa; }

	/*------ tabs ------*/
.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a{ background-position:0 -100px; }
.yui-skin-sam .yui-navset .yui-nav{ background-color:#414042; border-width:0px; min-height:22px; height:auto !important; height:22px; padding:6px 6px 0px 6px; }
.yui-skin-sam .yui-navset .yui-nav li{ margin:0 0.3em 0 0; }
.yui-skin-sam .yui-navset .yui-nav a em{ font-weight:bold; padding:2px 6px; }
.yui-skin-sam .yui-navset .yui-nav .selected{ margin:0 0.3em -1px 0; }
.yui-skin-sam .yui-navset .yui-nav .selected a{ border-color:#A3A3A3; }
.yui-skin-sam .yui-navset .yui-nav .selected a em{ border-color:#A3A3A3; padding:3px 6px 2px 6px; }
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus,
.yui-skin-sam .yui-navset .yui-nav .selected a:hover{ background:#fff; color:#000; }
.yui-skin-sam .yui-navset .yui-content{ background-color:transparent; border-color:#414042; border-width: 1px 0px 0px 0px; padding:0px; }
	
	/*------ big title region ------*/
.bigTitleRegion{ margin-bottom:10px; position:relative; }
.bigTitleRegion .body{ border:1px solid #CACACA; padding:10px 10px 0px 10px; }
.bigTitleRegion a{ color:#333; }
.bigTitleRegion h2{ background-color:#414042; color:#fff; font-size:150%; padding:8px 12px 8px 12px; }

	/*------ wideBox region ------*/	
.wideBox { border:1px solid #cacaca; font-size:93%; font-weight:bold; margin-bottom:10px; width:662px; }
.wideBox .body{ padding:10px 10px 0px 10px; position:relative; }
.wideBox a{ color:#333; }
	
	/*------ colour title region ------*/
.colourRegion{ background-color:#414042; color:#fff; position:relative; }
.colourRegion .body{ background: #494949 url(/images/tin2/bg/colour_region.jpg) 0 -250px repeat-x; font-weight:bold; margin:10px; padding:10px 10px 0px 10px; } 
.colourRegion h2{ background-color:#414042; border-top:1px solid #414042; color:#fff; font-size:150%; padding:8px 12px 8px 12px; }
.colourRegion a{ color:#fff; }

	/*------ comments ------*/
.storyComments{ display:block; float:left; height:20px; margin-left:35px; padding:4px 0px 0px 29px; width:135px; }
	
	/*------ widgets ------*/
.widget .jobsLogo,
.widget .motorsLogo,
.widget .propertyLogo,
.widget .classifiedLogo,
.widget .businessLogo,
.widget .bookAnAdLogo{ bottom:5px; position:absolute; }

.widget .jobsLogo{ left:-2px; }
.widget .motorsLogo{ left:-9px; }
.widget .propertyLogo{ left:-2px; }
.widget .classifiedLogo{ left:-2px; }
.widget .businessLogo{ left:-6px; }
.widget .bookAnAdLogo{ left:8px; }
	
.widget{ border:1px solid #666666; margin-bottom:10px; position:relative; }
.widget h2{ background-color:#414042; color:#fff; font-weight:bold; padding:6px 8px 3px; min-height:20px; height:auto !important; height:20px; }
.widget .body{ background: transparent url('/images/tin2/bg/widget.jpg') left bottom repeat-x; border:0px; padding:0px 8px; } 
.widget .buttonBox{ float:right; }
#container .wStd, #VCcontainer .wStd{ min-height:111px; height:auto !important; height:111px; }
#container .wDbl{ min-height:263px; height:auto !important; height:263px; }
#container .wComm{ min-height:112px; height:auto !important; height:112px; }
.widget .formItem label{ display:block; float:left; width:4.5em; }
.widget .submit{ float:right; }
	
.wCommented ul{ padding-top:8px; }
.wCommented li{ padding-bottom:9px; }
.wCommented h2{ background-color:#7a797a; background-image:none; }
.wCommented .headline{ float:left; padding-top:5px; }
.wCommented a{ color:#414042; } 
.wCommented .storyComments{ float:right; margin-left:10px; width:95px; }

.wGoog .content{ padding-top:8px; }
.wGoog h2,
.wGoog h2 a{ color:#fff; }
.wGoog .gCAdTitle{ padding-top:2px; }
.wGoog .gCAdTitle a{ font-weight:bold; text-decoration:underline; }
.wGoog .gCAdUrl{ padding-bottom:16px; }
.wGoog .gCAdUrl a{ color:#008000; }

.wJMP .body{ border:0px; background: #fff url('/images/tin2/bg/widget.jpg') left bottom repeat-x; padding:0px 8px; }
.wJMP .content{ position:relative; }
.wJMP .buttonBox{ display:inline; float:right; padding:5px 0 0 0; }
.wJMP .box{ display:inline; float:left; padding:5px 10px 0px 0px; }
.wJMP .boxLast{ display:inline; float:left; padding:5px 0px 0px 0px; }
.wJMP #event-listings-site-search .buttonBox{ padding:9px 0 0 0; }
.wJMP #event-listings-site-search .box{ padding:2px 10px 0px 0px; }
.wJMP #event-listings-site-search .boxLast{ float:right; padding:2px 0px 0px 0px; }
.wJMP .boxThird{ width:7em; }
.wJMP .boxHalf{ width:10.5em; }
.wJMP .boxTwoThird{ width:13.0em; }
.wJMP .boxFull{ width:278px; }
.wJMP .third{ width:7.5em; }
.wJMP .half{ width:12.1em; }
.wJMP .twoThird{ width:14.5em; }
.wJMP .full{ width:278px; }
	
.wVC{ margin-bottom:10px; }
.wVC .body{ border:0px; background: #fff url('/images/tin2/bg/widget.jpg') left bottom repeat-x; padding:0px 8px; }
.wVC .content{ position:relative; }
.wVC ul{ padding-top:6px; }
.wVC li{ padding-bottom:6px; }
.wVC li a{ color:#333333; }
	
.wlocProp .body{ text-align:center; }
.wlocProp .itemlist{ padding-top:8px; }
.wlocProp h3{ font-weight:bold; }
.wlocProp h3,
.wlocProp li img,
.wlocProp .desc{ margin-bottom:8px; }
.wlocProp h3 a{ display:block; }
.wlocProp li img{ border:1px solid #B8B9BE; }
.wlocProp .propertyLogo{ left:6px; }
	
.wGoogleAds .content{ padding-top:8px; }
.wGoogleAds h2 a{ color:#fff; }
.wGoogleAds p{ margin-top:3px; }
.wGoogleAds .wSingle p{ margin-top:5px; }
.wGoogleAds .gCAdUrl{ color:#008000; }
.wGoogleAds .gCAdTitle{ text-decoration:underline; }

.wWhatsOn .body{ text-align:center; }
.wWhatsOn h2 em{ color:#3ace3b; }
.wWhatsOn form{ margin:0px auto; text-align:left; }
.wWhatsOn .formItem{ margin-bottom:18px; }
.wWhatsOn .topItem{ margin-top:16px; }
	
.wBusinessSearch .body{ text-align:center; position:relative; }	
.wBusinessSearch form{ margin:0px auto; text-align:left; }
.wBusinessSearch .formItem label{ display:block; margin-left:0px; width:278px; }
.wBusinessSearch .boxLast{ display:inline; float:left; padding:5px 0px 0px 0px; }
.wBusinessSearch .buttonBox{ display:inline; float:right; padding:5px 0 0 0; }
.wBusinessSearch .inputText{ width:278px; }

.wClassified .body{ text-align:center; position:relative; }	
.wClassified form{ margin:0px auto; text-align:left; }
.wClassified .formItem label{ display:block; margin-left:0px; width:278px; }
.wClassified .boxLast{ display:inline; float:left; padding:5px 0px 0px 0px; }
.wClassified .buttonBox{ display:inline; float:right; padding:5px 0 0 0; }
.wClassified .inputText{ width:278px; }

.wHotJobs{ margin-bottom:0px; }
.wHotJobs .body{ padding:0px; overflow:hidden; width:100%; }
.wHotJobs .header{ text-align:center; padding:5px 0px; }
.wHotJobs .jobBoxTop{ background: transparent url('/images/tin2/bg/hotjobs_job_bg.png') left top no-repeat; height:10px; padding:0px; }
.wHotJobs .jobBox{ background: transparent url('/images/tin2/bg/hotjobs_job_bg.png') left bottom no-repeat; min-height:186px; height:auto !important; height:186px; margin-bottom:36px; padding:0px 16px 0px 16px; text-align:left; }
.wHotJobs a{ color:#414042; }
.wHotJobs .jobsLogo{ left:4px; }

.wHotJobsDbl .jobBox p{ margin-bottom:20px; padding-top:10px; }
	
.wMotors .car{ margin-top:8px; }
.wMotors .description{ float:left; width:154px; }
.wMotors .description p{ margin-bottom:26px; }
.wMotors li .image{ float:right; }
.wMotors li img{ border:1px solid #B8B9BE; }
.wMotors .motorsLogo{ left:-1px; }

.wMotorsDbl .body{ text-align:center; }
.wMotorsDbl .itemlist{ padding-top:8px; }
.wMotorsDbl h3{ font-weight:bold; margin-top:8px; }
.wMotorsDbl h3,
.wMotorsDbl li img,
.wMotorsDbl .desc{ margin-bottom:16px; }
.wMotorsDbl h3 a{ display:block; }
.wMotorsDbl li img{ border:1px solid #B8B9BE; width:160px; }
.wMotorsDbl .motorsLogo{ left:-1px; }

	/*------ carousels ------*/
.carousel { background:transparent; clear:both; overflow:hidden; position:relative; }
.carousel .scroller { overflow:hidden; position:relative; }
.carousel .itemlist li { background:transparent; overflow:hidden; position:relative; }
.carousel .paging-controls-hidden { display:none; }
.carousel .paging-controls a { background-color:transparent; overflow:hidden; position:absolute; top:0px; }
.carousel .paging-controls .next { height:33px; width:43px; background-image:url('/images/tin2/buttons/arrow_r_small_ro.png'); background-repeat:no-repeat; }
.carousel .paging-controls .previous { height:33px; width:43px; background-image:url('/images/tin2/buttons/arrow_l_small_ro.png'); background-repeat:no-repeat; }

.wlocProp .carousel { width:282px; }
.wlocProp .carousel .scroller { margin-left:0px; width:282px; }
.wlocProp .carousel .itemlist { margin-left:-282px; width:5000px; }
.wlocProp .carousel .itemlist li { float:left; margin:0px; width:282px; text-align:center; }
.wlocProp .carousel .paging-controls .next { background-position:top right; right:-5px; top:100px; position:absolute; }
.wlocProp .carousel .paging-controls .previous { background-position:bottom left; left:-5px; top:100px; position:absolute; }

.wMotors .carousel { min-height:110px; height:auto !important; height:110px; width:282px; }
.wMotors .carousel .scroller { margin-left:0px; width:282px; }
.wMotors .carousel .itemlist { margin-left:-282px; width:5000px; }
.wMotors .carousel .itemlist li { float:left; margin:0px; width:282px; text-align:left; }
.wMotors .carousel .paging-controls .next { background-position:top right; right:-5px; top:38px; position:absolute; }
.wMotors .carousel .paging-controls .previous { background-position:bottom left; left:-5px; top:38px; position:absolute; }

.wMotorsDbl .carousel { min-height:110px; height:auto !important; height:110px; width:282px; }
.wMotorsDbl .carousel .scroller { margin-left:0px; width:282px; }
.wMotorsDbl .carousel .itemlist { margin-left:-282px; width:5000px; }
.wMotorsDbl .carousel .itemlist li { float:left; margin:0px; width:282px; text-align:center; }
.wMotorsDbl .carousel .paging-controls .next { background-position:top right; right:-5px; top:100px; position:absolute; }
.wMotorsDbl .carousel .paging-controls .previous { background-position:bottom left; left:-5px; top:100px; position:absolute; }
	

/*------ HOMEPAGE ------*/
	
	/*------ promos ------*/
.promos{ background: transparent url('/images/tin2/bg/widget.jpg') left bottom repeat-x; border:1px solid #666; border-width:1px 0px; min-height:130px; height:auto !important; height:130px; margin-bottom:10px; }
.promos .carousel { min-height:140px; height:auto !important; height:140px; width:974px; }
.promos .carousel a{ color:#000; }
.promos .carousel .scroller { margin:13px 10px 10px 20px; width:930px; }
.promos .carousel .itemlist { margin-left:-312px; width:5000px; }
.promos .carousel .itemlist li { float:left; margin:0px 4px 0px 0px; padding:0px; width:308px; }
.promos .carousel .paging-controls .next { background-image:none; right:0px; top:13px; position:absolute; height:112px; width:12px; }
.promos .carousel .paging-controls .previous { background-image:none; left:0px; top:13px; position:absolute; height:112px; width:12px; }
.promos .carousel .itemlist li img{ border:1px solid #666; float:left; margin:0px 6px 0px 0px; height:110px; width:165px; }
.promos .carousel .itemlist li div{ float:left; width:134px; }
.promos .carousel .itemlist li h3{ font-weight:bold; }
	
	/*------ feature block ------*/
.fBlockRegion{ background-color:#414042; color:#fff; min-height:526px; height:auto !important; height:526px; padding:0 10px; position:relative; }
#featureBlockEventHome .fBlockRegion{ min-height:375px; height:auto !important; height:375px; }
.fBlockRegion .body{ padding:10px 10px 0px 10px; }
.fBlockRegion h1{ color:#fff; font-size:190%; font-weight:bold; padding:14px 0px 4px 0px; text-transform:uppercase; }
.fBlockRegion h1 .ft{ margin-right:10px; }
.fBlockRegion a{ color:#fff; }
.fBlock{ list-style:none outside none; margin:10px 0; min-height:22.6em; height:auto !important; height:22.6em; position:relative; width:642px; }	
.fBlock li a{ background-color: #414042; background-image: url('/images/tin2/bg/promo_region_titles.jpg'); background-position: -10px -80px; background-repeat: no-repeat;}
.fBlock li a:hover,
.fBlock li a:focus{ text-decoration:none; background-position: 0px -80px; }
.fBlock li a:hover strong,
.fBlock li a:focus strong{ text-decoration:underline; }
.fBlock li h2{ margin-left:333px; }
.fBlock li a:hover,
.fBlock li a:focus,
.fBlock .selected{ background-color:#666; }
.fBlock li h2 a{ color:#fff; display:block; line-height:1.2; min-height:36px; height:auto !important; height:36px; padding:12px 10px 11px 20px; }
.fBlock li h2 a strong{ line-height:1.3; }
.fBlock li .imagePreview{ background-color:#414042; float:left; height:22.6em; left:-5000px; padding:0px; position:absolute; top:0; visibility:hidden; width:333px; }
.fBlock li .imagePreview span{ color:#fff; display:block; margin-left:0px; padding:5px 10px 0px 0px; }
.fBlock li .imagePreview .icn24{ padding:4px 0px 0px 30px; margin:4px 0px 0px 0px; width:280px; }
.fBlock li img{ height:222px; width:333px; }
.fBlock li a:hover .imagePreview,
.fBlock li .first .imagePreview,
.fBlock li .selected .imagePreview{ left:0; visibility:visible; }
.fBlockRegion .more{  color:#000; display:block; float:right; margin:0px 9px 9px 0px; padding:3px 6px; }
.fBlockRegion .more a{ color:#000; }
.fBlockRegion .moreTxt{ display:block; font-weight:bold; margin:0px; padding:0px; position:absolute; right:10px; top:24px; }

	/*------ feature block - hide for events fb ------*/
.hideNewspaper .fBlockRegion .newspaper img,
.hideNewspaper .fBlockRegion .newspaper .alpha{ display:none; }
#featureBlockEventHome .moreRule{ display:none; }

	/*------ top feature block is two px taller ------*/
.fBbig .fBlockRegion{ min-height:528px; height:auto !important; height:528px; }
	
	/*------ feature block extra 6 articles ------*/
.fBlockRegion .moreRule{ border-color:#fff; border-style:solid; border-width:0 0 1px 0; color:#fff; display:block; font-size:1px; height:1px; line-height:0; max-height:0; margin-bottom:10px; width:640px; }
.fBlockRegion .extra{ }
.fBlockRegion .extra .left{ float:left; width:322px; }
.fBlockRegion .extra .right{ float:right; width:309px; }
.fBlockRegion .extra li a{ background-color: #414042; background-image: url('/images/tin2/bg/promo_region_titles.jpg'); background-position: -10px -90px; background-repeat: no-repeat; color:#fff; display:block; font-weight:bold; line-height:1.2; min-height:36px; height:auto !important; height:36px; padding:6px 10px 4px 20px; }
.fBlockRegion .extra li .imagePreview{ display:none; }

	/*------ feature block POD differences ------*/
.pod .fBlock li h2 a{ padding:9px 10px 9px 20px; }
.pod .fBlock{ min-height:275px; height:auto !important; height:275px; }

		/*------ feature block pod showbiz ------*/
.showbiz{ position:relative; }
.showbiz .head{ min-height:32px; height:auto !important; height:32px; }
.showbiz .head h2{ color:#ff55ff; font-size:190%; font-weight:bold; padding:0px; text-transform:uppercase; }
.showbiz .head h2 a{ color:#ff55ff; }
.showbiz a:hover{ color:#ff55ff; }
.showbiz .colL{ float:left; margin-right:10px; width:306px; }
.showbiz .colR{ float:left; width:306px; }
.showbiz ul li{ margin-bottom:6px; }
.showbiz ul li a{ font-weight:bold; }
.showbiz .body{ margin:10px 0 0 0; padding:10px; }
.showbiz .moreSB{ color:#FF55FF; display:block; font-size:100%; font-weight:bold; margin:0px; padding:0px; position:absolute; right:1px; top:14px; }
.showbiz .moreSB a{ color:#FF55FF; }
	
.bgColDkGrey .showbiz,
.bgColDkGrey .showbiz .head,
.bgColDkGrey .showbiz .head h2,
.bgColDkGrey .showbiz .moreSB{ background-color:#414042; }
.bgColDkGrey .showbiz h2{ border-top:1px solid #414042; }
.bgColDkGrey .showbiz .body{ background:url("/images/tin2/bg/colour_region.jpg") repeat-x scroll 0 -250px #494949; border-bottom:1px solid #414042; }
	
.bgColLtGrey .showbiz,
.bgColLtGrey .showbiz .head,
.bgColLtGrey .showbiz .head h2,
.bgColLtGrey .showbiz .moreSB{ background-color:#7A797A; }
.bgColLtGrey .showbiz h2{ border-top:1px solid #7A797A; }
.bgColLtGrey .showbiz .body{ background:url("/images/tin2/bg/colour_region.jpg") repeat-x scroll 0 -60px #5c5c5c; border-bottom:1px solid #7A797A; }
	
	/*------ feature block colours ------*/
.bgColDkGrey .fBlockRegion{ border:1px solid #414042; }
.bgColDkGrey .fBlockRegion .fBlock .fbArticle a{ border-bottom:1px solid #414042; }				
.bgColDkGrey .fBlockRegion,
.bgColDkGrey .fBlockRegion .fBlock,
.bgColDkGrey .fBlockRegion .fBlock li .imagePreview{ background-color:#414042; }
	
.bgColLtGrey .fBlockRegion{ border:1px solid #7a797a; }
.bgColLtGrey .fBlockRegion .fBlock .fbArticle a{ border-bottom:1px solid #7a797a; }
.bgColLtGrey .fBlockRegion,
.bgColLtGrey .fBlockRegion .fBlock,
.bgColLtGrey .fBlockRegion .fBlock li .imagePreview{ background-color:#7a797a; }
	
.bgColDkGrey .colOrange .fBlock li a{ background-position: -10px -80px; }
.bgColDkGrey .colOrange .fBlock li a:hover,
.bgColDkGrey .colOrange .fBlock li a:focus,
.bgColDkGrey .colOrange .fBlock .selected{ text-decoration:none; background-position: 0px -80px; }
.bgColLtGrey .colOrange .fBlock li a,
.bgColLtGrey .colOrange .fBlockRegion .extra li a{ background-position: -10px -30px; }
.bgColLtGrey .colOrange .fBlock li a:hover,
.bgColLtGrey .colOrange .fBlock li a:focus,
.bgColLtGrey .colOrange .fBlock .selected{ text-decoration:none; background-position: 0px -30px; }
.colOrange,
.colOrange h1,
.colOrange h1 a,
.colOrange .fBlock li a:hover,
.colOrange .fBlock li a:focus,
.colOrange .fBlock .selected,
.colOrange .fBlockRegion .moreTxt a { color:#f1b73c; }

.bgColDkGrey .colGreen .fBlock li a{ background-position: -10px -330px; }
.bgColDkGrey .colGreen .fBlock li a:hover,
.bgColDkGrey .colGreen .fBlock li a:focus,
.bgColDkGrey .colGreen .fBlock .selected{ text-decoration:none; background-position: 0px -330px; }
.bgColLtGrey .colGreen .fBlock li a,
.bgColLtGrey .colGreen .fBlockRegion .extra li a{ background-position: -10px -280px; }
.bgColLtGrey .colGreen .fBlock li a:hover,
.bgColLtGrey .colGreen .fBlock li a:focus,
.bgColLtGrey .colGreen .fBlock .selected{ text-decoration:none; background-position: 0px -280px; }

.colGreen,
.colGreen h1,
.colGreen h1 a,
.colGreen .fBlock li a:hover,
.colGreen .fBlock li a:focus,
.colGreen .fBlock .selected,
.colGreen .fBlockRegion .moreTxt a { color:#98fa51; }

.bgColDkGrey .colBlue .fBlock li a{ background-position: -10px -580px; }
.bgColDkGrey .colBlue .fBlock li a:hover,
.bgColDkGrey .colBlue .fBlock li a:focus,
.bgColDkGrey .colBlue .fBlock .selected{ text-decoration:none; background-position: 0px -580px; }
.bgColLtGrey .colBlue .fBlock li a,
.bgColLtGrey .colBlue .fBlockRegion .extra li a{ background-position: -10px -530px; }
.bgColLtGrey .colBlue .fBlock li a:hover,
.bgColLtGrey .colBlue .fBlock li a:focus,
.bgColLtGrey .colBlue .fBlock .selected{ text-decoration:none; background-position: 0px -520px; }
.colBlue,
.colBlue h1,
.colBlue h1 a,
.colBlue .fBlock li a:hover,
.colBlue .fBlock li a:focus,
.colBlue .fBlock .selected,
.colBlue .fBlockRegion .moreTxt a { color:#68d2FF; } 

.bgColDkGrey .colPink .fBlock li a{ background-position: -10px -830px; }
.bgColDkGrey .colPink .fBlock li a:hover,
.bgColDkGrey .colPink .fBlock li a:focus,
.bgColDkGrey .colPink .fBlock .selected{ text-decoration:none; background-position: 0px -830px; }
.bgColLtGrey .colPink .fBlock li a,
.bgColLtGrey .colPink .fBlockRegion .extra li a{ background-position: -10px -780px; }
.bgColLtGrey .colPink .fBlock li a:hover,
.bgColLtGrey .colPink .fBlock li a:focus,
.bgColLtGrey .colPink .fBlock .selected{ text-decoration:none; background-position: 0px -770px; }
.colPink,
.colPink h1,
.colPink h1 a,
.colPink .fBlock li a:hover,
.colPink .fBlock li a:focus,
.colPink .fBlock .selected,
.colPink .fBlockRegion .moreTxt a { color:#ff55ff; }


	/*------ I want to link list ------*/
.wantToRegion .head{ min-height:49px; height:auto !important; height:49px; }
.wantToRegion .head h2{ color:#ff55ff; font-size:190%; font-weight:bold; padding:14px 10px 0px 10px; text-transform:uppercase; }
.wantToRegion a:hover{ color:#ff55ff; }
.wantToRegion .col{ float:left; width:14.5em; }
.wantToRegion ul li{ margin-bottom:6px; }
.wantToRegion .body{ padding:10px; }

	/*------ fix height on homepage ------*/
.homePg .wantToRegion .body{ min-height:122px; height:auto !important; height:122px; }

/*------ CHANNEL PAGE ------*/
.channel-banner{ margin-bottom:10px; text-align:center; }
	
.channelHead{ min-height:60px; height:auto !important; height:60px; margin-bottom:10px; position:relative; }	
.channelHead h1{ color:#f1b73c; font-size:190%; padding:14px 15px 12px 22px; }
.channelHead h1 .ft{ margin-right:10px; }
.channelHead .bar{ background-color:#f1b73c; height: 60px; width: 8px; position: absolute; }

	/*------ big article ------*/
.bigArticle{ color:#fff; background-color:#414042; min-height:222px; height:auto !important; height:222px; margin-bottom:10px; padding:10px; }
.bigArticle .text{ float:left; width:300px; }
.bigArticle h2{ font-weight:bold; font-size:185%; margin-bottom:10px; }
.bigArticle h2 a{ color:#fff; }
.bigArticle img{ float:left; height:222px; margin-right:10px; width:333px; }
.bigArticle .storyComments{ margin-top:8px; }
.bigArticle .readFull{ color:#000; display:block; float:left; margin-top:10px; padding:3px 6px; }
	
	/*------ article ------*/
.article{ border-top:1px solid #666; min-height:120px; height:auto !important; height:120px; margin-bottom:10px; }
.article .text{ float:left; margin:10px 10px 0px 0px; width:486px; }
.article h2{ margin-bottom:10px; }
.article h2 a{ color:#000; font-size:115%; font-weight:bold; }
.article .creationDate{ color:#333; font-weight:bold; }
.article img{ border:1px solid #666666; float:left; margin-top:10px; height:110px; width:165px; }
.article .storyComments{ margin-top:8px; }
.article .readFull{ color:#000; display:block; float:left; margin:10px 40px 0px 0px; padding:3px 6px; }

	/*------ colours ------*/
.sportCh .channelHead h1{ color:#98FA51; }
.sportCh .channelHead .bar{ background-color:#98FA51; }
.sportCh .bigArticle .readFull{ background-position:0 -202px; }
.sportCh .article .readFull{ background-position:0 -202px; }


/*------ TOPIC PAGE ------*/
.topicHead{ min-height:60px; height:auto !important; height:60px; margin-bottom:10px; position:relative; }	
.topicHead h1{ color:#fff; font-size:190%; padding:14px 15px 12px 22px; }
.topicHead h1 a{ color:#fff; }
.topicHead strong{ color:#f1b73c; font-weight:normal; }
.topicHead span{ background-color:#000; height:100%; width:8px; position:absolute; }

.topicIntro{ margin-bottom:15px; }
.topicIntro p{ margin-bottom:15px; }
.topicIntro h2{ font-size:115%; font-weight:bold; margin-bottom:5px; }
.topicIntro h3{ font-size:115%; margin-bottom:5px; }
.topicIntro img,
.topicIntro .border{ border:1px solid #666; margin-bottom:4px; }
.topicIntro .caption{ font-style:italic; text-align:center; }
.topicIntro .left{ float:left; margin:0px 10px 10px 0px; }
.topicIntro .right{ float:right; margin:0px 0px 10px 10px; }
	
.topicExplore h2{ color:#f1b73c; }
.topicExplore .body{ background-color:#565658; background-image:none; }
.topicExplore .ploc li{ margin-bottom:10px; }
.topicExplore .atoz{ margin:10px 0px; }
.topicExplore .atoz li{ float:left; margin-right:10px; }
.topicExplore .itemList li{ margin-bottom:4px; }

	/*------ topic article ------*/
.topicArticle .readFull{ color:#fff; }
	

/*------ STORY PAGE ------*/
.article-banner{ margin-bottom:10px; text-align:center; }
.towerAdContainer{ position:relative; }
.towerAdContainer #articleTowerAd{ background-color:transparent; display:none; right:-130px; position:absolute; height:600px; width:120px; }
		
.story .newspaper{ float:left; width:200px; }

.story h1{ color:#414042; font-size:185%; font-weight:bold; margin-bottom:10px; }
.story .body p{ margin-bottom:1em; }
.story .imageBox{ margin-bottom:10px; }
.story .imageBoxBody{ float:left; position:relative; }
.story .imageBox #articleImg{ border:1px solid #666; float:left; margin:0 10px 0 0; }
.story .imagePaging{ margin-bottom:10px; }
.story .imagePaging .currentPage{ font-weight:bold; }
.story .captionPaging{ float:left; width:200px; }
.story .creationDate{ font-weight:bold; margin:10px 0px; }
.story .imageBox .paging{ bottom:0px; padding-left:0px; position:absolute; }
.story .dateComments{ background-color:#414042; color:#fff; margin-bottom:10px; padding:10px 0px; }
.story .dateComments .body{ padding:0px 10px; }
.story .storyDate{ float:left; padding:4px 0px 0px 0px; width:190px; }
.story .storyComments{ margin-left:10px; }
.story #commentsummary a{ color:#fff; }
.story .shareTop{ color:#fff; float:right; height:21px; margin-left:10px; padding:4px 0 0 28px; width:40px; }
.story .shareTop a{ color:#fff; }
.story .byline{ font-weight:bold; text-transform:capitalize; }

	/*------ ad ------*/
.story .inlineAdMargin object,
.story .inlineAdMargin embed,
.story .inlineAdMargin iframe,
.story .inlineAdMargin img{ margin-bottom:10px; }
	
	/*------ navigation ------*/
.prevNext .body{ padding:16px 10px 0px 10px; }
.prevNext .body a{ padding-bottom:16px; }
.prevNext .previous,
.prevNext .all,
.prevNext .next { float:left; padding:0 0 10px 0; width:207px; }
.prevNext .all { text-align:center; }
.prevNext .next { text-align:right; }

	/*------ related items ------*/
.relatedItems li{ float:left; padding-bottom:10px; width:320px; }
.relatedItems li a{ font-size:93%; font-weight:bold; }
.relatedItems h2{ color:#F1B73C; }

	/*------ topics ------*/
.topics li{ float:left; padding-bottom:10px; width:320px; }
.topics li a{ font-size:93%; font-weight:bold; }
	
	/*------ email print share ------*/
.emailPrintShare ul{ display:block; }
.emailPrintShare .email{ width:260px; }
.emailPrintShare .print{ width:290px; }
.emailPrintShare .share{ width:90px; }
.emailPrintShare li{ float:left; padding-bottom:10px; position:relative; }
.emailPrintShare li span{ display:inline-block; vertical-align:middle; }
.emailPrintShare a{ text-decoration:none; }
.emailPrintShare a .iconLink{ margin-left:5px; }
.emailPrintShare a:hover .iconLink{ text-decoration:underline; }
		
	/*------ social links ------*/
.socialLinks { }
.socialLinks h3 { font-size:93%; padding-bottom:6px; }
.socialLinks li { float:left; width:108px; }
.socialLinks li a{ padding:0px 18px 0px 0px; }

	/*------ poll new ------*/
.pollRegion { margin-bottom:10px; }
.pollRegion h2{ color:#f1b73c; }	
.pollRegion .indicator{ background: transparent; border:1px solid #888; height:15px; }
.pollRegion .indicatorBar{ height:15px; background:#f1b71c; }
.pollRegion .body p,
.pollRegion .body label{ clear:both; display:block; padding-bottom:10px; }
.pollRegion .body label input{ float:left; margin-right:5px; }
.pollRegion .body p{ margin:3px 0px 0px 0px; }
.pollRegion .thanks,
.pollRegion .noJS{ color:#F1B73C; }

	
/*------ SITEMAP PAGE ------*/
.sitemap .colA,
.sitemap .colB{ float:left; width:330px; }
.sitemap .smchannel{ margin-bottom:10px; }
.sitemap ul li{ padding:0 0 0 10px; }
.sitemap h1{ color:#414042; font-size:185%; font-weight:bold; margin-bottom:10px; }
.sitemap h2{ color:#414042; font-size:110%; font-weight:bold; }
.sitemap a{ color:#414042; }


/*------ SEARCH RESULTS PAGE ------*/
#searchForm{ margin-bottom:10px; }
.sResultsPage h1{ color:#414042; font-size:120%; font-weight:bold; margin-bottom:10px; }
.sResultsCol{ padding:0px; width:468px; }
.sNavigatorsCol{ padding:10px 0px; width:164px; }
.sTabsPanel{ border:1px solid #ccc; position:relative; }
.sTabsPanel .sResults{ border:0px; padding:10px; } 
.articleMatches{ border-bottom:1px solid #666; font-size:120%; font-weight:bold; padding-bottom:5px; }
.recommendedMatches{ font-size:120%; font-weight:bold; padding-bottom:5px; }

	/*------ search results ------*/
.search-results{ margin-bottom:15px; }
.search-result{ border-top:1px solid #666; margin-bottom:10px; padding-top:10px; }
.search-result h3{ font-size:115%; font-weight:bold; margin-bottom:6px; }
.search-result a{ color:#111; font-weight:bold; }
.search-result .search-date{ color:#333; margin-bottom:4px; }
.search-result .siteUrl{ color:#009900; margin-top:4px; }
.search-result .postcode{ color:#000; margin-top:4px; }

	/*------ google search ads ------*/
#gAdResults h2{ border-bottom:1px solid #666; font-size:120%; font-weight:bold; margin-bottom:10px; padding-bottom:5px; }
#gAdResults .gSAdUrl{ margin-bottom:5px; }
#gAdResults .gSAdUrl a{ color:#008000; }

	/*------ sorting ------*/
.search-results{ margin-bottom:15px; }
.search-results .sortOptions{ margin-bottom:10px; margin-top:10px; min-height:20px; height:auto !important; height:20px; }
.search-results .sortOptions h3{ font-weight:bold; display:inline; margin-right:10px; }
.search-results .sortOptions input{ margin-right:10px; }

	/*------ navigators ------*/
.sNavigatorsCol h2{ font-weight:bold; margin-bottom:10px; min-height:20px; height:auto !important; height:20px; }
.sNavigatorsCol .wRefine h3{ background-color:#414042; color:#fff; font-weight:bold; padding:6px 8px 3px; min-height:20px; height:auto !important; height:20px; }	
.sNavigatorsCol .wRefine .body{ overflow:hidden; padding-top:8px; padding-bottom:8px; }

	/*------ google search results ------*/
#gWebResults .gsc-control{ width:100%; }

	/*------ paging ------*/
.paging{ background-color:#414042; color:#fff; font-weight:bold; padding:6px 8px 3px; min-height:20px; height:auto !important; height:20px; text-align:right; }
.paging .currentPage{ text-decoration:underline; }
.paging .currentPage,
.paging a{ color:#fff; padding:2px 4px; }

	/*------ paging colours ------*/
.newsCh .paging{ color:#F1B73C; }
.newsCh .paging .currentPage,
.newsCh .paging a{ color:#F1B73C; }
	
.sportCh .paging{ color:#98FA51; }
.sportCh .paging .currentPage,
.sportCh .paging a{ color:#98FA51; }

.eventCh .paging{ color:#ff55ff; }
.eventCh .paging .currentPage,
.eventCh .paging a{ color:#ff55ff; }


	/*------ pop up search form ------*/
#searchPanel{ text-align:left; }
#popUpSearchForm{ padding:10px; }
#popUpSearchForm label, #popUpSearchForm .pc1, #popUpSearchForm .pc2, #popUpSearchForm #q, #popUpSearchForm #searchPannelButton{ float:left; margin-right:5px; }
#popUpSearchForm .pc1{ width:48px; }
#popUpSearchForm .pc2{ width:36px; }
#popUpSearchForm #q{ width:180px; }
	
	
}