/* == GLOBALS == */

body
{
   padding: 0;
   font-size: 0.8em;
   /*background: url(images/bg.jpg) fixed repeat-x;*/
   background-color: lightgrey;
   margin: 0;
   behavior: url(../csshover.htc);
   /*line-height: 1.5em;*/
   font-family: Verdana, Arial, Helvetica, sans-serif;
   text-align: center;
}

h1, .h1 {
font-size:1.4em;
color:#6e1e46; 
padding:0;
margin-left:0;
margin-right:0;
margin-top:1em;
margin-bottom:0.5em;
font-weight: bold;
line-height: 1.3em;
font-style: normal;
}

#bannerimg h1 {
   margin-top: 0;
}

h2, .h2 {
font-size:1.3em;
color:#6e1e46; 
padding:0;
margin-left:0;
margin-right:0;
margin-top:1em;
margin-bottom:0.5em;
}

h2.searchListing {
    font-size:1em;
    margin-top:0;
}

h3, .h3 {
font-size:1.2em;
font-weight:bold;
color:#6e1e46; 
padding:0;
margin-left:0;
margin-right:0;
margin-top:1em;
margin-bottom:0.5em;
}

h4, .h4 {
font-size:1.1em;
font-weight:bold;
padding:0;
margin-left:0;
margin-right:0;
margin-top:1em;
margin-bottom:0.5em;
}

h5, .h5 {
font-size:1em;
font-weight:bold;
padding:0;
margin-left:0;
margin-right:0;
margin-top:1em;
margin-bottom:0.5em;
}

a {
color:#6e1e46;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#000000;
font-weight:bold;
text-decoration:none;
}

a.hoverwhite
{
   color: #b4648c;
}
a.hoverwhite:hover
{
   color:#ffffff;
}

#hr {
background:url(images/hr.gif) no-repeat center;
margin-left:auto;
height:0.5em;
}

p {
padding:0;
margin-left:0;
margin-right:0;
margin-top: 0;
margin-bottom:1.5em;
}

table {
font-size:1em;
padding:0;
}

td {
padding:0;
}

input, select 
{
   font-size: 1em;
   margin: 0;
}
@media only screen and (max-width: 800px) {
    #container input[type="text"], #container select {
        width: 100%;
    }
}

/* -- CLASSES -- */
.wrap {
padding:5px;
}

.wrap10 {
padding:10px;
}

.wrapPadLft {
padding-top:10px;
padding-left:6px;
}

.wrapPadLft input {
padding-top:0px;
padding-bottom:1px;
margin-top: 0px;
margin-bottom: 0px;
}

.wrapPadLft p {
background: white;
margin-right: 16px;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
margin-top: 0px;
margin-bottom: 4px;
border: solid 1px #dabfd8;
cursor: pointer;
}

.bold {
font-weight:bold;
}

.normal {
font-weight:normal;
}

.h1pad {
padding-top:10px;
padding-bottom:15px;
}

.h1pad2 
{
   margin: 0px;
   padding-left:2px;
   padding-bottom:5px;
}

.white {
color:#FFFFFF;
}	

.maroon {
color:#6e1d46;
}

.button {
background:white;
text-decoration:none;
font-size:10px;
color:#6e1d46;
}

.rightColh2Pad {
padding-top:5px;
padding-bottom:5px;
}

.msg
{
   width: 100%;
   color: red;
   border-top-style: none;
   border-right-style: none;
   border-left-style: none;
   text-align: center;
   border-bottom-style: none;
}

.ma
{
   padding-bottom: 2px;
   padding-top: 1px;
}
td.pt
{
   padding-left: 20px;
   padding-top: 10px;
}
td.pt input, td.pt select
{
   margin-left: -20px;
}
td.pt input[type="radio"]
{
   float: left;
   margin-top: 1px;
}

.red
{
   color: Red;
}

.center {
    text-align: center;
}

/* -- TABLE CLASSES -- */

.tborder
{
   border-right: black 1px solid;
   padding-right: 0px;
   border-top: black 1px solid;
   padding-left: 0px;
   padding-bottom: 0px;
   border-left: black 1px solid;
   padding-top: 0px;
   border-bottom: black 1px solid;
   border-collapse: collapse;
}
.tbhead
{
   border-right: black 1px solid;
   padding-right: 5px;
   border-top: black 1px solid;
   padding-left: 5px;
   font-weight: bold;
   border-left: black 1px solid;
   border-bottom: black 1px solid;
   background-color: thistle;
   vertical-align: top;
}
.tbodd
{
   padding-right: 5px;
   padding-left: 5px;
   background-color: #f4cdf4;
}
.tbeven
{
   padding-right: 5px;
   padding-left: 5px;
}
.tboddsmall
{
   border-right: black 1px solid;
   padding-right: 5px;
   padding-left: 5px;
   font-size: xx-small;
   border-left: black 1px solid;
   background-color: #f4cdf4;
}
.tbevensmall
{
   border-right: black 1px solid;
   padding-right: 5px;
   padding-left: 5px;
   font-size: xx-small;
   border-left: black 1px solid;
}


/* == LAYOUT == */

#topBanner {
   text-align: center;
}
#topBanner img {
    max-width: 100%;
}


#outerContainer {
    width: 80%;
    text-align: center;
    margin: 0 auto;
    position: relative;
}

#topContainer {
width:90%;
min-height:135px;
margin:0 auto;
position:relative;
}


#logo {
float: left;
/*position:absolute;*/
z-index: 10;
margin: 0 -50px;
}
#logo img {
   width: 200px;
}

#countrySelect {
color:#b4648c;
padding-top:10px;
text-align:right;
}

#countrySelect ul{	
list-style:none;
}

#countrySelect li{
display:inline;
margin-left:20px;
}

#topContainer #Form1 {
    padding-top: 5px;
}
#topContainer #qj {
    padding-top: 50px;
}
input[type=submit] {
    cursor:pointer;
}

#container {
width:90%;
margin:0 auto;
text-align:left;
/*background:url(images/mid4.gif) repeat-y;*/
background: white;
}
@media only screen and (max-width: 800px) {
    #outerContainer, #container {
        width: 100%;
    }
}

#leftContainer
{
   position: absolute;
   width: 1px;
}

#leftBar 
{
   text-align: center;
   color: White;
   width: 150px;
   height: 600px;
   margin: 10 auto;
   top: 0px;
   left: -160px;
   position: relative;
}

#leftBar h4, #rightBar h4
{
   margin: 0px;
   padding: 0px;
}

#leftBar a, #rightBar a
{
   font-weight: normal;
   text-decoration: underline;
   color: White;
}

#rightContainer
{
   position: absolute;
   z-index: 10;
}

#rightBar 
{
   text-align: left;
   color: White;
   width: 150px;
   margin: 10 auto;
   top: 0px;
   left: 820px;
   position: absolute;
}

#bg {
width:820px;
height:100%;
padding-top:78px;
padding-bottom:50px;
}

#header {
/*width: 818px;
background:url(images/top3.gif) no-repeat;*/
}

#menu {
/*margin-left:14px;
top:15px;
width:786px;*/
min-height:50px;
/*background: url(images/menu.jpg) no-repeat;*/
background: #51203C;
position:relative;
z-index:5;
}


/* ------- NAVIGATION -------- */

#nav {
position:relative;
/*top:5px;
left:-30px;*/
}

#nav ul {
list-style: none;
padding-left: 0;
margin-left: 0;
}

#nav ul a {
color: #FFF;
text-decoration: none;
display: block;
padding: 0.8em 1em;
margin-right:0;
font-size: 1.2em;
}
			
#nav ul a:hover {
color: #FFFFFF;
text-decoration: none;
background:#A06180;
}
			
#nav ul li {
display:inline-block;
position: relative;
list-style:none;
}

#nav ul li ul a{
width: 280px;
border-bottom:#000000 thin;
background:#380820;
color:#FFFFFF;
}
		
#nav ul li ul.long a{
width: 380px;
}
		
#nav ul li ul {
list-style: none;
position: absolute;
left: 0;
top: 100%;
display: none;
width: 220px;
}
			
#nav ul li:hover ul { 
display: block;
}
			
#nav ul li:hover ul li ul {
display: none; 
}
			
#nav ul li ul li:hover ul {
display: block;
position: absolute;
left: 310px;
top: 0;
}

#nav ul li ul.long li:hover ul {
left: 410px;
}

#nav ul li ul.left-align li ul li {
left: -620px;
}

#nav ul li ul li ul li a {
background:#8B4368;
width: 280px;
}

#nav ul li ul li ul.long li a {
width: 380px;
}

#nav ul li ul li:hover ul li ul {
display: none; 
}
			
#nav ul li ul li ul li:hover ul {
display: block;
position: absolute;
left: 265px;
top: 0px;
}

#nav ul li ul li ul li ul li a {
background: #b56d92;
}

#nav ul li.showSmallMenuIcon {
    display: none;
}
@media only screen and (max-width: 800px) {
    #nav ul li:not(:first-child) {display: none;}
    #nav ul li.showSmallMenuIcon {
        float: right;
        display: block;
    }

    #nav ul li ul a, #nav ul li ul.long a{
        width: 100%;
    }
		
    #nav ul li ul {
        position: relative;
        left: 5%;
        top: 100%;
        display: none;
        width: 100%;
    }
			
    #nav ul li:hover ul { 
        display: block;
    }
			
    #nav ul li:hover ul li ul {
        display: none; 
    }
			
    #nav ul li ul li:hover ul {
    display: block;
    position: relative;
    left: 5%;
    top: 0;
    }

    #nav ul li ul.long li:hover ul {
    left: 5%;
    }

    #nav ul li ul.left-align li ul li {
    left: -5%;
    }

    #nav ul li ul li ul li a {
        width: 100%;
    }

    #nav ul li ul li ul.long li a {
    width: 100%;
    }

    #nav ul li ul li:hover ul li ul {
    display: none; 
    }
			
    #nav ul li ul li ul li:hover ul {
    display: block;
    position: relative;
    left: 5%;
    top: 0;
    }

    #nav.responsive ul {position: relative;}
    #nav.responsive ul li.showSmallMenuIcon {
        position: absolute;
        right: 0;
        top: 0;
    }
    #nav.responsive ul li {
        float: none;
        display: block;
        text-align: left;
    }

}

/* ------- BANNER -------- */

#banner 
{
   text-align:center;
}


#bannerimg 
{
   position: relative;
}

/* ------- MEMBER LOGIN -------- */

#memLogin {
margin-top:20px;
left: -10px;
position:relative;
float:none;
width:210px;
height:241px;
background: url(images/memLogin.jpg) no-repeat;
}


/* ======== CONTENT SECTION ======== */

/* -------- RIGHT COLUMN SECTION -------- */
#rightCol
{
   background-position: left bottom;
   padding-left: 10px;
   margin-top: 10px;
   font-size: 10px;
   float: right;
   background-image: url(images/rightColBorder2.jpg);
   width: 200px;
   height: auto;
   line-height: 1.3em;
   margin-right: 20px;
   background-repeat: no-repeat;
}

#rightCol p.white 
{
   font-size: 11px;
   line-height: normal;
}

#rightCol ul {
list-style:none;
display:block;
margin-top:0px;
}

#rightCol li {
list-style:disc;
margin-left:-20px;
}


/* -------- CONTENT -------- */

#content {
margin-top: 30px;
float:left;
margin-left:9px;
margin-right:0px;
width: 100%;
font-size: 1.4em;
}

#contentInfo {
padding-left:30px;
padding-right:30px;
}


/* -------- NEWS SECTION -------- */
#news {
padding-left:10px;
background: url(images/news_03.jpg) repeat-y;
}

#newsContent {
padding-right:10px;
}

#newsHead{
margin-left:-10px;
height:41px;
background: url(images/news_01.jpg) no-repeat;
}

#newsHead h1 {
padding-top:14px;
padding-left:12px;
}

#newsFoot {
margin-left:-10px;
background:url(images/news_05.jpg) no-repeat;
height:34px;
}



#prop {
padding-left:10px;
background:url(images/properties.jpg) no-repeat;
height:250px;
}

#prop1 {
width:275px;
}

#prop2 {
margin-right:5px;
float:right;
width:275px;
}

#propFoot {
margin-left:-10px;
background: url(images/properties_05.jpg) no-repeat;
height:84px;
}

#footer {
    clear: both;
    padding-top: 1em;
}

#footerMenu {
    background: #51203C;
    padding: 1em 0;
}

#footerTxt {
    text-align:center;
}

#footerTxt a {
color:#FFFFFF;
}

#footerTxt a:hover {
color:#6e1d46;
background:#FFFFFF;
}

/* -------- GENERAL SECTION -------- */

.thead
{
   padding: 2px;
   background-color: thistle;
}
.thead.searchListing {
    padding:10px;
}

.small
{
   font-size: 9px;
}

/* -------- FEATURED SECTION -------- */
#feature
{   
   width: 200px;
   padding: 10px;
   padding-right: 0px;
   padding-top: 0px;
   margin-left: 5px;
   border-left: solid 1px #aeaeae;
   float: right;
   !margin-top: 0px;
}
#feature h3
{
   margin-top: 0px;
}

/* -------- PROXIMITY SEARCH SECTION -------- */
#advanced_search
{
   /*float: none;
   position: absolute;
   visibility: visible;*/
   margin-bottom: 15px;
   /*width: 580px;*/
   clear: both;
   display: block;
}
#map_search
{
   /*float: left;
   position: relative;
   visibility: hidden;*/
   margin-bottom: 15px;
   /*width: 580px;*/
   clear: both;
   display: none;
}
#searching
{
   visibility: hidden;
   font-size: 14px;
   z-index: 100;
   font-style: italic;
   border: solid 1px #aeaeae;
   padding: 30px;
   margin: 100px;
   margin-left: 160px;
   !margin-left: -140px;
   position: absolute;
   background: white;
}
#map_canvas
{
   width: 340px;
   height: 385px;
   border: #732c7b 1px solid;
   text-align: center;
   display: inline-block;
   float: left;
   margin-right: 10px;
}
#instructions
{
   border: solid 1px #732c7b;
   padding: 5px;
   height: 375px;
   display: inline-block;
   /*width: 200px;*/
}
#instructions li
{
   margin-top: 6px;
}
.allpagenumbers
{
   text-align: justify;
   width: 500px;
   visibility: hidden;
   position: absolute;
   border: solid 1px #ccc;
   padding: 20px;
   padding-top: 5px;
   background-color: White;
   margin: auto;
   z-index: 100;
}
div.infoBox {
   width: 150px; position: relative; color: Black;
}
div.infoBox div.info {
   position: absolute; border: #999 2px solid; padding: 8px; border-radius: 5px; background: white;
}
div.infoBox div.info h3 {
   margin-top: 0;
}
#moreAboutLink a, #moreAbout a, #moreBenefitLink a, #moreBenefit a {
color:#6e1e46;
}

#moreAboutLink a:hover, #moreAbout a:hover, #moreBenefitLink a:hover, #moreBenefit a:hover {
color:#000000;
}

div.bannerbox 
{
   display: inline-block;
   width: 180px;
   height: 100px;
   margin-top: 2px;
}

div.bannerbox ul {
list-style: none;
padding-left: 0px;
}

div.bannerbox ul a {
text-decoration: none;
display: block;
padding: 0px;
margin-right:0px;
}
			
div.bannerbox ul a:hover {
text-decoration: none;
background:#A06180;
}
			
div.bannerbox ul li {
float: left;
position: relative;
list-style:none;
width: 100%;
}

div.bannerbox ul li ul a{
width: 180px;
border-bottom:#000000 thin;
background:#380820;
color:#FFFFFF;
padding: 3px 15px 4px 10px;
}
		
div.bannerbox ul li ul {
list-style: none;
position: absolute;
left: 0px;
top: 100%;
display: none;
width: 150px;
z-index: 100;
}
			
div.bannerbox ul li:hover ul { 
display: block;
}

div.bannerbox ul li a div {
   position:absolute;
   color:White;
   font-size:20px;
   font-weight:normal;
   text-align:left;
   margin: 8px 12px 0 8px;
}

/* ------- LEFT SIDEBAR -------- */

#sidebar-left 
{
   text-align:center;
}
#sidebar-left div.bannerbox 
{
   display:inline-block;
}
#sidebar-left div.bannerbox ul li a div {
   font-size:16px;
}

/* ------- MEMBERS SITE -------- */
#plupload-dragndrop {
    border: dashed 2px #999;
    padding: 10px;
    background-color: transparent;
}
#plupload-dragndrop.mouse_over {
    background-color: #cdcdcd;
}
form#Fileupload td {
    padding: 5px;
}

select option.buscattype_1_multi { background-color: #dabfd8}
select option.buscattype_2_multi { background-color: #f4cdf4} 
select option.buscattype_3_multi { background-color: #de98bc}
select option.buscattype_4_multi { background-color: #b4648c}

#MicrosoftTranslatorContainer {
    float:right;
    right:-130px;
    margin-top:50px;
    width:120px;
    text-align:left;
    position:absolute;
}
@media only screen and (max-width: 800px) {
    #MicrosoftTranslatorContainer {
        display: none !important;
    }
}
@media print {    
    .no-print, .no-print *,
    #MicrosoftTranslatorCommunity, #MicrosoftTranslatorCommunity *, #MicrosoftTranslatorWidget, #MicrosoftTranslatorWidget *,
    #topBanner, #topBanner *, #countrySelect, #countrySelect *, #sidebar-left, #sidebar-left *, #menu, #menu * {
        display: none !important;
    }
}