@charset "utf-8";
html, body
{
margin:0;  
padding:0; 
background-color: #E0E0E0;
height: 100%;
width: 100%;
font-family:Arial;color:#222;font-size:12px;
}
a:link    {color:#005ca2;text-decoration:none} 
a:visited {color:#777777;text-decoration:none}
a:active  {color:#cc0000;text-decoration:none}
a:hover  {color:#B90000;text-decoration:none}
a img     {border: 0;}
table, td, input, textarea, select {font-family:Arial; font-size:12px}
td  {vertical-align:top}
form {margin:0px}


/* --------- HEADER --------- */
.header-logo {background-color:#dfdfdf;height:84px; width:894px;background-image:url(http://www.orientalescape.com/img/style/border-login.gif);background-repeat:repeat-y;background-position:right;}
.header-login {background-color:#ebebeb;border-left: 1px solid #fff;}
.red-line        {background-color:#cc0000; background-image:url(http://www.orientalescape.com/img/style/red-line.gif); height:5px;}
#home     {background-image:url(http://www.orientalescape.com/img/menu/head-home2.gif);}
#payment {background-image:url(http://www.orientalescape.com/img/menu/head-payment2.gif);}
#support   {background-image:url(http://www.orientalescape.com/img/menu/head-support2.gif);}
#contact  {background-image:url(http://www.orientalescape.com/img/menu/head-contact2.gif);}

/* --------- USER LOG-IN & CART  --------- */
#login-box   {width:220px;margin-left:20px;position:relative;}
#login-sign   {background:url(http://www.orientalescape.com/img/style/loginbox-bg.gif);width:220px;height:55px;position:absolute; top:7;}
#mycart {width:220px; text-align:right}
.form-login    {font-size:10px;font-weight:bold;color:#333;background-color:#F6F6F6;border:1px solid #d2d2d2;padding-left:5px;}

/* --------- BODY --------- */
#container {position:relative}
#object-left {position:absolute; top:0; left:0;}
#object-right {position:absolute; top:0; right:0;}

#topic-images   {border: 1px solid #c1c1c1; background-color:#1B1B1B; height:240px; margin-bottom:10px}
#topic-box      {border: 1px solid #454545; background-color:#2a2a2b; color:#fff;text-align:center;font-family:times new roman;font-size:18px;height:23px; line-height:23px;text-shadow: 0px 0px 1px #FBFBFB;margin-bottom:3px;}

.image-border   {border: 1px solid #999;background-color:#141414;clear:both;}

.image-box    {border: 1px solid #ccc;background-color:#fff; padding:4px 4px 8px 4px;margin:7px 4px 0px 4px; width:200px; float:left; text-align:center}

.content-body1   {background-color:#e4e4e4;padding: 15px 24px 15px 20px; width:894px;background-image:url(http://www.orientalescape.com/img/style/border-menu1.gif);background-repeat:repeat-y;background-position:right;border-top: 1px solid #fff; border-bottom: 1px solid #ABABAB;}
.content-body2   {background-color:#1b1b1b;padding: 15px 24px 15px 20px; width:894px;background-image:url(http://www.orientalescape.com/img/style/border-menu2.gif);background-repeat:repeat-y;background-position:right;border-bottom: 1px solid #141414;}
.content-menu1  {background-color:#ebebeb;border-top: 1px solid #fff;border-left: 1px solid #fff;border-bottom: 1px solid #ABABAB; padding-bottom:5px}
.content-menu2  {background-color:#1b1b1b;border-left: 1px solid #202020;border-bottom: 1px solid #141414;}

.table-relate {text-shadow: 1px 1px 0px #FBFBFB;}
.table-itinerary td{ text-align:justify; padding-bottom:3px}
.table-rate    {background-color:#fff;text-align:center;border:1px solid #cdcdcd;}
.table-rate td {background-color:#ededed;text-shadow: 0px 0px 1px #FBFBFB;}
td.bluebox     {background-color:#006699;color:#fff;font-weight:bold;text-align:center; vertical-align:middle }
td.servicetype {text-align:left; padding-left:10px}

.relate-detail  {border-right:1px solid #ABABAB;padding-right:10px;text-align:justify;}
.relate-detail a:link    {text-decoration:underline} 
.relate-mark {border-left:1px solid #fff;padding-left:10px;width:280px; }

.table-highlight {text-shadow: 0px 0px 1px #FBFBFB;border:1px solid #444}
.table-highlight td{color:#E3E3E3;text-shadow: 0px 0px 2px #666;}
.table-highlight a:link    {color:#eaeaea;text-decoration:none;text-shadow: 0px 0px 2px #666;}
.table-highlight a:visited {color:#ccc;text-decoration:none}
.table-highlight a:active  {color:#eaeaea;text-decoration:none}
.table-highlight a:hover   {color:#fff;text-decoration:none;text-shadow: 0px 0px 3px #999;}

.table-normal     {background-color:#ccc}
.table-normal td {background-color:#fff;}

.table-formal     {background-color:#ffffff;border: 1px solid #bdbdbd; margin-top:5px}
.table-formal td {background-color:#ededed;height:18px; line-height:18px;}
.table-formal-subject { text-align: center; font-weight:bold; vertical-align:middle}
.table-formal-route {padding-left:5px}
.table-formal-rate  {padding-right:5px; text-align:right}
.table-middle td {vertical-align:middle; height:21px; line-height:21px}
.table-about    {background-color:#fff;border: 1px solid #ccc; margin-top:3px;}
.table-about td {vertical-align:top;background-color:#f4f4f4; padding-left:7px; padding-top:3px;  padding-bottom:3px;}

table.sortable    {background-color:#fff;text-align:center;border:1px solid #cdcdcd;}
table.sortable td {background-color:#ededed;text-align:center; height:21px; vertical-align:middle}

th.bluebox           {background-color:#006699;color:#fff;font-weight:bold;text-align:center;cursor:pointer}
th.bluebox a:link    {color:#fff;text-decoration:none}
th.bluebox a:visited {color:#fff;text-decoration:none}
th.bluebox a:active  {color:#fff;text-decoration:none}
th.bluebox a:hover   {color:#fff;text-decoration:none}


table.sortab    {background-color: #fff;text-align:center;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd; font-size:9px}
table.sortab td  {border-top:1px solid #cdcdcd;padding-top:3px;}
.tabnormal    {background-color: #fff}
.tabhighlight {background-color: #D8EFFF}

#box-shadow {border: 1px solid #EFEFEF;background-color:#E0E0E0; padding:15px 20px;-moz-box-shadow: inset 0 0 5px #B8B8B8;-webkit-box-shadow: inset 0 0 5px #B8B8B8;box-shadow: inset 0 0 7px  2px #B8B8B8;}

#box-white {border:1px solid #ccc; background-color:#fff}
#box-choice {border-left:1px solid #ccc; border-right:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff}
#box-booking {border:1px solid #bababa; background-color:#cfcfcf; margin-top:3px; height:29px; line-height:29px;position:relative}
#box-service  {border: 1px solid #ccc;margin-top:3px; padding:2px; clear:both;color:#000; }
#box-service:hover     {background-color: #D8EFFF;}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
width:100px; /*Default width of hint.*/ 
text-align:center;
font-family:Arial;font-size:10px;color:#939393;
line-height:33px;
z-index:100;
visibility: hidden;
background-image:url(http://www.orientalescape.com/img/style/hint.png);
margin-top:30px;
margin-left:-30px;
}
.box-logo  {width:348px}
.box-menu {width:368px;margin-right:15px}
.box-white {border:1px solid #ccc; background-color:#fff; padding:7px 15px; text-align:justify;}
.box-blue  {border:1px solid #ccc; background-color:#eaf3f8; padding:7px 15px; margin-bottom:15px}
.box-empty {background-color:#fff; padding:7px 15px;}
.box-topic {padding-left:12px; line-height:30px; font-weight:bold;background-color:#fff; border:1px solid #ccc;border-bottom:0px}
.box-topic-service {background-color:#fff; border:1px solid #ccc;border-bottom:0px; height:25px;}
.box-topic-blue {background-color:#006699;border:3px solid #fff;padding-left:12px; line-height:21px; font-weight:bold;color:#FFF;height:21px}
.box-addmore           {font-size:9px; color:#006699;display:block; cursor:pointer;text-align:right}
.box-flight {color: #666; background-color: #f2f2f2; border: 1px solid #C7C7C7; text-align:center;font-weight: bold; width:85px}

#service-box           {text-align:left;border: 1px solid #cdcdcd;margin-top:3px; padding:2px}
#service-box:hover     {background-color: #D8EFFF;}
.service-image1 {float:left;border: 1px solid #999;background-color:#141414;margin-right:7px; width:108px; height:74px;clear:both;}
.service-image2 {float:left;border: 1px solid #999;background-color:#141414;margin:0 3px; width:98px; height:64px;clear:both;}
.service-image3 {border: 1px solid #ccc;background-color:#fff;padding:2px; margin-bottom:10px}

#text-menu           {color:#454545;font-weight:bold; text-align:center; float:left;border-right:1px solid #cdcdcd;width:23%; margin:5px 0px}
#text-menu a:link    {color:#848484;text-decoration:none}
#text-menu a:hover   {color:#333;;text-decoration:none}

#text-menux           {color:#454545;font-weight:bold; text-align:center; float:left;width:28%;margin:5px 0px;}
#text-menux a:link    {color:#848484;text-decoration:none}
#text-menux a:hover   {color:#cc0000;text-decoration:none}

ul.yes   {list-style-type: none;padding: 0;margin: 0;}ul.yes li {background-image: url(http://www.orientalescape.com/img/icon/check-1.gif);background-repeat: no-repeat;background-position: 0 .2em;padding-left:15px;}
ul.list    {list-style-type: none;padding: 0;margin: 2;} ul.list li {background-image: url(http://www.orientalescape.com/img/icon/dot1.png);background-repeat: no-repeat;background-position: 0 .4em;padding-left:10px;}
ul.next    {list-style-type: none;padding: 0;margin: 2;} ul.next li {background-image: url(http://www.orientalescape.com/img/icon/next.gif);background-repeat: no-repeat;background-position: 0 .4em;padding-left:10px;}
ul.servicelist    {list-style-type: none;padding: 0;margin: 2; float:left;width: 440px} 
ul.servicelist li {background-image: url(http://www.orientalescape.com/img/icon/circle.png);background-repeat: no-repeat;background-position: 0 .4em;padding-left:12px;}

.folder-select-start {border-bottom:1px solid #ccc; width:7px}
.folder-select-point {width:100px;line-height:16px;vertical-align:middle;text-align:center;font-size:9px;color:#666; font-weight:bold;border-top:1px solid #ccc;background-color:#ffffff;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.folder-select-option {width:100px;line-height:16px;vertical-align:middle;text-align:center;font-size:9px;color:#666; font-weight:bold;border:1px solid #cbcbcb;background-color:#d4d4d4;text-shadow: 1px 1px 0px #F0F0F0}
.folder-select-space {border-bottom:1px solid #ccc; width:3px}
.folder-select-end {border-bottom:1px solid #ccc}




h1    {font-size: 30px;color:#222;font-family:times new roman;font-weight:normal;margin:0px;text-shadow: 1px 1px 0px #FBFBFB;}
h2    {font-size: 16px;color:#222;font-weight:bold;text-shadow: 1px 1px 0px #FBFBFB;text-indent:5px;margin:0px;}
h3    {font-size: 12px;margin:7px 0px 3px 0px;}
h4    {font-size: 11px;color:#444;margin:0px;text-shadow: 1px 1px 0px #FBFBFB; margin-bottom:15px}
h5    {font-size:12px;font-weight:bold; margin:0px}
h7 {font-size:10px; font-weight:normal;margin:0px}
h13 {font-size:9px; color:#838383;}

.text-blink      {color:#cc0000; font-weight:bold; text-decoration:blink}
.text-green      {color:#006600; font-weight:bold;}
.text-blue       {color:#0000ff; font-weight:bold}
.text-red        {color:#cc0000; font-weight:bold}
.text-gray       {color:#ccc; font-weight:bold}
.text-white      {color:#fff; font-weight:bold}

.form-right  {text-align:right;padding-right:3px;}
.form-booking  {font-size:12px;font-weight:bold;color:#333;background-color:#f7f7f7;border:1px solid #d2d2d2;padding-left:5px; margin:0px}
.form-flight    {font-size:12px;font-weight:bold;color:#333;background-color:#fff;border:1px solid #d2d2d2;width:67px; margin-top:2px; text-align:center; font-weight:bold}
.form-white    {font-size:12px;font-weight:bold;color:#333;background-color:#fff;border:1px solid #d2d2d2;padding-left:5px;}


/* --------- FOOTER  --------- */
.footer-box     {background-color:#353535;height:40px;color:#999;font-size:10px;text-shadow: 1px 1px 0px #111; width:894px;background-image:url(http://www.orientalescape.com/img/style/border-sitemap.gif);background-repeat:repeat-y;background-position:right}
.footer-box a:link    {color:#999;text-decoration:none} 
.footer-status    {background-color:#353535;vertical-align: middle; border-left: 1px solid #3B3B3B}

.footer-map {border-top:1px solid #535353;border-bottom:1px solid #535353; margin:10px 15px 0px 10px;height:90px;}
.footer-banner {width:243px;border:1px solid #535353;margin:10px 0px 0px 7px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; height:90px; background-color:#303030}

#footer-logo   {position:absolute; top:0px; left:0px; width:50px}
#footer-brand {position: absolute;height:40px; top:0px; left:55px; width:650px;}
#footer-login   {position:absolute;top:0px; right:15px; width:40px; text-align:right}



/* --------- GENERAL STYLE  --------- */
.table {width:100%; height:100%; border:0px}
#clear {clear:both}
#point {cursor:pointer}

.div-vertical-middle {display: table;}
.div-vertical-middle p{display: table-cell; vertical-align: middle;}
.div-vertical-middle p{*margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");}

.image-index      {float:left;margin:0px 7px 4px 0px;border: 1px solid #999;background-color:#141414;clear:both;  width:70px; height:43px}
.index-package {float:left; height:45px; width:230px;margin-bottom:4px;}



.index-line {border-top: 1px solid #3e3e3e;height:1px; clear:both}
.subject-headline {height:23px;background:transparent url(http://www.orientalescape.com/img/style/horizon.png) repeat-x bottom;margin:15px 0px 10px;}
.subject-head {height:23px;background:transparent url(http://www.orientalescape.com/img/style/horizon.png) repeat-x bottom;margin:10px 0px 10px;}
#comment       {border-bottom: 1px solid #3e3e3e; margin:7px 0px; padding:7px 0px; width:100%;text-align:justify; font-style:italic}


.box-testimonial {width:100%;height:300px;overflow: hidden;margin-top:5px;}

.question {cursor:pointer; font-weight:bold; padding:3px 2px;}
.answer   {text-align:justify; padding-bottom:15px;padding-left:17px;}

.que {cursor:pointer; font-weight:bold; padding:3px 2px;color:#006699;}
.ans  {text-align:justify; padding-bottom:15px;padding-left:17px;}

.from {vertical-align: middle; margin-top:-1px}
.to {vertical-align: middle; margin-top:-1px}

.border1 { width:1px;background-color:#cdcdcd}
.border2  {width:1px; background-color:#454545}


#button1   {display: block;width: 116px;background-image: url(http://www.orientalescape.com/img/icon/button116-g.gif);text-align:center;float:right;line-height:29px;cursor:pointer;font-weight:bold;color:#828282;text-shadow: 1px 1px 0px #FFF;}
#button1:hover   {background-image: url(http://www.orientalescape.com/img/icon/button116-w.gif);color:#005CA2;}

#button2         {display: block;width: 82px;background-image: url(http://www.orientalescape.com/img/icon/button82-g.gif);text-align:center;float:right;line-height:29px;cursor:pointer;font-weight:bold;color:#828282;}
#button2:hover   {background-image: url(http://www.orientalescape.com/img/icon/button82-w.gif);color:#005CA2;}

#button3         {display: block;width: 197px;background-image: url(http://www.orientalescape.com/img/icon/button197-g.gif);text-align:center;float:right;line-height:29px;cursor:pointer;font-weight:bold;color:#828282;}
#button3:hover   {background-image: url(http://www.orientalescape.com/img/icon/button197-w.gif);color:#005CA2;}
#radio {margin:0px; margin-right:2px}