/*
    Document   : screen
    Created on : 30-Apr-2010, 23:39:58
    Author     : JAC
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
    font: 80% "Trebuchet MS", Tahoma, Verdana,Arial,sans-serif;
    background: #273645 url(images/bodyBg.jpg) repeat-x scroll 0 0;
    margin: 0;
    padding: 0;
}


.left { float: left !important; }
.right { float: right !important; }
.clearAll { display: block; clear: both; }
a, a:active { outline: none; text-decoration: none !important; }
a:hover { text-decoration: inherit; }

a img:hover { text-decoration: none; }

.heading { text-transform: uppercase; }

.grey { color: #666666; }
.drkGrey { color: #333333 !important; }
.red { color: #a7030a; }
.white { color: #FFF; }

.five { padding: 5px; }
.ten { padding: 10px; }
.twenty { padding: 20px; }

.noBorder { border: none !important; }
.noMargin { margin: 0 !important; }

span.hr { background:none repeat scroll 0 0 #CCCCCC; float:left; height:1px; margin-top:5px; width:70%; }

/* Corners */
    .gryWhtTL { background: url(images/corners/gryWhtTL.jpg) no-repeat scroll 0 0;
               position: absolute; top:0; left: 0; width: 3px; height: 3px;
    }
    .gryWhtTR { background: url(images/corners/gryWhtTR.jpg) no-repeat scroll 0 0;
               position: absolute; top:0; right: 0; width: 3px; height: 3px;
    }
    .gryWhtBL { background: url(images/corners/gryWhtBL.jpg) no-repeat scroll 0 0;
               position: absolute; bottom:0; left: 0; width: 3px; height: 3px;
    }
    .gryWhtBR { background: url(images/corners/gryWhtBR.jpg) no-repeat scroll 0 0;
               position: absolute; bottom:0; right: 0; width: 3px; height: 3px;
    }

.middle {
    width: 960px; /* 980px */
    margin: 0 auto;
}
.wrapper {
    width: 1024px; /* 980px */
    margin: 5px auto 0;
    background: url(images/shaddowBg.png) repeat-y scroll 0 50%;
}
.wrapper .logoBG {
    width: 1024px; /* 980px */
    margin: 5px auto 0;
    height: 694px;
    position: absolute;
    overflow: hidden;
    z-index: -10;
    background: url(images/logoBG.png) repeat-y scroll 0 50%;
}

h1.logo { margin: 0; }
h1.logo a {
    background: url(images/header/logo.jpg) no-repeat scroll 0 0;
    width: 181px;
    height: 118px;
    text-indent: -99999px;
    display: block;
    margin: 0;
}

/* Header */

.header .contactDetails { }
.header .contactDetails .topLinks { float: right; padding-top: 10px; }
.header .contactDetails .topLinks a { color: #333366; }

.header .contactDetails .openingTimes{ padding-top: 20px;color: #413e3e; float: right; text-align: right; text-transform: uppercase; font-size: 12px; }


/*  Navigation */

.topNavContainer { background: #d1d7d7; height: 31px; width: 952px; position: relative; padding: 4px; }
    .topNavContainer .topNavLeft { background: url(images/nav/navigation_01.jpg) no-repeat scroll 0 0; height: 34px; float: left; width: 6px; }
    .topNavContainer .topNavRight { background: url(images/nav/navigation_10.jpg) no-repeat scroll 0 0; height: 34px; float: left; width: 11px; }
    .topNavContainer .time { background: url(images/nav/time.jpg) no-repeat scroll 0 0; height: 34px; float: left;  color: #373636; padding: 7px 10px; width: 50px; font-size: 12px; }

.topNavContainer ul#nav { float: left; list-style-type: none; margin: 0; padding: 0; }
.topNavContainer ul#nav li { float: left; list-style-type: none; }
.topNavContainer ul#nav li a { text-transform: uppercase; height: 34px; text-indent: -9999px; display: block; }

    .topNavContainer ul#nav li a.home { background: url(images/nav/navigation_02.jpg) no-repeat scroll 0 0; width: 57px; }
    .topNavContainer ul#nav li a.fun-station { background: url(images/nav/navigation_03.jpg) no-repeat scroll 0 0; width: 105px; }
    .topNavContainer ul#nav li a.vue-cinema { background: url(images/nav/navigation_04.jpg) no-repeat scroll 0 0; width: 97px; }
    .topNavContainer ul#nav li a.gala-casino { background: url(images/nav/navigation_05.jpg) no-repeat scroll 0 0; width: 106px; }
    .topNavContainer ul#nav li a.restaurants { background: url(images/nav/navigation_06.jpg) no-repeat scroll 0 0; width: 112px; }
    .topNavContainer ul#nav li a.top-notch { background: url(images/nav/navigation_07.jpg) no-repeat scroll 0 0; width: 98px; }
    .topNavContainer ul#nav li a.ibis-hotel { background: url(images/nav/navigation_08.jpg) no-repeat scroll 0 0; width: 91px; }
    .topNavContainer ul#nav li a.car-parking { background: url(images/nav/navigation_09.jpg) no-repeat scroll 0 0; width: 105px; }
    .topNavContainer ul#nav li a.unit-availability { background: url(images/nav/navigation_11.jpg) no-repeat scroll 0 0; width: 105px; }
    .topNavContainer ul#nav li a.beauty { background: url(images/nav/navigation_beauty.jpg) no-repeat scroll 0 0; width: 105px; }
	.topNavContainer ul#nav li a.laser-force { background: url(images/nav/navigation_12.jpg) no-repeat scroll 0 0; width: 112px; }
	.topNavContainer ul#nav li a.body-beautiful { background: url(images/nav/navigation_13.jpg) no-repeat scroll 0 0; width: 122px; }
	.topNavContainer ul#nav li a.aroma { background: url(images/nav/navigation_14.jpg) no-repeat scroll 0 0; width: 62px; }
        .topNavContainer ul#nav li a.abhi{ background: url(images/nav/navigation_15.jpg) no-repeat scroll 0 0; width: 130px; }
        .topNavContainer ul#nav li a.bst{ background: url(images/nav/navigation_16.jpg) no-repeat scroll 0 0; width: 85px; }

.topNavContainer ul#nav li a:hover { background-position: 0 -34px;  }
.topNavContainer ul#nav li a.active { background-position: 0 -68px;  }

/* Content */

.contentArea {  }
    .contentArea a.btn { background: url(images/btns/btnBg.jpg) repeat-x scroll 0 100%; margin-right: 10px; color: #FFF; font-size: 11px; padding: 4px 7px 2px; cursor: pointer; border: none; height: 20px; font-weight: bold; text-transform: uppercase;  }

.contentArea .pageContent { }
    .contentArea .pageContent h1 { color: #243d70; }
    .contentArea .pageContent h2 { color: #243d70; font-size: 27px; margin: 10px 0 0 0; }
    .contentArea .pageContent h4 { color: #666666; font-size: 18px; margin: 0; }
    .contentArea .pageContent h5 { color: #333333; font-weight: normal; text-transform: uppercase; font-size: 14px; margin: 0; }
    .contentArea .pageContent h6 { color: #333333; font-weight: bold; font-size: 12px; margin: 0; }
    .contentArea .pageContent p { color: #666666; font-size: 12px;  }
    .contentArea .pageContent p strong { color: #333333;  }
    .contentArea .pageContent a { color: #4c9491;  }
    .contentArea .pageContent .shareThis  { float: left; margin: 10px 5px; }
    .contentArea .pageContent .cuisine { float: left; margin: 24px 5px 0; color: #666; font-style: italic;  }


    .contentArea .pageContent table { color: #666666; font-size: 12px; margin-top: 10px; }
    .contentArea .pageContent table tr td { border-bottom: 1px solid #f1edea;  }
    .contentArea .pageContent table tr.last td { border-bottom: none;  }

    .contentArea .pageContent table.listingTable { color: #666666; font-size: 12px; margin-top: 10px; text-align: left; }
    .contentArea .pageContent table.listingTable tr th { color: #333; font-size: 13px; font-weight: bold; border-bottom: 1px solid #f1edea ; padding-bottom: 7px;  }
    .contentArea .pageContent table.listingTable tr td { border-bottom: 1px solid #f1edea; vertical-align: top; }
    .contentArea .pageContent table.listingTable tr td img { margin-top: 14px; border-right: 1px solid #cbcbc9; border-bottom: 1px solid #cbcbc9; padding: 3px; background: #FFF; }
    .contentArea .pageContent table.listingTable tr td span { font-weight: bold; width: 50px; float: left; }
    .contentArea .pageContent table.listingTable tr td span.title { font-weight: bold; font-size: 15px; width: auto; float: left; margin-top: 12px; }
    .contentArea .pageContent table.listingTable tr td span.cuisine { clear: left; font-style: italic; margin: 0; font-size: 12px; width: auto; float: left; color:#999; }
    .contentArea .pageContent table.listingTable tr td a.btn { margin-bottom: 10px; float: right; }
    .contentArea .pageContent table.listingTable tr.last td { border-bottom: none;  }

    .contentArea .home { width: 307px; float: left; }

.contentArea .bottomContent { border-top: 1px solid #e5e4e4; float: left; padding-top: 13px; }

/* Twitter Feed */
.contentArea .bottomContent .twitterFeed { border-right: 1px solid #e5e4e4; width: 300px; min-height: 375px; }

    #rssincl-box-104677
    p.rssincl-title { text-transform: uppercase; font-size: 20px !important; }
    p.rssincl-itemtitle a { font-size: 12px !important;  }
    div.rssincl-backlink { display: none; }
    .rssincl-entry { border-bottom: 1px dashed #CCC !important; }
    .rssincl-last { border-bottom: none !important; }
    .rssincl-head { border: none !important; padding: 17px 5px 10px !important;  }

/* UL */
.contentArea ul { padding: 0 0 0 5px; margin-top: 0; }
.contentArea ul li { color: #46413c; font-size: 12px; background: url(images/bullet.jpg) no-repeat scroll 0 7px;
        padding: 0 14px; list-style-type: none;
}
.contentArea .pageContentLeft ul li { margin:5px 0 10px; }
.contentArea .pageContentLeft ul.lessSpace{ margin-top: 10px; }
.contentArea .pageContentLeft ul.lessSpace li{ margin: 0px; }

.contentArea .bottomContent .contentRight {  width: 655px; }
.contentArea .bottomContent .contentBottom {  width: 960px; }
    .contentArea .bottomContent .bottomContentBoxSmall { border-right: 1px solid #e5e4e4; width: 298px; position: relative; height: 182px; float: left; margin: 0 0 0 8px; padding: 0 10px; }
    .contentArea .bottomContent .contentBottom .bottomContentBoxSmall { border-right: 1px solid #e5e4e4; width: 298px; position: relative; height: 182px; float: left; margin: 0 0 0 0px; padding: 0 10px; }
    .contentArea .bottomContent .seperator { border-top: 1px solid #e5e4e4; float: left; }

    .contentArea .bottomContent .location { padding-top: 10px; background: url(images/boxes/locationBg.jpg) no-repeat scroll 0 10px }
    .contentArea .bottomContent .directory { padding-top: 10px; background: url(images/boxes/directoryBg.jpg) no-repeat scroll 0 10px }
    .contentArea .bottomContent .directoryBottom { padding-top: 10px; background: url(images/boxes/directoryBottomBg.jpg) no-repeat scroll 100% 10px }

/* Venue Pages */

.contentArea .venueContent { width: 960px; }
.contentArea .venueContent .pageContentLeft { float: left; width: 625px; }
.contentArea .venueContent .pageContentRight { float: right; width: 234px; margin: 25px; }
.contentArea .venueContent .pageContentRight img.venueLogo { border: 4px solid #FFF; }

.contentArea .pageTop { width: 940px; background: url(images/venues/pageTop.png) no-repeat scroll 100% 0; float: left; margin: 8px; }
    .contentArea .venueContent .gala-casino { background: url(images/venues/headers/gala.jpg) no-repeat scroll 100% 0; float: left; }
    .contentArea .venueContent .fun-station { background: url(images/venues/headers/funStation.jpg) no-repeat scroll 100% 0; float: left; }
    .contentArea .venueContent .vue-cinema { background: url(images/venues/headers/vue.jpg) no-repeat scroll 100% 0; float: left; }
    .contentArea .venueContent .car-parking { background: url(images/venues/headers/vue.jpg) no-repeat scroll 100% 0; float: left; }
    .contentArea .venueContent .top-notch { background: url(images/venues/headers/vue.jpg) no-repeat scroll 100% 0; float: left; }
    .contentArea .venueContent .ibis-hotel { background: url(images/venues/headers/ibis.jpg) no-repeat scroll 100% 0; float: left; }
    .contentArea .venueContent .aroma { background: url(images/venues/headers/aroma.jpg) no-repeat scroll 100% 0; float: left; }
    .contentArea .venueContent .body-beautiful{ background: url(images/venues/headers/bodybeautiful.jpg) no-repeat scroll 100% 0; float: left; }
    .contentArea .venueContent .laser-force { background: url(images/venues/headers/laserforce.jpg) no-repeat scroll 100% 0; float: left; }

/* Cinema Pages */

.cinemaBoxes { float: left; width: 635px; }
.cinemaBoxes img { margin: 5px 0 0 -5px; border: 2px solid #4C9491; }
.cinemaBoxes a.trailers { background: url(images/venues/images/play.png) no-repeat scroll 50% 50%; display: block; width: 178px; height: 126px; position: absolute; }
.cinemaBoxes .box1 { float: left; padding: 25px 0 0 21px; width: 188px; height: 195px; background: url(images/boxes/cinema/cinema_01.jpg) no-repeat scroll 0 0; }
.cinemaBoxes .box2 { float: left; padding: 25px 0 0 15px; width: 187px; height: 195px; background: url(images/boxes/cinema/cinema_02.jpg) no-repeat scroll 0 0; }
.cinemaBoxes .box3 { float: left; padding: 25px 0 0 15px; width: 200px; height: 195px; background: url(images/boxes/cinema/cinema_03.jpg) no-repeat scroll 0 0; }


/* Forms */

form.form { float: left; margin: 10px 0; }
form.form p { float: left; padding: 5px 0; margin: 0; }
form.form p label { color: #455573; float: left; padding: 3px 0; font-size: 12px; font-weight: bold; text-transform: uppercase;  }
form.form p input.submit { background: url(images/btns/btnBg.jpg) repeat-x scroll 0 100%; margin-right: 10px; color: #FFF; font-size: 10px; padding: 1px 5px 5px; cursor: pointer; border: none; height: 26px; margin-top: 2px; font-weight: bold; text-transform: uppercase;  }
form.form p input.txtF { float: left; background: #fefefe; border: 1px solid #bcb4a9;
               color: #666666; font-weight: bold; font-size: 12px; padding: 4px;
               height: 14px; width: 237px;
}
form.form p textarea.txtA { float: left; background: #fefefe; border: 1px solid #bcb4a9;
               color: #666666; font-weight: bold; font-size: 12px; padding: 4px;
               width: 237px;
}

/* Footer */

.footer { background: url(images/footerBg.png) no-repeat scroll 0 0;
         width: 1024px; height: 30px; margin: 0 auto; padding: 30px 0; color: #FFF;
         font-size: 11px;
}

.footer a { color: #fff; }

.footer .fluid a { background: url(images/fluid.png) no-repeat scroll 0 0; width: 74px; height: 14px; display: block; text-indent: -99999px; }
.footer .whyMedia { background: url(images/whyLogo.png) no-repeat scroll 0 0; display: block; padding-left: 20px }


/* Errors */


.errors { position: absolute; bottom: 3px; font-size: 10px; width:240px; color:#a7030a; }

.errorsPage { clear: left; }
.errorsPage .errors { position: relative;  font-size: 10px; color:#a7030a; }