/*
 Title: Tinga Tinga Website
 Description: Global CSS for Tinga Tinga Website
 */ * {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background: #FDD001 url(../images/background_yellow.jpg) 0 0 repeat;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 100%;
    font-weight: bold;
    /*letter-spacing: 1px;*/
    color: #fff;
    line-height: 100%;
}

/* Font replacement */
@font-face {
	font-family: CustomFont;
    src: url(/font/jamb.eot);
}
@font-face {
	font-family: CustomFont;
    src: url(/font/jamb.ttf);
}

.strapline {
	font-family: CustomFont;
    font-weight: normal;
	font-size: 1.2em;
}

/* Stops the dashed border in Firefox, all other browsers ignore this */
a, a:active, a:visited, a:hover, a:focus, object, input, select {
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2em;
}

h1 {
    font-size: 1.3em;
}

h2 {
    font-size: 1.2em;
}

h3 {
    font-size: 1.1em;
}

h4 {
    font-size: 1em;
}

p {
    margin-bottom: 10px;
    line-height: 1.5em;
    font-size: 0.8em;
}

ul, li {
    list-style-type: none;
}

.clear_both {
    clear: both;
    height: 0;
    line-height: 0;
}

a {
    color: #fff;
    text-decoration: none;
}

.strong {
    font-weight: bold;
}

.br {
    margin: 10px 0;
    height: 1px;
    background: #000;
    display: block;
    overflow: hidden;
}

#wrapper {
    margin: 0 auto;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 1280px;
}

/*
 Header
 */
#header {
    padding: 5px 0 0 127px;
    height: 100%;
    overflow: hidden;
}

/* Logo */
#logo {
    float: left;
}

#logo h1 {
    width: 202px;
    height: 161px;
    background: url(../images/logo.png) 0 0 no-repeat;
    overflow: hidden;
    text-indent: -9999px;
}

/* Navigation */
#nav {
    width: 792px;
    float: left;
}

#nav ul {
    height: 100%;
    overflow: hidden;
}

#nav ul li {
    float: left;
    list-style-type: none;
}

#nav ul li a {
    height: 117px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

#nav ul li a:hover {
    background-position: 0 -117px;
}

#nav ul li a.selected, #nav ul li a:hover.selected {
    background-position: 0 -234px;
}

/* Individual nav items */
#nav ul li a.home {
    width: 107px;
    background-image: url(../images/nav/home.png);
}

#nav ul li a.meet {
    width: 140px;
    background-image: url(../images/nav/meet.png);
}

#nav ul li a.fun {
    width: 89px;
    background-image: url(../images/nav/fun.png);
}

#nav ul li a.watch {
    width: 89px;
    background-image: url(../images/nav/watch.png);
}

#nav ul li a.grownups {
    width: 134px;
    background-image: url(../images/nav/grownups.png);
}

#nav ul li a.shop {
    width: 74px;
    background-image: url(../images/nav/shop.png);
}

#nav ul li a.community {
    width: 159px;
    background-image: url(../images/nav/community.png);
}

/* Sound icon */
.sound {
    margin-top: 10px;
    float: left;
    display: inline;
}

.background_sound {
    float: left;
    display: inline;
}

/*
 Content
 */
#content {
    margin-top: -48px;
    width: 100%;
    overflow: hidden;
}

.content_header {
    padding: 0 170px 0 350px;
    height: 134px;
    overflow: hidden;
}

.content_header h2 {
    margin-top: 10px;
    float: left;
}

.content_header .pick_another {
    margin-top: 15px;
    float: right;
    display: block;
}

#content .content_text h3 {
    padding: 0 30px;
}

#content .content_text p {
    padding: 0 30px;
}

/* Grownups Nav */
#grownups #left_nav {
    margin-top: 40px;
    width: 390px;
    float: left;
    overflow: hidden;
}

#grownups #left_nav ul {
    padding-left: 140px;
}

#grownups #left_nav ul li {
    list-style-type: none;
    line-height: 100%;
    display: inline;
}

#grownups #left_nav ul li a {
    width: 248px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

/* Individual left nav items */
#grownups #left_nav ul li a.grownups_about {
    height: 71px;
    background: url(../images/grownups_nav/grownups_about.png) 0 0 no-repeat;
}

#grownups #left_nav ul li a:hover.grownups_about {
    background-position: 0 -71px;
}

#grownups #left_nav ul li a.grownups_about_selected {
    height: 71px;
    background: url(../images/grownups_nav/grownups_about.png) 0 -142px no-repeat;
    /*background-position: 0 -142px;*/
}

#grownups #left_nav ul li a.grownups_news {
    height: 42px;
    background: url(../images/grownups_nav/grownups_news.png) 0 0 no-repeat;
}

#grownups #left_nav ul li a:hover.grownups_news {
    background-position: 0 -42px;
}

#grownups #left_nav ul li a.grownups_news_selected {
    height: 42px;
    background: url(../images/grownups_nav/grownups_news.png) 0 -84px no-repeat;
    /*background-position: 0 -84px;*/
}

#grownups #left_nav ul li a.grownups_events {
    height: 42px;
    background: url(../images/grownups_nav/grownups_events.png) 0 0 no-repeat;
}

#grownups #left_nav ul li a:hover.grownups_events {
    background-position: 0 -42px;
}

#grownups #left_nav ul li a.grownups_events_selected {
    height: 42px;
    background: url(../images/grownups_nav/grownups_events.png) 0 -84px no-repeat;
}

#grownups #left_nav ul li a.grownups_competitions {
    height: 42px;
    background: url(../images/grownups_nav/grownups_competitions.png) 0 0 no-repeat;
}

#grownups #left_nav ul li a:hover.grownups_competitions {
    background-position: 0 -42px;
}

#grownups #left_nav ul li a.grownups_competitions_selected {
    height: 42px;
    background: url(../images/grownups_nav/grownups_competitions.png) 0 -84px no-repeat;
}

#grownups #left_nav ul li a.grownups_activities {
    height: 42px;
    background: url(../images/grownups_nav/grownups_activities.png) 0 0 no-repeat;
}

#grownups #left_nav ul li a:hover.grownups_activities {
    background-position: 0 -42px;
}

#grownups #left_nav ul li a.grownups_activities_selected {
    height: 42px;
    background: url(../images/grownups_nav/grownups_activities.png) 0 -84px no-repeat;
}

#grownups #left_nav ul li a.grownups_newsletter {
    height: 81px;
    background: url(../images/grownups_nav/grownups_newsletter.png) 0 0 no-repeat;
}

#grownups #left_nav ul li a:hover.grownups_newsletter {
    background-position: 0 -81px;
}

#grownups #left_nav ul li a.grownups_newsletter_selected {
    height: 81px;
    background: url(../images/grownups_nav/grownups_newsletter.png) 0 -162px no-repeat;
}

#grownups #content {
    float: left;
}

/*
 Footer
 */
#footer {
    padding: 20px 100px;
    border-top: 1px solid #fff;
    height: 100%;
    overflow: hidden;
    font-size: 0.7em;
}

#info {
    float: left;
    height: 100%;
    overflow: hidden;
    width: 280px;
}

#info img.classicmedia_logo {
    margin-right: 20px;
    float: left;
}

#info img.tigeraspect_logo {
    margin-top: 21px;
    float: left;
}

#footer_nav {
    margin-top: 18px;
    float: right;
    text-align: right;
    color: #fff;
    width: 730px;
}

#footer ul {
    height: 100%;
    overflow: hidden;
}

#footer_nav a {
    margin-right: 5px;
    padding-right: 5px;
    color: #fff;
    border-right: 1px solid #fff;
}

#footer_nav a:hover {
    text-decoration: underline;
}

#footer_nav a.last {
    margin: 0;
    padding: 0;
    border-right: 0;
}

/*
 Promos
 */
/* Newsletter */
a.newsletter {
    width: 255px;
    height: 235px;
    display: block;
    overflow: hidden;
    background: url(../images/newsletter_ad.png) 0 0 no-repeat;
    text-indent: -9999px;
    text-align: left;
}

a.newsletter:hover {
    background-position: 0 -235px;
}

/* TV ad */
a.tv_ad {
    width: 163px;
    height: 152px;
    display: block;
    overflow: hidden;
    background: url(/uploads/txpromo/tx_promo.png) 0 0 no-repeat;
    text-indent: -9999px;
    text-align: left;
}

a.tv_ad:hover {
    background-position: 0 -152px;
}

/* Pick animal */
a.pick_another {
    width: 151px;
    height: 61px;
    display: block;
    overflow: hidden;
    background: url(../images/pick_another.png) 0 0 no-repeat;
    text-indent: -9999px;
    text-align: left;
}

a.pick_another:hover {
    background-position: 0 -61px;
}

/* Print button */
a.print_button {
    width: 186px;
    height: 128px;
    display: block;
    overflow: hidden;
    background: url(../images/print_button.png) 0 0 no-repeat;
    text-indent: -9999px;
    text-align: left;
}

a.print_button:hover {
    background-position: 0 -128px;
}

/* ############################################################
 
 ############################################################ */
.promoButton a.previewImage {
    display: block;
    height: 240px;
    width: 250px;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.promoButton a.previewImage:hover {
    background-position: 0px -240px;
}

.promoButton span {
    display: block;
    text-align: center;
    color: #000000;
    font-weight: bold;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    text-decoration: none;
}

.promoButton .imageBlank1 {
    background-image: url(/images/promo_spot/tinga_promo_blank1.png);
}

.promoButton .imageBlank1 span {
    padding: 50px 50px 0;
}

.promoButton .imageBlank2 {
    background-image: url(/images/promo_spot/tinga_promo_blank2.png);
}

.promoButton .imageBlank2 span {
    padding: 50px 50px 0;
}

.promoButton .imageCompetition {
    background-image: url(/images/promo_spot/tinga_promo_competition.png);
}

.promoButton .imageCompetition span {
    padding: 80px 50px 0;
}

.promoButton .imageGivingBack {
    background-image: url(/images/promo_spot/tinga_promo_givingback.png);
}

.promoButton .imageGivingBack span {
    padding: 80px 50px 0;
}

.promoButton .imageNew {
    background-image: url(/images/promo_spot/tinga_promo_new.png);
}

.promoButton .imageNew span {
    padding: 67px 35px 0;
}

.promoButton .imageNewsletter {
    background-image: url(/images/promo_spot/tinga_promo_newsletter.png);
}

.promoButton .imageNewsletter span {
    padding: 80px 50px 0;
}

.promoButton .imageSignin {
    background-image: url(/images/promo_spot/tinga_promo_signin.png);
}

.promoButton .imageSignin span {
    padding: 80px 50px 0;
}

.error {
	font-size: 0.8em;
}