/* autor:Saminathan; Email:nellaisami@outlook.com */



body{padding:0;margin:0; font-style:normal; font-size:14px;}



html{font-smoothing: antialiased;-webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased;  -moz-osx-font-smoothing: grayscale;}



.clear{content: ".";display: block;clear: both;height: 0;visibility: hidden;}



ul, li{list-style:none; padding:0; margin:0;}



h1,h2,h3,h4,h5,h6{font-style: normal;font-weight: 400;}



.img-full{display:inline-block;}



.img-res{width:100%; display:inline-block;}



.tagline-divider{margin:15px auto 3px;max-width:250px;border-color:#999}



.img-border{float:none;margin:0 auto;border:#999 solid 1px}



.img-left{float:none;margin:0 auto}



.empty-div{ padding:15px 0;}



.mobile{display:none;}



.desktop{display:block;}



.tablet{display:none;}



.nomargin{margin:0 !important;}



.norhtmargin{margin-right:0px !important;}



.notopmargin{margin-top:0px; !impotant;}



.nolftmargin{margin-left:0px !important;}



.nobtmmargin{margin-bottom:0px; !impotant;}



.nopadding{padding:0 !important;}



.norhtpadding{padding-right:0px !important;}



.notoppadding{padding-top:0px !important;}



.nolftpadding{padding-left:0px !important;}



.nobtmpadding{padding-bottom:0px !important;}



.noborder{border:none !important;}



.displaynone{display:none;}



.displayblock{display:block;}



.no-js #loader { display: none;  }



.js #loader {display: block; position: absolute; left: 100px; top: 0;}



.se-pre-con {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background: url("../images/loaders/Preloader_8.gif") center no-repeat #fff;}











body{}



#menulist{

width:22%;

}

@media only screen and (max-width: 440px) and (min-width: 280px)  {

	.headermenu{

		float:left;

		 

	}

	.greydot{

		font-size:12px;

	}

	.button-glossy_home.blue{

		font-size:10px;

	}
	.footerimagelink
	{
		width:187px;
	}
	#navi-bottom li
	{
		width:211px;
	}
	.searchmainpage.index{
	margin-left:18px;
	}

}

@media only screen and (max-width: 641px) and (min-width: 440px)  {

	 

	.greydot{

		font-size:13px;

	}

	.button-glossy_home.blue{

		font-size:12px;

	}

	#menulist,.logo{

	padding-bottom:10px;

	}

	#menulist1{

	padding-left:22%;

	padding-bottom:10px;

	width:100%;

	}

	#menulist{

	width:100%;

	}
	.footerimagelink
	{
		width:187px;
	}
	#navi-bottom li
	{
		width:211px;
	}

	#navi-bottom #roundmenu{
	margin-left:22px;
	}

}

@media only screen and (max-width: 822px) and (min-width: 642px)  {

	

	#logo{

	width:15%;

	padding-left:0px;

	margin-left:0px;

	}

	#ullist{

	width:80%;

	}

	.headermenu{

		float:left;

		padding-left:26%;

	}

}



@media only screen and (max-width: 767px) {





	/*hip edit*/

	

	.headermenu {

    float: left;

    width: 100%!important;

	padding-left:0px!important;

	

}



	.greydot {

	background:none

	}

	



}



@media only screen and (max-width: 822px) and (min-width: 767px)  {

	#menulist1{

	width:32%;

	}

	#menulist{

	padding-left:12%;

	width:32%;

	}

	 

	#logo{

	width:10%;

	padding-left:0px;

	margin-left:0px;

	}	

	

	/*hip edit*/

	

	.headermenu {

    float: left;

    width: 100%!important;

	padding-left:0px!important;

	

}



	.greydot {

	background:none

	}

	.row.yatchdata{
	padding-left:22%;
	}

	

		

}

@media only screen and (max-width: 994px) and (min-width: 822px)  {

 

	#logo{

	width:6%;

	padding-left:0px;

	margin-left:-91px;

	}	
	.row.yatchdata{
	padding-left:20%;
	}
	.index-heading{
	padding-left:20%;
	}
.calend tr td{
padding:17px 36px;
}

}

@media only screen and (max-width: 350px) and (min-width: 280px)  {

#onlinelink{

	width:20%;

}
#body-footer-wrap .container .col-xs-10 col-sm-3 col-md-2 col-lg-2{
margin-left:17px;
}
}

@media only screen and (max-width: 499px) and (min-width: 320px)  {

#logosection,#subheader{

padding-left:30%;

}

}

@media only screen and (max-width: 570px) and (min-width: 444px)  {

#onlinelink{

	width:36%;

}

}

@media only screen and (max-width: 570px) and (min-width: 500px)  {

.ib.bargain{

 width:25%;

 }

 .ib.checked{

 width:41.6%;

 }

 .ib.usp{

 width:33.3%;

 }

}

@media only screen and (max-width: 767px) and (min-width: 570px)  {

#links{

padding-left:10%;

}

#onlinelink{

padding-left:40%;

}

/*#pricePernight{

 margin-left:25%;

 }*/

 .ib.bargain{

 width:25%;

 }

 .ib.checked{

 width:41.6%;

 }

 .ib.usp{

 width:33.3%;

 }

}

@media only screen and (max-width: 535px) and (min-width: 285px)  {

#footeradd{

margin:-31px 0 45px;

}

}

#ib{

color:#0070c0;

}



#icon{

color:gray;

font-size:29px;

}

.container-fluid{

padding-bottom:15px;

}



@media only screen and (max-width: 450px) and (min-width: 320px)  {

#formimg{

padding-left:0px;

padding-bottom:10px;

}

.list_rigthcolumn{

width:275px;

}

.index-search-h

{

font-size:14px;
text-align:center;

}
.ss_details_top .yourlist_img{
width:42px !important;
}

#searchTextField

{

width:211px !important;

padding: 5px 5px 5px 40px !important;

font-size: 12px;
margin-left:18px !important;
}

}



.search_homebtn{

padding-left:40px;

text-align:left;

}

#search_options

{

margin-left:18px;

}

.button-glossy{

 font-size: 15px;

 margin-left: 8%;

 }

}

#search_options

{

margin-left:36px;

}

@media only screen and (max-width: 991px) and (min-width: 580px)  {

.list_rigthcolumn {

    border: 1px solid #6dbde6;

    box-shadow: -10px 0 5px -5px rgba(0, 0, 0, 0.1) inset;

    height: 370px;

    padding: 0 15px 0 84px;

    width: 522px;

	}

#formimg{

padding-bottom:10px;

}

#menu{

width:50%;

}

#roundmenu{

 margin-bottom:10px;

 }
.calend tr td{
padding:17px 36px !important;
}

}



@media only screen and (max-width: 420px) and (min-width: 320px)  {

#menu{

width:20%;

}

#room ul.rooms_sub_navhomepage > li {

 margin-bottom: 7px;

 }

 #roundmenu

 {
padding-left:0px;
 margin-bottom:10px;

 }

 #pricePernight{

 margin-left:10%;

 }

 .search_btn

{

/*margin-top:20% !important;

*/}

.search_result.price

{

float:left !important;

}

.termsimg

{

width:250px;

}

.footerth

{

font-size:9px;

}
#list-program-table td{
font-size:12px;
}
.form-list .customer-name-middlename .name-firstname { width:100%; }

}

@media only screen and (max-width: 580px) and (min-width: 420px)  {

#menu{

width:40%;

}

#room ul.rooms_sub_navhomepage > li {

 margin-bottom: 7px;

  margin-left: 46px;

 }

 #roundmenu{

 margin-bottom:10px;

 }

 /*#pricePernight{

 margin-left:20%;

 }*/

 /*.search_btn

{

margin-top:20% !important;

}*/

.search_result.price

{

float:left !important;

}
.form-list .customer-name-middlename .name-firstname { width:100%; }
}

/*#roundmenu{

padding-left:0px;

}*/

#homecontainer{

   border-color: #d0d0d0;

    border-image: initial;

    border-radius: 6px;

    border-style: solid;

    border-width: 1px;

    clear: both;

    margin-top: 10px;

    padding: 10px;

}


#searchTextField{

padding: 0 0 0 40px !important;

 background: #fff url("../images/search_homeimg.png") no-repeat scroll 3px -4px !important;

}

#roundbadge{

padding-left:0px;

margin-bottom:10px;

}



#imgcontainer{

padding-left:8%;

padding-right:16%;

}


@media only screen and (max-width: 1080px) and (min-width: 993px)  {

#imgcontainer{

padding-left:4%;

}
#roundmenu{
margin-bottom:10px;
}


}

/*.search_btn

{

margin-top:5%;

}*/



.star_rating{

padding:0px;

}

.footer_heading{

font-family:serif;

font-size:24px;

font-weight:700;

color:#0000ff;



}

.footer_content{

font-family:Open Sans;

font-size:18px;

color:#0000ff;

text-indent:50px;



}

.green

{

color:#008000;

font-size:20px;

}

.red{

color:#ff0000;

font-size:20px;

}

#listsearch

{

    border: 1px solid #d8d8d8;

    border-radius: 6px;

    box-shadow: 0 8px 6px -6px #ccc;

	padding: 10px;

    position: relative;

	margin-bottom: 1%;

    margin-left: 3%;

    margin-right: 3%;

}

#pricedata

{

padding-top:10px;

}

.price{

padding-left:20%;

}

@media only screen and (max-width: 767px) and (min-width: 320px)  {

#listsearch

{

    border: 1px solid #d8d8d8;

    border-radius: 6px;

    box-shadow: 0 8px 6px -6px #ccc;

    margin: 6px 81px 0 1px;

	padding: 10px;

    position: relative;

}
.rounded, #roundmenu{
padding-left:4%;
}

}

a:hover.advance_srch_btn{

    color: #fff !important;

    text-decoration: none !important;

}

.img-responsive.search

{

height:320px;

width:100%;

}

#maps_div{

width:100% !important;

}



@media (max-width:640px){

.form-list input.input-text{

width:100% !important;

}

.form-list select{

width:100% !important;

}

.form-list li.wide input.input-text{

width:100% !important;

}

.form-list .input-box { display:block; clear:both; width:100%; }

.form-list .customer-name-middlename .name-firstname { width:100% !important; }

.form-list .field { float:left; width:100%; }

.form-list .input-box{width:100%;
}

.form-list input.input-text { width:100%; }



.form-list textarea { width:254px; height:10em; }



.form-list select { width:100%; }



.form-list li.wide .input-box { width:100%; }



.form-list li.wide input.input-text { width:100%; }

.form-list .customer-name-prefix .name-firstname input.input-text,



.form-list .customer-name-suffix .name-lastname input.input-text,



.form-list .customer-name-middlename .name-firstname input.input-text,



.form-list .customer-name-middlename-suffix .name-firstname input.input-text,



.form-list .customer-name-middlename-suffix .name-lastname input.input-text { width:100%; }

.form-list .name-prefix input.input-text { width:49px !important; }

.form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month{

padding:5px;

}

.form-list .customer-dob .dob-year{

padding:4px;

}

}

.req{

color:#eb340a;

}

.description{

 	background: #f7f7f7 none repeat scroll 0 0;

    border: 1px solid #dbdbdb;

	}

#propcountry{

margin-left:0px !important;

}

@media (max-width:320px){

#imgcontainer{

padding-left:0px;

}

#room ul.rooms_sub_navhomepage li.main_link{

margin-left:15%;

}

#homepage_badges li.rounded{

margin:0px;

padding:5px;

}

}
@media only screen and (max-width: 1200px) and (min-width: 991px)  {
#imgcontainer{
padding-left:0px;
padding-right:0px;
}
.list_rigthcolumn {
    border: 1px solid #6dbde6;
    box-shadow: -10px 0 5px -5px rgba(0, 0, 0, 0.1) inset;
    height: 370px;
    padding: 0 10px;
	}
.calend tr td{
padding:17px 31px !important;
}
}