/*
    Document   : main CSS - South France Villas
    Author     : Matt Biddle
    Description:
        Global CSS for southfrancevillas.com
*/

.ie7Clear {
    *height: 16px;
    *clear: both;
}

body
{
    background: url(../jpg/random.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #FBEDAB;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-size: 11px;
    color: #4c1011;
}

#page-outer {
    margin: 0; padding: 0;
    background-position: center;
    background-repeat: repeat-y;
    background-color: rgba(255,255,255, 0.3);
    background-image: url(../png/page_background_central_test_2.png);
}

#page sup
{
    font-size: 8px;
    vertical-align: super;
}

p.note
{
    font-size: 12px;
}

.clearfix:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.horzPageMenu
{
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 16px 0;
}

#page
{
    width: 1000px;
    margin: 0 auto;
    padding: 16px 12px;
    overflow-x: hidden;
    overflow-y: hidden;
}

#page .mainmenu
{
    position: relative;
    width: 1000px;
    background: #801B1D;
    border: solid 1px #691618;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    clear: both;
    text-align: center;
}

#page .mainmenu > ul
{
    display: table-cell;
    vertical-align: middle;
    list-style: none;
    *float: left;
}

#page .mainmenu > ul > li
{
    border-right: solid 1px #691618;
    max-width: 80px;
    display: table-cell;
    vertical-align: middle;
    padding: 9px;
    *padding: 9px 12px;
    text-align: center;
    *float: left;
    *height: 23px;
}

#page .mainmenu li.singleLine,
#page .mainmenu .buttons a.singleLine
{
    *line-height: 23px;
}

#page .mainmenu li a,
#page .mainmenu li a:hover,
#page .mainmenu li a:visited
{
    color: #FEFAEC;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

#page .mainmenu > ul > li {
	position: relative;
	z-index: 9999;
    line-height: 12px;
}

#page .mainmenu > ul > li > ul {
	display: none;
    position: absolute;
	top: 38px;
	border: 1px solid #69161b;
	border-top: none;
	z-index: 9999;
	width: 180px;
	background-color: #801b1d;
	line-height: 2em;
	padding: 4px 8px;
    margin: 0;
    margin-left: -9px;
	border-radius: 0 0 8px 8px;
}

#page .mainmenu > ul > li:hover > ul {
	display: block;
}	

#page .mainmenu > ul > li li {
	display: block;
	width: 180px;
    position: relative;
}
#page .mainmenu li li a,
#page .mainmenu li li a:hover,
#page .mainmenu li li a:visited
{
    font-weight: normal;
    font-size: 11px;
    text-align: left;
}

#page .mainmenu li li a:hover {
    text-decoration: underline;
}

#page .mainmenu ul ul ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #801b1d;
    padding: 6px 6px 6px 14px;
    border-radius: 0 8px 8px 8px;
}
#page .mainmenu ul ul li:hover ul {
    display: block;
}

#page .mainmenu > ul > li#mm-sf-info > ul {
    width: 300px;
}

#page .mainmenu > ul > li#mm-sf-info li {
    width: 300px;
}

#page .mainmenu li#home {
    
}
#page .mainmenu li#our-villas {
    
}
#page .mainmenu li#info {
    
}
#page .mainmenu li#about {
    
}
#page .mainmenu li#other {
    
}
#page .mainmenu li#mm-sf-info {
    max-width: none;
    width: 110px;
}

#page .mainmenu li#conditions {
    
}
#page .mainmenu li#comments {
    
}
#page .mainmenu li#contact {
    
}



#property-search-form
{
    display: table-cell;
    vertical-align: middle;
    *float: left;
    width: 210px;
    text-align: center;
}

#property-search-form .row
{
    border-right: solid 1px #691618;
    display: table-cell;
    vertical-align: middle;
    padding: 9px 6px;
    *float: left;
}

#property-search-form .row input
{
    width: 130px;
    height: 16px;
    font-size: 11px;
}

#property-search-form .buttons
{
    display: table-cell;
    vertical-align: middle;
    padding: 9px 0 9px 11px;
    *float: left;
}

#property-search-form .buttons a
{
    color: #FEFAEC;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
    text-align: center;
}

#company-logo
{
    margin: 0;
    float: left;
}

#contact-us
{
    background: transparent;
    padding: 3px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color: #801B1D;
    margin: 5px 0 0 0;
    font-size: 13px;
    font-weight: bold;
    float: right;
}

#contact-us .note
{
    font-size: 18px;
    font-weight: bold;
    color: #B30004;
    margin: 0;
}

#contact-us .url
{
    display: none;
}

#contact-us .email a,
#contact-us .email a:hover,
#contact-us .email a:visited
{
    color: #801B1D;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

#contact-us p
{
    margin: 4px;
}

#contact-us .vcard-label
{
    width: 82px;
    display: block;
    float: left;
}

#social-header {
    margin-top: 10px; 
    margin-right: 18px;
    float: right;
}

#social-header img {
    border: none;
    width: 26px;
    height: 26px;
}

.user-auth
{
    font-weight: bold;
    text-align: right;
    xmargin: 0 6px 16px 0;
    padding: 16px 8px 20px 0;
    clear: right;
}

.user-auth a,
.user-auth a:visited
{
    color: #338DC5;
    text-decoration: none;
}

.user-auth a:hover
{
    text-decoration: underline;
}

#page .breadcrumbs
{
    position: relative;
    margin: 16px 0 0 9px;
    font-weight: bold;
    font-size: 11px;
    color: #641618;
    clear: both;
}

#page .breadcrumbs a,
#page .breadcrumbs a:hover,
#page .breadcrumbs a:visited
{
    color: #338DC5;
}

#page .breadcrumbs a,
#page .breadcrumbs a:visited,
#page .footer .content .footmenu a,
#page .footer .content .footmenu a:visited
{
    text-decoration: none;
}

#page .breadcrumbs a:hover,
#page .footer .content .footmenu a:hover
{
    text-decoration: underline;
}

#page .footer
{
    clear: both;
    background: #801B1D;
    padding: 9px;
    border: solid 1px #691618;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 25px 0 0 0;
    color: #FEFAEC;
}

#page .footer div
{

    margin: 0 24px 0 0;
    float: left;
}

#page .footer div.clearfix
{
    margin: 0;
    float: none;
    clear: both;
}

#page .footer #company-details
{
    width: 200px;
    margin: 0 58px 0 0;
}

#page .footer .cat-links
{
    width: 200px;
    margin: 0 58px 0 0;
}

#page .footer p.header
{
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 6px 0;
}

#page .footer a,
#page .footer a:visited
{
    color: #FEFAEC;
    text-decoration: none;
}

#page .footer a:hover
{
    text-decoration: underline;
}

#page .footer #languages
{
    margin: 16px 0 0 0;
    text-align: left;
    font-weight: bold;
    height: 25px;
    line-height: 37px;
}

#page .footer #certifications
{
    margin: 16px 16px 0 0;
    float: left;
}

#page #intl-insurance
{
    padding: 24px 0 0 0;
}

#page #intl-insurance p
{
    margin: 0 0 12px 0;
}

#content
{
    margin: 24px 9px;
}

#content .pageHeader,
#content .topHeader
{
    color: #801b1d;
    width: 550px;
    margin: 16px 0 0 0;
}

#content .topHeader
{
    margin: 0 0 0 0;
}

#content .topHeader .title,
#content .pageHeader .title
{
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 8px 0;
}

#content .topHeader .tagLine,
#content .pageHeader .tagLine
{
    font-size: 15px;
    padding: 0 0 16px 0;
    line-height: 130%;
}

#content .pageText p
{
    font-size: 1.1em;
    line-height: 1.4em;
    margin: 0 0 12px 0;
}

#content b,
#content strong
{
    font-weight: bold;
}

#content i
{
    font-style: italic;
}

#content a,
#content a:visited
{
    color: #338DC5;
    font-weight: bold;
    text-decoration: none;
}

#content a:hover
{
    text-decoration: underline;
}

#content .home a, #content .home a:visited {
    color: #4c1011;
}

#content #promo-slideshow
{
    height: 304px;
    margin: 0 0 16px 0;
}

#content #promo-slideshow .slideshow
{
    width: 680px;
    z-index: 1;
    border: 1px solid #b30004;
}

#promo-slideshow .right {
    width: 290px;
    float: right;
    background-color: rgba(0,255,0,0.1);
    background-color: transparent;
    height: 302px;
}

#promo-slideshow .right > div {
    margin: 12px;
}
    
#promo-slideshow a.btn-old {
    background-color: #4c1011;
    background-color: rgba(76,16,17,0.9);
    box-shadow: inset 0px 0px 10px 2px rgba(255,255,255,0.7);
    color: #fff;
    text-align: center;
    text-shadow: 0px 0px 15px rgba(250,200,200,1);
}

#promo-slideshow a.btn {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 290px;
    display: block;
    color: #801b1d;
    padding: 0px;
    margin-bottom: 4px;
}

#promo-slideshow a.btn-find {
    background-image: url(../jpg/find_your_villa.jpg);
    height: 140px;
}
#promo-slideshow a.btn-find:hover {
    background-position: 0 -140px;
}
#promo-slideshow a.btn-special {
    background-image: url(../jpg/special_offers.jpg);
    height: 90px;
}
#promo-slideshow a.btn-special:hover {
    background-position: 0 -90px;
}
#promo-slideshow a.btn-availability {
    background-image: url(../jpg/last_minute.jpg);
    height:66px;
    margin-bottom: 0;
}
#promo-slideshow a.btn-availability:hover {
    background-position: 0 -66px;
}
#promo-slideshow a.btn-location {
    background-image: url(../jpg/find_property_by_location.jpg);
    height:66px;
    margin-bottom: 0;
}
#promo-slideshow a.btn-location:hover {
    background-position: 0 -66px;
}
a.btn-availability-wide{
    background-image: url(../jpg/availability_calendar.jpg);
    height:66px;
    margin-bottom: 0;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 475px;
    display: block;
    color: #801b1d;
    padding: 0px;
    margin-bottom: 4px;
}
a.btn-availability-wide:hover {
    background-position: 0 -66px;
}


#content #promo-slideshow img
{
    width: 680px;
    height: 300px;
}

#content #promo-slideshow #scroller_container {
    position: absolute;
    width: 680px;
    height: 34px;
    background: #fbea99;
    background: rgba(255, 255, 255, 0.7);
    overflow: hidden;
    z-index: 10;
    margin: -34px 0 0 0;
    
}

#content #promo-slideshow #scroller_container #scroller {
    white-space: nowrap;
    line-height: 34px;
    color: #B30004;
    font-weight: bold;
    font-size: 18px;
}

#content #promo-slideshow #scroller_container #scroller p {
    padding: 0;
}

#content #calendar-regions-bar
{
    height: 30px;
    background: #FBEA99;
    border: solid 1px #FBE478;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0 0 18px 0;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 0 4px 0;
    text-align: center;
}

#content #calendar-regions-bar .icon
{
    display: inline;
    margin: 0 3px 0 0;
    vertical-align: middle;
}

#content #calendar-regions-bar a,
#content #calendar-regions-bar a:visited,
#content #calendar-regions-bar label
{
    color: #4c1011;
    text-decoration: none;
    vertical-align: middle;
}

#content #calendar-regions-bar a:hover
{
    text-decoration: underline;
}

#content #calendar-regions-bar #calendar-link
{
    margin: 0 10px 0 0;
    display: inline;
}

#content #calendar-regions-bar img.icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 8px;
    
}

#content #calendar-regions-bar form {
    margin: 0 0 0 10px;
}

#content #calendar-regions-bar form,
#content #calendar-regions-bar .row,
#content #calendar-regions-bar .buttons
{
    display: inline;
    line-height: 20px;
}

#content #calendar-regions-bar .ui-multiselect
{
    vertical-align: top;
    font-size: 12px;
}

#content #calendar-regions-bar .buttons
{
    margin: 0 0 0 3px;
}

#content #special-offers
{
    clear: both;
    width: 960px;
    margin-left: 40px;
}

#content .promo
{
    width: 480px;
    height: 420px;
    overflow: hidden;
    float: left;
    margin: 0 0 20px 0;
}

h2.home-special {
    padding: 0;
    margin: 32px 0px 26px 14px;
}

h2.home-special a {
    text-indent: -9999px;
    display: block;
    width: 266px;
    height: 77px;
    background-image: url(../png/btn_special_offers_266x77pix.png);
}

h2.home-special a:hover {
    background-position: 0 -77px;
}

#content .promo img
{
    display: block;
    margin: 12px;
    border: solid 1px #b30004;
}

#content .promo h4 {
    margin-left: 12px;
    font-size: 14px;
}

#content .promo .blurb
{font-size: 12px;
    margin: 18px 24px 12px 12px;
    width: 400px;
}

#content .promo .offer-container {
    position: relative;
    top: 9px;
}

#content .promo .offer-container img.offer {
    width: 110px;
    position: absolute;
    top: -9px;
    left: 4px;
    border: none;
    margin: 0;
    pointer-events: none;
}

#content .promo .blurb a
{
    text-decoration: none;
}

#content .promo .blurb a .title
{
    font-size: 12px;
}

#content .promo .blurb a .title:hover
{
    text-decoration: underline;
}

#content .filter-form
{
    width: 303px;
    float: right;
    padding: 4px;
    border: solid 1px #e0cd82;
    background: #F9F1CA;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 22px 0 22px 13px;
}

#content .filter-form .header
{
    font-weight: bold;
    text-decoration: underline;
    margin: 0 0 12px 0;
}

#content .filter-form .row
{
    margin: 0 0 6px 0;
}

#content .filter-form .row label
{
    float: left;
    width: 140px;
    padding-top: 6px;
}

#content .filter-form .row input
{
    margin: 0;
    width: 150px;
}

#content .filter-form .feature-checkboxes {
    margin-bottoM: 12px;
}
#content .filter-form .feature-checkboxes label {
    padding-top: 0;
}

#content .filter-form .feature-checkboxes input {
    width: auto;
    margin: 4px 2px 4px 2px;
    position: relative;
    top: 2px;
}

.feature-checkboxes ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.feature-checkboxes li {
    float: left;
}

#property-list
{
    width: 654px;
    float: left;
}

#content .list-view .summary
{
    font-weight: bold;
    margin: 0 0 16px 0;
    padding: 6px 0;
    border-bottom: 1px solid #E0CD82;
    text-align: left;
}

#content .property-pview
{
    min-height: 116px;
    height: 116px;
    height: auto !important;
    margin: 0 0 16px 0;
    border-bottom: 1px solid #E0CD82;
    padding: 0 0 16px 0;
}

#content .property-pview img
{
    width: 175px;
    height: 130px;
}

#content .property-pview .images
{
    float: left;
}



#content .property-pview .blurb
{
    width: 260px;
    display: inline;
}

#content h6
{
    font-weight: bold;
    font-size: 12px;
    margin: 0 0 6px 0;
}

#content p
{
    margin: 0 0 6px 0;
}

#content .property-pview .stats:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


#content .property-pview .images
{
    height: 116px;
    min-height: 116px;
    height: auto !important;
    float: left;
}

#content .property-pview .images img
{
    background: #D9D1B0;
    float: left;
    margin: 0 16px 0 0;
    border: solid 1px #e0cd82;
}

#content .property-pview .images img:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#content .largeImage img
{
    width: 350px;
    height: 260px;
    border: solid 1px #e0cd82;
    text-align: center;
    margin: 0 0 16px 0;
}

#content .map
{
    width: 350px;
    height: 260px;
    border: solid 1px #e0cd82;
    text-align: center;
    margin: 0 0 16px 0;
}

#content .smallImages
{
    width: 356px;
    margin: 0 0 16px 0;
    text-align: center;
}

#content .smallImages .pImage
{
    float: left;
    width: 170px;
    margin: 0 0 6px 0;
}

#content .smallImages .odd
{
    margin: 0 9px 6px 0;
}

#content .smallImages .pImage .thumb
{
    width: 170px;
    height: 128px;
    border: solid 1px #e0cd82;
    overflow: hidden;
}

#content .smallImages .pImage .caption
{
    font-weight: bold;
    font-size: 10px;
    padding: 3px 0 0 0;
}

#content .smallImages:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#content #property-view-images
{
    float: left;
    margin: 0 32px 0 0;
}

#content #property-view-details
{
    float: left;
    width: 590px;
    margin: 0 0 16px 0;
}

#content #property-view-details .pageText,
#content #property-view-details .pageContainer
{
    padding: 0 0 25px 0;
    border-bottom: solid 1px #e0cd82;
}

#content #property-view-details .buttonPanel .button
{
    display: inline-block;
    background: #801B1D;
    border: solid 1px #691618;
    padding: 8px;
    margin: 0 6px 16px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
}

#content #property-view-details .buttonPanel .button a,
#content #property-view-details .buttonPanel .button a:hover,
#content #property-view-details .buttonPanel .button a:visited,
#content #property-view-details .buttonPanel .button a:active
{
    color: #FEFAEC;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
}

#content #property-view-details .fb-like
{
    width: 588px;
    margin: 16px 0 0 0;
}

#content #property-view-details #nutshell-view
{

}

#content #property-view-details #nutshell-view li
{
    padding: 0 0 9px 0;
    width: 171px;
    margin: 0 16px 0 0;
    padding: 6px 6px 9px 6px;
    border: solid 1px #e0cd82;
    background: #F9F1CA;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    display: inline-table;
    vertical-align: top;
    *float: left;
}


#content #property-view-details #nutshell-view li .header
{
    font-weight: bold;
    font-size: 105%;
    padding: 0 0 3px 0;
    border-bottom: solid 1px #e0cd82;
    margin: 0;
}

#content #property-view-details #nutshell-view li ul
{
    padding: 9px 0 0 3px;
    clear: both;
}

#content #property-view-details #nutshell-view li ul li
{
    clear: both;
    width: 155px;
    margin: 0;
    padding: 0 0 3px 0;
    border: none 0;
}

#content #property-view-details #nutshell-view .last
{
        margin: 0;
}

#content #availabilityChart
{
    clear: both;
    text-align: center;
    margin: 0 0 16px 0;
    border: solid 1px #e0cd82;
    background: #F9F1CA;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#content #availabilityChart .wrapper
{
    display: inline-block;
    margin: 10px auto;
}

#content #availabilityChart:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#content #availabilityChart .month
{
    display: inline-table;
    vertical-align: top;
    padding: 0 5px;
    *float: left;
}

#content #availabilityChart .month .label
{
    font-weight: bold;
    padding: 3px;
    color: #5C594B;
    background: #fff;
    width: inherit;
    display: block;
    border: 1px solid #F5EBBC;
    vertical-align: middle;
}

#content #availabilityChart .month .week
{
    display: block;
    clear: both;
    font-size: 9px;
    padding: 6px 0 6px 0;
}

#content #availabilityChart .month .week p
{
    margin: 0;
    padding: 0;
}

#content #availabilityChart .month .week .price a,
#content #availabilityChart .month .week .price a:visited,
#content #availabilityChart .month .week .price a:active
{
    color: #910003;
    font-weight: bold;
}

#content #availabilityChart .month .week .price a:hover
{
    text-decoration: underline;
}

#content #availabilityChart .month .week .booked
{
    color: #9E9B95;
    font-weight: bold;
}

#content .comment
{
    font-style: italic;
    margin: 0 0 16px 0;
    border-bottom: solid 1px #e0cd82;
    padding: 0 0 16px 0;
}

#content .comment .sender
{
    font-weight: bold;
}

#content .linksPanel
{
    list-style: square;
    padding: 0 0 35px 16px;
    border-bottom: solid 1px #e0cd82;
    margin: 0 0 9px 0;

}

#booking-conditions
{
    width: 714px;
    height: 130px;
    background: #ffffff;
    border: 1px solid #b8b3af;
    overflow: auto;
    margin: 0 0 16px 0;
    padding: 2px;
    color: black;
}

#contract-agreement
{
    width: 714px;
    margin: 0 0 16px 0;
}

#contract-agreement.row input,
#contract-agreement.row label
{
    display: inline;
}

#contract-agreement.row input
{
    margin: 0 6px 2px 0;
    vertical-align: middle;
}

#content .pageMenu
{
    width: 395px;
    float: left;
    font-size: 12px;
    margin: 0 0 0 20px;
}

#content .pageMenu ul
{
    list-style: none;
    padding: 6px 6px 3px 6px;
    border: solid 1px #e0cd82;
    background: #F9F1CA;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0 0 20px 0;
}

#content .pageMenu ul .header
{
    font-weight: bold;
    font-size: 14px;
    padding: 0 0 6px 0;
    border-bottom: solid 1px #e0cd82;
    margin: 0 0 9px 0;
}

#content .pageMenu ul li
{
    padding: 0 0 6px 3px;
}

#content .guideMap
{
    width: 100%;
    height: 442px;
    border: solid 1px #e0cd82;
    margin: 0 0 25px 0;
}

#content .guideMap .overlayHeader
{
    position: absolute;
    background: #fbea99;
    background: rgba(255, 255, 255, 0.7);
    overflow: hidden;
    z-index: 10;
    bottom: 0;
    left: 0;
    padding: 5px 8px 8px 5px;
    font-size: 17px;
    font-weight: bold;
    color: #B30004;
    border-top: solid 1px #e0cd82;
    border-right: solid 1px #e0cd82;
    -webkit-border-top-right-radius: 9px;
    -moz-border-radius-topright: 9px;
    border-top-right-radius: 9px;
}

#content .pageText ul
{
    list-style: square;
    margin: 0 0 0 32px;
}

#content .pageText ul li
{
    margin: 0 0 16px 0;
}

#accessTable {
    border: solid 1px #222222;
    padding: 5px;
    background: #FFEC9D;
    margin-left: 10px;
    clear: both;
}

.accessCopy {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    padding: 8px 20px;
    line-height: 14px;
}

.accessTop {
    background-color: #C1756D;
    border: 1px solid #222222;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    padding: 4px;
}

/* Languedoc Region Guide */

#avgTemps {
    border: solid 1px #222222;
    padding: 5px;
    background: #FFEC9D;
    margin: 0px 0px 0px 8px;
    width: 247px;
    font-size: 10px;
    float: right;
}

#avgTop {
    background-color: #C1756D;
    border: 1px solid #222222;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    padding: 4px;
}

.avgTitle {
    text-align: center;
    font-weight: bold;
}

.avgCopy {
    text-align: center;
    color: #801b1d;
}

.avgData {
    text-align: center;
}

.picsTable {
    text-align: center;
    margin: 10px auto 0px auto;
}

.picsTable .pic {
    text-align: center;
}
.picsTable .pic img{
    width: 214px;
    height: 146px;
    border: solid 2px #fff1b4;

    margin: 0px 4px 0px 4px;
}

.picsTable .picCaption{
    text-align: center;
    padding-bottom: 5px;
}

#article {
    width: 714px;
}

#content .leftColumn,
#content .rightColumn
{
    float: left;
    width: 471px;
}

#content .rightColumn
{
    margin: 0 0 0 35px;
}

#content .bottomColumn
{
    clear: both;
    width: 720px;
    margin: 16px 0 0 0;
}


.pageText a span,
.smallImages a span
{
    display: none;
}

.smallImages a:hover span,
.pageText a:hover span
{
    display: block;
    position: absolute;
    margin: 42px 0 0 42px;
    float: left;
    white-space: nowrap;
    background: #ffec9d;
    border: solid 3px #ffffff;
    z-index: 9999;
}

#availability-view table
{
    border: solid 1px #e0cd82;
    border: solid 1px #e0cd82;
    border-collapse: collapse;
    width: 100%;
    margin: 0;
}

#availability-view table th, #availability-view table td
{
    font-size: 0.9em;
    padding: 0.3em 0.6em;
    vertical-align: top;
}

#availability-view table th
{
    text-align: left;
    font-weight: bold;
    background: #FCF8E6;
    border-left: 1px solid #e0cd82;
}

#availability-view table td
{
    padding: 2px;
    border: 1px solid #e0cd82;
    text-align: center;
    background: #F9F1CA;
}


#availability-view table .property
{
    background: #F9F1CA;
    border: 1px solid #e0cd82;
}

#availability-view table .month
{
    text-align: center;
    border: 1px solid #e0cd82;
    border-right: 2px solid #e0cd82;
}

#availability-view table .week
{
    color: #fff;
    cursor: crosshair;
}

#availability-view table .booked
{
    background:#BA060F;
    color: #700005;
}

#availability-view table .available
{
    background:#92a866;
}

#availability-view table .week span
{
    display:none;
    padding:2px 3px;
    margin-left:8px;
    border:2px solid #FF0000;
    background:#FFDEE4;
    font-weight: bold;
    color: #000;
}

#availability-view table .week:hover span
{
    display:inline;
    position:absolute;
}

#availability-view .summary .text {
    float: left;
}

#availability-view .table-footer{
    border-top: solid 1px #e0cd82;
    margin: 16px 0 0 0;
    padding: 6px 0 0 0;
}

#availability-view .pager {
    float: right;
}

ul.yiiPager
{
    font-size:11px;
    border:0;
    margin:0;
    padding:0;
    line-height:100%;
    display: inline;
}

ul.yiiPager li
{
    display:inline;
    margin: 0 0 0 5px;
}

ul.yiiPager a,
ul.yiiPager a:link,
ul.yiiPager a:visited
{
    font-weight:bold;
    color:#0e509e;
    padding:1px 6px;
    text-decoration:none;
}

#registerForm
{
    float: left;
    width: 500px;
    border-right: 1px solid #e0cd82;
    margin: 0 20px 0 0;
}

#registerForm #yw0,
#pwResetForm #yw0
{
    display: block;
    margin: 3px 0;
}

#registerForm #yw0_button,
#pwResetForm #yw0_button
{
    display: block;
    font-size: 0.9em;
}

#loginForm
{
    float: left;
    width: 430px;
}

#loginForm .rememberMe input,
#loginForm .rememberMe label
{
    display: inline;
}

#booking-form .group
{
    padding: 0 0 8px 0;
    border-bottom: 1px solid #e0cd82;
    margin: 0 0 16px 0;
}

#booking-form .column
{
    float: left;
    margin: 0 20px 0 0;
}

#booking-form .cell
{
    float: left;
    width: 163px;
    margin: 0 6px 0 0;
}

#payment-form #paymentTypes label
{
    display: inline;
}

#shortlist-links {
    width: 210px; 
    background-color: transparent; 
    float: right;
}

#shortlist-links a {
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 8px;
}

h1 {
    font-size: 18px;
    font-weight: bold;
    color: #801b1d;
    margin-bottom: 12px;
}

.plist-header
{
    width: 636px;
    clear: both;
    background: #801B1D;
    padding: 9px;
    border: solid 1px #691618;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 25px 0 0 0;
    color: #FEFAEC;
}

.plist-header div
{

    margin: 0 24px 0 0;
    float: left;
}

.plist-header div.clearfix
{
    margin: 0;
    float: none;
    clear: both;
}

.plist-header .cat-links
{
    width: 200px;
    margin: 0 58px 0 0;
}

.plist-header p.header
{
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 6px 0;
}

.plist-header a,
.plist-header a:visited
{
    color: #FEFAEC !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

.plist-header a:hover
{
    text-decoration: underline !important;
}
/* press ------------------------------------*/

.press {
	width: 1040px;
	margin: 0px auto;
	margin-top: 0px;
}

.main-location {
	width: 700px;
	margin: 0px
	
}
.location {
	width: 300px;
	margin-right: 90px;
	float:left;
	
}


/* videos on about us page */

.videos {
    width: 100%;
}

.videos h2 {
    font-size: 14px; 
    font-weight: bold; 
    margin-top: 28px;
    margin-bottom: 14px;
}

.videos h3 {
    font-size: 11px;
    font-weight: bold;
    margin-top: 28px;
    margin-bottom: 4px;
}

.videos > div.x {
    width: 350px;
    margin-right: 32px;
    margin-bottom: 12px;
    float: left;
}

div.listInfo {
    font-size: 12px;
    line-height: 1.3em;
}

div.listInfo a {
    color: #4c1011 !important;
    font-weight: bold;
}

.regional-guide h2 {
    font-size: 1.3em;
    line-height: 1.4em;
    margin: 0 0 12px 0;
    text-decoration: none;
    font-weight: bold;
}

ul.regional-guide-menu {
    margin: 0; padding: 0;
}
ul.regional-guide-menu li {
    display: inline-block;
    padding: 1em 3em 3em 0;
}
ul.regional-guide-menu a {
    text-decoration: none;
    color: #801b1d !important;
    font-size: 1.2em;
}
.regional-guide .property-item td {
    vertical-align: top;
}
.regional-guide .property-item img {
    max-width: 180px;
    margin-right: 12px;
    margin-bottom: 12px;
    border: 1px solid #c0c0c0; 
    -webkit-box-shadow: 4px 4px 5px 0px rgba(100, 100, 100, 0.2);
    box-shadow: 4px 4px 5px 0px rgba(100, 100, 100, 0.2);
}

#content .property-map-item a {
    text-decoration: none;
    color: #801b1d;
}

#content .property-map-item a:hover {
    text-decoration: underline;
}

.property-map-title {
    font-size: 1.2em;
    font-weight: bold;
}

.property-map-text {
    width: 220px;
    margin-left: 170px !important;
}
.property-map-image {
    width: auto;
    height: auto;
    max-width: 160px;
    max-height: 160px;
    float: left;
    margin: 0;
    margin-bottom: 0.5em;
}