/* --------------------------------------------
Layout Stylesheet for Loyaltybuild: airmiles

Version: 1.1
Author: Niamh O'Hora
Company: Fluid Rock

This stylesheet is for formatting the booking pages*/
.width100	{width: 100px;}
.width150	{width: 150px;}
.width180	{width: 180px;}
.width280	{width: 280px;}

/************************** Validate membership page */
.content .hotel	{border: solid 3px #c5d5e2; margin: 5px 0px 5px 0px; display: block;}

/* table*/
#search_content table.membership	{margin: 0% auto; margin-top: 20px;}
#all_content table.membership	{margin: 0% auto; margin-top: 20px;}
.membership	{ width: 400px; background-color:#999999; border-collapse:collapse; background-color: #e6f3fe; border: solid 1px #c5d5e2; margin: 20px 0px 0px 0px;}
.membership td	{padding: 6px 10px 3px 10px; font-size: 110%; text-align: left; font-weight: bold;} 
.membership input	{width: 200px; font-size: 110%; font-weight: normal;}
.membership td .btn_04	{margin: 0px 0px 20px 0px;}


/************************** Perosnal Deatils page*/
#search_content .booking	{margin: 0px 0px 10px 0px;}

.booking .room	{width: 650px; font-size: 100%; font-weight: bold; margin: 0% auto; border: 1px solid #dddddd}
.booking .room tr.row2{background: #fafafa}
.booking .room	td {padding: 3px 0px 1px 3px; vertical-align:top;}
.booking .room	input {width: 230px; font-weight: normal; padding: 1px 3px 1px 3px;}
.booking .room	input.checkboxtype {width: auto;}
.booking td.tdcheckbox{font-weight: normal}
.booking .room	select {width: auto; font-weight: normal; padding: 1px 0px 1px 3px;}
.booking .room	.width_normal {width: auto;}
.booking .btn_04	{text-align:left;}
.booking a {font-weight: normal; font-size: 90%;}
.booking a img	{border: 0px;}
.booking .small	{font-size: 80%; font-weight: normal;}
.booking .normal	{font-weight: normal;}
.booking h1	{text-align: center;}
.booking .confirm	{text-align: center; font-size: 120%; font-weight: bold;}
.booking .number	{text-align: center; font-size: 120%; font-weight: bold;}
.booking .number span {font-size: 180%; font-weight: bold; color: #688982;}
span.totalprice{color: #688982; font-weight: bold;}

.booking .room_big	{width: 905px; font-size: 100%; border: 1px solid #dddddd; font-weight: bold; margin-bottom: 10px;}
.booking .room_big	td {padding: 2px 0px 5px 0px; vertical-align:top;}
.booking .room_big	input {width: 230px; font-weight: normal; padding: 1px 3px 1px 3px;}
.booking .room_big	input.checkboxtype {width: auto;}
.booking .room_big	select {width: 50px; font-weight: normal; padding: 1px 3px 1px 3px;}
.booking h3	{font-weight: bold; color: #013161; text-transform:uppercase; font-size: 100%; margin: 0px; padding: 7px 0px 5px 35px; background-image:url(../images/h3main-part-bg.gif); background-repeat:no-repeat; background-position: top left;}
span.mandatory{color: #688982;}
.booking td.notice{font-weight: normal; font-style:italic;}

/*hidden divs*/

#note {position: absolute; visibility: hidden; width: 300px; left: 350px; background-color: #ffffff; border: solid 5px #c5d5e2; padding: 10px; font-size: 85%;}
#note {float: right;}
#note h4	{margin: 5px 0px 10px 0px; padding: 0px; font-size: 115%;}
#note h5	{margin: 5px 0px 5px 0px; padding: 0px; color: #f49a23; font-size: 105%;}
#note p	{margin: 5px 0px 5px 0px; padding: 0px;}

#tax {position: absolute; visibility: hidden; width: 300px; left: 350px; bottom: 50px; background-color: #ffffff; border: solid 5px #c5d5e2; padding: 10px; font-size: 85%;}
#tax {float: right;}
#tax h4	{margin: 5px 0px 10px 0px; padding: 0px; font-size: 115%;}
#tax h5	{margin: 5px 0px 5px 0px; padding: 0px; color: #f49a23; font-size: 105%;}
#tax p	{margin: 5px 0px 5px 0px; padding: 0px;}


/* Progress Page */
  .progressPage {
	text-align:center; 
  }
  
  .highZ {
 
   z-index: 50;
   position:fixed;
   top: 120px;
 
  }
  .overLayBG{  
   width:450;
    height:250px;
   background:url(../images/overlayImg.png)
  }
  .overLayText{
  width:430px;  
   padding:30px 5px 30px 5px;
   font-size:11px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
  }
  
  .messagebox{
	background-color: transparent;
	border-width:0px;
	cursor:default; 
  }
  
  

/************************** Payment details page*/

#creditcard	{width: 290px; float: left; border: solid 3px #c5d5e2; padding: 5px; height: 200px; margin-bottom: 5px;}
#ideal		{width: 290px; float: right; border: solid 3px #c5d5e2; padding: 5px;  height: 200px; margin-bottom: 5px;}
#creditcard h4		{font-size: 110%; margin: 10px 0px 5px 0px;}
#ideal h4		{font-size: 110%; margin: 10px 0px 5px 0px;}
#creditcard span		{display: block;}
#ideal span		{display: block;}
#creditcard img		{padding: 5px;}
#ideal img		{padding: 5px; float: right;}
#creditcard p		{margin: 5px 0px 5px 0px;}
#ideal p	{margin: 5px 0px 5px 0px;}

/*button*/
#search_content .btn_05 {clear: both; margin: 0px 4px 10px 0px; padding: 0px; text-align: center;}
#search_content .btn_05 a {float: none; border-bottom-color: #f49a23; border: solid 1px #ffffff; background-color: #f49a23; color: #ffffff; font-weight: bold; padding: 6px 22px 6px 22px; text-decoration: none; margin: 0px;}
#search_content .btn_05 a:hover	{background-color: #09356a; text-decoration: underline;}
#search_content .btn_05 a img	{border: 0px;}


.btn_06	{margin: 5px 0px 0px 0px; padding: 0px; font-size:12px; display: inline; text-align: right; float: right}
.btn_06 a	{background-image:url(../images/buttons/search_button_02.gif); background-repeat:no-repeat; background-position: top; color: #505356; font-weight: bold; text-transform:uppercase; text-decoration: none; padding: 12px 0px 12px 0px; display: block; width: 240px; text-align: center; margin: 0% auto; color: #ffffff;}
.btn_06 a:hover	{background-position: bottom; text-decoration: underline;}
.btn_06 a img {border: 0px;}

/************************** Terms and Conditions*/
#conditions	{background-color: #ffffff; padding: 5px; margin: 5px; border: solid 1px #cc99cc; font-size: 85%;}

/************************** FAQ's*/
.question	{color: #688982; font-weight: bold;}
.answer	{font-weight: bold; color: #09356a;}
#all_content h3{font-weight: bold; color: #57324f; text-transform:uppercase; font-size: 100%; margin: 0px; padding: 7px 0px 5px 35px; background-image:url(../images/h3main-part-bg-big.gif); background-repeat:no-repeat; background-position: top left;}



/* --------------------------------------------
Swedish
-------------------------------------------- */


.clear_button1_9{display: block; padding-bottom: 8px; width: 93px; height: 34px; background: url(../images/buttons/clear_button_9.jpg) no-repeat; z-index:10000; text-indent: -5000px;}

a.clear_button1a_9{display: block; width: 93px; height: 34px; background: url(../images/buttons/clear_button_9.jpg) no-repeat; text-indent: -5000px;}

a.clear_button1a_9:hover{background: url(../images/buttons/clear_button_ov_9.jpg) no-repeat;}
/* --------------------------------------------


/* --------------------------------------------
Swedish
-------------------------------------------- */
.send_button1_9{display: block; padding-bottom: 8px; width: 93px; height: 34px; background: url(../images/buttons/send_button_9.jpg) no-repeat; z-index:10000; text-indent: -5000px;}

a.send_button1a_9{display: block; width: width: 93px; height: 34px; background: url(../images/buttons/send_button_9.jpg) no-repeat; text-indent: -5000px;}

a.send_button1a_9:hover{background: url(../images/buttons/send_button_ov_9.jpg) no-repeat;}
/* --------------------------------------------



