@charset "utf-8";
/* Reset all browsers */
html, body, div, span, 
applet, object, iframe, 
h1, h2, h3, h4, h5, h6        {background:transparent; border:0; font-size:100%; margin:0; padding:0; vertical-align:baseline; outline:0;}

/* Fonts */
@font-face                    {font-family:'FuturaBook'; src:url('futuran-web.eot'); src:url('futuran-web.eot?#iefix') format('embedded-opentype'), url('futuran-web.woff') format('woff'), url('futuran-web.ttf') format('truetype'), url('futuran-web.svg#FuturaBook') format('svg'); font-weight:normal; font-style:normal;}
@font-face                    {font-family:'FuturaMedium'; src: url('futuram-web.eot'); src: url('futuram-web.eot?#iefix') format('embedded-opentype'), url('futuram-web.woff') format('woff'), url('futuram-web.ttf') format('truetype'), url('futuram-web.svg#FuturaMedium') format('svg'); font-weight:normal; font-style:normal;}

/* Common */
body                          {background-color:#FFFFFF; font-family:Arial; font-size:12px; color:#808080; margin:0px;}
A:link                        {color:#4c4c4c; text-decoration:none;}
A:visited                     {color:#4c4c4c; text-decoration:none;}
A:active                      {color:#4c4c4c; text-decoration:none;}
A:hover                       {color:#52bdec; text-decoration:underline;}
h1                            {color:#424242; font-family:'FuturaBook', Arial; font-size:20px; letter-spacing:1px; text-transform:uppercase; font-weight:500; margin-top:10px;}
h2                            {color:#424242; font-family:'FuturaBook', Arial; font-size:14px; letter-spacing:1px; padding:10px 0px 0px 0px; text-transform:uppercase; font-weight:normal;}
h3                            {color:#424242; font-family:'FuturaBook', Arial; font-size:14px; color:#000000; letter-spacing:1px; padding:15px 0 10px 0; border-bottom:#dddddd 1px solid; text-transform:uppercase; font-weight:500;}
h4                            {color:#424242; font-family:'FuturaBook', Arial; font-size:14px; letter-spacing:1px; padding:15px 0 15px 0; border-top:#dddddd 1px solid; text-transform:uppercase; font-weight:normal;}
hr                            {height:1px; color:#CCCCCC;} /* Not Used Yet */
.superscript                  {font-size:xx-small; vertical-align:top;}
.subscript                    {font-size:xx-small; vertical-align:bottom;}
.floatLeft                    {width:50%; float:left;}
.floatRight                   {width:50%; float:right;}
.clear                        {clear:both;}
#wrapper                      {width:100%; height:auto; position:relative;}

/* Info Bar */
#rowInfo                      {height:24px; background-color:#e6e6e6; border-bottom:#b5b8bb 2px solid;}
#boxInfo                      {width:960px; height:24px; margin:0px auto -1px auto; font-family:'FuturaBook', Arial; font-size:11px; color:#4d4d4d;}
#alert                        {width:480px; height:21px; float:left; vertical-align:middle; padding-top:3px;}
#info                         {width:480px; height:18px; float:right; vertical-align:middle; text-align:right; padding-top:6px;}
#info a                       {padding-left:10px;}

/* Masthead */
#rowMasthead                  {height:113px; background-color:#f2f6fa; background-image:url('../images/bck_Masthead.jpg'); background-repeat:repeat-x;}
#boxMasthead                  {width:960px; margin:0px auto -1px auto;}
#logo                         {width:635px; height:112px; margin:0px; padding:1px 0 0 0; float:left; background-image:url('../images/logo_Club-Melia.jpg'); background-repeat:no-repeat; background-position:0 20px;}

#contact                      {width:325px; height:93px; margin:20px 0 0 0; float:right;}
#call                         {width:225px; height:44px; font-family:'FuturaMedium', Arial; font-size:20px; color:#667c9e; text-align:right; padding-top:43px; float:left;}
#language                     {width:153px; height:49px; font-family:'FuturaBook', Arial; font-size:10px; color:#4c4c4c; text-align:right; padding:10px 10px 0 0; /* float:left; */ float:right;}
#chat                         {width:161px; height:59px; border-left:#CCC 1px solid; text-align:right; padding:0 0 0px 0; float:right;}
#members                      {width:325px; height:24px; font-family:'FuturaBook', Arial; font-size:11px; color:#4c4c4c; margin:0; padding:10px 0 0 0; text-align:right; clear:both;}

/* Navigation and Imagery */
#rowHome                      {height:405px; background-image:url('../images/bck_Club-Melia.jpg'); background-repeat:no-repeat; background-position:center;}
#boxHome                      {width:960px; height:406px; margin:0px auto -1px auto; position:relative;}
#rowInside                    {height:191px; background-image:url('../images/bck_Club-Melia2.jpg'); background-repeat:no-repeat; background-position:center;}
#boxInside                    {width:960px; height:192px; margin:0px auto -1px auto; position:relative;}
#mainLeft                     {width:635px; height:29px; margin:0px; float:left;}
#mainRight                    {width:325px; height:29px; margin:0px; text-align:right; float:right;}
#media                        {width:960px; height:375px; clear:both;}
#image                        {width:960px; height:158px; clear:both;}
#imageSub					  {padding:20px 0px 10px 0px;}
.sf-menu, .sf-menu *          {margin:0; padding:0; list-style:none;}
.sf-menu                      {line-height:1.0; font-family:'FuturaBook', Arial; margin-bottom:1em; float:left;}
.sf-menu ul                   {width:10em; position:absolute; top:-999em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li                {width:100%;}
.sf-menu li                   {position:relative; font-size:14px; float:left; letter-spacing:1px;}
.sf-menu li li                {background:#FFFFFF; font-size:12px;}
.sf-menu li li li             {background:#FFFFFF; font-size:12px;}
.sf-menu li a                 {display:block; position:relative; padding:5px 40px 5px 0; text-decoration:none; color:#3f3f3f;}
.sf-menu li li a              {display:block; position:relative; padding:0 10px 12px 10px; text-decoration:none; color:#3f3f3f;}
.sf-menu li li li a           {display:block; position:relative; padding:0 10px 12px 10px; text-decoration:none; color:#3f3f3f;}
.sf-menu li:hover             {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li a:hover           {text-decoration:underline;}
.sf-menu li li a:hover        {text-decoration:underline;}
.sf-menu li li li a:hover     {text-decoration:underline;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul        {left:0; top:2em; /* match top ul list item height */ z-index:6000;}
.sf-menu li:hover, 
.sf-menu li.sfHover, 
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active             {outline:0;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul, 
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul{top:-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul, 
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul{top:0; left:10em; /* match ul width */}
.sf-shadow ul                 {background:url('../images/bck_dropdown.png') no-repeat bottom right; padding:0 8px 9px 0; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px;}
.sf-shadow ul.sf-shadow-off   {background:transparent;}

/* Content */
#rowContent                   {height:1%; background-image:url('../images/bck_nav-crumb.jpg'); background-repeat:no-repeat; background-position:top center;}
#boxContent                   {width:960px; margin:0px auto -1px auto;}
#rowBooking                   {}
#boxBooking                   {width:1000px; margin:0px auto;}
#navCrumb                     {width:810px; height:12px; padding:10px 0 10px 0; float:left;}
#navCrumb ul                  {list-style:none; font-family:'FuturaBook', Arial; font-size:12px; color:#404040; margin:0; padding:0;}
#navCrumb li                  {color:#404040; margin:0; padding-right:5px; float:left;}
#navCrumb a                   {color:#808080; text-decoration:none;}
#navCrumb a:hover             {color:#3f3f3f; text-decoration:underline;}
#navCrumbRight                {width:150px; font-family:'FuturaBook', Arial; font-size:12px; color:#404040; height:12px; text-align:right; padding:10px 0 10px 0; float:right;}
#navCrumbRight a              {color:#808080; text-decoration:none;}
#navCrumbRight a:hover        {color:#3f3f3f; text-decoration:underline;}
#topic                        {width:940px; height:35px; border-bottom:#dddddd 1px solid; padding:10px 0px 5px 0px; clear:both;}
#resort                       {width:940px; height:30px; padding:10px 0 10px 20px; clear:both;}
#navPage                      {width:940px; height:14px; border-bottom:#dddddd 1px solid; padding:10px 0 10px 20px;}
#navPage ul                   {list-style:none; font-family:'FuturaBook', Arial; font-size:14px; color:#3f3f3f; letter-spacing:1px; margin:0; padding:0; text-transform:uppercase;}
#navPage li                   {color:#3f3f3f; margin:0; padding-right:20px; float:left;}
#navPage a                    {color:#3f3f3f; text-decoration:none;}
#navPage a:hover              {color:#3f3f3f; text-decoration:underline;}
#navSub                       {width:920px; height:11px; padding:10px 0 10px 40px;}
#navSub ul                    {list-style:none; font-family:'FuturaBook', Arial; font-size:11px; color:#3f3f3f; letter-spacing:1px; margin:0; padding:0; text-transform:uppercase;}
#navSub li                    {color:#3f3f3f; margin:0; padding-right:20px; float:left;}
#navSub a                     {color:#3f3f3f; text-decoration:none;}
#navSub a:hover               {color:#3f3f3f; text-decoration:underline;}
#oneColumn                    {width:920px; padding:10px 20px 40px 20px;}
#oneColumn a                  {color:#52bdec; text-decoration:underline;}
#oneColumn a:hover            {color:#2f2f2f; text-decoration:none;}
#twoColumnLeft                {width:600px; padding:10px 20px 40px 20px; float:left; text-align:left;}
#twoColumnLeft a              {color:#52bdec; text-decoration:underline;}
#twoColumnLeft a:hover        {color:#2f2f2f; text-decoration:none;}
#twoColumnRight               {width:280px; padding:20px 20px 40px 20px; float:right;}
#twoColumnRight a             {color:#52bdec; text-decoration:underline;}
#twoColumnRight a:hover       {color:#2f2f2f; text-decoration:none;}
.current                      {color:#404040 !important; text-decoration:underline !important;}
#twoColumnRight.card          {margin-top: 58px;}
#twoColumnRight.cardEs        {margin-top: 88px;}
:root #twoColumnRight         {margin-top: 48px \0/IE9;}

/* Offer Layout */
/* Theme Accents */
.themeRightColumn             {}
#themeColumnLeft              {width:620px; padding:30px 20px 40px 0px; float:left; text-align:left;}
#themeColumnLeft a            {color:#52bdec; text-decoration:underline;}
#themeColumnLeft a:hover      {color:#2f2f2f; text-decoration:none;}
#themeColumnRight             {width:280px; padding:40px 20px 40px 20px; float:right; background-image:url(../images/themes/holiday_bck-right-column.jpg); background-repeat:no-repeat; background-position:top right;}
#themeColumnRight a           {color:#52bdec; text-decoration:underline;}
#themeColumnRight a:hover     {color:#2f2f2f; text-decoration:none;}
.themeResortTable             {border-bottom:#dddddd 1px solid; margin-bottom:10px;}
.themeResortImage             {padding:0px 10px 10px 0px;}
.themeResortRegion            {font-size:10px; font-style:italic; padding:5px 10px 0px 0px;}
.themeResortCall              {font-family:'FuturaBook', Arial; font-size:20px; color:#667c9e;}
.themeResortPhone             {font-family:'FuturaMedium', Arial; font-size:25px; color:#667c9e; padding-top:10px;}
.themeResortSummary           {text-align:justify;}
.themeResortOffer             {padding:10px 0px 20px 0px; text-align:center;}
.themeResortPrice             {font-family:'FuturaBook', Arial; font-size:45px; color:#52bdec;}
.themeResortSign              {font-size:35px;}
.themeResortDay               {font-family:'FuturaMedium', Arial; font-size:20px; color:#676767; line-height:20px; text-transform:uppercase;}
.themeResortTime              {font-size:15px; color:#7e7d7d;}
.themeResortNote              {font-family:'FuturaMedium', Arial; font-size:10px; color:#888888; line-height:15px; text-transform:uppercase;}
.themeSideBarTitle            {width:250px; color:#424242; font-family:'FuturaBook', Arial; font-size:14px; color:#000000; letter-spacing:1px; padding:5px 0px 10px 0px; border-bottom:#dddddd 1px solid; text-transform:uppercase; font-weight:500;}
.themeSideBarIntro            {width:250px; text-align:justify;}
.themeDivider                 {width:100%; height:1px; border-top:#dddddd 1px solid; margin:20px 0px 20px 0px;}
.themeDisclaimer              {font-size:11px; text-align:justify;}
.themeDisclaimer strong       {font-size:11px}

/* Brand */
#rowBrand                     {height:76px; background-color:#e6e6e6; border-top:#c1c1c1 solid 1px; border-bottom:#c1c1c1 solid 1px; margin:0px 0px 0px 0px; clear:both;} 
#boxBrand                     {width:960px; height:96px; margin:0px auto -1px auto;}
#brands                       {width:960px; height:26px; margin:20px 0px 10px 0px;}
#brands ul                    {width:960px; list-style:none; margin-left:30px; padding:0;}
#brands li                    {list-style:none; margin:0; padding:0; float:left;}
#brands li a                  {height:36px; background:transparent url('../images/logo_brands.jpg'); background-repeat:no-repeat; background-position:bottom left; text-indent:-9999px; float:left; z-index:5;}
#brands a.logoMeliaInt        {width:273px; background-position:-25px 0px;}
#brands a.logoMeliaInt:hover  {width:273px; background-position:-25px -36px;}
#brands a.logoGranMelia       {width:131px; background-position:-298px 0px;}
#brands a.logoGranMelia:hover {width:131px; background-position:-298px -35px;}
#brands a.logoMelia           {width:93px; background-position:-431px 0px;}
#brands a.logoMelia:hover     {width:93px; background-position:-431px -35px;}
#brands a.logoMe              {width:61px; background-position:-522px 0px;}
#brands a.logoMe:hover        {width:61px; background-position:-522px -35px;}
#brands a.logoInnside         {width:115px; background-position:-583px 0px;}
#brands a.logoInnside:hover   {width:115px; background-position:-583px -35px;}
#brands a.logoTryp            {width:60px; background-position:-698px 0px;}
#brands a.logoTryp:hover      {width:60px; background-position:-698px -35px;}
#brands a.logoSol             {width:112px; background-position:-758px 0px;}
#brands a.logoSol:hover       {width:112px; background-position:-758px -35px;}
#brands a.logoParadisus       {width:90px; background-position:-870px 0px;}
#brands a.logoParadisus:hover {width:90px; background-position:-870px -35px;}

/* Extra Logos */
#legalBox                     {width:960px; color:#7f7f7f; font-family:'Arial'; font-size:10px; text-align:center; border-top:#dddddd solid 1px; padding:20px 0 0 0; text-align:left;}
#legalText                    {float:left; width:500px;}
#siteSeal                     {background-color:#FFFFFF; padding:5px; float:right; border:#CCC 1px solid; margin:0 0 0 15px;}
#ardaLogo                     {float:right; width:114px; height:45px; margin:0 0 0 15px;}
#rdoLogo                      {float:right; width:147px; height:45px; margin:0;}

/* Site Links */
.rowLinks                     {margin:0px 0px 0px 0px;}
.boxLinks                     {width:960px; margin:0px auto -1px auto; padding:30px 0 30px 0;}
.linkCol1                     {width:210px; margin:0px 20px 0px 0px; float:left;}
.linkCol2                     {width:210px; margin:0px 0px 0px 20px; float:right;}
.linkCol3                     {width:210px; margin:0px 20px 0px 20px; float:right;}
.linkCol4                     {width:210px; margin:0px 20px 0px 250px;}
.leadInHeadline               {color:#3f3f3f; font-family:'FuturaBook', Arial; font-size:14px; padding-bottom:10px; border-bottom:#dddddd 1px solid;}
.leadInImage                  {padding-top:10px;}
.leadInContent                {color:#808080; font-family:Arial; font-size:12px; margin-top:10px; margin-bottom:15px;}
.leadInLink                   {color:#808080; font-family:'FuturaBook', Arial; font-size:12px; text-transform:uppercase;}
.leadInLink a                 {color:#96adc0; text-decoration:underline;}
.leadInLink a:hover           {color:#52bdec; text-decoration:none;}
.navHeadline                  {color:#96adc0; font-family:'FuturaBook', Arial; font-size:14px; letter-spacing:1px; padding-bottom:10px; border-bottom:#dddddd 1px solid; text-indent:40px;}
.navLinks ul                  {list-style:none; font-family:'Arial'; font-size:10px; color:#808080; margin:0; padding:0;}
.navLinks li                  {color:#808080; font-family:'Arial'; font-size:10px; color:#808080; margin:0; list-style:none; padding-bottom:3px;}
.navLinks a                   {color:#808080; text-decoration:none;}
.navLinks a:hover             {color:#3f3f3f; text-decoration:underline;}
#copyright                    {width:960px; color:#7f7f7f; font-family:'Arial'; font-size:10px; text-align:center; border-top:#dddddd solid 1px; padding:20px 0 0 0;}

/* Content */
#videoBox                     {width:853px; height:480px; padding:1px; border:#808080 1px solid; margin:20px 32px 0 31px;}
#newsDate                     {font-weight:bold; font-size:13px; color:#444444;}
#newsTitle                    {padding-bottom:15px;}
#resortListingBox             {padding-bottom:20px; border-bottom:#dddddd 1px solid;}
.resortListingTitle           {font-family:'FuturaBook', Arial; font-size:14px; color:#333; font-weight:bold; font-weight:500;}
.resortListingContent         {}
.accentBlue                   {color:#96adc0;}
.accentGreen                  {color:#58a618;}

/* Images */
.imgLeft                      {float:left; margin:0 20px 20px 0;}
.imgRight                     {float:right; margin:0 0 20px 20px;}

/* Graphical Content Tables */
.tableBox                     {margin:20px 0 20px 0;}
.tableHeaderBlue              {height:18px; border-top:#7bc3e9 1px solid; border-right:#7bc3e9 1px solid; border-bottom:#7bc3e9 2px solid; border-left:#7bc3e9 1px solid; background-color:#8eccec; padding:10px; font-family:'FuturaMedium', Arial; color:#fefefe; font-size:14px; text-transform:uppercase;}
.tableContent                 {border:#d9dde1 1px solid; background-color:#FFF; padding:10px;}
.tableBckBlueMouse            {background-image:url('../images/bck_hdr_table-blue_mouse.jpg'); background-repeat:no-repeat; background-position:top right;}
.tableBckBlueCalendar         {background-image:url('../images/bck_hdr_table-blue_calendar.jpg'); background-repeat:no-repeat; background-position:top right;}
.tableBckBlueMailbox          {background-image:url('../images/bck_hdr_table-blue_mailbox.jpg'); background-repeat:no-repeat; background-position:top right;}

/* Maps */
#mapBox                       {padding:1px; border:#808080 1px solid;}
#mapCanvas                    {height:100%}

/* Forms */
input                         {color:#808080;}
textarea                      {color:#808080;}
select                        {color:#808080;}
option                        {color:#808080;}
.formHeader                   {}
.formLabel                    {}
.formSentence                 {}
.formNotes                    {font-size:11px; color:#333333;}
.formLegal                    {}   
.formAlert                    {color:#333333; background-color:#FFD7D8; border:#C4393D solid 1px;}

/* Two Column Layout for Section Portal with Sidenav */
#sideNavBox                   {width:960px; height:auto; background-image:url('../images/bck_nav-side.jpg'); background-repeat:repeat; overflow:hidden; clear:both;}
#sideNavLeft                  {width:200px; float:left; margin:0px 20px 20px 0px; padding:50px 0 20px 0;}
#sideNavRight                 {width:740px; float:right; margin:0px 0px 20px 0px;}
#sideNavTitle                 {width:740px; height:35px; border-bottom:#dddddd 1px solid; padding:10px 0px 5px 0px;}

/* Side Nav Buttons & Content */
.toggleButton                 {width:190px; height:10px; background-color:#e2ebf2; font-family:'FuturaBook', Arial; font-size:12px; font-weight:200; letter-spacing:1px; color:#333333; text-transform:uppercase; border-top:#eef3f9 1px solid; border-bottom:#ccd5dd 1px solid; padding:10px 0px 10px 10px; cursor:pointer;}
.toggleBox                    {width:200px; height:auto; background-color:#f5f8fb; font-family:'FuturaMedium', Arial; font-size:12px; font-weight:200; color:#3f3f3f; text-transform:none; padding:0px; clear:both; overflow:hidden;}
.toggleBox ul                 {list-style:none; margin:12px 0px 15px 0px; padding:0px;}
.toggleBox li                 {margin:5px 0px 5px 15px;}

/* Alerts */
.alertRed                     {font-family:Tahoma; font-size:10px; color:#333333; text-decoration:none; text-align:left; background-color:#fbb7c8; border:#bc7a8b 1px solid; margin-top:2px;}
.alertYellow                  {font-family:Tahoma; font-size:10px; color:#333333; text-decoration:none; text-align:left; background-color:#f4f6c5; border:#d9db95 1px solid; margin-top:2px;}
.alertGreen                   {font-family:Tahoma; font-size:10px; color:#333333; text-decoration:none; text-align:left; background-color:#c5f6d0; border:#93d6a3 1px solid; margin-top:2px;}

/* Ad Overlay */
#footerSlideContainer         {position:fixed; bottom:0; width:100%;}
#footerSlideButton            {background:url('../images/bttn_vacation-offers.gif') top left no-repeat transparent; position:absolute; top:-100px; right:0px; width:100px; height:100px; border:none; cursor:pointer;}
#footerSlideContent           {width:100%; height:0px; background-image:url('../images/bck-slider_blue.png'); background-repeat:repeat; font-family:Arial; font-size:11px; color:#4d4d4d;}
/* Theme
#footerSlideButton            {background:url('../images/themes/holiday_bttn_overlay.gif') top left no-repeat transparent; position:absolute; top:-100px; right:0px; width:100px; height:100px; border:none; cursor:pointer;}
#footerSlideContent           {width:100%; height:0px; background-image:url('../images/themes/holiday_bck-overlay.png'); background-repeat:repeat; font-family:Arial; font-size:11px; color:#4d4d4d;} 
 */
#footerSlideText              {width:960px; padding:10px 0px 10px 0px; margin:0px auto -1px auto;}