﻿/* Layers Styles */
.subMenuLayer
{
    float:left;
}

.logoLayer
{
    background-image:url(../images/zaitunaybay_logo.png);
    background-repeat:no-repeat;
    width:200px;
    height:75px;
    float:right;
}

.sliderLayer
{
    width:1280px;
    height:688px;
}

.innerLayer
{
    width:1280px;
    min-height:700px; height:auto !important; height:700px;
}

.gettingaroundLayer
{
    width:1280px;
    height:750px;
}

.spendthedayLayer
{
    width:1280px;
    height:580px;
}

.bottommenu
{
    position:relative;
    top:-180px;
}

.contactLayer
{
    margin-left:128px;
    width:1127px;
    padding-left:25px;
    padding-top:75px;
    min-height:500px; height:auto !important; height:500px;
}

.aboutLayer
{
    margin-left:128px;
    width:1152px;
    min-height:600px; height:auto !important; height:600px;
}

.loader
{
    background-image:url(../images/zb-loader.gif);
    background-repeat:no-repeat;
    width:78px;
    height:44px;
    position:absolute;
    left:50%;
    margin-left:-39px;
    top:40%;
    z-index:50000;
}

#divGrey
{
    height:100%;
    width:100%;
    background-color:#FFFFFF;
    filter:alpha(opacity=70);
    opacity:0.7;
    margin : 0;
    position:fixed;
    top:0;
    left:0;
    z-index:40000;
}

/* Menu links */
.menuEatTitle
{
    background-color:#F6996C;
    width:220px;
    text-align:left;
    padding-left:20px;
    padding-top:5px;
    padding-bottom:3px;
    color:#FFFFFF;
    font-size:13px;
    cursor:pointer;
    cursor:hand;
    margin-bottom:5px;
}

.menuEatTitle:hover
{
    background-color:#F26D2D;
}

.menuEatTitleSelected
{
    background-color:#F26D2D;
    width:220px;
    text-align:left;
    padding-left:20px;
    padding-top:5px;
    padding-bottom:3px;
    color:#FFFFFF;
    font-size:13px;
    cursor:pointer;
    cursor:hand;
    margin-bottom:5px;
}

.menuEatItem
{
    background-color:transparent;
    border:0;
    width:220px;
    height:23px;
    text-align:left;
    padding-left:20px;
    padding-top:3px;
    color:#000000;
    font-size:13px;
    cursor:pointer;
    cursor:hand;
    font-family: 'Questrial', sans-serif;
}

.menuEatItem:hover
{
    color:#F26D2D;
}


.menuEatItemSelected
{
    background-color:transparent;
    border:0;
    width:220px;
    height:23px;
    text-align:left;
    padding-left:20px;
    padding-top:3px;
    color:#F26D2D;
    font-size:13px;
    cursor:pointer;
    cursor:hand;
    font-family: 'Questrial', sans-serif;
}

.menuGettingTitle
{
    background-color:#F27B85;
    width:220px;
    text-align:left;
    padding-left:20px;
    padding-top:5px;
    padding-bottom:3px;
    color:#FFFFFF;
    font-size:13px;
    cursor:pointer;
    cursor:hand;
    margin-bottom:5px;
}

.menuGettingTitle:hover
{
    background-color:#EC4250;
}

.menuGettingTitleSelected
{
    background-color:#EC4250;
    width:220px;
    text-align:left;
    padding-left:20px;
    padding-top:5px;
    padding-bottom:3px;
    color:#FFFFFF;
    font-size:13px;
    cursor:pointer;
    cursor:hand;
    margin-bottom:5px;
}

.menuGettingItem
{
    background-color:transparent;
    border:0;
    width:230px;
    height:23px;
    text-align:left;
    padding-left:20px;
    padding-top:3px;
    color:#000000;
    font-size:13px;
    cursor:pointer;
    cursor:hand;
    font-family: 'Questrial', sans-serif;
}

.menuGettingItem:hover
{
    color:#EC4250;
}

.menuGettingItemSelected
{
    background-color:transparent;
    border:0;
    width:230px;
    height:23px;
    text-align:left;
    padding-left:20px;
    padding-top:3px;
    color:#EC4250;
    font-size:13px;
    cursor:pointer;
    cursor:hand;
    font-family:'Questrial', sans-serif;
}

.menuGettingItemOff
{
    background-color:transparent;
    border:0;
    width:230px;
    height:23px;
    text-align:left;
    padding-left:20px;
    padding-top:3px;
    color:#000000;
    font-size:13px;
    font-family: 'Questrial', sans-serif;
}

.menuEventTitle
{
    background-color:#BE2B51;
    width:220px;
    text-align:left;
    padding-left:20px;
    padding-top:5px;
    padding-bottom:3px;
    color:#FFFFFF;
    font-size:13px;
    margin-bottom:5px;
}

.menuEventItem
{
    background-color:transparent;
    border:0;
    width:220px;
    height:23px;
    text-align:left;
    padding-left:20px;
    padding-top:3px;
    color:#000000;
    font-size:13px;
    cursor:pointer;
    cursor:hand;
    font-family: 'Questrial', sans-serif;
}

.menuEventItem:hover
{
    color:#BE2B51;
}

.menuEventItemSelected
{
    background-color:transparent;
    border:0;
    width:220px;
    height:23px;
    text-align:left;
    padding-left:20px;
    padding-top:3px;
    color:#BE2B51;
    font-size:13px;
    cursor:pointer;
    cursor:hand;
    font-family: 'Questrial', sans-serif;
}

.menuEventArchiveItem
{
    background-color:transparent;
    border:0;
    width:220px;
    height:23px;
    text-align:left;
    padding-left:0px;
    padding-top:3px;
    color:#929497;
    font-size:15px;
    cursor:pointer;
    cursor:hand;
    font-family: 'Questrial', sans-serif;
}

.menuEventArchiveItem:hover
{
    color:#BE2B51;
}

.menuEventArchiveItemSelected
{
    background-color:transparent;
    border:0;
    width:220px;
    height:23px;
    text-align:left;
    padding-left:0px;
    padding-top:3px;
    color:#BE2B51;
    font-size:15px;
    cursor:pointer;
    cursor:hand;
    font-family: 'Questrial', sans-serif;
}

.menuMediaTitle
{
    background-color:#A6A8AB;
    width:220px;
    text-align:left;
    padding-left:20px;
    padding-top:5px;
    padding-bottom:3px;
    color:#FFFFFF;
    font-size:13px;
    margin-bottom:5px;
}

.menuMediaItem
{
    background-color:transparent;
    border:0;
    width:220px;
    height:23px;
    text-align:left;
    padding-left:20px;
    padding-top:3px;
    color:#404041;
    font-size:13px;
    cursor:pointer;
    cursor:hand;
    font-family: 'Questrial', sans-serif;
}

.menuMediaItem:hover
{
    color:#BE2B51;
}

.menuMediaItemSelected
{
    background-color:transparent;
    border:0;
    width:220px;
    height:23px;
    text-align:left;
    padding-left:20px;
    padding-top:3px;
    color:#BE2B51;
    font-size:13px;
    cursor:pointer;
    cursor:hand;
    font-family: 'Questrial', sans-serif;
}

.menuSpendTitle
{
    background-color:#99499C;
    width:220px;
    text-align:left;
    padding-left:20px;
    padding-top:5px;
    padding-bottom:3px;
    color:#FFFFFF;
    font-size:13px;
    margin-bottom:5px;
}

.menuSpendItem
{
    background-color:transparent;
    border:0;
    width:220px;
    height:23px;
    text-align:left;
    padding-left:20px;
    padding-top:3px;
    color:#000000;
    font-size:13px;
    cursor:pointer;
    cursor:hand;
    font-family: 'Questrial', sans-serif;
}

.menuSpendItem:hover
{
    color:#BE2B51;
}

.menuSpendItemSelected
{
    background-color:transparent;
    border:0;
    width:220px;
    height:23px;
    text-align:left;
    padding-left:20px;
    padding-top:3px;
    color:#F26D2D;
    font-size:13px;
    cursor:pointer;
    cursor:hand;
    font-family: 'Questrial', sans-serif;
}

.menuTopItem
{
    background-color:#213D21;
    border:0;
    width:100px;
    text-align:center;
    padding-top:5px;
    padding-bottom:4px;
    color:#FFFFFF;
    font-size:13px;
    cursor:pointer;
    cursor:hand;
    font-family: 'Questrial', sans-serif;
    margin-right:3px;
}

.menuTopItem:hover
{
    background-color:#EC4250;
}

.menuTopItemSelected
{
    background-color:#EC4250;
    border:0;
    width:100px;
    text-align:center;
    padding-top:5px;
    padding-bottom:4px;
    color:#FFFFFF;
    font-size:13px;
    cursor:pointer;
    cursor:hand;
    font-family: 'Questrial', sans-serif;
    margin-right:3px;
}

.spend
{
    background-image:url(../images/spend.png); background-repeat:repeat-x; background-position:top;
    width:21px;
}

.spend1
{
    background-image:url(../images/spend1.png);  background-repeat:no-repeat; background-position:top right; width:52px;padding-top:22px;
    background-color:#E6E7E8; /* Normal (IE) support. */
    font-family:'Questrial', sans-serif;
    font-size:9px;
    color:#A6A8AB;
    cursor:hand;
    cursor:pointer;
	border:0;
	-webkit-border-radius:0px; 
	-moz-border-radius:0px;
}

.spend1:hover
{
    background-image:url(../images/spend1_over.png);
    color:#99499C;
}

.spend1Selected
{
    background-image:url(../images/spend1_over.png);  background-repeat:no-repeat; background-position:top right; width:52px;padding-top:22px;
    background-color:#E6E7E8; /* Normal (IE) support. */
    font-family:'Questrial', sans-serif;
    font-size:9px;
    color:#99499C;
    cursor:hand;
    cursor:pointer;
	border:0;
	-webkit-border-radius:0px; 
	-moz-border-radius:0px;
}

.spend2
{
    background-image:url(../images/spend2.png);  background-repeat:no-repeat; background-position:top;width:85px;padding-top:22px;
    background-color:#E6E7E8; /* Normal (IE) support. */
    font-family:'Questrial', sans-serif;
    font-size:9px;
    color:#A6A8AB;
    cursor:hand;
    cursor:pointer;
	border:0;
	-webkit-border-radius:0px; 
	-moz-border-radius:0px;
}

.spend2:hover
{
    background-image:url(../images/spend2_over.png);
    color:#99499C;
}

.spend2Selected
{
    background-image:url(../images/spend2_over.png);  background-repeat:no-repeat; background-position:top;width:85px;padding-top:22px;
    background-color:#E6E7E8; /* Normal (IE) support. */
    font-family:'Questrial', sans-serif;
    font-size:9px;
    color:#99499C;
    cursor:hand;
    cursor:pointer;
	border:0;
	-webkit-border-radius:0px; 
	-moz-border-radius:0px;
}

.spend3
{
    background-image:url(../images/spend3.png);  background-repeat:no-repeat; background-position:top left; width:52px;padding-top:22px;
    background-color:#E6E7E8; /* Normal (IE) support. */
    font-family:'Questrial', sans-serif;
    font-size:9px;
    color:#A6A8AB;
    cursor:hand;
    cursor:pointer;
	border:0;
	-webkit-border-radius:0px; 
	-moz-border-radius:0px;
}

.spend3:hover
{
    background-image:url(../images/spend3_over.png);
    color:#99499C;
}

.spend3Selected
{
    background-image:url(../images/spend3_over.png);  background-repeat:no-repeat; background-position:top left; width:52px;padding-top:22px;
    background-color:#E6E7E8; /* Normal (IE) support. */
    font-family:'Questrial', sans-serif;
    font-size:9px;
    color:#99499C;
    cursor:hand;
    cursor:pointer;
	border:0;
	-webkit-border-radius:0px; 
	-moz-border-radius:0px;
}


/* Top links */
.Facebook
{
    background-image:url(../images/facebook.png);
    background-repeat:no-repeat;
    width:19px;
    height:19px;
}

.Facebook:hover
{
    background-image:url(../images/facebook_over.png);
}

.FacebookOff
{
    background-image:url(../images/facebook.png);
    background-repeat:no-repeat;
    width:19px;
    height:19px;
}

.Twitter
{
    background-image:url(../images/twitter.png);
    background-repeat:no-repeat;
    width:19px;
    height:19px;
}

.Twitter:hover
{
    background-image:url(../images/twitter_over.png);
}

.TwitterOff
{
    background-image:url(../images/twitter.png);
    background-repeat:no-repeat;
    width:19px;
    height:19px;
}


.Insta {
    background-image: url(../images/insta.png);
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}

    .Insta:hover {
        background-image: url(../images/insta_over.png);
    }

.InstaOff {
    background-image: url(../images/insta.png);
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}

.Insta {
    background-image: url(../images/insta.png);
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
}

.FourSquare:hover
{
    background-image:url(../images/foursquare_over.png);
}

.FourSquareOff
{
    background-image:url(../images/foursquare.png);
    background-repeat:no-repeat;
    width:19px;
    height:19px;
}

.YouTube
{
    background-image:url(../images/youtube.png);
    background-repeat:no-repeat;
    width:19px;
    height:19px;
}

.YouTube:hover
{
    background-image:url(../images/youtube_over.png);
}

.YouTubeOff
{
    background-image:url(../images/youtube.png);
    background-repeat:no-repeat;
    width:19px;
    height:19px;
}

/* Padding Styles */
.paddingleft5
{
    padding-left:5px;
}

.paddingleft10
{
    padding-left:10px;
}

.paddingleft15
{
    padding-left:15px;
}

.paddingleft20
{
    padding-left:20px;
}

.paddingleft25
{
    padding-left:25px;
}

.paddingleft30
{
    padding-left:30px;
}

.paddingleft40
{
    padding-left:40px;
}

.paddingleft50
{
    padding-left:50px;
}

.paddingleft60
{
    padding-left:60px;
}

.paddingleft70
{
    padding-left:70px;
}

.paddingleft80
{
    padding-left:80px;
}

.paddingleft90
{
    padding-left:90px;
}

.paddingleft100
{
    padding-left:100px;
}

.paddingleft120
{
    padding-left:120px;
}

.paddingleft128
{
    padding-left:128px;
}

.paddingleft130
{
    padding-left:130px;
}

.paddingleft218
{
    padding-left:218px;
}

.paddingleft300
{
    padding-left:300px;
}

.paddingleft330
{
    padding-left:330px;
}

.paddingleft340
{
    padding-left:340px;
}

.paddingleft350
{
    padding-left:350px;
}

.paddingleft400
{
    padding-left:400px;
}

.paddingleft450
{
    padding-left:450px;
}

.paddingright3
{
    padding-right:3px;
}

.paddingright5
{
    padding-right:5px;
}

.paddingright10
{
    padding-right:10px;
}

.paddingright15
{
    padding-right:15px;
}

.paddingright20
{
    padding-right:20px;
}

.paddingright25
{
    padding-right:25px;
}

.paddingright30
{
    padding-right:30px;
}

.paddingright40
{
    padding-right:40px;
}

.paddingright50
{
    padding-right:50px;
}

.paddingright60
{
    padding-right:60px;
}

.paddingright80
{
    padding-right:80px;
}

.paddingright90
{
    padding-right:90px;
}

.paddingright140
{
    padding-right:140px
}

.paddingright150
{
    padding-right:150px
}

.paddingright300
{
    padding-right:300px;
}

.paddingright400
{
    padding-right:400px;
}

.paddingtop5
{
    padding-top:5px;
}

.paddingtop10
{
    padding-top:10px;
}

.paddingtop12
{
    padding-top:12px;
}

.paddingtop15
{
    padding-top:15px;
}

.paddingtop20
{
    padding-top:20px;
}

.paddingtop24
{
    padding-top:24px;
}

.paddingtop25
{
    padding-top:25px;
}

.paddingtop30
{
    padding-top:30px;
}

.paddingtop35
{
    padding-top:35px;
}

.paddingtop40
{
    padding-top:40px;
}

.paddingtop80
{
    padding-top:80px;
}

.paddingtop95
{
    padding-top:95px;
}

.paddingtop100
{
    padding-top:100px;
}

.paddingtop120
{
    padding-top:120px;
}
.paddingtop250
{
    padding-top:250px;
}

.paddingbottom5
{
    padding-bottom:5px;
}

.paddingbottom10
{
    padding-bottom:10px;
}

.paddingbottom15
{
    padding-bottom:15px;
}

.paddingbottom20
{
    padding-bottom:20px;
}

.paddingbottom50
{
    padding-bottom:50px;
}

.marginleft370
{
    margin-left:370px;
}

/* Other Styles */
.alignleft
{
    text-align:left;
}

.alignright
{
    text-align:right;
}

.aligncenter
{
    text-align:center;
}

.floatleft
{
    float:left;
}

.floatright
{
    float:right;
}

.whiterightborder3
{
    border-right:3px solid #FFFFFF;
}

.icon
{
    position:relative; 
    top:5px;
}

.hidden
{
    display:none;
}

.hand
{
    cursor:pointer;
    cursor:hand;
}

img
{
    border:0;
}

.width200
{
    width:200px;
}

.width350
{
    width:350px;
}

.width400
{
    width:400px;
}

.lineheight
{
    line-height:1.4;
}