@import "fonts/stylesheet.css";

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, img, ol, ul, li, pre {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

img {
	display: block;
}

ol, ul {
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	background-color: #ffffff;
	background-image: url(/media/images/about_page_background.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	font-family: 'GosmickSansRegular';
	font-size: 18px;
	color: #58585a;
}

.home {
	background-image: url(/media/images/home_page_background.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.watchPage {
	background-image: url(/media/images/watch_page_background.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

#navigation li,
#footer .upper a,
#emailForm label,
#emailForm .text,
#scrollCards li,
.column,
.entryForm .radio,
.newsletterSignUp .radio,
.split label,
.spilt div,
.numerical span,
.highlight,
#steps a {
	float: left;
	display: inline;
}

.fr,
#facebook,
#raaRaa,
.download {
	float: right !important;
	display: inline;
}

.textReplace {
	font-family: 'GosmickSansRegular';
}

.altText {
	font-family: 'HastyPuddingRegular';
	font-size: 19px;
}

.brake {
	display: block;
}

.clearFix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearFix {
	display: inline-block;
}
 
html[xmlns] .clearFix {
	display: block;
}
 
* html .clearFix {
	height: 1%;
}

.imgReplace,
#forest a,
#train a,
#footer a,
#steps a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: top left;
}

.em {
	color: #39a9dc;
}

#page {
	width: 980px;
	margin: 0 auto;
}

/* header */

#header {
	padding: 12px 0 0 0;
	position: relative;
}

#logo {
	background-image: url(/media/images/logo.png);
	width: 178px;
	height: 148px;
	margin: 0 0 0 6px;
}

#cbeebies {
	position: absolute;
	top: 48px;
	left: 383px;
	width: 251px;
	text-align: center;
}

#cbeebies h2 span {
	background-image: url(/media/images/cbeebies.png);
	width: 121px;
	height: 28px;
}

#cbeebies p {
	margin: 4px 0 0 0;
	font-size: 14px;
	line-height: 15px;
}

/* emailForm */

#emailForm {
	position: absolute;
	top: 125px;
	left: 359px;
}

#emailForm label {
	color: #00a03b;
	vertical-align: middle;
	font-size: 26px;
	margin: -5px 0 0 0;
	position: relative;
}

#emailForm .text {
	background-color: #00a03b;
	border: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #ffffff;
	padding: 5px 0 6px 11px;
	width: 127px;
	vertical-align: middle;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans=serif;
	margin: 0 4px 0 2px;
}

#go {
	vertical-align: middle;
}

/* animation */

#animation {
	position: absolute;
	top: 0;
	right: 0;
	width: 330px;
	background-repeat: no-repeat;
	background-position: 30px 0;
	height: 200px;
    z-index: 50;
}

/* navigation */

#navigation {
	margin: 4px 0 0 8px;
	height: 36px;
}

#navigation a {
	font-family: 'HastyPuddingRegular';
	color: #ffffff;
	font-size: 22px;
	letter-spacing: 1px;
	margin: 0 58px 0 0;
}

#navigation a:hover,
#navigation .current {
	color: #007945;
	text-decoration: none;
}

#navWin {
	position: absolute;
}

/* contenWrap */

#contentWrap {
	position: relative;
	clear: both;
}

/* forest */

#forest a {
	position: absolute;
	z-index: 100;
}

#forest div {
	position: absolute;
	z-index: 200;
}

#page #news {
	background-image: url(/media/images/news.png);
	width: 113px;
	height: 90px;
	top: 244px;
	left: 0px;
	z-index: 400;
}

#newsBush {
	background-image: url(/media/images/newsBush.png);
	width: 311px;
	height: 94px;
	top: 282px;
	left: -53px;
}

#activities {
	position: absolute;
	top: 132px;
	left: 149px;
	background-image: url(/media/images/activities.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 196px;
	height: 167px;
}

#activities a {
    position:absolute;
    bottom: 0;
    right: -2px;
}

#activitiesBush {
	background-image: url(/media/images/activitiesBush.png);
	width: 60px;
	height: 44px;
	top: 280px;
	left: 138px;
}

#page #win {
	background-image: url(/media/images/win.png);
	width: 115px;
	height: 88px;
	top: 228px;
	left: 366px;
	z-index: 400;
}

#page #winBush {
	background-image: url(/media/images/winBush.png);
	width: 274px;
	height: 99px;
	top: 334px;
	left: 444px;	
}

#page #watch {
	background-image: url(/media/images/watch.png);
	width: 100px;
	height: 77px;
	top: 207px;
	left: 580px;
	z-index: 400;
}

#page #watchBush {
	background-image: url(/media/images/watchBush.png);
	width: 187px;
	height: 97px;
	top: 271px;
	left: 647px;
	z-index: 400;
}

#page #about {
	background-image: url(/media/images/about.png);
	width: 253px;
	height: 144px;
	top: 309px;
	left: 782px;
	z-index: 400;
}

#page #aboutBush {
	background-image: url(/media/images/aboutBush.png);
	width: 72px;
	height: 59px;
	top: 359px;
	left: 796px;
	z-index: 400;
}

#page #facebook-like {
    top: 16px;
    right: 0px;
    position:absolute;
    background:#fff;
}

#forest .fb-like-box {
    position:static;
}

/* train */

#train {
	margin: 276px 0 0 86px;
	position: relative;
	z-index: 300;
}

#train .inner {
	position: relative;
	background-image: url(/media/images/train.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 887px;
	height: 316px;
}

#train a {
	position: absolute;
}

#elephant {
	top: 32px;
	left: 1px;
	width: 192px;
	height: 170px;	
} 

#raaRaaTrain {
	top: 45px;
	left: 194px;
	width: 117px;
	height: 145px;
}

#zebra {
	top: 35px;
	left: 358px;
	width: 68px;
	height: 155px;
}

#giraffe {
	top: 20px;
	left: 447px;
	width: 88px;
	height: 124px;
}

#monkey {
	top: 48px;
	left: 564px;
	width: 70px;
	height: 99px;
}

#turtle {
	top: 48px;
	left: 634px;
	width: 50px;
	height: 69px;
}

/* about pages */

#scrollCards ul {
	width: 1729px;
	height: 182px;
	margin: 0 0 0 -4px;
	position: absolute;	
}

#scrollCards li {
	
}

#scrollCards a {
	display: block;

}

#scrollCards img {
	
}

#window {
	width: 980px;
    overflow:hidden;
}

.content {
	margin: 15px 0 0 0;
	clear: both;
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
}

.textBlock {
	position: absolute;
}

.textBlock h2,
.content .column h2 {
	font-family: 'HastyPuddingRegular';
	font-size: 72px;	
}

.textBlock p,
.content .column p {
	line-height: 25px;
	margin: 0 0 19px 0;
}

.textBlock span,
.content .column span {
	display: block;
}

#page .textBlock .em,
.content .column .em {
	display: inline;
	font-size: 26px;
	font-family: 'HastyPuddingRegular';
}

.crocky .content {
	background-image: url(/media/images/crocky.jpg);
	height: 556px;
}

.crocky .textBlock {
	left: 348px;
	top: -8px;
}

.crocky h2 {
	color: #0966ac;
}

.crocky p {
	color: #00a8dc;
}

.crocky .em {
	color: #f08724;
}

.huffty .content {
	background-image: url(/media/images/huffty.jpg);
	height: 558px;
}

.huffty .textBlock {
	left: 20px;
	top: -9px;
}

.huffty h2 {
	color: #4f8bbf;
	font-size: 70px;
}

.huffty p {
	color: #4f8bbf;
}

.huffty .em {
	color: #e53934;
}

.ooOoo .content {
	background-image: url(/media/images/ooOoo.jpg);
	height: 537px;	
}

.ooOoo .textBlock {
	left: 226px;
	top: 30px;
}

.ooOoo h2 {
	color: #673087;
	font-size: 80px;
	line-height: 105px;
}

.ooOoo p {
	color: #0966ac;
}

.ooOoo .em {
	color: #f6a800;
}

.raaRaaPage .content {
	background-image: url(/media/images/raaRaa.jpg);
	height: 558px;
}

.raaRaaPage .textBlock {
	left: 308px;
	top: 10px;	
}

.raaRaaPage h2 {
	color: #e53934;
	line-height: 70px;
}

.raaRaaPage p {
	color: #27ad8a;
}

.raaRaaPage .em {
	color: #f08724;
}

.topsy .content {
	background-image: url(/media/images/topsy.jpg);
	height: 569px;
}

.topsy .textBlock {
	left: 230px;
}

.topsy h2 {
	color: #f9b500;
}

.topsy p {
	color: #009b31;
}

.topsy .em {
	color: #00a8dc;
}	

.zebby .content {
	background-image: url(/media/images/zebby.jpg);
	height: 569px;
}

.zebby .textBlock {
	left: 268px;
}

.zebby h2 {
	color: #ea6581;
	font-size: 72px;
}

.zebby p {
	color: #4f8bbf;
}

.zebby .em {
	color: #29ad8b;
}	

.theShow .content {
	background-image: url(/media/images/theShow.jpg);
	background-position: right 755px;
}

.theShow .primary{
	padding: 0 0 0 5px;
	width: 485px;
}

.theShow .primary img {
	position: relative;
	margin: 0 0 38px -5px;
}

.theShow .secondary {
	width: 478px;
	padding: 0 0 0 12px;
}

.theShow .secondary img {
	margin: 38px 0 38px 0;
}

.theShow h2 {
	color: #00a03b;
	font-size: 70px;
}

.theShow p {
	color: #00b1b7;
}

.theShow .em {
	color: #673087;
}

/* news */

.news {
	background-image: url(/media/images/news.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

.news .primary {
	width: 490px;
	padding-bottom: 205px;
	margin: 0 20px 0 10px;
}

.news .secondary,
.win .secondary,
.entryForm .secondary,
.activities .secondary,
.contact .secondary,
.newsletterSignUp .secondary {
	width: 450px;
}

.news .column,
.win .column,
.entryForm .column,
.activities .column,
.contact .column,
.newsletterSignUp .column  {
	padding-top: 20px;
}

.news .column h2,
.win .column h2 {
	font-size: 33px;
	line-height: 34px;
	margin: 0 0 18px 0;
}

#page .style1 {
	color: #f1292b;
}

#page .style2 {
	color: #f56e3e;
}

#page .style3 {
	color: #fdb13d;
}

#page .style4 {
	color: #00ae59;
}

#page .style5 {
	color: #00bab8;
}

#page .style6 {
	color: #00b6e2;
}

#page .style7 {
	color: #6c3b92;
}

.news .column p {
}

.news .column a {
	color: #00a8dc;
}

/* win */

.win .primary,
.entryForm .primary,
.activities .primary,
.contact .primary,
.newsletterSignUp .primary {
	width: 490px;
	margin: 0 20px 0 10px;
}

.win h3 {
	font-family: 'HastyPuddingRegular';
	font-size: 30px;
	line-height: 27px;
	margin: 0 0 36px 0;
	padding: 18px 0 0 0;
}

.win #video {
	width: 490px;
	height: auto;
	margin: 0;
}

label {
	font-family: 'GosmickSansRegular';
	font-size: 18px;
	margin: 0 0 0 20px;
}

.field {
	margin: 0 0 10px 0;
}

#enter {
	margin: 36px 0 0 0;
}

.win .push {
	position: absolute;
	bottom: 0;
	left: 0;
}

/* entryForm */

#page .entryForm h2,
#page .contact h2,
#page .newsletterSignUp h2 {
	font-family: 'HastyPuddingRegular';
	font-size: 40px;
	color: #00a8dc;
	margin: 0 0 13px 0;
}

.entryForm .field,
.contact .field,
.newsletterSignUp .field {
	margin: 0 0 28px 0;
}

.entryForm .radios,
.newsletterSignUp .radios {
	margin: 0 0 18px 0;
}

.entryForm label,
.contact label,
.newsletterSignUp label {
	font-family: 'HastyPuddingRegular';
	font-size: 28px;
	color: #6b3b91;
	margin: 0;
}

.entryForm .label,
.contact .label,
.newsletterSignUp .label {
	display: block;
}

.entryForm .text,
.contact .text,
.newsletterSignUp .text {
	font-family: 'GosmickSansRegular';
	background-color: #6b3b91;
	border: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 16px;
	color: #ffffff;
	padding: 8px 0 7px 10px;
	width: 404px;
}

#page .split label {
	margin: 0 33px 0 0;
}

#page .split div label {
	font-size: 18px;
	margin: 12px 15px 0 0;
}

#page .split div input {
	margin: 18px 47px 0 0;
}

.entryForm .radio,
.newsletterSignUp .radio {
	display: block;
	margin: 4px 28px 0 0;
}

.entryForm .radioLabel,
.newsletterSignUp .radioLabel {
	font-size: 13px;
	font-family: 'GosmickSansRegular';
	color: #6b3b91;
	display: block;
	overflow: hidden;
}

.entryForm a {
	color: #00a8dc;
}

.entryForm .submit,
.contact .submit,
.newsletterSignUp .submit {
	text-align: right;
	margin: 18px 35px 18px 0;
}

/* contact */ 

#page .contact p,
#page .newsletterSignUp p {
	color: #00b6e2;
	width: 414px;
}

textarea {
	font-family: 'GosmickSansRegular';
	background-color: #6b3b91;
	border: none;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 16px;
	color: #ffffff;
	padding: 8px 0 7px 10px;
	width: 404px;
	height: 164px;
	overflow: hidden;
}

#page .contact .mute {
	color: #6c3a91;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	left: 520px;
	width: 450px;
	line-height: 14px;
	
}

/* watch */

.watch .content {
	background-image: url(/media/mages/watchBush.jpg);
	background-repeat: no-repeat;
	background-position: ;
	padding: 50px 0 0 0;
}

.watch .content a {
	color: #00a8dc;
}

.watch .content p {
	width: 619px;
	margin: 10px 0 0 199px;
}

#video {
	background-repeat: no-repeat;
	background-position: top left;
	width: 705px;
	height: 476px;
	text-align: center;
	overflow: hidden;
	margin: 0 0 0 155px;
}

#video .inner {
	background-color: #ffffff;
	margin: 42px 0 0 43px;
	width: 619px;
	height: 340px;
}

#video h2 {
	margin: 10px 0 0 0;
	font-size: 50px;
	color: #ffffff;
	font-family: 'GosmickSansRegular';
}

.v_style1 {
	background-image: url(/media/images/watch_style1.png);
}

.v_style2 {
	background-image: url(/media/images/watch_style2.png);
}

.v_style3 {
	background-image: url(/media/images/watch_style3.png);
}

.v_style4 {
	background-image: url(/media/images/watch_style4.png);
}

.v_style5 {
	background-image: url(/media/images/watch_style5.png);
}

.v_style6 {
	background-image: url(/media/images/watch_style6.png);
}

.v_style7 {
	background-image: url(/media/images/watch_style7.png);
}

.activities #video {
	width: 490px;
	height: 352px;
	margin: 0;
}

.activities #video .inner {
	background-color: #ffffff;
	margin: 26px 0 0 30px;
	width: 432px;
	height: 294px;
}

.activities .v_style1 {
	background-image: url(/media/images/activities_video_style1.png);
}

.activities  .v_style2 {
	background-image: url(/media/images/activities_video_style2.png);
}

.activities .v_style3 {
	background-image: url(/media/images/activities_video_style3.png);
}

.activities .v_style4 {
	background-image: url(/media/images/activities_video_style4.png);
}

.activities  .v_style5 {
	background-image: url(/media/images/activities_video_style5.png);
}

.activities .v_style6 {
	background-image: url(/media/images/activities_video_style6.png);
}

.activities  .v_style7 {
	background-image: url(/media/images/activities_video_style7.png);
}

/* activities */

.activities {
	background-image: url(/media/images/activites_template_1_flower.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#page .activities h2 {
	font-size: 33px;
}

#page .activities h3 {
	font-size: 33px;
	margin: 18px 0 0 0;
	font-family: 'HastyPuddingRegular';
}

.download {
	background-image: url(/media/images/download.png);
	width: 256px;
	height: 169px;
}

#page .activities .highlight {
	background-color: #bad9f0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 4px 12px;
	font-size: 24px;
	margin: 0 0 30px 0;
}

.needs {
	clear: both;
	margin: 0 0 30px 0;
}

.needs li {
	color: #f1272b;
	list-style-type: disc;
	margin: 0 0 10px 20px;
}

.numerical {
	clear: both;
}


.numerical span {
	font-family: 'HastyPuddingRegular';
	font-size: 33px;
	color: #f1292b;
	line-height: 33px;
	margin: 0 12px 0 0;
}

.numerical p {
	overflow: hidden;
}

#steps {
	margin: 18px 0 0 0;
}

#steps a {
	height: 56px;
	width: 36px;
}

#steps a:hover,
#steps a.enabled {
	background-position: 0 -56px;
}

#steps #previous {
	background-image: url(/media/images/previous.png);
	margin: 0 17px 0 0;
}

#steps #next {
	background-image: url(/media/images/next.png);	
}

/* fullWidth */

.fullWidth {
	padding: 20px;
	color: #6c3b92;	
}

.fullWidth h1 {
	font-size: 33px;
	color: #47a7a9;
	font-family: 'HastyPuddingRegular';	
}

.fullWidth h2 {
	font-size: 33px;
	margin: 19px 0 0 0;
	color: #47a7a9;
	font-family: 'HastyPuddingRegular';
}

.fullWidth p {
	margin: 19px 0 0 0;	
}

.fullWidth ul,
.fullWidth ol {
	margin: 19px 0 0 19px;	
}

.fullWidth ul li {
	list-style: inside;
	list-style-type: disc;
	margin: 9px 0 0 0;	
}

.fullWidth ol li {
	margin: 9px 0 0 0;
}

.fullWidth a {
	color: #00b6e2;
}

/* footer */

#footer {
	clear: both;
	overflow: hidden;
	width: 980px;
	margin: 14px 0 0 0;
}

#footer .part {
	overflow: hidden;
}

#footer p {
	font-size: 10px;
	color: #009f55;
}

#footer .meta {
	text-align: right;
	padding: 0 10px 5px 0;
}

#footer .meta a {
	color: #009b31;
	font-size: 12px;
	display: inline;
	margin: 0 0 0 24px;
}

#footer .upper {
	padding: 0 0 10px 0;
	background-color: #009e54;
	background-image: url(/media/images/footer.png);
	background-repeat: no-repeat;
	background-position: bottom left;	
}

#chapman {
	background-image: url(/media/images/chapman.png);
	width: 77px;
	height: 47px;
	margin: 3px 28px 0 13px;	
}

#fifi {
	background-image: url(/media/images/fifi.png);
	width: 53px;
	height: 37px;
	margin: 9px 26px 0 0;
}

#roary {
	background-image: url(/media/images/roary.png);
	width: 63px;
	height: 36px;
	margin: 8px 24px 0 0;
}

#charlyBear {
	background-image: url(/media/images/charleyBear.png);
	width: 58px;
	height: 42px;
	margin: 8px 0 0 0;
}

#raaRaa {
	background-image: url(/media/images/raaRaa.png);
	width: 50px;
	height: 42px;
	margin: 4px 0 0 0;	
}

#facebook {
	background-image: url(/media/images/facebook.png);
	width: 37px;
	height: 37px;
	margin: 8px 13px 0 9px;
}

#footer .lower {
	padding: 3px 0 8px 22px;
}

#window {
    position:relative;
}

#scroll {
    width: 980px;
    background:#d9dadb;
    position:absolute;
    bottom: 0;
    left: 0;
}

#handle {
    width: 250px;
    background:#009b31;
    position:absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

#handle,#scroll {
    height: 12px;
}

.error {
    background:url( /media/images/error-mark.png ) no-repeat left 5px;
    color:#ee3224;
    font-family: 'HastyPuddingRegular';
    font-size: 20px;
    clear: both;
    padding: 6px 0 10px 40px;
    margin-top: 25px;
}

.success {
    background:url( /media/images/success-bee.png ) no-repeat left 5px;
    color:#009b31;
    font-family: 'HastyPuddingRegular';
    font-size: 20px;
    clear: both;
    padding: 6px 0 10px 47px;
    margin-top: 25px;
}

#page .designedBy {
    color:#7b7c7e;
    font-size: 11px;
    margin-top: 3px;
}

#page .designedBy a {
    color:#1a171b;
    display: inline;
    text-indent: 0;
    border-bottom: #1a171b 1px dotted;
    line-height: 0.9;
}

#page .designedBy a:hover {
    text-decoration: none;
    border-bottom-style: solid;
}

#footer .designedBy {
    float: right;
}

#footer .textReplace {
    float: left;
}

#navigation #navwin {
    z-index: 51;
    position:relative;
}

#watch-cbeebies {
    width: 983px;
    height: 577px;
    background-image: url(/media/images/watch-cbeebies-background.jpg);
    margin-top: 20px;
    overflow: hidden;
}

#watch-cbeebies .watch {
    float: left;
}

#watch-cbeebies .body {
    float: right;
    width: 390px;
    margin-right: 60px;
}

#watch-cbeebies h2 {
    font-size: 33px;
    font-family: HastyPuddingRegular;
    color:#f9b500;
    line-height: 38px;
    margin-bottom: 20px;
}

.watch .like {
    width: 650px;
    margin: 25px auto 0;
}

.shop #scrollCards {
    margin-top: 12px;
}

.card {
    width: 212px;
    height: 148px;
    padding: 9px;
    margin: 0 0 0 14px;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    border-radius: 16px;
}

.card .card-window {
    width: 212px;
    height: 126px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
    border-radius: 9px;
    overflow: hidden;
}

.card .card-caption {
    text-align: center;
    color:#fff;
    margin-top: 4px;
}

#latest {
    margin-bottom: 35px;
    background:none;
}

#latest h1 {
    font-size: 72px;
    font-family: HastyPuddingRegular;
}

#latest .raaraa {
    position:absolute;
    right: -180px;
    top: 80px;
}

#latest .card-wrapper {
    width: 453px;
}

#latest .card,
#latest .card-window {
    height: 288px;
    width: 419px;
}

#latest .card {
    position:relative;
    z-index: 2;
    margin-bottom: 6px;
}

.card-wrapper {
    float: left;
}

#latest .card-wrapper,
.product .card-wrapper {
    -webkit-transform:rotate( -4deg );
    -moz-transform:rotate( -4deg );
    -o-transform:rotate( -4deg );
    -ms-transform:rotate( -4deg );
    transform:rotate( -4deg );
}

#latest .manufacturer {
    float: left;
    width:188px;
    height: 67px;
    margin-left: 13px;
    margin-top: 3px;
}

#latest .watch {
    float: right;
    margin-top:3px;
}

#latest .text,
#latest .watch-wrapper {
    float: left;
}

#latest .text {
    width: 231px;
    font-size: 14px;
    margin-left: 20px;
}

#latest h2 {
    font-size: 25px;
    font-family: HastyPuddingRegular;
}

.products .product {
    background:none;
    padding: 10px 0 40px;
    width: 480px;
    float: left;
}

.product .card-wrapper {
    width: 236px;
}

.product .card {
    width: 204px;
}

.product .card-window {
    width: 204px;
    height: 148px;
}

.product .watch {
    float: right;
    margin-top: 5px;
}

.product .text {
    font-size: 14px;
    width: 223px;
    float: left;
    margin-left: 21px;
}

.product h3 {
    font-family: HastyPuddingRegular;
    font-size: 20px;
}

.product p {
    margin-bottom: 18px;
}

.red,
.red .card,
.red .playbutton {
    background-color:#EC1621;
}
.red a,
.red h3,
.red h1,
.red h2 {
    color:#EC1621;
}
.purple,
.purple .card,
.purple .playbutton {
    background-color:#6B3182;
}
.purple a,
.purple h3,
.purple h1,
.purple h2 {
    color:#6B3182;
}
.orange,
.orange .card,
.orange .playbutton {
    background-color:#F26736;
}
.orange a,
.orange h3,
.orange h1,
.orange h2 {
    color:#F26736;
}
.blue,
.blue .card,
.blue .playbutton {
    background-color:#00AAD8;
}
.blue a,
.blue h3,
.blue h1,
.blue h2 {
    color:#00AAD8;
}

.card a {
    color:#fff;
}

.shop a:hover {
    text-decoration: none;
}

.load-more {
    background:#00B0B1;
    height: 56px;
    line-height: 56px;
    padding-right: 25px;
    padding-left: 6px;
    color:#fff;
    font-size: 18px;
    background:#00BAB8 url(/media/images/load-more-triangle.png) no-repeat right center;
    overflow: hidden;
    display: block;
    float: right;
}

.load-more:hover {
    text-decoration: none;
}

#manufacturers {
    clear: both;
    padding-top: 54px;
    overflow: hidden;
    width: 980px;
    margin-right: -24px;
    padding-left: 12px;
}

#manufacturers li {
    margin: 0 24px 24px 0;
    float: left;
}

#manufacturers a {
    display: block;
    width: 74px;
    height: 49px;
}

.lightbox {
    position:absolute;
    top: 0;
    left: 0;
    background:none;
    width: 858px;
    height: 623px;
    overflow: hidden;
    background:url(/media/images/video-bg.jpg);
    display: none;
    z-index: 9999;
}

.lightbox .card {
    width: 671px;
    height: 436px;
    position:absolute;
    top: 106px;
    left: 46px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius:40px;
    -o-border-radius:40px;
    border-radius:40px;
}

.lightbox .card-window {
    background:#fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    margin: 25px 25px 0 25px;
    width: 621px;
    height: 340px;
}

.lightbox .card-caption {
    font-size: 50px;
    font-family: HastyPuddingRegular;
}

.lightbox .close {
    position:absolute;
    top: 0;
    right: 0;
    width: 210px;
    height: 86px;
    display:block;
    text-indent: -10000px;
}

#overlay {
    display: none;
    position:absolute;
    top: 0;
    left: 0;
    width: 1000px;
    height: 900px;
    background:#000;
    opacity: 0.8;
    z-index: 9998;
}

.game .colour {
    background: none;
}

#page .game h2 {
    font-size: 72px;
    margin-bottom: 7px;
}

.game .colour .primary {
    padding: 7px 15px 0;
    width: 940px;
    margin-right: 0;
}

.game .cardwrapper,
.game .card {
    margin: 0 auto;
    width: 793px;
}

.game .card {
    height: 454px;
    width: 746px;
    padding: 27px;
    -webkit-border-radius: 55px;
    -moz-border-radius: 55px;
    -ms-border-radius:55px;
    -o-border-radius:55px;
    border-radius:55px;
}

.game .card-window {
    background:#fff;
    height: 454px;
    width: 746px;
    -webkit-border-radius: 55px;
    -moz-border-radius: 55px;
    -ms-border-radius:55px;
    -o-border-radius:55px;
    border-radius:55px;
}

#page .playbutton {
    display: block;
    background-image: url(/media/images/game-button-mask.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 142px;
    height: 111px;
    font-family: HastyPuddingRegular,sans-serif;
    padding-left: 121px;
    color:#fff;
    line-height:1;
}

.playbutton em {
    display:block;
    text-transform:uppercase;
    font-size: 36px;
    padding-top: 27px;
    padding-left: 14px;
    padding-bottom:2px;
    font-style:normal;
}

.playbutton:hover {
    text-decoration:none;
}

.game .playbutton {
    float: right;
    margin-top: 10px;
}

#lightbox {
    background:none;
    position:absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}

#close {
    position:absolute;
    top: 40px;
    right: 50px;
    z-index: 9998;
}

#animals {
    position:absolute;
    width: 1px;
    height: 1px;
    top: 0;
    left: 0;
}