/* CSS Document */

/*
 * The # is used to specify an ID element.
 * The ID can only be used by one element. 
 *
 * The . is used to specify a CLASS element.
 * CLASS is used for multiple instances or tags. 
 *
 * Use this to show div borders: 
 *  border: solid 1px black;
 * Use this instead of <br clear="all"> at the end of the <div> tag in the HTML ?
 *  overflow: hidden;

 */

/*
 * These are our default settings for the Hotels Resource design
 */
body {
  background-color: #3C495A;
  margin: 0px;
  color: #000000;
  font-family: Verdana, Arial, Helvetica;
  font-size: 9px;
}

/* 
 * this rule is required to counteract the "text-align: center;" in the body rule at the top of the stylesheet. 
 */
div {
  text-align: left;
}

/*
 * These are the default settings for links
 */
a:link,a:visited,a:active{
  color: #000000;
  text-decoration : none;
}

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

/* privacy statement (Privacy Statement) */
.privacy_statement {
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center
}

/*
 * white links
 */
a.white:link,a.white:visited,a.white:active {
  color: #ffffff;
  text-decoration : none;
}

a.white:hover {
  color: #8E96A1;
  text-decoration : none;
}

/*
 * The "page" class which restrains the content within the browser window
 */
.page {
  margin-right: auto; /* to center the page in Konqueror */
  margin-left: auto; /* to center the page in Konqueror */
  width: 760px;
}

/*
 * top div (stretches across entire page)
 */
#top {
  background-color: #FFFFFF;
  background-image: url(/owshare/rgs/hotels_resource/worldwide/hotels_resource/images/bg.gif);
  background-repeat: repeat-x;
}

/*
 * top content div (centered element)
 */
#top_content {
  margin-right: auto; /* to center the page in Konqueror */
  margin-left: auto; /* to center the page in Konqueror */
  background-image: url(/images/top_main_bg.jpg);
  background-repeat: no-repeat;
}

/*
 * top content div (centered element)
 */
#top_content_search {
  margin-right: auto; /* to center the page in Konqueror */
  margin-left: auto; /* to center the page in Konqueror */
}

/*
 * top content left div
 */

/* Bookmark this page */
.bookmark {
  color: #9BB0AE;
  font-size: 10px;
  font-weight: bold;
}
.bookmark a:link, .bookmark a:visited, .bookmark a:active {
  color: #9BB0AE;
  text-decoration : none;
}
.bookmark a:hover {
  color: #8E96A1;
  text-decoration : none;
}

/*
 * main logo
 */
img.logo {
  width: 250px;
  height: 124px;
  border: 0px;
}

/* main header */
.main_header {
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  padding-bottom: 10px;
}

/* location description (above location image) */
#location_description {
  width: 751px;
  margin-right: auto; /* to center the page in Konqueror */
  margin-left: auto; /* to center the page in Konqueror */
  font-size: 10px;
  font-weight: normal;
  text-align: left;
  padding-top: 6px;
  padding-bottom: 6px;
  border-top: 4px solid #FFFFFF;
}

/*
 * top content right div
 */
#top_content_right {
  text-align: center;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  width: 505px;
}

/*
 * top content right best rates div
 */
td.top_content_right_best_rates {
  text-align: center;
  padding-top: 5px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
}

/*
 * top content right weekend rates div
 */
td.top_content_right_weekend_rates {
  text-align: left;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  padding-right: 0px;
  padding-left: 17px;
  padding-top: 8px;
}
td.top_content_right_weekend_rates a:hover {
  color: #8E96A1;
  text-decoration : none;
}

/*
 * top content right daily rates div
 */
td.top_content_right_daily_rates {
  text-align: left;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 8px;
}
td.top_content_right_daily_rates a:hover {
  color: #8E96A1;
  text-decoration : none;
}

.hotel_selection {
  padding-top: 15px;
  color: #52524D;
  font-size: 10px;
  font-weight: normal;
}
.hotel_selection a:hover {
  color: #8E96A1;
  text-decoration : none;
}

.rate {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
}



/*
 * top d2h div (stretches across entire page)
 */
#top_d2h {
  background-color: #FFFFFF;}

/*
 * top d2h content div (centered element)
 */
#top_content_d2h {
  width: 750px;
  margin-right: auto; /* to center the page in Konqueror */
  margin-left: auto; /* to center the page in Konqueror */
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background-color: #F17D01;
  padding-top: 6px;
  padding-bottom: 6px;
  border-top: 4px solid #FFFFFF;
}
#top_content_d2h a:link, #top_content_d2h a:visited, #top_content_d2h a:active {
  color: #ffffff;
  text-decoration : none;
}
#top_content_d2h a:hover {
  color: #8E96A1;
  text-decoration : none;
}

/*
 * d2h button
 */
img.d2h_button {
  width: 760px;
  height: 31px;
  border: 0px;
}

.horizontalline {
  border-bottom: 2px solid #FFFFFF;
}

/*
 * bottom01 div (stretches across entire page)
 */
#bottom01 {
  background-image: url(/owshare/rgs/hotels_resource/worldwide/hotels_resource/images/bg_bottom01.gif);
  background-repeat: all;
}

/*
 * bottom01 content div (centered element)
 */
#bottom01_content {
  margin-right: auto; /* to center the page in Konqueror */
  margin-left: auto; /* to center the page in Konqueror */
  background-image: url(/owshare/rgs/hotels_resource/worldwide/hotels_resource/images/bottom01_main_bg.jpg);
  background-repeat: no-repeat;
  padding-top: 8px;
  color: #FFFFFF;
  font-weight: bold;
}

/*
 * search form class
 */
.search_form {
  display: inline;
}
select.search {
  font-size: 10px;
}
input.search {
  font-size: 10px;
}

/*
 * bottom01 content right div (contains Hotel Nam, Hotel Brand and Star Rating form)
 */
#bottom01_content_right {
  width: 755px;  /* ie stylesheet has total width including padding added */
  padding-right: 5px;
  float: right;
  text-align: right;
}

/*
 * search button
 */
img.search_button {
  float: right;
  padding-right: 5px;
  padding-top: 10px;
  width: 108px;
  height: 20px;
  border: 0px;
}


/*
 * bottom02 div (stretches across entire page)
 */
#bottom02 {
  background-color: #F27E00;
}

/*
 * bottom02 content div (centered element)
 */
#bottom02_content {
  margin-right: auto; /* to center the page in Konqueror */
  margin-left: auto; /* to center the page in Konqueror */
  padding-top: 5px;
  padding-bottom: 5px;
}

/*
 * bottom02 content left div (contains e-mail sign up form)
 */
#bottom02_content_left {
  padding-left: 5px;
  width: 375px;  /* ie stylesheet has total width including padding added */
  float: left;
  padding-top: 5px;
}

/*
 * email form class
 */
.email_form {
  display: inline;
}
input.search {
  font-size: 10px;
}

/*
 * bottom02 content right div (contains time and weather)
 */
#bottom02_content_right {
  padding-right: 5px;
  width: 375px;  /* ie stylesheet has total width including padding added */
  padding-top: 5px;
  float: right;
  text-align: right;
}

/*
 * go button
 */
img.go_button {
  width: 76px;
  height: 20px;
  border: 0px;
  vertical-align: bottom;
}

/*
 * bottom03 div (stretches across entire page)
 */
#bottom03 {
  background-image: url(/owshare/rgs/hotels_resource/worldwide/hotels_resource/images/bg_bottom03.gif);
  background-repeat: all;
}

/*
 * bottom03 content div (centered element)
 */
#bottom03_content {
  margin-right: auto; /* to center the page in Konqueror */
  margin-left: auto; /* to center the page in Konqueror */
  padding-top: 8px;
  padding-bottom: 7px;
  color: #FFFFFF;
  font-weight: bold;
  background-image: url(/owshare/rgs/hotels_resource/worldwide/hotels_resource/images/bottom03_main_bg.gif);
  background-repeat: no-repeat;
}
#bottom03_content a:link, #bottom03_content a:visited, #bottom03_content a:active, #bottom03_content a:hover {
  color: #FFFFFF;
  text-decoration : none;
}

/*
 * bottom03 content left div (contains link to Amsterdam City Guide)
 */
#bottom03_content_left {
  float: left;
  padding-left: 130px;
  width: 250px;  /* ie stylesheet has total width including padding added */
}
#bottom03_content_left a:hover {
  color: #8E96A1;
  text-decoration : none;
}

/*
 * bottom03 content right div (contains link to Official Amsterdam Tourist Board)
 */
#bottom03_content_right {
  float: right;
  padding-left: 60px;
  width: 320px;  /* ie stylesheet has total width including padding added */
}
#bottom03_content_right a:hover {
  color: #8E96A1;
  text-decoration : none;
}

/*
 * bottom04 div (stretches across entire page)
 */
#bottom04 {
  background-image: url(/owshare/rgs/hotels_resource/worldwide/hotels_resource/images/bg_bottom04.gif);
  background-repeat: all;
}

/*
 * bottom04 content div (centered element)
 */
#bottom04_content {
  margin-right: auto; /* to center the page in Konqueror */
  margin-left: auto; /* to center the page in Konqueror */
  background-color: #3C495A;
  color: #FFFFFF;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
  width: 750px; /* ie stylesheet has total width including padding added */
}

/*
 * bottom04 content hotel list title "Over 280 Amsterdam Hotels and the Best Rate Selections"
 */
#bottom04_content_hotel_list {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* Table listing all hotels at bottom of page */

/*
 * class for left
 */
TD.left {
  background-image: url(/owshare/rgs/hotels_resource/worldwide/hotels_resource/images/left.gif);
  background-repeat: repeat-y;
  width: 6px;
}

/*
 * class for hotel_name
 */
TD.hotel_name {

  color: #535351;
  font-weight: normal;
  font-size: 10px;
  width: 233px;
  padding: 3px;
}


/*
 * class for star_rating
 */
TD.star_rating {
border-right: solid 1px #3A4556;
border-left: solid 1px #3A4556;
  color: #535351;
  font-weight: normal;
  font-size: 10px;
   padding: 3px;
}

/*
 * class for portalsheader
 */
TD.portalsheader {
border-right: solid 1px #D7D6D9;
border-left: solid 1px #D7D6D9;
  color: #ffffff;
  text-align:center;
  background: #969CA7;
  font-weight: bold;
  font-size: 10px;
  width: 80px;
  padding: 3px;
}
/*
 * class for portalsheadertop
 */
TD.portalsheadertop {

  color: #ffffff;
  text-align:center;
  font-weight: bold;
  font-size: 10px;
}
/*
 * class for portals
 */
TD.portals {
border-right: solid 1px #D4D3D6;
  color: #535351;
  font-weight: normal;
  text-align:center;
  font-size: 10px;
  padding-top: 1px;
}
.portals a:hover {
  color: #8E96A1;
  text-decoration : none;
}



/*
 * class for hotel_address on hotel list page
 */
TD.hotel_address {
  background-image: url(/owshare/rgs/hotels_resource/worldwide/hotels_resource/images/main_bg.gif);
  background-repeat: all;
  color: #535351;
  font-weight: normal;
  font-size: 10px;
  width: 420px;
  padding-top: 3px;
}

select.list
{  font-size: 10px;
}
