/* CSS Document */
@import url(reset.css);
@import url(jquery.tooltip.css);
@import url(fading-panels.css);
@import url(page-headings.css);

body {
background: url(/images/bg-gradient.jpg) repeat-x top #fff;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

#container {
width: 909px;
margin: 0 auto;
}

#wrapper {
width: 845px;
margin: 0 auto;
}

#masthead h1 {
position: absolute;
left: -5000px;
}

#masthead {
text-align: center;
padding-top: 3px;
padding-bottom: 10px;
position: relative;
}

#language {
position: absolute;
top: 25px;
left: -32px;
width: 32px;
margin-top: 0;
padding: 0;
}

#language ul li {
margin-bottom: 2px;
font-family: Georgia, "Times New Roman", Times, serif;
}

#language ul li a {
display: block;
width: 32px;
height: 32px;
background-repeat: no-repeat;
background-position: 0px 0px;
background-repeat: no-repeat;
text-decoration: none;
color: #FFFFFF;
text-align: center;
font-size: 11px;
padding-right: 0;
}

#language ul li a span {
visibility: hidden;
}

#language ul li a#en {
background-image: url(/images/language-selector-en.gif);
}

#language ul li a#es {
background-image: url(/images/language-selector-es.gif);
}

#language ul li a#de {
background-image: url(/images/language-selector-de.gif);
}

#language ul li.current a {

}

#language ul li.current a {

}

#news a {
text-decoration: none;
}

#mainNav {
text-align: center;
font-family: Georgia, "Times New Roman", Times, serif;
color: #666666;
font-size: 11px;
background: url(/images/nav-bg.gif);
padding: 7px;
margin-bottom: 2px;
text-transform: uppercase;
/*letter-spacing: -0.05em;*/
}

#mainNav li {
display: inline;
padding: 0 5px 0 5px;
}

#mainNav li a {
color: #666666;
text-decoration: none;
}

#mainNav li a:hover {
color: black;
}

.home #home, .areas #areas, .ambassadors #ambassadors, .special-events #special-event, .gallery #gallery, .whats-on #whats-on, .information #info, .comments-page #comments-page, .multimedia #multimedia, .location-page #location-page, .news-articles-page #news-articles, .mallorca-events #mallorca-events, .christmas-top #christmas-top {
color: black;
}

span.amp {
font-family: Baskerville, Palatino, Constantia, "Book Antiqua", "URW Palladio L", serif;
font-style: italic;
}

#areas span {
font-style: italic;
text-transform: lowercase;
}

#content {
background: white;
}

#footer-inner {
height: 74px;
}

#footer-text {
padding: 10px;
background: white;
}

#footer-text address {
float: right;
width: 400px;
display: inline;
text-align: right;
color: #666666;
font-size: 11px;
line-height: 1.5;
}

#jukebox {

}

#main-image {
position: relative;
}

#vertical-ribbon {
width: 98px;
height: 572px;
position: absolute;
top: 0;
right: 30px;
background: url(/images/ribbon-end-vertical.jpg) bottom center no-repeat;
z-index: 99;
}

#vertical-ribbon div {
height: 195px;
background: black;
}

.home #main-image {
height: 320px;
}

.blue-bar #main-image {
height: 280px;

}

#fade {
height: 280px;
overflow: hidden;
width: 845px;
}

.gallery #main-image {
height: 280px;
background: url(../images/section-images/gallery.jpg);
}

.error-404 #main-image {
height: 280px;
background: url(../images/section-images/404.jpg);
}

ul#news {
padding-top: 5px;
text-align: center;
font-size: 12px;
background: url(/images/ticker-bg.gif) repeat-x 5px #000;
margin: 0;
height: 18px;
overflow: hidden;
}

ul#news a {
color: #999;
background: black;
padding: 0 5px;
}

#ribbon {
height: 98px;
/*background: black;*/
background: url(/images/ribbon-end.jpg) top right no-repeat;
margin-right: 57px;
padding-right: 63px;
}

#ribbon img {
border: 5px solid black;
float: left;
margin-left: 5px;
display: inline;
}

#vertical-ribbon img {
border: 5px solid black;
margin-top: 5px;
}

#vertical-ribbon a {
float: left;
}

#ribbon img#one {
margin-left: 0;
}

/*#ribbon a:hover img {
border: 5px solid #999999;
}*/

.ribbon-text {
color: white;
background: black;
height: 98px;
width: 411px;
float: left;
display: inline;
}

.ribbon-text a {
color: white;
}

.ribbon-text a:hover {
text-decoration: none;
}

#slides {
height: 98px;
overflow: hidden;
}

.ribbon-text h2 {
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
margin: 8px 10px;
font-weight: bold;
font-size: 12px;
height: 12px;
text-indent: -5000px;
}

.ribbon-text h2#mood-beach {
background: url(/images/titles/mood-beach-and-restaurant.gif) no-repeat left top;
}

.ribbon-text p {
margin: 7px 10px;
font-size: 11px;
line-height: 1.2;
}

.ribbon-text p strong {
font-size: 12px;
}

#image-controller {
float: right;
width: 309px;
display: inline;
}

#information {
border-top: 1px dotted #999999;
border-bottom: 1px dotted #999999;
margin: 0 10px 0 10px;
color: #666666;
font-size: 11px;
line-height: 1.4;
}

#innerpage-body {
margin: 0 10px;
color: #666666;
font-size: 11px;
line-height: 1.4;
}

#regular-events {
border-right: 1px dotted #999999;
width: 300px;
float: left;
padding: 10px;
padding-bottom: 15px;
display: inline;
}

#special-events, #reservations {
width: 470px;
float: right;
padding: 10px;
display: inline;
}

#copy {
width: 620px;
float: left;
padding: 10px 10px 10px 0;
display: inline;
border-left: 1px dotted #999999;
}

#copy.ribbon {
width: 490px;
}


div.last {
border-top: 1px dotted #999999;
height: 15px;
clear: both;
}

#special-events table td {
padding: 5px;
}

#special-events table {
margin-top: 7px;
}

#copy p, #copy blockquote {
margin: 10px 0;
line-height: 1.4;
}

.whats-on #copy p {
margin: 2px 0 15px 10px;
line-height: 1.4;
/*text-align: center;*/
}

.whats-on #copy .day-events p, .whats-on #copy .evening-events p {
background: url(../images/titles/separator.gif) center bottom no-repeat;
padding-bottom: 30px;
}

.whats-on #copy h5, .whats-on #copy h6 {
/*text-align: center;*/
}

#copy h3, #copy p, #copy blockquote, h4, h1#special-title {
margin-left: 10px;
}

p.reply {
background: url(../images/bg-lightgrey.gif);
padding: 10px;
border: 1px solid #ccc;
}

h4 {
font-size: 12px;
font-weight: bold;
margin-top: 10px;
}

h5 {
text-align: left;
color: #CC3300;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 54px;
margin-left: 10px;
}

.panel h5 {
text-align: left;
color: #CC3300;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 40px;
margin-left: 10px;
}

.forthcoming h5 {
color: #333333;
font-size: 38px;
}

h5.bluebar {
color: #9900cc;
}

h5.evening, .highlight-evening {
color: #3300CC;
}

.events-highlight-orange, .day-events h6 {
color: #CC3300;
}

.evening-events h6 {
color: #9900cc;
}

.events-highlight-red {
color: #990000;
}

.events-highlight-purple {
color: #9900cc;
}

h6 {
margin-left: 10px;
font-size: 15px;
font-weight: bold;
}

#regular-events ul {
margin-top: 20px;
}

#regular-events ul li, ul#mood-news li, ul#article-list li, ul.event-list li, ul.types-of-event {
list-style-image: url(/images/news-bullet.gif);
margin: 6px 5px 6px 20px;
}

ul.event-list {
margin-left: 10px;
}

#information a, #footer a {
color: #666666;
}

#copy a {
color: #333333;
font-weight: bold;
}

#subnav a, #innerpage-body {
color: #333333;
}

#media-player {
position: absolute;
top: 0;
left: 0;
}

#mpl {
margin-top: 5px;
margin-left: 5px;
}

#image-controller span{
color:#FFF;
background:#000;
margin-right:10px;
cursor:pointer;
}

#image-controller span.jFlowSelected img {
border: 5px solid #c38612;
}

.jFlowPrev, .jFlowNext{
cursor:pointer;
}

#special-events img {
padding: 5px;
border: 1px dotted #ccc;
margin-top: 10px;
}

#subnav {
width: 189px;
float: left;
}

#subnav ul {
margin-top: 15px;
}

#subnav li {
margin-bottom: 5px;
}

#subnav li a {
display: block;
height: 20px;
padding-left: 25px;
text-decoration: none;
padding-top: 3px;
color: #666666;
}

#subnav li a:hover, .restaurant #restaurant, .wellness-zone #wellness-zone, .sunbeds #sunbeds, .beach-sports-bar #beach-bar, .become-ambassador #become-ambassador, .forthcoming #special, .mood-photos #mood-photos, .crystal-deck #crystal-deck, .blue-bar #blue-bar, .whats-on-sub #whats-on-sub, .m-factor #m-factor, .forthcoming #forthcoming, .contact #contact, .location #location, .mood-food-photos #mood-food-photos, .mood-valentines-photos #mood-valentines-photos, .mood-halloween-photos #mood-halloween-photos, .opening-party-photos #opening-party-photos, .playing-for-good-photos #playing-for-good-photos, .christmas #christmas, .ambassador-benefits #benefits, .red-carpet-photos #red-carpet-photos, .cust-comments #cust-comments, .multimedia-page #multimedia-page, #subnav li a.selected, .ambassador-check #ambassador-check, .red-nose-day-photos #red-nose-day-photos, .british-summer-party-photos #british-summer-party-photos, .news-articles-page #news-articles-page, .mood-salsa-photos #salsa-dance-party-photos, .anniversary #anniversary, .second-anniversary-photos #second-anniversary-photos, .wine-photos #wine-photos, .mallorca-events-page #mallorca-events-page, .events-mallorca #events-mallorca, .events-questionnaire #events-questionnaire-page, .group-enquiry #group-enquiry-form, .xmas-photos #xmas-photos, .winter-menu #winter-menu, .relaunch #relaunch, .sevilla-fc #sevilla-fc, .essence-health-fair #essence-health-fair, .mfactor-final-photos #mfactor-final, .rcd-new-kit #rcd-new-kit, .small-business-support-day-photos #small-business-support-day-photos, .spring-into-summer-photos #spring-into-summer-photos, .beach-bar-opening-photos #beach-bar-opening, .british-party2010 #british-party2010, .ceri-dupree-photos #ceri-dupree, .lido-photos #lido-photos, .yachting-pages #yachting-pages, .video-shoot #video-shoot, .footballers #footballers, .third-anniversary-photos #third-anniversary-photos {
background: url(../images/news-bullet.gif) #ccc 5px 5px no-repeat;
border-bottom: 1px dotted #999999;
height: 19px;
color: #333333;
}

#TB_caption {
color: #666666;
font-style: italic;
}

.event-title {
color: #990000;
font-size: 14px;
}

.mover {
margin-top: 20px;
margin-left: 200px;
margin-right: 154px;
}

.error {
color: #990000;
font-weight: bold;
}

.ambassadors input, .ambassadors textarea, .contact input, .contact textarea, .submit-button {
border: 1px solid #666666;
font-size: 11px;
padding: 2px;
width: 262px;
}

#checkboxes label {
font-weight: normal;
}

.ambassadors textarea, .contact textarea {
width: 262px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

.ambassadors label, .contact label {
font-weight: bold;
}

.contact input#Submit {
width: 100px;
margin-top: 25px;
}

input.mood-radio-input {
display: inline;
float: none;
width: 15px;
text-align: left;
}

.contact select#contact-me {
border: 1px solid #666666;
width: 100px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}

.gallery #copy img {
border: 2px solid #ccc;
float: left;
margin-left: 5px;
margin-bottom: 5px;
}

a.event img {
padding: 5px;
border: 1px solid #ccc;
margin-left: 10px;
margin-bottom: 10px;
}

#events-table {
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
}

#events-table td {
vertical-align: middle;
}

.whats-on h6 {
/*text-align: center;*/
font-weight: bold;
font-size: 13px;
display: block;
color: #CC3300;
}

.whats-on h6 span {
font-size: 11px;
font-weight: normal;
color: black;
}

.whats-on h6.bluebar {
color: #9900cc;
}

.whats-on h6.evening {
color: #3300CC;
}

.partner {
padding: 2px;
border: 1px solid #ccc;
}

.ambassador-bens #copy ul {
padding: 10px;
}

.ambassador-bens #copy ul li {
list-style-type: disc;
}

/*BLOCKQUOTES*/

blockquote {
	position:relative;
	text-indent: 25px;
}
blockquote span.leftquote, blockquote span.rightquote {
	font-size:5em;
	position:absolute;
}
blockquote span.leftquote {
	top:-20px;
	left:-25px;
}
blockquote span.rightquote {
margin-top: -15px;
margin-left: -20px;
}

cite {
font-style: italic;
}

#mood-signup p {
margin-bottom: 25px;
}

table#events-table.benefits {

}

table#events-table.benefits  li {
padding: 5px;
}

table#events-table.benefits h6 {
margin-bottom: 5px;
}

table#events-table.benefits td {
text-align: center;
}

td.half p {
width: 280px;
float: right;
display: inline;
text-align: left;
}

td.half img {
float: left;
}

td.half h6 {
text-align: center;
}

div.discount {
position: relative;
}

div.discount div.discount {
position: absolute;
top: 0;
right: -10px;
width: 129px;
height: 129px;
}

div.discount div.discount-left {
position: absolute;
top: 0;
left: -10px;
width: 129px;
height: 129px;
}

div.discount div.discount-bottom {
position: absolute;
bottom: -20px;
left: -10px;
width: 129px;
height: 129px;
}

div.discount div.discount-pearl {
position: absolute;
top: -10px;
left: -10px;
width:260px;
height:129px;
}

div.discount div.discount-cava {
position: absolute;
top: -20px;
left: -10px;
width:129px;
height:261px;
}

ul.includes {
padding-left: 10px;
margin-left: 20px;
list-style-type: disc;
}

p.map {
text-align: center;
width: 270px;
float: left;
margin-left: 25px;
}

p.map img {
padding: 5px;
border: 1px solid #ccc;
}

#mood-map-flash {
border: 1px solid #ccc;
padding: 5px;
margin: 15px;
text-align: center;
width: 530px;
}

.video {
padding: 5px;
border: 1px solid #ccc;
float: left;
}

.multimedia h4 {
color: #666666;
font-size: 16px;
margin-top: 20px;
margin-bottom: 0;
}

.news-articles-page h4 {
font-size: 16px;
clear: both;
padding-top: 20px;
border-top: 1px solid #ccc;
margin-top: 10px;
}

#thumbs {

}

.right {
float: right;
margin: 0 10px;
}

.left {
float: left;
margin: 0 10px;
}

.portrait {
padding: 5px;
border: 1px solid #ccc;
}

#social {
float: left;
}

#copy p.pullout {
background: url(../images/bg-lightgrey.gif);
padding: 10px;
border: 1px solid #ccc;
width: 300px;
float: left;
margin: 0 10px;
}

#thumbs a {
float: left;
padding: 5px;
border: 1px solid #ccc;
text-decoration: none;
width: 123px;
margin: 10px;
margin-right: 15px;
}

#events-questionnaire ol li, #events-questionnaire ul li {
height: 24px;
margin-left: 35px;
padding-top: 7px;
}

ul.radio, ul.radio li {
padding: 0;
margin: 0;
}



ol.questionnaire-header {
font-weight: bold;
}

#events-questionnaire ol {
list-style-type: decimal;
}

#events-questionnaire ol.questionnaire-a {
list-style-type: lower-latin;
}

ul#radio-header li span {
width: 55px;
float: left;
text-align: center;
}

ul#radio-header {
margin-top: 15px;
}

ul.radio li input {
width: 55px;
text-align: center;
margin: 0;
padding: 0;
}

/* HOMEPAGE PANELS */

div#mood-panels {
border-top: 1px dotted #999999;
margin: 5px 10px 0 10px;
}

div#mood-panels a {
display: block;
text-align: center;
height: 65px;
float: left;
font-size: 14px;
color: black;
line-height: 1.2;
overflow: hidden;
text-decoration: none;
display: inline;
}

div#mood-panels a span.title {
display: block;
text-indent: -9999px;
}

div#mood-panels a span.description-link {
text-decoration: underline;
}

div#mood-panels a#favourites-panel {
background-image: url(../images/homepage-panels/favourites.jpg);
background-position: 0 5px;
padding-right: 5px;
border-right: 1px dotted #999999;
width: 315px;
padding-top: 30px;
background-repeat: no-repeat;
}

div#mood-panels a#favourites-panel:hover {
background-position: 0 -86px;
color: #5b6e39;
}

div#mood-panels a#favourites-panel-es {
background-image: url(../images/homepage-panels/favourites-es.jpg);
background-position: 0 5px;
padding-right: 5px;
border-right: 1px dotted #999999;
width: 315px;
padding-top: 30px;
background-repeat: no-repeat;
}

div#mood-panels a#favourites-panel-es:hover {
background-position: 0 -86px;
color: #5b6e39;
}

div#mood-panels a#ambassadors-panel {
background-image: url(../images/homepage-panels/christmas.jpg);
background-position: 5px 5px;
width: 499px;
padding-top: 30px;
padding-left: 5px;
background-repeat: no-repeat;
}

div#mood-panels a#ambassadors-panel:hover {
background-position: 5px -86px;
color: #666666;
}

div#mood-panels a#ambassadors-panel-es {
background-image: url(../images/homepage-panels/ambassadors-es.jpg);
background-position: 5px 5px;
width: 499px;
padding-top: 30px;
padding-left: 5px;
background-repeat: no-repeat;
}

div#mood-panels a#ambassadors-panel-es:hover {
background-position: 5px -86px;
color: #666666;
}

div#mood-panels a#gourmet-panel {
background-image: url(../images/homepage-panels/gourmet.jpg);
background-position: 0 5px;
padding-right: 5px;
border-right: 1px dotted #999999;
border-top: 1px dotted #999999;
width: 315px;
padding-top: 30px;
background-repeat: no-repeat;
}

div#mood-panels a#gourmet-panel:hover {
background-position: 0 -86px;
color: #836297;
}

div#mood-panels a#gourmet-panel-es {
background-image: url(../images/homepage-panels/gourmet-es.jpg);
background-position: 0 5px;
padding-right: 5px;
border-right: 1px dotted #999999;
border-top: 1px dotted #999999;
width: 315px;
padding-top: 30px;
background-repeat: no-repeat;
}

div#mood-panels a#gourmet-panel-es:hover {
background-position: 0 -86px;
color: #836297;
}

div#mood-panels a#christmas-panel {
background-image: url(../images/homepage-panels/christmas.jpg);
background-position: 5px 5px;
width: 499px;
padding-top: 30px;
padding-left: 5px;
background-repeat: no-repeat;
border-top: 1px dotted #999999;
}

div#mood-panels a#christmas-panel:hover {
background-position: 5px -86px;
color: #837443;
}

div#mood-panels a#christmas-panel-es {
background-image: url(../images/homepage-panels/christmas-es.jpg);
background-position: 5px 5px;
width: 499px;
padding-top: 30px;
padding-left: 5px;
background-repeat: no-repeat;
border-top: 1px dotted #999999;
}

div#mood-panels a#christmas-panel-es:hover {
background-position: 5px -86px;
color: #837443;
}

#splash-banners {
height: 294px;
overflow: hidden;
background: black;
}

#banners-nav {
position: absolute;
right: 10px;
bottom: 15px;
z-index: 99;
}

#banners-nav a {
display: block;
width: 40px;
height: 40px;
float: left;
margin-left: 5px;
overflow: hidden;
padding: 5px;
position: relative;
}

#banners-nav a.activeSlide {
background: url(../images/splash/current-bg.gif);
}

#banners-nav a img {
position: absolute;
left: 4px;
top: 4px;
border: 1px solid #999999;
}

/* clearing floats */

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

/* Hides from IE-mac \*/
* html div {height: 1%;}
/* End hide from IE-mac */

*+html div {zoom:1} /* haslayout trigger */