﻿@import "reset.css"; 

body {font-size:62.5%;font-family:Verdana,Arial,Helvetica,sans-serif;line-height:1.5em;background:url('/images/bg/main.gif') repeat-x 0 -23px;}
strong {font-weight:bold;}
.clear {font-size:0px;height:0px;clear:both;line-height:0;}
.small-top-padding {padding-top:4px;}
#bg {background:none;left:0;top:0;position:absolute;width:50%;min-height:927px;border-left:solid 1px #FFF;}
#container {margin:0 auto;position:relative;width:978px;z-index:1;/*background:url('/images/bg/main.gif') repeat-x 0 0;background-position:0px -23px; */border-left:solid 1px #FFF;border-right:solid 1px #FFF;height:800px;}
#head {height:79px;}
#head a {cursor:pointer;}
#head h2#inglogo	{position:relative; width:184px; height:47px; float:left; margin:16px 0px 0px 0px;}
#head h2#inglogo span	{position:absolute; width:100%; height:100%; background:url(/images/heads/logo.gif) no-repeat;}
#head h1#fgn	{position:relative; width:209px; height:30px; float:right; margin:24px 0px 0px 0px; font-size:0.8em;}
#head h1#fgn span	{position:absolute; width:100%; height:100%; background:url(/images/heads/feel-good.gif) no-repeat;}
#head #orangeStrip	{position:absolute; top:42px; left:0px; background:#ff6602; width:184px; height:3px; line-height:0; font-size:0;}

#nav {padding-left:10px;height:23px;padding-bottom:17px;line-height:23px;font-family:Arial;background:url('/images/bg/main_tt.gif') repeat-x 0 -102px;}
#nav li {display:inline;color:#FFF;text-transform:uppercase;font-size:1.2em;border-left:solid 1px #FFF;padding:0 4px 0 6px;}
#nav a {color:#FFF;text-decoration:none;}
#nav a:hover {text-decoration:underline;}
#nav .on {font-weight:bold;}
#nav .first {padding-left:0;}
#main {color:#006;}
#main a, .story-title {color:#F60;text-decoration:none;}
#main a:hover {text-decoration:underline;}
#main a.btnText {background:#ff6602; color:#fff; text-decoration:none; font-weight:bold; padding:2px;}
#main a.btnText:hover {background:#95a1c3; text-decoration:none;}
#main em, .inline-sample-content em, .inline-sample-content2 em	{font-style:italic;}
#left {background:#FFF url('/images/bg/welcome.gif') no-repeat;width:471px;float:left;padding:35px 10px 0px 9px;}
#right {float:left;width:480px; padding:0px 0px 20px 0px;}
#right-content {background:#fff url('/images/bg/left.gif') repeat-x 0 0; background-position:0px -213px;}

#welcome-text {font-size:1.35em; margin:6px 0px 10px 0px; line-height:1.45em; color:#fff; background:#95a1c3; padding:10px; border:solid 1px #acadb5;}
#welcome-text span {font-family:Georgia,Times New Roman,Times,serif;font-size:3.2em;float:left;line-height:0.76em;padding-right:0.25em;}
.last-updated {display:block;float:left;}
.send-friend {display:block;float:right;margin:0px 0px 20px 0px; padding:0px 20px 0px 0px; background:url(/images/icons/ico_mail.gif) no-repeat right; height:15px;}
.send-friend-hide {display:block;margin:0px 0px 20px 0px; height:15px;}
.story {border:solid 1px #acadb5;background:#FFF;margin-bottom:11px;clear:both;}
.storyBuffer	{margin-top:6px; min-height:250px;}
.formHeight	{min-height:300px;}
.story-head {background:url('/images/bg/head.gif') repeat-x 0 0;height:34px;margin-bottom:5px;}
.story-head h2 {font-family:Georgia,Times New Roman,Times,serif;background:url('/images/bg/story-head.gif') repeat-x right;font-weight:normal;padding:0 10px;font-size:1.8em;height:34px;line-height:34px;float:left;}
.story-head span {float:right;height:34px;line-height:34px;display:block;padding-right:10px;}
.story-head span a, span.send-friend a {font-weight:bold;}
.story-head span.multi {color:#F60;}
.story-copy, .story-other, .story-bookmarks {padding:5px 9px;position:relative;}
.story-copy-intro {clear:both; font-size:1.1em;}
a.bookmarkWhatsThis	{margin:-15px 0px 0px 146px; display:block; cursor:pointer; width:100px;}
.story-copy-latest-height {min-height:150px;}
.story-copy-latest-height img.news	{}
.story-date, .adHoc-date {font-family:Georgia,Times New Roman,Times,serif;font-size:1.2em;padding:4px 0;}
.story-text {font-size:1.1em;padding-bottom:8px;}
.story-intro {clear:both;padding:0.25em 10px 0px 10px; font-size:1.1em;}

.story-intro img { float:right; margin:0 0 10px 10px; }

.home-intro {clear:both;padding:10px; font-weight:bold; font-size:1.1em;}
.story-copy {width:450px;}
.story-copy h3, .video-listing h3 {font-size:2em;line-height:1em;font-family:Georgia,Times New Roman,Times,serif;font-weight:normal;}
.story-other h3 {font-size:1.8em;line-height:1em;font-family:Georgia,Times New Roman,Times,serif;border-top:dotted 1px #006;padding:4px 0;font-weight:normal;}
.story-copy img.news {float:right;border:solid 1px #acadb5; margin:0px 0px 0px 5px;}
.story-copy img.icon {float:right; margin:0px 0px 0px 5px;}
.story-copy p {margin:0px 0px 10px 0px;}
.story img.story-share {position:absolute;right:0;top:0;width:102px;height:256px;border:none;}
.story li {padding:4px 0;border-top:dotted 1px #006;}
.story-gallery li {float:left;padding-left:9px;border:none;width:104px;height:95px;}
.story-gallery img {border:solid 1px #acadb5;width:78px;height:78px;float:none;display:block;}
.story-rate {background:url('/images/bg/rating.gif') no-repeat;width:445px;height:42px;margin:5px 0 5px 10px;padding:0 0 0 10px;}
.story-rate h4 {position:relative;height:16px;width:224px;float:left;margin-top:10px;}
.story-rate h4 span {position:absolute;width:100%;height:100%;display:block;left:0;top:0;background:url('/images/heads/what-think.gif');}
.story-rate-text {float:left;padding:12px 4px 0 25px;}
.story-rate ul {float:left;overflow:hidden;background:url(/images/stars.gif) bottom;height:21px;width:110px;margin-top:9px;}
.story-rate li {display:inline;}
.story-rate a {display:block;width:22px;height:21px;float:left;text-indent:-9999px;position:relative;}
.story-rate a:hover, .story-rate a.on {background:url(/images/stars.gif) top;width:110px;margin-left:-88px;position:static;}


.story-copy-thumbs { padding:10px 10px 10px 10px; display:inline-block; }
.story-copy-thumbs ul { list-style:none; }
.story-copy-thumbs ul li { float:left; padding:5px 21px;width:70px;border:none; height:119px; }


.comment {margin:0 10px;padding:0.5em 0 1.5em 0;border-top:dotted 1px #006;font-size:1.1em;}
.comment-head {text-align:right;}
.comment-user {float:left;color:#F60;}
.comment-form {padding:1em 10px;font-size:1.1em;}
.comment-form label, .comment-form input, .comment-form textarea {display:block;}
.comment-form input {width:235px;margin-bottom:0.75em;}
.comment-form textarea {width:442px;height:80px;margin-bottom:0.75em;}
.comment-form .chk-opt-in {width:16px;margin-bottom:0;float:left;}

#forecast {height:75px;margin-left:8px;color:#FFF;}
#forecast ul {float:left;}
#forecast li {float:left;height:75px;width:88px;border-right:dotted 1px #FFF;text-align:center;}
#forecast span {text-align:center;display:block;}
#forecast img {}
#forecast .day {font-family:Georgia,Times New Roman,Times,serif;font-size:1.2em;font-weight:bold;}
.feel-good {line-height:1em;}
#forecast li.forecast-today {width:140px;border:none;text-align:left; margin-left:10px;}
#forecast li.forecast-today span {text-align:left;}
#forecast li.forecast-today a {color:#FFF;}
#forecast li.forecast-today .day {font-size:1.4em;margin-bottom:0.5em;}
#forecast li.forecast-today .feel-good {height:2.75em;}
.forecast-today img {float:left;margin-top:-10px;}

#highlights {float:left;width:310px;background:#dfe3ed url('/images/bg/highlights.gif') no-repeat 0 0;}
#highlights h2, #twitter #twitter-inner h2 {height:2.19em;border-top:solid 1px #FFF;border-bottom:solid 1px #FFF;line-height:2.19em;color:#FFF;background-color:#95a1c3;padding:0 10px;font-size:1.8em;font-family:Georgia,Times New Roman,Times,serif;}
#highlights img {margin:1px 0px 0px 0px;}
#subscribe, #highest-rated, #poll, #most-commented, #latest {padding:0.5em 10px;}
#subscribe	{min-height:60px;}
#subscribe li {line-height:2em;height:2em;padding-right:2px; padding-top:5px;}
#subscribe-email {list-style-image:url('/images/icons/ico_subscribe.gif');}
#subscribe-rss {background:url('/images/icons/ico_rss.gif') no-repeat 0px 6px; padding:0px 0px 0px 20px;}
#subscribe-twitter {background:url('/images/icons/ico_twitter.gif') no-repeat 0px 6px; padding:0px 0px 0px 20px;}

#highest-rated li, #most-commented li, #latest li {border-top:dotted 1px #006;height:2em;line-height:2em;}
#highest-rated li a, #most-commented li a, #latest li a {color:#006;}
#highest-rated li img {float:right;padding-top:4px;}
#most-commented li span, #latest li span {float:right;}

.poll h2 {position:relative;}
.poll h2 img { position:absolute;right:13px;top:0;}
#poll	{padding:0px 10px 0px 10px; /*min-height:410px;*/min-height:300px;}
#poll h3, #poll label {font-size:1.5em;font-family:Georgia,Times New Roman,Times,serif; font-weight:bold;}
#poll h3 {padding-bottom:1em;}
#poll .story-intro {padding:0.25em 0 0.75em 0;}
#poll label {color:#66668f; font-weight:normal;}
#poll .PollRadio input	{display:block; clear:both; float:left;}
#poll .PollRadio label	{display:block; float:left;margin:0px 0px 12px 0px; padding:0px 0px 1px 0px; width:247px;}
#poll .pollBar1, #poll .pollBar2	{clear:both; float:left;}
#poll .pollBar1	{background:#ff6501;}
#poll .pollBar2	{background:#08086b;}
#poll p.percent	{display:block; float:left; margin:0px 0px 0px 6px;font-family:Georgia,Times New Roman,Times,serif;}
#poll p.answer	{display:block; clear:both; padding:0px 0px 12px 0px; font-weight:bold;font-family:Georgia,Times New Roman,Times,serif;font-size:1.2em;color:#66668f; font-weight:normal;}
#pollResults	{}
.poll-form-row {padding-bottom:0.5em;}
.btn-submit-poll {margin-top:10px;}
.poll-trans	{background:#c7eafc; padding:10px 10px 0px 10px; margin:0px 0px 0px 0px; border:solid 1px #53b5ea;}

#twitter {padding:0px 6px;width:156px;float:right;margin-top:1px;}

#twitter #twitter-inner h2 {border:none;text-align:center; background:url('/images/bg/twitter_top.png') no-repeat; height:63px; line-height:63px;text-indent:-9009px;}
#twitter ul {background:url('/images/bg/twitter_div.gif') no-repeat center top;}
#twitter li {padding:10px; white-space:pre-wrap;background:url('/images/bg/twitter_div.gif') no-repeat center bottom; width:122px;overflow:hidden; }
#twitter-inner {padding:0px 0px 10px 0px;background:transparent url('/images/bg/twitter_btm.gif') no-repeat center bottom;}
#twitter-inner .tweets { border-style:none solid; border-width:7px; border-color:#FF6703; background:#FFFFFF; }
.twitterfoot	{padding:10px 10px 0px 28px; background:url(/images/icons/ico_twitter.gif) no-repeat 10px 8px; font-weight:bold;}

#footer {clear:both; padding:20px 0px 0px 0px; border-top:solid 1px #acadb5; width:978px; background-color:#fff;}
#footer #ing-links	{padding:10px; width:957px; text-align:center;}
#footer #ing-links ul	{}
#footer #ing-links a	{color:#847db1; text-decoration:none;}
#footer #ing-links a:hover	{text-decoration:underline;}
#footer #ing-links ul li	{display:inline; margin:0px 0px 0px 10px; border-left:solid 1px #847db1; padding:0px 0px 0px 10px;}
#footer #ing-links ul li.first	{margin:0px 0px 0px 0px; border:none; padding:0px;}
.footer-anim	{display:block; margin:0px 0px 0px 0px;}

.story .first, #highlights .first, #nav .first {border:none;}

.btn-read-it, .btn-submit-poll a, .btn-send, .btn-submitcomment, .btn-upload-kind-story, .btn-upload-gift {position:relative;height:25px;display:block;}
.btn-read-it span, .btn-submit-poll a span, .btn-send span, .btn-submitcomment span, .btn-upload-kind-story span, .btn-upload-gift span {position:absolute;width:100%;height:100%;display:block;cursor:pointer;left:0;top:0;}
.btn-read-it, .btn-submit-poll a {width:72px;}
.btn-read-it span {background:url('/images/buttons/btn_read-it.gif');}
.btn-submit-poll a span {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/buttons/btn_submit.png', sizingMethod='image');}
.btn-submit-poll[class] a span {background:url('/images/buttons/btn_submit.png');}
.btn-send {width:59px;margin:1em 0 0 200px;clear:both;}
.btn-send span {background:url('/images/buttons/btn_send.gif');}
.btn-submitcomment {width:178px;margin:1em 0 0 140px;clear:both;}
.btn-submitcomment span {background:url('/images/buttons/btn_submit-yr-comment.gif');}
.btn-upload-kind-story {width:325px;}
.btn-upload-kind-story span {background:url('/images/buttons/btn_upload.gif');}
.btn-upload-gift {width:183px;}
.btn-upload-gift span {background:url('/images/buttons/btn_return-to-santa.gif');}

#item-index	{margin:10px;}
ul#item-index img	{float:right;}
#community-form	{margin:10px;}
#community-form label	{font-weight:bold; display:block; float:left; width:130px; clear:both; text-align:right; margin:0px 10px 0px 0px;}
#community-form .textBox, #community-form .textBox2	{display:block; float:left; width:200px; margin:0px 0px 10px 0px;}
#community-form .textBoxTiny {display:block; float:left; width:30px; margin:0px 0px 0px 0px;}
#community-form .postcodeInfo {display:block; float:left; margin:0px 0px 0px 10px;}
#community-form .textBox2	{margin:0px;}
#community-form .formDisplayName	{display:block; font-size:0.9em; clear:both; margin:0px 0px 10px 140px;}
.error	{color:#ff0000;}
#community-form a.browse	{display:block; float:left; margin:0px 0px 10px 0px;}
#community-form img.img-thumb	{display:block; float:left; margin:0px 0px 10px 140px;}
#community-form .formTerms	{clear:both; margin:0px 0px 10px 140px; width:200px; height:30px;}
#community-form .formTerms input	{float:left;}
#community-form .formTerms label	{float:left; width:170px; text-align:left; font-weight:normal; clear:none;}
.comment-form .formTerms	{clear:both; margin:0px 0px 10px 0px; width:442px; height:30px;}
.comment-form .formTerms input	{float:left; width:30px;}
.comment-form .formTerms label	{float:left; width:400px; text-align:left; font-weight:normal; clear:none;}

.story-bookmarks, .story-bookmarks span {display:block;}

.comp-form .story-bookmarks {float:right;width:120px;clear:right;padding:0;}
.comp-form a.bookmarkWhatsThis {margin:0;display:none;}

#pagingNext	{float:left; margin:0px 5px 10px 0px;}
#paging ul	{float:left; margin-bottom:10px;}
#paging li	{float:left; margin:0px 5px 10px 0px;}
#pagingPrev	{float:left;}
#paging a.on	{font-weight:bold;}

#searchForm	{color:#fff; position:absolute;right:6px;top:80px;}
#searchForm label	{text-transform:uppercase; font-weight:bold; display:block; float:left; margin:3px 3px 0px 0px;}
#searchForm	input.searchbox	{width:200px; height:15px; display:block; float:left; margin:0px 3px 0px 0px;}
#searchForm a	{display:block; float:left; color:#fff; border:solid 1px #fff; background:#95a1c3; text-decoration:none; padding:1px; text-transform:uppercase; margin:1px 0px 0px 0px;}
#searchForm a:hover	{background:#08086b;}
.search-results-image	{color:#acadb5; font-weight:bold;}


@media screen and (-webkit-min-device-pixel-ratio:0){
	#community-form a.browse	{display:block; clear:both; margin:-14px 0px 10px 140px; width:40px;}
	#community-form img.img-thumb	{display:block; clear:both; margin:-34px 0px 10px 180px; height:30px; width:30px;}
}


::-moz-selection { background:#ff6602; color:#FFF; }
::selection { background:#ff6602; color:#FFF; }

.hidden {display: none;}
div.inline-sample-rss, div.inline-sample-twitter, div.inline-sample-forecast, div.inline-sample-bookmark {padding: 10px; font-size:0.7em; color:#070b66; font-family:Arial;} 
.inline-sample-content span {font-size:1.4em; padding:10px;color:#070b66; font-family:Arial;}
#genericText	{padding:10px;}
#genericText p	{margin:0px 0px 10px 0px;}
#genericText p img	{float:right; margin:0px 0px 0px 6px;}
#genericText p.audioIcon	{margin:0px 0px 10px 0px;background:url(/images/icons/ico_audio.gif) no-repeat; padding:0px 0px 0px 20px;}
.inline-sample-content a, .inline-sample-content2 a	{font-weight:bold; color:#3a4290; text-decoration:underline;}
.inline-sample-content a:hover, .inline-sample-content2 a:hover	{text-decoration:none;}

span.eye	{display:block; float:right;}
span.eye img	{padding:4px 0px 0px 2px;}

#heart	{border:solid 1px #95a1c3; width:154px;}
#heart h2#heart-heartLogo	{width:154px; height:45px; position:relative;}
#heart h2#heart-heartLogo span	{width:100%; height:100%; position:absolute; background:url(/images/heart/logo_a.gif) no-repeat;}
#heart h2#heart-ingLogo	{width:154px; height:47px; position:relative; padding-bottom:1px; margin-bottom:1px;}
#heart h2#heart-ingLogo span	{width:100%; height:100%; position:absolute; background:url(/images/heart/logo_b.gif) no-repeat;}
#heart #heart-intro	{border:solid 1px #f68191; width:125px; margin:0px 0px 10px 9px; padding:5px; color:#f01841;}
#heart #heart-intro a	{color:#f01841; font-weight:bold; text-decoration:underline;}
#heart #heart-intro a:hover	{text-decoration:none;}
#heart #heart-intro a:focus	{background:#f01841; color:#fff;}
#heart #heart-intro img	{padding:10px 0px 5px 5px;}
#heart #heart-items	{margin:0px 5px 0px 5px;}
#heart .heart-item	{border-top:1px dotted #000066; margin:5px 0px 0px 0px; padding:5px 0px 5px 0px;}
#heart .first	{border-top:none; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px;}
#heart .heart-item span	{font-weight:bold;}
#heart .heart-item p.song	{color:#f01841;}
#heart .heart-item p.name	{}
#heart .heart-item p#name1 a, #heart .heart-item p#name2 a, #heart .heart-item p#name3 a, #heart .heart-item p#name4 a, #heart .heart-item p#name5 a, #heart .heart-item p#name6 a	{display:block; float:right; width:14px; height:14px; position:relative; margin:-15px 5px 0px 0px; cursor:pointer;}
#heart .heart-item p#name1 a span, #heart .heart-item p#name2 a span, #heart .heart-item p#name2 a span, #heart .heart-item p#name3 a span, #heart .heart-item p#name4 a span, #heart .heart-item p#name5 a span, #heart .heart-item p#name6 a span	{position:absolute; width:100%; height:100%; background:url(/images/heart/btn_open.gif) no-repeat;}
#heart .heart-item .reason	{border-bottom:solid 1px #c2c7dd; width:138px; margin:0px 0px 0px 2px;}
#heart .heart-item .reason .top	{background:url(/images/heart/speech-graphic.gif) no-repeat; width:138px; height:11px; font-size:0px; line-height:0px;}
#heart .heart-item .reason p	{border-left:solid 1px #c2c7dd; border-right:solid 1px #c2c7dd; padding:2px 2px 3px 3px;}

.adHocPromo #promo1	{margin:10px 0px 10px 0px; border:solid 1px #c2c7dd; background:#fff;}
.adHocPromo #promo1 h2	{font-weight:bold; background:#ff6602 url(/images/icons/ico_audio_rhs.gif) no-repeat 10px 5px; padding:0px 0px 0px 30px; height:32px; color:#fff;}
.adHocPromo #promo1 p	{padding:5px 10px 10px 10px;}

.adHoc090519Links	{padding:10px 0px 10px 0px;}

a#adHoc-wigan, a#adHoc-valueLeague, a#adHoc-matchDayTips	{display:block; margin:0px 0px 6px 0px; font-weight:bold;}
#adHoc-wigan-copy h3, #adHoc-valueLeague-copy h3, #adHoc-matchDayTips-copy h3	{color:#ff6602;}
#adHoc-wigan-copy ul, #adHoc-valueLeague-copy ul, #adHoc-matchDayTips-copy ul	{list-style: disc; padding:0px 0px 0px 15px;}
#adHoc-wigan-copy ul li, #adHoc-valueLeague-copy ul li, #adHoc-matchDayTips-copy ul li	{border:none; background:none;}

a.adHocPlus	{background:url(/images/heart/btn_open.gif) no-repeat 0px 2px; padding:0px 0px 0px 20px; height:16px;}
a.adHocMinus	{background:url(/images/heart/btn_close.gif) no-repeat 0px 2px; padding:0px 0px 0px 20px; height:16px;}

.savings-tip-home-bg	{background-color:#fff;}
.savings-tip-home-bg h2	{background:url('/images/bg/story-head.gif') repeat-x right; font-weight:normal;}
.savings-tip-home-bg h3	{font-family:Georgia; color:#ff6602; font-size:1.8em; margin:0px 0px 0px 10px;}
.savings-tip-home-bg a	{color:#ff6602; text-decoration:none;}
.savings-tip-home-bg a	{text-decoration:underline;}
.savings-tip-home-bg p.home-intro	{font-weight:normal;}
.savings-tip-home-bg p.home-intro strong	{font-weight:bold;}

.subscribe-forecast	{float:left; margin:-85px 0px 0px 335px; color:#fff;}
.subscribe-forecast #subscribe-rss {background:url('/images/icons/ico_rss.gif') no-repeat 0px 6px; padding:3px 0px 0px 20px; height:20px;}
.subscribe-forecast #subscribe-twitter {background:url('/images/icons/ico_twitter.gif') no-repeat 0px 6px; padding:3px 0px 0px 20px; height:20px;}
.subscribe-forecast #subscribe-rss a, .subscribe-forecast #subscribe-twitter a {color:#fff;}

.video-listing	{margin:0px 10px 0px 10px;}
.video-listing-item	{border-top:dotted 1px #006; margin:10px 0px 10px 0px; padding:10px 0px 0px 0px; clear:both;}
.video-listing-item-inner	{float:left; width:239px; margin:0px 10px 0px 0px;}
a.video-listing-watch {width:103px; height:25px; position:relative; text-decoration:none; margin:10px 0px 0px 0px; display:block; cursor:pointer;}
a.video-listing-watch span {position:absolute; width:100%; height:100%; background:url(/images/buttons/btn_watch-now.gif) no-repeat;}
a.video-listing-watch, a.video-listing-watch:hover {text-decoration:none;}

#video-player	{margin-bottom:10px; border:solid 1px #ff6602; width:447px; height:263px;}
.choose-text {clear:both;margin-left:140px;}
.image-right {float:right;margin-left:10px;}

.compExpImage { width:70px; float:right; }