/* ---------- screen.css starts here ---------- */

	@import "base.css";
          /* ---------- icons.css starts here ---------- */
@media all {


div#promo div#finance-guides li.info
{ 
	background-image: url(images/i_icon.gif);
	background-position: left;
	text-indent: 17px;
}

li.print a

{
	background-image: url(images/printer.gif)
}

li.email a
{
	background-image: url(images/mail.gif)
}

li.save a
{
	background-image: url(images/printer.gif)
}

li.font-size a
{
	background-image: url(images/type.gif)
}

#relatedlinks h2.related-information
{
	background-image: url(images/icon_topics.gif);  
}

#gallery-series-navigation h3
{
	background-image: url(images/icon_textdoc.gif);  
}

p.jump-related
{
	background-image: url(images/jump_related_arrow.gif);
	background-position: 0% 5px;
	height: 22px;
}

#related #fact-box,
#related #article-trailblock h2.blog,
#related #article-trailblock h2.pictures,
#related #article-trailblock h2.audio,
#related #article-trailblock h2.interactive
{
	background-position: 0 3px;
}

#related #fact-box
{
	background-image: url(images/icon_textdoc.gif);
}

#related #article-trailblock h2.blog
{
	background-image: url(images/icon_textdoc.gif);
}


#related #article-trailblock h2.pictures
{
	background-image: url(images/icon_gallery.gif);
}

#related #article-trailblock h2.audio
{
	background-image: url(images/icon_audio.gif);
}

#related #article-trailblock h2.interactive
{
	background-image: url(images/icon_textdoc.gif);
}

#related #article-trailblock h2.localvideo,
#related div.more-videos h2
{
	background-image: url(images/icon_video.gif);
}

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

ul.user-details
{
	padding: 2px 5px 3px 16px;
	background-image: url(images/icon_userinfo.gif);
}

ul#article-toolbox li a
{
	background-position: 3px 0;
}

body.cif ul#article-toolbox li a.printable
{
	background-image: url(images/icon_print.gif);
}

body.cif ul#article-toolbox li a#sharelink
{
	background-image: url(images/icon_share.gif)
}

body.cif ul#article-toolbox li a#clippable
{
	background-image: url(images/icon_clip.gif)
}

body.cif ul#article-toolbox li a#sendlink
{
	background-image: url(images/icon_email-friend.gif)
}

body.cif ul#article-toolbox li a#contactlink
{
	background-image: url(images/icon_email-us.gif)
}

body.cif ul#article-toolbox li a#historylink
{
	background-image: url(images/icon_history.gif)
}

body.cif #content ul#article-toolbox li a.save
{
	background-image: url(images/icon_save_for_later.gif)
}

body.cif a.comment-count-info,
body.cif span.comment-count-info
{
	background-image: url(images/icon_comment.gif);
	background-position: left center ;
	padding: 0 0 2px 20px;
	margin-top: 5px;
	display: block;
	clear: both;
}

body.cif div.full a.comment-count-info
{
	border-top: 1px dotted #ccc;
	padding-top: 4px;	
}

#content a.shower, #content a.showerstyle
{
	background-image: url(images/icon_triangle_right.gif);
	padding: 3px 0 2px 20px;
	background-position: -1px 0;
}

#content a.shower.open, #content a.showerstyle.open
{
	background-image: url(images/icon_triangle_down.gif);
	
}

a.shower, a.showerstyle
{
	background-image: url(images/icon_triangle12_right.gif);
	padding: 3px 0 2px 14px;
	background-position: 0 3px;
}

a.shower.open, a.showerstyle.open
{
	background-image: url(images/icon_triangle12_down.gif);
}


a.close
{
	padding: 0px 20px 3px 0px;
	background-position: 76px 0;
	background-image: url(images/icon_close.gif);
}


a.feed
{
	background-image: url(images/icon_rss.gif);
	padding-left: 18px;
	background-position: 0 0;
	padding-top: 1px
}

/*
Bullet images and icons

------------------------------------------------------------------------------*/
body.network #content ul.sublinks li.bullet,
body.network #content ul.sublinks li.localvideo,
body.vss #content ul.sublinks li.bullet,
li.bullet,
body.vss #content ul.sublinks li.localvideo,
li.factsheet
{
	background-position: 0px 1px;
	text-indent: 17px;
}

.video-front div#content div#video-player ul li.bullet,
ul.sublinks li.bullet
{
	background-image: url(images/icon_bullet.gif);
}

body.network #content ul.sublinks li.localvideo,
body.vss #content ul.sublinks li.localvideo
{
	background-image: url(images/icon_video.gif);
}

ul.sublinks li.audio
{
	background-image: url(images/icon_audio.gif);
}

ul.sublinks li.video
{
	background-image: url(images/icon_video.gif);
}

ul.sublinks li.interactive
{
	background-image: url(images/icon_multimedia.gif);
}

ul.sublinks li.gallery
{
	background-image: url(images/icon_gallery.gif);
}

body.network ul#reader-offers li.bullet
{
	text-indent: 0;
	background-image: none;
}

li.factsheet
{
	background-image: url(images/icon_factsheet.gif);
}

p.bullet
{
	background-image: url(images/icon_bullet.gif);
	background-position: 0px 1px;
	text-indent: 17px;
}

#top-table form
{
	background-image: url(images/knife-fork60.gif);
	background-position: 100% 5px;
}
}
          /* ----------  icons.css ends here ----------- */
          /* ----------  screen.css ends here ----------- */
          /* ---------- front.css starts here ---------- */

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

.trail-block-page #related h3
{
	font-family: arial, sans-serif;
	font-weight: bold;
}

body.front #content .commercial li.first
{
	line-height: 1.25;/* 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: 0;
}

body.front #content h1
{
	font-size: 1.166em; /* 14px */
}

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

body.front div#box div#page-header p.snap
{
	color: #cc0000;
}

body.front div#box div#page-header h1
{
	padding-bottom: 0;
	font-size: 1.168em;
}

body.front div#box div#page-header 
{
	padding-bottom: 16px;
}

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

.front #content ul.trailblock li h2,
body.front #wrapper .commercial ul li.first,
body.front #wrapper #promo ul li
{
	font-size: 1em; /* 12px */
}

.front #content .cols ul li,
.front #content .reader-tips ul.tips li
{
	padding-top: 3px;
}

.front #content .first #main-trailblock li ul
{
	padding-bottom: 0;
}

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

.front #content .commercial li.major-heading h2
{
	margin-bottom: 10px;
}

body.front #content .first ul#main-trailblock li.wide .linktext h3
{
	font-weight: bold;
}

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

body.front #wrapper #section-contents .capsule ul.tri li
{
	width: auto;
	float: none;
	margin-left: 0;
	border-top: 1px dotted;
	clear: both
}

.front #content .reader-tips ul.tips li ul.credit li
{
	border-top: none;
	padding-top: 0
}

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

body.front div.reader-tips
{
	float: left;
}

body.front #content h1
{
	border-top: 10px solid;
	margin: 0 0 14px 0;
	font-weight: bold;
	padding-top: 3px; 
	border-color: #ccc;
}


body.front #wrapper #content .commercial ul li.more-auctions
{
	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;
}

body.front #content h2
{
	border-top-width: 10px;
	border-top-style: solid;
}

body.front #box
{
	margin-bottom: 0;
}

/*squish safari bug?*/
body.front li.wide div.linktext h3,
body.front #main-trailblock li.portrait div.linktext
{
	margin-top: 0;
}

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


.front #wrapper #content .reader-tips ul li ul li
{
	border-top: none
}



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


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


body.front #box
{
	width: 780px
}

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


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

body.front #main-trailblock li.portrait div.linktext
{
	padding-top: 0;
}

body.front #wrapper #section-contents .capsule ul.tri li
{
	padding: 2px 0 6px 0;
}

body.front div.reader-tips
{
	margin-right: 20px;
}


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


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



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

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

span.video-duration
{
	font-weight: bold;
}

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

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

body.front #sponsored-features img
{
	width: 140px;
	height: 84px;
	
}
          /* ----------  front.css ends here ----------- */

body.travel #nav ul
{
	margin-right: 140px;
}

body.travel div.cols h2
{
	font-family: arial, sans-serif;
}

body.travel div#box div#page-header
{
	padding-bottom: 0;
}

ul#main-trailblock {
	overflow: hidden;
}

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

body.travel div#content div.first ul#main-trailblock li.first ul.sublinks li
{
	float: none;
	margin-left: 0;
	margin-bottom: 0;
	width: auto;
}

body.front ul.trail li
{
	float: left;
}

body.front #wrapper #box #content ul#main-trailblock li.wide
{
	width: 460px
} 

#content ul li.wide
{
	width: 300px;
}

#content ul.tri li,
body.front ul.trail li
{
	float: left;
}

ul.tri li,
body.front ul.trail li
{
	width: 140px;
}

ul.tri li
{
	margin-left: 20px;
}

body.front #content ul.column
{
	float: left;
	width: 140px;
}

body.front #content ul.column li
{
	margin-left: 0;
	float: left;
}

body.front #content ul.column
{
	float: left;
	width: 140px;
}

#mpu1
{
	float: right;
	width: 300px;
}

#yahoosm h4
{
	font-weight: bold;
}

ul#been-there
{
	float: left;
}

div#content ul#been-there li
{
	float: none;
}

div#content ul#been-there li.suffix
{
	margin-left: 0;
}

div#wrapper div.reader-tips li.last a
{
	font-size: 1em;
}

#commercialpartners ul li
{
	padding: 2px 0 6px 0;
}

#commercialpartners ul li.major-heading
{
	padding: 0;
}

#most-read-wrapper
{
	clear: both;
	border-bottom: 20px solid #FFF;
	overflow: hidden;
}

div#most div#most-read-24hour ol,
div#most div#most-read-7day ol
{
	width: 100%;
}

div#most div#most-read-24hour ol li.first,
div#most div#most-read-7day ol li.first
{
	margin-left: 0;
}

div#most div#most-read-24hour ol li,
div#most div#most-read-7day ol li
{
	margin-left: 20px;
	width: 140px;
	float: left;
	border: 0;
	padding-left: 0;
}

div#most div#most-read-24hour ol ul li,
div#most div#most-read-7day ol ul li
{
	border-top: 1px dotted;
	border-bottom: 0;
	padding-left: 20px;
	width: 120px;
	margin-left: 0;
}

div#most div#most-read-24hour ol ul li.more-most-viewed,
div#most div#most-read-7day ol ul li.more-most-viewed
{
	width: 120px;
}

div#most h2
{
	font-size: 1.166em;
}