/* Private */

div, h1, h2, h3, h4, h5, h6, img, table, form { border: 0; padding: 0; margin: 0; font-size: 100%; }

* { font-size: 100%; }
.fleft { float: left; }
.fright { float: right; }
span.textOnly { display: none; }

body { text-align: left; font-family: verdana, arial, sans-serif; font-size: 70%; margin: 1%; background: #6C6B69; }

#flags a{
padding-right:10px;
}

#wrapper { min-width:981px; }

#accessLinks { color: #ccd2d8; font-size: 100%; margin-bottom: 7px; }
#accessLinks a { color: #ccd2d8; text-decoration: none; }
#accessLinks a:hover { color: #fff; text-decoration: underline; }

h1 { background: #F0EDDC url(/images/ytb_logo_h1.gif) top right no-repeat; height: 90px; }
h1 img { margin: 30px 0px 0px 15px; }

#topLinks { background: #6C6B69; padding: 3px 6px 3px 6px; }
#topLinks ul { text-indent: 0px; margin: 0px; padding: 0px; text-align: center; line-height: 20px; }
#topLinks ul li { margin: 0px; padding: 0px 6px 0px 6px; display: inline; height: 20px; }
#topLinks ul li a { color: #fff; font-weight: bold; text-decoration: none; }
#topLinks ul li a:hover { text-decoration: underline; }

#todaysDate { color: #073d79; font-size: 90%; text-align: right; padding: 3px; background: #d1d5d9; }

#homeBanner { background: #F0EDDC; text-align: right; height: 162px; overflow: hidden; }
#homeBanner #bannerText { background: #F0EDDC url(/images/banner_text_1.gif) top left no-repeat; height: 162px; float: left; width: 100%; }
#homeBanner #bannerText span { visibility: hidden; }
#homeBannerGuide { float: left; }
#homeBannerFlash { float: left; }
#homeBannersRight { float:right; }

#content { background: #fff; }
* html #content { height: 1%; }

#leftCol { float: left; width: 28%; background: #cecbd2; }
#leftCol .homeBox { padding: 9px 5px 9px 15px; position: relative; }
#leftCol .homeBox .btnGo { position: relative; float: right; margin: 0px; top: -20px; }
#leftCol .darkerBox { background: #a6a4af; }
#leftCol .lighterBox { background: #e8e6eb; }
#leftCol .innerBanner { padding: 0px; background: #e8e6eb url(/images/banner_image_inner.jpg) top left no-repeat; height: 140px; overflow: hidden; }
#contentContainer { background: #fff; }

#innerContent { background: #F0EDDC; margin-bottom: -1px; }
* html #innerContent { margin-bottom: -5px; }
#innerPageContent { background: #fff; float: left; padding-left: 2%; margin-top: 10px; padding-bottom: 10px; width: 68%; }
h2 { background: #ededef; color: #00284b; padding: 14px 14px 14px 0px; padding-left: 30%; font-size: 140%; margin-bottom: 5px; text-align: left; }
h2#safari { padding-bottom: 25px; }
#innerPageContent h3 { background: #f3f1f4; color: #002958; padding: 4px; font-size: 130%; margin: 1em 0em 1em 0em; }
#innerPageContent h4 { background: #f3f1f4; color: #002958; padding: 4px; font-size: 110%; margin: 5px 0px 5px 0px; }
#innerPageContent h5 { background: #f3f1f4; color: #002958; padding: 4px; font-size: 100%; margin: 5px 0px 5px 0px; }
#innerPageContent h6 { background: #fafafa; color: #434453; padding: 4px; font-size: 90%; margin: 5px 0px 5px 0px; }
#innerPageContent { padding-left: 1em; }
#innerPageContent a { color: #f00; }
#innerPageContent a:hover { text-decoration: none; }
#innerPageContent a.normalText { color: #000; text-decoration: none; font-weight: normal; }

#breadcrumb, #breadcrumb_safari { font-size: 60%; font-weight: normal; text-align: left; margin-top: 5px; }
#breadcrumb_safari { font-size: 90%; position: relative; top: -24px; left: 20px; }
#breadcrumb a, #breadcrumb_safari a { color: #222; }

#sublinks { padding: 0px 0px 8px 0px; margin: 0px 0px 0px 10px; border-bottom: 1px solid #002958; text-align: left; background: #fff; }
#sublinks ul { list-style: none; margin: 0px; padding: 0px; margin-top: 4px; margin-left: 28%; }
#sublinks ul li { display: inline; padding-top: 0px; margin-left: 10px; margin-right: 10px; line-height: 2em; font-weight: bold; color: #888; }
#sublinks ul li a { text-decoration: none; font-weight: bold; color: #002958; }
#sublinks ul li a:hover { text-decoration: underline; }

#webvuBox { padding: 0px; float: right; width: 72%; margin: 0px; background: #e4e2e7; color: #444345; font-size: 90%; height: 140px; }
#webvuBox #webvuImg { float: left; margin: 10px 20px 0px 20px; }
#webvuBox h2 { background: #e4e2e7; text-align: left; margin: 0px; padding: 10px 0px 0px 0px; }
#webvuBox p { margin-right: 20px; }
#homeViewBtn { float: right; margin-right: 20px; }

#homeNews { padding: 28px 10px 0px 22px; float: left; width: 67%; }
#homeNews div { margin: 20px 0px 0px 0px; position: relative; }
#homeNews div img { float: left; margin: 0px 10px 5px 0px; }
#homeNews div img.moreLink { position: absolute; right: 0px; bottom: 0px; }
#homeNews a { text-decoration: none; font-weight: bold; color: #000; }
#homeNews a:hover { text-decoration: underline; color: #f00; }
#moreNewsLink { margin: -14px 0px 10px 0px; padding: 0px; }
#moreNewsLink a { color: #434453; text-decoration: underline; }

#newsSummary { padding: 5px; }
#newsSummary div { margin: 5px 0px 10px 0px; height: 70px; }
#newsSummary div img { float: left; margin: 0px 10px 10px 0px; }
#newsSummary a { text-decoration: none; font-weight: bold; color: #000; }
#newsSummary a:hover { text-decoration: underline; color: #f00; }
#newsSummary h3 { margin: 0px 0px 0px 80px; }
#newsSummary .pagination { text-align: right; height: auto; margin: 5px; padding: 0px; }

#pageMessage { padding: 5px; border: 1px solid #ddd; background: #efefef; }

#favouritesSummary { padding: 0px; }
#favouritesSummary ul { margin: 10px 5px 5px 15px; }
#favouritesSummary ul li { list-style-image: url(/images/icon_venue.gif); padding-left: 10px; line-height: 1.4em; }
#favouritesSummary p { margin: 5px 0px 0px 0px; padding: 0px; }
#favouritesSummary a { text-decoration: underline; font-weight: bold; color: #555; }
#favouritesSummary #enquireLink { border: 1px solid #aaa; background: #fff; padding: 6px; margin-top: 15px; text-align: center; }
#favouritesSummary #enquireLink a { text-decoration: none; }

#footer { background: #434453; padding: 10px; text-align: right; clear: both; height:3em; }
#footer p { margin: 0; }
#footerLinks { text-align: right; padding: 8px; color: #afb5bc; }
#footerLinks a { font-size: 80%; color: #ccd2d8; }
#footerLinks a:hover { color: #fff; text-decoration: none; }
#footerLinks a#yv { color: #a4d3ff; }
#homeAddress { text-align: center; color: #afb5bc; }

.homeViewBtn { float: right; margin: 15px 5px 5px 0px; }

label { cursor: pointer; }

.topMargin5 { margin-top: 5px; }
.rightMargin5 { margin-top: 5px; }
.bottomMargin5 { margin-top: 5px; }
.leftMargin5 { margin-top: 5px; }
.topMargin10 { margin-top: 10px; }
.rightMargin10 { margin-top: 10px; }
.bottomMargin10 { margin-top: 10px; }
.leftMargin10 { margin-top: 10px; }

.icon { vertical-align: middle; margin-right: 0.5em; }

.up20 { margin-top: -20px; }
.up10 { margin-top: -10px; }
.up5 { margin-top: -5px; }

.noStyle { text-decoration: none; color: #fff; }

.infoArea { margin: 10px; clear: both; }
#imageThumbs { margin: 0px; }
#imageThumbs img { float: left; margin-right: 5px; }
.infoLeftCol { float: left; width: 45%; }
.infoLeftCol strong { color: #002a4b; }
.infoRightCol { float: right; width: 50%; background: #fff; }
.infoMain, #infoRooms { clear: both; margin-top: 0px; position: relative; top: -20px; }
#finalBoxes, #finalBoxes div { margin-top: 0px; padding-top: 0px; }
#finalBoxes div { position: relative; top: -30px; }
#roomDetails { border: 1px solid #002958; border-right: 0px; border-bottom: 0px; padding: 0px; width: 99%; }
#roomDetails th, #roomDetails td { border: 1px solid #002958; border-top: 0px; border-left: 0px; margin: 0px; padding: 3px; }
#roomDetails th { background: #cecbd2; color: #003872; font-weight: bold; text-align: center; }
#roomDetails th.darker { background: #a6a4af; }
#roomDetails td { background: #fff; color: #073d79; font-weight: normal; }
#roomDetails th a { color: #000; }
.verticalText { writing-mode: tb-rl; filter: flipv flipv; }
#webEmailLinks { padding-bottom: 10px; border-bottom: 2px solid #e4e4e4; }
#webEmailLinks a { margin-right: 2em; text-decoration: none; color: #00274f; }
#webEmailLinks a:hover { color: #000; }
ul.imageBullets { list-style: none; margin-left: 0px; text-indent: 0px; }
ul.imageBullets li { padding-left: 10px; }
ul.noBullets { list-style: none; margin: 0.5em 0em 0.5em 0em; padding: 0px; text-indent: 0px; }
ul.noBullets li { margin: 0.4em 0em 0.4em 0em; }
ul.floated { margin-left: 0px; }
ul.floated li { float: left; }

#searchHelp { border: 1px solid #dedfe2; margin: 0px 20px 10px 10px; }
#searchHelp h3 { margin: 0px; background: #fff; padding-left: 10px; }
#searchHelp p { margin: 0.5em 0em 0.5em 0em; padding: 0px 10px 0px 10px; }

.searchSpacer { float: left; width: 2%; background: #fff; }
.searchField { float: left; width: 48%; }
.searchField label { background: #ededef; display: block; padding: 4px; margin-bottom: 4px; font-weight: bold; color: #00284b; }
.searchField select { width: 98%; }
.searchField select.small { width: 45%; }

#frmSearch #mobiltyFacilities { width: 20em; height: 8em; }
#frmSearch #venueName { width: 15em; }
#frmSearch #hearingFacilitiesField { margin-left: 2%; }

#searchPreview { font-size: 140%; font-weight: bold; position: relative; top: -10px; color: #f00; }
#searchPreview #results { border: 1px solid #ababab; position: absolute; top: 0px; left: 0px; color: #00284b; margin: 0px; padding: 6px; }
#searchPreview input { position: absolute; top: 0px; right: 20px; vertical-align: middle; }

#searchResults .result, #searchResults .resultAdded { border-bottom: 1px solid #dedfe3; }
#searchResults .result .thumbnail, #searchResults .resultAdded .thumbnail { width: 85px; padding: 0px; float: left; margin: 0px 10px 0px 0px; }
#searchResults .result .thumbnail img, #searchResults .resultAdded .thumbnail img { width: 90px; height: 90px; }
#searchResults .result .resultInfo h3, #searchResults .resultAdded .resultInfo h3 { font-size: 140%; padding-left: 115px; margin: 0px 0px 2px 0px; background: #fff; padding: 0px; }
#searchResults .result .resultInfo h3 a, #searchResults .resultAdded .resultInfo h3 a { font-size: 100%; text-decoration: none; color: #1b2b40; }
#searchResults .result .resultInfo h3 a:hover, #searchResults .resultAdded .resultInfo h3 a:hover { text-decoration: underline; }
#searchResults .result ul, #searchResults .resultAdded ul { list-style: none; text-indent: 0px; margin: 0.3em 0em 0.1em 0.1em; padding: 0px; float: left; }

#searchResults .resultButton { background: #dedfe3; margin: 0px; padding: 4px; text-align: left; float: left; }
#searchResults .resultButton a { text-decoration: none; font-weight: normal; color: #424243; font-size: 90%; }

#searchResults .addFavourite { background: #dedfe3; padding: 0px; }
#searchResults .addFavourite a { color: #424243; }
#searchResults .addFavourite div, #searchResults .addingFavourite div { background: url(/images/btn_add_to.gif) 0% 50% no-repeat; padding: 7px 5px 7px 35px; margin: 0px; }

#searchResults .removeFavourite { background: #dedfe3; padding: 0px; }
#searchResults .removeFavourite a { color: #424243; }
#searchResults .removeFavourite div, { background: url(/images/btn_remove.gif) 0% 50% no-repeat; padding: 7px 5px 7px 35px; margin: 0px; }

#searchResults .addingFavourite { padding: 0px; margin: 0px; background: url(/images/favourites_fade.gif) top left repeat; }
#searchResults .addingFavourite div { background-image: url(/images/btn_added_to.gif); margin: 0px; padding: 7px 5px 7px 30px; }
#searchResults .addingFavourite strong { color: #fff; }
#searchResults .addingFavourite a { color: #fff; }

#searchResults .addedFavourite { padding: 0px; margin: 0px; }
#searchResults .addedFavourite div { margin: 0px; background: #2b496d url(/images/btn_added_to.gif) 0% 50% no-repeat; padding: 7px 5px 7px 30px; }
#searchResults .addedFavourite strong { color: #fff; }
#searchResults .addedFavourite a { color: #fff; }

#searchResults .viewDetails { background: #dedfe3 url(/images/btn_view_details.gif) 0% 50% no-repeat; padding: 7px 5px 7px 30px; }
#searchResults .viewDetails div { padding: 0px; }
#searchResults .viewDetails { margin: 0em 1em 0em 0em; }

#searchResults p { color: #043e7e; }

#enquire { position: relative; top: 10px; }
#enquire a { font-weight: bold; width: 30em; padding: 10px; border: 1px solid #ccc; background: #e8e8e8; font-size: 140%; color: #222; text-decoration: none; height: 4em; }
#enquire a:hover { background: #fff; }

/* For NetBuild auto-forms */

.formRow { clear: left; margin: 5px 0px 5px 0px; }
.formRow label { float: left; width: 15em; margin-right: 2em; margin-left: 10px; color: #002958; }
.formRow input.textField {  }
.formRow textarea { width: 18em; height: 5em; }
.formRow select.selectMulti { width: 18em; height: 10em; }
.submitRow { width: 35em; text-align: right; }
.fieldRequired { font-weight: bold; }
.fieldError label { color: red; font-weight: bold; text-decoration: underline; }
.error { border: 1px solid #ddd; padding: 5px; background: #eee; }

#CESForm #favouritesSummary { margin-left: 10px; }
div.step, #CESForm .step { background: #f2f2f2; padding: 10px; font-weight: bold; color: #002958; }
#CESForm fieldset { padding: 5px; border: 1px solid #aaa; background: #fff; }
#CESForm fieldset legend { font-size: 120%; font-weight: bold; margin-bottom: 10px; color: #002958; }
#CESForm fieldset#DataProtection label { width: 50%; }
#CESForm fieldset fieldset legend { margin-bottom: 0px; }
#CESForm textarea, textarea { font-size: 100%; font-family: arial, verdana, sans-serif; }

#searchHelp .highlighted { font-weight: bold; border: 2px solid #575757; padding: 10px; margin: 20px; }
.clear { height: 1px; line-height: 1px; overflow: hidden; clear: both; margin: 0px; padding: 0px; }


#videoBox { padding: 0px; float: right; width: 71%; margin: 0px; background: #e4e2e7; color: #444345; font-size: 90%; _height: 140px; min-height: 140px; }
* html #videoBox { padding: 0px; float: left; width: 65%; margin-left:5px;  background: #e4e2e7; color: #444345; font-size: 90%; _height: 140px; min-height: 140px; }
#videoBox H1 { font-family:arial; font-weight:bold; font-size:15pt; color: #012653; background-color:  #e4e2e7;}
#videoBox H3 { font-family:arial; font-weight:bold; font-size:13pt; color: #012653; background-color:  #e4e2e7;}

#videoBox #leftBox { float: left; width:46%;  margin:10px;}

#videoBox #rightBox { float: left; width:46%; margin:10px;}

#videoBox a { text-decoration:none; }

.IncentiveContent {position:relative; padding-right:270px; *height:0;}
.IncentiveContent .LeftSide {width:100%; min-width:580px; float:left;}
.IncentiveContent .RightSide {width:270px; float:right; margin-right:-270px; text-align:right; *display:inline; }
.IncentiveContent .clear {clear:both; display:block; height:1px; font-size:1px; line-height:1px;}