/* Main site structure */
body 
{
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    background-color:#99CCFF;
    text-align: left;
}

body a:link, body a:visited {
 color: blue;
 text-decoration: underline;
}
body a:hover, body a:active { 
 color: #0099FF; 
} 

h1, h2 {
display: inline;
} 

#wrapper { 
 margin: 0 auto;
 max-width: 960px;
 min-width: 320px;
 width: 100%;
 padding: 0px;
}

#header {
 height: 50px;
 background-color:#B0C4DE;
 padding: 10px 10px 10px 3px;
 border: 1px gray;
 border-style: solid solid none solid;
 margin: 10px 0px 0px 0px;
 text-align: right;
}

#header img {
float: left;
border:0;
}

#nav {
background-color:#3333AD;
color: #F2F2E6;
border: 0px;
margin: 0px;
padding: 10px 10px 10px 0px;
position: relative;
}

#menu-container {
    display:inline;
}
#menu-container a{
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-decoration:none;
    padding: 10px 15px 10px 10px;
    background-color: #3333AD;
}
#menu-container a:hover, #menu-container a:active{
    color: white;
    background-color: #00006B;
}
#menu-toggle  {
    display: none;
}
#menu-items {
    display:inline;
}

#q, #sa {
margin: 0px;
font-size: 13px;
border: 1px solid #DDDDDD;
padding: 1px 5px 1px 5px;    
float: right;
}
#q{
width: 150px;
}
#sa{
color: white;
background-color: #00006B;
cursor: pointer;
text-decoration: none;
}

#content { 
 background-color: #F8F8F2;
 color: #333;
 border: 1px gray;
 border-style: none solid none solid;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 min-height: 500px;
}

.clear {
clear: both;
height: 0px;
}

#footer { 
 border: 1px gray;
 border-style: none solid solid solid;
 background: #dec2b6;
 margin-top: 0px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 padding: 10px;
 text-align: center;
}

#footer div {
 display: inline-block;
 margin: 20px 30px 20px 30px;
 text-align: left;
 font-weight: bold;
}
#footer div a{
 font-weight: normal;
}

@media (max-width: 960px) 
{
    #wrapper{
	margin: 0px;
	padding: 0px;
	}
	#header{
	margin: 0px;
	}
	#footer { 
	margin-bottom: 0px;
	}
}

@media (max-width: 720px) 
{
    #menu-toggle {
        display: inline;      
    }
    #menu-items {
        display: none;
    }
    #menu-container:hover #menu-items {
    display: block;
    position: absolute;
    top: 39px;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    }
    #menu-container:hover #menu-items a {
        display: block;
    }
}

@media (max-width: 480px) 
{
    .loginstatusline1 {
    display: none;
    }
}


/* Breadcrumbs */

.breadcrumb {
    width: 100%;
    padding: 0px;
}
.breadcrumb::after {
  content: "";
  display: table;
  clear: both;
}
.breadcrumb ol {
    width: 100%;
    padding: 0px;
    list-style-type: none;
    margin: 0px;
}
.breadcrumb li {
  float: left;
  padding: 0px 2px 0px;
}
.breadcrumb li:after{
  content: " >"; 
}
.breadcrumb li:last-child:after{
  content: "";
}


/* Misc */
.pageheader 
{
    font-size: 20pt;
    font-weight: normal;
}
.inputtable
{
    background-color: silver;
}
.errorfeedback
{
    color: #CC0000;
}

/* List-inns-for-sale.aspx CSS */
.lstinstruct_link
{
    font-size: 11pt;
	border-top-style: dotted;
	border-top-color: gray;
	border-top-width: 2px;
}

.lstinstruct_step 
{
    font-size: 14pt;
}
.lstinstruct_title 
{
    font-size: 11pt;
    font-weight: bold;
    color: #000090;
}
.lstinstruct_detail
{
    font-size: 8pt;
}

/* innkeeper-links.aspx CSS */
.linksheader
{
    font-size: 10pt;
    font-weight: normal;
}
.linkstext
{
    font-size: 9pt;
    font-weight: normal;
}


/* InnSearchResults.aspx CSS */
#SRlistings
{
float: left;
width: 730px;
clear: both; 
padding: 20px 0px 0px 0px;
}

#SRads
{
float: right;
width: 180px;
text-align: center;
padding: 20px 0px 0px 0px; 
}

.SR_Lcontain, .SR_Lcontain_featured
{
clear: left;
float: none; 
width: 100%;
border-top-style:solid; 
border-color:#DADADA; 
border-width: 2px;
padding-left: 0px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #F0F0F0;
}

.SR_Lcontain_featured
{background-color: #DADADA;}

.SR_Limage 
{
padding:10px;
display: inline-block;
vertical-align:top;
width: 160px;
text-align: center;
zoom: 1;
*display:inline;
}

.SR_Limage img
{
border: 0px; 
*width: 100%;
}

.SR_Lcontent
{
display: inline-block;
vertical-align:top;
width: 440px;
zoom: 1;
*display:inline;
}

.SR_Lcontent p
{
margin-top:5px;
margin-bottom:0px;
}

.SR_Ltitle
{font-size: 14pt;}

.SR_Ltitle_featured
{
    font-size: 14pt;
    color: #820f1a;
    font-style: italic;
}

.SR_Lprice
{color:#CC0000;}

@media (max-width: 959px) 
{
    #SRlistings, #SRads
    {
    width: 100%;
    }

    .SR_Lcontent {
    width: 100%;
    }
}


/* ViewListing.aspx CSS */

.video_container {
    max-width: 100% !important;
}

.video_container {
    max-width: 100% !important;
}

.listing_propname
{
    font-size: 20pt;
    font-weight: normal;
}

#vlactions
{
float: right; 
padding:5px; 
margin-left: 25px; 
margin-bottom: 25px; 
width:285px; 
background-color:#F3F3F3; 
border-style:solid; 
border-color:#DADADA; 
border-width: 2px;
}

@media (max-width: 480px) 
{
    #vlactions {
    float:left;
    width:95%;
    margin-left: 2px; 
    margin-right: 2px; 
    }
}

#vlactions img
{
display: block; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-bottom:0px; border: 0px;
}

#vldetails
{
clear:both; width:100%;
vertical-align:text-top; 
border-top-style:solid; 
border-bottom-style:solid; 
border-color:#DADADA; 
border-width: 2px;
}
#vldetails div
{
min-width: 200px;
max-width: 350px;
display: inline-block;
vertical-align:text-top;
margin-right: 1em;
}

#vldetails div span
{
font-weight: bold;
}

#vldetails div ul
{
width: 100%; 
list-style-type: disc; 
list-style-position:inside; 
padding-left: 1em;
text-indent: -1em;
}


/* ListingMap.aspx CSS */
#map
{
width: 100%; height: 400px; 
border: 1px solid gray;
}

/* Gallery.aspx CSS */

#glImgList
{
clear:both; width:100%;
padding-bottom: 20px;
margin: 0px;
}

#glImgList a
{
display: block; 
float: left; 
padding:5px; 
text-align: center;
width: 110px;
height:110px;
margin: 0px 5px 5px 5px;
}r

#glImgList img
{
border: 0px;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}

.glBig
{
width: 100%;
}

/* inn-market-snapshot.aspx */
.snapshotblock
{
    display: block;
    float: left;
    width: 400px;
    margin: 10px 20px 10px 10px;
}
.snapshotblock img
{
    max-width: 90%;
}

.snapshotblock ol, .snapshotblock ul
{
    margin-left: 7px; 
    padding-left: 7px;
}

@media (max-width: 480px) 
{
    .snapshotblock {
        width: 95%;
    }
}

/* Homepage */

#HP_shoppers, #HP_sellers
{
display: block; 
float: left; 
width: 46%;
margin-bottom: 20px;
}

#HP_shoppers
{
margin-right: 30px;
clear: both;
}

#HP_shoppers h2, #HP_sellers h2
{
display: block; 
margin: 0px;
margin-bottom: 10px;
padding: 0px;
}

#HP_quicksearchcont
{
border: solid 1px #99aac1;
background-color: #ededed;
padding: 5px;
width: 80%;
margin-top: 10px;
}

#HP_quicksearchcont select
{
font-size: 9pt;
border: solid 1px black;
background-color: #cdcdcd;
}

#HP_quicksearchcont input
{
font-size: 9pt;
}

.HP_featured, .RelatedPages
{
clear:both; width:100%;
padding-bottom: 20px;
margin: 0px;
}

.HP_featured h2, .RelatedPages h2
{
display: block; 
border-top-style:solid; 
border-color:#DADADA; border-width: 2px;
margin: 0px;
padding: 0px;
padding-top: 10px;
}

.HP_featured div, .RelatedPages div 
{
    border: solid 1px #99aac1; background-color: #ededed; margin-top:10px; font-size: 15px; line-height: 1.6; padding: 5px 5px 5px 5px; overflow:hidden;
}

.HP_featured a
{
display: block; 
float: left; 
padding:10px; 
text-align: center;
background-color: #ededed;
width: 200px;
height: 185px;
margin-right: 5px;
margin-top: 10px;
margin-bottom: 10px;
}

@media (max-width: 480px) 
{
    .HP_featured a {
        width: 80%;
        height:auto;
    }
}

.HP_featured img
{
clear:both; 
max-width:100%;
max-height:170px;
height:auto;
display: block;
margin: 0 auto;
border: none;
}

ul.seller_benefits
{
list-style-type: square;
}

@media (max-width: 480px) 
{
    #HP_shoppers, #HP_sellers {
        width: 100%;
    }
}