/* -------------------------------------------------------------------------------------------- */
/* Reset & Clearing --------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { font-family:inherit; font-weight:inherit; outline:0; padding:0; margin:0; border:0; }
body { text-align:center; line-height:1; font-family:'CartoGothicStdBook', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif, arial, helvetica; color:#222; font-size:67.5%; background:#000 url(../images/background-repeater.gif) repeat-x left top; }
img { display:block; border:0; }
strong { font-weight:bold; letter-spacing:0em; }
.clearer { height:1px; margin:0 0 -1px; clear:both; overflow:hidden; }
.clearer hr { display:none; }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
* html .clearfix { zoom:1; } /* IE6 */
*:first-child+html .clearfix { zoom:1; } /* IE7 */
.accessStyle, .hide { display:none; }
.accessLink { /* access keys still react, but visually hidden */ position:absolute; left:-19999px; }
select, textarea, input { font-family:'CartoGothicStdBook', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif, arial, helvetica; font-size:1em; letter-spacing:0.02em; line-height:1.1em; }
form { font-size:1em; }
fieldset { border:0; }
input[type=hidden] { display:none; }

/* Global Styles */
p + p, h2 + p, p + h3, ul + h2, ul + h3, .contentBlock h2 + ul, .contentBlock h3 + ul, ul + p, #contentManaged li + li, h3 + p { padding:1em 0 0 0; } 
p + h2 { margin:20px 0 0 0; }
ol, ul { list-style-type:none; }
ol p, ul p { font-size:1em; }
hr { margin:20px 0 0 0; border:none 0; border-top:1px solid #ccc; height:1px; }

/* Publications */
#contentManaged #publications { width:740px; margin:20px 0 0 0; list-style-type:none; margin-left:0; }
#publications li { float:left; margin:0 0 0 20px; padding:0; }
#contentManaged #publications li { padding:0; }
#publications li:first-child { margin:0; }
#publications li p { padding:0; text-align:center; }
#publications li .pub01, #publications li .pub02, #publications li .pub03, #publications li .pub04, #publications li .pub05 { width:145px; height:203px; display:block; text-indent:-9999px; overflow:hidden; }
#publications li .pub01 { background:url(../images/publications-annual-report-2009.jpg) 0 0 no-repeat; }
#publications li .pub02 { background:url(../images/publications-annual-report.jpg) 0 0 no-repeat; }
#publications li .pub03 { background:url(../images/publications-evaluation.jpg) 0 0 no-repeat; }
#publications li .pub04 { background:url(../images/publications-evaluation2010.jpg) 0 0 no-repeat; }
#publications li .pub05 { background:url(../images/publications-annual-report-2011.jpg) 0 0 no-repeat; }


/* -------------------------------------------------------------------------------------------- */
/* Structural --------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
#wrapper { margin:0 auto; text-align:left; font-size:1.1em; line-height:1.5em; padding:167px 0 0 0; position:relative; background:#fff; border:1px solid #fff; }
#mainContent { float:right; width:740px; padding:0 10px 200px 0; position:relative; z-index:850; }
#pageCelebration #mainContent { position:relative; z-index:20; }
#mainContentZones { float:right; width:740px; padding:0 10px 80px 0; position:relative; z-index:850; }
#pageHome #wrapper { padding-top:0; }
#wrapperGlow { width:100%; background:url(../images/glow-repeater.gif) repeat-y center top; }
#wrapperGlowTop { width:100%; background:url(../images/glow-top.gif) no-repeat center top; padding:40px 0 0 0; }
#sup1 { padding-bottom:280px; }
#sup2 { background:url(../images/footprints2.jpg) no-repeat 100% 20px; padding:250px 0 200px 0;/* allow bottom padding for phone */ }
#callUsPhone object, #callUsPhone img { /* phone */ position:absolute; right:0; bottom:0; z-index:90; }
#splashWrapper { position:relative; top:-1px; height:546px; overflow:hidden; }
#header { height:167px; width:950px; position:absolute; top:-1px; left:0px; background:url(../images/background-graffiti.jpg) no-repeat right top; z-index:900; }
#pageAbout #header { background:url(../images/background-electric.jpg) no-repeat right top; }
#pageResources #header { background:url(../images/background-roadsafe.jpg) no-repeat right top; }
#pageVisit #header { background:url(../images/background-rail.jpg) no-repeat right top; }
#pageNews #header { background:url(../images/masthead-background.jpg) no-repeat right top; }
#pageSponsors #header { background:url(../images/background-water.jpg) no-repeat right top; }
#pageVolunteers #header { background:url(../images/background-alcohol.jpg) no-repeat right top; }
#pageContact #header { background:url(../images/background-signs.jpg) no-repeat right top; }
#footerWrap { clear:both; width:100%; background:url(../images/glow-footer.gif) no-repeat center bottom; padding:0 0 35px 0; }
#footer { background:#2E2E2E; color:#fff; font-size:1.1em; display:block; margin:0 auto; width:950px; text-align:center; padding:20px 0; position:relative; }
#footer #footerLinks { padding:0; color:#2BA600; }
#footer p { padding:1em 0 0 0; }
#footer p span { color:#2BA600; }
#fireFooter { width:220px; height:200px; position:absolute; left:10px; bottom:80px; }
#pageHome #fireFooter { display:none; }
#logo { font-size:3em; left:-35px; position:absolute; top:-40px; }
#logo a { text-decoration:none; overflow:hidden; text-indent:-9999px; display:block; width:220px; height:171px; background:url(../images/warning-zone-logo-sign.gif) no-repeat left top; }
.banner { margin-bottom:10px; }
#newFlashMoviesId { margin:0 0 20px 0; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); }
#wrapper object { outline:none; }
#workBookWrapper object { z-index:799; position:relative; }
#celebrationWrapper object { z-index:99; position:absolute; top:-50px; }
#zonesWrapper { width:866px; height:554px; margin:20px 0 0 -160px; }
#zonesWrapper object { z-index:99; position:relative; z-index:799; margin:0 0 200px 0; }
#pageCelebration .contentBlock { /* move out from under absolute positioned flash:*/ /*padding-top:430px;*/ }
#workBookWrapper { z-index:798; }
#sup1 #calendarWrapper { width:140px; height:91px; background:url(../images/badge-of-quality.gif) no-repeat scroll left top transparent; display:block; margin:80px auto 0 auto; overflow:hidden; text-indent:-9999px;  }
#icons { left:23px; overflow:hidden; padding-top:3px; position:relative; top:-246px; }
.footerLinks { margin-right:114px; margin-top:5px; }
.interact { padding:0px 0px 0px 4px; color:#000000; position:relative; right:75px; }
#justGiving { width:143px; height:42px; margin:0 0 40px 0; display:block; text-indent:-9999px; cursor:pointer; background:url(../images/just-giving.gif) 0 0 no-repeat; }
#fundraisingLogo { background-image:url(../images/easy-fundraisong-logo.gif); background-repeat:no-repeat; width:198px; height:59px; margin:20px 0; display:block; text-indent:-9999px; overflow:hidden; }
#easySearch { width:194px; height:99px; margin:20px 0; background-image:url(../images/easy-search.gif); background-repeat:no-repeat; display:block; text-indent:-9999px; overflow:hidden; }


/* How You Can Help Page */
.listVolunteering { list-style-type:none; }
.listVolunteering:first-child { margin:20px 0 0 0; }
.listVolunteering li { width:210px; margin:20px 0 0 20px; border:1px solid #999; padding:10px; float:left; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);  filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=90, Strength=3); }
.listVolunteering li:first-child { margin:20px 0 0 0; }
.listVolunteering p { color:#666; text-align:justify; }
.listVolunteering .volunteeringPic { width:123px; height:147px; margin:10px 0 0 0; background-image:url(../images/zoo.jpg); background-repeat:no-repeat; display:block; }
.listVolunteering .moneyPic { width:121px; height:123px; margin:10px 0 0 0; background-image:url(../images/money.png); background-repeat:no-repeat;  display:block; }

/* Social Media Nav */
#smallSocialIcons { width:118px; margin:6px auto 0 auto; list-style-type:none; }
#smallSocialIcons li { float:left; }
#smallSocialIcons li a { width:32px; height:32px; display:block; cursor:pointer; text-indent:-9999px; background-position:0 0; background-repeat:no-repeat; }
#smallSocialIcons li a:hover { background-position:0 -32px; }
#iconFacebook a { margin:0 10px 0 0; background-image:url(../images/icons/facebook.png); }
#iconTwitter a { margin:0 10px 0 0; background-image:url(../images/icons/twitter.png); }
#iconCEOP a { background-image:url(../images/icons/ceop.png); }

/* Game Popup */
#gamePopup { text-align:right; }
#gamePopup p { margin:0; padding:6px 6px 8px 0; font-size:0.7em; }
#gamePopup a:link, #gamePopup a:visited { color:#cecece; }
#gamePopup a:hover, #gamePopup a:active, #gamePopup a:focus { color:#fff; }



/* -------------------------------------------------------------------------------------------- */
/* Tooltips ----------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
#tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; }
#tiptip_holder.tip_top { padding-bottom: 5px; }
#tiptip_holder.tip_bottom { padding-top: 5px; }
#tiptip_holder.tip_right { padding-left: 5px; }
#tiptip_holder.tip_left { padding-right: 5px; }
#tiptip_content { font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255,255,255,0.25); background-color: rgb(25,25,25); background-color: rgba(25,25,25,0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555; }
#tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; }
#tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(255,255,255,0.35); }
#tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(25,25,25); border-top-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); }
#tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); }

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88); }
#tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88); }
#tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); }
}



/* -------------------------------------------------------------------------------------------- */
/* Global Navigation -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
#globalNav { list-style-type:none; z-index:998; position:absolute; right:0px; top:88px; width:760px; background:url(../images/nav-bg.gif) no-repeat right top; }
#globalNav li { float:left; position:relative; z-index:999; }
#globalNav li a { overflow:hidden; text-indent:-9999px; display:block; text-decoration:none; width:95px; height:46px; position:relative; z-index:999; }
#globalNav li#navZones a:link, #globalNav li#navZones a:visited { background:url(../images/nav/zones.gif) no-repeat left top; }
#globalNav li#navZones a:hover, #globalNav li#navZones a:active, #pageZones #globalNav li#navZones a:link, #pageZones #globalNav li#navZones a:visited { background:url(../images/nav/zones.gif) no-repeat left top; }
#globalNav li#navAbout a:link, #globalNav li#navAbout a:visited { background:url(../images/nav/about.gif) no-repeat left top; }
#globalNav li#navAbout a:hover, #globalNav li#navAbout a:active, #pageAbout #globalNav li#navAbout a:link, #pageAbout #globalNav li#navAbout a:visited { background:url(../images/nav/about.gif) no-repeat left top; }
#globalNav li#navSponsors a:link, #globalNav li#navSponsors a:visited { background:url(../images/nav/sponsors.gif) no-repeat left top; }
#globalNav li#navSponsors a:hover, #globalNav li#navSponsors a:active, #pageSponsors #globalNav li#navSponsors a:link, #pageSponsors #globalNav li#navSponsors a:visited { background:url(../images/nav/sponsors.gif) no-repeat left top; }
#globalNav li#navVolunteers a:link, #globalNav li#navVolunteers a:visited { background:url(../images/nav/volunteers.gif) no-repeat left top; }
#globalNav li#navVolunteers a:hover, #globalNav li#navVolunteers a:active, #pageVolunteers #globalNav li#navVolunteers a:link, #pageVolunteers #globalNav li#navVolunteers a:visited { background:url(../images/nav/volunteers.gif) no-repeat left top; }
#globalNav li#navVisit a:link, #globalNav li#navVisit a:visited { background:url(../images/nav/visit.gif) no-repeat left top; }
#globalNav li#navVisit a:hover, #globalNav li#navVisit a:active, #pageVisit #globalNav li#navVisit a:link, #pageVisit #globalNav li#navVisit a:visited { background:url(../images/nav/visit.gif) no-repeat left top; }
#globalNav li#navContact a:link, #globalNav li#navContact a:visited { background:url(../images/nav/contact.gif) no-repeat left top; }
#globalNav li#navContact a:hover, #globalNav li#navContact a:active, #pageContact #globalNav li#navContact a:link, #pageContact #globalNav li#navContact a:visited { background:url(../images/nav/contact.gif) no-repeat left top; }
#globalNav li#navResources a:link, #globalNav li#navResources a:visited { background:url(../images/nav/resources.gif) no-repeat left top; }
#globalNav li#navResources a:hover, #globalNav li#navResources a:active, #pageResources #globalNav li#navResources a:link, #pageResources #globalNav li#navResources a:visited { background:url(../images/nav/resources.gif) no-repeat left top; }
#globalNav li#navNews a:link, #globalNav li#navNews a:visited { background:url(../images/nav/news.gif) no-repeat left top; }
#globalNav li#navNews a:hover, #globalNav li#navNews a:active, #pageNews #globalNav li#navNews a:link, #pageNews #globalNav li#navNews a:visited { background:url(../images/nav/news.gif) no-repeat left top; }
/* sub nav - drop downs:*/

#wrapper #globalNav li ul { position:absolute; width:190px; left:-999em; padding:26px 0 0 1px; list-style-type:none; top:29px; background:url(../images/sub-nav.gif) no-repeat left top; z-index:999; }
#wrapperGlow #wrapper ul[id="globalNav"] li ul { background:url(../images/sub-nav.png) no-repeat left top; }
#wrapper #globalNav li#navNews ul { background:url(../images/sub-nav-left.gif) no-repeat right top; }
#wrapperGlow #wrapper ul[id="globalNav"] li#navNews ul { background:url(../images/sub-nav-left.png) no-repeat left top; }
#wrapper #globalNav li:hover ul, #wrapper #globalNav li.sfhover ul { left:0px; }
#wrapper #globalNav li#navNews:hover ul { left:-95px; }
#wrapper #globalNav li ul li { display:block; color:#FFFFFF; text-decoration:none; width:189px; position:relative; border-bottom:1px solid #525252; }
#wrapper #globalNav li ul li:last-child { background:transparent url(../images/sub-nav-bottom.png) no-repeat left bottom; padding-bottom:11px; border:0; }
#wrapper #globalNav li#navNews ul li:last-child { background:transparent url(../images/sub-nav-bottom-left.png) no-repeat left bottom; }
#wrapperGlow #wrapper #globalNav li ul li a:link, #wrapperGlow #wrapper #globalNav li ul li a:visited { text-indent:0; background:#000; display:block; color:#fff; text-decoration:none; width:189px; height:auto; font-weight:normal; text-align:left; }
#wrapperGlow #wrapper #globalNav li ul li a:hover, #wrapperGlow #wrapper #globalNav li ul li a:active { background:#1f1f1f; text-indent:0; display:block; color:#fff; text-decoration:none; width:189px; height:auto; font-weight:normal; }
#wrapper #globalNav li ul li a span { padding:8px 17px; display:block; }



/* -------------------------------------------------------------------------------------------- */
/* Headings ----------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color:#FC0000; font-family:'CartoGothicStdBold', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif, arial, helvetica; }
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { color:#EDEB3A; font-style:normal; }
h1 { font-size:2em; padding:0 0 20px 0; }
h2 { font-size:1.5em; }
h3 { font-size:1.2em; }
h4, h5, h6 { font-size:1.2em; }
h1 a, h2 a, h3 a, h4 a { text-decoration:none; }

h1#titleBlog { width:740px; height:110px; padding:0; background-image:url(../images/headers/blog-heading.jpg); background-position:left top; background-repeat:no-repeat; text-indent:-9999px; }
#titleCommentForm { margin:20px 0; }
/* h1.styledHeader { background-position:left top; background-repeat:no-repeat; width:600px; height:25px; text-indent:-9999px; }
h1#titleAboutUs { background-image:url(../images/headers/about-us.gif); }
h1#titleBlog { width:740px; height:110px; background-image:url(../images/headers/blog-heading.jpg); }
h1#titlePublications { background-image:url(../images/headers/publications.gif); }
h1#titleZones { background-image:url(../images/headers/zones.gif); }
h1#titleSponsors { background-image:url(../images/headers/sponsors.gif); }
h1#titleVolunteers { background-image:url(../images/headers/volunteers.gif); }
h1#titleVisiting { background-image:url(../images/headers/visiting-the-zone.gif); }
h1#titleGetInTouch { background-image:url(../images/headers/get-in-touch.gif); }
h1#titleResources { background-image:url(../images/headers/resources.gif); }
h1#titleWorkBook { background-image:url(../images/headers/workbook.gif); }
h1#titleNews { background-image:url(../images/headers/news.gif); }
h1#titleDonate { background-image:url(../images/headers/ways-to-donate.gif); }
h1#titleCalendar { background-image:url(../images/headers/booking-availability.gif); }
h1#titleDates4Diaries { background-image:url(../images/headers/dates4diaries.gif); }
h1#titleFutureTeacher { background-image:url(../images/headers/future-teacher-area.gif); }
h1#titleInteractive { background-image:url(../images/headers/interactive-pages.gif); }
h1#titleComments { background-image:url(../images/headers/comments.gif); }
h1#titleOpeningTimes { background-image:url(../images/headers/opening-times.gif); }
h1#titleVolunteerLogin { background-image:url(../images/headers/volunteer-login.gif); }
h1#titleHistory { background-image:url(../images/headers/history.gif); }
h1#titleZoneDescription { background-image:url(../images/headers/description-zones.gif); }
h1#titleRelocationNews { background-image:url(../images/headers/relocation-news.gif); }
h1#titleVideos { background-image:url(../images/headers/videos.gif); }
h1#titleMeetTeam { background-image:url(../images/headers/meet-the-team.gif); }
h1#titleSchoolGuides { background-image:url(../images/headers/school-guides.gif); }
h1#titleOtherOpportunities { background-image:url(../images/headers/other-opportunities.gif); }
h1#titleSchools { background-image:url(../images/headers/schools.gif); }
h1#titleOther { background-image:url(../images/headers/find-us.gif); }
h1#titleYear6 { background-image:url(../images/headers/year-6-learning-points.gif); }
h1#titleFundraise { background-image:url(../images/headers/fundraise.gif); }
h1#titleVolunteer { background-image:url(../images/headers/volunteer.gif); }
h1#titleLegacy { background-image:url(../images/headers/leave-a-legacy.gif); }
h1#titleBecomeAFriend { background-image:url(../images/headers/become-a-friend.gif); }
h1#titleInteract { background-image:url(../images/headers/interact-with-us.gif); }
h1#titleFundraising { background-image:url(../images/headers/easy-fundraising-easy-search.gif); }
h1.dynamicTitle { width:500px; height:37px; padding:0; margin:0 0 8px 0; font-weight:normal; color:#fff; line-height:37px; background-color:#262626; }
h1#titleHowYouCanHelp { background-image:url(../images/headers/hwo-you-can-help.gif); }
h1.dynamicTitle { width:500px; height:37px; padding:0; margin:0 0 8px 0; color:#fff; line-height:37px; background-color:#262626; }
h2.styledHeader { width:490px; background-position:left top; background-repeat:no-repeat; padding:0; margin:0 0 8px 0; }
*/ 
#titleInteract { text-align:center; }
#sup1 h2 a { width:151px; height:208px; background:url(../images/book-now.jpg) no-repeat left top; display:block; overflow:hidden; text-indent:-9999px; }
#pageSiteMap .contentBlock ul { /* site map lists */ list-style-type:none; margin:8px 0 12px 13px; clear:both; }
#pageSiteMap .contentBlock ul li { padding-bottom:5px; }
#pageSiteMap .contentBlock ul ul { margin:0 0 0 15px; }
.contentBlock form { padding:0px 24px 12px 12px; }
.contentBlock form h1, .contentBlock form h2, .contentBlock form h3, .contentBlock form h4, .contentBlock form h5, .contentBlock form h6, .contentBlock form p { padding-left:0; }
.smaller { font-size:0.85em; }
.alert, .alert2, .alert3, .success { display:block; padding:3px; color:white; font-weight:bold; margin-bottom:10px; }
.success { background-color:#088200; }
.alert, .alert2, .alert3 { background-color:#990010; }
abbr { border:0; }
.colWrapper { width:730px; margin:0 0 30px 0; }
.colLeft { width:143px; float:left; }
.colRight { width:567px; float:right; }
.colLeft h2 { margin:0; padding:0; }
.colLeft img { margin:12px auto; }
.colRight p { padding:4px 0; }
.downloadLink { line-height:20px; padding:0 0 0 20px; display:block; background:url(../images/icons/pdf.png) 0 0 no-repeat; }
.downloadLink img { margin-right:7px; float:left; }
#contentManaged ol, #contentManaged ul { margin:0 0 0 30px; list-style-type:disc; }
#contentManaged object { clear:both; }
#contentManaged table { clear:both; width:98%; }
#contentManaged table#csi { clear:both; width:392px; text-align:center; vertical-align:middle; }
#contentManaged img { border:1px solid #222; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3); box-shadow:0 1px 2px rgba(0, 0, 0, 0.3); }
#contentManaged img.csiImage { border:none; }
#mainContent img { float:left; margin:0 0 8px 0; }



/* -------------------------------------------------------------------------------------------- */
/* Structural --------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.supplementaryContent .panel { width:200px; border:1px solid #CCCCCC; margin-bottom:11px; }
.supplementaryContent .panel form, .supplementaryContent .panel .panelInner { padding-bottom:11px; }
.supplementaryContent .panel fieldset, .supplementaryContent .panel .panelInner p { padding:3px 15px 9px 15px; }
.supplementaryContent .panel .styledInput { border:1px solid #999999; color:#2B2B2C; background:#fff url(../images/input-repeater.gif) repeat-x left top; width:164px; margin-bottom:6px; padding:2px; }
.supplementaryContent #subscribePanel #privacyLink { display:block; padding:10px 0px; }
/* side panel lists:*/
.supplementaryContent .panel ul { list-style-type:none; padding-bottom:3px; }
.supplementaryContent .panel form ul { background:none; }
.supplementaryContent #categoryNavigation ul, .supplementaryContent #brandNavigation ul { background:none; padding-bottom:0; }
.supplementaryContent .panel h2 { width:185px; height:16px; padding:6px 0px 8px 15px; }

#news-list, #comments-list { list-style-type:none; }
#news-list li { padding-bottom:6px; margin-bottom:15px; }
#comments-list li { padding-bottom:12px; margin-bottom:15px; border-bottom:1px solid #c3c3c3; }
#news-list li:last-child { border:0; }
#news-list .newsWrapper { height:167px; display:inline-block; background:url(../images/bg-news2.png) 0 0 repeat-x; }
#news-list .newsInner { height:167px; position:relative; right:-1px; background:url(../images/bg-news-end2.png) right top no-repeat; }
#news-list h2 { padding:30px 15px 0 15px; display:inline-block; color:#444; text-transform:uppercase; font-family:sans-serif, Arial, Helvetica; font-weight:bold; letter-spacing:-0.02em; }
#news-list p { padding:10px 15px 0 15px; color:#444; }
#news-list .date { text-align:left; font-size:1.2em; font-family:'CartoGothicStdBold', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif, arial, helvetica; }
#news-list .txt-right { text-align:left; font-size:1em; font-family:'CartoGothicStdBold', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif, arial, helvetica; }
#news-list .fakeP { clear:both; }
#news-list .fakeP p, #comments-list .fakeP p { padding:0; }
#interactivePopups { list-style-type:none; }
#interactivePopups li { clear:both; border-top:1px solid #c3c3c3; padding:12px 0 0 0; }
#interactivePopups li:first-child { border:0; }
#interactivePopups img { float:left; margin-right:12px; margin-bottom:12px; border:1px solid #2E2E2E; }
#interactivePopups .textBlock { float:right; width:370px; padding-bottom:12px; }
#comments-list .commentHead { font-family:'CartoGothicStdBold', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif, arial, helvetica; background:url(../images/header-dots.gif) no-repeat 0 4px; padding-left:40px; }


/* -------------------------------------------------------------------------------------------- */
/* Breadcrumbs & Pagination ------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
#breadcrumbs { list-style-type:none; padding-left:14px; width:auto; float:none; padding-bottom:12px; padding:5px 15px; background-color:#262626; width:auto; }
#breadcrumbs li { display:inline; }
.paginationBlock { color:#999; width:740px; float:right; text-align:right; padding:10px 0; }
.paginationBlock .showing { float:left; }
#topPagination { border-bottom:1px solid #999999; margin-bottom:20px; }
#bottomPagination { color:#999999; border-top:1px solid #999; width:740px; float:none; padding-top:10px; }
.paginationBlock p { padding:0 0 4px 0; margin:0; }
#breadcrumbProcess { list-style-type:none; width:100%; height:24px; background:#2B2B2C url(../images/fade-repeater.gif) repeat-x left top; border:1px solid #595A5D; color:#fff; position:relative; margin-bottom:15px; }
#breadcrumbProcess li { width:27%; height:24px; line-height:24px; float:left; display:block; background-image:url(../images/breadcrumb-arrow-white.gif); background-repeat:no-repeat; background-position:left center; }
#wrapper ol[id="breadcrumbProcess"] li { /* present png for better browsers */ background-image:url(../images/breadcrumb-arrow-white.png); }
#breadcrumbProcess li span { padding:0 0 0 42px; font-size:0.9em; }
#breadcrumbProcess li#process1 { width:19%; background:none; }
#breadcrumbProcess li#process1 span { padding:0 0 0 12px; }
/* show current stage:*/
#pageRegister1 #breadcrumbProcess li#process1, #pageCheckout1 #breadcrumbProcess li#process1, #pageRegister2 #breadcrumbProcess li#process2, #pageCheckout2 #breadcrumbProcess li#process2, #pageRegister3 #breadcrumbProcess li#process3, #pageCheckout3 #breadcrumbProcess li#process3, #pageRegister4 #breadcrumbProcess li#process4, #pageCheckout4 #breadcrumbProcess li#process4 { color:#e75823; }
/* --------  CMS pages and login -------- */
.contentBlock { /* any content managed pages will sit within this block:*/ position:relative; margin:0 0 20px 0; clear:both; }



/* -------------------------------------------------------------------------------------------- */
/* Blog --------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
#blogListing, #newsListing { list-style-type:none; }
#blogListing li, #newsListing li, .contentBlockReverse { width:718px; border:1px solid #d40701; position:relative; margin:0 0 20px 0; padding:10px; background:#d40701 url(../images/bg-red.gif) 0 0 repeat-x; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); box-shadow:0 1px 3px rgba(0, 0, 0, 0.3); }
.contentBlockReverse #commentsList { padding:0 0 0 20px; }
#commentsList li p { font-size:1em; }
#pageBlog .contentBlock { padding:10px 0 20px 0; border-bottom:1px solid #ccc; }
#blogListing li .article-title a { color:#fff; text-transform:uppercase; }
#blogListing li .date { color:#ddd; }
#blogListing li p, .contentBlockReverse p, .contentBlockReverse h3 { color:#fff; text-shadow:0 1px 1px rgba(0, 0, 0, 0.3); }
#blogListing li a, .contentBlockReverse a, .contentBlockReverse label { color:#ddd; text-shadow:0 1px 1px rgba(0, 0, 0, 0.3); }
.article-title { color:#e51503; text-transform:uppercase; }
.contentBlockReverse .styledForm textarea, .contentBlockReverse .styledForm input { width:400px; }
.article-title a:link, .article-title a:visited { text-decoration:none; color:#fff; }
.article-title a:active, .article-title a:hover { text-decoration:underline; }
#splitLeft, #splitRight { width:45%; }
#splitLeft { padding-top:2px; float:left; margin-bottom:0; /* fix IE double margin bug:*/ display:inline;/* also inherits from .contentBlock */ }
#splitRight { padding-top:2px; float:right; margin-bottom:0; clear:none; }
#Wrapper #splitRight .fakebutton { float:left; }
#splitLeft h2.styledHeader, #splitRight h2.styledHeader { width:100%; }



/* -------------------------------------------------------------------------------------------- */
/* Alert Boxes -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.alertBox, .successBox { border:1px solid #DADADB; position:relative; color:#1E1E1E; margin:10px 1px; padding:12px; clear:both; }
.alertBox p, .alertBox ul { padding:3px 11px 6px 45px; background:url(../images/alert-prompt.gif) no-repeat left top; /* this has a corresponding entry in IE6.css */ min-height:21px; }
.successBox p, .successBox ul { padding:3px 11px 6px 45px; background:url(../images/success-prompt.gif) no-repeat left top; /* this has a corresponding entry in IE6.css */ min-height:21px; }
#wrapper .helpBox { background-color:#95B896; }
#wrapper .helpBox, #wrapper .helpBox a:link, #wrapper .helpBox a:visited, #wrapper .helpBox h2 { color:#FFFFFF; }
#keyWrapper { clear:left; }



/* -------------------------------------------------------------------------------------------- */
/* Tables ------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
.styledTable { border-collapse:collapse; font-size:1em; width:500px; margin:0px 0px 30px 0px; background:#fff; border:1px solid #DADADB; position:relative; color:#1E1E1E; clear:both; margin:0px 0px 30px 0px; }
#pageWish .styledTable { margin:0px 0px 10px 0px; }
.tableWrapperFixedInner { position:relative; }
.tableWrapperFixedWidth { width:502px; }
.styledTable th { color:#ffffff; padding:4px 15px; background:#2B2B2C; border-bottom:1px solid #DADADB; }
.styledTable td { padding:8px 15px; border-bottom:1px solid #DADADB; height:23px; }
.styledTable .styledInput, .contentBlock .styledInput { border:1px solid #666666; color:#2B2B2C; background:#fff url(../images/input-repeater.gif) repeat-x left top; margin:3px 0 6px 0; padding:1px 0 0 2px; }
.styledTable .fixedWidthHead { /* standardise tables with <th>s in the left column:*/ width:120px; }
.styledTable .againstInput { float:right; margin:6px 0 0 7px; }
#wrapper .styledRadioSelectForm .styledTable { /* tables in checkout process forms:*/ width:658px; border:1px solid #46474A; }
.styledRadioSelectForm .styledTable th, .styledRadioSelectForm .styledTable td { border-bottom:1px solid #46474A; }
.contentBlock .styledTable { /* tables in account pages within contentBlock:*/ width:694px; border-top:1px solid #fff; border-left:0; border-right:0; border-bottom:0; margin:3px 0; }
.contentBlock .styledTable tr:last-child td, .contentBlock .styledTable tr:last-child th { border-bottom:1px solid #AFAFB0; }
#pageBasket .contentBlock #basket_message { width:470px; margin:6px 0 10px 15px; padding:0; }
#pageManageAccount .styledTable { /* lots of tables on the account management page, so split them apart visually:*/ margin-top:26px; margin-bottom:6px; }



/* -------------------------------------------------------------------------------------------- */
/* Dynamic Products --------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
#wrapper .productListing .offer-sell { list-style-type:none; }
#wrapper .productListing .item { float:left; margin:0 8px 6px 0; border:1px solid #DADADB; width:158px; /* width needs fixing for IE because of the border - in separate IE6.css */ position:relative; color:#1E1E1E; }
#wrapper .productListing .offer-sell .lastItem { margin-right:0; }
#wrapper .productListing .offer-sell .photo { position:relative; }
#wrapper .productListing .offer-sell .photo .new { /* new or offer strip */ position:absolute; left:0; top:0; }
#wrapper .productListing .offer-sell .photo .new img { border:0; }
#wrapper .productListing .offer-sell .photo img { border:1px solid #B5ADA9; }
#wrapper .productListing .nonMicroformatWrapper { /* not required for microformat, but useful for keeping prod details together */ border-top:1px solid #fff; padding:10px; min-height:100px;/*helps to keep the height consistent in columnar layout - fixed in IE6.css*/ display:block; }
#wrapper .productListing h3 { padding-bottom:6px; }
#wrapper .productListing h3.fn a { font-family:"Trebuchet MS", trebuchet, helvetica, arial, sans-serif; color:#1E1E1E; text-decoration:none; }
#wrapper .productListing p { color:#1E1E1E; padding-bottom:0; }
#wrapper .productListing .price { color:#1E1E1E; font-weight:bold; float:left; width:120px; padding-top:5px; padding-bottom:8px; text-align:left; }
#wrapper .productListing .price del { /* pre-sale price:*/ text-decoration:line-through; }
#wrapper .productListing .price ins { /* sale price:*/ text-decoration:none; }
#wrapper .productListing .stockMessage { font-size:0.85em; padding-top:5px; float:left; width:72px; padding-bottom:8px; }
.item .styledSubmit { margin:3px 3px 10px 3px; }
.item .description { font-size:0.9em; }
#wrapper .productListing .versionsWrapper { /* if versions are used for this product:*/ padding:6px 0 6px 11px; }
#wrapper .productListing .styledSelect { /* if versions are used for this product:*/ width:133px; }
/* hide microformat details without disabling them:*/
#wrapper .productListing .tagLink, #wrapper .productListing .vcard { position:absolute; left:-9999px; }
#wrapper .productListing form { clear:both; }
/*customers also bought*/
#wrapper #customersAlsoBought { margin:15px 0px 10px 0px }



/* -------------------------------------------------------------------------------------------- */
/* Links -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
a:link, a:visited { color:#FC0000; text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
#footer a:link, #footer a:visited { color:#fff; font-weight:normal; text-decoration:none; }
#footer a:hover, #footer a:active { color:#fff; font-weight:normal; text-decoration:underline; }
#footerLinks a:link, #footerLinks a:visited { color:#2BA600; font-weight:normal; }
#footerLinks a:hover, #footerLinks a:active { color:#fff; font-weight:normal; text-decoration:underline; }
.supplementaryContent .panel ul a:link, .supplementaryContent .panel ul a:visited { /* fix IE bug:*/ display:inline-block; }
.supplementaryContent .panel ul a:link, .supplementaryContent .panel ul a:visited { display:block; border-top:1px solid #46474A; margin:0 2px; text-decoration:none; color:#fff; font-weight:normal; background:#666666; }
.supplementaryContent .panel ul a:hover, .supplementaryContent .panel ul a:active { display:block; border-top:1px solid #46474A; margin:0 2px; color:#fff; background:#e75823; text-decoration:none; font-weight:normal; }
.supplementaryContent .panel ul a span { display:block; padding:4px 15px; }
.styledTable a:link, .styledTable a:visited { font-weight:normal; text-decoration:none; color:#2B2B2C; }
.styledTable a:hover, .styledTable a:active { font-weight:normal; text-decoration:underline; color:#2B2B2C; }
.actionLinks { list-style-type:none; margin:8px 0 12px 0; clear:both; }
p + .actionLinks { margin-top:0; }
.actionLinks li { padding-bottom:5px; }
#wrapper .styledLink { padding:2px 15px; }
/*this is to make the submit button appear like other links. for example, add to my wishlist in product details. Separate fix in IE.css*/
#wrapper .actionLinks .styledLink { padding:2px 0px 0px 12px; font-size:1.05em; }
.actionLinks a:link, .actionLinks a:visited, .actionLinks .styledLink { border:0px; background:url(../images/action-arrow.gif) no-repeat 0 6px; padding:2px 2px 2px 15px; text-decoration:none; color:#292929; font-weight:normal; }
.actionLinks a:hover, .actionLinks a:active, .actionLinks .styledLink:hover { cursor:pointer; background:url(../images/action-arrow.gif) no-repeat 2px 6px; padding:2px 2px 2px 15px; text-decoration:none; color:#292929; font-weight:normal; }
#pageSiteMap .contentBlock ul a:link, #pageSiteMap .contentBlock ul a:visited { background:url(../images/action-arrow.gif) no-repeat 0 6px; padding:2px 2px 2px 15px; text-decoration:none; color:#292929; font-weight:normal; }
#pageSiteMap .contentBlock ul a:hover, #pageSiteMap .contentBlock ul a:active { background:url(../images/action-arrow.gif) no-repeat 2px 6px; padding:2px 2px 2px 15px; text-decoration:none; color:#292929; font-weight:normal; }
.contentBlock .actionLinks { padding-left:11px; }
#pageForgotPassword .contentBlock .actionLinks { padding-left:12px; }

/* Sub Categories */
.supplementaryContent .panel ul ul a:link, .supplementaryContent .panel ul ul a:visited { background:#2B2B2C url(../images/arrow.gif) no-repeat 15px 7px; }
.supplementaryContent .panel ul ul a:hover, .supplementaryContent .panel ul ul a:active { background:#373738 url(../images/arrow.gif) no-repeat 15px 7px; }
.supplementaryContent .panel ul ul a span { display:block; padding:4px 15px 4px 30px; }
#breadcrumbs a:link, #breadcrumbs a:visited { color:#fff; font-weight:bold; text-decoration:none; padding-right:12px; background:url(../images/arrow.gif) no-repeat right center; }
#breadcrumbs a:hover, #breadcrumbs a:active { color:#e75823; font-weight:bold; text-decoration:none; padding-right:12px; background:url(../images/arrow.gif) no-repeat right center; }
.paginationBlock a:link, .paginationBlock a:visited { color:#666666; font-weight:bold; text-decoration:none; }
.paginationBlock a:hover, .paginationBlock a:active { color:#e75823; font-weight:bold; text-decoration:none; }
.paginationBlock a span { /* style the next/prev/first/last links differently:*/ font-weight:normal; }



/* -------------------------------------------------------------------------------------------- */
/* Buttons ------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------- */
#wrapper .styledSubmit { border:1px solid #4A4A2C; background:#2B2B2C; color:#ffffff; padding:3px 12px; cursor:pointer; line-height:16px; /* stop IE adding its own padding:*/ overflow:visible; }
#wrapper .styledSubmit:hover, #wrapper .styledSubmit:active { border:1px solid #000; }
#whlBasket { float:right; margin:4px 0px 0px 0px; }
.fakeButton:link, .fakeButton:visited { background:#2B2B2C; color:#ffffff; overflow:hidden; display:block; line-height:16px; padding:5px 12px; float:left; margin:3px; /* the padding is adjusted in IE6.css */ cursor:pointer; text-decoration:none; font-weight:normal; }
.fakeButton:hover, .fakeButton:active { background:#2B2B2C; color:#ffffff; overflow:hidden; display:block; line-height:16px; padding:5px 12px; /* the padding is adjusted in IE6.css */ cursor:pointer; text-decoration:none; font-weight:normal; }
#pageCheckout3 #wrapper .fakeButton { float:right!important; }
.contentBlock .fakeButton:link, .contentBlock .fakeButton:visited, .contentBlock .fakeButton:hover, .contentBlock .fakeButton:active { /* IE6 needs all the :link etc writing out */ float:left; margin-left:8px; }
.contentBlock .fakeButtonCancel:link, .contentBlock .fakeButtonCancel:visited, .contentBlock .fakeButtonCancel:hover, .contentBlock .fakeButtonCancel:active { float:left; }
.supplementaryContent .panel .fakeButton, .supplementaryContent .panel .styledSubmit { float:left; }
.panel #searchPanelSubmit { width:58px; height:25px; }
.panel #accountPanelSubmit { width:58px; height:25px; }
#pageBasket #basketUpdate { float:left; }
#pageBasket #basketCheckout { float:right; }
.editThis { position:absolute; width:170px; right:8px; top:7px; z-index:150; }
#pageMyAccount .styledTable .fakeButton, #pageMyAccount #wrapper .addButton, #pageMyOrders .styledTable .fakeButton, #pageMyOrders #wrapper .addButton { background:none; text-indent:0px; color:#666666; float:left; padding-left:35px; overflow:auto; margin-left:8px; margin-bottom:5px; }
#pageMyAccount .accountSubHead, #pageMyOrders .accountSubHead { color:#ffffff; background-color:#999999; display:block; width:490px; padding:10px 5px; margin-top:10px; }
.styledForm input.button, a.button { width:139px; height:34px; margin:0 0 0 170px; padding:0; border:0; display:block; position:relative; cursor:pointer; text-indent:-9999px; background-position:0 0; background-repeat:none; background-color:transparent; }
.styledForm .button:hover { left:1px; top:1px; }
.button-sendComment { background-image:url(../images/send-button.png); }



/* -------------------------------------------------------------------------------------------- */
/* Forms -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
#wrapper .styledForm { clear:both; padding:0; }
.styledForm br, .styledForm .clearer { clear:both; width:100%; }
.styledForm label, .styledForm .fakeLabel { float:left; width:170px; padding-top:4px; }
#addVolunForm label { width:220px; }
.styledForm select, .styledForm textarea, .styledForm input { display:block; float:left; margin-bottom:8px; padding:2px; }
.styledForm .styledInput, .styledForm .styledTextArea { border:1px solid #C3C3C3; color:#2B2B2C; background:#fff url(../images/input-repeater.gif) repeat-x left top; width:200px; margin-bottom:6px; padding:1px 0 0 2px; }
.styledForm .styledInputSingle { border:1px solid #C3C3C3; color:#2B2B2C; background:#fff url(../images/input-repeater.gif) repeat-x left top; width:20px; margin-bottom:6px; margin-right:2px; padding:1px 0px 0 2px; }
.styledForm .styledSelect { border:1px solid #C3C3C3; color:#2B2B2C; background:#fff url(../images/input-repeater.gif) repeat-x left top; width:168px; margin-bottom:6px; padding:1px 0 0 2px; }
#addVolunForm .styledSelect, #addVolunForm .styledInput { width:280px; }
.miniRadioLabel { float:left; margin:4px 6px 0 0; }
.AMPMRadio { float:left; margin:4px 0 0 0; }
#am_reg, #pm_reg, #both_reg { float:right; clear:right; text-align:left; display:block; width:350px; }
.styledForm .styledCheckbox { margin:5px 12px 0 0; float:left; }
.styledForm .styledSubmit { margin-top:12px; }

/* Split 50/50 Forms */
#splitWrapper .styledForm label { float:left; width:150px; }
.styledForm .contextHelp { font-size:0.85em; padding-left:8px; line-height:20px; float:left; }
.styledRadioSelectForm ol, .styledRadioSelectForm ul { list-style-type:none; }
.styledRadioSelectForm li { padding-bottom:8px; }
.styledRadioSelectForm li label { float:right; width:430px; display:block; }
.styledRadioSelectForm li span { /* radio button holder */ float:left; width:20px; }
.styledRadioSelectForm span input { /* radio button */ margin-top:3px; }
.styledRadioSelectForm br { width:100%; clear:both; }
.styledRadioSelectForm .styledSubmit, .styledRadioSelectForm .fakeButton { float:right; margin-bottom:12px; }
.styledRadioSelectForm .fakeLabel { float:left; width:200px; padding-top:4px; }



/* -------------------------------------------------------------------------------------------- */
/* TinyMCE ------------------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------------------------- */
.csi { display:block; text-indent:-9999px; width:196px; height:132px; background:url(../images/csi.jpg) no-repeat; position:absolute; top:-132px; left:400px; overflow:hidden; z-index:3000; }
#pageHome .csi, #pageCelebration .csi { display:none; }
#mainContent .ImageLeft { float:left; margin:0 12px 12px 0; display:block; }
#mainContent .ImageRight { float:right; margin:0 0 12px 12px; display:block; }
#mainContent .clearImages { clear:both; }



/* -------------------------------------------------------------------------------------------- */
/* Font Face ---------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
@font-face { font-family:'AniversBold'; src:url('../backoffice/font-face/anivers-bold-webfont.eot'); src:local('☺'), url('../backoffice/font-face/anivers-bold-webfont.woff') format('woff'), url('../backoffice/font-face/anivers-bold-webfont.ttf') format('truetype'), url('../backoffice/font-face/anivers-bold-webfont.svg#webfont') format('svg'); font-weight:normal; font-style:normal; }

@font-face { font-family:'CartoGothicStdBook'; src:url('CartoGothicStd-Book-webfont.eot'); src:local('☺'), url('../backoffice/font-face/CartoGothicStd-Book-webfont.woff') format('woff'), url('../backoffice/font-face/CartoGothicStd-Book-webfont.ttf') format('truetype'), url('../backoffice/font-face/CartoGothicStd-Book-webfont.svg#webfont') format('svg'); font-weight:normal; font-style:normal; }

@font-face { font-family:'CartoGothicStdItalic'; src:url('CartoGothicStd-Italic-webfont.eot'); src:local('☺'), url('../backoffice/font-face/CartoGothicStd-Italic-webfont.woff') format('woff'), url('../backoffice/font-face/CartoGothicStd-Italic-webfont.ttf') format('truetype'), url('../backoffice/font-face/CartoGothicStd-Italic-webfont.svg#webfont') format('svg'); font-weight:normal; font-style:normal; }

@font-face { font-family:'CartoGothicStdBold'; src:url('../backoffice/font-face/CartoGothicStd-Bold-webfont.eot'); src:local('☺'), url('../backoffice/font-face/CartoGothicStd-Bold-webfont.woff') format('woff'), url('../backoffice/font-face/CartoGothicStd-Bold-webfont.ttf') format('truetype'), url('../backoffice/font-face/CartoGothicStd-Bold-webfont.svg#webfont') format('svg'); font-weight:normal; font-style:normal; }

@font-face { font-family:'CartoGothicStdBoldItalic'; src:url('CartoGothicStd-BoldItalic-webfont.eot'); src:local('☺'), url('../backoffice/font-face/CartoGothicStd-BoldItalic-webfont.woff') format('woff'), url('../backoffice/font-face/CartoGothicStd-BoldItalic-webfont.ttf') format('truetype'), url('../backoffice/font-face/CartoGothicStd-BoldItalic-webfont.svg#webfont') format('svg'); font-weight:normal; font-style:normal; }

@font-face { font-family:'BebasNeueRegular'; src:url('../backoffice/font-face/BebasNeue-webfont.eot'); src:local('☺'), url('../backoffice/font-face/BebasNeue-webfont.woff') format('woff'), url('../backoffice/font-face/BebasNeue-webfont.ttf') format('truetype'), url('../backoffice/font-face/BebasNeue-webfont.svg#webfontYW4lu6A6') format('svg'); font-weight:normal; font-style:normal; }

/* Hide @font-face until rendered */
.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading p { /* Hide until rendered */ visibility:hidden; }