/* Stylesheet Document -------------------------- Default Styles -------------------------- */ /* Reset Settings */ /* Site font face */ html,body { font-family:Arial,verdana,tahoma,sans-serif; } p,li,dt,dd,label,address,th,td,legend,input,select,textarea { font-size:75%; line-height:120%; } th dt, td dt, th dd, td dd, th li, td li, li li, dt dt, dt dd, dd dt, dd dd, legend legend { font-size:100%; } h1,h2,h3,h4,h5,h6,pre,code,input,textarea,select { font-size:1em; } /* to avoid ff<1.03 bug (instead of *) and normalise spacing */ html,body,div,pre,form,table,fieldset,h1,h2,h3,h4,h5,h6,dl,ul,ol,hr,p,blockquote { margin:0;padding:0; } h1,h2,h3,h4,h5,h6,p,pre,address { margin-bottom:1em; } /* constant look and cursor */ abbr,acronym { font-style:normal; cursor:help; } a img,:link img,:visited img,fieldset { border:none; } ul,ol,dl { list-style:none; } table { border-collapse:collapse; } td, th { vertical-align:top; } img,object,embed { border:none; vertical-align:bottom; } /* always hide */ .print,legend { display:none; } /* Site Classes */ /* errors */ .error { color:#f00; list-style:none; } .errorTop,.errorBottom { margin-bottom:0.5em; } /* contain */ .contain:after { content:"."; display:block; clear:both; visibility:hidden; height:0; } .contain { display:inline-block; }/*change "inline-table" to "inline-block" or ie7*/ * html .contain { /* nomac \*/height:1%;/* nomac */ } .contain { /* nomac \*/display:block;/* nomac */ } /* image replacement */ .imageReplace { position:relative;/* nomac \*/overflow:hidden;/* nomac */margin:0px; padding:0px;} .imageReplace span { width:100%; height:100%; position:absolute; background-repeat:no-repeat; top:0px; left:0px; z-index:1; } /* -- clear -- */ .clear { clear:both; } /* -- set generic paragraph padding here -- */ p { margin:0 0 10px 0; } /* -- set generic heading padding here -- */ h1,h2,h3,h4,h5,h6 { margin:0 0 5px 0; } /* STYLESHEET DOCUMENT -------------------------- CORE STYLES -------------------------- */ /* ----------------------- SITE COLORS: background: #454742 wrap: #1E201D --------------------------*/ /* - TYPOGRAPHY - {{{ */ h1 { font-size:1.6em; color:#ffffff; } h2 { font-size:1.4em; color:#ffffff; } h3 { font-size:1.2em; color:#ffffff; } h4 { font-size:1.0em; color:#ffffff; } h5 { font-size:0.8em; color:#ffffff; } h6 { font-size:0.8em; color:#ffffff; } p { font-size:0.8em; color:#ffffff; } dl { color:#ffffff; } dt { font-size:0.9em; color:#ffffff; } dd { font-size:0.8em; } a { font-size:1.0em; color:#ffffff; } a:hover { font-size:1.0em; color:#9a0712; } #mainTitle { font-size:2.5em; color:#d20000; text-transform:uppercase; margin:0; } #vidTitle { font-size:2.3em; color:green; text-transform:uppercase; margin:0; } /* - end Typography - }}} /* /* - FORMS - {{{ */ p#manFields.mandatory { width:120px; margin-left:260px; margin-bottom:0px; color:#ffffff; } #manColor { color:#ffffff; font-size:0.9em; } input, select { font-family:Tahoma, Arial, sans-serif; color:#000000; border:0; height:20px; } /*form div { clear:left; display:block; width:400px; margin:0px 0 0 0; padding:0 0; }*/ form div label { font-size:0.7em; display:block; float:left; width:110px; padding:3px 10px; margin:0 0 5px 0; text-align:left; color:#ffffff; } form div.optional label { font-weight:normal; } form div.required label { } select { background-color:#ffffff; color:#000000; border:0; height:20px; margin-right:5px; } submit { color:#ffffff; } form div input, form div select { width:238px; padding:1px 3px; margin:0 0 0 0; font-size:0.8em; } form div select.selectOne, form div select.selectMultiple { width:211px; padding:1px 3px; } form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio { height:14px; width:14px; background-color:transparent; border-width:0; padding:0; margin:0 0 0 0px; } form div input#postcode { width:80px; } form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio { height:expression('1%'); padding:4px 0px 0px 18px; text-indent:-18px; line-height:120%; } form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio { margin: 0px 0px 0px 0px; } form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea { width:160px; margin:0px 0px 0px 18px; margin:expression('0px 0px 0px -124px'); } .selectDay, .selectMonth, .selectYear { width:60px; font-size:0.8em; height:20px; padding-right:0; } .inputSubmit { margin:0 0 0 308px; font-size:0.8em; cursor:pointer; } #popTextScrollForm .inputSubmit { background-color:#d20000; color:#ffffff; width:70px; height:20px; margin:30px 0 0 278px; font-size:0.8em; text-transform:uppercase; cursor:pointer; } #popTextScrollForm submit { background-color:red; color:#ffffff; } /* - end Forms - }}} */ /* - GATEWAY PAGE - {{{ */ #gatewayForm { margin:0; padding:0; } #gatewayForm label { float:none; padding:0; margin:0; color:#ffffff; } #gatewayForm label { margin:0; padding:0; } #gatewayForm select { background-color:#ffffff; color:#000000; border:0; } #gateLogo { padding:136px 0 0 96px; } #gateLogo .imageReplace { width:269px; height:154px; text-indent:-5000px; } #gateLogo .imageReplace span { background:url(../../2DE3A55E-B408-466F-99CA-714E20C7D514/0/gateway_logo.gif) 0 0 no-repeat; } #countryConn { margin:14px 0 0 345px; } #countryConn select { width:170px; } #countryConn .imageReplace { width:110px; height:30px; text-indent:-5000px; } #countryConn .imageReplace span { background:url(../../88D46004-7E25-4B7F-BA17-D2388AAF2DDC/0/gateway_whereareyou.gif) 0 0 no-repeat; } #dobConn { margin-left:530px; margin-top:-53px; } #dobConn select { width:80px; padding:1px 3px; } #dobConn .imageReplace { width:199px; height:30px; text-indent:-5000px; } #dobConn .imageReplace span { background:url(../../D2B54BD6-D24A-4D84-A84E-D94010A906D9/0/gateway_dob.gif) 0 0 no-repeat; } #checkConn { margin-top:20px; margin-left:341px; } #checkConn label { position:absolute; margin-left:20px; } #checkConn #chkRemember { height:20px; width:20px; background-color:transparent; border-width:0; } #checkConn checkbox { height:20px; width:20px; background-color:transparent; border-width:0; } #checkConn .imageReplace { width:96px; height:17px; text-indent:-5000px; } #checkConn .imageReplace span { background:url(../../800BA11E-E52D-4195-A952-36EFEAD7E330/0/gateway_rememberme.gif) 0 0 no-repeat; } #gatewayForm input, #gatewayForm select { font-family:Tahoma, Arial, sans-serif; color:#000000; border:0; height:20px; } #gatewayForm .selectDay, #gatewayForm .selectMonth, #gatewayForm .selectYear{ width:60px; font-size:0.8em; height:20px; padding-right:0; } #gatewayForm .submit { margin-left:450px; margin-top:-20px; } #gatewayForm .inputSubmit { width:127px; height:135px; } #noteConn { margin-left:30px; margin-top:40px; } #noteConn .imageReplace { width:708px; height:40px; text-indent:-5000px; } #noteConn .imageReplace span { background:url(../../2EAE83D8-9B25-497B-987B-BCC5B873C944/0/gateway_note.gif) 0 0 no-repeat; } /* - end gateway page - }}} */ /* - PAGE WRAPS AND CONTAINERS - {{{ */ body { background-color:#ffffff; color:#9DA097; text-align:center; } #workContain h3 { color:#000000; text-transform:uppercase; font-size:1.7em; margin:-5px 0 0 0; } #workContain p { color:#000000; } #workContain a { color:#d20000; } #workContain a:hover{ color:#9a0712; } #workContain { display:block; width:984px; min-height:596px; background:url(../../B30527A3-C061-49AD-A33E-D18CB70EEC64/0/background_home.jpg) center top no-repeat; margin:0 auto; } #connWrap { display:block; width:810px; min-height:538px; background:#ffffff url(../../2ED07C56-0A12-4EA5-BD56-F490717E7EF2/0/background_home.gif) center top no-repeat; margin-left:85px; margin-top:-200px; } #gwContain { display:block; width:984px; min-height:596px; background:url(../../05F5D864-8D89-4163-9B09-7C518D423CFF/0/background_gateway.jpg) center top no-repeat; margin:0 auto; } /* for IE, with IE5/Mac backslash filter \*/ * html #gwContain {height: 596px;} * html #workContain {height: 596px;} * html #connWrap {height:538px;} /* end filter */ #greenbg { text-align:left; width:984px; background:#284b13; margin:auto; } #lefthandWrap { position:relative; top:260px; z-index:100; } #lefthandWrap { width:167px; height:232px; background:url(../../C11AC358-5DBB-4CF2-AEBD-266F4F7FB334/0/hand_left.gif) 0 0 no-repeat; } #righthandWrap { position:absolute; z-index:101; margin-left:806px; margin-top:-325px; } #righthandWrap { width:178px; height:264px; background:url(../../34679818-3551-49D2-A3EE-C9AC69E55458/0/hand_right.gif) 0 0 no-repeat; } /* - end page wraps and containers - }}} */ /* - MAIN PAGE // VIDEO PAGES - {{{ */ #header { width:810px; } #mainContent { } #logoMain { padding-top:94px; margin-left:46px; width:158px; } #logoMain .imageReplace { width:158px; height:66px; text-indent:-5000px; } #logoMain .imageReplace span { background: url(../../101CB114-40D6-4328-ADE1-04264B674915/0/logo_home.gif) 0 0 no-repeat; } #homeTitle { margin-top:-130px; padding-left:150px; padding-bottom:20px; text-align:center; } #homeHello { padding:0 30px 0 220px; text-align:left; position:relative; z-index:110; } #homeSignature { margin-top:-15px;margin-bottom:22px;text-align:right; padding-right:70px; } #sigOne { padding-right:30px; margin:0; } #popupNav { float:left; } #popupNav ul { margin-top:-200px; padding-left:90px; position:relative; z-index:10; } #popupNav li { font-weight:bold; padding-bottom:5px; } #gamesNav { display:block; margin-top:-23px; } #gamesNav ul { padding-left:270px; } #gamesNav li { text-indent:-2000px; float:left; padding-left:20px; } #gamesNav li a { display:block; } #gamesNav #li1 a { position:relative;z-index:10; width:213px; height:162px; background:url(../../E65AE3B6-2A30-4B02-A692-DF24D69D3592/0/btn_fruitbowls.jpg) 0 0 no-repeat; } #gamesNav #li2 a { position:relative;z-index:10;width:213px; height:153px; background:url(../../1D03D9A1-A5B1-48F3-8575-F5484246C983/0/btn_parklife.jpg) 0 0 no-repeat; } #gamesNav #li3 { padding-left:150px; } #gamesNav #li3 a { width:240px; height:152px; background:url(../../F9C9F8FC-F71C-4F86-AD39-A01A78A13972/0/btn_flicket.jpg) 0 0 no-repeat; } #homeHarry { width:300px; clear:both; margin-left:30px; } #homeHarry ul { text-indent:-5000px; } #homeHarry li { float:left; margin-top:-98px; } #homeHarry li a { display:block; } #homeHarry #li5 { position:relative; z-index:10000;width:150px; height:138px; background:url(../../710BFFC9-F539-4E36-B15A-1BCA78F3EF4B/0/harry.jpg) 0 0 no-repeat; } #homeHarry #li6 a { position:relative; z-index:10000;width:142px; height:57px; background:url(../../86A0CF3E-9877-4E62-AA24-EB7A4F3B1F95/0/harry_btn.jpg) 0 0 no-repeat; } .vidPages #homeTitle { padding-left:250px; clear:right; } .vidPages #homeTitle h2 { text-align:left; font-size:2.3em; color:green; text-transform:uppercase; margin:0; } .vidPages #homeTitle h3 { text-align:left; font-size:0.9em; color:#000000; text-transform:uppercase; margin:0; } .vidPages #gamesLocalNav { padding-top:200px; padding-left:50px; float:left; position:relative; z-index:100; } .vidPages #gamesLocalNav li { font-weight:bold; padding-bottom:5px; font-size:1em; } .vidPages #vidFliket.imageReplace { width:420px; height:214px; margin-bottom:20px; text-indent:-5000px; } .vidPages #vidFliket.imageReplace span { background:url(../../A31C2204-BBE5-4207-9CF5-1463F2C9F60C/0/vidpic_flicket.jpg) 0 0 no-repeat; } .vidPages #vidFruitbowls.imageReplace { width:420px; height:214px; margin-bottom:20px; text-indent:-5000px; } .vidPages #vidFruitbowls.imageReplace span { background:url(../../AF49EDA9-2EAB-4ED5-B52E-16FB54974612/0/vidpic_bowls.jpg) 0 0 no-repeat; } .vidPages #vidParklife.imageReplace { width:420px; height:214px; margin-bottom:20px; text-indent:-5000px; } .vidPages #vidParklife.imageReplace span { background:url(../../77F47776-5DD4-47A4-9E15-DE40694B06E4/0/vidpic_parklife.jpg) 0 0 no-repeat; } .vidPages #videoTextScroll { width:420px; height:100px; overflow:auto; } .vidPages #downloadList { float:right; margin-top:10px; } .vidPages #downloadList li { display:inline; margin-left:15px; } .vidPages #movieConn { margin-left:252px; width:420px; } /* - end main and video pages - }}} */ /* - FOOTER - {{{ */ #footerConn { width:984px; margin:0 auto; background-color:#ffffff; } #footer { width:970px; font-size:0.8em; font-family:arial, helvetica; text-align:left; margin:0; padding:5px 0 5px 10px; } #footer .footerBTN li { display:inline; padding-right:5px; color:#000000; } #footer a { color:#666666; text-decoration:none; cursor:pointer; } #footer a:hover { color:#d20000; text-decoration:underline; } #footer p { color:#a3a3a3; margin:3px 0 0 0; clear:both; } #drinkAware { margin-left:870px; margin-top:-15px; padding-bottom:10px; text-indent:-5000px; } #drinkAware li.imageReplace a { display:block; width:94px; height:9px; } #drinkAware li.imageReplace a span { display:block; background:url(../../42EF6189-D58E-4B3C-AAD4-7526371F74DD/0/logo_drinkaware.gif) 0 0 no-repeat; } /* - end footer - }}} */ /* - POPUP PAGES - {{{ */ #popupLogo { padding:60px 0 0 10px; } #popupLogo .imageReplace { width:258px; height:106px; text-indent:-5000px; } #popupLogo .imageReplace span { background: url(../../C760A291-68D8-4D3A-9F9B-E4E6D7EFBD8B/0/logo_popup.gif) 0 0 no-repeat; } .pimmsLabel { color:#d20000; } #popTextScroll { position:absolute; width:435px; height:350px; margin:200px 0 0 75px; overflow:auto; } #popTextScroll p { width:400px line-height:15px; } #popTextScrollParty { width:435px; height:380px; margin:190px 0 0 75px; overflow:auto; } #popTextScrollParty p { width:400px; color:#ffffff; } #popTextScrollParty td { color:#ffffff; } #GVFormBuilderDiv { color:#ffffff; } #popTextScrollForm { position:absolute; width:430px; height:360px; margin:200px 0 0 82px; overflow:auto; } #popTextScrollForm p { width:410px } #popTextScrollForm td { color:#ffffff; } #GVFormBuilderDiv { color:#ffffff; } dl, dt, dd, ul, li { margin:0; padding:0; list-style-type:none; } table td.location { color:#ffffff; font-weight:bold; width:280px; padding-bottom:7px; } table td.eventDate { color:#ffffff; } #popupDL { padding-top:15px; } #popupDL dl { display:block; position:relative; } .listInlineOne { float:left;padding-right:100px; } .listInlineTwo { padding-left:200px; } #popupDL dt { font-weight:bold; text-transform:uppercase; } #popupDL .priceTag { text-transform:uppercase; margin-top:15px;} #popupDL .listLastOne { margin-top:70px; text-transform:uppercase; font-weight:bold; } #popupDL .listLastTwo { margin-top:40px; text-transform:uppercase; font-weight:bold; } #popupDL a { padding:3px 20px; width:70px; height:17px; background-color:red; text-align:center; border:1px solid #000000; text-decoration:none; } #pimmstourConn dl { display:block; } #pimmstourConn dt { width:265px; float:left; clear:left; } #pimmstourConn dd { text-align:left; clear:right; line-height:18px; margin-left:30px; } #legals { text-align:left; margin:0 auto; width:589px; height:850px; background:url(../../234B8AF2-B913-4D5D-99BD-B7F3794C0314/0/popup_bg_pimmsparty.jpg) 0 0 no-repeat; } #legalsList dt { font-weight:bold; margin-top:20px; } #legalsList dd { padding-left:0px; margin-top:5px; } #legalsList dd a { color:#ffffff; } #legalsList dd a:hover { color:#9a0712; } /* - end popup pages - }}} */ .GVPostCodeInputBox { width:100px; } .GVDOBDownInput { width:80px; margin-right:5px; } #formBuilderConn { position:absolute; margin-left:-10px; width:390px; font-size:0.9em; color:#ffffff; } #formBuilderConn input { color:#000000; } #formBuilderConn .inputSubmit { color:#ffffff; } #formBuilderConn select { color:#000000; margin-top:5px; margin-bottom:2px; width:70px; padding:0; } #skipNav { display:none; } /* - GATEWAY EXIT PAGE - */ #exitpageConn { background:#ffffff; margin-left:313px; margin-top:45px; width:480px; } #exitpageConn p { color:#000000; font-size:1.0em; padding:20px 10px; } #pimmsFlash { margin-top:-20px; } sup { line-height:0; vertical-align:text-top; }