Wed, 2013-08-07 19:55
Hi
I've inherited this site, the content of which which seems to center OK on computer browsers but is to the left on ipads. It was built in Adobe Muse, which has given it 3 separate style sheets!
How do I get it to center in ipad & other tablets?
Thanks
Gerard
PAGE:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/> <meta name="description" content="A food lover's haven, idylically set in the South Downs, away from traffic and the cares of life, where great British seasonal food can be enjoyed with fine wines or real ales."/> <meta name="keywords" content="About us, About the George at Burpham, Arundel pubs, Arundel restaurants, West Sussex pubs, West Sussex restaurants, good food west sussex, best restaurant, Burpham pubs, Burpham restaurants"/> <meta name="generator" content="5.0.704.218"/> <title>About the George at Burpham</title> <!-- CSS --> <link rel="stylesheet" type="text/css" href="css/site_global.css?4214167910"/> <link rel="stylesheet" type="text/css" href="css/master_a-master.css?521994974"/> <link rel="stylesheet" type="text/css" href="css/index.css?4152092899" id="pagesheet"/> <!--[if lt IE 9]> <link rel="stylesheet" type="text/css" href="css/iefonts_index.css?466524174"/> <![endif]--> <!-- Other scripts --> <script type="text/javascript"> document.documentElement.className += ' js'; var __adobewebfontsappname__ = "muse"; </script> <!-- JS includes --> <script type="text/javascript"> document.write('\x3Cscript src="' + (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//webfonts.creativecloud.com/lato:n4,n7:all.js" type="text/javascript">\x3C/script>'); </script> </head> <body> <div class="gradient clearfix" id="page"><!-- column --> <div class="position_content" id="page_position_content"> <div class="clearfix colelem" id="pu1448-15"><!-- group --> <a class="nonblock nontext MuseLinkActive grpelem" id="u1448-15" href="index.html"><!-- rasterized frame --><img id="u1448-15_img" src="images/u1448-15.png" alt=" The George at Burpham" width="232" height="159"/></a> <div class="clearfix grpelem" id="u485-21"><!-- content --> <p id="u485-2">Tel: 01903 883 131</p> <p id="u485-5"><a class="nonblock" href="location.html"><span id="u485-3">info@georgeatburpham.co.uk</span></a></p> <p id="u485-6"> </p> <p id="u485-8">Burpham, near Arundel</p> <p id="u485-9"> </p> <p id="u485-13"><a class="nonblock" title="Opening Hours" href="location.html" title="Opening Hours"><span title="Opening Hours">OPENING HOURS</span></a><span id="u485-12"></span></p> <p id="u485-16"><a class="nonblock" title="Newsletter" href="assets/summer-newsletter.pdf" target="_blank" title="Newsletter"><span title="Newsletter">GET OUR NEWSLETTER</span></a></p> <p id="u485-19"><a class="nonblock" title="Our Blog Page" href="news---events.html" title="Our Blog Page"><span title="Our Blog Page">READ THE 'GEORGE' BLOG</span></a></p> </div> <div class="clearfix grpelem" id="pppu521"><!-- column --> <div class="clearfix colelem" id="ppu521"><!-- group --> <div class="clearfix grpelem" id="pu521"><!-- column --> <a class="nonblock nontext clearfix colelem" id="u521" href="http://www.twitter.com/GeorgeAtBurpham" target="_blank"><!-- image --><div id="u521_clip"><img class="position_content" id="u521_img" src="images/facebook-twitter-logos.jpg" alt="" width="74" height="35"/></div></a> <a class="nonblock nontext clearfix colelem" id="u515" href="https://www.facebook.com/TheGeorgeAtBurpham" target="_blank"><!-- image --><div id="u515_clip"><img class="position_content" id="u515_img" src="images/facebook-twitter-logos.jpg" alt="" width="74" height="35"/></div></a> </div> <a class="nonblock nontext grpelem" id="u486" href="http://www.tripadvisor.co.uk/Restaurant_Review-g1096531-d1379256-Reviews-The_George_and_Dragon_Inn-Burpham_West_Sussex_England.html" target="_blank"><!-- image --><img class="block" id="u486_img" src="images/certificate.png" alt="" width="124" height="87"/></a> </div> <div class="clearfix colelem" id="u1458-5"><!-- content --> <p><a class="nonblock" href="http://www.tripadvisor.co.uk/Restaurant_Review-g1096531-d1379256-Reviews-The_George_and_Dragon_Inn-Burpham_West_Sussex_England.html" target="_blank">AWARDED BY TRIPADVISOR</a></p> </div> <div class="colelem" id="u3913"><!-- custom html --> <div class="fb-like" data-href="http://georgeatburpham.co.uk" data-send="true" data-width="200" data-show-faces="false"></div> </div> </div> </div> <ul class="MenuBar clearfix colelem" id="menuu4248"><!-- row --> <li class="MenuItemContainer clearfix grpelem" id="u4287"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu MuseMenuActive clearfix colelem" id="u4290" href="index.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u4292-4"><!-- content --><p>ABOUT US</p></div></a> </li> <li class="MenuItemContainer clearfix grpelem" id="u4294"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u4295" href="food.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u4297-4"><!-- content --><p>FOOD</p></div></a> </li> <li class="MenuItemContainer clearfix grpelem" id="u4280"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u4281" href="drinks.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u4282-4"><!-- content --><p>DRINKS</p></div></a> </li> <li class="MenuItemContainer clearfix grpelem" id="u4249"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u4252" href="shop.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u4253-4"><!-- content --><p>SHOP</p></div></a> </li> <li class="MenuItemContainer clearfix grpelem" id="u4273"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u4274" href="a-locals-pub.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u4276-4"><!-- content --><p>A LOCALS PUB</p></div></a> </li> <li class="MenuItemContainer clearfix grpelem" id="u4315"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u4318" href="location.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u4320-4"><!-- content --><p>LOCATION</p></div></a> </li> <li class="MenuItemContainer clearfix grpelem" id="u4322"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u4323" href="news---events.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u4326-4"><!-- content --><p>NEWS & EVENTS</p></div></a> </li> <li class="MenuItemContainer clearfix grpelem" id="u4714"><!-- vertical box --> <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u4717" href="in-the-area.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u4718-4"><!-- content --><p>IN THE AREA</p></div></a> </li> </ul> <div class="clearfix colelem" id="pu1151"><!-- group --> <div class="clearfix grpelem" id="u1151"><!-- group --> <div class="grpelem" id="u1351"><!-- image --> <img class="block" id="u1351_img" src="images/stgeorges.jpg" alt="" width="759" height="663"/> </div> </div> <div class="grpelem" id="u1154" title="Sunday Roasts at The George at Burpham"><!-- image --> <img class="block" id="u1154_img" src="images/lamb-box.jpg" alt="Lamb dinner" width="228" height="142"/> </div> <div class="grpelem" id="u1156"><!-- simple frame --></div> <div class="clearfix grpelem" id="u1153-7" title="Click here"><!-- content --> <h3 class="Menu-Heading" id="u1153-2">Sunday Roast</h3> <p id="u1153-4">Classic joints, old favourites and vegetarian options</p> <p id="u1153-5"> </p> </div> <div class="clearfix grpelem" id="u1159" title="Desserts at The George at Burpham"><!-- image --> <div id="u1159_clip"> <img class="position_content" id="u1159_img" src="images/dessert436x143.jpg" alt="Have a dessert to finish your meal" width="435" height="142"/> </div> </div> <div class="grpelem" id="u1161"><!-- simple frame --></div> <div class="SlideShowWidget clearfix grpelem" id="slideshowu1162"><!-- group --> <div class="popup_anchor" id="u1164popup"> <div class="SlideShowContentPanel clearfix" id="u1164"><!-- stack box --> <div class="SSSlide clearfix grpelem" id="u2944"><!-- image --> <div id="u2944_clip"> <img class="ImageInclude position_content" id="u2944_img" data-src="images/hanging%20sign%20slider.jpg" src="images/blank.gif" alt="" data-width="818" data-height="311"/> </div> </div> <div class="SSSlide invi clearfix grpelem" id="u2185"><!-- image --> <div id="u2185_clip"> <img class="ImageInclude position_content" id="u2185_img" data-src="images/outside%201_slider.jpg" src="images/blank.gif" alt="" data-width="901" data-height="311"/> </div> </div> <div class="SSSlide invi clearfix grpelem" id="u2167"><!-- image --> <div id="u2167_clip"> <img class="ImageInclude position_content" id="u2167_img" data-src="images/main%20sign_slider.jpg" src="images/blank.gif" alt="" data-width="929" data-height="311"/> </div> </div> <div class="SSSlide invi clearfix grpelem" id="u2176"><!-- image --> <div id="u2176_clip"> <img class="ImageInclude position_content" id="u2176_img" data-src="images/nook_slider.jpg" src="images/blank.gif" alt="" data-width="933" data-height="311"/> </div> </div> <div class="SSSlide invi clearfix grpelem" id="u1633"><!-- image --> <div id="u1633_clip"> <img class="ImageInclude position_content" id="u1633_img" data-src="images/pub1.jpg" src="images/blank.gif" alt="" data-width="770" data-height="430"/> </div> </div> </div> </div> </div> <div class="grpelem" id="u1218"><!-- simple frame --></div> <div class="clearfix grpelem" id="u1219-10"><!-- content --> <h1 class="Heading-1" id="u1219-6"><span>By the locals, for the locals, of the locals <br/>. . . and a very warm </span><span id="u1219-5">welcome to everyone</span></h1> <h2 class="Heading-2">Award-winning Downland pub-restaurant recently refurbished and revitalised</h2> </div> <div class="clearfix grpelem" id="u1220"><!-- image --> <div id="u1220_clip"> <img class="position_content" id="u1220_img" src="images/trip1.jpg" alt="" width="229" height="152"/> </div> </div> <div class="PamphletWidget clearfix grpelem" id="pamphletu1222"><!-- group --> <div class="ThumbGroup clearfix grpelem" id="u1225"><!-- none box --> <div class="popup_anchor"> <div class="Thumb popup_element clearfix" id="u1226"><!-- group --> <div class="clearfix grpelem" id="u1227-4"><!-- content --> <p>Lorem ipsum</p> </div> </div> </div> <div class="popup_anchor"> <div class="Thumb popup_element clearfix" id="u1228"><!-- group --> <div class="clearfix grpelem" id="u1229-4"><!-- content --> <p>Mauris sit amet</p> </div> </div> </div> <div class="popup_anchor"> <div class="Thumb popup_element clearfix" id="u1232"><!-- group --> <div class="clearfix grpelem" id="u1233-4"><!-- content --> <p>Ut eget felis</p> </div> </div> </div> <div class="popup_anchor"> <div class="Thumb popup_element" id="u1230"><!-- simple frame --></div> </div> <div class="popup_anchor"> <div class="Thumb popup_element" id="u1231"><!-- simple frame --></div> </div> </div> <div class="popup_anchor" id="u1236popup"> <div class="ContainerGroup clearfix" id="u1236"><!-- stack box --> <div class="Container clearfix grpelem" id="u1241"><!-- group --> <div class="clearfix grpelem" id="u1242-6"><!-- content --> <p>Wonderful service and the best burger I’ve ever eaten! Very busy day but they managed to fit us in.<br/><span id="u1242-3">- Trip Advisor 2013</span></p> </div> </div> <div class="Container invi clearfix grpelem" id="u1245"><!-- group --> <div class="clearfix grpelem" id="u1246-9"><!-- content --> <p>I am from Boston Massachusetts so this was a real treat. <br/>The Dover Sole was one of the best meals I’ve had. Overall, <br/>a truly memorable day for this American. <span id="u1246-6">- Tripadvisor</span></p> </div> </div> <div class="Container invi clearfix grpelem" id="u1239"><!-- group --> <div class="clearfix grpelem" id="u1240-10"><!-- content --> <p id="u1240-7">The food was delicious; my steak had roasted garlic with chips, a <br/>large mushroom, tomatoes, and salad. We had bread and olives <br/>as a sharing plate – exceptional. <span id="u1240-6">Tripadvisor, 2012</span></p> <p id="u1240-8"> </p> </div> </div> <div class="Container invi clearfix grpelem" id="u1243"><!-- group --> <div class="clearfix grpelem" id="u1244-7"><!-- content --> <p id="u1244-2">Found this gem of a place recently. Great food! Great service and a chef who actually came out of the kitchen to help with my wife’s dietary needs!!!</p> <p id="u1244-4">— Tripadvisor, Aug 2012</p> <p> </p> </div> </div> <div class="Container invi clearfix grpelem" id="u1237"><!-- group --> <div class="clearfix grpelem" id="u1238-7"><!-- content --> <p id="u1238-2">I hesitate to praise this wonderful place more for fear I might not be able to get a table if too many people discover just how superb it is.</p> <p id="u1238-4">— Peter S</p> <p> </p> </div> </div> </div> </div> </div> <div class="clearfix grpelem" id="u1271-22"><!-- content --> <h3 class="Menu-Heading">Real ale, good wine, great food and a warm welcome await you, whatever the weather, at the 'relaunched' George at Burpham.</h3> <p class="Paragraph-Style"> </p> <p class="Paragraph-Style">This unique 17th century pub is set in the heart of Burpham, a charming small village full of character, surrounded by the glorious South Downs National Park and just minutes from Arundel.</p> <p class="Paragraph-Style"> </p> <p class="Paragraph-Style">We became independently owned by local people in 2013 and reopened in July after refurbishment with a fresh new look and a new, exciting menu.</p> <p class="Paragraph-Style"> </p> <p class="Paragraph-Style">We serve great British seasonal food with a modern twist. <br/>Enjoy a leisurely lunch, dinner, Sunday roast or just a drink with us.</p> <p class="Paragraph-Style"> </p> <p class="Paragraph-Style">We can cater for special events, parties, wedding receptions, etc., and would be happy to discuss your requirements - click below for details.</p> <p class="Paragraph-Style"> </p> <p class="Paragraph-Style">At busy times we highly recommend booking to avoid disappointment.</p> <p> </p> </div> <div class="clearfix grpelem" id="u1302"><!-- group --> <div class="clearfix grpelem" id="u1272-74"><!-- content --> <h3 class="Menu-Heading" id="u1272-2">A little about us . . .</h3> <p id="u1272-7"><span id="u1272-3"></span><span><span class="actAsInlineDiv normal_text" id="u1275"><!-- content --><span class="actAsDiv excludeFromNormalFlow" id="u1274"><!-- simple frame --></span></span></span><span> </span>17th century inn bought by locals in 2013</p> <p id="u1272-12"><span id="u1272-8"></span><span><span class="actAsInlineDiv normal_text" id="u1276"><!-- content --><span class="actAsDiv excludeFromNormalFlow" id="u1277"><!-- simple frame --></span></span></span><span> </span>Beautifully refurbished in summer 2013</p> <p id="u1272-17"><span id="u1272-13"></span><span><span class="actAsInlineDiv normal_text" id="u1280"><!-- content --><span class="actAsDiv excludeFromNormalFlow" id="u1281"><!-- simple frame --></span></span></span><span> </span>New exciting seasonal menu</p> <p id="u1272-22"><span id="u1272-18"></span><span><span class="actAsInlineDiv normal_text" id="u1282"><!-- content --><span class="actAsDiv excludeFromNormalFlow" id="u1283"><!-- simple frame --></span></span></span><span> </span>Free wifi, ample parking, outdoor seating</p> <p id="u1272-27"><span id="u1272-23"></span><span><span class="actAsInlineDiv normal_text" id="u1284"><!-- content --><span class="actAsDiv excludeFromNormalFlow" id="u1285"><!-- simple frame --></span></span></span><span> </span>Tripadvisor Certificate of Excellence</p> <p id="u1272-32"><span id="u1272-28"></span><span><span class="actAsInlineDiv normal_text" id="u1286"><!-- content --><span class="actAsDiv excludeFromNormalFlow" id="u1287"><!-- simple frame --></span></span></span><span> </span>Recommended in Michelin Pub Guide</p> <p id="u1272-39"><span id="u1272-33"></span><span><span class="actAsInlineDiv normal_text" id="u1288"><!-- content --><span class="actAsDiv excludeFromNormalFlow" id="u1289"><!-- simple frame --></span></span></span><span> </span>British seasonal menu of locally sourced <br/> produce</p> <p id="u1272-44"><span id="u1272-40"></span><span><span class="actAsInlineDiv normal_text" id="u1290"><!-- content --><span class="actAsDiv excludeFromNormalFlow" id="u1291"><!-- simple frame --></span></span></span><span> </span>"From the shop" take home food</p> <p id="u1272-49"><span id="u1272-45"></span><span><span class="actAsInlineDiv normal_text" id="u1292"><!-- content --><span class="actAsDiv excludeFromNormalFlow" id="u1293"><!-- simple frame --></span></span></span><span> </span>Real ales, new wine list</p> <p id="u1272-54"><span id="u1272-50"></span><span><span class="actAsInlineDiv normal_text" id="u1294"><!-- content --><span class="actAsDiv excludeFromNormalFlow" id="u1295"><!-- simple frame --></span></span></span><span> </span>Open for lunch & dinner</p> <p id="u1272-59"><span id="u1272-55"></span><span><span class="actAsInlineDiv normal_text" id="u1296"><!-- content --><span class="actAsDiv excludeFromNormalFlow" id="u1297"><!-- simple frame --></span></span></span><span> </span>Well behaved dogs welcome</p> <p id="u1272-64"><span id="u1272-60"></span><span><span class="actAsInlineDiv normal_text" id="u1298"><!-- content --><span class="actAsDiv excludeFromNormalFlow" id="u1299"><!-- simple frame --></span></span></span><span> </span>Perfect venue for a wedding</p> <p id="u1272-71"><span id="u1272-65"></span><span><span class="actAsInlineDiv normal_text" id="u1300"><!-- content --><span class="actAsDiv excludeFromNormalFlow" id="u1301"><!-- simple frame --></span></span></span><span> </span>Previously known as The George & <br/> Dragon Inn</p> <p> </p> </div> </div> <div class="grpelem" id="u1304" title="Welcome to The George"><!-- image --> <img class="block" id="u1304_img" src="images/welcome_1.jpg" alt="A warm welcome awaits you" width="228" height="142"/> </div> <div class="grpelem" id="u1307"><!-- simple frame --></div> <div class="grpelem" id="u1310" title="Our new Caesar salad"><!-- image --> <img class="block" id="u1310_img" src="images/caesar.jpg" alt="Caesar salad" width="228" height="142"/> </div> <div class="grpelem" id="u1309"><!-- simple frame --></div> <div class="clearfix grpelem" id="u1312-11" title="Click here"><!-- content --> <h3 class="Menu-Heading" id="u1312-2">New Menu</h3> <p id="u1312-6">Superb new<br/>menu of seasonal fare</p> <p id="u1312-9"><a class="nonblock" href="food.html">See menu</a></p> </div> <div class="grpelem" id="u1316" title="Fine food at The George at Burpham"><!-- image --> <img class="block" id="u1316_img" src="images/steak.jpg" alt="Ribeye steak" width="228" height="142"/> </div> <div class="grpelem" id="u1318"><!-- simple frame --></div> <div class="clearfix grpelem" id="u1319-10" title="Click here"><!-- content --> <h3 class="Menu-Heading">Lunch</h3> <p id="u1319-4">The best place for a delicious leisurely lunch</p> <p id="u1319-7"><a class="nonblock" href="location.html"><span id="u1319-5">Check our opening hours</span></a></p> <p id="u1319-8"> </p> </div> <div class="clearfix grpelem" id="u1306-11" title="Click here"><!-- content --> <h3 class="Menu-Heading" id="u1306-2">We Are Open . . .</h3> <p id="u1306-6">With a fresh new look - <br/>visit us soon!</p> <p id="u1306-9"><a class="nonblock" title="Find us" href="location.html" title="Find us"><span title="Find us">Location</span></a></p> </div> <div class="clearfix grpelem" id="u3331-12" title="Click here"><!-- content --> <h3 class="Menu-Heading" id="u3331-5"><span id="u3331">Special</span><span id="u3331-3"><br/></span><span id="u3331-4">Occasions</span></h3> <p id="u3331-9">We can cater for weddings, parties etc - <br/>call for details</p> <p id="u3331-10"> </p> </div> </div> <div class="verticalspacer"></div> <div class="clearfix colelem" id="pu285-21"><!-- group --> <div class="clearfix grpelem" id="u285-21"><!-- content --> <p id="u285-2">THE GEORGE AT BURPHAM, MAIN STREET, BURPHAM, ARUNDEL, BN18 9RR</p> <p id="u285-4">Open every day for coffee from 10.30am.</p> <p id="u285-8">Meal serving hours: Monday – Thursday : 12:00 to 14:30 and 18.00 to 21.00; Friday: 12.00 to 14.30 and 18.00 to 21.30;<br/>Saturday 12.00 to 15.00 and 18.00 to 21.30; Sunday 12.00 to 20.00</p> <p id="u285-17"><a class="nonblock" href="cookies.html">Cookies</a> | <a class="nonblock" href="privacy.html">Privacy Policy</a> | <a class="nonblock" href="site-map.html">Sitemap</a></p> <p id="u285-19">©2012 Burpham & Warningcamp Pub Company Ltd - Reg. 08362118 | Website by D3 Marketing</p> </div> <div class="grpelem" id="u1433"><!-- custom html --> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script ></div> </div> </div> </div> <!-- JS includes --> <script type="text/javascript"> if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>'); </script> <script type="text/javascript"> window.jQuery || document.write('\x3Cscript src="scripts/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>'); </script> <script src="scripts/museutils.js?3992981318" type="text/javascript"></script> <script src="scripts/jquery.musemenu.js?3788803530" type="text/javascript"></script> <script src="scripts/webpro.js?197321703" type="text/javascript"></script> <script src="scripts/musewpslideshow.js?4283859919" type="text/javascript"></script> <script src="scripts/jquery.museoverlay.js?3836522771" type="text/javascript"></script> <script src="scripts/touchswipe.js?4156838003" type="text/javascript"></script> <script src="scripts/jquery.watch.js?4068933136" type="text/javascript"></script> <!-- Other scripts --> <script type="text/javascript"> $(document).ready(function() { try { Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */ Muse.Utils.prepHyperlinks();/* body */ Muse.Utils.initWidget('.MenuBar', function(elem) { return $(elem).museMenu(); });/* unifiedNavBar */ Muse.Utils.initWidget('#slideshowu1162', function(elem) { new WebPro.Widget.ContentSlideShow(elem, {autoPlay:true,displayInterval:5000,slideLinkStopsSlideShow:false,transitionStyle:'fading',lightboxEnabled_runtime:false,shuffle:false,transitionDuration:2000,enableSwipe:true}); });/* #slideshowu1162 */ Muse.Utils.initWidget('#pamphletu1222', function(elem) { new WebPro.Widget.ContentSlideShow(elem, {contentLayout_runtime:'stack',event:'mouseover',deactivationEvent:'',autoPlay:true,displayInterval:4000,transitionStyle:'fading',transitionDuration:500,hideAllContentsFirst:false,shuffle:false,enableSwipe:false}); });/* #pamphletu1222 */ Muse.Utils.fullPage('#page');/* 100% height page */ Muse.Utils.showWidgetsWhenReady();/* body */ Muse.Utils.transformMarkupToFixBrowserProblems();/* body */ } catch(e) { Muse.Assert.fail('Error calling selector function:' + e); }}); </script> </body> </html>
STYLE SHEETS:
site_global.css
html { min-height: 100%; min-width: 100%; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,a { margin: 0; padding: 0; border-width: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; } del,ins { text-decoration: none; } li { list-style: none; } caption,th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: inherit; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } body { font-family: Arial, Helvetica Neue, Helvetica, sans-serif; text-align: left; font-size: 14px; line-height: 1.2; word-wrap: break-word; text-rendering: optimizeLegibility;/* kerning, primarily */ } @media screen and (-webkit-min-device-pixel-ratio:0) { body { text-rendering:auto; } } a { color: inherit; text-decoration: inherit; } a:link { color: #F0EFDE; text-decoration: none; } a:visited { color: #FFFFFF; text-decoration: underline; } a:hover { color: #FFFFFF; text-decoration: underline; } a:active { color: #FFFFFF; text-decoration: underline; } a.nontext /* used to override default properties of 'a' tag */ { color: black; text-decoration: none; font-style: normal; font-weight: normal; } .normal_text { color: #000000; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; letter-spacing: 0px; line-height: 1.2; text-align: left; text-decoration: none; text-indent: 0px; vertical-align: 0px; padding: 0px; } .Heading-1 { color: #FFFFFF; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-size: 37px; padding: 0px; } .Heading-2 { color: #FFFFFF; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-size: 23px; line-height: 1.29; padding: 0px; } .Menu-Heading { font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-size: 24px; padding: 0px; } .Paragraph-Style { font-family: lato, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.3; padding: 0px; } .TabbedPanelsTab { white-space: nowrap; } .MenuBar .MenuBarView, .MenuBar .SubMenuView /* Resets for ul and li in menus */ { display: block; list-style: none; } .MenuBar .SubMenu { display: none; position: absolute; } .NoWrap { white-space: nowrap; word-wrap: normal; } .MenuBar .MenuItemContainer { position: relative; } .rootelem /* the root of the artwork tree */ { margin-left: auto; margin-right: auto; } .colelem /* a child element of a column */ { display: inline; float: left; clear: both; } .grpelem /* a child element of a group */ { display: inline; float: left; } .clearfix:after /* force a container to fit around floated items */ { content: "\0020"; visibility: hidden; display: block; height: 0; clear: both; } *:first-child+html .clearfix /* IE7 */ { zoom: 1; } .inclusion_context /* context for positioning a group of elements that share the same height */ { display: table; table-layout: fixed; width: 0.01px; } .inclelem /* element of an inclusion context */ { display: table-cell; vertical-align: top; } .f3s_mid /* 3-slice frame, middle slice */ { background-repeat: repeat; } .f3s_top,.f3s_bot /* 3-slice frame, top slice */ { background-repeat: no-repeat; } .f9s_top_left, .f9s_bot_left /* 9-slice frame, left corner slice */ { background-repeat: no-repeat; background-position: left; } .f9s_top_right, .f9s_bot_right /* 9-slice frame, right corner slice */ { background-repeat: no-repeat; background-position: right; } .f9s_top_mid, .f9s_bot_mid /* 9-slice frame, top/bottom horizontal slice */ { background-repeat: repeat-x; background-position: 0px 0px; } .f9s_mid_left /* 9-slice frame, left vertical slice */ { background-repeat: repeat-y; background-position: left; } .f9s_mid_right /* 9-slice frame, right vertical slice */ { background-repeat: repeat-y; background-position: right; } .f9s_center /* 9-slice frame, center slice */ { background-repeat: repeat; background-position: 0px 0px; } .popup_anchor /* anchors an abspos popup */ { position: relative; width: 0px; height: 0px; } .popup_element { z-index: 100000; } .pointer_cursor { cursor: pointer; } span.wrap /* used to force wrap after floated array when nested inside a paragraph */ { content: ''; clear: left; display: block; } span.actAsInlineDiv /* used to simulate a DIV with inline display when already nested inside a paragraph */ { display: inline-block; } .position_content,.excludeFromNormalFlow /* used when child content is larger than parent */ { float: left; } .preload_images /* used to preload images used in non-default states */ { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px; } preload /* used to specifiy the dimension of preload item */ { height: 1px; width: 1px; } .animateStates { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } input:focus,textarea:focus /* remove default focussed input styling */ { outline: none; } textarea { resize: none; overflow: auto; } .fld-prompt /* form placeholders cursor behavior */ { pointer-events: none; } .wrapped-input /* form inputs & placeholders let div styling show thru */ { position: absolute; top: 0; left: 0; background: transparent; border: none; } .submit-btn /* form submit buttons on top of sibling elements */ { z-index: 50000; } .anchor_item /* used to specify anchor properties */ { width: 22px; height: 18px; } .MenuBar .SubMenuVisible, .MenuBarVertical .SubMenuVisible, .MenuBar .SubMenu .SubMenuVisible,.popup_element.Active,span.actAsPara,.actAsDiv,a.nonblock.nontext,img.block { display: block; } .widget_invisible,.js .invi,.js .se_invi /* used to hide the widget before loaded */ { visibility: hidden; } .no_vert_scroll { overflow-y: hidden; } .always_vert_scroll { overflow-y: scroll; } .always_horz_scroll { overflow-x: scroll; } .popup_element.Inactive,.js .disn,.hidden { display: none; }
master_a-master.css
#u1448-15_img { display: block; vertical-align: top; } #u485-21 { text-align: center; line-height: 1.03; position: relative; } #u485-2 { font-size: 22px; padding-bottom: 6px; color: #F0EFDE; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; } #u485-5 { font-size: 19px; color: #FFFFFF; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; } #u485-13 { padding-bottom: 6px; color: #FFFFFF; } #u485-16 { padding-bottom: 6px; color: #FFFFFF; } #u485-6,#u485-8,#u485-9,#u485-12,#u485-19 { color: #F0EFDE; } #u521_clip,#u515_clip { overflow: hidden; } #u1458-5 { text-align: right; color: #F0EFDE; font-size: 13px; font-family: lato, sans-serif; font-weight: 400; position: relative; } #u4290 { background-color: #74815D; position: relative; } #u4290:hover { background-color: #999999; } #u4290:active { background-color: #6B6B6B; } #u4292-4 { border-style: none; border-color: transparent; background-color: transparent; text-align: center; color: #F0EFDE; font-family: lato, sans-serif; font-weight: 700; position: relative; } #u4290:active #u4292-4 p { color: #000000; visibility: inherit; } #u4295 { background-color: #74815D; position: relative; } #u4295:hover { background-color: #999999; } #u4295:active { background-color: #6B6B6B; } #u4297-4 { border-style: none; border-color: transparent; background-color: transparent; text-align: center; color: #F0EFDE; font-family: lato, sans-serif; font-weight: 700; position: relative; } #u4290.MuseMenuActive #u4292-4 p,#u4295:active #u4297-4 p { color: #000000; visibility: inherit; } #u4281 { background-color: #74815D; position: relative; } #u4281:hover { background-color: #999999; } #u4281:active { background-color: #6B6B6B; } #u4282-4 { border-style: none; border-color: transparent; background-color: transparent; text-align: center; color: #F0EFDE; font-family: lato, sans-serif; font-weight: 700; position: relative; } #u4295.MuseMenuActive #u4297-4 p,#u4281:active #u4282-4 p { color: #000000; visibility: inherit; } #u4252 { background-color: #74815D; position: relative; } #u4252:hover { background-color: #999999; } #u4252:active { background-color: #6B6B6B; } #u4253-4 { border-style: none; border-color: transparent; background-color: transparent; text-align: center; color: #F0EFDE; font-family: lato, sans-serif; font-weight: 700; position: relative; } #u4281.MuseMenuActive #u4282-4 p,#u4252:active #u4253-4 p { color: #000000; visibility: inherit; } #u4274 { background-color: #74815D; position: relative; } #u4274:hover { background-color: #999999; } #u4274:active { background-color: #6B6B6B; } #u4276-4 { border-style: none; border-color: transparent; background-color: transparent; text-align: center; color: #F0EFDE; font-family: lato, sans-serif; font-weight: 700; position: relative; } #u4252.MuseMenuActive #u4253-4 p,#u4274:active #u4276-4 p { color: #000000; visibility: inherit; } #u4318 { background-color: #74815D; position: relative; } #u4318:hover { background-color: #999999; } #u4318:active { background-color: #6B6B6B; } #u4320-4 { border-style: none; border-color: transparent; background-color: transparent; text-align: center; color: #F0EFDE; font-family: lato, sans-serif; font-weight: 700; position: relative; } #u4274.MuseMenuActive #u4276-4 p,#u4318:active #u4320-4 p { color: #000000; visibility: inherit; } #u4323 { background-color: #74815D; position: relative; } #u4323:hover { background-color: #999999; } #u4323:active { background-color: #6B6B6B; } #u4326-4 { border-style: none; border-color: transparent; background-color: transparent; text-align: center; color: #F0EFDE; font-family: lato, sans-serif; font-weight: 700; position: relative; } #u4318.MuseMenuActive #u4320-4 p,#u4323:active #u4326-4 p { color: #000000; visibility: inherit; } #u1448-15,#u521,#u515,#u486,#menuu4248,#u4287,#u4294,#u4280,#u4249,#u4273,#u4315,#u4322,#u4714 { position: relative; } #u4717 { background-color: #74815D; position: relative; } #u4717:hover { background-color: #999999; } #u4717:active { background-color: #6B6B6B; } #u4290.MuseMenuActive,#u4295.MuseMenuActive,#u4281.MuseMenuActive,#u4252.MuseMenuActive,#u4274.MuseMenuActive,#u4318.MuseMenuActive,#u4323.MuseMenuActive,#u4717.MuseMenuActive { background-color: #F0EFDE; } #u4718-4 { border-style: none; border-color: transparent; background-color: transparent; text-align: center; color: #F0EFDE; font-family: lato, sans-serif; font-weight: 700; position: relative; } #u4290.MuseMenuActive #u4292-4,#u4295.MuseMenuActive #u4297-4,#u4281.MuseMenuActive #u4282-4,#u4252.MuseMenuActive #u4253-4,#u4274.MuseMenuActive #u4276-4,#u4318.MuseMenuActive #u4320-4,#u4323.MuseMenuActive #u4326-4,#u4717.MuseMenuActive #u4718-4 { border-style: none; border-color: transparent; } #u4323.MuseMenuActive #u4326-4 p,#u4717:active #u4718-4 p { color: #000000; visibility: inherit; } #u4717.MuseMenuActive #u4718-4 p { color: #000000; visibility: inherit; } .MenuItem /* unifiedNavBar */ { cursor: pointer; } #u285-21 { text-align: center; color: #F0EFDE; font-family: lato, sans-serif; font-weight: 400; position: relative; } #u285-2 { font-size: 16px; padding-bottom: 5px; } #u485-3,#u285-4,#u285-8,#u285-17,#u285-19 { font-size: 13px; }
index.css
html { background: #5D6A46 url("../images/bg3.png") repeat center center scroll; } #page { z-index: 1; width: 960px; min-height: 600px; background: -webkit-gradient(linear, center top, center bottom, from(#B0BC9D),color-stop(100%, #54623C)); background: -webkit-linear-gradient(top,#B0BC9D ,#54623C 100%); background: -moz-linear-gradient(top,#B0BC9D ,#54623C 100%); background: -ms-linear-gradient(top,#B0BC9D ,#54623C 100%); background: -o-linear-gradient(top,#B0BC9D ,#54623C 100%); background: linear-gradient(to bottom,#B0BC9D ,#54623C 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFB0BC9D, endColorstr=#FF54623C, GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB0BC9D', endColorstr='#FF54623C', GradientType=0)"; border-style: none; border-color: #000000; margin-left: auto; margin-right: auto; } #page_position_content { margin-top: 22px; margin-bottom: 13px; } #pu1448-15 { width: 0.01px; padding-bottom: 2px; margin-left: 47px; position: relative; } #u1448-15 { z-index: 50; width: 232px; margin-right: -10000px; margin-top: -4px; left: 1px; } #u485-21 { z-index: 23; width: 195px; min-height: 165px; margin-right: -10000px; margin-top: 1px; left: 335px; } #pppu521 { width: 0.01px; padding-bottom: 0px; position: relative; margin-right: -10000px; left: 571px; } #ppu521 { width: 0.01px; margin-left: 107px; position: relative; } #pu521 { width: 0.01px; position: relative; margin-right: -10000px; } #u521 { z-index: 48; width: 36px; } #u521_clip { width: 36px; height: 35px; } #u521_img { margin-left: -38px; } #u515 { z-index: 46; width: 37px; margin-left: 2px; margin-top: 10px; } #u515_clip { width: 37px; height: 35px; } #u515_img { margin-right: -37px; } #u486 { z-index: 44; width: 124px; margin-right: -10000px; margin-top: 1px; left: 57px; } #u1458-5 { z-index: 65; width: 246px; min-height: 18px; margin-left: 40px; margin-top: 7px; } #u3913 { z-index: 401; width: 310px; min-height: 22px; border-style: none; border-color: transparent; background-color: transparent; text-align: right; margin-top: 11px; position: relative; } #menuu4248 { z-index: 70; width: 856px; margin-left: 52px; top: -2px; margin-bottom: -2px; } #u4287 { width: 105px; min-height: 34px; margin-right: -10000px; } #u4290 { width: 105px; padding-bottom: 17px; } #u4290:hover { margin: 0px; } #u4290:active { margin: 0px; } #u4292-4 { width: 72px; min-height: 17px; margin-right: -10000px; top: 8px; left: 16px; } #u4290:hover #u4292-4 { padding-top: 0px; padding-bottom: 0px; min-height: 17px; margin: 0px -10000px 0px 0px; } #u4290:active #u4292-4 { padding-top: 0px; padding-bottom: 0px; min-height: 17px; margin: 0px -10000px 0px 0px; } #u4294 { width: 76px; min-height: 34px; margin-right: -10000px; left: 107px; } #u4295 { width: 76px; padding-bottom: 17px; } #u4290.MuseMenuActive,#u4295:hover { margin: 0px; } #u4295:active { margin: 0px; } #u4297-4 { width: 43px; min-height: 17px; margin-right: -10000px; top: 8px; left: 16px; } #u4290.MuseMenuActive #u4292-4,#u4295:hover #u4297-4 { padding-top: 0px; padding-bottom: 0px; min-height: 17px; margin: 0px -10000px 0px 0px; } #u4295:active #u4297-4 { padding-top: 0px; padding-bottom: 0px; min-height: 17px; margin: 0px -10000px 0px 0px; } #u4280 { width: 87px; min-height: 34px; margin-right: -10000px; left: 185px; } #u4281 { width: 87px; padding-bottom: 17px; } #u4295.MuseMenuActive,#u4281:hover { margin: 0px; } #u4281:active { margin: 0px; } #u4282-4 { width: 54px; min-height: 17px; margin-right: -10000px; top: 8px; left: 16px; } #u4295.MuseMenuActive #u4297-4,#u4281:hover #u4282-4 { padding-top: 0px; padding-bottom: 0px; min-height: 17px; margin: 0px -10000px 0px 0px; } #u4281:active #u4282-4 { padding-top: 0px; padding-bottom: 0px; min-height: 17px; margin: 0px -10000px 0px 0px; } #u4249 { width: 72px; min-height: 34px; margin-right: -10000px; left: 274px; } #u4252 { width: 72px; padding-bottom: 17px; } #u4281.MuseMenuActive,#u4252:hover { margin: 0px; } #u4252:active { margin: 0px; } #u4253-4 { width: 40px; min-height: 17px; margin-right: -10000px; top: 8px; left: 16px; } #u4281.MuseMenuActive #u4282-4,#u4252:hover #u4253-4 { padding-top: 0px; padding-bottom: 0px; min-height: 17px; margin: 0px -10000px 0px 0px; } #u4252:active #u4253-4 { padding-top: 0px; padding-bottom: 0px; min-height: 17px; margin: 0px -10000px 0px 0px; } #u4273 { width: 131px; min-height: 34px; margin-right: -10000px; left: 348px; } #u4274 { width: 131px; padding-bottom: 17px; } #u4252.MuseMenuActive,#u4274:hover { margin: 0px; } #u4274:active { margin: 0px; } #u4276-4 { width: 99px; min-height: 17px; margin-right: -10000px; top: 8px; left: 16px; } #u4252.MuseMenuActive #u4253-4,#u4274:hover #u4276-4 { padding-top: 0px; padding-bottom: 0px; min-height: 17px; margin: 0px -10000px 0px 0px; } #u4274:active #u4276-4 { padding-top: 0px; padding-bottom: 0px; min-height: 17px; margin: 0px -10000px 0px 0px; } #u4315 { width: 106px; min-height: 34px; margin-right: -10000px; left: 481px; } #u4318 { width: 106px; padding-bottom: 17px; } #u4274.MuseMenuActive,#u4318:hover { margin: 0px; } #u4318:active { margin: 0px; } #u4320-4 { width: 74px; min-height: 17px; margin-right: -10000px; top: 8px; left: 16px; } #u4274.MuseMenuActive #u4276-4,#u4318:hover #u4320-4 { padding-top: 0px; padding-bottom: 0px; min-height: 17px; margin: 0px -10000px 0px 0px; } #u4318:active #u4320-4 { padding-top: 0px; padding-bottom: 0px; min-height: 17px; margin: 0px -10000px 0px 0px; } #u4322 { width: 145px; min-height: 34px; margin-right: -10000px; left: 589px; } #u4323 { width: 145px; padding-bottom: 17px; } #u4318.MuseMenuActive,#u4323:hover { margin: 0px; } #u4323:active { margin: 0px; } #u4326-4 { width: 113px; min-height: 17px; margin-right: -10000px; top: 8px; left: 16px; } #u4318.MuseMenuActive #u4320-4,#u4323:hover #u4326-4 { padding-top: 0px; padding-bottom: 0px; min-height: 17px; margin: 0px -10000px 0px 0px; } #u4323:active #u4326-4 { padding-top: 0px; padding-bottom: 0px; min-height: 17px; margin: 0px -10000px 0px 0px; } #u4714 { width: 120px; min-height: 34px; margin-right: -10000px; left: 736px; } #u4717 { width: 120px; padding-bottom: 17px; } #u4323.MuseMenuActive,#u4717:hover { margin: 0px; } #u4717:active { margin: 0px; } #u4717.MuseMenuActive { margin: 0px; } #u4718-4 { width: 88px; min-height: 17px; margin-right: -10000px; top: 8px; left: 16px; } #u4323.MuseMenuActive #u4326-4,#u4717:hover #u4718-4 { padding-top: 0px; padding-bottom: 0px; min-height: 17px; margin: 0px -10000px 0px 0px; } #u4717:active #u4718-4 { padding-top: 0px; padding-bottom: 0px; min-height: 17px; margin: 0px -10000px 0px 0px; } #u4717.MuseMenuActive #u4718-4 { padding-top: 0px; padding-bottom: 0px; min-height: 17px; margin: 0px -10000px 0px 0px; } #pu1151 { width: 0.01px; margin-left: 52px; position: relative; } #u1151 { z-index: 119; width: 855px; border-color: #000000; background-color: #F0EFDE; padding-bottom: 156px; position: relative; margin-right: -10000px; } #u1351 { z-index: 120; width: 759px; opacity: 0.05; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)"; filter: alpha(opacity=5); position: relative; margin-right: -10000px; margin-top: 355px; left: 40px; } #u1154 { z-index: 122; width: 228px; position: relative; margin-right: -10000px; margin-top: 989px; left: 52px; } #u1156 { z-index: 124; width: 112px; height: 143px; border-color: #000000; background-color: #878787; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); position: relative; margin-right: -10000px; margin-top: 988px; left: 52px; } #u1153-7 { z-index: 125; width: 96px; min-height: 136px; position: relative; margin-right: -10000px; margin-top: 998px; left: 63px; } #u1159 { z-index: 132; width: 228px; position: relative; margin-right: -10000px; margin-top: 987px; left: 327px; } #u1159_clip { overflow: hidden; width: 228px; height: 142px; } #u1159_img { margin-left: -104px; margin-right: -104px; } #u1161 { z-index: 134; width: 112px; height: 143px; border-color: #000000; background-color: #878787; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); position: relative; margin-right: -10000px; margin-top: 987px; left: 327px; } #slideshowu1162 { z-index: 135; width: 0.01px; height: 311px; position: relative; margin-right: -10000px; margin-top: 26px; left: 44px; } #u1164 { position: absolute; width: 770px; height: 311px; background-color: transparent; } #u1164popup { z-index: 136; } #u2944 { z-index: 137; width: 770px; height: 311px; border-style: none; border-color: transparent; background-color: #4F4F4F; margin-right: -10000px; position: relative; } #u2944_img { margin-left: -24px; margin-right: -24px; } #u2185 { z-index: 139; width: 770px; height: 311px; border-style: none; border-color: transparent; background-color: #4F4F4F; margin-right: -10000px; position: relative; } #u2185_img { margin-left: -66px; margin-right: -66px; } #u2167 { z-index: 141; width: 770px; height: 311px; border-style: none; border-color: transparent; background-color: #4F4F4F; margin-right: -10000px; position: relative; } #u2167_img { margin-left: -79px; margin-right: -80px; } #u2176 { z-index: 143; width: 770px; height: 311px; border-style: none; border-color: transparent; background-color: #4F4F4F; margin-right: -10000px; position: relative; } #u2176_img { margin-left: -82px; margin-right: -82px; } #u1633 { z-index: 145; width: 770px; height: 311px; border-style: none; border-color: transparent; background-color: #4F4F4F; margin-right: -10000px; position: relative; } #u2944_clip,#u2185_clip,#u2167_clip,#u2176_clip,#u1633_clip { overflow: hidden; width: 770px; height: 311px; } #u1633_img { margin-top: -59px; margin-bottom: -60px; } .SSSlideLoading /* slideshowFreeStyle */ { background: url("../images/loading.gif") no-repeat center center; } #u1218 { z-index: 147; width: 336px; height: 311px; border-color: #000000; background-color: #000000; opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); position: relative; margin-right: -10000px; margin-top: 26px; left: 44px; } #u1219-10 { z-index: 148; width: 318px; min-height: 301px; position: relative; margin-right: -10000px; margin-top: 44px; left: 58px; } #u1219-6 { font-size: 35px; padding-bottom: 15px; line-height: 0px;/* 0 for mixed font sized paras; applied on spans instead */ } #u1219-6 span /* line-height set on spans of mixed font sized paras */ { line-height: 1.2; } #u1219-5 { font-size: 34px; } #u1220 { z-index: 158; width: 230px; position: relative; margin-right: -10000px; margin-top: 987px; left: 594px; } #u1220_clip { overflow: hidden; width: 230px; height: 141px; } #u1220_img { margin-top: -5px; margin-right: 1px; margin-bottom: -6px; } #pamphletu1222 { z-index: 160; width: 0.01px; height: 139px; padding-bottom: 328px; position: relative; margin-right: -10000px; margin-top: 706px; left: 599px; } #u1225 { z-index: 161; width: 190px; position: relative; margin-right: -10000px; left: 29px; } #u1226 { position: absolute; width: 199px; border-width: 1px; border-style: solid; border-color: #DEDEDE; background-color: #FFFFFF; padding-bottom: 3px; top: -7px; } #u1226:hover { border-width: 1px; border-style: solid; border-color: #999999; background-color: #FFFFFF; width: 199px; min-height: 0px; margin: 0px; } #u1227-4 { z-index: 163; width: 180px; min-height: 20px; background-color: transparent; line-height: 1.4; color: #999999; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; position: relative; margin-right: -10000px; margin-top: 6px; left: 9px; } #u1226:hover #u1227-4 { padding-top: 0px; padding-bottom: 0px; min-height: 20px; margin: 6px -10000px 0px 0px; } #u1226:active #u1227-4 { padding-top: 0px; padding-bottom: 0px; min-height: 20px; margin: 6px -10000px 0px 0px; } #u1226.PamphletThumbSelected #u1227-4 { padding-top: 0px; padding-bottom: 0px; min-height: 20px; margin: 6px -10000px 0px 0px; } #u1226:hover #u1227-4 p { color: #6B6B6B; visibility: inherit; } #u1226:active #u1227-4 p { color: #6B6B6B; visibility: inherit; } #u1228 { position: absolute; width: 199px; border-width: 1px; border-style: solid; border-color: #DEDEDE; background-color: #FFFFFF; padding-bottom: 3px; top: 33px; } #u1228:hover { border-width: 1px; border-style: solid; border-color: #999999; background-color: #FFFFFF; width: 199px; min-height: 0px; margin: 0px; } #u1229-4 { z-index: 168; width: 180px; min-height: 20px; background-color: transparent; line-height: 1.4; color: #999999; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; position: relative; margin-right: -10000px; margin-top: 6px; left: 9px; } #u1228:hover #u1229-4 { border-color: #000000; padding-top: 0px; padding-bottom: 0px; min-height: 20px; margin: 6px -10000px 0px 0px; } #u1228:active #u1229-4 { border-color: #000000; padding-top: 0px; padding-bottom: 0px; min-height: 20px; margin: 6px -10000px 0px 0px; } #u1228.PamphletThumbSelected #u1229-4 { border-color: #DEDEDE; padding-top: 0px; padding-bottom: 0px; min-height: 20px; margin: 6px -10000px 0px 0px; } #u1228:hover #u1229-4 p { color: #6B6B6B; visibility: inherit; } #u1228:active #u1229-4 p { color: #6B6B6B; visibility: inherit; } #u1232 { position: absolute; width: 199px; border-width: 1px; border-style: solid; border-color: #DEDEDE; background-color: #FFFFFF; padding-bottom: 4px; top: 113px; left: -10px; } #u1232:hover { border-width: 1px; border-style: solid; border-color: #999999; background-color: #FFFFFF; width: 199px; min-height: 0px; margin: 0px; } #u1226.PamphletThumbSelected,#u1228.PamphletThumbSelected,#u1232.PamphletThumbSelected { border-style: none; border-color: #999999; background-color: transparent; width: 200px; min-height: 1px; margin: 0px 1px 1px 0px; } #u1233-4 { z-index: 173; width: 180px; min-height: 20px; border-color: #DEDEDE; background-color: transparent; line-height: 1.4; color: #999999; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; position: relative; margin-right: -10000px; margin-top: 5px; left: 9px; } #u1232:hover #u1233-4 { padding-top: 0px; padding-bottom: 0px; min-height: 20px; margin: 5px -10000px 0px 0px; } #u1232:active #u1233-4 { padding-top: 0px; padding-bottom: 0px; min-height: 20px; margin: 5px -10000px 0px 0px; } #u1232.PamphletThumbSelected #u1233-4 { padding-top: 0px; padding-bottom: 0px; min-height: 20px; margin: 5px -10000px 0px 0px; } #u1232:hover #u1233-4 p { color: #6B6B6B; visibility: inherit; } #u1232:active #u1233-4 p { color: #6B6B6B; visibility: inherit; } #u1226.PamphletThumbSelected #u1227-4 p,#u1228.PamphletThumbSelected #u1229-4 p,#u1232.PamphletThumbSelected #u1233-4 p { visibility: hidden;/* 100% transparent text is hidden */ line-height: 1.4; } #u1230 { position: absolute; width: 199px; height: 29px; border-width: 1px; border-style: solid; border-color: #DEDEDE; background-color: #FFFFFF; top: 153px; left: -10px; } #u1230:hover { border-width: 1px; border-style: solid; border-color: #999999; background-color: #FFFFFF; width: 199px; height: 29px; min-height: 0px; margin: 0px; } #u1230.PamphletThumbSelected { border-style: none; border-color: #999999; background-color: transparent; width: 200px; height: 30px; min-height: 1px; margin: 0px 1px 1px 0px; } #u1231 { position: absolute; width: 199px; height: 29px; border-width: 1px; border-style: solid; border-color: #DEDEDE; background-color: #FFFFFF; top: 203px; left: -10px; } #u1231:hover { border-width: 1px; border-style: solid; border-color: #999999; background-color: #FFFFFF; width: 199px; height: 29px; min-height: 0px; margin: 0px; } #u1231.PamphletThumbSelected { border-style: none; border-color: #999999; background-color: transparent; width: 200px; height: 30px; min-height: 1px; margin: 0px 1px 1px 0px; } .ie #u1230.PamphletThumbSelected,.ie #u1231.PamphletThumbSelected { background-color: #FFFFFF; opacity: 0.01; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); } #u1236 { position: absolute; width: 324px; top: 295px; } #u1236popup { z-index: 179; } #u1241 { z-index: 180; width: 324px; height: 172px; border-style: none; border-color: transparent; background-color: transparent; margin-right: -10000px; position: relative; } #u1242-6 { z-index: 181; width: 166px; min-height: 130px; text-align: center; color: #000000; line-height: 1.4; font-size: 12px; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-style: italic; position: relative; margin-right: -10000px; margin-top: 15px; left: 27px; } #u1242-3 { font-weight: bold; } #u1245 { z-index: 187; width: 324px; height: 172px; border-style: none; border-color: transparent; background-color: transparent; margin-right: -10000px; position: relative; } #u1246-9 { z-index: 188; width: 189px; min-height: 124px; text-align: center; color: #000000; line-height: 1.4; font-size: 12px; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-style: italic; position: relative; margin-right: -10000px; margin-top: 12px; left: 13px; } #u1239 { z-index: 197; width: 324px; height: 172px; border-style: none; border-color: transparent; background-color: transparent; margin-right: -10000px; position: relative; } #u1240-10 { z-index: 198; width: 205px; min-height: 130px; line-height: 1.4; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; position: relative; margin-right: -10000px; margin-top: 15px; left: 8px; } #u1240-7 { font-size: 12px; text-align: center; color: #000000; font-style: italic; } #u1246-6,#u1240-6 { font-weight: bold; font-style: normal; } #u1240-8 { color: #999999; } #u1243 { z-index: 208; width: 324px; height: 172px; border-style: none; border-color: transparent; background-color: transparent; margin-right: -10000px; position: relative; } #u1244-7 { z-index: 209; width: 189px; min-height: 156px; position: relative; margin-right: -10000px; margin-top: 11px; left: 13px; } #u1244-2 { font-size: 12px; text-align: center; line-height: 1.4; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-style: italic; } #u1244-4 { font-size: 12px; text-align: center; line-height: 1.4; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-weight: bold; } #u1237 { z-index: 216; width: 324px; height: 172px; border-style: none; border-color: transparent; background-color: transparent; margin-right: -10000px; position: relative; } #u1238-7 { z-index: 217; width: 170px; min-height: 126px; position: relative; margin-right: -10000px; margin-top: 9px; left: 25px; } #u1238-2 { font-size: 12px; text-align: center; line-height: 1.41; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-style: italic; } #u1238-4 { font-size: 12px; text-align: center; line-height: 1.41; font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-weight: bold; } .SSFirstButton,.SSPreviousButton,.SSNextButton,.SSLastButton,.SSSlideLink,.SSCloseButton,.PamphletWidget .ThumbGroup .Thumb, .PamphletNextButton, .PamphletPrevButton, .PamphletCloseButton /* slideshowFreeStyle */ { cursor: pointer; } #u1271-22 { z-index: 224; width: 463px; min-height: 451px; position: relative; margin-right: -10000px; margin-top: 362px; left: 46px; } #u1302 { z-index: 246; width: 262px; border-color: #000000; background-color: #F0EFDE; padding-bottom: 12px; position: relative; margin-right: -10000px; margin-top: 563px; left: 590px; } #u1272-74 { z-index: 247; width: 289px; min-height: 434px; position: relative; margin-right: -10000px; margin-top: -201px; left: -45px; } #u1272-2 { padding-bottom: 8px; } #u1274 { z-index: 255; width: 10px; height: 10px; border-color: #000000; background-color: #9DA988; } #u1277 { z-index: 262; width: 10px; height: 10px; border-color: #000000; background-color: #9DA988; } #u1281 { z-index: 269; width: 10px; height: 10px; border-color: #000000; background-color: #9DA988; } #u1283 { z-index: 276; width: 10px; height: 10px; border-color: #000000; background-color: #9DA988; } #u1285 { z-index: 283; width: 10px; height: 10px; border-color: #000000; background-color: #9DA988; } #u1287 { z-index: 290; width: 10px; height: 10px; border-color: #000000; background-color: #9DA988; } #u1289 { z-index: 297; width: 10px; height: 10px; border-color: #000000; background-color: #9DA988; } #u1291 { z-index: 306; width: 10px; height: 10px; border-color: #000000; background-color: #9DA988; } #u1293 { z-index: 313; width: 10px; height: 10px; border-color: #000000; background-color: #9DA988; } #u1295 { z-index: 320; width: 10px; height: 10px; border-color: #000000; background-color: #9DA988; } #u1297 { z-index: 327; width: 10px; height: 10px; border-color: #000000; background-color: #9DA988; } #u1299 { z-index: 334; width: 10px; height: 10px; border-color: #000000; background-color: #9DA988; } #u1272-7,#u1272-12,#u1272-17,#u1272-22,#u1272-27,#u1272-32,#u1272-39,#u1272-44,#u1272-49,#u1272-54,#u1272-59,#u1272-64,#u1272-71 { line-height: 1.28; padding-top: 9px; font-family: lato, sans-serif; font-weight: 400; } #u1272-3,#u1272-8,#u1272-13,#u1272-18,#u1272-23,#u1272-28,#u1272-33,#u1272-40,#u1272-45,#u1272-50,#u1272-55,#u1272-60,#u1272-65 { font-size: 1px; line-height: 0px; } #u1301 { z-index: 341; width: 10px; height: 10px; border-color: #000000; background-color: #9DA988; } #u1304 { z-index: 347; width: 228px; position: relative; margin-right: -10000px; margin-top: 814px; left: 52px; } #u1307 { z-index: 349; width: 112px; height: 143px; border-color: #000000; background-color: #878787; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); position: relative; margin-right: -10000px; margin-top: 813px; left: 52px; } #u1310 { z-index: 350; width: 228px; position: relative; margin-right: -10000px; margin-top: 813px; left: 324px; } #u1309 { z-index: 352; width: 112px; height: 143px; border-color: #000000; background-color: #878787; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); position: relative; margin-right: -10000px; margin-top: 813px; left: 324px; } #u1312-11 { z-index: 353; width: 96px; min-height: 136px; position: relative; margin-right: -10000px; margin-top: 824px; left: 335px; } #u1316 { z-index: 364; width: 228px; position: relative; margin-right: -10000px; margin-top: 813px; left: 595px; } #u1318 { z-index: 366; width: 112px; height: 145px; border-color: #000000; background-color: #878787; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); position: relative; margin-right: -10000px; margin-top: 813px; left: 595px; } #u1319-10 { z-index: 367; width: 96px; min-height: 136px; position: relative; margin-right: -10000px; margin-top: 824px; left: 606px; } #u1312-6,#u1319-4,#u1319-7 { line-height: 1.12; padding-top: 5px; font-family: lato, sans-serif; font-weight: 400; } #u1319-5 { font-weight: 700; } #u1306-11 { z-index: 378; width: 96px; min-height: 136px; position: relative; margin-right: -10000px; margin-top: 823px; left: 63px; } #u1312-2,#u1306-2 { font-size: 24px; line-height: 1; } #u1153-4,#u1306-6 { line-height: 1.13; padding-top: 5px; font-family: lato, sans-serif; font-weight: 400; } #u1153-5,#u1306-9 { line-height: 1.13; padding-top: 5px; font-family: lato, sans-serif; font-weight: 700; } #u3331-12 { z-index: 389; width: 96px; min-height: 123px; position: relative; margin-right: -10000px; margin-top: 998px; left: 335px; } #u3331-5 { font-size: 16px; color: #000000; line-height: 0px;/* 0 for mixed font sized paras; applied on spans instead */ } #u1153-2,#u3331-5 span { line-height: 1; } #u3331 { font-size: 27px; letter-spacing: -1px; } #u3331-3 { font-size: 24px; letter-spacing: -1px; } #u3331-4 { font-size: 21px; } #u3331-9 { line-height: 1.12; padding-top: 5px; color: #000000; font-family: lato, sans-serif; font-weight: 400; } #u1312-9,#u1319-8,#u3331-10 { line-height: 1.12; padding-top: 5px; font-family: lato, sans-serif; font-weight: 700; } #pu285-21 { width: 0.01px; margin-left: 19px; margin-top: 17px; position: relative; } #u285-21 { z-index: 2; width: 921px; margin-right: -10000px; } #u1433 { z-index: 377; width: 200px; min-height: 72px; border-style: none; border-color: transparent; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 22px; left: 1078px; } #page .verticalspacer { clear: both; }
Sun, 2013-08-11 22:02
#1
I should test it on my Kindle
I should test it on my Kindle Fire and see what it looks like.