@charset "utf-8";
/* ============================= main layout ====================== */
body {
    font-family: Arial, Verdana, "Simplified Arabic";
    font-size: 12px;

    background: url(../../images/bg.png) repeat-x;
    margin: 5px;
    margin-top: 0px;
    /*text-align:left;*/
    text-align:justify;
    min-width:960px;
    color:#000;
    background-color: #003a4b;
}
/* ============================= main header ====================== */
#header{
   /* width:939px;
    margin-top:10px;*/}

/*ul.menu li a:hover{
    font-size: 12px;
}*/
/* ============================= main content ====================== */
#content{
    background:transparent url('../../images/main-bg.png') repeat-y center;
    overflow: hidden;
     }

/* ============================= main footer ====================== */
#footer{
    background: transparent url('../../images/footer.png') no-repeat center;
    height: 28px;
    color:#ffffff;
    text-decoration:none;
    text-align:left;
    font-size: 11px;
    }
#footer a , #footer a:visited{
    color:#ffffff;
}

/* ============================= inner header ====================== */
.header{
    height: 200px;
    background: transparent url('../../images/header1.jpg') no-repeat center;
     -webkit-margin-start: -1px;
}

div.menu{
    /*    float: right;*/
    text-align:right;
    margin-top: 5px;
    margin-right: 20px;
}
div.menu ul{
   /* margin: 25px 10px 10px 0px;*/
    list-style: none;
    line-height: 20px;
    font-size: 12px;
}
div.menu ul li{
    display:inline;
}
div.menu ul li a{
    text-decoration: none;
    color:#edf2f7;
    font-size: 12px;
    text-transform: capitalize;
}
/* ============================= menu ====================== */
#menu{}

.menu_items h3 {

    background:transparent url(../../images/menuarrow.png)  no-repeat;
/*    margin-left: -11px;*/
    cursor: pointer;
    height: 47px;
    width: 183px;
    margin-bottom:0px;
}

.menu_items h3 a{ padding-left:25px; padding-top: 10px;display: block; }

.menu_items h3:hover{
    background:transparent url(../../images/menuarrowh.png) no-repeat;
}


.menu_items #accordion ul{
    list-style: none;
    background-color:#80C4C2;
    width:175px;
}
.menu_items #accordion li{
    padding-top:5px;
    padding-bottom:5px;
}
ul.inter{    margin-bottom:0px;}
ul.inter a{
    display: block;
}
.lastitem
{
    background:transparent url(../../images/menuclose.png) no-repeat left bottom;
    height:44px;
/*    margin-left: -10px;*/
    display: block;
}
.menu_items a{
    color:#3c5b78;
    text-decoration: none;
    font-size: 12px;
}

.menu_items ul li a:hover{
}

#accordion h3.ui-state-active{
    background:transparent url(../../images/menuonclick1.png) no-repeat;
    height: 58px;
    width: 187px;
}

.menu_items ul li:hover{
    background:transparent url(../../images/dot.png) no-repeat center left;
    padding-left: 20px;
    font-size: 13px;
    /*font-weight: bold;*/
    color: #28407F;
    cursor: pointer;

}
.money
{
   background:transparent url('../../images/checkout.png') no-repeat center;
   height: 80px;
   width: 128px;
   margin-left: 45px;
   margin-top: 5px;
}
/* ============================= inner main content ====================== */
/*curved header*/
.cheader{
    height: 20px;
    background: transparent url('../../images/Content-up.png') top no-repeat;
    }

.header_colored{
    height: 35px;
    background: transparent url('../../images/innermain.png') no-repeat;
    padding-top:7px;
    }
/*content    */
.mainContent{
    width:690px;
    float: right;
}
/*Offers*/
.offers{
    background:transparent url(../../images/offer.png) no-repeat;
    width:225px;
    height:141px;
    overflow: hidden;
    margin-bottom:35px;
    margin-left: 10px;

}
.offers .spOfferBody{
    width:200px;
    height:140px;
    margin-top:10px;

}
.offers .spOfferBody a{
    text-decoration: none
}
.offers .spOfferPrice{
    color:#e45731;
    font-size: 22px;

}
.offers .spOffertitle{
    color:#e45731;
    font-size: 19px;

}
/*Weather*/
.weather {
    margin-left:40px;
    margin-top:0px;
    overflow: hidden;
}
/*news main page*/
.news{
    background:transparent url(../../images/news.png) no-repeat;
    width:332px;
    height:271px;
    overflow: hidden;
    margin-bottom: 10px;
}

.newsContent{
    width:313px;
    height:180px;
    margin:12px 10px 0px 10px;
    overflow: hidden;
    text-align: left;
}

h2.newsTitle{
    color:#026d84;
    width:320px;
    height:30px;
    font-size:18px;
    margin:4px 10px 0px 10px;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
}
.newsMore {
    width:320px;
    height:30px;
    font-size:15px;
    margin:15px 18px 10px 10px;
    text-align:right;
/*    border:1px solid #ff0099;*/
}
.news .newsMore a,#content .news .newsMore a:visited,#content .news .newsMore a:hover{
    color:#f57e05;
    text-decoration: none;
    display: block;
}

.share{
  text-indent:5px;
}
.titleLinks
{
    float: left;
    margin-left: 20px;
    font-weight:bold;
    font-size: 13px;
    color:#28407f;
}
.titleLinks a,titleLinks a:hover,.titleLinks a:visited{
    color:#28407F;
    text-decoration:none;
    }
.newsDate{margin-right:20px;font-size:9px;float:right;}

/*Search*/
div.searchhotel{
    background:transparent url(../../images/search.png) no-repeat center;
    height:197px;
    margin-bottom:10px;
    font-weight:bold;
}

div.searchhotel table
{
    padding-left: 10px;
    margin-top: 50px;
}

div.searchhotel tr ,div.searchhotel td
{
    padding:4px;
    margin-right: 20px;
    text-align: left;
    padding-left: 10px;
}
.search div.SearchTitle , .search_2 div.SearchTitle, .search_3 div.SearchTitle{
   font-size:16px;
    text-indent:25px;
    padding-top:15px;
    font-weight:bold;
}

.searchTitle{
    color:#004460;
    text-indent:12px;
    font-size:18px;
    margin-left: 20px;
    padding-top: 10px;
/*    float: left;*/
    display: block;
}
/*Hotel Search Result*/
.hotelsbttn
{
    background:transparent url(../../images/searchbtnhov.png) no-repeat;
    color:#ffffff;
    width:64px;
    height:25px;
    padding-left: 5px;
    border:0px;
    cursor: pointer;
}

.hotel_result{
    margin-bottom:20px;
    border:1px solid #d4d4d4;
    width:660px;
    background-color: #fafafb;
    margin-left:20px;
    overflow: hidden;
}

.borderImg{
    border:1px solid #d4d4d4;
    /*float:right;*/
    padding:3px;
}
.hotel_rimg{padding-top:13px;padding-bottom: 10px;}

h1.headerValue , h1.headerValue a , h1.headerValue a:hover , h1.headerValue a:visited{
    text-decoration:underline;
    text-transform:capitalize;
    font-weight:bold;
    padding:2px;
    color:#1d5d78;
    padding-left:0px;
    margin-bottom:3px;
    font-size:16px;
    padding-top:10px;
}
h2.hcity{padding-left:0px;margin-bottom:3px;font-size:12px;color:#e45731;}
.price{
    color:#E45731;
    font-size:14px;
    background: transparent url('../../images/price.png') no-repeat center;
    width: 72px;
    height: 72px;
    display: block;
    padding:5px;
    text-align: center;
    margin-left:7px;
    padding-top:10px;
    margin-bottom:0px;
    padding-top:25px;
}

span.price1{
    font-size:10px;display:block;text-align: center;
}
.hprice{
    float:right;
    font-weight:bold;
    padding-top:10px;
}
/*More Info button*/
.moreInfo{
    padding-left: 10px;
}
a.moreinfo{
    text-decoration:none;
    color:#2b9793;
    font-weight:bold;
    font-size:11px;
    background:transparent url('../../images/moreinfo.png') no-repeat left;
    text-indent: 10px;
    display:block;
    width:80px;
}

a.moreinfo:hover{
    color:#E45731;
    background:transparent url(../../images/moreinfohov.png) no-repeat left;
}
.pleft{margin-left:20px; }
.pleft1{margin-left:10px;}
/*PageNavigator*/
.nav{
    /*color :#3b5998;*/
    color : #558EAC;
    font-size:110%;
/*    margin:3px;*/
    font-weight: bold;
    text-align: center;
}
.nav a.txtDef,.nav a.txtDef:hover,.nav a.txtDef:visited{
    color :#558EAC;
    text-decoration:none;
    font-size:100%;
    background:transparent url('../../images/nav.png') no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
    /*border:1px solid #009988;*/
}
/*hotel Page*/
.info{width:240px;}
.info td{ padding-left: 20px;}
.info1{width:165px; padding-top: 10px;padding-left: 5px;}
.info2{width:200px; margin-left:25px;}
.borderImg{
    border:1px solid #d4d4d4;
    padding:3px;
}
.detailsheader
{
    font-size:16px;
    padding-top:10px;
    padding-bottom:5px;
    font-weight:bold;
    color: #2c6881;
}

/*booking&pricing tabs*/
/*.gInfoheader
{
    width:274px;
    height:11px;
    background: transparent url('../../images/details.png') no-repeat;
}*/
.booking
{
   width : 7em;
}
.bookingborder{border: 1px solid #d4d4d4; width:270px;}
/*.gInfoheaderwbg
{
    width:274px;
    height:35px;
    padding-top: 5px;
    background: transparent url('../../images/detailswbg.png') no-repeat;
    text-align: center;
}*/
/*.gInfofooter
{
    width:274px;
    height:11px;
    background: transparent url('../../images/details-bottom.png') no-repeat;
}
.gInfobg
{
    width:272px;
    background-color:#ffffff;
    border-left:1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
}*/
/*.gInfobg1
{
  height: 270px;
}*/

.values table,.values td ,.gInfo table ,.gInfo td{
    padding:5px;
    vertical-align:top;
}
.values table ,.gInfo table{
    width:80%;
}
.details
{
    font-size:15px;
    color: #2c6881;

}
.details table
{
    margin-left:25px;
}

.details td{
    padding:2px;
}

.detailsheader1
{
    text-indent:20px;
    padding-top:10px;
    padding-bottom:5px;
    font-weight:700;
    color: #2c6881;
}

.highprice
{
    color:#e74e2c;
    font-style: italic;
    font-weight: bold;
}
.line
{
    background:transparent url(../../images/line.png) no-repeat;
    margin-left: 20px;
}
.titleHotel{
    font-weight:bold;
}

/*news*/
.bodyNews{
    padding-left:10px;
    padding-right: 15px;
    font-size: 13px;
    margin-top: 15px;
}
.bodyNews1{margin-left:15px;padding-left: 15px;}
.titleNews
{
    float: left;
    font-weight:bold;
    font-size: 15px
}

.pageTitle{
    color:#004460;
    text-indent:12px;
    font-size:15px;
    font-weight: bold;
    margin-bottom:0px;
    padding-left: 15px;
}

.titleNews a,news.titleNews a:hover,.titleNews a:visited{
    color:#28407F;
    text-decoration:none;
    }
.newsDiv{
    width:650px;
    margin: 7px 20px 8px 20px;
    padding:5px;
    border:1px solid #d4d4d4;
}
.newsDate{margin-right:20px;font-size:9px;float:right;}
.moreNews{
    width:121px;
    height:34px;
    background:transparent url(../../images/button.png) no-repeat;
    text-indent:33px;
    font-size:14px;
    font-weight:bold;
/*    padding-left: 25px;*/
    float:right;
    padding-top:5px;

    /*margin-right:10px;*/
}
.moreNews a,.moreNews a:visited,.moreNews a:hover{
    color:#3f7c95;
    text-decoration:none;
}
/*cars*/
.car-title{
    /*margin:5px;*/
    text-decoration: none;
    padding-top: 5px;
    color:#1D5D78;
}
div.info strong ,span.info strong{
    color:#000000;
    font-weight:bold;
}

div.info a{
    text-decoration:none;
    color:#0a516c;
}
.inf{padding-left: 15px;}
.infoI {
padding-left:25px;
padding-right:10px;
}

.infobtn
{
    background: transparent url('../../images/cat-btn.png') 20px no-repeat;
    height:32px;
    color:#db7556;
    font-weight:bold;
    text-align: center;
    padding-top: 5px;
/*    margin:5px;*/
    margin-left: 10px;
}
.cat{
    background: transparent url('../../images/cat-bg.png') 10px no-repeat;
    height:220px;
    width:190px;
    overflow:hidden;
    margin:5px;
    padding-top: 10px;
}
span.price1{
    font-size:10px;display:block;
}

.ImageCars{
    text-align:center;
    border:1px solid #c9ced1;
    width:155px;
    height:95px;
    margin-left:8px;
    margin-top:10px;
    background-color:#ffffff;
    padding:2px;

}
.ImageCars1{
    margin-left:25px;
    }

div.cat span.map {
    margin-top:25px;
    position:absolute;
}
.mi{text-indent: 20px;}
.moreInfo1{
    color:#000000;
    width:14px;
    height:15px;
    padding-top: 10px;
    padding-left: 5px;
    float:left;

}
a.moreinfo1{
    text-decoration:none;
    color:#2b9793;
    font-weight:bold;
    font-size:11px;
    background:transparent url('../../images/moreinfo.png') no-repeat left;
    text-indent: 15px;
    display:block;
    float:right;
    width:85px;
    padding-right: 10px;

}

a.moreinfo1:hover{
    color:#E45731;
    background:transparent url(../../images/moreinfohov.png) no-repeat left;
}
/*images*/
.smallimg
{
    height: 32px;
    width: 40px;
    margin: 2px;
    background-color: #ffffff;
}
.zoom{
    color:#000000;
    width:14px;
    height:15px;
    padding-top: 3px;
    padding-left: 5px;
    float:left;

}
a.zoom{
    text-decoration:none;
    color:#2b9793;
    font-weight:bold;
    font-size:11px;
    background:transparent url('../../images/zoom.png') no-repeat left;
    /*text-indent: 0px;*/
    display:block;
    float:right;
    width:50px;padding-right: 40px;
}

a.zoom:hover{
    color:#E45731;
}
/*contactus*/
.phone {display:inline-block; width:85px;padding-left: 15px;}
.contactinfo h2 {font-size:14px; line-height:1.2307em; text-transform:uppercase; margin-bottom: 10px; padding-left: 15px; color:#28407F;}
h1.contactinfo  {font-size:16px; line-height:1.2307em; color:#28407F; text-align: center;}
p.contactinfo {text-align: center;}
a.contactinfo {text-decoration: none; color:#28407F; font-weight: bold; }
p.pad2 {padding-left: 15px;margin-bottom: 10px;}
.clink {display:inline-block; padding:0px 8px 6px 15px; text-decoration:none; color:#28407F; }
.valign{vertical-align: top;}
.pad {padding-left:94px; padding-top: 10px;}
/*ContactForm*/
#contact label {height:40px; display:block; }
#contact .link {margin:20px 0 0 20px}
#contact .input {height: 25px; width:170px;margin-bottom: 10px; background:#fff;}
textarea {width:170px; height:144px; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}
.con {width:60px; padding-right: 25px; display: inline-block; padding-left: 15px;}
.reload{background: transparent url('../../images/refresh.gif') no-repeat left; display: inline-block; text-indent: 25px; text-decoration: none; color:#28407F; font-weight: bold;}
.alignright {text-align:right;}
#reservationForm label {height:40px; display:block; padding-top: 5px;}
#reservationForm .link {margin:20px 0 0 20px}
#reservationForm .input {height: 25px; width:230px;margin-bottom: 10px; background:#fff;}
#reservationForm textarea {width:230px; height:144px; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}
#reservationForm .con {margin-left: 90px; width:100px; padding-right: 25px; display: inline-block; padding-left: 15px;}


.bttn
{
    background:transparent url(../../images/button.png) no-repeat;
    color:#28407F;
    width:121px;
    height:34px;
    padding-left: 5px;
    border:0px;
    font-size: 14px;
    font-weight: bold;
}
a.bttn{
    background:transparent url(../../images/button.png) no-repeat;
    color:#ffffff;
    width:121px;
    height:34px;
    padding-left: 5px;
    border:0px;
    text-decoration:none;
}

/*reservation*/
/*.resheader
{
    width:628px;
    height:35px;
    background: transparent url('../../images/resirvation-up.png') no-repeat;
    padding-top: 5px;
    text-align: center;

}*/

.mleft{margin-left: 25px;}
.mleft1{margin-left: 230px;}
/*.resheader1
{
    width:628px;
    height:50px;
    background: transparent url('../../images/resirvation-up.jpg') no-repeat;
    margin-bottom: 10px;
}*/


.resbg
{
    width:626px;
    background-color:#ffffff;
    border-left:1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;


}
.resfooter
{
/*    width:628px;
    height:11px;
    background: transparent url('../../images/resirvation-down.png') no-repeat;*/
    border-left:1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
    width:626px;
}
.restab
{
    margin:10px;
    float: left;
    margin-left: 25px;
}
table.plan
{
   width: 628px;
   border-left:1px solid #d4d4d4;
   border-right: 1px solid #d4d4d4;
   margin-bottom: 0px;
   color: #28407F;
}

.plan td
{
    padding-left: 30px;
    margin-top: 10px;
    text-align: left;
    padding-top: 10px;
    color: #28407F;
    padding-bottom: 5px;
}

.plan td a
{
   text-decoration: none;
   color: #28407F;
}

#plan1
{
    background-color: #E5F0F5;
    height: 30px;
    vertical-align:middle;
    font-size: 14px;
    font-weight: bold;

}
.porder{
    width:626px;
    margin-bottom: 0px;
    border-left:1px solid #d4d4d4;
    border-right:1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    background: #E5F0F5;
    height: 35px;
}
.porder h2{font-size: 15px; margin-bottom: 0px;padding-top: 5px;padding-left: 20px;}
table.planhead
{
    width:628px;
    margin-bottom: 0px;
    border-left:1px solid #d4d4d4;
    border-right:1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    background: #E5F0F5;
}
.planhead th
{
    padding-left: 30px;
    text-align: left;
    vertical-align:middle;
    padding-bottom: 10px;
}
.planhead td
{
   border-left:1px solid #d4d4d4;
   border-right: 1px solid #d4d4d4;
   width: 626px;
}
.innerplan
{
    margin-top:10px;
    background-color: #EEE;
}


/* ============================= inner footer ====================== */
.footer{
    padding-left:1px;
    margin-left: 20px;
    margin-right: 20px;
}
cfooter{
    height: 28px;
    background: transparent url('../../images/footer.png') no-repeat right;
}
#links{
    padding:5px 0px 5px 0px;
    text-align:center;
    border-top:1px solid #cbcbcb;
    overflow: hidden;
    font-weight: bold;
}

#links ul{
    list-style: none;
}

#links ul li{
    display:inline;
    color: #004b64;
}

#links a,#links a:visited{

    text-decoration: none;
    color: #004b64;
}

#links a:hover{
    text-decoration: underline;
}
/* ============================= icons ====================== */
.icon{
    padding-right:11px;
    text-decoration:none;
    height:20px;
    font-size:12px;
    margin:0 3px;
    display:inline-block;
    line-height:20px;
}
.icon1{
    padding-right:11px;
    height:20px;
    margin:0 15px;
    line-height:20px;
}
.home{background:transparent url('../../images/home.png') no-repeat left;}
.contact{background:transparent url('../../images/contact.png') no-repeat left;}
.links{background:transparent url('../../images/links.png') no-repeat left;}
.dot{
    background:transparent url('../../images/dot.png') no-repeat left;
    line-height:15px;
    margin-left: 5px;
}
.cars{background:transparent url('../../images/cars.png') no-repeat left;}
.bag{background:transparent url('../../images/case.png') no-repeat left;}
.hotel{background:transparent url('../../images/hotel.png') no-repeat left;}
.guide{background:transparent url('../../images/guide.png') no-repeat left;}
.bus{background:transparent url('../../images/bus.png') no-repeat left;}
.zoom{background:transparent url('../../images/zoom.png') no-repeat left;}

/*news scroll*/
div.jd_news_scroll {
    position: relative;
    overflow: hidden;
    width: 98%;
    height: 100%;
    /*border: 1px solid #505050;*/
}
div.jd_news_scroll ul {
    position: relative;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
div.jd_news_scroll ul li {
    height: 16px;
    margin: 0px;
    padding: 2px 10px 3px 10px;
    white-space: nowrap;
    border-bottom:1px solid #1d5d78;
}

div.jd_news_scroll ul li a {
    color:#000000;
    text-decoration:none;
    display: block;
}


div.error{
    background:#f1dede url(../../images/error.gif) no-repeat 10px;
    border:1px solid #e1a6a6;
    color:#c42d2d;
    text-indent:25px;
    font-weight:bold;
    padding:10px;
    margin-top:20px;
    margin-bottom: 20px;
}
div.growlUI h1, div.growlUI h2 {
    color: white; padding: 5px 5px 5px 75px; text-align: left
}

div.errorText{
    color:#c42d2d;
    padding-left:10px;
}
div.notice{
    /*background:#dee9f1;
    border:1px solid #a8cae2;*/
    color:#0065a9;
    padding:5px;
    width:100%;
    text-align:center;
    margin-left: 30px;
    /*margin-left:60px;*/
}
div.notice{
    width:200px;
    display: block;
}
div.errors{
    background-color: #009988;
    color:#ffffff;
}
.current {
background:url("../../images/navhov.png") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
display:inline-block;
font-size:100%;
height:22px;
text-decoration:none;
width:22px;
}


.ui-datepicker-trigger {cursor: pointer;}

.mainContainer{
    border:1px solid #e1a6a6;
    width:80%;
    text-align: center;
}