/* =============================================== */
/* hotelsaver-ireland.com Stylesheet */
/* Layout Definition */
/* =============================================== */


/* =============================================== */
/* SECTION : OVERALL LAYOUT */
/* =============================================== */

/* - BODY ------------ */

body {
	/*background : #E3E3D1 url(../../images/common/bg-body.gif) repeat-y scroll center;*/
	/* :HACK: IE5 hack to center divs: */
	text-align:center;
	/* :END HACK: */
}

/* - CONTAINER ------------ */

div.container {
	width : 767px;
	margin : 0 auto;
	padding : 0;
	position : relative;
	/* :HACK: Reset IE5 hack from BODY tag: */
	text-align : left;
	/* :END HACK: */
}

div.subContainer {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	min-height:300px;
	height: auto !important;
	height: 300px;
}

#homeLeftPanel {
	background-color:#FFFFFF;
	float:left;
	height:auto;
	width:350px;
}

#homeRightPanel {
	height:auto;
	margin-left:400px;
	text-align:right;
}

div.booking-outerpanel {
	background:#FFFFFF none repeat scroll 0%;
	display:inline;
	float:left;
	height:260px;
	width:350px;
	background-color: #EFEFEF;
	border-top:5px solid #5A5A5A;
}

div.booking-outerpanel p {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 32px;
	color: #5F5F5F;
	text-align: center;
}

div.booking-panel {
	position: absolute;
	left: 73px;
	width: 300px;
}

/* -- Quick Book -- */

div.quickbook-form {
	width : 298px;
	border-bottom : 1px solid #C6CCCE;
	border-left : 1px solid #C6CCCE;
	border-right : 1px solid #C6CCCE;
	height : 200px;
	overflow : hidden;
	background: #efefef;
}

#nav {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:absolute;
	right:10px;
	top: 32px;
	width:369px;
	color:#EAEAEA;
	z-index: 1;
}

#nav li {
	position:absolute;
	top:0pt;
	padding-top: 5px;
	text-align: center;
	background:#5A5A5A none repeat scroll 0%;
	border-bottom:1px solid #5A5A5A;
	color:#5A5A5A;
}

li#navAbout {
	width: 70px;
	height: 22px;
}

li#navBook {
	left:90px;
	width: 70px;
	height: 22px;
}

li#navWhy {
	left:180px;
	width: 70px;
	height: 22px;
}

li#navPrivacy {
	left:270px;
	width: 70px;
	height: 22px;
}

#nav li a {
	display:block;
	text-decoration:none;
	color: #FFFFFF;
}


/* =============================================== */
/* SECTION : MAIN DIVISIONS */
/* =============================================== */

/* - HEADER  ------------ */

div.header {
	width : 767px;
	margin : 10px 0 10px 0;
	padding : 0 0 0 0;
	background : transparent;
	float : left;
}

div.masthead {
	width : 767px;
	position: relative;
}

div.logo {
	position: absolute;
	top: 15px;
	left: 20px;
}

div.mastheadBottom {
	padding-top: 5px;
	width : 767px;
}

div.nav-main {
	width : 710px;
	height : 40px;
	position : relative;
}

div.quickbook {
	width : 230px;
	float : right;
	margin : 20px 0 10px 0;
}

/* - MAIN CONTENT  ------------ */


div.content {
	width : 767px;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	clear : both;
}


/* - FOOTER  ------------ */

div.featured {
	width : 730px;  /*950px*/
	clear : both;
	background : #E8EAEA;
	padding : 20px 0 20px 37px;
	height: 170px;
}

div.footer {
	width : 767px;
	padding-top: 10px;
	clear : both;
}


/* =============================================== */
/* SECTION: MISCELLANEOUS LAYOUT ELEMENTS*/
/* =============================================== */

/* -- Force succeeding elements onto the next line -- */
.clear {
	clear : both;
	/* :IE6 HACK: Ensure empty DIV has no height */
	font-size: 0;
	height : 0;
	/* :End HACK: */
}

/* -- Hide accessibility elements from advanced browsers -- */
.hide {
	display : none;
}

.horizontal-rule {
	height : 1px;
	margin : 10px 0;
	font-size : 0;
	clear : both;
	background : transparent url(../../images/utility/dots-grey-horz.gif) repeat-x scroll left;
}

.hilite {
	color : #3F9F3F;
}

p.smalltext {
	font-size : 70%;
}

h3.panel {
	margin : 5px 10px 10px 10px;
	border-bottom : 1px solid #D5D5DD;
	padding : 0 0 10px 0;
	font-size : 90%;
}

p.alert-error {
	font-size : 110%;
	color : White;
	background : #BB0900;
	padding : 2px 5px 2px 5px;
}

p.alert-accepted {
	font-size : 110%;
	color : White;
	background : #3F9F3F;
	padding : 2px 5px 2px 5px;
}