@import url('/skin-stylesheets/calendar/calendar_small.screen.css');
@import url('/skin-stylesheets/calendar/calendar_week.screen.css');
@import url('/skin-stylesheets/calendar/calendar.screen.css');


/* 		RESET.css  		*/ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin:0; 
	    padding:0; 
	} 
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset,img {  
	    border:0; 
	} 
	address,caption,cite,code,dfn,em,strong,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	ol,ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
	q:before,q:after { 
	    content:''; 
	} 
	abbr,acronym { border:0; 
	} 
/* 		RESET.css  		*/ 



/*  BASE.css, part of YUI's CSS Foundation */ 
	h1 { 
	    /*18px via YUI Fonts CSS foundation*/ 
	    font-size:138.5%;   
	} 
	h2 { 
	    /*16px via YUI Fonts CSS foundation*/ 
	    font-size:123.1%;  
	} 
	h3 { 
	    /*14px via YUI Fonts CSS foundation*/ 
	    font-size:108%;   
	} 
	h1,h2,h3 { 
	    /* top & bottom margin based on font size */ 
	    margin:1em 0; 
	} 
	h1,h2,h3,h4,h5,h6,strong { 
	    /*bringing boldness back to headers and the strong element*/ 
	    font-weight:bold;  
	} 
	abbr,acronym { 
	    /*indicating to users that more info is available */ 
	    border-bottom:1px dotted #000; 
	    cursor:help; 
	}  
	em { 
	    /*bringing italics back to the em element*/ 
	    font-style:italic; 
	} 
	blockquote,ul,ol,dl { 
	    /*giving blockquotes and lists room to breath*/ 
	    margin:1em; 
	} 
	ol,ul,dl { 
	    /*bringing lists on to the page with breathing room */ 
	    margin-left:2em; 
	} 
	ol li { 
	    /*giving OL's LIs generated numbers*/ 
	    list-style: decimal outside;     
	} 
	ul li { 
	    /*giving UL's LIs generated disc markers*/ 
	    list-style: disc outside; 
	} 
	dl dd { 
	    /*giving UL's LIs generated numbers*/ 
	    margin-left:1em; 
	} 
	th,td { 
	    /*borders and padding to make the table readable*/ 
	    border:1px solid #000; 
	    padding:.5em; 
	} 
	th { 
	    /*distinguishing table headers from data cells*/ 
	    font-weight:bold; 
	    text-align:center; 
	} 
	caption { 
	    /*coordinated marking to match cell's padding*/ 
	    margin-bottom:.5em; 
	    /*centered so it doesn't blend in to other content*/ 
	    text-align:center; 
	} 
	p,fieldset,table { 
	    /*so things don't run into each other*/ 
	    margin-bottom:1em; 
	} 
/*  BASE.css */ 




/* Clear floats */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}  
.clearfix {display: inline-block;}
/* hide da IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hack per IE-mac */


img		{border:0;display:block;} /* Mozilla: no margini sotto le IMG per STRICT DOCTYPE. To cut out display tag use inherit or compact */
#skiplinks {display:none;} 
hr { display:none;}
.hide,.alt {display:none;}


#content {position:relative; min-height:400px; height:auto !important; height:400px;}



/* SEARCH MODULE */
#search {position:absolute; top:0; right:0; height:50px;}
#search  p{float:left; margin-left:10px;}
#search #day_calendar {display:inline;}

#feedback { margin-bottom:20px; display:block;} /* it's a separator for the "content" */



/* ----------------------- LOADING MODALBOX --------------------------- */
.loadingbox 		{text-align:center;}
.loadingbox h3 	{color:#7D7D7E;font-size:2em;font-weight:normal;margin-bottom:15px; margin-top:1em;}
.loadingbox p 		{color:#7D7D7E;font-size:1em; margin-bottom:15px; } 
.loadingbox img 	{margin:0 auto; vertical-align:sub; padding-bottom:20px;}


/* VISUALNAV */
#visualnav {position:absolute; top:40px; right:0; width:640px; height:30px; } /*relative to .content */ 
#visualnav ol{padding:0;margin:0; background:transparent url('') no-repeat 63px top;height:30px;}
#visualnav ol li{ text-indent:-9999em; list-style-type:none;padding:0;margin:0;}
#visualnav ol.step1{background-image: url(../images/visualnav_1.png);}
#visualnav ol.step2{background-image: url(../images/visualnav_2.png);}
#visualnav ol.step3{background-image: url(../images/visualnav_3.png);}
#visualnav ol.step4{background-image: url(../images/visualnav_4.png);}
#visualnav ol.step5{background-image: url(../images/visualnav_5.png);}


/* --------------------------- INDEX ------------------------------- */
#index {padding-top:50px;}


/* ----------------------- AVAILABILITY --------------------------- */

#availability {padding-top:50px;}

#availability table.available{border-collapse:collapse;width:100%;margin-bottom:20px;}
#availability table.available th.ratename{width:28%;text-align:left}
#availability table.available th.roomtype{text-align:left;}
#availability table.available td,
#availability table.available th {text-align:center; border:1px solid #ccc;}
#availability table.available td a.book{ display:block; width:55px;height:25px; background-image:url(../images/butt_book.png);}
#availability table.available td.butt-book{ border:0;}
#availability table.available tr.room-desc td{padding:0;border-bottom:1px solid #fff;border-top:1px solid #fff;border-right:1px solid #ccc;border-left:1px solid #ccc;}
#availability table.available tr.room-desc div {border-bottom:1px solid #ccc;}
#availability table.available tr.room-desc td.butt-book {border-right:0px solid #fff;}




/* ----------------------- OCCUPANCY --------------------------- */

#occupancy {padding-top:50px;}
#occupancy h2 {margin-bottom:5px;}
#occupancy .occupancy-checkin,
#occupancy .box { padding:20px 10px; border:1px solid #ccc}
#occupancy .occupancy-checkin {background-color:#eee;}
#occupancy .occupancy-checkin p {margin:0;}

#occupancy .box {background-color:#eee; position:relative;}
#occupancy .box p {float:left;}
#occupancy .box label {width:auto;padding-top:4px;}
#occupancy .box select {width:55px;margin-left:5px; margin-right:10px;}
#occupancy .box fieldset {margin:0;padding:0;}
#occupancy .box p.roomprice {clear:left; float:none;margin-top:20px;}
#occupancy .box p.title{font-weight:bold;}
#occupancy .box p.title,
#occupancy .box p.roomprice strong { width:90px; float:left; display:block; }
#occupancy .box p.roomprice span { }

#occupancy p.loading-room { width:230px;font-weight:bold;float:none; margin:0;position:absolute; right:10px;top:60px;} /* dont use bottom for IE6*/
#occupancy p.loading-room img {margin-left:-5px;}

#occupancy p#occupancy-total {font-size:1.3em;margin-left:86%; margin-top:10px;text-align:right;width:120px;}

#occupancy .button a{background-image:url(../images/butt_proceed.png);width:200px;height:30px;display:block;margin:0 auto;}



/* ----------------------- CHECK OUT --------------------------- */

#checkout {padding-top:0px;}
#checkout #visualnav { top:0;}

#checkout .box {padding:20px 20px 4px; margin-bottom:20px;}
#checkout .box strong {display:block;float:left;width:160px;}
#checkout form p{margin:15px 20px 15px 15px;padding:2px 0;}

/* form */
#checkout fieldset {margin-bottom:30px;}
#checkout legend {padding:2px 8px;margin-left:10px;}
#checkout label{float:left;width:160px; line-height:23px; padding-left:5px;}
#checkout input,
#checkout select,
#checkout textarea{ width:200px; padding:3px 0px 3px 0;float:none;}
#checkout select { padding-right:0;width:auto; margin-right:5px}
#checkout input.checkbox{width:14px; border:0; margin-top:6px;}

#checkout p#contact-ezine label { width:185px;}

/* credit card */
#checkout img#creditcard_image {width: 34px; height: 21px;float:left; display:inline; margin-right:5px;} 
#checkout #cvv_text input {width:60px; float:left;}
#checkout .whatsthis { float:left; display:block;margin-left:5px}

/* terms adn condictions */
#checkout fieldset#terms-conditions label {width:30px;}
#checkout fieldset#terms-conditions input {width:auto;}
#checkout .button {text-align:center;}

/* POP CVV2 */
#cvv_popup {padding:10px;}

#checkout #makereservation {margin:0 auto;}



/* ----------------------- CONFIRMATION --------------------------- */

#confirmation {padding-top:0;}

#confirmation h2 {margin-bottom:5px;}
#confirmation .box {padding:20px 20px 4px; margin-bottom:20px;}
#confirmation .box p strong { width:180px; float:left; display:block; }

#confirmation .button {text-align:center;}
#confirmation #print {margin:0 auto; background:url(../images/butt_print.png) 0 0 no-repeat;width:104px;height:30px;border:0;cursor:pointer; text-indent:-5000em; display:block;}