/* www.cannesrentalapartments.com --------------------- Design & Built: www.swan-web.com . +44 (0)1702 471015 Authors: matt@swan-web.com, john@swan-web.com */ /* Colours ------- red:- #cc0000; light grey:- #eeeeee; grey:- #dddddd; dk grey:- #8c8c8c; black:- #000; off black:- #3f3f3f; */ @import url('reset.css'); body {font:300 67.5% Arial, Helvetica, sans-serif;} h1, h2, h3, h4, p {font-family:"Palatino", "Palatino Linotype", "Book Antiqua", serif; letter-spacing:0.01em; font-weight:normal; text-align:justify;} div.hr {clear:both; height:1px; border-top:1px solid #dddddd; padding-bottom:20px;} div.hr hr {display:none;} ul li { font-family:"Palatino", "Palatino Linotype", "Book Antiqua", serif; } /* Header Elements */ #header {font-family:"Palatino", "Palatino Linotype", "Book Antiqua", serif; background:url('../images/general/panorama/cannes_panorama.jpg') center top repeat-x } #header p {display:block; width:860px; margin:0px auto; font-size:3em; padding-bottom:50px; letter-spacing:0.01em;} #header p a {display:block; width:160px; padding:50px 10px 40px 10px; background-color:#cc0000; color:#ffffff; text-decoration:none;} #header #skipContent {display:none;} #header #nav {background-color:#eeeeee;} #header #nav ul {width:860px; display:block; margin:0px auto; font-size:1.5em; padding:10px 0px;} #header #nav ul li {display:inline;} #header #nav ul li a {margin-right:20px; padding-top:5px; text-decoration:none; color:#3f3f3f;} #header #nav ul li a:hover {color:#000;} #header #nav ul li a.active {border-top:5px solid #cc0000;} sup { font-size:60%; } /* Body Elements */ #content {width:860px; margin:0px auto; padding:45px 0px 45px 0px;} #content h1 {font-size:2.75em; padding-bottom:20px; border-bottom:5px solid #eeeeee; margin-bottom:20px;} #content h1 small {font-size:0.5em; font-style:italic;} #content h2 {font-size:2.75em; padding:20px 0px; border-bottom:5px solid #eeeeee; margin-bottom:20px;} #content h2 small {font-size:0.5em; font-style:italic;} #content h2 em {font-size:0.6em;} #content h3 {} #content h4 {} #content p {font-size:1.7em; line-height:1.7em; padding-bottom:20px;} #content p a {font-style:italic; color:#cc0000;} #content p a:hover {text-decoration:none;} #content ul {padding-bottom:20px; font-size:1.5em;} #content ul li {padding-bottom:15px;} #content ul li span {display:block; float:left; width:150px; font-weight:bold;} #content ul li a {font-style:italic; color:#cc0000;} #content ul li a:hover {text-decoration:none;} #content ul li em {padding:0px 10px; } #lang {width:860px; margin:0 auto; padding:0;} #lang li {float:right; margin:10px 0 0 0; padding:0;} #lang li.first {margin:10px 10px 0 0;} #lang li a {display:block; flaot:left; width:20px;} #content td { width:200px; height:30px; } #content td a { font-style:italic; color:#cc0000; font-size:1.5em; padding-bottom:15px; } /* Home Page */ #content .homePanel {display:block; width:268px; height:410px; float:left; padding:4px 4px 20px 4px; background-color:#eeeeee; margin:0px 15px 20px 0px } #content .homePanel p {font-size:1.2em; line-height:1.5em; color:#3f3f3f; padding:0px 10px; text-align:left;} #content .homePanel h2 {font-size:1.9em; padding:0px 0px 10px 10px; margin-left:0px; margin-bottom:0px;} #content .homePanel img {margin-bottom:10px; width:266px; height:140px;} #content .homePanel a {color:#cc0000; font-style:italic;} #content .homePanel a:hover {text-decoration:none;} #content .homePanel ul {font-size:1.4em; font-family:"Palatino", "Palatino Linotype", "Book Antiqua", serif; list-style:disc; padding:0px 10px 5px 25px;} #content .homePanel ul li {padding-bottom:10px;} #content .homePanel ul li a {color:#000000; } #content .homePanelEnd {margin-right:0px;} /* Property(s) Page*/ #content #property_intro {float:left; width:450px; margin-right:20px; text-align:left; float:left;} #content #property_intro ul { padding-bottom:0; } #content #property_intro ul li {background:url('../images/general/bullet.gif') no-repeat 0 5px; padding:0 0 0 20px; font-size:110%; margin:0 0 15px 0;} #content #property_intro ul li span { display:inline; float:none; width:auto; font-weight:normal; font-size:80%; } #content #property_slideShow {background-color:#eeeeee; width:385px; height:305px; padding:5px 0px 0px 5px; margin-bottom:20px; float:left; overflow:hidden;} #content #property_slideShow img {width:380px;} #content #property_tabs {} #content #property_tabs #accomodation, #content #property_tabs #rental_rates, #content #property_tabs #key_features, #content #property_tabs #location, #content #property_tabs #gallery {background-color:#eeeeee; padding:30px 15px 15px 15px;} #content #property_tabs h2 {font-size:2.5em; color:#3f3f3f; border-bottom:1px solid #dddddd; padding:0px 0px 10px 0px; margin-bottom:20px;} #content #property_tabs h3 {color:#cc0000; font-size:1.8em; font-style:italic; padding-bottom:10px; text-transform:lowercase;} #content #property_tabs h4 {color:#333; font-size:1.3em; font-family:"Palatino", "Palatino Linotype", "Book Antiqua", serif; font-weight:bold;} #content #property_tabs p {font-size:1.3em; line-height:1.5em; color:#3f3f3f; font-family:"Palatino", "Palatino Linotype", "Book Antiqua", serif;} #content #property_tabs ul {font-family:"Palatino", "Palatino Linotype", "Book Antiqua", serif; padding-bottom:11px; padding-top:20px;} #content #property_tabs li {display:inline; margin-right:20px; font-size:1.2em;} #content #property_tabs li.on {border-bottom:5px solid #cc0000; padding-bottom:5px; } #content #property_tabs li.on a {color:#3f3f3f; } #content #property_tabs li a {text-decoration:none; color:#8c8c8c; font-style:normal;} #content #property_tabs li a:hover {color:#3f3f3f;} #content #property_tabs li a.active {} #content #property_tabs #map {width:826px; height:400px; border:2px solid #ddd; background-color:#f1f1f1; margin-bottom:20px;} #content #property_tabs #map b {font-size:1.6em;} #content #property_tabs #map span {font-size:1.4em;} #content #property_tabs #key_features ul {padding:0 0 20px 20px; font-size:1.2em;} #content #property_tabs #key_features li {display:list-item; background:url('../images/general/bullet.gif') no-repeat 0 5px; padding:0 0 0 20px; margin:0 0 15px 0;} #content #property_tabs #key_features ul ul {padding:0 0 0 30px; } #content #property_tabs #key_features ul ul li { font-size:1em; } /* GALLERY */ #content #property_tabs #gallery { overflow:hidden; } #content #property_tabs #gallery ul {background:none; margin:0; list-style:none; padding:0; } #content #property_tabs #gallery ul li {float:left; width:155px; margin:0 10px 0 0; padding:0; } #content #property_tabs #gallery ul li.last {margin:0 0 10px 0;} #content #property_tabs #gallery ul li a img {width:155px; height:155px; border:2px solid #fff; } #content #property_tabs #gallery ul li a:hover img {border:2px solid #cc0000;} /* Rates Table */ #content #rates {width:100%; font-size:1.3em; text-transform:lowercase; margin-bottom:20px; color:#383838;} #content #rates th, #content #rates td {padding:8px; border:1px solid #dddddd; background-color:#fdfdf3;} #content #rates th {color:#000; fon-weight:bold;} #content #rates th.centre {text-align:center;} #content #rates small {font-size:90%; font-style:italic; font-weight:normal;} #content #rates tr.top th {color:#cc0000; font-size:1.3em; border:0px; border-bottom:1px solid #dddddd; font-style:italic; font-family:"Palatino", "Palatino Linotype", "Book Antiqua", serif; background-color:#eeeeee; } #content #rates tr.alt th, #content #rates tr.alt td {background-color:#fff;} #content #rates td {text-align:center;} /* Local Listings */ #content ul.localAreaNav {font-size:2.3em;} #content ul.localAreaNav li {display:inline; font-family:"Palatino", "Palatino Linotype", "Book Antiqua", serif; margin-right:20px; color:#8c8c8c; font-style:italic; } #content ul.localAreaNav li a {font-size:0.9em;} #content #localAreaPages {float:right; font-family:"Palatino", "Palatino Linotype", "Book Antiqua", serif; position:relative; top:30px;} #content #localAreaPages li {display:inline; padding-left:5px; color:#8c8c8c; font-size:1.1em;} #content #localAreaPages li a {font-style:normal; } #content #linkPages {float:right; font-family:"Palatino", "Palatino Linotype", "Book Antiqua", serif; position:relative; top:30px; margin-bottom:20px; } #content #linkPages li {display:inline; padding-left:5px; color:#8c8c8c; font-size:1.1em;} #content #linkPages li a {font-style:normal; } #content .localListing {font-family:"Palatino", "Palatino Linotype", "Book Antiqua", serif; border-bottom:1px solid #dddddd; margin-bottom:20px; padding-bottom:20px; overflow:hidden;} #content .localListing h3 {font-family:"Palatino", "Palatino Linotype", "Book Antiqua", serif; font-style:italic; font-size:3em; text-transform:lowercase; padding-bottom:10px;} #content .localListing img {float:right; width:200px; height:200px; border:5px solid #eeeeee; margin-left:20px; position:relative; top:-30px; margin-bottom:-20px;} #content .localListing ul {font-size:1.3em; color:#3f3f3f; font-family:"Palatino", "Palatino Linotype", "Book Antiqua", serif; padding-bottom:10px;} #content .localListing ul li {padding-bottom:0px; line-height:1.5em;} #content .localListing ul li strong {font-weight:bold;} #content .localListing p {font-size:1.3em; line-height:1.5em; width:630px; color:#3f3f3f; font-family:"Palatino", "Palatino Linotype", "Book Antiqua", serif; padding-bottom:0px} /* Contact Page & Form */ #content form {margin-bottom:20px;} #content form h3 {color:#cc0000; font-size:1.8em; font-style:italic; padding:10px 0px; text-transform:lowercase; border-bottom:1px solid #cc0000; margin-bottom:20px;} #content form p {font-family:"Palatino", "Palatino Linotype", "Book Antiqua", serif; padding-bottom:15px; line-height:auto;} #content form p label {clear:both; float:left; width:120px; text-align:right; margin-left:10px; margin-right:20px; font-size:0.9em; position:relative; top:7px; } #content form p label.hide {visibility:hidden;} #content form p input {font-size:0.8em; padding:2px; width:200px; border:1px solid #8c8c8c; background-color:#f1f1f1;} #content form p input.submit {background-color:#ccc; border:1px solid #333; cursor:pointer; width:auto; padding:2px 20px; } #content form p textarea {border:1px solid #8c8c8c; background-color:#f1f1f1; width:200px; height:150px; font-size:0.8em; padding:2px; font-family:"Palatino", "Palatino Linotype", "Book Antiqua", serif;} #content form p select {border:1px solid #8c8c8c; background-color:#f1f1f1; } #content form p small {font-size:0.7em; font-style:italic;} #content #form_errors {background-color:#FFD8E2; padding:0px 20px; margin-bottom:10px; border:1px solid #CC0000;width:380px; } #content #form_errors h3 {font-size:1.8em; color:#000; font-style:italic; padding:10px 0px; padding-top:20px; text-transform:lowercase; border-bottom:1px solid #fff; margin-bottom:20px;} #content #form_errors ul {padding-left:15px;} #content #form_errors ul li {list-style:disc; color:#000; } /* Links & afflilates */ #content #links li {line-height:1.2em;} /* Footer Elements */ #footer {clear:both; border-top:5px solid #cc0000; font-size:1.2em; padding:10px 0px 30px 0px;} #footer ul {text-align:center; padding-bottom:15px;} #footer ul li {display:inline;} #footer p {text-align:center; padding-bottom:15px; line-height:1.7em; color:#3f3f3f; } #footer a {text-decoration:underline; color:#3f3f3f;} #footer a:hover {text-decoration:none;} /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }