/* =============================================================================== */
/*                               GENERIC TYPOGRAPHY                                */
/* =============================================================================== */
body {font-size:76%;font-family:Trebuchet MS,Verdana,Arial,Tahoma,sans-serif;text-align:center;color:#666666;background:#ffffff url(/media/images/body_bg_118.gif) repeat-x top;}
a {color:#262626;text-decoration:none;}
a.Mail, .EveningStandard a.Mail, .LondonLite a.Mail, .Metro a.Mail,
a.Download, .EveningStandard a.Download, .LondonLite a.Download, .Metro a.Download {color:#676767;}
div.MainContent a.Mail, div.MainContent a.Download {font-weight:normal;}
a.Mail:hover, a.Download:hover {color:#262626;text-decoration:none;}
a.More {text-decoration:underline;}
a:hover {cursor:pointer;text-decoration:underline}
h1,h2,h3,h4,h5 {color:#666666;}
h2 {color:#262626;font-size:1.65em;font-weight:normal;margin-bottom:15px;}
h3 {font-size:1.02em;margin:20px 0 5px 0;}
h4 {###}
.SmallerText {font-size:0.76em;}

h3 a {display:block;}

div.MainContent table {font-size:12px;text-align:left;}

/* Inputs &amp; Forms Elements */
fieldset {###}
input.TextInput {###}
input.SubmitInput {###}
input.RadioInput {###}
select.SelectInput {###}

/* Tooltip Link */
#tooltip {position:absolute;z-index:3000;width:188px;height:34px;margin:23px 0 0 6px;background:#9b9b9b url(/media/images/tipbg_105.gif) no-repeat top left;color:#ffffff;opacity:0.999;font-weight:normal !important;}
.tooltip {position:absolute;z-index:3000;width:188px;height:34px;margin:23px 0 0 6px;background:#9b9b9b url(/media/images/tipbg_105.gif) no-repeat top left;color:#ffffff;opacity:0.999;font-weight:normal !important;display:none;}
#tooltip * {color:#ffffff;margin:2px 4px;padding:0;text-align:left !important;font-weight:normal !important;font-size:0.9em;line-height:12px;}
.EveningStandard #tooltip {background:#FAA61A url(/media/images/tipbg_es_2233.gif) no-repeat top left;}
.LondonLite #tooltip {background:#5b0044 url(/media/images/tipbg_lite_103.gif) no-repeat top left;}
.Metro #tooltip {background:#003f85 url(/media/images/tipbg_metro_104.gif) no-repeat top left;}

/* Feature Box */
div.FeatureBox {width:492px;height:132px;background:url(/media/images/feature_box_bg_93.gif) no-repeat;margin-bottom:10px;padding:2px 0 1px 0;}
div.FeatureBox div.FeatureText {width:305px;float:left;display:inline;padding:7px 15px 10px 15px;font-size:0.96em;position:relative;}
div.FeatureBox div.FeatureText h3 {margin:0 0 10px 0;font-size:1.2em;font-weight:normal;line-height:1.6em;}
div.FeatureBox div.FeatureText h3 span.Date {float:right;font-size:0.76em;}
div.FeatureBox div.FeatureText p {display:block;position:relative;}
div.FeatureBox div.FeatureText a.More {position:absolute;right:0;top:70px;text-decoration:underline;}

/* Central Form */
div.FormContainer {width:492px;background:url(/media/images/central_form_container_bg_91.gif) no-repeat bottom;margin:20px 0;padding:0 0 4px 0;}
div.CentralForm {width:422px;background:url(/media/images/central_form_bg_90.gif) no-repeat top;padding:25px 35px;}
div.CentralForm form fieldset {margin-bottom:10px;}
div.CentralForm form fieldset label {display:block;float:left;width:130px;}
div.CentralForm form fieldset input.TextInput {float:left;background:#FFFFFF url(/media/images/central_textinput_bg_92.gif) no-repeat top left;height:18px;width:275px;padding:5px 0 0 5px;font-weight:bold;}
div.CentralForm form fieldset ul li {list-style:none;margin:0;clear:both;line-height:30px;}
div.CentralForm form fieldset ul.CheckInputList label {margin-left:25px;font-weight:bold;color:#262626;}
div.CentralForm form fieldset ul.CheckInputList input.CheckInput {margin:6px 0 0 -155px;}
div.CentralForm input.SubmitInput {background:#9b9b9b url(/media/images/submit_bg_101.gif) no-repeat left;color:#FFFFFF;font-weight:bold;width:144px;height:26px;padding:0 0 0 10px;margin:20px 0;text-align:left;}
div.CentralForm input.SubmitInput:hover {cursor:pointer;}
div.CentralForm em {font-size:0.88em;}


/* =============================================================================== */
/*                                 STRUCTURAL DIVS                                 */
/* =============================================================================== */
div#Wrapper {width:935px;text-align:left;margin:0 auto;overflow:hidden;}
/* =================================== HEADER ==================================== */
div#Header {height:140px;}
ul#HeadLogos {position:relative;padding:24px 0 0 10px;height:104px; background:url(/media/images/surround_3072.png) no-repeat 2px 3px; width:400px; float:left}
div#flash{clear:right;float:right;margin-top:30px;width:400px;}
ul#HeadLogos li.headClick{position:absolute; top:0; left:0; z-index:999; width:100%; height:100%}
ul#HeadLogos li.headClick a{display:block; width:100%; height:100%}
ul#HeadLogos li {float:left;padding-right:4px;height:84px;}
ul#HeadLogos li h1#logo_es {height:84px;margin-top:0px;margin-left:16px;width:161px;background:url(/media/images/esNorm_3067.png) no-repeat left 0px;}
ul#HeadLogos li h1#logo_metro {width:186px;height:58px;background:url(/media/images/MetroNorm_3069.png) no-repeat -2px 0;margin-left:11px;margin-top:10px;}
ul#HeadLogos li h1#logo_lite {width:118px;height:48px;background:url(/media/images/lite_new_1896.png) no-repeat;margin-top:20px;}
p.HeaderDate {float:right;font-family:Tahoma,sans-serif;padding:5px 10px 0 0;font-size:1.1em;color:#999999;}

ul#PrintLogos {float:left;height:123px;padding:0 0 0 10px;position:relative;width:404px; display:none; }
ul#PrintLogos li {float:left;padding-right:4px;height:84px;}
ul#PrintLogos li#PrintLogoMetro {height:48px;margin-left:10px;margin-top:27px;width:190px;}
ul#PrintLogos li#PrintLogoLite {width:118px;height:48px;margin-top:20px;}
ul#PrintLogos li#PrintLogoEs {height:84px;margin-top:17px;width:173px;}
ul#PrintLogos li#PrintLogoBg {height:90px;left:-10px;padding:30px 0 0 10px;position:absolute;top:-39px;}

/* ================================ TOP NAVIGATION =============================== */
ul#TopNavigation {width:920px;text-align:center;height:40px;background:url(/media/images/topnav_bg_106.gif) no-repeat bottom center;font-size:0.94em;padding-left:15px;}
ul#TopNavigation li {float:left;height:40px;line-height:40px;text-align:left;position:relative;}
ul#TopNavigation li a {color:#ffffff;text-decoration:none;background:url(/media/images/topnavlibg_114.gif);background-repeat:no-repeat;background-position:top right;display:block;float:left;height:40px;line-height:42px;padding:0 8px;}

* html ul#TopNavigation li a {line-height:40px;height:40px;}
ul#TopNavigation li.nobglink a {background-position:2000px 2000px;} 
ul#TopNavigation li a span {width:5px;height:5px;background:url(/media/images/topnavli_leftcorner_110.gif);background-repeat:no-repeat;display:block;position:absolute;top:0;left:0;visibility:hidden;}
ul#TopNavigation li a:hover, ul#TopNavigation li.nobglink a:hover, ul#TopNavigation li a.CurrentPage, ul#TopNavigation li.nobglink a.CurrentPage {background-position:bottom right;color:#262626;}
ul#TopNavigation li a:hover span, ul#TopNavigation li a.CurrentPage span {visibility:visible;}

/* ================================ MAIN CONTENT ================================= */
div.MainContent {line-height:1.5em;}
div.MainContent {font-size:0.94em;}
div.MainContent ul li {list-style:disc;list-style-position:outside;margin-left:15px;}

ul.NewspapersList {margin:23px 0;height:235px;}
ul.NewspapersList li div.solusitemspacer{display:block; height:106px; width:82px; background:none}
ul.NewspapersList li div.solusbigspacer{display:block; height:106px; width:180px; background:none}
ul.NewspapersList li, div.MainContent ul.NewspapersList li {float:left;display:inline;list-style:none;margin:0 10px 0 0;}
ul.NewspapersList li.rotator {float:left;display:inline;list-style:none;position:relative;}
ul.NewspapersList li div {padding-right:13px;background:url(/media/images/shadow_long_100.gif) no-repeat right top;margin-right:10px;}
ul.NewspapersList li.rotator div {position:absolute;}


/* =============================================================================== */
/*                                BRANDS&#39; PROPERTIES                               */
/* =============================================================================== */
/* Links colors */
.EveningStandard a {color:#FAA61A;}
.Metro a {color:#003F85;}
.LondonLite a {color:#5B0044;}

/* Head Logos */
.EveningStandard ul#HeadLogos li h1#logo_metro, .LondonLite ul#HeadLogos li h1#logo_metro {background:url(/media/images/MetroGrey_3070.png) no-repeat ;}
.EveningStandard ul#HeadLogos li h1#logo_lite, .Metro ul#HeadLogos li h1#logo_lite {background:url(/media/images/lite_new_off_1905.png) no-repeat;}
.Metro ul#HeadLogos li h1#logo_es, .LondonLite ul#HeadLogos li h1#logo_es {background:url(/media/images/esGrey_3068.png) no-repeat 0 0px;}
/* Top Navigation */
.EveningStandard ul#TopNavigation li a {background:url(/media/images/topnavlibg_es_2196.gif) no-repeat top right;color:#ffffff;}
.EveningStandard  ul#TopNavigation li a span {background:url(/media/images/topnavli_leftcorner_es_2198.gif) no-repeat top left;}
.Metro ul#TopNavigation li a {background:url(/media/images/topnavlibg_metro_113.gif) no-repeat top right;color:#ffffff;}
.Metro  ul#TopNavigation li a span {background:url(/media/images/topnavli_leftcorner_metro_109.gif) no-repeat top left;}
.LondonLite ul#TopNavigation li a {background:url(/media/images/topnavlibg_lite_112.gif) no-repeat top right;color:#ffffff;}
.LondonLite  ul#TopNavigation li a span {background:url(/media/images/topnavli_leftcorner_lite_108.gif) no-repeat top left;}
ul#TopNavigation li.nobglink a, ul#TopNavigation li.tempnobg a, .EveningStandard ul#TopNavigation li.nobglink a, .EveningStandard ul#TopNavigation li.tempnobg a, .Metro ul#TopNavigation li.nobglink a, .Metro ul#TopNavigation li.tempnobg a, .LondonLite ul#TopNavigation li.nobglink a, .LondonLite ul#TopNavigation li.tempnobg a {background-position:2000px 2000px;}
.EveningStandard ul#TopNavigation li a:hover,
.Metro ul#TopNavigation li a:hover,
.LondonLite ul#TopNavigation li a:hover,
.EveningStandard ul#TopNavigation li.nobglink a:hover,
.Metro ul#TopNavigation li.nobglink a:hover,
.LondonLite ul#TopNavigation li.nobglink a:hover,
.EveningStandard ul#TopNavigation li a.CurrentPage,
.Metro ul#TopNavigation li a.CurrentPage,
.LondonLite ul#TopNavigation li a.CurrentPage {color:#ffffff;background-position:bottom right;} 
/* Headings and Links */
.EveningStandard a, .EveningStandard a:hover, .EveningStandard h2, .EveningStandard strong {color:#FAA61A;}
.Metro a, .Metro a:hover, .Metro h2, .Metro strong {color:#003f85;}
.LondonLite a, .LondonLite a:hover, .LondonLite h2, .LondonLite strong {color:#5b0044;}
/* FeatureBox */
.EveningStandard div.FeatureBox {background:url(/media/images/feature_box_bg_es_472.gif) no-repeat !important;}
.EveningStandard div.FeatureBox h3 {color:#FAA61A;}
.LondonLite div.FeatureBox {background:url(/media/images/feature_box_bg_lite_473.gif) no-repeat;}
.LondonLite div.FeatureBox h3 {color:#5B0044;}
.Metro div.FeatureBox {background:url(/media/images/feature_box_bg_metro_474.gif) no-repeat !important;}
.Metro div.FeatureBox h3 {color:#003F85;}
div.FeatureBox h3 span {color:#666666;}

