﻿body
{
	font-family:verdana,arial,sans-serif;	
	background-color: #ECECEC;
}

 .Subhead
 {
	width:30%;
	color:#10487B;
    font-size:14px;
 }

li
{
	list-style:none;
}
#divBodyContent, #wrapper
{  -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      max-width: 880px;
      min-width: 300px;
      height: 100%;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      display: block;
      -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);
      -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);
      box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.35);
      background-color:White;
	}
	
#trLocationInfo ul
{
	clear:both;
	display:inline-block;
	width:100%;
}

#trLocationInfo li 
{
	float:left;
	min-width:18%;
	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;
}

.UnitGroup
{
	font-family:Verdana, Sans-Serif;
	font-size:20px;
	min-height:30px;
	padding:3px 0px 3px 10px;
	background: rgb(237, 237, 237);
	background: -moz-linear-gradient(90deg, #FFFFFF 11%, #D2CECD 82%);
	background: -webkit-linear-gradient(90deg,  #FFFFFF 11%, #D2CECD 82%);
	background: -o-linear-gradient(90deg,  #FFFFFF 11%, #D2CECD 82%);
	background: -ms-linear-gradient(90deg,  #FFFFFF 11%, #D2CECD 82%);
	background: linear-gradient(180deg,  #FFFFFF 11%, #D2CECD 82%);
	border:1px solid  #D2CECD;
	cursor:pointer;
}



.UnitSizeAvalabilityHead
{
	padding:5px;
}
@media screen and (min-width:360px) 


 {
    .lbllocnametitle
{
font-size:28px;
color:#354D7B;
}
    .locaddress
    {
        font-size:15px;
        font-weight:bold;
    }
     .locofficehours
    {
        font-size:15px;
        font-weight:bold;
    }
     .locgatehours
    {
        font-size:15px;
        font-weight:bold;
    }
    .UnitsHeading 
    {
        width: 100%;
        background-color: #DDDDDD;
        height: 32px;
        color:black;
        margin-bottom:15px;
    }
    .UnitsHeadinghide
    {
        width: 100%;
        background-color:  #DDDDDD;
        color:black;
        height: 32px;
    }

    .UnitsHeadingunitsize {
        
        float:left;
	min-width:15%;
    max-width:15%;
    font-weight:bold;

    }

    .UnitsHeadingunithide 
    {

        display: none;
        /*float: left;
        min-width: 15%;
        max-width: 15%;*/
        font-weight:bold;

    }

    .UnitsHeadingunitdescription {
        float: left;
        min-width: 23%;
        max-width: 23%;
        font-weight:bold;

    }

    .UnitsHeadingunitprice {
        float: left;
        min-width: 23%;
        max-width: 23%;
        font-weight:bold;

    }
      .UnitsHeadingunitpricehide 
    {
        display: none;
    }

    .UnitsHeadingunitdiscounts {
        float: left;
        min-width: 24%;
        max-width: 24%;
        font-weight:bold;

    }
      .UnitsHeadingunitdiscountshide 
    {
        display: none;
    }

    .UnitsHeadingunitreserve {
        float: left;
        min-width: 15%;
        max-width: 15%;
        font-weight:bold;

    }

    .btnUnit {
        width: 80px;
        font-size: 15px;
        padding: 5px;
        height: 35px;
        color: black;
        background-color: white;
        border-color: cornflowerblue;
        text-decoration: none;
        border-radius: 20px;
        border: 2px solid cornflowerblue;
    }

    .btnUnits {
       
        width: 80px;
        font-size: 15px;
        padding: 5px;
        height: 35px;
        color: white;
        background-color: #b40200;
        border-color: #b40200;
        text-decoration: none;
        border-radius: 5px;
    }

   .btnUnits:hover
    {
            width: 80px;
            font-size: 15px;
            padding: 5px;
            height: 35px;
            color: white;
            background-color: #b40200;
            border-color: #b40200;
            text-decoration: none;
            border-radius: 5px;
        }


    .UnitsHeadingdetails {
        width: 100%;
        height:90px;
        background-color: #FFFFFF;
    }


    .UnitsHeadingdetailsunitsize {
        float: left;
        min-width: 15%;
        max-width: 15%;
        color: Black;
        font-weight: bold;
    }

    .UnitsHeadingdetailsunitdescription {
        float: left;
        min-width: 23%;
        max-width: 23%;
        color: Black;
        font-weight: bold;
    }

.UnitsHeadingdetailsunitsizedescriptionhide
{
    display:none;
}
    .UnitsHeadingdetailsunitprice {
        float: left;
        min-width: 23%;
        max-width: 23%;
        color: Black;
        font-weight: bold;
    }

    .UnitsHeadingdetailsunitdiscounts {
        float: left;
        min-width: 24%;
        max-width: 24%;
        color: red;
    }

    .UnitsHeadingdetailsunitreserve {
        float: left;
        min-width: 15%;
        max-width: 15%;
        color: White;
        font-weight: bold;
    }
        .UnitsHeadingdetailsunitreservetext
{
    float:left;
	min-width:15%;
    max-width:15%;
	color:White;
	font-weight:bold;
    font-size:11px;
}	

    .UnitsHeadingdetailsunitreservetexthide
{
    display:none;
    
}


    .UnitsList {
        border-bottom-style: dashed;
        border-bottom-width: 1px;
    }
}

@media screen and (max-width: 750px) and (min-width:550px) 
{
    .lbllocnametitle
{
font-size:24px;
color:#354D7B;
}
    .locimg
   {
      display:none;
   }
    .lilocaddr
    {
        width:50%
    }
    .lilochours
    {
        width:50%
    }
    .locaddress
    {
        font-size:15px;
        font-weight:bold;
    }
     .locofficehours
    {
        font-size:15px;
       font-weight:bold;
    }
     .locgatehours
    {
        font-size:15px;
        font-weight:bold;
      }
     .lblloc
     {
        font-size:14px;
     }
.UnitsHeading
{
	width:100%;
	background-color:#DDDDDD;
    height:32px;
}
    .UnitsHeadinghide
    {
        width: 100%;
        background-color:  #DDDDDD;
        color:black;
        height: 32px;
    }
.UnitsHeadingunitsize
{
	float:left;
	min-width:15%;
    max-width:15%;
	background-color:#DDDDDD;
	color:Black;
	font-weight:bold;
    font-size:11px;
}
.UnitsHeadingunithide
{
    display:none;
	/*float:left;
	min-width:15%;
    max-width:15%;*/
	background-color:#DDDDDD;
	color:Black;
	font-weight:bold;
}

.UnitsHeadingunitdescription
{
	float:left;
	min-width:23%;
    max-width:23%;
	background-color:#DDDDDD;
	color:Black;
	font-weight:bold;
    font-size:11px;
}
    .UnitsHeadingunitpricehide 
    {
        display: none;
    }
.UnitsHeadingunitprice
{
	float:left;
	min-width:23%;
    max-width:23%;
	background-color:#DDDDDD;
	color:Black;
	font-weight:bold;
    font-size:11px;
}

.UnitsHeadingunitdiscounts
{
	float:left;
	min-width:24%;
    max-width:24%;
	background-color:#DDDDDD;
	color:Black;
	font-weight:bold;
    font-size:11px;
}
 .UnitsHeadingunitdiscountshide 
    {
        display: none;
    }
.UnitsHeadingunitreserve
{
	float:left;
	min-width:15%;
    max-width:15%;
	background-color:#DDDDDD;
	color:Black;
	font-weight:bold;
    font-size:11px;
}
    .btnUnit {
        width: 80px;
        font-size: 15px;
        padding: 5px;
        height: 35px;
        color: black;
        background-color: white;
        border-color: cornflowerblue;
        text-decoration: none;
        border-radius: 20px;
        border: 2px solid cornflowerblue;
    }
.btnUnits
{
    margin-left:5px;
    width:80px;
    font-size:11px;
    padding:5px;
    height:35px;
    color:white;
    background-color:#b40200;
    border-color:#b40200;
    text-decoration:none;
    border-radius:5px;
}
.btnUnits:hover
{
    width:80px;
    font-size:11px;
    padding:5px;
    height:35px;
    color:white;
    background-color:#b40200;
    border-color:#b40200;
    text-decoration:none;
    border-radius:5px;
}


.UnitsHeadingdetails
{
	width:100%;
    height:110px;
	background-color:#FFFFFF;
}
.UnitsHeadingdetailsunitsize
{
	float:left;
	min-width:15%;
    max-width:15%;
	background-color:#FFFFFF;
	color:Black;
	font-weight:bold;
    font-size:11px;
}
.UnitsHeadingdetailsunitdescription
{
	float:left;
	min-width:23%;
    max-width:23%;
	background-color:#FFFFFF;
	color:Black;
	font-weight:bold;
    font-size:11px;
}

.UnitsHeadingdetailsunitsizedescriptionhide
{
    display:none;
}

.UnitsHeadingdetailsunitprice
{
	float:left;
	min-width:23%;
    max-width:23%;
	background-color:#FFFFFF;
	color:Black;
	font-weight:bold;
    font-size:11px;
}
.UnitsHeadingdetailsunitdiscounts
{
	float:left;
	min-width:24%;
    max-width:24%;
	background-color:#FFFFFF;
	color:red;
    font-size:11px;
}
.UnitsHeadingdetailsunitreserve
{
	float:left;
	min-width:15%;
    max-width:15%;
	color:White;
	background-color:#FFFFFF;
	font-weight:bold;
    font-size:11px;
}
.UnitsHeadingdetailsunitreservetext
{
    float:left;
	min-width:15%;
    max-width:15%;
	color:White;
	background-color:#FFFFFF;
	font-weight:bold;
    font-size:10px;
}
.UnitsHeadingdetailsunitreservetexthide
{
    display:none;
    
}	
}

@media screen and (max-width: 550px) 
{
    h5 {
        margin-bottom: 0px !important;
    }

    .lbllocnametitle
{
font-size:13px;
color:#354D7B;
font-weight:bold;
}
    .UnitsHeading {
        width: 100%;
        background-color: #DDDDDD;
        height: 32px;
        padding-bottom: 10px;
    }
  .UnitsHeadinghide
{
	width:100%;
	background-color:#DDDDDD;
    height:32px;
}
    .UnitInventoryHeader
    {
        display:none !important;
    }
    .locimg {
        display: none
    }
     .lilocaddr
    {
        width:50%
    }
    .lilochours
    {
        width:52%
    }
    .locaddress
    {
        font-size:12px;
        font-weight:bold;
    }
     .locofficehours
    {
        font-size:12px;
       font-weight:bold;
    }
     .locgatehours
    {
        font-size:12px;
        font-weight:bold;
      }
     .lblloc
     {
        font-size:12px;
     }
.UnitsHeadingunitsize
{
    display: inline-block;
	float:left;
	min-width:33%;
    max-width:33%;
	background-color:#DDDDDD;
	color:Black;
	font-weight:bold;
    font-size:13px;
}
    .UnitsHeadingunithide {
        float: left;
        min-width: 25%;
        max-width: 25%;
        background-color: #DDDDDD;
        color: Black;
        font-weight: bold;
        font-size: 13px;
        display: none;
    }
    .UnitsHeadingunitdescription {
        display: none;
        /*float:left;
	min-width:25%;
    max-width:25%;*/
        background-color: #DDDDDD;
        color: Black;
        font-weight: bold;
        font-size: 11px;
        display: none;
    }

    .UnitsHeadingunitprice {
        float: left;
        min-width: 33%;
        max-width: 33%;
        background-color: #DDDDDD;
        color: Black;
        font-weight: bold;
        font-size: 13px;
    }
    .UnitsHeadingunitpricehide {
        display: none;
        float: left;
        min-width: 22%;
        max-width: 22%;
        background-color: #DDDDDD;
        color: Black;
        font-weight: bold;
        font-size: 13px;
    }
    .UnitsHeadingunitdiscounts {
        float: left;
        min-width: 33%;
        max-width: 33%;
        background-color: #DDDDDD;
        color: Black;
        font-weight: bold;
        font-size: 13px;
    }
    .UnitsHeadingunitdiscountshide {
        display: none;
        float: left;
        min-width: 28%;
        max-width: 28%;
        background-color: #DDDDDD;
        color: Black;
        font-weight: bold;
        font-size: 13px;
    }
.UnitsHeadingunitreserve
{
	float:left;
	min-width:25%;
    max-width:25%;
	background-color:#DDDDDD;
	color:Black;
	font-weight:bold;
    font-size:13px;
    display:none;
}
    .btnUnit {
        width: 80px;
        font-size: 15px;
        padding: 5px;
        height: 35px;
        color: black;
        background-color: white;
        border-color: cornflowerblue;
        text-decoration: none;
        border-radius: 20px;
        border: 2px solid cornflowerblue;
    }
    .btnUnits {
        margin-left: 70px;
        width: 80px;
        font-size: 11px;
        height: 35px;
        color: white;
        background-color: #b40200;
        border-color: #b40200;
        text-decoration: none;
        border-radius: 5px;
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 5px;
        padding-top: 5px
    }
.btnUnits:hover
{
    width:80px;
    font-size:11px;
    padding:6px;
    height:35px;
    color:white;
    background-color:#b40200;
    border-color:#b40200;
    text-decoration:none;
    border-radius:5px;
}


.UnitsHeadingdetails
{
	width:100%;
    height:130px;
	background-color:#FFFFFF;
}
.UnitsHeadingdetailsunitsize
{
	float:left;
	min-width:33%;
    max-width:33%;
	background-color:#FFFFFF;
	color:Black;
	font-weight:bold;
    font-size:11px;
}

.UnitsHeadingdetailsunitdescription
{  
    display:none;
    /*float:inherit; 
	min-width:22%;
    max-width:22%;*/
	background-color:#FFFFFF;
	color:Black;
	font-weight:bold;
    font-size:11px;
}

.UnitsHeadingdetailsunitsizedescriptionhide
{
    float:left; 
	min-width:25%;
    max-width:25%;
	background-color:#FFFFFF;
	color:Black;
	font-weight:bold;
    font-size:11px;
    display:none
    
}
.UnitsHeadingdetailsunitprice
{
	float:left;
	min-width:33%;
    max-width:33%;
	background-color:#FFFFFF;
	color:Black;
	font-weight:bold;
    font-size:11px;
    padding-bottom:16px;
}   
.UnitsHeadingdetailsunitdiscounts
{
    
	float:left;
	min-width:33%;
    max-width:33%;
	background-color:#FFFFFF;
	color:red;
    font-size:11px;
}
.UnitsHeadingdetailsunitreserve
{

	float:left;
	min-width:33%;
    max-width:33%;
	color:White;
	background-color:#FFFFFF;
	font-weight:bold;
    font-size:11px;
}	
.UnitsHeadingdetailsunitreservetext
{
    display:none;
	/*float:left;
	min-width:25%;
    max-width:25%;*/
	color:White;
	background-color:#FFFFFF;
	font-weight:bold;
    font-size:11px;
}	
.UnitsHeadingdetailsunitreservetexthide
{
    margin-left:70px;
    float:left;
	min-width:33%;
    max-width:33%;
	color:White;
	background-color:#FFFFFF;
	font-weight:bold;
    font-size:10px;
}
 }

@media screen and (min-width: 751px) and (max-width: 1024px) {
    h5 {
        margin-bottom: 0px !important;
    }

    .lbllocnametitle {
        font-size: 13px;
        color: #354D7B;
        font-weight: bold;
    }

    .UnitsHeading {
        width: 100%;
        background-color: #DDDDDD;
        height: 32px;
        padding-bottom: 10px;
    }

    .UnitsHeadinghide {
        width: 100%;
        background-color: #DDDDDD;
        height: 32px;
    }

    .UnitInventoryHeader {
        display: none !important;
    }

    .locimg {
        display: none
    }

    .lilocaddr {
        width: 50%
    }

    .lilochours {
        width: 52%
    }

    .locaddress {
        font-size: 12px;
        font-weight: bold;
    }

    .locofficehours {
        font-size: 12px;
        font-weight: bold;
    }

    .locgatehours {
        font-size: 12px;
        font-weight: bold;
    }

    .lblloc {
        font-size: 12px;
    }

    .UnitsHeadingunitsize {
        display: inline-block;
        float: left;
        min-width: 25%;
        max-width: 25%;
        background-color: #DDDDDD;
        color: Black;
        font-weight: bold;
        font-size: 11px;
    }

    .UnitsHeadingunithide {
        float: left;
        min-width: 25%;
        max-width: 25%;
        background-color: #DDDDDD;
        color: Black;
        font-weight: bold;
        font-size: 13px;
        display: none;
    }

    .UnitsHeadingunitdescription {
        display: block;
        /*float:left;
	min-width:25%;
    max-width:25%;*/
        background-color: #DDDDDD;
        color: Black;
        font-weight: bold;
        font-size: 11px;
    }

    .UnitsHeadingunitprice {
        float: left;
        min-width: 25%;
        max-width: 25%;
        background-color: #DDDDDD;
        color: Black;
        font-weight: bold;
        font-size: 13px;
    }

    .UnitsHeadingunitpricehide {
        display: none;
        float: left;
        min-width: 25%;
        max-width: 25%;
        background-color: #DDDDDD;
        color: Black;
        font-weight: bold;
        font-size: 13px;
    }

    .UnitsHeadingunitdiscounts {
        float: left;
        min-width: 25%;
        max-width: 25%;
        background-color: #DDDDDD;
        color: Black;
        font-weight: bold;
        font-size: 13px;
    }

    .UnitsHeadingunitdiscountshide {
        display: none;
        float: left;
        min-width: 28%;
        max-width: 28%;
        background-color: #DDDDDD;
        color: Black;
        font-weight: bold;
        font-size: 13px;
    }

    .UnitsHeadingunitreserve {
        float: left;
        min-width: 25%;
        max-width: 25%;
        background-color: #DDDDDD;
        color: Black;
        font-weight: bold;
        font-size: 13px;
        display: none;
    }

    .btnUnit {
        width: 80px;
        font-size: 15px;
        padding: 5px;
        height: 35px;
        color: black;
        background-color: white;
        border-color: cornflowerblue;
        text-decoration: none;
        border-radius: 20px;
        border: 2px solid cornflowerblue;
    }

    .btnUnits {
        margin-left: 70px;
        width: 80px;
        font-size: 11px;
        height: 35px;
        color: white;
        background-color: #b40200;
        border-color: #b40200;
        text-decoration: none;
        border-radius: 5px;
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 5px;
        padding-top: 5px
    }

        .btnUnits:hover {
            width: 80px;
            font-size: 11px;
            padding: 6px;
            height: 35px;
            color: white;
            background-color: #b40200;
            border-color: #b40200;
            text-decoration: none;
            border-radius: 5px;
        }


    .UnitsHeadingdetails {
        width: 100%;
        height: 130px;
        background-color: #FFFFFF;
    }

    .UnitsHeadingdetailsunitsize {
        float: left;
        min-width: 25%;
        max-width: 25%;
        background-color: #FFFFFF;
        color: Black;
        font-weight: bold;
        font-size: 13px;
    }

    .UnitsHeadingdetailsunitdescription {
        display: block;
        /*float:inherit; 
	min-width:22%;
    max-width:22%;*/
        background-color: #FFFFFF;
        color: Black;
        font-weight: bold;
        font-size: 11px;
    }

    .UnitsHeadingdetailsunitsizedescriptionhide {
        float: left;
        min-width: 25%;
        max-width: 25%;
        background-color: #FFFFFF;
        color: Black;
        font-weight: bold;
        font-size: 11px;
        display: none
    }

    .UnitsHeadingdetailsunitprice {
        float: left;
        min-width: 25%;
        max-width: 25%;
        background-color: #FFFFFF;
        color: Black;
        font-weight: bold;
        font-size: 11px;
        padding-bottom: 16px;
    }

    .UnitsHeadingdetailsunitdiscounts {
        float: left;
        min-width: 25%;
        max-width: 25%;
        background-color: #FFFFFF;
        color: red;
        font-size: 11px;
    }

    .UnitsHeadingdetailsunitreserve {
        float: left;
        min-width: 25%;
        max-width: 25%;
        color: White;
        background-color: #FFFFFF;
        font-weight: bold;
        font-size: 11px;
    }

    .UnitsHeadingdetailsunitreservetext {
        display: none;
        /*float:left;
	min-width:25%;
    max-width:25%;*/
        color: White;
        background-color: #FFFFFF;
        font-weight: bold;
        font-size: 11px;
    }

    .UnitsHeadingdetailsunitreservetexthide {
        margin-left: 70px;
        float: left;
        min-width: 25%;
        max-width: 25%;
        color: White;
        background-color: #FFFFFF;
        font-weight: bold;
        font-size: 10px;
    }
}


