/* Import YUI reset.css to normalize all HTML elements */
@import url(reset.css);

body 
{
	margin: 30px 0 20px 0;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	text-align: left;
}

input,
select
{
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
}

.clearer
{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}

input.button,
a.button
{
	border: 1px solid white;
	background-color: #FF6600;
	display: block;
	float: left;
	color: white;
	text-decoration: none;
	padding: 1px 10px;
}

a.button:hover
{
	background-color: #FFAD33
}

input.submit
{
	padding: 1px 4px;
}

.pager
{
	position: absolute;
	right: 10px;
	top: 24px;
}

.pager li
{
	line-height: 0;
	float: left;
}

.pager a
{
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	display: block;
	float: left;
	cursor: pointer;
}

.pager a span
{
	display: none;
}

.pager a.btPrevious
{
	background-image: url(/images/bt_previous.png);
}

.pager a.btNext
{
	background-image: url(/images/bt_next.png);
	margin-left: 2px;
}

#navigationTools .pager
{
	right: 34px;
}

.photoViewer
{
	width: 174px;
}

.photoViewer img
{
	display: block;	
}

/*
.photoViewer a.photo
{
	background: url(/images/bt_zoom.png) no-repeat;
	width: 22px;
	height: 22px;
	display: block;
	float: right;
	text-indent: -9999px;
	position: relative;
	top: -16px;
	right: 6px;
}
*/


#error h1
{
	font-size: 15px;
	color: white;
	font-weight: bold;
	padding: 2px 10px 10px 10px;
	background-color: #f60;
	margin: 0 0 10px 0;
}


/* 
	Global Header Styles (these are PNGs, so bg color changes can occur in CSS without recutting) 
	- uses Phark image replacement: http://www.mezzoblue.com/tests/revised-image-replacement/#phark
*/

h2.phark
{
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: top left;
	height: 26px;
}

.tout h2
{
	height: 24px;
}

h2.feature
{
	background-image: url(/images/hd_feature.png);
}

h2.news
{
	background-image: url(/images/hd_news.png);
}

h2.promotion
{
	background-image: url(/images/hd_promotion.png);
}

h2.whatson
{
	background-image: url(/images/hd_whatson.png);
}

h2.travelStory
{
	background-image: url(/images/hd_travel_story.png);
	height: 26px !important;
}

h2.travelTip
{
	background-image: url(/images/hd_travel_tip.png);
}

h2.website
{
	background-image: url(/images/hd_website.png);
	height: 55px;
}

h2.searchResults
{
	background-image: url(/images/hd_search_results.png);
}

h2.keyFacts
{
	background-image: url(/images/hd_key_facts.png);
}

h2.subscribeBPE
{
	background-image: url(/images/Headers/hd_subscribe.gif);
	height: 46px;
	margin-bottom: 10px;
}


/* --- Tout Headers (slightly smaller, used in sidebars) --- */

h2.signUpTout
{
	background-image: url(/images/hd_sign_up_tout.png);
}

h2.promotionTout
{
	background-image: url(/images/hd_promotion_tout.png);
}

h2.relatedStoryTout
{
	background-image: url(/images/hd_related_story_tout.png)
}

h2.latestmagazineTout
{
	background-image: url(/images/hd_latestmagazine_tout.png)
}

h2.othermagazineEditions
{
	background-image: url(/images/hd_other_editions.png)
}


h2.travelTipTout
{
	background-image: url(/images/hd_travel_tip_tout.png)
}

h2.newsTout
{
	background-image: url(/images/hd_news_tout.png)
}




/* --- Page background and global elements --- */

#background
{
	clear: left;
	min-width: 760px;
	background-image: url(/images/bg_background.gif);
	background-position: top center;
	background-repeat: repeat-y;
}

#background-branding
{
	min-width: 760px;
	background-image: url(/images/bg_branding.gif);
	background-position: top center;
	background-repeat: repeat-x;
	height: 138px;
}

#container,
#container-branding
{
	position: relative;
}

#container,
#containerSiteInformation,
#container-branding
{
	margin: 0px auto;
	width: 760px;
}

/* --- Branding and Search --- */

#branding
{
	height: 138px;
	float: left;
	width: 554px;	
	position: relative;
	overflow: visible;
}

h1#siteLogo a
{
	cursor: pointer;
	display: block;
	position: absolute;
	width: 341px;
	height: 97px;
	background: url(/images/gr_bpe_logo.gif);
	text-indent: -9999px;
	left: 23px;
}

h1#companyLogo a
{
	cursor: pointer;
	display: block;
	position: absolute;
	left: 665px;
	top: 0px;
	width: 65px;
	height: 65px;
	background: url(/images/gr_yha_logo.png) no-repeat;
	text-indent: -9999px;
}	

/* --- Search Form --- */

#formSearch
{
	position: absolute;
	right: 40px;
	top: 85px;
	width: 306px;
}

#formSearch label
{
	color: white;
	display: block;
	line-height: 18px;
	padding-right: 4px;
	float: left;
}

#formSearch input.text
{
	background-color: #CEE783;
	border: 1px inset #CEE783;
	padding: 2px;
	width: 112px;
	float: left;
}

#formSearch input.submit
{
	background-color: #81A01F;
	border-color: white;
	margin-left: 4px;
	width: 68px
}

/* --- Breadcrumb Navigation --- */

#breadcrumbs
{
	position: absolute;
	left: 37px;
	top: 94px;
}	

#breadcrumbs li
{
	line-height: 36px;
	height: 32px;
	padding-left: 14px;
	float: left;
	color: white;
	background-image: url(/images/gr_bc.gif);
	background-repeat: no-repeat;
	background-position: 3px 14px;
}

#breadcrumbs li.top
{
	background-image: url(/images/gr_bc_top.gif);
}

#breadcrumbs li#bcHome
{
	padding: 0;
	line-height: 32px;
}

#breadcrumbs li a
{
	color: white;
}

#breadcrumbs li#bcHome a
{
	text-indent: -9999px;
	background: url(/images/bt_bc_home.png) no-repeat;
	display: block;
	width: 73px;
	height: 35px;
}


/* --- Navigation --- */

#navigationTools
{
	clear: left;
	float: left;
	width: 177px;
	padding-left: 22px;
	padding-bottom: 10px;
}

#navigationTools a:hover
{
	color: #fff;
}

ul#navigation
{
	font-size: 11px;
	margin: 9px 0 10px 8px;
	padding: 0;
	width: 147px;
}

ul#navigation li
{
	list-style-type: none;
	margin: 0 0 4px 0;
	padding: 0;
}

ul#navigation li a
{
	color: #000;
	font-weight: normal;
	text-decoration: underline;
	background-repeat: no-repeat;
	padding: 10px 0 14px 42px;
	margin: 0;
	display: block;
	vertical-align: middle;
	width: 110px;
}

ul#navigation li.highlight a,
ul#navigation li.highlight a:hover
{
	font-weight: bold;
	text-decoration: none;
}

ul#navigation li a:hover
{
	color: #fff;
	text-decoration: underline;
}

ul#navigation li a#navigationLink_feature
{
	background-image: url(/images/ic_nav_link_feature.png);
}

ul#navigation li a#navigationLink_news
{
	background-image: url(/images/ic_nav_link_news.png);
}

ul#navigation li a#navigationLink_promotion
{
	background-image: url(/images/ic_nav_link_promotion.png);
}

ul#navigation li a#navigationLink_whatson
{
	background-image: url(/images/ic_nav_link_whatson.png);
}

ul#navigation li a#navigationLink_travelStory
{
	background-image: url(/images/ic_nav_link_travel_story.png);
}

ul#navigation li a#navigationLink_travelTip
{
	background-image: url(/images/ic_nav_link_travel_tip.png);
}

ul#navigation li a#navigationLink_website
{
	background-image: url(/images/ic_nav_link_website.png);
}

ul#navigation li a#navigationLink_travelStory,
ul#navigation li a#navigationLink_website,
ul#navigation li.highlight a#navigationLink_news
{
	padding-top: 5px;
	padding-bottom: 5px;
}


/* --- Content Column --- */

#content
{
	float: left;
	border-style: solid;
	border-color: white;
	border-width: 4px 4px 0 4px;
	width: 510px;
	background-color: white; 
	min-height: 315px;
	_height: 315px;
	padding-bottom: 40px;
}

#content p
{
	line-height: 1.3em;
}

#content div.copy p
{
	margin-bottom: 8px;
}

#content div.copy
{
	padding: 15px;
}

#content div.copy h2
{
	font-size: 1.2em;
	color: #f60;
	font-weight: bold;
	margin-bottom: 8px;
}

#content div.copy h3
{
	color: #5A7018;
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize; 
	margin-bottom: 8px;
}

#content div.divider
{
	background: url(/images/global/gr_divider_dots.gif) repeat-x;
}


/* --- Tout Styles (most of these appear on homepage, but some on article pages too) --- */

.tout
{
	clear: left;
}

.tout p,
.tout ul,
.tout h3,
.tout h4,
.tout a.button
{
	margin-left: 10px;
}


.tout p
{
	margin-top: 4px;
	margin-bottom: 4px;
}

.tout h2
{
	margin-top: 10px;
	text-indent: -9999px;
	border-bottom: 3px solid #fff;
	padding-left: 10px;
	background-repeat: no-repeat;
	
	
}

#navigationTools .tout p,
#navigationTools .tout ul,
#navigationTools .tout h3,
#navigationTools .tout h4,
#navigationTools .tout a.button
{
	margin-left: 16px;
}


#navigationTools p,
#navigationTools h3,
#navigationTools ul.links
{
	width: 136px;
}

#navigationTools .tout h2
{
	padding-left: 16px;
	background-position: 6px 0; 
}

#navigationTools a
{
	color: black;
}

#navigationTools a.button
{
	margin-left: 16px;
	_margin-left: 8px !important;
	margin-bottom: 12px;
	color: white;
}

#navigationTools h3
{
	font-weight: bold;
	margin-top: 10px;
}

#travelEssentials,
#travelTips,
#promotions
{
	float: left;
	width: 190px;
	position: relative;
}

#travelEssentials a,
#travelTips a,
#promotions a
{
	color: black;
}

#travelEssentials h3,
#travelTips h3,
#promotions h3
{
	margin-top: 10px;
	font-weight: bold;
}

#travelEssentials h4,
#travelTips h4,
#promotions h4
{
	margin-top: 3px;
	margin-bottom: 0px;
	font-size: 0;
	line-height: 0;
}

#travelEssentials h4 span,
#travelTips h4 span,
#promotions h4 span
{
	font-size: 10px;
	line-height: 10px;
}

#travelEssentials p,
#travelTips p,
#promotions p
{
	margin-top: 10px;
	margin-bottom: 10px;
}

#travelEssentials h2
{
	height: 20px;
}

#travelTips h2
{
	height: 23px;
	margin-bottom: 14px;
	padding-bottom: 0;
}

#promotions h2
{
	height: 22px;
	padding-bottom: 0;
	margin-bottom: 14px;
}

#signUp h2
{
	margin-top: 16px;
	height: 23px;
	margin-bottom: 6px;
	background-position: 17px 0;
}

.tout ul.links
{
	margin-top: 10px;
	margin-left: 10px !important;
}

.tout ul.links li
{
	margin: 4px 0;
	padding-left: 20px;
	background: url(/images/ic_arrow.gif) no-repeat 0 4px;
	padding-top: 5px;
	padding-bottom: 4px;
}


/* --- Site Information (Footer) --- */

#siteInformation
{
	text-align: left;
	width: 640px;
	padding-top: 40px;
	padding-left: 120px;
	position: relative;
}

#siteInformation ul
{
}

#siteInformation ul li
{
	float: left;
	padding: 0px 10px;
	border-left: 1px solid #FFAC74;
	font-size: 10px;
	line-height: 18px;
}

#siteInformation ul li.first
{
	border-left: none;
}

#siteInformation ul li a
{
	color: #666;
}

#siteInformation ul li a.developedBy span
{
	display: none;
}

#siteInformation ul li a.developedBy
{
	background: url(/images/ic_red_square.gif) no-repeat top right;
	padding-right: 30px;
	display: block;
	width: 100px;
}

#siteInformation h2#hiLogo
{
	display: block;
	position: absolute;
	background: url(/images/gr_hi_logo.png) no-repeat;
	width: 65px;
	height: 65px;
	top: -35px;
	right: 50px;
	text-indent: -9999px;
}



/*
FET STYLES
*/

.fetContent {
	position: relative;
	text-align: center;
}
.fetContent p, .fetContent h1, .fetContent h2, .fetContent h3, .fetContent h4, .fetContent h5, .fetContent h6, .fetContent h7, .fetContent table, .fetContent td, .fetContent th, .fetContent ul, .fetContent li {
	text-align: left;
}

.fetContent div.imageFrame {
	background: #ffb74c;
	font-size: 11px;
	text-align: left;
	color: #ffffff;
	padding-bottom: 5px;
}
.fetContent div.imageFrame img {
	display:block;
}

.fetContent div.imageFrame.left {
	clear:both;
	margin: 14px 14px 10px 0;
}

/* print ver */
#print div.imageFrame.left {
	clear:both;
	margin: 14px 14px 10px 5px;
}

#print div.imageFrame, #print  div.imageFrame .caption, #print  h2, #print  h1, #print  h3, #print .firstPara {
	color: #000000;
}
/*END*/

#fetContent
{
	padding-bottom: 2px;
}

.fetContent div.centre, .fetContent div.center {
	margin: 14px auto 10px auto !important;
}

.fetContent div.imageFrame.right {
	clear:both;
	margin: 14px 8px 10px 14px;
}

.basicArticle div.imageFrame.left {
	margin: 14px 14px 10px 7px;
}
.basicArticle div.imageFrame.right {
	margin: 14px 7px 10px 14px;
}

.fetContent div.imageFrame .caption {
	font-size: 11px;
	text-align: left;
	color: #ffffff;
	padding: 0 8px 3px 8px;
}

.left {
	float: left;
	clear: left;
}
.right {
	float: right;
	clear: right;
}
.center {
	clear: both;
}

/*.fetContent h1 {
	background: #ff6600 !important;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding: 6px 10px !important;
}*/
.fetContent h2, .fetContent h1 {
	font-weight: bold;
	color: #ff6600;
	font-size: 14px;
	margin: 0 0 15px 0;
}
.fetContent h3 {
	font-weight: bold;
	color: #ff6600;
	font-size: 11px;
	margin: 0 0 15px 0;
}
.featureContent p, .featureContent h1, .featureContent h2, .featureContent h3, .featureContent li {
	margin-right: 15px;
}
.featureContent li li {
	margin-right: 0px;
}

.fetContent table, .fetContent td, .fetContent th {
	border-color: #ffb74c;
	border-style: solid;
}
.fetContent table {
	border-width: 1px 0 0 1px;
}
.fetContent td, .fetContent th {
	border-width: 0 1px 1px 0;
	padding: 1px 3px;
}
.fetContent th {
	background: #ffb74c;
	color: #ffffff;
	text-align:left
}
.fetContent td {
	color: #333333;
}


/* --- Styles brought across from old CSS for content pages --- */

.defaultWarning {
	color: #ff6600 !important;
	font-weight: bold !important;
	font-style: italic !important;
}

.orange 
{
	background-color: #ff9900;
}

.content 
{
/*	background-image: url(../images/level2/bg_content.gif);
	background-position: left;
	background-repeat: repeat-y;*/
	background: #ffffff;
	vertical-align: top;

}

.paleGreen 
{
	background-color: #bbdd55;
}

.green 
{
	background-color: #a4cc2d;
}

.orangeBar 
{
	vertical-align: top;
	background-image: url(../images/level2/px_1x35_ff6600.gif);
	background-position: top;
	background-repeat: repeat-x;
}

.content ul
{
	margin: 10px 20px;
	list-style-type: disc;
}

.content li
{
	margin: 10px;
}

.content a 
{
	color: #637b17;
}

.content a:hover 
{
	color: #81a01f;
}

.content h1 
{
	background: #ff6600;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	padding: 6px 10px;
}

.content .orangeBar h1 
{
	margin: 0 0 18px 0;
	padding: 0;
}

.content h3 
{
	font-weight: bold;
	color: #ff6600;
	font-size: 11px;
	padding: 0 10px;
	margin: 0 0 15px 0;
}

.content .orangeBar h3 
{
	padding: 0;
}

.content p 
{
	color: #333333;
	padding: 0 10px;
	margin: 0 0 15px 0;
}

.content .orangeBar p 
{
	padding: 0;
}

p.date 
{
	font-weight: bold;
	color: #000000;
	margin: 0 0 10px 0;
}

p.firstPara
{
	color: #ff9900;
	font-weight: bold;
}

.travelCentreTable 
{
	margin: 0 15px;
}

.travelCentreTable th, .travelCentreTable td 
{
	vertical-align:top;
	padding: 4px 0 0 45px;
}

.travelCentreTable td 
{
	width: 100%;
}

.travelCentreTable th 
{
	text-align:left;
	color: #ff6600;
}

.travelCentreTable .divider 
{
	padding: 15px 10px;
	background: url(/images/global/gr_divider_dots.gif) repeat-x 0 15px;
}

.phone, .fax, .email 
{
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
}

.phone 
{
	background-image: url(/images/level2/ic_phone.gif);
}

.fax
{
	background-image: url(/images/level2/ic_fax.gif);
}

.email 
{
	background-image: url(/images/level2/ic_email.gif);
}

.email a 
{
	color: #637b17;
}

#btPrint
{
	display: block;
	height: 35px;
	width: 96px;
	background: url(/images/bt_print.gif) no-repeat;
	position: relative;
	top: 60px;
	left: 10px;
}

#btPrint span
{
	display: none;	
}

#btPrint:hover
{
	background-position: 0 -100px;
}