/* MT HAKUBA BACKPACKERS main */

body,table,input,select,textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; background-color:#CD6803; }
body { margin:20px 0; padding:0; color:#000; }
 
input,select,textarea { background-color:#FFF; font-size:1em;}
small { font-size:0.85em;}
img { border:0;}
form { margin:0; padding:0;}
ul {  margin:0.5em 0 1em 2em; padding:0;}
li {margin: .2em 0 0.2em 0 }
p,dl { margin:1em 0 1em 0; }
dl.col { line-height:1.5em;}
dl.col dt { float:left; width:6em;}
dl.col dd { margin-left:7em;}

a { text-decoration:underline; color:#3333CC; }
a:hover { color:#643264;}
h1,h2,h3,h4,h5 { font-size:1em; color:#28477c; font-family : Arial, Helvetica, sans-serif;}
h1 { margin:0 0 0.5em 0; font-family:Arial, Helvetica, sans-serif; font-size:1.6em; font-weight:bold;}
h2 { margin:1em 0 1em 0;  font-size:1.4em; font-weight:bold; }
h3{ font-size : 1.2em;}



.imgL { float:left; margin:0 5px 10px 0; padding:3px; border:#000 solid 1px; }
.imgR { float:right; margin:0 0 10px 5px; padding:3px; border:#000 solid 1px; }
img.right{float:right; margin-left:5px; padding:3px;}
img.bordered-image { margin:0 0 10px 5px; padding:3px; border:#000 solid 1px; }


.clear:after { content:"."; height:1px; display:block; clear:both; visibility:hidden;}
.clr { clear:both;}

.nav,.nav ul { margin:0; padding:0; list-style:none;}

/*End Standard CSS*/

#Header         { background-color:#28477c; height:117px; }
#Header .flags  { float:right; position:absolute; top:20px; right:20px; width:35px; }

#NavTop         { background-color:#643264; position:relative; top:-11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
#NavTop a       { color:#fff; text-decoration:none; }
#NavTop a:hover { color:#999; }
#NavTop ul      { padding-top:5px; padding-bottom:5px; }
#NavTop li      { display:inline; margin-right:35px;}

#Main           { background-color:#fff; margin-top:-24px; width:100%; }
    
#Main .Left     { background-color:transparent; position:absolute; width:200px; left:0; min-height:800px; }
#Main .Content  { background-color:#FFFFCD; margin:0 0 0 200px; padding:10px 10px 10px 30px; min-height:795px; }
*html #Main .Left { height:800px; }
*html #Main .Content { height:795px; }



#Right          { background-color:#FFD068; float:right; width:130px; margin:0 0 10px 10px; padding:5px; border:#B0B0B0 solid 2px; font-size:80%; color:#F00; }
#Right h1,
#Right h2       { text-align:center; color:#F00; }

#Rightspecial          { background-color:#FFD068; float:right; width:200px; margin:0 0 10px 10px; padding:5px; border:#B0B0B0 solid 2px; font-size:80%; color:#F00; }
#Right h1,
#Right h2       { text-align:center; color:#F00; }




#Footer         { background-color:#28477c; padding:10px; color:#FFF; }
#Footer img     { float:right; }
#Footer a       { color:#FFF; }    
#Footer p       { text-align: center;}

/* images */
.noBorder       { border:0; }
.inline img     { float:left; margin:10px 10px 10px 0; padding:3px; border:solid 1px #000; }

/* tables */
table.rates { width:80%; background: #302571; }
table.rates tr.heading td { color: #FFFFFF; background: #302571; }
table.rates td { background: #F0F4F3; color: #302571; }
table.rates td.note { text-align: right; background: #F0F4F3; }
table.rates textarea { background-color:#FFF; width:98%;}
table.rates input { background-color:#FFF; width:90%; }
table.rates input.submit { width:auto; }

/*tours*/

.tours
{
  background-color: #643264;  
  margin-bottom : 10px; 
  border: 2px solid #CD6803;
  padding : 15px;
  color : #fff;
  width : 650px;
  display : block;
}

.tours h2
{
    padding: 0.2em 0.2em 0.2em 0.2em;
    margin : 0.1em 0 0 0;
    font-size: 13pt;
    color : #FFF;
    font-weight: bold;
}

.photo
{
  width : 260px;  
  float: left;  
}

.photo img
{
  float; left;
  border : 1px solid #fff;
}

.details{
  width : 350px;
  float: left;
  
}

dl.tour {
  line-height:2.0em;
  border : 0px solid #fff;
  padding : 5px;
  /*
  background-color: #CDA7CD;*/
  color #fff;
  
}

dl.tour dt {
  float:left;
  width: 15em;
  font-weight:normal;
  line-height: 17px;
 
}

dl.tour dd {
  margin-left:7em;
}

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

.tour a:hover{
  text-decoration : underline;
}

a.booknow{
  background-color: #CD6803;
  padding : 0.2em 0.4em 0.2em 0.4em;
  color : #fff;
  border: 1px solid #fff;
}

.action{
  width : 272px;
  height: 100px;
  float: left;
  
}

.highlight {
  width: 250px;
  float: left;
  background-color: #ffd068;
  border: 2px solid #F7941F;
  padding: 10px;
  margin: 0 10px 20px 10px;
}

.highlight ul {
  margin: 0;
  padding: 0;
}

.highlight li {
  list-style: none;
  background: #ffd068 url('../images/g-arrow.gif') no-repeat 0 2px;
  margin: 4px 6px;
  padding: 0 0 0 14px;
  line-height: 18px;
}

.highlight a {
  font-weight: bold;
  color: #28477c;
  text-decoration: none;
  padding: 2px;
}

.highlight a:hover {
  background-color: #FAAD38;
  color: #000;
}

.highlight img {
  border: #28477c solid 1px;
}

.highlight h2 {
  margin: 0 0 10px 0;
}

.highlight-wide {
  width: 320px;
}

.highlight-full {
  float: none;
  width: auto;
}

.highlight-full img {
  float: left;
}

.highlight-full ul {
  margin-left: 270px;
}

/* Shuttle Bus Timetable */

table.timetable th {
  text-align: left;
  vertical-align: top;
  border-bottom: #E1A468 solid 1px;
  padding: 4px;
}

table.timetable td {
  background-color: #D78635;
  padding: 8px;
  border-bottom: #CD6803 solid 1px;
}

/* Booking page */
dl.bookingpage dt {
	width:400px;
	float:left;
	line-height:30px;
}
dl.bookingpage dd {
	height:30px;
	}
.bookings {
	padding: 0 15px;
	}
.padlock {
	width:500px;
	text-align:right;
	margin: 0 auto;
	}
.padlock img {
	margin-right: -105px;
	}
.booking-table {
	margin-top: -100px;
	}