* {margin:0;padding:0;}
img {border:0;}
body {background:#fff;font-family:Arial, Helvetica, sans-serif;font-size:11px;}

#wrapper {width:830px;margin:15px auto;border:1px solid #000;}

/*header*/
#header {height:70px;}
#header #logo {float:left;width:181px;height:61px;margin:5px 0 0 10px;}
#header #headertop {float:right;padding:25px 20px 0 0;}
#header #currencySelector {float:left;color:#da880d;}
#header #langSelector {float:left;color:#da880d;}
#header #langSelector select {margin-left:10px;}
#header #langSelector .selectLabel {margin:2px 10px 0 0;display:none;}

/*flash element*/
#masthead_container {width:830px;height:255px;overflow:hidden;border-top:1px solid #000;}
#spg_banner {visibility:hidden; height:11px;}

#overlay_container {position:absolute;margin:218px 0 0 0;height:37px;width:830px;}
#overlay_container #country_header {float:left;width:173px;background:#fff;border-top:1px solid #000;border-right:1px solid #000;height:27px;color:#3881c6;font-size:18px;font-weight:bold;text-align:center;padding-top:10px;text-transform:uppercase;}
#overlay_container #breadcrumb {float:left;height:22px;border-bottom:1px solid #000;width:636px;color:#fff;font-size:10px;padding:15px 0 0 20px;text-transform:uppercase;}
#overlay_container #breadcrumb a {color:#fff;text-decoration:none;}
#overlay_container #breadcrumb a:hover {color:#fff;text-decoration:underline;} 


/* country navigation list */
#nav_country {float:left;width:174px;font-size:10px;}
#nav_country ul {list-style-type:none;margin:0 15px 0 10px;}
#nav_country ul li {background:url(../img/default_arrow.jpg) 10px 6px no-repeat;}
#nav_country ul li.active {background: url(../img/highlighted_arrow.jpg) 10px 6px no-repeat #3881c6;color:#fff;padding:4px 20px 3px 0;width:129px;}
#nav_country ul li.inactive {color:#000;padding:4px 20px 3px 0;}
#nav_country ul a {display:block;padding:4px 20px 3px 20px;color:#000;text-decoration:none;width:109px;}
#nav_country ul a:hover {color:#fff;text-decoration:none;background:url(../img/highlighted_arrow.jpg) 10px 6px no-repeat #3881c6;}
#nav_country ul li.active a {color:#fff;display:inline;padding:4px 20px 3px 20px;}
#nav_country ul li.inner {background:none;}
#nav_country ul li.inner a:hover {background:#3881c6;color:#fff;text-decoration:none;}
#nav_country ul li.inneractive {background:#3881c6;color:#fff;width:149px;}
#nav_country ul li.inneractive a {color:#fff;}
#nav_country ul li.inneractive a:hover {background:none;}

#langlist, #countrylist, #citylist, #currencylist {display:none;}

#content_frame {float:left;width:656px;}
#content_frame #city_selector_container {float:right;margin:10px 0 0 0;}

#listing_container {width:656px;height:343px;background:url(../img/background.jpg) no-repeat #eee;padding:30px 0 0 0;}
#listing {width:616px;margin:0 20px;height:320px;overflow:auto;background:transparent;}

#listing .box {width:130px;float:left;margin-right:8px;padding:0 0 0 10px;}
#listing .box p {color:#666;font-size:10px;}
#listing .cityName {color:#333;font-weight:bold;font-size:11px;}
#listing .hotelName {height:40px;font-weight:bold;font-size:11px;}
#listing .currency {color:#3881c6;font-size:10px;float:left;}
#listing .price {color:#3881c6;font-size:22px;float:left;text-align:left;}
#listing .learn_now, #listing .book_now {padding-top:5px;clear:both;}
#listing .divider {padding:15px 0;}


/* jScrollPane tsyle */
.jScrollPaneContainer {position:relative;overflow:hidden;z-index:1;}
.jScrollPaneTrack {position:absolute;cursor:pointer;right:0;top:0;height:99%;background:#fff;border:1px solid #c0c0c0;}
.jScrollPaneDrag {position:absolute;background:#fff;cursor:pointer;overflow:hidden;background:#c0c0c0;}
.jScrollPaneDragTop {position:absolute;top:0;left:0;overflow:hidden;background:#c0c0c0;height:5px;}
.jScrollPaneDragBottom {position:absolute;bottom:0;left:0;overflow:hidden;}
* html .jScrollPaneDragBottom {bottom:-1px;} /* ie fix */

/* selextbox style */
.selectbox,.selectbox1,.selectbox2 {margin:0 0 10px 0;padding:2px 0 0 8px;font-size:9px;display:block;cursor:pointer;border:none;color:#333;height:18px;}
div.selectbox-wrapper,div.selectbox2-wrapper,div.selectbox1-wrapper {position:absolute;background-color:#c0c0c0;margin-top:-13px;padding:0px;font-size:9px;z-index:99;overflow:auto;}
div.selectbox-wrapper ul,div.selectbox2-wrapper ul,div.selectbox1-wrapper ul {list-style-type:none;margin:0;padding:0;color:#333;}
div.selectbox-wrapper ul li.selected,div.selectbox2-wrapper ul li.selected,div.selectbox1-wrapper ul li.selected {background-color:#3881c6;color:#fff;}
div.selectbox-wrapper ul li.current,div.selectbox2-wrapper ul li.current,div.selectbox1-wrapper ul li.current {background-color:#3881c6;color:#fff;}
div.selectbox-wrapper ul li,div.selectbox2-wrapper ul li,div.selectbox1-wrapper ul li {list-style-type:none;display:block;margin:0;padding:2px;cursor:pointer;}
.selectbox {width:91px;background:url('../img/btn_language.jpg') no-repeat;} /*language*/
.selectbox1 {width:142px;background:url('../img/btn_city.jpg') no-repeat;} /*cities*/
.selectbox2 {width:143px;background:url('../img/btn_currency.jpg') no-repeat;} /*currency*/

/*footer*/
#footer {width:832px;margin:20px auto;text-align:center;color:#999;font-size:10px;}
#footer #footer_logo {background:url('../img/footer_logo.jpg') no-repeat;height:68px; width:832px; margin-bottom:30px; position:relative;}
#footer #footer_logo h1 {text-indent:-9999px;height:68px;width:173px;position:absolute;left:0;}
#footer #footer_logo a.logo {position:absolute;display:block;text-indent:-9999px;}
#footer #footer_logo a#lemeridien {top:0;left:365px;height:20px;width:70px;}
#footer #footer_logo a#aloft {top:0;left:455px;height:20px;width:45px;}
#footer #footer_logo a#luxury {top:0;left:520px;height:20px;width:115px;}
#footer #footer_logo a#westin {top:0;left:650px;height:20px;width:50px;}
#footer #footer_logo a#fourpoints {top:0;left:715px;height:20px;width:75px;}
#footer #footer_logo a#element {bottom:0;left:365px;height:35px;width:50px;}
#footer #footer_logo a#sheraton {bottom:0;left:455px;height:35px;width:55px;}
#footer #footer_logo a#stregis {bottom:0;left:545px;height:35px;width:65px;}
#footer #footer_logo a#whotels {bottom:0;left:645px;height:35px;width:50px;}
#footer #footer_logo a#bliss {bottom:0;left:735px;height:35px;width:60px;}

#footer a {color:#999;text-decoration:none;}
#footer a:hover {color:#999;text-decoration:underline;}

/* TNC styles */
.tncbody {background:url(../img/p_background.jpg) repeat;}
#tnc_container {color:#3881c6;}
#tnc_container p {margin:10px;font-weight:bold;font-size:14px;}
#tnc_container ol {font-size:11px;padding:0 20px 0 20px;margin:0 0 0 20px;}
#tnc_container ol li {padding:3px 0 0 0;margin:0;}
#tnc_container ol a {color:#ccc;text-decoration:underline;}

/* CC styles */
.ccbody {background:url(../img/p_background.jpg) repeat;}
#cc_container {color:#000;}
#cc_container table {margin-left:10px;}
#cc_container p {margin:10px;font-weight:bold;font-size:14px;}
#cc_container .country {font-weight:bold;color:#3881c6;font-size:12px;}

/*common styles*/
.clear {clear:both;}
.left {float:left;}
.hidden {display:none;}
