/* @override 
	http://newhometown/css/medium.css
	http://www.dosmaresbajasur.com/NewSite/css/medium.css
	http://www.visitbajasur.mx/NewSite/css/medium.css
	http://www.chapelhillrent.com/NewSite/css/medium.css
*/

#scroller #body{
	background: white;
	width: 100%;
	padding: 0;
	margin: 0;
	border: 0;
	float: none;
}

#scroller #body.mainHTR .leftColumn{
	width: 0px;
	transition: width .3s;
	position: absolute;
	z-index: 100;
}
	
#scroller #body.mainHTR .leftColumn.open{
	width: 200px;
	overflow: hidden;
	margin-bottom: 5px;
	box-shadow: 30px 2px 101px 15px rgba(255,255,255,0.90);
	transition: width .5s;
}

#scroller #body.mainHTR .clsLC{
	display: inline;
	float: right;
	line-height: 8px;
	font-size: 17px;
	font-weight: normal;
	font-style: normal;
	cursor: pointer;
}

#login #socialLeft, #news, .nwsHdr{
	display: none;
}

#domainName{
	width: 60%;
	margin-right: 0px;
}

#domainName h2{
	font-size:35px;
	margin-top:20px;
}

#domainName h3{
	font-size:17px;
}

#slogan{
	width:160px;
	background-position: 2px 0px;
}

#domainName .bigSlogan{
	font-size: 14px;
	line-height: 15px;
}

#domainName .env{
	font-size: 8px;
	width: 80px;
	display: none;
}

#servicePromo{
	width: auto;
	float: right;
	margin-right: 5px;
	padding-top: 25px;
}

#servicePromo a{
	font-size: 15px;
}

#listingResults, #body div.wrapper, #footer .wrapper{
	margin: 0;
	border: 0;
	padding: 0;
	width: 100%;
}

#lesserMenu{
	background-position-x: 250px;
}

#mainMenu > li#leftMenu{
	display: list-item;
}

#lastLeft{
	display: none;
}

body #scroller{
	width: 99%;
	/*border: 0;*/
	margin: auto;
	padding: 0;
	box-shadow: none;
}

#logoAndExtras{
	height:100px;
}

#mainMenu li a, #mainMenu li span{
	font-size: 16px;
}

#mainMenu li.hhh.Nat, #mainMenu li.hhh.NatDiv{
	display: inline;
}

#body #search.top *, #listingResults h3, #listingResults #regularResults th.regHed{
	font-size: 19px;
	padding: 10px 6px;
}

#listingResults #featuredLts h3{
	width: 300px;
}

#listingResults #featuredLts h3{
	padding: 8px;
}

#body .featuredRoller{
	width: 800px;
	margin: auto;
}

#scroller #header .wrapper{
	height:145px;
	width: 100%;
	padding: 0;
	border: 0;
	margin: 0;
}

#listingDetail{
	min-height: 700px;
	width: 100%;
	margin: 0;
	padding: 0;
}

#listingDetail #detailRight{
	float: right;
	min-height: 200px;
	height: auto;
}

#bannerSpaceNarrow, #bannerSpaceAllAcross{
	float: none;
	width: 98%;
	margin: auto;
	padding: 0;
	overflow: hidden;
	height: auto;
}

#body .wrapper .page-wrapper:last-child{
	width: 98%;
	padding: 1%;
	margin: 0;
}

#pageAndAdd .pagination{
	margin-left: 28%;
}

.pagination > *{
	font-size: 15px;
	padding: 8px 15px;
}

#body #listingResults #featuredResults article{
	display: table-row;
}

#body #listingResults #featuredResults article > *{
	display: table-cell;
	min-width: auto;
}

#body #listingResults #featuredResults article .lg{
	width: 75%;
}

#body #addToMyList{
	float: right;
	margin: 0;
	margin-right: 20px;
}

#scroller .promoInner .twoCols > div{
	width: 45%;
	margin-right: 5%;
	margin-left: 0;
}	

.goToSection{
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}

@media (max-width: 930px) {
	#mainMenu li.hhh{
		display: none;
	}
	
	#domainName{
		/*background: green;*/
	}
	#body #listingResults #featuredResults article .lg{
		width: 70%;
	}
	#pageAndAdd .pagination{
		float: none;
		margin: auto;
		width: 80%;
	}
	#body #addToMyList, .add_tL{
		display: none;
	}
}

@media (max-width: 855px) {
	#domainName{
		width: 55%;
		/*background: blue;*/
	}
	#domainName h2{
		font-size:25px;
		margin-top:25px;
	}
	#domainName h3{
		font-size:16px;
	}
}

@media (max-width: 805px) {
	body #scroller{
		width: 100%;
		margin: 0;
	}
	
	#domainName{
		width: 55%;
		/*background: red;*/
	}
	
	#detailData, #detailWrap{
		padding-bottom: 0;
	}
	
	#detailData{
		padding-top: 10px;
		padding-left: 10px;
	}
	
	#body .featuredRoller{
		width: 100%;
		overflow: hidden;
	}
	
	#listingDetail #detailRight{
		padding-top: 5px;
		padding-right: 6px;
		width: 135px;
	}
	
	.rightA, .leftA, .hasImgs, .noImgs{
		display: none;
	}
	
	#detailData, #detailWrap{
		margin: 0;
		padding-right: 0;
	}
	
	#detailData .amenities{
		float: left;
		width: auto;
		padding-right: 0;
		min-width: 200px;
		padding-bottom: 6px;
	}
	
	#scroller #body #regularResults td.lg{
		padding-bottom: 5px;
		width: 60%;
		max-width: auto;
	}
	
	#listingResults #regularResults td.lg div{
		padding-top: 3px;
		max-width: auto;
	}
	
	#body .rollWrap{
		margin: auto;
		float: none;
	}
	
	#header #servicePromo{
		padding-top: 35px;
	}
	
	#header #servicePromo *{
		font-size: 12px;
	}
	
	#body #listingResults #featuredResults article .lg{
		width: 65%;
		min-width: 200px;
	}
	.pagination > *{
		display: none;
	}
	
	.pagination .next, .pagination .prev{
		display: inline-block;
		padding: 8px 25px;
		font-size: 16px;
	}
	
	.pagination .total-results{
		display: block;
	}
	
	#footer #lesserMenu{
		background-position-x: 20%;
		margin: 0px;
	}
}

@media (max-width: 735px){
	#domainName{
		/*background: gray;*/
	}
	#detailData .longDesc{
		padding-top: 0;
	}
	#detailData .longDesc p{
		margin-bottom: 6px;
	}
	#listingDetail.ftrd .promoHeader{
		display: none;
	}
	#domainName h2{
		font-size:20px;
		margin-top:30px;
	}
	#domainName h3{
		font-size:14px;
	}
	#mainMenu li.hhh.NatDiv span.division{
		width:1px;
		margin-right: 4px;
	}
	#logoAndExtras #servicePromo a{
		font-size: 10px;
	}
	#scroller #body #regularResults td.lg{
		width: 50%;
		max-width: auto;
	}
	#body #listingResults #featuredResults article span.myFab, .avail_pop{
		display: none;
	}
	/*NOW*/
	#listingDetail #detailRight{
		float: left;
		padding-top: 0px;
		padding-left: 20px;
		width: 95%;
		padding-right: 0;
	}
	#detailRight > *, #detailRight .pmData p{
		width: 130px;
		display: block;
		overflow: hidden;
		float: left;
	}
	#detailRight > .pinMap{
		width: auto;
	}
	#detailRight > .pmData{
		width: 350px;
		min-height: 92px;
	}
	#adOne, #adTwo{
		width: 100%;
	}
	#body #detailRight .pmData p{
		width: auto;
		margin: 0;
		margin-right: 5px;
		line-height: 13px;
		font-size: 13px;
		vertical-align: bottom;
		padding: 0;
	}
	#body #detailRight .pmData p.branding, #body #detailRight .pmData p.pmDfinal{
		margin-top: 10px;
	}
	 #body #detailRight .pmData p.pmDfinal{
		margin-left: 20px;
	}
	#listingDetail #detailData{
		float: none;
		margin: auto;
		width: 95%;
	}
	#listingDetail #detailData .dtlOne > div{
		margin-left: 30px;
	}
	#body .wrapper #addProperty{
		display: none;
	}
	#body #listingResults #featuredResults article .lg{
		width: 80%;
	}
	#body #listingResults #featuredResults article .lg div{
		width: 85%;
	}
	#scroller #listingResults article > section.br_ba{
		line-height: 16px;
	}
}

@media (max-width: 665px){
	#listingDetail #detailHdr h3{
		width: 96%;
	}
	#domainName{
		/*width: 76%;*/
		padding-left: 1%;
		/*background: darkcyan;*/
	}
	#slogan{
		width:22%;
		background-position: -22px 0;
	}
	.cntact{
		display: none;
	}
	#scroller #body #detailData .dtlOne .heroImg{
		margin-bottom: 5px;
	}
	#body #detailData .dtlOne .heroImg, .dtlOne > *{
		margin: 0px auto;
		margin-top: 0px;
		width: 100%;
		height: auto;
	}
	.blgLink, #mainMenu li.hhh.NatDiv{
		display:none;
	}
	.dtlOne .heroImg img{
		display: block;
		width: 100%;
	}
	
	.dtlOne div > p.dtlProps, #detailRight .pmData p{
		font-size: 13px;
	}
	
	#detailData .dtlOne .dtlPrice, #detailData .dtlOne .dtlReply{
		float: none;
		margin: 9px auto;
		width: 290px;
	}
	
	#detailData h4{
		padding: 5px 15px;
		text-transform: capitalize;
	}
	
	#detailRight > .functs{
		width: 122px;
	}
	
	#detailRight .pmData{
	 	width: 74%;
	 	min-height: 62px;
	}
	
	#listingDetail #detailData .dtlOne > div{
		margin-left: 0px;
	}
	
	#scroller #listingResults article > section.br_ba{
		width: 20px;
		min-width: 20px;
		font-size: 13px;
	}
		
	#scroller #listingResults .bigFig{
		font-size: 12px;
		width: 65px;
	}
	
	#scroller #listingDetail.aboutPage #promoWrap .promoStart{
		display: none;
	}
	#scroller .promoInner .twoCols > div{
		margin-bottom: 10px;
		width: 90%;
		margin-right: 0;
	}	
}

@media (max-width: 600px){
	#domainName{
		width: 290px;
	}
	#header #servicePromo{
		padding-top: 15px;
		width: 110px;
		height: 80px;
	}
	#promoWrap .promoInner .twoCols .promoStart{
		float: left; 
	}
	.tsmonLink{
		display:none;
	}
}

@media (max-width: 535px){
	#slogan{
		background-position: -35px 0;
	}
	#domainName{
		width: 210px;
		/*background: black;*/
	}
	#domainName h2{
		margin-top: 20px;
		font-size: 15px;
		background: white;
	}
	#scroller #domainName h3{
		font-size: 12px;
		line-height: 13px;
		background: white;
	}
	#scroller #body #regularResults td.lg{
		width: 60%;
		min-width: 60%;
		max-width: auto;
	}
	#scroller #body #regularResults td.lg > *{
		width: 100%;
		min-width: 80px;
		max-width: auto;
	}
	#body #listingResults #featuredResults article .lg *{
		line-height: 18px;
	}
	.pLoc,.lstSrch,.lstPrnt,.lstAddL,.lstView{
		display: none;
	}
}

#detailRight .pmData .pmDfinal a{
	font-size: 12px;
}