/*-------------

COLOUR PALETTE

#5f1431 - Plum 
#c81828 - Red
#f17a05 - Orange
#fbc317 - Yellow 
#bdc846 - Green
#46aac8 - Blue
#874c8d - Purple
#dfdedb - Grey

--------------*/
.googleMapWrapper
{
float:left;
margin-right:0;
}

.results-wrapper
{
float:left;
width:683px;
margin-right:0;
}

.middle-column
{
width:683px;
margin-right:0px;
background:none;
padding-top:20px;
float:left;
display:block;
}

.content h2,
.content p a:hover,
.content .result-container h2,
.content p.more a,
.content .result-container h2 a,
.content ul li a:hover { color:#bdc846; }

.side-detail { background:#bdc846; }

div.middle-column ul li { background: url(../images/bullet-green.gif) no-repeat 0 0.3em; }

/*----------------------------------------------------------------------------------------
RESULTS CONTAINER
----------------------------------------------------------------------------------------*/

.content .result-container
{
width:290px;
padding:16px;
padding-bottom:5px;
position:relative;
float:left;
background:#ffffff;
min-height:170px;
height:auto !important;
height:170px;
margin-bottom:16px;
margin-right:16px;
display:inline;
}

.content .result-container .col
{
width:145px;
float:left;
display:inline;
}

.content .result-container a.more-button
{
/* Sliding right image */
    background:   url(../images/places-to-stay/more-button.gif) no-repeat scroll top right;
position:absolute;
top:144px;
right:0px;
float:none;
margin-right:16px;
}

.content .result-container a.more-button span { /* Background left image */ background: url(../images/places-to-stay/more-button.gif) no-repeat; }

.content .result-container h2
{
font-size:1.3em;
color:#240d15;
padding-bottom:0.3em;
font-weight:bold;
}

.content .result-container h3
{
font-size:1.3em;
padding-bottom:1em;
font-weight:normal;
color:#240d15;
}

.content .result-container p
{
padding-bottom:0.5em;
line-height:1em;
}

img.rose-icon,
img.star-rating
{
margin-bottom:0.5em;
margin-right:0.2em;
vertical-align:middle;
}

.content .result-container img.thumb
{
position:absolute;
top:16px;
right:16px;
left:auto;
float:none;
}

/*----------------------------------------------------------------------------------------
PLACES TO STAY DETAILS
----------------------------------------------------------------------------------------*/

.content .places-c
{
width:634px;
padding:16px;
padding-bottom:16px;
position:relative;
float:left;
background:#ffffff;
margin-bottom:16px;
margin-right:16px;
display:inline;
font-size:100%;
}

.content .availability { background:#bdc846; }

.content .availability p a { color:#000000; }

.content .availability p a:hover { color:#ffffff; }

.content .availability h2
{
color:#000000;
padding-bottom:1em;
}

/*TABLE CSS*/
.content .availability table
{
border:1px solid #000000;
margin-bottom:1em;
font-size:100%;
}

.content .availability table thead th { border:1px solid #d2d2d2; }

.content .availability table thead th
{
background:#000000;
color:#FFFFFF;
font-size:1.2em;
vertical-align:middle;
padding: 8px;
text-align:left;
}

.content .availability table thead th.wide { width:150px; }

.content .availability table tbody tr td
{
background:#ffffff;
color:#000000;
font-size:1.2em;
vertical-align:middle;
padding: 8px;
border:1px solid #dcdcdc;
}

.content .availability table tbody tr.odd td { background:#f0f0f0; }

.content .places-head
{
float:left;
width:300px;
}

.content .places-c h1
{
font-size:2em;
font-weight:bold;
padding-bottom:0.5em;
}

.content .hotel-rating
{
float:right;
display:inline;
padding-left:30px;
padding-bottom:30px;
}

.content .hotel-rating img
{
float:left;
margin-left:4px;
}

.content .hotel-view
{
position:relative;
width:100%;
float:left;
}

.content .hotel-view div.thumb-container
{
float:right;
width:302px;
}

.content .hotel-view img.thumb
{
display:inline;
float:left;
margin:0 0 16px 16px;
}

.content .hotel-view img.main-view
{
display:inline;
float:left;
margin:0 19px 16px 0;
}

.content .hotel-view a.shortlist
{
float:left;
margin:0 0 16px 16px;
}

.content .half { width:293px; }

.content div.hotel-details { padding-bottom:1.2em; }

.content div.hotel-details img { margin-right:5px; }

div.middle-column ul.nearby li
{
list-style:none;
background:none;
padding:0 0 0.5em 0;
}

div.middle-column ul.nearby li img { vertical-align:middle; }

div.middle-column ul.facilities
{
list-style:none;
background:none;
padding:0 0 2em 0;
float:left;
}

div.middle-column ul.facilities li
{
list-style:none;
background:none;
padding:0 0 0.5em 0;
float:left;
width:210px;
}

div.middle-column ul.facilities li img
{
vertical-align:middle;
margin-right:10px;
}

.availability .form { text-size:100%; }

.availability .form label { color:#000000; }

.availability .form input,
.availability .form select { color:#666666; }

.availability .form p.date-pick
{
float:left;
margin-right:20px;
display:inline;
}

.availability .form p.date-pick input { width:120px; }

.availability .form p.duration
{
float:left;
margin-right:20px;
display:inline;
}

.availability .form p.duration select { width:120px; }

.availability .form p.criteria
{
float:left;
margin-right:20px;
display:inline;
}

.availability .form p.criteria select { width:200px; }

.availability .form .search-button
{
vertical-align:middle;
display:inline;
}

.availability  a
{
 color:#000000; 
}




/*----------------------------------------------------------------------------------------
SEARCH PLACES TO STAY
----------------------------------------------------------------------------------------*/
.search-places {width:668px; background: url(../images/places-to-stay/search-places.gif) no-repeat bottom left; margin-bottom:18px; float:left; display:inline;}
.search-places-inner { width:496px; background: url(../images/places-to-stay/search-places.gif) no-repeat 0 0; margin-bottom:20px; min-height:100px;
height:auto !important;
height:100px;padding-left:172px; padding-top:30px; }

.search-places .form { text-size:100%; }

.search-places .form label { color:#ffffff; }

.search-places .form .col {width:160px; float:left;}

.search-places .form input,
.search-places .form select { color:#666666; }

.search-places .form p
{
margin-right:20px;
padding-bottom:0.5em;
}

.search-places .form p input { width:auto; height:1.4em; padding:0;}

.search-places .form p select { width: auto; margin-bottom:3px;padding:0; }

.search-places .form .search-button
{
vertical-align:middle;
margin-left:0;
display:inline;
padding:0;
margin-top:30px;
}

.search-places .form .search-buttonNoMargin
{
vertical-align:middle;
margin-left:0;
display:inline;
padding:0;
margin-top:0px;
}