/* CSS Document */

*{
	margin: 0;
	padding: 0;
	border: 0px none;
}
body {
	font-family: "Trebuchet", Arial, Helvetica, sans-serif;
	color: #888888;
	font-size: 13px;	
	margin-top:0px;
	line-height:130%;
	background-image:url(../images/body_bg.jpg);
	background-repeat:repeat-y;
	background-position:center;

	
	
}

a{
	text-decoration:none;
	color:#888888;
}

p{
	font-size:13px;
	font-family:inherit;
	padding:0;
	margin:0;
	padding-right:20px;
	margin-bottom:10px;	
}

h1{
	font-family:inherit;
	height:30px;
	line-height:30px;
	font-size:22px;
	color:#AA0010;
	padding-left:3px;
	margin-top:10px;
	margin-bottom:0px;
	background: url('../images/pattern.gif');
}

h3{
	font-family:inherit;
	height:15px;
	line-height:15px;
	font-size:14px;
	color:#AA0010;
	padding-left:3px;
	margin-bottom:0px;
	background: url('../images/pattern.gif');
}
	
}

h2{
	font-family:inherit;
	font-size:16px;
	color:#F43216;
	padding:0;
	margin-top:10px;
	margin-bottom:0px;
}

.container_top{
	padding:0;
	margin:0;
	background: #fff url(../images/container_top.gif) no-repeat center bottom;
	background-repeat:no-repeat;
	width:962px;
	margin:0 auto;
	margin-bottom:0px;	
}

.container_bottom{

	padding:0;
	margin:0;
	background: #fff url(../images/container_bottom.gif) no-repeat center top;
	background-repeat:no-repeat;
	width:962px;
	margin:0 auto;
}

.container{
	width:962px;
	padding:0;
	margin:0;
	margin:0 auto;
}




a {
	background: url('../images/link.gif') repeat-x left bottom;
	text-decoration: none;
	padding-bottom: 1px;
	color: #444
}
a:hover {
	color: #AA0010;
}


.tel{
padding-right:20px; 
width:960px; 
margin:0 auto; 
text-align:right; margin-top:6px;
font-size:16px;
font-weight:bold;
}
.subbanner {
	float:left;
	clear:both;
	background: url('../images/banner.jpg') no-repeat left top;
	height:249px;
	width:955px;
	margin:0 auto;
	margin-top:3px;	
	margin-bottom:0px;	
	}


.bookingsubbanner {
	float:left;
	clear:both;
	background: url('../images/banner.jpg') no-repeat left top;
	height:249px;
	width:955px;
	margin:0 auto;	
	margin-top:3px;	
}


.header{
	width:962px;
	padding:0;
	margin:0;
}

.logo{
	float:left;
	width:157px;
	height:50px;
	padding-left:10px;	
	padding-top:0px;
}


.nav{	
	float:left;
	padding:0;
	margin:0;
	text-align:center;
	padding-left:100px;
	margin-top:82px;
}

.nav li{
	float:left;
	list-style:none;
	font-size:14px;
	font-weight:bold;
	padding:0 2px 0 2px;
}

.nav li a{
	display:block;
	width:120px;
	color:#fff;	
	line-height:30px;
	background:url(../images/nav_bg.gif) bottom;
	background-repeat:no-repeat;
	
}

.nav li a:hover{
	display:block;
	width:120px;
	background:url(../images/nav_hover_bg.gif) bottom;
	background-repeat:no-repeat;
	color:#fff;
	
}

.nav li.selected{
	display:block;
	width:120px;
	background:url(../images/nav_hover_bg.gif) bottom;
	background-repeat:no-repeat;
	color:#fff;	
	line-height:30px;
}



.subnav{	
	float:left;
	clear:both;
	padding:0;
	margin:0;
	text-align:center;
	padding-top:30px;
	padding-left:20px;
	margin-top:60px;
}

.subnav li{
	float:left;
	list-style:none;
	font-size:14px;
	font-weight:bold;
	padding:0 2px 0 2px;
}

.subnav li a{
	display:block;
	width:120px;
	color:#fff;	
	line-height:30px;
	background:url(../images/nav_bg.gif) bottom;
	background-repeat:no-repeat;
	
}

.subnav li a:hover{
	display:block;
	width:120px;
	background:url(../images/nav_hover_bg.gif) bottom;
	background-repeat:no-repeat;
	color:#fff;
	
}

.subnav li.selected{
	display:block;
	width:120px;
	background:url(../images/nav_hover_bg.gif) bottom;
	background-repeat:no-repeat;
	color:#fff;	
	line-height:30px;
}





.banner{
	clear:both;	
	background: #fff url(../images/banner.jpg) no-repeat left;
	background-repeat:no-repeat;
	height:249px;
	width:955px;
	margin:0 auto;
	
}

.contents{
	clear:both;
	margin-top:20px;
	width:960px;	
}

.clear{
	clear:both;
	height:20px;
}

.contents .left_contents{
	float:left;
	width:600px;
	padding-left:30px;
	margin:0;
	}

.contents .right_contents{
	float:left;
	width:300px;
	padding:0;
	margin:0;
	margin-left:5px;
}


.panels{
	clear:both;
	padding:0;
	margin:0 auto;	
	width:930px;
}

	

.panels li{
	float:left;
	list-style:none;
	background-image:url(../images/pnl_bg.gif);
	background-repeat:repeat-x;
	width:278px;
	height:100px;
	margin:0 5px 0 5px;
	background-color:#F6F6F6;
	padding:10px;
	color:888888;
	font-family: "Trebuchet", Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-top:0px;
}
.panels li h1{
	font-family:inherit;
	height:30px;
	line-height:30px;
	font-size:22px;
	color:#F43216;
	padding-left:3px;
	margin-top:10px;
	margin-bottom:0px;
	background-image:none;
	text-align:center !important;
}




.footer{
	float:left;
	margin-top:20px;
	clear:both;
	border-top:solid 2px #f1f1f1;
	padding-top:0px;
	margin-bottom:10px;
	width:960px;
	padding-top:5px;

}

.footer p{
	font-size:12px;
	padding:0;
	margin:0;
	padding-top:10px;
}

.footer .poweredby{
	float:right;
	padding-top:10px;
	padding-right:5px;
}

/* Form CSs */

input, select, textarea {border:1px solid #999999;
margin:top:10px;
margin-bottom:10px;
}
input, textarea{padding:1px;}
textarea{
	border:solid 1px #c8c8c8;	
}

select{
	border:none;
}
input submit{
	background-color:#ff0000;
	color:#fff;
	font-weight:bold;
}

input submit1{
	width:172px;
	heigth:35px;
	background-image:url(images/btn_get_price.jpg);
	background-repeat:no=repeat;
}

.tarrif{
	padding:5px;
	margin:0;	
}

.tarrif li{
	list-style:none;
	background-image:url(../images/ap_bul.jpg);
	background-repeat:no-repeat;
	padding-left:30px;
	height:30px;	
	
}

.instan_box{
	margin:0 auto;
	width:306px;
	padding:0;
	margin-bottom:10px;
}
.instan_box table{
	text-align:left;
}

.instan_box input, select {
	padding:0;
	margin:0;
	border:solid 1px #333;
	padding-left:3px;
}

.instan_box option{
	padding-left:3px;
}

.instan_box .checkbox{
	width:155px;
	border:solid 1px #333;
}

.instan_box .top{
	float:left;
	clear:both;
	background-image:url(../images/box_top.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:11px;
	width:306px;
	padding:0;
	margin:0;
}


.instan_box .middle{
	float:left;
	width:290px;
	padding:5px;
	border-left:solid 3px #a90010;
	border-right:solid 3px #a90010;	
	margin:0 auto;
	text-align:center;
	background-color:#f7f7f7;
}

.instan_box .middle .price{
	font-size:24px;
	padding:0;
	margin:0;
	color:#996600;
	font-weight:bold;
}

.instan_box .bottom{
	float:left;
	clear:both;
	background-image:url(../images/box_bottom.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0;
	margin:0;
	height:11px;
	width:306px;
}

.booking_detail_container{
	float:left;
	margin:0 auto;
	width:400px;	
	padding:0;
	margin:0;
	padding:30px;
	padding-top:0px;
}

.booking_detail{
	float:left;
	clear:both;
	border:solid 1px #CCCCCC;
	padding:10px;
	width:400px;
	margin-right:10px;
	margin-bottom:10px;
}
.booking_detail textarea{display:inline; boder:solid 1px #c9c9c9c; width:200px;}
.booking_detail select{margin:10px; margin-top:0px; margin-left:0; margin-right:0px; width:145px; margin-bottom:0px;}
.booking_detail input{margin:3px; margin-left:0px; margin-top:0px;}
.booking_detail img{padding:0; margin:0; vertical-align:top; padding-left:5px;}
.booking_detail .hint{display:block; margin-left:200px; color:#999999; font-size:11px; padding:0; margin:0; vertical-align:middle; width:160px; margin-left:145px; margin-top:0;}
.booking_detail .req{color:#ff0000; font-size:22px; padding:0; margin:0; vertical-align:middle; padding-left:5px;}
.booking_detail legend{font-size:16px; color:maroon; font-weight:bold; vertical-align:bottom;}

.booking_detail p{padding:2px; margin:0; padding-top:8px;}
.booking_detail p .txt{float:left; padding:0; margin:0; display:inline;}
.booking_detail label{float:left; font-size:12px; color:#333; width:145px; text-align:right; padding-right:4px;}


/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:999;
    color:#3CA3FF;
	font-weight:normal;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:998; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:35px;
	padding: 0 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	background-color:#FFFF99;
	border:solid 1px #c8c8c8;	
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	background-color:#FFFF99; 
	padding:5px;
	border-right:solid 1px #c8c8c8;	
	border-bottom:solid 1px #c8c8c8;	
	border-left:solid 1px #c8c8c8;			
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(bubble.gif) no-repeat bottom;
}




/*---------- bubble tooltip Left-----------*/
a.tt1{
    position:relative;
    z-index:999;
    color:#3CA3FF;
	font-weight:normal;
    text-decoration:none;
}
a.tt1 span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt1:hover{ z-index:998; color: #aaaaff; background:;}
a.tt1:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:-135px;
	padding: 0 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt1:hover span.top{
	display: block;
	background-color:#FFFF99;
	border:solid 1px #c8c8c8;	
}
a.tt1:hover span.middle{ /* different middle bg for stretch */
	display: block;
	background-color:#FFFF99; 
	padding:5px;
	border-right:solid 1px #c8c8c8;	
	border-bottom:solid 1px #c8c8c8;	
	border-left:solid 1px #c8c8c8;			
}
a.tt1:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(bubble.gif) no-repeat bottom;
}

#to_address1, #from_address2{ width:144px;}