/*
basic layout three columns, first column #content then #related and finally #promo
	there are currently 5 basic temlates the article template (.article)
	section fronts .front
	directory pages .directory
	keyword pages .keyword-page
	and a three coloumn generic called .triplet
------------------------------------------------------------------------------*/


@media all {
body,
html
{
	font-size: 100%;
	color: black;
	background-color: white;
	font-family: arial, sans-serif;
}


/*
font-families, also see top of file for default font-family
----------------------------------------------------------------------------------------*/


body,
html,
h2#strap,
div.linktext h3
{
	font-family: arial, sans-serif;
}


h1,
h2,
h3,
h4,
h5,
h6,
ol.alphabet,
#content li.trail-strap h3,
#content .auto-trailblock h3,
#content ul.trailblock li h3
{
	font-family: georgia, serif;
	font-weight: normal;
}



#content > p.drop:first-letter,
strong.drop:first-letter,
span.drop
{
	font-weight: normal;
}


#related-info h3,
#promo h5,
#related h5,
#relatedlinks h3,
#gallery-series-navigation h3,
#gallery-series-navigation h4,
#fact-box h2,
#related-info h4,
#content li.trail-strap h2, 
#related #article-trailblock h2,
#related-info h5,
div.image p.caption,
span.caption,
.trail-block-page #related h3,
#onsite #related-keywords h3
{
	font-family: arial, sans-serif;
	font-weight: bold;
}


#section-contents li h3,
body .col h3,
#promo h4,
.tips h4,
#related-info h5.date,
#header #section-heading,
#header #guardian-logo,
ul#keyword-continued .linktext h3,
#related #keyword-continued .minor-heading h2,
ol.alphabet a,
.series-navigation h4
{
	font-family: arial, sans-serif;
}


* 
{
	padding: 0;
	margin: 0;
}


/*
font sizing section
----------------------------------------------------------------------------------------*/


#wrapper
{
	font-size: 0.75em;/* 12px at default font size */
	line-height: 1.25;/* 15px at default font size 15/12 */
	width: 940px;
	margin: auto;
	padding: 0 0 0 10px; /* set top zero padding to ensure gridl ines never show through */
	position: relative;
}

body div#wrapper div#header
{
	padding-top: 8px;
}


h1, 
#article-header h2
{
	font-size: 2.2em;/* 26px */
	font-weight: normal;
	line-height: 1.2em;
}
#page-header h1
{
	line-height: 1.0;
}

#article-header #biography h2
{
	font-size: 1.25em;
	font-weight: bold;
	color: #333;
}


#travel-classifieds,
#sponsored-features,
#sponsored-jobs
{
	display:none;
}		

body.other #content div.trailtext p,
body.other .auto-trail-block .trail-text,
body.front #content .commercial li.first,	
.sponsored-features ul.trail .trailtext
{
	line-height: 1.25;/* 15px at default font size 15/12 */
}

div.page-heading p.linktext
{
	margin-bottom: 30px
}


h2,
h3,
h4,
h5,
h6,
#related-info h2,
#content div.directory h2,
#content ul li.major-heading h2,
#promo h3,
h2.major-heading
{
	font-size: 1.166em; /* 14px */
}


#content h2.directory-place
{
	font-size: 1.333em; /*16px */
	font-weight: normal;
}


#content ul li h2,
#content ul li h3,
#content li.trail-strap h3
{
	font-size: 1.333em; /* 16px */
	font-weight: normal;
}


.splash
{
	margin-bottom: 10px;
}


div#box div#page-header p.snap
{
	font-family: arial, sans-serif;
	font-size: 1em;
	line-height: 1.25;
	margin-bottom: 0;
}

.major-heading,
#keyword-trailblock li h3
{
	line-height: 1.224;/* 19px at default font size */
}

/*
Header
----------------------------------------------------------------------------------------*/
#header
{
	font-size: 1.0em;/* 12px */
}


#header #guardian-logo,
#header #observer-logo
{
   float: left;
   border: 0;
   display: block;
  
   margin: 10px 0 15px 0; /* space between logo and nav is 20px */
}

#header #observer-logo
{
	border-left: 1px solid #bebebe;
	margin-left: 5px;
	padding-left: 7px;
}

#header #guardian-logo a
{
   display: block;
}
#header #guardian-logo div,
#header #guardian-logo a
{
   line-height: normal;
   padding: 0;
   margin: 0;
}

/* RSS Feeds */

a.feed,
body.keyword-page a.feed, 
body.most-viewed a.feed,
body.most-clipped a.feed
{
	left: 480px;
	position: absolute;
	width: 140px;
	display: block;
	top: 0.8em;
}


a.feed 
{
	float: right;
	margin-right: 3px;
	position: relative;
	top: 0;
	left: 0;
	width: auto;
}

/*------------------------------------------------------------------------------------------*/

/* Section headings
------------------------------------------------------------------------------------------*/

#heading
{
	background-color: #fff;
	clear: both;
	float: left;
	height: 3.5em;
	padding-bottom: 25px;
	width: 940px;
}

h1#section-heading
{
	margin: 0;
	display: inline;
	width: auto;
	float: left;
}



/*------------------------------------------------------------------------------------------*/

/* Section headings
------------------------------------------------------------------------------------------*/

#heading
{
	background-color: #fff;
	clear: both;
	float: left;
	height: 3.5em;
	padding-bottom: 25px;
	width: 940px;
}

h2#section-heading
{
	margin: 0;
	display: inline;
	width: auto;
	float: left;
}


/*----------------------------------------------------------------------------------------*/
/*
Navigation section
----------------------------------------------------------------------------------------*/

#global-nav,
#nav-bar
{
   overflow:hidden;
}

/* General Zones Styles ----------------------------------------------------------------*/

#zones-nav
{
	font-family: georgia, serif;
	font-weight: normal;
	font-size: 1.333em;/*16px - this is IMPORTANT otherwise the rollover effect doesn't work */
	padding-bottom: 10px;
	width: 940px;
	line-height: 1.0em;
	display: block;
	clear: both;
}
#zones-nav #global-nav
{
	margin-bottom: 10px;
}
#zones-nav #global-nav ul,
#zones-nav #crumb-nav ul,
#zones-nav #local-nav ul
{   
	margin: 0;
	padding: 0;
	float: left;
}

#zones-nav #global-nav,
#zones-nav #nav-bar
{
    clear: both;
    width: 100%;
}

#zones-nav #global-nav ul li, 
#zones-nav #crumb-nav ul li,
#zones-nav #local-nav ul li
{
    float: left;
    padding: 0;
    margin: 0; 
    width: auto;
    white-space: nowrap;
    display: block; 
}

#zones-nav #global-nav ul li a, 
#zones-nav #crumb-nav ul li a,
#zones-nav #local-nav ul li a
{
    display: block;
	padding: 4px 5px 4px 5px;
	margin: 0;
	text-decoration: none;
	width: auto;
}

#zones-nav #global-nav ul a:hover, 
#zones-nav #crumb-nav ul a:hover,
#zones-nav #local-nav ul a:hover
{
	text-decoration: none;
}

/* First and Last items */
#zones-nav #global-nav ul li.first a, 
#zones-nav #local-nav ul li.first a,
#zones-nav #crumb-nav ul li#crumb1 a
{
	padding-left: 5px;
}
#zones-nav #global-nav ul li.last a, 
#zones-nav #local-nav ul li.last a
{
	border: none;
}

/*----------------------------------------------------------------------------------------*/


body .col h3,
h4,
#section-contents li,
ul.trail ul,
#section-contents a,
#section-contents span,
#section-contents li h3,
#section-contents ul.credit,
span.count,
#promo .capsule,
#related .capsule,
#relatedlinks h3,
#gallery-series-navigation h3,
ul#keyword-continued .linktext h3,
#related #keyword-continued .minor-heading h2,
#section-contents ul li ul li p,
.trail-block-page #wrapper #related h3,
#section-contents ul li ul li p a.more,
#related-info .section p a.more
{
	font-size: 1em; /* 12px */
}


#section-contents ul li ul li p /* it's smaller as it is nested. So to get back again do 1/0.92 */
{
	font-size: 1.087em;
	font-size: 1.000em;
}


body.keyword-page #section-contents div.recent-blogs ul.credit a
{
	font-size: 1.110em;  /* 12px */
}


#section-contents ul li ul li p.description,
body.keyword-page #section-contents div.recent-blogs ul.credit li
{
	line-height: 1.250;/* 15px at default font size 15/12 */
}


#content .narrow p,
#footer-links,
#content .trail-strap,
#related p.shower,
a.more,
div.image p.caption,
span.caption,
#copyright-links
{
	font-size: 0.92em; /* 11px */
	line-height: 1.181em; /* 13px */
}


#footer-links
{
	line-height: 1.3;
}


#section-contents p,
#promo h4,
ul.tips h4,
#section-contents p.description,
#promo h5,
#fact-box h2,
#content li.trail-strap h2, 
div.image p.caption,
span.caption
{
	margin: 0;
}


ul,
ol,
#section-contents ul.tips li p,
legend,
#skiplinks ul,
#skiplinks li,
#stand-first,
#section-tools h2,
#promo .tips h3,
#promo .capsule p
{
	margin: 0
}


body.commercial #related p.jump-related
{
	display: none;/* must fix */
}


#stand-first
{
	font-size: 1.2em;/* 14px*/
	line-height: 1.25;/* 18px at default font size */		
}


#section-contents p.description,
#promo h4,
.jump-related,
#content .narrow,
#promo .editorial-pick-small p,
#promo .editorial-pick p,
#yahoosm ul.links,
#edited-offers li a.caption,
ul.trailblock li.portrait .linktext
{
	padding-top: 3px;
}


#section-contents p.description,
#content ul.trail h2,
#content ul#main-trailblock li.major-heading
{
	padding-bottom: 0;
}


#section-contents ul.tips ul.credit li,
#section-contents li li,
#content ul li.wide,
#content h2,
div.col h2,
h1,
.first h3,
#content ul li.first,
#content ul.auto-trail-block li.first
{
	margin-top: 0;
}


.all-places #content .index .first,
#promo h3,
ul.trail img,
ul.trail li.variant img,
#content ul.trail h2,
ul.trail li p,
#content ul.pagination li,
#content ul.trailblock li.major-heading,
#content ul.trailblock li.major-heading h2,
.sponsored-features ul.tri li.normal,
#content #keyword-trailblock li.wide
{
	margin-top: 0;
}


#content ul li .trailtext,
#content ul li .trail-text,
#section-tools,
.all-places .breakdown,
#promo div.auctions img,
#promo .deal img,
#promo .reader img,
#promo .tips h4,
#promo .jobs h4,
#promo .capsule form,
#promo .results h4,
#promo #yahoosm ul.links,
ul.pagination,
#content ul#main-trailblock li li div.trailtext,
#more-trails
{
	margin-top: 10px;
}


#promo ul.tri li.image,
#promo ul.tri li.normal
{
	margin-left: 20px;
}

ul.tri li.major-heading
{
margin-left: 0;
}

#promo ul.tri li.odd
{
	margin-left: 0;
}

/*
Topslot - ad
------------------------------------------------------------------*/

#topslot 
{
	border-bottom: 1px solid;
	clear: both;
	min-height: 0;
	padding-bottom: 10px;
	width: 940px;
	float: left;
	text-align: center;
	line-height: 0;
}

#topslot a
{
	text-align:center;
}

#topslot iframe
{
	margin: auto;
	display: block
}


#section-contents p.description
{
	margin-top: 6px;
}


.tips li a.more
{
	padding-bottom: 3px;
}



a
{
	text-decoration: none
}


a:hover
{
	text-decoration: underline
}


a img,
#section-contents ul.tips ul.credit li,
fieldset,
body.guAmerica #promo h2
{
	border: none;
	vertical-align: text-bottom;
}


ul,
ol,
#skiplinks ul,
#content li.horizontal,
#skiplinks li 
{
	list-style-type: none;
}


#content li.trail-strap h3,
#promo #reader-offers h4,
#reader-offers ul li,
#promo div.sponsored-features ul.tri li.normal,
#content ul.pagination
{
	margin-bottom: 10px;
}


#promo h2,
#content ul.trail h2
{
	border-top: 1px solid;
}


#content ul.sublinks li,
#content ul.sublinks li.trailtext,
#content li.vertical 
{
	margin: 0;
}

#content ul.sublinks li.audio a,
#content li.image ul.sublinks li.audio a
{
	display: inline;
}

li.li-split
{
	font-weight: bold;
	margin-top: 15px;
	border-top: 1px solid #999999!important;
}

li.thumb ul.sublinks img
{
	width: auto;
}


li.thumb ul.sublinks img
{
	padding-right: 4px;
}


body.network ul.more-news li.vertical img
{
	padding-right: 5px;
}


body #content h3,
body .col h3,
ul.tips h4,
ul.tips h3,
#content .narrow p,
#content .date,
li.publication,
#skiplinks a,
#byline,
#content div.directory h2,
#promo h3,
#wrapper ul li.major-heading h2,
body.other #box #content h2.first,
#promo #reader-offers h4,
#content #sponsored-jobs ul.trailblock h3
{
	font-weight: bold;
}


h1,
#promo div.auctions ul li h5,
ul.pagination li,
#content .reader-tips ul.credit li.date
{
	font-weight: normal;
}


#content > p.drop:first-letter
{
	float: left;
	font-size: 5.2em;
	height: auto;
	margin-right: 4px;
	line-height: 0.8;
}


span.drop
{
	display: block;
	width: auto;
	float: left;
	margin-top: 4px;
	font-size: 5.2em;
	height: auto;
	margin-right: 2px;
	line-height: 0.7;
}


#content > p.q:first-letter
{
	font-size: 4.3em;
	line-height: 0.97;
	margin-right: 2px;
	margin-top: -3px;
}


strong.q
{
	font-size: 5em;
}


/*
Minimum hights all have height set in ie.css
----------------------------------------------------------------------------------------*/


body.offers-place #promo
{
	margin-top: 78px;
}


body.offers-place #wrapper #content ul.auto-trail-block li
{
	padding-right: 160px
}


/* this is used in articles and keyword pages as well */
#article-header 
{
	min-height: 68px;
	padding-bottom: 20px;
	position: relative;
}


/* end that bit */


#article-sub-header
{
	min-height: 60px;
}


/*
Horizontal grid
----------------------------------------------------------------------------------------*/


#content,
#promo,
#frontskyscraper,
.offers-place ul.horizontal
{
	float: left;
}

#article-header
{
	clear: left;
}

div.user-tools
{
	border-bottom: 1px solid;
}


body.trail-block-page.commercial #content
{
	margin-left: 0;
	margin-right: 0
}


body.trail-block-page.commercial #related
{
	margin-left: 0;
}


body.double-spread #content,
body.full-width #box,
body.full-width #content
{
	width: auto;
	float: none
}

body.travel #header
{
	border-bottom: none;
	position: relative;
}

ul.after,
#box
{
	width: 620px;
}


div.jobsbox p.find-a-job
{

	border-top: 1px dotted;
	padding-top: 5px;
	padding-bottom: 10px;
}

div.jobsbox ul.jobs
{
	padding-bottom: 9px;
}


body.network div.jobsbox p.find-a-job
{
	top: 0;
	padding-bottom: 0;
}


body.trail-block-page #box #content ul.alternative li.normal
{
	width: auto;
	float: none;
	margin-left: 0;
	border-top: 1px dotted;
	clear: both
}


body.trail-block-page #box #content ul.alternative li.normal.wide
{
	border-top: none;
	padding-top: 0
}


body.trail-block-page #box #content ul.alternative li.normal img
{
	float: left;
	margin-right: 10px;
	margin-top: 1em
}


body.trail-block-page #box #content ul.alternative li.normal div.trailtext p
{
	margin-top: 1em
}


body.trail-block-page #box #content ul.alternative li.wide img
{
	margin-right: 0;
	margin-top: 0
}


body.trail-block-page #box #content ul.alternative li.normal h3
{
	margin-top: 0
}

#promo,
body.triplet #content
{
	margin-left: 0;
}


#section-contents,
#promo,
#section-selector,
#sitesearch,
#web-search,
#banner-ad,
#promo .editorial-pick-small p,
#promo .editorial ul,
ul.pagination li.last,
#content ul#article-toolbox,
#mpu
{
	float: right;
}




#content .narrow,
#content ul li p.trailText img,
.trailtext img.image-in-trail,
body.triplet #content,
.col,
#box,
ul.viewer li,
div#sub-header ul.links,
ol.odd
{
	float: left;
}


#promo .editorial ul.top-stories,
#promo .editorial ul.top-stories,
ul.pagination li.first,
.auto-trail-block .trail-text img
{	
	float: left;
}


ul.trailblock li.portrait img
{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px
}


#section-contents,
#content p span.pullout,
ul.viewer li,
ul.trailblock li.portrait h3,
ul.trailblock li.portrait .trailtext,
ul.trailblock li.portrait .linktext
{
	width: 140px;
}


#section-contents h2,
#content h2,
.auto-trail-block li h2,
.triplet .capsule h2,
#keyword-nonplace-combiner h3,
.commercial #promo .capsule h2,
#onsite h2,
#onsite h3,
.network div#main-offers div.ed-zone h2,
.network div.also-offers h3, h3#offers-heading,
#related #book-index h2,
body.keyword-page div#box div#content .book-index h2,
#related #biography h2,
#article-header #biography h2,
body.audio div#more-in-audio-series h2,
body.contributor #box #left-column h2
{
	border-top: 10px solid;
	margin: 0 0 14px 0;
	font-weight: bold;
	padding-top: 3px; 
	border-color: #ccc;
}

ul.auto-trail-block
{
	clear: left
}


#content .narrow
{
	margin-right: 10px;
	width: 128px;
}


#content li.trail-strap h2
{
	padding-top: 4px;
	margin-top: 14px;
}


#content li.trail-strap h3 /*this is a heading underneath a trail-strap h2 */
{
	margin-top: -2px;
}


#content ul li,
#content ul.horizontal,
ul.tips li p .description,
.cols li,
.commercial #promo .capsule,
#section-contents .capsule
{
	margin-bottom: 20px; /* was top watch out for breakage*/
}

#send-share ul li,
#send-share-side ul li
{
padding-top: 5px;
margin-bottom: 5px;
}

#content ul.tips li
{
	margin-bottom: 0;
}

.double-spread .capsule ul.tri li.major-heading
{
	margin-bottom: 0;
}

#content ul li,
#content ul.horizontal
{
	overflow: hidden;
}


#content ul li p.trailText img 
{
	margin-right: 10px;
	margin-top: 2px;
}


#wrapper ul li.major-heading h2,
body.travel div#edited-offers ul li.major-heading h3,
body.other #box #content h2.first,
#footer
{
	border-top-width: 10px;
	border-top-style: solid;
}


#wrapper li.major-heading
{
	float: none;
	width: auto;
	clear: both;
	border-top: none
}


#content li.vertical  
{
	list-style-position: inside;
	line-height: 1.250em;
	float: none;
	clear: both;
	width: auto;
}


#content li.horizontal  
{
	line-height: 1.250em;
	width: auto;
	float: none
}


#content li.vertical,
#content li.horizontal
{
	margin-top: 3px
}


#section-contents li h3,
#section-contents ul ul, 
#sitesearch,
h1,
#promo div.capsule form,
#section-contents ul.keywords li,
div.page-heading h1,
ul.trail li li,
#promo .sponsored-features li.major-heading,
.sponsored-features ul.tri li.normal,
#content #keyword-trailblock li.wide,
#main-trailblock li.major-heading,
.triplet #wrapper li.major-heading,
.double-spread #box #content li.major-heading
{
	margin-bottom: 0;
}


.trailtext img.image-in-trail,
.auto-trail-block .trail-text a.small img
{
	margin: 2px 10px 2px 0;
}


#reader-offers h4,
#content ul.horizontal,
#box #content ul.auto-trail-block li,
.explainer
{
	clear: both;
}


#frontskyscraper
{
	margin-right: 40px;
}



#content li.horizontal div,
#content li.vertical div,
#content ul li ul.subject-list li,
#content ul#article-toolbox li,
#content li.horizontal,
ul.directory li,
#skiplinks li, 
ul.user-details li,
ul.commercial-links li,
#yahoosm ul.links li,
#yahoosm ul.links li a,
ul#footer-links li,
ul.pagination li,
.auto-trail-block .trail-text p
{
	display: inline
}


#content ul li ul
{
	padding-bottom: 10px;
}


/*images live on the baseline, line-height is overcome here*/
/*only problem is the impact of trail straps the gap between them and the h3 element will differ and needs to be addressed*/
.odd li.image .trail-caption h3
{
	margin-top: -4px;
} 




ul.no-pic
{
	padding-bottom: 8px;
	margin-bottom: 2px;
}

.contributor-pic-small
{
margin-top: 2px;
}

li#contrib-shift
{
	position:absolute;
	left:70px;
	top:5px;
}

#section-contents ul.keywords li,
div.first ul.pagination
{
	border-bottom: 0;
}


li.copyright
{
	padding-top: 2px;
}


#promo,
#box
{
	margin-bottom: 28px;
}


#section-contents ul.tips ul.credit li,
ul,
ol,
fieldset,
legend,
#skiplinks ul,
#skiplinks li,
#header,
ul.trail img,
.commercial #promo .capsule
{
	padding: 0;
}


#content h2,
div.col h2,
body.publication #related h2
{
	border-top: 10px solid;
	clear: left;
}


#promo .sponsored-features ul li.major-heading h2,
#related #keyword-continued h3
#promo .sponsored-features ul li.major-heading h2,
ul.auto-trail-block li.wide,
#related #keyword-continued .linktext h3,
#related ul.trail li.image,
#section-contents ul.trail li.image,
#related .ed-zone li.major-heading,
.commercial #promo .capsule,
.trail-block-page #related li h3
{
	border-top: none
}

body.network div#wrapper div.commercial div#main-offers div.commercial p.slotfooter
{
	margin: 0;
	padding-bottom: 0;
}


/*
three  equal columns
--------------------------------------------------------------------------------*/


body.triplet #content,
.col,
#print-logo,
#sitesearch,
#promo,
#section-selector,
#web-search,
#content ul li.wide, 
ul.trail li.wide,
.regionplaceholder
{
	width: 300px;
}


body.offers-place #wrapper #content ul.alternative li.wide div.trail-caption
{
	width: 300px;
	float: left;
}


body.offers-place #wrapper #content ul.alternative li.wide 
{
	width: auto;
	width: 620px;
}


#edited-offers a
{
	float: left;
	width: 130px;
	margin-right: 20px
}


#edited-offers a.caption
{
	margin-right: 0;
	border-top: 1px dotted
}


#edited-offers li
{
 	margin-bottom: 20px;
 	overflow: hidden
}


.col,
#promo .editorial-pick-small img,
#reader-offers li.even
{
	margin-left: 20px;
}


#box
{
	clear: left;
}




#also-on
{
	clear: both; /* see ie5mac.css*/
	border-top: 1px solid white;/*webkit bug remove once content returns*/
}


legend
{
	position: relative;
}


/*
Skip links
------------------------------------------------------------------------------*/


#skiplinks a 
{ 
	position: absolute;
	top: 40px;
	left: 30%;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 1.2em;
	z-index: 1002;
}


#skiplinks a:active, #skiplinks a:focus
{ /* Only show skiplinks on focus */
	position: absolute;
	width: auto;
	height: auto;
	border: 0;
	margin: 0;
	padding: 8px;
	background: #FFF;
	color: black;
	z-index: 10000;
}


/*
Above the navigation
------------------------------------------------------------------------------*/

#print-logo
{
	clear: left;
	margin: 36px 12px 4px 0;
}

#print-logo
{
	margin-bottom: -3px;
}


#sitesearch
{
	padding-top: 0; /* see ie.css */
	border-bottom: 3px solid white;
	clear: right;
}



/*
The rotating image widget
------------------------------------------------------------------------------*/


ul.viewer img
{
	display: block
}


ul.viewer,
ul.controller,
div#sub-header ul.links,
.other #related .capsule,
#related .capsule
{
	clear: left;
}


ul.controller,
#web-search,
ul.pagination li.last,
#content ul#article-toolbox
{
	text-align: right;
}


/* ul.controller is also styled in the js on section, also stop ads from breaking the layout */
#also-on-sect,
#also-on,
#also-on ul.viewer
{
	overflow: hidden;
}


#mpu,
#mpu1,
#promo div#rightslot1
{
	line-height: 0;
	padding: 0;
}


#also-on
{
	width: 940px;
	background-color: white;
	position: relative;
}


#also-on ul.viewer
{
	width: 1300px;
	position: relative;
	left: -161px;
	height: 17em;
}


#also-on ul.viewer li
{
	height: 16.85em;
	border: 1px solid;
	padding: 0 10px;
	margin-left: -1px
}


/*
heading font sizes
see font sizing section (=font-size) and font-family
------------------------------------------------------------------------------*/


#promo .capsule
{
	overflow: hidden; /*see ie.css*/
}



div#sub-header
{
	padding: 3px 3px 3px 0;

}


div#sub-header ul.links
{
	width: 180px;
}


#section-selector
{
	font-size:1.0em;
	position: absolute;
	text-align: right;
	top: 8px;
	right: 3px;
}


#header  #section-selector #go-to
{
	width: 200px;
}

ul.user-details
{
    margin-bottom:10px;
}

ul.user-details li
{
	border-left:1px solid;
	padding-right:5px;
	padding-left:5px;
}
ul.user-details li.first
{
	border: none;
}
ul.user-details,
#promo h2
{
	padding-top: 10px;
}


#footer
{
	padding-top: 4px;
}


#promo h3,
#content ul li.wide,
#related #keyword-continued li.image,
#section-contens #keyword-continued-continued li.image,
#content ul#main-trailblock li.major-heading,
#related .ed-zone li.major-heading,
#content ul.auto-trail-block li.first
{
	padding-top: 0;
}

body.tag-content ul#editor-zone-4 li
{
	padding: 2px 0 6px 0;
}


#content ul.auto-trail-block li.first
{
	margin-top: 0;
}


#promo h3
{
	margin-bottom: 14px;
}


#promo div.capsule,
.commercial #wrapper #promo .sponsored-features
{
	border-top: 10px solid;
	padding: 4px 10px 10px 10px;
}

.sponsored-jobs
{
	border-top: 10px solid;
}


/*
tertiary section navigation
------------------------------------------------------------------------------*/


#sitesearch,
#footer,
ul.pagination li.first
{
	text-align: left;
}


#sitesearch input {
	vertical-align: baseline;
}


#radio-buttons input.radio
{
	position: relative;
	top: 1px;
}


input.text
{
	width: 90px
}


/*
Supporting column
------------------------------------------------------------------------------*/


body.keyword-page #section-contents ul.tips li.tips-package
{
	padding-bottom: 10px;
}


.child-keyword li,
#section-contents ul.keywords li,
#keyword-continued li.normal,
#keyword-continued-continued li.normal,
.commercial #promo .ed-zone li,
#section-contents ul.tips li,
#related #book-index li,
#latestnews li,
ul.all-articles li
{
	padding: 2px 0 6px 0;
}


#keyword-continued li.normal
{
	padding-top: 2px;
}


div#promo h4.first,
div.first ul.trail
{
	border: 0;
	padding-top: 0;
	margin-top: 0;
}


/*
if javascript is off, then:
------------------------------------------------------------------------------*/


.shower,
ul.controller li,
#cookie
{
	display: none;
}


#print-toolbox,
#wrapper iframe.ad-loader
{
	visibility: hidden
}


/*
Forms
------------------------------------------------------------------------------*/


#web-search
{
	clear: right;
	position: relative;
	width: 450px;

}

#search 
{
	float: right;
	padding-top: 10px;
	width: 450px;
}

#web-search select option
{
	padding-right: 20px;
}

#radio-buttons
{
	position: absolute;
	bottom: -2.5em;
	right: 15px; /*but not so much in IE*/
}


#radio-buttons label
{
	margin: 0 8px 0 0;
}


#web-search-field,
#sitesearch-text
{
	width: 180px;
}


#freetext
{
	width: 145px; /* the jobs box search field */
}


#freetext-searchalljobs
{
	width: 220px; /* the jobs box search field */
}


/* Find an IFA */
#promo #find-ifa form
{
	margin-top:0;
}


.capsuleform
{
	width: 280px;
	margin: 15px 0 0 0;
}

.capsuleform div
{
	margin-left: 130px;
	margin-bottom: 5px;
}

.capsuleform div.text-input-row label
{
	margin-left: -130px;
}

.capsuleform div input
{
	margin-right: 5px;
}

.capsuleform div.text-input-row input
{
	margin: 0 0 0 13px;
	width: 150px;
	border: 1px solid #999;
}

div.capsulefooter
{
	border-top: 1px dotted #999;
	margin-top: 10px;
	padding-top: 3px;
}


/*
The zoomed image styling
--------------------------------------------------------------------------*/


#yahoosm div
{
	margin-top: 5px; /* the once and future overture ad? */
}


#yahoosm p.page-host
{
    font-weight: bold
}


/*
trails on the front pages
see font-size section (=font-size)
-------------------------------------------------------------------------*/


#content ul.tri li.image
{
	border: 0;
}


#content ul.tri li.major-heading,
ul.trail li.first,
.sponsored-features li.major-heading,
.sponsored-features li.trailtext,
.sponsored-features ul.tri li.odd,
#section-contents ul.tri li,
.triplet .major-heading
{
	margin-left: 0; /*this rule compensates for the above rule and make's sure that editable trailblocks thats appear in related divs do not have a margin of 20*/
}


#content ul.trail li.variant h2
{
	border-top: none;
	margin-top: 0.5em;
}


ul.trail li.last,
ul.trail li li
{
	margin-right: 0
}


#content ul li.wide
{
	border-top: none;
}


ul.trail li li,
.triplet .image div.pictureurl img
{
	float: none;
}



/*
#promo section
-----------------------------------------------------------------------------------------------*/


#promo .editorial li
{
	margin-bottom: 5px
}


#promo .editorial-pick-small p,
#promo .editorial ul
{
	width: 130px;
}



#promo .deal ul li,
#promo .reader ul li,
#promo div.auctions ul li,
#reader-offers li,
.sponsored-features ul.tri li
{
	width: 130px;
	float: left;	
}

#content .sponsored-jobs ul.tri li.image
{
	float: left;
	width: 140px;
}


#promo .deal .right,
#promo .reader .right,
#promo div.auctions .right
{
	width: 130px;
	float: right;
}


#promo div.reader,
#promo div.auctions,
body.front #wrapper #section-contents .first .capsule li.major-heading,
#promo div#rightslot1 img
{
	border-top: none;
	margin-top: 0;
}


#promo .tips p.description
{
	margin-bottom: 15px;
}


#promo .editorial-pick-small img,
#promo .editorial-pick-large img
{
	float: right;
	margin-bottom: 6px;
}


.capsule form
{
	clear: left
}


ul.jobs h4,
span.employer,
ul.auctions,
span.location
{
	text-transform: capitalize
}


ul.books
{
	overflow: hidden;
}


ul.vertical-links
{
	border-top: 1px dotted;
	margin-top: 5px;
	padding-top: 5px;
}

.clipping-picture
{
clear: left;
float: left;
margin: 3px 10px 10px 0;
}

#section-contents div.capsule.todayspaper ul li.image,
div#topstories ul#latestnews li.first
{
	border: 0;
}

#topstories>p
{
	margin: -16px 0 16px 0;
}

.newspaper-thumbnail
{
	border: 1px solid #999;
}

div#section-contents ul.vertical-links li.vertical
{
	border-top: none;
}


div#promo div.single li
{
	float: none;
	width: auto;
}

div#promo .slot p.linktext,
div#promo div.single li.odd
{
	border-top: 1px dotted;
}


div#promo div.single li.odd div.linktext
{
	padding-bottom: 5px;
}


div#promo div.single li div.pictureurl
{
	float: left;
	margin-right: 10px;
}


div#promo .services
{
	width: 130px;
	float: left;
	margin-bottom: 10px
}


div#promo .services.first
{
	margin-right: 20px
}

div#promo p.services .services.first
{
	margin-right: 20px
}

div#promo div.slot p.linktext
{
	margin-bottom: 10px;
	padding-top: 3px;
}

#promo ul.sublinks
{
	clear: both;
	padding-top: 3px;
}


/*
Dotted borders
--------------------------------------------------------------------------*/


#yahoosm ul.links,
.keywords li,
.child-keyword li,
#promo h4,
#related-info .trail ul li,
#section-contents li,
body.other #box #content h2,
#related #keyword-continued .minor-heading h2,
body.front #content ul li.major-heading h2,
#related .ed-zone li,
ul.trailblock li.portrait h3,
.front #content .reader-tips ul li,
.front #content .cols ul.auctions li.even,
ul.trailblock li.portrait .linktext,
ul.trailblock li.portrait .linktext h3,
body.front li.more-auctions,
ul.services li,
p.services,
#promo ul.sublinks,
#promo  li.link,
.bio,
#send-share ul li,
#send-share-side ul li,
ul.all-articles li
{
	border-top-width: 1px;
	border-top-style: dotted;
}

#section-contents div.todayspaper ul.sublinks li
{
	padding: 2px 0 6px;
}

#section-contents div.todayspaper ul.sublinks li.first
{
	border-top: none;
}

div.slot p.services
{
	border: none
}

ul.trailblock li.wide div.trail-caption,
ul.trailblock li.normal,
#content ul.auto-trail-block li,
#promo .editorial-pick-small p,
#promo .editorial-pick p,
.directory-place .index p
{
	border-top: 1px dotted
}


.sponsored-features ul.tri li,
body.front #main-trailblock li.portrait div.linktext,
body.front div#wrapper div#promo div#edited-offers.capsule,
div#section-contents ul.trail li.image
{
	border-top: none;
}


ul.pagination
{
	border-top: 1px dotted
}


#related #fact-box h2,
ul.pagination,
ul.no-pic,
#article-header h2#strap,
li.breakpoint,
.series-navigation
{
	border-bottom: 1px dotted;
}


ul.books li
{
	float: left;
	width: 130px;
}

div#wrapper ul.books li div.book-text ul li
{
	border-top: 0;
}

ul.books li.odd
{
	margin-right: 20px;
}

div#promo div.book-cover
{
	background-image: url(images/130x120-borderless.gif); 
	padding: 10px 0; 
	text-align: center; 
	overflow: hidden; 
	width: 130px;
	margin-bottom: 0;
}


div.book-cover-default
{
	text-align: center;
	margin-bottom: 3px;
	width: 140px;
	height: 120px;
}


div#content div.book-text ul li
{
	margin-bottom: 0;
	width: auto;
}

div#content div.book-text ul li.book-price
{
	border-top: 0;
}


/* jobs boxes */

div#content div#sponsored-jobs li.image div.job-button
{
	background:url(images/140x140-border-mask.gif) left top no-repeat;
	height:140px;
	width:140px;
	padding-top:10px;
	text-align:center;
}

div#promo div#sponsored-jobs ul.tri li.normal
{
	width: 130px;
	padding-top: 5px;
	border: 0;
	float: left;
	text-align: center;
	background-image: url(images/130x130-border-mask_promo.gif);
	background-repeat: no-repeat;
}

div#promo div#sponsored-jobs ul.tri li.normal div.job-button
{
	margin-bottom:10px;
}

div#promo div#sponsored-jobs ul.tri li.normal div.job-text,
div#promo div#sponsored-jobs ul.tri li.normal div.job-text ul li
{
	margin: 0;
	width: auto;
}

#promo div#sponsored-jobs div.job-text div.linktext
{
	text-align: left;
}

/* Video pixie 
-----------------------------------------------------------------------------*/


div.news div.caption h2,
div.news div.localvideo h1,
div.localvideo h3
{
	padding: 5px;
}


/* video pixie styling ends */

/* video display noscript replacement div */
#videoPaneNoscriptReplacement 
{
	width:480px;
	height:360px;
	background-color:black;
	font-size: 1.33em;
	color:white;
	text-align:center;
}	

/*
Page footer
--------------------------------------------------------------------------*/


#footer
{
	margin: 0 0 20px 0;
	clear: both;
	padding-bottom: 20px;
}


div.commercial a,
body.commercial div.image,
div.pictureurl a,
.image a.mask,
body.commercial div.image a,
li.image a
{
	width: auto;
	position: relative;
	display: block
}


li.image p a
{
	display: inline
}


li.image div.trailtext
{
	position: static
}


div.mask,
img.mask
{
	position: absolute;
	top: 0;
	left: 0;
}


.sponsored-features li.odd
{
	clear: left
}


#reader-offers li.even
{
	clear: none
}


#reader-offers li.last,
#reader-offers p.more a
{
	float: none;
	padding-top: 5px;
	margin-right: 0;	
}

#travel-classifieds
{
	padding-bottom: 10px;
}

#travel-classifieds .pictureurl
{
	float: left;
	margin-right: 20px;
}

#travel-classifieds h4
{
	color: #005689;
}

#wrapper #footer {
	float: none;
	margin-bottom: 0;
	padding-bottom: 20px;
	width: 100%
}


#toolsAndInfo 
{
	clear: left;
	width: 100%;
	background-color: #fff;
}


#copyright-links
{
	margin-top: 3px;
}


/*
Pagination
--------------------------------------------------------------------------*/


ul.pagination 
{
	text-align: center;
	padding: 3px 0;
}


ul.pagination li
{
	font-weight: bold
}


ul.pagination li.first a,
ul.pagination li.last a,
ul.pagination li.last a,
ul.pagination li a
{
	font-weight: normal
}


#box ul.pagination li.first,
#box ul.pagination li.last
{
	width: 47px;
}


ul.pagination li
{
	padding: 0 0.2em;
}


/*User tool formatting
-----------------------------------------------------------------------------*/


div.fold ul#article-toolbox
{
	width: 230px;
	margin-top: -2.2em;
	position: relative;
	z-index: 1000
}


ul#article-toolbox li,
body.cartoon ul#article-toolbox li
{
	padding-left: 0;
}

body div#wrapper div#box ul#article-toolbox li a,
body.cartoon ul#article-toolbox li a
{
	padding-bottom: 3px;
	padding-left: 5px;
}

ul#article-toolbox li a.emailable
{
	padding-left: 0;
}


ul#article-toolbox li
{
	padding-left: 6px;
}


#more-article
{
	padding-bottom: 2.5em
}


#print-logo
{
	display: none;
}

/*
GU Now styles
-----------------------------------------------------------------------------*/


#gu-now ul h3
{
	border-top: 1px dotted #999;
	font-family: arial, sans-serif;
	font-size: 1em;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 3px;
}


#promo #gu-now ul h4
{
	border: none;
	font-size: 1em;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 3px;
}


#gu-now #gu-now-last-updated
{
	color: #999;
	padding-bottom: 3px;
}


/*
Advert widths and heights
----------------------------------------------------------------------------*/


#yahoosm_loader
{
	font-size: 0;
	display: none;
}


#mpu
{
	position: relative;
	z-index: 1000
}


#keyword-trailblock li.normal,
#content #keyword-trailblock li.wide
{
	margin-bottom: 20px;
}


body.trailblock-page ul.alternative #content li
{
	width: 460px;
	margin-left: 0;
}


/*
front
-------------------------------------------------------------------------------*/


div.heading
{
	clear: both;
}


#wrapper #content div.heading ul *
{
	float: none;
	width: auto;
	height: auto
}


div.cols
{
	float: left;
	width: 140px;
	margin-left: 20px;/*see ie.css*/
	margin-bottom: 20px /*see ie.css*/
}


div.commercial div.first
{
	margin-left: 0;
}

li.breakpoint
{
	margin-bottom: 23px;
}


#box h3
{
	padding-top: 1px
}


div#main-offers div.ed-zone ul /* On this site component */
{
	margin-bottom: 20px;
}


div#main-offers div.ed-zone h2
{
	margin-bottom: 8px;
}


div#main-offers div.ed-zone li
{
	padding-bottom: 2px;
	padding-top: 2px;
	border-top-width: 0;
}


div#main-offers div.ed-zone li.first
{
	margin-bottom: 0;
}


ol.az-trips
{
	width: 300px;
}


ol.az-trips
{
	float: left;
}


#radio-buttons.simple-search
{
	left: 70px;
	right: auto;
}


#ticker,
div#mortgage-calculator,
div#tools-header
{
    display: none
}


/* find a property styles */
#find-a-property
{
	position: relative;
	margin-top: -10px;
}


#find-a-property p#property-tabs
{
	display: none;
}


#promo #find-a-property form
{
	background-color: #fff;
	margin: 0;
	padding: 5px;
}


	
#find-a-property div p
{
	padding-bottom: 5px;
	text-align: right;
}


#find-a-property div p input,
#find-a-property div p select
{
	margin-bottom: 3px;
	text-align: left;
	width: 145px;
}


#find-a-property div p input#geo
{
	width: 141px;
}


#find-a-property div h4
{
	font-weight: bold;
	padding-bottom: 5px;
}


#find-a-property div p label
{
	float: left;
	padding-top: 5px;
}


#find-a-property div input,
#find-a-property div select
{
	text-align: right;
	width: 140px;
}


#find-a-property div input#searchnow
{
	text-align: center;
	width: auto;
}


#sponsored-features img
{
	width: 130px;
	height: 78px;
}

#promo div.sponsored-features li.image.first
{
	margin-right: 20px;
	margin-left: 0
}
	

div#promo div#finance-guides li.info
{
	margin-top: 10px;
}

body.article form#stock-search-form p
{
	padding-left: 0;
}

table#stock-quote-table
{
	border-collapse: collapse;
	border: 5px solid #f3f3f3;
	width: 100%;
}

table#stock-quote-table td,
table#stock-quote-table th {
text-align:right;
}

table#stock-quote-table td.name,
table#stock-quote-table th.name {
text-align:left;
}

table#stock-quote-table th
{
	font-weight: bold;
}

table#stock-quote-table th,
table#stock-quote-table td
{
	border-bottom: 1px dotted #999;
	padding-top: 5px;
	padding-bottom: 9px;
}

table#stock-quote-table tr.lastrow th,
table#stock-quote-table tr.lastrow td
{
	border-bottom: 0;
}

body.reuters form#stock-search-form p#stock-search-input input#query,
body.money form#stock-search-form p#stock-search-input input#query
{
	width: 130px;
}

#wrapper div#stock-search-narrow p#stock-search-label
{
	padding-bottom: 10px;
}

p.reuters-source small
{
	font-size: 0.9em;
}

div#stock-search-narrow p#stock-search-label,
div#stock-search-narrow p#browse-all-stocks
{
	margin-top: 15px;
}

div#stock-search-narrow p#stock-search-label
{
	border-top: 1px dotted;
	padding-bottom: 5px;
	margin-top: 5px;
}


div#stock-search-narrow p#stock-search-submit
{
	margin-top: 5px;
}

div#stock-search-narrow p#stock-search-input
{
	margin-bottom: 5px;
}

div#find-a-property img.inline-image
{
	position: relative;
	top: 4px;
}

body.reuters div#related h3,
body.reuters div#wrapper div#content h2#stock-search-results-header,
body.reuters div#related li.major-heading h3,
body.reuters div#related div#stock-search-narrow h3,
body.money div#stock-search-narrow h3
{
	border: 0;
	font-size: 1.165em;
	line-height: 1.15;
	margin: 0;
	padding: 3px 0 20px 0;
}

body.reuters div#related li.major-heading h3,
form#stock-search-form
{
	padding-bottom: 15px;
}

body.reuters div#content h2#stock-search-results-header
{
	padding-bottom: 20px;
}

body.reuters ul#stock-search-results-list li
{
	border-top: 1px dotted;
	padding-top: 5px;
	padding-bottom: 9px;
	margin-bottom: 0;
	margin-top: 0;
}

div#company-stock-display span
{
	color: white;
	display: block;
	height: 33px;
	position: absolute;
	top: 0;
	right: 0;
	width: 46px;
}

p#company-share-info
{
	height: 44px;
	position: relative;
}

div#company-stock-display span.unchanged
{	
	background: transparent url(images/business/marketindex/medium_notMoved.gif) no-repeat 0 0;
	background-color: #A5A5A5;
}

div#company-stock-display span.increase
{
	background: transparent url(images/business/marketindex/medium_arrowUp.gif) no-repeat 0 0;
	background-color: #AFAFAF;
}

div#company-stock-display span.decrease
{
	background: transparent url(images/business/marketindex/medium_arrowDown.gif) no-repeat 0 0;
	background-color: #bc3126;
}

div#company-stock-display span b
{
	font-weight: normal;
	position: absolute;
}

div#company-stock-display span.increase b
{
	top: 12px;
	left: 10px;
}

div#company-stock-display span.decrease b,
div#company-stock-display span.unchanged b
{
	top: 6px;
	left: 7px;
}

div#company-stock-display p#stock-search-input
{
	padding-bottom: 5px;
}

div#company-stock-display h3
{
	border-bottom: 1px dotted;
	padding-bottom: 14px;
	margin-bottom: 5px;
}

div#company-stock-display img
{
	clear: both;
}

/* send-to-a-friend */

.send
{
	display: none;
	position: relative;
	top: 30px;
	left:0;
	background-color: #fff;
	z-index: 999;
}

.article-history a#historylink
{
	display: none;
}

.article-history .send 
{
	border-top: 1px solid #ccc;
	display: block;
	top: 0px;
	margin: 10px 0 0 0;
	clear:both; 
	position: static; 

}
.send div.send-inner
{
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	width: 442px;
	border: 9px solid #cdcdcd;
	padding-bottom: 10px;
}
.article-history .send div.send-inner
{
	position: static;
	border: none;
	width: auto;
}

.article-history .send div.send-inner div.section
{
	display: inline;
	position: relative;
	top: 5px;
}

li#main-audio, div#audio-player
{
	position: relative;
}

#audio-player
{
	width: 458px;
	border: 1px solid #d2d2d2;
	background-color: #ededed;
	margin-top: 8px;
	overflow: visible;
}

a.subscribe-audio
{
	padding-left: 20px;
	background: url(images/icon_audio_feed.gif) left top no-repeat;
}

a.subscribe-rss
{
	padding-left: 20px;
	background: url(images/icon_rss.gif) left top no-repeat;
}

#subscribe-feeds
{
	margin: 10px 0 10px 0;
}

#subscribe-feeds li
{
	display: inline;
	margin-right: 5px;
}

#content div#audio-player ul#article-toolbox
{
	background-color: transparent;
	border-top: 1px solid #E2E2E2;
	clear: left;
	float: none;
	margin: 10px 10px 0;
	padding: 3px 0;
	text-align: left;
	width: auto;
}

div#audio-player ul#article-toolbox li,
div#audio-player ul#article-toolbox li p.bullet a
{
	padding-left: 0;
}

#box #content ul#audio-pick li.first
{
	border-top: 1px solid;
}

ul#audio-pick li.firstdiv.linktext h3
{
	font-size: 1.44em;
}

li#main-audio #send-share,
li#main-audio #send-email,
li#main-audio #contact
{
	clear: left;
	margin-top: 0;
}

.gallery .send div.send-inner.portrait
{
	top: 0;
	left: 170px;
}

.gallery .send div.send-inner.landscape
{
	top: -240px;
	left: 170px;
}

.share-top
{
	float:left;
	margin-bottom: 10px;
	background: #e5e4e5;
	width: 442px;
}

li.article-history .share-top
{
	float: none;
	display: inline;
	width: auto;
	background: #fff;
}

body #box #content div.send h3,
body.gallery #box div.send h3,
body #box div.send h3
{
	border: 0;
	float: left;
	width: 200px;
	margin: 5px 0 0 5px;
	font-family: arial, sans-serif;
	font-weight: bold;
}

body #box li.article-history div.send h3
{
	display: inline;
	font-size: 1em;
	width: auto;
}
body #box li.article-history div.send h3:after
{
	content: " :";
}

.share-top span
{
	float: right;
	width: 200px;
	margin: 5px 5px 0 0;
	font-size: 1.0em;
	text-align: right;
	display: none;
}

body #box #content div.send .share-top span a,
body.gallery #box div.send .share-top span a,
body.article #box div.send .share-top span a
{
	font-weight: bold;
	color: #333;
}

div#send-share div.send-inner ul li,
div#send-share-side div.send-inner ul li
{
	float:left;
	width: 206px;
	margin-left: 10px;
}


.send fieldset
{
	padding-bottom: 10px;
	clear: both;
}

.send fieldset div
{
	float: left;
	width: 190px;
	text-align: right;
	margin-right: 10px;
}

a.sendside,
a.sendthis
{
	cursor: pointer;
}

div.inputrow
{
	clear: left;
	margin-left: 200px;
}

#send-share ul li a,
#send-share-side ul li a
{
	padding-left:20px;
}

.send input[type=text], .send textarea
{
	width: 220px;
}

a.delicious
{
	background-image: url(images/icon_delicious.gif);
}

a.reddit
{
	background-image: url(images/icon_reddit.gif);
}

a.google
{
	background-image: url(images/icon_google.gif);
}

a.yahoo
{
	background-image: url(images/icon_yahoo.gif);
}

a.facebook
{
	background-image: url(images/icon_facebook.gif);
}

a.digg
{
	background-image: url(images/icon_digg.gif);
}

a.stumbleupon
{
	background-image: url(images/icon_stumbleupon.gif);
}

a.newsvine
{
	background-image: url(images/icon_newsvine.gif);
}

a.livejournal
{
	background-image: url(images/icon_livejournal.gif);
}

a.blinklist
{
	background-image: url(images/icon_blinklist.gif);
}

/*
RTFA
-----------------------------------------------------------------------------*/

div.page
{
	display: none;
}

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

body.third-party-toolkit div#wrapper div#header
{
 	padding-top: 3em;
}

body.keyword-page #badge,
body.other #badge,
body.series-index #badge,
body.article #badge
{
	margin-bottom: -78px;
	
}

h1.badge-name
{
	margin-bottom: 35px;
	position: relative;
	z-index: 20;
	color: white;
	padding: 10px 0 5px 5px
}

#badge
{
	width: 620px;
	height: 68px;
	overflow: hidden;
	margin-top: 10px;
}

body.keyword-page div.badged h1,
body.other div.badged h1,
body.series-index div.badged h1
{
	padding-left: 5px;
	padding-top: 5px;
	margin-bottom: 1.5em;
}

body.other div.badged a.feed,
body.keyword-page div.badged a.feed,
body.series-index div.badged a.feed
{
	top: 7em;
}

h3.badge-name
{
	margin-bottom: -1.19em;
}

body.keyword-page #section-contents .football-team-stats p,
body.fixtures-and-results #section-contents .football-team-stats p
{

}
body.keyword-page #section-contents .football-team-stats ul.badged,
body.fixtures-and-results #section-contents .football-team-stats ul.badged
{
	float: right;
	width: 70px;
}


/* mini weather component styles for various fronts */

div#weather
{
	padding-bottom: 20px;
}

body.network div#weather h3,
div#onsite div.weather-unit h3
{
	border: 0;
}

div#weather h3
{
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 1em;
}

div#weather div.weather-unit
{
	border-bottom: 1px dotted;
	clear: both;
	overflow: hidden;
	padding-top: 3px;
	padding-bottom: 5px;
}

div#weather div.first
{
	border-top: 1px dotted;
}

div#weather ul.vertical-links,
div#weather ul.vertical-links *
{
	border-top: 0;
}

div#main-offers div#weather h3
{
	margin-bottom: 0;
}

div#weather div.weather-unit img
{
	float: left;
	margin-right: 0;
}

div#weather div.weather-unit div.temp
{
	float: right;
}

div#weather div.temp p
{
	border-bottom: 2px solid;
	font-weight: bold;
	padding-bottom: 3px;
	text-align: center;
	width: 60px;
}
div#weather p.temp-high,
div#weather p.temp-low
{
	padding: 2px 6px;
	margin-left: 0;
}

div.temp p span
{
	display: block;
	padding-top: 3px;
}

p.temp-high
{
	background-image: url(images/temp-high-bg.gif);
	background-position: bottom center;
}

p.temp-high span
{
	background-image: url(images/temp-high-top-bg.gif);
	background-position: top center;
}

p.temp-low
{
	background-image: url(images/temp-low-bg.gif);
	background-position: bottom center;
}

p.temp-low span
{
	background-image: url(images/temp-low-top-bg.gif);
	background-position: top center;
}

/* end mini weather styles */

/* contact us styles */

div#contact div.col,
div#contact-byline div.col,
div#contact-side div.col
{
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 201px;
}

div#contact div.col li,
div#contact-byline div.col li,
div#contact-side div.col li
{
	border-top: 1px dotted;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 10px;
}

div#contact div.col li a,
div#contact div.col li span,
div#contact-byline div.col li a,
div#contact-byline div.col li span,
div#contact-side div.col li a,
div#contact-side div.col li span
{
	font-weight: normal;
}

div#contact div.col li ul li,
div#contact-byline div.col li ul li,
div#contact-side div.col li ul li
{
	border-top: 0;
	padding-bottom: 0;
}

body.article div#contact-side ul
{
	padding-left: 0;
}

/* this is a dumb fix to solve the problem of unclosed b tags turning up in the jobs feed affecting the rest of the page */

#section-contents b,
div#promo b,
div.offerblock b,
div#footer b
{
	font-weight: normal;
}

#wrapper #section-contents h2,
#wrapper div#promo h3
{
	font-weight: bold;
}


/*
This is for the 3rdparty toolkit don't do anything like this 
without talking to a tech lead
-----------------------------------------------------------------------------*/
body.third-party-toolkit #wrapper
{
	padding-left: 0;
}

div#wrapper.third-party
{
	width: 300px;
	padding: 0;
	margin: 0;
}
/* Content icons in trails sitewide */

.trail-icon
{
	margin-right: 5px;
	vertical-align: middle;
}

body.keyword-page ul.auto-trail-block .trail-icon,
body.contributor ul.auto-trail-block .trail-icon,
body.series-index ul.auto-trail-block .trail-icon,
div.most-top-ten div.trailtext img.trail-icon
{
	margin-right: 4px;
}

div.most-top-ten div.trailtext img.trail-icon
{
	margin-bottom: 0;
}

.content-type
{
	font-weight: bold;
}

.content-type span
{
	font-weight: normal;
}

/* Testing new trails style only in some templates for the time being to prevent live breakage of trailblocks until well tested*/

body.series-index ul.auto-trail-block li h3,
body.contributor ul.auto-trail-block li h3,
body.content-index ul.auto-trail-block li h3,
body.series-index ul#main-trailblock li h3
{
	margin-bottom: 12px;
}

body.contributor #content ul.auto-trail-block li.first
{
	padding-top: 13px;
}

body.series-index ul.auto-trail-block li,
body.contributor ul.auto-trail-block li
{
	border-top: 1px solid;
}

body.series-index ul.auto-trail-block li p,
body.contributor ul.auto-trail-block li p
{
	display: inline;
}

body.series-index ul.auto-trail-block li div#audio-player div#flash-player li p.bullet
{
	display: block;
}

body.series-index ul.auto-trail-block li img.trail-image, 
body.contributor ul.auto-trail-block li img.trail-image,
body.content-index ul.auto-trail-block li img.trail-image  
{
	float:left;
	margin-bottom:2px;
	margin-right:10px;
}

body.series-index #content ul.auto-trail-block li.wide,
body.contributor #content ul.auto-trail-block li.wide
{
	width: 100%;
}

body.series-index #content ul#main-trailblock div.trailtext p,
body.keyword-page #content ul#main-trailblock div.trailtext p,
body.contributor #content ul#main-trailblock div.trailtext p
{
	display: inline;
}

body.keyword-page img.clipping-picture
{
	margin-bottom: 3px;
}
/* End of Trail Restyling  */


/* Aristotle search form */

#promo div#aristotle
{
	border-top: 10px solid #d3d3d3;
	background: #f3f3f3 url(images/UKmap_grey.gif) 245px 3px no-repeat;
}

#promo div#aristotle div.capsuleform
{
	padding: 0 7px 15px 7px;
	margin: 0;
}

#promo div#aristotle .capsuleform h2.blank
{
	border-top: none;
	margin-top: 0;
	font-weight: bold;
	margin-bottom: 20px;
	padding-top: 3px;
}

#promo div#aristotle div.capsuleform form
{
	padding: 0 0 7px 0;
	margin: 0 0 7px 0;
	border-bottom: 1px dotted #999;
}

#promo div#aristotle div.capsuleform form input[type="text"]
{
	margin-right: 5px;
	width: 190px;
}

#promo div#aristotle div.capsuleform p
{
	background: url(images/icon_uk_grey.gif) left top no-repeat;
	padding: 2px 0 3px 22px;
}

/* End of Aristotle  */

/* Find that job commercial component starts  */

abbr
{
	border: none;
}

ul.find-that-job li p
{
	padding-left: 3px;
	padding-bottom: 8px;
}

ul.find-that-job li h4
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 4px 0;
	margin-bottom: 10px;
	border-top: none;
}

div#find-job-container
{
	overflow: hidden;
}

div#section-contents ul.find-that-job li,
div#promo ul.find-that-job li
{
	width:60px;
	display:inline; 
	float:left; 
	border-top: none;
}

div#promo div#find-job-container
{
	background-color: #f3f3f3;
	padding-bottom: 25px;
	width: 300px;
}

div#promo ul.find-that-job
{
	padding: 0 10px;
}

div#section-contents div#find-job-container
{
	padding-bottom: 20px;
	width: 300px;
}

div#section-contents ul.find-that-job li.header
{
	border-top: 1px solid; 
	width: 300px;
}

div#promo ul.find-that-job li.header
{
	border-top: 1px solid; 
	width: 280px;
	margin-bottom: 15px;
}

div#section-contents ul.find-that-job li.first,
div#promo ul.find-that-job li.first
{
	margin:0 0; 
	clear:left; 
}

#promo ul.find-that-job li h4
{
	border-top: none;
}

div#section-contents ul.find-that-job li.normal
{
	margin-left: 20px; 
}

div#promo ul.find-that-job li.normal
{
	margin-left: 13px; 
}

/* Find that job commercial component ends  */

/* Sidebar tools starts  */
#related #send-share-side ul
{
	padding-left: 0
}
/* Siderbar tools ends  */

div#flash-player
{
	margin-top:8px;
}

#audio-player div#flash-player
{
	margin: 0;
}

div#promo div
{
	margin-bottom: 10px;
}

div#content blockquote
{
	color: #666;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 40px;
}

/* Ads 
----------------------------------------------------------------------------------*/

#mpu1 iframe,
#mpu1 img,
#mpu1 object,
#mpu1 embed,
#mpu1 div,
#rightslot1 iframe,
#rightslot1 img,
#rightslot1 object,
#rightslot1 embed,
#rightslot1 div
{
	margin-bottom: 10px;
}

#mpu1 img.ad-placeholder,
#rightslot1 img.ad-placeholder
{
	margin-bottom: 0;
}

#mpu1
{
	background-color: #fff;
	font-size: 0;
}

div#promo div#rightslot1,
div#promo div#mpu1
{
	margin-bottom: 0;
}

/* Sitetools sidebar starts */
div#section-contents div.relatedlinks h3.first
div#related div.relatedlinks h3.first
{
	border-top-style: solid;
}

div.related-content div.relatedlinks h3.first
{
	padding-bottom: 0;
}

ul#article-toolbox-side
{
	background-image:none;
	padding-left: 0;
	padding-bottom: 10px;
	padding-top: 6px;
	margin-bottom: 3px;
	float: left;
	text-align: left;
	width: auto;
}

#article-toolbox-side li 
{
	display: inline; 
}

ul#article-toolbox-side li.last
{
	margin-right: 0;
}

ul#article-toolbox-side li a
{
	padding-left: 0;
	text-decoration: none;
}

#article-toolbox-side a.rollover:hover 
{
	background: #fff;
}

#article-toolbox-side a.rollover:focus 
{
	background: #fff;
	height: auto;
}

ul#article-toolbox-side li a.rollover span,
ul#article-toolbox-side li span
{
	position: absolute;
	left: -29px;
	top: -50px;
	display: none;
	width: 6.2em;
	text-align: center;
	color: #fff;
}

ul#article-toolbox-side li span
{
	line-height: 200%
}

ul#article-toolbox-side li a#printlink span,
ul#article-toolbox-side li a#sendlinkSidebar span
{
	line-height: 1em;
}

ul#article-toolbox-side li a.rollover
{
	position: relative;
	z-index: 1;
	display: block; 
	width: auto; 
	float: left;
	margin-right: 8px;
}

ul#article-toolbox-side li a#contactlinkSidebar
{
	margin-right: 0;
}

ul#article-toolbox-side li a.rollover:hover span
{
	display: block;
	background-color: #005689;
	background-image: url(images/triangle-rollover.gif);
	background-position: bottom center;
	z-index: 999;
	height: 3em;
	width: 6.2em;
	padding: 3px 0;
}

ul#article-toolbox-side li.resize
{
	border-top: 1px dotted; 
	display: block; 
	clear: both; 
	padding-top: 5px;
	margin-top: 6px; 
	width: 140px;
	display: block;
	float: left;
}

li.resize img
{
	vertical-align: middle;
	position: relative;
	top: -2px;
}

li.resize a
{
	font-size: 1.17em;
}

div#send-share-side div.send-inner,
div#send-email-side div.send-inner,
div#contact-side div.send-inner
{
	left: -310px;
}


/* Sitetools sidebar ends */

/* new commercial component starts */
div.slot-machine-two ul 
{
	float: left; 
	width: 280px;
}

div.slot-machine-two li 
{
	width:130px; 
	float: left; 
	overflow:hidden;
}

div.slot-machine-two li p
{
	clear: both;
}

div.slot-machine-two ul li.first,
div.slot-machine-two ul li.last,
div#reader-offers div.slot-machine-two ul li.first,
div#reader-offers div.slot-machine-two ul li.last
{
	clear: both; 
	border-top: 1px dotted #999;
	width: 280px;	
	padding-top: 5px;
	margin-bottom: 10px;
	font-weight: bold;
}

div#promo div.slot-machine-two ul li.first
{
	border-top: medium none; 
	font-family: Georgia; 
	padding-top: 0pt; 
	font-size: 1.116em; 
	margin-bottom: 15px;
}

div#promo div#reader-offers div.slot-machine-two ul li.first
{
	border-top: 1px dotted #999;
	font-family: arial, sans serif;
	padding-top: 5px;
	font-size: 1em;
	margin-bottom: 10px;

}

div#promo div.slot-machine-two ul li.last
{
	float: left;
}

div#reader-offers div.slot-machine-two
{
	clear: both; 
	border-top: none;
	padding: 0;
	margin-bottom: 0;
}

div.slot-machine-two li.odd
{
	margin-right: 20px;
}

div.slot-machine-two li image.mask
{
	padding: 0;
}

/* new commercial component ends */

div#promo div.latest-cif-posts div.byline a.container
{
	display: block;
	height: 56px;
	margin-bottom: 2px;
	margin-right: 10px;
	overflow: hidden;
	float: left;
}

div#promo div.latest-cif-posts div.byline a img
{
	margin-top: -2px;
}

div#promo div.latest-cif-posts h3#cp-scott-promo a
{
	background-image: url(images/cp-scott-promo.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	border-bottom: 1px solid #999;
	display: block;
	height: 59px;
	font-family: georgia, serif;
	font-size: 1.34em;
	text-decoration: none;
	width: 280px;
}

div#promo div.latest-cif-posts h4
{
	border-top: none;
	font-weight: bold;
	padding-bottom: 10px;
}

div#promo div.latest-cif-posts li.normal
{
	margin-left: 0;
	margin-right: 0;
}

div#promo div.latest-cif-posts li
{
	border-top: 1px dotted;
	padding-top: 6px;
	margin-bottom: 4px;
	width: 280px;
}

div#promo div.latest-cif-posts div.linktext
{
	margin-bottom: 0;
}

div#promo div.latest-cif-posts div.latest-comment
{
	border-top: 1px solid #999;
}

div#promo div.latest-cif-posts h3
{
	font-family: arial, sans-serif;
	font-size: 1em;
	margin-bottom: 0;
}

div#promo div.latest-cif-posts div.latest-comment h3,
div#promo div.latest-cif-posts div.latest-comment li
{
	padding-top: 4px;
	margin-bottom: 4px;
}

div#promo div.latest-cif-posts span
{
	background-color: transparent;
	display: block;
	float: none;
}

/*useful classes*/
.hidden
{
	display: none;
}

ul.alternative div.video-container
{
	float: left;
}

/* end of @media rule - hides from Mac ie5*/
}