/* ---------- base.css starts 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
{
	font-size: 100%;
	color: black;
	background-color: white;
	font-family: arial, sans-serif;
}

/*
font-families, also see top of file for default font-family
----------------------------------------------------------------------------------------*/
body,
html,
h2#strap,
div.linktext h3
{
	font-family: arial, sans-serif;
}

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

body.front #content .first ul#main-trailblock li.wide .trailtext 
{
	font-family: georgia, serif;
}

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


a#larger
{
	padding: 2px 0 3px 30px;
	background-position: 12px 0;
	background-image: url(/images/icon_textsize.gif);
}

a#sign-in
{
	padding: 2px 0 3px 20px;
	background-image: url(images/icon_userinfo.gif);
}

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

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

* 
{
	padding:0;
	margin:0;
}

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

#wrapper
{
	font-size: 0.75em;/* 12px at default font size */
	line-height: 1.250;/* 15px at default font size 15/12 */
	width: 940px;
	margin: auto;
	padding:8px 0 0 10px;
	position: relative;
}

h1,
h2.major-heading
{
	font-size: 2.2em;/* 26px */
	font-weight: normal;
	line-height: 1.2;
}

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

body.front #content .first ul#main-trailblock li.wide .trailtext .splash,
body.front #content .first ul#main-trailblock li.wide .linktext h3
{
	font-size: 1.5em;/* 18px */
	line-height: 1.2;
}

body.front #content .first ul#main-trailblock li.wide .linktext h3
{
	margin-top: 0px;
}


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

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

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

#content ul li h2,
#content ul li h3,
#content li.trail-strap h3,
body.front #content .first ul#main-trailblock li.portrait .trailtext .splash,
body.front #content .first ul#main-trailblock li.portrait .linktext h3
{
	font-size: 1.333em; /* 16px */
	font-weight: normal;
}

.splash
{
	margin-bottom: 10px;
}

#stand-first,
body.other #content
{
	line-height: 1.44;/* 17px at default font size */
}

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

#wrapper #header #nav ol,
#wrapper #header #nav h3
{
	font-size: 1.25em;/* 15 px */
}

#wrapper #header #nav ul,
#wrapper #header #secondarynav ul
{
	font-size: 1.3em;/*16px*/
}

#secondarynav ul 
{color: #999999}

#wrapper #header #nav ul a,
#wrapper #header #secondarynav ul a
{
	font-size: 0.95em;/* 15px */
}

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

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



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


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




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

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

#header
{
	font-size: 0.8333em;/* 10px */
}

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

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

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

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

#section-contents p.description,
#promo h4,
.jump-related,
#content .narrow,
#promo .editorial-pick-small p,
#promo .editorial-pick p,
#yahoosm ul.links,
#edited-offers li a.caption,
.front #content .cols ul li,
.front #content .reader-tips ul.tips li,
ul.trailblock li.portrait .linktext,
body.offers-front #box #content ul.auto-trail-block li.last
{
	padding-top: 3px;
}

#section-contents p.description,
#content ul.trail h2,
#content ul#main-trailblock li.major-heading,
.front #content .first #main-trailblock li ul
{
	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,
body.front #promo div.capsule
{
	margin-top:0;
}

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

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

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

#topslot,
#gulogo
{
	margin-top: 10px;
}

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

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

#article-header h2#strap
{
	padding-bottom:8px;
}

a
{
	text-decoration: none
}

a:hover
{
	text-decoration: underline
}

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

ul,

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

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

#secondarynav ul {
	margin-bottom:1px
}

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

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


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

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


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

}

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

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

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

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

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

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

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

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

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

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

/* end that bit */

a.feed
{
	position: absolute;
/*	left: 480px;
	top: 1.55em;
	top: 1.20em;*/
	display: block;
	width: 140px
}

a.feed
{
	left: 480px;
	top: 1.20em;
}

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

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

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

#article-header
{
	clear: left;
}

#article-sub-header,
#article-header
{
	padding-top: 8px;
}

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

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

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
}

#header
{
	border-bottom: 10px solid;
}

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

body.front #content
{
	width: 780px;
}

ul.after,
#box,
body.offers-front #content,
body.offers-front #box #content ul.auto-trail-block li.last
{
	width: 620px;
}

div.jobsbox p.find-a-job
{
	position:relative;
	top:10px;
	border-top: 1px dotted;
	padding-bottom:10px;
}

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

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

body.trail-block-page #box #content ul.alternative li.normal.wide,
.front #content .reader-tips ul.tips li ul.credit li
{
	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
}

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


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

.offers-front li.normal
{
    float: none;
    width: auto;
}

#content .narrow,
#content ul li p.trailText img,
.trailtext img.image-in-trail,
body.triplet #content,
.col,
#box,
#logo,
#gulogo,
ul.viewer li,
div#sub-header ul.links,
body.front div.reader-tips,
ol.odd,
.offers-front #main-trailblock li.image,
body.offers-front #wrapper #promo ul.split
{
	float: left;
}


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

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

#section-contents,
#content p span.pullout,
ul.viewer li,
ul.trailblock li.portrait h3,
body.offers-front #wrapper #promo ul.even,
body.offers-front #wrapper #promo ul.split,
ul.trailblock li.portrait .trailtext,
ul.trailblock li.portrait .linktext
{
	width: 140px;
}

body.front #content h1,
#section-contents h2,
#content h2,
.auto-trail-block li h2,
.triplet .capsule h2,
#keyword-nonplace-combiner h3,
.late-offers-front #content li.minor-heading h2,
.commercial #promo .capsule h2,
.network div#main-offers div.ed-zone h2,
.network div.also-offers h3, h3#offers-heading
{
	border-top: 2px solid;
	margin: 0 0 16px 0;
	font-weight: bold;
	padding-top: 3px; 
}

.late-offers-front #content li.minor-heading /*FF bugs - not showing border for some reason without this rule */
{
	border-bottom:1px solid #fff !important;
}

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,
body.front #wrapper #content .commercial ul li.more-auctions,
#section-contents .capsule
{
	margin-bottom: 20px; /* was top watch out for breakage*/
}

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

body.front #content .reader-tips ul li ul li.date,
body.front #wrapper .commercial div.cols ul li
{
	margin-bottom:10px;
}

body.front .commercial div.cols
{
	padding-bottom:10px;
}

body.front #content ul#main-trailblock li,
.double-spread .capsule ul.tri li.major-heading
{
	margin-bottom:0;
}

body.front #content ul#main-trailblock li ul li
{
	margin-bottom:10px;
}

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

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

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

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

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

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

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

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

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

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

body.offers-front #box #content ul.auto-trail-block li ul
{
	padding-bottom:0;
}

body.offers-front #box #content ul.auto-trail-block li
{
	width:auto;
	float: left;
	border-top:0;
}

body.offers-front #box #content ul.auto-trail-block li ul.sublist
{ 
	float: left; 
	width:620px;
}

#frontskyscraper
{
	margin-right:40px;
}

body.offers-front #box #content ul.auto-trail-block li ul.sublist li
{ 
	float: left; 
	width:140px;
	clear:none;
	margin-right:20px;
	border-top:1px dotted;
}

body.offers-front #box #content ul.auto-trail-block li ul.sublist li.last
{ 
	margin-right:0;
}

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

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

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

body.front li.wide div.linktext h3,
body.front #main-trailblock li.portrait div.linktext
{
	margin-top: 0;
}

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

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

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

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

#section-contents ul.tips ul.credit li,
ul,
ol,
fieldset,
legend,
#skiplinks ul,
#skiplinks li,
#header,
ul.trail img,
.commercial #promo .capsule,
body.front #wrapper #section-contents .first .capsule li.major-heading,
body.front #promo div#edited-offers,
body.front #wrapper #section-contents .capsule #editor-zone-3 li.major-heading
{
	padding: 0;
}

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

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

div.commercial p.slotfooter
{
	margin:10px 0;
}


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

body.triplet #content,
.col,
#logo,
#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;
}

body.front #promo
{
	width: 940px;
	clear: both;
}

body.front div.reader-tips
{
	width: 320px
}

body.late-offers-front #content
{
	width: 460px
} 

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

.offers-front ul.auto-trail-block li
{
	float: left;
	width: 140px;
}

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

#box
{
	clear: left;
}

body.front #box
{
	width: 780px
}

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

legend
{
	position: relative;
}

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

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

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

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

#logo
{
	margin-bottom:0 !important;
}

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

#gulogo
{
	width: 120px;
}

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

#topslot
{
	width: 728px;
	text-align: right;
	line-height:0;
}

#topslot div
{
	float: right
}

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

ul.viewer img
{
	display: block
}

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

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

/* ul.controller is also styled in the js on section, also stop ads from breaking the layout */

#also-on-sect,
#also-on,
#also-on ul.viewer
{
	overflow: hidden;
}

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

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

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

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

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

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

body.front #promo .capsule
{
	width: 300px;
	float: left;
	margin-right: 20px;
	margin-top: 0;
}

body.front #promo .capsule .capsule
{
	margin-left:0;
}

body.front #promo div.capsule
{
	padding: 3px 0px 0px 0px;
}

body.front #promo #yahoosm .capsule
{
	margin-right: 0
}

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

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

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

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

ul.user-details,
#promo h2
{
	padding-top: 3px;
}

#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,
body.front #main-trailblock li.portrait div.linktext
{
	padding-top: 0;
}

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

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

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

/*
tertiary section navigation
------------------------------------------------------------------------------*/
#sitesearch,
#footer,
ul.pagination li.first
{
	text-align: left;
}

#sitesearch input {
	vertical-align: baseline;
}

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

input.text
{
	width: 90px
}

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

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

.child-keyword li,
#section-contents ul.keywords li,
#keyword-continued li.normal,
#keyword-continued-continued li.normal,
.commercial #promo .ed-zone li,
#section-contents ul.tips li,
body.front #wrapper #section-contents .capsule ul.tri li
{
	padding:3px 0 5px 0;
}



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

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

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

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

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

/*
Forms
------------------------------------------------------------------------------*/
#web-search
{
	clear: right;
	position: relative;
	border-bottom: 2.5em solid white;
}

#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: 170px; /* the jobs box search field */
}

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

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


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

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

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

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

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

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

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

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

body.front div.reader-tips,
.offers-front #main-trailblock li.odd
{
	margin-right: 20px;
}

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

#promo .editorial li,
body.front .first #main-trailblock ul.column
{
	margin-bottom: 5px
}

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

.front #promo li a.caption
{
	width:150px;
}

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

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

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

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

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

.capsule form
{
	clear: left
}

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

ul.books
{
	overflow: hidden;
}

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

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

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

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

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

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

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

#yahoosm ul.links,
.keywords li,
.child-keyword li,
#promo h4,
#related-info .trail ul li,
#section-contents li,
body.other #box #content h2,
#related #keyword-continued .minor-heading h2,
body.front #content ul li.major-heading h2,
#related .ed-zone li,
ul.trailblock li.portrait h3,
.front #content .reader-tips ul li,
.front #content .cols ul.auctions li.even,
ul.trailblock li.portrait .linktext,
ul.trailblock li.portrait .linktext h3,
body.front li.more-auctions,
body.offers-front #box #content ul.auto-trail-block li.last
{
	border-top: 1px dotted;
}

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,
.offers-front #promo ul.normal li
{
	border-top: 1px dotted
}

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

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

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

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

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

div.book-cover
{
	background-image:  url(file:///H|/Documents%20and%20Settings/Nick/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/SAKMOIDZ/images/130x120-borderless.gif); 
	padding: 10px 0; 
	text-align: center; 
	overflow: hidden; 
	width: 130px; 
	height: 110px;
}

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

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

/* Video pixie 

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

body.front #content div.news div.caption h2
{
	font-size: 1.333em;
}


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


body.front #content div.news div.caption
{
	height:3.420em;
}


body.front #content div.news div.localvideo
{
	height:4.167em
}






/* video pixie styling ends */

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

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

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

li.image p a
{
	display: inline
}

li.image div.trailtext
{
	position: static
}

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

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

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

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

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

#toolsAndInfo 
{
	clear: left;
	width: 100%;
}

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

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

ul.pagination li,
body.late-offers-front #section-contents .tri li.image h3
{
	font-weight: bold
}

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

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

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

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

#content ul#article-toolbox li a
{
	padding-left: 20px;
}

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

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

#print-logo
{
	display:none;
}

ul.sub-list
{
	margin-top: -20px
}

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

#topslot
{
	min-height: 90px;
}

#yahoosm_loader
{
	font-size: 0;
}

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

body.front #content ul.tips li
{
	width: 140px;
	float: left;
	margin-left: 20px
}

body.front #content .commercial div.cols li
{
	width: 140px;
	float: none;
}

body.front #content ul.tips li li
{
	margin: 0
}

body.front .commercial
{
	clear: left;
}

body.front #content .commercial div.cols li
{
	margin-left: 0
}

body.front #content .commercial div.cols li.major-heading
{
	margin-bottom: 0
}

body.front #wrapper div.cols .auctions li
{
	margin-left: 0;
	width: 140px;
}

body.front #content .reader-tips ul.tips li.last
{
	float:right;
}

body.front ul#also-on-travel li ul li
{
	margin-bottom:20px;
}

body.front ul#also-on-travel li,
body.front .commercial .cols
{
	margin-bottom: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:0px;
}

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

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

ol.az-trips
{
	float: left;
}

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

body.front #promo .commercial
{
	clear: none;
}

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

#video-player 
{
	float: right	
}

/* 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
{
	text-align: right;
}

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

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

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

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

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

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

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

 /* ---------- base.css ends here ---------- */