﻿body  {
    font-family: Arial; 
    font-size: 17px; 
    background-image:url('images/background.png');
    background-attachment: fixed; 
 
    }
    
.Banner  {
    width: 834px; 
    height: 162px; 
    border: 0px solid;
    margin: 0px auto;
    background-image: url('images/banner.jpg'); 
    font-weight: bold;
  
 
    }
    
.Menu  {
    width: 834px; 
    height: 27px;  
    margin: -28px auto 0px auto;
    border: 0px solid;  
    color: White; 
    font-size: 21px;
    
        
    }
    
.banner2 
{
    width: 834px;
    height: 22px;
    color: Black;
    position: absolute;
    margin: 5px 5px 0px 15px;
    font-size: 12px;
  
   

}    
    
.Menu2  {
    width: 834px; 
    height: 27px;  
    margin: 0px auto 0px auto;     
    border: 0px solid;  
    color: White; 
    font-size: 12px;
    
    }
     
.Menu3  {
    width: 826px; 
    height: 18px;  
    margin: 4px 4px;     
    border: 0px solid;  
    color: White; 
    font-size: 16px;
    text-align:left;
    }     

 .ResortContent  {
    width: 834px; 
    height: 1750px; 
    border: 0px solid; 
    margin: -3px auto -8px auto;  
    color: Black; 
    background-color:White; 
     border-top: 3px solid #072d7a;
  
    } 
    
     .InformationContent  {
    width: 834px; 
    height: 650px; 
    border: 0px solid; 
    margin: -3px auto -8px auto;  
    color: Black; 
    background-color:White; 
     border-top: 3px solid #072d7a;
  
    } 
 
.Content  {
    width: 832px; 
    height: auto; 
    border: 0px solid; 
    margin: -3px auto -8px auto;
    color: Black;
    background-color:White;
    border: 1px solid White;
     border-top: 3px solid #072d7a;
    } 
    .Content1  {
    width: 830px; 
    height: 30px; 
    border: 0px solid; 
    margin: 0px auto -8px auto;
    color: #072d7a;
    background-color:White;
    border: 1px solid Black;
    font-weight: bold;
    
    }
.InnerContent  {
    width: 787px; 
    height: auto; 
    border: 1px solid; 
    margin: 21px;
    color: black;
    background-color:White;
    border: 0px solid #072d7a;
      
      
    }     
.HomeContent  {
    width:  824px; 
    height: 600px; 
    border: 0px solid; 
    margin: 5px auto 10px auto;
    padding: 5px;
    color: Black; 
    background-color:White; 
  
    } 
   
    

    

.Footer  {
    width: 834px; 
    height: 120px; 
    margin: 0px auto 0px auto;      
    background-color: #dee9ff;
    color:#072d7a;  
    border-top: 3px solid #072d7a;
    
      } 



/*Button------------------------------------------------------------------------------------------------*/
.Home  {
    width: 60px; 
    height: 24px;  
    text-align: center;  
    position: absolute;  
    background-image: url('images/home.png');
    cursor: pointer;
    }
                      
.Information  {
    width: 102px;  
    height: 24px;  
    text-align: center;  
    position: absolute; 
    margin-left:70px;  
    margin-top: 0px;
    background-image: url('images/Information.png');
    cursor: pointer;
    
    }

.TenerifeResorts  {
    width: 70px;  
    height: 24px;  
    text-align: center;  
    position: absolute; 
    margin-left:182px; 
    margin-top: 0px;
    background-image: url('images/Resort.png');
    cursor: pointer; 
    }

.Weather  
{
    width: 80px;  
    height: 24px;  
    text-align: center;  
    position: absolute; 
    margin-left:262px;  
    margin-top: 0px;
    background-image: url('images/Weather.png');
    cursor: pointer; 
     }

.LocalMaps  
{
    width: 48px;  
    height: 24px; 
    text-align: center;  
    position: absolute; 
    margin-left:352px;  
    margin-top: 0px;
    background-image: url('images/Map.png');
    cursor: pointer; 
    }


a:visited  
{
    color: black; 
    
    }
    
a:hover  
{
    color: #072d7a;
    font-weight:bold;
    }
    
a:link  
{
    color: black; 
    
    }
    
a:active  
{
    color: black; 
    
    }
    
    
a.white:visited  
{
    color: White; 
    text-decoration: none;
    }
    
a.white:hover  
{
    color: White; 
    text-decoration: none;
    }
    
a.white:link  
{
    color: White; 
    text-decoration: none;
    }
    
a.white:active  
{
    color: White; 
    text-decoration: none;
    }
    
    
a.blue:visited  
{
    color: #072d7a; 
    text-decoration: none;
    }
    
a.blue:hover  
{
    color: #072d7a; 
    text-decoration: none;
    }
    
a.blue:link  
{
    color: #072d7a; 
    text-decoration: none;
    }
    
a.blue:active  
{
    color: #072d7a; 
    text-decoration: none;
    }    



.Flights 
{
    width: 370px; 
    height: 345px; 
    margin: 20px;
    margin-top: -20px;
    margin-bottom: 0px;
    background-image: url('images/flights.png');
    z-index: 1;
    
           }
           
.CarHire 
{
    width: 370px; 
    height: 340px; 
    margin: 2px 20px 0px 20px; 
    background-image: url('images/flightsCarHire.png');
           }

.selectorleftFlights 
{
    width: 175px; 
    height: 190px; 
    border: 0px solid; 
    margin: 00px 17px; 
    position: absolute;
    background-image: url('images/FlightsLeft.png');
    
    }

.selectorrightFlights 
{
    width : 205px; 
    height: 150px; 
    border: 0px solid; 
    margin: 00px 195px; 
    position: absolute;
  
    }

.selectorleftCarHire
{
    width: 147px; 
    height: 250px; 
    border: 0px solid; 
    margin: 0px 8px; 
    position: absolute;
    background-image: url('images/CarHireLeft.png');
    }

.selectorrightCarHire
{
    width : 220px; 
    height: 250px; 
    border: 0px solid; 
    margin: 0px 170px; 
    position: absolute;
   
    }

.Resorts 
{
    width : 310px; 
    height: 100px; 
    border: 0px solid; 
    margin: 300px 420px; 
    position: absolute; 
    padding: 10px; 
    font-size: 10px;
       
    }
    
.Resort
{
    width : 120px; 
    height: auto; 
    border: 0px solid; 
    margin: 0px;     
    cursor: pointer;
 
       
    }
    
    .AI
{
    width : 120px; 
    height: auto; 
    border: 0px solid; 
    margin: 0px;     
    cursor: pointer;
    color: blue;
       
    }
    .HExtras
{
    width : 110px; 
    height: auto; 
    border: 0px solid; 
    margin: 0px;     
    cursor: pointer;
       
    }    



.ResortsText 
{
    width : 110px; 
    height: 300px; 
    border: 0px solid; 
    margin: 0px 0px 0px 17px; 
    position: absolute; 
    padding: 5px; 
    color: Blue;
   
    }    
.AIText 
{
    width : 110px; 
    height: auto; 
    border: 0px solid; 
    margin: 0px 0px 0px 17px; 
    position: absolute; 
    padding: 5px; 
    color: Black;
   
    }       
    
.ResortsText2 
{
    width : 110px; 
    height: 270px; 
    border: 0px solid; 
    margin: -44px 0px 0px 3px;
    position: absolute; 
    padding: 5px; 
    color: Black; 
    border-right: 1px solid #072d7a;}
              
.Terms 
{
    font-size: 12px; 
    width : auto; 
    height: auto; 
    border: 0px solid; 
    margin: 8px 67px; 
    position: absolute; 
    text-align:center;
    }

.Info 
{
    font-size: 12px;
    width : auto; 
    height: 45px; 
    border: 0px solid; 
    margin:30px 10px; 
    position: absolute; }

.Cards 
{
    width : 171px; 
    height: 17px; 
    border: 0px solid; 
    margin: 55px 25px; 
    position: absolute; }

.Copyright 
{
    font-size: 11px; 
    width : 833px; 
    height: 40px; 
    border: 0px solid; 
    margin: 87px 0px; 
    position: absolute; 
    
    }

.Veri 
{
    width : 210px; 
    height: 60px; 
    border: 0px solid;
    margin: 28px 600px; 
    position: absolute; 
    }


.Date
{
    width: auto; 
    height: 30px; 
    position: absolute;  
    margin-top: 4px;
    text-align:right; 
    font-size:16px;
    color: #072d7a; 
    margin-left: 737px;
    font-weight: bold;
    border: 0px solid
    
}
.Weather1
{
    width: auto; 
    height: 30px; 
    position: absolute;  
    margin-top: 22px;
    text-align:right; 
    font-size:16px;
    color: #072d7a; 
    margin-left: 696px;
    font-weight: bold;
    border: 0px solid
    
}

.WeatherImage
{
    width: 37px; 
    height: 30px; 
    position: absolute;  
    border: 0px solid;
    margin-left: -42px;
    margin-top: -6px;
    background-image: url('images/sunny.gif');
}

.Telephone
{
    width: 170px; 
    height: auto; 
    margin-left:5px; 
    position: absolute;  
    text-align:left; 
    font-size:25px;
    color: White; 
}


h2  {
    font-size: 20px; 
    color: #072d7a; 
    text-decoration: underline;
   
    
    }
    
b 
{
    color: #072d7a;
    }

h3
{
    color: #072d7a;
       }

.Map 
{ 
    width: 700px; 
    height: 550px; 
    margin: 10px auto
    }

.Destination
{
    width: 250px; 
    height: 30px;  
    position: absolute;  
    text-align:right; 
    font-size:20px;
    color: Red; 
    margin-top: 20px;
}

.TravelInsurance
{
    width: 250px; 
    height: 30px;  
    position: absolute; 
    font-size:20px; 
    margin-left:10px;
    color: Red; 
    margin-top: 60px;
}

.TravelInsuranceLeft
{
    width: 300px; 
    height: 170px;  
    position: absolute; 
    margin-left:0px;
    margin-top: 56px;
    background-image: url('images/TravelInsurance1.png');
}

.Travel
{
    width: 370px;
    height: 345px;
    border: 0px solid;
    margin: -687px 0px 0px 445px;
    font-size: 19px;
    background-image: url('images/flightsTravel.png');
   

}

.Travel1
{
    width: 300px;
    height: 305px;
    border: 0px solid;
    margin-top: 20px;
    font-size: 18px;
  }
.SingleTrip
{
    width: 300px;
    height: 265px;
    border: 0px solid;
    border-bottom: 1px solid #072d7a;
    font-size: 18px;
    
    position: absolute;
}

.Extras
{
    width: 250px;
    height: 40px;
    border: 1px solid;
    margin: -268px 430px;
    border: 0px solid;
    border-bottom: 1px solid #072d7a;
    border-top: 1px solid #072d7a;
    position: absolute;
  
}

.InfoPhoto
{
    width: 400px;
    height: 332px;
    border: 0px solid;
    margin: 15px 0px 0px 430px;
    font-size: 17px;
   
}


.Resorts1 
{
    width :640px; 
    height: auto; 
    border: 0px solid; 
    margin: -5px 0px 0px 152px; 
    position: absolute; 
    padding: 10px; 
    visibility:hidden;
    }
    
 
    
    .AI01 
{
    width :640px; 
    height: auto; 
    border: 0px solid; 
    margin: -5px 0px 0px 152px; 
    position: absolute; 
    padding: 10px; 
    visibility:hidden;
    }

.Extras1 
{
    width :auto; 
    height: auto; 
    border: 0px solid; 
    margin: -25px 0px 0px 5px;    
    padding: 10px; 
   
    }


.ExtrasText 
{
    width : 110px; 
    height: auto; 
    border: 0px solid; 
    margin: 0px 0px 0px 17px; 
    position: absolute;
    padding: 5px; 
    color: Black; 
    }

.LinkBox1
{
    width: 180px;
    height: 150px;
    border: 0px solid;
    margin: 10px;
    position: absolute;
    background-image: url('images/weatherbox.jpg');
    cursor: pointer;
}
.LinkBox2
{
    width: 180px;
    height: 150px;
    border: 0px solid;
    margin: 10px;
    position: absolute;
    background-image: url('images/Infobox.jpg');
    cursor: pointer;
}
.LinkBox3
{
    width: 180px;
    height: 150px;
    border: 0px solid;
    margin: 10px;
    position: absolute;
    background-image: url('images/Mapbox.jpg');
    cursor: pointer;

}
.LinkBox4
{
    width: 180px;
    height: 150px;
    border: 0px solid;
    margin: 10px;
    position: absolute;
    background-image: url('images/Resortsbox.jpg');
    cursor: pointer;

}

.WeatherText
{
    width: 380px;
    height: 150px;
    border: 0px solid;
    margin-top: -440px;
    margin-left: 350px;
     

}


