/************************************************/
/*
  - Room-4-you
  - 
  - File: layout.css
  - Desc: This will only have styles that directly affect the layout of elements/etc
  - No style formatting will be held in here
  
/***********************************************/


/*
Due to conditional comments before the outer wrapper.

all browsers make border red 
#anyelement { border : 2px solid red; }

all browsers see this, but only IE thinks #IEroot exists as an element and makes border blue
#IEroot #anyelement { border-color : blue; }
*/

html {
	padding:0px;
}

body {
	padding:0px;
}


#r4y_outer-wrapper {
	width: 792px;
	display: block;
	margin: 0 auto;
	padding: 0 0 0 0;
	overflow: auto;
}

/* header styles start */	

#r4y_header-wrapper {
	width: 730px;
	height: 136px;
	display: block;
	margin: 0 30px;
	padding: 0;
	text-align: right;
}
img#r4y_logo {
	margin: 42px 0 0 0;
	float: left;
}

#greeting {
	display: block;
	padding: 38px 0 0 0;
}
#greeting p {
	display: block;
	line-height: 1em;
}

img#r4y_strapline {
	
	margin: 40px 0 0 0;
	
}

	/* nav start */
	#r4y_nav-wrapper {
		clear: both;
		width: 731px; /* extra 1px width simply because the original images were this size and i don't want to start resizing the buttons */
							/* has no impact ondesign at all */
		height: 41px;
		display: block;
		margin: 0 auto 14px;
	}
	/* nav end */

/* header styles end */

/* main styles start */	
	#r4y_top-two-col-row {
		clear: both;
		width: 792px;
		margin: 0 auto;
		overflow: auto;
		display: block;
	}
	
	#r4y_top-two-col-left {
		width: 252px;
		height: 270px;
		margin: 0;
		padding: 0;
		float: left;
		display: block;
	}
	
	
	/* check availability form start */
	form#check-availability {
		width: 190px;
		margin: 44px 0 0 45px;
	}
	
	form#check-availability ol li {
		height: 20px;
		line-height: 20px;
		margin: 6px 0;
		vertical-align: middle;
	}
	form#check-availability ol li.non-form {
		height: 14px;
		line-height: 14px;
		font-size: 1.1em;
		margin-left: 4px;
	}
	#IE6root form#check-availability ol li.non-form {
		height: 12px;
		margin: -4px 0;
		padding: 0 0 0 4px;
	}
	form#check-availability ol li.submit {
		text-align: right;
	}
	
	
	form#check-availability input#town {
		margin: 0;
		height: 20px;
		line-height: 20px;
		padding: 0 0 0 4px;
		width: 184px;
		vertical-align: middle;
		border: 1px solid #E9E9E9;
	}
	
	#IE6root form#check-availability {
		margin-top: 38px;
	}
	
	
	form#check-availability select {
		margin: 0;
		padding: 0 0 0 4px;
		line-height: 20px;
		width: 190px;
		border: 1px solid #E9E9E9;
	}
	#IE6root form#check-availability select {
		width: 190px;
	}
	
	form#check-availability input#submit {
		width: 91px;
		height: 23px;
	}
	/* check availability form end */
	
	#r4y_top-two-col-right {
		width: 540px;
		min-height: 270px;
		margin: 0;
		padding: 0;
		float: left;
		display: block;
	}
	
	
	/* home specific styles start */
	#r4y_bottom-two-col-row {
		clear: both;
		width: 792px;
		margin: 14px auto 0;
		overflow: auto;
		display: block;
	}
	
	#r4y_bottom-two-col-left {
		width: 252px;
		min-height: 180px;
		margin: 0;
		padding: 0;
		float: left;
		display: block;
	}
	
	#r4y_bottom-two-col-left p {
		margin: 0 10px 15px 30px;
	}
	
	
	
	h1.home-welcome {
		width: 150px; /* size is ok aslong as no wider than container */
		height: 22px;
		margin: 0 0 12px 30px;
	}
	
	
	#r4y_bottom-two-col-right {
		width: 540px;
		min-height: 180px;
		margin: 0;
		padding: 0;
		float: left;
		display: block;
	}
	
	.home-bottom-block {
		width: 169px;
		height: 169px;
		float: left;
	}
	.home-bottom-block.services {
		margin: 0 0 0 6px;
	}
	#IE6root .home-bottom-block.services {
		margin: 0 0 0 4px;
	}
	.home-bottom-block p {
		margin: 88px 14px 0;
	}
	
	/* home specific styles end */
	
	/* search result specif styles */
	#r4y_location-breadcrumb {
		min-height: 37px;
		width: 730px;
		clear: both;
		display: block;
		margin: 20px auto;
	}
	#IE6root #r4y_location-breadcrumb {
		height: 37px;
	}
	
	#r4y_location-breadcrumb ul {
		margin: 0 0 0 40px;
	}
	#r4y_location-breadcrumb ul li {
		display: inline;
		
	}
	span.breadcrumb-arrow {
		padding: 0 6px;
	}
	
	table#r4y_results {
		width: 730px;
		margin: 0 auto;
	}
	table#r4y_results th {
		padding: 0 0 6px 0;
	}
	table#r4y_results td {
		padding: 4px 2px;
	}
	
	table#r4y_results tr.highlight td {
		background-color: #EDFBFC;
	}
	
	#book-wrapper {
		width: 730px;
		height: 90px;
		margin: 10px auto;
	}
	#book-inner-wrapper {
		width: 600px;
		height: 42px;
		margin: 0 auto;
		position: relative;
		top: 26px;
	}
	#book-title {
		float: left;
		width: 75%;
		height: 42px;
		line-height: 42px;
		display: block;
		margin: 0;
		padding: 0;
	}
	#book-title p {
		line-height: 42px;
		margin-left: 180px;
		text-decoration: underline;
	}
	#book-button {
		height: 42px;
		width: 25%;
		display: block;
		margin: 24px 0 0 40px;
		padding: 0 0 0 40px;
		float: left;
		background-color: Teal;
	}

	
	
	#hotel-wrapper {
		display: block;
		width: 730px;
		margin: 0 auto;
	}
	#left-desc {
		float: left;
		display: block;
		width: 540px;
		
	}
	#left-desc h1 {
		margin: 18px 0 8px 0;
	}
	#left-desc h2 {
		margin: 8px 0;
	}
	#left-desc p {
		margin: 6px 0;
		line-height: 1.1em;
	}
	#right-desc {
		float: left;
		width: 190px;
		display: block;
	}
	#right-desc ul {
		margin: 0 0 0 20px;
		padding: 0;
		width: 170px;
	}
	#right-desc ul li {
		float:left;
	}
	
	#right-desc ul li img {
		margin: 0 5px 5px 5px;
	}
	/* search result specific styles */
	
	#r4y_bottom-two-col-right #text-wrapper {
		margin: 0px 40px 20px 24px;
		
	}
	#full-width-text-wrapper {
		margin: 0px 40px 20px 30px;
		
	}
	#full-width-text-wrapper ol#sitemap {
		margin: 40px;
	}

	#full-width-text-wrapper ul#sitemap {
		margin: 40px;
	}
	
	#text-wrapper ul {
		margin: 20px 20px 20px 40px;;
	}
/* main styles end */

/* footer styles start */
#r4y_footer {
	clear: both;
	display: block;
	width: 730px;
	height: 30px;
	margin: 0px auto;
}

#r4y_footer ol.footer-left {
	float: left;
	display: block;
}


#r4y_footer ol.footer-right {
	float: right;
	display: block;
}

/* footer styles end */