@CHARSET "UTF-8";
body {
	font: normal 12px Arial, sans-serif;
}
/* Reset */
.hbContainer div, .hbContainer span, .hbContainer applet, .hbContainer object, .hbContainer iframe,
.hbContainer h1, .hbContainer h2, .hbContainer h3, .hbContainer h4, .hbContainer h5, .hbContainer h6, .hbContainer p, .hbContainer blockquote, .hbContainer pre,
.hbContainer a, .hbContainer abbr, .hbContainer acronym, .hbContainer address, .hbContainer big, .hbContainer cite, .hbContainer code,
.hbContainer del, .hbContainer dfn, .hbContainer em, .hbContainer img, .hbContainer ins, .hbContainer kbd, .hbContainer q, .hbContainer s, .hbContainer samp,
.hbContainer small, .hbContainer strike, .hbContainer strong, .hbContainer sub, .hbContainer sup, .hbContainer tt, .hbContainer var,
.hbContainer b, .hbContainer u, .hbContainer i, .hbContainer center,
.hbContainer dl, .hbContainer dt, .hbContainer dd, .hbContainer ol, .hbContainer ul, .hbContainer li,
.hbContainer fieldset, .hbContainer form, .hbContainer label, .hbContainer legend,
.hbContainer table, .hbContainer caption, .hbContainer tbody, .hbContainer tfoot, .hbContainer thead, .hbContainer tr, .hbContainer th, .hbContainer td,
.hbContainer article, .hbContainer aside, .hbContainer canvas, .hbContainer details, .hbContainer embed, 
.hbContainer figure, .hbContainer figcaption, .hbContainer footer, .hbContainer header, .hbContainer hgroup, 
.hbContainer menu, .hbContainer nav, .hbContainer output, .hbContainer ruby, .hbContainer section, .hbContainer summary,
.hbContainer time, .hbContainer mark, .hbContainer audio, .hbContainer video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
.hbContainer article, .hbContainer aside, .hbContainer details, .hbContainer figcaption, .hbContainer figure, 
.hbContainer footer, .hbContainer header, .hbContainer hgroup, .hbContainer menu, .hbContainer nav, .hbContainer section {
	display: block;
}
.hbContainer ol, .hbContainer ul {
	list-style: none;
}
.hbContainer blockquote, .hbContainer q {
	quotes: none;
}
.hbContainer blockquote:before, .hbContainer blockquote:after,
.hbContainer q:before, .hbContainer q:after {
	content: '';
	content: none;
}
.hbContainer table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* init */
.hbContainer div,
.hbContainer p,
.hbContainer span,
.hbContainer ul{
	background-color: inherit;
	color: inherit;
	font: inherit;
}

/* General */
.hbContainer .hbBold{font-weight: bold !important}
.hbContainer .hbItalic{font-style: italic !important}
.hbContainer .hbUnderline{text-decoration: underline !important}
.hbContainer .hbFloatLeft{float: left}
.hbContainer .hbFloatRight{float: right}
.hbContainer .hbClearLeft{clear: left}
.hbContainer .hbClearRight{clear: right}
.hbContainer .hbClearBoth{clear: both}
.hbContainer .hbOverflow{overflow: hidden}
.hbContainer .hbAlignRight{text-align: right !important}
.hbContainer .hbAlignCenter{text-align: center !important}
.hbContainer .hbAlignMiddle{vertical-align: middle !important}
.hbContainer .hbUpperCase{text-transform: uppercase !important}
.hbContainer .hbInlineBlock{display: inline-block}

.hbContainer a:link,
.hbContainer a:visited,
.hbContainer a:active{
	color: #408fd0;
	display: inline;
	outline: none;
	text-decoration: none;
}
.hbContainer a:hover{
	text-decoration: underline;
}
.hbContainer .hbText,
.hbContainer .hbTextarea,
.hbContainer .hbSelect{
	background-color: #fff;
	border: solid 1px #dbd8d8;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 0;
	padding: 7px;
	line-height: 18px;
}
.hbContainer .hbStretch{
	width: 100%;
}
.hbContainer .hbSelect{
	background-color: #f9f8f6;
}
.hbContainer input,
.hbContainer select,
.hbContainer textarea,
.hbContainer button{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-shadow: inset 0 2px 5px -2px #ddd;
	-webkit-box-shadow: inset 0 2px 5px -2px #ddd;
	box-shadow: inset 0 2px 5px -2px #ddd;
	font-size: 100%;
	font-family: inherit;
	outline: none;
}
.hbContainer .hbDatepicker{
	background: #fff url(app/web/img/frontend/hb-calendar-icon.png) right center no-repeat;
	cursor: pointer;
	width: 130px; 
}
.hbContainer .hbBefore{
	margin-top: 15px;
}
.hbContainer .hbAfter{
	margin-bottom: 15px;
}
.hbContainer .hbRed{color: #f65f00}
.hbH100{height: 100px}
.hbH150{height: 150px}
/* Table */
.hbContainer .hbTable{}
.hbContainer .hbTable th,
.hbContainer .hbTable td{
	padding: 12px 5px;
	text-align: left;
}
.hbContainer .hbBorderBottom{
	border-bottom: solid 1px #dbdbda;
}
.hbContainer .hbTable th{
	color: #292929;
}

/* Layout */
.hbContainer{
	background: #efece8 url(app/web/img/frontend/hb-back.png) 0 0 repeat-x;
	border: solid 1px #d5d1cb;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	color: #6f6e6d;
	font: normal 14px Arial, sans-serif;
}
.hbContainer .hbContainerInner{
	background-color: transparent;
	margin: 20px;
}
.hbContainer .hbHeader{
	margin: 0 0 12px;
}
.hbContainer .hbHeading1{
	color: #43344f;
	font: bold 16px Helvetica, "Myriad Pro", Arial, sans-serif;
}
/* Search */
.hbContainer .hbSearchItem{
	float: left;
	overflow: hidden;
	margin: 0 8px 0 0;
}
.hbContainer .hbSearchItemLabel{
	margin: 5px 0;
}
.hbContainer .hbSearchItemValue{
	
}
.hbContainer .hbSearchControl{
	margin: 10px 0 0;
}
/* Rooms */
.hbContainer .hbRoomItem{
	/*background-color: #f7f6f4;*/
	/*background: #f7f6f4  top center repeat-y;*/
	
	background-color: #f7f6f4;
	background-repeat: repeat-y;
	background-image: url(app/web/img/frontend/hb-room-100.png);
	background-position: center;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	
	border: solid 1px #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 2px 5px #d9d7d3;
	margin: 0 0 17px;
	overflow: hidden;
	width: 100%;
}
.hbContainer .hbRoomDetails{
	background-color: transparent;
	/*background-color: #f7f6f4;*/
	float: left;
	width: 34%;
}
.hbContainer .hbRoomInfo{
	background-color: transparent;
	/*background-color: #fff;
	border-left: solid 1px #d5d1cb;*/
	float: right;
	width: 66%;
}
.hbContainer .hbRoomDetailsInner{
	margin: 15px 12px;
}
.hbContainer .hbRoomInfoInner{
	margin: 15px;
}
.hbContainer .hbRoomPics{
	overflow: hidden;
	width: 100%;
}
.hbContainer .hbRoomPics img{
	border: none;
	vertical-align: middle;
}
.hbContainer .hbRoomImg{
	float: left;
	margin: 0 10px 0 0;
	width: 170px;
}
.hbContainer .hbRoomImg img{
	height: 128px;
	width: 170px;
	border: solid 1px #fff;
}
.hbContainer .hbRoomDescWrapper{
	
}
.hbContainer .hbRoomGallery{
	/*float: left;
	width: 55%;*/
}
.hbContainer .hbRoomGallery img{
	height: 38px;
	width: 50px;
}
.hbContainer a.hbRoomThumb{
	border: solid 1px #fff;
	padding: 1px;
	display: inline-block;
	margin: 0 7px 5px 0;
}
.hbContainer a.hbRoomThumb:hover{
	border: solid 1px #f65f00;
}
.hbContainer .hbRoomName{
	color: #44354f;
	font: bold 22px Helvetica, "Myriad Pro", Arial, sans-serif;
}
.hbContainer .hbRoomDesc{
	color: #979594;
	font: normal 14px/22px Arial, sans-serif;
	margin: 0;
}
.hbContainer .hbRoomPeople{
	background: url(app/web/img/frontend/hb-people.png) 0 0 no-repeat;
	color: #767370;
	display: inline-block;
	height: 36px;
	position: relative;
	width: 100px;
}
.hbContainer .hbRoomAdults{
	position: absolute;
	top: 11px;
	left: 28px;
}
.hbContainer .hbRoomChildren{
	position: absolute;
	top: 11px;
	left: 76px;
}
.hbContainer .hbRoomDetailItem{
	margin: 10px 0 0;
	overflow: hidden;
}
.hbContainer .hbRoomDetailLabel{
	color: #6f6e6d;
	display: inline-block;
	float: left;
	line-height: 36px;
	width: 120px;
}
.hbContainer .hbRoomDetailValue{
	display: inline-block;
}
.hbContainer .hbRoomFrom{
	color: #f65f00;
	font-weight: bold;
	line-height: 36px;
}
.hbContainer .hbRoomDatesTitle{
	color: #9d9c9b;
	font: bold 14px Helvetica, "Myriad Pro", Arial, sans-serif;
}
.hbContainer .hbRoomDates{
	color: #44354f;
	font: bold 14px/18px Helvetica, "Myriad Pro", Arial, sans-serif;
}
.hbContainer .hbRoomContentData{
	background-color: #f1f0ef;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #e8e7e6;
	border-bottom: solid 1px #e9e9e9;
	border-top: solid 1px #d7d6d5;
	-moz-box-shadow: inset 0 1px 2px #e8e7e6;
	-webkit-box-shadow: inset 0 1px 2px #e8e7e6;
	box-shadow: inset 0 1px 2px #e8e7e6;
	margin: 10px 0 0;
	padding: 10px 10px 0;
}
.hbContainer .hbRoomContentDataItem{
	color: #5a555d;
	line-height: 18px;
	margin: 0 0 15px;
}
/* Buttons */
.hbContainer .hbButton,
.hbContainer a.hbButton:link,
.hbContainer a.hbButton:visited,
.hbContainer a.hbButton:active,
.hbContainer a.hbButton:hover,
.hbContainer a.hbButton:focus{
	border: solid 1px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	font: bold 17px Helvetica, "Myriad Pro", Arial, sans-serif;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	padding: 0 30px;
	text-decoration: none;
	vertical-align: middle;	
}
.hbContainer .hbButtonOrange,
.hbContainer a.hbButtonOrange:link,
.hbContainer a.hbButtonOrange:visited,
.hbContainer a.hbButtonOrange:active,
.hbContainer a.hbButtonOrange:hover,
.hbContainer a.hbButtonOrange:focus{
	background: url(app/web/img/frontend/hb-btn-orange.png) 0 0 repeat-x;
	border: solid 1px #d24600;
	color: #fff;
	text-shadow: 0 -1px 0 #777;
}

.hbContainer .hbButtonOrangeHover,
.hbContainer .hbButtonOrange:hover,
.hbContainer a.hbButtonOrange:hover{
	background-position: 0 -35px;
}
.hbContainer .hbButtonOrangeActive,
.hbContainer .hbButtonOrange:active,
.hbContainer a.hbButtonOrange:active{
	background-position: 0 -70px;
	line-height: 36px;
}
.hbContainer .hbButtonOrangeDisabled,
.hbContainer .hbButtonOrange:disabled,
.hbContainer a.hbButtonOrange:disabled{
	background-position: 0 -105px;
	border: solid 1px #dcc7b0;
	cursor: default;
	text-shadow: none;
}

.hbContainer .hbButtonGray,
.hbContainer a.hbButtonGray:link,
.hbContainer a.hbButtonGray:visited,
.hbContainer a.hbButtonGray:active,
.hbContainer a.hbButtonGray:hover,
.hbContainer a.hbButtonGray:focus{
	background: url(app/web/img/frontend/hb-btn-gray.png) 0 0 repeat-x;
	border: solid 1px #cdccca;
	color: #958775;
	text-shadow: 0 1px 0 #fff;
}
.hbContainer .hbButtonGrayHover,
.hbContainer .hbButtonGray:hover,
.hbContainer a.hbButtonGray:hover{
	background-position: 0 -35px;
	border: solid 1px #bab9b8;
	color: #685f53;
}
.hbContainer .hbButtonGrayActive,
.hbContainer .hbButtonGray:active,
.hbContainer a.hbButtonGray:active{
	background-position: 0 -70px;
	border: solid 1px #c6c5c3;
	color: #6e6151;
	line-height: 36px;
}
.hbContainer .hbButtonGrayDisabled,
.hbContainer .hbButtonGray:disabled,
.hbContainer a.hbButtonGray:disabled{
	background-position: 0 -105px;
	border: solid 1px #e2e0de;
	color: #c4c3c2;
	cursor: default;
}
/* Locale menu */
.hbContainer .hbLocale{
	overflow: hidden;
	margin: 0 0 10px;
}
.hbContainer .hbLocaleMenu{
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	margin: 0;
}
.hbContainer .hbLocaleMenu li{
	display: inline-block;
	margin: 0;
	width: 40px;
	height: 37px;
}
.hbContainer .hbLocaleMenu li a{
	display: inline-block;
	width: 40px;
	height: 37px;
	background-color: transparent;
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
	text-decoration: none;
}
.hbContainer .hbLocaleMenu li a img{
	border: none;
	position: absolute;
	top: 12px;
	left: 12px;
}
.hbContainer .hbLocaleMenu li a:hover{
	background-position: -39px -37px;
}
.hbContainer .hbLocaleMenu li a:active,
.hbContainer .hbLocaleMenu li a:focus,
.hbContainer .hbLocaleMenu li a.hbLocaleFocus{
	background-position: -39px -74px;
}
/* First */
.hbContainer .hbLocaleMenu li:first-child{
	width: 39px;
}
.hbContainer .hbLocaleMenu li:first-child a{
	background-position: top left;
	width: 39px;
}
.hbContainer .hbLocaleMenu li:first-child a:hover{
	background-position: 0 -37px;
}
.hbContainer .hbLocaleMenu li:first-child a:active, 
.hbContainer .hbLocaleMenu li:first-child a:focus, 
.hbContainer .hbLocaleMenu li:first-child a.hbLocaleFocus{
	background-position: 0 -74px;
}
/* Last */
.hbContainer .hbLocaleMenu li:last-child{
	width: 39px;
}
.hbContainer .hbLocaleMenu li:last-child a{
	background-position: top right;
	width: 39px;
}
.hbContainer .hbLocaleMenu li:last-child a:hover{
	background-position: -79px -37px;
}
.hbContainer .hbLocaleMenu li:last-child a:active, 
.hbContainer .hbLocaleMenu li:last-child a:focus,
.hbContainer .hbLocaleMenu li:last-child a.hbLocaleFocus{
	background-position: -79px -74px;
}
/* Form Box */
.hbContainer .hbFormBox{

}
.hbContainer .hbFormBoxTitle{
	background-color: #f7f6f4;
	-moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius: 7px 7px 0 0;
	border-bottom: solid 1px #d5d1cb;
	box-shadow: 0 0 3px #ccc;
	color: #44354f;
	font: bold 22px/39px Helvetica, "Myriad Pro", Arial, sans-serif;
	min-height: 39px;
	height: auto !important;
	height: 39px;
	padding: 10px 15px;
}
.hbContainer .hbFormBoxContent{
	background-color: #fff;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	border-radius: 0 0 7px 7px;
	-moz-box-shadow: 0 2px 3px #ccc;
	-webkit-box-shadow: 0 2px 3px #ccc;
	box-shadow: 0 2px 3px #ccc;
	margin: 0 0 15px;
	padding: 15px;
}
.hbContainer .hbLabel{
	color: #292929;
	float: left;
	display: inline-block;
	padding: 8px 0 0 0;
	width: 20%;
}
.hbContainer .hbRow{
	overflow: hidden;
}
.hbContainer .hbRowControl{
	float: left;
	display: inline-block;
	width: 80%;
}
.hbContainer .hbValue{
	float: left;
	display: inline-block;
	padding: 8px 0 0 0;
	width: 80%;
}
.hbContainer label.hbErr,
.hbContainer span.hbErr{
	background-color: #f87100;
	border: solid 1px #d24600;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 1px #fa9f52;
	-webkit-box-shadow: inset 0 1px 1px #fa9f52;
	box-shadow: inset 0 1px 1px #fa9f52;
	color: #fff;
	display: block;
	width: auto;
	padding: 5px;
	margin: 0;
	text-shadow: 0 -1px 0 #777;
}
.hbContainer em{
	clear: left;
	display: block;
	padding: 8px 0 6px;
	margin: 0;
	margin-left: 20%;
}
.hbContainer .hbNotice{
	background-color: #f87100;
	background: #f87100 url(app/web/img/frontend/hb-info.png) 10px center no-repeat;
	border: solid 1px #d24600;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 1px #fa9f52;
	-webkit-box-shadow: inset 0 1px 1px #fa9f52;
	box-shadow: inset 0 1px 1px #fa9f52;
	color: #fff;
	margin: 0 0 10px;
	padding: 18px 10px 18px 50px;
	text-shadow: 0 -1px 0 #777;
	min-height: 30px;
	height: auto !important;
	height: 30px;
}
.hbContainer .hbRemoveIcon, 
.hbContainer a.hbRemoveIcon {
	display: inline-block;
	height: 20px;
	width: 20px;
	background: url(app/web/img/frontend/hb-icon-remove.png) center center no-repeat;
}
@CHARSET "UTF-8";
.hbContainer .hbLocaleMenu li a{
	background-image: url(http://www.letdepot.co.uk/hotel-script/app/web/img/frontend/hb-locale.png);
}