/* CSS for elements that are global to Premier Inn website */

.global-content {
background-color:#FFFFFF;
color:#4C1A5D;
float:left;
width:640px;
}

div.hero-title {width:640px;}

div.hero-title h2{
color:#FFF;
font-size:1.8em;
padding:8px 9px 10px 9px;
}

.hero-para {
background:#e5dff4 url(../images/panels/lilac-panel-640w-bottom.gif) 0 bottom no-repeat;
margin-bottom:5px;
}

div.hero-para p{
font-size:1.0em;
padding:8px 9px 15px 9px;
}

.lhs-container h2 span {display:none;}

.lhs-container .lh-bottom {
	background:#4C1A5D url(../images/panels/purple-panel-bottom.gif) bottom left no-repeat;
	padding-bottom:10px;
	width:215px;
}
.lhs-container .lh-bottom ol {font-size:1.2em;}
.lhs-container .lh-bottom li {margin-bottom:0.7em;} 
.lhs-container .lh-bottom ol li a {color:#FFF;}

.lhs-container .lh-bottom2 {
	background:#8f5198 url(../images/panels/lght-purple-panel-bottom.gif) bottom left no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	width:215px;
}
.lhs-container .lh-bottom2 h2 {font-size:1.22em; font-weight:bold; margin-bottom:0.7em;}
.lhs-container .lh-bottom2 ol {font-size:1.0em;}
.lhs-container .lh-bottom2 li {margin-bottom:0.5em;
background:url(../images/panels/faq-bullet.png) 0 0.4em no-repeat;
padding:0 0 0 12px;
} 
.lhs-container .lh-bottom2 ol li a {color:#FFF;}

.lhs-container .lh-bottom3 {
	background:#4C1A5D url(../images/panels/purple-panel-bottom2.gif) bottom left no-repeat;
	padding-bottom:8px;
	width:215px;
}
.lhs-container .lh-bottom3 ol {font-size:1.2em;}
.lhs-container .lh-bottom3 li {margin-bottom:0.7em;} 
.lhs-container .lh-bottom3 ol li a {color:#FFF;}


.lhs-container .lhs-pi-padding {padding:0 10px;}


div.hr hr {display:none;}
div.hr {background-color:#e5dff4; height:1px; font-size:0; line-height:0;margin:0 0 10px 0;padding:0;clear:both;}

/* popup styles */

#popsrc {display:none;}

.pipopupbox{color:#572867; display:none; left:50%; margin-left:-267px; position:fixed; top:17%; width:533px; z-index:3000}
.pipop-padding{background:transparent url(../images/popup-edge-top.png) no-repeat scroll top left; padding:23px 14px 10px 20px; width:506px}
.pipop-scroller{height:233px; overflow:auto}
.pipop-btm{background:transparent url(../images/popup-edge-btm.png) no-repeat scroll bottom left; height:10px}
.pipopupbox .titlebar{font-size:0.8em; padding-right:10px; text-align:right}
.pipopupbox .jqmClose{background:transparent url(../images/popup-close-right.gif) no-repeat scroll top right; display:inline; height:14px; padding-left:3px}
.pipopupbox .jqmClose a{background:transparent url(../images/popup-close-left.gif) no-repeat scroll top left; color:#572867; height:14px; margin-right:3px; padding-left:4px; text-decoration:none}
.pipopupbox h2, .pipopupbox h3, .pipopupbox th{font-weight:bold}
.pipopupbox h2{font-size:1.7em; margin-bottom:0.25em}
.pipopupbox h3{font-size:1.1em; margin-bottom:0.4em}
.pipopupbox p{margin-bottom:1em}
.pipopupbox p, .pipopupbox h2, .pipopupbox h3, .pipopupbox hr{padding:0 10px}
.jqmOverlay{background-color:#000}
.popup-body{}
.pipopupbox .main-layout {height:350px;overflow-x:hidden;overflow-y:scroll;padding-left:10px;width:500px;}

html{background:#bfafe4; font-size:16px}
body{background:#bfafe4; color:#4C1A5D; font-family:verdana,helvetica,sans-serif; font-size:0.7em; margin:0; padding:0}
.floatright{float:right}
img{display:block}
a{color:#4c1a5d;}
a:hover{color:#fec726}

nobr img{display:inline}
.js .magic{display:none}
#wrapper{width:100%}
#wrapper #body-inner{padding-top:15px}
#picontainer{background:#fff; margin:0 auto; width:900px}
.screenhide{display:none}
h1 span, 
h2 span, 
.nav-tabs li span, 
.nav-rhs .utils li span{height:0; left:-9999px; position:absolute; top:-9999px; width:0}
legend.hidden{display:none}
#nav-container{background:#8b4f97 url(../images/region/global_header_gulf.jpg) top left repeat-x; height:145px}
.nav-lhs{display:inline; float:left; overflow:auto; width:144px; height:111px}
.nav-lhs h2{margin:5px 0 0 5px; background:transparent url(../images/region/logo.png) top left; width:125px}
.nav-lhs h2 a{display:block; height:105px; width:125px}
img.phraseimg{padding-left:12px; padding-top:12px}

.nav-rhs{display:inline; float:right; padding-right:15px; width:260px}
.nav-rhs li.viewcancel{margin-left:15px; margin-top:5px}
.nav-rhs li.viewcancel a{background-position:0 0}
.nav-rhs li.viewcancel a:hover{background-position:0 -25px; color:#fec726}
.nav-rhs li.viewcancel a:active{background-position:0 -25px}
.nav-rhs li.login a{background-position:0 0; width:51px}
.nav-rhs li.login a:hover{background-position:0 0}
.nav-rhs li.login a:active{background-position:0 0}
.nav-rhs div.utils a{display:block; float:right; color:#fff; height:20px; text-decoration:none}

.nav-rhs div.utils a span{visibility:hidden}
.nav-rhs div.utils a#bookinglink{width:164px}
.nav-rhs div.utils a#loginlink{width:66px}
.nav-rhs div.utils a#logoutlink{width:66px}
.nav-rhs .lang{position:relative; height:1px;}
.nav-rhs .lang legend, 
.nav-rhs .lang label, 
.nav-rhs .lang button{}
.nav-rhs .lang li a{display:block; height:21px; text-decoration:none; width:215px; cursor:hand}
.nav-rhs .lang li{background:url(../images/lang-selected.gif) no-repeat; height:21px; width:215px}
.nav-rhs .lang li:hover{background-position:0 -21px}
.nav-rhs .lang li #selbox li:hover{background-position:0 -18px}
.lang-active li a{color:#bfafe4; font-size:0.8em}
.nav-rhs .lang-active a .sect-ln, 
.nav-rhs .lang-active a:hover .sect-ln, 
.nav-rhs .lang-active a:visited .sect-ln{color:#fff}

.nav-rhs #selbox a .sect-ln, 
.nav-rhs #selbox a:visited .sect-ln{color:#4d1a5e; cursor:hand}
.nav-rhs #selbox a:hover .sect-ln, 
.nav-rhs #selbox a:hover .sect-cc{color:#e80000; color:#FFF}

#selbox li a{color:#4d1a5e}
.nav-rhs .lang li ul{background:transparent url(../images/lang-options-bg.gif) bottom left no-repeat; padding:2px; width:136px}
.nav-rhs .lang #selbox li{background:#fff url(../images/lang-options.gif) no-repeat; height:18px; width:131px}

.nav-rhs .lang-active{position:relative; right:0; left:121px; top:0px; z-index:200}
.nav-rhs .lang-active .sect-cc{display:block; float:left; margin-left:6px; margin-top:4px; width:116px}
.nav-rhs .lang-active .sect-ln{background-position:top left; background-repeat:no-repeat; display:block; float:left; margin-left:3px; margin-top:4px; padding-left:22px}
.nav-rhs #selbox .sect-cc{margin-left:4px; margin-top:3px}
.nav-rhs #selbox .sect-ln{margin-left:2px; margin-top:3px}
.nav-rhs .l-en{background-image:url(../images/nav/flag-uk.gif)}
.nav-rhs .l-de{background-image:url(../images/nav/flag-de.gif)}
.nav-rhs .l-ae{background-image:url(../images/nav/flag-ae.gif)}

.hi-rc-tl{background-image:url(../images/rounded-corners.png); height:16px; left:-1px; position:absolute; top:-1px; width:16px; z-index:1}
.hi-rc-tr{background-image:url(../images/rounded-corners.png); background-position:16px 0; height:16px; position:absolute; right:-1px; top:-1px; width:16px; z-index:1}
#hi-image-control{float:left; overflow:hidden; position:relative; width:355px}
span.image-wrapper{display:block}
.hard-coded{}
* html .hi-rc-tr{right:-2px}
#hi-image-control{float:left; overflow:hidden; position:relative; width:355px}
#hi-image-control a.sublink, a.infolink{background:url(../images/right-purp-arw.png) no-repeat top left; background-position:0px 2px; padding:0px 0px 0px 10px; text-decoration:none; font-weight:bold}
#hi-image-control a.sublink:hover, a:hover.infolink{background:url(../images/yellow_arrow_transparent.gif) no-repeat top left; text-decoration:none; background-position:0px 2px; font-weight:bold}
.nav-tabs{clear:both}
.nav-tabs h3{height:0; left:-9999px; position:absolute; text-indent:-9999px; top:-9999px; width:0}
.nav-tabs ul{margin-left:10px; overflow:hidden}
.nav-tabs li{display:block; float:left; padding:0}
.nav-tabs li a{background-color:transparent; background-image:url(../images/tabmenu_0511.png); display:block; float:left; font-size:0.01em; height:34px}
.nav-tabs a#homenav{background-position:10 10; width:75px}
.nav-tabs a#homenav:hover, 
.nav-tabs a#homenav:active, 
.nav-tabs a#homenav:focus{background-position:0 -39px}
body #wrapper.home .nav-tabs a#homenav, 
body #wrapper.home .nav-tabs a#homenav:hover{background-position:0 -74px}
.nav-tabs li a#hotelsnav{background-position:-76px 0; width:116px; display:block}
.nav-tabs li a#hotelsnav:hover, 
.nav-tabs a#hotelsnav:active, 
.nav-tabs a#hotelsnav:focus{background-position:-76px -39px}
body #wrapper.ourhotels .nav-tabs a#hotelsnav, 
body #wrapper.ourhotels .nav-tabs a#hotelsnav:hover{background-position:-76px -74px}
.nav-tabs li a#roomsnav{background-position:-192px 0; width:113px}
.nav-tabs li a#roomsnav:hover, 
.nav-tabs li a#roomsnav:active, 
.nav-tabs li a#roomsnav:focus{background-position:-192px -39px}

body #wrapper.ourrooms .nav-tabs a#roomsnav, 
body #wrapper.ourrooms .nav-tabs a#roomsnav:hover{background-position:-192px -74px}
.nav-tabs li a#breakfastnav{background-position:-303px 0; width:124px}
.nav-tabs li a#breakfastnav:hover, 
.nav-tabs li a#breakfastnav:active, 
.nav-tabs li a#breakfastnav:focus{background-position:-303px -39px}
body #wrapper.breakfast .nav-tabs a#breakfastnav, 
body #wrapper.breakfast .nav-tabs a#breakfastnav:hover{background-position:-303px -74px}
.nav-tabs li a#howtobooknav{background-position:-426px 0; width:117px}
.nav-tabs li a#howtobooknav:hover, 
.nav-tabs li a#howtobooknav:active, 
.nav-tabs li a#howtobooknav:focus{background-position:-426px -39px}
body #wrapper.howtobook .nav-tabs a#howtobooknav, 
body #wrapper.howtobook .nav-tabs a#howtobooknav:hover{background-position:-426px -74px}
.nav-tabs li a#bookingnav{background-position:-545px 0; width:130px}
.nav-tabs li a#bookingnav:hover, 
.nav-tabs li a#bookingnav:active, 
.nav-tabs li a#bookingnav:focus{background-position:-545px -39px}
body #wrapper.booking .nav-tabs li a#bookingnav, 
body #wrapper.booking .nav-tabs li a#bookingnav:hover{    background-position:-545px -74px}

.nav-tabs li a#contactnav{background-position:-675px 0; width:109px}
.nav-tabs li a#contactnav:hover, 
.nav-tabs li a#contactnav:active, 
.nav-tabs li a#contactnav:focus{background-position:-675px -39px}
body #wrapper.contactus .nav-tabs li a#contactnav, 
body #wrapper.contactus .nav-tabs li a#contactnav:hover{background-position:-675px -74px}
.nav-tabs li a#helpnav{background-position:-783px 0; width:78px}
.nav-tabs li a#helpnav:hover, 
.nav-tabs li a#helpnav:active, 
.nav-tabs li a#helpnav:focus{background-position:-783px -39px}
body #wrapper.help .nav-tabs li a#helpnav, 
body #wrapper.help .nav-tabs li a#helpnav:hover{    background-position:-783px -74px}
.nav-tabs li a:active, .nav-tabs li a:focus{outline:none}
.ui-tabs-hide{display:none}
#body-container{overflow:auto; padding-bottom:30px}
.htmlLibrary{display:none}
.lhs-container{background-color:#FFF; clear:left; float:left; margin:0 15px 0px 15px; width:215px; display:inline}

#wrapper #footer-container{background:transparent url(../images/bg_footer_w.jpg) top left no-repeat; background-color:#FFF; color:#764F83; float:left; margin-bottom:10px; padding-bottom:20px; padding-top:52px; width:900px}
#wrapper.error #footer-container{background-color:#fff}
#footer-container .col{display:inline; float:left; font-size:1em; line-height:1.4em; width:225px}

#footer-container h3{font-size:1.3em; line-height:1.3em; margin-right:10px}

#footer-container h3 strong{font-weight:bold}
#footer-container .first h3{height:0; left:-9999px; position:absolute; top:-9999px; width:0}
#footer-container h4{font-size:1.2em; line-height:1.6em; font-weight:bold; margin-top:1em}
#footer-container h4.uk{margin-top:4em}
#footer-container p{margin-right:35px; margin-top:1em; padding-bottom:4em}

#footer-container a, 
#footer-container a:visited{text-decoration:none; color:#764F83; font-weight: inherit}

#footer-container h4 a, #footer-container h4 a:visited {font-weight: bold;}
#footer-container a:hover{color:#fec726}
#footer-container ul.utils{margin-left:23px}
#footer-container ul.utils li{margin-bottom:0.75em}
#footer-container ul.hotel-links a{text-decoration:none}
#footer-container ul.hotel-links a:hover{text-decoration:underline}
#footer-container ul.last{margin-top:5.1em}
.clearfix:after{clear:both; content:"."; display:block; height:0; overflow:hidden; visibility:hidden}
.clearfix{display:inline-block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}
div.clear{clear:both}
.clearboth{background-color:#FFF; clear:both; min-height:1px; padding-bottom:1px}

.imgcal{clear:none !important; display:inline !important; float:left; margin-left:10px !important}
.mltop{margin-top:-4px !important}
.formmsg{float:left; font-size:0.9em; padding-left:10px; padding-top:0.5em}
.clear-type1{clear:both; float:left; padding-top:0.1em}
.frmelecontainer{float:left; height:45px; margin-right:5px; max-width:80px; padding-left:10px}
.frmelecontainer Label{float:left; height:2.5em; margin-left:-8px}
.strfrmelement{clear:left; float:left; margin:0px; margin-left:-10px; vertical-align:text-bottom}
.firstelefrm{margin-left:-1px}
#room1, #room2, #room3, #hotel1, #hotel2{font-weight:bold; padding-top:0.5em}
.dropdownfrm{margin-right:5px}


button{font-family:verdana,helvetica,sans-serif;}
button.mainButton{background-color:#4c1a5d; background-image:url(../images/btn-generic-on-off.gif); background-position:0 0px; background-repeat:repeat-y; border:1px solid #FFF; color:#FFF; float:left;  height:28px; margin:0; padding:3px 10px 5px 19px;  overflow:visible}
.quick-home-button button.homeCheckAvailability{background-color:#4c1a5d; background-image:url(../images/btn-generic-on-off.gif); background-position:0 0px; background-repeat:repeat-y; border:1px solid #FFF; color:#FFF; float:right;  height:25px; font-size:1.1em; line-height:1.5; margin:0; padding:2px 5px 5px 15px;  overflow:visible; }

button.mainButton:hover{background-position:0 0px; background-repeat:repeat-y}
a.mainButton{background-color:#4c1a5d; background-image:url(../images/btn-generic-on-off.gif); background-position:0 0px; background-repeat:repeat-y; border:1px solid #FFF; color:#FFF; font-size:12px; display:inline !important; line-height:1.5; margin-left:10px !important; padding:2px 5px 5px 15px;  font-family:verdana,helvetica,sans-serif; overflow:visible}
 
.adjustalign{margin-left:-120px !important}
.rbutton{float:left; margin-bottom:20px; margin-left:30px}
.frmtext{background-colour:green !important; clear:both; float:left; margin-bottom:4px !important; margin-left:15px !important}
.frmtext input{margin-right:10px}

.lhs-container .misuse{clear:both; float:left}
.type2{text-align:left; width:140px}
.cardelements{clear:both; display:block; margin-left:10px; margin-left:30px; margin-top:5px}
.inlineform{clear:none; display:inline; float:left}
.labeltype2{width:65px !important}
.emptyrow{float:left; font-weight:bold; width:65px !important}
.label-top{float:left; margin-bottom:2px; margin-left:-80px}
.moveup{margin-top:-18px !important}
.dd{background-color:none !important; margin-right:4px}
.cardelements .type3 input, .type3 .firstelement{margin-left:50px}
.generic-lhs-bgcolor{background-color:#a36baa !important}

.martopsetheight{margin-bottom:10px; margin-top:10px; min-height:200px}
.marright{float:left; margin-right:20px}
.msg-area{background-color:#C03 !important; margin-left:-15px}
.main-layout{margin:0 auto; width:640px}

.main-layout-contact{float:right; padding-right:15px; width:640px}

.main, .main-contact, .main-error{background:#FFF url(../images/sitemap-lilac-bottom.gif) no-repeat scroll left bottom; padding-bottom:0.5em; width:640px}
.main-error{background:#FFF url(../images/lilac-bottom.gif); float:left; margin-top:10px; padding-bottom:3px;}

.main-top{background:transparent url(../images/lilac-top.gif) no-repeat scroll left top; margin:0; padding:0.8em 0 0.5em; width:640px}

.main-content{background:transparent url(../images/lilac-scroll.gif) repeat-y scroll left top; margin:0; padding-bottom:4px; width:640px}

#sitemappg h3{margin-bottom:10px}

.main-content h3,  .lhs-container h3, .thin-wrapper h3{color:#FFF; font-size:1.2em; font-weight:bold; padding:0.2em 0.7em 0.5em}

.main-content h3,  .thin-wrapper h3{ background: #4C1A5D url(../images/panel-bottom.gif) no-repeat scroll left bottom; margin:0 5px; }

.main-content ul.sitemap-links{font-family:verdana,helvetica,arial,sans-serif; font-size:1em; line-height:1.4em; margin-left:1em; padding-top:1em}

.main-content ul.sitemap-links li{margin-bottom:0.5em; background:none; padding-left:0; list-style-type:none; margin-left:0}

.main-content ul.sitemap-links li a{margin-left:0; text-decoration:underline}

.main-content p, .main-content ul, #hi-hotel-summary ul.bulleted, .thin-content ul{margin-left:1.4em}

.thin-wrapper .main-content ul li{list-style-type:circle; margin-left:1.5em; padding-left:0.5em; padding-right:1em}

.thin-wrapper p{margin-bottom:1em}

.main-content a{line-height:1.4em; text-decoration:none}

.main-content a:hover{color:#f5c744}

.main-content .left-col{width:310px; padding-top:10px; float:left}

.main-content .right-col{padding:10px 30px 10px 0; margin:0; float:right}

.thin-wrapper{background:white url(../images/privacy_header_lilac_bottom.gif) no-repeat bottom left; margin:0 0 0.5em 0; padding-bottom:0.6em; width:470px}

.thin-bottom{background-color:#e5dff4}

.thin-wrapper h4{padding:0.2em 0}

.popup-content .thin-wrapper .thin-bottom{width:470px}

.thin-wrapper h4 a, 
.thin-wrapper h4 a:hover{background:url(../images/sitemap-arrow.gif) no-repeat 0% 20%; font-weight:bold; margin-left:1em; padding:0 0 0.5em 1.1em; text-decoration:none; line-height:1.4em}

.thin-wrapper h4 a:hover{background:url(../images/up-yellow-arrow.gif) no-repeat 0% 20%; color:#f5c744}

.thin-wrapper .thin-content{background:white url(../images/privacy_header_middle.gif) repeat-y scroll 0px 0px; padding:0.5em 1em 0.5em 1em}

.thin-wrapper .thin-header-bottom{background:white url(../images/privacy_header_top_02.gif) no-repeat}

.thin-wrapper .thin-header{background:white url(../images/privacy_header_top_01.gif) no-repeat; clear:both; padding:10px 0 0 0; zoom:1;}

.popup-content .thin-wrapper h3{width:452px}

.thin-wrapper h3{padding:0 0 0 0.7em; margin:0 4px 0 5px; background:#4C1A5D none}

.main-layout h1, .main-layout-contact h1{font-size:1.8em; margin-bottom:0.5em; font-family:verdana,helvetica,arial,sans-serif}

ol{margin-left:2em; margin-bottom:1em}

ol li{list-style-type:decimal}

ol li a{text-decoration:none}

ol li a:hover{color:#f5c744}

.ourbreakfast{background-image:url(../images/ourbreakfast.png)!important}

#leftcol-hotelcontent .first a{color:white; line-height:0.2em}

#leftcol-hotelcontent p{margin-top:45px; font-size:1.2em; margin-bottom:15px; margin-left:20px}

.first a:hover{color:#FFC726 !important}



span.strong{font-weight:bold}

ol.terms{margin-left:3em; font-weight:bold}

.lhmenu-container {
color:#FFFFFF;
display:block;
margin-bottom:15px;
}

.lhmenu-container .lhmenu-top {
background:#4C1A5D url(../images/general-bottompanel.gif) no-repeat scroll left bottom;
overflow:hidden;
padding-bottom:10px;
position:relative;
width:215px;
}

.lhs-container .lhmenu-top h2 span{display:none}
.lhs-container .lhmenu-top a, div.lhmenu-btm a{color:#FFF; font-size:13px; text-decoration:none}
.lhs-container .lhmenu-top a:hover, div.lhmenu-btm a:hover{color: #fec726; font-size:13px; text-decoration:none}
.lhs-container .lhmenu-top ul{margin:0; padding:0 5px 0px 10px}
.lhs-container .lhmenu-top ul li{list-style-type:none; margin:5px 0; padding:0}

.lhs-container .lhmenu-btm h3{font-size:13px; font-weight:bold; margin:0; margin-left:10px; padding:3px 0 10px 0}
.lhs-container .lhmenu-btm ul{margin:0; padding:0 7px 7px 10px}
.lhs-container .lhmenu-btm ul li{font-size:11px; list-style-type:none; margin:4px 0; padding-left:10px}
.lhs-container .lhmenu-btm ul li a{font-size:11px; text-decoration:none}
.lhs-container .lhmenu-btm ul li a:hover{font-size:11px; text-decoration:none}
.lhs-container .lhmenu-btm img.goldbullet{margin-right:5px}

.lhmenu-container h2 span{display:none}
.lhmenu-container{color:#fff; display:block; margin-bottom:10px; overflow:hidden}
.lhmenu-container h2.justforbusiness{background:url(../images/sidebar-title-yourbooking.png) 0 0 no-repeat; height:34px; width:215px}
.lhmenu-container .lhmenu-top-light {background:#81478D url(../images/general-bottompanel_light.gif) no-repeat scroll left bottom !important;
}


.nav-rhs .utils {
display:inline;
float:right;
margin-bottom:0px;
margin-right:28px;
}

.nav-rhs li.viewcancel a:active {
background-position:0 -25px;
}
.nav-rhs div.utils a {
color:#FFFFFF;
display:block;
float:right;
height:20px;
text-decoration:none;
}
.nav-rhs li.viewcancel a {
background-position:0 0;
}
.nav-rhs .utils a {
background-color:transparent;
background-image:url(../images/icons/utils-icons.png);
background-repeat:no-repeat;
display:block;
height:15px;
padding-left:20px;
}