﻿.DetailsDiscount
            {
                margin-top: 17px;
                width: 184px;
                height: auto;
                float: left;
                background-image: url(http://img.spotlocal.net/images/backlinks/colona/RepeaterDiv.jpg);
                background-repeat: repeat-y;
                background-position: 0px 0px;
            }
            .PanelSpot
            {
                width: 184px;
                min-height: 100px;
                _height: 100px;
                float: left;
                background-image: url(http://img.spotlocal.net/images/backlinks/colona/TopDiscount.jpg);
                background-repeat: no-repeat;
                background-position: 0px 0px;
            }
            .PanelSpot1
            {
                width: 184px;
                min-height: 100px;
                _height: 100px;
                float: left;
                background-image: url(http://img.spotlocal.net/images/backlinks/colona/TopDiscount.jpg);
                background-repeat: no-repeat;
                background-position: 0px 0px;
            }
        
    
        .PanelSpot2
            {
                width: 184px;
                min-height: 100px;
                _height: 100px;
                float: left;
                background-image: url(http://img.spotlocal.net/images/backlinks/colona/TopDiscount.jpg);
                background-repeat: no-repeat;
                background-position: 0px 0px;
            }
            .PanelSpot3
            {
                width: 184px;
                min-height: 100px;
                _height: 100px;
                float: left;
                background-image: url(http://img.spotlocal.net/images/backlinks/colona/TopDiscount.jpg);
                background-repeat: no-repeat;
                background-position: 0px 0px;
            }
         body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	top: 10px;
	font-size: 11px;
	color: #000066;
}

table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000066;
	text-align: justify;
	left: 4px;
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0066CC;
	text-decoration: none;
	font-weight:bold;
}

a:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0066CC;
	text-decoration: none;
	font-weight:bold;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0066CC;
	font-weight:bold;
	text-decoration: none;
}

a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0066CC;
	font-weight:bold;
	text-decoration: none;
}

.menu2 td { vertical-align:top;}
.menu2 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: DFE6EB;
	text-decoration: none;
	font-weight: normal;
}

.menu2 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: DFE6EB;
	text-decoration: none;
	font-weight: normal;
}

.menu2 a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: DFE6EB;
	text-decoration: none;
	font-weight: normal;
}
.menu2 a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: 003B68;
	text-decoration: underline;
	font-weight: normal;
}

.menutitle{
cursor:pointer;
margin-bottom: 2px;

color:#3300000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*//* */
}

.submenu{
margin-bottom: 1.5em;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0066CC;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: ffffff;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0066CC;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: ffffff;
}

/* new menu starts here */


.menuBox {
	padding-left: 12px;
	padding-right: 4px;
	padding-top: 5px;
	padding-bottom: 20px;
}

.menuHeading {
	color: #0099FF;
	font-weight: 500;
	letter-spacing:1px;
	font-weight:bold;
	font-size: 11px;
}

a.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 14px;
}

a.menu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	line-height: 14px;
}

a.menu:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 14px;
}
	
a.menu:hover, activeYear {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	line-height: 14px;
}

a.menuNoSub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #E6E6E6;
	text-decoration: none;
	font-weight: 500;
	/*letter-spacing:1px;*/
	font-weight:bold;
}

a.menuNoSub:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E6E6E6;
	font-weight: normal;
	text-decoration: none;
	line-height: 13px;
	font-weight: 500;
	/*letter-spacing:1px;*/
	font-weight:bold;
}

a.menuNoSub:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #E6E6E6;
	text-decoration: none;
	font-weight: 500;
	/*letter-spacing:1px;*/
	font-weight:bold;
}
	
a.menuNoSub:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
	font-weight: 500;
	/*letter-spacing:1px;*/
	font-weight:bold;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
}

<style type="text/css">
.BookingRequestSpot{
width:446px;height:53px;float:left;clear:both;background-image:url(http://img.spotlocal.net/images/backlinks/colona/LeftDiscountSpot.jpg); background-repeat:no-repeat; background-position:0px 0px;
}
.BookingRequestSpot a{
width:446px;height:53px;float:left;text-decoration:none; cursor:pointer; outline:none; }
.CenterRequestSpot{width:401px;height:53px;float:left;
background-image:url(http://img.spotlocal.net/images/backlinks/colona/RepeaterDiscoutSpot.jpg); background-repeat:repeat-x; background-position:0px 0px;
}
.CenterRequestSpot ul{margin:0px; list-style-type:none; padding:0px; float:left;text-decoration:none;}
.BookingRequestSpot a   .CenterRequestSpot li{float:left; width:126px; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#666; padding-top:8px;padding-left:0px; height:53px;}
.BookingRequestSpot a   .CenterRequestSpot li.Click{ width:147px;text-decoration:none;}
.BookingRequestSpot a   .CenterRequestSpot li p{padding-top:4px; margin-top:0px; font-weight:bold; font-size:11px;text-decoration:none;}

.BookingRequestSpot a   .CenterRequestSpot span{
color:#E195EA; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; letter-spacing:-1px; height:50px; padding-top:10px; 
padding-left:16px;text-decoration:none;  }
.BookingRequestSpot a   .CenterRequestSpot span.bule{ 
color:#0CF; font-size:9px; font-style:italic; padding-top:0px; float:left; padding-left:10px; letter-spacing:normal;text-decoration:none; }

.BookingRequestSpot a   .CenterRequestSpot li img{
padding-top:0px; margin-top:0px; float:right; width:126px; height:38px; border:0px;text-decoration:none;}

.ContentRequestSpot{
width:423px;height:53px;float:left;margin-left:25px;_margin-left:10px;
background-image:url(http://img.spotlocal.net/images/backlinks/colona/RightDiscountSpot.jpg); background-repeat:no-repeat; background-position:right top;
text-decoration:none;}

.PanelSpot{width:184px; min-height:100px; _height:100px; float:none;text-decoration:none; background-image:url(http://img.spotlocal.net/images/backlinks/colona/TopDiscount.jpg); background-repeat:no-repeat; background-position:0px 0px; }
.PanelSpot a{text-decoration:none; float:left; width:184px; min-height:100px; _height:100px; cursor:pointer;outline:none; }
.DetailsDiscount{
margin-top:17px;width:184px; height:auto; float:left; background-image:url(http://img.spotlocal.net/images/backlinks/colona/RepeaterDiv.jpg); background-repeat:repeat-y; background-position:0px 0px;text-decoration:none;}

.PanelSpot a .DetailsDiscount img{text-decoration:none;float:left; padding-left:45px; width:99px; height:30px; margin-bottom:5px; border:none; }
.PanelSpot a .DetailsDiscount h3{ clear:both; text-align:center; color:#E195EA; font-size:21px; line-height:20px; font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px; padding-top:0px; text-decoration:none; width:180px; display:block;}
.PanelSpot a .DetailsDiscount p{font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center; color:#666; font-weight:bold; padding-top:0px; margin-top:-10px;  text-decoration:none; clear:both;}
.PanelSpot a .DetailsDiscount  span{font-size:10px; font-weight:bold; font-style:italic; display:block; color:#0cf; padding-top:5px; text-decoration:none;}
.PanelSpot a .CloseDiscount{background-image:url(http://img.spotlocal.net/images/backlinks/colona/DownDiscount.jpg); background-repeat:no-repeat; background-position:0px 0px; height:18px; width:184px; float:left;text-decoration:none;}

.BookingRequestSpot {
width:446px;height:53px; margin-left:90px; float:left;clear:both;background-image:url(http://img.spotlocal.net/images/backlinks/colona/LeftDiscountSpot.jpg); background-repeat:no-repeat; background-position:0px 0px;
}

/* News */
.newsContainer { width:628px; margin:10px auto; }
.NewsYearContainer { margin:0px; padding:0px; width:450px; float:left; padding-left:1px; }
.NewsYearContainer li { list-style:none; display: inline;text-align:center; /*margin-right:5px;*/ float:left; }
.NewsYearContainer li a { width:69px; height:30px; line-height:30px; display:block; font-size:14px; letter-spacing:-1px;
                          background:url(../images/news/layout/year-tab-dim.gif) no-repeat bottom; }

.NewsYearContainer li a:hover, .NewsYearContainer li a.activeYear { background-image:url(../images/news/layout/year-tab.gif); }

/* Items Repeater */
.NewsItemsContainer { background: url(../images/news/layout/news-bg.gif) repeat-y; }
.NewsItemsTopBorder { background: url(../images/news/layout/news-top-brdr-bg.gif) no-repeat top left; }
.NewsItemsBottomBorder { background: url(../images/news/layout/news-bottom-brdr-bg.gif) no-repeat bottom left; padding:7px 15px 30px 15px; }
.NewsItemsBottomBorder ul { margin:0px; padding:0px; padding-right:5px; }
.NewsItemsBottomBorder ul li { list-style:none; border-bottom: solid 1px #e5e5e5; padding-bottom:5px; margin-bottom:20px; }
.NewsItemsBottomBorder ul li h1 { color:#0099ff; background:url(../images/news/layout/title-bg.gif) no-repeat bottom right; padding-bottom:9px; margin-bottom:0px; }
.NewsItemsDetails { color:#000066; }
.NewsItemsDetails img { float:left; border:solid 2px #e1e1e1; margin:0px 20px 10px 0px; }
.NewsItemsDetails p { font-weight:bold; display:block; text-align:right; margin-top:2px; }
.NewsOpenArrow, .NewsCloseArrow { height:17px; width:19px; display:block; float:right; clear:both; background:url(../images/news/layout/arrow.gif) no-repeat top; }
.NewsCloseArrow { background-position:bottom; }
/* MessageBox Pop ups   */
/* Alerts */
.alertContainer {
position: relative;
padding-top: 15px;
color: #ffffff;
padding: 3px; background-color:Gray; width: 400px;
}
.alertIcon {
	position: absolute;
	top: 0px;
	right: 0px;
	width:36px;
	height:35px;
	/*background:url(../images/alerts/alerts-icons-bg.png) left top no-repeat;*/
	padding: 21px;
	background-color:Gray;
	float:left;
}
.alertIcon img {
	display: none;
}
.success .alertIcon {
	 background-color:Gray;
}
.error .alertIcon {
	 background-color:Gray;
}
.loading .alertIcon img {
	/*display: block;*/
	float:left;
}
.alertTopBorder, .successMessage, .loadingMessage {
padding: 5px 10px;
/*width: 342px;*/
border:solid 1px  Gray;
}
.successMessage, .loadingMessage
{
  width:100px;height:53px; margin-left:90px; float:left;clear:both;background-image:url(http://img.spotlocal.net/images/backlinks/colona/LeftDiscountSpot.jpg); background-repeat:no-repeat; background-position:0px 0px;}
.successMessage span, .loadingMessage span { width:100px;height:53px; margin-left:90px; float:left;clear:both;background-image:url(http://img.spotlocal.net/images/backlinks/colona/LeftDiscountSpot.jpg); background-repeat:no-repeat; background-position:0px 0px;}

.messageText {
background-color:Gray;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
/*width:300px;*/
text-align:center;
}
.alertButtonsCon {
width: 100px;
margin: auto;
background-color:Gray;
}
.alertsButton {
float: left;
margin-right: 10px;
width:89px;
font-family:"Times New Roman", Times, serif;
background-color:Gray;
}
.alertsButton a {
height:30px;
margin-top:10px;
font-size:25px;
color:Black;
text-align:center;
display:block;
text-decoration:none;
}
.alertsButton a:hover {
color:Black;
cursor:pointer;
}
.loadingIcon { display: block; text-align:center; margin: auto; }
/* End Alerts */

h4 {
color:#111170;
font-size:13px;
font-weight:bold;
letter-spacing:-1px;
text-align:right;
padding-right:30px;
padding-top:20px;
margin-bottom:8px;
margin-top:0px;
}

.videoGallery {
background-image:url(../images/video-bg.gif);
width:231px;
height:136px;
margin-bottom:10px;
}

.videosItems td {
text-align:left;
font-size:11px;
}

/*======= Weather ========*/
.weatherCont {
color: White;
padding: 5px;
margin-bottom: 30px;
border: 1px solid #fff;
}
    .weatherCont select {
    width: 175px;
    }
    
.weatherPic {
}

.temp {
font-size:24px;
font-weight:bold;
line-height:24px;
/*width:64px;*/
}

.weatherDetails {
}

/* Gallery */


#mainGallery, .hideAlbum
{
    height:495px;
}

a.hurghadaAlbum , a.elgounaAlbum, a.sharmAlbum, a.diveShowsAlbum, a.generalAlbum, a.guestAlbum, a.marsaAlamAlbum
{
  
    width:304px;
    height:144px;
    display:block;
}

a.hurghadaAlbum {
  background:url(../images/gallery/hurghada.jpg) no-repeat;
}
  

a.hurghadaAlbum:hover 
{
        background:url(../images/gallery/hurghada.jpg) no-repeat 0px -146px;
}


a.elgounaAlbum 
{
      background:url(../images/gallery/el-gouna.jpg) no-repeat;
}

a.elgounaAlbum:hover 
{
      background:url(../images/gallery/el-gouna.jpg) no-repeat 0px -146px;
}

a.sharmAlbum 
{
     background:url(../images/gallery/sharm-el-sheikh.jpg) no-repeat;
}

a.sharmAlbum:hover
{
     background:url(../images/gallery/sharm-el-sheikh.jpg) no-repeat 0px -146px;
}

a.diveShowsAlbum 
{
       background:url(../images/gallery/dive-shows.jpg) no-repeat;
}

a.diveShowsAlbum:hover
{
       background:url(../images/gallery/dive-shows.jpg) no-repeat 0px -146px;
}

a.generalAlbum
{
      background:url(../images/gallery/general.jpg) no-repeat;
}

a.generalAlbum:hover
{
      background:url(../images/gallery/general.jpg) no-repeat 0px -146px;
}

a.guestAlbum 
{
    background:url(../images/gallery/guest-images.jpg) no-repeat;
}

a.guestAlbum:hover
{
    background:url(../images/gallery/guest-images.jpg) no-repeat 0px -146px;
}

a.marsaAlamAlbum 
{
   background:url(../images/gallery/marsa-alam.jpg) no-repeat; 
}

a.marsaAlamAlbum:hover 
{
   background:url(../images/gallery/marsa-alam.jpg) no-repeat 0px -146px;
}


.hideAlbum
{
    display:none;
}


.backToMain 
{
    height:35px;
}

a.backToMain 
{
    background:url(../images/gallery-right.gif) right top no-repeat;
    float:right;
    padding:0px 9px 0px 0px;
    height:35px;
    margin:0px 30px 0px 0px;
}

a.backToMain b 
{
     background:url(../images/gallery-left.gif) left top no-repeat;
        padding:0px 0px 0px 9px;
         height:35px;
         display:block;
         color:#fff;
         line-height:35px;
      
     
}





