/* WWW.ANYONEFORPIMMS.COM Cascading Style Sheet 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:10px; } /* 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 5px 0; } /* -- set generic heading padding here -- */ h1,h2,h3,h4,h5,h6 { margin:0 0 5px 0; } /* }}} */ /* - 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.7em; color:#ffffff; } li { 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; } /* - end Typography - }}} /* /* - GATEWAY PAGE - {{{ */ body #gatewayWrap { text-align:left; width:829px; padding:0; margin:0 auto; min-height:494px; background:#CCCCCC url(http://www.anyoneforpimms.com/NR/rdonlyres/FBF7D039-6474-475E-B2CA-A579CCEE9EAB/0/winter_gateway08_bg.jpg) 0 0 no-repeat; } /* ie:6 quick fix */ * html body #staticWrap #gatewayWrap { height:494px; } #gatewayForm { width:400px; padding:0 0 0 95px; margin:-20px 0 0 0; float:left; } #gatewayForm #noteConn { padding:0; } #gatewayForm #noteConn .imageReplace { width:392px; height:63px; text-indent:-5000px; } #gatewayForm #noteConn .imageReplace span { background:url(http://www.anyoneforpimms.com/NR/rdonlyres/C69CE63D-96D3-4B70-A256-8A2F174B0D20/0/winter_gateway_title08.gif) 0 0 no-repeat; } #gatewayForm #countryConn { padding:15px 0 0 0; } #gatewayForm #countryConn select { width:180px; } #gatewayForm #countryConn .imageReplace { width:127px; height:19px; text-indent:-5000px; padding:5px 0 1px 0; } #gatewayForm #countryConn .imageReplace span { background:url(http://www.anyoneforpimms.com/NR/rdonlyres/1EE17C45-4BB4-4E08-86CE-DEE5DB41ED5F/0/winter_whereareyou08_bg.jpg) 0 0 no-repeat; } #gatewayForm #dobConn { padding:20px 0 0 0; } #gatewayForm #dobConn select { float:left; width:80px; margin:0 5px 0 0; } #gatewayForm #dobConn .imageReplace { width:203px; height:20px; text-indent:-5000px; padding:5px 0 1px 0; } #gatewayForm #dobConn .imageReplace span { background:url(http://www.anyoneforpimms.com/NR/rdonlyres/EA9B1F67-3CD9-458D-9551-529F400C13C9/0/winter_dob08_bg.jpg) 0 0 no-repeat; } #gatewayForm #checkConn { clear:left; padding:5px 0 0 0; margin:0 0 0 0; font-size:0.8em; color:#FFFFFF; } #gatewayForm #checkConn .input { width:14px; height:14px; margin:0 6px 0 0; padding:0; float:left; } #gatewayForm #checkConn .input input { width:14px; height:14px; margin:0; padding:0; } #gatewayForm input, #gatewayForm select { font-family:Tahoma, Arial, sans-serif; color:#000000; border:0; font-size:0.8em; } #gatewayForm #submit { clear:left; position:absolute; padding:25px 0 0 0; margin:0; } #gatewayLegalCopy { padding:5px 0 0 0; font-size:0.6em; } #ingredientWrap { padding:0px 0 0 595px; margin:-23px 0 0 0; } #ingredientWrap p.imageReplace { width:159px; height:271px; text-indent:-5000px; padding:0; } #ingredientWrap p.imageReplace span { background:url(http://www.anyoneforpimms.com/NR/rdonlyres/654B0700-704E-4584-BEFD-AEC49928CE9A/0/winter_gateway_ingredients08.gif) 0 0 no-repeat; } #GatewayFooter { text-align:left; margin:10px auto 0 auto; width:760px; } #GatewayFooter p { color:#999999; margin:2px 0 0 0; } #GatewayFooter ul li { display:inline; margin:0 10px 0 0; } #GatewayFooter ul li.lastLink { float:right; margin:0 0 0 0; } #GatewayFooter ul li a { color:#575354; text-decoration:none; font-weight:bold; font-size:0.8em; } #GatewayFooter ul li a:hover { color:#9a0712; text-decoration:underline; } /* - end gateway page - }}} */ /* - PAGE WRAPS AND CONTAINERS - {{{ */ #pimmsFlash { text-align:center; } body #staticWrap { width:1000px; margin:54px auto 0 auto; text-align:center; } /*body #staticWrap #connWrap { text-align:left; width:991px; padding:0; margin:0 auto; min-height:590px; background:#CCCCCC url(../img/winter_site_bg.jpg) 0 0 no-repeat; }*/ body #staticWrap #connWrap { text-align:left; width:991px; padding:0; margin:0 auto; min-height:590px; background:#CCCCCC url(http://www.anyoneforpimms.com/NR/rdonlyres/BF842A0E-8586-4F58-8630-B8528ADD89FE/0/winter_site_bg.jpg) 0 0 no-repeat; } body #staticWrap #pimmsLogo { position:absolute; top:3px; margin:0 0 0 -15px; } body #staticWrap #pimmsLogo a { cursor:pointer; } * html body #staticWrap #connWrap { height:590px; } body #footer { text-align:left; margin:10px auto 0 auto; width:920px; } body #footer p { color:#999999; margin:2px 0 0 0; } body #footer ul li { display:inline; margin:0 10px 0 0; } body #footer ul li.lastLink { float:right; margin:0 0 0 0; } body #footer ul li a { color:#575354; text-decoration:none; font-weight:bold; font-size:0.8em; } body #footer ul li a:hover { color:#9a0712; text-decoration:underline; } /* - end page wraps and containers - }}} */ /* - HOME & COCKTAIL PAGES - {{{ */ #homeContent { padding:0 0 160px 0; } #homeLeft { width:150px; padding:130px 0 0 119px; float:left; } #homeRight { width:300px; margin:0 0 0 353px; padding:80px 0 0 0; } body ul#closeButton { padding:60px 0 6px 895px; } body ul#closeButton li a { font-weight:bold; } body #recipeWrapHome { width:851px; padding:80px 0 0 66px; } body #recipeWrapHome #recipeConnHome{ height:383px; overflow:auto; overflow-x:hidden; } body #recipeWrapHome #recipeLeft { width:580px; padding:25px 5px 0 5px; font-weight:bold; } body #recipeWrapDrinks { width:900px; padding:0 0 6px 44px; } body #recipeWrapDrinks * { color:#a8252e; } body #recipeWrapDrinks #recipeConn { height:383px; overflow:auto; overflow-x:hidden; background-color:white; } body #recipeWrapDrinks #recipeLeft { width:620px; font-weight:bold; padding:25px 0 0 20px; float:left; } body #recipeWrapDrinks #recipeLeft a:hover { color:#000000; } body #recipeWrapDrinks #recipeRight { width:220px; margin:0 0 0 640px; padding:25px 0 0 0; } body #recipeWrapDrinks #recipeRight #rightTitle { font-size:0.8em; font-weight:bold; } body #recipeWrapDrinks #recipeRight img { float:right; } .salesConn { clear:both; padding:0 0 140px 0; } body .recipeWrap ol#recipeList { font-size:3.1em; margin:0 0 30px 0; } body .recipeWrap ul#recipeNav { margin:20px 0 30px 0; } body .recipeWrap ul#recipeNav li { display:inline; margin:0 15px 0 0; } body .recipeWrap #recipeLeft .smallPrint { font-weight:normal; } ul#siteNav { padding:20px 0 0 58px; } ul#siteNav li { text-indent:-2000px; float:left; margin:0 85px 0 0; } ul#siteNav li a { display:block; } /* ul#siteNav #siteNav1 a { width:67px; height:82px; background:url(../img/winternav_history.gif) 0 0 no-repeat; } ul#siteNav #siteNav2 a { width:67px; height:82px; background:url(../img/winternav_teapottour.gif) 0 0 no-repeat; } ul#siteNav #siteNav3 a { width:67px; height:82px; background:url(../img/winternav_winterstuff.gif) 0 0 no-repeat; } ul#siteNav #siteNav4 a { width:67px; height:82px; background:url(../img/winternav_summerfun.gif) 0 0 no-repeat; } ul#siteNav #siteNav5 a { width:67px; height:82px; background:url(../img/winternav_buysummerstuff.gif) 0 0 no-repeat; } ul#siteNav #siteNav6 a { width:67px; height:82px; background:url(../img/winternav_recipes.gif) 0 0 no-repeat; } ul#siteNav #siteNav1 a:hover { background:url(../img/winternav_history.gif) 0 0 no-repeat; background-position:0 -82px; } ul#siteNav #siteNav2 a:hover { background:url(../img/winternav_teapottour.gif) 0 0 no-repeat; background-position:0 -82px; } ul#siteNav #siteNav3 a:hover { background:url(../img/winternav_winterstuff.gif) 0 0 no-repeat; background-position:0 -82px; } ul#siteNav #siteNav4 a:hover { background:url(../img/winternav_summerfun.gif) 0 0 no-repeat; background-position:0 -82px; } ul#siteNav #siteNav5 a:hover { background:url(../img/winternav_buysummerstuff.gif) 0 0 no-repeat; background-position:0 -82px; } ul#siteNav #siteNav6 a:hover { background:url(../img/winternav_recipes.gif) 0 0 no-repeat; background-position:0 -82px; } */ ul#siteNav #siteNav1 a { width:67px; height:82px; background:url(http://www.anyoneforpimms.com/NR/rdonlyres/54ECD540-C059-4B70-A4E7-EE06F6F76C4B/0/winternav_history.gif) 0 0 no-repeat; } ul#siteNav #siteNav2 a { width:67px; height:82px; background:url(http://www.anyoneforpimms.com/NR/rdonlyres/14FAC129-D879-4BAF-88AA-D59625A42464/0/winternav_teapottour.gif) 0 0 no-repeat; } ul#siteNav #siteNav3 a { width:67px; height:82px; background:url(http://www.anyoneforpimms.com/NR/rdonlyres/66D9DC1D-1F13-4FAF-BB1B-AE1F3911F2DC/0/winternav_winterstuff.gif) 0 0 no-repeat; } ul#siteNav #siteNav4 a { width:67px; height:82px; background:url(http://www.anyoneforpimms.com/NR/rdonlyres/449F6CF5-25FF-4AAF-AAB2-BF7D8B837543/0/winternav_summerfun.gif) 0 0 no-repeat; } ul#siteNav #siteNav5 a { width:67px; height:82px; background:url(http://www.anyoneforpimms.com/NR/rdonlyres/0693766E-090E-4561-A5F1-D4B6EA8C5548/0/winternav_buysummerstuff.gif) 0 0 no-repeat; } ul#siteNav #siteNav6 a { width:67px; height:82px; background:url(http://www.anyoneforpimms.com/NR/rdonlyres/26C21F6D-7586-4596-BBC4-D8548AF6C64C/0/winternav_recipes.gif) 0 0 no-repeat; } ul#siteNav #siteNav1 a:hover { background:url(http://www.anyoneforpimms.com/NR/rdonlyres/54ECD540-C059-4B70-A4E7-EE06F6F76C4B/0/winternav_history.gif) 0 0 no-repeat; background-position:0 -82px; } ul#siteNav #siteNav2 a:hover { background:url(http://www.anyoneforpimms.com/NR/rdonlyres/14FAC129-D879-4BAF-88AA-D59625A42464/0/winternav_teapottour.gif) 0 0 no-repeat; background-position:0 -82px; } ul#siteNav #siteNav3 a:hover { background:url(http://www.anyoneforpimms.com/NR/rdonlyres/66D9DC1D-1F13-4FAF-BB1B-AE1F3911F2DC/0/winternav_winterstuff.gif) 0 0 no-repeat; background-position:0 -82px; } ul#siteNav #siteNav4 a:hover { background:url(http://www.anyoneforpimms.com/NR/rdonlyres/449F6CF5-25FF-4AAF-AAB2-BF7D8B837543/0/winternav_summerfun.gif) 0 0 no-repeat; background-position:0 -82px; } ul#siteNav #siteNav5 a:hover { background:url(http://www.anyoneforpimms.com/NR/rdonlyres/0693766E-090E-4561-A5F1-D4B6EA8C5548/0/winternav_buysummerstuff.gif) 0 0 no-repeat; background-position:0 -82px; } ul#siteNav #siteNav6 a:hover { background:url(http://www.anyoneforpimms.com/NR/rdonlyres/26C21F6D-7586-4596-BBC4-D8548AF6C64C/0/winternav_recipes.gif) 0 0 no-repeat; background-position:0 -82px; } /* - end main and video pages - }}} */ /* - POPUP PAGES - {{{ */ #pimmsPopUpConn { font-size:0.9em; margin:0 auto; width:589px; height:850px; background:url(http://www.anyoneforpimms.com/NR/rdonlyres/1374D83C-3DD9-455B-B35B-A574EA37ECAA/0/pimms_winter_popupbg.jpg) 0 0 no-repeat; } #pimmsPopUpConn a { color:#9a0712; } #pimmsPopUpConn h2,#pimmsPopUpConn h3,#pimmsPopUpConn h4 { color:#575354; } #pimmsPopUpConn sup { font-size:0.6em; } #popupLogo { padding:125px 0 0 26px; } #popupLogo .imageReplace { width:185px; height:141px; text-indent:-5000px; } #popupLogo .imageReplace span { background: url(http://www.anyoneforpimms.com/NR/rdonlyres/B436BBEB-D46C-479F-8F17-6A5DD1828033/0/footer_logo.gif) 0 0 no-repeat; } /*#popupLogo .imageReplace span { background: url(../img/footer_logo.gif) 0 0 no-repeat; }*/ #scrollConn { color:#575354; width:438px; height:415px; margin:0 0 0 75px; padding:0 10px 0 0; overflow:auto; } #scrollConn p { width:400px; color:#575354; font-size:0.8em; } #scrollConn ul { margin:10px 0 10px 0; } #scrollConn li { color:#575354; } #scrollConn dl { color:#575354; } #scrollConn dt { text-transform:uppercase; font-weight:bold; margin-top:20px; clear:left; color:#575354; } #scrollConn dd { color:#575354; padding:0; margin:5px 0 0 0; } #scrollConn dd a { color:#d20000; } #scrollConn dd a:hover { color:#9a0712; } /* - end popup pages - }}} */ /* - PIMMS INFO PAGES - {{{ */ #historyConn h2 { margin:25px 0 0 20px; } table#history { margin:5px 5px 0 20px; } table#history td { padding:0 10px 20px 0; } table#history td p { font-size:0.9em; } table#history td img{ margin:0 0 10px 0; } #tourLeft { float:left; width:380px; margin:30px 30px 0 30px; } #tourRight { margin:30px 0 0 0; } #tourRight img { float:right; padding:0 20px 0 0; } #sunshineLeft { float:left; width:430px; margin:30px 45px 0 30px; } #sunshineRight { margin:30px 0 0 0; } #stuffTop { margin:30px 0 20px 30px; } #stuffLeft { float:left; width:400px; margin:0 20px 20px 30px; } #stuffRight { float:left; width:400px; } .itemView { float:left; margin:0 5px 0 0; } .orderButton { float:right; } /* }}} */ /* - PIMMS INFO PAGES - {{{ */ #errorMessage { padding:100px 0 0 45px; } #reDirect { padding:100px 0 0 45px; width:300px; } /* }}} */ /* ImageReplace */ body #gateLogo { position:relative; left:-32px; top:-40px; } body #gateLogo h1.imageReplace { width:170px; height:129px; text-indent:-5000px; } body #gateLogo h1.imageReplace span { background:url(http://www.anyoneforpimms.com/NR/rdonlyres/1CA2AD0B-FA86-4F67-99AD-5061E14F1421/0/site_logo.png) 0 0 no-repeat; } /* ie:6 quick fix Replace PNG with GIF */ * html body #gateLogo h1.imageReplace { width:170px; height:129px; } * html body #staticWrap #pimmsLogo h1.imageReplace span { background:url(http://www.anyoneforpimms.com/NR/rdonlyres/C4911EDF-B1A8-4560-ADA1-2E98F25EDF09/0/site_logo.gif) 0 0 no-repeat; } body #staticWrap #pimmsLogo h1.imageReplace { z-index:10; width:170px; height:129px; text-indent:-5000px; } /*body #staticWrap #pimmsLogo h1.imageReplace span { background: url(../img/site_logo.png) 0 0 no-repeat; }*/ body #staticWrap #pimmsLogo h1.imageReplace span { background: url(http://www.anyoneforpimms.com/NR/rdonlyres/1CA2AD0B-FA86-4F67-99AD-5061E14F1421/0/site_logo.png) 0 0 no-repeat; } /* ie:6 quick fix Replace PNG with GIF */ * html body #staticWrap #pimmsLogo h1.imageReplace { width:170px; height:129px; } /** html body #staticWrap #pimmsLogo h1.imageReplace span { background: url(../img/site_logo.gif) 0 0 no-repeat; }*/ * html body #staticWrap #pimmsLogo h1.imageReplace span { background: url(http://www.anyoneforpimms.com/NR/rdonlyres/C4911EDF-B1A8-4560-ADA1-2E98F25EDF09/0/site_logo.gif) 0 0 no-repeat; } #homeContent h2.imageReplace { width:124px; height:179px; text-indent:-5000px; } /*#homeContent h2.imageReplace span { background: url(../img/winter_site_hometitle.gif) 0 0 no-repeat; }*/ #homeContent h2.imageReplace span { background: url(http://www.anyoneforpimms.com/NR/rdonlyres/6BF584BD-8696-4F47-A5A6-50190459E90E/0/winter_site_hometitle.gif) 0 0 no-repeat; } #homeContent p.imageReplace { width:290px; height:112px; text-indent:-5000px; } /*#homeContent p.imageReplace span { background: url(../img/winter_site_homerecipe.gif) 0 0 no-repeat; }*/ #homeContent p.imageReplace span { background: url(http://www.anyoneforpimms.com/NR/rdonlyres/4C68CD4F-5E2B-42E6-8ED8-B911B5B4267D/0/winter_site_homerecipe.gif) 0 0 no-repeat; }