/*
-----------------------------------------------------
Kellogg's Zookeeper (kelloggs.co.uk/whatson/zoo/) SCREEN style sheet
author:   mN -> hello@magneticn.co.uk
version:  2007.12
----------------------------------------------------- */

/*--------- Y!UI font and element normalisation ---------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

/* Main styles start here */
html { height: 100%; margin-bottom: 1px; }
body{ font-size:77%; background:url(../images/global/main_bg.png) repeat-x #fff; }
.clear{ width:auto; height:0 !important; overflow:hidden; position:relative; clear:both; }
strong{ font-weight:700; }
a{ outline:none; }

img, div { behavior: url(/iepngfix.htc) }

#floral{ background:url(../images/global/outer_bg.jpg) no-repeat center top; min-width:960px; }

#o-container{ width:960px; min-height:608px; height:auto !important;  margin:0 auto 10px auto; position:relative; overflow:hidden; }

#i-container{ width:920px; margin:48px 0 0 20px; background:url(../images/global/content_grad.jpg) no-repeat; min-height:471px; height:auto !important; height:471px; }
.home #i-container{  background:url(../images/global/inner_grad.jpg) no-repeat; }

#header{ background:url(../images/global/header_bg.jpg) no-repeat; height:51px; margin:0 0 54px 20px; }
#floral h1{ background:url(../images/global/kelloggs_logo.gif); width:100px; height:37px; position:absolute; top:10px; left:48px; }
#floral h1 a{ display:block; height:37px; text-indent:-9999px; }

#breadcrumb{ position:absolute; top:33px; left:676px; width:400px; }
#breadcrumb p{ float:left; display:inline; margin-right:4px; color:#434343; font-size:0.9em; }
#breadcrumb li{ display:inline; background:url(../images/global/bread_arrow.gif) no-repeat 0 50%; padding:0 0 0 7px; margin-right:4px; }
#breadcrumb li a{ font-size:0.9em; text-decoration:none; color:#434343; }
#breadcrumb li.active a{ color:#df2700; }
#breadcrumb li a:hover{ text-decoration:underline; color:#df2700; }

#floral h2{ background:url(../images/global/zookeeper_logo.jpg); width:267px; height:54px; position:absolute; top:51px; left:0; text-indent:-9999px; }
#floral h2 a{ display:block; height:54px; }

ul#nav-main{ width:671px; height:48px; position:absolute; top:57px; left:267px; background: url(../images/nav/bg.jpg) top right no-repeat;}
#nav-main li{ float:left; }
#nav-main li a{ text-indent:-9999px; display:block; height:48px; overflow:hidden; background-repeat:no-repeat; }

#prizes{ width:110px; background-image:url(../images/nav/prizes.jpg); }
a#prizes:hover{ background-position:-110px 0; }
li.active a#prizes{ background-position:-220px 0; }

a#enter{ width:116px; background-image:url(../images/nav/enter.jpg); }
a#enter:hover{ background-position:-116px 0; }
li.active a#enter{ background-position:-232px 0; }

a#finder{ width:127px; background-image:url(../images/nav/finder.jpg); }
a#finder:hover{ background-position:-127px 0; }
li.active a#finder{ background-position:-254px 0; }

a#academy{ width:151px; background-image:url(../images/nav/academy.jpg); }
a#academy:hover{ background-position:-151px 0; }
li.active a#academy{ background-position:-302px 0; }

a#welfare{ width:162px; background-image:url(../images/nav/welfare_new.jpg); }
a#welfare:hover{ background-position:-162px 0; }
li.active a#welfare{ background-position:-324px 0; }

#content{ width:912px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; margin:0 0 0 0px; position:relative; padding:0 2px 0 2px; }
.home #content{ width:918px; padding:0; }
.home #content{ padding-top:146px; }

h3#be-zoo-keeper{ background:url(../images/home/be_zoo_keeper.jpg); width:692px; height:140px; text-indent:-9999px; position:absolute; top:0; left:-1px; }
h4#free-zoo-title{ background:url(../images/home/free_zoo_title.jpg); width:393px; height:49px; margin:0 0 10px 20px; text-indent:-9999px;}
h4#meet-the-title{ background:url(../images/home/meet_the.jpg); width:244px; height:26px; margin:0 0 10px 20px; text-indent:-9999px;}
.home #content p{ color:#666666; width:386px; line-height:1.4; margin:0 0 10px 20px; }
.home #content p strong{ font-weight:700; }
.home #content p a{ color:#5c9526; font-weight:700; text-decoration:none; }
.home #content p a:hover{ text-decoration:underline; }

.more{ zoom:1; background:url(../images/global/green_arrow.gif) no-repeat 100% 50%; padding:0 10px 0 0; color:#16651b; text-decoration:none; font-weight:700; }
a.more:hover{ }
#free-zoo-shot{ background:url(../images/home/free_zoo_ticket.jpg); width:177px; height:122px; position:absolute; top:260px; left:355px;text-indent:-9999px; }
#video{ width:487px; height:374px; position:absolute; top:0; left:441px; background:url(../images/home/video_alt.jpg) no-repeat;}
#site-info{ background:url(../images/global/footer_bg.gif) no-repeat; width:926px; height:27px; margin:-3px 0 0 4px; padding:18px 0 0 20px; }
#site-info p, #site-info a{ font-size:0.9em; color:#666666; text-decoration:none; }
#site-info a:hover{ text-decoration:underline; }
#site-info p{ float:left; display:inline; margin-right:8px; }
#site-info ul li{ display:inline; background:url(../images/global/footer_arrow.gif) no-repeat 0 60%; padding-left:7px; margin-right:4px; }
#site-info li.madeby {float: right; margin-top:-15px; padding-right:15px;}

.dot-divider{ width:902px; height:2px; overflow:hidden; background:url(../images/global/dotted_divider.gif) repeat-x; margin:0 0 0 8px; }
.dot-divider hr{ position:absolute; top:-9999px; }

ul#home-pods{ height:127px; margin:10px 0 0 0; padding-bottom:4px; }
ul#home-pods li{ float:left; }
ul#home-pods li a{ display:block; text-indent:-9999px; }
a#earn-your{ background:url(../images/home/earn_your.jpg); width:331px; height:127px; margin:0 5px 0 18px; }
a#enter-codes{ background:url(../images/home/enter_codes.jpg); width:331px; height:127px; margin:0 5px 0 18px; }
a#find-zoo{ background:url(../images/home/find_zoo.jpg); width:289px; height:102px; margin:15px 5px 0 0; }
a#make-difference{ background:url(../images/home/make_difference.jpg); width:254px; height:102px; margin:15px 0 0 0; }

/* Find a zoo near you content */
h3#find-zoo-title{ background:url(../images/zoo-finder/find_zoo_title.jpg); width:480px; height:114px; margin:8px 0 0 0; }
#map{ width:338px; height:384px; position:absolute; top:38px; left:544px; }
#find-zoo-subtitle{ background:url(../images/zoo-finder/find_zoo_sub_title.jpg); width:447px; height:48px; text-indent:-9999px; margin:10px 0 0 10px; }
#finder-form{ width:467px; margin:10px 0 10px 14px; }
#finder-break-1{ background:url(../images/zoo-finder/form_break_top.gif); height:2px; overflow:hidden; }
#finder-break-2{ background:url(../images/zoo-finder/form_break_bottom.gif); height:2px; overflow:hidden; margin:10px 0 0 0; }
#finder-break-1 hr, #finder-break-2 hr{ position:absolute; top:-9999px; }
#finder-submit{ float:right; margin:10px 0 0 0; display:inline; }
#finder-select{ margin:10px 0 0 0; float:left; display:inline; padding:1px; }
#finder-acc{ margin:0 0 10px 10px; width:474px; }
#acc-head{ background:url(../images/zoo-finder/list_header.gif); height:25px; padding:8px 0 0 10px; }
#finder-acc h5{ text-indent:-9999px; height:21px; }
#finder-acc .london h5{ background:url(../images/zoo-finder/list-titles/london_south.gif); width:292px; }
#finder-acc .midlands h5{ background:url(../images/zoo-finder/list-titles/midlands_anglia.gif); width:249px; }
#finder-acc .northern-england h5{ background:url(../images/zoo-finder/list-titles/northern_england.gif); width:427px; }
#finder-acc .scotland h5{ background:url(../images/zoo-finder/list-titles/scotland.gif); width:77px; }
#finder-acc .wales h5{ background:url(../images/zoo-finder/list-titles/wales.gif); width:52px; }
#finder-acc .northern-ireland h5{ background:url(../images/zoo-finder/list-titles/northern_ireland.gif); width:139px; }
#finder-acc .roi h5{ background:url(../images/zoo-finder/list-titles/roi.gif); width:162px; }


#finder-acc .trigger{ background:url(../images/zoo-finder/list_arrow.gif) no-repeat #f2f2e3 450px 8px; color:#83832c; font-size:1.4em; font-weight:700; padding:6px 0 4px 12px; border-bottom:1px dotted #e2e2db; cursor:pointer; }
#finder-acc .alt{ background:url(../images/zoo-finder/list_arrow_alt.gif) no-repeat #fff 450px 8px; }
#finder-acc .hover{ background:url(../images/zoo-finder/list_arrow_hover.gif) no-repeat #edeff1 450px 8px; }
#finder-acc .active{ background:url(../images/zoo-finder/list_arrow_active.gif) no-repeat #edeff1 446px 10px; }
#finder-acc .slider{ border-bottom:1px dotted #e2e2db; background:#f7fafc; }
#finder-acc .slider ul{ background:#edeff1; margin-top:14px; padding-left:316px; height:24px; }
.slider ul li{ display:inline; float:left; margin:6px 14px 0 0; }
.slider ul a{ display:block; padding-top:12px; height:0 !important; height /**/:12px; overflow:hidden; }
.slider a.website{ background:url(../images/zoo-finder/btn_website.gif); width:51px; }
.slider a.map{ background:url(../images/zoo-finder/btn_map.gif); width:28px; }
.slider a.close{ background:url(../images/zoo-finder/btn_close.gif); width:36px; margin-right:0; }
#finder-acc .slider p{ padding:10px 10px 0 10px; color:#666; }
#acc-footer{ height:10px; overflow:hidden; background:url(../images/zoo-finder/list_footer.gif) no-repeat; }
#finder-acc .slider p.choose{display:block;background:transparent url(../images/zoo-finder/choose_zookeeper_here.gif) no-repeat left top;width:295px;height:15px;text-indent:-9999px;margin:10px 0 0 10px;padding:0;}

.address{display:block;float:left;width:50%;}
.zoo-logo{display:block;float:right;margin:6px 12px 0 0;width:95px;height:95px;text-indent:-9999px;background-color:#fff;background-repeat:no-repeat;background-position:50%;border:1px dotted #E2E2DB;}
.wwt-logo{display:block;float:right;margin:6px 12px 0 0;width:95px;height:95px;text-indent:-9999px;background-color:#fff;background-repeat:no-repeat;background-position:50%;border:1px dotted #E2E2DB;background-image:url(../images/zoo-finder/zoo-logos/wwt.gif);}
#amazon-world-logo{background-image:url(../images/zoo-finder/zoo-logos/amazon_world.gif);}
#birdland-logo{background-image:url(../images/zoo-finder/zoo-logos/birdland.gif);}
#birdworld-logo{background-image:url(../images/zoo-finder/zoo-logos/birdworld.gif);}
#bristol-logo{background-image:url(../images/zoo-finder/zoo-logos/bristol.gif);}
#durrell-logo{background-image:url(../images/zoo-finder/zoo-logos/durrel.gif);}
#exmoor-logo{background-image:url(../images/zoo-finder/zoo-logos/exmoor.gif);}
#living-coasts-logo{background-image:url(../images/zoo-finder/zoo-logos/living_coasts.gif);}
#newquay-logo{background-image:url(../images/zoo-finder/zoo-logos/newquay.gif);}
#paignton-logo{background-image:url(../images/zoo-finder/zoo-logos/paignton.gif);}
#living-rainforest-logo{background-image:url(../images/zoo-finder/zoo-logos/living_rainforest.gif);}
#wildwood-logo{background-image:url(../images/zoo-finder/zoo-logos/wildwood.gif);}
#birdland-logo{background-image:url(../images/zoo-finder/zoo-logos/birdland.gif);}
#zsl-london-logo{background-image:url(../images/zoo-finder/zoo-logos/zsl-london.gif);}
#colchester-logo{background-image:url(../images/zoo-finder/zoo-logos/colchester.gif);}
#drayton-manor-logo{background-image:url(../images/zoo-finder/zoo-logos/drayton_manor.gif);}
#dudley-logo{background-image:url(../images/zoo-finder/zoo-logos/dudley.gif);}
#paradise-logo{background-image:url(../images/zoo-finder/zoo-logos/paradise.gif);}
#raptor-logo{background-image:url(../images/zoo-finder/zoo-logos/raptor_foundation.gif);}
#twycross-logo{background-image:url(../images/zoo-finder/zoo-logos/twycross.gif);}
#west-midland-logo{background-image:url(../images/zoo-finder/zoo-logos/west_midland_safari.gif);}
#woburn-logo{background-image:url(../images/zoo-finder/zoo-logos/woburn.gif);}
#zsl-whipsnade-logo{background-image:url(../images/zoo-finder/zoo-logos/zsl-whipsnade.gif);}
#blackpool-logo{background-image:url(../images/zoo-finder/zoo-logos/blackpool.gif);}
#blue-planet-logo{background-image:url(../images/zoo-finder/zoo-logos/blue_planet.gif);}
#chester-logo{background-image:url(../images/zoo-finder/zoo-logos/chester.gif);}
#curraghs-logo{background-image:url(../images/zoo-finder/zoo-logos/carraghs.gif);}
#knowsley-logo{background-image:url(../images/zoo-finder/zoo-logos/knowsley_safari.gif);}
#lakeland-logo{background-image:url(../images/zoo-finder/zoo-logos/lakeland.gif);}
#tropical-logo{background-image:url(../images/zoo-finder/zoo-logos/tropical_world.gif);}
#belfast-logo{background-image:url(../images/zoo-finder/zoo-logos/belfast.gif);}
#dublin-logo{background-image:url(../images/zoo-finder/zoo-logos/dublin.gif);}
#fota-logo{background-image:url(../images/zoo-finder/zoo-logos/fota_wildlife.gif);}
#camperdown-logo{background-image:url(../images/zoo-finder/zoo-logos/camperdown_wildlife.gif);}
#deep-sea-logo{background-image:url(../images/zoo-finder/zoo-logos/deep_sea_world.gif);}
#edinburgh-logo{background-image:url(../images/zoo-finder/zoo-logos/edinburgh.gif);}
#highland-logo{background-image:url(../images/zoo-finder/zoo-logos/highland_wildlife.gif);}

/* FAQs */
#faqs{ width:581px; overflow:hidden; background:#fff; }
#faqs h1{ background:url(../images/faqs/header.jpg); width:581px; height:147px; text-indent:-9999px; }
#faqs h2{ width:581px; height:42px; text-indent:-9999px; border-bottom:1px dotted #d7d8d0; }
#title-promo-entry{ background:url(../images/faqs/promo_entry_title.gif); }
#title-prize-fund{ background:url(../images/faqs/prize_fund_title.gif); }
#title-free-tickets{ background:url(../images/faqs/free_tickets.gif); }
#title-ringtones-downloads{ background:url(../images/faqs/ringtones_title.gif); }
#faqs ul{ margin-bottom:10px; }
#faqs ul li{ background:url(../images/faqs/list_bullet1.gif) no-repeat #fff 10px 50%; padding:10px 10px 0 40px; border-bottom:1px dotted #d7d8d0; }
#faqs ul li.alt{ background:url(../images/faqs/list_bullet2.gif) no-repeat #f3f5e7 10px 50%; }
#faqs h3, #faqs p{ color:#666; }
#faqs h3{ font-weight:700; margin-bottom:5px; }
#faqs p{ margin-bottom:10px; }
#faqs p a{ color:#16651b; font-weight:700; text-decoration:none; }
#faqs p a:hover{ text-decoration:underline; }

#enter-title {background:url(../images/enter-now/enter_title.jpg); width:556px; height:117px; text-indent:-9999px;}
#every-day {background:url(../images/enter-now/title_every_day.gif); width:542px; height:51px; text-indent:-9999px; margin:20px 0 10px 20px;}

#academy-title{ background:url(../images/zoo-academy/academy_title.jpg); width:556px; height:117px; text-indent:-9999px; }
#adopt-animal{ background:url(../images/zoo-academy/title_adopt_animal.gif); width:445px; height:25px; text-indent:-9999px; margin:20px 0 10px 20px; }
#adobe-flash{ background:url(../images/zoo-academy/title_adobe_flash.gif); width:301px; height:26px; text-indent:-9999px; margin:20px 0 10px 20px; }

#conservation-title{ background:url(../images/cons-welfare/conservation_title.jpg); width:556px; height:117px; text-indent:-9999px; }
#zoos-difference{ background:url(../images/cons-welfare/title_make_difference.gif); width:300px; height:25px; text-indent:-9999px; margin:20px 0 10px 20px; }

#big-thanks{ background:url(../images/cons-welfare/title_big_thanks.gif); width:280px; height:26px; text-indent:-9999px; margin:20px 0 10px 20px; }
#content-l{ width:562px; padding-bottom:30px; }
#content-l p{ color:#666; margin:0 20px 10px 20px; line-height:125%; }
#content-l p a{ color:#537a30; font-weight:700; text-decoration:none; }
#content-l p a:hover{ text-decoration:underline; }
.intro{ font-size:1.2em; }
#biazaLogo, #giraffe-tongue, #zebra-shot{ float:right; display:inline; margin:0 20px 10px 10px; }
.cons-divider{ background:url(../images/cons-welfare/dotted_break.gif); width:524px; height:2px; overflow:hidden; margin:20px 0 20px 24px; }
#kelloggs-partnership{ background:url(../images/cons-welfare/title_biaza_partnership.gif); width:472px; height:25px; text-indent:-9999px; margin:0 0 10px 20px; }
#what-does-it-take{ background:url(../images/cons-welfare/title_take_zookeeper.gif); width:400px; height:27px; text-indent:-9999px; margin:0 0 10px 20px; }
#content-l h5.sub-title{ color:#345d0c; font-weight:700; margin:0 0 10px 20px; }
#aims-wrap{ position:absolute; top:390px; left:580px; width:264px; margin:10px 20px 20px 20px; background:url(../images/cons-welfare/aims_repeat2.gif) repeat-y; }
#aims-top{ background:url(../images/cons-welfare/aims_top2.gif) no-repeat; padding-top:6px;}
#aims-bottom{ background:url(../images/cons-welfare/aims_bottom2.gif) 0 100% no-repeat; padding-bottom:8px; }
#biaza-aims-header{ background:url(../images/cons-welfare/header_biaza_aims2.gif); width:252px; height:27px; text-indent:-9999px; margin: 0 0 0 6px; }
#aims-wrap ul{ color:#4d6d2f; text-align:center; padding:6px 16px 0 16px; }
#aims-wrap ul li{ background:url(../images/cons-welfare/aims_hr.gif) 50% 100% no-repeat; padding:4px 0 10px 0; }
#aims-wrap ul li.end{ background:none; }
.cons-welfare-montage{ background:url(../images/cons-welfare/corner_montage.jpg); width:350px; height:377px; position:absolute; top:0px; left:566px;}
.prizes-montage{ background:url(../images/prizes/top_montage.jpg); width:350px; height:383px; position:absolute; top:0px; left:566px;}
#fun-facts-title{ background:url(../images/prizes/title_fun_facts.gif); width:314px; height:26px; text-indent:-9999px; margin:0 0 10px 20px; }

/* Academy */
.prizes .cons-divider{ margin:14px 0 14px 24px; }
#i-container .academy-flash{ width:920px;padding:0;border:0; }
#prizes-title{ background:url(../images/prizes/title_never_forget.jpg); width:556px; height:117px; text-indent:-9999px; }
#prizes-subtitle{ background:url(../images/prizes/subtitle_be_a_zookeeper.gif); width:499px; height:51px; text-indent:-9999px; margin:12px 0 12px 20px; }
#content-l p#pr-find-out-more{ background:url(../images/prizes/btn_find_out_more.gif); width:308px; height:24px; margin-top:80px; }
#pr-find-out-more a{ display:block; padding-top:24px; height:0 !important; height /**/:24px; overflow:hidden; }
#seventy-times{ background:url(../images/prizes/70_x_zookeeper.gif); width:346px; height:26px; text-indent:-9999px; margin:0 0 10px 20px; }
#free-zoo-ticket{ background:url(../images/prizes/title_free_zoo.gif); width:314px; height:25px; text-indent:-9999px; margin:0 0 10px 20px; }
#ringtones-shot{ background:url(../images/prizes/ringtones_shot.jpg); width:195px; height:171px; float:right; margin:-30px 0 0 10px; }
#free-zoo-photo{ background:url(../images/prizes/free_zoo_shot.jpg); width:169px; height:172px; float:right; margin:-30px 0 -20px 10px; }
#zookeeper-goodies{ background:url(../images/prizes/zookeeper_goodies.png); width:292px; height:260px; position:absolute; top:320px; left:420px; }

#monkey-aims{ background:url(../images/cons-welfare/monkey.jpg); width:252px; height:139px; margin:2px 0 0 6px; }
#home-video-link{ position:absolute; top:320px; left:236px; display:block; width:230px; height:30px; }

#finder-label{ color:#627a08; padding:13px 0 0 8px; display:block; float:left; font-weight:700; }

.enter-now-montage{ background:url(../images/enter-now/corner_montage.jpg); width:330px; height:361px; position:absolute; top:0px; left:585px; }
#enter-now{ background:url(../images/prizes/btn_more.gif); width:110px; height:24px; overflow:hidden; }
#enter-now a{ display:block; height:24px; text-indent:-9999px; }