/* ----------------------------------------------------- Kellogg's 'Microsite Name' (http://www.kelloggs.co.uk/whatson/micrositename) SCREEN style sheet author: mN -> hello@madebymn.co.uk version: 2008.07 ----------------------------------------------------- CONTENTS: 1. GLOBAL 2. TYPOGRAPHY 3. GENERAL LAYOUT 4. HEADER 5. NAVIGATION 6. CONTENT 7. FOOTER ----------------------------------------------------- */ /* =1. Global */ html {font-family: Arial, Verdana, sans-serif;} body {background: url(../images/global/grad.png) repeat-x; width: 100%;} /* =2. Typography */ h1,h2,h3,h4,h5 {font-family: Arial, Helvetica, Arial, sans-serif;} /*p {font-size: 1.2em; line-height: 14px; margin-bottom: 14px; color: #666;}*/ p{font-size: 1.1em; line-height: 13px; margin-bottom: 12px; color: #666;} p {font-size: 1.2em; line-height: 14px; margin-bottom: 14px; color: #666;} a {color: #ed3295; text-decoration: none; font-weight: bold;} a:hover {text-decoration: underline;} /* =3. General Layout */ div#wrapper {width: 966px; margin: auto; position: relative; z-index: 3;} /* Allows main column to sit infront of div#bottom */ div#outer {width: 966px; margin: auto; background: url(../images/global/background.png) repeat-y;} /* Outer gradient */ div#inner {width: 920px; margin: auto; background: #fff; position: relative; z-index: 4; } /* Safe area */ div#bottom {height: 108px; width: 100%; background: url(../images/global/bottom.png); position: fixed; bottom: 0; left: 0; z-index: 1;} /* Bottom gradient */ div#header, div#container, div#footer {width: 100%; margin: auto;} /* =4. Header */ div#header {position: relative; min-height: 140px; height: auto!important; height: 140px; z-index: 10; } div#header p {position: absolute; top: 11px; left: 21px; display: none;} div#header p a {background: url(../images/global/kelloggs.gif) ; width: 104px; height: 44px; display: block; text-indent: -9999px;} div#header #logo {width: 250px; height: 135px; position: absolute; left: -36px;} div#header #logo a {display: block; height: 100%; width: 100%;background: url(../images/global/logo.png); text-indent: -9999px; } div#header div#header-right {position: absolute; top: 0; right: -44px; height: 91px; width: 160px; background: url(../images/global/header_right.png) no-repeat;} div#breadcrumb {position: absolute; right: 10px; top: 7px; font-size: 1.1em; z-index: 9;} div#breadcrumb h5 {float: left; color: #666; font-weight: normal; font-family: Arial, Verdana, sans-serif;} div#breadcrumb ul {float: left;} div#breadcrumb ul li {float: left; margin: 0 0 0 10px; padding: 0 0 0 7px;background: url(../images/global/arrow_red.gif) no-repeat 0 50%;} div#breadcrumb a {color: #666; text-decoration: none; float: left; font-weight:normal;} div#breadcrumb a:hover {text-decoration: underline;} div#breadcrumb ul li ul li ul li a {color: #d8040c;} /* =5. Navigation */ div#navigation {width: 590px; height: 140px; position: absolute; left: 214px; top: 0px; overflow: hidden;} div#navigation ul li {float: left; position: relative; display: block;} div#navigation ul li a {display: block; width: 100%; height: 140px; overflow: hidden; position: relative; cursor: pointer;} div#navigation ul li a span {display: block; height: 280px; width: 100%; position: absolute; top: 0; left: 0;} div#navigation ul li a:hover {border: 0px solid red;} /* Fixes positing in MSIE6/7 — no, I don’t have a clue either… */ div#navigation ul li a:hover span {display: block; position: absolute; top: -140px; left: 0;} /* Move position of SPAN rather than the background position — this works with the PNG fix */ div#navigation ul li#nav-1 {width: 120px;} div#navigation ul li#nav-2 {width: 119px;} div#navigation ul li#nav-3 {width: 80px;} div#navigation ul li#nav-4 {width: 95px;} div#navigation ul li#nav-5 {width: 94px;} div#navigation ul li#nav-6 {width: 82px;} div#navigation ul li#nav-1 a span {background: url(../images/global/nav-1.png);} div#navigation ul li#nav-2 a span {background: url(../images/global/nav-2.png);} div#navigation ul li#nav-3 a span {background: url(../images/global/nav-3.png);} div#navigation ul li#nav-4 a span {background: url(../images/global/nav-4.png);} div#navigation ul li#nav-5 a span {background: url(../images/global/nav-5.png);} div#navigation ul li#nav-6 a span {background: url(../images/global/nav-6.png);} div#banner {width: 920px; position: relative; top: -88px; margin-bottom: 20px;} div#banner div {width: 500px; height: 308px; position: absolute; } #page-home div#banner div {background: url(../images/home/banner.jpg);} #page-importance div#banner div {background: url(../images/importance-breakfast/banner.jpg);} #page-activities div#banner div {background: url(../images/breakfast-club-activities/banner.jpg);} #page-tell div#banner div {background: url(../images/breakfast-club-activities/tell/background.gif); height: 92px;} #page-breakfast-clubs div#banner div {background: url(../images/breakfast-clubs/banner.jpg);} #page-favourites div#banner div {background: url(../images/favourite-breakfast-club/banner.jpg);} #page-recipes div#banner div {background: url(../images/kids-healthy-breakfast-recipes/banner.jpg);} #page-join div#banner div {background: url(../images/set-up-breakfast-club/banner.jpg);} #page-awards div#banner div {background: url(../images/breakfast-club-awards/banner.jpg);} div#banner div#go-left {left: -40px; text-indent: -9999px; } div#banner div#go-right {right: -40px; background-position: -500px; } #page-home div#banner div#go-right h1 {text-indent: -9999px;} #page-home div#banner div#go-right p a {display: block; height: 100%; width: 100%; text-indent: -9999px; position: absolute;} /* =6. Content */ div#container {float: left; margin-top: 220px; border: 0px solid lime;} #page-tell div#container {margin-top: -16px;} div#content {float: left; z-index: 2; margin: auto; width: 900px; margin-left: 10px; display: inline; position: relative;} div#content div.hr {width: 100%; height: 1px;line-height: 1px; font-size: 1px; background: #eeefef; float: left;} div#content div.hr hr {display: none;} div#content div#video {position: absolute; top: -60px; right: -10px; width: 322px; height: 216px; z-index: 999;} /* =7. Bespoke Pages */ #page-home div#primary {width: 100%; background: url(../images/home/primary_bg.gif) no-repeat right 20px; padding-bottom: 10px; min-height: 176px; height: auto!important; height: 176px;} #page-home div#primary h3 {width: 498px; height: 67px; background: url(../images/home/title_maketimeforbreakfast.png); margin: -35px 0 10px -17px; text-indent: -9999px; position: relative; z-index: 999;} #page-home div#primary p {width: 600px;} #page-home div#secondary ul {width: 890px; margin-top: 10px;} #page-home div#secondary ul li {float: left; width: 209px; border-top: 1px solid #ccc; margin: 0 0 0 87px!important; margin: 0 0 0 83px; position: relative; display: inline;} #page-home div#secondary ul li h4 {font-size: 1.3em;} #page-home div#secondary ul li#pod-a span.bg {width: 71px; height: 71px; display: block; background: url(../images/home/pod_a_bg.gif) no-repeat; position: absolute; left: -94px; top: -5px;} #page-home div#secondary ul li#pod-b span.bg {width: 71px; height: 71px; display: block; background: url(../images/home/pod_b_bg.gif) no-repeat; position: absolute; left: -84px; top: -10px;} #page-home div#secondary ul li#pod-c span.bg {width: 71px; height: 71px; display: block; background: url(../images/home/pod_c_bg.gif) no-repeat; position: absolute; left: -74px; top: -0px;} #page-home div#secondary ul li h4 a {width: 213px; height: 11px; text-indent: -9999px; background: url(../images/home/titles-secondary.gif); margin: 14px 0 6px 0; display: block; line-height: 1px; font-size: 1px;} #page-home div#secondary ul li#pod-a h4 a {color: #ed1c24;} #page-home div#secondary ul li#pod-b h4 a {color: #00c2ff; background-position: 0 -11px;} #page-home div#secondary ul li#pod-c h4 a{color: #ffd800; background-position: 0 -22px;} #page-activities div.activity {border-bottom: 1px solid #eeefef; margin-bottom: 20px; padding-top: 12px; position: relative;} #page-activities div.activity h3 {color: #882470; font-size: 1.6em; margin-bottom: 16px; font-weight: normal;} #page-activities div.activity p {width: 570px;} #page-activities div#more div#activity-a {background: url(../images/breakfast-club-activities/photo-activity-a.jpg) no-repeat 640px 0;} #page-activities div#more div#activity-b {background: url(../images/breakfast-club-activities/photo-activity-b.jpg) no-repeat 10px 0;} #page-activities div#more div#activity-c {background: url(../images/breakfast-club-activities/photo-activity-c.jpg) no-repeat 640px 0;} #page-activities div.left, #page-activities div.right {padding-bottom: 12px; min-height: 135px; height: auto!important; height: 135px;} #page-activities div.right {padding-left: 260px; background-position: 10px 0;} #page-activities div.left {padding-left: 10px; background-position: 640px 0;} #page-activities h2#title-moreactivities {width: 166px; height: 27px; background: url(../images/breakfast-club-activities/title-moreactivities.gif); text-indent: -9999px; margin-bottom: 3px; position: relative; left: -29px;} #page-activities div#activity-featured {padding-left: 360px; padding-top: 0; background: url(../images/breakfast-club-activities/photo-activity-featured.jpg) no-repeat; padding-bottom: 12px; min-height: 120px; height: auto!important; height: 120px; position: relative;} #page-activities div#activity-featured h2 {width: 105px; height: 105px; background: url(../images/breakfast-club-activities/title-activityofthemonth.png); position: absolute; left: -47px; top: -53px; text-indent: -9999px; } #page-activities div.first h3 {font-weight: bold; font-size: 2em; margin-bottom: 12px;} #page-activities div.first p {width: 541px;} #page-activities div#tell-us {background: none; padding-bottom: 12px; min-height: 80px; height: auto!important; height: 80px;} #page-activities div#tell-us #button-submit {position: absolute; right: 5px; top: 10px; width: 203px; height: 42px; } #page-activities div#tell-us #button-submit a {display: block; height: 100%; width: 100%; background: url(../images/breakfast-club-activities/button-submityouractivity.gif); text-indent: -9999px;} #page-tell div#content {background: #f4f4f4; margin-left: 0px; padding: 0 10px 10px 10px;} /* Over ride the default template */ #page-tell div#form-container {width: 650px; float: left; margin: 0 0 0 120px; position: relative; padding-bottom: 30px; display: inline;} #page-tell div#form-container h2 {font-weight: normal; font-size: 1.7em; color: #882470; margin: 10px 0;} #page-tell div#form-container p.intro {margin-bottom: 20px;} #page-tell div#form-container form {float: left;} #page-tell div#form-container form p label {font-size: 1.4em; color: #882470; padding: 5px 0; font-weight: bold;} #page-tell div#form-container form p.checkbox {margin-left: 218px; width: 400px;} #page-tell div#form-container form p.checkbox label {font-size: 1.2em; color: #882470; padding: 5px 0; font-weight: normal; width: auto; margin: 0 10px 0 0;} #page-tell div#form-container form p {margin-bottom: 15px; float: left; clear: both; display: inline; width: 100%;} #page-tell div#form-container form p label {width: 218px; float: left;} #page-tell div#form-container form p input.text {width: 404px; float: left; border: 1px solid #e0e0e0; font-size: 1.4em; color: #882470; padding: 5px;} #page-tell div#form-container form p textarea {width: 404px; float: left; border: 1px solid #e0e0e0; font-size: 1.6em; font-family: Arial, Verdana, sans-serif; color: #882470; padding: 5px;} #page-tell div#form-container form p label.error {color: #ed1c24; } #page-tell div#form-container form div#pnlErrors {margin-bottom: 20px; font-weight: bold; font-size: 1.4em; color: #ed1c24; padding: 10px; width: 100%; background: #e0e0e0;} #page-tell div#form-container form p input#btnSubmit {position: absolute; bottom: 0; right: 0; z-index: 9999;} #page-tell div#form-container p#button-back {position: absolute; bottom: 0; left: 0; margin: 0;} #page-tell div#form-container p#button-back a {display: block; width: 89px; height: 42px; background: url(../images/breakfast-club-activities/tell/button-back.gif); text-indent: -9999px;} #page-importance div#intro {margin-bottom: 40px;} #page-importance div#intro p {width: 520px;} #page-importance div#reasons h2 {width: 391px; height: 27px; background: url(../images/importance-breakfast/title-reasons.gif); text-indent: -9999px; margin-bottom: 30px; position: relative; left: -29px;} #page-importance div#reasons ol {width: 898px; height: 158px; background: url(../images/importance-breakfast/list-reasons.gif) no-repeat; text-indent: -9999px;} #page-importance div#links h2 {width: 154px; height: 27px; background: url(../images/importance-breakfast/title-links.gif); text-indent: -9999px; margin-bottom: 24px; position: relative; left: -29px;} #page-importance div#links ul li {height: 80px; padding: 7px 0 7px 208px; margin-bottom: 6px;} #page-importance div#links ul li h3 {font-size: 1.4em; font-weight: normal; color: #b1b2b2; margin-bottom: 10px;} #page-importance div#links ul li h3 a {color: #0098d6;} #page-importance div#links ul li h3 a.link {font-size: 0.8em; font-weight: normal; text-transform: lowercase;} #page-importance div#links ul li span {font-weight: bold; font-size: 0.8em; position: relative; top: -2px;} #page-importance div#links ul li#link-breakfastforlife {background: url(../images/importance-breakfast/link-breakfast4life.gif) no-repeat;} #page-importance div#links ul li#link-wakeuptobreakfast {background: url(../images/importance-breakfast/link-wakeuptobreakfast.gif) no-repeat;} #page-breakfast-clubs div#intro {border-bottom: 1px solid #eeefef; margin-bottom: 30px; min-height: 243px; height: auto!important; height: 243px;} #page-breakfast-clubs div#intro h2 {width: 324px; height: 27px; background: url(../images/breakfast-clubs/title-what.gif); text-indent: -9999px; margin-bottom: 30px; position: relative; left: -29px;} #page-breakfast-clubs div#intro p {width: 520px;} #page-breakfast-clubs div#involved {margin-bottom: 60px;} #page-breakfast-clubs div#involved h2 {width: 324px; height: 27px; background: url(../images/breakfast-clubs/title-involved.gif); text-indent: -9999px; margin-bottom: 30px; position: relative; left: -29px;} #page-breakfast-clubs div#involved p {font-size: 1.2em; line-height: 14px; margin-bottom: 14px; color: #666; width: 404px;} #page-breakfast-clubs div#involved ul {width: 404px;} #page-breakfast-clubs div#involved ul li {color: #666; font-size: 1.2em; margin-bottom: 22px; padding: 2px 0 0 24px; min-height: 16px; height: auto!important; height: 16px;} #page-breakfast-clubs div#involved ul li#involved-a {background: url(../images/breakfast-clubs/bullet-blue.gif) no-repeat; width: 375px;} #page-breakfast-clubs div#involved ul li#involved-b {background: url(../images/breakfast-clubs/bullet-yellow.gif) no-repeat; margin-left: 27px; width: 300px;} #page-breakfast-clubs div#involved ul li#involved-c {background: url(../images/breakfast-clubs/bullet-green.gif) no-repeat; } #page-breakfast-clubs div#involved ul li#involved-d {background: url(../images/breakfast-clubs/bullet-blue.gif) no-repeat; margin-left: 27px; width: 269px;} #page-breakfast-clubs div#involved ul li#involved-e {background: url(../images/breakfast-clubs/bullet-yellow.gif) no-repeat; width: 276px;} #page-breakfast-clubs div#involved ul li#involved-f {background: url(../images/breakfast-clubs/bullet-green.gif) no-repeat; margin-left: 27px; width: 310px;} #page-breakfast-clubs div#involved ul li#involved-g {background: url(../images/breakfast-clubs/bullet-blue.gif) no-repeat; width: 377px;} #page-breakfast-clubs div#continyou {position: absolute; right: -20px; bottom: 100px; width: 500px; height: 376px; background: url(../images/breakfast-clubs/photo-continyou.jpg) no-repeat;} #page-breakfast-clubs div#continyou p span {display: block; text-indent: -9999px;} #page-breakfast-clubs div#continyou p a {display: block; height: 100%; width: 100%; text-indent: -9999px; position: absolute;} #page-favourites div#intro {border-bottom: 1px solid #eeefef; margin-bottom: 20px;} #page-favourites div#intro h2 {width: 368px; height: 27px; background: url(../images/favourite-breakfast-club/title-clubs.gif); text-indent: -9999px; margin-bottom: 14px; position: relative; left: -29px;} #page-favourites div#intro h3 {color: #ed1c24; font-size: 1.6em; margin-bottom: 10px; font-weight: normal;} #page-favourites div#intro p {width: 494px;} #page-favourites div#intro p.wide {width: 100%;} #page-favourites div#clubs p.intro {width: 825px; margin-bottom: 40px;} #page-favourites div#clubs div.club {border-bottom: 1px solid #eeefef; margin-bottom: 20px; padding-top: 12px; position: relative;} #page-favourites div#clubs div.club h3 {color: #ed1c24; font-size: 1.6em; margin-bottom: 16px; font-weight: normal;} #page-favourites div#clubs div.club p {width: 570px;} #page-favourites div#clubs div#club-a {background: url(../images/favourite-breakfast-club/photo-club-a.jpg) no-repeat 10px 0;} #page-favourites div#clubs div#club-b {background: url(../images/favourite-breakfast-club/photo-club-b.jpg) no-repeat 640px 0;} #page-favourites div#clubs div#club-c {background: url(../images/favourite-breakfast-club/photo-club-c.jpg) no-repeat 10px 0;} #page-favourites div#clubs div#club-d {background: url(../images/favourite-breakfast-club/photo-club-d.jpg) no-repeat 640px 0;} #page-favourites div#clubs div.left, #page-favourites div#clubs div.right {padding-bottom: 12px; min-height: 135px; height: auto!important; height: 135px;} #page-favourites div.right {padding-left: 260px;} #page-favourites div.left {padding-left: 10px;} #page-favourites div#thisyear {position: relative;} #page-favourites div#thisyear h2 {width: 126px; height: 27px; background: url(../images/favourite-breakfast-club/title-thisyear.gif); text-indent: -9999px; margin-bottom: 14px; position: relative; left: -29px;} #page-favourites div#video {background: url(../images/favourite-breakfast-club/photo-main.png); width: 322px; height: 216px;} #page-recipes div#intro p {width: 520px;} #page-recipes div#recipes div.recipe {border-bottom: 1px solid #eeefef; margin-bottom: 20px; padding-top: 12px; position: relative;} #page-recipes div#recipes div.recipe h3 {color: #ed1c24; font-size: 1.6em; margin-bottom: 16px; font-weight: normal;} #page-recipes div#recipes div.recipe p {width: 570px;} #page-recipes div#recipes div#recipe-a {background: url(../images/kids-healthy-breakfast-recipes/photo-recipe-a.jpg) no-repeat 60px 10px;} #page-recipes div#recipes div#recipe-b {background: url(../images/kids-healthy-breakfast-recipes/photo-recipe-b.jpg) no-repeat 640px 10px; } #page-recipes div#recipes div#recipe-c {background: url(../images/kids-healthy-breakfast-recipes/photo-recipe-c.jpg) no-repeat 20px 20px;} #page-recipes div#recipes div#recipe-d {background: url(../images/kids-healthy-breakfast-recipes/photo-recipe-d.jpg) no-repeat 610px -00px;min-height: 177px; height: auto!important; height: 177px;} #page-recipes div#recipes div#recipe-e {background: url(../images/kids-healthy-breakfast-recipes/photo-recipe-e.jpg) no-repeat 0px 40px; padding-left: 300px;} #page-recipes div#recipes div.left, #page-recipes div#recipes div.right {padding-bottom: 12px; min-height: 135px; height: auto!important; height: 135px;} #page-recipes div.right {padding-left: 260px;} #page-recipes div.left {padding-left: 10px;} #page-join div#intro {width: 560px; margin-bottom: 20px;} #page-join div#intro h2#title-getstarted {height: 27px; width: 161px; background: url(../images/set-up-breakfast-club/title-getstarted.gif); text-indent: -9999px; margin-bottom: 14px; position: relative; left: -29px;} #page-join div#intro h2#title-getinspired {height: 27px; width: 164px; background: url(../images/set-up-breakfast-club/title-getinspired.gif); text-indent: -9999px; margin-bottom: 14px; position: relative; left: -29px;} #page-join div#secondary {border-top: 1px solid #eeefef; margin-bottom: 20px; padding-top: 15px; position: relative; min-height: 210px;} #page-join div#secondary h2#title-join {height: 27px; width: 469px; background: url(../images/set-up-breakfast-club/title-join.gif); text-indent: -9999px; margin-bottom: 34px; position: relative; left: -29px;} #page-join div#guidelines h2#title-guidelines {height: 27px; width: 302px; background: url(../images/set-up-breakfast-club/title-guidelines.gif); text-indent: -9999px; margin-bottom: 14px; position: relative; left: -29px;} #page-join div#secondary p {width: 627px; margin-left: 270px;} #page-join div#secondary small {position: absolute; top: 60px; left: 0; width: 246px; height: 169px; } #page-join div#secondary small a {display: block; height: 100%; width: 100%; background: url(../images/set-up-breakfast-club/photo-continue.gif); text-indent: -9999px;} #page-awards {} #page-awards div.awards {border-bottom: 1px solid #eeefef; margin-bottom: 20px; padding-bottom: 12px;} #page-awards div.awards h2 {width: 166px; height: 27px; background: url(../images/breakfast-club-awards/title-awards.gif); text-indent: -9999px; margin-bottom: 14px; position: relative; left: -29px;margin-bottom: 26px;} #page-awards div.awards p {width: 682px;} #page-awards div.prizes {border-bottom: 1px solid #eeefef;margin-bottom: 20px;} #page-awards div.prizes p.intro {width: 405px; margin-bottom: 26px;} #page-awards div.prizes h2 {width: 149px; height: 27px; background: url(../images/breakfast-club-awards/title-prizes.gif); text-indent: -9999px; margin-bottom: 14px; position: relative; left: -29px;margin-bottom: 26px;} #page-awards div.prizes div.image-rosettes {width: 420px; height: 503px; text-indent: -9999px; background: url(../images/breakfast-club-awards/image-rosettes.gif) no-repeat; float: left; margin-bottom: 26px;} #page-awards div.prizes div.image-brushes {width: 344px; height: 531px; background: url(../images/breakfast-club-awards/image-brushes.jpg); float: right; margin-top: -64px;} #page-awards div.enter {border-bottom: 1px solid #eeefef; margin-bottom: 20px; padding-bottom: 12px;} #page-awards div.enter h2 {width: 186px; height: 27px; background: url(../images/breakfast-club-awards/title-enter.gif); text-indent: -9999px; margin-bottom: 14px; position: relative; left: -29px;margin-bottom: 26px;} #page-awards div.lastyear {margin-bottom: 20px; padding-bottom: 12px;} #page-awards div.lastyear h2 {width: 766px; height: 27px; background: url(../images/breakfast-club-awards/title-lastyear.gif); text-indent: -9999px; margin-bottom: 14px; position: relative; left: -29px;margin-bottom: 26px;} #page-awards div.lastyear div.copy {width: 562px; float: left;} #page-awards div.lastyear div.copy blockquote.text-quote {float: left; width: 246px; color: #666; font-size: 1.2em; line-height: 14px; margin-bottom: 14px; padding-left: 12px; margin-top: 7px;} #page-awards div.lastyear div.copy blockquote.image-quote {float: right; width: 288px;} #page-awards div.lastyear div.copy blockquote.image-quote em {width: 288px; height: 172px; background: url(../images/breakfast-club-awards/image-quote.gif); display: block; text-indent: -9999px;} #page-awards div.lastyear div.copy blockquote.image-quote strong {margin: 7px 0 0 13px; color: #666; font-size: 1.2em; float: left;} #page-awards div.lastyear div.image-kids {width: 329px; height: 269px; background: url(../images/breakfast-club-awards/image-kids.jpg); float: right; margin: 20px -20px 0 0;} /* =6. Footer */ div#footer {float: left; clear: both; width: 966px; min-height: 58px; height: auto!important; height: 58px; position: relative; top: 3px; left: 0; z-index: 9; /*margin: 0 0 -3px -22px!important; */display: inline;} div#footer-top {background: url(../images/global/footer-top.png) no-repeat;width: 966px; height: 55px;} div#footer-bottom {position: absolute; top: 55px; left: 0; width: 966px; height: 3px; background: url(../images/global/footer-bottom.png) no-repeat;} div#footer-a {color: #666; padding: 8px 15px; width: 890px; clear: both; float: left; position: absolute; top: 18px;} div#footer-a a {color: #666; text-decoration: none; font-size: 1.1em; font-weight: normal; line-height: 1.1em;} div#footer-a a:hover {text-decoration: underline;} div#footer-a p#copyright {float: left; margin: 0 0 0 5px; font-size: 1em; line-height: 1.1em;} div#footer-a ul#footernav {float: left; margin: 0 0 0 10px;} div#footer-a ul#footernav li {float: left; margin: 0 0 0 8px; padding: 0 0 0 10px;background: url(../images/global/arrow_blue.gif) no-repeat 0 50%;} div#footer-b {width: 922px; background: url(../images/global/footer_bar.gif) repeat-x; padding: 23px 0px 20px 0px; margin: auto; font-size: 1.1em;}