/* CSS Document */


/*General*/

.floatLeft {
    float: left;
    display: block;
}


/*INDEX styles */

.JSlider {
    width: 912px;
    height: 450px;
    background: #CCC;
}

.subtitle {
    margin-bottom: 15px;
}

.leftContent {
    width: 915px;
    float: left;
    display: block;
}


/*SlideShow CSS*/

#jsSlideShow {
    width: 910px;
    float: left;
    display: inline;
    position: relative;
    overflow: hidden;
    height: 430px;
}

#jsSlideShow img {
    position: absolute;
    top: 0px;
    left: 0px;
}

#jsSlideShow #jsNav {
    position: absolute;
    z-index: 10;
    width: auto;
    height: auto;
    bottom: 18px;
    right: 35px;
}

#jsSlideShow #jsNav a {
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-top: 2px;
    background: #fff;
    font-size: 11px;
    color: #837e75;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    vertical-align: top;
    padding: 0px;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 0px solid #000000;
    margin-right: 8px;
}

#jsSlideShow #jsNav a:hover,
#jsSlideShow #jsNav a.jsSelected {
    width: 11px;
    height: 11px;
    color: #ffffff;
    padding: 0px 0 0px 0;
    background: #1884cc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #1884cc 0%, #105380 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1884cc), color-stop(100%, #105380));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1884cc 0%, #105380 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1884cc 0%, #105380 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1884cc 0%, #105380 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #1884cc 0%, #105380 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1884cc', endColorstr='#105380', GradientType=0);
    /* IE6-9 */
}


/*Included*/

#included {
    float: left;
    width: 690px;
}

#included header {
    margin-top: 25px;
}

#included header p {
    width: 679px;
    line-height: 18px;
    margin-top: 15px;
}

#villatabs {
    margin-top: 15px;
    width: 550px;
    height: 75px;
    cursor: pointer;
    border-radius: 5px 5px 0px 0px;
}

#villatabs div {
    width: 175px;
    height: 70px;
    background-color: #1A547C;
    border-radius: 5px 5px 0px 0px;
    color: white;
    text-align: center;
    padding-top: 1px;
}

#villatabs div span {
    display: block;
    font-weight: bold;
    font-size: 19px;
    padding-top: 23px
}


#villatabs div:hover, #villatabs div.selected {
    background-color: #21929D;
}

#villatabs ul li {
    list-style-type: none; 
    display: inline-block;
}

/* #tab1 {
   
}

#tab1:hover,
#tab1.selected {
    background-position: 0 0;
}

#tab2 {
   
}

#tab2:hover,
#tab2.selected {
    background-position: 0 0;
}

#tab3 {
    width: 175px;
    height: 81px;
    background-color: #1694A3;
    border-radius: 5px 5px 0px 0px;
     display: inline-block;
}

#tab3:hover,
#tab3.selected {
    background-position: 0 0;
}

#tab4 {
    width: 175px;
    height: 81px;
    background-color: #1694A3;
    border-radius: 5px 5px 0px 0px;
    display: inline-block;
}

#tab4:hover,
#tab4.selected {
    background-position: 0 0;
} */

.includedArticleHeader {
    color: #2294A2;
    font-size: 17px;
    font-weight: bold;
}


.Lcolumn {
    float: left;
    margin-top: 25px;
    width: 332px;
}

.listTitle {
    margin-top: 20px;
}

.listTitle p {
    color: #666;
    font-size: 17px;
    font-family: Arial;
    text-align: center;
}

.listTitle ul {
    margin-top: 15px;
    margin-left: 15px;
    width: 300px;
    list-style-image: url(../images-general/bluebullet.gif);
    line-height: 16px;
}

.listTitle-da ul {
    margin-top: 15px;
    margin-left: 15px;
    width: 300px;
    list-style-image: url(../images-general/bluebullet.png);
    line-height: 16px;
}

.listTitle ul li {
    margin-top: 8px;
}

.inc_content {
    width: 329px;
    height: 420px;
}

.imgLink {
    cursor: pointer;
}

.viewMore {
    width: 111px;
    height: 18px;
    text-align: center;
    position: absolute;
    line-height: 8px;
    padding-top: 4px;
    padding-left: 3px;
    font-weight: bold;
    color: white;
    border-radius: 3px 0px 1px 0px;
    background-color: #1694A3;
    z-index: 9;
    margin: 388px 0px 0px 215px;
}

.viewMore:hover{
    background-color: #19A2A1;
    color: white;
}

#viewMoreSunDown {
    margin: 388px 0px 0px 216px;
}

.Rcolumn {
    float: left;
    width: 320px;
    margin-top: 25px;
    margin-left: 20px;
}

.Rcolumn p {
    margin: 10px 0 15px 0;
    padding-right: 10px;
}

.learnMore {
    background: url(../images-general/bluearrow.png) 0 3px no-repeat;
    color: #105380;
    margin-bottom: 35px;
    padding-left: 10px;
    cursor: pointer;
}

.learnMore:hover {
    color: #236d8c;
}

/* .learnMore_dining {
    background: url(../images-general/learn_more_dining.jpg) top left no-repeat;
    width: 197px;
    height: 34px;
    display: block;
} */

/* .learnMore_dining:hover {
    background-position: 0 -39px;
} */

/* .learnMore_activities {
    background: url(../images-general/learnMore_activities.jpg) top left no-repeat;
    height: 34px;
    width: 197px;
    display: block;
} */

/* .learnMore_activities:hover {
    background-position: 0 -39px;
}  */

.plantana_shadowGrad {
    background: url(/images-general/cont_shado.gif) top left no-repeat;
    width: 680px;
    height: 40px;
    margin-top: 70px;
}

#rightcolumn {
    float: left;
}

/* .checkrates {
    background: url(../images-general/btn_checkRates.png) bottom left no-repeat;
    width: 190px;
    height: 40px;
    cursor: pointer;
    margin-left: 0px;
    margin-top: 20px;
}

.checkrates:hover {
    background-position: 0px 0px;
    color: #336699;
}

.checkrates span{
    margin: 9px;
    line-height: 37px;
    font-size: 11px;
    color: #2A799D;
    font-weight: bold;
} */

/*Gallery*/

#photogallery {
    width: 910px;
}

#photogallery header {
    margin-top: 18px;
    float: left;
    width: 685px;
}

#photogallery header p {
    margin-top: 20px;
    float: left;
}


/* Gallery Villas */

#photogallery-Villas {
    width: 912px;
}

#photogallery-Villas header {
    margin: 0 auto;
    width: 690px;
    padding-bottom: 25px;
    padding-top: 40px;
}

#photogallery-Villas #gallerythumbnails-Villas {
    width: 987px;
    margin-left: 18px;
}

#photogallery-Villas header h1 {
    position: relative;
    font-size: 32px;
    font-family: bodoni72-italic;
    color: #0093a0;
    font-weight: bold;
    text-align: center;
    margin-bottom: -30px;
    margin-top: 10px
}

#photogallery-Villas header h1 span {
    font-size: 35px;
    margin-left: 6px;
    font-family: bodoni72-italic;
    color: #105380;
    font-weight: bold;
}

#gallerythumbnails-Villas .galleryrow-Villas .thumbnail-Villas {
    margin: 0 20px 40px 1px;
    width: 278px;
    border: 3px solid #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    filter: progid: DXImageTransform.Microsoft.Shadow(color='#969696', Direction=135, Strength=2);
}

#gallerythumbnails {
    background: url(../images-general/bg-gallery2.gif) top left no-repeat;
    width: 888px;
    height: 253px;
    margin-top: 25px;
    padding: 30px 0 0 22px;
}

#gallerybuttons {
    width: 220px;
    float: left;
    margin: 0 0 0 2px;
}

.learnmorevillas {
    background: url(../images-general/learnmorevillas.png) top left no-repeat;
    width: 217px;
    height: 46px;
    cursor: pointer;
    padding-left: 15px;
    padding-top: 7px;
    font-weight: bold;
    margin-left: 0px;
    color: #7B7B7B;
}

.learnmorevillas span {
    color: #15547D;
}

.learnmorevillas:hover {
    background-position: 0px -54px;
}



.galleryrow-Villas {
    width: 1017px;
}

.galleryrow {
    background-position: 0 25px;
    width: 853px;
    height: 170px;
    padding: 0 0 0 19px;
}


/*background:url(../images-general/galleryfades.gif) top left no-repeat;*/

.divider-widgets {
    background: url(../images-general/divider-widget.png) top left no-repeat;
    width: 213px;
    height: 27px;
    padding-bottom: 11px;
}

.thumbnail1 {
    width: 271px;
    margin: 0 12px 0 1px;
}

.thumbimg1 {
    background: url(../images-general/riochicogallthumb.jpg) top left no-repeat;
    width: 198px;
    height: 166px;
    cursor: pointer;
}

.thumbimg1:hover {
    background-position: 0px -168px;
}

.thumbnail2 {
    width: 269px;
    margin: 0 12px 0 1px;
}

.thumbimg2 {
    background: url(../images-general/plantanagallthumb.jpg) top left no-repeat;
    width: 198px;
    height: 166px;
    cursor: pointer;
}

.thumbimg2:hover {
    background-position: 0px -168px;
}

.thumbnail3 {
    width: 271px;
    margin: 0 12px 0 1px;
}

.thumbimg3 {
    background: url(../images-general/limeacregallthumb.jpg) top left no-repeat;
    width: 198px;
    height: 166px;
    cursor: pointer;
}

.thumbimg3:hover {
    background-position: 0px -168px;
}

.thumbnail4 {
    width: 199px;
    margin: 0 0px 0 1px;
}

.thumbimg4 {
    background: url(../images-general/sundowngallthumb.jpg) top left no-repeat;
    width: 198px;
    height: 166px;
    cursor: pointer;
}

.thumbimg4:hover {
    background-position: 0px -168px;
}

.thumbnailtitle {
    margin-bottom: 10px;
}

.hoverShadoicon-villas {
    background: url("../images-general/hoverShadoicon.png") no-repeat scroll left top transparent;
    height: 39px;
    left: 44%;
    position: absolute;
    top: 39%;
    width: 39px;
}

.hoverShadoicon {
    background: url("../images-general/hoverShadoicon.png") no-repeat scroll left top transparent;
    height: 39px;
    left: 117px;
    position: absolute;
    top: 55px;
    width: 39px;
}

#photogallery-Villas .hoverShado {
    background: url(../images-general/hoverShado2.png) top left;
    width: 278px;
    height: 157px;
    position: absolute;
    vertical-align: central;
    background-position: -1px 0px;
    z-index: 3;
}

#photogallery .hoverShado {
    background: url(../images-general/hoverShado2.png) top left;
    width: 265px;
    height: 143px;
    position: absolute;
    vertical-align: central;
    background-position: -1px 0px;
    z-index: 3;
}


/*contact*/

.ContactForm {
    background: url(/images-contact/bg-contactForm.png) top left no-repeat;
    width: 668px;
    margin: 35px 0 0 0px;
    padding: 13px 0 0 17px;
}

.largerFont {
    color: #7b7b7b;
    font-size: 12px;
    font-family: arial;
}

.blueComm {
    color: #105380;
    font-size: 12px;
    font-family: arial;
}

#leftForm {
    font-size: 11px;
    padding-top: 14px;
    padding-left: 5px;
}

#leftForm p {
    margin-top: 11px;
}

.titleForm {
    font-size: 14px;
    color: #fff;
}

.requerid {
    color: #d35a53
}

#title {
    width: 60px;
}

#gender {
    width: 75px;
}

.labelAtt {
    width: 333px;
    position: relative;
}

.labelAttLeft {
    width: 314px;
}

input {
    width: 210px;
    height: 22px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: #e7e7e7 0px 0px;
    -webkit-box-shadow: #e7e7e7 0px 0px;
    padding-left: 5px;
    color: #8a8176;
    border-top-style: double;
    border-right-style: double;
    border-left-style: double;
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-left-color: #cccccc;
    behavior: url(../styles/ie/PIE.htc);
}

textarea {
    width: 511px;
    height: 113px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: #f2f2f2 0px 0px;
    -webkit-box-shadow: #f2f2f2 0px 0px;
    border-top-style: double;
    border-right-style: double;
    border-left-style: double;
    border-top-color: #cccccc;
    border-right-color: #cccccc;
    border-left-color: #cccccc;
    border-bottom-color: #cccccc;
    border-radius: 5px;
    behavior: url(../styles/ie/PIE.htc);
}

#submitBtn {
background-color: #15547E;
    text-align: center;
    border-radius: 0px 0px 5px 5px;
    width: 106px;
    height: 22px;
    cursor: pointer;
    color: white;
    font-size: 16px;
    padding: 8px 0px 0px 0px;
    transition: ease 250ms;
    text-transform: uppercase;
}

#submitBtn span {
    width: 6px;
    height: 6px;
    margin: 0px 0px 2px 2px;
}

#submitBtn:hover {
    background-color: #15929E;
}

#firstSpace {
    margin-top: 30px;
}

#contactBottom {
    background: url(../images-contact/bg-contactForm_bottom.gif) top left no-repeat;
    width: 675px;
    height: 37px;
    margin-top: 39px;
}

section.included_desc ul li {
    margin-top: 5px;
    line-height: 16px;
}

section#plantana_staff_examples ul li {
    margin-top: 5px;
    line-height: 16px;
}

section#plantana_activities_maincontent ul li {
    line-height: 16px;
    margin-top: 10px;
}


/* Contact - Thank You */

.thankyou-wrapper {
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
    max-width: 960px;
}

.thankyou-wrapper header h2 {
    margin: 30px 0 10px 0;
    color: #105380;
    font-size: 38px;
    font-family: Arial;
}

.thankyou-wrapper header h3 {
    color: #77787b;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 33px;
}

.divider-tk-header {
    display: block;
    height: 6px;
    width: 910px;
    background: url(/images-contact/divider-tk-header.png) top left no-repeat;
}

.thankyou-wrapper .content-wrapper {
    display: block;
    height: 416px;
    width: 456px;
    margin: 40px auto;
    background: url(/images-contact/bg-get-to-know-FC.png) top left no-repeat;
}

.thankyou-wrapper .content-wrapper .img-header {
    display: block;
    height: 195px;
    width: 452px;
    padding: 0px 2px 1px 2px;
    background: url(/images-contact/img-header-get-to-know-FC.jpg) top center no-repeat;
}

.thankyou-wrapper .content-wrapper .content {
    display: block;
    height: 221px;
    width: 456px;
    background: url(/images-contact/bg-get-to-know-FC.png) top center no-repeat;
}

.thankyou-wrapper .content-wrapper .content h3 {
    display: inline-block;
    zoom: 1;
    padding: 60px 0 6px 0;
    margin-left: -12px;
    color: #105380;
    font-size: 20px;
    font-family: Arial;
    text-transform: uppercase;
}

.thankyou-wrapper .content-wrapper .content .logo {
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    height: 70px;
    width: 212px;
    margin: 20px auto;
    position: relative;
    left: 12px;
    background: url(/images-contact/header-logo.png) top center no-repeat;
}

.thankyou-wrapper .content-wrapper .content p {
    width: 402px;
    margin: -5px auto;
    color: #77787b;
    font-size: 13px;
    font-family: "arial";
}

.thankyou-wrapper .content-wrapper .content .btn-get-to-know {
    height: 34px;
    width: 142px;
    display: block;
    margin: 24px auto;
    background: url(/images-contact/btn-get-to-know-FC.png) no-repeat;
}

.thankyou-wrapper .content-wrapper .content .btn-get-to-know:hover {
    background-position: 0px -34px;
}


/*Locations map*/

#villas {
    width: 368px;
}

#map_container {
    width: 910px;
    height: 432px;
    background: url(/images-map/map_bg3.jpg) top right no-repeat;
}

.montegoBayAirportMapText {
    color: white;
    position: absolute;
    top: 88px;
    font-size: 10px;
    /* display: block; */
    left: 11px;
    font-weight: bold;
    width: 123px;
}

.mapText {
    color: #15547E;
    font-size: 8px;
    position: absolute;
    width: 77px;
    font-weight: bold;
}

#dBay {
    top: 139px;
    left: 175px;
}

#oRios {
    left: 291px;
    top: 153px;
}

#sCoast {
    top: 217px;
    left: 120px;
}

div.map_villa_container {
    background: url("/images-map/map_location_container2.png") no-repeat scroll 0 -143px transparent;
    cursor: pointer;
    height: 119px;
    margin-top: 0;
    padding-top: 25px;
    width: 353px;
}

div.map_villa_container:hover {
    background-position: 0 0px;
}

div.map_villa_container p {
    width: 145px;
    font-size: 11px;
    color: #666;
    margin: 0px;
    padding: 0;
    line-height: 16px;
    height: 65px;
}

div.map_villa_containerselected {
    background-position: 0 0;
}

.villaimage {
    width: 151px;
    height: 94px;
    background: url(/images-map/map_location_container_picframe.jpg) top left no-repeat;
    padding-top: 3px;
    padding-left: 4px;
    margin-left: 3px;
}

.villaimage div.ribbon {
    position: absolute;
    width: 113px;
    height: 18px;
    background-color: #F5F6F2;
    display: block;
    margin-top: 0px;
    font-weight: bold;
    margin-left: 34px;
    color: #18A288;
    text-align: center;
    border-bottom-left-radius: 3px;
}

#map_popups {
    position: relative;
}

#riochico_ribbon {
    /* background: url(/images-map/rio_chico_ribbon.png) 0 0px no-repeat; */
}

.villaimage div.ribbon:hover {
    background-color: #18A288;
    color: white;
}

.villaimage div.ribbon.labelribbonselected {
    display: block;
    background-color: #18A288;
    color: white;
}

#plantana_ribbon {
    /* background: url(/images-map/villa_plantana_ribbon.png) 0 -22px no-repeat; */
}

#acre_ribbon {
    /* background: url(/images-map/lime_acre_ribbon.png) 0 0px no-repeat; */
}

#sundown_ribbon {
    /* background: url(/images-map/sundown_ribbon.png) 0 0px no-repeat; */
}

div.ribbonselected {
    background-position: 0 0;
}

.location_flag {
    position: relative;
}

#limeacre_flag {
    background: url(/images-map/lime-acre-flag.png) top left no-repeat;
    display: block;
    width: 84px;
    height: 53px;
    top: 187px;
    left: 87px;
    z-index: 1;
    color: white;
    font-size: 8.5px;
    font-weight: bold;
    padding-left: 5px;
    line-height: 24px;
}

#limeacre_flag:hover {
    background-position: 0 -53px;
    cursor: pointer;
}

#sundown_flag {
    background: url(/images-map/sundown-flag.png) top left no-repeat;
    display: block;
    width: 77px;
    height: 54px;
    top: 40px;
    left: 155px;
    z-index: 2;
    color: white;
    font-size: 8px;
    font-weight: bold;
    padding-left: 5px;
    line-height: 24px;
}

#sundown_flag:hover {
    background-position: 0 -55px;
}

#rio_chico_flag {
    background: url(/images-map/rio-chico-flag.png) top left no-repeat;
    width: 60px;
    height: 51px;
    display: block;
    top: 5px;
    left: 272px;
    color: white;
    font-size: 8.5px;
    font-weight: bold;
    padding-left: 7px;
    line-height: 24px;
}

#rio_chico_flag:hover {
    background-position: 0 -51px;
}

#plantana_flag {
    background: url(/images-map/villa-plantana-flag.png) top left no-repeat;
    width: 103px;
    height: 36px;
    display: block;
    top: -15px;
    left: 320px;
}

#plantana_flag:hover {
    background-position: 0 -36px;
}

#riochico_popup {
    background: url(/images-map/acre_popup.png) top left no-repeat;
    width: 288px;
    height: 121px;
    position: absolute;
    top: 25px;
    left: 249px;
    display: none;
    z-index: 5;
    padding-top: 7px;
}

#plantana_popup {
    background: url(/images-map/acre_popup.png) top left no-repeat;
    width: 286px;
    height: 121px;
    position: absolute;
    top: 25px;
    left: 267px;
    display: none;
    z-index: 6;
    padding-top: 7px;
}

#acre_popup {
    background: url(/images-map/acre_popup3.png) top left no-repeat;
    width: 272px;
    height: 111px;
    position: absolute;
    top: 205px;
    left: 47px;
    display: none;
    z-index: 5;
    padding-top: 20px;
}

#sundown_popup {
    background: url(/images-map/acre_popup.png) top left no-repeat;
    width: 272px;
    height: 121px;
    position: absolute;
    top: 1px;
    left: 148px;
    z-index: 5;
    padding-top: 7px;
    display: none;
}

.pop_img {
    background: url(/images-map/map_popimg_frame.gif) top right no-repeat;
    width: 131px;
    height: 99px;
    padding-left: 10px;
    padding-top: 3px;
    float: left;
}

.pop_desc {
    width: 110px;
    height: 101px;
    float: left;
    padding-left: 7px;
    text-align: none;
}

.pop_desc .pop_desc-title {
    color: #00929f;
    font-size: 10px;
    font-family: Arial;
    text-transform: uppercase;
}

.pop_desc .pop_desc-subtitle {
    color: #666;
    font-size: 8px;
    font-family: "arial";
    font-weight: bold;
}

span.arrow {
    background-position: 0 -17px;
}

.selected {
    opacity: 1;
}

/* About */

.articleHeader {
    font-size: 26px;
    color: #105380;
    font-family: bodoni72-italic;
    text-align: center;
}

.history-Detail {
    height: 140px;
    width: 654px;
    background: url(/images-about/bg-adAbout.png) top left no-repeat;
    margin-top: -19px;
}

.hisroty-Detail-content {
    font-family: Arial;
    color: #9ba59f;
    text-align: center;
    margin: 15px 0 0 37px;
    width: 592px;
}

#uniform-country {
    width: 224px;
}

#uniform-country select {
    width: 224px;
}

#uniform-state {
    width: 224px;
}

#uniform-state select {
    width: 224px;
}

.transferHeader {
    color: white;
    font-weight: bold;
    position: absolute;
    width: 200px;
    top: 298px;
    left: 335px;
    font-size: 11.5px;
}

.transferMapText {
    color: white;
    font-weight: bold;
    position: absolute;
    top: 330px;
    left: 352px;
    width: 200px;
    z-index: 9;
}

.transferMapText table {
    width: 164px;
    border-collapse: collapse;
    
}

.transferMapText tr {
    border-bottom: 1px solid white;
}

.transferMapText #right {
    text-align: right;  
}




/* Rates */

#wrapper-rates header.titlteTop-rates {
    display: block;
    width: 920px;
    height: 99px;
    background: url(/images-general/rates-header-bg.png) top left no-repeat;
    margin: 27px auto 25px 10px;
}

#wrapper-rates header.titlteTop-rates h1 {
    position: relative;
    top: 33px;
    text-align: center;
    color: #00929f;
    font-size: 20px;
    font-family: Arial;
    text-transform: uppercase;
}

#wrapper-rates .villa header.titlteTop-villas {
    display: block;
    width: 912px;
    height: 43px;
    background: url(/images-general/title-villas-bg.png) top left no-repeat;
    margin: 10px auto;
}

#wrapper-rates .villa header.titlteTop-villas h2 {
    position: relative;
    top: 0px;
    text-align: center;
    color: #105380;
    font-size: 18px;
    font-family: "Arial";
    text-transform: uppercase;
}

#wrapper-rates .villa header.titlteTop-villas h2 span {
    font-size: 18px;
    font-family: "Arial";
    text-transform: capitalize;
}

#wrapper-rates .villa header.titlteTop-villas small {
    display: block;
    margin-top: -2px;
    font-size: 11px;
    font-family: "Arial";
    font-weight: bold;
    text-transform: capitalize;
    color: #7b7b7b;
    text-align: center;
}

#wrapper-rates .villa header.titlteTop-villas small span {
    font-size: 13px;
}

p.disclaimer-villas {
    position: relative;
    text-align: center;
    top: 0px;
    font-size: 12px;
    font-family: "Arial";
    font-weight: bold;
    color: #00929f;
    margin: -10px auto 56px;
}

#wrapper-rates .dotted {
    border-top: 1px dotted #acacac;
    width: 210px;
    height: 1px;
    margin: 12px auto auto -10px;
}

#wrapper-rates .info-holidays,
.info-season {
    position: relative;
    margin: 12px 0 0 12px;
    width: 220px;
    height: 26px;
}

#wrapper-rates .info-holidays span,
.info-season span {
    display: inline-block;
    margin: 4px 0 0 30px;
    font-size: 11.99px;
    font-family: "Arial";
    font-weight: bold;
    color: #00929f;
}

#wrapper-rates .info-holidays .questionmark,
.info-season .questionmark {
    position: absolute;
    width: 23px;
    height: 23px;
    background: url(/images-general/questionmark.png) top left no-repeat;
}

#wrapper-rates .info-season {
    margin-top: 2px;
}

#wrapper-rates .rc-holidaysDetails,
#wrapper-rates .sd-holidaysDetails,
#wrapper-rates .la-holidaysDetails {
    cursor: pointer;
}

#rcHD {
    display: none;
}

#sdHD {
    display: none;
}

#laHD {
    display: none;
}

.holidaysDetails-box {
    position: absolute;
    margin: -231px -164px 0px;
    background: url(/images-general/bg-holidaysdatails-box.png) top left no-repeat;
    width: 375px;
    height: 227px;
    z-index: 99;
}

.holidaysDetails-box .headerHD {
    margin: 0 auto;
    width: 357px;
    height: 55px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #00929f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #00929f 0%, #007b86 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #00929f 0%, #007b86 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #00929f 0%, #007b86 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00929f', endColorstr='#007b86', GradientType=0);
    /* IE6-9 */
}

.holidaysDetails-box .headerHD .close {
    margin: 17px 6px 0;
    background: url(/images-general/close.png) top left no-repeat;
    width: 29px;
    height: 28px;
    float: right;
    cursor: pointer;
}

.holidaysDetails-box .headerHD h2 {
    padding: 14px 33px 0px 33px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "Arial";
}

.holidaysDetails-box .headerHD h3 {
    margin: -5px 0 0 34px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-family: "Arial";
}

.holidaysDetails-box .content ul {
    width: 300px;
    margin: 0 auto;
}

.holidaysDetails-box .content ul li {
    list-style: none;
    text-align: center;
    color: #00929f;
    font-size: 12px;
    font-family: "Arial";
    font-weight: bold;
    border-bottom: 2px solid #f2f5f7;
    padding-top: 8px;
    padding-bottom: 2px;
}

.holidaysDetails-box .content ul li:last-child {
    border-bottom: none;
}

#wrapper-rates .rc-seasonDetails,
#wrapper-rates .sd-seasonDetails,
#wrapper-rates .la-seasonDetails {
    cursor: pointer;
}

#rcSeasonD {
    display: none;
}

#sdSeasonD {
    display: none;
}

#laSeasonD {
    display: none;
}

.seasonDetails-box {
    position: absolute;
    margin: -151px -125px 0px;
    background: url(/images-general/bg-seasondatails-box.png) top left no-repeat;
    width: 296px;
    height: 137px;
    z-index: 99;
}

.seasonDetails-box .headerHD {
    margin: 0 auto;
    width: 277px;
    height: 43px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #00929f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #00929f 0%, #007b86 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #00929f 0%, #007b86 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #00929f 0%, #007b86 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00929f', endColorstr='#007b86', GradientType=0);
    /* IE6-9 */
}

.seasonDetails-box .headerHD .close {
    margin: 10px 6px 0;
    background: url(/images-general/close.png) top left no-repeat;
    width: 29px;
    height: 28px;
    float: right;
    cursor: pointer;
}

.seasonDetails-box .headerHD h2 {
    padding: 15px 33px 0px 33px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 16.06px;
    font-family: "Arial";
}

.seasonDetails-box .content ul {
    width: 260px;
    margin: 10px auto;
}

.seasonDetails-box .content ul li {
    list-style: none;
    text-align: center;
    color: #00929f;
    font-size: 12px;
    font-family: "Arial";
    font-weight: bold;
    border-bottom: 2px solid #f2f5f7;
    padding-top: 5px;
    padding-bottom: 5px;
}

.seasonDetails-box .content ul li span {
    color: #7b7b7b;
    font-size: 12.05px;
    font-family: "Arial";
    font-weight: normal;
}

.seasonDetails-box .content ul li:last-child {
    border-bottom: none;
}


/* Unsubscribe */

#unsubcribe {
    background: #f7f7f7;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-bottom: 80px;
}

#unsubscribe-content {
    width: 660px;
    margin: 0 auto;
    margin-top: 35px;
    background: #fff;
    text-align: left;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}

#innerIntro h2 {
    color: #f07807;
    text-align: center;
    font-size: 22px;
    font-family: 'didot';
    font-size: 24px;
    color: #105380;
    font-weight: bold;
}

p#introText {
    width: 510px;
    padding: 20px 0 30px 0;
    margin: 0 auto;
    color: #105380;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}

#innerIntro .dividerSection {
    width: 100%;
    height: 5px;
    background: #cfdbe0;
    margin: 25px 0 0px 0;
}

#unsubscribeFrm {
    margin: 13px auto;
}

#unsubscribeFrm .grexBox {
    width: 390px;
    position: relative;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
}

#unsubscribeFrm .grexBox label {
    float: right;
    width: 330px;
    font-size: 14px;
    margin: -3px 11px;
    color: #77787b;
    -webkit-font-smoothing: antialiased;
    font-family: arial;
}

#unsubscribeFrm .divider {
    width: 100%;
    height: 3px;
    background: #fff;
    margin: 12px 0 25px 0;
}

#unsubscribeFrm .grexBox .emailtoremove {
    font-size: 14px;
    text-align: center;
    width: 310px;
    height: 24px;
    margin: 8px 0 0 10px;
    padding: 5px 10px;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 1px 1px 2px 0px #b8b8b8;
    -moz-box-shadow: inset 1px 1px 2px 0px #b8b8b8;
    box-shadow: inset 1px 1px 2px 0px #b8b8b8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#unsubscribeFrm .grexBox #yousure {
    margin: 0px 36px;
}

#unsubscribeFrm .grexBox #other {
    font-size: 14px;
    padding: 5px 10px;
    width: 230px;
    height: 45px;
    position: absolute;
    right: 50px;
    top: 80px;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 1px 1px 2px 0px #b8b8b8;
    -moz-box-shadow: inset 1px 1px 2px 0px #b8b8b8;
    box-shadow: inset 1px 1px 2px 0px #b8b8b8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    resize: vertical;
    z-index: 99;
}

#unsubscribeFrm .grexBox input.reasons {
    width: 22px;
    margin-left: 3px;
}

#unsubcribe .btnunsub {
    cursor: pointer;
    zoom: 1;
    vertical-align: top;
    width: 113px;
    height: 38px;
    background: url(../images-general/btn-unsubscribe.png) no-repeat;
    margin: 35px 39px 45px 192px;
    display: inline-block;
}

#unsubcribe .btnunsub:hover {
    background-position: 0 -36px;
}

#unsubcribe .uncancel {
    font-size: 20.23px;
    line-height: 18px;
    color: #105380;
    font-weight: bold;
    margin: 42px 0 0 20px;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    font-family: arial;
    -webkit-font-smoothing: antialiased;
}

#unsubcribe .uncancel:hover {
    font-family: arial;
    text-decoration: underline;
    font-weight: bold;
}

#returndata {
    margin: 0px 0 0 0;
    text-align: center;
    height: 336px;
}

#returndata .returndata-content {
    padding: 45px 0 0 0;
}

#returndata p {
    font-family: Arial;
    font-size: 16px;
    line-height: 19px;
    margin: 5px auto;
    color: #77787b;
    -webkit-font-smoothing: antialiased;
}

#returndata p.info {
    font-family: Arial;
    font-size: 15px;
    line-height: 19px;
    margin: 5px auto;
    color: #77787b;
    -webkit-font-smoothing: antialiased;
}

#returndata p.thankYou {
    font-size: 13px;
    line-height: 20px;
    margin: 50px 0 0 0;
}

#returndata p.thankYou span {
    display: inline-block;
    margin-top: 15px;
    font-family: Arial;
    font-size: 38px;
    color: #105380;
}


/*End Unsubcribe*/


/*******************GCV*******************/

.rateField,
.rateField2 {
    background: #fff !important;
    border: 1px solid #363636 !important;
}

input.error {
    border: 1px solid #ca0e0e !important;
    background: #f9e8e6 !important;
}

.errMsgBottom {
    display: none;
    color: red;
    margin-left: 98px;
}

.selector.error span {
    color: red;
}

.phoneReqError {
    margin-left: 0px;
}

#mobile,
#landline,
#landlineNumber,
#dayphone,
#nightphone {
    width: 146px !important;
    padding-left: 58px !important;
}

.inlineBlock {
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.selCountryCode {
    position: absolute;
    margin-left: 104px;
    margin-top: 8px;
    font-weight: bold;
    color: #666;
    width: 50px;
    text-align: center;
}

.centered {
    text-align: center;
    margin: 20px 0;
}

.g-recaptcha {
    display: inline-block;
}

.captchaErr {
    margin: 0px;
}

.loading {
    font-size: 20px;
    color: #4f8aa7;
    text-align: center;
    display: none;
}