body{background:#f6f6f6;font-family:'Quicksand', sans-serif;font-weight:300;min-width:1240px;}
.container {width: 1240px; margin: 0 auto; font-size: 13px;}
.clr { clear:both; margin:0; padding:0;}
.slider{ width:100%;}
.content-area {padding:10px; background: #fff; overflow: hidden; margin-bottom:20px;}

.top-desti{width:1003px; float:left; margin-top:295px; position:relative; z-index:1;}
div.destination {width:100%; float:left; margin:-44px 0 0 0; left:-99%;}
div.destination div.resize-pnl {position:relative;}
div.ctrlbutton {width:100%; float:left; text-align:center; position:relative; height:44px;}
div.ctrlbutton p.scrollbanner {width:400px; float:left; margin:10px 440px 19px;}
div.ctrlbutton p.scrollbanner a{float: left;}
div.ctrlbutton p.scrollbanner img {margin:0px 3px;}
div.ctrlbutton p.checkdestination {position:absolute; right:0; top:0; text-align:left;}
div.ctrlbutton p.tarrow {background:url(/holidays/images/uparrowarrow.png) no-repeat left -5px;}
div.ctrlbutton p.darrow {background:url(/holidays/images/downarrow.png) no-repeat left -5px; }
div.ctrlbutton p.checkdestination span {text-transform:uppercase; font-weight:bold;display:block;  margin-left:70px; background:#eff4f8; border: 1px solid #ccd3d5;}
div.ctrlbutton p.checkdestination span span{display:inline; border:none; padding:0; margin:0;}
div.ctrlbutton p.checkdestination span a {color:#105b94; text-decoration:none; padding:13px 10px; display: block; font-size:16px;}
div.ctrlbutton p.checkdestination span a:hover {text-decoration: underline; color:#333;}
div.scrollarrows {width:40px; position:absolute; top:117px; z-index:10; /*display:none;*/}
div.scrollarrows img {}
div.leftslidearrow {left:0; text-align:right; cursor:pointer; display:block;}
div.rightslidearrow {right:0; text-align:left; cursor:pointer; display:block;}
div.thumb-gallery {/*width:1150px; */float:left; margin:10px 40px 0;}
div.thumb-gallery a{width:230px; float:left;}
div.thumb-gallery div.thumbnail {width:230px; float:left;}
div.thumb-gallery div.thumbnail p {/*width:214px;*/width:220px; float:left; margin:0 10px; border:2px solid #ffffff; position:relative;
-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out;transition: opacity 0.2s ease-out;}
div.thumb-gallery div.thumbnail p:hover{ opacity:.7; filter:alpha(70);}
div.thumb-gallery div.thumbnail p img {/*width:210px;*/ width:215px; height:129px;}
div.thumb-gallery div.thumbnail p strong {width:100%; float:left; position:absolute; bottom:0; left:0; text-align:center; padding:10px 0; 	
background:url(/holidays/images/head-search-bg.png); color:#000000; font-weight:normal;}
			/*bx-slider*/
div.destination div.bx-wrapper {width:100%; float:left; margin:0 40px; overflow:hidden;}
div.destination div.bx-wrapper div.bx-viewport{ float:left; height:100%!important; padding-left:12px;}
div.destination div.bx-wrapper div.bx-window {width:100%; float:left; overflow:hidden;}
div.destination div.thumb-gallery {margin:10px 0; left:0;display:block;}	
div.destination div.bx-wrapper div.bx-window div.thumb-gallery {margin:10px 0; left:0;}	
div.destination div.thumbnailscroll{ background:#dbe6ee; width:100%; float:left;}


/*hotelinfo*/
.hotel-info{ width:100%; float:left; margin:0; position: relative;}
.hotel-info .hotelshortdesc{ width:100%; float:left; overflow:hidden;} 
 .hotel-info .hotelshortdesc h1{color:#282828; font-size:29px; font-weight:normal; padding:0;}
.hotelshortdesc h1 span{ display:block;}
.hotel-info .hotelshortdesc small a{ font-size:16px; color:#6c6c6c; display:block; padding:5px 0 0 0; text-decoration:none;}
.hotel-info .hotelshortdesc ul{ width:100%; float:left; margin:0; padding:10px;} 
.hotel-info .hotelshortdesc ul li{padding:0 5px; float:left; list-style:none; font-size:14px; color:#4f4f4f; display: inline-block; line-height:30px;}
.breadcrumb-socialmedia .breadcrumb ul li a { background: url(/holidays/images/breadcrumb-arrow.png) no-repeat right 10px; padding: 0 15px 0 0; color: #535353; text-decoration: underline;  line-height: 30px; text-transform: capitalize;display: inline-block;}
.hotel-info .hotelshortdesc ul li a { color:#4f4f4f; font-weight:400;}
.hotel-info .hotelshortdesc ul li a:hover{ color:#ed7600;}
.hotel-info .hotelshortdesc p{ width:100%; overflow:hidden; display:block; line-height:35px;}
.hotel-info .hotelshortdesc p span{ width:auto; overflow:hidden; font-size:16px; font-weight:normal; display:inline-block; padding:0 10px 0 0; color:#434343; float:left;}
.hotel-info .hotelshortdesc p img{ float:left}
.hotel-info .hotelshortdesc .tags{ width:100%; float:left; margin:10px 0 0 0;}
.hotel-info .hotelshortdesc .tags strong a{ background:#105b94; padding:5px; display:inline-block; color:#fff; text-decoration:none; margin:0 24px 0 17px}
.hotel-info .hotelshortdesc .tags span a{ color:#1e649a; display:none;}
.hotel-info .hotelenquiry {display: inline-block; position: absolute; top: 10px; right: 10px;}
.hotel-info .hotelenquiry .hotel-price{ width:100%;}
/*hotelinfo*/

/*roomfacilities*/
div.roomfacilities {width:100%;/* float:left; margin:0 auto; background:#ffffff; height:325px;*/}
div.lbox {width:350px; float:left; margin:20px 20px 20px 0; position:relative;}
		div.lbox a.img {float:left; margin:0 20px;  position:absolute; top:0; z-index:1;}
		div.lbox a.video {float:left; position:absolute; top:0; z-index:1; left:150px}
		div.lbox div.boxcontainer {width:348px; float:left; border:1px solid #5f5f5f; position:absolute; top:34px;}
		div.imgbox {width:310px; float:left; position:relative; margin:19px;}
		div.imgbox ul.click {width:auto; float:right; position:absolute; bottom:15px; right:15px;}
		div.imgbox ul.click li {float:left; margin-left:10px; list-style:none;}
		div.imgbox ul.click li img {border:1px solid #ffffff;}
		div.imgbox ul.click li img:hover { background:#115d97;}
		.btnClicked img{ background:#115d97;}
		div.imgbox ul.htl-img {width:100%; float:left;}
		div.imgbox ul.htl-img li {float:left; list-style:none;}
		div.imgbox ul.htl-img li img {width:310px; height:220px; margin:0;}
		div.videobox {width:310px; float:left; margin:19px;}
	
		div.rbox {width:1184px; float:right; margin:-20px 20px 20px 0; position:relative;}
		div.rbox a.htloverview {float:left; float:left; margin:0 20px;  position:absolute; top:0; z-index:1; left:0px;}
		div.rbox a.hotel {float:left; margin:0; float:left; margin:0 20px;  position:absolute; top:-1px; z-index:1; left:303px;}
		div.rbox a.room {float:left; float:left; margin:0 20px;  position:absolute; top:-1px; z-index:1; left:153px;}
		div.rbox div.boxcontainer {width:100%; float:left; height:258px; overflow:auto; position:absolute; top:0px; left:20px;	}
		div.rbox div.boxcontainer div.hoteloverview {/*width:528px;*/ float:left; margin:15px;}
		div.rbox div.boxcontainer div.hotelfacilities {/*width:528px;*/ float:left;/* margin:15px;*/} 
		div.rbox div.boxcontainer div.roomfacilities {/*width:528px;*/ float:left; margin:15px;}
		div.rbox div.boxcontainer div.locationmap {/*width:528px;*/ float:left; margin:15px 0; width:100%; height:400px;}
		div.rbox p {width:100%; float:left; font-size:14px; line-height:18px;}
		div.rbox h3, div.rbox ul li strong {font-size:20px; padding:20px 0 2px 0; color: #34363e; font-weight:600!important; width:100%; float:left; display:block;}
		div.rbox h4 {font-size:20px; margin-bottom:15px;}
		div.rbox ul { float:left; list-style-type:disc; margin:0px 20px 30px;}
		div.rbox ul li {width:100%; float:left; list-style:none; margin:4px 0; font-size:14px; line-height:20px;}
		div.rbox ul li strong{}

/*special Offers*/
.special-offers{ min-width:460px; border:1px solid #84a9c4; position:relative; float:left; margin:20px 0 20px 45px;}
.special-offers .offerbg{ position:absolute; top:-32px; left:-48px;}
.special-offers .offerslist{ float:left; min-width:100%; min-height:52px; padding:0 15px 0 0;}
.special-offers .offerslist ol{ margin:2px 0 2px 50px; padding:0;}
.special-offers .offerslist ol li{ color:#4f4f4f; font-size:15px; padding:3px 15px; font-weight:normal;  background:url(../images/special-offers-bullet.png) no-repeat left 7px; list-style:none;}
/*special Offers*/

/*hd-btm-call*/
.hd-btm-call {float:right; text-align:right;}
.hd-btm-call strong{font-size:27px; color:#6C6C6C;}
.hd-btm-call strong span{color:#E76938;}
.hd-btm-call strong span a{color:#E76938; text-decoration:none;}
.slider {
	height:375px;
	background:transparent!important;
}
.slider ul.imagesslider {
	width:1003px;
	background:#fff;
}
.top-desti {
	margin:295px 0 0 0;
}
#spnDestinationName {
	display:none;
}
.e-mailenquiry1 {
	background:#f8f8f8;
	border: 1px solid #cccccc;
	border-radius:3px;
	text-align:center;
	width:225px;
	margin:25px 5px 0px 0px;
	clear:both;
	float:right;
}
.newcall-bx strong {
	font-size:20px;
	background:url(/st-newtheme/images/new-offer-ph.png) no-repeat 28px 4px;
	text-align:left;
	width:180px;
	display:block;
	padding:0 0 0 45px;
	font-family:Arial, Helvetica, sans-serif;
}
.newcall-bx span {
	display:block;
	color:#ce5729;
}
.newcall-bx p {
	font-size:11px;
	padding:3px 0;
}

.special-offers .offerslist {
	background:#ebebeb;
	min-width:100%;
}
.slider {
	height:375px;
	background:transparent!important;
}
.slider ul.imagesslider {
	width:1003px;
	background:#fff;
}
.top-desti {
	margin:295px 0 0 0;
}
#spnDestinationName {
	display:none;
}
.e-mailenquiry1 {
	background:#f8f8f8;
	border: 1px solid #cccccc;
	border-radius:3px;
	text-align:center;
	width:225px;
	margin:25px 5px 0px 0px;
	clear:both;
	float:right;
}
.newcall-bx strong {
	font-size:20px;
	background:url(/st-newtheme/images/new-offer-ph.png) no-repeat 28px 4px;
	text-align:left;
	width:180px;
	display:block;
	padding:0 0 0 45px;
	font-family:Arial, Helvetica, sans-serif;
}
.newcall-bx span {
	display:block;
	color:#ce5729;
}
.newcall-bx p {
	font-size:11px;
	padding:3px 0;
}

/*roomtbl*/
div.roomtbl {
	width:1160px;
	float:left;
	font-size:16px; font-weight:bold;
}
div.roomtbl div.lefttbl {
	width:560px;
	float:left;
}
div.roomtbl div.righttbl {
	width:560px;
	float:right;
}
div.roomtbl table {
	
	margin:0 auto;
	border:1px solid #ccd3d5;
	border-collapse:collapse;
}
div.roomtbl table tr {
	background:#eaecec !important;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
div.roomtbl table tr:hover {
	background:#e9f8ff;
	cursor:pointer;
}
div.roomtbl table tr:nth-child(odd) {
background:#fff;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
div.roomtbl table tr:nth-child(odd):hover {
background:#e9f8ff;
cursor:pointer;
}
div.roomtbl table tr th {
	background:#ed7600;
	text-align:center;
	border:1px solid #ccd3d5;
	padding:5px 0;
	color:#fff;
	font-weight:normal;
	vertical-align:middle;
}
div.roomtbl table tr td {
	text-align:center;
	padding:0px 0;
}

div.roomtbl table tr td.box3, 
div.roomtbl table tr td.box4, 
div.roomtbl table tr td.box5{ }

div.roomtbl table tr td.box3:before, 
div.roomtbl table tr td.box4:before, 
div.roomtbl table tr td.box5:before{content:'fr';}

div.roomtbl table tr td.box3:after, 
div.roomtbl table tr td.box4:after, 
div.roomtbl table tr td.box5:after{content:'*'; font-size:11px; vertical-align:top;}

div.roomtbl table tr td strong {
	font-weight:normal;
	color:#2a2a2a;
}
div.roomtbl table tr td a {
	color:#2a2a2a;
	text-decoration:none;
}
div.rbox{ float:left; margin:0px 20px 20px 0!important;}
div.rbox div.boxcontainer{ width:98%; }
div.rbox div.boxcontainer div.hoteloverview{/* width:925px;*/}
div.rbox div.boxcontainer div.hotelfacilities{ /*width:925px;*/}
div.rbox ul{ /*width:900px;*/}
.PhotoGallery {width: 100%;float: left;}
.PhotoGallery .LeftPhotoBox {width: 310px;float: left;background: #ffffff;margin: 2px 0 10px 10px;min-height: 242px;}
.PhotoGallery .LeftPhotoBox img {width: 400px;height: 245px;}
.PhotoGallery .RightPhotoBox {width: 800px;float: right;margin: 0px 10px 0px 0px;}
.PhotoGallery .RightPhotoBox ul {width: 100%;float: left;}
.PhotoGallery .RightPhotoBox ul li{float: left;background: #ffffff;line-height: 0;margin: 5px;cursor: pointer; list-style:none; box-shadow: 2px 2px 10px #B3C0C3;
}
.PhotoGallery .RightPhotoBox ul li img {width: 140px; height:100px;}
.PhotoGallery .RightPhotoBox ul li img:hover {opacity: 0.4; filter: alpha(opacity=40);}
div.HeadingBox {width: 100%;float: left;margin: 0px 10px;}
div.HeadingBox h1 {width: auto;float: left;display: inline-block;padding: 3px 0;color: #282828;font-size: 29px;font-weight: normal; margin:10px  0;}
div.HeadingBox img.RatingStar {float: left;margin: 12px 0px 0px 10px;}
div.HeadingBox p.PriceFare {width: auto;float: left;display: inline-block;font-size: 26px;color:#105b94;margin: 10px 18px; font-weight:bold;}
div.HeadingBox p.PriceFare small {display: inline-block;font-size: 16px;color: #000000;}
.hotel-info .hotelenquiry .hotel-price strong{}
div.roomfacilities{ height:auto!important;}
div.rbox div.boxcontainer{ height:auto!important; position:relative!important; margin:0 0 26px 0;}
.hd-btm-call strong{ padding:0 20px 0 0;}


@media screen and (max-width:1024px) {
div.roomtbl{ width:100%; margin:20px 0; font-size:14px;} div.roomtbl div.lefttbl, div.roomtbl div.righttbl{ width:49%;}
div.rbox{ width:100%;} div.rbox div.boxcontainer{ width:100%;left:0px;} .PhotoGallery .RightPhotoBox{ width:562px;}
.PhotoGallery .RightPhotoBox ul li img{ width:102px; height:102px;}
div.destination div.bx-wrapper{ width:930px!important;}
div.HeadingBox {margin: 0px; padding:10px;} div.HeadingBox h1{ font-size:19px; width:65%; float:left;}  div.HeadingBox h1 > img{ vertical-align:middle;}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
.PhotoGallery .RightPhotoBox{ width:339px;}
.PhotoGallery .RightPhotoBox ul li img{ width:100px; height:70px;}
div.destination div.bx-wrapper {width:700px!important;}
.hotel-info .hotelshortdesc ul {/*width:70%;*/width:100%;} div.roomtbl div.lefttbl, div.roomtbl div.righttbl{ width:100%; }
div.HeadingBox p.PriceFare{ font-size:20px; float:right; width:30%; margin:13px 0 0 0px;}
div.roomtbl div.righttbl table th{ display:none;} div.roomtbl table tr td{ width:208px;} div.roomtbl table{ border:none;}

.slider {margin:0px 0 0;}
div.thumb-gallery div.thumbnail{width:19%; margin-right:5px;}
div.thumb-gallery a{width:100%;}
div.thumb-gallery div.thumbnail p{width:100%;}
div.thumb-gallery div.thumbnail p img{width:100%;}
}