/* ---------- skip-links.css starts here ---------- */
#skiplinks ul,
#skiplinks li
{
    margin: 0;
    padding: 0;
}

#skiplinks li
{
	list-style-type: none;
	display: inline;
}

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

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

          /* ----------  skip-links.css ends here ----------- */

/*
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
{
	background-color: white;
}

* 
{
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

img[align]
{
	float: left;
}

#wrapper
{
	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;
}

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

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

.splash
{
	margin-bottom: 10px;
}

div#box div#page-header p.snap
{
	margin-bottom: 0;
}

/*
Header
----------------------------------------------------------------------------------------*/

#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
{
   padding: 0;
   margin: 0;
}

/* RSS Feeds */
a.feed
{
	margin-left: 5px;
}

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;
	min-height: 3.5em;
	padding-bottom: 25px;
	width: 940px;
}

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

div#heading.badged
{
	position: relative;
}

div#heading.badged h1#section-heading
{
	float: none;
}

div#heading.badged a.feed
{
	position: absolute;
	left: 0;
}


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

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

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

#zones-nav
{
	padding-bottom: 10px;
	width: 940px;
	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;
    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;
	width: auto;
}

/* 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;
}

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

span.embed span.caption
{
	margin-top: 5px;
}

#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,
#stand-first,
#section-tools h2,
#promo .tips h3,
#promo .capsule p
{
	margin: 0
}

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

#section-contents p.description,
#promo h4,
.jump-related,
#content .narrow,
#promo .editorial-pick-small p,
#promo .editorial-pick p,
#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,
#global-jobs form,
#promo .deal img,
#promo .reader img,
#promo .tips h4,
#promo .jobs h4,
#promo .capsule form,
#promo .results h4,
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;
}

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

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

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

a img,
#section-contents ul.tips ul.credit li,
fieldset
{
	border: none;
}

ul,
ol,
#content li.horizontal
{
	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-width: 1px;
	border-top-style: solid;
}

#promo div.sponsored-features ul.tri li.normal
{
	border-top: 0;
}

#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
{
	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.all-authors div#wrapper div#box #section-contents ul.trailblock li.normal
{
	margin-top: 15em;
	margin-left: 0;
}

body.all-authors div#wrapper div#box #section-contents ul.trailblock li.first
{
	margin-top: 0;
}

div#other-blogs div.pictureurl
{
	margin-bottom: 4px;
}

#content > p.drop:first-letter
{
	float: left;
	height: auto;
	margin-right: 4px;
}

span.drop
{
	display: block;
	width: auto;
	float: left;
	margin-top: 4px;
	height: auto;
	margin-right: 2px;
}

#content > p.q:first-letter,
span.q
{
	margin-right: 2px;
	margin-top: -3px;
}

/*
Minimum hights all have height set in ie.css
----------------------------------------------------------------------------------------*/
body.offers-place #promo
{
	margin-top: 78px;
}

body.offers-place #content ul.pagination
{
	margin-bottom: 0;
}

body.offers-place div#content ul.page-n li.first
{
	padding-top: 20px;
}

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
{
	padding-bottom: 20px;
	position: relative;
	min-height: 68px;
}

.offers-place #article-header
{
	padding-bottom: 10px;
}

/* 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-width: 1px;
	border-top-style: 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-width: 1px;
	border-top-style: 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,
#mpu
{
	float: right;
}

#content .narrow,
#content ul li div.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,
.auto-trail-block .trailtext a.mask,
ul.editable-area .trailtext a.mask
{
	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 #supporting-info h2,
#related h2,
#additionals #listings-search h3
{
	border-top-width: 10px;
	border-top-style: solid;
	margin: 0 0 14px 0;
	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*/
}

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

#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 div.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,
body.other #box #content li.major-heading h2,
#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;
	float: none;
	clear: both;
	width: auto;
}

#content li.horizontal
{
	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,
.auto-trail-block .trailtext a.small img,
.trailblock .trailtext a.small img.mask
{
	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 li.horizontal,
ul.directory li,
ul.user-details li,
ul.commercial-links li,
ul#footer-links li,
ul.pagination li,
.auto-trail-block .trail-text p,
.auto-trail-block .trailtext 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,
#header,
ul.trail img,
.commercial #promo .capsule
{
	padding: 0;
}

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

#promo .sponsored-features ul li.major-heading h2,
#related #keyword-continued h3
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;
}

/*
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
{
	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
}

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

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

}

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

#section-selector
{
	position: absolute;
	top: 8px;
	right: 3px;
}

#section-selector input,
div.jobsbox input.submit
{
	min-width: 2.1em;
}

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

ul.user-details
{
    margin-bottom:10px;
	width: 675px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 19px;
}

ul.user-details li
{
	border-left:1px solid;
	padding-right:5px;
	padding-left:5px;
}
ul.user-details li.first
{
	border: none;
}

ul.user-details li#larger
{
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 30px;
}

ul.user-details li#larger a
{
	padding-left: 4px;
}

#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-width: 10px;
	border-top-style: solid;
	padding: 4px 10px 10px 10px;
}

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

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

#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: 13px;
}

.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,
div#section-contents ul.feed-latest 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
}

.javascript-on
{
	display: none;
}
/*
Forms
------------------------------------------------------------------------------*/


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

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

#search #web-search #go-guardian
{
	min-width: 4em;
}

#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;
}

#listings-search fieldset
{
	border-top: 1px dotted #999;
	margin-top: 0px;
	padding: 8px 0;
	text-align: right;
}

#listings-search input[type="text"]
{
	width: 146px;
}

#listings-search input#listings-postcode
{
	width: 116px;
}

#listings-search select
{
	width: 150px;
}

#onsite #listings-search input[type="text"],
#onsite #listings-search select,
#additionals #listings-search input[type="text"],
#additionals #listings-search select
{
	width: 100px;
}

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

#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
}

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,
#promo div#other-blogs ul li.normal,
#promo div#other-blogs div.pictureurl img
{
	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;
}

#content .sponsored-jobs ul.tri li.image.last
{
	margin-right: 0;
}

#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.books
{
	overflow: hidden;
}

ul.vertical-links
{
	border-top-width: 1px;
	border-top-style: 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#promo div.single li
{
	float: none;
	width: auto;
}

div#promo .slot p.linktext,
div#promo div.single li.odd
{
	border-top-width: 1px;
	border-top-style: 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
--------------------------------------------------------------------------*/

.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,
ul.all-articles li,
#top-table .trail-text,
#top-table form,
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,
ul.pagination,
div#other-blogs ul li.image,
#wrapper #box #content ul#main-trailblock li.wide div.media-above h3
{
	border-top-width: 1px;
	border-top-style: dotted;
}

#wrapper #box #content ul.auto-trail-block li .media-above,
#wrapper #box #content li div.media-above h3,
#wrapper #box #content .media-above,
body.front #wrapper #section-contents .bookshop-books ul.books li.odd
{
	border: none;
}

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

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,
#promo div#sponsored-features ul.trail li.image,
body.front div.commercial div#sponsored-features ul.trail li.image,
#content ul.auto-trail-block li.wide,
div.slot p.services,
.sponsored-features ul.tri li
#section-contents div.todayspaper ul.sublinks li.first,
#content ul.auto-trail-block li.first.wide,
div#section-contents ul.vertical-links li.vertical,
#promo ul.find-that-job li h4,
div#promo div.eat-right-promo div#eat-right h4,
#content ul li.wide
{
	border-top: none;
}

#related #fact-box h2,
ul.pagination,
ul.no-pic,
#article-header #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;
	overflow: hidden;
	width: 130px;
	margin-bottom: 0;
}

div.book-cover-default
{
	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;
}

div#promo div#sponsored-jobs ul.tri li.normal
{
	width: 130px;
	padding-top: 5px;
	border: 0;
	float: left;
	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;
}

/* video display noscript replacement div */
#videoPaneNoscriptReplacement
{
	width: 480px;
	height: 360px;
	background-color: black;
}

/*
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;
	margin-right: 0;
}

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

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

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

#toolsAndInfo
{
	width: 140px;
	background-color: #fff;
	position: fixed;
	top: 20px;
	left: 20px;
}

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

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

ul.pagination
{
	padding: 3px 0;
}

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

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

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

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

#print-logo
{
	display: none;
}

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

#gu-now ul h3
{
	border-top: 1px dotted #999;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 3px;
}

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

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

div#gu-now
{
	clear: left;
}

body.cif div#gu-now
{
	clear: none;
}

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

#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;
}

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;
	width: 145px;
}

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

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

#find-a-property div p label,
#listings-search label
{
	float: left;
	padding-top: 3px;
}

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

#find-a-property div input#searchnow
{
	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 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.keyword-page form#stock-search-form p#stock-search-input input#query,
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;
}

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-width: 1px;
	border-top-style: 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#related li.major-heading h3,
body.reuters div#related div#stock-search-narrow h3,
body.money div#stock-search-narrow h3
{
	border: 0;
	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;
	margin-bottom: 0;
}

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

div#company-stock-display span
{
	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
{
	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;
}

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;
}

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

/*
Top Table

-----------------------------------------------------------------------------*/
#top-table #top-table-search
{
	width: 200px;
	margin-bottom: 10px;
}

#promo #top-table form
{
	padding-right: 60px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#top-table .trail-text
{
	padding-top: 5px;
}

#top-table select
{
	width: 145px
}

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

div.page
{
	display: none;
}

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

/*Badging no-microsite pages*/
body.has-badge div#page-header.badge-wrapper,
body.has-badge div#box div#page-header.badge-wrapper
{
	padding-bottom: 9px;
}

body.keyword-page div#article-header.badged
{
	padding-right: 0;
}

body.article  div#wrapper div.badge-wrapper,
body.competition  div#wrapper div.badge-wrapper,
body.gallery  div#wrapper div.badge-wrapper,
body.interactive  div#wrapper div.badge-wrapper,
body.audio  div#wrapper div.badge-wrapper,
body.cartoon  div#wrapper div.badge-wrapper,
body.poll  div#wrapper div.badge-wrapper,
body.quiz  div#wrapper div.badge-wrapper,
body.table div#wrapper div.badge-wrapper,
body.video  div#wrapper div.badge-wrapper
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-bottom: 9px;
	margin-bottom: 9px;
}

body div#wrapper div.badge-wrapper div.badge
{
	background-color: #fff;
	position: relative;
	width: 620px;
	height: auto;
}

body.video div#wrapper div.badge-wrapper div.badge
{
	width: 940px;
}

body.gallery div#wrapper div.badge-wrapper div.badge
{
	width: 790px;
}

body.beautiful-boss div#wrapper div.badge-wrapper div.badge,
body.interactive div#wrapper div.badge-wrapper div.badge
{
	width: 940px;
}

body.keyword-page div#wrapper div.badge
{
	width: auto;
}

body div#wrapper div#box div.badge h1,
body div#wrapper div.badge h1
{
	margin-bottom: 15px;
	margin-top: 0;
	width: 300px;
	min-height: 68px;
	position: relative;
	z-index: 100;
	padding-left: 0;
	padding-top: 0;
}

body div#wrapper div#box div.badge h1.heading-edited,
body div#wrapper div.badge h1.heading-edited
{
	min-height: 40px;
}

body div#wrapper div.badge a.feed
{
	float: none;
	clear: both;
	margin-left: 0;
}

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;
	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: 1em;
}

body.other div.badged a.feed,
body.keyword-page div.badged a.feed,
body.series-index div.badged a.feed,
body.special div#wrapper div.badge a.feed ,
body.keyword-sponsored div#wrapper div.badge a.feed,
body.other div.badge a.feed,
body.keyword-page div.badge a.feed,
body.series-index div.badge a.feed
{
	top: 0;
	position: static;
}

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

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 div.weather-unit
{
	border-bottom: 1px dotted;
	clear: both;
	overflow: hidden;
	padding-top: 3px;
	padding-bottom: 5px;
}

div#weather div.first
{
	border-top-width: 1px;
	border-top-style: 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;
	padding-bottom: 3px;
	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 */

/*
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 */

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;
}

/* 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-width: 1px;
	border-top-style: 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-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;
	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
{
	padding: 4px 0;
	margin-bottom: 10px;
	border-top: none;
}

div#find-job-container
{
	overflow: hidden;
	display: inline;
	float: left;
}

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;
}

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

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

div#promo ul.find-that-job li.header
{
	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;
}

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  */

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

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

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

div#promo div#global-jobs div
{
	margin-bottom: 0;
}

div#promo div#global-jobs>div
{
	padding-bottom: 10px;
}

/* HERE BE POTENTIAL EVIL */

div#promo div#intrusive
{
	display: inline;
}

div#promo div#intrusive img.ad-placeholder
{
	display: none;
}

/* HERE ENDETH THE POTENTIAL EVIL */

div#content blockquote
{
	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;
}

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

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

/* related 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#reader-offers div.slot-machine-two ul li.first
{
	clear: both;
	width: 280px;
	border-top: 1px dotted #999;
	padding-top: 5px;
	margin-bottom: 10px;
}

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

div#promo div#reader-offers div.slot-machine-two ul li.first
{
	border-top: 1px dotted #999;
	padding-top: 5px;
	margin-bottom: 10px;
}

div#promo div.slot-machine-two ul.footer-heading 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 ul li.first,
div.slot-machine-two ul li.last
{
	clear: both;
	width: 280px;
}

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

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

div#promo div.garden-centre li img
{
	margin-bottom: 5px;
}

div#promo div.garden-centre li.first h3
{
	padding: 0;
	margin: 0;
}

div#promo div.slot-machine-two ul.footer-heading
{
	border-top: 1px dotted #999;
	margin-top: 10px;
	padding-top: 5px;
}

/* Shopping Reader offers */

body.front div.reader-offers ul.readers-offer-front li img
{
	width: 140px;
	height: 95px;
}

div#promo div.reader-offers li img
{
	float: left;
	margin-right: 15px;
	margin-bottom: 3px;
	width: 130px;
	height: 88px;
}

div#promo div.reader-offers div.links
{
	padding-top: 10px;
	clear: both;
}

div#promo div.reader-offers ul.reader-offers-links
{
	padding-top: 5px;
	border-top: 1px dotted #999;
	list-style-type: none;
}

div#promo div.reader-offers ul.reader-offers-links li
{
	background-image: url(images/icon_bullet.gif);
	background-position: 0 50%;
	text-indent: 17px;
	padding-top: 0;
}

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;
	width: 280px;
}

div#promo div.latest-cif-posts h4
{
	border-top: none;
	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-width: 1px;
	border-top-style: 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
{
	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;
	float: none;
}

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

ul.alternative div.video-container
{
	float: left;
}
.pluck-off-error
{
	display: none;
}

body.other #promo #most-viewed-blog h2
{
	padding-top: 3px;
}

body.other div#promo div#most-viewed-blog-1
{
	margin-top: 0;
}

/* eat right component styles */

div#eat-right
{
	clear: left;
	width: 140px;
	margin-bottom: 20px;
}

div#eat-right h4
{
	padding-top: 3px;
	padding-bottom: 3px;
}

div#eat-right fieldset
{
	border-top-width: 1px;
	border-top-style: dotted;
	padding-bottom: 5px;
	padding-top: 0;
}

div#eat-right select
{
	margin-top: 2px;
	margin-right: 2px;
	min-width: 45px;
}

div.eat-right-promo div#eat-right
{
	float: left;
	width: 130px;
	margin-right: 20px;
}

div.eat-right-promo div.sponsored-features
{
	float: left;
	width: 130px;
	margin-top: 10px;
}

div.eat-right-promo form
{
	margin-top: 0;
}

div#promo div.eat-right-promo div.sponsored-features li.normal
{
	margin-right: 0;
}
/* end eat right */

div#latest-reviews ul
{
	width: 130px;
	float: left;
}

div#latest-reviews ul#first-review
{
	margin: 0 20px 10px 0;
}

div#latest-reviews ul#first-review li.image h4
{
	border-top: 0;
}

div#latest-reviews ul li.review
{
	float: left;
	margin-bottom: 10px;
}

div#latest-reviews ul li.heading h4
{
	margin-top: 0;
}

div#latest-reviews ul li.star-rating div.rating-container div
{
	margin: 0;
}

div#latest-reviews a#more-reviews-link
{
	display: block;
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	padding: 2px 0;
	width: 100%;
}

/* ad slot in bottom promo */
body.front div#promo div.advertiser-links
{
	margin-right: 0;
	clear: right;
}

/* ad slot in bottom promo ends */

div.rating-container,
#promo div.rating-container
{
	height: 13px;
	margin-bottom: 4px;
	width: 68px;
}

body.front div.rating-container
{
	position: relative;
	margin-bottom: 11px;
}

body.network #wrapper div.rating-container
{
	position: relative;
	top: -3px;
	margin-bottom: 7px;
}

ul#auto-trail-block div.rating-container, 
ul#main-trailblock div.rating-container 
{
	position: relative;
	top: -6px;
	margin-bottom: 2px;
}

div.numbered-list span.count
{
	display: inline;
	padding-right: 0.2em;
}

div.numbered-list div.strap
{
	display: inline;
}

div.numbered-list li
{
	padding-bottom: 4px;
	padding-top: 2px;
}

/* sub and sup styling starts */

sup,
sub
{
	vertical-align: 0;
	position: relative;
}

sup
{
	bottom: 0.8ex;
}

sub
{
	top: 0.6ex;
}

/* sub and sup styling ends */

/* do not remove this, it is purposefully eye-watering */

div#velocityerrors
{
	position: fixed;
	top: 60px;
	left: 20px;
	width: 50%;
}

div#velocityerrors li
{
	background-color: red;
	border: 1px solid black;
	padding: 5px;
	margin-bottom: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

p.ip_logged {
	margin-top: 6px;
}
	
/* end eye-watering */

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