/* Stylesheet for BigRed London search results and details pages */

/*
------------------------------------------------------------------------------------------------------------------
REDEFINED HTML TAGS
------------------------------------------------------------------------------------------------------------------
*/

a:link, a:visited { color: #3394c1; text-decoration: underline; }
a:hover { text-decoration: none; }


/*
------------------------------------------------------------------------------------------------------------------
SEARCH SUMMARY AND SEARCH BOX
------------------------------------------------------------------------------------------------------------------
*/

/* search box initially hidden */

#searchagain { font-size: 0.8em; margin: 0 0 5px;}
#search { margin: 0; padding: 0 10px; background: url(/_img/backgrounds/bg_searchagain.jpg) top left; height: 154px; font: bold 1.1em Arial, Helvetica, sans-serif; color: #000; }

#searchsummary, #cities { border-top: 3px solid #000; color: #333; padding: 5px 0 0 0;}
#searchsummary h1 { /*border-bottom:1px solid #000;*/ color:#000;}
 
#cities { margin: 0 0 10px; padding: 5px 0; }


#deallink { float:left; padding:10px 0 0 13px; }

#searchsummary h1 {font-size:1.5em; font-weight: normal; margin:0 0 10px; border-bottom: 1px solid #000;}
/*
------------------------------------------------------------------------------------------------------------------
MAIN PAGE CONTENT - TWO AND THREE COLUMN LAYOUT
------------------------------------------------------------------------------------------------------------------
*/

/* analagous to left / middle and right on core.css but allow changes if necessary */

.resultsleft { float: left; width: 200px; padding: 0px; margin: 0; }
.resultsleft p { margin-bottom: 3px; font-size: 0.7em; color: #666; padding-left: 3px;}
.resultsleft h2 { font-size: 1.0em; font-weight: bold; color: #fff; margin: 0 0 15px; padding: 5px 0 0; }
.resultsleft img { border: 2px solid #fff; margin: 0 0 10px 0; }

.resultsmiddle { background: #fff; margin: 0 0 0 220px; width: 480px; padding: 1px 0; }
.resultsmiddle h1 { /*background: #ff0000;*/ color: #ff0000; font-size: 1.2em; border: none; padding: 10px 0; border-top: 1px solid #ff0000; border-bottom: 1px solid #ff0000;}
.resultsmiddle p { margin: 10px 0; font-size: 0.9em; color: #000; line-height: 18px; padding: 0 0 0 10px;}

.resultsmiddle h3 { color: #ff0000; font-weight: bold; margin: 15px 0 2px; font-size: 0.9em; padding: 5px; border-bottom: 1px solid #f00;}

.result {background: #FFDDDD;}

.outerleftdeal .resultsmiddle {width: 495px;}

.resultslist { min-height: 170px; margin: 10px 0 0; }
.resultslist.available { background: #efe;}
.resultslist.partlyavailable { background: #fef2ea;}
.resultslist.unavailable { background: #fdd;}
.resultslist h1 { border: none; padding-left: 215px;}
.resultslist p { font-size: 0.9em; margin: 0 215px 0 215px; line-height: 20px;}
.resultslist a { text-decoration: none; font-size: 0.9em; }

.resultsright, #propbook { float: right; width: 205px; padding: 0 0 0 3px; }

.resultslist .actions {float: right; padding: 0 5px 0 0; text-align: right; width: 195px;}
.resultslist .actions a.textlink { display: block; padding: 8px 0;}
.available .actions a.textlink { color: #090;}
.partlyavailable .actions a.textlink { color: #eb6c0f;}
.unavailable .actions a.textlink { color: #f00;}

#sortby { border-top: 3px solid #ff3399; color: #666;  padding: 14px 0 0;}

.resultsmiddle .propname a:link, .resultsmiddle .propname a:visited { color: #ff0000;; text-decoration: underline; text-decoration: none; }
.resultsmiddle .propname a:hover { text-decoration: underline; }

.propertyheader { width: 700px; margin: 0; float: left;}

#description { padding: 10px; font-size: 0.9em; line-height: 20px;}

/*
------------------------------------------------------------------------------------------------------------------
OUTERLEFT COLUMN - CONTAINS LEFT AND MIDDLE
------------------------------------------------------------------------------------------------------------------
*/

/* 3 variations on outerleft to get colors right for specific availabilities */


.outerleftnodates { margin: 0 20px 0 0; padding: 0 0 0 10px; float: left; width: 553px; 
                      background: url(/_img/backgrounds/bgbanner_nodates.gif) top left no-repeat; }
.outerleftavailable { margin: 0 20px 0 0; padding: 0; float: left; width: 700px; 
                      background: url(/_img/backgrounds/bgbanner_available.gif) top right no-repeat; }
.outerleftunavailable { margin: 0 20px 0 0; padding: 0 0 0 10px; float: left; width: 553px; 
                        background: url(/_img/backgrounds/bgbanner_unavailable.gif) top left no-repeat; }
.outerleftpartlyavailable { margin: 0 20px 0 0; padding: 0 0 0 10px; float: left; width: 553px; 
                            background: url(../_img/backgrounds/bgbanner_partlyavailable.gif) top left no-repeat; }
.dealheader { margin: 0 0 5px; padding: 5px 0 5px 10px; }
.dealbody { margin: 0 0 5px; padding: 0 0 5px 10px; }

.outerleftdeal { padding:0 0 0 10px; }


.dealheader p.cityname { border-bottom: 1px dotted #eb7a42; color: #333; margin: 0; padding: 0 0 3px; }
/*
------------------------------------------------------------------------------------------------------------------
MIDDLE COLUMN 
------------------------------------------------------------------------------------------------------------------
*/

p.propname { font-size: 1.3em; color: #333; margin: 5px 0 0;  }
p.price { color: #000; line-height: 1.2; margin: 5px 0 10px; }

.outerleftdeal p.propname { color:#eb7a42; }
p.dealintro { border-bottom: 1px dotted #ed2124; color:#ed2124; }
p.dealdate { font-size:0.9em; margin: 5px 0; }
p.dealtext { font-weight: bold;}
.dealbody p { margin: 5px 0;}
h1.propname { background:none repeat scroll 0 0 #fff; border-top: 1px solid #ffaaaa; border-bottom: 1px solid #ffaaaa !important;  color:#fdd; margin: 5px 0 10px;} 
h1.propname.available { background: #fff url(/_img/backgrounds/bg_available.gif) right top no-repeat; }
h1.propname.unavailable { background: #fff url(/_img/backgrounds/bg_unavailable.gif) right top no-repeat; }
h1.propname.partlyavailable { background: #fff url(/_img/backgrounds/bg_partlyavailable.gif) right top no-repeat; }
h1.propname a { color: #ff0000; text-decoration: none; font-size: 0.9em;}
h1.propname a:hover { text-decoration: underline;}

#totalcost {}

#totalcost p { margin: 3px 0; padding: 0; font-size: 0.9em;}
#totalcost p.total { font-size: 0.9em }
#totalcost .important { color: #7dae00; font-weight: bold; }

#specialdeal {  font-weight: bold; border:2px dotted #ff0000; margin: 5px 0 0; padding:5px; }
#specialdeal h2 { background: #ff0000; padding: 5px ; font-size: 1.1em; color: #fff;  } 


/* forthe O4A and O4S txt at the foot of the middle col */
.managed { margin-top: 10px; padding-top: 10px; border-top: 1px solid #666; }



/*
------------------------------------------------------------------------------------------------------------------
RIGHT HAND COLUMN
------------------------------------------------------------------------------------------------------------------
*/


/* 3 variations on resultsright to get colors / background images right for specific availabilities */

.resultsright { color:#666666; font-size:0.8em; margin: 0; }

.resultsrightnodates { margin: 0 0 0 720px; width: auto; padding: 50px 0 0 3px; 
                         background: url(/_img/backgrounds/bg_nodates.gif) top left no-repeat; }
.resultsrightavailable { margin: 3px 0 0 720px; width: auto; padding: 50px 0 0 3px; 
                         background: url(/_img/backgrounds/bg_available.gif) top left no-repeat; }
.resultsrightunavailable { margin: 0 0 0 720px; width: auto; padding: 50px 0 0 3px; 
                           background: url(/_img/backgrounds/bg_unavailable.gif) top left no-repeat; }
.resultsrightpartlyavailable { margin: 0 0 0 720px; width: auto; padding: 50px 0 0 3px;
                               background: url(/_img/backgrounds/bg_partlyavailable.gif) top left no-repeat;  }
                               

.resultsright p.header, #propbook p.header { border-top: 3px solid #ff3399; border-bottom: 1px solid #ff3399; font-size: 1.2em; font-weight: bold; color: #ff3399; padding: 5px 0;}
  #propbook p.header {font-size: 1em;}
.cerise, a:link.cerise , a:visited.cerise  { color: #ff0000; text-decoration: none; font-size: 0.8em; }
.clear { clear: both; height: 3px; } 
.propnav {font-size: 0.9em; border-bottom: 1px dotted #ccc; padding-bottom: 7px; }
.propnav a { padding: 0 3px; text-decoration: none; }
.propnav a:hover { color: #000; }

.pseudobutton { font-size: 0.9em; padding: 7px 15px; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; white-space: nowrap; }
.pseudobutton.enquire, .pseudobutton.partlyavailable  { border: 1px solid #dd3308; color: #fff; background: url(/_img/bgds-b/btn-bgd-orange.jpg) top left repeat; text-decoration: none; font-size: 1em; }
.pseudobutton.book, .pseudobutton.available { border: 1px solid #337a86; color: #fff; background: url(/_img/bgds-b/btn-bgd-green.jpg) top left repeat; text-decoration: none; font-size: 1em;}
.pseudobutton.unavailable { border: 1px solid #900; color: #fff; background: url(/_img/bgds-b/btn-bgd-red.jpg) top left repeat; text-decoration: none; font-size: 1em;} 
#show .resultslist .actions p { margin: 0; padding: 15px 0 5px;}

.pseudobutton.search { padding: 4px 15px; margin-left: 7px; border: 1px solid #990000; color: #fff; background: url(/_img/bgds-b/btn-bgd-red.jpg) top left repeat; text-decoration: none; }


a#emailfriend { display: block; float: left; font-size: 0.8em; margin: 10px 0 0; padding: 5px 0; text-decoration: none; width: 190px;}

form#emailafriend label { color: #666; }
form#emailafriend input[type="text"], form#emailafriend textarea { border: 1px solid #333; padding: 2px; width: 380px;}
form#emailafriend input[type="submit"] { background: #f39; border: 2px solid #77003c; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 15px; color: #fff; text-shadow: 0 -1px 0 #77003c; }
form#emailafriend input[type="submit"]:hover { background: #bb005e;}