body {background-color:#646464; color:#000000; font-family: "trebuchet ms", helvetica, verdana, sans-serif; text-align: Justify; font-size: 9pt;}

/* Outer Wrapper Division */
div#links 
            {position:relative;	
             width:800px; height: 55px; 
             border:0px solid #000000; 
             color:#000000;
             background-color:#646464;}
div#links div.buttons { float:left; width:190px; height:50px; margin: 5px -10px 0 470px;}
div#links div.fb { float:right; width:140px; height:55px; margin: 0 0 0 0;}

div#wrapper 
            {position:relative;	
             width:800px; 
             border:1px solid #000000; 
             color:#000000;
             background-color:#faf8c9;}
div#wrapper a:link 
            {color: #0000ff; 
             font-weight: bold; 
             text-decoration: none;}
div#wrapper a:visited 
            {color: #0000ff; 
             font-weight: bold;
             text-decoration: none;}
div#wrapper a:hover 
            {color: #0000ff;
             text-decoration: underline; 
             font-weight: bold;}
div#wrapper a:actve 
            {color: #0000ff; 
             text-decoration: none; 
             font-weight: bold;}
div#wrapper a.bm:link 
            {color: #000000; 
             font-weight: bold; 
             text-decoration: none; 
             font-size: 8pt;}
div#wrapper a.bm:visited 
            {color: #000000; 
             font-weight: bold; 
             text-decoration: none; 
             font-size: 8pt;}
div#wrapper a.bm:hover 
            {color: #0000ff; 
             text-decoration: underline; 
             font-weight: bold; font-size: 8pt;}
div#wrapper a.bm:actve 
            {color: #000000; 
             text-decoration: none; 
             font-weight: bold; 
             font-size: 8pt;}
div#wrapper a.bmh:link 
            {color: #000000;}
div#wrapper a.bmh:visited 
            {color: #000000;}
div#wrapper a.bmh:hover 
            {color: #000000;
             text-decoration: none;}
div#wrapper a.bmh:actve 
            {color: #000000;}
div#wrapper h1 
            {font-size: 22px; 
             text-align: center; 
             margin: 5px 5px 5px 0px;}
div#wrapper h2 
            {margin: 10px 5px 10px 0px; 
             font-size: 18px; 
             text-align: center;}
div#wrapper h3 
            {margin: 5px 5px 5px 0px; 
             font-size: 16px;}
div#wrapper img.border 
            {border: 1px solid #000000;}
div#wrapper img.left 
            {float: left; 
             margin: 0px 4px 4px 0px; 
             border: 1px solid #000000;}
div#wrapper img.right 
            {float: right; 
             margin: 0px 0px 4px 4px; 
             border: 1px solid #000000;}
div#wrapper ul 
            {line-height: 12pt; 
             text-indent: 0px; 
             list-style-position: outside;
             list-style-image: url("http://www.costablancaholiday.info/images/arrow.gif"); 
             list-style-type: square; padding-left: 10px; margin-left: 6px;}
div#wrapper p.nomargin 
            {margin: 0px;}
div#wrapper p.largetext 
            {font-size:12pt; 
             font-weight:bold;
             text-align:center;}

/* Main Page Body Division */
div#mainbody 
            {width:770px; 
             border:0px; 
             vertical-align: top; 
             text-align:justify; 
             background-color:#faf8c9; 
             padding:10px 15px 10px 15px;}
              
/* Enquiry Form */
div#formcontainer 
            {width:770px; 
             margin-top: 20px;}
div#formcontainer form 
            {padding: 5px; 
             border: 1px solid #CCC;}
div#formcontainer div.clearfix 
            {margin-top: 2px;}
div#formcontainer label 
            {width: 400px; 
             float: left;}
div#formcontainer input, select, textarea 
            {background-color:#e6ffff;
             font-family: "trebuchet ms", helvetica, verdana; 
             font-size:9pt;}
div#formcontainer input.button 
            {margin-right: 5px;  
             height: 22px; 
             font-family: "trebuchet ms", helvetica, verdana; 
             font-size:9pt; float: right; 
             background-color:#f4f4f0;}

/* Footer Area Of Page */
div#footer  
            {font-size:8pt; 
             text-align: center;}
			 
/* Bottom Advertising Table */
div#bottomadvert td 
            {background-color:#ffffff; 
             font-size: 8pt; 
             border:1px solid #000000; 
             border-right: 0px; width: 24%;
             padding:3px; color: #000000; 
             text-align: center; 
             vertical-align: middle;}
div#bottomadvert td.adcellrt 
            {border:1px solid #000000; 
             width: 110px; 
             padding:0px; 
             margin:5px;}

/* Weather Table */
div#weather 
            {text-align:center;}
div#weather td 
            {background-color:#ffffff; 
             font-size:8pt; 
             border:1px solid #818387; 
             width:35px; 
             height:25px;
             padding:3px; 
             color: #000000; 
             text-align: center; 
             vertical-align: middle;}
div#weather td.month 
            {background-color:#e1e1e1;}
div#weather td.top 
            {border-bottom:0px; 
             width:707px; 
             background-color:#d2ffff;}
div#weather td.wleft1 
            {border-right:0px; 
             width:200px; 
             text-align: left;}
div#weather td.wleft2 
            {border-right:0px; 
             width:200px; 
             text-align: left; 
             background-color:#ff9b37;}
div#weather td.wleft3 
            {border-right:0px; 
             width:200px; 
             text-align: left; 
             background-color:#ffff00;}
div#weather td.wleft4 
            {border-right:0px; 
             width:200px; 
             text-align: left; 
             background-color:#00bfbf;}
div#weather td.wright 
            {border-left:0px; 
             width:101px;}

/* Class To Give Header And Footer */
.topbottom 
            {font-size:8pt; 
             text-align: center; 
             background-color: #000000; 
             color: #faf8c9;}
			 
/* Various Tables */
td.ads 
            {font-size: 8pt;
             border:0px;
             width: 128px;
             text-align: center;
             vertical-align: middle;}
td.adcell 
            {background-color:#ffffff;
             font-size: 8pt;
             border:1px solid #000000;
             border-right: 0px;
             width: 110px;
             padding:3px;
             color: #000000;
             text-align: center;
             vertical-align: middle;}
td.adcellrt 
            {background-color:#ffffff;
             font-size: 8pt;
             border:1px solid #000000;
             width: 110px;
             padding:0px;
             margin: 5px;
             color: #000000;
             text-align: center;
             vertical-align: middle;}

td.aff1
            {width: 160px; 
             vertical-align: top;}
td.aff2 
            {width: 610px; 
             text-align: justify; 
             vertical-align: middle;}
    
td.fc 
            {width: 192.5px; 
             text-align: center; 
             vertical-align: top;}

td.tc
            {width: 385px; 
             padding-right: 10px; 
             text-align: justify; 
             vertical-align: top;}
td.tcr 
            {width: 385px; 
             text-align: justify; 
             vertical-align: top;}
td.tch 
            {width: 385px; 
             text-align: center; 
             vertical-align: top;}

td.thchl 
            {width: 256.5px; 
             border-top:1px solid #000000;
             border-left:1px solid #000000;
             text-align: center; 
             vertical-align: top; 
             background-color:#ffffff;}
td.thchr 
            {width: 256.5px;
             border:1px solid #000000;
             border-bottom: 0px;
             text-align: center;
             vertical-align: top;
             background-color:#ffffff;}
td.thclft 
            {width: 256.5px; 
             border-left:1px solid #000000;
             text-align: center;
             vertical-align: top;}
td.thcctr 
            {width: 256.5px; 
             border-left:1px solid #000000;
             text-align: center;
             vertical-align: top;
             color: #ff0000;}

td.thcr 
            {width: 256.5px;
             border-left:1px solid #000000;
             border-right:1px solid #000000;
             text-align: center; 
             vertical-align: top;}
td.thcf 
            {width: 770px; 
             border:1px solid #000000;
             text-align: center;
             vertical-align: top;
             background-color:#d2ffff;}
    
td.avtop 
            {background-color:#d2ffff;
             width: 476px;
             border:1px solid #818387;
             text-align: center;}
td.avleft   
            {background-color:#ffffff;
             width: 200px;
             border:1px solid #818387;
             border-top:0px;
             padding-left: 2px;
             text-align: left;}
td.avleftor 
            {background-color:#ff9b37;
             border:1px solid #818387;
             width: 200px;
             border-top:0px;
             padding-left: 2px;
             text-align: left;}

td.avmiddle 
            {background-color:#ffffff;
             border:1px solid #818387;
             border-top:0px;
             border-left:0px;
             width: 117px;
             padding-left: 2px;
             text-align: left;}

td.avright 
            {background-color:#ffffff;
             border:1px solid #818387;
             border-top:0px;
             border-left:0px;
             width: 153px;
             padding-left: 2px;
             text-align: left;}

td.games 
            {background-color:#ffffff;
             padding: 2px;
             width: 260px; 
             border:1px solid #C0C0C0;
             font-size:8pt;
             font-style: italic;
             text-align: center; 
             vertical-align: top;}
td.gamec 
            {width: 230px;
             border: 0px;
             border-top:1px solid #C0C0C0;
             border-bottom:1px solid #C0C0C0;
             text-align: center;
             vertical-align: top;}
             
td.beaches 
            {width: 26px;
             height: 26px;
             border: 0px;
             text-align: center;
             vertical-align: top;}

td.headlogo 
            {border-bottom: 0px;
             width: 800px;
             height: 120px;
             text-align: left;}

td.menubar 
            {padding: 0px;
             background-color:#0b039a;
             border:1px solid #000000;
             height: 20px;
             width: 800px;
             vertical-align: middle;
             text-align: left;}
             
/* Photograph Viewer */
#photo_container 
            {position:relative; 
             width:700px; 
             height:730px; 
             background:#d1c8c3; 
             border:1px solid #a49188; 
             margin:1em auto;}
#photo_container img {border:0;}
#photo_container .thumbs 
            {width:170px; 
             height: 725px; 
             position:absolute; 
             left:0; 
             top:0;}
#photo_container a.gportrait, a.gportrait:visited 
            {display:block; 
             color:#000; 
             text-decoration:none; 
             border:1px solid #000; 
             width:75px; 
             height:75px; 
             float:left; 
             margin:2px; 
             z-index:50;}
#photo_container a.gportrait em, a.gportrait span {display:none;}
#photo_container a.gportrait:hover
            {border:1px solid #fff;
             text-decoration:none;} 
#photo_container a.gportrait:hover span 
            {display:block; 
             position:absolute; 
             text-decoration:none; 
             width:402px; 
             height:50px; 
             top:0px; 
             left:175px; 
             padding:5px; 
             font-style:italic; 
             color:#fff;  
             z-index:100;}
#photo_container a.gportrait:hover span:first-line 
           {font-style:normal; 
            font-weight:bold; 
            font-size:1.1em; 
            text-decoration:none; 
            color:#000;}
#photo_container a.gportrait:active, #photo_container a.gportrait:focus {border:1px solid #000;}
#photo_container a.gportrait:active em, #photo_container a.gportrait:focus em 
           {display:block; 
            position:absolute; 
            width:500px; 
            height:667px; 
            top:43px; 
            left:175px; 
            padding:5px; 
            color:#000; 
            border:1px solid #3d330f; 
            background: #fff;
            z-index:50;}
#photo_container a.glandscape, a.glandscape:visited 
            {display:block; 
             color:#000; 
             text-decoration:none; 
             border:1px solid #000; 
             width:75px; 
             height:75px; 
             float:left; 
             margin:2px; 
             z-index:50;}
#photo_container a.glandscape em, a.glandscape span {display:none;}
#photo_container a.glandscape:hover 
            {border:1px solid #fff;
             text-decoration:none;} 
#photo_container a.glandscape:hover span 
            {display:block; 
             position:absolute; 
             width:402px; 
             text-decoration:none; 
             height:50px; 
             top:0px; 
             left:175px; 
             padding:5px; 
             font-style:italic; 
             color:#fff;  
             z-index:100;}
#photo_container a.glandscape:hover span:first-line 
            {font-style:normal; 
             text-decoration:none; 
             font-weight:bold; 
             font-size:1.1em; 
             color:#000;}
#photo_container a.glandscape:active, #photo_container a.glandscape:focus {border:1px solid #000;}
#photo_container a.glandscape:active em, #photo_container a.glandscape:focus em 
            {display:block; 
            position:absolute; 
            width:500px; 
            height:375px; 
            top:43px; 
            left:175px; 
            padding:5px; 
            color:#000; 
            border:1px solid #3d330f; 
            background: #fff;
            z-index:50;}