body, html {
    margin: 0px;
    padding: 0px;
}

body {
    background-color: #FFF;
    background-image: url('../images/background.gif');
    background-position: top left;
    background-repeat: repeat-x;
    text-align: center;
    font-size: 16px;
}

body, input, select, textarea {
    font-family: arial, helvetica, sans-serif;
    color: #acabab
}

input, select, textarea, table {
    font-size: 100%
}

a, a:link {
    color: #6D99ED;
    font-weight: bold
}

a:visited {
    color: #A6A3C5;
    font-weight: bold
}

a:hover, a:active {
    color: #D059C6;
    font-weight: bold
}

#container {
    width: 928px;
    text-align: justify;
    margin: 0 auto 0 auto;
    position: relative;
    background-image: url('../images/menu_background.gif');
    background-position: 126px 96px;
    background-repeat: no-repeat;
}

img {
    border: 0px
}

#logo {
    position: relative;
    left: -26px;
    top: 7px;
}

#strap_line span {
    display: none
}

#strap_line {
    background-image: url('../images/strapline.gif');
    width: 433px;
    height: 30px;
    position: absolute;
    left: 245px;
    top: 162px;
    z-index: 200
}

button {
    cursor: pointer
}

#search_box {
    background-image: url('../images/search_background.gif');
    width: 236px;
    height: 36px;
    position: absolute;
    left: 695px;
    top: 158px;
    z-index: 200
}

#search_box input {
    border: 0px;
    background: #FFF;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 188px;
    height: 24px;
    color: #9cd4f6;
    padding: 3px 0 0 3px
}

#search_box button {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 37px;
    height: 37px;
    background-image: url('../images/search_button.gif');
    background-repeat: no-repeat;
    background-position: 6px 10px;
    background-color: transparent;
    border: 0px;
}

#search_box button:hover {
    background-image: url('../images/search_button_hover.gif');
}

#search_box button span {
    display: none
}

.front_page #content_wrapper img {
    float: left;
    margin: -28px 47px 0 45px
}

.front_page #content_wrapper {
    font-size: 2em;
    text-align: left;
    letter-spacing: -0.05em;
    font-weight: bold;
    line-height: 1.5em;
}

.front_page #content_wrapper strong {
    color: #22A6F9
}

.front_page #content_wrapper p {
    height: 152px
}

#footer {
    background-color: #4C6D12;
    background-image: url('../images/footer_background.gif');
    background-repeat: repeat-x;
    background-position: top left;
    width: 100%;
    padding-top: 32px;
    height: 320px
}

#footer_inner {
    width: 928px;
    margin: 0 auto 0 auto
}

#front_bar {
    margin: 64px 0 48px 0;
    position: relative;
    left: 8px;
    height: 192px
}

div#quotes {
    text-align: left;
    float: left;
    background-image: url('../images/quote.gif');
    background-position: 0px 24px;
    background-repeat: no-repeat;
    width: 600px;
    margin-right: 16px
}

div#quotes p {
    margin: 24px 0 0 60px;
    font-size: 1.8em;
    letter-spacing: -0.01em
}

div#quotes p strong {
    display: block;
    font-size: 0.7em;
    margin: 12px 0 0 0;
    color: #AABFE7
}

#footer_col_1 h2, #footer_col_2 h2 {
    margin: 0 0 16px 0
}

#footer_col_1 h2 span, #footer_col_2 h2 span {
    display: none
}

#footer_col_1 h2 {
    width: 189px;
    height: 33px;
    background-image: url('../images/be_our_friend.gif');
    background-repeat: no-repeat;
    background-position: top left;
}

#footer_col_2 h2 {
    width: 262px;
    height: 34px;
    background-image: url('../images/suggest_a_resource.gif');
    background-repeat: no-repeat;
    background-position: top left;
}

#footer_col_1 {
    width: 288px;
    margin-right: 32px;
    height: 100px;
    float: left
}

#footer_col_2 {
    width: 288px;
    margin-right: 32px;
    height: 100px;
    float: left;
    text-align: left
}

#footer_col_3 {
    width: 288px;
    height: 100px;
    float: left;
    text-align: left
}

#share {
    text-align: left;
    margin: 32px auto 0 auto;
    height: 32px;
    width: 620px;
    clear: both
}

#share a {
    display: block;
    float: left;
    color: #4FBCFF;
    text-decoration: none;
    font-weight: bold;
    font-size: 1em;
    margin: 0 0 8px 16px;
    cursor: pointer;
    height: 32px
}

#share a:hover {
    color: #7FCFFF;
    border-bottom: 4px solid #CFEEFF
}

#share a img {
    margin: 0;
    position: relative;
    top: 4px
}

#col1 {
    width: 256px;
    float: left
}

#col2 {
    float: right;
    width: 640px;
    position: relative;
    top: -32px
}

h1 {
    color: #21A1F4;
    font-size: 2.2em;
    letter-spacing: -0.1em;
    text-align: left;
}

/*
 Sticky Footer Solution
 by Steve Hatcher
 http://stever.ca
 http://www.cssstickyfooter.com
 */
/*
 * {margin:0;padding:0;}
 */
/* must declare 0 margins on everything, also for main layout components use padding, not
 vertical margins (top and bottom) to add spacing, else those margins get added to total height
 and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html, body, #container {
    height: 100%;
}

body > #container {
    height: auto;
    min-height: 100%;
}

#main {
    padding-bottom: 320px;
}

/* must be same height as the footer */
#footer {
    position: relative;
    margin-top: -320px; /* negative value of footer height */
    height: 320px;
    clear: both;
}

/* CLEAR FIX*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/ * html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */
ul#categories, ul#categories li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    position: relative
}

ul#categories li .arrow {
    position: absolute;
    top: -4px;
    right: 8px;
    font-size: 1.7em;
    color: #5ac0ff
}

ul#categories li .selected .arrow {
    color: #a8e8ff
}

ul#categories li a:hover .arrow {
    color: #c4f3ff
}

ul#categories {
    background: #1F9FEF;
    padding: 16px;
    text-align: left;
    margin: 0 0 32px 0
}

ul#categories li li {
    margin-left: -24px
}

ul#categories li a {
    padding: 4px 8px 4px 8px;
    display: block;
    margin: 0 0 8px 0;
    font-weight: bold;
    color: #FFF;
    text-decoration: none
}

ul#categories li a:hover, ul#categories li a.selected, ul#categories * a.selected {
    background: #4FBCFF;
}

ul#categories.photos li a:hover, ul#categories.photos li a.selected, ul#categories.photos * a.selected {
    background: #FFCB3F;
}

ul#categories li h1 {
    color: #FFF;
    padding: 0px;
    margin: 0px;
    font-size: 1.8em
}

ul#categories ul li {
    display: none;
    /*2nd level*/
}

ul#categories ul li li {
    display: none;
    /*3rd level*/
}

ul#categories .selected ul li {
    display: block
}

ul#categories li.selected .not-selected li {
    display: none
}

#page_content {
    margin: 0 0 32px 0;
    z-index: 300
}

ul#resources, ul#resources li {
    padding: 0px;
    margin: 0px;
    list-style-type: none
}

ul#resources li {
    display: block;
    width: 278px;
    float: left;
    margin: 0 0 32px 0;
    border: 1px solid #DDD;
    padding: 16px
}

ul#resources li.odd {
    margin-right: 16px
}

ul#resources li img, img.resource_preview {
    border: 4px solid #c7ea74;
}

ul#resources li img {
    width: 270px
}

ul#resources li h2 {
    margin-top: 0px;
    text-align: left;
    font-size: 1.4em;
    letter-spacing: -0.01em;
    height: 54px
}

ul#resources li h2 a {
    color: #acabab;
    text-decoration: none
}

a.download span {
    display: none
}

a.download {
    display: block;
    width: 129px;
    height: 32px;
    background-image: url('../images/button_download.gif');
    background-position: top left;
    background-repeat: no-repeat;
    position: relative;
    text-decoration: none
}

.print span {
    display: none
}

.alt_download .buyprint_wrapper {
    width: auto
}

.alt_download .buyprint_wrapper .print_price {
    left: 0;
    width: 180px
}

button.print {
    width: 129px;
    height: 32px;
    padding: 0px;
    margin: 0px;
    background-image: url('../images/button_printme.gif');
    background-position: top left;
    background-repeat: no-repeat;
    border: 0px;
    margin: 8px 0 0 0
}

a.print {
    display: block;
    width: 129px;
    height: 32px;
    background-image: url('../images/button_printme.gif');
    background-position: top left;
    background-repeat: no-repeat;
    position: relative;
    text-decoration: none
}

ul#resources li a.moreinfo span {
    display: none
}

ul#resources li a.moreinfo {
    display: block;
    width: 161px;
    height: 41px;
    background-image: url('../images/button_moreinfo_big.gif');
    background-position: top left;
    background-repeat: no-repeat;
    margin: 16px auto 0 auto;
}

/*
 ul#resources li div a.moreinfo, ul#resources li div a.download {
 float: left;
 margin: 16px 8px 0 0;
 }*/
a.download strong, a.print strong {
    color: #A7BDE6;
    text-decoration: none;
    position: absolute;
    bottom: -19px;
    font-size: 0.7em;
    font-style: oblique;
    display: block;
    width: 129px;
    text-align: center
}

.print_price {
    color: #A7BDE6;
    font-size: 0.7em;
    font-style: oblique;
    text-align: center;
    font-weight: bold;
    display: block;
    margin: 5px 0 0 0
}

a.print strong {
    width: 196px;
    left: -34px;
}

a.download:hover strong, a.print:hover strong, .buyprint_wrapper:hover .print_price {
    color: #7DA1DF
}

.resource img {
    margin-bottom: 16px
}

.resource a.download, .resource a.print {
    margin: 2px auto 26px auto
}

.resource a.print {
    position: relative;
    top: 8px
}

label {
    font-weight: bold;
    font-size: 0.9em;
    cursor: pointer;
}

#footer label {
    color: #d5fa96;
    text-align: right;
    display: block;
    float: left;
    width: 80px;
    margin: 0 8px 0 0;
    cursor: pointer
}

#footer input, #footer textarea {
    width: 190px;
    border: 0px;
    padding: 4px;
    margin: 0 0 16px 0
}

textarea {
    height: 55px;
}

button#send_request span {
    display: none
}

button#send_request {
    margin: 0 0 0 88px;
    border: 0px;
    background: none;
    width: 174px;
    height: 35px;
    background-image: url('../images/button_sendrequest.gif')
}

#request_return {
    color: #FFF;
    font-weight: bold;
}

#footer_col_3 {
    color: #FFF;
    line-height: 1.65em;
    text-align: center
}

#footer_col_3 strong {
    color: #d5fa96
}

#footer_col_3 a {
    color: #FFF;
    font-weight: bold;
}

table#search_results {
    width: 100%
}

table#search_results th {
    background: #1A8ED6;
    color: #FFF;
    padding: 4px;
    font-size: 1.1em;
}

table#search_results th.first {
    width: 232px padding-left: 8px
}

table#search_results th.last {
}

table#search_results td {
    padding: 4px;
    border-bottom: 1px solid #EEE;
    cursor: pointer;
    text-align: left
}

table#search_results tr:hover {
    background: #e9f0ff;
}

table#search_results tr:hover a {
    color: #D059C6
}

table#search_results td img {
    margin: 16px
}

.pager_bar {
    background-color: #95CDEF;
    margin: 16px 0 16px 0;
    padding: 6px;
    color: #4188AF;
}

.pager_bar a {
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0 8px 8px 8px;
    color: #4188AF;
    float: left;
    display: block;
}

.pager_bar a.selected {
    color: #CF40B8;
}

.pager_bar span {
    display: none;
    visibility: hidden
}

input.checkbox, #footer_col_2 input.checkbox {
    border: 0px;
    width: auto;
}

#footer_col_2 label.checkbox {
    width: 264px
}

#footer_col_1 ul, #footer_col_1 ul li {
    text-align: left;
    margin: 0 0 23px 0;
    padding: 0px;
    list-style-type: none;
    line-height: 1.9em
}

#footer_col_1 ul li {
    float: left
}

#footer_col_1 ul li a {
    color: #FFF;
    text-decoration: none;
}

#footer_col_1 ul li a img {
    margin: 0 4px 0 16px;
    position: relative;
    top: 3px
}

#footer_col_1 p {
    width: 270px
}

li.division {
    background: #2FB0FF;
    height: 3px;
    display: block;
    border: 8px #1F9FEF solid;
    border-width: 8px 0 13px 0
}

div.spacer {
    width: 100%;
    clear: both;
}

#mailing_list {
    text-align: left;
    margin: 16px 0 0 0;
    clear: both
}

#mailing_list input {
    width: 210px;
    border: 0px;
    padding: 4px;
    margin: 0 0 16px 0
}

#mailing_list p {
    margin-top: 0px;
    color: #FFF;
    text-align: left;
    font-size: 0.9em;
    line-height: 1.4em
}

#mailing_list img, #contact_form img {
    float: left;
    margin: 9px 16px 0 4px
}

button#subscribe span {
    display: none
}

button#subscribe {
    margin: 0px;
    border: 0px;
    background: none;
    width: 174px;
    height: 35px;
    background-image: url('../images/button_subscribe.gif')
}

#contact_form {
    background: #86CAEF;
    padding: 16px;
    text-align: left;
    margin: 0 32px 32px 0;
    width: 220px;
    float: left
}

#contact_form label {
    color: #FFF
}

#contact_form input, #contact_form textarea {
    width: 210px;
    border: 0px;
    padding: 4px;
    margin: 0 0 16px 0
}

#contact_form label {
    display: block;
    margin: 0 0 4px 0
}

#contact_form div {
    color: #006DAF;
}

#send_enquiry {
    margin: 0px;
    border: 0px;
    background: none;
    width: 174px;
    height: 35px;
    background-image: url('../images/button_send_enquiry.gif')
}

#send_enquiry span {
    display: none
}

#featured_resources {
    text-align: left;
    margin: 32px 0 32px 0;
    height: 192px
}

#featured_resources div {
    float: left;
    height: 192px;
    margin-bottom: 54px;
    position: relative;
    width: 288px
}

#featured_resources_1 {
    border: 3px solid #C2E0EF;
    border-width: 0 3px 0 0;
    padding-right: 14px
}

#featured_resources_2 {
    margin-left: 14px;
    border: 3px solid #C2E0EF;
    border-width: 0 3px 0 0;
    padding-right: 14px
}

#featured_resources_3 {
    margin-left: 14px;
}

#featured_resources a.more {
    position: absolute;
    top: 6px;
    right: 16px;
    text-decoration: none;
    background: #DFEBFF;
    padding: 0 6px 0 6px;
    font-size: 0.9em;
    color: #3385CF;
}

#featured_resources a.more:hover {
    color: #1566AF
}

#featured_resources div h2 {
    color: #1D99E7;
    margin: 0 0 16px 0;
    font-size: 1.4em;
    letter-spacing: -0.01em;
}

div#featured_resources_1 h2 {
    color: #a6d454;
}

#featured_resources div h2 a {
    color: #1D99E7;
    text-decoration: none
}

#featured_resources div ul li, #featured_resources div ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#featured_resources div ul li img {
    float: left;
    margin: 0 16px 0 0;
}

#featured_resources div ul li {
    margin: 0 0 16px 0;
    padding: 0px;
    height: 41px;
    display: block;
    position: relative
}

#featured_resources div ul li a h3, #featured_resources div ul li a {
    color: #ACABAB;
    text-decoration: none;
    position: relative;
    top: -15px;
    font-size: 1em
}

#featured_resources div ul li a {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 290px;
    height: 41px;
}

#featured_resources div ul li a:hover {
    background: #F1F1F1
}

div.tick {
    background-image: url('../images/copyright_tick.gif');
    background-repeat: no-repeat;
    background-position: 32px 0;
    padding: 0 0 0 160px;
    margin: 32px 0 32px 0
}

div.cross {
    background-image: url('../images/copyright_cross.gif');
    background-repeat: no-repeat;
    background-position: 32px 0;
    padding: 0 0 0 160px;
    margin: 32px 0 32px 0
}

ul#resources_preview, ul#resources_preview li {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

ul#resources_preview li {
    background: #86CAEF;
    padding: 16px;
    margin: 0 32px 32px 0;
    width: 256px;
    height: 160px;
    float: left;
}

ul#resources_preview li a {
    position: relative;
    display: block;
    text-decoration: none;
    height: 164px
}

ul#resources_preview li a span {
    position: absolute;
    bottom: 2px;
    text-align: center;
    display: block;
    width: 256px;
    color: #1178B7;
    font-size: 1.1em;
}

ul#resources_preview li a:hover span {
    background: #AFE4FF;
}

p.ref {
    color: #B5C4E6;
    margin-top: 16px
}

.logo_col {
    width: 298px;
    float: left;
    margin: 0 5px 32px 5px;
    text-align: center;
    height: 298px;
    position: relative
}

.logo_col p {
    position: absolute;
    bottom: 4px;
    width: 100%;
}

p.examples {
    display: block;
    background-color: #A7BDE6;
    background-image: url('../images/examples_arrow.gif');
    background-position: center 84px;
    background-repeat: no-repeat;
    padding: 16px 16px 48px 16px;
    font-weight: bold;
    color: #FFF;
    margin: 0 0 32px 0;
    font-size: 1.2em;
    line-height: 1.4em;
    text-align: center
}

p.examples a {
    color: #FFF
}

#downloads {
    background-color: #BFD6FF;
    padding: 16px;
    margin: 24px 0 0 0;
}

.alt_download {
    background: #FFF;
    padding: 16px;
    text-align: center;
    width: 180px;
}

.alt_download h2 {
    margin: 0 0 12px 0;
    font-size: 1.2em;
}

#download_col_1 {
    float: left;
    width: 380px;
    color: #59749F
}

#download_col_1 ul, #download_col_1 li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

#download_col_1 li {
    margin: 0 0 4px 16px
}

#download_col_2 {
    margin-left: 396px
}

.float_right {
    float: right;
    margin: 0 0 16px 32px
}

.float_left {
    float: left;
    margin: 16px 32px 16px 0
}

h2 {
    color: #9BBBCF
}

#share_logos {
    margin: 48px 0 32px 0;
}

#share_logos h2 {
    font-size: 1.9em;
    text-align: center
}

#menu_footer_cover {
    /*Stops menu overun being clickable in webkit browsers*/
    background: #FFF;
    width: 640px;
    height: 80px;
    position: absolute;
    top: 144px;
    right: 0px;
    z-index: 150;
    display: none
}

#main, #col2, h1 {
    z-index: 300
}

.qa {
    color: #61AFDF;
    display: block;
    float: left;
    margin: 0 4px 0 0;
    font-size: 1.4em;
    position: relative;
    top: 0px;
    padding: 0px;
    line-height: 0.8em
}

#nav {
    height: 48px;
    position: absolute;
    top: 96px;
    left: 302px;
    width: 645px;
    z-index: 400
}

/*IE7 FIX*/
ul#nav li:hover, ul#nav li.hover {
    position: static;
}

/*IE7 FIX*/
ul#nav, ul#nav ul /* all lists */ {
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1em;
    font-weight: bold;
    text-align: center;
    font-size: 1em;
    letter-spacing: -0.05em;
}

ul#nav a {
    display: block;
    padding: 14px 6px 0 6px;
    margin: 0 40px 0 0;
    text-decoration: none;
    color: #FFF;
    position: relative;
    height: 34px;
    text-transform: lowercase;
    font-size: 1.3em;
}

ul#nav a:hover {
    background-image: url('../images/menu_background_hover.gif');
    background-position: top left;
    background-repeat: repeat-x;
    color: #FFF;
}

ul#nav li /* all list items */ {
    float: left;
    width: auto; /* width needed or else Opera goes nuts */
}

#nav a span.popup {
    position: relative;
    top: -94px;
    height: 80px;
    display: block
}

#nav a span.popup span {
    display: block;
    width: 70px;
    height: 64px;
    margin: 0 auto 0 auto;
}

#nav a:hover span.popup {
    background-image: url('../images/menu_pointer.gif');
    background-position: bottom center;
    background-repeat: no-repeat;
}

#nav a:hover span.popup span {
    background-image: url('../images/menupic_home.gif');
    background-position: bottom center;
    background-repeat: no-repeat;
}

#nav a:hover #menupic_resources span {
    background-image: url('../images/menupic_resources.gif');
}

#nav a:hover #menupic_1 span {
    background-image: url('../images/menupic_whatis.gif');
}

#nav a:hover #menupic_2 span {
    background-image: url('../images/menupic_contactus.gif');
}

#nav a span.menu_title {
    position: relative;
    top: -80px
}

ul#nav li .arrow {
    position: absolute;
    top: 15px;
    right: 12px;
    font-size: 1.4em;
    color: #3798d3;
    margin-left: 4px
}

ul#nav li a:hover .arrow {
    color: #4FBCFF
}

#nav li ul /* second-level lists */ {
    position: absolute;
    width: 136px;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    background: #1177B6;
    z-index: 7000;
    overflow: visible;
    margin: 0px 0 0 0px;
    padding: 0 8px 0 8px
}

#nav li ul ul /* third-and-above-level lists */ {
    margin: -2px 0 0 170px;
    font-size: 0.9em;
}

#nav li ul ul ul {
    font-size: 1em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul /* lists nested under hovered list items */ {
    left: auto;
}

#nav li {
    float: left;
    height: 32px;
}

#nav a {
    font-size: 1.5em;
    letter-spacing: -0.05em;
    padding: 6px 11px 0 11px;
    display: block;
    text-decoration: none;
    height: 48px;
}

#nav li {
    text-align: center;
    padding: 0px;
    width: 140px;
    margin: 0;
}

#nav li a {
    width: 140px;
    margin: 0px;
}

#nav ul li {
    width: 152px;
    height: 48px;
}

#nav ul a {
    border: 0;
    font-size: 0.9em;
    display: block;
    float: left;
    height: 16px;
    padding: 16px 24px 16px 8px;
    width: 120px;
    overflow: hidden;
    text-transform: none;
    margin: 0 0 0 -8px;
    text-align: left
}

#nav #menu_home, #nav #menu_home a {
    display: block;
    width: 100px;
    margin: 0 12px 0 0
}

h1 a, h1 a:link, h1 a:visited {
    color: #21A1F4;
    text-decoration: none;
}

h1 a:hover {
    color: #3abfff
}

ul#nav ul li ul {
    margin: 0px 0 0 144px;
    font-size: 0.9em;
    /*3rd level*/
}

ul#nav ul li ul ul {
    font-size: 1em
    /*4th level*/
}

#single_resource, #prints_only {
    position: relative;
    height: 64px;
    margin: 0 0 16px 0
}

#single_resource .download {
    position: absolute;
    top: 0px;
    left: 176px
}

.buyprint_wrapper {
    width: 129px;
}

.print_price {
    width: 170px;
    position: relative;
    left: -19px
}

#single_resource .buyprint_wrapper {
    position: absolute;
    top: 0px;
    right: 176px;
}

#single_resource .print {
    margin-top: 2px
}

#single_resource .print_price {
    margin-top: 6px
}

#prints_only .buyprint_wrapper {
    margin: 0 auto 0 auto
}

#prints_only .print {
    margin-top: 2px
}

#prints_only .print_price {
    margin-top: 6px
}

#basket_wrapper {
    background: #D460CB;
    padding: 16px;
    text-align: left;
    margin: 0 0 32px 0
}

#basket_wrapper h2 {
    color: #FFF;
    letter-spacing: -0.05em;
    margin-top: 0px;
    background-image: url('../images/printbasket_icon.gif');
    background-repeat: no-repeat;
    background-position: 0 8px;
    padding: 0 0 0 25px;
}

#basket_wrapper button {
    display: block;
    background: none;
    border: 0px;
    font-family: arial, helvetica, sans-serif;
    color: #FFF;
    font-size: 1em;
    font-weight: bold;
    margin: 0 0 8px 0;
    width: 224px;
    height: 28px;
    text-align: left
}

#basket_wrapper button:hover {
    background-color: #EF77E7
}

#message_outer {
    width: 100%;
    height: 381px;
    background-image: url('../images/birdy_message_background.gif');
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

#message_inner {
    position: absolute;
    top: 40px;
    left: 100px;
    width: 280px;
    height: 160px;;
    color: #FFF;
    font-weight: bold;
    letter-spacing: -0.05em;
    font-size: 1.4em
}

#message_inner p {
    margin-top: 0px;
}

#message_inner a {
    color: #aaeeff
}

#basket_wrapper a {
    font-size: 0.8em;
    color: #FF9FFB;
    padding: 8px;
    display: block;
}

#basket_wrapper a:hover {
    color: #FFAFFD
}

#adverts {
    height: 184px;
}

#adverts.inner {
    /*    height: 328px;*/
    height: 169px;
    clear: both
}

#image_advert {
    float: left;
    margin: -6px 0 0 50px
}

.inner #image_advert {
    float: none;
    margin: 0px;
}

.inner #image_advert a {
    display: block;
    float: left;
    margin: 32px 0px 0px 0
}

.inner #image_advert img {
    width: 140px;
    height: 140px
}

#image_advert span {
    display: block;
    text-align: center;
    font-size: 0.6em;
    margin: -2px 0 0 0
}

#image_advert span, #image_advert span a {
    color: #C3CBDF;
    text-decoration: none
}

#image_advert span a:hover {
    color: #BBC8E1;
    text-decoration: underline
}

#text_adverts {
    width: 640px;
    height: 152px;
    background-color: #eaeef9;
    margin: 0 0 0 250px;
    position: relative;
    top: 11px;
    padding: 0px 24px 0px 24px
}

.inner #text_adverts {
    margin: 0px;
    width: 592px;
    height: 156px
}

#text_adverts h3 {
    margin: 0px;
    background-image: url('../images/sponsored_links.gif');
    background-repeat: no-repeat;
    background-position: top left;
    width: 121px;
    height: 18px;
    background-color: #EAEEF9;
    padding: 0 4px 0 0
}

#text_adverts h3 span {
    display: none
}

#text_advert_header {
    padding: 10px 0 0 0;
    background-image: url('../images/advert_header_line.gif');
    background-repeat: repeat-x;
    background-position: 0 18px;
    position: relative;
}

#text_advert_header a {
    color: #8dafd1;
    text-decoration: none;
    font-size: 0.7em;
    background-color: #EAEEF9;
    padding: 0 4px 0 4px;
    margin: 0 4px 0 0
}

#text_advert_header_links {
    position: absolute;
    top: 8px;
    right: 8px
}

#text_adverts ul, #text_adverts ul li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#text_adverts li {
    width: 196px;
    float: left;
    text-align: left;
    position: relative;
    top: 11px
}

.inner #text_adverts li {
    width: 180px
}

#image_advert #iad1, #image_advert #iad2, #image_advert #iad3 {
    margin-right: 26px
}

#text_adverts
#ad1, #text_adverts #ad2 {
    border-right: 26px solid #EAEEF9
}

#text_adverts li strong, #text_adverts li strong a {
    color: #929aa6;
    text-decoration: none;
    font-size: 1em;
    letter-spacing: -0.05em
}

#text_adverts p {
    font-size: 0.75em;
    margin: 8px 0 6px 0;
    color: #acb4c3;
    line-height: 1.4em
}

#text_adverts span a {
    font-size: 0.8em;
    text-decoration: none;
    letter-spacing: -0.01em
}

.alt_list {
    background-color: #c7ea74;
    background-image: url('../images/alt_list_background.gif');
    background-position: bottom left;
    background-repeat: repeat-x;
    height: 42px;
    margin: -5px 0 16px 0;
    position: relative;
}

#resource_packs .alt_list {
    height: 81px;
    background-image: url('../images/alt_list_background.gif');
    background-position: 0 0px;
    background-color: #729431
}

.available_as span {
    display: none;
}

.available_as {
    background-image: url('../images/available_as.gif');
    background-position: bottom left;
    background-repeat: no-repeat;
    width: 75px;
    height: 12px;
    display: block;
    position: absolute;
    top: 5px;
    left: 6px
}

.alt_list_inner {
    position: absolute;
    top: 4px;
    left: 86px;
    width: 188px;
    height: 30px;
    overflow: hidden;
    font-size: 0.75em;
    letter-spacing: -0.01em;
    line-height: 1.3em
}

#resource_packs .alt_list_inner {
    height: 80px;
    left: 74px;
    width: 200px
}

.alt_list_inner.one_liner {
    /*    height: 15px;
     top: 11px*/
}

.alt_list_inner a, .alt_list_inner {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
}

.alt_list_inner a:hover {
    color: #EFFFAF;
}

#resources li p {
    font-size: 0.9em
}

ul#resource_packs, ul#resource_packs li {
    padding: 0px;
    margin: 0px;
    list-style-type: none
}

ul#resource_packs li {
    display: block;
    width: 278px;
    float: left;
    margin: 0 0 32px 0;
    border: 1px solid #DDD;
    padding: 16px
}

ul#resource_packs li.odd {
    margin-right: 16px
}

ul#resource_packs .resource_pack_images {
    border: 4px solid #c7ea74;
    display: block;
    height: 270px;
    width: 270px
}

ul#resource_packs .resource_pack_images img {
    float: left
}

/*
 ul#resource_packs li img, img.resource_preview {
 border: 4px solid #c7ea74;
 }
 
 ul#resource_packs li img {
 width: 90px
 }
 */
ul#resource_packs li h2 {
    margin-top: 0px;
    text-align: left;
    font-size: 1.4em;
    letter-spacing: -0.01em;
    height: 54px
}

ul#resource_packs li h2 a {
    color: #acabab;
    text-decoration: none
}

ul#resource_packs li a.moreinfo span {
    display: none
}

ul#resource_packs li a.moreinfo {
    display: block;
    width: 161px;
    height: 41px;
    background-image: url('../images/button_moreinfo_big.gif');
    background-position: top left;
    background-repeat: no-repeat;
    margin: 16px auto 0 auto;
}

#resource_packs li p {
    font-size: 0.9em
}

#resource_packs .includes span {
    display: none
}

#resource_packs .includes {
    background-image: url('../images/includes.gif');
    background-position: bottom left;
    background-repeat: no-repeat;
    width: 59px;
    height: 13px;
    display: block;
    position: absolute;
    top: 5px;
    left: 6px
}

ul#resource_packs ul.pack_resources li, ul.pack_resources {
    border: 0px;
    padding: 0px;
    margin: 0 0 3px 0
}

#resource_pack_images, #resource_pack_images li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#resource_pack_images li img {
    border: 3px solid #C7EA74;
    margin: 0 0 2px 0
}

#resource_pack_images li {
    width: 148px;
    height: 113px;
    float: left;
    margin: 0 16px 16px 0;
    text-align: center;
    font-size: 0.8em;
    letter-spacing: -0.01em;
    overflow: hidden
}

#resource_pack_images li span {
    font-size: 0.8em
}

#resource_pack_images li span strong {
    font-size: 1.2em
}

#resource_pack_images li.image4 {
    margin-right: 0px
}

#lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1000;
    text-align: center;
    line-height: 0;
}

#lightbox img {
    width: auto;
    height: auto;
    border: 3px solid #C7EA74;
}

#lightbox a img {
    border: none;
}

#outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#imageContainer {
    padding: 6px 4px 10px 4px
}

#loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#imageContainer >#hoverNav {
    left: 0;
}

#hoverNav a {
    outline: none;
}

#prevLink, #nextLink {
    width: 49%;
    height: 100%;
    background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
    display: block;
}

#prevLink {
    left: 0;
    float: left;
}

#nextLink {
    right: 0;
    float: right;
}

#prevLink:hover, #prevLink:visited:hover {
    background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
    background: url(../images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
}

#imageData {
    padding: 0 10px;
    color: #acabab;
}

#imageData #imageDetails {
    width: 70%;
    float: left;
    text-align: left;
}

#imageData #caption {
    font-weight: bold;
}

#imageData #numberDisplay {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
    outline: none;
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 900;
    width: 100%;
    height: 500px;
    background-color: #000;
}

#packs_by_resource {
    background-color: #d8eda6;
    padding: 16px;
    margin: 24px 0 0 0;
    color: #9fbc5b;
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
}

#packs_by_resource strong {
    color: #8ea852;
    font-size: 1.2em;
    display: block;
    margin: 0 auto 8px auto
}

#packs_by_resource a {
    color: #9fbc5b;
    text-decoration: none
}

#packs_by_resource a:hover {
    color: #FAFFEF
}

#categories a.new {
    background-image: url('../images/new.gif');
    background-position: 184px 7px;
    background-repeat: no-repeat;
}

#google_ads {
    height: 206px
}

#google_ads.inner {
    text-align: center;
    background: #cdf389;
    padding: 10px 0 8px 0;
    height: 64px;
    clear: both;
    margin-bottom: 32px;
    border: 1px solid #8cc624
}

#google_image_advert {
    float: left;
    margin: 0px 0 0 -10px
}

#google_text_adverts {
    margin: 0 0 0 202px;
    background: #cdf389;
    width: 728px;
    padding: 20px 8px 8px 0;
    position: relative;
    top: 47px;
    border: 1px solid #8cc624
}

#google_ad_divider {
    height: 19px;
}

#google_ads_side {
    margin: 0 0 32px 2px;
    text-align: center
}

#resource_description {
    line-height: 1.8em
}

#google_ads_resource_description {
    width: 200px;
    height: 250px;
    float: right;
    margin: 16px 0 0 24px
}

#resources li#google_ad_category_listing {
    width: 640px;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border: 0px
}

#resources li#google_ad_category_listing div {
    text-align: center;
    background: #cdf389;
    padding: 10px 0 8px 0;
    height: 64px;
    clear: both;
    margin: -8px 0 -8px 0;
    border: 1px solid #8cc624;
}

#resources_preview li#google_ad_category_listing {
    width: 609px;
    height: 64px;
    background: transparent;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border: 0px;
}

#resources_preview li#google_ad_category_listing div {
    text-align: center;
    background: #cdf389;
    border: 1px solid #8cc624;
    padding: 10px 0 8px 0;
    height: 64px;
    clear: both;
    margin: -8px 0 -8px 0
}

#google_ads_resource_pack_intro {
    text-align: center;
    background: #cdf389;
    padding: 10px 0 8px 0;
    height: 64px;
    clear: both;
    margin-bottom: 4px;
    border: 1px solid #8cc624
}

#google_ads_info_page {
    float: right;
    width: 160px;
    height: 600px;
    margin: 0 0 32px 32px
}

#download_col1 {
    width: 728px;
    float: left;
    margin: 0 0 32px 0
}

#download_col1 h2 {
    letter-spacing: -0.05em;
    color: #F57CED;
    font-size: 1.7em
}

#download_col2 {
    margin: 0 0 32px 744px;
    text-align: right
}

#countdown {
    font-weight: bold;
    font-size: 1.7em;
    color: #F57CED;
    position: relative;
    top: 3px
}

#download_info {
    margin: 16px 0 48px 0;
    line-height: 1.8em
}

p.countdown {
    font-weight: bold;
    text-align: center;
    font-size: 1.5em;
    color: #ABC0E7
}

p.download_footer {
    font-size: 0.8em;
    text-align: center;
    margin: 0 0 24px 0
}

#google_ad_download_text {
    background: #CDF389;
    padding: 16px 0 16px 0
}

#google_ad_search_1 {
    background: #cdf389;
    width: 640px;
    border: 1px solid #8cc624;
    padding: 8px;
    text-align: center;
    margin: 0 0 24px 0
}

table#search_results tr#google_ad_search_2, table#search_results tr#google_ad_search_2:hover {
    background: none
}

#google_ad_search_2 div {
    background: #cdf389;
    border: 1px solid #8cc624;
    padding: 8px;
    text-align: center;
    margin: 16px 0 16px 0
}

h2#share_this_resource {
    display: block;
    margin: 16px auto 0 auto;
    width: 377px;
    height: 26px;
    background-image: url('../images/share_this_resource.gif');
    padding: 0;
    position: relative;
    top: 16px
}

h2#share_this_resource span {
    display: none
}

#content_wrapper_new img {
    float: left;
    margin: 0 32px 0 0
}

#content_wrapper_new {
    height: 115px
}

#content_wrapper_new p {
    font-weight: bold;
    font-size: 1.79em;
    text-align: left;
    letter-spacing: -0.05em;
    position: relative;
    top: 16px
}

#content_wrapper_new p strong {
    color: #22a6f9;
}

#front_ad_1 {
    padding: 32px 0 32px 0;
    width: 300px;
    float: left;
    text-align: center
}

#front_ad_2 {
    width: 600px;
    text-align: center;
    padding: 32px 0
}

div#featured_resources_1 h2 {
    color: #F16CE6;
}

div#featured_resources_2 h2 a {
    color: #8bb83a;
}

div#featured_resources_3 h2 a {
    color: #E1B43B;
}

#footer_col_3 div {
    font-size: 0.8em
}

#search_col1 {
    width: 464px;
    float: left
}

#search_col2 {
    width: 160px;
    height: 100px;
    margin-left: 496px;
}

#search_col2 div {
    margin: 0 0 16px 0
}

#search_skyscraper {
    /*
     background: green;
     */
    height: 600px;
    width: 160px
}

#cant_find {
    clear: both;
    padding: 32px 0 0 0
}

blockquote {
    background-image: url('../images/quote_small.gif');
    background-position: 16px 0;
    background-repeat: no-repeat;
    margin-left: 0;
    padding: 0 0 16px 52px;
    font-style: italic;
    line-height: 1.6em;
    text-align: left
}

p.meet_q {
    color: #61AFDF;
    font-size: 1.1em;
    text-align: left;
    line-height: 0.8em;
    font-weight: bold;
}

#categories.photos {
    background: #E1B43B
}