/* ---------------------------------------------------------- * * Filename: global.css * Description: Global CSS * Version: 1.2.0 (05-2009) MM-YYYY * Website: http://www.hattersgroup.co.uk * Author: Jonny Wood * Company: J.Wood Creative ==STRUCTURE=============================================== * Page width 807px * No. of columns 2.5 * Additional info Flickr Integration & Highslide integration: Licence key: 8051b60fe075129ad3cae914cbebff73 http://highslide.com/ $ __global Global Parameters $ __header Header $ __hostel_hop Hostel Dropdown List $ __middle Middle section to site $ __bookings Booking Engine $ __main Main content (lhs) $ __home Group Home Page $ __sidebar Sidebar (rhs) $ __footer Footer $ __flickr Flickr Integration $ __offers Offers Tab & Window $ __highslide Highslide $ __forms Forms $ __pages Stuff on different Pages * ------------------------------------------------------- */ /* __global Global Parameters * ------------------------------------------------------- */ body {font-size:12px;line-height:18px;color:#333;text-align:center;background:url(../resources/bg-all.gif) top fixed} * {margin:0;padding:0;font-family:"trebuchet ms", tahoma, sans-serif} h1, h2, h3, h4, h5, h6 {font-weight:bold} h1 {font-size:20px;line-height:22px;margin-bottom:8px} h2 {font-size:18px;line-height:20px;margin-bottom:4px} h3, h5 {font-size:14px;line-height:18px;margin-bottom:4px} p {padding-bottom:6px} ul, li {list-style:none} a {color:#FFF;text-decoration:none;outline:none} a:hover {color:#88C322} a.anchor {border:none;background:none;padding:0;margin:0} a img {border:none;outline:none} #container {margin:0 auto;width:807px} #page {width:805px;text-align:left;border:1px solid #CCC;border-top:none;border-bottom:none;background:#FFF} .clear {clear:both;height:0;line-height:0;font-size:0} .small {font-size:10px;line-height:12px} #site-update p {display:block;float:left;padding:8px 10px;width:783px;font-size:16px;color:#FFF;background:#CC0000} /* __header Header * ------------------------------------------------------- */ #header {position:relative;width:805px;height:198px;background:url(../resources/bg-headers.jpg) no-repeat} #b-mcr #header {background-position:473px -276px} #b-hilton #header {background-position:473px 0} #b-lpool #header {background-position:473px -552px} #b-bham #header {background-position:473px -414px} #b-group #header {background-position:473px -138px} #b-errors #header {background-position:473px -690px} #nav-hub {position:absolute;display:block;top:0;left:0;width:39px;height:140px;background:#333} #nav-hub ul {position:relative;width:39px;height:140px} #nav-hub ul li {float:left;list-style-type:none} #nav-hub ul li a {position:absolute;left:0;display:block;width:39px;height:28px;text-indent:-999em;outline:none;outline-style:none} #nav-hub ul li#nh-hostels a, li#nh-help a, li#nh-mailing a, li#nh-map a, li#nh-access a {background:url(../resources/bg-onGrey-dark.gif) no-repeat} #nav-hub ul li#nh-hostels a {top:0;background-position:0 0} #nav-hub ul li#nh-hostels a:hover, body.b-group #nav-hub ul li#nh-hostels a {background-position:0 -28px} #nav-hub ul li#nh-help a {top:28px;background-position:-38px 0} #nav-hub ul li#nh-help a:hover {background-position:-38px -28px} #nav-hub ul li#nh-mailing a {top:56px;background-position:-76px 0} #nav-hub ul li#nh-mailing a:hover {background-position:-76px -28px} #nav-hub ul li#nh-map a {top:84px;background-position:-114px 0} #nav-hub ul li#nh-map a:hover {background-position:-114px -28px} #nav-hub ul li#nh-access a {top:111px;background-position:-152px 0} #nav-hub ul li#nh-access a:hover {background-position:-152px -28px} #brand {position:absolute;top:26px;left:60px;width:722px;height:95px} #brand h1, #brand h2 {display:block;text-indent:-999em;background:url(../resources/bg-onWhite.png) no-repeat} #brand h1 {margin-bottom:18px;width:523px;height:60px} #brand h2 {width:722px;height:16px;background-position:-30px -380px} #b-mcr #brand h1 {background-position:-30px -140px} #b-hilton #brand {top:7px;height:114px} #b-hilton #brand h1 {margin-left:-20px;height:80px;background-position:-30px 0} #b-bham #brand h1 {background-position:-30px -260px} #b-lpool #brand h1 {background-position:-30px -200px} #b-group #brand h1 {background-position:-30px -80px} #b-errors #brand h1 {background-position:-30px -396px} #nav-tip, #nav-main {position:absolute;display:block;top:138px;left:0;padding-left:48px;width:757px;height:30px;color:#FFF;font-weight:bold;background:#333 url(../resources/bg-onGrey-dark.gif) no-repeat -152px -86px} #nav-main {top:168px;z-index:500} #nav-tip {background-color:#666;background-position:-152px -56px;z-index:600} #nav-tip p {padding:0 0 0 12px;display:block;float:left;height:30px;line-height:30px;font-size:12px} #nav-tip span#hand {position:absolute;top:0;left:490px;display:block;width:54px;height:30px;background:url(../resources/bg-onGrey.gif) no-repeat 0 0} #tooltip {display:none;position:absolute;padding:8px 10px;width:200px;color:#FFF;font-size:11px;font-weight:bold;line-height:16px;text-align:left;border:2px solid #FFF;background:#333;z-index:999} /* __nav Navigation dropdowns * ------------------------------------------------------- * This copyright notice must be kept untouched in the stylesheet at all times. * The original version of this stylesheet and the associated (x)htmlis available at http://www.cssplay.co.uk/menus/iframe-shim.html * Copyright (c) 2005-2009 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. * ------------------------------------------------------- */ .nav-menus ul {white-space:nowrap;text-align:left;background:#333} .nav-menus ul {display:inline-block} .nav-menus ul {display:inline} .nav-menus li {height:30px;line-height:30px} .nav-menus li {display:inline-block;display:inline} .nav-menus ul ul {position:absolute;left:-999em} .nav-menus ul.level1 {display:table} .nav-menus ul.level1 li.level1-li {float:left;display:block;position:relative} .nav-menus ul.level1 li.level1-li li.last {margin-right:0} .nav-menus b {position:absolute} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/ .nav-menus a {display:block;line-height:30px;padding:0 0 0 12px;background:#333} .nav-menus ul.level1 li.level1-li a.level1-a {float:left;margin-right:28px} .nav-menus ul li:hover > ul {visibility:visible;left:0;top:30px} .nav-menus ul ul li:hover > ul {visibility:visible;left:100%;top:auto;margin-top:-30px;margin-left:-4px} .nav-menus a:hover ul {left:0;top:30px} .nav-menus a:hover a:hover ul, .nav-menus a:hover a:hover a:hover ul {left:100%;visibility:visible} .nav-menus a:hover ul ul, .nav-menus a:hover a:hover ul ul {left:-999em} .nav-menus li a:hover, .nav-menus li a.fly:hover {color:#88C322} .nav-menus li:hover > a, .nav-menus ul li:hover > a.fly {color:#88C322} .nav-menus table {position:absolute;height:0;width:0;left:0;border-collapse:collapse;margin-top:-6px} .nav-menus table table {position:absolute;left:99%;height:0;width:0;border-collapse:collapse;margin-top:-30px;margin-left:-4px} .nav-menus li.left table {position:absolute;height:0;width:0;left:auto;right:0;border-collapse:collapse;margin-top:-4px} .nav-menus li.left table table {position:absolute;left:auto;right:100%;height:0;width:0;border-collapse:collapse;margin-top:-30px;margin-right:-4px} #nav-hop {position:absolute;right:0;width:201px;height:30px;font-size:12px;font-weight:bold} #nav-hop.nav-menus ul {width:202px;background:none} #nav-hop.nav-menus ul li {margin:0} #nav-hop.nav-menus ul.level1 li.level1-li a.level1-a {width:167px;height:30px;padding-left:34px;background:url(../resources/bg-onGrey.gif) no-repeat -84px -30px} #nav-hop.nav-menus ul.level2 {padding-left:30px;width:171px;height:156px;background:url(../resources/bg-onWhite.png) no-repeat -733px -72px} #nav-hop.nav-menus a {display:block;padding:0;background:#666} #nav-hop.nav-menus li.level1-li a.level1-a:hover, #nav-hop.nav-menus ul li.level1-li:hover > a.level1-a {color:#88C322;background-position:-84px -60px} a#hop-1 {text-indent:11px} a#hop-2 {text-indent:16px} a#hop-3 {text-indent:20px} a#hop-4 {text-indent:25px} a#hop-5 {padding-bottom:6px!important;text-indent:30px} #nav-main.nav-menus ul.level2 {padding-right:30px;width:130px;height:180px;background:url(../resources/bg-onWhite.png) no-repeat 130px 0} #nav-main.nav-menus ul.level2 li a {font-weight:normal;color:#999} #nav-main.nav-menus ul.level2 li a:hover {color:#FFF} .nav-menus ul#nav-hostel li {margin-right:26px} body.b-group #nav-main li#nav-index a, body.b-home ul#nav-hostel li#nav-home a, body.b-rates ul#nav-hostel li#nav-rates a, body.b-loc ul#nav-hostel li#nav-loc a, body.b-facs ul#nav-hostel li#nav-facs a, body.b-pics ul#nav-hostel li#nav-pics a, body.b-faqs ul#nav-hostel li#nav-faqs a, body.b-contact ul#nav-hostel li#nav-contact a {color:#88C322} /* __middle Middle * ------------------------------------------------------- */ #middle {padding:1px;width:803px} /* __bookings Booking Engine * ------------------------------------------------------- */ #bookings {display:block;float:left;margin-bottom:1px;padding:10px;width:783px;height:44px;color:#FFF;background:#FF9900} #bookings-form {display:block;width:783px;height:44px;font-size:11px} #bookings-form fieldset#b-main {margin:0;padding:0 0 0 128px;width:655px;height:44px;border:none;background:url(../resources/bg-onOrange.gif) no-repeat -78px 12px} #bookings-form fieldset#b-main legend {display:none} fieldset#b-main fieldset, fieldset#b-main label, fieldset#b-main select {display:block;float:left;font-size:11px;font-weight:bold} fieldset#b-main fieldset {margin-left:10px;padding:4px 0;height:36px;border:none} fieldset#b-main fieldset select {margin-top:2px;color:#FFF;background:#FF9900;border:1px solid #FFF;cursor:pointer} fieldset#b-main fieldset select:hover, fieldset#b-main fieldset select.hover {background:#FF6600} fieldset#b-main fieldset select:focus, fieldset#b-main fieldset select.focus {background:#FF6600} fieldset#b-main label {text-transform:uppercase;font-weight:bold} fieldset#b-main fieldset#city, fieldset#b-main fieldset#city label, fieldset#b-main fieldset#city select {width:195px} fieldset#b-main fieldset#date, fieldset#b-main fieldset#date label {width:266px} fieldset#b-main fieldset#date select {width:75px;margin-right:2px} fieldset#b-main fieldset#nights, fieldset#b-main fieldset#nights label, fieldset#b-main fieldset#nights select {width:46px} fieldset#b-main a.cal {display:block;float:left;margin:-12px 0 0 6px;width:29px;height:31px;text-indent:-999em;background: url(../resources/bg-onOrange.gif) no-repeat 0 0} fieldset#b-main a.cal:hover, #bookings-form a.cal.hover {background-position:-29px 0} fieldset#b-main input.submit {display:block;float:left;margin-left:10px;width:106px;height:44px;color:#FFF;font-size:12px;font-weight:bold;border:1px solid #FFF;background:#FF9900;cursor:pointer} fieldset#b-main input.submit:hover, #bookings-form input.submit.hover, fieldset#b-main input.submit:focus, #bookings-form input.submit.focus {background:#FF6600} #cal-popup {float:left;margin:6px 0 0 237px;z-index:999} .calendar {border:2px solid #FF9900;padding:0;background:#FFF;color:#333} .calendar a {display:inline;width:auto;height:auto;background:none;text-indent:0px;color:#FF9900;border:none} .calendarYearTitle, .calendarWrongYearTitle, .calendarMonthTitle, .calendarWrongMonthTitle, .calendarWeekdayHeading, .calendarWeekendHeading, .calendarWeekday, .calendarWrongMonthWeekday, .calendarWeekend, .calendarWrongMonthWeekend, .calendarHighlight {font-size:10px;width:18px} .calendarYearTitle, .calendarMonthTitle, .calendarWeekdayHeading, .calendarWeekendHeading {font-size:11px;font-weight:bold} .calendarHighlight {color:#FFF;background:#666;cursor:pointer} .calendarToday{font-size:10px;background:#CCC} .calendarWrongMonthWeekday, .calendarWrongMonthWeekend {color:#CCC} /* __main Main content (lhs) * ------------------------------------------------------- */ #main {display:block;float:left;width:602px} #main a {color:#669900} #main a:hover {color:#0066CC} #b-group #main {width:803px} ul#m-contact {display:block;float:left;margin-bottom:1px;width:600px;height:82px;font-size:11px;border:1px solid #669900} ul#m-contact ul {display:block;float:left;margin-top:8px;padding-left:40px;width:156px;background:url(../resources/bg-onGreen.gif) no-repeat} ul#m-contact ul#mc-1 {margin:0;padding:0;width:83px;height:82px;text-indent:-999em;background-position:0 -60px;background-color:#669900} ul#m-contact ul#mc-2 {background-position:-73px -60px} ul#m-contact ul#mc-3 {background-position:-273px -60px} ul#m-contact ul#mc-3 li.skype-status {display:block;margin:-28px 0 0 -31px;width:26px;height:26px} ul#m-contact ul#mc-4 {width:72px;background-position:-473px -60px} ul#m-contact ul#mc-4 li a {display:block;padding-top:4px;font-size:12px;line-height:14px;color:#333} ul#m-contact ul#mc-4 li a:hover {color:#669900} ul#m-contact ul li {line-height:14px} ul#m-contact ul li.mc-title {font-size:14px;line-height:20px} ul#m-lhs, ul#m-lhs li {display:block;float:left;width:84px} ul#m-lhs li ul#lhs-links li a {display:block;width:84px;height:84px;margin-bottom:1px;text-indent:-999em;background:#666 url(../resources/bg-onGrey.gif) no-repeat} ul#m-lhs li ul#lhs-links li a:hover {background-color:#333} ul#m-lhs li ul#lhs-links li#lhs-1 a {background-position:0 -30px} ul#m-lhs li ul#lhs-links li#lhs-2 a {background-position:0 -114px} ul#m-lhs li ul#lhs-links li#lhs-3 a {background-position:0 -198px} ul#m-lhs li ul#lhs-links li#lhs-flickr a {height:33px;padding-top:8px;text-indent:0;text-align:center;font-size:14px;background:url(../resources/bg-onWhite.png) no-repeat -553px -176px} #m-content {display:block;float:left;padding:18px;width:481px;margin-left:1px} #m-content h4 {color:#669900} #m-content ul {margin:0 0 8px 25px;font-weight:bold} #m-content li {list-style:square url(../resources/bg-bullet.gif)} .mc-lhs, .mc-rhs {float:left;margin-top:8px;width:235px} .mc-rhs {margin-left:8px} /* __home Group Home Page * ------------------------------------------------------- */ .network-all {display:block;float:left;background:url(../resources/bg-network.gif) repeat-y} .g-network, .g-news {display:block;float:left;padding:10px;width:381px;color:#FFF} .g-news {margin-left:1px;padding-left:0;width:391px} .g-network h3, .h3-g-news, .g-news a.g-subscribe {display:block;float:left;width:381px;height:30px;text-indent:-999em;background:url(../resources/bg-onGreen.gif) no-repeat -25px -30px} .h3-g-news, .g-news a.g-subscribe {width:377px;background:url(../resources/bg-onBlue.gif) no-repeat -15px 0} .g-news a.g-subscribe {width:14px;height:30px;background-position:0 -24px} .g-news a.g-subscribe:hover {background-position:0 6px} .g-news .feed {display:block;float:left;margin-left:10px;width:184px} ul.network {display:block;margin:4px 0;width:381px;height:18px} ul.network li {display:block;float:left;width:95px;height:18px;font-weight:bold} ul.network li a {display:block;padding-left:24px;width:71px;height:18px;background:url(../resources/bg-onWhite.png) no-repeat} ul.network li#n-twitter a {background-position:-735px 0} ul.network li#n-facebook a {background-position:-735px -18px} ul.network li#n-flickr a {background-position:-735px -36px} ul.network li#n-myspace a {background-position:-735px -54px} ul.network li a:hover {color:#FF9900} .g-twitter, .g-flickr {display:block;float:left;width:180px;font-size:11px} .g-flickr {width:200px;padding-top:10px} .g-twitter ul {display:block;float:left} .g-twitter li {display:block;float:left;margin-bottom:8px;height:auto;line-height:14px;color:#FFF} .g-twitter li span.twitter-top {display:block;width:180px;max-width:180px;height:10px;background:url(../resources/bg-onGreen.gif) no-repeat -225px 0} .g-twitter li span.twitter-middle {display:block;width:168px;padding:6px 6px 0 6px;font-weight:bold;background:#97BD36;overflow:hidden} .g-twitter li span.twitter-bottom {display:block;width:168px;height:12px;padding:2px 6px 6px 6px;background:#97BD36} .g-twitter li a.twittertime {float:right;font-size:10px;color:#FFF} .g-twitter li a {color:#669900} .g-twitter li a:hover {color:#FF9900} .g-twitter li:hover, .g-twitter li:hover a.twittertime {color:#669900} .g-twitter li:hover a.twittertime:hover {color:#FF9900} .g-twitter li:hover span.twitter-top {background-position:-425px 0} .g-twitter li:hover span.twitter-bottom, .g-twitter li:hover span.twitter-middle {background:#FFF} /* __sidebar Sidebar (rhs) * ------------------------------------------------------- */ #sidebar {display:block;float:left;width:200px;margin-left:1px;font-size:11px;line-height:16px;color:#FFF} .sb-event {padding:10px;background:#669900} .sb-news {padding:10px;background:#0066CC} .sb-event h4, .sb-news h4 {display:block;width:180px;height:30px;text-indent:-999em;background:url(../resources/bg-onGreen.gif) no-repeat -25px 0} .sb-news h4 {width:136px;background:url(../resources/bg-onBlue.gif) no-repeat -25px 0} .sb-network {display:block;width:200px;height:100px;margin-bottom:1px;background:url(../resources/bg-onWhite.png) no-repeat -553px -279px} .sb-network h4 a {display:block;width:200px;height:56px;text-indent:-999em;background:url(../resources/bg-onWhite.png) no-repeat -553px -224px} .sb-network ul.network {width:168px;margin:0;padding:13px 16px} .sb-network ul.network li {margin-right:32px;width:18px} .sb-network ul.network li a {padding:0;width:18px;text-indent:-999em} .sb-network ul.network li#n-myspace {margin-right:0} .sb-event p.feed-title a {display:block;margin:0 -4px 0 -4px;padding:2px 4px;width:180px;font-size:20px;line-height:24px;letter-spacing:-1px;font-weight:bold} .sb-event p.feed-title a:hover {color:#669900;background:#FFF!important} .sb-event .feed-body {font-weight:bold;font-size:12px;line-height:18px} .sb-event a.feed-link {display:block;margin:6px 0 -8px -4px;padding:6px 4px;width:180px;height:18px;line-height:18px;background:url(../resources/bg-onGreen.gif) no-repeat -92px -124px} .sb-event a.feed-link:hover {color:#669900;background-position:-292px -124px} .sb-news p.sbn-intro {padding-bottom:0} .sb-news a.subscribe {display:block;margin:12px 0 -8px 0;width:180px;height:20px;font-size:13px;line-height:20px;font-weight:bold;color:#FFF;text-transform:uppercase;background:url(../resources/bg-onBlue.gif) no-repeat 166px -28px} .sb-news a.subscribe:hover {color:#FF9900;background-position:166px 2px} .sb-news p.feed-title, .g-news p.feed-title {padding:0} .sb-news p.feed-title a, .g-news p.feed-title a {display:block;margin-top:6px;padding:16px 6px 4px 6px;width:168px;font-weight:bold;border-bottom:1px dotted #0066CC;background:#3F8ED2 url(../resources/bg-onBlue.gif) no-repeat 0 -90px} .g-news p.feed-title a {margin-top:0;width:173px} .sb-news p.feed-title a:hover, .g-news p.feed-title a:hover {color:#0066CC;background-color:#FFF;background-position:-200px -90px} .sb-news .feed-body, .g-news .feed-body {display:block;padding:4px 6px;width:168px;background:#3F8ED2;overflow:hidden} .g-news .feed-body {width:173px} .sb-news .feed-body a:hover, .g-news .feed-body a:hover {color:#0066CC} .sb-news a.feed-link, .g-news a.feed-link {display:block;margin:6px 0 -6px -6px;padding:6px;width:168px;height:18px;line-height:18px;border-top:1px dotted #0066CC;background:#3F8ED2 url(../resources/bg-onBlue.gif) no-repeat -20px -62px} .g-news a.feed-link {width:173px;background-position:-14px -62px} .sb-news a.feed-link:hover, .g-news a.feed-link:hover {color:#0066CC;background-color:#FFF;background-position:-220px -62px} .g-news a.feed-link:hover {background-position:-214px -62px} .feed-body img {float:left;clear:left;margin:4px 0;border:1px solid #FFF} /**/ * html .feed-body p img, * html .feed-body img {} /**/ .feed-body p img, .feed-body img {width:166px;max-width:166px} .feed-body p img, .feed-body img {width:expression(this.width > 166 ? "166px" : this.width)} .sb-event .feed-body img {float:left;clear:left;margin:4px 0;border:1px solid #FFF} /**/ * html .sb-event .feed-body p img {}, * html .sb-event .feed-body img {} /**/ .sb-event .feed-body p img, .sb-event .feed-body img {width:178px;max-width:178px} .sb-event .feed-body p img, .sb-event .feed-body img {width:expression(this.width > 178 ? "178px" : this.width)} #all-hostels {clear:both} .each-hostel .feed-body img {float:left;clear:left;margin:4px 0;border:1px solid #FFF} /**/ * html .each-hostel .feed-body p img {} /**/ .each-hostel .feed-body p img, .each-hostel .feed-body img {width:178px;max-width:178px} .each-hostel .feed-body p img, .each-hostel .feed-body img {width:expression(this.width > 178 ? "178px" : this.width)} /* __footer Footer * ------------------------------------------------------- */ #footer {clear:both;width:805px;height:60px;font-size:10px;color:#CCC;border-top:1px solid #FFF} #f-top, #f-bot {display:block;float:left;padding:10px;width:785px;height:56px;background:#666} #f-bot {padding:14px;height:36px;width:777px;background:#333} #f-top p {display:block;float:left;padding:10px 0 0 0;height:46px;line-height:12px;background:url(../resources/bg-onGrey.gif) no-repeat} #f-top p#ft-award1 {padding-left:108px;background-position:-84px -90px} #f-top p#ft-award2 {padding-left:62px;background-position:-84px -146px} #f-top p#ft-mcr {text-indent:-999em;padding-left:20px;width:117px;background-position:10px -450px} #f-top p#ft-iip {float:right;width:98px;text-indent:-999em;background-position:-84px -202px} #f-bot span {display:block;float:left;margin-top:10px;width:130px;height:16px} #f-bot span a {display:block;width:130px;height:16px;text-indent:-999em;background:url(../resources/bg-onGrey-dark.gif) no-repeat 0 -56px} #f-bot ul {display:block;float:right;clear:right;width:640px} #f-bot ul li {float:right;margin-left:20px} #f-bot ul#fb-1 {font-size:11px;margin-bottom:4px} #f-bot ul#fb-1 li a {color:#FFF} #f-bot ul#fb-1 li a:hover {color:#88C322} #f-bot ul#fb-2 li a {color:#666} #f-bot ul#fb-2 li a:hover {color:#CCC} /* __flickr Flickr Integration * ------------------------------------------------------- */ a.flickr_link {color:#3993FF!important} a.flickr_link:hover {color:#0066CC!important} #flickr_badge_wrapper {padding-top:10px} .flickr_badge_image {margin-bottom:2px} .flickr_badge_image img {width:80px;height:80px;border:2px solid #666} .flickr_badge_image img:hover {border-color:#99CC00} .flickr_badge_image a, .flickr_badge_image a:hover {border-bottom:none} .flickr-pictures .flickr_badge_image {float:left;margin-right:2px} .flickr-pictures .flickr_badge_image#flickr-badge-image2, .flickr-pictures .flickr_badge_image#flickr-badge-image4, .flickr-pictures .flickr_badge_image#flickr-badge-image6, .flickr-pictures .flickr_badge_image#flickr-badge-image8, .flickr-pictures .flickr_badge_image#flickr-badge-image10 {margin-right:0} .flickr-pictures .flickr_badge_image img {width:231px;height:174px} .flickr-squares .flickr_badge_image img {width:110px;height:110px} #flickr_badge_source {float:left;clear:left;width:200px} #flickr_badge_icon {float:left;margin-right:5px;border:none} ul#flickr-lhs {display:block;float:left;width:84px;margin:1px 0} ul#flickr-lhs .flickr_badge_image {margin-bottom:1px} ul#flickr-lhs .flickr_badge_image img {width:78px;height:78px} ul#flickr-lhs .flickr_badge_image img:hover {border:2px solid #3D95FF} .g-flickr .flickr_badge_image {display:block;float:left;margin:0 0 0 10px;width:80px} .g-flickr .flickr_badge_image#flickr_badge_image2, .g-flickr .flickr_badge_image#flickr_badge_image4 {margin-left:20px} .g-flickr .flickr_badge_image#flickr_badge_image3, .g-flickr .flickr_badge_image#flickr_badge_image4 {margin-top:20px} .g-flickr .flickr_badge_image img {margin:0;border:1px solid #B7D55A} .g-flickr .flickr_badge_image img:hover {border-color:#FFF} .each-hostel .flickr_badge_image img {margin-bottom:4px;width:178px;height:133px;border:1px solid #666} .each-hostel .flickr_badge_image img:hover {border-color:#669900} /* __highslide Highslide * ------------------------------------------------------- */ .highslide-container table {background:none} .highslide {outline:none;text-decoration:none} .highslide-wrapper, .highslide-outline {background:#FFF} .highslide-dimming {background:#FFF} .highslide-loading {display:block;text-indent:-999em;width:32px;height:32px;background:#333 url(../scripts/highslide/graphics/loader.gif) no-repeat} .highslide-move, .highslide-move * {cursor:move} .highslide-overlay, .hidden-container, .highslide-maincontent {display:none} .highslide-html-content {display:none} .highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {display:none} .highslide-header a {display:none} .highslide-header .highslide-move a {display:none} .highslide-footer {display:none} .highslide-footer .highslide-resize {display:none} .highslide-footer .highslide-resize span {display:none} /* __offers Offers Tab & Window * ------------------------------------------------------- */ .offers-wrap {width:809px} .offers-wrap .highslide-html {width:805px;border:2px solid #CC0000;background:#FFF} .offers-wrap .highslide-header {position:absolute;top:0;left:0;width:38px;height:38px;background:none;z-index:999} .offers-wrap .highslide-header ul {display:block;float:left;margin:0;padding:0;width:38px;height:38px} .offers-wrap .highslide-header .highslide-close {display:block;float:left;width:38px;height:38px} .offers-wrap .highslide-header .highslide-close a {display:block;height:38px;width:38px;background:url(../resources/bg-onRed.gif) no-repeat -30px 0} .offers-wrap .highslide-header .highslide-close a:hover {background-position:-30px -38px} .offers-wrap .highslide-header .highslide-close span {display:none} .offers-wrap .highslide-header .highslide-move {display:none} .offers-wrap .highslide-header .highslide-move * {display:none} #offers-tab {position:absolute;top:36px;left:50%;margin-left:-435px;width:30px;height:160px;border-left:1px solid #FF3300;border-right:1px solid #660000;background:#CC0000} #offers-tab a {display:block;width:30px;height:160px;text-indent:-999em;background:url(../resources/bg-onRed.gif) no-repeat 0 0} #offers-box {padding:1px;text-align:left} .offers-head {display:block;float:left;width:803px;height:138px;background:url(../resources/bg-headers.jpg) no-repeat 473px -552px} .offers-head h3 {display:block;margin:38px 0 0 60px;width:355px;height:60px;text-indent:-999em;background:url(../resources/bg-onWhite.png) no-repeat -30px -319px} #all-hostels {display:block;float:left} .each-hostel {display:block;float:left;margin-right:-1px;padding:0 10px 10px 10px;width:180px;font-size:11px;line-height:16px;border:1px solid #CCC;border-bottom:none;border-top:none} .eh-trim {width:179px;border-right:none} .each-hostel h4 {display:block;width:180px;height:44px;text-indent:-999em;background:url(../resources/bg-onWhite.png) no-repeat} .each-hostel#eh-mcr h4 {background-position:-553px -88px} .each-hostel#eh-lpool h4 {background-position:-553px -44px} .each-hostel#eh-bham h4 {background-position:-553px -132px} .each-hostel#eh-hil h4 {background-position:-553px 0} .each-hostel h5 {padding-top:2px;color:#669900} .each-hostel .texthide {text-indent:-999em;height:1px} .each-hostel a.eh-skype {margin-left:14px} .each-hostel input.submit, .each-hostel a.eh-visit {display:block;margin-top:4px;width:100%;height:38px;line-height:38px;color:#FFF;font-size:13px;font-weight:bold;border:none;background:#FF9900;cursor:pointer;outline-style:none;outline:none} .each-hostel a.eh-visit {margin-top:1px;background:#669900;text-align:center} .each-hostel a.eh-visit:hover {background:#0066CC} .each-hostel input.submit:hover, .each-hostel input.submit.hover, .each-hostel input.submit:focus, .each-hostel input.submit.focus {background:#FF6600} body#b-group .each-hostel {cursor:pointer} .each-hostel#eh-mcr {border-left:none} .each-hostel#eh-hil {border-right:none} #offers-box .feed-title a {font-size:22px;color:#CC0000;font-weight:bold;line-height:22px;letter-spacing:-1px} #offers-box .feed-title a:hover {color:#88C322} #offers-box a.feed-link {display:block;margin-top:10px;padding:10px 0;width:180px;height:16px;text-align:center;font-size:14px;color:#FFF;font-weight:bold;background:#CC0000} #offers-box a.feed-link:hover {color:#669900} /* __contact Contact Window * ------------------------------------------------------- */ .contact-wrap {width:609px} .contact-wrap .highslide-html {width:605px;border:2px solid #669900;background:#FFF} .contact-wrap .highslide-header {position:absolute;top:0;left:0;width:38px;height:38px;background:none;z-index:999} .contact-wrap .highslide-header ul {display:block;float:left;margin:0;padding:0;width:38px;height:38px} .contact-wrap .highslide-header .highslide-close {display:block;float:left;width:38px;height:38px} .contact-wrap .highslide-header .highslide-close a {display:block;height:38px;width:38px;background:#669900 url(../resources/bg-onGreen.gif) no-repeat -582px -10px} .contact-wrap .highslide-header .highslide-close a:hover {background-position:-582px -48px} .contact-wrap .highslide-header .highslide-close span {display:none} .contact-wrap .highslide-header .highslide-move {display:none} .contact-wrap .highslide-header .highslide-move * {display:none} .contact-box {padding:1px;font-size:11px;line-height:16px;text-align:left} .contact-head {display:block;float:left;width:603px;height:138px} .contact-head h3 {display:block;margin:38px 0 0 60px;width:523px;height:60px;text-indent:-999em;background:url(../resources/bg-onWhite.png) no-repeat} .contact-head h3#ch-mcr {background-position:-30px -140px} .contact-head h3#ch-hilton {height:80px;background-position:-30px 0} .contact-head h3#ch-bham {background-position:-30px -260px} .contact-head h3#ch-lpool {background-position:-30px -200px} .contact-head h3#ch-group {background-position:-30px -80px} /* __forms Forms * ------------------------------------------------------- */ body#bg-form {text-align:center;background:#FFF;overflow-x:hidden;overflow-y:auto} #hs-form {padding-bottom:12px;width:605px} #form-div {display:block;float:left;margin-left:60px;width:480px;height:360px} #form-div a {color:#669900} #form-div a:hover, #form-div a:focus, #form-div a:active {color:#000} #form-div a:focus, #form-div a:active {background:#CCC} /* ----- success and error message/results box ----- */ #form-div p.success, #form-div p.error {color:#FFF;padding:4px;background:#669900;margin:0 0 10px 0} #form-div p.error {background:#CC0000} #form-div p.error a, #form-div p.success a {color:#FFF;border-bottom:none} #form-div p.error a:hover, #form-div p.error a:focus, #form-div p.error a:active, #form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active, #form-div p.success a:hover, #form-div p.success a:focus, #form-div p.success a:active {text-decoration:underline} fieldset.main-set {border:none;padding:8px;margin:4px 0 8px 0} fieldset.req-set, fieldset.opt-set {padding-bottom:4px} legend.main-legend {display:none} label.req-label, label.opt-label {margin:4px 0} label.opt-label.main-label {margin-bottom:6px;font-weight:bold;color:#333;font-size:16px;border:none} label.opt-label.main-label span {padding-left:40px;font-weight:normal;font-size:11px;color:#CC0000} label.req-label.explain {padding-left:4px;color:#666;font-size:10px} label.req-label.explain:hover {color:#CC0000} label.req-label#name-error, label.req-label#email-error, label.req-label#phone-error, label.opt-label#address1, label.opt-label#addy2-error, label.opt-label#country-error, label.req-label#subject-error, label.opt-label#org-error, label.req-label#city-error, label.req-label#state-error, label.req-label#website-error, label.req-label#postcode-error, label.req-label#message-error, label.opt-label#message-error, label.opt-label#optmenu-error, label.req-label#antispam-error {float:left;clear:left;width:110px} label.req-label#name-error, input.text-long#name {margin-top:8px} span.first-night {display:block;float:left;margin:5px 0 0 12px;color:#CC0000} input.text-short, input.text-med, input.text-long, select.select, textarea.textarea, label.req-label, label.opt-label {margin-bottom:4px;color:#666;font-size:11px;outline-style:none;outline:none} input.text-short:focus, input.text-med:focus, input.text-long:focus, select.select:focus, textarea.textarea:focus, input.text-short.focus, input.text-med.focus, input.text-long.focus, input.select.focus, textarea.textarea.focus {border:1px solid #669900;outline-style:none;outline:none} input.text-short, input.text-med, input.text-long, select.select, textarea.textarea, label.req-label.explain {float:left;margin:4px 0} label.opt-label.tick {float:left;margin-left:110px;width:200px;font-size:10px;color:#666;cursor:pointer} input.checkbox {display:block;float:left;margin-right:4px;width:11px;height:11px;border:1px solid #999;cursor:pointer} input.text-short, input.text-med, input.text-long, select.select, textarea.textarea {width:215px;border:1px solid #999;background:#FFF;cursor:text;padding:1px 2px} select.select {padding:1px 0} input.text-short {width:20px} input.text-med {width:180px} select.select {width:186px} input.text-long {width:330px} textarea.textarea {width:330px;height:60px;line-height:16px} select.select, select.select option {cursor:pointer} input.button {float:right;width:120px;height:38px;line-height:38px;color:#FFF;font-size:13px;font-weight:bold;border:none;background:#CCC;cursor:pointer;outline-style:none;outline:none} input.button:hover, input.button.hover, input.button:focus, input.button.focus {background:#669900;outline-style:none;outline:none} #cb-groups #form-div {height:520px} /* __pages Stuff on different Pages * ------------------------------------------------------- */ #extras-note, #error-content {display:block;float:left;padding:16px;width:767px;font-size:14px;border:2px solid #669900} #error-content {margin-bottom:1px;border-color:#CC0000} #error-content h2, #error-content h3 {color:#CC0000} #error-content h3 {padding-bottom:10px} body#b-group #extras-note {border-color:#CC0000} .page-title {margin-bottom:6px;padding:4px;font-size:14px} #rates {display:block;float:right;margin:6px 0 4px 12px;width:231px;border:#FF9900 1px solid} #rates p {margin:0 8px} #rates table {font-size:11px;margin-top:4px;width:231px} #rates tr {margin:2px 0;cursor:pointer} #rates tr#bottom {padding-bottom:2px} #rates td, .room td {padding:2px 8px} #rates td {border-bottom:1px solid #FFCC66;border-right:1px solid #FFE7A7} #rates td.bottom {border-bottom:none} #rates td.weekend {border-right:none} #rates tr#top td.weekend {background:#FFF} #rates tr:hover {background:#FFE7A7} #rates tr#top:hover {background:none} #rates tr#top {color:#FF9900;font-weight:bold;border:none;cursor:auto} #rates tr .table-room:hover, .midweek:hover, .weekend:hover{background:#FFCC66} #rates h3 {margin:6px 8px 0 8px;color:#FF9900} #rates .small {padding:4px 0} ul#rooms {margin:6px 0 10px 10px;padding-top:8px;border-top:1px solid #999} ul#rooms li, ul#rooms li li ul#facilities li {list-style:none!important;list-style-image:none!important} ul#rooms li.room-title {display:block;width:225px;border-bottom:1px solid #999;list-style:none!important;list-style-image:none!important} ul#rooms li ul {padding-top:6px} ul#rooms li li {font-size:12px} ul#facilities {margin:6px 0 10px 20px} ul#facilities li.page-title {padding:4px 0;color:#669900;list-style:square url(../resources/bg-bullet.gif)} ul#facilities li ul {margin-left:0} ul#facilities li li {font-size:12px;font-weight:normal;color:#333;list-style:none!important;list-style-image:none!important} span.c-tel {font-weight:bold;font-size:16px;line-height:22px;color:#669900} p.c-address {padding-top:16px} body.b-rates .mc-rhs p {margin-left:10px} body.b-contact .mc-rhs {margin-left:20px;width:215px} #m-content ul.network {margin-left:0!important;width:235px} #m-content ul.network li {margin-bottom:4px;width:235px} #m-content ul.network li a {width:auto;color:#333!important} #m-content ul.network li a:hover {color:#0066CC!important} #m-content li#cn-twitter a {background-position:-735px 0} #m-content li#cn-facebook a {background-position:-735px -18px} #m-content li#cn-flickr a {background-position:-735px -36px} #m-content li#cn-myspace a {background-position:-735px -54px} .note {padding:1px 2px;color:#FFF;font-size:10px;font-weight:bold;background:#CC0000} #google-map {margin:6px 0 10px 0;padding:1px;width:483px;line-height:18px;background:#666} #google-map a {padding-left:4px;color:#FFF;font-size:11px} #google-map a:hover {color:#88C322} body.b-contact #google-map {width:213px}