/* 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 #staticWrap #gatewayWrap { text-align:left; width:829px; padding:0; margin:0 auto; min-height:494px; background:#CCCCCC url(http://www.anyoneforpimms.com/_img/gateway_bg.jpg) 0 0 no-repeat; }*/ body #staticWrap #gatewayWrap { text-align:left; width:829px; padding:0; margin:0 auto; min-height:494px; background:#FFFFFF url(../img/gateway08_bg.jpg) 0 0 no-repeat; } * html body #staticWrap #gatewayWrap { height:494px; } body #gateLogo { position:absolute; top:18px; margin:0 0 0 -25px; } body #gateLogo h1.imageReplace { width:170px; height:129px; text-indent:-5000px; } /*body #gateLogo h1.imageReplace span { background: url(http://www.anyoneforpimms.com/_img/site_logo.png) 0 0 no-repeat; }*/ body #gateLogo h1.imageReplace span { background: url(../img/site_logo.png) 0 0 no-repeat; } /* ie:6 quick fix */ * html body #gateLogo h1.imageReplace { width:170px; height:129px; } /* * html body #staticWrap #pimmsLogo h1.imageReplace span { background: url(http://www.anyoneforpimms.com/_img/site_logo.gif) 0 0 no-repeat; }*/ * html body #gateLogo h1.imageReplace span { background: url(../img/site_logo.gif) 0 0 no-repeat; } #noteConn { padding:105px 0 0 45px; } #noteConn .imageReplace { width:347px; height:55px; text-indent:-5000px; } /*#noteConn .imageReplace span { background:url(http://www.anyoneforpimms.com/_img/gateway_title.gif) 0 0 no-repeat; }*/ #noteConn .imageReplace span { background:url(../img/gateway_title08.gif) 0 0 no-repeat; } #countryConn { padding:15px 0 0 45px; } #countryConn select { } #countryConn .imageReplace { width:107px; height:19px; text-indent:-5000px; padding:0 0 1px 0; } /*#countryConn .imageReplace span { background:url(http://www.anyoneforpimms.com/_img/gateway_whereareyou.gif) 0 0 no-repeat; }*/ #countryConn .imageReplace span { background:url(../img/gateway_whereareyou08.gif) 0 0 no-repeat; } #dobConn { padding:10px 0 0 45px; } #dobConn select { float:left; width:80px; margin:0 5px 0 0; } #dobConn .imageReplace { width:171px; height:19px; text-indent:-5000px; padding:0 0 1px 0; } /*#dobConn .imageReplace span { background:url(http://www.anyoneforpimms.com/_img/gateway_dob.gif) 0 0 no-repeat; }*/ #dobConn .imageReplace span { background:url(../img/gateway08_dob.gif) 0 0 no-repeat; } #checkConn { clear:both; padding:0 0 0 45px; margin:40px 0 0 0; font-size:0.6em; color:#FFFFFF; } #checkConn input.checkbox { width:14px; margin:0; padding:0; margin-right:6px; } #gatewayForm input, #gatewayForm select { font-family:Tahoma, Arial, sans-serif; color:#000000; border:0; font-size:0.8em; } #submit { padding:30px 0 0 45px; } #gatewayLegalCopy { padding:100px 0 0 45px; font-size:0.6em; } body #GatewayFooter { text-align:left; margin:10px auto 0 auto; width:760px; } body #GatewayFooter p { color:#999999; margin:2px 0 0 0; } body #GatewayFooter ul li { display:inline; margin:0 10px 0 0; } body #GatewayFooter ul li.lastLink { float:right; margin:0 0 0 0; } body #GatewayFooter ul li a { color:#575354; text-decoration:none; font-weight:bold; font-size:0.8em; } body #GatewayFooter ul li a:hover { color:#9a0712; text-decoration:underline; } /* - end gateway page - }}} */ /* - PAGE WRAPS AND CONTAINERS - {{{ */ body { background-color:#FFFFFF; } body #pimmsFlash { width:100%; 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(http://www.anyoneforpimms.com/_img/site_bg.jpg) 0 0 no-repeat; }*/ body #staticWrap #connWrap { text-align:left; width:991px; padding:0; margin:0 auto; min-height:590px; background:#FFFFFF url(../img/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; } body #staticWrap #pimmsLogo h1.imageReplace { z-index:10; width:170px; height:129px; text-indent:-5000px; } /*body #staticWrap #pimmsLogo h1.imageReplace span { background: url(http://www.anyoneforpimms.com/_img/site_logo.png) 0 0 no-repeat; }*/ body #staticWrap #pimmsLogo h1.imageReplace span { background: url(../img/site_logo.png) 0 0 no-repeat; } /* ie:6 quick fix */ * html body #staticWrap #pimmsLogo h1.imageReplace { width:170px; height:129px; } /* * html body #staticWrap #pimmsLogo h1.imageReplace span { background: url(http://www.anyoneforpimms.com/_img/site_logo.gif) 0 0 no-repeat; }*/ * html body #staticWrap #pimmsLogo h1.imageReplace span { background: url(../img/site_logo.gif) 0 0 no-repeat; } * 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 - {{{ */ 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 0 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 45px 0 0; } ul#siteNav li a { display:block; } /* ul#siteNav #siteNav1 a { width:70px; height:85px; background:url(../img/site_main_nav_briefhistory.gif) 0 0 no-repeat; } ul#siteNav #siteNav2 a { width:70px; height:85px; background:url(../img/site_main_nav_pimmstour.gif) 0 0 no-repeat; } ul#siteNav #siteNav3 a { width:70px; height:85px; background:url(../img/site_main_nav_bringmesunshine.gif) 0 0 no-repeat; } ul#siteNav #siteNav4 a { width:70px; height:85px; background:url(../img/site_main_nav_inthepark.gif) 0 0 no-repeat; } ul#siteNav #siteNav5 a { width:70px; height:85px; background:url(../img/site_main_nav_pimmspr.gif) 0 0 no-repeat; } ul#siteNav #siteNav6 a { width:70px; height:85px; background:url(../img/site_main_nav_jollystuff.gif) 0 0 no-repeat; } ul#siteNav #siteNav1 a:hover { background:url(../img/site_main_nav_briefhistory.gif) 0 0 no-repeat; background-position:0 -85px; } ul#siteNav #siteNav2 a:hover { background:url(../img/site_main_nav_pimmstour.gif) 0 0 no-repeat; background-position:0 -85px; } ul#siteNav #siteNav3 a:hover { background:url(../img/site_main_nav_bringmesunshine.gif) 0 0 no-repeat; background-position:0 -85px; } ul#siteNav #siteNav4 a:hover { background:url(../img/site_main_nav_inthepark.gif) 0 0 no-repeat; background-position:0 -85px; } ul#siteNav #siteNav5 a:hover { background:url(../img/site_main_nav_pimmspr.gif) 0 0 no-repeat; background-position:0 -85px; } ul#siteNav #siteNav6 a:hover { background:url(../img/site_main_nav_jollystuff.gif) 0 0 no-repeat; background-position:0 -85px; } */ ul#siteNav #siteNav6 a { width:70px; height:85px; background:url(../img/site_main_nav_joinus.gif) 0 0 no-repeat; } ul#siteNav #siteNav1 a { width:70px; height:85px; background:url(../img/site_main_nav_briefhistory.gif) 0 0 no-repeat; } ul#siteNav #siteNav2 a { width:70px; height:85px; background:url(../img/site_main_nav_pimmstour.gif) 0 0 no-repeat; } ul#siteNav #siteNav3 a { width:70px; height:85px; background:url(../img/site_main_nav_pimms8.gif) 0 0 no-repeat; } ul#siteNav #siteNav4 a { width:70px; height:85px; background:url(../img/site_main_nav_stuff.gif) 0 0 no-repeat; } ul#siteNav #siteNav5 a { width:70px; height:85px; background:url(../img/site_main_nav_recipes.gif) 0 0 no-repeat; } ul#siteNav #siteNav6 a:hover { background:url(../img/site_main_nav_joinus.gif) 0 0 no-repeat; background-position:0 -85px; } ul#siteNav #siteNav1 a:hover { background:url(../img/site_main_nav_briefhistory.gif) 0 0 no-repeat; background-position:0 -85px; } ul#siteNav #siteNav2 a:hover { background:url(../img/site_main_nav_pimmstour.gif) 0 0 no-repeat; background-position:0 -85px; } ul#siteNav #siteNav3 a:hover { background:url(../img/site_main_nav_pimms8.gif) 0 0 no-repeat; background-position:0 -85px; } ul#siteNav #siteNav4 a:hover { background:url(../img/site_main_nav_stuff.gif) 0 0 no-repeat; background-position:0 -85px; } ul#siteNav #siteNav5 a:hover { background:url(../img/site_main_nav_recipes.gif) 0 0 no-repeat; background-position:0 -85px; } /* - 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/_img/footer_bg.jpg) 0 0 no-repeat; }*/ #pimmsPopUpConn { font-size:0.9em; margin:0 auto; width:589px; height:850px; background:url(../img/footer_bg.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(../img/footer_logo.gif) 0 0 no-repeat; } /*#popupLogo .imageReplace span { background: url(http://www.anyoneforpimms.com/_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; } /* }}} */