

/* 		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 */ 

table td,
table th {border:0; font-family:"Arial","Helvetica",sans-serif; font-size:0.9em;}


#content {color:#330000}
#content a {color:#330000; font-size:auto;}



/* 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;}

/* #content h3 {font-size:1.5em;}*/

/* SEARCH MODULE */
#search {position:absolute; top:0; right:0; height:50px;}
#search  p{float:left; margin-left:10px;}
#search #day_calendar {display:inline;}
#search input#booking_date { width:70px;}
#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:20px; right:0; height:20px; width:580px; } /*relative to .content */ 
#visualnav ol{ height:20px; padding:0;margin:0;}
#visualnav ol li{ text-indent:-9999em; list-style-type:none;padding:0;margin:0; height:1px;}



#visualnav ol.step1 {width:91px;}
#visualnav ol.step2 {width:222px}
#visualnav ol.step3 {width:336px}
#visualnav ol.step4 {width:483px}
#visualnav ol.step5 {width:576px;}


/* --------------------------- INDEX ------------------------------- */
#index {padding-top:70px;}

/* ----------------------- AVAILABILITY --------------------------- */

#availability {padding-top:70px;}


/* ----------------------- OCCUPANCY --------------------------- */

#occupancy {padding-top:50px;}



/* ----------------------- CHECK OUT --------------------------- */

#checkout {padding-top:70px;}

#checkout .box {padding:20px; 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; font-weight:bold}
#checkout label{float:left;width:160px; line-height:23px; padding-left:5px;}
#checkout input,
#checkout select,
#checkout textarea{ width:200px; padding:3px 4px;float:left;}
#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 and condictions */
#checkout fieldset#terms-conditions label {width:30px;}
#checkout fieldset#terms-conditions input {width:auto;}
#checkout .button {text-align:center;}

/* POP CVV2 */
#cvv_popup { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:76%; padding:10px;}

#checkout #makereservation {margin:0 auto; background:url("../images/butt_makereservation.png") 0 0 no-repeat;width:224px;height:30px;border:0;cursor:pointer; text-indent:-5000em; display:block;}



/* ----------------------- CONFIRMATION --------------------------- */

#confirmation {padding-top:90px;}

#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;}

