@charset "utf-8";
/* CSS Document */
html {height:100%;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
body {line-height: 1;	height:100%;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;	border-spacing: 0;}
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;height:0;line-height:0;font-size:0;}
.absolute {position:absolute;}
.fixed {position:fixed;}
.relative {position:relative;}
.btn {cursor:pointer; border:none;}
.notext {text-indent:-99999px; font-size:0;line-height:0;}
.none {display:none;}
.block {display:block;}
.inline {display:inline;}
.iblock {display:inline-block;}
.valt {vertical-align:top;}
.valm {vertical-align:middle;}
.valb {vertical-align:bottom;}
.tar {text-align:right;}
.tal {text-align:left;}
.tac {text-align:center;}

@font-face {
    font-family: 'GothamHTFBookRegular';
    src: url('../font/gothamhtf-book-webfont.eot');
    src: url('../font/gothamhtf-book-webfont.eot#iefix') format('embedded-opentype'),
         url('../font/gothamhtf-book-webfont.woff') format('woff'),
         url('../font/gothamhtf-book-webfont.ttf') format('truetype'),
         url('../font/gothamhtf-book-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamHTFBold';
    src: url('../font/gothamhtf-bold_1-webfont.eot');
    src: url('../font/gothamhtf-bold_1-webfont.eot#iefix') format('embedded-opentype'),
         url('../font/gothamhtf-bold_1-webfont.woff') format('woff'),
         url('../font/gothamhtf-bold_1-webfont.ttf') format('truetype'),
         url('../font/gothamhtf-bold_1-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamHTFMediumRegular';
    src: url('../font/gothamhtf-medium_0-webfont.eot');
    src: url('../font/gothamhtf-medium_0-webfont.eot#iefix') format('embedded-opentype'),
         url('../font/gothamhtf-medium_0-webfont.woff') format('woff'),
         url('../font/gothamhtf-medium_0-webfont.ttf') format('truetype'),
         url('../font/gothamhtf-medium_0-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AntiqueOliveCompactRegular';
    src: url('../font/olvr93w-webfont.eot');
    src: url('../font/olvr93w-webfont.eot#iefix') format('embedded-opentype'),
         url('../font/olvr93w-webfont.woff') format('woff'),
         url('../font/olvr93w-webfont.ttf') format('truetype'),
         url('../font/olvr93w-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pacificoregular';
    src: url('../font/pacifico-webfont.eot');
    src: url('../font/pacifico-webfont.eot#iefix') format('embedded-opentype'),
         url('../font/pacifico-webfont.woff') format('woff'),
         url('../font/pacifico-webfont.ttf') format('truetype'),
         url('../font/pacifico-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'LucidaGrande';
  src: url('https://www.ubooly.com/font/LucidaGrande.eot#iefix') format('embedded-opentype'),
  url('../font/LucidaGrande.woff') format('woff'),
  url('../font/LucidaGrande.ttf')  format('truetype'),
  url('../font/LucidaGrande.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {font-family:GothamHTFBookRegular; font-size:14px; color:#474440; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; background:url(../images/dodoleTile.png) repeat-x #f0f6f8;}
.container {width:990px; min-width: 990px; margin:0 auto;}
.minw {min-width: 990px;}
.headline {height:70px; background:url(../images/ubooly-bedroom.jpg) no-repeat top center; background-size: 100% auto; position:relative;}
.headline h1 {font-family:GothamHTFMediumRegular; font-size:24px; color:#FFFFFF; line-height:70px; text-shadow:#666666 2px 2px 4px; padding:0 0 0 100px; position:relative; z-index:100;}
.headline .bg {width:100%; height:100%; position:absolute; top:0; left:0; background:#000000; opacity:0.4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40); z-index:1;}

a {text-decoration:none;}
#wrapper {position:relative; min-height:100%; height:auto !important; height:100%; width:100%;}
#holder {padding:0 0 120px; position:relative; width:100%;}
#footer {position: absolute; bottom: 0; height:110px; width:100%;}
#footer .left {float:left; width:220px; margin: 20px 0 0;}
#footer .right {float:right; width:770px; text-align: right; margin: 20px 0 0;}
#footer .left .download img {margin: 0 5px 0 0;}
#footer .left .nav {margin: 5px 0 0 -10px;}
#footer .left .nav a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6f7d81; margin: 0 10px 0 0; padding: 0 0 0 10px; display: inline-block;}
#footer .right .ubooly-main-nav {margin: 16px -5px 0 0;}
#footer .right .ubooly-main-nav a {font-family:GothamHTFBookRegular; font-size:14px; color:#6f7d81; margin: 0 5px 0 0; padding: 0 0 0 5px;}
#footer .right .copyright {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#acbcc0; margin: 10px 0 0;}

#navigation {text-align: center; margin: 60px 0 0;}
#navigation a {font-family:GothamHTFBookRegular; font-size:14px; color:#535353; margin: 0 10px 0 0; padding: 0 0 0 10px; display: inline-block; text-decoration: none;}
#copyright {margin: 15px 0 0; text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#535353;}
#footer_2 {height: 226px; width: 100%;  background: url('../images/how-it-works/kid_runningImagine1000px.png') center no-repeat;
margin: 30px 0 0;}
#nav_2 {text-align: center; margin: 30px;}
#nav_2 a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#696969; margin: 0 10px 0 0; padding: 0 0 0 10px; display: inline-block; text-decoration: none;}


#header {height: 78px; z-index: 999999;}
#header .logo {display:block; float:left; margin:25px 0 0;}
#games-home #header .logo {margin: 12px 0 0;}
#header .login {width: 388px; float: right; margin: 35px 0 0;}
#header .login .left {float: left;}
#header .login input {width: 120px; height: 22px; border: none; display: block; float: left; margin: 2px 10px 0 0;
 font-size: 13px; color: #9ca7a9; padding: 0 5px; font-family:GothamHTFBookRegular;}
#header {position: relative;}

#header .login p {text-align: right; margin: 5px 10px 0 0; color: #ffffff;}
#header .login p a {font-family:GothamHTFBookRegular; font-size:14px; color: #ffffff; display: inline-block; margin: 0 5px;}
#header .login p a:hover {color: #c9c9c9;}
#header .login .login-btn {color:#FFFFFF; display:inline-block; width:104px; line-height:44px; height:44px; font-family:GothamHTFMediumRegular; font-size:22px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color: #FD6B00; float: right; float: right; text-align: center;}
#header .login .login-btn:hover {background-color: #ff9314;}
#header .login #txtPlainPassword {display: none;}
header #top .content {position: relative; text-align: right;}
header #top .content h1 {font-family: GothamHTFBold; font-size: 68px; color: #ffffff; text-transform: uppercase; letter-spacing: -4px; margin: 40px 0 0; padding:0;}

#index #header .login input {opacity:0.4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40);}
#content {background: #ffffff; margin-top: 25px;}
#content h1 {font-family:GothamHTFMediumRegular; font-size:24px; color:#474440; line-height:40px;}


.triangle {position: absolute; bottom: 0; width: 100%; height: 25px;}
.triangle:before, .triangle:after {content:''; position: absolute; top: 0; height: 0; border-bottom: 25px solid white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.triangle:before {left: 0; width: 50%; border-right: 25px solid transparent;}
.triangle:after {right:0; width: 50%; border-left: 25px solid transparent;}

#header .order-btn {float: right; margin-top: 25px; width: 114px; height: 40px; display: inline-block; background: url('../images/how-it-works/buyBTN.png');}
#header .order-btn:hover {background-position: 0 -40px;}
#header .contact-btn {float: right; margin-top: 25px; width: 190px; height: 40px; display: inline-block; background: url('../images/Contact.png');}
#header .checkout-btn {float: right; margin-top: 25px; width: 190px; height: 40px; display: inline-block; background: url('../images/BuyButton.png');}


body#index {background: #ffffff;}
#index .play-btn {height: 62px; line-height: 62px;  background: url('../images/how-it-works/play.png') no-repeat right; display: inline-block; padding: 0 75px 0 0;}
#index .play-btn span {font-family: GothamHTFMediumRegular; padding: 0 0 3px; font-size: 22px; color: #ffffff; border-bottom: 2px solid white;}
#index .overlay {width: 100%; min-width: 1193px !important; height: 100%; background: #000000; opacity: 0.6; filter: alpha(opacity=60); position: absolute; display: none; z-index: 0;}

#index #section0 {position: relative;}
#index #section0 .container {width:990px; position: absolute; left: 50%; margin-left: -495px; z-index: 99999}
#index #section0 .content {width:990px; position: absolute; bottom: 50px; left: 50%; margin-left: -495px; text-align: right; z-index: 999999;}
#index #section0 .content p {font-family: GothamHTFBookRegular; font-size: 72px; color: #ffffff;}
#index #section0 .content p span {font-family: GothamHTFBold; font-size: 68px; text-transform: uppercase; letter-spacing: -6px;}
#index #section0 #play1 {cursor: pointer; margin-top: 50px;}
#index #section0 .video {display: none; min-width: 1193px !important;}
#index #section0 .image-container {min-width: 1193px !important; position: relative; overflow: hidden;}
#index #section0 .image {min-width: 1193px !important; background: url('../images/how-it-works/_imagineSpace.jpg') no-repeat; position: absolute; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
#index #section0 .doodles {background: url('../images/how-it-works/imagineSpace_Doodles.png') no-repeat; min-width: 1193px !important; position: absolute; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

#index #section1 .content {width: 1182px; margin: 0 auto; position: relative; z-index: 9999;}
#index #section1 .top-left, #section1 .top-right {width: 450px; text-align: center;}
#index #section1 .top-left {float: left; margin: 50px 0 15px 60px;}
#index #section1 .top-right {float: right; margin: 50px 60px 0 0}
#index #section1 h1 {font-family: GothamHTFBookRegular; font-size: 30px; color: #5c5c5c;}
#index #section1 h2 {font-family: GothamHTFBookRegular; font-size: 16px; color: #8b8b8b; margin-top: 15px;}
#index #section1 .adopt {text-align: center; margin: 20px 0 0;}
#index #section1 .adopt a {width: 398px; height: 56px; display: inline-block; background: url('../images/how-it-works/buyYourUboolyBTN.png');}
#index #section1 .adopt a:hover {background-position: 0 -56px;}
#index #section1 .links {width: 148px; position: absolute; left: 0; top: 170px; text-align: center;}
#index #section1 .links img {margin: 0 0 2px; display:inline-block;}
#index #section1 .links img.stars {margin-top: 10px;}

#index #section2 {position: relative; margin-top: 50px;}
#index #section2 .content {width:1120px; position: absolute; bottom: 100px; left: 50%; margin-left: -560px; z-index: 9999;}
#index #section2 .content p {font-family: GothamHTFBookRegular; font-size: 72px; color: #ffffff;}
#index #section2 .content p span {font-family: GothamHTFBold; font-size: 68px; text-transform: uppercase; letter-spacing: -6px;}
#index #section2 #video2 {display: none; margin: 0 auto; display: block;}
#index #section2 #play2 {cursor: pointer; margin-top: 50px;}
#index #section2 .image-container {min-width: 1193px !important; position: relative; overflow: hidden;}
#index #section2 .image {min-width: 1193px !important; position: absolute; top: -450px; background: url('../images/how-it-works/_imaginePrincess.jpg') no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
#index #section2 .doodles {min-width: 1193px !important; position: absolute; height: 100%; top: 0px; background: url('../images/how-it-works/imaginePrincess_Doodles.png') no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
#index #section2 .video-container {background: black; visibility: hidden;}

#index #section3 {margin-top: 30px;}
#index #section3 .content1 {width: 1193px; margin: 0 auto;}
#index #section3 .content1 .left, #section3 .content1 .right {width: 345px; float: left;}
#index #section3 .content1 .left {padding: 80px 0 0;}
#index #section3 .content1 .right {padding: 80px 0 0;}
#index #section3 .content1 .center {width: 503px; float: left; text-align: center; padding-top: 20px;}
#index #section3 .content1 .center h1 {font-family: GothamHTFBookRegular; font-size: 30px; color: #5c5c5c; margin: 60px 0 20px;}
#index #section3 .content1 .center p {font-family: GothamHTFBookRegular; font-size: 21px; color: #8b8b8b; padding: 0 0 70px;}
#index #section3 .content2 {width: 1120px; margin: 0 auto; text-align: center; padding: 30px 0 0}
#index #section3 .content2 h1 {font-family: GothamHTFBookRegular; font-size: 30px; color: #5c5c5c; margin: 60px 0 20px;}
#index #section3 .content2 h2 {font-family: GothamHTFBookRegular; font-size: 21px; color: #8b8b8b; padding: 0 0 30px;}
#index #section3 .content2 sup {color: #ff7e00;}
#index #section3 .buy2 {width: 233px; height: 56px; display: inline-block; background: url('../images/how-it-works/buyBTN2.png');}
#index #section3 .buy2:hover {background-position: 0 -56px;}

#index #showcase {margin-top: 50px; min-width: 1193px; height: 370px; background: #00CEFF; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
#index #showcase .holder {width: 1095px; margin: 0 auto; position: relative;}
#index #showcase #slider {width: 100%; margin: 0 auto;}
#index #showcase .slide {width: 1095px;}
#index #showcase .item {margin: 70px 0 0 35px; padding: 40px 0 0; float: left; width: 360px; height: 180px; background: url('../images/how-it-works/QuotationMark.png') no-repeat; font-family: GothamHTFBookRegular; font-size: 21px; color: #ffffff; line-height: 25px;}
#index #showcase .item.first { margin-left: 0px;}
#index #showcase .item.last { width: 300px}
#index #showcase #controls a {width: 19px; height: 30px; position: absolute; display: inline-block; top: 180px; text-indent: -999999px;}
#index #showcase .prevBtn {background: url('../images/how-it-works/arrowL.png'); left: -50px;}
#index #showcase .nextBtn {background: url('../images/how-it-works/arrowR.png'); right: -50px;}

#index .press_logo {position: absolute; bottom: 0;}
#index img.nocolor {position: absolute; left: 0; bottom: 0; z-index: 99; background: #00CEFF;}
#index img.color {position: absolute; left: 0; bottom: 0; background: #00CEFF;}


body#order {background: none;}
#order #top {height: 315px; overflow: hidden; position: relative;}
#order #top .image {height: 230px; width:100%; position: absolute; background: url('../images/bedroom.jpg') no-repeat;  background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
#order #top .doodles {height: 230px; width: 800px; left: 50%; margin-left: -400px; z-index: 100; position: absolute; background: url('../images/doodles.png') no-repeat center;  background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}

#order .triangle {position: absolute; bottom: 0; width: 100%; height: 110px; z-index: 999;}
#order .triangle:before, #order .triangle:after {border-bottom: 110px solid #08c9ff;}
#order .triangle:before {left: 0; width: 50%; border-right: 110px solid transparent;}
#order .triangle:after {right:0; width: 50%; border-left: 110px solid transparent;}

#order .benefits {height: 110px; width: 100%;  position: absolute; z-index: 9999 }
#order .benefits .bg {width: 477px; height: 110px; top: 205px; left: 50%; margin-left: -238px; position: absolute; background: url('../images/order/benefitsBlock_blue.png');}
#order .benefits p {width: 119px; float: left; text-align: center; font-family: GothamHTFMediumRegular; font-size: 12px; color: #ffffff; padding: 75px 0 0; text-transform: uppercase; line-height: 14px;}

#order .container {width: 1150px;}
#order #cart {width: 999px; margin: 0 auto;}
#order #cart .item {width: 333px; float: left; text-align: center;}
#order #cart .item p {font-family: GothamHTFBookRegular; font-size: 21px; color: #8b8b8b; padding: 10px 0 10px;}
#order #cart .item p span {font-family: GothamHTFBold;}
#order #cart .item .add {width: 120px; height: 40px; background: url('../images/order/addTCartBTN.png'); display: inline-block; margin: 15px 0 0;}
#order #cart .item .sold-out {width: 120px; height: 40px; background: url('../images/order/soldOut.png'); display: inline-block; margin: 15px 0 0;}
#order #cart .item .sold-out-text {font-family: GothamHTFBold; font-size: 15px; color: #ce0000; text-transform: uppercase; padding-top: 0;}
#order #cart .row1 {margin-top: 50px; position: relative;}
#order #cart .row2 {margin-top: 95px; position: relative;}
#order #cart .divider {height: 3px; background: #F7F7F7; margin:50px 0;}
#order #cart .checkout {width: 388px; height: 57px; background: url('../images/order/CheckoutBTN.png'); display: inline-block;}
#order #mobile {width: 130px; height: 189px; background: url('../images/order/smartphone.png'); display: inline-block; position: absolute; left: -80px; top: 80px;}
#order #tablet {width: 131px; height: 189px; background: url('../images/order/tablet.png'); display: inline-block; position: absolute; left: -80px; top: 80px;}


body#checkout {background: none;}
#checkout #top {height: 105px; overflow: hidden; position: relative;}
#checkout #top .image {height: 105px; width:100%; position: absolute; background: url('../images/bedroom.jpg') no-repeat;  background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
#checkout #top .doodles {height: 105px; width: 800px; left: 50%; margin-left: -400px; z-index: 100; position: absolute; background: url('../images/doodles.png') no-repeat center;  background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
#checkout .continue {width: 290px; height: 40px; background: url('../images/order/continueBTN.png'); display: inline-block; margin: 20px 0 0;}
#checkout #content {padding: 0 0 50px;}
#checkout h1 {margin: 0; padding: 0;}
#checkout #top-cart h2 {font-family: GothamHTFMediumRegular; float: left; margin: 20px 0 0 30px;}
#checkout #top-cart h2 a {color: #00aeff}
#checkout #top-cart h1 {font-family: GothamHTFBookRegular; font-size: 30px; color: #5c7278; float: right; margin: 15px 20px 0 0;}
#checkout .storeLink {background: #FF7B00; text-align: center; margin-top: 10px;}
#checkout .storeLink a {color: #ffffff; font-size: 18px; display: block; line-height: 40px;}
#checkout #freeShippingRibon {width: 326px; height: 63px; background: url('../images/freeShippingRibon.png'); margin: 0 auto;}
#checkout #freeShippingRibon h1 {margin: 0; padding: 5px 0 0; font-family: GothamHTFMediumRegular; font-size: 20px; color: #ffffff; text-align: center; line-height: 22px;}
#checkout #freeShippingRibon p {margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 14px; color: #fec3a2; text-align: center; line-height: 16px;}

#checkout #items {width: 990px; margin: 12px 0 0; vertical-align: top;}
#checkout #items th, #checkout #items td {border: 1px solid #BEC5C7; vertical-align:top}

#checkout #items th.item div {width: 558px; text-align: left; padding-left: 30px;}
#checkout #items th.color div {width: 104px; text-align: right; padding-right: 10px;}
#checkout #items th.price div {width: 80px; text-align: right; padding-right: 10px;}
#checkout #items th.quantity div {width: 80px; text-align: right; padding-right: 10px;}
#checkout #items th.total div {width: 85px; text-align: right; padding-right: 15px;}
#checkout #items th {font-family: GothamHTFMediumRegular; font-size: 12px; color: #5c7278; font-weight: normal; height: 30px; vertical-align: middle;}

#checkout #items td {height: 130px;}
#checkout #items td.item {padding: 15px 0 0; }
#checkout #items td.item img {margin: 0 0 0 27px; }
#checkout #items td.item h1 {font-family: GothamHTFMediumRegular; font-size: 14px; color: #5c7278; margin: 5px 0 0; line-height: inherit}
#checkout #items td.item .description {margin: 0 0 0 20px; float: left; width: 500px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #5c7278; position: relative;}
#checkout #items td.item .description li {margin: 7px 0; line-height: 16px; background: url('../images/li.png') no-repeat 0 5px; padding-left: 8px;}
#checkout #items td.item .description .delete {width: 20px; height: 20px; background: url('../images/close.png'); display: block; position: absolute; top: -10px; right: -20px; cursor: pointer;}
#checkout #items td.color div {text-align: right; margin: 15px 10px 0 0;}
#checkout #items td.price div {text-align: right; margin: 15px 10px 0 0;}
#checkout #items td.quantity div {text-align: right; margin: 15px 10px 0 0;}
#checkout #items td.quantity input {width: 30px; text-align: right; padding: 0px 5px; font-family: GothamHTFMediumRegular; font-size: 14px; color: #5c7278;}

#checkout #items td.total div {text-align: right; margin: 15px 15px 0 0;}
#checkout #items td.loading {padding: 15px 0 0; vertical-align: middle; text-align: center; font-style: italic;}

#checkout #list {width: 990px;  margin: 0 0 0; vertical-align: top;}
#checkout #list th {border-left: 1px solid #BEC5C7;border-right: 1px solid #BEC5C7;}

#checkout h1.add {font-family: GothamHTFMediumRegular; font-size: 14px; color: #5c7278; line-height: normal; margin:20px 0 0 30px;}
#checkout .prevBtn, #checkout .nextBtn {width: 13px; height: 20px; top:70px; display: block; text-indent:-8000px; position: absolute;}
#checkout .prevBtn {background: url('../images/slider-arrow-left.png'); left: 5px;}
#checkout .nextBtn {background: url('../images/slider-arrow-right.png'); right: 5px;}

#checkout #slider {margin: 10px 24px}
#checkout #slider li {width: 313px;}
#checkout #slider li .box {width: 300px; height: 168px; margin: 0 auto; background: url('../images/order_box_bg.png') repeat-x bottom; border: 1px solid #BEC5C7; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position: relative;}
#checkout #slider li .box img {margin: 10px 0 0 12px; float: left;}
#checkout #slider li .box .description {width: 160px; margin: 25px 0 0 10px; float: left;}
#checkout #slider li .box h1 {margin: 0; padding: 0; line-height: inherit; font-family:GothamHTFMediumRegular; font-size: 14px; color: #5c7278;}
#checkout #slider li .box h1 em {font-style: normal; text-transform: uppercase;}
#checkout #slider li .box h1 em.pink {color: #fa0181}
#checkout #slider li .box h1 em.lime {color: #0bd839}
#checkout #slider li .box h1 em.orange {color: #FF3D00}
#checkout #slider li .box h1 em.blue {color: #00abff}
#checkout #slider li .box h2 {width: 150px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin: 8px 0 0; color: #5c7278; line-height: 15px;}
#checkout #slider li .box h3 {font-family:GothamHTFMediumRegular; font-size: 14px; color: #00abff; margin: 5px 0 0;}

#checkout #slider li .box .bottom {position: absolute; bottom: 10px; width: 300px;}
#checkout #slider li .box .bottom span {margin: 6px 0 0 137px; display: inline-block; float: left; font-family:GothamHTFMediumRegular; font-size: 14px; color: #5c7278;}
#checkout #slider li .box .bottom .addToOrder {width: 70px; height: 29px; float: right; margin-right: 8px; display: inline-block; background: url('../images/Add-Button.png'); cursor: pointer;}
#checkout #slider li .box .bottom .soldOut {width: 70px; height: 29px; float: right; margin-right: 8px; display: inline-block; background: url('../images/Sold-Out.png'); cursor: pointer;}

#checkout #subtotal {margin: 15px 30px 15px 0; float: right; font-family:GothamHTFMediumRegular; font-size: 12px; color: #5c7278;}

#checkout #info {width: 990px;  margin: 0 0 0; vertical-align: top;}
#checkout #info td {border: 1px solid #BEC5C7; vertical-align:top}
#checkout #info .left {width: 495px; }
#checkout #info .right {width: 495px; }
#checkout #info .no-border {border: none;}
#checkout #info .fields {width: 430px; margin: 20px auto;}
#checkout #info .fields label {font-family:GothamHTFMediumRegular; font-size: 14px; color: #5c7278; display: block; margin: 7px 0 3px;}
#checkout #info .fields input {width: 420px; padding: 5px; font-size: 16px;}
#checkout #info .fields .fieldHolder {height: 36px;}
#checkout #info .fields input.f260 {width: 260px;}
#checkout #info .fields input.f120 {width: 120px;}
#checkout #info .fields h1 {font-family:GothamHTFBookRegular; font-size:30px; color:#5c7278; margin:10px 0 0; line-height: inherit; padding: 0 0 20px 50px; height: 26px;}
#checkout #info #billing-address h1 {background: url('../images/billing_address_icon.png') no-repeat;}
#checkout #info #billing-address label.first {margin-top: 21px;}
#checkout #info #payment-info h1 {background: url('../images/payment_info_icon.png') no-repeat;}
#checkout #info #payment-info h1 em {font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#0bd83a; font-style: normal; background: url('../images/ssl_icon.png') no-repeat; display: inline-block; line-height: 18px; padding: 0 0 0 20px;}
#checkout #info #shipping-address h1 {background: url('../images/shipping_address_icon.png') no-repeat;}
#checkout #info #shipping-address #sameAddress {width:auto; margin: 0 0 0 0;}
#checkout #info #shipping-address .sameAddress {color: #5c7278}
#checkout #info #have-voucher {text-align: right; padding: 20px 0 0;}
#checkout #info #have-voucher a {font-family:GothamHTFBookRegular; font-size: 14px; color: #00aeff; text-decoration: underline;}
#checkout #info #voucher {display: none;}
#checkout #info #paypal {text-align: right;}
#checkout #info #paypal p {margin: 30px 0 0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#5c7278;}
#checkout #info #paypal #paypal_btn {width: 182px; height: 34px; margin-top: 15px; cursor: pointer; display: inline-block; background: url('../images/order_paypal.png');}
#checkout #info #shipping-info h1 {background: url('../images/shipping_info_icon.png') no-repeat; margin-top: 50px;}
#checkout #info #shipping-info p {font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#5c7278; padding: 7px 0;}
#checkout #info #total {font-family:GothamHTFBookRegular; font-size:30px; color:#5c7278; margin:40px 0 0 30px; line-height: 39px;}
#checkout #info #submit {width: 210px; height: 39px; display: inline-block; background: url('../images/complete_order_btn.png'); float: right; cursor: pointer;}
#checkout #validateVoucher {color: #00abff; cursor: pointer;}
#checkout #footer_2 {height: 30px; background: none;}
#checkout .paypal-link {color: #00abff; text-decoration: underline; cursor: pointer;}

#payment-form .breadcrumb {font-family:GothamHTFMediumRegular; font-size:14px; color:#009ff0;}
#payment-form h1 {font-size:20px; line-height:40px}
#payment-form h1 span {font-family:GothamHTFMediumRegular; font-size:32px; line-height:40px; color:#FFFFFF; display:block; float:left;}
#payment-form.landing {margin:20px 0 0 70px; width:850px;}
#payment-form.landing .breadcrumb {float:left;}
#payment-form.landing h1 {margin:30px 0 0;}
#payment-form.landing .box {border:1px solid #C4D4D5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f0f6f8; margin:20px 0 0; padding:10px 0;}
#payment-form.landing .box .ubooly {width:184px; height:139px; background:url(../images/sm-orange.png) no-repeat; display:block; float:left;}
#payment-form.landing .box .description {width:180px; float:left;}
#payment-form.landing .box .name {font-family:GothamHTFMediumRegular; font-size:14px; color:#00aeff; margin:20px 0 0;}
#payment-form.landing .box .price {font-family:GothamHTFBookRegular; font-size:30px; color:#5c7278; margin:10px 0 0;}
#payment-form.landing .box div#tooltip {color: #11add5; font-size:14px;}
#payment-form.landing .box div.tooltip {width:100px; margin:20px 0 0; }
#payment-form.landing .box div.tooltip span {font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; display: inline-block; background: url(../images/Ellipse-2.png) no-repeat right; width: 120px;}
#payment-form.landing .box .qty {width:320px; float:left;}
#payment-form.landing .box .qty p {font-family:GothamHTFMediumRegular; width: 50px; font-size:14px; color:#00aeff; margin:20px 0 0; float: left;}
#payment-form.landing .box select {margin:15px 0 0;}
#payment-form.landing .box .order-total {float:right; text-align:right; margin:0 40px 0 0;}
#payment-form.landing .box .title {font-family:GothamHTFMediumRegular; font-size:14px; color:#00aeff; margin:25px 0 0;}
#payment-form.landing .box .total {font-family:GothamHTFBookRegular; font-size:30px; color:#5c7278; margin:12px 0 0;}
#payment-form.landing .box .voucher {font-family:GothamHTFMediumRegular; font-size:14px; color:#474440; margin:15px 0 0;}
#payment-form.landing .box .voucher input[type="text"] {width:90px; height:20px; line-height:20px; margin:0 0 0 10px; border:1px solid #C4D4D5;}
#payment-form.landing .box .validateVoucher {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#7b8c8d; text-decoration:underline; display:inline-block; margin:7px 0 0;}
#payment-form.landing #paypal-btn {float: right; margin: 47px 20px 0 0; cursor: pointer;}
#payment-form.landing #checkout {color:#FFFFFF; display:inline-block; width:207px; line-height:47px; height:47px; font-family:GothamHTFMediumRegular; font-size:22px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color: #FD6B00; float:right; margin:35px 30px 0 0;}
#payment-form.landing #checkout:hover {background-color: #ff9314;}
#payment-form.landing #checkout img {margin:7px 11px 0 10px; display:inline-block; float:left;}
#payment-form.landing .checkbox-holder {float: left; margin: 35px 0 0 40px;}
#gift-box {width: 340px; background: #f1f1f1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding: 20px;}
#gift-box .title {font-family: GothamHTFMediumRegular; font-size: 14px; color: #474440;}
#gift-box textarea {border: 1px solid #c4d4d5; width: 100%; height: 105px; margin: 15px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#gift-box .close {width: 17px; height: 17px; background:url(../images/x.png) no-repeat; position: absolute; top: 10px; right: 10px; cursor: pointer;}
#gift-box .save {width: 62px; height: 25px; background:url(../images/save.png) no-repeat; display: inline-block; cursor: pointer; margin: 10px 0 0; float: right;}
#gift-text {margin: 0 0 0 70px; width: 300px;}
#gift-text .header {font-weight: bold; color:#009ff0;}
#gift-text .message {margin: 5px 0 0; font-size: 12px; line-height: 16px;}
#gift-text .edit {margin: 10px 0 0; color:#009ff0; font-size: 12px; color: #FD6B00; display: inline-block; cursor: pointer;}
#payment-form.landing #christmas-box {margin: 40px 0 0 -30px;}

#payment-form #summary {background:url(../images/sm-orange.png) no-repeat #f0f5f7 -5px 15px; width:385px; min-height:175px; border:1px solid #C4D4D5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; position:fixed; left:50%; margin:10px 0 0 80px;}
#payment-form #summary .content {margin:25px 0 0 165px;}
#payment-form #summary .title {font-family:GothamHTFMediumRegular; font-size:14px; color:#00aeff; margin:40px 0 10px;}
#payment-form #summary .qty {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#5c7278;}
#payment-form #summary .shipping {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#5c7278; margin: 5px 0 0;}
#payment-form #summary .total {font-family:GothamHTFBookRegular; font-size:30px; color:#5c7278; margin:10px 0 0;}
#payment-form #summary .total span {color:#5c7278;}
#payment-form #summary .discounts {display:none; font-family:GothamHTFMediumRegular; font-size:14px; color:#474440;}

#payment-form.new {margin:30px 0 0;}
#payment-form.new .breadcrumb {margin-left: 75px;}
#payment-form.new .shipping-info {margin:25px 0 0 75px;}
#payment-form.new .billing-info {margin:30px 0 0 75px;}
#payment-form.new #billing-info {margin: 30px 0 0;}

#payment-form.new h1 {font-family: GothamHTFBookRegular; font-size: 30px; color: #5c7278;}
#payment-form.new h2 {font-family: GothamHTFMediumRegular; font-size: 14px; color: #00aeff; text-transform: uppercase; background: url(../images/Lock-Closed.jpg) no-repeat; height: 31px; line-height: 31px; padding: 0 0 0 40px;}
#payment-form.new .fields {margin:0;}
#payment-form.new .fields label {display:block; font-family:GothamHTFMediumRegular; font-size:18px; color:#5c7278; margin:12px 0 5px;}
#payment-form.new .fields label.sec-code {margin-top: 20px;}
#payment-form.new .fields input[type="text"] {width:205px; height:25px; line-height:25px; position:relative; border:1px solid #C4D4D5; font-family:GothamHTFBookRegular; font-size:14px;
-webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0;}
#payment-form.new .fields p {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#5c7278; margin:25px 0 0;}
#payment-form.new .fields p.cc {margin:5px 0 10px;}
#payment-form.new .fields .ccimg {display:inline-block; float:left; margin:2px 0 0 5px;}
#payment-form.new .divider {height:25px; border-bottom:1px solid #C4D4D5;}
#payment-form.new .fields #cvv {width:70px;}
#payment-form.new .test-cards {margin-top:10px;}
#payment-form.new .test-cards h4 {font-weight:bold;}
#payment-form.new .test-cards ul {margin:10px 0;}
#payment-form.new .test-cards li {margin:5px 0;}
#payment-form.new #ccoverlay {position:absolute; top:0; left:0; width:100%; background:#FFFFFF; z-index:9999999; display:none; opacity:0.8; filter:alpha(opacity=80);}
#payment-form.new .complete {position:relative;}
#payment-form.new .complete #loading-order {width:200px; height:32px; background:url(../images/ajax-loader.gif) no-repeat center; display:none; margin:20px 0 0 60px;}
#payment-form.new #complete-order {color:#FFFFFF; display:inline-block; width:290px; line-height:47px; height:47px; font-family:GothamHTFMediumRegular; font-size:22px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color: #FD6B00; margin: 20px 0 0 75px;}
#payment-form.new #complete-order:hover {background-color: #ff9314;}
#payment-form.new #complete-order img {margin:7px 11px 0 10px; display:inline-block; float:left;}



#confirm .breadcrumb {font-family:GothamHTFMediumRegular; font-size:14px; color:#009ff0; margin: 50px 0 0; display: inline-block;}
#confirm .top {margin: 0 0 0 60px; width: 290px; float: left;}
#confirm .top h1 {font-family: GothamHTFBookRegular; font-size: 30px; color: #5c7278; margin: 30px 0 0;}
#confirm .top p {font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#5c7278; line-height: 24px; margin: 10px 0 0;}
#confirm .top h2 {font-family:GothamHTFMediumRegular; font-size:18px; color:#5c7278; margin: 20px 0 10px;}
#confirm #video {float: right;}
#confirm iframe {float: right;}
#confirm .bottom {margin: 0 0 0 60px; padding-bottom: 60px; background: url(../images/Squiggle.png) no-repeat 380px 10px;}
#confirm .bottom h2 {font-family:GothamHTFMediumRegular; font-size:18px; color:#5c7278; padding: 40px 0 10px;}
#confirm .bottom p {font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#5c7278; line-height: 24px; margin: 10px 0 0;}
#confirm .bottom a {font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#009ff0; font-weight: bold; display: inline-block; margin: 20px 0 0;}

#parents .page {margin-top:40px;}
#parents #content .left {width:597px; float:left;}
#parents #content .right {width:340px; float:right;}
#parents .player {margin:23px 0 0;}
#parents .left h2 {font-family:AntiqueOliveCompactRegular; font-size:21px; color:#00a5ff; margin:64px 0 0;}
#parents .left p {margin:20px 0 0; line-height:18px; font-size:15px;}
#parents .left ol {margin:20px 0 0 20px;}
#parents .left ol img {float:left; margin:0 10px 0 0;}
#parents .left ol li {clear:both; line-height:45px; font-family:GothamHTFBold; font-size:18px; color:#fd6b00;}
#parents #content .left ul {margin:30px 0 0;}
#parents #content .left ul li {padding:3px 0; font-size:13px;}
#parents #gallery {margin:22px 0 0;}
#parents #gallery img {margin:0 0 13px 12px; float:left; border:1px solid #DBDBDB;}
#parents #gallery img.first {margin:0 0 13px 0; clear:both;}
#parents .prepare-preview {margin:-99999px 0 0;}
#parents #preview {position:absolute; border:5px solid #00A5EA;	background:#333;	display:none;	color:#fff;	z-index:101;}
#parents #preview img {float:left;}
#parents .right .safety {padding:30px; border:1px solid #C4D4D5; background:#FAFBFB; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; margin:30px 0 0;}
#parents .right .safety h2 {font-family:GothamHTFMediumRegular; font-size:20px; color:#474440; text-transform:uppercase;}
#parents .right .safety p {font-family:GothamHTFBookRegular; font-size:15px; line-height:22px; margin:25px 0;}
#parents .right .safety p a {font-family:GothamHTFBold; color:#fd6b00;}
#parents .right .safety p a:hover {color:#F98A3B;}
#parents iframe {margin-top: 23px;}

body#about {background: none;}
#about #top {height: 230px; overflow: hidden; position: relative;}
#about #top .image {height: 230px; width:100%; position: absolute; background: url('../images/bedroom.jpg') no-repeat;  background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
#about #top .doodles {height: 230px; width: 800px; left: 50%; margin-left: -400px; z-index: 100; position: absolute; background: url('../images/doodles.png') no-repeat center;  background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
#about h1 {font-family: GothamHTFBookRegular; font-size: 30px; color: #5c7278;}
#about h2 {font-family: GothamHTFMediumRegular; font-size: 14px; color: #00aeff; text-transform: uppercase;}
#about .company {padding: 0 60px; min-height: 500px; background: url(../images/illustratedUbooly_orange1.jpg) no-repeat right 60px bottom 10px; border-bottom: 1px solid #CEDEDE;}
#about .breadcrumb {font-family:GothamHTFMediumRegular; font-size:14px; color:#009ff0; margin: 130px 0 0; display: inline-block;}
#about .company h1 {margin: 40px 0 0;}
#about .company p {width: 370px; font-family: Arial, Helvetica, sans-serif; font-size:17px; color:#5c7278; line-height: 24px; margin: 10px 0 0 0}
#about .company .left a {color: #009ff0; font-weight: bold;}
#about .team {padding: 40px 0 40px 60px; border-bottom: 1px solid #CEDEDE;}
#about .team .member {margin: 20px 23px 0 0; float: left;}
#about .team .member p {text-align: right; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#5c7278; margin: 5px 0 0;}
#about .team .smarttoy {width: 420px; float: left; text-align: center; margin: 40px 0 0;}
#about .team .smarttoy h1 {margin-bottom: 20px;}
#about .team .smarttoy p {line-height: 25px; color: #5c7278; font-size: 17px; font-family: Arial, Helvetica, sans-serif;}
#about .team .smarttoy p a {font-weight: bold; color: #00aeff;}

#about .press {padding: 40px 0 40px 60px;}
#about .press .left {width: 370px; float: left;}
#about .press .right {width: 370px; float: left; margin-left: 100px;}
#about .press p {font-family: Arial, Helvetica, sans-serif; font-size:17px; color:#5c7278; line-height: 24px; margin: 10px 0 0 0}
#about .press p a {font-weight: bold; color: #00aeff;}
#about .ecommerce {background: #44b1fb; padding: 40px 0 60px 60px;}
#about .ecommerce img {display: block;; float: left; margin: 0 20px 0 0;}
#about .kids {text-align: center; background: #52CEFF; height: 300px;}

#contact-box  {padding:30px 20px; border:1px solid #C4D4D5; background:#FAFBFB; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; margin:30px 0 0;}
#contact-box h2 {font-family:GothamHTFMediumRegular; font-size:20px; color:#474440;}
#contact-box .email {font-family:GothamHTFBold; color:#fd6b00; font-size:16px; margin:20px 0 0; display:block;}
#contact-box .email:hover {color:#ff9314;}
#contact-box .phone {font-size:16px; margin:10px;}
#contact-box .sm {margin:20px 0 0; padding:0 0 30px; border-bottom:1px solid #C4D4D5;}
#contact-box .sm img {display:inline-block; margin:0 2px;}
#contact-box h3 {font-family:GothamHTFBookRegular; font-size:15px; margin:30px 0 0;}
#contact-box input[type="text"] {height:31px; line-height:31px; width:200px; border:4px solid #D3D0CC; font-family:GothamHTFBookRegular; font-size:14px; margin:20px 0 0; text-align:center;}
#contact-box #sf {color:#FFFFFF; display:inline-block; line-height:32px; height:32px; font-family:GothamHTFBold; font-size:15px; margin:20px 0 0; cursor:pointer;
width:150px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;background-color: #FD6B00;}
#contact-box #sf:hover {background-color: #F98A3B;}
#contact-box #sf img {margin:5px 0 0 10px; display:inline-block; float:left;}

#press .page {margin-top:40px;}
#press #content .left {width:640px; float:left;}
#press .media {margin:30px 0 0;}
#press .media img {float:left; border:1px solid #DCE5E6; margin:0 7px 0 0;}
#press .media img:hover {border:1px solid #ff9314;}
#press #content .right {width:302px; float:right;}
#press .press {margin:35px 0 0;}
#press .press ul {margin:15px 0 0 60px;}
#press .press li {margin:15px 0;}
#press .press li a {font-family:GothamHTFMediumRegular; font-size:14px; color:#00a9f0;}
#press .press li a:hover {color:#8CD7FC;}
#press .logos {text-align:center; margin:30px 0;}
#press .logos img {display:inline-block; margin:20px 0;}

#coloring .page {margin-top:40px;}
#coloring .page a img {border:1px solid #D0DDDD;}
#coloring .page a:hover img {border:1px solid #ff9314;}
#coloring .page .fl {margin:30px 0 0 45px;}
#coloring .page .fr {margin:30px 45px 0 0;}

#privacy .page {margin-top:40px; padding: 40px 40px 60px 0;}
#privacy .content {margin:30px 0 0 60px;}
#privacy .content p {line-height:20px;}
#privacy .content ul {margin:30px 0 30px 30px;}
#privacy .content ul li {margin:10px 0; line-height:20px; background:url(../images/dot.jpg) no-repeat 0 8px; padding:0 0 0 15px;}
#privacy .content a {color:#fd6b00;}
#privacy .content a:hover {color:#F98A3B;}
#privacy .content p {line-height:20px; margin:20px 0 0;}
#privacy .content h2 {font-family:GothamHTFBold; font-weight:bold; margin:20px 0 0; font-size:14px;}
#privacy .content table {border: 1px solid #999999; margin-top: 20px;}
#privacy .content table th {border: 1px solid #999999; text-align: left; padding: 5px;}
#privacy .content table td {border: 1px solid #999999; text-align: left; padding: 5px;}


#terms .page {margin-top:40px; padding: 40px 40px 60px 0;}
#terms .content {margin:30px 0 0 60px;}
#terms .content h2 {font-family:GothamHTFBold; font-weight:bold; margin:20px 0 0; font-size:14px;}
#terms .content p {line-height:20px; margin:20px 0 0;}
#terms .content b {font-family:GothamHTFBold;}
#terms .content ul {margin:30px 0 30px 30px}
#terms .content ul li {margin:10px 0;}
#terms .content ul li span {display:inline-block; width:30px; font-family:GothamHTFBold; font-weight:bold;}
#terms .content a {color:#fd6b00;}
#terms .content a:hover {color:#F98A3B;}
#terms .content .indent {margin:10px 0 0 30px;}

#how_it_works #content {padding: 0 0 30px;}
#how_it_works h1 {font-family: GothamHTFBookRegular; font-size: 30px; color: #5c7278;}
#how_it_works h2 {font-family: GothamHTFMediumRegular; font-size: 14px; color: #00aeff; text-transform: uppercase;}
#how_it_works .top {border-bottom: 1px solid #CEDEDE;}
#how_it_works .top video {float: left;}
#how_it_works .top iframe {float: left;}
#how_it_works .top .right {margin:28px 0 0 30px; float: left;}
#how_it_works .top h1 {margin:20px 0 0;}
#how_it_works .top h2 {margin:6px 0 17px;}
#how_it_works .buy {color:#FFFFFF; display:inline-block; width:131px; line-height:47px; height:47px; font-family:GothamHTFMediumRegular; font-size:22px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color: #FD6B00; margin-left: -10px}
#how_it_works .buy:hover {background-color: #ff9314;}
#how_it_works .buy img {margin:7px 11px 0 10px; display:inline-block; float:left;}
#how_it_works .contact {color:#FFFFFF; display:inline-block; width:177px; line-height:47px; height:47px; font-family:GothamHTFMediumRegular; font-size:22px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color: #44b1fb; margin: 0 0 0 5px;}
#how_it_works .contact:hover {background-color: #00d2ff;}
#how_it_works .contact img {margin:10px 11px 0 10px; display:inline-block; float:left;}
#how_it_works em {width:22px; height:22px; line-height: 22px; border-radius: 50%; background:#44b1fb; display:inline-block; text-align:center; font-style: normal; color: #ffffff; font-size: 16px; font-family: GothamHTFMediumRegular; margin: 0 10px 0 0; font-weight: bold;}
#how_it_works .top p {margin: 20px 0; font-family: GothamHTFMediumRegular; font-size: 17px; color: #5c7278;}
#how_it_works .learn {min-height: 460px; background: url(../images/works-with_2.png) no-repeat bottom; border-bottom: 1px solid #CEDEDE;}
#how_it_works .learn .left {width: 380px; float: left; margin: 0 0 0 60px;}
#how_it_works .learn h1 {margin: 30px 0 0;}
#how_it_works .learn p {font-family: Arial, Helvetica, sans-serif; font-size:17px; color:#5c7278; margin: 10px 0 0; line-height: 24px;}
#how_it_works .learn .right {float: left;}
#how_it_works .learn .right h1 {font-family: GothamHTFMediumRegular; font-size: 21px; margin-left:170px;}
#how_it_works .learn ul {margin: 40px 0 0;}
#how_it_works .learn li {line-height: 30px; font-family: GothamHTFMediumRegular; font-size: 17px; color: #5c7278; margin: 15px 0; padding: 0 0 0 40px; }
#how_it_works .learn li img {float:left; margin-left: -40px;}
#how_it_works .video {background: url(../images/video-arrow.png) no-repeat; padding: 30px 0 0}
#how_it_works .video h1 {margin-left: 60px;}
#how_it_works .video p {width: 350px; font-family: Arial, Helvetica, sans-serif; font-size:17px; color:#5c7278; line-height: 24px; margin: 10px 0 0 60px;}
#how_it_works .video p a {font-family:Arial, Helvetica, sans-serif; font-size: 17px; color: #00aeff; font-weight: bold; background: url(../images/Ellipse-2.png) no-repeat right; padding: 0 25px 0 0;}
#how_it_works .video #video2 {margin: 55px 0 0;}
#how_it_works .video iframe {margin: 55px 0 0;}
#how_it_works .colors {margin:30px 0 0;}
#how_it_works .colors h2 {font-family: GothamHTFMediumRegular; font-size: 15px;}
#how_it_works .colors .left {float: left; text-align: right; margin-left:490px; padding: 12px 0 0;}
#how_it_works .order {color:#FFFFFF; display:block; width:225px; line-height:47px; height:47px; font-family:GothamHTFMediumRegular; font-size:22px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color: #FD6B00; float: right; margin: 10px 20px 0 0;}
#how_it_works .order:hover {background-color: #ff9314;}
#how_it_works .order img {margin:7px 11px 0 10px; display:inline-block; float:left;}
#how_it_works .colors center {margin: 30px 0 0;}

#videos #content {width:885px; margin:0 auto;}
#videos #content .headline {margin:40px 0 10px; width:885px; height:44px; line-height:44px; background:#0CB1DA; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#videos #content .headline h2 {font-family:GothamHTFMediumRegular; font-size:22px; color:#ffffff; line-height:45px; padding:0 0 0 20px;}

body#faqs {background: none;}
#faqs #top {height: 230px; overflow: hidden; position: relative;}
#faqs #top .image {height: 230px; width:100%; position: absolute; background: url('../images/bedroom.jpg') no-repeat;  background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
#faqs #top .doodles {height: 230px; width: 800px; left: 50%; margin-left: -400px; z-index: 100; position: absolute; background: url('../images/doodles.png') no-repeat center;  background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
#faqs #content {padding-bottom: 40px;}
#faqs #content .left {width: 400px; float: left; margin: 0 0 0 60px;}
#faqs #content .right {width: 400px; float: right; margin: 0 60px 0 0;}
#faqs #content .headline {margin:30px 0 15px; width:400px; border-bottom: 0px solid #cdd8db; padding: 0 0 10px; background: none; height: inherit;}
#faqs #content .headline h2 {font-family:GothamHTFBookRegular; font-size:28px; color:#313131;}
#faqs #content .item {margin:5px 0 0 0; padding:5px 0;}
#faqs #content a.q {font-family: LucidaGrande; font-size:18px; color:#00aad2; display:block;}
#faqs #content ul {margin:10px 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:18px; color:#5c7278; display:none;}
#faqs #content li {margin:5px 0;}
#faqs #content li a {color:#ff6500;}
#faqs #content div.active {background:none;}
#faqs #content .fr p {font-family: GothamHTFMediumRegular; font-size:22px; color:#00aeff; margin: 45px 15px 0 0;}
#faqs #content .contact {color:#FFFFFF; display:inline-block; width:177px; line-height:47px; height:47px; font-family:GothamHTFMediumRegular; font-size:22px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color: #44b1fb; float: right; margin: 30px 30px 0 0;}
#faqs #content .contact:hover {background-color: #00d2ff;}
#faqs #content .contact img {margin:10px 11px 0 10px; display:inline-block; float:left;}
#faqs .divider {height: 3px; background: #F7F7F7; margin:50px 0;}
#faqs #contact-d h2 {font-family: GothamHTFBookRegular; font-size: 28px; color: #313131; padding-bottom: 20px;}
#faqs #contact-d p {font-family: LucidaGrande; font-size: 18px; color: #555555; padding-bottom: 20px;}
#faqs #contact-d a {color: #00aad2;}
#faqs #contact-d a.press {margin: 20px 0 0; display: inline-block; text-decoration: underline;}
#faqs #contact-d .right p {margin:90px 0 0; line-height: 26px;}
#faqs #contact-d .right p.wholesale {margin:30px 0 0; line-height: 26px;}
#faqs #subscribe {background: #52CEFF; padding:35px 0;}
#faqs #subscribe .text {height: 47px; width: 340px; margin-left: 180px; font-family: LucidaGrande; font-size: 18px;}
#faqs #subscribe label {font-family: LucidaGrande; font-size: 18px; color: #ffffff; padding-left: 20px;}


#contact #content {padding-bottom: 40px;}
#contact #content h1 {padding: 40px 0 0 60px; font-family: GothamHTFBookRegular; font-size: 30px; color: #5c7278; float: left;}
#contact #content h2 {font-family: GothamHTFMediumRegular; font-size: 15px; color: #00aeff; text-transform: uppercase; margin: 60px 0 0; padding: 0 0 10px; border-bottom: 1px solid #cbd8dc;}
#contact #content .left {width:400px; float:left; margin: 0 0 0 60px;}
#contact #content .right {width:400px; float:left; margin-left: 50px;}
#contact #content .left p {font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#5c7278; margin: 8px 0;}
#contact #content .left p.first {margin-top: 30px;}
#contact #content form label {font-family:GothamHTFMediumRegular; font-size:18px; color:#0cb1da; display:block; margin:25px 0 5px;}
#contact #content form input[type="text"] {width:60%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height:35px; line-height:35px; border:1px solid #cbd8dc; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:0 5px;}
#contact #content form textarea {width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height:145px; border:1px solid #cbd8dc; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:10px;}
#contact #content form .submit {margin:20px 0 0;}
#contact #content .community {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#565a5b; line-height:24px; font-style:italic; margin:30px 0 0;}
#contact #content .carly {font-family:GothamHTFMediumRegular; font-size:18px; color:#565a5b; margin:10px 0 0;}
#contact #content .support {font-family:GothamHTFMediumRegular; font-size:18px; margin:70px 0 0;}
#contact #content .support a {color:#00aeff; font-weight: bold;}
#contact #content .phone {font-family:GothamHTFMediumRegular; font-size:24px; color:#0cb1da; margin:15px 0 0;}
#contact #content p.whosale {margin: 30px 0 0;}
#contact #content .whosale, #contact #content .inquiries {font-family:GothamHTFMediumRegular; font-size:18px; color:#565a5b; line-height:26px; font-weight: bold;}
#contact #content .whosale a, #contact #content .inquiries a {color:#00aeff;}
#contact #content .msg-confirm {font-family:GothamHTFMediumRegular; font-size:16px; color:#0cb1da; margin: 25px 0 0; display: none; float: right;}
#contact #content .buy {color:#FFFFFF; display:inline-block; width:131px; line-height:47px; height:47px; font-family:GothamHTFMediumRegular; font-size:22px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background-color: #FD6B00; float: right; margin: 30px 30px 0 0;}
#contact #content .buy:hover {background-color: #ff9314;}
#contact #content .buy img {margin:7px 11px 0 10px; display:inline-block; float:left;}


#error {width:700px; position:fixed; top:-2000px; left:50%; margin-left:-350px; z-index:98; background:#9de0ff; box-shadow: 0px 9px 15px rgba(50, 50, 50, 0.49); border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px; z-index:9999999;}
#error .content {padding:30px 50px;}
#error .title {font-family:GothamHTFBold; font-size:18px; color:#015880;}
#error #display-error {margin:20px 0 0; font-family:GothamHTFBookRegular; font-size:14px; color:#015880;}
#error #display-error p {font-family:GothamHTFBookRegular; font-size:14px; color:#015880; margin:5px 0;}

#success {width:700px; position:fixed; top:-2000px; left:50%; margin-left:-350px; z-index:98; background:#DFF2BF; box-shadow: 0px 9px 15px rgba(50, 50, 50, 0.49); border-radius:0 0 20px 20px; -moz-border-radius:0 0 20px 20px; z-index:9999999;}
#success .content {padding:30px 50px;}
#success .title {font-family:GothamHTFBold; font-size:18px; color:#D40000;}
#success #display-success {margin:20px 0 0; font-family:GothamHTFBold; font-size:18px; color:#4F8A10;}

#four-oh-four img { display: block; margin: 40px auto 0 auto; }

/* From the Game Portal */
#game #holder {padding-bottom: 183px;}
#game {background:url(../images/BG_full.png) center 78px no-repeat;}
#game .list {min-height:560px; margin:0 auto; background:#FFFFFF; padding:20px; position:relative;}
#game .content h1 {font-family:AntiqueOliveCompactRegular; font-size:24px; color:#18A6FC; margin:20px 0 0; text-transform:uppercase;}
#game .content .game-border {padding: 10px; border: 3px solid gray; padding: 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#game .keywords {margin:10px 0 0;}
#game .keywords span {background:#C9D5FF; padding:3px; margin:0 0 0 3px; font-size:14px; color:#FFFFFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#game .description {margin:20px 0 0; font-size:14px; color:#474440;}
#game .back {width:166px; height:91px; background:url(../images/back.png) no-repeat; display:inline-block; margin:20px 0 0;}
#games-home #holder {padding-bottom:183px;}
#games-home {background:url(../images/BG_full.png) center 78px no-repeat;}
#games-home .top {width: 715px; min-height: 55px; margin: 0 auto; position: relative;}
#games-home .top .page {font-family: AntiqueOliveCompactRegular; font-size: 20px; color: #ffffff; float: left; margin: 25px 0 0;}
#games-home .bpanel {width:190px; height:26px; margin: 20px 0 0; display:block; background:url(../images/bookmarkPanel.png) no-repeat; cursor:pointer; float:right;}
#games-home .bicon {width:53px; height:66px; display:block; background:url(../images/bookmarkIcon.png) no-repeat; cursor:pointer; position:absolute; top:0; right:-65px;}
#games-home .featured-title {font-family: AntiqueOliveCompactRegular; font-size: 18px; color: #ffffff; margin: 25px 0 0; float: left; text-transform: uppercase;}
#games-home .featured-game {margin: 10px 0 0; padding: 10px; background-color: #ffffff;}
#games-home .featured-game .border {border: 3px solid gray; padding: 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#games-home .list {width:715px; min-height:500px; margin:0 auto; background:#FFFFFF; padding:20px 0 170px; position:relative;}
#games-home .list .header {font-family:AntiqueOliveCompactRegular; font-size:24px; color:#139EF3; float:left; margin:0px 0 0 0;}
#games-home .list .content {width:560px; margin:0 auto;}
#games-home .list .divider {background:url(../images/divider.png) repeat-x center; margin:15px 0 9px 0; text-transform:uppercase;}
#games-home .list .divider span {background:#FFFFFF; font-family:GothamHTFBold; font-size:16px; color:#A1C7DE; padding:0 10px 0 0;}
#games-home .game {width:270px; margin:0px 0 14px 0;}
#games-home .game .thumb {width:90px; height:88px; background:url(../images/iconFrame.png) no-repeat; float:left;}
#games-home .game .thumb img {margin:7px 0 0 6px;}
#games-home .game .game-content {width:170px; float:right;}
#games-home .game .game-content .name a {font-family:AntiqueOliveCompactRegular; font-size:16px; color:#626262; margin:10px 0 0;}
#games-home .game .game-content .keywords {font-family:GothamHTFBold; font-size:13px; color:#858585; margin:5px 0 0;}
#games-home .game .game-content .keywords a {color:#858585;}
#games-home .game .game-content .stars {margin:5px 0 0;}
#games-home .game .game-content .stars img {float:left; margin:0 2px 0 0;}
#games-home .games-nav {position:absolute; bottom:0;}
#games-home .ubooly-bottom {margin:-130px 0 0 -260px; float:left; z-index:2; position:relative}
#games-home .nav-bar {height:54px; line-height:54px; float:left; background:url(../images/pagesBar.png) right; margin:40px 0 0 -50px; z-index:1; font-family:AntiqueOliveCompactRegular; font-size:18px; color:#66451E; padding:0 10px 0 0;}
#games-home .nav-bar span {padding:0 10px 0 20px; display:block; float:left;}
#games-home .nav-bar a {display:block; margin:8px 0 0; float:left; line-height:normal; padding:5px 4px; color:#66451E;}
#games-home .nav-bar a.active {background:#FD6B00; color:#FFFFFF; padding:5px 8px; }
#games-home .nav-bar em {display:block; float:left; font-style:normal; padding:0 10px;}
#games-home .nav-bar a.next {width:26px; height:24px; display:inline-block; background:url(../images/pageArrow.png) no-repeat; float:none; margin:13px 0 0 10px;}


/* how-to-train landing page */

#training .container {width:1030px;}
#training #header {min-width:1030px;}
#training #footer {min-width:1030px;}
#training #header .container {width:966px;}
#training .background {background:url(../images/bg.jpg) center 0 no-repeat; min-width:1030px;}
#training #content {background:#FFFFFF;}
#training #content h1 {font-family:AntiqueOliveCompactRegular; font-size:27px; color:#FD6B00; padding:30px 0 0;}
#training #content h2 {font-family:GothamHTFBold; font-size:15px; color:#000000; width:850px; margin:10px auto 0; background:url(../images/landing/training-dividerLine.png) center repeat-x;}
#training #content h2 span {background:#FFFFFF; padding:0 10px;}
#training #content .left {width:550px; float:left; margin:0 0 0 50px;}
#training #content ul {margin:40px 0 0;}
#training #content li {line-height:56px; font-family:GothamHTFBold; font-size:17px; color:#9C9C9C; margin:2px 0;}
#training #content li img {float:left; margin:0 10px 0 0;}
#training #content .adopt {margin:20px 0 0; width:514px; height:99px; display:block; background:url(../images/landing/training-AdoptButton.png) no-repeat;}
#training #content .adopt:hover {background-position:0 -99px;}

#training #content .right {width:424px; float:left; padding:20px 0 0;}


/* Recaptcha fix */
.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {
line-height:0!important;
}
.recaptcha_input_area {
    height: 30px!important;
}
#recaptcha_privacy, .recaptcha_only_if_privacy {display: none;}