#mosaic{ /*above fold successfull old style*/
width:650px;
margin:20px auto;
}
#mosaic img{
border:0;
display:block;/*remove whitespacegaps*/
float:left;
}
#info{
width:650px;
margin:10px auto;
border:solid 1px #d4d8bd;
padding:15px;
text-align:left;
font-size:1em;
line-height:1.5em;
}

/*overide inlineelement default for hotel pages show it open*/
#hotelslist{
display:block; /*removed  !important as cant use js*/
}
#orangemenu{
display:none;
}
#hotels_ul{
margin:0;
padding:0;
list-style:none;
}
#hotels_ul a{
display:block;
font-size:15px;
color:#FFFFFF;
padding:4px 0px 4px 6px;
text-decoration:none;
}
#hotels_ul a:hover{
background-color:#B5E601;
color:#000000;
}
.hotel_booking{/*link*/
color:#FF0000;
font-size:18px;
}
.hotel_box{
border-style:solid;
border-width:1px;
border-color:#D4D8BD;
padding:15px;
margin-top:15px;
margin-bottom:15px;
color:black;
line-height:1.6em;
}
.hotel_img{
background-color:#FFFFFF;
border:1px solid #CCCCCC;
padding:5px;
}
.booking{
color:red; 
letter-spacing:1.2px;
font-size:17px;
}
.hotel_name{
color:black; 
letter-spacing:3px;
font-size:16px;
}
.hotelnameblack{/*was hotel_name2*/
color:#000000; 
letter-spacing:3px;
font-size:25px;
}
.hotel_name_red{/*need to update but lots use this*/
color:#FF0000;
}
.hotelnameblue{
color:#213679; 
letter-spacing:3px;
font-size:26px;
}
.crowne{
color:#CC0000;
letter-spacing:0.3em;
font-size:23px;
text-transform:uppercase;
}
.blackbox{
background-color:#000000;
width:582px;
margin-left: auto;
margin-right: auto;
padding:10px;
}
.hotel_search_box{/*yellow search box*/
text-align:center;
border:solid 1px #000000;
padding:15px;
width:530px;
margin:10px auto;/*center after width*/
background-color:#FFFBCC;
line-height:1.5em;
-moz-border-radius:4px;
}
.hotel_search_box_small{
text-align:center;
border:solid 1px #000000;
padding:10px 10px 0px 10px;
background-color:#E2DFA8;
}

h1{
color:#FF0000;
margin:20px auto;
letter-spacing:normal;
}
.htlbx{
text-align:left;
font-size:1em;
line-height:1.4em;
padding:10px;
margin:10px 0 12px 0;
}
.htlbx img{
max-width:100%;
height:auto;
}
/*latest*/
.imgframe{ 
border:#D4D8BD solid 1px;
padding:5px;
background-color:#FFFFFF;
}
.imgframe img{
border:none;/*IE*/
}
.greenbg{
background-color:#d4d8bd;
border:solid 1px #d4d8bd;
}
.whitebg{
background-color:#FFFFFF;
border:solid 1px #d4d8bd;
}
.moreinfo{
max-width:300px;
display:inline-block;/*fit contents*/
margin-top:7px;
padding:5px 6px 5px 6px;
background-color:#3399ff;
font-family:Arial, Helvetica, sans-serif;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.moreinfo a{
color:#FFFFFF;
text-decoration:none;
}
.addthis_sharing_toolbox{
margin-top:20px;
}

@media screen and (max-device-width:480px){
.imgframe, #mosaic, #info{
/*position:absolute; ignore parent padding left and right*/
width:100%;
height:auto;
border:0;
background-color:none;
padding:0;
}
.htlbx{
padding-left:0;
padding-right:0;
border:0;
}
.htlbx h2, .htlbx p, .moreinfo, .addthis_sharing_toolbox{
margin-left:10px;
}

}