@import "../jquery/superfish/superfish.css";


/*/// GLOBAL RESETS ///*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } :focus { outline: 0; } ol, ul { list-style: none; }  table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }

/*/// GLOBAL ELEMENTS ///*/
html { font: 62.5% arial, tahoma, arial, helvetica; text-align: center;}
body	{ background: #222; color:#383838; margin:0; padding:0; font-size: 1.2em; line-height: 1.4em;}
p { margin: .5em 0;}
h1 { font-size: 1.6em; color:#000; background: transparent; font-weight: normal;}
h2 { font-size: 1.4em; color:#000; background: transparent; font-weight: normal;}
h3 { font-size: 1.2em; color:#000; background: transparent; font-weight: normal;}
h4 { font-size: 1.2em; color:#000; background: transparent; font-weight: normal;}
h5 { font-size: 1.2em; color:#000; background: transparent; font-weight: normal;}
h6 { font-size: 1.2em; color:#000; background: transparent; font-weight: normal;}
input, textarea, select { border: 1px solid #666; background: #f5f5f5; color: #000;}	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-block;}
img { border: none; vertical-align: bottom;}
a { color: #383838;}
a:hover { color: #436aae;}

/*/// TEMPLATE ELEMENTS ///*/
#map { float: right;  border: 1px solid #000; margin: 41px 0 0 20px; height: 320px; width: 400px;}
#googlePopUp{ font-family: georgia; color: #000;}
#googlePopUp input { background: #c5c5c6; color: #000; border: 1px solid #000;}

/*/// LAYOUT ///*/

/* Masthead */
#mastheadContainer { width: 100%; min-width: 819px; min-height: 129px; background: url('../images/greyBg.gif') repeat-x #222;}
#masthead { width: 819px; background: url('../images/laBowlBanner.jpg') no-repeat; min-height: 129px; height: auto; margin: 0 auto; text-align: left;}
* html #masthead { height: 129px;}
#contact { float: right; color: #fff; font-size: 1.2em; margin: 40px 11px 0 0; text-align: right; background: transparent;}
* html #contact { display: inline;}
#contact strong { font-size: 1.1em; line-height: 1.4em;}
#contact a { color: #fff; text-decoration: none; background: transparent;}
#contact a:hover { text-decoration: underline; color: #ebb703;}

/* Header */
#headerContainer { width: 100%; min-width: 819px; min-height: 129px; background: url('../images/yellowBg.gif') repeat-x #fbd503; border-top: 1px solid #e5ab01;}
#header { width: 819px;  min-height: 197px; height: auto; margin: 0 auto; text-align: left;}
* html #header { height: 197px;}
img#mainImage { border: 3px solid #fbd603; margin: 5px 0 0 10px; float: left;}
#swfObjectMain { border: 3px solid #fbd603; margin: 5px 0 0 10px; float: left;}
* html #swfObjectMain { display: inline;}

#offers { float: left; width: 237px; min-height: 184px; height: auto; background: url('../images/offersBg.jpg') no-repeat; padding: 0 5px 0 19px; margin: 5px 0 0 0; color: #006aae;}
* html #offers { height: 184px; display: inline;}
h3#greatOffersHeader { display: block; width: 216px; height: 29px; background: url('../images/greatOffersHeader.jpg') no-repeat; text-indent: -9999px; margin: 10px 0 0;}
#offers h4 { color: #006aae; font-size: 1.5em; margin: 10px 0 0; background: url('../images/offerDot.jpg') no-repeat center left; padding: 0 0 0 10px;}
#offers .offerLink { margin: 10px 0 5px;}
#offers .offerLink a { font-size: 1.5em; margin: 5px 0 0; color: #006aae; text-decoration: none; line-height: 1em;}
#offers .offerLink a:hover { color: #d82c2c; text-decoration: underline;}
#offers .offerAbstract { font-size: 1em; margin-bottom: 15px;}

/* mainNav */
#navContainer { width: 100%; min-width: 819px; background: url('../images/redBg.gif') repeat-x #a52929;}
#nav { width: 819px; margin: 0 auto; text-align: left;}
ul#mainNav { width: 800px; padding: 0 0 0 10px; background: url('../images/mainNavBg.jpg') no-repeat; float: left;}
ul#mainNav li { display: inline;}
ul#mainNav li a { color: #fff; text-decoration: none; float: left; padding: 12px 13px; font-size: 1.2em; background: transparent;}
ul#mainNav li a:hover { background: #d7383c;}
ul#mainNav li a.currentPage { background: #e3494b !important;}

ul#mainNav ul { margin-top: 9px;}
ul#mainNav ul li a { display: block; border: 1px solid #ccc; background: #f7f3f5!important; margin: 0 0 2px 0; padding: 10px 20px; color: #7d7e7d; text-indent: 0; height: auto; text-decoration: none;}
ul#mainNav ul li a:hover { background: #fff !important;}


/* Parties - Sub Nav */
ul#partySubNav { padding: 0 0 0 0 !important; width: 100%; margin: 0 0 20px; float: left;}
* html ul#partySubNav { margin: 0 0 -5px!important;}
ul#partySubNav li { display: inline; float: left;}
ul#partySubNav li a { color: #000; text-decoration: none; float: left; padding: 12px 28px; font-size: .9em; background: transparent;}
ul#partySubNav li a:hover { background: #faf3cf; text-decoration: none; color: #000;}
ul#partySubNav li a.currentPage { background: #faf3cf; font-weight: bold;}

/* Main Column */
#contentContainer { width: 100%; min-width: 819px; background: #fff;}
#content { width: 800px; padding: 0 9px 25px 10px; margin: 0 auto; text-align: justify; background: url('../images/whiteBg.gif') no-repeat bottom left; min-height: 200px; height: auto;}
* html #content { height: 200px;}
#contentText { font-size: 1.2em; padding: 0 14px 0 24px; width: 753px;}
#contentText h1 { font-size: 1.6em; color: #3c3c3c; padding: 25px 0 20px 0;}
img.sideImage { float: right; border: 3px solid #454344; margin: 61px 0 0 20px;}


/* Main Column */
#contentGallery {}
#flashcontent {height:600px;}

/* Features */
#features { margin-top: 21px;}
#features h5 { color: #fff; font-size: 1.5em; background: url('../images/featureHeaderBg.gif') repeat-x #353535; padding: 7px 0 9px 10px; margin-right: 5px;}
#features a { display: block; color: #fff; font-size: 1.5em; background: url('../images/featureHeaderBg.gif') repeat-x #353535; padding: 7px 0 9px 10px; margin-right: 5px; text-decoration:none;}
#features a:hover, #features a.currentPage { color:#ebb703;}
.feature0 { width: 252px; margin-left: 15px; float: left;}
* html .feature0 { display: inline;}
.feature0 .featureAbstract { background: url('../images/featureBowlingBg.jpg') no-repeat bottom left; min-height: 82px; height: auto; padding: 10px 94px 0 15px; line-height: 1.4em; text-align: left; font-size: .9em;}
* html .feature0 .featureAbstract { height: 82px;}
.feature1 { width: 252px; float: left; margin-left: 10px;}
* html .feature1 { display: inline;}
.feature1 .featureAbstract { background: url('../images/featureDodgemsBg.jpg') no-repeat bottom left; min-height: 82px; height: auto; padding: 10px 120px 0 15px; line-height: 1.4em; text-align: left; font-size: .9em;}
* html .feature1 .featureAbstract { height: 82px;}
.feature2 { width: 252px; float: left; margin-left: 10px;}
* html .feature2 { display: inline;}
.feature2 .featureAbstract { background: url('../images/featurePoolBg.jpg') no-repeat bottom left; min-height: 82px; height: auto; padding: 10px 94px 0 15px; line-height: 1.4em; text-align: left; font-size: .9em;}
* html .feature2 .featureAbstract { height: 82px;}

/* Offers Page Group */
#offersLeft { float: left; width: 450px; padding-top: 25px;}
#offersRight { float: right; width: 247px;}

#offersLeft img.sideImage { float: left; border:0; margin: 0 20px 10px 0;}

.offer { float: left; background: #c62a2d; color: #fff; margin-top: 15px; padding: 10px;}
.offer .offerHeader { float: left; width: 134px; font-weight: bold;}
.offer .offerAbstract { float: left; width: 134px; text-align: left; font-size: .8em; margin-top: 5px; line-height: 1.2em; min-height: 68px;}
.offer .offerLink { float: left; width: 134px; text-align: left; font-size: .8em; margin-top: 5px;}
#contentText .offer .offerLink a { display: block; background: url('../images/moreInfo.png') repeat-x; width: 134px; height:24px; text-indent: -9999px;}
#contentText .offer .offerLink a:hover { background-position: bottom left;}
.offer .offerImage { float: right; margin-top: 9px;}
.offer .offerImage img { border: 2px solid #fff;}


/* Parties Page Group */
#partiesLeft { float: left; width: 450px; }
#partiesRight { float: right; width: 247px;}

.party { float: left; background: #c62a2d; color: #fff; margin-top: 15px; padding: 10px;}
.party .partyHeader { float: left; width: 134px; font-weight: bold;text-align: left;}
.party .partyAbstract { float: left; width: 134px; text-align: left; font-size: .8em; margin-top: 5px; line-height: 1.2em; min-height: 68px;}
.party .partyLink { float: left; width: 134px; text-align: left; font-size: .8em; margin-top: 5px;}
#contentText .party .partyLink a { display: block; background: url('../images/moreInfo.png') repeat-x; width: 134px; height:24px; text-indent: -9999px;}
#contentText .party .partyLink a:hover { background-position: bottom left;}
.party .partyImage { float: right; margin-top: 9px;}
.party .partyImage img { border: 2px solid #fff;}

/* Bowling Features */
#bowlingFeaturesDiv {margin-top:15px;}
.bowlingSessions {}

/* Bolwing Sessions */
#bowlingSessionsDiv {margin-top:15px;}
.bowlingSessions {}

/* Footer */
#footerContainer { width: 100%; min-width: 819px; background: url('../images/darkgreyBg.gif') repeat-x #222; min-height: 71px; height: auto;}
* html #footerContainer { height: 71px;}
#footer { width: 819px; margin: 0 auto; text-align: left;}
#copyright { float: left; color: #fff; font-size: .9em; margin: 10px 0 0 25px; background: transparent;}
* html #copyright { display: inline;}
ul#minorNav {float: right; margin: 10px 25px 0;}
* html ul#minorNav { display: inline;}
ul#minorNav li { display: inline;}
ul#minorNav li a {float: left; padding: 0 7px 0 5px; color: #fff; text-decoration: none; font-size: .9em; background: url('../images/minorNavDivider.gif') no-repeat center right transparent; }
ul#minorNav li a:hover { text-decoration: underline;}
ul#minorNav li a.currentPage { font-weight: bold; text-decoration: underline;}
ul#minorNav li.noDivider a { background: none;}

/* Error */
p#error { width: 100%; text-align: center; padding: 90px 0 0 0;}

/* Bulleted List inside the text */
#contentText ul { list-style:disc; padding-left:35px;}
#contentText li { padding-left:5px; }

/* Links inside the text */
#contentText a {text-decoration:none; color:#006aae}
#contentText a:hover {color:#cc5f61; text-decoration: underline;}

/* News Page Groups */
.pgNews {margin-bottom:15px;}
.pgNewsHeader { }
.pgNewsHeader h3 { background: url('../images/newsBullet.gif') no-repeat center left; padding-left: 20px;}
.pgNewsAbstract {}
.pgNewsLink {margin-bottom: 25px;}

/* Contact Form */
#contactUsForm { overflow: hidden;}
#contactUsForm .formField { margin-bottom: 10px; width: 100%; float: left;}
#contactUsForm .formField .formLeft { float: left; width: 130px; font-weight: bold;}
#contactUsForm .formField .formRight { float: left;}
#contactUsForm .formField .formRight input { width: 175px;}
#contactUsForm .formField .formRight textarea { width: 250px;}
#contactUsForm .submit { width: auto !important; margin-left: 130px; cursor: pointer;}
#contactUsForm .submit:hover { background: #f0ebeb;}


/* Superpin App Form */
#superpinForm { margin-top: 20px; float: left; width: 475px;}
#superpinForm .formField { margin-bottom: 10px; width: 100%; float: left;}
#superpinForm .formField .formLeft { float: left; width: 130px; font-weight: bold; min-width: 130px; min-height: 2px;}
#superpinForm .formField .formRight { float: left;}
#superpinForm .formField .formRight input { width: 175px;}
#superpinForm .formField .formRight textarea { width: 250px;}
#superpinForm input#pgeContent_ctl00_btnSubmit { width: auto; margin-left: 130px; cursor: pointer;}
#superpinForm input#pgeContent_ctl00_btnSubmit:hover { background: #f0ebeb;}
#superpinForm select { margin: 0 3px;}

/* App Form */
#appForm { margin-top: 20px; float: left; width: 475px;}
#appForm .formField { margin-bottom: 10px; width: 100%; float: left;}
#appForm .formField .formLeft { float: left; width: 130px; font-weight: bold; min-width: 130px; min-height: 2px;}
#appForm .formField .formRight { float: left;}
#appForm .formField .formRight input { width: 175px;}
#appForm .formField .formRight textarea { width: 250px;}
#appForm input#pgeContent_ctl00_btnSubmit { width: auto; margin-left: 130px; cursor: pointer;}
#appForm input#pgeContent_ctl00_btnSubmit:hover { background: #f0ebeb;}
#appForm select { margin: 0 3px;}

.specialsIntro {color:#ba292c;}