.myhotels{
	max-width: 98%;
	padding: 5px;
	background:#C93;
	border: 1px solid #C93;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 14px;
	color:#FFF;
}

.hotelcontainer {
	margin: 0px;
	text-align: left;
	border-bottom: 1px solid #C93;
	padding: 6px;
}


.hotelbox, .hotelbox div,.hotelbox a, .hotelbox img {
	padding:1px;
	border-width:1px; 
	border-style:solid;
/*Just so I could see margins, borders padding*/
}

.hotelbox {-moz-border-radius: 5px; /*mozilla round corners*/
	display: -moz-inline-stack; /*mozilla */
	display: inline-block;
	max-width: 98%;
	border-color:#fff;
	background: #E6E6E6;
	vertical-align: top;
	text-align: left;
	margin-bottom: 15px;	
	margin-right: 12px;	
}

.hotelbox div {
	display: block;
	border-color:#DADADA; 
	background: #CDCDCD;
	}

.hotelbox a {
	display:inherit;
	display:block;
	/* display:block; for mouse keyboard focus border in non IE */
	position:relative;
	/* FF fix
	Problem with the above, if we use that, Opera loses every second image!
	solved it by adding position:inherit to the image.*/
	border-color:#C1C1C1; 
	}

.hotelbox a:focus, .hotelbox a:active, .hotelbox a:hover {
	border-color:#000;
}
.hotelbox img {
	position:inherit; 
	border-color:#A7A7A7; 
	background:#9A9A9A;
	}
/* Fix for Opera second image problem. */ 


.hoteltitle{
	font: bold 14px Helvetica, Arial, sans-serif;
	padding: 2px;
	margin: 0px;
}
.hotelinfo{
	font: 12px "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	width: 180px;
	padding: 5px;
}

.hotelheight{
	height: 70px;
	padding:1px;
	border:1px solid #FFF;
	margin: 0px;
}