.smallsep { display: block; background-color: #ccc; }
.maininner { width:100%;}
#header-head { border-width: 0; }

.home-main { width:100%;  max-width:1400px; height:600px; margin:0 auto;  background-position:top center; background-repeat:no-repeat;}

.home-load-trick,
.home-load-trick img { width:0; height:0; display:none;}

#hotel-searchbar.floatingsearchbar { left:50%; margin:0 0 0 -507px; }

.toggle-wrap { right:0; left:0; text-align:center; z-index:12; position:absolute; height:51px; background:transparent url(images/toggler_top_stripe.png) 0 0 repeat-x;  padding-top:10px;}
.browsetoggle { height:51px; display:inline-block; padding:0 30px;  font-size:16px; font-style:italic; color:#fff; background:transparent url(images/toggler_bg.png) 0 0 repeat-x; margin:0 auto; border-color:transparent; border-width:0 1px 1px 1px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; }
.browsetoggle a { z-index:15; position:relative; color:#fff; text-decoration:none; background-position:top right; background-repeat:no-repeat; display:inline-block;}
.browsetoggle a.selected { -mis-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:0.5;}
.browsetoggle a.searchproplink { background-image:url(images/searchproplink_bg.png); padding:12px 45px 6px 0; }
.browsetoggle a.browsemaplink { background-image:url(images/browsemaplink_bg.png); padding:12px 50px 6px 18px; }
.browsetoggle .or-text { display:inline-block; background:url(images/browsetoggle_or_bg.png) top center no-repeat; padding:13px 0 14px 0;}

.home-big-car { width:100%; max-width:1400px; height:600px; overflow:hidden; background:#FFF; }
.home-big-car .btn-2 { display:inline-block; border:0; cursor:pointer; } /* .btn class... carousel kills links when we have 2 classes btn and btn2... i dont get it  but this fixes it */
.big-car-item {  z-index:10 !important; text-align:center; background-position:top center; background-repeat:no-repeat; width:100%; max-width:1400px; height:600px; }
.big-car-item .wrapper { margin-top:230px; color:#fff; display:inline-block; background:url(images/greyfade.png) 0 0 repeat; padding:20px 40px;}
.big-car-item a { color:#fff; }
.big-car-item h4 { font-size:14px; line-height:normal; font-weight:normal; font-family:'SackersGothicW01-Heavy';  }
.big-car-item p { font-size:32px; line-height:normal; padding-bottom:10px; font-style:italic;}
.big-car-item .viewthemeslink { padding-right:20px; }

/*map set up this way because hidden map doesnt put itself in the right place*/
.home-map { position:absolute; width:100%; left:-10000px; background:url(../corporate/images/small_loader.gif) 50% 50% no-repeat #EEEEEE;}

.home-big-car-b { width:100%; max-width:1400px; height:600px; overflow:hidden; background:#FFF; }
.home-big-car-b .btn-2 { display:inline-block; border:0; cursor:pointer; } /* .btn class... carousel kills links when we have 2 classes btn and btn2... i dont get it  but this fixes it */
.home-big-car-b .big-car-item .wrapper { width:640px; margin-top:190px; color:#fff; display:inline-block; background:url(images/greyfade.png) 0 0 repeat; padding:40px 60px; text-align:center; }
.home-big-car-b .big-car-item h4 { display:inline-block; width:560px; font-size:26px; line-height:normal; font-weight:normal; font-family:'SackersGothicW01-Heavy'; }
.home-big-car-b .big-car-item .list { display:inline-block; }
.home-big-car-b .big-car-item p { width:155px; margin:25px 0; padding-top:3px; padding-right:25px; color:#b59e85; float:left; font-size:14px; line-height:normal; font-style:normal; font-weight:bold; text-align:left; }
.home-big-car-b .big-car-item p.hotels { padding-left:39px; background:url(images/icon_hotels.png) 0 0 no-repeat; }
.home-big-car-b .big-car-item p.bestrates { padding-left:53px; background:url(images/icon_best_rates.png) 0 0 no-repeat; }
.home-big-car-b .big-car-item p.service { padding-left:50px; background:url(images/icon_service.png) 0 0 no-repeat; }
.home-big-car-b .big-car-item p:last-child {width:130px;  padding-right:0; }


.home-search { display:none; color:#fff; background:url(images/greyfade.png) 0 0 repeat; padding:0;}
.home-search .close-wrap,
.home-map .close-wrap { padding:25px 0 0 0; width:960px; margin:0 auto;  }
.home-search .close-wrap a.search-closer,
.home-map .mapcloser { position:relative; z-index:16; width:29px; height:29px; margin:0 0 0 930px; display:block; text-indent:-99999px; background:url(images/home_overlay_closer.png) 0 0 no-repeat;}
.home-search h2 {font-size:36px; padding:43px 0 0 0; font-weight:normal; text-align:center; color:#fff; line-height:normal;font-style:italic; }
.home-search .smallsep { width:150px; height:3px; margin:15px auto 20px auto; }
.home-search-bar label { font-size:16px; font-style:italic; min-height:27px; display:block; }
.home-search .feat-prop { border-width: 1px 0 0 0; border-color: #434241; border-style: solid; padding:24px 0 0 0; clear:both; width:960px; margin:30px auto 0 auto; }
.home-search .feat-prop h3 { font-style:italic; font-size:24px; font-weight:normal; text-align:center; }
.home-search .property-links { clear:both; width:960px; height:149px; padding:25px 0; }
.home-search .property-links a { margin-left:25px;  display:block; float:left; text-align:center; width:303px; height:149px;}
.home-search .property-links a:first-child { margin-left:0;}
.home-search .property-links a img { position:absolute; z-index:10; display:block; width:303px; height:162px; }
.home-search .property-links a span.wrapper { display:block; margin-left:30px; margin-top:40px; z-index:11; position:absolute; padding:5px; background:url(../hotels/images/blue_65_percent.png) 0 0 repeat; color:#fff; font-family:'SackersGothicW01-Heavy'; font-weight:normal; font-size:14px; line-height:16px;}
.home-search .property-links a span.wrapper span { padding:15px; width:200px; background:transparent; border:1px solid #666; display:inline-block;}
.home-search .property-links a span.wrapper span span.location { font-style:italic; color:#ccc; font-size:14px; line-height:16px; font-family:'Times New Roman'; border-width:0; padding:0; display:block; }
.home-search .property-links a span.wrapper { display:none;}
.home-search .property-links a:hover span.wrapper { display: block; }

/* ORIGINAL SEARCH BAR
.home-search-bar { width:764px; margin:0 auto;}
.home-search-bar .location-wrap { float:left; width:406px; position:relative;}
.home-search-bar .location-wrap label.infield { cursor:text; position:absolute; color:#666; margin:38px 0 0 30px;}
.home-search-bar .location-wrap input { height:38px; width:388px;}
.home-search-bar input.input-datepicker { height:38px; width:129px;}
.home-search-bar .datepicker { width:187px;}
.home-search-bar .checkin-wrap { float:left;}
.home-search-bar .checkout-wrap { margin-left:592px;}
.home-search-bar .find-room-btn { float:right; line-height:40px; height:40px; margin:25px 0 0 0; 	background:#325B7D;
	background-image: -o-linear-gradient(bottom, #325B7D 0%, #487AA3 100%);
	background-image: -moz-linear-gradient(bottom, #325B7D 0%, #487AA3 100%);
	background-image: -webkit-linear-gradient(bottom, #325B7D 0%, #487AA3 100%);
	background-image: -ms-linear-gradient(bottom, #325B7D 0%, #487AA3 100%);
	background-image: linear-gradient(bottom, #325B7D 0%, #487AA3 100%); }
.home-search-bar .refine-search-btn { margin:30px 0 0 0; display:block; cursor:pointer; width:200px; padding:14px 20px 11px 20px; font-size:16px; font-style:italic; }
.home-search-bar .refine-search-btn span { background:url(images/searchbar_refine_search_arrow.png) right center no-repeat; padding-right:22px;}
.home-search-bar .refine-search-btn.active { background:#fff; border-width:0 0 1px 0; border-style:solid; border-color:#d1d1d1; color:#021322;}
.home-search-bar .refine-search-btn.active span { background-image:url(images/searchbar_refine_search_arrow_active.png);}
.home-search-bar .refine-search-pop { position:absolute; z-index:20; width:200px; padding:0 20px; color:#021322; background:#fff;  -mox-box-shadow: 0 4px 8px 0px #7f7f7f; -webkit-box-shadow: 0 4px 8px 0px #7f7f7f;  box-shadow: 0 4px 8px 0px #7f7f7f; }
.home-search-bar .refine-search-pop .select-basic { width:200px; cursor:pointer;}
.home-search-bar .refine-search-pop .input-checkbox { cursor:pointer;}
.home-search-bar .refine-search-pop .input-checkbox span.title { font-style:normal; font-size:14px;}
.home-search-bar .refine-search-pop .subheader { display:block; padding:5px 0 8px 0; font-family:'SackersGothicW01-Heavy';  font-size:16px; line-height:normal; text-transform:lowercase; }
.home-search-bar .refine-search-pop .subheader.bordered { border-width:1px 0 0 0; border-style:solid; border-color:#d1d1d1; margin-top:20px;}
.home-search-bar .roomcount-wrap,
.home-search-bar .roomguests-wrap { display:none;}
 */

/* NEW HOME SEARCH WITH ADDED FIELDS */
.home-search-bar { width:764px; margin:0 auto; height:140px;}
.home-search-bar .location-wrap { float:left; width:406px; position:relative;}
.home-search-bar .location-wrap label.infield { cursor:text; position:absolute; color:#666; margin:38px 0 0 30px;}
.home-search-bar .location-wrap input { height:38px; width:388px;}
.home-search-bar input.input-datepicker { height:38px; width:129px;}
.home-search-bar .datepicker { width:187px;}
.home-search-bar .checkin-wrap { float:left;}
.home-search-bar .checkout-wrap { margin-left:592px; margin-bottom:14px;}
.home-search-bar .roomcount-wrap { margin-left:257px; float:left; width:117px; }
.home-search-bar .refine-search { width:240px; padding:0; margin-top:20px;  background:url(images/home_refine_search_btn_bg.png) 0 0 no-repeat; position:absolute;}
.home-search-bar .refine-search .subheader.rooms-subheader,
.home-search-bar .refine-search .rooms-select-basic { display:none; width:0; height:0;}
.home-search-bar .find-room-btn { float:right; z-index:900; line-height:40px; height:40px; margin:25px 0 0 0; 	background:#325B7D;
	background-image: -o-linear-gradient(bottom, #325B7D 0%, #487AA3 100%);
	background-image: -moz-linear-gradient(bottom, #325B7D 0%, #487AA3 100%);
	background-image: -webkit-linear-gradient(bottom, #325B7D 0%, #487AA3 100%);
	background-image: -ms-linear-gradient(bottom, #325B7D 0%, #487AA3 100%);
	background-image: linear-gradient(bottom, #325B7D 0%, #487AA3 100%); }
.home-search-bar .refine-search-btn { margin:0 0 0 0 !important; display:block; cursor:pointer; width:200px; padding:0 20px 0 20px !important; font-size:16px; font-style:italic;  }
.home-search-bar .refine-search-btn span { display:block; height:40px; background:url(images/searchbar_refine_search_arrow.png) right center no-repeat; padding:0 22px 0 0 !important;  margin:0; line-height:40px;}
.home-search-bar .refine-search-btn.active { background:#fff; border-width:0 0 1px 0; border-style:solid; border-color:#d1d1d1; color:#021322;}
.home-search-bar .refine-search-btn.active span { background-image:url(images/searchbar_refine_search_arrow_active.png);}
.home-search-bar .refine-search-pop { position:absolute; z-index:20; width:200px; padding:0 20px; color:#021322; background:#fff;  -mox-box-shadow: 0 4px 8px 0px #7f7f7f; -webkit-box-shadow: 0 4px 8px 0px #7f7f7f;  box-shadow: 0 4px 8px 0px #7f7f7f; }
.home-search-bar .refine-search-pop .select-basic { width:200px; cursor:pointer;}
.home-search-bar .refine-search-pop .input-checkbox { cursor:pointer;}
.home-search-bar .refine-search-pop .input-checkbox span.title { font-style:normal; font-size:14px;}
.home-search-bar .refine-search-pop .subheader { display:block; padding:5px 0 8px 0; font-family:'SackersGothicW01-Heavy';  font-size:16px; line-height:normal; text-transform:lowercase; }
.home-search-bar .refine-search-pop .subheader.bordered { /*border-width:1px 0 0 0; border-style:solid; border-color:#d1d1d1;*/ margin-top:20px;}
.home-search-bar .roomguests-wrap { float:left;}
.home-search-bar .custom-dropdown { height:30px; z-index:13; }
.home-search-bar .custom-dropdown-content { position:absolute; z-index:15; background:#EEE; border:1px solid #CCC; width:209px; }
.home-search-bar .custom-dropdown-title { padding:7px 50px 7px 20px; color:#021322; font-size:14px; font-style:italic; cursor:pointer; background:#FFF url(images/searchbar_refine_search_arrow_active.png) 185px 10px no-repeat; }
.home-search-bar .custom-dropdown.expanded .custom-dropdown-title { background-image:url(images/searchbar_refine_search_arrow_active.png);}
.home-search-bar .custom-dropdown-scroll { height:200px; overflow:hidden; }
.home-search-bar .custom-dropdown-options { display:none; margin:10px; color:#021322; }
.home-search-bar .custom-dropdown-options h3 { padding:10px 0 5px 0; font-size:14px; font-weight:bold; }
.home-search-bar .custom-dropdown-options a { display:block; width:95%; font-size:12px; line-height:28px; color:#021322; text-decoration:none; cursor:pointer; border-top:1px solid #CCC; }
.home-search-bar .custom-dropdown-options a:hover { color:#5381AC; }
.home-search-bar .custom-dropdown-options a.current { color:#5381AC; cursor:default; }
.home-search-bar .custom-dropdown.expanded .custom-dropdown-content { box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.25);}
.home-search-bar .custom-dropdown.expanded .custom-dropdown-title { border-bottom:1px solid #CCC; }
.home-search-bar .custom-dropdown .scrollbarpaper-track { right:1px; }
.home-search-bar .custom-dropdown li  { list-style-type:none; padding:15px 0 0 0; border-bottom:1px solid #CCC; overflow:hidden; }
.home-search-bar .custom-dropdown .col { float:left; padding:0 0 15px 0; width:50%; }
.home-search-bar .custom-dropdown .col .select-basic { width:70px !important;}
.home-search-bar .roomcount-wrap .select-basic.validation-error { border-color:#fc0303; background-color:#ffcccc;}
.home-search-bar .roomguests-wrap .custom-dropdown.validation-error .custom-dropdown-title {  background-color:#ffcccc;}
.home-search-bar .roomguests-wrap .custom-dropdown.validation-error .custom-dropdown-content { border-color:#fc0303;}
.home-search-bar .custom-dropdown-content.disabled .custom-dropdown-title { color:#ccc; cursor:default;}
.home-search-bar .btn.btn-1.find-room-btn.invisible { background:url(../corporate/images/small_loader.gif) center no-repeat; color:transparent; cursor:default;}


.home-theme { background:url(images/greyfade.png) 0 0 repeat; height:585px; padding-top:15px; display:none; width:100%; max-width:1400px;}
.home-theme .theme-closer { width:29px; height:29px; margin:0 0 0 930px;display:block; text-indent:-99999px; background:url(images/home_overlay_closer.png) 0 0 no-repeat;}
.home-theme .inner { width:960px; margin:0 auto;}
.home-theme .theme-car { width: 713px; height:352px; float: left; overflow:hidden; }
.home-theme .prev-link,
.home-big-car .prev-link { text-indent:-999999px; width:60px; height:60px; background:url(../global/images/prev_arrow_60.png) 0 0 no-repeat;}
.home-theme .next-link,
.home-big-car .next-link { text-indent:-999999px; width:60px; height:60px; background:url(../global/images/next_arrow_60.png) 0 0 no-repeat; }
.home-theme .theme-car .theme-car-item { width:713px; background-position:0 0; background-repeat:no-repeat; height:352px; position:relative; }
.home-theme .theme-car .theme-car-item .item-overlay { position:absolute; bottom:0; background:url(../hotels/images/blue_65_percent.png) 0 0 repeat; color:#fff; padding:0 6px 6px 6px;}
.home-theme .theme-car .theme-car-item .item-overlay .inner {  padding:15px; text-align:center;display:block; width:672px; border-width:0 1px 1px 1px; border-style:solid; border-color:#3b3f3e;}
.home-theme .theme-car .theme-car-item .item-overlay .inner a { color:#fff; font-size:22px; line-height:normal; font-weight:normal; font-family:'SackersGothicW01-Heavy'; text-decoration:none; display:block;}
.home-theme .theme-car .theme-car-item .item-overlay .inner span.location { color:#ccc; font-size:14px; font-style:italic; line-height:16px; }

.home-theme .right-side { margin-left:740px; background-color:#eee; width:222px; text-align:center; font-size:12px; line-height:16px;}
.home-theme .right-side div { margin:0 15px; border-style:solid; border-width:1px 0 0 0; border-color:#ccc; padding:15px 0; }
.home-theme .right-side div:first-child { border-width:0; }
.home-theme .right-side h4 { font-size:12px; line-height:normal; font-weight:normal; font-family:'SackersGothicW01-Heavy'; text-transform:lowercase;}
.home-theme .right-side a {  color:#5381ac;}
.home-theme .right-side p { font-style:italic; }
.home-theme .right-side .smallsep { width:61px; height:2px; margin:6px auto;}

.home-theme .theme-links { clear:both; width:960px; height:149px; padding:25px 0; }
.home-theme .theme-links a { margin-left:25px;  display:block; float:left; text-align:center; width:303px; height:149px;}
.home-theme .theme-links a:first-child { margin-left:0;}
.home-theme .theme-links a img { position:absolute; display:block; }
.home-theme .theme-links a span.wrapper { display:block; margin-left:30px; margin-top:40px; position:absolute; padding:5px; background:url(../hotels/images/blue_65_percent.png) 0 0 repeat; color:#fff; font-family:'SackersGothicW01-Heavy'; font-weight:normal; font-size:14px; line-height:16px;}
.home-theme .theme-links a span.wrapper span { padding:15px; width:200px; background:transparent; border:1px solid #666; display:inline-block;}


.home-bottom { display:none; background:url(images/homebottom_bg.gif) 0 0 repeat-x; clear:both; padding:30px 0;}
.home-bottom .inner { display:table; margin:0 auto; }
.home-bottom .inner2 { max-width:960px; }
.home-bottom .inner3 { width:100%; }
.home-bottom .modules { display:table-row; }
.home-bottom .col { display:table-cell; vertical-align:top; width:33%; text-align:center; border-right:1px solid #CCC; }
.home-bottom .col.last { border:none; }
.home-bottom .col img { max-width:410px; max-height:200px; }
.home-bottom .col a { font-size:14px; line-height:21px; color:#5381ac;}
.home-bottom .col .btn-2 { color:#FFF; line-height:29px; }
.home-bottom .smallsep { width:80px; height:3px; margin:20px auto; }

.home-bottom .inner2 .col { width:435px; }


/* tout1: title w/text */
.home-bottom .tout1 h5, .home-bottom .tout1 h6, .home-bottom .tout1 img, .home-bottom .tout1 a { display:none; }
.home-bottom .tout1 h4 { padding:12px 0; font-size:28px; line-height:32px; font-weight:normal; font-style:italic; color:#021322; }
.home-bottom .tout1 p { margin-bottom:10px; color:#1D4761; font-size:16px; line-height:20px; font-style:italic; }


/* tout2: title image w/text link */
.home-bottom .tout2 h5, .home-bottom .tout2 h6, .home-bottom .tout2 .smallsep { display:none; }
.home-bottom .tout2 h4 { font-size:24px; line-height:normal; font-style:italic; font-weight:normal; }
.home-bottom .tout2 p { padding:15px 0; color:#666; font-size:14px; line-height:14px; }


/* tout3: image w/button */
.home-bottom .tout3 { padding-top:15px; }
.home-bottom .tout3 h4, .home-bottom .tout3 h5, .home-bottom .tout3 h6, .home-bottom .tout3 .smallsep, .home-bottom .tout3 p  { display:none; }
.home-bottom .tout3 img { margin-bottom:20px; }


/* tout4: hotel collections: title image w/text link */
.home-bottom .tout4 .smallsep { display:none; }
.home-bottom .tout4 { text-align:center; }
.home-bottom .tout4 h4 { font-size:18px; line-height:normal; font-weight:normal; font-style:italic; padding-bottom:20px;}
.home-bottom .tout4 h5 { font-size:16px; font-weight:normal; line-height:normal;font-family:'SackersGothicW01-Heavy';  }
.home-bottom .tout4 h6 { color:#666; font-size:14px; font-style:italic;}
.home-bottom .tout4 a { font-size:14px; line-height:21px; color:#5381ac;}
.home-bottom .tout4 img { width:259px; height:138px;}


/*
.home-bottom { background:url(images/homebottom_bg.gif) 0 0 repeat-x; clear:both; padding:30px 0;}
.home-bottom .inner { width:960px; margin:0 auto; }
.home-bottom .lefty { width:482px; float:left;}
.home-bottom .righty { margin-left:500px;}
.home-bottom .righty:after { display:block; visibility:hidden; clear:both; content:"."; height:0;}
.home-bottom .hand-picked { text-align:center; border-width:0 1px 0 0; border-style:solid; border-color:#c9c9c9; padding:40px 0 50px 0; }
.home-bottom .hand-picked .smallsep { width:80px; height:3px; margin:20px auto; }
.home-bottom .hand-picked h4 { font-style:italic; font-weight:normal; font-size:28px; line-height:32px; padding:0 12px;}
.home-bottom .hand-picked p { font-style:italic; font-size:16px; line-height:20px; color:#1d4761; margin-bottom:10px; }
.home-bottom .hand-picked a { font-size:14px; line-height:21px; color:#5381ac;}

.home-bottom .join-lc { text-align:center;}
.home-bottom .join-lc h4 { font-size:24px; line-height:normal; font-style:italic; font-weight:normal; }
.home-bottom .join-lc p { color:#666; font-size:14px; line-height:14px; padding:15px 0;}
.home-bottom .join-lc a { font-size:14px; line-height:21px; color:#5381ac;}

.home-bottom .lc-book { text-align:center;}
.home-bottom .lc-book h4 { font-size:20px; font-style:italic; font-weight:normal; line-height:24px;}
.home-bottom .lc-book h5 {font-size:16px; font-weight:normal; line-height:normal;font-family:'SackersGothicW01-Heavy'; margin-bottom:18px;  }
.home-bottom .lc-book a { font-size:14px; line-height:21px; color:#5381ac;}

.home-bottom .new-prop { text-align:center; }
.home-bottom .new-prop h4 { font-size:18px; line-height:normal; font-weight:normal; font-style:italic; padding-bottom:20px;}
.home-bottom .new-prop h5 { font-size:16px; font-weight:normal; line-height:normal;font-family:'SackersGothicW01-Heavy';  }
.home-bottom .new-prop h6 { color:#666; font-size:14px; font-style:italic;}
.home-bottom .new-prop a { font-size:14px; line-height:21px; color:#5381ac;}
.home-bottom .new-prop img { width:259px; height:138px;}
*/

.hotel-search-info .results-num { margin-bottom:10px;}

@media only screen and (max-device-width:1024px)  {
	.home-big-car, .big-car-item, .home-big-car-b  { max-width:1024px !important;}
	.browsetoggle,
	.toggle-wrap { margin-top:-1px;}
	.home-search-bar .refine-search { margin-top:40px;}
	.home-search .property-links a span.wrapper { display:block !important;}
}

@media only screen and (max-device-width:1280px) and (orientation:landscape) {
.home-big-car, .big-car-item, .home-main, .home-big-car-b  { max-width:1280px !important; }
.home-search-bar .refine-search { margin-top:40px;}
.home-search .property-links a span.wrapper { display:block !important;}
.browsetoggle,
	.toggle-wrap { margin-top:-1px;}
}

@media only screen and (max-device-width:1280px) and (orientation:portrait) {
	
.home-big-car, .big-car-item, .home-big-car-b  { max-width:1024px !important; }
.home-search .property-links a span.wrapper { display:block !important;}
.browsetoggle,
	.toggle-wrap { margin-top:-1px;}
}

/* BOTTOM WEB RECOMMENDATIONS */
.home-bottom-web-rec { display:none; background:url(images/homebottom_bg.gif) 0 0 repeat-x; clear:both; padding:40px 0 25px 0; }
.home-bottom-web-rec .header { font-size:24px; line-height:normal; font-weight:normal; font-family:'SackersGothicW01-Heavy'; text-align:center; }
.home-bottom-web-rec .separator { margin:15px auto 0; width:60px; border:1px solid #B2B2B2; }
.home-bottom-web-rec .content { text-align:center; }
.home-bottom-web-rec .content .column { display:inline-block; padding:0 20px; }

@media (min-width:1348px) {
    .home-bottom-web-rec .content .column:nth-child(2n+1) { padding-left:0; }
    .home-bottom-web-rec .content .column:nth-child(2n) { padding-right:0; }
}

.home-bottom-web-rec .content .column-header { font-size:18px; font-style:italic; /*font-weight:bold;*/ padding:15px 0; }
.home-bottom-web-rec .content .column-content { text-align:center; }
.home-bottom-web-rec .content .column-item { display:inline-block; padding:0 10px 15px 10px; }
.home-bottom-web-rec .content .column-item a
{
    position: relative;
    display: inline-block;
    width: 300px;
    height: 240px;
    overflow: hidden;
}
.home-bottom-web-rec .content .column-item a:after {
    content:'';
    position:absolute;
    left:0; top:0;
    width:100%; height:100%;
    display:inline-block;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(0,0,0,0.75)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.75) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.home-bottom-web-rec .content .column-item a > img
{
    position: relative;
    display: block;
    width: 300px;
    height: 240px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition: all 1000ms ease-out;
    -moz-transition: all 1000ms ease-out;
    -ms-transition: all 1000ms ease-out;
    -o-transition: all 1000ms ease-out;
}
.home-bottom-web-rec .content .column-item a > img:hover
{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}
.home-bottom-web-rec .content .column-item .hotel-info { position:absolute; left:0; z-index:1; bottom:0; padding:20px 45px 20px 20px; color:#fff; font-size:14px; line-height:normal; font-weight:normal; font-family:'SackersGothicW01-Heavy'; text-align:left; }
.home-bottom-web-rec .content .column-item .hotel-arrow { display:none; position:absolute; right:0; z-index:1; bottom:0; margin:0 20px 18px 0; width:25px; height:16px; background:url(images/web_rec_hotel_info_arrow.png) no-repeat; }