/* styles for summary blocks of hotels eg. Selected Hotels on front page */

div.selected-hotels { margin: 10px 15px; width: 266px; color:#3C5188;  }
div.selected-hotels div.hotel { margin: 5px 0 15px; border: 1px solid #C2C4CC; position: relative; }
div.selected-hotels div.thumb { float: right; width: 62px; height: 62px; margin: 5px; 0 5px 5px; padding: 1px; border: 1px solid #c6c7ce;}
div.selected-hotels div.name { padding: 5px; background: #F5F8FD;}
div.selected-hotels div.prices { padding: 5px; background: #F5F8FD;}
div.selected-hotels div.prices span { color: #6BA2E7; } 
div.selected-hotels div.thumb img { border: 1px solid #C6C7CE; height: 60px; width: 60px; }
div.selected-hotels p { padding: 5px; margin: 0; color: #94695A; }

div.selected-hotels div.map { text-align: center; margin-bottom: 10px; }
div.selected-hotels div.map img { border: 1px solid #C2C4CC; }

div.selected { margin: 10px 15px; width: 266px;}
div.selected div {  background: white url(/images/ow.gif) repeat-x top; padding: 3px 0; }
div.selected a, div.related a { letter-spacing: 0;}

div.selected td { color: #94695A; background: white; line-height: 16px; letter-spacing: 1px; vertical-align: middle; }
div.selected td.thumb { text-align: right; }
div.selected td.thumb img { border: 1px solid #adaead;}
div.selected em { font-style: normal; color: #6BA2E7; }
div.selected table { width: 100%; }


div.related{ width: 276px; margin: 4px 15px 10px 5px; }
div.related div { background: none; padding: 0 0 7px 0; }
div.related img{ margin-left: 10px; background: #EBEBF5; padding: 3px 0; background: White url(/images/ow.gif) repeat-x top; }
div.related a { display: block; margin: 4px 0; padding-left: 10px; }
div.related a:hover{ background-image: url(/images/link-arrow.gif); background-position: left center; background-repeat: no-repeat;}
div.related strong { font-weight: normal; color: #A90C0C; text-decoration: underline; }
div.related table { width: 100%; }

div.relatedlistings { width: 100%; padding: 15px; position: relative; overflow: auto;}
div.relatedlistings span { display: block; float: left; width: 33%; padding: 5px 0; }
div.relatedlistings a { padding-left: 10px; }
div.relatedlistings a:hover{ background-image: url(/images/link-arrow.gif); background-position: left center; background-repeat: no-repeat;}

div.pageonelink { text-align: left; }
div.pageonelink a { padding-left: 10px; font-size: 1.2em;  }
div.pageonelink a:hover{ background-image: url(/images/link-arrow.gif); background-position: left center; background-repeat: no-repeat; height: 13px; }

table.shortnav { width: 100%; margin: 0; padding: 0;   background: white }
table.shortnav td { text-align: center; vertical-align: middle; padding: 6px 0; }