@import url('http://fonts.googleapis.com/css?family=Open+Sans:light');
/*@import url('imports/buttons.css');*/
@import url('h_finder.css');

/* NEW STUFF : 18th JULY 2011 */

h4 + p {margin-top:10px}
h2 a img {border:none; text-decoration:none}

/* BREADCRUMBS */
* {list-style:none}	
	
.breadcrumbs {width:auto;margin:0; padding:0; position:relative; list-style:none; -moz-border-radius:4px;}
.breadcrumbs li {float:left; padding:0 20px 0 0; margin-right:10px; height:16px; background:url(../img/icons/chevrons.gif) no-repeat right}
.breadcrumbs li a {color:#999; font-size:12px}
.breadcrumbs li.lst {background:none;}
#bread-right{float:right; width:60px; margin:0; padding:0; position:relative;}

/* PHOTOS */
h2.gallery { width:960px; font-size:18px; padding: 5px 0; margin:20px 0 10px; border-bottom:1px dotted #ccc; background:#dfdfdf; -moz-border-radius:3px; -webkit-border-radius: 3px; text-decoration: none; text-indent:10px; position:relative}
#photos { width: 960px; min-height:445px; margin-bottom:10px; position: relative; background: none }
#photos ul { height:0}
#gallery { width: 960px;}
.galleria_wrapper { float:right}

/* DATA PANEL */
#data_panel {height:130px; width:498px !important; text-align:center; border:1px solid #DDD; position:relative; margin-top:-10px}	
#topline {height:32px;display:block; background:url(../img/trans_black_70.png) repeat; position:absolute; top:-32px; left:-1px; width:500px}
#topline span {height:25px; display:block; float:right; text-align:left; font:100 12px/25px Arial, Helvetica, sans-serif; color:#fff; padding:0 6px 0 18px; margin:3px}
#topline span#board {background:url(../img/data_panel_sprite.png) no-repeat 0 0}
#topline span#si {background:url(../img/data_panel_sprite.png) no-repeat 0 -24px; padding-left:26px; float:right}
#topline span#pu {background:url(../img/data_panel_sprite.png) no-repeat 0 -48px; padding-left:24px; float:right}
#topline span#comments {background:url(../img/data_panel_sprite.png) no-repeat 0 -72px; padding-left:26px; position:absolute; left:0}

/* iOS fix? */
#topline span a[href^=tel] {display:inline}
#topline span#board:hover {background:url(../img/data_panel_sprite.png) no-repeat 0 0}
#topline span#si:hover {background:url(../img/data_panel_sprite.png) no-repeat 0 -120px; padding-left:26px}
#topline span#pu:hover {background:url(../img/data_panel_sprite.png) no-repeat 0 -144px; padding-left:24px}
#topline span#comments:hover {background:url(../img/data_panel_sprite.png) no-repeat 0 -168px; padding-left:26px}
#topline span a {color:#fff; display:block}
#topline span a:hover {color:#fff}
#data_panel .box1 {height:85px; background:#fff; width:290px; display:block; float:left; border-right:1px solid #CCC }
#data_panel .box1 table {height:85px; display:block; margin:0 0 0 10px; padding:0 }
#data_panel .box1 table thead tr td {height:25px; line-height:20px; border-bottom:1px solid #ddd}
#data_panel .box1 table tbody tr td {height:25px; }
#data_panel .box1 table tbody tr td.nights {font-size:14px; font-weight:bold; color:#666}
#data_panel .box1 table tbody tr td span.price {font-size:14px; font-weight:bold; color:#09c}
#data_panel .box2 {height:85px; background:#f0f0f0; padding-left:2px; overflow:hidden; border-left:3px solid #e3e3e3 }
#data_panel .box2 table {height:68px; font-size:11px; text-align:left; margin:10px 0 0 10px !important; padding:0}
#data_panel .box2 table tr td {height:18px;}
#data_panel .box2 table tr td.table_title {color:#777}

/* GALLERY */
.virtual360	a {padding:10px; font-size:14px; font-family:'Open Sans', Arial, sans-serif}
		
/* INFO */
#description {margin-top:15px;  margin-right:60px; width:400px; overflow:visible; font-size:12px !important}

.social-links { width:100%; border-top:1px solid #DDD; margin:10px 0 0 0; padding:0; float:left; }
.social-links ul { list-style:none; float:right; margin-right:10px}
.social-links li { float:left; width:15px; height:16px; margin:10px 5px 0px 5px;}
.social-links li a.twitter { width:15px; display:block; height:16px; background:url(../img/social-links.png) no-repeat left -16px}
.social-links li a.twitter:HOVER {background-position: top left}
.social-links li a.facebook { width:15px; display:block; height:16px; background:url(../img/social-links.png) no-repeat -15px -16px}
.social-links li a.facebook:HOVER {background-position: -15px top }
.social-links li a.myspace { width:15px; display:block; height:16px; background:url(../img/social-links.png) no-repeat -30px -16px}
.social-links li a.myspace:HOVER {background-position: -30px top}
.social-links li a.digg { width:16px; display:block; height:15px; background:url(../img/social-links.png) no-repeat -45px -16px}
.social-links li a.digg:HOVER {background-position: -45px top}
.social-links p {float:right; margin:7px 6px 0px 0px; text-align:right; color:#888;}

/* RANK BOX*/
.social-links span#rank {height:24px; width:auto; display:block; float:left; text-align:left; font-size:11px; line-height:28px;	color:#fff; margin:5px; padding:0 6px 0 6px; background:#ddd url(../img/ranking_sprite.png) repeat-x 0 0;}
.social-links span#rank span#number {font-weight:bold; font-size:20px; padding:2px; line-height:22px; color:#fff; text-shadow:#09c 2px 2px}
.social-links span#rank span#text1 {position:relative; top:-2px}
.social-links span#rank span#text2 {position:relative; top:-2px}
.social-links span#rank a {color:#fff; text-decoration:none}
.social-links span#rank:hover {background:#ddd url(../img/ranking_sprite.png) repeat-x 0 -24px; padding-left:6px}

/*Wedding Banner*/
#wedding-banner{ width:932px; height:70px; margin:-10px 0px 10px 0px; padding:0; background:url(../img/wedding-banner.png) #fff no-repeat top left; border:0px solid #999999;}
#wedding-banner h2 span { width:500px; float:left; font-size:18.5px; margin:25px 0px 0px 85px; font-weight:100; font-style:italic; position:relative; z-index:998}
#wedding-banner a { float:left; display:block; width:930px; height:58px; margin:10px 0px 0px 0px; border:0px solid #FF0000; position:absolute; z-index:999}

#from_price {color:#09c;position:absolute; right:0}
#main_img 	{margin-top:25px; margin-bottom:30px; text-align:center;}
#main_img img {margin:0}

#hotel_info		{margin-top:10px; text-align:center; color:#555; background:#fff; outline:5px solid #dfdfdf; font-family:Arial, Helvetica, sans-serif}	
#hotel_info .panel {padding-top:15px}
* html #hotel_info	{border:5px solid #dfdfdf; margin-left:-5px}
*+html #hotel_info	{border:5px solid #dfdfdf; margin-left:-5px}	
#hotel_info p 	{line-height:175%; font-size:12px; overflow:hidden}
#hotel_info h3  {font-size:16px; margin:20px 0 20px 0; 	padding:5px 0 10px; border-bottom:1px solid #DDD;font-weight:400 !important	}
#hotel_info h4  {font-size:14px; margin:8px 0px 0px 0px; font-weight:400 !important}

.honeymoon  { font-size:13px; margin:12px 0 10px 0; padding:5px; -moz-border-radius:3px; -webkit-border-radius: 3px; background:#dfdfdf}

.terms {font-size:10px;  clear:both; color:#999}
span.text {padding:0 6px; margin:10px 10px 10px 0; list-style:none; color:#555;}
div.text {padding:0 6px; margin:10px 10px 10px 0; list-style:none; color:#555;}
p.text {margin:0 20px 0 0; list-style:none; color:#555;}
.ul-col {width:445px; float:left}
.ul-col-30 {width:28%; float:left}
.ul-col-70 {width:68%; float:left}
.tri-col { width:260px; float:left}
.right {float:right}
ul.text	{padding:0 6px; margin:10px 0; list-style:none; color:#555; line-height:150%; overflow:hidden}
ul.text li {padding:5px 0 5px 16px; background:url(../img/icons/bullet.gif) no-repeat left 5px; margin:0 2px 0 0; text-align:left; overflow:hidden}
ul.text p {font-weight:bold; padding: 0 0 5px 0}
ul.text li.li_head {font-weight:bold; padding: 0 0 5px 0; background:none}
ul.text strong {text-decoration:underline; font-weight:normal}

ol.text li {
	background:none; 
	color:#555; 
	line-height:150%; 
	list-style:decimal;
	margin-left:20px;
}

.left-marg {margin-left:15px}
.small-p{ font-size:10px; }

#hotel_info .exclusive {color:#f04; font-weight:bold; font-size:15px}
#hotel_info .exclusive span {border-bottom:1px dotted #f36}
#hotel_info h4.wedh4 { font-size:13px}

.stripViewer .panelContainer .panel ul {text-align: left;}
.stripViewer .panelContainer { position: relative;left: 0; width: 960px;list-style-type: 
none;-moz-user-select: none; /*This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. */}
.stripViewer .panelContainer .panel { float:left;	position: relative;	text-align:left; width: 960px; 	}
.stripViewer .panelContainer .panel .wrapper { 	padding: 15px; margin-bottom:5px; }
.wrapper {text-align:left}
.panel { border-top:1px dotted white; padding-top:5px}
div.stripNav {margin: 0;width:960px;position:relative;	display:inline;	}
.stripNav ul#stripTabs { list-style: none;	width:960px;background:#dfdfdf; height:27px;position:relative;	}
.stripNav ul#stripTabs li {	float: left;width:auto;	margin:0;margin-right: 2px; list-style:none;}
* html .stripNav ul#stripTabs li { /* IE6! */	width:100px;}
.stripNav a { font-size:12px;font-weight:bold;text-align: center;line-height: 20px;height:20px;
background: #dfdfdf;color: #fff;text-decoration: none;display: block;padding:3px 
15px;color: #555;margin:0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius: 3px 3px 0 0;}
.stripNav li a:hover {background: #ccc;	color:#FFF}
.stripNav li a.current {background: #fff;text-decoration:underline;color: #333;position:relative;z-index:2;top:1px;}

/* HIGHLIGHTS & POSITIONING */	
.tab_nav{}
#mega_deals_li, #offers_li { float:right; background:#aaa; color:#FFF;}
#mega_deals_li a, #offers_li a { color:#fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); }
#mega_deals_li:hover, #offers_li:hover{ background-color:#f39; border-color:#f39 }
#mega_deals_li.ui-state-active, #offers_li.ui-state-active { color:#fff; background-color:#f39; top:0; border-color:#f39 }
#mega_deals_li.ui-state-active:current:hover, #offers_li.ui-state-active:current:hover { color:#fff; background-color:#f39}

.stripNav ul#stripTabs li#megadeals a.current { color:#fff; background-color:#f39; top:0 }
.stripNav ul#stripTabs li#megadeals a:hover { color:#fff; position:absolute; right:0; }
.stripNav ul#stripTabs li#megadeals a.current { color:#fff; background-color:#f39; top:0}
.stripNav ul#stripTabs li#megadeals a:hover { color:#fff; position:absolute; right:0; background-color:#f39}
.stripNav ul#stripTabs li#megadeals a.current:hover { color:#fff; position:absolute; right:0; background-color:#f39}
.stripNav ul#stripTabs li#extras a {color:#fff;position:absolute;right:107px;background-color:#bbb;line-height:17px;height:17px;-moz-border-radius:3px;-webkit-border-radius:3px}
.stripNav ul#stripTabs li#extras a.current { color:#fff; background-color:#09c; top:0}
.stripNav ul#stripTabs li#extras a:hover { color:#fff; background-color:#09c}
.stripNav ul#stripTabs li#extras a.current:hover { color:#09c; background-color:#fff}
.stripNav ul#stripTabs li#summergoldcard a {color:#fff;background-color:#AAA}
.stripNav ul#stripTabs li#summergoldcard a.current { color:#fff; background-color:#09c; top:0}
.stripNav ul#stripTabs li#summergoldcard a:hover { color:#fff; background-color:#09c}
.stripNav ul#stripTabs li#summergoldcard a.current:hover { color:#09c; background-color:#fff}

.spa-logo{right:0; margin:0 50px 0 0; padding:0px; position:absolute;}
*html .spa-logo{right:0; margin:0px 50px 0px 0px; padding:0px; position:absolute; z-index:9999;}

.spa-image{
	margin:0 0 20px 40px; 
	padding:5px; 
	border:1px solid #DDD;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	box-shadow:4px 4px 0 rgba(0,0,0,0.075);
	width:340px
	}		

/*kids club*/
.kc-logo{right:0; margin:0 50px 0 0; padding:0; position:absolute; width:350px}
*html .kc-logo{right:0; margin:0 50px 0 0; padding:0; position:absolute; z-index:9999;}
.kc-image, .inline-image { 
	margin:0 0 20px 40px; 
	padding:5px; 
	border:1px solid #DDD;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	box-shadow:4px 4px 0 rgba(0,0,0,0.075);
}
.img_border {margin:0; padding:2px; -moz-border-radius:3px; border:1px solid #ccc; background:#fff}	
.img_hmargin_10 {margin:0 10px} .img_hmargin_15 {margin:0 15px}
.img_vmargin_10 {margin:10px 0}	.img_vmargin_15 {margin:15px 0}	
.img_margin_10 {margin:10px} .img_margin_15 {margin:15px}		
		
#whats-inc {margin-right:5px}
#whats-inc-head {width:220px; border:0px solid #666; float:left; position:relative; padding:0 5px 0 5px; z-index:999999}
#whats-inc-cont {width:198px; border:1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; float:left; position:relative; margin:-14px 0 0 5px; padding:0 10px 0 10px}

.panel .wrapper #sale-wrap {width:700px; min-height:250px; margin:10px 0px 0px 0px; position:relative; clear:both;}
.panel .wrapper #sale-wrap #sale-top {width:100%; border-top:1px solid #dfdfdf; top:0; left:0;}
.panel .wrapper #sale-wrap #sale-main {width:678px; padding:10px 10px; top:35px; left:0; background:url(../img/sales/main_grad_r4_c1.png) repeat-x bottom; border:1px solid #dfdfdf; border-bottom:none; border-top:none}
.panel .wrapper #sale-wrap #price_space {height:10px; width:680px; margin-bottom:10px; border-bottom:1px solid #ccc; clear:both}
.panel .wrapper #sale-wrap #sale-foot {width:100%; bottom:0; left:0; background:url(../img/sales/foot_grad.png) no-repeat; min-height:13px; clear:both}
.panel .wrapper #sale-wrap h2 { font-size:22px; letter-spacing:-1px; color:#09c;}
.panel .wrapper #sale-wrap img { position:absolute; top:15px; right:15px}
.panel .wrapper #sale-wrap h3 { font-size:18px; letter-spacing:-1px; font-weight:100;}
.panel .wrapper #sale-wrap h3 img {position:absolute; top:10px; right:15px}
.panel .wrapper #sale-wrap ul {list-style-type:none; width:670px; margin:auto; padding:0}
.panel .wrapper #sale-wrap ul:hover li {background:#dff}
.panel .wrapper #sale-wrap ul li {font:normal 11px/100% Arial, Helvetica, sans-serif; color:#666; text-decoration:none; float:left; padding:5px 0}
.panel .wrapper #sale-wrap ul li a {font:normal 11px/100% Arial, Helvetica, sans-serif; color:#666; text-decoration:none; display:block;text-align:left}
.panel .wrapper #sale-wrap ul li a:HOVER {color:#09f; text-decoration:underline}
.panel .wrapper .golf-hotels{ border:0px solid #959595;}
.panel .wrapper .golf-hotels td{ border:1px solid #D4D4D4; font-size:12px}
.panel .wrapper .golf-hotels td a{ text-decoration:none; color:#09f}
.panel .wrapper .golf-hotels td a:hover{ color:#ccc;}
.panel .wrapper #sale-wrap ul li a span {color:#996;}
.panel .wrapper #sale-wrap ul.head li {font:bold 14px/100% Arial, Helvetica, sans-serif; color:#888; padding:10px 0; margin-top:15px}
.panel .wrapper #sale-wrap .col_1 {width:250px; text-align:left}
.panel .wrapper #sale-wrap .col_2 {width:160px; text-align:center}
.panel .wrapper #sale-wrap .col_3 {width:130px; text-align:center}
.panel .wrapper #sale-wrap .col_4 {width:130px; text-align:center}
.panel .wrapper #sale-wrap ul .price {color:#09c; font-size:11px; font-weight:bold}
.panel .wrapper #sale-main table thead {background-color:#444; color:#fff}
.panel .wrapper .md_cont{float:left; width:217px; height:148px; border:1px solid #BFBFBF; margin:20px 20px 0px 0px;}
.panel .wrapper .md_cont img {border:none;}
.panel .wrapper #md_extra{ float:right; position:relative; width:172px; border:0px solid #959595; margin:20px 25px 0 0}
.panel .wrapper #md_extra ul{ list-style-type:none}
.panel .wrapper #md_extra ul li{ margin:0 0 15px 0}
.panel .wrapper #md_extra ul li a{}
.panel .wrapper #md_extra ul li a img{ border:none }
.panel .wrapper strong.blue{ color:#09C; }

/* SANDALS */
table.sandals {	margin:20px 0 20px 0; border-collapse:collapse; font-size:12px; clear:both; -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.15); -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.15);box-shadow:2px 2px 2px rgba(0,0,0,0.15);color:#555	}
table.sandals tbody {text-shadow:0 1px 0 white;}				
table.sandals thead tr td {background-color:#888 !important; color:#FFF; text-transform:uppercase; font-weight:bold; text-shadow:0 -1px 0 rgba(0,0,0,0.25); padding:10px 0}
table.sandals tr td.first {text-indent:7.5px}
table.sandals tr td.last  {padding-right:5px}
table.sandals tr td {border-bottom:1px solid #CCC}
table.sandals tbody tr:hover td {border-bottom:1px solid #CCC; background-color:#EEE;color:#069	}
table.sandals tr td a {color:#555; height:100%; display:block; line-height:34px}
table.sandals tr td a:hover {color:#09c; text-decoration:underline}
table.sandals thead td:nth-child(4), table.sandals thead td:last-child {
	background-image:-webkit-gradient(linear, 0% 0%, 5% 0%, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,0)));
	background-image:-moz-linear-gradient(99% 100% 0deg,rgba(0,0,0,0), rgba(0,0,0,0.085));
	-webkit-box-shadow:1px 0 1px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:1px 0 0 rgba(0,0,0,0.1) inset;
	box-shadow:1px 0 1px rgba(0,0,0,0.1) inset;
}
table.sandals tbody td:nth-child(4), table.sandals tbody td:last-child {
	background-color:#f3f3f3;
	background-image:-webkit-gradient(linear, 0% 0%, 5% 0%, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,0)));
	background-image:-moz-linear-gradient(99% 100% 0deg,rgba(0,0,0,0), rgba(0,0,0,0.085));
	-webkit-box-shadow:1px 0 1px rgba(0,0,0,0.1) inset;
	-moz-box-shadow:1px 0 0 rgba(0,0,0,0.1) inset;
	box-shadow:1px 0 1px rgba(0,0,0,0.1) inset;
}
table.sandals tbody td:last-child {background-color:#e9e9e9;}	
table.sandals tr td strong {color:#09c}
table.sandals tr td em {color:#F39 ; font-weight:bold}
div.sandals {margin:20px 0; padding-bottom:20px; border-bottom:1px dashed #ccc}
div.sandals h2 { font-size:22px; letter-spacing:-1px; color:#09c}
div.sandals p { font-size:11px; color:#555; margin:10px 0; overflow:hidden}

/* SUB TITLES */

.hotel-title {margin-top:0; font-size:32px; letter-spacing:-1px}
#hotel-sub {width:960px; position:relative; margin:5px 0 5px 0; clear:both; padding:0 0 10px 0; border-bottom:1px solid #DDD;-webkit-box-shadow:0 4px 0 rgba(0,0,0,0.025)}
#hotel-sub #board-basis {position:absolute; right:0; color:#09c; font-size:13px}
ul.extra-pad li {margin-bottom:12px }
ul.extra-pad-less li {margin-bottom:6px }

/* SALES BADGES */
span#sandals_sale_40 {position:absolute; background:#F36 url(../img/mega_deals/sandals_beaches/save_badge.png) no-repeat; z-index:8888; top:5px; left:5px; line-height:30px; box-shadow:0 0 5px rgba(0,0,0,0.5)}
span#sandals_sale_40 a {height:76px; width:146px; display:block}
span#sandals_sale_241 {position:absolute; background:#F36 url(../img/mega_deals/sb241/badge.gif) no-repeat; z-index:8888; top:5px; left:5px; line-height:30px; box-shadow:0 0 5px rgba(0,0,0,0.5)}
span#sandals_sale_241 a {height:125px; width:106px; display:block}
span#vbb_sale_badge {position:absolute; background:url(../inc/mega_deals/barbados-virgin/badge.png) no-repeat; z-index:8888; top:5px; left:5px; line-height:30px}
span#vbb_sale_badge a {height:108px; width:108px; display:block}
span#canx_badge {position:absolute; background:url(../img/mega_deals/canx_badge.png) no-repeat; z-index:8888; top:5px; left:5px; line-height:30px}
span#canx_badge a {height:86px; width:136px; display:block}
span#room_upgrades {position:absolute; background:url(../img/mega_deals/room_upgrades.png) no-repeat; z-index:8888; top:5px; left:5px; line-height:30px}
span#room_upgrades a {height:64px; width:152px; display:block}
span#free_premium_upgrades {position:absolute; background:url(../img/mega_deals/free_premium_upgrades.png) no-repeat; z-index:8888; top:5px; left:5px; line-height:30px}
span#free_premium_upgrades a {height:64px; width:193px; display:block}
span#free_resort_credit {position:absolute; background:url(../img/mega_deals/free_resort_credit.png) no-repeat; z-index:8888; top:5px; left:5px; line-height:30px}
span#free_resort_credit a {height:64px; width:193px; display:block}
span#tenDaySale_badge {position:absolute; background:url(../inc/mega_deals/10DaySale/img/badge.png) no-repeat; z-index:8888; top:5px; left:5px; line-height:30px}
span#tenDaySale_badge a {height:86px; width:136px; display:block}
span#sixDaySale_badge {position:absolute; background:url(../img/mega_deals/14-day-sale/badge.png) no-repeat; z-index:8888; top:5px; left:5px; line-height:30px}
span#sixDaySale_badge a {height:92px; width:136px; display:block}

.panel .wrapper #canx thead tr td span { display:block;  position:relative; height:35px; line-height:35px; z-index:9999 }
.toggle_content {display:none; padding:10px; font-size:11.5px}
.packcontent {display:none; padding:10px; font-size:11.5px}
.hotel_extra_img {float:right; margin:21px 9px; padding-left:5px}

.wedding { margin-left:8px; width:580px}
.wedding ul { width:580px}
.wedding li { width:565px}
#weddings___honeymoons .button {color:#FFF}
#weddings___honeymoons .button:hover {text-shadow:0 -1px 0 rgba(0,0,0,0.5)}
#weddings___honeymoons ul {margin:10px 0 20px 0}
#weddings___honeymoons h5 {margin:10px 0}
#weddings___honeymoons .wedding p em strong {font-size:12px}

#hotel_info{ outline:none}
#slider1{ overfow:auto}

*+html #hotel_info{ border:none}
*html #hotel_info{ border:none}

.panelContainer{width:960px}
.col350 {width:350px; margin:0; position:relative; float:left; }
#canx thead tr td {z-index:9999}
#t_finder {*margin-top:-20px;}

.h_finder_div {
	border: 1px solid #AAA  !important;
	border-top-color:#DDD !important;
	border-left-color:#CCC !important;
	color:#777;
	box-shadow:3px 3px 0 rgba(0,0,0,0.1); 
	border-top:none; 
	border-color:#CCC;
	border-left-color:#AAA;
}

#h_finder_container form { display:inline;	padding:0; margin:0; height:30px; padding-top:5px; padding-right:5px}
#h_finder_container {
	width:370px;
	width:375px\9; /*IE8*/
	*width:385px; /*IE7*/
	*line-height:170%;/*IE7*/
	_line-height:170%;/*IE6*/
	}
	@-moz-document url-prefix() { #h_finder_container {width:400px;} } /* MOZILLA SPECIFIC :( */

.hotel_finder_new {margin:0 !important; -webkit-box-shadow:0 0 1px rgba(0,0,0,0.15); -moz-box-shadow:0 0 1px rgba(0,0,0,0.15); box-shadow:0 0 1px rgba(0,0,0,0.15)}

div.priceMatch {background-image: url('../img/icons/price_match_stamp.png');background-repeat: no-repeat;height: 87px;width: 89px;}
.wedButton .ui-button-text {font-size:11px !important;	padding:.4em .75em !important}

/* NEW TABS */
			
#hotel_info {border:none;margin-top:40px;}
#hotel_info .ui-tabs {padding:0 !important}
#hotel_info .ui-widget-content {border:none}
#hotel_info .ui-widget-header {	background-color:#FFF;	background-image:url(tabsInnerShadow.png);	background-position:bottom;	background-repeat:repeat-x;	border:none;	border-bottom:1px solid #DDD;	padding:0;}
#hotel_info .ui-tabs-nav {	padding:0;	font-size:13px;	font-weight:300 !important;	text-shadow:0 1px 0 rgba(255,255,255,0.75)	}
#hotel_info .ui-tabs-nav a { font-weight:300 !important; padding: 10px 15px	}
#hotel_info .ui-state-default, #hotel_info .ui-widget-content .ui-state-default {background:none;border:none}
#hotel_info .ui-state-active, #hotel_info .ui-widget-content .ui-state-active {	background:white;	border:1px solid #DDD;	border-bottom:none;	}
#hotel_info .ui-state-active a, #hotel_info .ui-widget-content .ui-state-active a {	font-weight:300 !important;	text-shadow:0 1px 0 rgba(255,255,255,0.75)}
#hotel_info .ui-state-hover, #hotel_info .ui-widget-content .ui-state-hover {color:#069;text-shadow:0 1px 0 rgba(255,255,255,0.75)}
#hotel_info .ui-state-hover a, #hotel_info .ui-widget-content .ui-state-hover a {color:#069;font-weight:300 !important;text-shadow:0 1px 0 rgba(255,255,255,0.75)}
#hotel_info .ui-tabs-panel {padding: 20px 0}
#hotel_info .ui-tabs-panel p {overflow:hidden;} /* IMPORTANT */

/* SPECIALIST FOOTER */

.specialist-thumb {
	height: 57px; 
	width: 156px;
	background-color:#EEE;
	background-image: url('http://bluebaytravel.co.uk/img/content/sprites/specialists_156x57.gif');
	background-repeat: no-repeat; 
	margin: 0
	}
.s-mexico {background-position: 0  -578px}
.s-antigua {background-position: 0  0}
.s-jamaica {background-position: 0  -348px}
.s-dominican {background-position: 0  -634px}
.s-stlucia {background-position: 0  -691px}
.s-caribbean {background-position: 0  -464px}

/* AWESOME GALLERY 1.0 */

#gallery-thumbs {
	overflow:hidden;
	position:relative;
	width:220px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:60px;
	margin-top:-10px;
	float:left;
}
#gallery-thumbs .thumb {
	width: 70px;
	height: 60px;
	float:left;
	margin: 0;
	margin-right: 1px;
	margin-bottom: 1px;
	position:relative;
	background-color:white;
}
#gallery-thumbs .thumb img {
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	right:0;
	-webkit-transition:opacity .15s ease-in, top .15s ease-in, right, .15s ease-in, bottom .15s ease-in, left .15s ease-in;
	-moz-transition:opacity .15s ease-in, top .15s ease-in, right .15s ease-in, bottom .15s ease-in, left .15s ease-in;
	-ms-transition:opacity .15s ease-in, top .15s ease-in, right, .15s ease-in, bottom .15s ease-in, left .15s ease-in;
	transition:opacity .15s ease-in, top .15s ease-in, right, .15s ease-in, bottom .15s ease-in, left .15s ease-in
}
#gallery-thumbs:hover .thumb {
	background-image:none;
}
#gallery-thumbs:hover .thumb img {
	background-image:url(../img/ui/gallery-thumb-bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}
#gallery-thumbs .thumb img:hover {
	opacity:1;
	height:100%;
	width:100%;
	padding:0 5px 5px 0;
	top:-5px;
	right:0;
	z-index:9999;
	cursor:pointer;
}

#gallery-thumbs .thumb img.zoom {
	opacity:0.35;
}
#gallery-thumbs .thumb img.zoom:hover {
	opacity:0.5;
	height:100%;
	width:100%;
	padding:0;
	top:0;
	right:0;
	border-radius:0;
	}

#gallery-wrap {
	max-height:440px;
}
#gallery-stage {
	width:700px;
	height:440px;
	overflow:hidden;
	padding-left:15px;
	float:right;
	border-left:1px dashed #CCC;
}
.virtual360 a:hover {
	-webkit-animation:bounce .3s linear 1;
	-moz-animation:bounce .3s linear 1;
	-ms-animation:bounce .3s linear 1;
}
@-webkit-keyframes loading{
	0%{background-position:0;}
	100%{background-position:100px;}
}
@-webkit-keyframes bounce {
	0%{bottom:0;}
	25%{bottom:5px;}
	100%{bottom:0}
}
@-moz-keyframes bounce {
	0%{bottom:0;}
	25%{bottom:5px;}
	100%{bottom:0}
}
#gallery-stage .photo {
	position:absolute;
}
#gallery-stage .active {
	z-index:98; 
	box-shadow:none;
	top:0;
	}
#gallery-stage .inactive {
	z-index:99; 
	top:500px
}
#gallery-stage .inactive {
	box-shadow:0 -3px 0 rgba(0,0,0,0.25)
}