/* CSS Document */

.floatLeft{ float:left;}

.clear{ clear:both;}

.image{ border:1px solid #8d9289; padding:1px; margin-right:5px;}

.blue{ color:#003e69;}

.gray{color:#555; font-weight:bold;}

.hotel-name{ color:#005065; font-weight:bold;}

a{ color:#d6000e; text-decoration:none;}
a:hover{ text-decoration:underline;}

p{ margin:0px; padding:0px;}

#pageBottom{ width:100%; margin:0 auto;}

#pageBottom .bgMid{  width:100%; height:33px; margin:0 auto; padding-top:17px; text-align:center; font-size:small;}

#colLeft{ background:#0b587a url(images/Leftcol_bg.jpg) left top repeat-x; width:227px; margin-right:8px;height:600px;}

#colLeft .Logo{ background:transparent url(images/Logo.jpg) left top no-repeat; width:227px; height:227px;}

#colLeft ul.mainMenu{ margin:70px 10px 20px 15px; padding:0px; display:block;}

#colLeft ul.mainMenu li{ background:transparent url(images/colLeft_li_line.gif) left top repeat-x; background-position:bottom; height:26px; list-style-type:none;  font-size:17px; color:#fff; padding-top:14px;}

#colLeft ul.mainMenu li.end{ background:none;}


#colLeft ul.mainMenu li a{ color:#fff; text-decoration:none;}

#colLeft ul.mainMenu li a:hover{ color:#000; text-decoration:none;}

#colRight{ width:600px; padding:0px; margin:0px;}

#colRight .topImage{ background:transparent none left top no-repeat; height:227px;}

#colRight ul.h-menu{ display:inline;}

#colRight ul.h-menu li{ list-style-type:none; border-right:1px solid #50615E; margin:6px 0px 16px 0px; color:#afafaf; padding:20px 23px 0px 4px; position:relative; float:left;}

#colRight ul.h-menu li div.number{ position:absolute; right:4px; top:0px; font-size: 18px;}

#colRight ul.h-menu li div.Stage{ font-size: 14px; font-weight:bold;}

#colRight ul.h-menu li div.des{ font-size:12px;}

#colRight ul.h-menu li.end{ border:none;}

#colRight ul.h-menu li.active{}

#colRight ul.h-menu li.active div.number{ position:absolute; right:4px; top:0px; font-size: 18px; color:#50615E;}

#colRight ul.h-menu li.active div.Stage{ font-size: 14px; font-weight:bold; color:#50615E;}

#colRight ul.h-menu li.active div.des{ font-size:12px; color:#000;}

#paneTitle{ margin-bottom:15px; font-size:1pt; position:relative;}

#paneTitle .paneTop{ background:transparent url(images/paneTitle.gif) left top no-repeat; padding-left:10px;}

#paneTitle .paneTop div.l{ background:transparent url(images/paneTitle.gif) right -12px no-repeat; padding-right:10px;}

#paneTitle .paneTop div.r{ background:transparent url(images/paneTitle.gif) left -24px repeat-x; height:10px;}

#paneTitle .paneBody{ background-color:#f5f9f0; border-left:1px solid #dde7d4; border-right:1px solid #dde7d4; border-bottom:1px solid #dde7d4; padding:0px 10px 10px 10px;}

#paneTitle .paneBody span{ font-size:16px; color:#363636; font-weight:bold;}

#paneTitle .paneBody span.des{ font-size:14px; font-weight:normal;}

#button{ background:transparent url(images/btn.gif) left top no-repeat; padding-left:5px;}

#button div.itemR{ background:transparent url(images/btn.gif) right -27px no-repeat; padding-right:5px;}

#button div.itemM{ background:transparent url(images/btn.gif) left -54px repeat-x; height:25px;}

#button div.itemM span{ color:#fff; font-size:13px; padding:5px 5px 0px 5px; display:block;}

#button div.itemM span a{ text-decoration:none; color:#fff;}

#button div.itemM span a:hover{ text-decoration:none; color:#000;}

#tabmenu{}

.btn-position{ position:absolute; right:0px; top:67px;}

#tabMenu ul{ margin:15px 0px 0px 0px; padding:0px; list-style-type:none;border-bottom:1px solid #9db0bc; line-height:normal; height:23px;}

#tabMenu ul li{ margin:0 auto; padding:0px; display:inline;}

#tabMenu ul a{ float:left; background-color:#fff; border-top:1px solid #9db0bc; border-left:1px solid #9db0bc; border-right:1px solid #9db0bc;padding:3px 10px 0px 10px; text-decoration:none; color:#000; height:19px; margin-right:3px;}

#tabMenu ul a:hover{ background:transparent url(images/tab_active.gif) left top repeat-x;}

#tabMenu ul a.active{ background:transparent url(images/tab_active.gif) left top repeat-x;}

#room-info .bg-01{ background-color:#e4f3fa; padding:10px;}

#room-info .bg-02{ background-color:#f7fcf3; padding:10px; margin:1px 0px 1px 0px;}

#room-info .table-title{ background:transparent url(images/table_title.gif) left 0px repeat-x; height:23px;}

#room-info .row-info-1{ background-color:#fff;}

#room-info .row-info-2{ background-color:#f7f9f6;}

#room-info .boder-top{ border-top:1px solid #ccc;}

#room-info .boder-bottom{ border-bottom:1px solid #ccc;}

#room-info .boder-left{ border-left:1px solid #ccc;}

#room-info .boder-right{ border-right:1px solid #ccc;}

#room-info .table-title .colRoom, #room-info .row-info-1 .colRoom, #room-info .row-info-2 .colRoom{ width:70%;}

#room-info .table-title .colTotal, #room-info .row-info-1 .colTotal, #room-info .row-info-2 .colTotal{ width:20%;}

#room-info .table-title .colSelect, #room-info .row-info-1 .colSelect, #room-info .row-info-2 .colSelect{ width:20%;}

#room-info span, #extras-info span{ color:#555555; font-weight:bold;}

#room-info span.rate, #extras-info span.rate{ color:#01517e;}

#extras-info{}

#extras-info .extras-title{ background:transparent url(images/table_title.gif) left -25px repeat-x; height:23px;}

#extras-info .extras-row-1{ background-color:#e4f3fa;}

#extras-info .extras-row-2{ background-color:#f7fcf3;}

#extras-info .extras-title .col-room, #extras-info .extras-row-1 .col-room, #extras-info .extras-row-2 .col-room{ width:60%;}

#extras-info .extras-title .col-price, #extras-info .extras-row-1 .col-price, #extras-info .extras-row-2 .col-price{ width:15%;}

#extras-info .extras-title .col-Qt, #extras-info .extras-row-1 .col-Qt, #extras-info .extras-row-2 .col-Qt{ width:15%;}

#extras-info .extras-title .col-select, #extras-info .extras-row-1 .col-select, #extras-info .extras-row-2 .col-select{ width:10%;}

#booking-info{ margin-top:10px;}

.hotel-info{ margin-bottom:10px;}

.hotel-info span{ color:#005065; font-weight:bold;}

.hotel-info span.date{ color:#555; font-weight:bold;}

.info-title{ background:transparent url(images/table_title.gif) left -50px repeat-x; height:19px; border:1px solid #9db0bc; padding:4px 0px 0px 10px; position:relative;}

.info-title-supplied{ position:absolute; right:5px; top:4px;}

.info-row{ background-color:#e4f3fa; border-bottom:1px solid #fff;}

.info-row .colInfo, .info-row-total .colInfo{ width:80%; padding:10px; position:relative;}

.info-row .colPrice, .info-row-total .colPrice{ position:absolute; right:-83px; top:10px;}

.info-row span, .info-row-total span{ color:#555; font-weight:bold;}

.info-row span.infoPrice, .info-row-total span.infoPrice{ color:#01517e;}

.info-row-total{ background-color:#c1d2de; padding:0px 0px 0px 10px;}

.cancel-row{ background-color:#cfdee4; padding:3px 10px 3px 10px; color:#145b7a;}

#otherHotels{ margin:10px 0px 40px 0px;}

ul.otherHotels{ list-style-type:none; margin:0px; padding:0px;}

ul.otherHotels li{  border-bottom:1px dashed #000; height:22px; padding-top:7px;}

ul.otherHotels li span.rate-text{ float:left;}

ul.otherHotels li span.rate-number{ float:right; color:#01517e; font-weight:bold;}