﻿.body{
	 -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      max-width: 950px;
      min-width: 300px;
      height: 100%;
      margin: 0 auto;
      overflow: auto;
      position: relative;
      display: block;
      -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.35);
      -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.35);
      box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.35);
      background-color:White;
}
.ULTop { vertical-align:bottom; height:100px; }
.ULTop ol { float:right !important;}
li
{
	list-style:none;
}
.contactInfo li
{
	float:left;
	max-width:170px;	
	padding:0px 7% 0px 5%;
}

.UnitInfo
{
	display:inline-block;
}

#trLocationInfo ul
{
	clear:both;
	display:inline-block;
	width:100%;
}

#trLocationInfo li 
{
	float:left;
	min-width:30%;
	line-height:15px;
}
#trLocationInfo li:nth-child(4)
{
	float:right;
	margin-right:5%;
}
#trLocationInfo li img
{
	width:220px;
}

#trLocationInfo div div:first-child
{
	float:left;
	margin:10px 0px 0px 15px;
	font-size:28px;
	color:#354D7B;
}

#trLocationInfo div div
{
	display:inline-block;
	height:25px;
}
#trLocationInfo div div:last-child
{
	float:right;
	margin:10px;
}
.subhead
{
	padding-left:7%;
	clear:both;
	display:block;
}

.UnitInfo ul input[type='text']
{
	width:120px;
	
}
.UnitInfo ul li
{
	min-width:120px !important;
}
#MandatoryMsg
{
	float:left;
    margin-left:5%;
	
}
.red
{
	color:Red;
	font-size:small;
	min-width:350px;
	display:inline-table;
}
.ReservationDate
{
	float:left;
	width:100%;
}
.ReservationDate li
{
	width:100%;
}

#Phone, #phone, #UcTop_lblHeader 
{
	font-family: Calibri; font-size: 24px; font-weight: bold;
}

.UnitInformation
{
	
	 -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width:85%;
      height: 100%;
      margin: 0 7%;
      position: relative;
      display: inline-block;
      background-color:White;
      border-top:1px solid #DDD;
      border-bottom:1px solid #DDD;
       
}
.line
{
	 margin: 0 7%;
	 width:85%;
      border-bottom:1px solid #DDD;
}

.ReservationDate
{
	padding-top:30px !important;
}
.UnitInformation li
{
	float:left;
	padding:0px 7% 0px 5%;
}
#lblSpecials li
{
	list-style-type:disc;
	min-width:200px;
}
.UnitInformation ul li span:first-child
{
	font-weight:bold;
}
.divButton
{
	
	display:inline-table;
	text-align:center;
	min-width:60%;
	max-width:80%;
	 margin: 20px auto;
	 float:right;
	
}
.divButton div
{
	float:left;
	padding:5px;
}
textarea
{
	height:60px !important;
}

.divTop 
{ 
 border-bottom:solid 2px rgb(232, 211, 210);
}
.ULTop li
{
	float:left;
	font-size:99%;
	}
	
	.clear
	{clear:both;}
	
#tdBottom	{ margin-left:auto; margin-right:auto; width:100% }

#lbltnt_vch_HomePhone,#lbltnt_vch_WorkPhone { font-size:14px;}
.BottomControl_Merrick {   max-width: 950px;
      min-width: 300px; }
@media screen and (max-width: 670px) 
{
	#trLocationInfo li { min-width:25% !important}
}

@media screen and (max-width: 550px) 
{
	
	.CompanyCaption { display:none;}
	.LocationPhone div, .LocationPhone span { font-size:18px !important;}
	.ULTop li {font-size:10px !important;}
	.ULTop li:nth-child(3) {  min-width:50%}
	.ULTop ol li { margin-left:5px !important}
	
	
	.divBack a{ display:none;}
	
	#trLocationInfo li .TextBold { font-size:11px !important;}
	
	#trLocationInfo li { min-width:48% !important}
	#trLocationInfo li img{ width:120px !important}
	
	#lblLocAddrs,#lblLocHrs,#lblLocGateHrs {font-size:10px !important;}
	#lblLocAddrs {font-size:10px !important;}
	/*#lblLocHrs,#lblLocGateHrs { display:none;}*/
	#trLocationInfo li:nth-child(4) { margin-right:5% !important; min-width:20% }
	
	/*#locAddress span{ display:none;}*/
	.UnitInformation ul li span:first-child
	{
		font-size:12px;
	}
	.UnitInformation ul li
	{
		font-size:11px;
	}
	
	.UnitInformation
	{
		 -webkit-box-sizing: border-box;
		  -moz-box-sizing: border-box;
		  box-sizing: border-box;
		  width:100%;
		  height: 100%;
		  margin: 0%;
		  position: relative;
		  display: inline-block;
		  background-color:White;
		  border-top:1px solid #DDD;
		  border-bottom:1px solid #DDD;
	}
	.ReservationDate { padding-top:10px !important}
	#txtDateNeeded { width:170px}
	#spanResDays { font-size:10px;}
	.divButton {min-width:75%}
	#tdBottom	{ width:100% }
}

@media screen and (min-width: 550px and max-width: 730px) 
{
	.ULTop li {font-size:10px !important;}
	.ULTop ol { clear:left; float:right;}
	.ULTop ol li {  min-width:27% ;}
	#trLocationInfo li { min-width:33% !important}
}