/* ? copyright 2004-2007 Nawaz Khan */
/* v3.01 20.05.2007 */

@import("macie51.css");

/* old site / css backward compatability */

.titlebold {
  font-family: Verdana, Arial, sans;
  font-size: 9pt;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
.small {
  font-family: Verdana, Arial, sans-serif;
  font-size: 7pt;
  color: #FF9900;
  text-decoration: blink;
}

/* cms */

#header_logo_cms  {
background:url(top_title_cms.gif); 
width:386px; 
height:130px; 
float:left}

.datagrid {font:10px verdana;}

.box {
font:10px verdana,tahoma,arial,helvetica}

.box_450 {
font:10px verdana,tahoma,arial,helvetica;
width:450px}

.box_175 {
font:10px verdana,tahoma,arial,helvetica;
width:175px}

.cms_visual_container {
clear:both;
border:1px solid #000;
background:#ccc;
margin:10px;
padding:10px}

hr {
height:1px;
color:#000}

h1 {
text-align:center;
width:100%;
font-size:15px;
font-weight:bold;
margin:0 0 4px 0;
padding-bottom:0;    /* show to Mozilla/Safari/Opera */
_padding-bottom:4px; /* show to IE */ }

/* facilities management */

fieldset table tr td {width:335px; font-size:11px;}

fieldset table tr td label {position:relative; top:-3px;}

/*
.cms_visual_container1, .cms_visual_container2 {
border:1px solid blue;
margin:10px;
padding:10px;
background:#ccc;
float:left}
*/

.underline {text-decoration:underline}

p {clear:both}

.spacer{display:none}

.clear{clear:both}

/*tr {background-color:#e1e1e1}*/

/*td {font-weight:bold}*/

/* main */

body {
font-size:8pt;
font-family:verdana,arial,sans,helvetica;
background:#fff url(bg_stripes.gif);
color:#000;
padding:0;
margin:0}

.templateHolder {
font-size:8pt;
font-family:verdana,arial,sans,helvetica;
background:#fff url(bg_stripes.gif);
color:#000;
padding:0;
margin:0}

body#cms {
font-size:8pt;
font-family:verdana,arial,sans,helvetica;
background:#fff;
color:#000;
padding:0;
margin:0}

#frame {
background:#fff;
width:769px;
margin:0 auto;
/*
margin-right:auto;
margin-left:auto;
margin-top:0;
*/
padding:0;
border:1px solid #000}

/*
#left   {width:175px; float:left; padding:0}
#right  {width:175px; float:left; padding:0}
*/

/* index.htm */

#index_right {width:225px; float:left; padding:20px 0 0 0}
#index_center {width:494px; float:left; padding:20px 25px 25px 25px}

/* accomm_dir.htm */

#center_l {
float:left;
width:50%}

#center_r {
float:left;
width:50%}

/* header */

#header {width:769px; height:130px}
#header_logo  {background: url(top_title.gif); width:386px; height:130px; float:left}
#header_logo_bg {background: url(top_pic1.jpg); width:383px; height:130px; float:left}

/* main navigation */

#nav {
background:#000;
width:769px;
padding:0;
margin:0;
text-align:center}

#nav ul {
height:1.7em;
color:#fff;
padding:4px 0 0 0;
margin:0;
list-style-type:none}

#nav ul li {
display:inline;
margin:0;
padding:0 5px}

#nav li a {
font-weight:bold;
font-size:8pt;
padding:0 0 0 15px;
text-decoration:none;
color:#fff;
background:transparent url(bullet.gif) no-repeat -.2em .4em}

#nav li a.on  {color:#ff9900; text-decoration:none}
#nav li a:hover {color:#ff9900;}

#center {
width:auto; 
float:left;
padding:20px 25px 25px 25px}

#center_head {
padding:0 0 5px 0;
margin:0;
height:22px}

/* icon container */

/* is this being used? */
#icon_container {
float:left;
margin:0;
padding:0}

/* page icons */

#icon_container ul {
width:350px;
height:33px;
padding:3px 0;
margin:0}

#icon_container li {display:inline}

#icon_container li a {
border:1px solid white;
/*height:46px;*/
color:#999;
font-size:10px;
margin:0 15px 0 0; /* spacer between items */
padding:3px 0 3px 23px}

li.bookmark a {background:url(star.gif) no-repeat}
li.print a    {background:url(print.gif) no-repeat}

#icon_container li a:hover {color:#ff9900;text-decoration:underline}

/* icon container2 */

#icon_container2 {
clear:both;
width:100%;
height:25px;
margin:0;
padding:0}

/* page icons version 2 */

#icon_container2 ul {
float:right;
width:280px;
height:20px;
padding:4px 0;
margin:0}

#icon_container2 li {display:inline}

#icon_container2 li a {
border:1px solid white;
color:#999;
font-size:10px;
margin:0 15px 0 0; /* spacer between items */
padding:3px 0 3px 23px}

li.bookmark2 a {background:url(star.gif) no-repeat}
li.print2 a     {background:url(print.gif) no-repeat}

#icon_container2 li a:hover {color:#ff9900;text-decoration:underline}

/* quickjump */

#quickjump {
/*width:150px;*/
height:18px;
float:right;
padding:0;
margin:0}

/* dropdown container */

#dropdown_container {
width:100%;
height:20px;
padding:10px 0 0 0}

/* sub nav */

#sub_nav {
float:left;
padding:0 0 15px 0;
margin:0}

/* separator bar */

#sub_nav span {color:#cecece; font-weight:normal;}

#sub_nav ul {
padding:3px;
margin:0;
list-style-type:none;}

#sub_nav li {
display:inline}

#sub_nav li.on {
font-weight:bold;
background-image:url(arrow2.gif);
background-repeat:no-repeat;
background-position:0 .3em;
padding:0 0 0 7px}

#sub_nav li a {
color:#000}

#sub_nav li a:hover {color:#ff9900; text-decoration:underline}

/* title + image sub-title + link */

/* accommodation brochure page */

.title_address_quote {
margin-bottom:10px;
text-align:center;
padding-bottom:0}

#quote {
font-style:italic;
font-weight:bold;
padding:0 50px 0 50px;
margin:8px 0 0 0}

.accomm_photo_container {
clear:both;
margin-top:15px;
width:718px}

.accomm_photo {
height:auto;
margin:0 auto}

#div_accomm_photo1,
#div_accomm_photo2,
#div_accomm_photo3,
#div_accomm_photo4 {
margin:0 10px;
float:left;
width:144px}

span.image_caption{
border:1px solid #fff;
margin:10px 0;
font-weight:bold; 
font-size:10px;
display:block;
text-align:center}

img.photo_frame {border:1px solid #ccc; padding:1px}

.caption {
margin-bottom:10px;
text-align:center;
height:14px;
width:600px;
margin-left:60px}

.caption1, 
.caption2 {
width:50%;
float:left;
height:14px;
text-align:center;
font-weight:bold}

.booking_link {
height:14px;
margin-bottom:10px;
text-align:center; 
font-weight:bold;
clear:both}

.booking_link a {color:#ff9900}
.booking_link a:hover {color:#000}

/* facilities list */

.facilities_list_container {
width:680px;
height:auto;
padding:0}

.facilities_list {
list-style:none;
margin:0;
padding:0;
float:left;
width:170px}

.list_container {clear:both}

span#dl_accomm_facilities {text-transform:capitalize}

/* alternative accommodation */

.alternative_accomm {
padding:13px 0;
clear:both}

.alternative_accomm ul {
padding-left:0;
margin-left:0;
list-style-type:none}

.alternative_accomm ul li a {}

/* general */

a {color:#000}

a:hover {color:#ff9900; text-decoration:none}

.title {font-weight:bold}

a.title {
font-weight:bold;
color:#ff9900;
}

a.title:hover {color:#ff9900;}

.capitalise {text-transform:capitalize;}

h1.left {
text-align:left;
float:left;
width:50%;
font-size:15px;
font-weight:bold;
margin:2px 0 4px 0;
padding-bottom:0;    /* show to Mozilla/Safari/Opera */
_padding-bottom:4px; /* show to IE */ }

h2, h3, h4, h5, h6 {
clear:both;
font-size:8pt;
text-align:left;
font-weight:bold;
margin:0 0 4px 0;
padding-bottom:0;    /* show to Mozilla/Safari/Opera */
_padding-bottom:4px; /* show to IE */ }

h2.accommodation {
float:left;
clear:both;
font-size:8pt;
text-align:left;
font-weight:bold;
margin:3px 0 4px 0;
padding-bottom:0;    /* show to Mozilla/Safari/Opera */
_padding-bottom:4px; /* show to IE */ }

h2.language_school{}

#bottom_booking_link {text-align:center; padding:12px 0 0 0}
#bottom_booking_link a {color:#ff9900; font-weight:bold}
#bottom_booking_link a:hover {color:#000}

/*******************/
/* booking banners */
/*******************/

/* left-aligned */

.booking_banner1, 
.booking_banner_city, 
.booking_banner_portal { /* retain old classes for safety */
background:url(booking-banner1.gif) no-repeat center left;
height:57px;
margin:0;
padding:20px 0 0 0;
clear:both;}

/* centre-aligned */

.booking_banner2 {
background:url(booking-banner2.gif) no-repeat center center;
height:55px;
margin:0 0 10px 0;
padding:14px 0 0 0;
clear:both;
text-align:center}

#copyright {
font-style:italic;
color:#999;
padding:5px;
text-align:center}

/* site map */

#sitemap {
margin-left:0;
padding-left:0;
list-style:none}

ul#sitemap {
margin-top:0; 
padding-top:0}

#sitemap li {
padding:5px 0 0 15px;
background-image:url(page.gif);
background-repeat:no-repeat;
background-position:0 .5em}

#sitemap li ul {
list-style:none;
padding:2px 0}

/* new sitemap */

#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
padding-left: 10px;
background-image: url(arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}

#navlist ul { list-style: none; }

/**/

/* bottom navigation */

#bottom_nav {
background:#000;
width:769px;
padding:0;
margin:0;
text-align:center}

#bottom_nav ul {
height:1.4em;
color:#fff;
padding:2px 0 1px 0;
margin:0;
list-style-type:none}

#bottom_nav ul li {
display:inline;
margin:0;
padding:0 5px}

#bottom_nav li a {
font-size:8pt;
padding:0 0 0 15px;
text-decoration:none;
color:#fff;
background:transparent url(bullet.gif) no-repeat -.2em .4em}

#bottom_nav li a.on   {color:#ff9900; text-decoration:none}
#bottom_nav li a:hover {color:#ff9900;}

.code {
color:red;
font-size:11px;
font-family:courier}

/* page specific */

/* accommodation.htm */

#city_container {
width:100%;
height:auto;
clear:both}

#city_name {
width:225px;
height:1.4em; 
float:left}

#city_book {
text-align:right;
padding:0;
margin:0;
width:470px; 
height:1.4em; 
float:left}

#city_book ul {
margin:0;
list-style: none}

#city_book ul li a {
color:#ff9900;
float:right;
padding-left:10px;
width:auto;
background:url(arrow3.gif) no-repeat 0 .2em}

#city_desc {
border:1px solid white;
float:left;
padding:7px 0 15px 10px;
height:auto;
width:600px}

#city_thumb {
width:90px;
height:88px;
/*padding:1px;*/
margin:10px 0 10px 0;
float:left}

#city_thumb img {
border:1px solid #ccc;
padding:1px}

/* accommodationcity.htm */

/* sub-nav */

#accomm_city_sub_nav {
float:left;
width:650px;
padding:0 0 10px 0;
margin:0}

#accomm_city_sub_nav span {color:#cecece; font-weight:normal;}

#accomm_city_sub_nav ul {
padding:3px;
margin:0;
list-style-type:none;}

#accomm_city_sub_nav li {
display:inline}

#accomm_city_sub_nav li.on {
font-weight:bold;
background-image:url(arrow2.gif);
background-repeat:no-repeat;
background-position:0 .3em;
padding:0 0 0 7px}

#accomm_city_sub_nav li a {
color:#000}

#accomm_city_sub_nav li a:hover {color:#ff9900; text-decoration:underline}

/* head */

#head_city_thumb {
width:100%;
height:auto;
text-align:center;
margin:10px 0 10px 0;
float:left}

#head_city_thumb img {
border:1px solid #ccc;
padding:1px}

#head_city_desc {
float:left;
padding:0;
height:auto;
width:100%}

#head_city_book {
border:1px solid green;
text-align:center;
padding:0;
margin:0;
width:100%; 
height:auto;
float:left}

#head_city_book ul li a {
color:#ff9900;
padding-left:10px;
width:auto;
background:url(arrow3.gif) no-repeat 0 .2em}

#type_container {
width:719px;
height:85px; 
clear:both;}

#type_name {
width:245px;
height:1.4em; 
float:left}

#head_type_name {
font-weight:bold;
width:100%;
text-align:center;
height:1.4em; 
float:left}

#type_book {
text-align:right;
padding:0;
margin:0;
width:470px; 
height:1.4em; 
float:left}

#type_book ul, #head_city_book ul {
margin:0;
list-style: none}

#type_book ul li a {
color:#ff9900;
float:right;
padding-left:10px;
width:auto;
background:url(arrow3.gif) no-repeat 0 .2em}

#type_desc {
float:left;
padding:7px 0 15px 0;
height:auto;
width:645px}

#type_thumb {
width:70px;
height:54px;
margin:3px 0 10px 0;
float:left}

#type_thumb img {
border:1px solid #ccc;
padding:1px}

/***************/
/* portal.aspx */
/***************/

#portal_sub_nav {
float:left;
width:100%;
padding:0 0 10px 0;
margin:0}

.portal_sub_nav span {color:#cecece; font-weight:normal} /* separator bar */

#portal_sub_nav ul {
padding:3px;
margin:0;
list-style-type:none}

.portal_sub_nav li {display:inline}

.portal_sub_nav li.on {
font-weight:bold;
background-image:url(arrow2.gif);
background-repeat:no-repeat;
background-position:0 .3em;
padding:0 0 0 7px}

.portal_sub_nav li a {color:#000}

.portal_sub_nav li a:hover {color:#ff9900; text-decoration:underline}

.accommodation_container {
width:100%;
clear:both}

.portal_accommodation_container {
height:80px;
padding:0;
margin:0;
width:100%;
clear:both}

.head_accommodation_name {
font-weight:bold;
width:100%;
height:auto;
text-align:center; 
float:left}

.head_accommodation_thumb {
width:100%;
height:auto;
margin:0;
padding:0;
text-align:center}

.head_accommodation_thumb img {
border:1px solid #ccc;
padding:1px;
margin-top: 5px;
margin-bottom: 5px;}

.head_accommodation_desc {
clear:both;
padding:0;
height:auto;
width:100%}

.accommodation_name {
width:455px;
height:1.4em; 
float:left}

.accommodation_book {
text-align:right;
padding:0;
margin:0;
width:210px; 
height:1.4em; 
float:right}

.accommodation_book ul {
margin:0;
list-style: none}

.accommodation_book ul li a {
color:#ff9900;
float:right;
padding-left:10px;
width:auto;
background:url(arrow3.gif) no-repeat 0 .2em}

.accommodation_desc {
float:left;
padding:7px 0 15px 0;
height:auto;
width:645px}

.accommodation_thumb {
width:70px;
height:54px;
margin:3px 0 10px 0;
float:left}

.accommodation_thumb img {
border:1px solid #ccc;
padding:1px}

.accommodation_name span {color:#999}

/* misc */

#city_name span {color:#999}

/* city and type specific accommodation page :: london_hostels.htm */

/*
.accommodation_list {padding:2px; border-bottom:1px solid #999;}
.accommodation_list span {color:#999}
.accommodation_list span.title {color:#000; font-weight:bold}
.accommodation_list a {color:#ff9900;}
.accommodation_list a:hover {text-decoration:none}
*/

/* language_school */

#language_school li ul li.top a {
padding:5px 0 0 15px;
background-image:url(top.gif);
background-repeat:no-repeat;
background-position:0 .5em}

#language_school {
margin-left:20px;
padding:0}

#language_school li {
list-style:none;
padding:5px 0 0 15px}

#language_school ul {
padding:10px 0 5px 20px;
_padding:17px 0 5px 0}

#language_school li ul li a {
list-style:none;
padding:5px 0 0 15px;
background-image:url(language_school.gif);
background-repeat:no-repeat;
background-position:0 .5em}

#language_school_center_r img {
margin:0 0 50px 0;
border:1px solid #ccc;
padding:1px}

/* language_school arrow */

ul#arrow {
margin:0 0 10px 0;
padding:0}

#arrow li {
list-style:none;
padding:5px 0 0 15px}

#arrow li a {
padding:5px 0 0 15px;
background-image:url(arrow4.gif);
background-repeat:no-repeat;
background-position:0 .5em}

ul#arrow-horiz {
margin:0;
padding:0}

ul#arrow-horiz li {
line-height:1.5em;
display:inline;
list-style:none;
padding:5px 10px 0 0}

ul#arrow-horiz li a {
padding:5px 0 0 15px;
background-image:url(arrow4.gif);
background-repeat:no-repeat;
background-position:0 .5em}

/* landing page */

.photo_container_landing1,
.photo_container_landing2 {
height:152px;
text-align:center}

.photo_container_landing1 {margin:15px 0 20px 0}

.photo_frame_200x150 {
margin:0 15px 0 0;
border:1px solid #ccc;
height:150px;
width:200px;
padding:1px}

#sub_image_landing {
text-align:center;
font-weight:bold}

/* proto gallery */

.photo_proto{
margin:0 auto 10px auto;
padding:5px 0 0 0}

.photo_proto ul{
width:auto;
clear:both;
list-style:none;
margin:0;
padding:0}

.photo_proto ul li{
font-weight:bold; 
font-size:10px;
float:left;
margin:0;
padding:0}

.photo_proto ul li div{width:200px; margin-left:20px}

/* caption */

.photo_proto ul li div span{
display:block;
text-align:center;
margin:10px 0 0 0}

/*.photo_proto ul li.first{margin:0}*/

.photo_proto ul.image li img{
border:1px solid #ccc;
padding:1px}





/* proto gallery 2 file system */

.photo_proto2{
margin:0 auto;
padding:5px 0 0 0}

.photo_proto2 ul{
width:auto;
clear:both;
list-style:none;
margin:0;
padding:0}

.photo_proto2 ul li{
font-weight:bold; 
font-size:10px;
float:left;
margin:0;
padding:0}

.photo_proto2 ul li {width:200px; margin-left:20px}

/* caption */

.photo_proto2 UL.caption {
	PADDING-TOP: 5px; HEIGHT: auto
}
.photo_proto2 ul.single-caption{padding-top:10px}

/*
.photo_proto2 ul li span{
display:block;
height:22px;
text-align:center;
margin:10px 0 0 0}
*/

.photo_proto2 ul.image li img{
border:1px solid #ccc;
padding:1px}

/* single caption */

.photo_proto2 ul.single-caption{
width:600px; 
text-align:center;
}

.photo_proto2 ul.single-caption li {
width:100%;
display:block;
padding-left:20px}

img
{
  border: 0;
}

.miniDescription TD 
{
  background:#fff;
  COLOR: #000099;
  FONT-FAMILY: "Verdana", "Arial", "sans-serif";
  FONT-SIZE: 10px;
  FONT-WEIGHT: 400;}

.miniDescription P {
  COLOR: #000099;
  FONT-FAMILY: "Verdana", "Arial", "sans-serif";
  FONT-SIZE: 10px;FONT-WEIGHT: 400;
}

.miniDescription .tagLine {
  background-color:#A1FFFF; 
  padding:10px;
}

.miniDescription img 
{
  padding: 5px 5px 5px 0px;
}

.miniDescription a img
{
  border-style:none;
}

a.miniDescription
{
  text-decoration:none;
}