/*---------------------------------------------------------------------------------------
  
                        Website: 
                        Author: Bitmedia
                        Created: 
  
---------------------------------------------------------------------------------------*/


/*
    Basics
    Typography
    Layout
    Content
    Page Groups
    Navigation
    Form Styles
    Misc
*/



/*---------------------------------------------------------------------------------------
   Basics
---------------------------------------------------------------------------------------*/

/* Default and Common CSS styles */
@import "default.css";
@import "common.css";


/* Body */
body { background: url('../images/bg.jpg') #16c8f0 top center no-repeat;}



/*---------------------------------------------------------------------------------------
   Typography
---------------------------------------------------------------------------------------*/

/* Links */
a:link, a:visited { color: #be256c; }
a:hover { color: #2d344b;}

/* Normal Type */
body { font: 62.5% Helvetica, Arial, sans-serif; color: #333;}
#container { font-size: 1.2em; line-height: 1.45em; text-align: left;}
p { margin-bottom: 1.45em; padding-right: 20px;}

/* Specifics */
#contactInfo { font-size: 1.2em;}
address { font-size: 1.1em; font-weight: bold; font-style: normal;}
#sideCol { color: #2d344b;}
#footer { color: #fff; padding: 15px 0 0 0; font-size: .9em; background: transparent; }

/* Headers */
h1 { margin-bottom: .7em;}
#sideCol h3 { border-bottom: 1px solid #333; margin: 15px 15px 10px 15px; padding: 0 0 10px 0;}
#sideCol h3 a {text-decoration: none;}
#sideCol h3 a:link, #sideCol h3 a:visited { color: #2d344b; }
#sideCol h3 a:hover { color: #be256c;}





/*---------------------------------------------------------------------------------------
   Layout 
---------------------------------------------------------------------------------------*/

/* Container */
#container { width: 890px; padding: 0 10px; margin: 0 auto;}

/* Header */
#header { overflow: hidden; position: relative; width: 100%; height: 159px;}

/* Content */
#pageBody { width: 100%; background: #fff; overflow: hidden;}
#mainCol { float: left; width: 620px;}
#sideCol { float: right; width: 262px; margin-right: 8px; padding-bottom: 50px; background: url('../images/sideColBg.png') no-repeat bottom left #f9cee3;}
	* html #sideCol { display: inline;}
	body.homePage #sideCol { padding-bottom: 30px; }
#content { padding: 0 10px 0 40px;}

/* Footer */
#footer { width: 100%; padding: 20px 0; background: url('../images/footer.png') no-repeat  transparent; overflow: hidden;}




/*---------------------------------------------------------------------------------------
   Content 
---------------------------------------------------------------------------------------*/

/* Header */
img#logo { float: left; margin: 25px 0 0 25px;}
	* html img#logo { display: inline;}

/* ContactInfo */
#contactInfo { float: left; margin: 34px 0 0 45px;}
address { margin-bottom: 10px;}

/* Main Image */
#mainImage { margin: 0 0 31px 15px;}

/* Gallery */
#gallery a { outline: 0;}
#gallery a img { border: 2px solid #2243a8; margin: 0 10px 15px 0;}
	#gallery a:hover img { border: 2px solid #be256c;}

/* Inner Images */
#innerImages img { border: 2px solid #2243a8; margin-right: 15px;}

/* Main Content Images (Offers pages) */
body.offerspage #content img { float:left; margin:0 15px 15px 0; padding:0;}

/* Offers on homepage */
#sideCol h3 { position: relative; float: left; width: 220px;}
* html #sideCol h3 { width: 200px;}
#sideCol h3 a.offersMore { position: absolute;}

#sideCol h3 a.offersMore { bottom: 0px; right: 0px; display: block; width: 79px; height: 30px; background: url('../images/moreOffers.png') no-repeat; text-indent: -9999px; outline: 0;}
	* html #sideCol h3 a.offersMore {background: url('../images/IE6-moreOffers.gif') no-repeat; bottom: -1px;}
	#sideCol h3 a.offersMore:hover { height: 35px;}

/*---------------------------------------------------------------------------------------
   Page Groups (includes typography for groups)
---------------------------------------------------------------------------------------*/

/* News Listing on HomePage */
#newsPg { border-bottom: 8px solid #fff; padding: 0 15px;}
#newsPg .pgHeader { font-size: 1.1em; font-weight: bold;}
#newsPg .pgAbstract {}
#newsPg .pgLink { margin-bottom: 15px;}

/* Offers Listing on HomePage */
#offersPg { padding: 0 15px 0 10px; overflow: hidden;}
* html #offersPg { padding: 0 5px 0 10px;}

#ctl13_rotator {margin:0;padding:0;}
#offersPg ul { list-style: none; padding: 0; margin: 0;}
#offersPg ul li { padding: 0;}
#offersPg .pgImage { float: left; margin-right: 10px;}
#offersPg .pgImage a { border: 2px solid #ff97e2;}
	#offersPg .pgImage a:hover { border: 2px solid #2d344b;}
#offersPg .pgHeader { font-size: 1.1em; font-weight: bold;}
#offersPg .pgAbstract {}
#offersPg .pgLink { margin-bottom: 15px;}

/* 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 */
.ofThumb1 a {display: block; height: 87px; width: 67px; background: url('../images/offers/famliybeatclockoffer-thumb.jpg') no-repeat;text-indent: -9999px; } 
.ofThumb2 a {display: block; height: 87px; width: 67px; background: url('../images/offers/youngoffer-thumb.jpg') no-repeat;text-indent: -9999px; } 
.ofThumb3 a {display: block; height: 87px; width: 67px; background: url('../images/offers/familyoffer-thumb.jpg') no-repeat;text-indent: -9999px; } 
.ofThumb4 a {display: block; height: 87px; width: 67px; background: url('../images/offers/studentoffer-thumb.jpg') no-repeat;text-indent: -9999px; } 
.ofThumb5 a {display: block; height: 87px; width: 67px; background: url('../images/offers/schoolholsoffer-thumb.jpg') no-repeat;text-indent: -9999px; } 
.ofThumb6 a {display: block; height: 87px; width: 67px; background: url('../images/offers/latenight-thumb.jpg') no-repeat;text-indent: -9999px; } 
.ofThumb7 a {display: block; height: 87px; width: 67px; background: url('../images/offers/2games1freeoffer-thumb.jpg') no-repeat;text-indent: -9999px; } 
.ofThumb8 a {display: block; height: 87px; width: 67px; background: url('../images/offers/brainsthumb.jpg') no-repeat;text-indent: -9999px; } 




/* Offers Listing on InnerPage */
#offers { padding-right: 20px;}
#offers .offer { overflow: hidden; padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #2d4492;}
#offers .offerImage { float: left; margin-right: 15px;}
#offers .offerInfo { float:left; width:310px;}
#offers .offer .offerInfo h4 {color: #2d4492; font-size: 2em; line-height: 1em; font-weight: bold; padding-top: 10px;}
#offers .offer .offerInfo h5 { color: #2d4492; font-size: 1.3em; line-height: 1em; font-weight: bold; margin-top: .1em;}
#offers .offer .offerInfo h6 {color: #e7398a; font-size: 1.3em; line-height: 1em; margin-top: 1.2em; font-weight: bold;}
#offers .offer .offerInfo p { margin-bottom: 1em;}






/* Features on HomePage */
#features { overflow: hidden; float: left; padding-bottom: 10px; width: 100%;}
/* Sets default styling for features */
.feature { position: relative; float: left; width: 192px; height: 109px; padding: 122px 30px 0; color: #fff; background: transparent;}
	* html .feature { display: inline;}
.feature p { font-weight: bold; margin-top: 5px;}
.feature a { color: #fff; text-decoration: none; position: absolute; font-weight: bold; font-size: 1.1em; text-indent: -9999px; outline: 0; background: transparent;}
	.feature a:hover { color: #be256c;}
/* Sets unique styling for features */
#featureBowling { background: url('../images/featureBowling.jpg') no-repeat; margin-left: 30px;}
#featureBowling a { bottom: 4px; right: 29px; display: block; width: 79px; height: 30px; background: url('../images/moreBowling.png') no-repeat;}
	* html #featureBowling a {background: url('../images/IE6-moreBowling.gif') no-repeat;}
	#featureBowling a:hover { height: 35px;}
#featureCorporate { background: url('../images/featureCorporate.jpg') no-repeat; margin-left: 40px;}
#featureCorporate a { bottom: 6px; right: 30px; display: block; width: 76px; height: 28px; background: url('../images/moreClub.png') no-repeat;}
	* html #featureCorporate a  { background: url('../images/IE6-moreClub.gif') no-repeat;}
	#featureCorporate a:hover { height: 33px;}
#featureMenu { background: url('../images/featureMenu.jpg') no-repeat; margin-left: 40px;}
#featureMenu a { bottom: 7px; right: 23px; display: block; width: 76px; height: 28px; background: url('../images/moreMenu.png') no-repeat;}
	* html #featureMenu a { background: url('../images/IE6-moreMenu.gif') no-repeat;}
	#featureMenu a:hover { height: 32px;}


/* News Listings - Page Listing */
.listNewsHeader {font-size: 1.3em; line-height: 1.3em;font-weight:bold;}
.listNewsAbstract { margin-left:15px;}
.listNewsLink {margin-left:15px; margin-bottom:1em;}

/*---------------------------------------------------------------------------------------
   Navigation
---------------------------------------------------------------------------------------*/

/* Quick Nav */
ul#quickNav { float: right; margin: 0; padding: 0; list-style: none;}
ul#quickNav li { display: inline; float: left; margin: 0; padding: 0;}
ul#quickNav li a { float: left; width: 105px; height: 41px; text-indent: -9999px; outline: 0;}
ul#quickNav li a.home { background: url('../images/quickHome.png') no-repeat; margin-right: 9px;}
	* html ul#quickNav li.home a { background: url('../images/IE6-quickHome.gif') no-repeat;}
ul#quickNav li a.contact { background: url('../images/quickContact.png') no-repeat; margin-right: 2px;}
	* html ul#quickNav li.contact a { background: url('../images/IE6-quickContact.gif') no-repeat;}
ul#quickNav li a:hover { background-position: top right;}
ul#quickNav li a.selected:hover { background-position: top left;}

/* Main Nav */
ul#mainNav { width: 890px; height: 59px; margin: 0; padding: 0; background: url('../images/mainNav.png') no-repeat; list-style: none; overflow: hidden;}
ul#mainNav li { float: left; display: inline; margin: 0; padding: 0;}
ul#mainNav li a { float: left; height: 51px; text-indent: -9999px;}
ul#mainNav li a.findus { width:147px; background: url('../images/findus.png') no-repeat;}
ul#mainNav li a.prices { width: 72px; background: url('../images/prices.png') no-repeat;}
ul#mainNav li a.family { width: 134px; background: url('../images/family.png') no-repeat;}
ul#mainNav li a.league { width: 138px; background: url('../images/league.png') no-repeat;}
ul#mainNav li a.parties { width: 79px; background: url('../images/parties.png') no-repeat;}
ul#mainNav li a.corporate  { width: 102px; background: url('../images/corporate.png') no-repeat;}
ul#mainNav li a.gallery { width: 81px; background: url('../images/gallery.png') no-repeat;}
ul#mainNav li a.membership { width: 137px; background: url('../images/membership.png') no-repeat;}
ul#mainNav li a.christmas { width: 102px; background: url('../images/christmas.png') no-repeat;}
ul#mainNav li a:hover { background-position: 0 -51px;}
ul#mainNav li a.selected { background-position: 0 -102px;}

/* Minor Nav */
ul#minorNav { float: right; margin: 0; padding: 0; list-style: none; color: #fff; background: transparent;}
ul#minorNav li { float: left; display: inline; margin: 0; padding: 0 7px; background: url('../images/footerDiv.png') no-repeat center right;}
ul#minorNav li.last { background: none;}
ul#minorNav li a {float: left; color: #fff; text-decoration: none; background: transparent;}
ul#minorNav li a:hover { text-decoration: underline;}
ul#minorNav li a.selected {}

/* Footer Nav */
ul#footerNav { float: left; margin: 0; padding: 0; list-style: none; color: #fff; background: transparent;}
ul#footerNav li { float: left; display: inline; margin: 0; padding: 0 7px; background: url('../images/footerDiv.png') no-repeat center right;}
ul#footerNav li.last { background: none;}
ul#footerNav li a {float: left; color: #fff; text-decoration: none; background: transparent;}
ul#footerNav li a:hover { text-decoration: underline;}
ul#footerNav li a.selected {}


/*---------------------------------------------------------------------------------------
   Forms
---------------------------------------------------------------------------------------*/

/* Newsletter */
#newsletter { position: absolute; left: 275px; top: 118px; width: 314px; height: 41px; padding: 0 0 0 18px; background: url('../images/newsletter.png') top left no-repeat;}
#newsletter .input { float: left; width: 136px; height: 18px; margin: 12px 0 0 5px; background: url('../images/newsletterTextInput.png') no-repeat; border: 0;}
#newsletter .submit { float: left; margin: 10px 0 0 5px; width: 66px; padding: 3px 0; background: url('../images/newsletterSubmit.png') no-repeat;}
	#newsletter .submit:hover { background-position: top right;}
#newsletter span.label { float: left; color: #fff; font-size: 1.2em; font-weight: bold; line-height: 41px; background: transparent;}




/*---------------------------------------------------------------------------------------
   Misc.
---------------------------------------------------------------------------------------*/

/* Error Page */
p#errorMessage { padding: 100px 0; text-align: center;}

/* PDf Documents /
#documents