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

img {
	border:none;
}

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

#skiplinks a,
#video-settings 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,
#video-settings a:active,
#video-settings a:focus
{ 
	position: absolute;
	width: auto;
	height: auto;
	border: 0;
	margin: 0;
	padding: 8px;
	background: #333;
	color: #fff;
	z-index: 10000;
}

#video-settings .not-cookied p
{
    position: absolute;
    left: -100em;
}
          /* ----------  skip-links.css ends here ----------- */
          /* ---------- velocity-errors.css starts here ---------- */
div#velocityerrors
{
	position: fixed;
	top: 60px;
	left: 20px;
	width: 50%;
}

div#velocityerrors li
{
	background-color: red;
	border: 1px solid black;
	color: white;
	font-size: 14px;
	font-family: monospace;
	padding: 5px;
	margin-bottom: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
          /* ----------  velocity-errors.css ends here ----------- */
          /* ---------- zone-navigation-base.css starts here ---------- */
/*
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;
}

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

/* --------------------- taken from base-typography.css ----------------------------------*/

#zones-nav
{
   line-height: 1;
}

#zones-nav
{
	font-family: georgia, serif;
	font-weight: normal;
	font-size: 1.333em;/*16px - this is IMPORTANT otherwise the rollover effect doesn't work */
}

#zones-nav #global-nav ul li,
#zones-nav #crumb-nav ul li,
#zones-nav #local-nav ul li
{
    white-space: nowrap;
}

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

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



/* TAKEN FROM color.css 
Zones Navigation
--------------------------------------------------------------------------------*/
#nav-bar a
{
  	 background-color: #ededed;
}

#zones-nav #local-nav ul li a
{
    color: #005689;
}

#zones-nav #nav-bar #crumb-nav ul,
#zones-nav #nav-bar #local-nav ul,
#zones-nav #nav-bar
{
  background-color: #ededed;
}

#zones-nav #global-nav ul li a,
#zones-nav #crumb-nav ul li a,
#zones-nav #local-nav ul li a
{
	border-right: 1px solid #bebebe;
}

/* Global link colours */
#header #wrapper #zones-nav #global-nav li a
{
    color: #333;
    background-color: #fff;
}

#header #wrapper #zones-nav #global-nav li a:focus,
#header #wrapper #zones-nav #global-nav li a:active,
#header #wrapper #zones-nav #global-nav li:hover,
#header #wrapper #zones-nav #global-nav li a:hover
{
    color: #fff;
    background-color: #333;
}

#global-nav li.news a
{
	color:#d61d00;
}

#global-nav li.news a:focus,
#global-nav li.news a:active,
#global-nav li.news:hover,
#global-nav li.news a:hover
{
	color: #fff;
	background-color:#d61d00;
}
#global-nav li.sport a
{
	color:#008000;
}

#global-nav li.sport a:focus,
#global-nav li.sport a:active,
#global-nav li.sport:hover,
#global-nav li.sport a:hover
{
 	color: #fff;
	background-color:#008000;
}

#global-nav li.comment a
{
	color:#0061a6;
}

#global-nav li.comment a:focus,
#global-nav li.comment a:active,
#global-nav li.comment:hover,
#global-nav li.comment a:hover
{
	color: #fff;
	background-color:#0061a6;
}
#global-nav li.culture a
{
	color:#d1008b;
}

#global-nav li.culture a:focus,
#global-nav li.culture a:active,
#global-nav li.culture:hover,
#global-nav li.culture a:hover
{
	color: #fff;
	background-color:#d1008b;
}
#global-nav li.business a
{
	color:#3246ab;
}

#global-nav li.business a:focus,
#global-nav li.business a:active,
#global-nav li.business:hover,
#global-nav li.business a:hover
{
	color: #fff;
	background-color:#3246ab;
}

#global-nav li.money a
{
	color:#8f1ab6;
}

#global-nav li.money a:focus,
#global-nav li.money a:active,
#global-nav li.money:hover,
#global-nav li.money a:hover
{
	color: #fff;
	background-color:#8f1ab6;
}
#global-nav li.life-style a
{
	color:#ad532f;
}

#global-nav li.life-style a:focus,
#global-nav li.life-style a:active,
#global-nav li.life-style:hover,
#global-nav li.life-style a:hover
{
	color: #fff;
	background-color:#ad532f;
}
#global-nav li.travel a
{
	color:#066ec9;
}

#global-nav li.travel a:focus,
#global-nav li.travel a:active,
#global-nav li.travel:hover,
#global-nav li.travel a:hover
{
	color: #fff;
	background-color:#066ec9;
}
#global-nav li.environment a
{
	color:#4a7801;
}

#global-nav li.environment a:focus,
#global-nav li.environment a:active,
#global-nav li.environment:hover,
#global-nav li.environment a:hover
{
	color: #fff;
	background-color:#4a7801;
}

#global-nav li a
{
	color:#333;
}

#global-nav li a:focus,
#global-nav li a:active,
#global-nav li:hover,
#global-nav li a:hover
{
	color: #fff;
	background-color:#333;
}

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


/* Navigation and zones crumb rollover 
   padding here to avoid view jump on load 
----------------------------------------------------------------*/
#zones-nav #crumb-nav ul li a
{
	border-right:none;
}

#nav-bar #crumb-nav #crumb1 a,
#nav-bar #crumb-nav #crumb2 a,
#nav-bar #crumb-nav #crumb3 a
{  
	padding-right:15px;
}
#nav-bar #crumb-nav #crumb2 a,
#nav-bar #crumb-nav #crumb3 a
{
  	padding-left:3px; /* total of 5px with bgimage */
}
#nav-bar #local-nav .first a
{
	padding-left:3px; /* total of 5px with bgimage */
}

#nav-bar #crumb-nav #crumb1 a.first-end,
#nav-bar #crumb-nav #crumb2 a.first-end,
#nav-bar #crumb-nav #crumb3 a.first-end
{
	background-position: 100% -13px;
}

#nav-bar #crumb-nav #crumb1 a.first-second,
#nav-bar #crumb-nav #crumb2 a.first-second
{
	background-position: 100% -316px;	
}

#nav-bar #crumb-nav #crumb1 a.first-end,
#nav-bar #crumb-nav #crumb2 a.first-end,
#nav-bar #crumb-nav #crumb3 a.first-end
{
	background:#d61d00 url(../images/rar.gif) right no-repeat;
}

#nav-bar #crumb-nav #crumb1 a:hover.first-end,
#nav-bar #crumb-nav #crumb2 a:hover.first-end,
#nav-bar #crumb-nav #crumb3 a:hover.first-end
{
	background:#000 url(../images/rab.gif) right no-repeat;
}




/*----------------------------------------------------------------*/
          /* ----------  zone-navigation-base.css ends here ----------- */
          /* ---------- footer.css starts here ---------- */
#footer
{
	float: none;
	clear: both;
	width: 100%;
	border-top-width: 10px;
	border-top-style: solid;
	padding-top: 4px;
	padding-bottom: 20px;
}

ul#footer-links,
ul#copyright-links
{
    line-height: 1.3;
    background-color: #fff;
}

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

ul#footer-links li,
ul#copyright-links li
{
    display: inline;
   	font-size: 11px;
}
          /* ----------  footer.css ends here ----------- */
          /* ---------- star-rating.css starts here ---------- */
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;
}

body.three-five-four-grid .rating-container
{
	position: relative;
	top: -10px;
}

body.three-five-four-grid .slot-machine .rating-container
{
    top: 0;
}
          /* ----------  star-rating.css ends here ----------- */
          /* ---------- tabs.css starts here ---------- */
#wrapper .tabs li
{
	width: auto; /* needed a more specific selector just for IE */
}

.tabs
{
	float: right;
	margin: 0 !important;
	position: relative;
	top: 1px;
}

.pane-wrapper
{
	clear: right;
}

.tabs li
{
	border: 0 !important;
	clear: none !important;
	float: left !important;
	margin-right: 3px !important;
	margin-bottom: 0 !important;
	width: auto !important;
}

.tabs li a
{
	background-color: #999 !important;
	color: white !important;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-style: solid;
	border-color: #999;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-radius-topleft: 4px;
	border-radius-topright: 4px;
	border-bottom: 1px solid #999;
	display: block;
	text-decoration: none;
	padding: 3px 7px;
}

.tabs li a:hover
{
	background-color: #666 !important;
	border-color: #666 !important;
	color: white;
}

.tabs li a.active
{
	background-color: white !important;
	border-bottom: 1px solid white;
	color: #333 !important;
	cursor: default;
}

.tabs li a.active:hover
{
	background-color: white !important;
	border-color: #999 !important;
	border-bottom: 1px solid white !important;
}
          /* ----------  tabs.css ends here ----------- */

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 gridlines never show through */
	position: relative;
}

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

#section-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
----------------------------------------------------------------------------------------*/
#guardian-logo {
	width:274px;
	height:60px;
}


#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, #guardian-logo a:focus,
{
	border:none;
	text-decoration:none;
	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-commented 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;
}

span#section-heading
{
	display: block;
}

div#heading.badged
{
	position: relative;
}

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

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


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

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
}

#section-contents p.description,
#promo h4,
#content .narrow,
#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:#ccc 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;
}

/*
Minimum heights all have their 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, #content p,
#promo,
.offers-place ul.horizontal
{
	padding: 0 0 5px 0;
	line-height:17px;
	font-size:14px;
	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: solid;
	padding-top: 5px;
}

#wrapper div#promo div.jobsbox form
{
	padding-top: 2px;
	margin-bottom: 15px;
}

div#promo div.jobsbox li
{
	border-top: 0;
}

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

div.jobsbox ul#jobs-box-usa
{
	padding-bottom: 0;
}

div.jobsbox p.attribution
{
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	padding-bottom: 14px;
	padding-top: 4px;
}

div#promo p.attribution
{
	width: 280px;	
}

p.attribution a
{
	float: left;
	display: inline;
	margin-right: 4px;	
}

p.attribution a img
{
	position: relative;
	float: right; 
	margin-right: 210px;
	top: -15px;
	left: 45px;
}

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

/* styles for body class trailblock-page, refact */
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
}
/* styles for body class trailblock-page, refact */

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

#section-contents,
#promo,
#section-selector,
#sitesearch,
#web-search,
#banner-ad,
#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,
div#sub-header ul.links,
ol.odd,
#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.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,
body#feature-trailblock #box h2,
#related #biography h2,
#article-header #biography h2,
body.audio div#more-in-audio-series h2,
body.contributor #box #supporting-info h2,
#related h2
{
	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,
#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,
body.configurable #box #content li.major-heading h2
{
	border-top-width: 10px;
	border-top-style: solid;
}

body.configurable #box #content li.major-heading h2
{
	margin-bottom: 0;
}

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

#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.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,
#reader-offers li.even
{
	margin-left: 20px;
}

#box
{
	clear: left;
}

#also-on
{
	clear: both;
	border-top: 1px solid white;
}

legend
{
	position: relative;
}

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

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

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

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

ul.pagination li.last
{
	text-align: right;
}

#also-on
{
	overflow: hidden;
}

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

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

#promo .capsule
{
	overflow: hidden;
}

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

ul.user-details li#mobile
{
    border-left: none;
}

#promo h2
{
	padding-top: 10px;
}

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

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

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

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

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

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

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

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

/* Find an IFA form  */

div#promo div#find-ifa form
{
	margin-top: 0;
}

div#find-ifa form  h4
{
	margin-bottom: 15px;
}

div#find-ifa .capsuleform div
{
	width: 140px;
	float: left;
	clear: left;
}

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

div#find-ifa .capsuleform div.text-input-row,
div#find-ifa .capsuleform div.submit
{
	float: right;
}

div.ifa-solicitor
{
	display: none;
}

div#find-ifa .capsuleform div.submit
{
	clear: none;
}

div#find-ifa .capsuleform div.text-input-row label
{
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}



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

.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
{
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
    border-style: solid;
    border-width: 1px;
}

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,
.directory-place .index p,
ul.pagination,
div#other-blogs ul li.image
{ 
	border-top-width: 1px;
	border-top-style: dotted;
}

#wrapper #box #content ul li div.media-above div.linktext h3,
#wrapper #box #content ul li div.media-above div.linktext h2,
body.front #wrapper #section-contents .bookshop-books ul.books li.odd,
body.keyword-page #content ul li.wide div.media-above
{
	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("130x120-borderless.gif"/*tpa=http://static.guim.co.uk/static/79629/common/styles/wide/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,
div#sponsored-jobs-promo li.image div.job-button
{
	background: #fff url("140x140-border-mask.gif"/*tpa=http://static.guim.co.uk/static/79629/common/styles/wide/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("130x130-border-mask_promo.gif"/*tpa=http://static.guim.co.uk/static/79629/common/styles/wide/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,
div#content div#sponsored-jobs ul.tri li.normal div.job-text,
div#content 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;
}

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

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

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

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

ul.pagination
{
	padding: 3px 0;
}

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

#wrapper #box ul.pagination li.first,
#wrapper #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
}

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

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

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

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("icon_audio_feed.gif"/*tpa=http://static.guim.co.uk/static/79629/common/styles/wide/images/icon_audio_feed.gif*/) left top no-repeat;
}

a.subscribe-rss
{
	padding-left: 20px;
	background: url("icon_rss.gif"/*tpa=http://static.guim.co.uk/static/79629/common/styles/wide/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;
}

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

div.page
{
	display: none;
}

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

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


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

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;
	margin-bottom: 3px;
}

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

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

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

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("icon_bullet.gif"/*tpa=http://static.guim.co.uk/static/79629/common/styles/wide/images/icon_bullet.gif*/);
	background-position: 0 50%;
	text-indent: 17px;
	padding-top: 0;
}

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

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

/* ad slot in bottom promo ends */

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

p.ip_logged {
	margin-top: 6px;
}

div#wrapper div#box img.image-badge
{
	border-bottom-width: 3px;
	border-bottom-style: solid;
}

body.series-index div#wrapper div#box img.image-badge,
body.special div#wrapper div#box img.image-badge,
body.keyword-page div#wrapper div#box img.image-badge
{
	border-bottom: none;
}

h3.combiner-more-on
{
	margin-bottom: 10px;
}

ins
{
	text-decoration: none;
	font-style: italic;
}

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

.trailtext img {
	/*display:none;
	width:300px;*/
}

.mainnew img {
	width:300px;
}

#login_form
{
   	position: absolute;
	width: 24%;
	left: 38%;
  	top: 85px;
  	background: #fff;
	border:solid #eee 5px;
	display: none;
  	z-index: 99;
    overflow: hidden;
}

#login_form #border
{
   border:1px solid #c4c4c4;
   padding:15px;
}

#login_form a
{
	font:11px Tahoma, Verdana;
	text-decoration: none;
	color:#2887c3;
}

#login_form a { text-decoration: underline; }
#login_form a:hover { text-decoration: none; }

.linktext {
	font-size:12px;
}

.first-end {
	background:#fff;
}

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

#related ul li {
	list-style:none;
	margin-left:30px;
}

.dopmenu a:hover {
	background:#000;
}