/**********************************/
/***** General setup styles *******/

body {
	height: 100%;
	font-family: tahoma, arial, sans-serif;
	font-size:62.5%;
	color: #000;
	line-height: 1.25;
	background:#eee url(/global/library/default/images/common/backgrounds/bg-container-main.gif) repeat-y center top; }

* {
    margin: 0px;
    padding: 0px;}

html {
	height:100%;}

*:-moz-any-link:focus, 
input:focus, button:focus {
	outline-color:invert;
	outline-style:none;
	outline-width:medium;}

img,
fieldset {
    border: none;}

.noScriptHide {
    display: none;}

.btnPrintPage {
    display: none;}

p {
    /*line-height:15px;*/}

p.error {
    line-height: 2em;
    padding: 3px;
    color: #F00;
    font-weight: bold;
    background-color: #feefe6;}

p.title {
    font-weight: bold;}
    
span.highlight{
	color:#FF4C13;}
     
.clearer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
    
.clearer {
    display: inline-block; }
    
.clearer {
    display: block; }
    
hr {
    display:block;
    line-height:1;
    height:1px;
    overflow:hidden;
    font-size:0;
    padding:0;
    margin:20px 0 15px;
    color:#dddddd;
    background-color:#dddddd;
    border:none;}

a {
    text-decoration:none;
	color: inherit;}
    


.nowrap {
    white-space:nowrap;}
    
ul.list {
    list-style-type:disc;
    padding-left:1.5em;
    margin:0.5em 0;}

ul.list li {
    margin-bottom:0.5em;}

ul.inlineBlock li {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: bottom;}

a.bullet,
p.bullet,
span.bullet {
    background:transparent url(/global/library/default/images/common/chevrons/right-full.gif) no-repeat left 4px;
    display:inline-block;
    padding-left:8px;}
    
a.newWindow {
	background:transparent url('/activekids/library/images/common/icon-external-link.gif') no-repeat scroll right 1px;
	display:inline-block;
}

a.newWindowCufon {
	background:transparent url('/activekids/library/images/common/icon-external-link.gif') no-repeat scroll right 1px;
	padding-right:15px;
}
    
#globalHeader,
#globalFooter,
#globalTerminator div.footerInner {
	font-size:1.1em;}
	
#globalTerminator {
	height:2em;}

div#container {
    width: 995px;
    margin: 0 auto;}

div#akContent {
    clear:both;
    font-size:1.1em;
    overflow:hidden;
    position:relative;
    margin: 0 10px 20px;
    background-color:#eaeaea !important;}
    
div#akContent div#akContentWrapper {
    clear: both;
    position: relative;}

/* Buttons */

input.button + div.button {
    display:none;}

div.button {
    background:url('/activekids/library/images/common/img-shadow-br-corner.png') no-repeat right bottom;
    display:inline-block;
    position:relative;}
    
div.button div {
    background:url('/activekids/library/images/common/img-shadow-tr-corner.png') no-repeat right top;
    padding:0 3px 0 0}
    
div.button div div {
    background:url('/activekids/library/images/common/img-shadow-bl-corner.png') no-repeat left bottom;
    padding:0 0 3px 0}

div.button a,
input.button {
    background:#ff1a00 url('/activekids/library/images/common/img-button-bg.png') repeat-x left top;
    border:0;
    color:#ffffff;
    display:inline-block;
    font-size:1.3em;
    font-weight:bold;
    padding:8px 18px;
    text-align:center;}
    
div.small div.button a,
div.small input.button {
	font-size: 1em;
	font-weight: normal;
	padding: 3px 8px;
}
html.jsEnabled div.button {
    display:inline-block;}

html.jsEnabled input.button {
    display:none;}
    
div.button a span {
    background:url('/activekids/library/images/common/img-arrow-white-right.png') no-repeat left 51%;
    padding-left:8px;}
    
div.button.left a span {
    background:url('/activekids/library/images/common/img-arrow-white-left.png') no-repeat left 51%;
    padding-left:8px;}

/*** Breadcrumbs ***/

ul#breadcrumb {
	padding:5px 25px 10px;
	float:left;}

ul#breadcrumb li {
	float:left;padding:0 5px 0 10px;
	font-size:1.1em;
	background:url(/activekids/library/images/icons/icon_breadcrumb.gif) no-repeat 0 60%;}

ul#breadcrumb li.first {
	padding-left:0;background:none;}

ul#breadcrumb li a {
	color:#000;text-decoration: underline;}

/*** Navigation ***/
div#akNavigationBar {
    background:url('/activekids/library/images/common/img-navigtion-bar-bg.png') repeat-x top left;
    position:relative;
    min-height:94px;
    clear:both;
    z-index:50;
    font-size:1.1em;
    margin: 0 10px;}
    
div#akNavigationBar div#akNavigation {
    position:relative;
    float:left;    
    margin-left:30px;
    display:inline;}
    
div#akNavigationBar div#akNavigation div#akNavigationWrapper {
    position: relative;}
    
div#akNavigationBar div#akNavigation div#akNavigationButton {
	background: transparent url('/activekids/library/images/text/txt-menu.png') no-repeat 0 0;
	/* Min-height fast hack – makes it crossbrowser - please keep the order */
	min-height:94px;
	height: auto !important;
	height: 94px;
	width:198px;
	display:block;
	text-indent:-9999em;}
	
div#akNavigationBar div#akNavigation div#akNavigationButton a {
	display:block;
	height:94px;
	width:198px; }
	
div#akNavigationBar div#akNavigation div#akNavigationContent {
	background: #ffffff url('/activekids/library/images/common/img-navigation-content-bg.png') no-repeat 100% 100%;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	border:1px #000 solid;
	border-top:none;}
	
div#akNavigationBar div:hover#akNavigation div#akNavigationContent {
	display:block;}

html.jsEnabled div#akNavigationBar div#akNavigation div#akNavigationContent {
    display:block;
    visibility:hidden;
    border:none;}
	
div#akNavigationBar div#akNavigation div#akNavigationContent ul {
    background: transparent url('/activekids/library/images/common/img-navigation-content-top.png') repeat-x 0 0;
	padding:20px 80px 70px 30px;
	width:805px;
	overflow:hidden;}
	
div#akNavigationBar div#akNavigation div#akNavigationContent li {
	width:150px;
	margin:0 10px 0 0;
	float:left;
	overflow:hidden;}

div#akNavigationBar div#akNavigation div#akNavigationContent li a {
    position: relative;
    color:#000000;}

div#akNavigationBar div#akNavigation div#akNavigationContent li strong.title {
	font-size: 1.6363em;
	color:#ff5b27;
	font-weight: normal;}
	
div#akNavigationBar div#akNavigation div#akNavigationContent ul ul {
	background:none;
	padding:0;
	width:auto;}
	
div#akNavigationBar div#akNavigation div#akNavigationContent li li {
    background:transparent url(/global/library/default/images/common/chevrons/right-full.gif) no-repeat left 4px;
	padding-left:8px;
	margin:5px 0;
	float:none;}
   
div#akNavigationBar h2 {
    background:url('/activekids/library/images/text/txt-h2-we-are-active-kids.gif') no-repeat left top;
    float:right;
    display:block;
    height:61px;
    margin-right:0;
    text-indent:-9999px;
    width:323px;}
    
div#akNavigationBar ul.tools {
    float:right;
    display:inline;
    margin:7px 17px 0 0;
    width:130px;}
    
div#akNavigationBar ul.tools li {
    /*float:left;*/
    float:right;
    margin-right:10px;
    /*display:inline;*/}
    
div#akNavigationBar ul.tools li a {
    display:block;
    text-indent:-9999em;
    height:20px;
    background:url('/activekids/library/images/text/txt-nav-tools.png') no-repeat 0 0;
    float:left;
    padding:0;}
    
div#akNavigationBar ul.tools li.login a {
    background-position: 0 0;
    width:57px;}

div#akNavigationBar ul.tools li.login a:hover,
div#akNavigationBar ul.tools li.login a:focus {
    background-position: 0 -20px;}

div#akNavigationBar ul.tools li.register a {
    background-position: -59px 0;
    width:63px;}
    
div#akNavigationBar ul.tools li.register a:hover,
div#akNavigationBar ul.tools li.register a:focus {
    background-position: -59px -20px;}

div#akNavigationBar ul.tools li.account a {
    background-position: -136px 0;
    width:120px;}

div#akNavigationBar ul.tools li.account a:hover,
div#akNavigationBar ul.tools li.account a:focus {
    background-position: -136px -20px;}

div#akNavigationBar ul.tools li.logout a {
    background-position: -264px 0;
    margin-bottom:2px;
    width:70px;
    float:right;}
    
div#akNavigationBar ul.tools li.logout a:hover,
div#akNavigationBar ul.tools li.logout a:focus {
    background-position: -264px -20px;}
 
div#akNavigationBar div.searchBar {
    clear: right;
    display: inline;
	float: right;
	margin-right: 20px;
    padding-top: 6px;
    position: relative;
	text-align: right;
	width: 500px;
}
div#akNavigationBar div.searchBar label {
	color: #ff5b27;
	font-size: 1.2727em;
}
div#akNavigationBar div.searchBar label .cufon-canvas {
	margin-top: 1px;
	margin-bottom: 2px;
}
/*** Popups ***/
    
html.jsEnabled div.popup {    
    display:none;
    position:absolute;
    z-index:2;}

div.popup div.copy {
    background:url('/activekids/library/images/common/img-popup-top-bg.png') no-repeat top left;
    padding:15px;}
    
div.popup span.close {
    display:none}
    
html.jsEnabled div.popup span.close {
    background:url('/activekids/library/images/buttons/btn-close.png') no-repeat top left;
    cursor:pointer;
    display:block;
    height:19px;
    position:absolute;
    right:4px;
    text-indent:-9999px;
    top:3px;
    width:22px;}

div.popup div.bottom {
    background:url('/activekids/library/images/common/img-popup-bottom-bg.png') no-repeat top left;
    height:22px;}

/*** Paging ***/

div.paging span.showAll {
	float:right;
	display:inline;
	margin-right:9px;
}
div.paging span.showAll a { 
	margin-right:5px;
	text-decoration:underline;
}
div.paging ol { 
	float:right; 
	margin:0; 
	padding:0;
	list-style:none;
}
div.paging li { 
	float:left; 
	margin:0 2px;
}
div.paging li a { 
	display:block;
	text-decoration:underline;
}
div.paging li.current { 
	padding:0 2px;
	color:#ff5b27; 
	font-weight:bold; 
}
div.paging li.previous a {
	margin:0 9px 0 0;
	padding-left:8px;
	text-decoration:none;
	background: url(/global/library/default/images/common/chevrons/left-full.gif) no-repeat 0 4px;
}
div.paging li.next a {
	margin:0 0 0 9px;
	padding-left:8px;
	text-decoration:none;
	background: url(/global/library/default/images/common/chevrons/right-full.gif) no-repeat 0 4px;
}
div.paging li.previous a:hover,
div.paging li.next a:hover {
    text-decoration: underline;
}

/*** Checkbox List ***/

ul.checklist {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul.checklist h5 {
	color: #ff5b27;
	font-size: 1.0909em;
    margin: 10px 0 10px;
}
ul.checklist ul li {
	background: url(/activekids/library/images/common/img-checkboxes.png) no-repeat 0 1px;
    margin: 0 0 8px;
}
ul.checklist ul li.check {
	background-position: 0 -49px;
	font-weight: bold;
}
ul.checklist ul li.off {
	background-position: 0 -99px;
	color: #999999;
}
ul.checklist ul li.off-check {
	background-position: 0 -149px;
	color: #999999;
}
ul.checklist ul li a,
ul.checklist ul li span {
    padding: 0 0 1px 20px;
	display: block;
}

/*** Catalogue Grid ***/

ul.grid {
	padding: 0;
	margin: 0 -9px -9px 0;
	list-style-type: none;
	letter-spacing: -0.4em;
}
ul.grid li.item {
	letter-spacing: normal;
}
ul.grid li.item {
	width: 184px;
	padding: 12px 12px 0;
	border: #ececec 1px solid;
	background: #f3f3f3 url(/activekids/library/images/catalogue/catalogue-box-bg.png) repeat-x left top;
	/* Min-height fast hack – makes it crossbrowser - please keep the order */
	min-height: 100px;
	height: auto !important;
	height: 100px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	margin: 0 9px 9px 0;
}
ul.grid li.item img.thumb {
	width:85px;
	height:85px;
	padding: 1px 6px 6px 1px;
	background: transparent url(/activekids/library/images/catalogue/catalogue-image-bg.png) no-repeat left top;
	float: left;
	border: 0;
	margin: 0 14px 0 0;
	vertical-align: top;
}
ul.grid li.item div.details p,
ul.grid li.item div.details ul {
	margin: 0 0 0 105px;
	padding: 0;
}
ul.grid li.item div.details p.name {
	margin: -2px 0 0 99px;
	padding-left: 6px;
	background: transparent url(/global/library/default/images/common/chevrons/right-full.gif) no-repeat 0 4px;
}
ul.grid li.item div.details p.price {
	font-weight: bold;
	color: #ff5b27;
	margin-top: .3em;
}
ul.grid li.item div.details ul.icons {
	list-style-type: none;
	margin: .5em -5px -5px 105px;
}
ul.grid li.item div.details ul.icons li {
	float: left;
	margin: 0 5px 5px 0;
}
ul.grid li.item div.details ul.icons li img {
	float: left;
}

/*** Highlight Box ***/

div.highlightBox {
	border: 1px solid #ffd4c7;
	background: #ffeee9 url(/activekids/library/images/common/img-info-pod-bg.jpg) repeat-x 0 0;
	padding: 15px 20px;
}

/*** Wishlist Box ***/

div.findWishlistBox {
	background: white;
	padding: 15px 20px 20px;
}
div.findWishlistBox h4 {
	color: #ff5b27;
	font-size: 2.2727em;
	font-weight: normal;
}
div.findWishlistBox h4 .cufon-canvas {
	margin-top: 3px;
	margin-bottom: 2px;
}
div.findWishlistBox p {
	font-size: 1.0909em;
	padding: 5px 0 15px;
}
div.findWishlistBox fieldset div.field {
	width: 210px;
}
div.findWishlistBox fieldset div.field input {
    width: 95px;
}
div.findWishlistBox fieldset div.field select {
    width:105px;
}
div.findWishlistBox fieldset div.field label {
	font-size: 1.0909em;
}
div.findWishlistBox fieldset div.row {
	margin-bottom: 5px;
}
div.findWishlistBox fieldset div.row div.field {
	margin-right: 15px;
	vertical-align: top;
}
div.findWishlistBox div.highlightBox div.field {
	width: 235px;
}
div.findWishlistBox div.highlightBox div.field label {
	font-size: 1em;
	text-align: right;
	width: 120px;
}

/*** Highlight Box ***/

div#loginBox {
	border-width: 2px;
	float: left;
}
div#loginBox h4 {
	color: #ff5b27;
	font-size: 1.6363em;
	font-weight: normal;
}
div#loginBox h4 .cufon-canvas {
	margin-top: 2px;
	margin-bottom: 2px;
}
div#loginBox p {
	font-size: 1.0909em;
	padding: 10px 0;
	width:295px;
}
div#loginBox .button {
	float: right;
}

/* Catalogue Boxes */

div.yourBasket .header {
    width: 192px;
    height: 43px;
    background: url(/activekids/library/images/catalogue/header-basket.gif) top left no-repeat;
    text-indent: -9999px;
}
div.yourBasket h4 {
    color: #ff5b27;
    margin: 2px 0 6px 22px;
    font-size: 15px;
}
div.yourBasket .divider {
    border-top: 1px solid #ccc;
    margin: 8px;
    clear: both;
    font-size: 1px;
    height: 1px;
}
div.yourBasket .item {
    padding: 0 22px 0 22px;
}
div.yourBasket .item a {
    text-decoration: underline!important;
}
div.yourBasket .remove {
    padding: 5px 22px 0 22px;
}
div.yourBasket .remove a {
    float: left;
    text-decoration: underline!important;
    color: #999;
}
div.yourBasket .remove strong {
    float: right;
    color: #ff5b27;
    font-weight: bold;
}
div.yourBasket .view,
div.wishlistBox .view {
    border-top: 1px solid #ffd4c7;
    padding: 9px 22px;
    margin-top: 5px;
}
div.yourBasket .view a,
div.wishlistBox .view a {
    background: transparent url(/activekids/library/images/common/img-arrow-right.gif) 0 4px no-repeat;
    padding-left: 8px;
    display: inline-block;
    width: 120px;
    margin-bottom:5px;
}
div.yourBasket .leftCol,
div.wishlistBox .leftCol {
    float: left;
    width: 88px;
    padding: 3px 0 6px 22px;
}
div.yourBasket .rightCol,
div.wishlistBox .rightCol {
    float: right;
    width: 60px;
    padding: 3px 22px 6px 0;
    color: #ff5b27;
    font-weight: bold;
    text-align: right;
}
div.wishlistBox {
    background-color: #fff;
    margin: 10px 25px 0 0;
    width: 192px;
    float: right;
    display: inline;
}
div.wishlistBox .header {
    width: 192px;
    height: 43px;
    background: url(/activekids/library/images/catalogue/header-wishlist.gif) top left no-repeat;
    text-indent: -9999px;
}

/* Videoplayer Box */

div#videoContainer {
	background: white;
    clear: both;
	/* Min-height fast hack – makes it crossbrowser - please keep the order */
    height:320px;
    width:498px;
}
div#videoContainer div {
	padding: 20px;
}

div.dateCountDownBox {
	background:white none repeat scroll 0 0;
	padding:15px 20px 20px;
}

div.countDownBox
{
	background:#FFEEE9 url(/activekids/library/images/common/img-info-pod-bg.jpg) repeat-x scroll 0 0;
	border:1px solid #FFD4C7;
	padding:12px 0 15px 17px;
	font-size: 3.6363em;
	overflow:hidden;
}
p.counterNum
{
	background:#FDF7F6 url(/activekids/library/images/common/img-count-down-bg.jpg) repeat-x scroll 0 0;
	border:1px solid #FFD4C7;
	padding:5px 0 0;
}
div.countDownDay,
div.countDownHour,
div.countDownMin
{
	width:63px;
	float:left;
}
div.countDownHour
{
	margin:0 45px;
}
div.countDownBox p
{
	text-align:center;
	width:65px;
}
div.countDownBox p.counterUnit
{
	margin-top:5px;
	font-size:0.34em;
}
div.countDownBox div.countDownCopy
{
	float:left;
	margin:15px 0 0 5px;
}
div.countDownBox div.countDownCopy p
{
	width:290px;
	text-align:left;
	font-size:0.38em;
}

div#helplineNo
{
	display:inline-block;
	width:165px;
	color:#FFFFFF;
	margin:5px 0 0 12px;
	float:left;
}
div#helplineNo p.cufon
{
	font-size:2.1em;
	margin-top:1px;
}

span.highlight,
strong.highlight{
	color:#ff5b27;
}