@charset "utf-8";
/*Situated in the heart of the city, opposite the Rialto Towers, Oaks On Collins is a fabulous new apartment hotel comprising of superbly appointed, self contained New York style studios. Each luxury studio features contemporary design and state-of-the-art kitchen and laundry facilities with stainless steel appliances, while hotel facilities include common laundry facilities, a business centre, 'First Floor Restaurant & Bar', swimming pool, gymnasium and sauna.*/
/* Oaks Page Styles */

/* -------------------------------------------------------------- 
   
   STRUCTURE
   
   - LAYOUT - Main Containers
   - HEADER
   		- NAV-TOP
		- NAV (Main Navigation)
		- HEADER-MEDIA-Full (Header image or flash video)
		- HEADER-MEDIA (Content Main Header image or flash video)
   - FOOTER
   		- NAV-FOOTER
		- FOOTER LINK LISTS
		- ABOUT and COPYRIGHT
   - MAIN
   		- CONTENT
		- CONTENT LISTING
   		- PAGE FUNCTIONS (titles, tabs, bookings-topbar, star-rating)
		- BOOKINGS FORM (Topbar Version)
		- COUNTRY TABS (Large Tabs - expandable width)
		- SECTION TABS (Small Tabs - fixed width, with option to expand up to 200px)
		- LISTS
		- ROOM TYPE SCROLLER
		- GOOGLE MAPS
		- TAB TITLE (Default Blue BG)
		- TAB WRAP (Container with rounded corners and BG colour)
		- ROOM SELECTION CONTENT
		- LOCATION OPEN (Booking Grid)
		- LOCATION CLOSED (Booking Grid)
		- ROOM-TPYE OPEN (Booking)
		- RATES TABLE FUNCTIONS (Show best rates)
		- RATES TABLE
		- RATES TABLE CLOSED (Thumbnail and data)
		- SECTION CLOSED (Button)
		- SECTION-HEAD (Contains title and additional search options)
		- LISTING OPEN (Full listing)
		- LISTING (Inside Content Page)
		- SEARCH LISTING OPEN
		- DESTINATION LISTING OPEN
		- CORPORATE HEADER
		- CORPORATE CONTENT
		- MEDIA PAGE
   - SIDEBAR
   		- BOOKINGS FORM (Sidebar Version)
		- SIDEBAR ACCORDION (Quick Info Boxes)
		- MAP SIDEBAR (Accordion)
   - PANELS (Accordion Panels)
   		- SEARCH LANDING
   - Extras
   		- PAGGING CONTROLS (Back, Next, and Continue links)
   - LOGIN POPUP
   - ALERTBOX
   - BOOKING CHECK-OUT STEPS FROM MANTRA PLUS NEW
      
-------------------------------------------------------------- */
/* =LAYOUT - Main Containers
_____________________________________ */
#main						{ width: 996px; margin: 0 auto 40px; background: #fff url(../images/main_botBG.gif) left bottom no-repeat; position: relative; }
.container					{ width: 980px; margin: 0 8px; }
.sidebar					{ width: 266px; margin: 0 0 20px 14px; float: left; display: inline; }
.content-main				{ width: 700px; float: left; }
.content					{ padding: 0 14px; overflow: visible; /* IE6 Italic text fix */ }
.contentPopup				{ overflow: auto; height: 468px; padding: 0 14px; }

#footer-wrap				{ padding: 15px 0 50px 0; background: #08275a url(../images/footer_BG.png) 0 0 repeat-x; border-top: 6px solid #2453a1; }
#footer-wrap .container		{ margin: 0 auto; }
.footer-links				{ width: 600px; float: left; }
.footer-about				{ width: 352px; margin: 0 14px; float: left; display: inline; }

.footer-col					{ width: 136px; margin: 0 0 0 14px; float: left; display: inline; }


/* =HEADER
_____________________________________ */
#header-wrap				{ width: 980px; height: 130px; position: relative; background: #3a62af url(../images/header_BG.gif) left bottom no-repeat; color: #fff; }
html>body #header-wrap		{ height: auto; min-height: 130px; } /* min-height fix so header is expandable when text is re-sized */
#headerL					{ width: 252px; margin: 0 14px; float: left; display: inline; }
#headerR					{ width: 700px; float: left; display: inline; }
#branding					{ width: 252px; height: 88px; overflow: hidden; }
#header-title				{ width: 252px; height: 42px; overflow: hidden; position: absolute; bottom: 0; left: 14px; }
/* Title text */
#header-title p				{ height: 42px; line-height: 42px; overflow: hidden; margin: 0 14px; font-size: 1.25em; }
#header-title p.left		{ margin: 0 7px 0 14px; }
#header-title p.right		{ margin: 0 14px 0 0; }
#header-title p span		{ font-size: 0.733em; }

/* =NAV-TOP
------------------------------------- */
#nav-top					{ margin: 20px 0 65px 0; padding: 0; list-style-type: none; float: right; display: inline; }
#nav-top li					{ float: left; display: inline; }
#nav-top li a				{ margin: 0 25px 0 0; color: #66bef1; }
#nav-top li a:hover			{ color: #fa6911; }


/* =NAV (Main Navigation)
------------------------------------- */
#nav						{ margin: 0 0 7px 0; padding: 0; list-style-type: none; float: right; display: inline; }
#nav li						{ float: left; display: inline; }
#nav li a 					{ margin: 0 25px 0 0; color: #fff; font-size: 1.167em; line-height: 1.167; }
#nav li a:hover				{ color: #fa6911; }
#nav li a img				{ vertical-align: middle; }


/* =HEADER-MEDIA-Full (Header image or flash video)
------------------------------------- */
.header-media-full			{ width: 980px; height: 323px; overflow: hidden; position: relative; }

.booking-wrap				{ width: 252px; position: absolute; top: 0; left: 14px; z-index: 10; }


/* =HEADER-MEDIA (Content Main Header image or flash video)
------------------------------------- */
#header-media					{ width: 700px; height: 323px; overflow: hidden; position: relative; }
#header-media-controls			{ width: 298px; height: 41px; background: url(../images/BG_videoControls.png) no-repeat; position: absolute; right: 10px; bottom: 0px; }
#header-media-controls img		{ float: left; display: inline; margin-top: 7px; }
#header-media-controls a img	{ margin-right: 2px; }

#header-media-online-video			{ width: 53px; height: 48px; position: absolute; right: 318px; bottom: 0px; }
#header-media-online-video img		{ float: left; display: inline; }
#header-media-online-video a img	{ margin-right: 2px; }

/* =FOOTER
_____________________________________ */

/* =NAV-FOOTER
------------------------------------- */
#nav-footer					{ margin: 0 14px 28px; padding: 0; list-style-type: none; float: left; display: inline; }
#nav-footer li				{ float: left; display: inline; margin: 0 0 0 15px; padding: 0 0 0 15px; border-left: 1px solid #245588; }
#nav-footer li.first		{ margin: 0; padding: 0; border: 0; }
#nav-footer a				{ display: block; color: #66bef1; }
#nav-footer a:hover			{ color: #fa6911; }


/* =FOOTER LINK LISTS
------------------------------------- */
.footer-col .title a		{ color: #66bef1; font-size: 1.167em; font-weight: bold; line-height: 1.5; }
.footer-col .title a:hover	{ color: #fa6911; }

.footer-col ul				{ margin: 0; padding: 0; list-style-type: none; }
.footer-col ul li			{ margin: 0 0 3px 0; }
.footer-col ul li a			{ color: #c0c0c0; font-size: 1em; line-height: 1.167; }
.footer-col ul li a:hover	{ color: #fa6911; }


/* =ABOUT and COPYRIGHT
------------------------------------- */
.footer-about				{ color: #66bef1; font-size: 0.917em; line-height: 1.167; }
.footer-about .title		{ color: #c0c0c0; font-size: 1.167em; line-height: 1.5; }
.footer-about .copyright	{ color: #c0c0c0; }
		
		
/* =MAIN
_____________________________________ */

/* =CONTENT
------------------------------------- */
.content .header					{ color: #007bc2; font-size: 1.167em; line-height: 1.333; }
.content ul li						{ margin-bottom: 0.25em; list-style-image: url(../images/bullet_content.gif); line-height:1.333; }
.content ul li ul					{ margin-top: 0.25em; }
.content ol li						{ margin-bottom: 0.25em; line-height:1.333; }
.content ol li ol					{ margin-top: 0.25em; }

/* =CONTENT LISTING
------------------------------------- */
.content-listing					{ padding: 0 14px; }
.content-listing ul					{ width: 672px; margin: 0 auto; padding: 0; list-style-type: none; }
.content-listing li					{ /*width:658px;*/ margin:0 0 22px; padding:0 7px 22px; border-bottom:1px solid #F0F0F0; }
.content-listing .head				{ margin: 0 0 18px; }
.content-listing .title				{ width: 544px; margin: 0; float: left; display: inline; color: #007bc2; font-size: 1.25em; font-weight: bold; line-height: 1.333; }
.content-listing .date				{ width: 100px; margin: 0 0 0 14px; float: right; display: inline; text-align: right; color: #007bc2; font-size: 0.917em; font-weight: bold; }

/* =PAGE FUNCTIONS (titles, tabs, bookings-topbar, star-rating)
------------------------------------- */
.functions-row-wrap						{ margin: 0 0 30px; background: url(../images/page_functionR_BG.png) right bottom no-repeat; }
.functions-row-wrap-no-padding			{ margin: 0; background: url(../images/page_functionR_BG.png) right bottom no-repeat; }
.functions-row							{ width: 100%; /* BG fix for IE */ padding: 20px 0 0 0; background: url(../images/page_functionL_BG.png) left bottom no-repeat; position: relative; /* For placement of properties btn */ }

.home-functions							{ background-image: url(../images/page_functionR_BG_tall.png); }
.home-functions .functions-row			{ background-image: url(../images/page_functionL_BG_tall.png); }
/* Functions Content (above tabs) */
.functions-content						{ /*height: 20px;*/ padding: 0 20px 14px; margin: 0 0; }
html>body .functions-content			{ /*height: auto; min-height: 20px;*/ } /* Min height fix */
.functions-content p					{ margin: 0; }
.functions-row .title					{ margin: 0; color: #fa6911; font-size: 1.333em; line-height: 1.167; }
.functions-row .title strong			{ color: #007bc2; font-size: 1.25em; /* 16px(inherited) x 1.25em = 20px */ }

.functions-content .right h1			{ margin: 3px 0 0; }

/* =PAGE FUNCTIONS (titles, tabs, bookings-topbar, star-rating)
------------------------------------- */
.home-features							{ width: 980px; margin: 0 0 7px; }
.home-features .oaks-club				{ width: 252px; height: 158px; margin: 3px 0 0 14px; float: left; display: inline; }
.home-features .slider-wrap				{ width: 714px; height: 162px; overflow: hidden; float: left; position: relative; background: url(../images/home_slider_BG.png) 0 0 no-repeat; }

.home-features .previous,
.home-features .next					{ width: 32px; height: 31px; margin: 62px 0 0; float: left; display: inline; }
.home-features .next					{ margin-left: 1px; }

.home-features .slider					{ float: left; width: 650px; height: 156px; overflow: hidden; margin: 3px 0 0 -1px; display: inline; position: relative; }
.home-features .slider ul				{ margin: 0; list-style-type: none; }
.home-features .slider ul li			{ width: 216px; height: 156px; overflow: hidden; margin: 0 0 0 1px; float: left; display: inline; }

.home-functions	h1						{ padding: 0 16px; text-align: right; }

/* =BOOKINGS FORM (Topbar Version)
------------------------------------- */
#bookings-topbar						{ padding: 0 20px 14px; }
#bookings-topbar #bookings-form			{ margin: 0; padding: 0; /*overflow: hidden;*/ list-style-type: none; }
#bookings-topbar #bookings-form li		{ margin-right: 26px; }
#bookings-topbar .icon_calendar			{ padding: 2px 0 0 3px; }
#bookings-topbar .search				{ display: block; width: 96px; height: 36px; margin-top: -5px; position: relative; }


/* =COUNTRY TABS (Large Tabs - expandable width)
------------------------------------- */
#country-tabs							{ width: 955px; margin: 0 0 0 11px; /* 14px - 3px from li */ padding: 0; list-style-type: none; }
#country-tabs li						{ float: left; display: inline; margin: 0 0 0 3px; padding: 0; }
#country-tabs li a						{ float: left; height: 54px; background: url(../images/tabR_large.gif) right top no-repeat; cursor: pointer; }
#country-tabs li a span					{ float: left; height: 54px; background: url(../images/tabL_large.gif) left top no-repeat; color: #8fa7af; font-size: 1.667em; line-height: 54px; padding: 0 25px; }
#country-tabs li a:hover span			{ color: #6a7c82; }

#country-tabs li a.active,
#country-tabs li a.active:hover			{ background-position: right -54px; } 
#country-tabs li a.active span,
#country-tabs li a.active:hover span	{ background-position: left -54px; color: #fa6911; }

/* Properties Button */
.btn-new-properties						{ position: absolute; right: 14px; bottom: 7px; }


/* =SECTION TABS (Small Tabs - fixed width, with option to expand up to 200px)
------------------------------------- */
#section-tabs							{ width: 696px; margin: 0 0 0 4px; padding: 0; list-style-type: none; }
#section-tabs li						{ float: left; display: inline; margin: 0 0 0 3px; padding: 0; text-align: center; }
#section-tabs li a						{ float: left; height: 44px; background: url(../images/tabR_small.gif) right top no-repeat; cursor: pointer; }
#section-tabs li a span					{ float: left; width: 112px; height: 44px; background: url(../images/tabL_small.gif) left top no-repeat; color: #8fa7af; font-size: 1em; font-weight: bold; line-height: 44px; } /* width can be increased up to 200px to support long names */
#section-tabs li a:hover span			{ color: #6a7c82; }

#section-tabs li a.active,
#section-tabs li a.active:hover			{ background-position: right -45px; } /* Set active tab BG */
#section-tabs li a.active span,
#section-tabs li a.active:hover span	{ background-position: left -45px; color: #fa6911; }

/* Content Page Tabs */
#main .content-tabs li a span			{ width: 135px; }


/* =LISTS
------------------------------------- */
.list-wrap					{ width: 252px; padding-top: 12px; color: #007bc2; font-size: 0.917em; line-height: 14px; }
.list-wrap p				{ margin: 0 12px; padding: 0 2px 12px; background: url(../images/list_border-botBG.gif) left bottom repeat-x; }
.list						{ width: 228px; margin: 0 12px; padding: 0 0 12px 0; list-style-type: none; }
.list li					{ clear: left; float: left; width: 228px; padding: 4px 0 6px 0; background: url(../images/list_border-botBG.gif) left bottom repeat-x; }
.list li a					{ display: block; padding: 0 2px 0 10px; background: url(../images/list_bullet.gif) 2px 5px no-repeat; }
.contact-info li a			{ display: inline; padding: 0; background: none; text-decoration: underline; }
.list li strong				{ font-weight: normal; } /* Strong tag used to control layout (see below in SIDEBAR ACCORDION) */

/* Bullet Lists */
.bullet-list				{ margin:0; padding:0; list-style-type:none; }
.bullet-list li				{ margin: 0 0 8px; padding: 0 0 0 14px; background: url(../images/bullet_arrow.gif) 0 4px no-repeat; }

/* =ROOM TYPE SCROLLER
------------------------------------- */
.room-type-scroller								{ width: 700px; padding: 14px 0 0 0; background: url(../images/room-type-scroller_BG.gif) 0 0 no-repeat; }
.content-main .room-type-scroller				{ margin-bottom: 28px; }

.room-type-scroller .slider						{ float: left; width: 860px; height: 181px; overflow: hidden; position: relative; }
.content-main .room-type-scroller .slider		{ width: 645px; }

.previous-btn-wrap								{ width: 25px; height: 159px; margin-top: 20px; float: left; display: inline; } /* Btn container dimensions set, so btns can be removed without the space colapsing */
.previous-btn-wrap .previous					{ display: block; width: 25px; height: 181px; }

.next-btn-wrap									{ width: 25px; height: 159px; margin-top: 20px; float: left; display: inline; margin-left: 5px;  }
.next-btn-wrap .next							{ margin: 0 3px 0 0; }

.room-type-scroller ul							{ margin: 0; padding: 0; list-style-type: none; }
.room-type-scroller	ul li						{ float: left; width: 215px; height: 181px; overflow: hidden; }
.room-type-scroller ul li a						{ float: left; width: 210px; height: 181px; overflow: hidden; margin: 0 0 0 5px; position: relative; cursor:pointer; }
.room-type-scroller ul li a:hover b				{ display: block; width: 210px; height: 146px; position: absolute; top: 0; left: 0; background: #242424 url(../images/book-now_hover.gif) center center no-repeat; -moz-opacity:.8; opacity:.8; }
.room-type-scroller ul li a em					{ float: left; display: block; width: 210px; height: 35px; line-height: 35px; overflow: hidden; margin: 0; background: #ecf6fb url(../images/room-type-text_BG.gif) left bottom no-repeat; font-style: normal; }
.room-type-scroller ul li a span.type			{ float: left; width: 130px; display: inline; margin: 0 8px; line-height: 16px; }
.room-type-scroller ul li a span.price			{ float: left; display: block; width: 48px; padding: 0 8px 0 0; text-align: right; color: #fa6911; font-size: 1.75em; font-weight: bold; }
.room-type-scroller ul li a span.hover			{ display: none; }
.room-type-scroller ul li a:hover span.hover	{ display: block; position: relative; margin-top: 55px; text-align: center; color: #fa6911; font-size: 1.5em; }


/* =GOOGLE MAPS
------------------------------------- */
#location						{ width: 680px; margin: 0 auto 30px; background: #eaf3fa; }
#location img					{ display: block; } /* temp style - PH image will be replaced with Google Maps */

#location-extras				{ width: 680px; height: 49px; line-height: 49px; background: url(../images/map_extrasBoxBG.gif) left bottom no-repeat; }
#location-extras a img			{ clear: both; margin: 15px 0 0 15px; }
#location-extras a img.right	{ float: right; display: inline; margin: 15px 15px 0 0;}


/* =TAB TITLE (Default Blue BG)
------------------------------------- */
.tab-title-wrap					{ width: 970px; }
#myoaks-signup 
.tab-title-wrap					{ width: 672px; }
.tab-title						{ float: left; padding: 0 0 0 14px; }
.tab-title .cornerL				{ float: left; background: #ebf5fb url(../images/cornerL_lightBlue.gif) 0 0 no-repeat; }
.tab-title .cornerR				{ float: left; padding: 14px 42px 6px 14px; background: url(../images/cornerR_lightBlue.gif) 100% 0 no-repeat; }
.tab-title .title				{ margin: 0; color:#FA6911; font-size:1.333em; }
.tab-title .title strong		{ color:#007BC2; font-size:1.25em; }

.new-icon						{ float: left; display: inline; width: 31px; height: 31px; margin: -2px 0 0 7px; /* Set Position */ text-indent: -9999em; background: url(../images/icon_new.gif) 100% 0 no-repeat; position: absolute; }

/* Plain Blue Heading */
.tab-title .heading				{ margin: 0; color:#007BC2; font-size:1.333em; font-weight: bold; }

/* ORANGE TAB TITLE */
.orange .cornerL				{ background: #fef0e7 url(../images/cornerL_lightOrange.gif) 0 0 no-repeat; }
.orange .cornerR				{ background: url(../images/cornerR_lightOrange.gif) 100% 0 no-repeat; }
.orange .heading				{ color:#fa6911; font-weight: bold; }


/* =TAB WRAP (Container with rounded corners and BG colour - Default Blue)
------------------------------------- */
.tab-wrap					{ width: 970px; margin: 0 0 24px 0; background: #ecf6fb url(../images/corner_full_bot.gif) 0 100% no-repeat; }
.tab-wrap-top				{ width: 970px; height: 14px; background: #ecf6fb url(../images/corner_full_top.gif) 0 0 no-repeat; font-size: 0; }
/* Orange */
.tab-wrap-orange			{ width: 970px; margin: 0 0 24px 0; background: #fef0e7 url(../images/corner_full_botOrange.gif) 0 100% no-repeat; }
.tab-wrap-top-orange		{ width: 970px; height: 14px; background: #fef0e7 url(../images/corner_full_topOrange.gif) 0 0 no-repeat; font-size: 0; }


/* MY OAKS =TAB WRAP (Container with rounded corners and BG colour - Default Blue)
------------------------------------- */
#myoaks-signup .tab-wrap					{ width: 672px; margin: 0 0 24px 0; background: #ecf6fb url(../images/corner_full_bot.gif) 0 100% no-repeat; }
#myoaks-signup .tab-wrap-top				{ width: 672px; height: 14px; background: #ecf6fb url(../images/corner_full_top.gif) 0 0 no-repeat; font-size: 0; }
/* Orange */
#myoaks-signup .tab-wrap-orange			{ width: 672px; margin: 0 0 24px 0; background: #fef0e7 url(../images/corner_full_botOrange.gif) 0 100% no-repeat; }
#myoaks-signup .tab-wrap-top-orange		{ width: 672px; height: 14px; background: #fef0e7 url(../images/corner_full_topOrange.gif) 0 0 no-repeat; font-size: 0; }


/* =ROOM SELECTION CONTENT
------------------------------------- */
/* Containers */
.room-select							{ width: 980px; background: url(../images/gradient_full_top.png) 0 0 no-repeat; }
.room-select-bot						{ width: 980px; padding: 0; background: url(../images/gradient_full_bot.png) 0 100% no-repeat; }
.room-select .col-left					{ width: 618px; float: left; display: inline; margin: 28px 20px 28px 14px; background: #e0f0f9 url(../images/col-left_top.gif) 0 0 no-repeat; }
.room-select .col-left-inner			{ background: url(../images/col-left_bot.gif) 0 100% no-repeat; }
.room-select .col-right					{ width: 314px; float: left; display: inline; margin: 28px 14px 28px 0; background: #fff url(../images/col-right_top.gif) 0 0 no-repeat; }
.room-select .col-right-inner			{ background: url(../images/col-right_bot.gif) 0 100% no-repeat; }
/* Gallery */
.room-select .gallery					{ width: 326px; height: 278px; overflow: hidden; float: left; display: inline; margin: 8px; }
.room-select .gallery img				{ display: block; /* Removes gap */ float: left; }
.room-select .gallery .nosmallimages    { display: block; /* Removes gap */ float: left; padding-top:25px; }
.room-select .thumbs					{ float: left; display: inline; margin-top: 6px; }
.room-select .thumbs img				{ margin-left: 6px; }
/* Content */
.room-select .copy						{ margin: 8px 20px 8px 354px; }
.room-select .copy .title				{ color: #fa6911; font-size: 1.333em; line-height: 1.167; margin-bottom: 1em; }
/* Room Type List */
.room-select .col-right .title				{ margin: 0; padding: 8px 14px 6px; color: #007bc2; font-size: 1.333em; line-height: 1.167; }
.room-select .room-type ul					{ float: left; width: 286px; display: inline; margin: 0 9px; padding: 0 0 5px; list-style-type: none; }
.room-select .room-type ul li				{ clear: both; display: block; float: left; width: 286px; margin: 2px 0 0 0; padding: 0; }
.room-select .room-type ul li a				{ display: block; width: 286px; height: 64px; overflow: hidden; text-align: right; background: url(../images/room-type-link_BG.gif) 0 0 no-repeat; }
.room-select .room-type ul li.odd a			{ background-color: #fef0e7; background-position: 0 -64px; }
.room-select .room-type ul li a img			{ float: left; display: inline; margin: 6px 12px 6px 6px; }
.room-select .room-type ul li a strong		{ display: block; width: 110px; float: left; padding: 12px 0 0 0; text-align: left; }
.room-select .room-type ul li a .price		{ display: block; padding: 12px 8px 0 12px; color: #bdbdbd; font-size: 0.917em; }
.room-select .room-type ul li a .price em	{ color: #fa6911; font-size: 1.667em; /* Relative to .price font-size */ }

.room-type ul li a:hover,
.room-select .room-type ul li.odd a:hover	{ background-color: #e5f2fa; background-position: 0 -128px; }


/* =LOCATION OPEN (Booking Grid)
------------------------------------- */
.location-open					{ width: 970px; margin: 0 0 24px 0; background: #ecf6fb url(../images/corner_full_bot.gif) 0 100% no-repeat; }
.loaction-open-top				{ width: 970px; height: 14px; background: #ecf6fb url(../images/corner_full_top.gif) 0 0 no-repeat; font-size: 0; }


/* =LOCATION CLOSED (Booking Grid)
------------------------------------- */
.location-closed				{ width: 970px; padding: 14px 0; margin: 0 0 14px 0; background: #fff; }


/* =ROOM-TPYE OPEN (Booking)
------------------------------------- */
.room-type-open					{ width: 970px; padding: 14px 0; margin: 0 0 14px 0; background: #fff; }
.room-type-open .ratesBG .rates	{ background: url(../images/rates_row_top_onWhite.gif) 100% 0 no-repeat; } /* Overwrite BG image to match white BG colour */


/* =RATES TABLE FUNCTIONS (Show best rates)
------------------------------------- */
.rates-functions				{ width: 661px; margin: 0 0 0 14px; }
.rates-functions td				{ vertical-align: middle; color: #fa6911; font-weight: bold; }
.rates-functions td.dates		{ width: 120px; text-align: right; }
.rates-functions .cornerL		{ float: left; background: #ccdef4 url(../images/cornerL_blue.gif) 0 0 no-repeat; }
.rates-functions .cornerR		{ padding: 10px; background: url(../images/cornerR_blue.gif) 100% 0 no-repeat; }
.rates-functions label			{ float: left; display: block; color: #007bc2; font-weight: bold; line-height: 18px; padding-right: 12px; }
.rates-functions select			{ float: left; margin-left: 14px; }

/* =RATES TABLE
------------------------------------- */
/* Width's and BG's for Rates Tables  */
.ratesBG							{ width: 970px; background: url(../images/rates_row_BG.gif) 100% 100% repeat-y; margin-bottom: 14px; position: relative; /* For Alert Box */ } /* Repeating row BG */
.ratesBG .rates						{ width: 970px; background: url(../images/rates_row_top.gif) 100% 0 no-repeat; } /* Table header BG - sits over repeating row BG */
.ratesBG-single						{ width: 970px; height: 114px; background: #ecf6fb url(../images/ratesBG-single.gif) top right no-repeat; }
/* Change width inside .content-main */
.content-main .ratesBG-single		{ width: 689px; margin: 0 0 14px; }
.ratesBG-single .rates				{ width: 689px; }

/* Table Cell Spacing */
.rates								{ border-collapse: separate; border-spacing: 3px; /* Set spacing for IE */ *border-collapse: expression('separate', cellSpacing = '3px'); }

/* Main Table Cells */
.rates td							{ width:46px; height: 58px; padding: 0; text-align: center; vertical-align: middle; color: #fa6911; font-size: 1.083em; font-weight: bold; line-height: 1.33; }
.rates td.date						{ height: 46px; color: #007bc2; font-size: 1em; font-weight: normal; line-height: 1.33;  }
.rates td label						{ cursor: pointer; }

/* Headings (Left side cells) */
.rates td.title-main,
.rates td.title-main-input			{ width: 209px; height: 46px; vertical-align: middle; text-align: left; position: relative; color: #fa6911; font-size: 1.167em; line-height: 1.333; }
.rates td.title-main span			{ display: block; padding: 0 0 0 8px; }
.rates td.title-main-input span		{ display: block; width: 36px; height: 46px; position: absolute; top: 9px; left: 8px; }
.rates td.title-main-input strong	{ display: block; width: 156px; margin: auto 0 auto 44px; }

.rates td.full-rate-title			{ width: 66px; height: 46px; vertical-align: middle; text-align: center; color: #fa6911; font-size: 1em; font-weight: normal; line-height: 1.33; }

.rates td.title						{ width: 209px; height: 58px; vertical-align: top; text-align: left; color: #007bc2; font-size: 1em; font-weight: normal; line-height: 1.33; }
.rates td.title span				{ display: block; padding: 12px 0 0 14px; }
.rates td.title span.map-link		{ display: inline; padding: 4px 0 0 14px; }
.rates td.title span.map-link a	    { color: #FA6911; }
.rates td.title span.property-link	{ display: inline; padding: 4px 0 0 14px; }
.rates td.title span.property-link a{ color: #FA6911; }
.rates td.full-rate					{ width: 66px; height: 58px; vertical-align: top; text-align: left; color: #007bc2; font-size: 1em; font-weight: normal; line-height: 1.33; }
.rates td.book-now					{ width: 66px; height: 58px; vertical-align: middle; margin-top:15px; text-align: left; color: #007bc2; font-size: 1em; font-weight: normal; line-height: 1.33; }
.rates td.full-rate	span			{ display: block; padding: 12px 0 0 14px; font-size: 1.167em; font-weight: bold; }

/* Cell Highlighting (applying a class to the cell to set a BG colour) */
.rates .weekend						{ background-color: #eee; }
.rates .selected					{ background-color: #fa6911; color: #fff; }
.rates .sold						{ background-color: #f8f8f8; color: #8f8f8f; font-size: 1em; }

.rates .business					{ background-color: #dfe0e1; color: #6e727a; }
.rates .eclub						{ background-color: #fee7da; color: #fa6911; }
.rates .owners						{ background-color: #e1fbdb; color: #518812; }
.rates .partners					{ background-color: #c6e9fd; color: #00a2de; }
.rates .people						{ background-color: #fdd9f4; color: #dc0067; }
.rates .shareholders				{ background-color: #fafbc2; color: #d6b103; }
.rates .traveltrade					{ background-color: #c6e9fd; color: #00a2de; }


/* =RATES TABLE CLOSED (Thumbnail and rates data)
------------------------------------- */
.rates-closed-data					{ width: 970px; }
.rates-closed-data .copy			{ vertical-align: top; color:#FA6911; font-weight:normal; height:46px; line-height:1.33; }
.rates-closed-data .rates			{ width: 689px; background: none; } /* Change width from 970 to 689 and remove original BG */
.rates-closed-data .copy img		{ margin: 8px 9px 0 10px; }
.rates-closed-data .rate-title		{ display: block; padding: 12px 0 0 14px; text-align: center; vertical-align: middle; }
.rates-closed-data .rate			{ display: block;  padding: 28px 0 0 14px; color: #007BC2; font-size: 1.167em; font-weight: bold; }


/* =SECTION CLOSED (Button)
------------------------------------- */
.section-closed							{ width: 970px; height: 64px; overflow: hidden; margin: 0 0 14px 0; background: #ecf6fb url(../images/ratesBG_closed_text.gif) 0 0 no-repeat; /* cursor: pointer; */}
.section-closed table					{ width: 970px; }
.section-closed table td				{ height: 64px; padding: 0; vertical-align: middle; }
.section-closed table td.input-cell		{ width: 56px; text-align: center; }
.section-closed table td.title-cell		{ width: 226px; }
.section-closed table td.desc-cell		{ width: 688px; }
.section-closed input					{ margin: 0; }
.section-closed .title					{ margin: 0 14px 0 0; color: #007bc2; font-size: 1.333em; font-weight: bold; line-height: 1.33; }
.section-closed .desc					{ margin: 0 14px; color: #fa6911; font-size: 1.167em; line-height: 1.33; }


/* =SECTION-HEAD (Contains title and additional search options)
------------------------------------- */
.section-head								{ width: 942px; margin: 0 14px 14px; }
.section-head .heading						{ float: left; }
.section-head .options						{ float: right; text-align: right; }
/* Title or Plain Heading */
.section-head .heading p					{ margin: 0; color:#007BC2; font-size: 1.167em; font-weight: bold; } /* Plain style heading - default */
.section-head .heading .quiet				{ margin: -16px 0 0; font-size: 0.917em; font-weight: normal; position: relative; /* Display in IE */ }
.section-head .heading .title				{ float: left; margin: 0; color:#FA6911; font-size:1.333em; font-weight: normal; }
.section-head .heading .title strong		{ color:#007BC2; font-size:1.25em; }
/* Title Input */
.section-head .heading input				{ display: block; float: left; padding: 0 8px 0 0; }
/* Options */
.section-head .field-wrap					{ float: left; margin: 0; padding: 0 0 0 14px; line-height: 28px; }
.section-head .field-wrap label				{ float: left; display: block; padding-right: 14px; color: #fa6911; font-weight: bold; line-height: 24px; }
.section-head .field-wrap input				{ float: left; display: block; }
/* Results Text */
.section-head .options .results				{ margin: 0 0 14px 0; color:#FA6911; font-weight: bold; }
.section-head .options a.next					{ padding-right: 8px; background: url(../images/arrow_next.gif) 100% 50% no-repeat; color: #fa6911; font-size: 0.917em; text-decoration: underline; }
.section-head .options a.next:hover				{ text-decoration: none; }
.section-head .options a.prev					{ color: #fa6911; font-size: 0.917em; text-decoration: underline; }
.section-head .options a.prev:hover				{ text-decoration: none; }
/* NEW Icon */
.section-head .new-icon						{ float: left; display: inline; width: 31px; height: 31px; margin: -2px 0 0 7px; /* Set Position */ text-indent: -9999em; background: url(../images/icon_new.gif) 100% 0 no-repeat; position: absolute; }


/* =LISTING OPEN (Full listing)
------------------------------------- */
.listing-open						{ width: 980px; margin: 0 0 0px 0; padding: 14px 0 0 0; background: url(../images/gradient_full_top.png) 0 0 no-repeat; }
/* Listing(UL) Layout */
.listing							{ width: 966px; margin: 0 auto; padding: 0; list-style-type: none; }
.listing li							{ width: 952px; margin: 0 0 22px 0; padding: 0 7px 22px; border-bottom: 1px solid #f0f0f0; }
.listing li img						{ float: left; }
/* Listing content */
.listing .copy-wrap					{ margin-left: 228px; }
.listing .copy						{ width: 570px; height: 146px; float: left; display: inline; margin-right: 14px; position: relative; /* For read more button placement */ }
html>body .listing .copy			{ height: auto; min-height: 146px; } /* Min-height fix */
.listing .copy .title				{ color: #007bc2; font-size: 1.333em; font-weight: bold; line-height: 1.25; margin: 0 0 0.833em 0; }
.listing .copy .title span			{ color: #FA6911; font-size: 0.917em; font-weight: normal; }
.listing .copy p					{ margin-bottom: 3em; } /* Create a gap for the read more button */
.listing .copy input				{ position: absolute; bottom: 0; left: 0; } /* Position read more button */
/* Listing rates */
.listing .rate						{ width: 140px; height: 146px; float: left; position: relative; text-align: right; }
.listing .rate p 					{ color:#BDBDBD; font-size:0.917em; }
.listing .rate p strong				{ color:#FA6911; font-size:2.5em; }
.listing .rate input				{ position: absolute; bottom: 0; right: 0; }

/* =LISTING (Inside Content Page)
------------------------------------- */
.content-main .listing							{ width: 700px; margin: 0 0 42px; padding: 14px 0 0; border-top: 1px solid #f0f0f0; }
.content-main .listing li						{ width: 686px; }
.content-main .listing .copy					{ width: 304px; }

.content-main .listing .copy .title a:hover		{ border-bottom: none; } /* Remove content main's default bottom border */


/* =SEARCH LISTING OPEN
------------------------------------- */
/* Search Listing UL */
.search-listing							{ width: 966px; margin: 0 auto; padding: 0; list-style-type: none; }
.search-listing li						{ width: 308px; float: left; margin: 0 0 22px 0; padding: 0 7px 22px 7px; border-bottom: 1px solid #f0f0f0; }
.search-listing li .room				{ width: 120px; float: left; text-align: center; }
.search-listing li .room img			{ padding-bottom: 10px; }
/* Content */
.search-listing li .copy-wrap			{ margin-left: 134px; }
.search-listing li .copy				{ width: 140px; height: 83px; } /* Width can be increased up to 170px */
html>body .search-listing li .copy		{ height: auto; min-height: 83px; } /* Min-height fix for content area */
.search-listing li .copy .title			{ color: #007bc2; font-size: 1.167em; font-weight: bold; line-height: 1.167; margin: 0 0 0.833em 0; }
.search-listing li .copy p				{ font-size: 0.917em; }
/* Rates */
.search-listing li .rate				{ width: 140px; text-align: right; } /* Width can be increased up to 170px */
.search-listing li .rate p 				{ color:#BDBDBD; font-size:0.917em; margin: 0; }
.search-listing li .rate p strong		{ color:#FA6911; font-size:2.5em; }

/* Search Listing Room Type UL */
.room-type-listing li					{ padding: 0 7px 32px 7px; border: 0; }

/* =DESTINATION LISTING OPEN
------------------------------------- */
.destination-wrap								{ width: 980px; margin: 0 0 14px 0; padding: 0 0 28px 0; background: url(../images/gradient_full_bot.png) 0 100% no-repeat; }
.destination-wrap .col-left						{ width: 650px; float: left; display: inline; margin: 0 50px 14px 14px; }
.destination-wrap .col-right					{ width: 252px; float: left; display: inline; margin: 0 14px 14px 0; }
.destination-wrap .col-full				        { width: 952px; float: left; display: inline; margin: 0 14px 14px 14px; }

.destination-wrap .col-right .list-wrap			{ padding-top: 0; } /* Remove Default padding */
.destination-wrap .col-right .list-wrap	p		{ color: #FA6911; font-size: 1.167em; line-height: 1.167; }

/* Content */
.destination-wrap .image						{ float: left; }
.destination-wrap .copy							{ margin: 0 0 0 248px; }
.destination-wrap .copy .title					{ margin-bottom: 1.25em; color: #007bc2; font-size: 1.167em; line-height: 1.25; }
.destination-wrap .copy p						{ margin-bottom: 2.5em; }

/* Modify Scroller to fit 4 rooms */
.destination-wrap .room-type-scroller			{ width: 915px; margin: 14px auto 0; padding: 0 0 14px 0; background: url(../images/destination_room-type-scroller_BG.gif) 0 0 no-repeat; }
.destination-wrap .room-type-scroller .title	{ float: left; display: inline; margin: 12px 0 9px 32px; line-height: 18px; color: #007bc2; font-size: 1.167em; font-weight: bold; }
.destination-wrap .room-type-scroller .results	{ float: right; display: inline; margin: 12px 32px 9px 0; line-height: 18px; color: #fa6911; font-size: 0.917em; font-weight: bold; }


/* =CORPORATE HEADER
------------------------------------- */
.corporate-header						{ width: 980px; height: 116px; margin: 0 0 10px; color: #fff; }
.corporate-header-BG					{ float: left; width: 100%; }
.corporate-header .col					{ width: 224px; height: 102px; float: left; display: inline; margin: 14px 0 0 28px; position: relative; }
html>body .corporate-header .col		{ height: auto; min-height: 102px; }
/* Backgrounds */
.corporate-header .business				{ background: #c4c4c3 url(../images/corporate-header_business.png) 0 0 no-repeat; }
.corporate-header .eclub				{ background: #fa6911 url(../images/corporate-header_eclub.png) 0 0 no-repeat; }
.corporate-header .owners				{ background: #518812 url(../images/corporate-header_owners.png) 0 0 no-repeat; }
.corporate-header .partners				{ background: #00a2de url(../images/corporate-header_partners.png) 0 0 no-repeat; }
.corporate-header .people				{ background: #dc0067 url(../images/corporate-header_people.png) 0 0 no-repeat; }
.corporate-header .shareholders			{ background: #e4ab00 url(../images/corporate-header_shareholders.png) 0 0 no-repeat; }
.corporate-header .trade				{ background: #2e60b5 url(../images/corporate-header_trade.png) 0 0 no-repeat; }

/* Content */
.corporate-header .col ul				{ width:224px; } /* Other styles set above in .bullet-list */
.corporate-header .col ul li a			{ color: #fff; }
.corporate-header .col ul li a:hover	{ text-decoration: underline; }
.corporate-header .col .name			{ font-size: 1.5em; line-height: 1; margin: 0 0 3px; }
.corporate-header .col .name em			{ padding: 0 0 0 6px; font-size: 0.611em; }
.corporate-header .col .company			{ font-size: 1.167em; line-height: 1; margin: 0; }
.corporate-header .col .discount		{ position: absolute; bottom: 0; left: 0; margin: 0 0 14px; }
.corporate-header .col .discount strong	{ font-size: 1.167em; }

/* =CORPORATE CONTENT
------------------------------------- */
.corporate-landing							{ width: 980px; padding: 28px 0 0; background: url(../images/gradient_top_980px.png) 0 0 no-repeat; }
.corporate-landing .panel-item				{ padding: 14px 0 7px; }
.corporate-landing .panel-copy				{ width: 288px; margin: 0 14px; }
.corporate-landing .panel-copy p			{ color: #8a8e96; font-size: 1em; }
.corporate-landing .panel-copy .header		{ color: #007bc2; font-size: 1.333em; line-height: 1.313; margin: 14px 0 28px; }
.corporate-landing .panel-head				{ cursor: auto; } /* Reset cursor to normal */

/* Bookings Form */
.corporate-bookings #bookings-form		{ width: 228px; display: block; margin: 0 0 42px 28px; padding: 14px 0 0; overflow: hidden; list-style-type: none; }
.btns									{ padding: 0 14px 0px; }

/* Listing (Overide other listing styles to make it fit) */
.corporate-listing						{ width: 296px; margin: 0 7px; }
.corporate-listing li					{ width: 282px; margin: 0 0 14px 0; padding: 0 7px 10px 7px; border-bottom-color: #d1dcf0; }
.corporate-listing li .copy				{ width: 145px; margin: 0; }
.corporate-listing li .copy .title		{ padding: 0; background: none; text-transform: capitalize; }


/* MEDIA PAGE
------------------------------------- */
/* Search Bar */
#media-search-wrap   { background: #ecf6fb url(../images/corner_full_bot.gif) 0 100% no-repeat; width: 970px; margin: 0; padding:0; color: #71757f; }


/* =SIDEBAR
_____________________________________ */

/* =BOOKINGS FORM (Sidebar Version)
------------------------------------- */
#bookings-sidebar #bookings-form		{ width: 228px; display: block; margin: 0 auto; padding: 14px 0 0; overflow: hidden; list-style-type: none; }
#bookings-form li						{ float: left; height: 30px; }
html>body #bookings-form li				{ height: auto; min-height: 30px; }

#bookings-form span						{ display: block; float: left; }

#bookings-form span.flyout input		{ float: left; }
#bookings-form span.flyout input.text	{ width: 200px; }

#bookings-form span.date input			{ width:87px; }
#bookings-form .field-span1 select		{ width: 97px; }

#bookings-form li div					{ display: block; float: left; }

.icon_calendar							{ padding: 2px 7px 0 3px; display: inline; }

/* =Bookings-Sidebar */
#bookings-sidebar						{ float: left; width: 252px; margin: 0 0 14px; padding: 0 4px 6px 0; display: inline; background: url(../images/bookings-sidebarBG.png) left bottom no-repeat; }
/* needs to be removed as it interacts with telerik dropdowns #bookings-sidebar table					{ width: 228px; margin: 14px auto 0; }*/
#bookings-sidebar td					{ padding: 0 0 9px 0; vertical-align: top; }

table#bookings-form-btns				{ margin: 0 auto; }
#bookings-form-btns td					{ padding: 0; vertical-align: middle; }

.bookings-btn							{ float: left; margin: 14px 0 2px 2px; }
.bookings-btn img						{ display: block; } /* fix extra spacing around images in Firefox */

/* =SIDEBAR ACCORDION (Quick Info Boxes)
------------------------------------- */
.quick-info-wrap				{ width: 252px; float: left; background: #f1f5fd url(../images/quick-info-wrap_botBG.gif) left bottom no-repeat; }

/* Accordion Toggle Buttons */
.quick-info-btn					{ width: 252px; height: 38px; overflow: hidden; }
.quick-info-btn a				{ float: left; width: 252px; height: 38px; background: #94a6cb url(../images/quick-info-btn.gif) 0 0 no-repeat; color: #fff; font-size: 1.167em;  line-height: 34px; }
.quick-info-btn a:hover			{ background-color: #7483a0; background-position: 0 -38px; color: #fff; }
.quick-info-btn a span			{ display: block; padding: 4px 14px 0 28px; }
.quick-info-btn a.active		{ background-position: 0 -76px; }
.quick-info-btn a.active:hover	{ background-position: 0 -114px; }

/* Contact-info Layout */
.contact-info li strong			{ display: block; width: 62px; float: left; }
.contact-info li span			{ display: block; margin-left: 74px; }

/* Location-info Layout */
.location-info li a				{ width: 170px; float: left; }
.location-info li span			{ display: block; margin-left: 182px; text-align: right;  }

.btn-wrap						{ clear: both; padding: 0 10px 10px; text-align: right; }

/* Downloads */
.downloads li a					{ margin-bottom: 4px; font-weight: bold; }
.downloads li p					{ background: none; }
.downloads li span				{ display: block; }
.downloads li span a			{ background: none; margin: 0; padding: 0 0 0 8px; }

/* =MAP SIDEBAR (Accordion)
------------------------------------- */
.map-sidebar						{ width: 252px; background: #f1f5fd url(../images/quick-info-wrap_botBG.gif) left bottom no-repeat; }

/* Accordion Toggle Buttons */
.map-sidebar-btn					{ width: 252px; height: 38px; overflow: hidden; }
.map-sidebar-btn a					{ float: left; width: 252px; height: 38px; background: #204072 url(../images/map-sidebar-btn.gif) 0 0 no-repeat; color: #fff; font-size: 1.167em;  line-height: 34px; }
.map-sidebar-btn a:hover			{ background-color: #1b3763; background-position: 0 -38px; color: #fff; }
.map-sidebar-btn a span				{ display: block; padding: 4px 14px 0 28px; }
.map-sidebar-btn a.active			{ background-position: 0 -76px; }
.map-sidebar-btn a.active:hover		{ background-position: 0 -114px; }

.map-sidebar-item					{ width: 244px; margin: 0 auto 14px; }
.map-sidebar-item .title			{ margin: 0 0 7px; padding: 0 7px; background: #dbe6fa; color: #fa6911; font-size: 1.167em; font-weight: bold; line-height: 26px; text-transform: uppercase; }

.map-sidebar .panel-head					{ width: 252px; height: 43px; overflow: hidden; background: #204072 url(../images/map_sidebar_panel_head.gif) no-repeat scroll 0 0; cursor: pointer; }
.map-sidebar .panel-head:hover				{ background-position: 0 -43px; }
.map-sidebar .panel-head .collapse			{ float: left; height: 40px; width: 35px; margin: 3px 0 0 2px; text-indent: -9999em; background: url(../images/panel-head-arrow.gif) 14px -40px no-repeat; }
.map-sidebar .panel-head .collapse:hover	{ background-position: 14px 0; }
.map-sidebar .panel-head .title				{ float: left; display: inline; margin: 3px 8px 0 0; color: #fff; font-size: 1.167em; font-weight: normal; line-height: 40px; }
.map-sidebar .panel-head .title a			{ color: #fff; font-size: 1.167em; font-weight: normal; line-height: 40px; }

.map-sidebar .panel-head-active					{ width: 252px; height: 43px; overflow: hidden; background: #204072 url(../images/map_sidebar_panel_head.gif) no-repeat scroll 0 0; cursor: pointer; }
.map-sidebar .panel-head-active:hover			{ background-position: 0 -43px; }
.map-sidebar .panel-head-active .collapse	    { float: left; height: 40px; width: 35px; margin: 3px 0 0 2px; text-indent: -9999em; background: url(../images/panel-head-arrow.gif) 14px 0 no-repeat; }
.map-sidebar .panel-head-active .collapse:hover	{ background-position: 14px -40px; }
.map-sidebar .panel-head-active .title			{ float: left; display: inline; margin: 3px 8px 0 0; color: #fff; font-size: 1.167em; font-weight: normal; line-height: 40px; }
.map-sidebar .panel-head-active .title a		{ color: #fff; font-size: 1.167em; font-weight: normal; line-height: 40px; }

p.sidebar-title { overflow: hidden; font-size: 16px; font-weight: bold; margin: 0 0 5px 5px; }

ul.sidebar-destination { list-style-type: none; margin: 0 0 0 5px; }
ul.sidebar-destination li { margin: 0 0 5px 0; }


/* Map Location Listing */
.map-list							{ width: 244px; margin: 0; padding: 0; list-style-type: none; }
.map-list li						{ clear: left; float: left; width: 244px; }
.map-list li:hover					{ background-color: #dbe6fa; }
.map-list li a						{ display: block; }

.map-list li .location				{ display: block; width: 172px; float: left; }
.map-list li .location	a 			{ padding: 5px 0 5px 14px; }

.map-list li .more 					{ display: block; margin-left: 186px; }
.map-list li .more a 				{ padding: 5px; color: #fa6911;}
.map-list li .more a:hover 			{ text-decoration: underline; }

.map-list1							{ width: 244px; margin: 0; padding: 0; list-style-type: none; }
.map-list1 li						{ clear: left; float: left; width: 244px; }
.map-list1 li:hover					{ background-color: #dbe6fa; }
.map-list1 li a						{ display: block; }

.map-list1 li .location				{ display: block; width: 146px; float: left; }
.map-list1 li .location	a 			{ padding: 5px 0 5px 14px; }

.map-list1 li .more 				{ display: block; margin-left: 160px; }
.map-list1 li .more a 				{ padding: 5px; color: #fa6911; display: inline; }
.map-list1 li .more a:hover 		{ text-decoration: underline; }


/* =PANELS (Accordion Panels)
_____________________________________ */
.panel-column					{ float: left; display: inline; width: 316px; margin: 0 0 0 8px; }
.panel							{ width: 316px; margin: 0 0 14px; padding: 0 0 14px; /* For bottom BG */ background: url(../images/panel_bot.gif) 0 100% no-repeat; }
.panel-head						{ width: 316px; height: 43px; overflow: hidden; background: #204072 url(../images/panel_head.gif) 0 0 no-repeat; cursor: move; }
.panel-head .collapse			{ float: left; height: 40px; width: 35px; margin: 3px 0 0 2px; text-indent: -9999em; background: url(../images/panel-head-arrow.gif) 14px 0 no-repeat; }
.panel-head .collapse:hover		{ background-position: 14px -40px; }
.panel-head .title				{ float: left; display: inline; margin: 3px 8px 0 0; color: #fff; font-size: 1.25em; font-weight: bold; line-height: 40px; }
.panel-head .btn				{ float: right; display: inline; margin: 10px 14px 0 0; }

.panel-item						{ width: 310px; background: #edf2fc; padding: 0 0 20px; border-left: 3px solid #fff; border-right: 3px solid #fff; }
.panel-item .title				{ margin: 0 0 20px; padding: 0 14px; background: #dbe6fa; color: #fa6911; font-size: 1.167em; font-weight: bold; line-height: 26px; text-transform: uppercase; }

/*.panel-item table				{ width: 310px; margin: 0 auto; }*/
.panel-item tr:hover			{ background-color: #dbe6fa; }
.panel-item td					{ vertical-align: middle; }

.panel-item td a				{ display: block; width: 100%; padding: 5px 0; } /* Make Clickable area fill the cell */

/* Panel Content Tables */
.panel-item td.col1				{ width: 200px; padding: 0 0 0 14px; }
.panel-item td.col2				{ padding: 0 5px 0 0; text-align: right; }
.panel-item td.col3				{ padding: 0 14px 0 0; color: #fa6911; font-weight: bold; }

/* Panel Content */
.panel-item .copy				{ margin: 0 14px; }

/* =ACTIVE PANEL (JavaScript Note: Apply additional class of "active-panel" on HOVER and SELECTED state for "panel")
------------------------------------- */
.active-panel					{ background-image: url(../images/panel_bot_active.gif); }
.active-panel .panel-head		{ background-color: #1b3763; background-position: 0 -43px; }
.active-panel .panel-item		{ width: 310px; border-left: 3px solid #ccdef4; border-right: 3px solid #ccdef4; }

/* =CUSTOMISE PANEL (JavaScript Note: Apply additional class of "customise-panel" to "panel" when clicking on customise btn)
------------------------------------- */
.customise-panel .panel-head	{ background-color: #fa6911; background-position: 0 -86px; }
/* Customise Options Content */
.customise-panel-item			{ width: 310px; float: left; /* BG fill fix */ background: #204072; border-left: 3px solid #ccdef4; border-right: 3px solid #ccdef4; }
.customise-panel-item table		{ width: 282px; margin: 7px auto; }
.customise-panel-item td		{ width: 50%; padding: 3px; color:#fff; vertical-align: middle; /* Align Labels and Inputs */ }
/* Divider */
.customise-panel-item .divider	{ width: 282px; height: 2px; font-size: 0; margin: 0 auto; background: url(../images/customise-divider.gif) 0 100% repeat-x; }

/* =CLOSED PANEL (JavaScript Note: Apply additional class of "closed-panel" to "panel" when panel is closed)
------------------------------------- */
.panel-closed .panel-head .collapse			{ background-position: 14px -40px; }
.panel-closed .panel-head .collapse:hover	{ background-position: 14px 0; }
.panel-closed .panel-head .btn				{ display: none; } /* Hide Customise button */
.panel-closed .panel-item					{ text-align: center; } /* Center link text */
.panel-closed .panel-item a					{ display: block; width: 100%; padding: 8px 0 3px; } /* Make full panel-item area clickable */

/* =SEARCH LANDING
------------------------------------- */
.search-landing							{ width: 980px; padding: 28px 0 0; background: url(../images/gradient_top_980px.png) 0 0 no-repeat; }
.search-landing .panel-map				{ width: 316px}
.search-landing .panel-map .header		{ color: #007bc2; font-size: 1.25em; line-height: 1.167; margin: 14px; }
.search-landing .panel-item table		{ margin: 14px auto; }

.search-landing .panel-head				{ cursor: auto; } /* Reset cursor to normal */
.search-landing .panel-item td.col1		{ font-size: 1.167em; }


/* =EXTRAS
_____________________________________ */

/* =PAGGING CONTROLS (Back, Next, and Continue links)
------------------------------------- */
.pagging-controls					{ width: 942px; line-height: 36px; margin: 0 14px 14px; }
.content-main .pagging-controls		{ width: 672px; } /* Set width for pages with sidebar */
.pagging-controls .right input		{ margin: 0 0 0 14px; }

/* Links */
.pagging-controls a					{ float: left; color: #fa6911; text-decoration: underline; }
.pagging-controls a:hover			{ text-decoration: none; }
.pagging-controls .left a			{ padding-left: 10px; background: url(../images/arrow_back.gif) 0 50% no-repeat; font-size: 1em; font-weight: bold; }
.pagging-controls .right a			{ padding-right: 8px; background: url(../images/arrow_next.gif) 100% 50% no-repeat; font-size: 0.917em; }

/* LOGIN POPUP
------------------------------------- */

.popup						{ width: 632px; margin: 0 auto; text-align: left; }
.popup .topBG				{ width: 600px; overflow: hidden; padding: 16px 16px 0; background: url(../images/login_popupBG_top.png) 50% 0 no-repeat; } /* Header Outer Glow */
.popup .head_top			{ height: 14px; overflow: hidden; font-size:0; background-position: 50% 0; background-repeat: no-repeat; }
.popup .head				{ height: 128px; overflow: hidden; background-position: 50% -14px; background-repeat: no-repeat; color: #fff; }
.popup .body				{ width: 600px; padding: 18px 16px 0; background: url(../images/login_popupBG_mid.png) 50% 0 repeat-y; } /* Body Outer Glow */
.popup .body .inner			{ background: #fff url(../images/divider_vert.gif) 50% 0 repeat-y; }
.popup .bot					{ width: 600px; padding: 0 16px 16px; height: 18px; font-size: 0; background: url(../images/login_popupBG_bot.png) 50% 100% no-repeat; } /* Bottom Oter Glow */

/* Header Content */
.popup .head .left			{ width: 372px; height: 128px; margin: 0 14px; float: left; display: inline; position: relative; }
.popup .head .right			{ width: 186px; height: 128px; margin: 0 14px 0 0; float: left; display: inline; position: relative; }
.popup .head a				{ color: #fff; }
.popup .head a:hover		{ text-decoration: underline; }
.popup .head a.close		{ height: 29px; line-height: 29px; padding:0 35px 0 0; background-position: 100% 50%; background-repeat: no-repeat; position: absolute; top: 0; right: 0; }

.popup .head .left .title	{ margin: 0 0 26px; position: absolute; bottom: 0; left: 0; font-size: 1.25em; }
.popup .head .right p		{ margin: 0 0 14px; position: absolute; bottom: 0; right: 0; }
.popup .head .right p img	{ margin: 0 18px 8px 0; }

.popup .body .left,
.popup .body .right			{ width: 244px; margin: 28px; float: left; display: inline; }

/* Set Custom styles for Members Popup */
#members .head,
#members .head .left,
#members .head .right		{ height: 77px; }
#members .head .left .title	{ margin: 0 0 14px; }
#members .body				{ padding: 0 16px; }
#members .body .inner		{ padding: 0; background: #fff; }
#members .body .inner a		{ float: left; display: inline; margin: 10px 0 0 10px; }

/* Login Form */
.popup form					{ margin: 0; padding: 0;}
.popup form p				{ margin: 0 0 8px; }
.popup p label				{ display: block; padding: 0 0 3px; color: #fa6911; font-style: italic; }
.popup form input.text		{ width: 236px; padding: 3px; border:1px solid #DDD; }
.popup form a				{  font-style: italic; }

/* Section BG Images and Colours */
#business .head_top, #business .head		{ background-image: url(../images/login_popupBG_business.png); }
#business .head								{ background-color: #c4c4c3; }
#business .head a.close						{ background-image: url(../images/btn_close_business.gif); }
#business p label							{ color: #518812; }

#eclub .head_top, #eclub .head				{ background-image: url(../images/login_popupBG_eclub.png); }
#eclub .head								{ background-color: #fa6911; }
#eclub .head a.close						{ background-image: url(../images/btn_close_eclub.gif); }
#eclub p label								{ color: #fa6911; }

#media .head_top, #media .head				{ background-image: url(../images/login_popupBG_media.png); }
#media .head								{ background-color: #007bc2; }
#media .head a.close						{ background-image: url(../images/btn_close_media.gif); }

#members .head_top, #members .head			{ background-image: url(../images/login_popupBG_members.png); }
#members .head								{ background-color: #007bc2; }
#members .head a.close						{ background-image: url(../images/btn_close_members.gif); }

#owners .head_top, #owners .head			{ background-image: url(../images/login_popupBG_owners.png); }
#owners .head								{ background-color: #518812; }
#owners .head a.close						{ background-image: url(../images/btn_close_owners.gif); }
#owners p label								{ color: #518812; }

#partners .head_top, #partners .head		{ background-image: url(../images/login_popupBG_partners.png); }
#partners .head								{ background-color: #00a2de; }
#partners .head a.close						{ background-image: url(../images/btn_close_partners.gif); }
#partners p label							{ color: #00a2de; }

#people .head_top, #people .head			{ background-image: url(../images/login_popupBG_people.png); }
#people .head								{ background-color: #dc0067; }
#people .head a.close						{ background-image: url(../images/btn_close_people.gif); }
#people p label								{ color: #dc0067; }

#shareholders .head_top, #shareholders .head { background-image: url(../images/login_popupBG_shareholders.png); }
#shareholders .head							{ background-color: #e4ab00; }
#shareholders .head a.close					{ background-image: url(../images/btn_close_shareholders.gif); }
#shareholders p label						{ color: #e4ab00; }


/* ALERTBOX (NOTE: Change alertbox-mid width to control size of Alert Box)
------------------------------------- */
/* Position Alert Box */
.alertbox-wrap					{ position: absolute; bottom: 5px; right: 14px; }
.alertbox-left					{ width: 9px; height: 115px; font-size: 1%; float: left; display: inline; background: url(../images/alert_BG_L.png) 0 0 no-repeat; }
.alertbox-mid					{ width: 250px; height: 115px; float: left; display: inline; background: url(../images/alert_BG_M.png) 0 0 repeat-x; position: relative; }
.alertbox-mid .inner			{ float: left; margin: 4px 0 6px; padding: 20px 17px 0 45px; background: url(../images/icon_warning.gif) 5px 22px no-repeat; text-align: left; position: relative; }
.alertbox-mid .inner p			{ margin: 0; color: #fa6911; line-height: 1.333; }
.alertbox-right					{ width: 11px; height: 115px; font-size: 1%; float: left; display: inline; background: url(../images/alert_BG_R.png) 100% 0 no-repeat;}
/* Position Alert Box Tip */
.alertbox-tip					{ width: 29px; height: 18px; font-size: 1%; background: url(../images/alert_BG_tip.png) 0 0 no-repeat; position: absolute; bottom: 0; right: 100px; margin-bottom: -11px;}

/* BOOKING CHECK-OUT STEPS FROM MANTRA PLUS NEW
------------------------------------- */
/* Extra's Section */
#step4title 	{ border-bottom: 3px solid #27a4ec; background-image: url(../images/step4.gif); background-repeat: no-repeat; background-position: right bottom; padding: 7px 0; }
#step4div 		{ background: #ecf6fb url(../images/corner_full_bot.gif) 0 100% no-repeat; width: 930px; margin: 0; padding: 10px 20px 20px 20px; color: #71757f; /*font-family: Tahoma, Arial, Helvetica, sans-serif;*/ }
#step4div table { /*width: 880px; table-layout: fixed;*/ color: #71757f; }
#step4div td 	{ padding: 0 30px 10px 0; }

/* Extra's Section and Booking Review  */
#step5title		{ border-bottom: 3px solid #27a4ec; background-image: url(images/step5.gif); background-repeat: no-repeat; background-position: right bottom; padding: 7px 0; }
#step5table, .step5table        { margin: 0 0 20px 0; width: 970px; background: #ecf6fb url(../images/corner_full_bot.gif) 0 100% no-repeat; /*font-family: Tahoma, Arial, Helvetica, sans-serif*/ }
#step5table td, .step5table td	{ padding: 10px 20px; }
.s5t1			{ border-bottom: 1px solid #c3e4f7; background-color: #ecf6fb; color: #007bc2; }
.s5t2			{ border-bottom: 1px solid #c3e4f7; background-color: #ecf6fb; color: #007bc2; }
.s5t3			{ border-bottom: 1px solid #c3e4f7; background-color: #ecf6fb; text-align: right; font-weight: bold; color: #ff600b; }
.s5t4			{ border-top: 3px solid #c3e4f7; border-bottom: 1px solid #dbf1fe; text-align: right; font-weight: bold; color: #71757f; background-color: #f5fafc; }
.s5t5			{ border-top: 3px solid #c3e4f7; border-bottom: 1px solid #dbf1fe; text-align: right; font-weight: bold; color: #71757f; background-color: #f5fafc; }
.s5t6			{ border-bottom: 1px solid #c3e4f7; text-align: right; font-weight: bold; color: #71757f; background-color: #f5fafc; }
.s5t7			{ border-bottom: 1px solid #c3e4f7; text-align: right; font-weight: bold; color: #71757f; background-color: #f5fafc; }
.s5t8			{ border-bottom: 3px solid #c3e4f7; text-align: right; font-size: 129%; color: #ff600b; background-color: #FFFFFF; }
.s5t9			{ border-bottom: 3px solid #c3e4f7; text-align: right; font-size: 129%; color: #ff600b; background-color: #FFFFFF; }
.s5t10			{ height: 20px; padding: 0 !important; overflow: hidden; }
.s5t11			{ padding: 10px 5px 20px !important; }
.s5t12			{ padding: 10px 5px 20px 20px !important; }
.s5t12 a		{ color: #ff600b; }
.s5t12 a:hover	{ color: #007bc4; }
.s5t13			{ border-bottom: 1px solid #c3e4f7; background-color: #ecf6fb; color: #007bc2; padding: 10px 20px; font-weight: bold; }
.s5t13c			{ border-bottom: 1px solid #c3e4f7; background-color: #ecf6fb; color: #007bc2; padding: 10px 20px; font-weight: bold; text-align: center; }
.s5t14			{ background-color: #ecf6fb; color: #007bc2; }
.s5t15          { background-color:#FFFFFF; border-top:3px solid #C3E4F7; border-bottom:3px solid #C3E4F7; color:#FF600B; font-size:129%; font-weight:bold; }

/* Confirmation Page */
.s5t1-confirm    { border-bottom: 1px solid #c3e4f7; background-color: #ecf6fb; color: #007bc2; font-size: 14px; text-align: left; }
.s5t2-confirm    { border-bottom: 1px solid #c3e4f7; background-color: #ecf6fb; color: #007bc2; font-size: 14px; }
.s5t2-confirm strong  { color: #fa6911; }
.s5t1-confirm strong  { color: #fa6911; }
.s7t3-confirm    { text-align: left; color: #71757f; color: #007bc2; }
.s7t8-confirm   { background-color: #fef0e7; text-align: left; color: #71757f; }
.s7t1-confirm    { color: #007bc2; font-size: 14px; text-align: left; font-weight: bold; }
.s7t1-confirm strong  { color: #fa6911; }
.s7t4-confirm   { border-bottom: 1px solid #c3e4f7; background-color: #ecf6fb; padding: 3px 20px 3px 0 !important; color: #71757f; }



/* Payment Screen */
#step6table		{ margin: 0; width: 970px; background: #fef0e7 url(../images/corner_full_botOrange.gif) 0 100% no-repeat; }
#step6table td	{ padding: 10px 20px; }
.s6t1			{ border-bottom: 1px solid #fccdb1; background-color: #fef0e7; color: #fa6911; }
.s6t3			{ border-bottom: 1px solid #fccdb1; background-color: #fef0e7; text-align: right; font-weight: bold; color: #fa6911; }
.s6t4			{ border-bottom: 1px solid #bebebe; text-align: right; font-size: 129%; color: #fa6911; background-color: #FFFFFF; }
.s6t5			{ height: 24px;  border-top: 3px solid #fccdb1; /* new */ text-align: right; font-size: 129%; color: #ff600b; }
.s6t6			{ text-align: right; color: #71757f; font-weight: bold;  background-color: #fdf6f1; border-bottom: 1px solid #fadfce; border-top: 3px solid #fccdb1; }
.s6t7			{ text-align: right; color: #71757f; font-weight: bold; background-color: #fdf6f1; border-bottom: 1px solid #fadfce; }  
.s6t9			{ border-bottom: 1px solid #fadfce; text-align: right; font-size: 129%; color: #fa6911; background-color: #FFFFFF; }
#step7title		{ border-bottom: 3px solid #27a4ec; background-image: url(images/review.gif); background-repeat: no-repeat; background-position: right bottom; padding: 7px 0; }
#step7table		{ margin: 0 0 30px; width: 970px; background: #ecf6fb url(../images/corner_full_bot.gif) 0 100% no-repeat; }
#step7table td	{ padding: 3px 20px; }
#step7table td.rcInputCell	{ padding: 0; }
#myoaks-signup
#step7table		{ margin: 0 0 30px; width: 672px; background: #ecf6fb url(../images/corner_full_bot.gif) 0 100% no-repeat; }
.s7t1			{ height: 25px; padding: 0 !important; overflow: hidden; }
.s7t2			{ color: #007bc2; font-weight: bold; }
.s7t3			{ text-align: right; color: #71757f; }
.s7t3l			{ text-align: left; color: #71757f; vertical-align:top; }
.s7t4			{ padding: 3px 20px 3px 0 !important; color: #71757f; }
.s7t5			{ height: 25px; border-bottom: 1px solid #c3e4f7; padding: 0 !important; overflow: hidden; }
.s7t6			{ height: 25px; background-color: #fef0e7; padding: 0 !important; overflow: hidden; }
.s7t7			{ background-color: #fef0e7; color: #ff600b; font-weight: bold; }
.s7t8			{ background-color: #fef0e7; text-align: right; color: #ff600b; }
.s7t8b			{ background-color: #fef0e7; text-align: left; color: #5f5d55; }
.s7t9			{ background-color: #fef0e7; padding: 3px 20px 3px 0 !important; }
.s7t10			{ height: 25px; background-color: #fef0e7; border-bottom: 1px solid #c3e4f7; padding: 0 !important; overflow: hidden; }
.s7t11			{ padding: 3px 20px 3px 0 !important; font-weight: bold; color: #ff600b; }
.s7t12			{ background-color: #ffffff; padding: 25px 5px 20px 20px !important; }
.s7t12 a		{ color: #ff600b; }
.s7t12 a:hover	{ color: #007bc4; }
.booking-spacer	{ height: 30px; width: 970px}

.s7t4 input.text, .s7t9 input.text				{ width: 200px; }
.s7t4 input.text-small, .s7t9 input.text-small	{ width: 40px; }
.s7t4 textarea.text								{ width: 200px; }
.s7t4 select.dropdown, .s7t9 select.dropdown	{ width: 210px; }
.content #step7table { background:#ECF6FB url(../images/corner_full_bot_content.gif) no-repeat scroll 0 100%; width:672px; }
.content .tab-wrap-top { background:#ECF6FB url(../images/corner_full_top_content.gif) no-repeat scroll 0 0; width:672px; }
.error { color: #ff0000; }



.btn-myoaks-best-rate { width: 145px; height: 20px; float: left; display: inline; margin: 4px 0 0 12px; }
.cal a.rcCalPopup     { display:block; width:22px; height:22px; overflow:hidden; }

.cancelLink { color:#FA6911; text-decoration:underline; float: right; font-size:1em; font-weight:bold; }
.checkboxList { background-color: #ffffff; padding-bottom: 6px; }
.checkboxList td { padding: 4px 0 0 4px !important; }

.checkboxListNoBGNoBorder { background-color: Transparent; border: none !important; padding-bottom: 6px; height: 200px; }
.checkboxListNoBGNoBorder td { padding: 4px 0 0 4px !important; }
.checkboxListNoBGNoBorder td input { margin-right: 4px; }

/* Map Overlay
------------------------------------- */
.wide-popup { width: 742px; margin: 0 auto; text-align: left; }
.wide-popup .topBG { width: 710px; overflow: hidden; padding: 16px 16px 0; background: url(../images/wide_popupBG_top.png) 50% 0 no-repeat; } /* Header Outer Glow */
.wide-popup .head_top { height: 14px; overflow: hidden; font-size:0; background-position: 50% 0; background-repeat: no-repeat; }
.wide-popup .head { height: 128px; overflow: hidden; background-position: 50% -14px; background-repeat: no-repeat; color: #fff; }
.wide-popup .body { width: 710px; padding: 18px 16px 0; background: url(../images/wide_popupBG_mid.png) 50% 0 repeat-y; } /* Body Outer Glow */
.wide-popup .body .inner {}
.wide-popup .bot { width: 710px; padding: 0 16px 16px; height: 18px; font-size: 0; background: url(../images/wide_popupBG_bot.png) 50% 100% no-repeat; } /* Bottom Oter Glow */
 
/* Header Content */
.wide-popup .head .left { width: 482px; height: 128px; margin: 0 14px; float: left; display: inline; position: relative; }
.wide-popup .head .right { width: 186px; height: 128px; margin: 0 14px 0 0; float: left; display: inline; position: relative; }
.wide-popup .head a { color: #fff; }
.wide-popup .head a:hover { text-decoration: underline; }
.wide-popup .head a.close { height: 29px; line-height: 29px; padding:0 35px 0 0; background-position: 100% 50%; background-repeat: no-repeat; position: absolute; top: 0; right: 0; }
 
.wide-popup .head .left .title { margin: 0 0 26px; position: absolute; bottom: 0; left: 0; font-size: 1.25em; }
.wide-popup .head .right p { margin: 0 0 14px; position: absolute; bottom: 0; right: 0; }
.wide-popup .head .right p img { margin: 0 18px 8px 0; }
 
/* Set Custom styles for Wide Popup */
.wide-popup .head,
.wide-popup .head .left,
.wide-popup .head .right { height: 77px; }
.wide-popup .head .left .title { margin: 0 0 14px; }
.wide-popup .body { padding: 0 16px; }
.wide-popup .body .inner { padding: 15px 15px 0; background: #fff; }
.wide-popup #location { margin: 0; }
 
/* Section BG and Colours */
.wide-popup .head_top, .wide-popup .head { background-image: url(../images/wide_popupBG.png); }
.wide-popup .head { background-color: #007bc2; }
.wide-popup .head a.close { background-image: url(../images/btn_close_members.gif); }