/** ClearFix hack **/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
.clearfix {
	display: block;
}
/** Oldschool markup clear **/
.clear {
	clear:both;
}
body {
	font-family:Helvetica, Arial, Verdana, Sans-Serif;
	font-size:12px;
	padding:0;
	background:#FFF;
	color:#000;
}
h1, h2, h3, h4, h5, h6 {
	color:#000;
	font-weight:bold;
	margin:0.4em 0;
}
h1 {
	letter-spacing:1px;
	font-size:100%;
}
h2 {
	letter-spacing:1px;
	font-size:100%;
}
h3 {
	letter-spacing:1px;
	font-size:100%;
}
a {
	color:#000000;
}
table th, table td {
	vertical-align:top;
}
#container {
	width:980px;
	margin:10px auto 5px auto;
	overflow:hidden;
}
#banner {
	background:transparent url(/themed/domir/css/images/banner.jpg) no-repeat scroll 0 0;
	bottom:0;
	height:60px;
	left:165px;
	position:absolute;
	width:600px;
}
#punchline {
	background:transparent url(/themed/domir/css/images/punchline.gif) no-repeat scroll 0 0;
	bottom:0;
	left:740px;
	position:absolute;
	width:190px;
	height:60px;
}
#content {
	width:725px;
	float:left;
	min-height:450px;
	height:auto;
	overflow:hidden;
}
#slideshow {
	height:300px;
	margin-bottom:15px;
	overflow:hidden;
}
#logo {
	background:url('/themed/domir/css/images/logo.jpg') no-repeat;
	display:block;
	width:147px;
	height:50px;
	position:absolute;
	bottom:0;
	left:0;
}
#logo span {
	display:none;
}
#changeLanguage {
	float:right;
	font-size:10px;
}
#changeLanguage a {
	color:#000;
}
#top {
	height:60px;
	position:relative;
}
#footer {
	color:#746E81;
	border-top:2px solid #948A7E;
	font-size:10px;
	height:30px;
	margin-top:15px;
	text-align:left;
}
#footer ul {
	float:left;
	display:inline;
	margin:0;
}
#footer li {
	line-height:30px;
	margin:0 10px 0 10px;
	float:left;
	list-style:none;
}
#footer a {
	color:#746E81;
	text-decoration:none;
}
#footer li.firstChild {
	margin:0 10px 0 0;
}
#footer ul.links {
	float:right;
}
#footer ul.links li {
	margin:0 0 0 10px;
}
#footer ul.links li a {
	text-decoration:underline;
}
div.hr {
	height:0px;
	border-bottom:2px solid #948A7E;
	margin:2px 0 10px 0;
}
div.hr hr {
	display:none;
}
#homeLayout #footer {
	margin-top:0;
}
#homeLayout #content {
	width:740px;
}
/** ADS **/
.ad {
	width:231px;
	margin-right:15px;
	margin-bottom:15px;
	float:left;
	display:inline;
}
#sidebar .ad {
	margin-right:0;
	margin-bottom:0;
	width:240px;
	clear:both;
}
.ad a {
	text-decoration:none;
	color:#FFF;
}
.ad h2 {
	background:#948A7E;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	margin:0 0 2px 0;
	height:16px;
	padding:5px 10px;
}
.ad img {
	display:block;
}
.ad a.description {
	display:block;
	margin-top:2px;
	margin-bottom:0;
	font-size:11px;
	line-height:13px;
	background:#D8D6C9;
	color:#000;
	padding:5px 10px;
	height:26px;
}
/** GALLERIES **/
.gallery a {
	width:165px;
	height:100px;
	border:1px solid #D8D6C9;
	float:left;
	display:inline;
	overflow:hidden;
	margin-right:19px;
	margin-bottom:19px;
}
.gallery a:hover {
	border:1px solid #948A7E;
}
.gallery {
	zoom: 1;
	position:relative;
	margin-bottom:30px;
	margin-right:-60px;
	padding:-60px;
}

/** TEMP **/
#mainNavContainer {
	height:45px;
	margin:10px 0 15px 0;
	background:#948A7E;
	padding-top:2px;
}
/** LEFT **/
#sidebar {
	width:240px;
	float:right;
	overflow:hidden;
}
#sidebar h2 {
	color:#FFF;
	background:#948A7E;
	font-size:12px;
	font-weight:bold;
	letter-spacing:1px;
	margin:0 0 2px 0;
	padding:5px 10px;
	height:16px;
}
#sidebar .box {
	background:#D8D6C9;
	overflow:hidden;
	padding:10px;
	margin-bottom:15px;
	min-height:118px;
	height:auto;
}
#sidebar label {
	display:block;
}
#sidebar div.input {
	margin-bottom:4px;
}
/** BREADCRUMBS **/
#breadcrumbsContainer {
	color:#FFF;
	font-size:10px;
	padding:1px 0;
	margin-left:7px;
	margin-top:3px;
}
#breadcrumbsContainer span {
	float:left;
	display:inline;
}
#breadcrumbsContainer ul {
	border:0;
	margin:0 0 0 5px;
	list-style:none;
	float:left;
	display:inline;
}
#breadcrumbsContainer li {
	background:url('/themed/domir/css/images/breadcrumb_bullets.gif') left center no-repeat;
	padding-left:10px;
	margin-right:8px;
	float:left;
	display:inline;
}
#breadcrumbs li a {
	color:#FFF;
	text-decoration:none;
}
#breadcrumbs li a:hover {
	text-decoration:underline;
}
#breadcrumbs li.firstChild {
	background-image:none;
	padding-left:0;
}
#content div.input {
	padding:8px 20px;
	background:#fff;
	margin:2px 0;
	background:#EFEEEC;
	line-height:18px;
}
#content div.error {
	/*background:#ED6F70;*/
}
#content div.submit {
	text-align:right;
}
#content div.error-message{
	display:block;
	height:16px;
	font-size:85%;
	line-height:16px;
	color:#B30000;
	text-indent:200px;
	font-weight:bold;
	font-style:italic;
	margin:5px 0 3px 0px;
	clear:both;
	cursor:default;
}

#content div.input label {
	display:block;
	float:left;
	margin:0 10px;
	width:180px;
	overflow:hidden;
	font-weight:normal;
	text-align:right;
	cursor:pointer;
}
#content div.required label {
	font-weight:bold;
}
#content div.text input,
#content div.textarea textarea {
	width:290px;
	border:1px solid #ABADB3;
	padding:2px 1px;
}
#content div.select select{
	/*width:260px;*/
}
/**
* Clearfix hack start
* How To Clear Floats Without Structural Markup:
* http://www.positioniseverything.net/easyclearing.html
**/
div.input {
	display:inline-block;
}
div.input:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/

div.input {
	display: block;
}
/* End hide from IE-mac */
/**
* Clearfix hack end
**/

#flashMessage {
	margin-top:2px;
	color:#FFF;
	background:#948A7E;
	padding:5px;
	font-size:140%;
	font-weight:bold;
}




/** BOOKING **/
.description {
	margin-bottom:30px;
}
.btnNext {
	float:right;
}
.btnBack {
	float:left;
}

/* STEP 2: ROOMS */
.room {
}
.roomOption {
	background:#EFEEEC;
	height:48px;
	margin-bottom:2px;
	padding-right:15px;
	cursor:pointer;
}
.roomOption img {
	width:64px;
	height:48px;
	float:left;
	margin-right:5px;
}
.roomOption h2 {
	margin:0 0 2px 0;
}
.roomOption h3 {
	font-size:120%;
	font-weight:normal;
	margin:0;
}
.roomOption div.prices {
	font-weight:bold;
	font-size:140%;
	margin-top:5px;
}
.roomOption input {
	float:right;
}
h1.block {
	background:#414141;
	color:#FFF;
	padding:5px;
	font-weight:bold;
	margin-bottom:2px;
	margin-top:15px;
	font-size:100%;
}
h1.block a {
	color:#FFF;
	font-size:9px;
	letter-spacing:0;
	text-decoration:underline;
}
#totalPrice {
	font-size:20px;
	text-align:right;
	font-weight:normal;
	margin:10px 0;
}
/* STEP 3: Details */
#content .zip {
	width:70px !important;
}
#content .city {
	width:210px !important;
	margin-left:6px !important;
}
.loading {
	background-image:url(/themed/domir/css/images/ajax-loader.gif);
	background-repeat:no-repeat;
	background-position:195px center;
}

/** progress box **/
#bookingProgress {
	margin-top:0;
	margin-bottom:0;
}
#bookingProgress li {
	font-weight:bold;
	margin:2px 0;
	padding:2px;
}
#bookingProgress li.active {
	font-size:150%;
	background:url(/themed/domir/css/images/progress_arrow.gif) no-repeat right center;
	padding-right:20px;
}

/** booking box **/
#sidebar #bookingBox {
	min-height:252px;
}
#bookingBox h3 {
	color:#000;
	font-weight:bold;
	margin:10px 0 0 0;
}
#bookingBox label {
	font-size:12px;
	display:block;
	line-height:18px;
}
#bookingBox div.select select {
	min-width:50px;
}
#bookingBox div.text input {
	width:100px;
}

/** Newsletter box **/
#newsletterBox fieldset {
	margin-bottom:5px;
}
#newsletterBox legend {
	display:none;
}
#newsletterBox div.text input {
	width:215px;
}
#newsletterBox div.radio {
	margin-bottom:0;
}
#newsletterBox div.radio input {
	display:inline;
	float:left;
	margin-right:5px;
}
#newsletterBox div.radio label {
	display:inline;
	float:left;
	margin-right:5px;
	font-size:10px;
}
#newsletterBox .message {
	margin-bottom:5px;
	font-weight:bold;
	color:red;
}
#newsletterBox .description {
	font-size:10px;
	margin-bottom:0px;
}
#newsletterBox .submit input {
	float:right;
}


#signature {
	color:#999;
	font-size:10px;
	padding:1em 0;
	text-align:center;
}
#signature a {
	color:#999;
	font-size:10px;
	text-decoration:none;
}
#signature a:hover {
	text-decoration:underline;
}