/*--------------------------------------------------------------------------------------- Website: Queens Author: Bitmedia Created: October 2008 ---------------------------------------------------------------------------------------*/ /* Basics Navigation Layout Content Typography Form Styles Misc */ /*--------------------------------------------------------------------------------------- Basics ---------------------------------------------------------------------------------------*/ /* Default and Common CSS styles */ @import "default.css"; @import "common.css"; /* Body */ body { background: url('../images/bg.png') top center repeat-x #0b66a0; color: #fff;} /*--------------------------------------------------------------------------------------- Navigation ---------------------------------------------------------------------------------------*/ /* Top Left Nav */ ul#topLeftNav { float: left; padding: 35px 0 0 48px; margin: 0; list-style: none;} ul#topLeftNav li { float: left; display: inline; margin: 0 10px 0 0; padding: 0;} ul#topLeftNav li a { display: block; float: left; width: 60px; height: 23px; line-height: 23px; text-align: center; text-decoration: none; color: #212121; font-weight: bold; background: url('../images/topLeftNav.jpg') no-repeat;} ul#topLeftNav li a:hover { background-position: -60px 0;} ul#topLeftNav li a.currentPage { background-position: -120px 0 !important;} /* Top Right Nav */ div#topRightNav { float: right; margin: 0; padding: 35px 55px 0 0; list-style: none;} div#topRightNav a {float: left; padding : 0 10px 0 10px; color: #efbcba; text-decoration: none; font-size: .9em; background: url('../images/topRightNavDivider.jpg') no-repeat center right;} div#topRightNav a.last { background: none;} div#topRightNav a:hover { color: #fff;} /* Main Nav */ ul.rmRootGroup { float: left !important; margin: 0; padding: 0 0 0 36px !important; list-style: none;} ul.rmRootGroup li { float: left; display: inline; margin: 0; padding: 0 2px 0 0; background: url('../images/mainNavDivider.jpg') no-repeat top right;} ul.rmRootGroup li.rmLast { background: none;} ul.rmRootGroup li a { float: left; height: 39px; padding: 0 12px; line-height: 39px; color: #fff; text-decoration: none; font-size: 1.45em; background: url('../images/mainNav.gif') no-repeat top center; cursor: pointer !important; color: #fff !important;} ul.rmRootGroup li a:hover { background-position: bottom center;} ul.rmRootGroup li a.currentPage { color: #ec9595; background-position: bottom center;} ul.rmLevel1 { border: 1px solid #6d0909;} ul.rmLevel1 li { background: none; padding: 0;} ul.rmLevel1 li a { background: #960b0c; border-bottom: 1px solid #6d0909; height: 30px; line-height: 30px;} ul.rmLevel1 li.rmLast a { border-bottom: none;} ul.rmLevel1 li a:hover { background: #be1011;} /* Minor Nav */ ul#minorNav { float: left; margin: 0; padding: 10px 0 0 50px; list-style: none;} ul#minorNav li { float: left; margin: 0; padding: 0;} ul#minorNav li a { float: left; padding: 0 5px; color: #fff; text-decoration: none; font-size: .9em;} ul#minorNav li a:hover { text-decoration: underline;} ul#minorNav li a.currentPage {} /*--------------------------------------------------------------------------------------- Layout ---------------------------------------------------------------------------------------*/ /* Container */ #pageContainer { width: 870px; margin: 0 auto;} /* Header */ #pageHeader { position: relative; width: 870px; height: 275px; background: url('../images/pageHeader.jpg') no-repeat;} /* Body (Columns Container) */ #pageBodyContainer { background: url('../images/pageBodyRepeat.jpg') repeat-y;} #pageBody { width: 870px; min-height: 700px; padding: 0 0 20px 0; background: url('../images/pageBody.jpg') no-repeat;} /* Main Column */ #mainColumn { float: left; width: 488px; margin-left: 45px; padding: 10px 11px 0 12px;} * html #mainColumn { display: inline;} /* Side Column */ #sideColumnContainer { float: right; width: 255px; margin: 10px 58px 0 0; background: url('../images/sideColumn.png') no-repeat;} * html #sideColumnContainer { display: inline;} #sideColumn { padding-bottom: 10px; width: 242px; padding: 1px 7px 30px 6px; background: url('../images/sideColumnBottom.png') no-repeat bottom left;} /* Footer */ #pageFooter { width: 870px; min-height: 52px; background: url('../images/pageFooter.jpg') no-repeat;} /*--------------------------------------------------------------------------------------- Content ---------------------------------------------------------------------------------------*/ /* Header */ img#logo { position: absolute; left: 355px; top: 31px;} img#mainImage { float: left; margin: 14px 0 0 48px;} /* Main Column */ .contentImage { padding: 4px; background: #faf5f1; } body.companydos .contentImage { background:transparent; } body.birthdayparties .contentImage { background:transparent; } body.teenparties .contentImage { background:transparent; } body.students .contentImage { background:transparent; border:0; } #phSwfMainOuter { width: 472px; padding: 4px; background: #faf5f1;} .backLink a { background: url('../images/backLink.png') center left no-repeat; padding: 5px 0 5px 35px;} /* Side Column */ a#lastMinute { display: block; width: 239px; height: 64px; margin: 5px 0 0 1px; border: 1px solid #e7222e; background: url('../images/lastminute.gif') no-repeat; text-indent: -9999px; } a#lastMinute:hover { background-position: bottom left;} a#facebook { display: block; width: 239px; height: 64px; margin: 5px 0 0 1px; background: url('../images/facebook.jpg') no-repeat; text-indent: -9999px; overflow: hidden;} a#facebook:hover { background-position: bottom left;} a#christmas { display: block; width: 239px; height: 64px; margin: 5px 0 0 1px; background: url('../images/christmasatqueens-button.jpg') no-repeat; text-indent: -9999px; overflow: hidden;} a#christmas:hover { background-position: bottom left;} /* Footer */ #copyright { float: right; padding: 10px 60px 0 0;} /*--------------------------------------------------------------------------------------- Page Groups ---------------------------------------------------------------------------------------*/ /* Featured Events Page Group */ /*#featuredEvents p { margin: 0 7px;} #featuredEvents .feEntry { padding-bottom: 13px; margin-bottom: 13px; background: url('../images/sideColumnDivider.png') bottom left repeat-x;} #featuredEvents p.feHeader { margin-bottom: 5px; color: #0d68a4; font-weight: bold;} #featuredEvents p.feAbstract { line-height: 1.2em;} #featuredEvents p.more { text-align: right;}*/ #featuredEvents .feEntry { padding-bottom: 13px; margin: 0 7px 13px; background: url('../images/sideColumnDivider.png') bottom left repeat-x;} #featuredEvents .feHeader { color: #bb0b0d; font-size: 1.6em; font-weight: bold;} #featuredEvents .feAbstract { margin-top: 10px; font-size: 1.1em; line-height: 1.2em; font-weight: bold;} #featuredEvents p.more { text-align: right;} #featuredEvents .feEntry .link { } /* News Page Group */ #news .newsEntry { padding-bottom: 13px; margin: 0 7px 13px; background: url('../images/sideColumnDivider.png') bottom left repeat-x;} #news .newsHeader { margin-bottom: 5px; color: #0d68a4; font-weight: bold;} #news .newsAbstract { line-height: 1.2em;} #news .more { text-align: right;} /* News FEATURE Page Group */ #news .newsFeatEntry { padding-bottom: 13px; margin: 0 7px 13px; background: url('../images/sideColumnDivider.png') bottom left repeat-x;} #news .newsFeatHeader { margin-bottom: 5px; color: #0d68a4; font-weight: bold;} #news .newsFeatImage {float:left; width:75px; margin-bottom:1em;} #news .newsFeatAbstract { float:right; width:125px;line-height: 1.2em; } #news .newsFeatLink { text-align: left; width:150px; float:left;} /* Offers FEATURE Page Group */ #offers .offersEntry { padding-bottom: 13px; margin: 0 7px 13px; background: url('../images/sideColumnDivider.png') bottom left repeat-x;} #offers .offersHeader { color: #bb0b0d; font-size: 1.6em; font-weight: bold;} #offers .offersAbstract { margin-top: 10px; font-size: 1.1em; line-height: 1.2em; font-weight: bold;} #offers .offersPrice { font-weight: bold; text-align: right;} #offers .offersPrice .offersAmount { font-size: 1.8em;} #offers p.more { text-align: right;} #offers .offersEntry .link { } /* The Right Hand Side Feature Thumnails are defined here */ /* They cannot be uploaded into Slugger as we ran out of Thumnails */ /* I.e. These pages already have a thumbnail used for the Offers Listings Page */ p.ofBirthday a {display: block; height: 38px; width: 200px; background: url('../images/birthdayoffer-lands.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.ofEarlyRiser a {display: block; height: 38px; width: 200px; background: url('../images/earlyriser.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.ofBowling a {display: block; height: 38px; width: 200px; background: url('../images/saleoffer-lands.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.ofFamilyday a {display: block; height: 38px; width: 200px; background: url('../images/familyfunday-small.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.ofJuicebar a {display: block; height: 38px; width: 200px; background: url('../images/juicebaroffer-lands.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.ofMondayoffer a {display: block; height: 38px; width: 200px; background: url('../images/mondayoffer-lands.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.ofRentlane a {display: block; height: 38px; width: 200px; background: url('../images/rentlaneoffer-lands.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.ofSoul a {display: block; height: 38px; width: 200px; background: url('../images/soulsunday-small.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.ofJanSale a {display: block; height: 38px; width: 200px; background: url('../images/januarysale-small.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.ofSkateGrinding a {display: block; height: 38px; width: 200px; background: url('../images/grinding-small.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.evCharity a {display: block; height: 38px; width: 200px; background: url('../images/charity-small.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.evChristmas a {display: block; height: 38px; width: 200px; background: url('../images/turkey-small.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.evSkySports a {display: block; height: 38px; width: 200px; background: url('../images/skysports-small.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.eatBowlDrink a {display: block; height: 38px; width: 200px; background: url('../images/eat-bowl-drink.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.students a {display: block; height: 38px; width: 200px; background: url('../images/students-banner.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.snappys a {display: block; height: 38px; width: 200px; background: url('../images/snappysmall.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.halloween a {display: block; height: 38px; width: 200px; background: url('../images/halloween-small.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.mondaymadness a {display: block; height: 38px; width: 200px; background: url('../images/mondaymad-small.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.eightiesoffer a {display: block; height: 38px; width: 200px; background: url('../images/80soffer-small.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.worldcup a {display: block; height: 38px; width: 200px; background: url('../images/worldcup.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.nine a {display: block; height: 38px; width: 200px; background: url('../images/9-99-small.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.familyclub a {display: block; height: 38px; width: 200px; background: url('../images/familyclub-small.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.girlsgofree a {display: block; height: 38px; width: 200px; background: url('../images/girlsgofree-small.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.saturdaydisco a {display: block; height: 38px; width: 200px; background: url('../images/saturdaydisco-small.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} p.speedskate a {display: block; height: 38px; width: 200px; background: url('../images/speedskate-small.jpg') no-repeat; text-indent: -9999px; border: 1px solid #e7222e; margin-bottom:1em;} /* News Listings Page Group */ .newsListing { float: left; width:100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #99c7e9;} .newsListing img { float: left; margin: 0 10px 5px 0; border:1px solid #fff;} .newsListingHeader {width:100%; margin-bottom:5px; font-weight:bold; font-size:1.2em;} .newsListingAbstract { } .newsListingLink{ } /* Offers Listings Page Group */ .offersListing { float: left; width:100%; padding: 10px 0 10px; background: url('../images/specialOffersBg.png') no-repeat bottom left;} * html .offersListing { background: url('../images/specialOffersBg.gif') no-repeat bottom left;} .offersListing img { float: left; margin: 0 10px 5px 0;} .offersListingHeader { margin-top:20px; margin-bottom:5px; font-weight:bold; font-size:1.2em;} .offersListingAbstract { } .offersListingLink{ } /* Home Page Whats In Queens FEATURE Page Group */ #wiPageGroup {margin: 10px 10px 0 10px;} #wiPageGroup .wiPg {float:left; border-top: 1px solid #72acd7; padding-top: 1em; margin-bottom:0.5em;} #wiPageGroup .wiImage {float:left; width:107px; border:3px solid #72acd7; padding:0; margin: 0 15px 1em 10px;} * html #wiPageGroup .wiImage { display: inline;} #wiPageGroup .wiLink {float:left; width: 330px; margin:0; padding:0;} .featIceLink a { display: block; height: 32px; width: 258px; background: url('../images/skatingheader.png') no-repeat; text-indent: -9999px;} .featBowlingLink a { display: block; height: 32px; width: 258px; background: url('../images/bowlingheader.png') no-repeat; text-indent: -9999px;} .featGamesLink a { display: block; height: 32px; width: 258px; background: url('../images/gamesheader.png') no-repeat; text-indent: -9999px;} .featKaraokeLink a { display: block; height: 32px; width: 258px; background: url('../images/karaokeheader.png') no-repeat; text-indent: -9999px;} #wiPageGroup .wiLink a:hover { background-position: top right;} #wiPageGroup .wiAbstract {float:left; width:330px; margin:5px 0 0; padding:0;} /* Instructors */ #instructorsPg { margin-top: 15px;} .inst { width: 100%; overflow: hidden; margin-bottom: 20px;} .instImage {float: left; margin:4px 10px 0 0;} .instImage img { border: 1px solid #fff;} .instAbstract { line-height: 1.4em;} /* Private Hire Pg */ #hirePg { line-height: 1.4em;} #hirePg h2 { padding: 20px 0 10px;} .hire { overflow: hidden;} .hireImg { float: left; width: 193px;} /*.hireImg img { border: 1px solid #fff; margin-bottom: 5px;}*/ .hireImg img { margin-bottom: 5px;} .hireAbstract { float: left; width: 280px;} .hireAbstract ul li { line-height: 1.2em; margin-bottom: 5px;} /*--------------------------------------------------------------------------------------- Typography ---------------------------------------------------------------------------------------*/ /* Links */ a:link, a:visited { color: #99c7e9;} a:hover { color: #fff;} a.bookPartyOnline { display: block; height: 42px; width: 285px; background: url('../images/bookparty.png') no-repeat top left; text-indent: -9999px; margin-top: 10px;} * html a.bookPartyOnline { background: url('../images/bookparty.gif') no-repeat top left;} a.bookPartyOnline:hover { background-position: top right;} /* Documents */ #documents {margin-top: 2em;} #documents a { display: block; height: 32px; width: 283px; background: url('../images/downloadvoucher.png') no-repeat; text-indent: -9999px;} #documents a:hover {background: url('../images/downloadvoucher-over.png')} /* Normal Type */ body { font: 62.5% arial, tahoma, arial, helvetica;} #pageContainer { font-size: 1.2em; line-height: 1.8em; text-align: left;} #mainColumn { line-height: 1.6em; text-align: justify;} #mainColumn p { margin-bottom: 10px; padding: 0 10px; } #mainColumn a:hover { color: #fff; text-decoration: underline;} #sideColumn { color: #2f2f2f; font-size: 1em; line-height: 1.4em;} #sideColumn a { color: #0d68a4;} #sideColumn a:hover { color: #bb0b0d;} #copyright { font-size: .9em; color: #fff;} /* Base Headers */ h1 { margin: 20px 0 10px; color: #99c7e9; font-size: 2em; line-height: 1.2em; font-weight:bold; } h2 { margin: 25px 0 10px; padding: 25px 0 0; color: #99c7e9; font-size: 1.8em; border-top: 1px solid #98cae5;font-weight:bold;} /* Side Column Headers */ #sideColumn h3 { color: #3c3c3c;} h3#featuredEventsHeader { display: block; width: 243px; height: 62px; text-indent: -9999px; outline: 0; background: url('../images/featuredEventsHeader.png') no-repeat;} h3#offersHeader { display: block; width: 243px; height: 62px; text-indent: -9999px; outline: 0; background: url('../images/offersHeader.png') no-repeat;} h3#newsHeader { display: block; width: 243px; height: 62px; text-indent: -9999px; outline: 0; background: url('../images/newsHeader.png') no-repeat;} h3#mailingListHeader { display: block; width: 243px; height: 62px; text-indent: -9999px; outline: 0; background: url('../images/mailingListHeader.jpg') no-repeat;} /* Main Column Headers */ body.adultclasses #mainColumn h1 { display: block; width: 258px; height: 32px; padding-bottom: .5em; text-indent: -9999px; background: url('../images/header-adultclassed.png') no-repeat;} body.birthdayparties #mainColumn h1 { display: block; width: 288px; height: 32px; padding-bottom: .5em; text-indent: -9999px; background: url('../images/header-birthdayparties.png') no-repeat;} body.childclasses #mainColumn h1 { display: block; width: 288px; height: 32px; padding-bottom: .5em; text-indent: -9999px; background: url('../images/header-childclasses.png') no-repeat;} body.companydos #mainColumn h1 { display: block; width: 258px; height: 32px; padding-bottom: .5em; text-indent: -9999px; background: url('../images/header-companydos.png') no-repeat;} body.contact #mainColumn h1 { display: block; width: 288px; height: 32px; padding-bottom: .5em; text-indent: -9999px; background: url('../images/header-contact.png') no-repeat;} body.food #mainColumn h1 { display: block; width: 258px; height: 32px; padding-bottom: .5em; text-indent: -9999px; background: url('../images/header-food.png') no-repeat;} body.location #mainColumn h1 { display: block; width: 258px; height: 32px; padding-bottom: .5em; text-indent: -9999px; background: url('../images/header-location.png') no-repeat;} body.news #mainColumn h1 { display: block; width: 258px; height: 32px; padding-bottom: .5em; text-indent: -9999px; background: url('../images/header-news.png') no-repeat;} body.private #mainColumn h1 { display: block; width: 258px; height: 32px; padding-bottom: .5em; text-indent: -9999px; background: url('../images/header-privatelessons.png') no-repeat;} body.specialoffers #mainColumn h1 { display: block; width: 258px; height: 32px; padding-bottom: .5em; text-indent: -9999px; background: url('../images/header-specialoffers.png') no-repeat;} body.teenparties #mainColumn h1 { display: block; width: 258px; height: 32px; padding-bottom: .5em; text-indent: -9999px; background: url('../images/header-teenparties.png') no-repeat;} body.bar #mainColumn h1 { display: block; width: 258px; height: 32px; padding-bottom: .5em; text-indent: -9999px; background: url('../images/header-thebar.png') no-repeat;} body.skating #mainColumn h1 { display: block; width: 258px; height: 32px; padding-bottom: .5em; text-indent: -9999px; background: url('../images/skatingheader.png') no-repeat;} body.bowling #mainColumn h1 { display: block; width: 258px; height: 32px; padding-bottom: .5em; text-indent: -9999px; background: url('../images/bowlingheader.png') no-repeat;} body.games #mainColumn h1 { display: block; width: 258px; height: 32px; padding-bottom: .5em; text-indent: -9999px; background: url('../images/gamesheader.png') no-repeat;} body.karaoke #mainColumn h1 { display: block; width: 258px; height: 32px; padding-bottom: .5em; text-indent: -9999px; background: url('../images/karaokeheader.png') no-repeat;} /* Prw */ #mainColumn ul {padding-left:25px;} .italic1 {font-style:italic;color:#000;font-weight:bold;} .italic2 {font-style:italic;color:#0b639c;font-weight:bold;} /* Googlemaps text */ #map {color:#000;} /*--------------------------------------------------------------------------------------- Form Styles ---------------------------------------------------------------------------------------*/ /* Default Form Style */ #formDefault { width: 350px;} .formRow { width: 100%; float: left; margin-bottom: 10px;} .formLeft { width: 150px; float: left;} .formRight { float: left;} input.textInput { border: 1px solid #333; background: #fffff1; color: #000;} textarea.textArea { border: 1px solid #333; background: #fffff1;} select.select { border: 1px solid #333; background: #fffff1; color: #000;} select.select option {background: #fffff1; color: #000;} input.submit { cursor: pointer;} input.submit:hover { } #contactForm { padding: 0 15px; margin-top: 15px;} #contactForm .submit { margin-left: 150px;} #contactForm .input { width: 150px;} #tellafriendForm { padding: 0 15px;} #tellafriendForm .submit { margin-left: 150px;} #tellafriendForm .input { width: 150px;} #mailinglistForm { margin: 0 0 5px 0; padding: 0 15px; } #mailinglistForm:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;} #mailinglistForm {display:inline-block;} #mailinglistForm .formLeft { width: 50px; padding-top: 5px;} #mailinglistForm .input { float: left; width: 144px; margin-top: 3px; padding: 1px 0; font-size: 1.1em;} #mailinglistForm .submit { float: right; display: block; width: 56px; height: 27px; padding: 0; margin: 0 12px 0 0; border: 0; background: url('../images/button1.gif') no-repeat; line-height: 27px !important; text-align: center;} * html #mailinglistForm .submit { display: inline;} #mailinglistForm .submit:hover { background-position: top right;} /*--------------------------------------------------------------------------------------- Misc. ---------------------------------------------------------------------------------------*/ /* Error Page */ body.errorPage {} body.errorPage p#errorMessage { padding: 100px 0; width: 779px; text-align: center; margin-top: 100px; background: #9d0b0c; border: 1px solid #5e1212; -moz-border-radius: 10px; -webkit-border-radius: 10px;} /* Inline images */ #bodyImageDiv img {float:right; margin: 0 10px 10px; border: 1px solid white;} body.childcourses #bodyImageDiv {margin: 0 0 0 0;} body.childcourses #bodyImageDiv img {float:left; margin: 0; border: 0;} /* Students Page */ body.students #bodyImageDiv {float:left; margin: 25px 15px 10px 0;width:194px;} body.students #bodyImageDiv img {float:left; margin: 0 0 10px 0; border: 1px solid white; } .large {font-size:140%;}