/*
 Title: Peter Rabbit
 Description: CSS for Peter Rabbit site
 Author: Jon Penny
 Author Email: jon@completecontrol.co.uk
 */
/* Reset all margins, padding and borders */ * {
    margin: 0;
    padding: 0;
    border: 0;
}

/* Global Properties*/
/* Font replacement */
@font-face {font-family:
    'RabbitType';
    src:
    url('../fonts/rabbt___-webfont.eot'); /* For IE */
src:
    local('☺'), url('../fonts/rabbt___-webfont.woff') format('woff'), url('../fonts/rabbt___-webfont.ttf') format('truetype'), url('../fonts/rabbt___-webfont.svg#webfont4JN6Nam8') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    color: #000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 100%;
    line-height: 100%;
    background: #ECE4CD url(../img/pg-bg-shopandnews.jpg) top center no-repeat;
    letter-spacing: 0;
}

.pottersworld {
    background: #ECE4CD url(../img/pottersworld-bg.jpg) top center no-repeat;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    line-height: 1.3em;
}

p {
    margin-bottom: 10px;
    line-height: 1.3em;
}

ul, ol, li {
    list-style-type: none;
    line-height: 1.3em;
}

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

a:hover {
    text-decoration: underline;
}

a:hover, a:active, a:focus {
    outline: 0;
    outline-color: #000;
    outline-style: none;
    outline-width: 0;
}

span.larger {
    font-size: 150%;
}

span.smaller {
    font-size: 50%;
    vertical-align: top;
}

#wrapper {
    margin: 0 auto;
    padding: 45px 0;
    width: 990px;
}

.textfield, .formfield {
    padding: 2px;
    border: 1px solid #999;
}

/* Top Section */
#top {
}

#header {
    padding: 0 25px;
    height: 114px;
    background: url(../img/header_back.gif) 0 0 no-repeat;
    color: #000;
    overflow: hidden;
}

#header .header_logo {
    float: left;
    display: inline;
}

#header .peterrabbit {
    margin-left: 29px;
    width: 580px;
    height: 115px;
    float: left;
    background: url(../img/header_img.jpg) 0 0 no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}

#header h1 {
    font-family: 'RabbitType', 'Times New Roman', Times, sans-serif;
    color: #000;
    font-size: 3em;
    text-transform: uppercase;
}

#header h2 {
    font-family: 'RabbitType', 'Times New Roman', Times, sans-serif;
    color: #000;
    font-size: 1em;
    text-transform: uppercase;
}

#header h1.pottersworld {
    margin: 0 0 0 5px;
    float: left;
    font-family: 'RabbitType', 'Times New Roman', Times, sans-serif;
    color: #000;
    font-size: 3em;
    text-indent: -9999px;
    background: url(../img/h1_pottersworld.jpg) 0 0 no-repeat;
    display: block;
    width: 606px;
    height: 114px;
    overflow: hidden;
    text-transform: uppercase;
}

#header .share {
    width: 230px;
    float: right;
    display: inline;
    font-family: 'RabbitType', 'Times New Roman', Times, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
}

#header .share .social_networks {
    margin: 8px 0;
    height: 100%;
    overflow: hidden;
}

#header .share .social_networks h3, #header .share .social_networks span {
    float: left;
    display: inline;
}

#header .share .social_networks h3 {
    margin: 10px 20px 0 0
}

#header .share .social_networks span {
    margin-right: 10px;
}

#header .share .form {
    height: 100%;
    overflow: hidden;
}

#header .share input.text {
    padding: 7px 10px;
    width: 114px;
    line-height: 1.2em;
    background: url(../img/input_newsletter_back.gif) top left no-repeat;
    float: left;
    display: inline;
}

#header .share input.button {
    margin-left: 10px;
    width: 84px;
    height: 30px;
    background: url(../img/input_submit_button.gif) top left no-repeat;
    cursor: pointer;
    float: left;
    display: inline;
}

/* Sub Navigation */
#nav_pottersworld {
    background: #fff url(../img/nav_pottersworld.jpg) bottom left no-repeat;
}

#nav_pottersworld a {
    color: #000;
    font-family: 'RabbitType', 'Times New Roman', Times, sans-serif;
    text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 1px;
}

#nav_pottersworld a:hover, #nav_pottersworld .selected {
    text-decoration: none;
    color: #668141;
}

#nav_pottersworld ul {
    height: 48px;
    overflow: hidden;
}

#nav_pottersworld ul li {
    margin-top: 6px;
    padding: 5px 20px;
    background: url(../img/nav_border.gif) center right no-repeat;
    display: inline;
    float: left;
    list-style-type: none;
}

#nav_pottersworld ul li.last {
    background: 0 none;
}

/* Main Navigation */
#nav {
    background: #fff;
}

#nav a {
    color: #000;
    font-family: 'RabbitType', 'Times New Roman', Times, sans-serif;
    text-transform: uppercase;
    font-size: 1em;
    letter-spacing: 1px;
}

#nav a:hover, #nav .selected {
    text-decoration: none;
    color: #81befb;
}

#nav ul {
    padding-left: 84px;
    height: 41px;
    overflow: hidden;
    background: url(../img/nav_back.jpg	) 0 0 no-repeat;
}

#nav ul li {
    margin-top: 6px;
    padding: 5px 20px;
    background: url(../img/nav_border.gif) center right no-repeat;
    display: inline;
    float: left;
    list-style-type: none;
}

#nav ul li.last {
    background: 0 none;
}

/* Carousel */
#carousel {
    padding-top: 10px;
    height: 100%;
    overflow: hidden;
    background: #fff url(../img/shadow.gif) 0 0 repeat-x;
    color: #000;
    position: relative;
}

#carousel #carousel_inner {
    margin: 10px 14px;
    width: 962px;
    position: relative;
    overflow: hidden;
}

#carousel .carousel-wrap {
    width: 962px;
}

#carousel a {
    color: #000;
}

#carousel .carousel-control {
    position: absolute;
    bottom: 4px;
    z-index: 1000;
    text-indent: -9999px;
    width: 53px;
    height: 47px;
    overflow: hidden;
    display: block;
}

#carousel .previous {
    left: 2px;
    background: url(../img/carousel/previous.png) 0 0 no-repeat;
}

#carousel .next {
    right: 2px;
    background: url(../img/carousel/next.png) 0 0 no-repeat;
}

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

#carousel ul li {
    width: 962px;
    height: 224px;
    float: left;
    display: inline;
    overflow: hidden;
}

/* Main Section */
#content {
    padding: 10px 10px;
    height: 100%;
    overflow: hidden;
    color: #000;
    background: #fff;
    font-size: 0.8em;
}

#content.yourbaby {
    background: #fff url(../img/yourbaby_back.jpg) 0 0 no-repeat;
}

#content.yourbaby h2.for_baby {
    font-family: 'RabbitType', 'Times New Roman', Times, sans-serif;
    font-size: 2em;
    text-transform: uppercase;
}

#content.yourbaby a {
    padding: 0;
    background: 0 none;
}

.yourbaby_intro {
    height: 100%;
    overflow: hidden;
}

.coming_soon {
    margin-right: 40px;
    padding: 20px 0;
    width: 400px;
    float: right;
    color: #488CD0;
}

#content .yourbaby_intro p {
    margin: 10px 0;
    font-size: 1em;
}

#content .yourbaby_intro input.text {
    background: url("../img/input_yourbaby_back.gif") no-repeat scroll left top transparent;
    display: inline;
    float: left;
    line-height: 1.2em;
    padding: 18px 10px;
    width: 194px;
}

#content .yourbaby_intro input.button {
    cursor: pointer;
    display: inline;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

#content .yourbaby_main {
    margin-top: 170px;
    padding: 0 30px;
}

#content h3 {
    margin-bottom: 10px;
    font-size: 1.1em;
    font-weight: normal;
}

#content p {
}

#content a {
    padding: 0 0 0 20px;
    color: #488cd0;
    background: url(../img/link_blue.gif) 0 4px no-repeat;
}

#content .content_main {
    margin-bottom: 20px;
    height: 100%;
    overflow: hidden;
}

#content .whats_new {
    width: 564px;
    float: left;
    display: inline;
    color: #043a71;
}

#content .whats_new_top {
    height: 2px;
    background: url(../img/whats_new_top.gif) 0 0 no-repeat;
    overflow: hidden;
}

#content .whats_new_content {
    padding: 20px;
    background: url(../img/whats_new_content.gif) 0 0 repeat-y;
}

#content .whats_new_bottom {
    height: 5px;
    background: url(../img/whats_new_bottom.gif) 0 0 no-repeat;
    overflow: hidden;
}

#content .whats_new h2 {
    margin-bottom: 20px;
    border-bottom: 1px solid #76b9fc;
    line-height: 2em;
    font-family: 'RabbitType', 'Times New Roman', Times, sans-serif;
    text-transform: uppercase;
}

#content .whats_new h2 a.whats_new_link {
    padding: 0;
    background: 0 none;
}

#content .news_item {
    margin-bottom: 20px;
    height: 172px;
    overflow: hidden;
}

#content .news_item h3 {
    font-size: 0.9em;
}

#content .whats_new a {
    background: 0 none;
}

#content .whats_new p a {
    background: url("../img/link_blue.gif") 0 4px no-repeat;
}

#content .whats_new img.whats_new_image {
    margin: 0 0 10px 10px;
    border: 2px solid #8ac2df;
    float: right;
    display: inline;
    background: 0 none;
}

#content .promos {
    float: right;
    display: inline;
}

#content .promos a {
    padding: 0;
    background: 0 none;
}

#content .promos a .promo span.readmore:hover {
    text-decoration: underline;
}

#content .promos .promo {
    margin-bottom: 10px;
    width: 389px;
    height: 244px;
}

#content .promos .promo .promo_inner {
    padding: 30px 170px 30px 30px;
}

#content .promos .promo h2 {
    margin-bottom: 10px;
    font-family: 'RabbitType', 'Times New Roman', Times, sans-serif;
    text-transform: uppercase;
}

#content .promos .promo span.readmore {
    padding-left: 20px;
    background: url("../img/link_blue.gif") 0 4px no-repeat;
}

/* Individual Promos */
#promo_shop {
    background: url(../img/promos/promo_shop_back.jpg) 0 0 no-repeat;
}

#promo_100years {
    background: url(../img/promos/promo_100_years.jpg) 0 0 no-repeat;
}

/* Sub Content */
.content_sub {
    height: 100%;
    overflow: hidden;
}

.content_sub h2 {
    margin-bottom: 10px;
    padding-left: 108px;
    font-family: 'RabbitType', 'Times New Roman', Times, sans-serif;
    text-transform: uppercase;
}

.content_sub a {
    background: url("../img/link_blue.gif") no-repeat scroll 0 4px transparent;
    color: #488CD0;
    padding: 0 0 0 20px;
    display: -moz-inline-block;
    display: inline-block;
}

.content_sub .promo_sub {
    margin: 0 7px;
    width: 300px;
    float: left;
}

/* Bottom Section */
#bottom {
    color: #fff;
}

/* Elsewhere section */
#elsewhere {
    padding: 20px 44px;
    overflow: hidden;
    height: 100%;
    background: #7abaf9 url(../img/elsewhere.jpg) 0 0 repeat-x;
}

#elsewhere h2 {
    margin-bottom: 10px;
    font-family: 'RabbitType', 'Times New Roman', Times, sans-serif;
    text-transform: uppercase;
    font-size: 1.3em;
}

#elsewhere p, #elsewhere ul {
    font-size: 0.8em;
}

#elsewhere a {
    padding-left: 20px;
    background: url(../img/link_white.gif) 0 60% no-repeat;
}

#elsewhere .col1, #elsewhere .col2, #elsewhere .col3 {
    float: left;
    display: inline;
    background: url(../img/elsewhere_vertical_border.gif) top right repeat-y;
    width: 247px;
    min-height: 214px;
}

#elsewhere .col1 {
    padding-right: 40px;
}

#elsewhere .col1 .about {
    padding-bottom: 20px;
}

#footer .footer_nav .countries {
    margin-bottom: 10px;
}

#elsewhere .col3 .countries a {
    padding: 0;
    background: 0 none;
}

#footer .footer_nav .countries ul {
    width: 100%;
    overflow: hidden;
}

#footer .footer_nav .countries ul li {
    float: left;
    display: inline;
}

#footer .footer_nav .countries ul li img {
}

#footer .footer_nav .countries ul li a {
    padding: 0;
    background: 0 none;
    display: block;
}

#elsewhere .col2 {
    padding: 0 40px;
}

#elsewhere .col3 {
    padding-left: 40px;
    background: 0 none;
}

#elsewhere .col3 .follow {
    padding-bottom: 20px;
}

#elsewhere .col3 .follow a {
    padding: 0;
    background: none;
}

#elsewhere .col3 .follow ul {
    height: 100%;
    overflow: hidden;
}

#elsewhere .col3 .follow ul li {
    margin-right: 20px;
    float: left;
    display: inline;
}

#elsewhere .col3 .follow ul li {
    float: left;
    display: inline;
}

#elsewhere .col3 .register {
    padding-top: 20px;
    background: url(../img/elsewhere_horizontal_border.gif) top left repeat-x;
}

#elsewhere .col3 .register .form {
    height: 100%;
    overflow: hidden;
}

#elsewhere .col3 .register input.text {
    padding: 7px 10px;
    width: 174px;
    line-height: 1.2em;
    background: url(../img/input_register_back.gif) top left no-repeat;
    float: left;
    display: inline;
}

#elsewhere .col3 .register input.button {
    margin-left: 10px;
    width: 83px;
    height: 30px;
    background: url(../img/input_register_button.gif) top left no-repeat;
    float: left;
    display: inline;
    cursor: pointer;
}

/* Footer */
#footer {
    padding-left: 44px;
    height: 95px;
    background: transparent url(../img/footer.gif) 0 0 no-repeat;
    overflow: hidden;
    font-size: 0.8em;
}

#footer .footer_logo {
    float: left;
}

#footer .copyright {
    margin-top: 16px;
    margin-left: 24px;
    width: 370px;
    float: left;
    display: inline;
}

#footer .footer_nav {
    margin-top: 20px;
    float: left;
    display: inline;
}

#footer .footer_nav a {
    margin-right: 20px;
    padding-left: 20px;
    background: url(../img/link_white.gif) 0 60% no-repeat;
}

/* Misc Styles */
#promo-pottersworld div a {
    color: #488CD0;
}

/* Your Baby Products */
.products {
    margin: 20px 0;
    color: #043a71;
}

.products strong {
    font-weight: bold;
}

.products ul {
    height: 100%;
    overflow: hidden;
}

.products ul li {
    margin-right: 10px;
    width: 170px;
    float: left;
    display: inline;
    list-style-type: none;
}

.products ul li span.image {
    margin-bottom: 10px;
    width: 120px;
    height: 120px;
    border: 1px dashed #079edd;
    display: block;
}

.products ul li span.image img {
    width: 120px;
    height: 120px;
}

#content .products a {
    padding: 0;
    background: none;
}

/* Top Picks */
.top_picks h2 {
    margin-bottom: 10px;
    font-family: 'RabbitType', Times New Roman, Times, sans-serif;
    font-weight: none;
    text-transform: uppercase;
}

.top_picks_main {
    margin: 0;
    padding: 15px 35px;
    background: url("../img/top_picks_main.gif") repeat-y 0 0 transparent;
}

.top_picks_top {
    background: url("../img/top_picks_top.gif") no-repeat 0 0 transparent;
    height: 2px;
    overflow: hidden;
}

.top_picks_bottom {
    background: url("../img/top_picks_bottom.gif") no-repeat 0 0 transparent;
    height: 5px;
    overflow: hidden;
}

/**/
.beatrixpotter h2 {
    font-family: 'RabbitType', 'Times New Roman', Times, sans-serif;
    font-weight: none;
    text-transform: uppercase;
}

.backtotop {
    text-align: right;
    clear: both;
}

/* Print section */
.print {
    padding: 25px;
    height: 100%;
    overflow: hidden;
}

.print h2 {
    font-family: 'RabbitType', 'Times New Roman', Times, sans-serif;
    font-weight: none;
    text-transform: uppercase;
}

#content .print a {
    padding: 0;
    background: 0 none;
}

#content .print div.text-activities {
    width: 230px;
}

.activity {
    height: 100%;
    overflow: hidden;
}

.left_column, .right_column {
    width: 460px;
    display: inline;
}

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

.right_column {
    float: right;
    display: inline;
}