/* ---------- high-contrast-common.css starts here ---------- */


          /* ---------- large-type.css starts here ---------- */
@media all {
body.article .large-type #content,
body.other .large-type #content
{
	 width: 480px;
	 margin-left: 420px;
	 border-left: 1px solid;
	 padding-left: 10px;

}



body.article .large-type #content,
body.keyword-page .large-type #content,
 .large-type #section-contents ,
 body.other .large-type #content
{	
	border-left: 1px solid;
	padding-left: 10px;
}

body.article .large-type #article-header
{
	padding-left: 10px;
}

* html body.article .large-type #content,
* html body.other .large-type #content
{
	margin-left: 210px
}





.large-type #content .narrow
{
width: 200px;
}

.large-type #content .narrow p
{
font-size: 0.8em;
}



.large-type #box
{
	width: 940px;
}


.large-type #section-contents
{
	width: 280px;
	float: none;
	width: auto;
	clear: both
}


body.directory .large-type #content,
body.directory .large-type div.countries .directory, 
body.directory .large-type div.countries 
{
	width: auto;
	float: none;
	clear: both;
}

body.article .large-type #related,
body.other .large-type #related
{
	width: 380px;
	margin-left: -900px;
}


/*begin keyword ------------------------------------------------*/








body.keyword-page .large-type #content
{
margin-left: 320px;
width: 600px;
}

body.keyword-page .large-type #related
{
	margin-left: -920px;
	width: 300px;
}

* html body.keyword-page .large-type #content /*only seen in IE pc */
{
margin-left: 160px;

}


.large-type #content ul#main-trailblock li,
.large-type #content ul#main-trailblock li.major-heading h2
{
	width: auto
}


.large-type #content .breakdown .country ul
{	
	width: 100%;
	clear: left;
	float: left;
	margin-top: 0;

}

.large-type #content .breakdown .country ul li
{	
	width: 100%;
}
/*underhigh contrast mode this gets the tips to look good why is the pc ie ignoring the text sizes?
* html body.keyword-page #section-contents
{

font-size: 0.350em
}

*/

/*end keyword ------------------------------------------------ */



/*
World regains
------------------------------------------------------------------------------------------*/
.directory-continent .large-type div.directory ol li
{
    width: 400px;

}

.large-type div.directory ol 
{
    width: 840px;
    float: right;
}


body.triplet .large-type #content,
.large-type .col
{
	float: left;
	width: 440px;
	margin-left: 0
}




body.front .large-type ul.trail li,
body.keyword-page .large-type ul.trail li
{
	width: 280px;
}


.large-type #related-info div.section
{ 
	padding-left: 320px
}

* html .large-type #related-info h3
{
	width: 300px;
	left: -300px;
}

.large-type #related-info
{
	width: 920px;
margin-left: 0
}

.large-type #promo,
.large-type #promo div.capsule
{
	width: 920px;
	float: left
}

.large-type #promo .deal ul li,
.large-type #promo .reader ul li,
.large-type #promo div.auctions ul li,
.large-type #promo .deal .right,
.large-type #promo .reader .right,
.large-type #promo div.auctions .right
{
width: 880px;
float: left;
}

.large-type #promo .deal ul li, 
.large-type #promo .reader ul li, 
.large-type #promo div.auctions ul li, 
.large-type #reader-offers li, 
.large-type .sponsored-features ul.tri li,
.large-type .sponsored-features ul.tri li div.trailtext,
body.keyword-page .large-type .sponsored-features ul.tri li,
body.keyword-page .large-type .sponsored-features ul.tri li div.trailtext
{
	width: auto;
float: none;
margin-left: 0
}



.large-type #promo .editorial-pick-small img,
.large-type #promo .editorial-pick-large img
{
float: left;
margin: 0;
}

.large-type #promo .editorial-pick-small p,
.large-type #promo .editorial-pick-large p
{
width: 880px;
}

/*this is to make sure the promo capsule s turn up on the high contrast mode*/
* html .large-type #promo .capsule
{
height: 1px;
overflow: visible;

}






.large-type #radio-buttons
{
	position: static;

	right: 0;
}


* html body #wrapper.large-type /*ie only*/
{
	font-size: 0.7em
}


/*
Document header area

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


.large-type #header #web-search,
.large-type #header #section-selector fieldset,
.large-type #header #section-selector,
.large-type #sitesearch
{
	float: none;
	width: auto;
	clear: both;
	width: 98%;
	text-align:left;
}


/*
Alternate trail layout

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

.large-type #content ul.alternative div.trail-caption
{
	width: auto;
	margin-left: 0;
	float: none;
	border-top: none;
	clear: none;
}


.large-type ul.trailblock li.normal img
{
	margin: 10px 20px 0 0;
	float: left
}

body.triplet .large-type ul.tri img,
body.late-offers-front .large-type ul.tri img
{
	float: none;

}

.large-type #content ul.trailblock li.normal
{
	float: none;
	width: auto;
	margin-left: 0;
	margin-top: 20px;
	clear: left;
	border-top: 1px dotted
}

.large-type #content ul.alternative li.wide
{
	clear: left;
	float: left;
	width: 460px;
	margin-left: 0;
}


/*
rss feed

------------------------------------------------------------------------------*/
body.keyword-page .large-type a.feed,
body.other .large-type a.feed
{

	left: 620px;
}

body.keyword-page .large-type #article-header,
body.other .large-type #article-header
{
	padding-right: 320px
}

/*
Front
---------------------------------------------------------------------------*/

body.front #content .large-type li.portrait
{
	width: auto;
	float: none;
	clear: both;
}

body.front .large-type #box #content #main-trailblock li.portrait div.trailtext,
body.front .large-type #box #content #main-trailblock li.portrait div.linktext,
body.front .large-type #box #content #main-trailblock li.portrait,
body.front .large-type ul.trailblock li.portrait .linktext h3
{
	float: none;
	width: auto!important;
}

body.front .large-type div.cols,
body.front .large-type ul.column,
body.front .large-type ul.trailblock li,
body.front .large-type ul.column li,
body.front .large-type #main-trailblock ul.column,
body.front .large-type #also-on-travel ul.column,
body.front .large-type #content div.reader-tips ul.tips li
{
	width: 340px;
	overflow: visible;
}


body.front .large-type div.reader-tips,
body.front .large-type div.cols li,
body.front .large-type ul.column li,
body.front .large-type ul.tips
{
	width: auto!important;
}

body.front .large-type #mpu
{
	height: 250px;
	position: static;
}


body.offers-front .large-type #box #content ul.auto-trail-block li ul.sublist li 
{
	width: 380px
}

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

body.network div#wrapper.large-type {
	background-image: none;
}

body.network div#wrapper.large-type .news {
	padding-top: 1em;
}

body.network div#wrapper.large-type #content div#main-trailblock li.col
{
	width: 620px;
}

body.network div#wrapper.large-type #reader-offers {
	width: 920px;
}

body.network div#wrapper.large-type div.commercial,
body.network div#wrapper.large-type div#also-on 
{
	clear: both;
	float: none;
	width: auto;
}

body.network div#wrapper.large-type div#highlights,
body.network div#wrapper.large-type #box div.commercial
{
	overflow: visible;
	width: 300px;
}

body.network div#wrapper.large-type div.also-offers li
{
	float: none;
	width: auto;
}

body.network div#wrapper.large-type ul.pixie li 
{
	height: 320px;
}

body.network div#wrapper.large-type ul.pixie li.textie 
{
	height: auto;
}

body.network div#wrapper.large-type li.pixie img 
{
	height: 260px;
}

body.network div#wrapper.large-type div.also-offers li.image,
body.network div#wrapper.large-type div.also-offers li.image img
{
	position: static;
}

body.network div#wrapper.large-type .sponsored-features li,
body.network div#wrapper.large-type div#main-offers 
{
	width: auto;
}

body.network div#wrapper.large-type ul#offers li.col ul 
{
	margin-left: 0;
}

body.network div#wrapper.large-type ul#offers li 
{
	width: auto;
}

body.network div#wrapper.large-type div#highlights 
{
	float: left;
	width: 100px;
}

body.network div#wrapper.large-type #content div#main-trailblock .col,
body.network div#wrapper.large-type #content div#main-trailblock li,
body.network div#wrapper.large-type #content div#main-trailblock .more-news ul
{
	width: 620px;
}

body.network div#wrapper.large-type #highlights li.pixie img {
	height: 200%;
	width: 200%;
}

.offers-place .large-type #content #main-trailblock,
.offers-place .large-type #content #main-trailblock li,
.offers-place .large-type #content li.wide
{
	width: auto	
}
}

 /* ---------- large-type.css ends here ---------- */

          /* ---------- color.css starts here ---------- */
@media all {

body,
html,
#section-tools a,
#footer,
ul.tips h3,
.directory #box #content p,
ul.tips li strong,
#nav ul li span,
.copyright,
#section-contents ul li ul li p.description,
.commercial #promo .capsule,
ul.credit li p.description,
body.directory .count,
#promo #finance-guides,
body.video-series div#latest-series ul li h2
{
	color: #444;
	background-color: white;	
}

#article-header h2
{
color: #cdcdcd;
}

#promo h4 label,
#promo #reader-offers h4
{

	color: #444;
	background-color: transparent;	
}

a
{
	color:#005689;
}

a:focus,
a:active
{
	outline: none;
	background-color: #005689; /* to be removed when all the links made consistent site-wide */
	color: #fff; /* to be removed when all the links made consistent site-wide */
}



*
{
	background-repeat: no-repeat;

}

#section-contents li,
#box h2,
#related #book-index h2,
#article-header #biography h2,
.bio,
body.contributor #box #content h2,
body.contributor #wrapper #box #content ul.trail li.major-heading h2,
body.contributor #wrapper #box #section-contents ul.trail li.major-heading h2,
#related ul li,
body.article #content h3,
body.keyword-page div#box div#content div.book-index h2,
#promo #finance-guides table tbody td,
#promo #finance-guides table tbody th,
#promo div#finance-guides
{
	border-color: #ccc;
}



#article-header h2
{
	border: none
}

#stand-first,
#article-header h2#strap,
div.series-navigation,
p.drop:first-letter,
span.drop
{
	color: #666;
}


body.directory #box h2
{
	background-image: none
}

div.level-3,
#box h2,
#gallery-series-navigation h3
{
		background-position: bottom left;
}

#section-contents li li
{
	background-image: none;
}




.count,
.page-number,
li.horizontal, 
ol.az-trips li p,
body.video-series div#latest-series ul li,
body.video-series div#box div#content ul li span,
body.video-front .video-duration
{
	color: #999;
}



ul.toolset li a

{
	background-position: left center;
	padding-left: 20px;
	display: block;
	background-color: transparent;
}


#promo h2,
#promo h3,
#booking fieldset.section,
#booking fieldset.section span,
#also-on ul.viewer li,
#related h5,
div#sub-header,
body.keyword-page #content h2,
#related #fact-box h2,
body.article #box #content h2,
body.article #box #content h3,
body.article #related h3,
#related-articles ul li,
.services,
ol.timeline li,
div#box ul li,
body.video-series div#box div#content ul.trailblock
{
	border-color: #999;
}


#related-info .section ul li,
body.article #related-info ul.keylinks li,
body.article #related-info ul.tips li,
div#content ul.auto-trail-block li h2,
div#section-contents ul.tips li,
div#section-contents ul li,
div#related ul li,
div #box div#content ul li h2,
#related-info .section ul li,
body.article #related-info ul.keylinks li,
body.article #related-info ul.tips li,
.article #related h3,
ul.child-keyword li,
.index .breakdown,
.all-places .breakdown,
.weather-country .breakdown,
.weather-continent .breakdown,
.index .country,
#wrapper div#section-contents ul#editor-zone-3 li
{
	border-color: #999;
}

ol.alphabet,
body.directory-place .index,
#content ul.auto-trail-block li,
#keyword-trailblock li,
ul.pagination,
#content ul#main-trailblock li.normal,
#related p.shower,
body.front #wrapper #box #content div.cols ul li.major-heading h2,
div.text
{
	border-color: #999;
}

#related .ed-zone li,
#edited-offers a.caption,
#content ul.tri li,
ol.az-trips li,
.capsule ul.tri li,
ul.trailblock li.portrait .linktext h3,
#section-contents ul li,
#content .reader-tips ul.tips li,
.trail-block-page #content ul#main-trailblock li,
ul.no-pic,
body.gallery #sponsor-picture,
#content li.col h2,
#content li.col h3,
body.vss #content ul.credit,
div#solo-trailblock h3
{
	border-color: #999;
}


/*border different for promo column - but not when on front*/
.front #promo h4,
.front #yahoosm ul.links
{
	border-color: #999;
}

/*border different for promo column*/
#promo h4,
.commercial #wrapper #promo .sponsored-features,
.commercial #wrapper #promo li,
#promo .capsule ul.tri li,
#yahoosm ul.links
{
	border-color: #444;
}

#promo div.capsule,
body.travel #wrapper div#edited-offers li.major-heading h3,
body.commercial #wrapper #promo div.capsule
{
    border-color: #d3d3d3;
}


body.front #promo div.capsule
{
	background-color: transparent;
}


body.front #promo
{

	background-color: transparent;
}




#header,

#also-on

{

	color: inherit;
	background-color: white

}


/* = gallery -------------------------------------------------------------------------------*/


body.gallery #topslot
{
	background-color: #dedede;
}


/*
=related (article links etc)

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

#relatedlinks
{
	position: relative;
}


/*
= Navigation #nav

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



ul.credit,
#related-info ul.tips p.credit,
#header #nav ul,
.explainer,
span.credit
{
	color: #999/*another grey - look into AB */

}

h1 span.date
{
	color: #888; /*another grey - look into AB -we don't want to do this too often */

}


/*
=tertiary section navigation



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



span.pullout,
div.page-heading p.linktext,
p.trailstrap,
.trail-text .date,
div.strap,
#yahoosm ul.links li,
ul.commercial-links li,
ul.pagination,
ul.user-details,
div.image p.caption,
p span.caption,
body.article #content .date,
body.video-front .trail-video-section
{
	color: #666;
}



#content .regionplaceholder p,
body.front #edited-offers ul li,
#edited-offers a.caption,
body.directory-place #content .countries p.first
{
	border-color: #999;
}

#promo div.capsule, .commercial #wrapper #promo .sponsored-features
{

background-color: #f3f3f3;
}

a.webfeedlink 
{
	background-image: url(images/icon_rss.gif);
	background-position: 0 50%;
	display: block;
	height: 14px;
	padding-left: 18px;
	padding-top: 1px;
}

/*
Yahoo background styling for the search box

------------------------------------------------------------------------------*/
.web-search
{
    background-image: url(images/logo_yahoo_search.gif);
}


/*
styling for beta

-------------------------------------------------------------------------*/
#wrapper h2.beta
{
	font-size: 6em;
	position: fixed;
	right: 10px;
	top: 10px;
	color: red
}


/*
Pixies

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


ul.pixie a,
.pixie div,
ul.pixie li.textie p.strap a,
ul.pixie li.mugshot p.strap a
{
	color: #fff;
}

ul.pixie div.trail-text a
{
	color: #000;
}



#wrapper li.pixie div.trail-text
{
	color: #444;
	background-color: transparent;
	background-image: url(images/grey-bg.png);
	background-repeat: repeat;
}

#pullout li.pixie div.trail-text
{
	color: #444;
	background-color: transparent;
	background-image: url(images/grey-bg.png);
	background-repeat: repeat;
}

#wrapper div.news li.pixie div.trail-text
{
	color: #444;
	background-image: url(images/grey-bg.png);
	background-repeat: repeat;
}

#wrapper li#pullout.pixie div.trail-text
{
	color: #444;
	background-color: transparent;
	background-image: url(images/grey-bg.png);
	background-repeat: repeat;
}

#highlights li.pixie div.caption
{
	background-color: #a5a5a5;
}


#highlights li.textie div.caption
{
	background-color: #a5a5a5;
}

body.video #content #videos-third-column h2,
body.video #videos-third-column ul li,
body.video #related div.more-videos ul,
body.video #box #related .capsule h3 
{
	border-color:#999;
}


body.video-front #nav a.current
{
	color:#005689;
}

body.video #content li.date, 
body.video #content li.credit
{
	color:#666;
}

div #box div#content div.latest ul li.News h2
{
	border-color: #04669c;
}

}

 /* ---------- color.css ends here ---------- */

 /* ---------- high-contrast-common.css ends here ---------- */