/******* PAGE STYLE *******/
#border {width:875px; background-image:url(images/back.gif); padding-left:4px;}

body {background-color:#12255E; margin: 0px 0px 0px 0px;}
#head {font:8pt Times New Roman, Times, serif; color:#E4E3C2; letter-spacing:1px;}

#order {width:775px; background-image:url(images/back.gif); padding:5px 20px 0px 50px;}
a:link {color: #875726; text-decoration:underline;}
a:hover {color: #875726; text-decoration:underline;}
a:visited {color: #875726; text-decoration:underline;}
h1 {font: 13pt Times New Roman, Times, serif; font-weight:bold; margin: 10px 0px 0px 0px;	padding: 7px 0px 7px 0px; color: #12255e; border-bottom: 1px dotted #CCC28C;}
h1 .class{color: #fff; background-color:#003;}
h2 {font: 11pt Times New Roman, Times, serif; font-weight:bold; margin: 10px 0px 0px 0px;	padding: 7px 0px 7px 0px; color: #12255e; border-bottom: 1px dotted #CCC28C;}

.title {margin: 5px -3px 5px -5px;  font-size: 11px; color:#0F2570; font-weight:bold;}
select{font: 8pt arial, sans-serif; background-color:#B9C7D4; padding: 0px 0px px 0px; color:#875726; }
p{font: 10pt Times New Roman, Times, serif;  color: #0C1A41; padding:5px 0px 0px 10px}

#flash {position:absolute; top:135px; padding-left:40px;}
.image {margin:0px 0px 0px -1px; padding-left:0px;}

/******* Navigation *******/
.menu {padding: 0px 0px 0px 0px; margin: 0px 0px 10px 15px; text-align:left; float:left;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0px ; margin:0px ; list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative; text-align:center; line-height:39px;padding:0px; font-size:16px; }
/* style the links for the top level */
.menu a, .menu a:hover {display:block;text-decoration:none; color:#848873;  }
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:21px; margin:0px 0px 0px 0px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style the second level links */
.menu ul ul a{ color:#fff; height:auto; font-size:12px; line-height:12px; padding:5px 5px 5px 5px; width: 160px; background-color:#123456; filter:alpha(opacity=90);opacity: 0.90;}
/* style the top level hover */
.menu :hover > a, .menu ul ul :hover > a {color:#848873; background-color:#E5E7D7;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, 
.menu ul a:hover ul{visibility:visible; color:#848873; }

/******* RIGHT COLUMN STYLE *******/
#rightColumn {margin: 0px 16px 0px 0px; width:270px; padding:5px 3px 10px 3px; float:right; }

.raised {background: transparent; width:270px; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#D9DBC6; border-left:1px solid #D9DBC6; border-right:1px solid #D9DBC6;margin:0 3px; border-width:0 2px;}
.raised .b3 {background:#D9DBC6; border-left:1px solid #D9DBC6; border-right:1px solid #D9DBC6;margin:0 2px;}
.raised .b4 {background:#D9DBC6; border-left:1px solid #D9DBC6; border-right:1px solid #D9DBC6;height:2px; margin:0 1px;}
.raised .b4b {background:#D9DBC6; border-left:1px solid #D9DBC6; border-right:1px solid #D9DBC6;height:2px; margin:0 1px;}
.raised .b3b {background:#D9DBC6; border-left:1px solid #D9DBC6; border-right:1px solid #D9DBC6;margin:0 2px;}
.raised .b2b {background:#D9DBC6; border-left:1px solid #D9DBC6; border-right:1px solid #D9DBC6;margin:0 3px; border-width:0 2px;}
.raised .b1 {margin:0 5px; background:#D9DBC6;}
.raised .b1b {margin:0 5px; background:#D9DBC6;}
.raised .boxcontent {display:block; background:#fff; border-left:5px solid #D9DBC6; border-right:5px solid #D9DBC6;}

.boxcontent p {padding: 10px 0px 10px 0px; text-align:left;}
.boxcontent h3 {font-size:15px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px 0px 0px;}
.boxcontent h3 a{text-decoration:none;}
.boxcontent h1 {font: 13pt Times New Roman, Times, serif; font-weight:bold; margin: 0px 0px 0px 0px;	padding: 7px 0px 7px 0px; color: #E8EAD8; border-bottom: 1px dotted #CCC28C; background-image:url(images/h1Back.gif); letter-spacing:1px; background-repeat:repeat-y; background-position:center;}
.boxcontent img {padding: 10px 0px 5px 0px;}

/******* content STYLE *******/

#contentIndex {font: 10pt Times New Roman, Times, serif; color:#0C1A41; width:545px; padding: 0px 0px 0px 6px; margin: -10px -6px 7px 17px; text-align:left; float:left; background-image:url(/images/mapBack.jpg);}
#contentIndex td{font: 10pt Times New Roman, Times, serif; color:#875726; }


#head a {color:#E4E3C2; text-decoration:none;}	
#footer {color:#0C1A41; width:720px; padding: 10px 15px 10px 15px; margin: 8px 10px 0px 10px; text-align: center; font: 10pt Times New Roman, Times, serif; }



/**************TOUR PAGE DETAIL *****************/
#nav2 {margin:0px 0px 0px 19px;}

ul#tabnav2 {font: 9pt;color:#000; list-style-type: none; margin: 0px 0px 0px 0px;}

ul#tabnav2 li.nav2 {float: left; padding: 0px 10px 0px 10px;}
#tabnav2 a:hover {text-decoration:underline;}
#tabnav2 a {text-decoration:none; font-size:12px;padding:0px 5px 0px 5px;}

.hidden2 {display:none; position:inherit; width:500px; padding:8px 8px 8px 8px; margin: 20px 0px 0px 0px; float:left; background-color:#F0F1E8;}
.hidden2 ul{padding:5px; text-align: left; margin: 0px 0px 0px 0px; list-style-type: none;}
.hidden2 a:link{ color:#000;}
.hidden2 a{ color:#000;}
.hidden2 a:visited{ color:#000;}
.hidden2 p{ color:#000;}

/******* VIRTUAL TOUR STYLE *******/

.vt { background-color:#FFFFFF; width:360px; margin:0 auto;}
.vt h1{ background-color:#FFFFFF;}
.vt .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.vt .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.vt .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.vt .b2 {background:#D9DBC6; border-left:1px solid #D9DBC6; border-right:1px solid #D9DBC6;margin:0 3px; border-width:0 2px;}
.vt .b3 {background:#D9DBC6; border-left:1px solid #D9DBC6; border-right:1px solid #D9DBC6;margin:0 2px;}
.vt .b4 {background:#D9DBC6; border-left:1px solid #D9DBC6; border-right:1px solid #D9DBC6;height:2px; margin:0 1px;}
.vt .b4b {background:#D9DBC6; border-left:1px solid #D9DBC6; border-right:1px solid #D9DBC6;height:2px; margin:0 1px;}
.vt .b3b {background:#D9DBC6; border-left:1px solid #D9DBC6; border-right:1px solid #D9DBC6;margin:0 2px;}
.vt .b2b {background:#D9DBC6; border-left:1px solid #D9DBC6; border-right:1px solid #D9DBC6;margin:0 3px; border-width:0 2px;}
.vt .b1 {margin:0 5px; background:#D9DBC6;}
.vt .b1b {margin:0 5px; background:#D9DBC6;}
.vt .boxcontent {display:block; background:#fff; border-left:5px solid #D9DBC6; border-right:5px solid #D9DBC6;}

/************tourpages***********/
/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{overflow: hidden;width: 500px;margin: 0;padding: 0;list-style-type: none;}
.tabsmenuclass li{float: left;}
.tabsmenuclass a{display: block;padding: 5px 7px;margin-right: 1px;text-decoration: none;}
.tabsmenuclass a:hover, .tabsmenuclass a.selected{background: #12255E;color: white;}
/* ######### CSS for sub menu container below ######### */
.tabsmenucontentclass{clear: left;width: 500px;height: inherit;padding: 5px;}

/******* tour detail regions box *******/
#detailBox {margin: 0px 18px 0px 10px; width:550px; padding:5px 8px 10px 8px; }

.detailraised {background: transparent; width:550px;}
.detailraised .b1, .detailraised .b2, .detailraised .b3, .detailraised .b4, .detailraised .b1b, .detailraised .b2b, .detailraised .b3b, .detailraised .b4b {display:block; overflow:hidden;}
.detailraised .b1, .detailraised .b2, .detailraised .b3, .detailraised .b1b, .detailraised .b2b, .detailraised .b3b {height:1px;}
.detailraised .b2 {background:#D9DBC6; border-left:1px solid #D9DBC6; border-right:1px solid #D9DBC6;margin:0 3px; border-width:0 2px;}
.detailraised .b3 {background:#D9DBC6; border-left:1px solid #D9DBC6; border-right:1px solid #D9DBC6;margin:0 2px;}
.detailraised .b4 {background:#D9DBC6; border-left:1px solid #D9DBC6; border-right:1px solid #D9DBC6;height:2px; margin:0 1px;}
.detailraised .b4b {background:#D9DBC6; border-left:1px solid #D9DBC6; border-right:1px solid #D9DBC6;height:2px; margin:0 1px;}
.detailraised .b3b {background:#D9DBC6; border-left:1px solid #D9DBC6; border-right:1px solid #D9DBC6;margin:0 2px;}
.detailraised .b2b {background:#D9DBC6; border-left:1px solid #D9DBC6; border-right:1px solid #D9DBC6;margin:0 3px; border-width:0 2px;}
.detailraised .b1 {margin:0 5px; background:#D9DBC6;}
.detailraised .b1b {margin:0 5px; background:#D9DBC6;}
.detailraised .detailBox {display:block; background:#fff; border-left:5px solid #D9DBC6; border-right:5px solid #D9DBC6;}

div.display div.hotelinfo h4.star_1 { text-indent: -9999px; display: block; background: url(images/star_bg.jpg) repeat-x top left; width: 17px; height: 17px; overflow: hidden; }
div.display div.hotelinfo h4.star_2 { text-indent: -9999px; display: block; background: url(images/star_bg.jpg) repeat-x top left; width: 34px; height: 17px; overflow: hidden; }
div.display div.hotelinfo h4.star_3 { text-indent: -9999px; display: block; background: url(images/star_bg.jpg) repeat-x top left; width: 51px; height: 17px; overflow: hidden; }
div.display div.hotelinfo h4.star_4 { text-indent: -9999px; display: block; background: url(images/star_bg.jpg) repeat-x top left; width: 68px; height: 17px; overflow: hidden; }
div.display div.hotelinfo h4.star_5 { text-indent: -9999px; display: block; background: url(images/star_bg.jpg) repeat-x top left; width: 85px; height: 17px; overflow: hidden; }

div#contentIndex div#rateaddress { float: left; display: inline; width: 300px; margin-left: 20px; margin-top: 20px; }
div#contentIndex div#amenities { float: right; display: inline; width: 150px; margin-right: 20px; margin-top: 20px; }
div#contentIndex p#after_amenities { clear: both; padding-top: 20px; }
div#contentIndex p { padding: 0 0 15px 0; margin: 0 20px 0 20px; }
div#contentIndex div#rateaddress p#hotelheader { margin: 0; padding: 0; }
div#contentIndex div#rateaddress p#hotelheader span#star_1 { text-indent: -9999px; display: block; background: url(images/star_bg.jpg) repeat-x top left; width: 17px; height: 17px; overflow: hidden; }
div#contentIndex div#rateaddress p#hotelheader span#star_2 { text-indent: -9999px; display: block; background: url(images/star_bg.jpg) repeat-x top left; width: 34px; height: 17px; overflow: hidden; }
div#contentIndex div#rateaddress p#hotelheader span#star_3 { text-indent: -9999px; display: block; background: url(images/star_bg.jpg) repeat-x top left; width: 51px; height: 17px; overflow: hidden; }
div#contentIndex div#rateaddress p#hotelheader span#star_4 { text-indent: -9999px; display: block; background: url(images/star_bg.jpg) repeat-x top left; width: 68px; height: 17px; overflow: hidden; }
div#contentIndex div#rateaddress p#hotelheader span#star_5 { text-indent: -9999px; display: block; background: url(images/star_bg.jpg) repeat-x top left; width: 85px; height: 17px; overflow: hidden; }