/* The great WTG recode.  CSS layout created by Col. */

/* Colours:>   #009AFE; for light, or #00529B; for darker  */

/* ----- Generic stying ----- */
html { height: 100%; margin-bottom: 1px; margin-left: 0px; }
body {
	margin: 0px;
	padding: 0px;
	background-color: #6666FF;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 13px;
}
a:focus, object:focus { outline-style:none; }  /* Goodbye pesky focus rectangle */

a:link, a:visited { color:#FF3300; }
h1, h2, .corbel, .rockwell { margin: 0px; padding: 0px; }
h3 { font-size: 14px; padding: 0px; margin: 15px 0px 5px 0px; }
h4 { font-size: 11px; padding: 0px; margin: 7px 0px 0px 0px; }

.caption { font-size: 10px; color: #FF3300; }

/* kenya competition form */

  #kenyaForm{ width:465px; background-color: #F0F0F0; border: 1px solid #999999; padding: 5px; }

/* / */

/* Generic typography */
  .bolder { font-weight: bolder; }
  .paragraph{ line-height: 1.4em; }
  div.paragraph br{ margin-bottom: 5px; }
  p.features_layout_wrapper, #main_with_left{ line-height: 1.4em; }
  #main_with_left h3 img{ margin-right: 5px; }
/* / */



/* Tourist Board Boxouts*/

.touristboard-wrapper{ width: 435px; padding: 5px; margin-top: 30px; background-color: #CCDDFF; border: 1px solid #AAAAAA; }
.touristboard-address-wrapper{ float: left; width: 125px; padding-right: 5px; margin-right: 5px; border-right: 1px dotted #666666; }
  .touristboard-address{ float: left; padding: 5px 5px 0 0; }
  .touristboard-address p { margin: 0 0 5px 0; padding: 0px; line-height: 1em; }

.touristboard-description-wrapper{ float: left; width: 295px; line-height: 1.2em; }
  .touristboard-heading { font-weight: bold; }
  .touristboard-description { margin-top: 0px; padding-top: 0px; }

  .touristboard-logo{ float: right; margin: 0 0 5px 5px; }

/* / */






/* ----- Layout ----- */
  #main_container{ width:974px; /* 994 inc padding */ margin: 0px auto 100px auto; padding:5px; background-color: #FFFFFF; }

  #YeddaContainer{ margin-top:50px; }

  #branding_holder{ width: 974px; background-color: #FFFFFF; }
    #branding{ height:148px; float: left; margin-left: 15px; }

  .advertising_top{ width:810px; min-height:148px; float: right; }
    .top_banner{ margin:0px; padding:0px; min-height: 90px; text-align: center; }
    .top_leaderboard{ height: 90px; margin:0px; padding:0px; text-align: center; }
    .top_Ad_Holder{ margin: 0px auto; }
    .google_mpu{ margin: 5px 0px 5px 5px; }
    .adtech_mpu{ margin: 5px; }
    div.inline table tbody{ margin: 0px; padding: 0px; width: 290px; } /*  Aiieee! What is this from (html.css) as I'm having to hack it to make it align!  */

  /* #crumbtrail{ width:50px; padding: 5px 5px 5px 7px; float:left; } - Currently unused but still being placeheld */
  #mainholder{  }

  .borderbottom{ margin-bottom: 5px; }

  div.back h3.inline{ font-size: 13px; }
  div.backtotop h3.inline{ font-size: 13px; float:right; }
  .image_boxout{ float: right; margin-left: 10px; margin-bottom: 5px; padding: 5px; }

  #flags{ width: 128px; padding-left: 10px; float: right; }

  .travel_essentials_bar_thumbs{  margin-right: 3px; }
  .travel_essentials_bar_heading{ padding: 0px 0px 5px 0px; margin: 0px;  }

/* ----- Travel partners ----- */
  #travel_partners{ width: 290px; margin: 5px 5px 0px 5px; padding: 5px; background-color: #FFFFFF; }
  #travel_partners h2{ font-size: 30px; font-style: italic;color: #FF3300;}
  #travel_partners_holder{  } /* just a container */

  div#travel_partners_holder div#column_left{ width: 140px; float: left; padding: 0px; }

  div#travel_partners_holder div#column_right{ width: 140px; float: right; padding: 0px; }
    .left_button,.right_button { width: 128px; min-height: 124px; /*background : url(../images/new/travelPartnersFade.gif) bottom repeat-x #EFEFEF;*/ border: 1px solid #CCCCCC; margin: 10px 0px 0px 0px; padding: 5px; }

  a.button_heading{ font-weight: bold; text-transform: uppercase; clear: both; }
  div#travel_partners_holder p { padding: 0px; margin: 2px 0px 0px 0px; }
  div#travel_partners_holder .button_heading img { margin: 0px 0px 4px 4px; }
/* / */


  #flashmap_holder{ width: 0px; /*border-top: 1px dashed #999999; border-right: 1px dashed #999999; border-left: 1px dashed #999999;*/ margin: 0px 0px 5px 1px; }

  .full_column{ width: 972px; }

  .left_column{ width:167px; padding: 0px; float:left; margin:0px 10px 10px 0px; font-size: 13px; }
    .left_column a { color: #6A6A6A; }
  .right_column{ width:310px; float:right; font-size: 11px; margin:0px 0px 10px 10px; clear: right; background-color: #F0F0F0; padding-bottom: 5px; }
  .right_column{ width:310px; float:right; font-size: 11px; margin:0px 0px 10px 10px; clear: right; background-color: #F0F0F0; }

  .right_list{ margin: 0px 0px 10px 5px; width: 289px; border: 1px solid #CCCCCC; padding: 5px; background-color: #FFFFFF; }
  .right_list h3{ margin: 0px }

  /*#main_no_left{ width: 654px; float:left; }*/

  #left_wrapper{ /*width: 654px;*/ float:left; margin: 0px; }/* Experimental SEO benefit layout*/

  #main_no_left{ width: 644px; float:left; margin-left: 10px; }
  #main_no_left_front{ width: 644px; float:left; margin-left: 0px; }  /* Frontpages are slightly different, and require no extra white space to the left, as internal pages do. */

  #main_with_left{ width: 468px; float: left; }



  .inline{ margin: 0px 5px; }


/* ----- Micromap ----- */

/*#micromap_holder{ clear: both; width: 964px; margin: 0px; background-color: #F5FAFD; font-size: 13px; padding: 5px; border-top: 1px solid #D5E4F0;}*/


/* For Blue - Enable this */
#micromap_holder{ clear: both; width: 964px; margin: 5px 0px 0px 0px; /*background-color: #F6F6F6;*/ background: url(/images/new/micromapBackground.gif) repeat-x 0 0 #6666FF; font-size: 13px; padding: 5px; border-top: 1px solid #DDDDDD; }#6666FF

#micromap_background{ display: block; }

  #micromap_quicklinks { margin-left: 6px; font-weight: bold; }
  h1.quick_links_indent{ margin-left: 4px; }

  .left_padded{ padding-left: 0px; }

  #micromap_holder ul#quick-links ul, #micromap_holder ul#quick-links{ margin: 0px; padding: 0px; }
  #micromap_holder ul#quick-links ul a:link ,#micromap_holder ul#quick-links ul a:visited{ color: #FFFFFF; }
  #micromap_holder ul#quick-links li.title a{ color: #FFFFFF; }


  #micromap_holder ul#quick-links li{ width: 233px; float: left; margin: 0px 4px; }
  #micromap_holder ul#quick-links li.title{ width: 233px; list-style: none; display: inline; background: none; font-style: italic; font-size: 13px; padding-bottom: 2px; color: #FFFFFF; font-weight: bold; }

  #micromap_holder ul#quick-links li.title span{ margin-left: 4px; }
  #micromap_holder ul#quick-links li.title div{ padding: 3px; margin-bottom: 0px; border-bottom: 1px solid #00529B; /* or #00529B; for darker */ }
  #micromap_holder ul#quick-links li.title ul { margin: 0px; padding: 0px; }
  #micromap_holder ul#quick-links li.title ul li{ list-style: none; background: url(../images/new/newsBulletLight.gif) 0px 4px no-repeat; border-bottom: 1px dotted #347db4; padding-left: 15px; font-style: normal; font-weight: normal; width: 212px; }
  #micromap_holder ul#quick-links li.title ul a{ display: block; padding: 2px 0px; }
  #micromap_holder ul#quick-links li.title ul a:hover{ background-color: #2375B1; }


  #micromap_holder ul#quick-links li.title-wide a{ color: #FFFFFF; }
  #micromap_holder ul#quick-links li.title-wide{ width: 313px; list-style: none; display: inline; background: none; font-style: italic; font-size: 13px; padding-bottom: 2px; color: #FFFFFF; font-weight: bold; }

  #micromap_holder ul#quick-links li.title-wide span{ margin-left: 4px; }
  #micromap_holder ul#quick-links li.title-wide div{ padding: 3px; margin-bottom: 0px; border-bottom: 1px solid #00529B; /* or #00529B; for darker */ }
  #micromap_holder ul#quick-links li.title-wide ul { margin: 0px; padding: 0px; }
  #micromap_holder ul#quick-links li.title-wide ul li{ list-style: none; background: url(../images/new/newsBulletLight.gif) 0px 5px no-repeat; border-bottom: 1px dotted #347db4; padding-left: 15px; font-style: normal; font-weight: normal; width: 292px; }
  #micromap_holder ul#quick-links li.title-wide ul a{ display: block; padding: 2px 0px; }
  #micromap_holder ul#quick-links li.title-wide ul a:hover{ background-color: #2375B1; }

/* / */

/* For white, enable this and change the quicklinks h1 class to dark in navigation_main.mas
#micromap_background{ background-color: #FFFFFF; display: block; }

  #micromap_quicklinks { margin-left: 6px; font-weight: bold; }
  h1.quick_links_indent{ margin-left: 4px; }

  #micromap_holder ul#quick-links ul, #micromap_holder ul#quick-links{ margin: 0px; padding: 0px; }
  #micromap_holder ul#quick-links li{ width: 233px; float: left; margin: 0px 4px; }
  #micromap_holder ul#quick-links li.title{ width: 233px; list-style: none; display: inline; background: none #FFFFFF; font-style: italic; font-size: 13px; padding-bottom: 2px; color: #00529B; font-weight: bold; }
  #micromap_holder ul#quick-links li.title span{ margin-left: 4px; }
  #micromap_holder ul#quick-links li.title div{ padding: 3px; margin-bottom: 0px; border-bottom: 1px solid #00529B; }
  #micromap_holder ul#quick-links li.title ul { margin: 0px; padding: 0px; }
  #micromap_holder ul#quick-links li.title ul li{ list-style: none; background: url(../images/new/newsBullet.gif) 0px 5px no-repeat #FFFFFF; border-bottom: 1px dotted #DDDDDD; padding-left: 15px; font-style: normal; font-weight: normal; width: 212px; }
  #micromap_holder ul#quick-links li.title ul a{ display: block; padding: 2px 0px; }
  #micromap_holder ul#quick-links li.title ul a:hover{ background-color: #F5FAFD; }
*/

/* / */

  #basenav_holder{ clear: both; width: 974px; margin-top: 5px; background-color: #FFFFFF; font-size: 13px; padding: 0px; }

  #base_nav_top{ border-top: 1px solid #CCCCCC; background-color: #EFEFEF; padding: 5px; margin: 0px; }
  #base_nav_top a{ padding: 0px 5px; }
  #base_nav_top span b{ margin-left: 4px; }
  #base_nav_bottom{ border-top: 1px solid #DDDDDD; background-color: #F6F6F6; padding: 5px 10px 5px 5px; margin-top: 0px; }
  #base_nav_bottom a{ padding: 0px 5px; }

  #copyright_holder{ clear: both; width: 974px; margin-top: 5px; background-color: #FFFFFF; font-size: 13px; padding: 0px; }
  div#copyright_holder div.copyright{ float: left; }
  div#copyright_holder div.details{ width: 405px; float: right; text-align: right; }
  div#copyright_holder div.details-holder{ clear: right; }

  div#basenav_holder div#extra-footer-nav { margin: 5px 0px 0px 10px; }

  div#basenav_holder span { font-size: 11px; text-align: left; }
  div#basenav_holder div { font-size: 11px; text-align: left; margin: 0px; }

  img.featuresbordermarginleft{ margin-right: 10px; }

/* / */



/* ----- Clock ----- */
  select#cities.form{ width: 468px; }
  div.clockdisplay{ padding: 5px; background-color: #EFEFEF; border: 1px solid #CCCCCC; }
  div.clockdisplay b { font-weight: bold; color:#00529B ; }
/* / */


/* ----- Minimap ----- */
  #minimap_holder{ margin:20px 0px 10px 0px; clear: left;}
/* / */


/* ----- Travel centre ----- */

#travel_centre{ width: 290px; margin:5px 5px 0px 5px; padding: 5px; background-color: #FFFFFF; }

.heading_underline{ width: 290px; border-bottom: 1px solid #00529B; }

  ul.lists_tight_left { margin: 5px 0px 0px 0px; padding: 0px; width: 138px; float: left; }
  ul.lists_tight_right { margin: 5px 0px 0px 0px; padding: 0px; width: 138px; float: right; }
    ul.lists_tight_left li, ul.lists_tight_right li { list-style: none; margin: 0px; padding: 0px 0px 0px 0px; background: url(../images/new/newsBullet.gif) no-repeat 5px 4px; border-bottom: 1px dotted #DDDDDD; display: block; }
    ul.lists_tight_left li a, ul.lists_left li a:link, ul.lists_left li a:visited, ul.lists_tight_right li a, ul.lists_right li a:link, ul.lists_right li a:visited { color:#00529B; width: 118px; display: block; margin-left: 20px; padding: 2px 0px; }
    ul.lists_tight_left li a:hover, ul.lists_tight_left li a:active, ul.lists_tight_right li a:hover, ul.lists_tight_right  li a:active { color:#00529B; text-decoration: underline; width: 118px; margin-left: 20px;  padding: 2px 0px; display: block; background-color: #F5FAFD; }

/* / */


/* ----- Useful sites ----- */

#useful_sites{ width: 290px; margin: 5px 5px 0px 5px; padding: 0px 5px; background-color: #FFFFFF; }
#useful_sites_holder{ margin-top: 5px; }

div#useful_sites a { font-size: 13px;color: #FF3300; }

div#useful_sites div.column_left{ margin: 0px; padding: 0px; width: 138px; float: left; padding-right: 5px; border-right: 1px dotted #CCCCCC; }
  div#useful_sites div.column_left a { font-weight: bold; padding-top: 3px; }
  div#useful_sites div.column_left p { margin: 2px 0px 0px 0px; }
div#useful_sites div.column_right{ margin: 0px; padding: 0px; width: 138px; float: right; }
  div#useful_sites div.column_right a { font-weight: bold; padding-top: 3px; }
  div#useful_sites div.column_right p { margin: 2px 0px 0px 0px; }

/* / */


/* ----- Events section ----- */

#event_1{ width: 314px; clear: both; border-bottom: 1px dotted #CCCCCC; padding-bottom: 5px; }
  div#event_1 img.eventsborder{ margin: 0px 10px 5px 0px; clear: right; }
  div#event_1 a { font-size: 13px; font-weight: bold; }
  #event_1 p { padding: 0px; margin: 0px; }

#event_2{ width: 148px; float: left; margin-top: 10px; border-right: 1px dotted #CCCCCC; padding-right: 5px; }
  div#event_2 img.eventsborder{ margin: 0px 10px 5px 0px; clear: right;}
  div#event_2 a { font-size: 13px; font-weight: bold;color: #FF3300; }
  #event_2 p { padding: 0px; margin: 0px; clear: left; }

#event_3{ width: 148px; float: right; margin-top: 10px; }
  div#event_3 img.eventsborder{ margin: 0px 10px 5px 0px; clear: right; }
  div#event_3 a { font-size: 13px; font-weight: bold; }
  #event_3 p { padding: 0px; margin: 0px; clear: left; }

#events_more{ padding-top: 10px; clear: both; }
  div#events_more a { font-size: 13px; font-weight: bold; }

.small_date{ font-size: 9px; margin: 5px 0px; padding: 0px; color: #666666; }

#events_topper { height: 5px; background: url(/images/new/eventsGreen.gif) repeat-x #FFFFFF; }

img.eventsbordermargin{ margin: 3px 10px 0px 0px; }

/* / */


/* ----- Homepage features layout ----- */

div#features_layout_wrapper{ width: 658px; }
div#features_layout_wrapper2{ width: 658px; margin-left:-5px; }
  div#features_layout_wrapper div#left{ float:left; width: 280px; }
  div#features_layout_wrapper div#right{ float:right; width: 350px; }

  div.frontpage{ width: 310px; min-height: 300px; float: left; padding: 5px; border: 1px dotted #CCCCCC; margin: 0px 4px 7px 3px; }
  div.innerpage{ width: 310px; min-height: 300px; float: left; padding: 5px; border: 1px dotted #CCCCCC; margin: 0px 4px 0px 3px; }
  div.frontpage_slim{ width: 450px; float: left; padding: 0px; /*border: 1px dotted #CCCCCC;*/ margin: 15px 4px 7px 0px; clear:left; }
  div.frontpage_slim a.travelessential{ float: left;}
  div.frontpage_wide{ width: 639px; float: left; padding: 0px; /*border: 1px dotted #CCCCCC;*/ margin: 0px 4px 7px 0px; clear:left; }
  div.frontpage_specialfeature{ width: 639px; float: left; padding: 5px; border: 1px dotted #CCCCCC; margin: 0px 4px 7px 0px; clear:left; }
  div.frontpage_wide_front ul, div.frontpage_wide ul{ list-style: none; margin: 0px; padding: 0px;}
  div.frontpage_wide_front ul li, div.frontpage_wide ul li{ float: left;}
  div.frontpage_wide_front{ width: 639px; min-height: 75px; float: left; padding: 0px; /*border: 1px dotted #CCCCCC;*/ margin: 0px 4px 7px 3px; clear:left; }

/*  div.left{ width: 314px; min-height: 350px; float: left; padding: 5px; border: 1px dotted #CCCCCC; margin-bottom: 7px; } */
/*  div.right{ width: 314px; min-height: 350px; float: right; padding: 5px; border: 1px dotted #CCCCCC; margin-bottom: 7px; } */

  div.news_column{ width: 310px; min-height: 250px; float: right; padding: 15px 5px 5px 5px; border: 1px dotted #CCCCCC; margin: 0px 4px 7px 3px; background: url(/images/new/newsBlue.gif) repeat-x #FFFFFF; position: relative; }

.more_news{ float: right; font-weight: bold; }

  div.events_column{ width: 310px; min-height: 350px; float: left; padding: 15px 5px 5px 5px; border: 1px dotted #CCCCCC; margin: 0px 4px 7px 3px; background: url(/images/new/eventsGreen.gif) repeat-x #FFFFFF; }
  div.events_column img{ clear: right; }

  div.events_column span{ float: right; }

  div.full{ width: 645px; float: left; padding: 5px; border: 1px dotted #CCCCCC; margin-bottom: 7px; margin-right: 7px; }
  div.full_with_left{ width: 468px; float: left; padding: 5px; border: 1px dotted #CCCCCC; margin-bottom: 7px; margin-right: 7px; }
  div.full_with_left h3{ margin-top: 0px; padding: 0px; }

  div.nomin{ width: 200px; float: left; padding: 5px; border: 1px dotted #CCCCCC; margin-bottom: 7px; margin-right: 7px; }


  .largerh4{ font-size: 14px; }


  div.nomin-wrap{ width: 212px; margin: 0px 7px 0px 0px; padding: 0px; float: left; }
  div.nomin-top{ width: 200px; float: left; padding: 5px; border-left: 1px dotted #CCCCCC; border-top: 1px dotted #CCCCCC; border-right: 1px dotted #CCCCCC; margin-bottom: 0px; margin-right: 7px; min-height:110px; }
  div.nomin-bottom{ width: 200px; float: left; padding: 5px; border-right: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC; border-left: 1px dotted #CCCCCC; margin-bottom: 7px; margin-right: 7px; }

  div.nomin img { margin: 0px 0px 0px 5px; }

  .floatright{ float: right !important; }

  div.associated{ width: 310px; margin: 8px 0px -5px -5px; padding: 8px 5px; border-top: 1px dotted #EEEEEE; }

  div.left_events{ width: 314px; min-height: 350px; float: left; padding: 5px; border: 1px dotted #CCCCCC; margin: 10px 0px 7px 0px; background: url(../images/new/eventsGreen.gif) repeat-x #FFFFFF; }

  div.right_news{ width: 314px; min-height: 350px; float: right; padding: 5px; border: 1px dotted #CCCCCC; margin: 10px 0px 7px 0px;  }

  div.bordertopbottomlight h3{ font-size: 13px; margin-left: 21px; }

  ul.lists{ margin: 0px; padding: 0px; }
    ul.lists li { list-style: none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; background: url(../images/new/newsBullet.gif) no-repeat 5px 3px; }
    ul.lists li a, ul.lists li a:link, ul.lists li a:visited { color:#00529B; }
    ul.lists li a:hover, ul.lists li a:active { color:#00529B; text-decoration: underline; }

    div#main_no_left a { color:#00529B; }

  ul.lists-indented { margin: 0px; padding: 0px 0px 0px 25px; }
        ul.lists-indented li { list-style: none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 20px; background: url(../images/new/newsBullet.gif) no-repeat 5px 3px; }
    ul.lists-indented li a, ul.lists li a:link, ul.lists li a:visited { color:#00529B; }
    ul.lists-indented li a:hover, ul.lists li a:active { color:#00529B; text-decoration: underline; }

    .bigimage { width: 309px; height: 150px; margin: 0px 0px 10px 1px; clear: both; float: left; }

    div.frontpage_wide img.bigimage{ clear: both; float:right; }
    div.frontpage_specialfeature img.bigimage{ clear: both; float:right; }

    .larger_overview{ float: left; clear: both; font-size: 14px; line-height: 135%; /*font-weight: bold;*/ color: #333333; }
    .sponsorLabel{ margin: 0px 0px 10px 10px; float: right; }
    div.sponsor-image{width: 314px; float: right; margin-left: 10px; margin-bottom: 10px; clear: right;}

/* / */



/* ----- German webshop legacy styles ----- */
    .mapcapsule {border-top: 10px solid #8196b3; border-right: 1px solid #4f4f4f; border-left: 1px solid #4f4f4f; padding: 4px;}
    .plaincapsule {border-right: 1px solid #4f4f4f; border-left: 1px solid #4f4f4f; padding: 4px;}
    .videocapsule {border-right: 1px solid #4f4f4f; border-left: 1px solid #4f4f4f; padding: 15px;}
    .greycapsule {border-right: 1px solid #4f4f4f; border-left: 1px solid #4f4f4f; padding: 4px; background-color: #e1e1e1;}
    .leaderbordertop {border-top: 1px solid #707070;}
    .leaderborderleft {border-left: 1px solid #707070;}
    .leaderborderright {border-right: 1px solid #707070;}
    .leaderborderbottom {border-bottom: 1px solid #707070;}
    .leaderborderrightleft {border-right: 1px solid; border-color : #707070; border-left: 1px solid; border-color : #707070;}
    h3.tablehead {font-family: verdana,  Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight:  bold; margin-bottom: 4px; margin-top: 2px; color: #0000CC; display: inline;}
    .borderbottom {border-bottom: 1px solid #4f4f4f;}
    .bordertopbottom {border-top: 1px solid; border-color : #4f4f4f; border-bottom: 1px solid; border-color : #4f4f4f;}
    .borderleftbottom {border-left: 1px solid; border-color : #4f4f4f; border-bottom: 1px solid; border-color : #4f4f4f;}
    .borderlefttop {border-left: 1px solid; border-color :#4f4f4f; border-top: 1px solid; border-color :#4f4f4f;}
    .borderleftright {border-right: 1px solid; border-color : #4f4f4f; border-left: 1px solid; border-color :#4f4f4f;}
    .borderrightlefttop {border-right: 1px solid; border-color : #4f4f4f; border-top: 1px solid; border-color : #4f4f4f; border-left: 1px solid; border-color : #4f4f4f;}
    .borderrighttopthick {border-right: 3px solid; border-color : #4f4f4f; border-top: 1px solid; border-color : #4f4f4f;}
    .borderrighttop {border-right: 1px solid; border-color : #4f4f4f; border-top: 1px solid; border-color : #4f4f4f;}
    .borderrightbottom {border-right: 1px solid; border-color :#4f4f4f; border-bottom: 1px solid; border-color : #4f4f4f;}
    .borderrightleftbottom {border-right: 1px solid; border-color : #4f4f4f; border-bottom: 1px solid; border-color : #4f4f4f; border-left: 1px solid; border-color : #4f4f4f;}
    .borderleft {border-left: 1px solid #4f4f4f;}
    .borderright {border-right: 1px solid #4f4f4f;}
    .bordertop, td.bordertop {border-top: 1px solid #4f4f4f;}
    .webshoptitleback {background-color: #ffffff; /*border-bottom: 10px solid #8196b3;*/ padding: 1px 1px 1px 10px; border-top: 1px solid #4f4f4f;}
    h1.webshop {color: #0000CC;}
    .wslefttbcell {border-left: 1px solid; border-color :#4f4f4f; border-top: 1px solid; border-color :#999999; padding: 2px;}
    .wsrighttbcell {border-right: 1px solid; border-color :#4f4f4f; border-top: 1px solid; border-color :#999999; padding: 2px;}
    .wscentertbcell {border-color :#4f4f4f; border-top: 1px solid; border-color :#999999; padding: 2px;}
    .videostitleback {background-color: #ffffff; /*border-bottom: 10px solid #8196b3;*/ padding: 1px 1px 1px 10px;}
    h1.videos {color: #0000CC;}
    img.productpadding {margin: 0px 10px 10px 0px;}
/* / */



/* ----- Search ----- */
  #searchbox{ float:right; margin: 0 312px 2px 0; }

  div#searchbox form#search.formsearch div#legend{ float: left; font-weight: bold; padding-top: 2px; margin-right: 5px; }
  div#searchbox form#search.formsearch input#search_box{ background-color: #FDFDFD; border: 1px solid #00529B; width:395px; padding: 1px 3px; font-weight: bold; color: #00529B; font-size: 16px; }
  div#searchbox form#search.formsearch input#search_box:focus { background-color: #EAF2F8; border: 2px solid #00529B; }
  div#searchbox form#search.formsearch input#search_button{ margin-top: 5px; border: none; }
/* / */


/* ----- Breadcrumb styles ----- */
.breadcrumb { background: transparent; }
a.breadcrumb:link, a.breadcrumb:visited { color: #0000EE; text-decoration: none; }
a.breadcrumb:hover, a.breadcrumb:active { color: #0000EE; text-decoration: underline; }
/* / */



/* ----- content licensing styles ----- */
#contentLicensingBox{ width: 90%; margin: 10px auto; padding-bottom: 10px; font-size: 13px; /* font-weight: bold; */ text-align: justify; border: 1px solid #BECFDF; background-color: #EAF2F8; }
#contentLicensingBox div { background: transparent url(../images/blockquoteOpen.gif) left top no-repeat; padding-left: 40px; margin: 0px; }
#contentLicensingBox blockquote { margin: 10px; background: transparent url(../images/blockquoteClose.gif) right bottom no-repeat; padding-right: 40px; }
#contentLicensingBox cite { margin-left: 50px; font-weight: bold; font-size: 12px; }
/* / */



/* ----- Horizontal navigation ----- */
  #nav_holder{ margin-top:5px; }

    /* ----- Top nav MAIN ----- */
      ul#top_nav_main{ list-style: none; background: url(/images/new/nav/linuxmenufix.gif) no-repeat left top #6666FF; margin:0px; padding: 5px 0px; font-size: 14px; font-weight: bold; margin-bottom: 1px; }
      ul#top_nav_main li{ display: inline; background: url(/images/new/nav/top_nav_main_separator.gif) right no-repeat; }
        ul#top_nav_main a, ul#top_nav_main a:link, ul#top a:visited{ padding: 5px 15px 5px 15px; margin: 0px; color: #303030; }
        ul#top_nav_main a:hover, ul#top a:active{ padding: 5px 15px 5px 15px; color: #0066FF; }
    /* / */

    /* ----- Top nav SUBNAV ----- */
      ul.top_nav_sub{ list-style: none; background-color:#DCDCDC; margin:0px; padding: 2px 0px; font-size: 12px; font-weight: bold;}

      ul.top_nav_sub li{ display: inline; background: url(/images/new/nav/top_nav_sub_separator.gif) right no-repeat; }
        ul.top_nav_sub a, ul#top_nav_sub a:link, ul#top a:visited{ padding: 2px 7px; margin: 0px; color: #00529B; }
        ul.top_nav_sub a:hover, ul#top_nav_sub a:active{ padding: 2px 7px; margin: 0px; background: url(/images/new/nav/top_nav_sub_separator.gif) right no-repeat #CCCCCC; }
    /* / */

    /* ----- Extras, like 'last in list' and 'selected state' for both main and subnav ----- */
      ul#top_nav_main li#last, ul#top_nav_sub li#last, ul#top_nav_sub li#last a:hover { background: none; }

      ul#top_nav_main li.selected, ul#top_nav_main li.selected a { margin-bottom: -1px; padding-bottom: 6px; background: #DCDCDC; }
      ul#top_nav_main li.left_of_selected, ul#top_nav_main li.left_of_selected a { margin-bottom: -1px; padding-bottom: 6px; background: none; }
      ul#top_nav_sub li.selected, ul#top_nav_sub li.selected a { padding: 2px 10px; background: none; }

      ul.top_nav_sub li.last, ul.top_nav_sub li.last a { background: none; }
      ul.top_nav_sub li.last a:hover { background: #CCCCCC;}
      ul.top_nav_sub li.selected { background: #BBBBBB;}

      ul#top_nav_main li.travel_offers, ul#top_nav_main li.travel_offers a { color: #A52A2A; }

        /* Sections yet to be implemented */
        ul#top_nav_main li.not_implemented, ul#top_nav_main li.not_implemented a { background-color: #CCCC99; }
        ul#top_nav_sub li.not_implemented, ul#top_nav_sub li.not_implemented a { background-color: #CCCC99; }
        /* */

    /* / */



/* ----- Book it now ----- */

.large-icon{ width: 150px; height: 150px; margin-left: 16px; margin-bottom: 10px;}

/* / */



/* ----- Overview Navigation - (in guide pages) ----- */

    li.subnavitem{ font-weight: bold; }
    li#selected{ /*background:#F5FAFD;*/ }  /* Lighter - as Travel Partners hover */
    /*li#selected{ background:#EAF2F8; }*/  /* Darker - as search box focus */

    div.left_column div.header { margin: 0px; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #000000; clear: both; }
    div.left_column div.location { margin: 0px; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #009AFE; background: url(../images/new/arrow_down_overview.gif) right top no-repeat; border-bottom: 7px #009AFE solid; padding-bottom: 5px;}
    div.left_column div.header_inner, div.left_column div.location_inner, div.left_column div.section_inner { margin-right: 16px; }

    div.left_column div.section { display: none; } /* Hidden to disable in guide-level vertical navigation.  Change to below to reactivate. */
    /*div.left_column div.section { margin: 0px; font-size: 13px; font-weight: bold; color: #000000; padding: 8px 0px 3px 0px; border-bottom: 1px dotted #CCCCCC; clear: both; display: none;}*/

    div#left_column ul { margin: 0px; padding: 0px 0px 1px 0px; border-bottom: 2px solid #005DA3; }
    div#left_column li.subnavitem { list-style: none; width: 167px; background-color: #FFFFFF; border-bottom: 1px dotted #CCCCCC; display:block; }
      div#left_column li.subnavitem a:link, div#relatedGuides li.subnavitem a:visited { display: block; padding: 3px 0px; }
      div#left_column li.subnavitem a:active, div#relatedGuides li.subnavitem a:hover { display: block; padding: 3px 0px; color: #009AFE; }

/* Related guides */
    #relatedGuidesHead { padding-right: 16px; }
    div.left_column div.related_guides { margin: 20px 0px 0px 0px; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #005DA3; background: url(../images/new/arrow_down_guide.gif) 151px 2px no-repeat; border-bottom: 7px #005DA3 solid; padding-bottom: 3px;}
    div.left_column div.related_guides a{ color: #005DA3; display: block; }

    div#relatedGuides ul { margin: 0px; padding: 0px 0px 1px 0px; border-bottom: 2px solid #005DA3; }
    div#relatedGuides li.subnavitem { list-style: none; width: 167px; background-color: #FFFFFF; border-bottom: 1px dotted #CCCCCC; display:block; }
      div#relatedGuides li.subnavitem a:link, div#relatedGuides li.subnavitem a:visited { display: block; padding: 3px 0px; }
      div#relatedGuides li.subnavitem a:active, div#relatedGuides li.subnavitem a:hover { display: block; padding: 3px 0px; color: #009AFE; }
/* / */


/* Related featues */
    #relatedFeaturesHead { padding-right: 16px; }
    div.left_column div.related_features { margin: 20px 0px 0px 0px; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #CF3267; background: url(../images/new/arrow_down_features.gif) 151px 2px no-repeat; border-bottom: 7px #CF3267 solid; padding-bottom: 5px; }
    div.left_column div.related_features a{ color: #CF3267; display: block; }

    div#relatedFeatures ul { margin: 0px; padding: 0px 0px 1px 0px; border-bottom: 2px solid #CF3267; }
    div#relatedFeatures li.subnavitem { list-style: none; width: 167px; background-color: #FFFFFF; border-bottom: 1px dotted #CCCCCC; display:block; }
      div#relatedFeatures li.subnavitem a:link, div#relatedFeatures li.subnavitem a:visited { display: block; padding: 3px 0px; }
      div#relatedFeatures li.subnavitem a:active, div#relatedFeatures li.subnavitem a:hover { display: block; padding: 3px 0px; color: #009AFE; }
/* / */


/* Related airports */
    #relatedAirportsHead { padding-right: 16px; }
    div.left_column div.related_airports { margin: 20px 0px 0px 0px; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #CF3267; background: url(../images/new/arrow_down_airports.gif) 151px 2px no-repeat; border-bottom: 7px #f47300 solid; padding-bottom: 5px; }
    div.left_column div.related_airports a{ color: #f47300; display: block; }

    div#relatedAirports ul { margin: 0px; padding: 0px 0px 1px 0px; border-bottom: 2px solid #f47300; }
    div#relatedAirports li.subnavitem { list-style: none; width: 167px; background-color: #FFFFFF; border-bottom: 1px dotted #CCCCCC; display:block; }
      div#relatedAirports li.subnavitem a:link, div#relatedAirports li.subnavitem a:visited { display: block; padding: 3px 0px; }
      div#relatedAirports li.subnavitem a:active, div#relatedAirports li.subnavitem a:hover { display: block; padding: 3px 0px; color: #009AFE; }

    #airport_map{ float:right;padding: 25px 0px 10px 10px; }

/* / */


/* Related Information */
    #relatedInformation{ margin-bottom: 10px; }
    #relatedInformationHead { padding-right: 16px; }
    div.left_column div.related_Information { margin: 20px 0px 0px 0px; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #81AA06; background: url(../images/new/arrow_down_tours.gif) 151px 2px no-repeat; border-bottom: 7px #81AA06 solid; padding-bottom: 5px; }
    div.left_column div.related_Information a{ color: #81AA06; display: block; }

    div#relatedInformation ul { margin: 0px; padding: 0px 0px 1px 0px; border-bottom: 2px solid #81AA06; }
    div#relatedInformation li.subnavitem { list-style: none; width: 167px; background-color: #FFFFFF; border-bottom: 1px dotted #CCCCCC; display:block; }
      div#relatedInformation li.subnavitem a:link, div#relatedInformation li.subnavitem a:visited { display: block; padding: 3px 0px; }
      div#relatedInformation li.subnavitem a:active, div#relatedInformation li.subnavitem a:hover { display: block; padding: 3px 0px; color: #009AFE; }

      .Information_more { margin-top: 10px; font-weight: bold; }
/* / */

    ul.overview_menu{ margin: 0px; padding: 0px; width: 167px; }
    ul.overview_menu li { list-style: none; width: 167px; background-color: #FFFFFF; border-bottom: 1px dotted #CCCCCC; }
      ul.overview_menu a:link, ul.overview_menu a:visited { display: block; padding: 3px 0px; }
      ul.overview_menu a:link, ul.overview_menu a:visited { display: block; padding: 3px 0px; }
      ul.overview_menu a:active, ul.overview_menu a:hover { display: block; padding: 3px 0px; color: #009AFE; }

      ul.subnav{ padding: 0px; margin: 0px; }

/* / */

/* Tours Boxout */

  .tours_boxout{ border: 1px solid #EEEEEE; padding: 5px; margin-top: 10px;}  .tours_boxout h3{ margin: 0px 0px 5px 0px; padding: 0px; }
  .tours_boxout li{ list-style: none; margin: 0px; padding: 0px 0px 0px 0px; background: url(../images/new/newsBullet.gif) no-repeat 5px 4px; display: block; }
  .tours_boxout li a{ margin-left: 20px;}

/* / */



/* ----- Paid Content ----- */

.paidcontent{ margin-top: 10px; margin-bottom: 10px; background-color: #F0F0F0; padding: 10px; border: 1px solid #DCDCDC; }

/* / */



/*Hostel Bookers*/
div#wrapper { display:block; font-family:Arial, Helvetica, sans-serif; width:460px; margin:10px; }
div#search { width:460px; }
#hb247wrap { width:460px !important; }
div#header p{ width:460px; padding-bottom:20px; font-size:12px; }
.hb247label { display:none;}
td.tableborder { border:1px solid black; padding:5px; }

p.hostelbook { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; }
h2.Title { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#7B7543; margin-bottom:20px; }
h2.destTitle { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#7B7543; margin-bottom:5px; }

.destLeft, .destRight { display:block; border:1px solid black; margin-top:12px; width:460px;  }
.destLeft br, .destRight br { clear:both;  }

.topLeft { display:block; width:248px; margin:10px; float:left }
.imgLeft { display:block; width:150px; margin:10px; float:right }

.topRight { display:block; width:248px; margin:10px; float:right }
.imgRight { display:block; width:150px; margin:10px; float:left }
.warningbox {border: 1px solid #bc1d1d; padding: 4px; background-color: #f7ebeb;}



/* ----- Clearfix ----- */
  .clearfix:after { clear:both; content:"."; display:block; height:0pt; visibility:hidden; }
  * html .clearfix { height:1%; }
  .clearfix { display:block; }
/* / */