body {
    font-family: Trebuchet MS, tahoma, verdana, arial, sans-serif;
    background-color: rgb(232, 242, 255);
    margin: 0;
    padding: 0;
    font-size-adjust: 0.52;
    font-size: 76%;
    color: rgb(0, 0, 0)
    }
#container {
    position: relative;
    width: 770px;
    background-color: transparent;
    /* Left Icon Bar background color */
    margin: 2px auto;
    background-image: url(/villa_media/last_minute_villas_sunset3.gif);
    background-repeat: no-repeat;
    background-position: 0 60px
    }
.mcontainer {
    background-color: white
    }
#head {
    background-color: white;
    top: 0;
    height: 65px;
    width: 100%
    }
#head img {
    max-height: 65px !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important
    }
#logo {
    float: left;
    height: 65px
    }
#topbanner {
    float: right;
    height: 65px;
    padding: 0 !important
    }
#smopageicons {
    padding: 0 !important
    }
#smalllogo {
    float: right;
    width: 88px;
    height: 65px
    }
#smo_topNavRow, #smo_bottomNavRow {
    height: 25px;
    width: 770px
    }
#smo_bottomNavRow {
    position: absolute;
    top: 66px;
    /* For IE 6 */
    z-index: 2
    }
#container > #smo_bottomNavRow {
    top: 65px;
    /* For NOT IE6 */
    }
#iconmenu {
    width: 50px;
    float: left
    }
#internal {
    position: relative;
    float: right;
    width: 99%;
    background-color: transparent;
    /* Right Menu background color */
    }
#content {
    width: 680px;
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    /* Body and Pix background color
     float:left;*/
    position: relative
    }
#body {
    width: 408px;
    float: left;
    margin-left: 4px
    }
#body iframe {
    max-width: 400px !important;
    width: expression(this.width > 400?400: true) !important
    }
#content > #body {
    /* Because of IE 6 */
    margin-left: 8px
    }
#pix {
    width: 202px;
    float: right;
    border: 2px solid rgb(90, 90, 120);
    margin: 4px;
    padding: 4px;
    background-color: transparent
    }
.fatbody {
    width: 640px !important
    }
#sitemenu {
    position: absolute;
    right: 3px;
    top: 2px
    }
#footer {
    clear: both;
    padding: 3px 5px;
    text-align: center;
    width: 768px;
    margin: 2px auto
    }
#tHead {
    position: absolute;
    z-index: -1;
    visibility: hidden;
    /* display:none;TODO Investigate SE Impact, should this be z-index -1? */
    }
.clearer {
    clear: both
    }
/* GENERAL READABILTY AND CONSISTANCY */
h1 {
    font-size: 2.2em;
    font-weight: normal
    }
h2 {
    font-size: 1.7em;
    margin: 1.2em 0 1.2em 0;
    font-weight: normal
    }
h3 {
    font-size: 1.4em;
    margin: 1.2em 0 1.2em 0;
    font-weight: normal
    }
h4 {
    font-size: 1.2em;
    margin: 1.2em 0 1.2em 0;
    font-weight: bold
    }
h5 {
    font-size: 1em;
    margin: 1.2em 0 1.2em 0;
    font-weight: bold
    }
h6 {
    font-size: 0.8em;
    margin: 1.2em 0 1.2em 0;
    font-weight: bold
    }
img {
    border: 0
    }
ol, ul, li, dl {
    font-size: 1em;
    line-height: 1.8em;
    margin-top: 0.2em;
    margin-bottom: 0.1em
    }
p {
    font-size: 1em;
    line-height: 1.8em
    }
li > p {
    margin-top: 0.2em
    }
pre {
    font-family: monospace;
    font-size: 1em
    }
strong, b {
    font-weight: bold
    }
td {
    vertical-align: top
    }
fieldset {
    margin-top: 1.5em
    }
/* DROP DOWN MENUS (ATP_MENU) */
.atp_menuExpandable {
    /*background: url(plus.gif) top right no-repeat; */
    }
.atp_menu {
    position: relative;
    display: block;
    margin: 0;
    margin-left: 5px;
    padding: 0;
    width: 570px;
    z-index: 6 /* should include extra width for site links */
    }
.atp_menu * {
    line-height: 16px;
    margin: 0;
    padding: 0;
    font-size: 11px;
    width: 110px
    }
.atp_menu ul {
    position: absolute;
    /* needed to keep the menu from shifting other elements down */
    display: block;
    width: 111px;
    background-color: rgb(168, 168, 255)
    }
.atp_menu li ul {
    visibility: hidden
    }
.atp_menu li li ul {
    position: absolute;
    /* needed to keep the menu from shifting other elements down */
    top: auto;
    left: auto;
    margin-left: 110px;
    margin-top: -20px;
    /* move the sub menu up verticaly */
    }
.atp_menu li {
    list-style: none;
    height: auto;
    display: inline;
    display/**/: block;
    float: none;
    float/**/: left
    }
.atp_menu li li {
    display: block;
    float: left
    }
.atp_menu a:focus, .atp_menu a:focus:visited {
    /* for better display with key nav in mozilla */
    background-color: rgb(191, 228, 255)
    }
.atp_menu span {
    /* hide some accessibility stuff */
    display: none
    }
.atp_menu a, .atp_menu a:visited {
    text-align: center;
    color: black;
    display: block;
    text-decoration: none;
    background-color: white;
    width: 109px;
    border: 1px solid black;
    margin-top: 1px
    }
.atp_menu a:hover {
    color: rgb(0, 73, 128);
    border: 1px solid black
    }
/* correct a little IE bug */
* html .atp_menu li li {
    display: inline
    }
.atp_menu li li ul.villaListScroll {
    height: 200px;
    overflow: auto;
    margin-right: 0;
    padding-right: 0;
    width: 128px
    }
.smo_defaultNav {
    display: none
    }
.links {
    display: none;
    margin: 0;
    padding: 0
    }
.links * {
    line-height: 17px;
    margin: 0;
    padding: 0;
    font-size: 10px
    }
.links li {
    list-style: none;
    height: auto;
    width: 80px
    }
.links li.listBreaker {
    height: 8px;
    font-size: 1px;
    line-height: 1px
    }
.links a:focus, .links a:focus:visited {
    /* for better display with key nav in mozilla */
    background-color: rgb(191, 228, 255)
    }
.links a, .links a:visited {
    text-align: center;
    color: black;
    display: block;
    text-decoration: none;
    background-color: white;
    width: 77px;
    border: 1px solid black;
    margin-left: 3px;
    margin-top: 1px
    }
.links a:hover {
    color: rgb(0, 73, 128);
    border: 1px solid black
    }
#smo_externalLinks {
    margin-top: 2em
    }
/* ADVANCED LAYOUT */
a, a:visited {
    color: rgb(0, 73, 128)
    }
a:hover {
    color: red
    }
a.help {
    font-family: Verdana, Arial, san-serif;
    font-size-adjust: 0.55;
    font-size: 0.8em;
    text-decoration: none;
    color: rgb(90, 0, 0);
    padding: 0.1em;
    border: 1px solid rgb(90, 0, 0);
    margin-top: 1px;
    margin-left: 1em;
    background-color: yellow;
    display: inline
    }
a.help:hover {
    color: rgb(0, 51, 90);
    border: 1px solid rgb(0, 51, 90)
    }
p + br, h1 + br, h2 + br, h3 + br, h4 + br, h5 + br, h6 + br, p + br + br {
    display: none
    }
p > br {
    display: none
    }
hr {
    border: thin solid rgb(90, 0, 0)
    }
#bTitle {
    text-align: center;
    margin-top: 0
    }
#iconmenu {
    text-align: center
    }
#iconmenu img {
    max-width: 48px;
    width: expression(this.width > 48?48: true);
    margin-top: 6px
    }
#logo {
    position: relative
    }
#logo img {
    position: absolute;
    bottom: 0;
    max-height: 65px;
    height: expression(this.height > 65?65: true)
    }
#pix img {
    max-width: 200px;
    height: expression(this.width > 200?200: true)
    }
#body img {
    max-width: 400px;
    width: expression(this.width > 400?400: true)
    }
#navDiv table {
    border-collapse: collapse;
    margin: 0;
    padding: 0
    }
#navDiv td, #navDiv form {
    margin: 0;
    padding: 0
    }
#searchbar input, #searchbar select, #searchbar td {
    font-size: 10px;
    margin-top: 1px
    }
#smoBookMark {
    font-size: 10px;
    margin-top: 1px
    }
#body .newstuff {
    border: 1px solid rgb(90, 0, 0)
    }
#featuredArticles {
    background-color: rgb(128, 201, 255);
    border: 1px solid rgb(90, 0, 0);
    margin: 2px;
    width: 180px
    }
#featuredArticles h2 {
    font-size: 1.4em;
    text-align: center;
    background-color: white;
    color: rgb(90, 0, 0);
    margin: 5px 5px;
    padding: 0
    }
#pix #featuredArticles {
    width: 98%
    }
.smoStandardArticleDisplay {
    border: 1px solid rgb(90, 0, 0);
    margin: 2px;
    padding: 2px 4px;
    background-color: white
    }
.smoStandardArticleDisplay h4 {
    border: none;
    font-size: 1.1em;
    text-align: center
    }
.smoStandardArticleDisplay p {
    padding: 0;
    margin: 0;
    line-height: 1.2em;
    text-align: left !important;
    padding: 0.1em
    }
.smoStandardArticleDisplay .standardArticleDate, .smoStandardArticleDisplay .standardArticleByline {
    display: block;
    font-size: 0.8em;
    font-style: italic
    }
.smoStandardArticleDisplay p a {
    text-decoration: none;
    color: black
    }
.smoStandardArticleDisplay p a:hover {
    color: rgb(128, 0, 0)
    }
.smoStandardArticleDisplay .standardArticleByline a {
    color: rgb(0, 73, 128);
    display: block;
    margin: 0 0 0 0.3em;
    padding: 0
    }
.smoStandardArticleDisplay .standardArticleByline {
    clear: both
    }
.smoStandardArticleDisplay p a b, .smoStandardArticleDisplay p a:visited b {
    display: block;
    font-size: 1.1em;
    padding: 0.2em 0;
    text-align: center;
    color: rgb(0, 73, 128)
    }
.smoStandardArticleDisplay p a:hover b {
    color: rgb(128, 0, 0)
    }
.smoStandardArticleDisplay img {
    float: right
    }
.smoArticleByline h4 {
    margin: 0 !important;
    padding: 0 !important;
    color: rgb(0, 73, 128)
    }
.smoArticleByline p {
    margin: 0;
    padding: 0;
    margin-bottom: 1.5em;
    font-size: 0.8em
    }
.SMO_FEATUREDMEMBERs {
    margin-left: 0;
    padding-left: 0.2em
    }
.SMO_FEATUREDMEMBERs li {
    margin-left: 0;
    padding-left: 0.2em
    }
.SMO_FEATUREDMEMBERs * {
    list-style: none;
    text-decoration: none
    }
#body p, #body td {
    text-align: justify
    }
h1, h2, h3 {
    margin: 0.4em 0;
    color: rgb(60, 60, 120);
    border-bottom: 1px solid rgb(60, 60, 120)
    }
h4, h5, h6 {
    margin: 0.4em 0;
    color: rgb(60, 60, 120)
    }
table.extracolumn {
    border-collapse: collapse;
    margin-top: 0.4em
    }
table.extracolumn td {
    vertical-align: top
    }
td.newstuff {
    padding: 0.4em 0.4em;
    vertical-align: top
    }
td.newstuff a {
    text-decoration: none
    }
#body td.textbody {
    padding-right: 0.5em;
    text-align: left
    }
h4.time {
    margin-top: 0
    }
h4.bannerTime {
    border: none
    }
.smoBottomLinksList {
    clear: both;
    list-style: none;
    margin: 1em;
    padding: 0 0.4em;
    border: 2px solid rgb(90, 0, 0)
    }
.smoBottomLinksList a {
    text-decoration: none
    }
.smoBottomLinksList li {
    line-height: 1.3em;
    text-indent: -1.5em;
    padding-left: 1.5em
    }
.areaExplain {
    margin-top: 0
    }
.topiclist {
    list-style: none;
    padding-left: 1em;
    margin-left: 0
    }
.topiclist li {
    line-height: 1.2em
    }
.topiclist a {
    text-decoration: none
    }
.frontPhotoDiv {
    text-align: left;
    padding-bottom: 0.4em;
    margin-bottom: 0.8em;
    border-bottom: 3px double rgb(0, 51, 90)
    }
.frontPhotoDiv .frontCutline {
    display: block;
    text-align: center
    }
.frontPhotoDiv a {
    text-decoration: none
    }
.frontPhotoDiv .fromLine {
    display: block;
    font-size: 0.8em
    }
.frontPixPostedLine {
    font-size: 0.8em
    }
.frontPhotoDiv .frontPicByline {
    display: block;
    font-size: 0.8em
    }
#pix div.frontPhotoDiv:last-child {
    border: none
    }
h3.searchT {
    background-color: white;
    text-decoration: none
    }
h3.searchT a {
    text-decoration: none
    }
.searchResultsDiv {
    clear: both;
    padding-top: 1em;
    border-top: 2px solid rgb(0, 120, 0)
    }
#body .searchResultsDiv .thumb img {
    max-width: 100px;
    width: expression(this.width > 100?100: true)
    }
.searchP {
    font-size: 1.2em;
    margin: 0;
    padding: 0;
    padding-right: 0.5em
    }
.searchResultsDiv a {
    text-decoration: none
    }
.searchP .searchKeywords {
    display: block;
    color: black;
    font-style: italic;
    font-size: 0.8em
    }
.searchPostedLine {
    display: block
    }
.webonizerSearchArticleBigPic {
    float: right
    }
.webonizerSearchArticleBigPic img {
    max-height: 100px;
    max-width: 100px
    }
.featuredVillasContainer {
    width: 100% !important;
    text-align: center !important
    }
.articlePicturesMedium {
    text-align: left;
    margin-bottom: 0.8em;
    border-bottom: 3px double rgb(0, 51, 90)
    }
.articlePicturesMedium p.photocutline {
    display: block;
    margin: 0.4em;
    text-align: center
    }
.articlePicturesMedium a {
    text-decoration: none
    }
.articlePicturesMedium .pixClickToEnlarge {
    display: block;
    width: 198px;
    text-align: center;
    font-family: Verdana, Arial, san-serif;
    font-size-adjust: 0.55;
    font-size: 0.8em;
    background-color: rgb(90, 0, 0);
    border: 1px solid black;
    color: white
    }
.articlePicturesMedium img {
    display: block
    }
#body .mediaBox img {
    max-width: 100px;
    width: expression(this.width > 100?100: true)
    }
#loginForm input {
    margin-bottom: 0.2em;
    width: 11em
    }
#loginForm label {
    width: 6em;
    text-align: right;
    display: block;
    float: left;
    margin-right: 0.5em;
    padding-top: 0.2em
    }
#loginForm label.inline {
    float: none;
    display: inline
    }
#loginForm .securityNotice {
    width: 10em
    }
#loginForm #smoRememberMe, #loginForm .btn {
    width: auto
    }
#eventForm #eventAddressFields select {
    width: 11em
    }
#eventSearchCOUNTRY {
    width: 11em
    }
#eventForm label {
    width: 10em;
    text-align: right;
    float: left;
    margin-right: 0.5em;
    padding-top: 0.2em
    }
#eventForm .weekdays, #eventForm .weekdays td {
    font-size: 0.8em;
    border: thin solid blue;
    text-align: center
    }
#eventForm .weekdays label {
    width: 2em !important;
    float: none !important;
    text-align: center !important
    }
#eventForm .weekdays input {
    width: 2em !important;
    float: none !important;
    text-align: center !important
    }
/* Classes used by JS */
.menuHide {
    display: none
    }
.menuShow {
    display: auto
    }
.check {
    width: 3em;
    text-align: left
    }
#content .smoArticleEditBox {
    float: left;
    padding: 0.5em;
    margin-right: 0.5em;
    border: 1px solid blue
    }
input.terms {
    width: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left
    }
.adminFlags input {
    width: 3em !important
    }
.adminFlags table {
    font-size: 0.8em;
    border-collapse: collapse;
    margin: 0.2em auto
    }
.adminFlags td {
    text-align: center;
    border: 1px solid black
    }
.adminRestrictions {
    background-color: red !important
    }
#pix .adminFlags input {
    width: 2em !important
    }
#pix .adminFlags table {
    font-size: 0.6em;
    border-collapse: collapse;
    margin: 0.2em auto
    }
#pageContentFields label {
    font-weight: bold
    }
.deleteWarning {
    font-weight: bold;
    color: red;
    margin-top: 5em
    }
#body .seriesCent h4 {
    margin: 0
    }
#body .seriesCent table {
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.2em
    }
#body .seriesCent td {
    padding-right: 0.2em
    }
#pix .seriesListing ul {
    margin: 0;
    padding: 0;
    list-style: none
    }
#pix .seriesListing a {
    text-decoration: none
    }
#body div.seriesListing {
    margin: 0;
    padding: 0;
    width: 90%
    }
#body .seriesListing ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0;
    margin: 0
    }
#body .seriesListing a {
    text-decoration: none
    }
#body .seriesListing li {
    display: block;
    float: left;
    padding-right: 0.5em;
    width: 1.5em
    }
input.search {
    width: 5em
    }
.controlPanel {
    clear: both;
    background-color: white;
    min-height: 250px
    }
.controlPanel * {
    list-style: none
    }
.controlPanel ul {
    margin-left: 0;
    padding-left: 1px
    }
.controlPanel ul a {
    text-decoration: none
    }
.controlPanel h4 {
    background-color: orange;
    color: white;
    font-weight: bold
    }
.flrt {
    float: right
    }
.fllt {
    float: left
    }
.cent {
    text-align: center;
    margin: auto
    }
.smoPaginationList {
    display: inline
    }
.smoPaginationList li {
    display: inline;
    padding-right: 0.6em
    }
#directorySearch select {
    width: 200px
    }
#directorySearch td {
    border: 1px solid black
    }
#textTools {
    display: block;
    clear: both
    }
#textTools label {
    font-size: 0.7em;
    vertical-align: top
    }
#textTools input {
    width: 100px
    }
#textTools select {
    width: 100px
    }
#textTools fieldset button {
    font-size: 0.7em
    }
#body .showsContainer {
    margin: 0;
    padding: 0.2em;
    line-height: 1em;
    width: 182px;
    background-color: rgb(128, 201, 255)
    }
#body .showsContainer {
    width: 182px
    }
#pic .showsContainer {
    width: 98%
    }
.showsContainer h3 {
    background-color: white;
    color: green;
    border: none;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center
    }
.smoEventContainer {
    margin: 0;
    padding: 0.4em;
    width: auto !important;
    border: 1px solid green;
    background-color: white
    }
.smoEventContainer p {
    margin: 0;
    padding: 0.3em;
    width: auto !important
    }
.eventDescription a {
    text-decoration: none
    }
.eventDetails p {
    margin: 0
    }
.note {
    color: rgb(60, 60, 90);
    font-weight: bold
    }
.time {
    font-size: 1em;
    font-family: monospace
    }
.sound {
    z-index: 1
    }
table.thecalendar {
    border: solid 1px
    }
table.thecalendar td {
    border: solid 1px gray !important;
    width: 50px !important;
    height: 50px !important
    }
.calendarDate {
    display: block;
    float: right;
    margin: 0;
    background-color: black;
    color: white;
    text-align: right;
    padding-right: 0.2em;
    clear: both;
    width: 25%
    }
.today {
    background-color: yellow
    }
.smoJoinIcon {
    max-width: 85px !important
    }
h3.faqHeaders {
    text-decoration: none;
    font-size: 1.4em;
    border-bottom: none;
    border-top: solid black thin;
    margin-top: 2.2em
    }
.faqDL dd span {
    color: black
    }
.faqDL dt {
    font-size: 1.3em
    }
.faqDL dt a, .faqDL dd a {
    text-decoration: none !important
    }
#searchbar * {
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: top !important
    }
.searchin {
    width: 40px !important;
    height: 1.45em
    }
.fileInput {
    display: block
    }
#smoPixRows {
    height: 300px;
    overflow: auto
    }
/*Use this Stylesheet to customize the look of your Villas Pages*/
.border {
    border: solid 1px
    }
.smallpad {
    padding: 3px
    }
.nowrap {
    white-space: nowrap
    }
.player {
    width: 200px
    }
.del {
    margin-left: 3px;
    margin-right: 10px;
    width: 20px;
    border-left-color: rgb(100, 40, 40);
    border-top-color: rgb(100, 40, 40);
    border-right-color: rgb(200, 140, 140);
    border-bottom-color: rgb(200, 140, 140)
    }
.inv {
    visibility: hidden
    }
.nopad {
    padding: 0;
    margin: 0
    }
.black {
    color: black
    }
.countries {
    width: 190px
    }
.small {
    width: 190px
    }
.join {
    padding-left: 5px
    }
.sound {
    font-family: courier, monospace;
    font-size: 10px;
    border-style: solid;
    border-width: 1px;
    padding: 2px
    }
.address {
    text-align: left;
    font-weight: bold
    }
.editLink {
    font-size: 0.9em;
    font-weight: bold
    }
a {
    text-decoration: none
    }
.villaListingDisplay {
    overflow: auto;
    border: 2px solid;
    margin-top: 1.2em;
    background-color: white;
    clear: both;
    min-height: 200px;
    max-height: 350px
    }
.villaListingDisplayDesc {
    float: left;
    width: 430px;
    padding: 1em
    }
.villaListingDisplayDesc h4 {
    font-size: 1.2em !important;
    line-height: 1.2em !important;
    padding: auto !important
    }
.villaListingDisplayDesc img {
    float: left !important;
    padding-right: 0.5em;
    height: expression(this.width > 250?250: true);
    max-width: 250px
    }
.villaDetails {
    width: 150px;
    float: left
    }
.villaListingDisplay * img {
    max-height: 200px;
    height: expression(this.height > 200?200: true)
    }
.villaDetails {
    background-color: white
    }
.villaDetails ul {
    list-style: none;
    margin: 0;
    font-size: 0.9em
    }
.villaDetails li {
    line-height: 0.9em
    }
.singleVilla {
    border-style: solid;
    border-color: gray;
    border-width: 2px;
    padding: 5px;
    background-color: white;
    margin-bottom: 15px;
    line-height: 16px;
    font-size: 12px
    }
.villaListingDisplay {
    border: 1px thin navy;
    width: 100%
    }
a.villaHelp {
    margin-left: 20px;
    border-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-width: 1px;
    padding: 3px
    }
a:link.villaHelp {
    background-color: green;
    color: yellow
    }
a:visited.villaHelp {
    background-color: green;
    color: yellow
    }
a:hover.villaHelp {
    background-color: yellow;
    color: green
    }
.listingVillaDisplay {
    width: 260px
    }
#queryForm {
    margin-top: 20px;
    padding-top: 4px
    }
#queryForm legend {
    font-size: 13px;
    line-height: 19px;
    font-weight: bold;
    margin-left: 10px;
    text-align: center;
    margin-bottom: 10px
    }
.villaLocation {
    font-weight: bold;
    border-bottom-style: solid;
    border-width: 2px;
    padding-bottom: 4px
    }
.villaDetails ul {
    padding: 0.4em;
    margin: 0;
    line-height: 1em
    }
.villaResultTable {
    margin-left: auto;
    margin-right: auto;
    text-align: center
    }
.villaResults {
    text-align: center
    }
.villaResults h4 {
    text-align: center
    }
.villaListingDisplay table {
    width: 100%
    }
.villasControlPanel img {
    width: 75px
    }
#villasDeleteForm {
    margin-top: 270px
    }
.pagebanners {
    padding-top: 8px;
    padding-right: 8px
    }
#frontPageTop {
    line-height: 12px
    }
#frontPageTop ul {
    margin-bottom: 1px;
    margin-top: 3px
    }
#frontPageTop h4 {
    color: black;
    margin-bottom: 1px;
    margin-top: 1px
    }
#deleteForm {
    margin-top: 30px
    }
dl.villasOpenings dt {
    margin-top: 20px;
    border-top-style: solid;
    font-weight: bold;
    background-color: white
    }
#queryForm .villaHelp {
    font-size: 10px
    }
.villasOpen {
    font-weight: bold;
    color: blue
    }
.villasClosed {
    font-weight: normal;
    color: gray;
    text-decoration: line-through
    }
#findorders {
    width: 680px
    }
#smo_bottomLinks * {
    list-style: none
    }
#smo_bottomLinks * li {
    display: inline;
    padding-right: 5px
    }
.sellonizerAdminNote {
    border-style: solid;
    background-color: yellow;
    font-weight: bold;
    padding: 3px
    }
.villasSubListing {
    list-style: none;
    text-align: left
    }
.singleVilla {
    border-style: solid;
    border-color: gray;
    border-width: 2px;
    padding: 5px;
    background-color: white;
    font-size: 12px;
    margin-bottom: 15px;
    line-height: 16px
    }
.villaListingDisplay {
    border-style: solid;
    border-width: 1px;
    border-color: navy;
    width: 99%;
    line-height: 0.8em
    }
a.villaHelp {
    margin-left: 20px;
    border-style: solid;
    border-top-style: solid;
    border-bottom-style: solid;
    border-width: 1px;
    padding: 3px
    }
a:link.villaHelp {
    background-color: green;
    color: yellow
    }
a:visited.villaHelp {
    background-color: green;
    color: yellow
    }
a:hover.villaHelp {
    background-color: yellow;
    color: green
    }
.villasControlPanel img {
    width: 75px
    }
.villaCompleteList {
    background-color: white;
    border-style: solid
    }
#queryForm {
    position: relative;
    width: 600px
    }
#queryForm table, #queryForm select, #queryForm option, #queryForm input {
    line-height: 1em;
    font-size: 0.9em
    }
.queryFormTopMenus select {
    width: 140px
    }
.queryFormTopMenus div, .alignBottom div {
    float: left
    }
.queryFormDates {
    float: left;
    margin: 0
    }
.queryFormDates table {
    line-height: 1.2em !important;
    font-size: 1.1em !important
    }
.queryFormNames {
    clear: left;
    float: left
    }
.queryFormNames label {
    display: block;
    float: left;
    width: 50px;
    margin-top: 0.2em
    }
.queryFormNames input {
    display: block;
    float: left;
    width: 100px;
    margin-top: 0.2em
    }
#queryForm * img {
    margin-right: 1.5em;
    margin-left: 1em;
    float: left
    }
.queryFormSpecial {
    float: right;
    padding-right: auto
    }
.alignBottom {
    clear: left
    }
.villaResultTable {
    background-color: white;
    border: 1px solid black
    }
.villaResultTable td {
    padding: 0.5em;
    font-size: 0.8em
    }
.villaResultTable img {
    float: left;
    max-height: 30px;
    height: expression(this.height > 30?30: true)
    }
#searchForm {
    margin-top: 2.5em
    }
.searchTopics legend {
    font-size: 1.2em;
    color: blue
    }
.searchTopics div {
    float: left
    }
.searchTopics label {
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    color: rgb(60, 60, 120)
    }
.villaSearchSubmit {
    margin-top: 1.8em
    }
.villaWhole {
    width: 450px;
    float: left
    }
.villaWhole * {
    max-width: 440px
    }
.villaWholePix {
    float: right;
    width: 152px;
    border-style: solid;
    border-color: rgb(218, 200, 215);
    border-width: 2px
    }
.villaWholePix img {
    display: block;
    max-width: 152px !important
    }
.villasSidePix img {
    display: block;
    max-width: 152px !important
    }
.villaWholePix h4 {
    text-align: center
    }
.villasEnlargeLink {
    display: block;
    text-align: center;
    background-color: navy;
    color: white
    }
.myBookingLinks {
    clear: both;
    font-size: 1em
    }
.myBookingLinks dt {
    font-weight: bold;
    border-top: 1px solid blue;
    margin-top: 1.3em
    }
.myBookingLinks code {
    color: green
    }
.exampleBook {
    float: right;
    border: 1px solid;
    padding: 1em;
    margin-left: 1em
    }
#villaWebonizer {
    line-height: 1em !important
    }
#villaWebonizer ul {
    width: 130px !important;
    padding-left: 0.5em !important;
    margin-left: 0;
    list-style: none
    }
#villaWebonizer .villaLocation li {
    line-height: 0.8em !important;
    font-size: 0.9em !important
    }
.villaWholeMainPic {
    float: right;
    width: expression(this.width > 250?250: true);
    max-width: 250px;
    padding-right: 1em;
    line-height: 1.2em
    }
.villaWholeMainPic .listingVillaDisplay {
    max-height: 300px;
    width: expression(this.width > 248?248: true);
    max-width: 248px;
    padding-bottom: 1em
    }
.frontTopDiv p, .frontTopDiv ul {
    text-align: center !important;
    margin: 0;
    padding: 0.3em !important;
    font-size: 0.9em !important;
    line-height: 1.1em !important;
    list-style: none
    }
#villasFrontFeatureBox {
    width: 100%;
    text-align: center !important;
    font-size: 0.75em !important;
    line-height: 0.5em !important;
    position: absolute;
    vertical-align: top;
    top: 0
    }
#villasFrontFeatureBox .villasFrontTopArticles {
    width: 500px !important;
    margin-left: auto;
    margin-right: auto
    }
.villasFrontTopArticles img {
    vertical-align: top;
    padding: 1em !important;
    float: left !important;
    margin-top: 0;
    padding-top: 0 !important
    }
.villasFrontTopArticles h4 {
    text-align: center;
    margin: 0;
    padding: 0;
    padding-bottom: 0.4em
    }
.villasFrontTopArticles ul {
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0
    }
.villasFrontTopArticles li {
    list-style: none;
    margin: 0;
    padding: 0
    }
.centerFeatures {
    width: 250px;
    margin: 0;
    max-height: 80px !important
    }
.contentDiv {
    position: relative
    }
#villaFrontNews *, #villaFrontMembers * {
    max-width: 145px;
    width: expression(this.width > 145?145: true) !important;
    list-style: none;
    margin: 0;
    border-color: gray
    }
#villaFrontMembers img {
    max-width: 60px;
    width: expression(this.width > 60?60: true) !important
    }
#villaFrontMembers, #villaFrontNews {
    width: 150px;
    height: 200px !important;
    overflow: auto !important;
    border: 1px dotted gray;
    padding: 0.3em;
    margin: 1em
    }
.villaEnquiry {
    border-style: solid;
    border-width: 1px;
    width: 100%;
    padding: 3px;
    font-size: 1em;
    margin-bottom: 2em
    }
.villaEnquiry * {
    vertical-align: top;
    text-align: left
    }
.villaEnquiry table table {
    border: solid 1px black;
    width: 200px;
    background-color: white;
    font-size: 12px;
    vertical-align: top
    }
.villaBottomLinks {
    font-size: 0.9em
    }
.sellonizerShoppingCart * label {
    width: 70px;
    text-align: left;
    display: block !important;
    float: left !important
    }
.sellonizerShoppingCart * input {
    display: block !important;
    float: left !important;
    width: 50px
    }
.sellonizerShoppingCart * table {
    clear: both;
    display: block !important;
    float: left !important;
    margin-top: 1em
    }
#customerForm label, #customerForm label, #creditForm input, #creditForm label, #orderForm label, #orderForm input {
    display: block
    }
.villaEditForm * textarea {
    width: 99%
    }
.villasWaitingListHide {
    display: none
    }
#villasJoinNotice {
    margin-bottom: 1.2em
    }
.webonizerDocumentPublisher {
    display: inline !important
    }
.webpublisherDoctype {
    background-color: rgb(220, 220, 220) !important
    }
.webpublisherEdit {
    background-color: yellow !important
    }
.webpublisherRemove {
    color: gray
    }
.featuredVillas {
    min-width: 100px !important;
    overflow: display !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 605px !important
    }
.featuredVillas h4 {
    padding: 0 !important;
    margin: 0 !important
    }
.featuredVillas div {
    display: block !important;
    float: left;
    max-width: 100px
    }
.featurevillathumb img {
    display: block
    }
.villaThumb {
    height: 50px;
    max-width: 100px;
    width: expression(this.width > 100?100: true)
    }
.villaThumbFront {
    width: 100px !important;
    height: 75px !important
    }
.featuredVillasFront {
    text-align: center
    }
.featuredVillasFront p {
    margin: 0;
    font-size: 0.9em;
    line-height: 0.9em;
    text-align: center !important
    }
.pageDescription {
    display: none
    }
#mUsers * {
    display: block
    }
.linkicon {
    width: 100px
    }