/**
	@Author:	Alex Holsgrove
	@Date:		3rd March 2010
	@Notes:		TopThat! Stylesheet
	@Tab:								|
*/

* {
	margin:								0;
	padding:							0;
}
html {
	/*background:							#FFFFFF url(/site/assets/images/backgrounds/bg_soil.jpg) 50% 100% repeat-x; (normal footer) */
	background:							#FFFFFF url(/site/assets/images/backgrounds/winter-footer.jpg) 80% 100% repeat-x; /* (winter footer) */

	min-height:							100%;
	width:								100%;	
}
body {
	background:							url(/site/assets/images/backgrounds/bg_sky.jpg) -30% 0 repeat-x;
	color:								#333333;
	font-family:						"Helvetica Neue",Helvetica,Arial,"Bitstream Vera Sans",sans-serif;																																																																																																																																													
	font-size:							87.5%;	/* 14px */
	padding:							110px 0 600px;
	padding:							110px 0 920px; /*(Winter Footer) */
	width:								100%;
}

/* ---------- BASE STYLES ---------- */
a {
	color:								#FF6600;
	outline:							none;
	text-decoration:					none;
}
a:hover {
	color:								#132A6C;
	text-decoration:					underline;
}
del {
	color:								#777777;
}
form fieldset {
	border:								none;
}
form .button,
form input,
form select,
form textarea {
	-moz-border-radius:					5px;
	-khtml-border-radius:				5px;
	-webkit-border-radius:				5px;
	border-radius:						4px;
	border:								1px solid #CCCCCC;
	color:								#666666;
	font-family:						Verdana, Geneva, sans-serif;
	font-size:							1.0em;
	padding:							5px;
}
form .button {
	border:								none;
	color:								#FFFFFF;
	font-size:							0.86em;	/* 12px */
}
form select {
	padding:							4px 5px;
}
form input:focus,
form textarea:focus {
	background:							#FFFEEF;
	border:								1px solid #2BA6E7;
	outline:							none;
}
h1,h2,h3,h4 {
	color:								#095DA5;
	font-weight:						bold;
	margin:								0 0 0.5em;	
}
h1 {
	font-size:							1.86em;	/* 26px */
}
h2 {
	font-size:							1.29em;	/* 18px */
}
h3 {
	font-size:							1.0em;	/* 14px */
}
h4 {
	font-size:							0.93em;	/* 13px */
}
img {
	border:								none;
}
p {
	line-height:						1.6em;
	margin:								0 0 1em;
}
ul {
}
ul li {
	list-style-type:					none;
}

/* ---------- SKELETON ---------- */
#wrapper {
	background:							url(/site/assets/images/backgrounds/bg_wrapper.png) center top no-repeat;
	margin:								0 auto;
	padding:							0 5px;
	position:							relative;
	width:								960px;
}
#framework {
	clear:								both;
	min-height:							400px;
	overflow:							hidden;
	padding:							20px;
	width:								920px;
}
#framework #content {
	float:								left;
	width:								680px;
}
#framework #sidebar {
	float:								right;
	width:								220px;
}


/* ---------- HEADER ---------- */
#header {
	height:								1%;
}
#header #logo {
	position:							absolute;
	left:								10px;
	top:								-105px;
}
#header form {
	position:							absolute;
	right:								0;
	top:								-85px;
}
#header form input.searchbar {
	-moz-border-radius-topright:		0;
	-moz-border-radius-bottomright:		0;
	-webkit-border-top-right-radius:	0;
	-webkit-border-bottom-right-radius:	0;
	-khtml-border-top-right-radius:		0;
	-khtml-border-bottom-right-radius:	0;
	-moz-border-radius-topleft:			20px;
	-moz-border-radius-bottomleft:		20px;
	-webkit-border-top-left-radius:		19px;
	-webkit-border-bottom-left-radius:	19px;
	-khtml-border-top-left-radius:		20px;
	-khtml-border-bottom-left-radius:	20px;
	border-top-left-radius:				20px;
	border-bottom-left-radius:			20px;
	border-top-right-radius:			0;
	border-bottom-right-radius:			0;
	border:								none;
	float:								left;
	height:								20px;
	padding:							5px 5px 5px 10px;
	width:								12em;
}
#header form input.searchbar:focus {
	border:								none;
}
#header form input.button {
	-moz-border-radius-topleft:			0;
	-moz-border-radius-bottomleft:		0;
	-webkit-border-top-left-radius:		0;
	-webkit-border-bottom-left-radius:	0;
	-khtml-border-top-left-radius:		0;
	-khtml-border-bottom-left-radius:	0;
	-moz-border-radius-topright:		20px;
	-moz-border-radius-bottomright:		20px;
	-webkit-border-top-right-radius:	20px;
	-webkit-border-bottom-right-radius:	20px;
	-khtml-border-top-right-radius:		20px;
	-khtml-border-bottom-right-radius:	20px;
	border-top-right-radius:			20px;
	border-bottom-right-radius:			20px;
	border-top-left-radius:				0;
	border-bottom-left-radius:			0;
	border:								none;
	background:							#8ECC52 url("/site/assets/images/icons/search_button.png") -4px -6px no-repeat;
	color:								#FFFFFF;
	display:							block;
	float:								left;
	font-size:							0;
	height:								30px;
	line-height:						0;
	padding:							0px 10px 2px 5px;
	width:								38px;
	text-indent:						-9999px;
}
#header form input.button:hover {
	background:							#8ECC52 url("/site/assets/images/icons/search_button.png") -4px -46px no-repeat;
}

/* Basic navigation for non JS users */
#header ul {
	margin:								0 0 0 20px;
}
#header ul li {
	list-style-type:					square;
}
#header ul ul {
	display:							none;
}
#header ul ul li {
	list-style-type:					circle;
}
#header ul ul ul li {
	display:							inline;
	margin:								0 10px 0 0;
}


/* Mega-Menu style navigation */
#header #navigation {
	background:							#DCDCD1 url(/site/assets/images/backgrounds/bg_navigation.png) 0 0 repeat-x;
	float:								left;
	margin:								0;
	width:								960px;
}
#header #navigation li {
	border-right:						1px solid #CCCCCC;
	float:								left;
	list-style-type:					none;
}

#header #navigation li a {
	border-left:						1px solid #FFFFFF;
	color:								#1B5587;
	display:							block;
	font-size:							1.14em;	/* 16px */
	font-weight:						bold;
	padding:							8px 1em;
}

#header #navigation li a span {
	font-weight:						normal;
}

#header #navigation li strong {
	color:								#1B5587;
}

#header #navigation li a:hover {
	-moz-border-radius-topleft:			3px;
	-moz-border-radius-topright:		3px;
	-webkit-border-top-left-radius:		3px;
	-webkit-border-top-right-radius:	3px;
	-khtml-border-top-left-radius:		3px;
	-khtml-border-top-right-radius:		3px;
	border-top-left-radius:				3px;
	border-top-right-radius:			3px;
	background:							#EAEAE3 url(/site/assets/images/backgrounds/bg_navigation_hover.png) 0 0 repeat-x;
	color:								#000000;
	margin:								0 0 -5px;
	padding:							12px 1em 9px;
	position:							relative;
	top:								-5px;
}
#header #navigation li a.selected {
	text-decoration:					underline;
	background:							#EAEAE3 url(/site/assets/images/backgrounds/bg_navigation_hover.png) 0 0 repeat-x;
	}


/* Level 2 */
#header #navigation ul {
	-moz-border-radius-bottomleft:		5px;
	-moz-border-radius-bottomright:		5px;
	-webkit-border-bottom-left-radius:	5px;
	-webkit-border-bottom-right-radius:	5px;
	-khtml-border-bottom-left-radius:	5px;
	-khtml-border-bottom-right-radius:	5px;
	-moz-box-shadow:					0 5px 20px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:					0 5px 20px rgba(0, 0, 0, 0.3);
	box-shadow:							0 px 20px rgba(0, 0, 0, 0.3);
	border-bottom-left-radius:			4px;
	border-bottom-right-radius:			4px;
	border-left:						1px solid #DEDEDE;
	border-right:						1px solid #DEDEDE;
	border-bottom:						1px solid #DEDEDE;
	background:							#FFFFFF;
	display:							none;
	margin:								0 0 0 -1px;
	padding:							8px 15px;
	position:							absolute;
	width:								30em;
	z-index:							500;
}
#header #navigation ul li {
	border:								none;
	float:								left;
	margin:								0 0.5em 0 0;
	width:								100%;
}

#header #navigation ul li a,
#header #navigation ul li a:hover,
#header #navigation ul li a.selected,
#header #navigation li.submenu ul li a,
#header #navigation li.submenu ul li a:hover,
#header #navigation li.submenu ul li a.selected,
#header #navigation li.submenu ul li a.selected:hover {
	background:							#FFFFFF;
	top:								0;
	left:								0;
	margin:								0;
	padding:							5px 0;
}

/* Level 3 */
#header #navigation ul ul {
	-moz-box-shadow:					none;
	-webkit-box-shadow:					none;
	box-shadow:							none;
	border:								none;
	display:							block;
	margin:								0.4em 0 1em;
	overflow:							hidden;
	padding:							0;
	position:							relative;
}
#header #navigation ul ul li {
	display:							block;
	float:								left;
	width:								12em;
}
#header #navigation ul ul a {
	background:							#FFFFFF;
	color:								#FF6600;
	font-size:							0.86em;	/* 12px */
	font-weight:						normal;
	padding:							2px;
}
#header #navigation ul ul a:hover {
	color:								#FF6600;
	padding:							2px;
	text-decoration:					underline;
}

#header #navigation li.shop ul {
	width:								38em;
}
#header #navigation li.shop ul ul {
	width:								auto;
}
#header #navigation li.about-us ul,
#header #navigation li.blog ul {
	width:								25em;		
}
#header #navigation li.blog ul li {
	width:								5em;
}
#header #navigation li.blog ul li a {
	color:								#FF6600;
	font-size:							1em;
	font-weight:						normal;
}

#header a#trade-popup {
	background: 						url(/site/assets/images/backgrounds/bg_trade_sprite.png) bottom right no-repeat;
	color:								#444;
	display:							block;
	font-weight:						bold;
	padding:							3px 20px;
	position:							absolute;
	top:								5px;
	right:								20px;
	width:								auto;
	z-index:							500;
	text-align: 						right;
	border:								1px solid #BDBDA2;
	-moz-border-radius:					5px;
	-khtml-border-radius:				5px;
	-webkit-border-radius:				5px;
	border-radius:						4px;
}

#header a:hover#trade-popup {
	background: 						url(/site/assets/images/backgrounds/bg_trade_sprite.png) top right no-repeat;
	color: 								#222222;
	}


#wrapper #header .trade-buyer {
	background: 						url(/site/assets/images/backgrounds/bg_trade_sprite.png) top left no-repeat;
	width: 55px;
}
#wrapper #header a:hover.trade-buyer {
	background: 						url(/site/assets/images/backgrounds/bg_trade_sprite.png) bottom left no-repeat;
	color: 								#222222;
	width: 								55px;
}


/* ---------- LOGIN ---------- */
.login form {
	-moz-border-radius:					5px;
	-khtml-border-radius:				5px;
	-webkit-border-radius:				5px;
	border-radius:						4px;
	border:								1px solid #DEDEDE;
	margin:								0 auto;
	padding:							20px;
	width:								500px;	
}
.login form li {
	margin:								0 0 10px;
	overflow:							hidden;
	width:								500px;
}
.login form li label {
	float:								left;
	line-height:						1.8em;
	margin:								0 20px 0 0;
	width:								100px;
}
.login form li input {
	float:								left;
	width:								250px;
}
.login form li input.button {
	float:								right;
	width:								auto;
}
.login p.notice {
	margin:								0 0 20px;
}

/* ---------- HOMEPAGE ---------- */
#featured-slider {
	margin:								0 0 20px;
	overflow:							hidden;
	position:							relative;
	height:								252px;
	width:								920px;
}
#featured-slider ul {
	margin:								0;
	height:								250px;
	width:								920px;	
}
#featured-slider ul li {
	height:								250px;
	width:								920px;
}
#featured-slider .jcarousel-container {
	-moz-border-radius:					0;
    background:							#F1F8FD;
    border:								1px solid #DEDEDE;
}
#featured-slider .jcarousel-container-horizontal {
    width:								920px;
    padding:							0;
}
#featured-slider .jcarousel-clip-horizontal {
    width: 								920px;
    height:								250px;
}
#featured-slider .jcarousel-item {
	position:							relative;
    height:								250px;
    width:								920px;
}
#featured-slider .jcarousel-item div {
	/*background:							url(/site/assets/images/misc/opacity-000000-60.png) 0 0 repeat;*/
	color:								#9EC7E6;
	position:							absolute;
	top:								0;
	right:								0;
	height:								220px;
	width:								190px;
	padding:							20px 15px 10px;
}
#featured-slider .jcarousel-item div h2 {
	color:								#FFFFFF;
}
#featured-slider .jcarousel-item div p {
	font-weight:						bold;	
}
#featured-slider .jcarousel-item-placeholder {
    background:							#FF0000;
    color:								#333333;
}
#featured-slider #carousel-controls {
	position:							absolute;
	bottom:								10px;
	right:								0px;
}
#featured-slider #carousel-controls a {
	background:							#6F97B5;
	display:							block;
	float:								left;
	height:								15px;
	width:								15px;
	margin:								0 6px 0 0;
	text-indent:						-9000px;
}
#featured-slider #carousel-controls a.selected {
	background:							#9EC7E6;
}



/* ---------- [ Feature Slider Divs: Changes Frequently ] ---------- */

#featureslide1 h2, #featureslide2 h2, #featureslide3 h2,
#featureslide1 p, #featureslide2 p, #featureslide3 p {
	font-weight: normal;
	color: #fff;
	border-bottom: none;
	}
#featureslide1 h2 {
	font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
	font-size: 28px;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	color: #ffffff !important;
	}
#featureslide1 p {
	font-size: 16px;
	line-height: 1.4em;
	text-shadow: #444 3px 3px 3px;
	}
	
#featureslide2 h2 {
	font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
	font-size: 28px;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	color: #ffffff !important;
	}
#featureslide2 p {
	font-size: 23px;
	line-height: 1em;
	text-align: right;
	font-weight: bold;
	color: #eee;
	}

#featureslide3 h2 {
	font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
	font-size: 28px;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	color: #ffffff !important;
	text-shadow: #444 0px 1px 1px;
	}
#featureslide3 p {
	font-size: 18px;
	line-height: 1.4em;
	color: #fff;
	font-weight: normal !important;
	}

/* For Sliders with Text in the image */
#featureslide1 h2, #featureslide2 h2, #featureslide3 h2,
#featureslide4 h2, #featureslide5 h2, #featureslide6 h2 {
	display: none;
	}
#featureslide1 .feature-button {
	margin-top: 170px;
	margin-left: 4px;
	}
#featureslide2 .feature-button,
#featureslide6 .feature-button {
	margin-top: 170px;
	margin-left: 4px;
	}
#featureslide3 .feature-button,
#featureslide4 .feature-button, 
#featureslide5 .feature-button {
	margin-top: 168px;
	margin-left: 4px;
	}
	

#featured-slider .jcarousel-item div#featureslide4 {
	background: transparent;
	}

	
#featured-slider a {
	text-decoration: none;
	}
a span.feature-button {
	display: 							block;
	margin: 							0;
	padding: 							3px 6px;
	font-weight: 						bold;
	text-shadow: 						none;
	color: 								#fff;
	width: 								90px;
	background:							#F68C1E url(/site/assets/images/backgrounds/bg_button_feature_o.png) right -5px no-repeat;
	-moz-border-radius:					5px;
	-khtml-border-radius:				5px;
	-webkit-border-radius:				5px;
	border-radius:						4px;
	}
a:hover span.feature-button {
	text-decoration:					underline;
	background:							#F68C1E url(/site/assets/images/backgrounds/bg_button_feature_o.png) right -42px no-repeat;
	}


#home-panels {
	margin:								0 0 0.5em;
	overflow:							hidden;
	width:								680px;
}

#home-panels li {
	border-top:							1px solid #DEDEDE;
	margin:								0 0 0.5em;
	overflow:							hidden;
	padding:							10px;
	width:								308px;
}
#home-panels li.first {
	border:								none;
	padding-top: 0;
}
#home-panels li h4 a {
	color:								#1B5587;
	font-size:							1.21em;	/* 17px */
	font-weight:						bold;
	text-decoration:					none;
}
#home-panels li p {
	font-size:							1em;	/* 14px */
	line-height:						1.4em;
	margin-bottom:						0;
}
#home-panels li img {
	float:								left;
	margin:								0 1em 1em 0;
}
#home-panels li small {
	display:							block;
	margin:								0 0 0.5em;
}
#home-panels #title-feed {
	border-right:						1px solid #EEEEEE;
	float:								left;
	margin:								0;
	padding:							0 10px 0 0;
	width:								330px;
}
#home-panels #title-feed img {
	width:								100px;
}
#home-panels #blog-feed {
	float:								right;
	margin:								0;
	overflow:							hidden;
	width:								330px;
}

.homepage #scroller {
	background:							url(/site/assets/images/backgrounds/bg_scroller.png) 0 0 no-repeat;
	border-bottom:						1px solid #DEDEDE;
	overflow:							hidden;
	padding:							10px;
	height:								200px;
	width:								660px;
}
.homepage #scroller strong {
	color:								#095DA5;
	font-size:							1.14em;	/* 16px */
}
.homepage #scroller ul {
	margin:								15px 10px 0 10px;
}
.homepage #scroller ul li {
	margin:								0;
	height:								165px;
	width:								200px;
}
.homepage #scroller ul li a {
	display:							block;
}
.homepage #scroller .jcarousel-container {
	background:							none;
	border:								none;
	margin:								15px 0 0;
	padding:							0 30px;
	width:								600px;
}
.homepage #scroller .jcarousel-clip {
	height:								150px;
	width:								600px;	
}

.homepage #scroller .jcarousel-prev-horizontal {
	background-image:					url("/site/assets/images/carousel/prev-featured.png");
	left:								0;	
	top:								50px;
}
.homepage #scroller .jcarousel-next-horizontal {
	background-image:					url("/site/assets/images/carousel/next-featured.png");
	right:								0;
	top:								50px;
}

.homepage #scroller .jcarousel-prev-horizontal:hover {
	background-position:				-32px 0;
}
.homepage #scroller .jcarousel-next-horizontal:hover {
	background-position:				-32px 0;
}
.homepage #scroller .jcarousel-prev-horizontal:active {
	background-position:				-64px 0;
}
.homepage #scroller .jcarousel-next-horizontal:active {
	background-position:				-64px 0;
}

/* ---------- TITLES ---------- */ 
#content .title-list {
	margin:								0;
	overflow:							hidden;
	width:								680px;	
}

.title-list li {
	border-top:							1px solid #DEDEDE;
	float:								left;
	height:								21em;
	overflow:							hidden;
	padding:							1em 10px;
	position:							relative;
	width:								150px;
}
.apps .title-list li,
.trade .title-list li {
	height:								18em;	
}
.title-list li form {
	position:							relative;
}
.title-list li img {
	display:							block;
	height:								145px;
}
.title-list li h3 {
	color:								#5588BE;
	font-size:							1.07em;	/* 15px */
	margin:								0 0 0.3em;
}
.title-list li h3 a {
	color:								#095DA5;
}
.title-list li p {
	font-size:							0.88em;	/* 12px */
	line-height:						1.3em;
	margin:								0 0 0.5em;
}
.title-list li div.assets {
	height:								16px;
}
.title-list li div.assets img {
	display:							inline;
	height:								15px;
	width:								15px;
}

.title-list del {
	display:							block;
	font-size:							0.88em;	/* 12px */
	font-weight:						bold;
}
.title-list span {
	color:								#FF0000;
	display:							block;
	font-size:							0.88em;	/* 12px */
	font-weight:						bold;
	margin:								0 0 5px;
}
.title .series-text {
	font-size:							1.07em;	/* 15pt */
}
.title .series-text a {
	font-weight:						bold;
}

.title .button,
.title-list .button {
	border:								none;
	color:								#FFFFFF;
	font-size:							0.79em;	/* 11px */
}
.title .addtobasket,
.title-list .addtobasket {
	border:								none;
	color:								#FFFFFF;
}
.title .nostock,
.title-list .nostock {
	-moz-border-radius:					5px;
	-khtml-border-radius:				5px;
	-webkit-border-radius:				5px;
	border-radius:						4px;
	background:							#C63333 url(/site/assets/images/backgrounds/bg_nostock_shop.png) bottom left repeat-x;
	color:								#FFFFFF;
	display:							inline-block;
	margin:								0;
	padding:							4px 6px;
}
.title .nostock {
	font-size:							0.88em;	/* 12px */
	font-weight:						bold;
}
.title .comingsoon,
.title-list .comingsoon {
	-moz-border-radius:					5px;
	-khtml-border-radius:				5px;
	-webkit-border-radius:				5px;
	background:							#EEEEEE;
	border-radius:						4px;
	border:								1px solid #DEDEDE;
	color:								#666666;
	display:							inline-block;
	padding:							5px;
}
.appbadge {
	float: 								left;
}

/* ---------- SERIES ---------- */
.series #content #summary p {
	/* Changed for full-width text when no image.
	clear:								left;
	float:								left;
	width:								320px;*/
}

.series .price {
	font-size: 							1.14em; /* 16px */
	font-weight: 						bold;
	}
	
.series #content #summary img {
	float:								right;
	width: 								350px;
	margin:								0 0 10px 10px;
}

.series #content #summary p.specs {
	font-size:							0.86em;	/* 12pt */
}


/* --------- Series specific ------------------------- */
.series-1090 .title-list li {
	height:								17em;
}
.series-1090 .title-list .nostock {
	display:							none;
}

/* ------- Froobles Audio eBooks Hacks --------------- */
.title-list .type-enhancedepub {
	/*height:								17em;*/
}
.title-list .type-enhancedepub .nostock,
.title-list .type-enhancedepub del,
.title-list .type-enhancedepub span {
	display:							none;
}
.type-enhancedepub .details-right .nostock,
.type-enhancedepub .details-right .price {
	display:							none;
}
.type-enhancedepub  .details-right del {
	font-size: 							1.14em; /* 16px */
	color: #333;
	text-decoration: none;
	}
.type-enhancedepub .details-left img {
	border: 1px solid #ccc;
	}

/* ------- PDF / ePub Thumbnail Styles (for later) --------------- */
/* .title-list li.type-pdf img {
	display:							block;
	height:								140px;
	margin: 0 10px 10px 0;
	-webkit-box-shadow: 2px 2px 5px #999;
	-moz-box-shadow: 2px 2px 5px #999;
	box-shadow: 2px 2px 5px #999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	}
*/




/* ---------- AGE ---------- */
#ageintro {
	min-height:							190px;
}
#ageintro p {
	width: 55%;
}
.age-0-4 #ageintro {
	/*background: 						url(/site/assets/images/backgrounds/bg_age0-3.jpg) top right no-repeat;*/
	background: 						url(/site/assets/images/backgrounds/bg_age3-5.jpg) top right no-repeat;
}
.age-3-5 #ageintro {
	background: 						url(/site/assets/images/backgrounds/bg_age3-5.jpg) top right no-repeat;
}
.age-5-6 #ageintro {
	background: 						url(/site/assets/images/backgrounds/bg_age5-7.jpg) top right no-repeat;
}.age-7-12 #ageintro {
	background: 						url(/site/assets/images/backgrounds/bg_age7-12.jpg) top right no-repeat;
}
.age-12-upwards #ageintro {
	background: 						url(/site/assets/images/backgrounds/bg_age12plus.jpg) top right no-repeat;
}


/* ---------- DETAILS ---------- */
.title .admin-edit {
	position:							absolute;
	right:								0;
	top:								6px;
}
.title .details-left {
	float:								left;
	margin:								0 0 2em;
	text-align:							center;
	width:								340px;
}
.title .details-left img {
	display:							block;
	margin:								0 auto 20px;
}

.title .details-left .imgwrap {
	position: 							relative;
	margin-bottom:						0px;
}
.title .details-left .badge {
	position: 							absolute;
	bottom: 							10px;
	right: 								25px;
	}

.title .details-left a.large-title img {
	max-width: 							270px;
	height: 							auto;
	}

.app .details-left a.large-title img,
.type-epub .details-left a.large-title img,
.type-pdf .details-left a.large-title img,
.type-enhancedepub .details-left a.large-title img {
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 3px 3px 8px #ccc;
	-moz-box-shadow: 3px 3px 8px #ccc;
	box-shadow: 3px 3px 8px #ccc;
	}
.app .details-left a.large-title img {
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-o-border-radius: 40px;
	border-radius: 40px;
	}

.title #alternate-images {
	margin:								1em 0 0;
	overflow:							hidden;
	position:							relative;
	width:								100%;
}
.title #alternate-images ul {
   clear:								left;
   float:								left;
   list-style-type:						none;
   position:							relative;
   left:								50%;
   text-align:							center;

}
.title #alternate-images ul li {
	border:								1px solid #DEDEDE;
	float:								left;
	margin:								0 10px 10px 0;
	padding:							5px;
	position:							relative;
	right:								50%;
	width:								90px;
}
.title #alternate-images li a {
}
.title #alternate-images li img {
	display:							block;
	margin:								0 auto;
	width:								80px;
}

/* Apps are always in stock! */
.type-android .nostock,
.type-app .nostock,
.type-ios .nostock,
.type-ipad .nostock,
.type-iphone .nostock {
	display:							none;
}

.title .details-right {
	float:								right;
	margin:								0 0 2em;
	position:							relative;
	width:								330px;
}
.title .details-right iframe {
	border:								1px solid #FFFFFF;
	height:								30px;
	margin:								1em 0;
	overflow:							hidden;
	width:								330px;
}

.title .details-right .price {
	font-size: 							1.14em; /* 16px */
	}

.title #tabbed-content {
	clear:								both;
}

.title div.title-formats {
	background:							#F8F8ED;
	border:								1px solid #DEDEDE;
	padding:							10px;
	margin:								1em 0;
}
.title div.title-formats p {
	margin:								0;
}

.title #star-rating {
	margin:								0 0 1em;
	overflow:							hidden;
	width:								330px;	
}
.title #star-rating .rating {
	background-image:					url('/site/assets/images/misc/star-matrix.gif');
	float:								left;
	height:								16px;
	margin:								0 10px 0 0;
	text-indent:						-9999px;
	width:								80px;
}
.title #star-rating span {
	float:								left;
}

.title .panel {
	border-bottom:						1px solid #DEDEDE;
	clear:								both;
	margin:								0 0 2em;
	overflow:							hidden;
	padding:							15px;
	position:							relative;
	top:								0;
	left:								0;
	width:								648px;
}

.title .panel h3 {
	margin:								0 0 1em;
	font-size:							1.14em;	/* 16px */
}

/* Additional Info */
#panel-additional {
	background:							url(/site/assets/images/backgrounds/bg_tab_content.png) bottom left repeat-x;
	border:								1px solid #EEEEEE;
}
#panel-additional dl {
	float:								left;
	width:								320px
}
#panel-additional dl dt {
	clear:								both;
	float:								left;
	margin:								0 10px 0.1em 0;
	width:								100px;
}
#panel-additional dl dd {
	float:								left;
	margin:								0 0 0.1em 0;
	width:								210px;
}

#panel-additional ul {
	float:								right;
	width:								300px;
}

#panel-additional ul li {
	list-style-type:					square;
	margin:								0 0 0.3em 0;
}

/* Reviews */
#panel-reviews ul {
	margin:								0;
}
#panel-reviews ul li {
	clear:								both;
	margin:								0 0 1em;
	overflow:							hidden;
}
#panel-reviews li div {
	float:								left;
	margin:								0 15px 1em 0;
	position:							relative;
	height:								96px;
	width:								126px;
}
#panel-reviews li div img {
	border:								2px solid #DEDEDE;
	padding:							1px;
}
#panel-reviews li.video div a {
	background:							url('/site/assets/images/video/play_overlay.png') 50% 50% no-repeat;
	position:							absolute;
	top:								0;
	left:								0;
	height:								96px;
	width:								126px;
}
#panel-reviews li.video span {
	float:								none;
}
#panel-reviews p {
	font-style:							italic;
	line-height:						1.6em;
	margin:								0 0 0.5em;
}
#panel-reviews span {
	float:								right;
	font-size:							0.86em;	/* 12pt */
}
#panel-reviews .review-source {
	float:								right;
	font-size:							0.86em;	/* 12pt */
	width:								507px;
}

/* Comments */
#panel-comments {
	border:								none;
}
#panel-comments .comment-link {
	position:							absolute;
	font-size:							0.86em;	/* 12pt */
	top:								10px;
	right:								10px;
}
#panel-comments li {
	margin:								0 0 2em;
	overflow:							hidden;
	width:								658px
}
#panel-comments li img {
	float:								left;
	width:								64px;
}
#panel-comments li p {
	float:								right;
	marin:								0 0 0.5em;
	width:								580px;
}
#panel-comments li em {
	display:							block;
	float:								right;
	font-size:							0.86em;	/* 12pt */
	width:								580px;
}
#panel-comments li div {
	clear:								both;
	float:								right;
}
#panel-comments li div img {
	float:								none;
	width:								auto;
}
#panel-comments #showform {
	cursor:								pointer;
}

#comment-form .notice {
	margin:								0 0 2em;
}
#comment-form li {
	margin:								0 0 1em;
	overflow:							hidden;
	width:								658px;
}
#comment-form li label {
	float:								left;
	margin:								0 10px 0 0;
	width:								100px;
}
#comment-form li input {
	float:								left;
	width:								200px;
}
#comment-form li textarea {
	float:								left;
	width:								400px;
}
#comment-form .button {
	float:								none;
	color:								#FFFFFF;
	margin:								0 0 0 110px;
	width:								auto;
}

#panel-related {
	background:							url(/site/assets/images/backgrounds/bg_tab_content.png) bottom left repeat-x;
	border:								1px solid #EEEEEE;	
}

.featured-titles {
	height:								160px;
	overflow:							hidden;
}
.featured-titles li {
	display:							block;
	float:								left;
	margin:								0 10px 15px 0;
	text-align:							center;
	width:								150px;
}

.featured-titles li img {
	height:								150px;
	}


/* ---------- SEARCH ---------- */
.search h1 {
	margin:								0 0 1em;
}
.search .pagination {
	float:								right;
	margin:								10px;
}
.search ul.blog-posts li img {
	height:								120px;
	width:								auto;
}

#no-search-results {
	border: 							10px solid #E5E5DD;
	padding: 							3em;
	text-align: 						center;
	-moz-border-radius:					20px;
	-khtml-border-radius:				20px;
	-webkit-border-radius:				20px;
	border-radius:						16px;
	background:							url(/site/assets/images/backgrounds/bg_angrycrab.jpg) bottom right no-repeat;
	height: 							200px;
	}
#no-search-results p {
	font-size:							1.3em; /* 18pt */
}




/* ---------- SHOP ---------- */
.shop table#basket {
	text-align:							left;
}
.shop table#basket tr th {
	background:							#E5F7FB url(/site/assets/images/backgrounds/bg_lt_denim.jpg) top left repeat-x;
	color:								#333333;
	font-size:							0.93em;	/* 13pt */
	padding:							0.4em 0.4em;
	text-align:							center;
	width: 75px;
}
.shop table#basket td {
	padding:							5px;
	border-bottom:						1px solid #DDDDD1;
}
.shop table#basket tr .qty,
.shop table#basket tr .rem {
	text-align:							center;
}
.shop table#basket tr .pound {
	text-align:							right;
	}
.shop table#basket tr .smcover {
	width: 								50px;
}
.shop table#basket td.qty input {
	padding:							3px 5px;
	text-align:							center;
	width:								2em;
}
.shop table#basket td.rem input {
	border:								none;
}
.shop table#basket img {
	width:								42px;
}
.shop table#basket .total {
	text-align:							right;
	line-height: 						20px;
}
.shop table#basket .buttons td {
	padding:							10px 0 0;
	border-bottom: 						none;
}
.shop table#basket .buttons .button {
	border:								none;
	color:								#FFFFFF;
	float:								left;
	font-size:							0.88em;	/* 12px */
	margin:								0 5px 0 0;
}
.shop table#basket .buttons a.button {
	padding:							6px 5px;
}
.shop table#basket .buttons .submit {
	float:								right;
}


/* ---------- CHECKOUT ---------- */
.checkout-notices {
	margin:								0 0 20px;
}
#checkout fieldset {
	margin:								0 0 2em;	
	border-top: 						1px solid #ddddd1;
}
#checkout p {
	margin:								1em 0 0 130px;
}
#checkout ul li {
	margin:								0;
	overflow:							hidden;
	width:								680px;
	border-bottom: 						1px solid #ddddd1;
}
#checkout ul li label,
#checkout dl dt {
	float:								left;
	line-height:						1.8em;
	margin:								0 10px 0 0;
	width:								150px;
	height: 							35px;
	font-weight: 						bold;
	background: 						#F4F4F4;
	padding: 							6px 10px 0 0;
	text-align:							right;
}

#checkout ul li label.addressline {
	height: 							125px;
}
#checkout ul li label.mailingline {
	height: 							45px;
}
#checkout ul li input,
#checkout ul li select,
#checkout ul li textarea {
	float:								left;
	margin-top: 						7px;
}
#checkout ul li p {
	margin: 							6px 0 0 1em;
	line-height: 						1.3em;
	}
#checkout ul li input.checkbox {
	margin: 							12px 10px 10px 0;
	}
#checkout ul li .button {
	width:								auto;
}
#checkout ul li textarea {
	height: 							100px;
	margin-bottom: 						0.8em;
	}
#checkout ul li select {
	margin-top: 						8px;
	}
#checkout .coupon input.coupon-valid {
	background:							#E4FFCF;
}
#checkout .coupon .button {
	margin:								8px 0 0 1em;
}

#checkout dl {
	overflow:							hidden;
	width:								680px;
	border-bottom: 						1px solid #ddddd1;
}
#checkout dl dt {
	clear:								both;
	float:								left;
	margin:								0;
	width:								150px;
	border-bottom: 						1px solid #ddddd1;
}
#checkout dl dd {
	float:								left;
	width:								80px;
	height: 							35px;
	padding: 							6px 10px 0 0;
	margin:								0;
	border-bottom: 						1px solid #ddddd1;
	line-height:						1.8em;
	text-align: 						right;
}
#checkout dd#val-tot {
	font-size: 							110%;
	letter-spacing: 					0.1em;
	}
#checkout p .button {
	float:								right;
}


/* ---------- ORDER ---------- */
.order table#basket,
.order table#items {
	text-align:							left;
}
.order table#basket tr th,
.order table#items tr th {
	background:							#6CA0D5;
	color:								#FFFFFF;
	font-size:							0.93em;	/* 13pt */
	padding:							0.4em 0.4em;
	text-align:							left;
	width: 								75px;
}
.order table#basket td,
.order table#items td {
	padding:							6px;
	border-bottom:						1px solid #DDDDD1;
}
.order table#basket td.left {
	text-align:							right;
	width:								200px;
	font-weight: 						bold;
	background: 						#F4F4F4;
	padding-right: 						10px;
}
.order table#items td.left {
	background: 						#F4F4F4;
}

.order table#items td.center,
.order table#items th.center {
	text-align:							center;
}
.order table#items td.right,
.order table#items th.right {
	text-align:							right;
}

.order table#items .total {
	text-align:							right;
	line-height: 						20px;
}

#checkout #update-shipping {
	display:							none;
	margin:								8px 0 0 1em;
}

/* ---------- BLOG ---------- */
#post-navigation {
	margin:								0 15px 20px;
	overflow:							hidden;
	width:								650px;
}
#post-navigation .prev {
	float:								left;
}
#post-navigation .next {
	float:								right;
}

.blog .post,
.blog-posts .post {
	background:							url(/site/assets/images/backgrounds/bg_post.png) 0 0 no-repeat;
	margin:								0 0 30px;
	overflow:							hidden;
	padding:							10px 0 0;
	width:								680px;
}
.blog .post div.post-side,
.blog-posts .post div.post-side {
	float:								left;
	padding:							0 0 0 10px;
	width:								140px;
}
.blog .post div.post-side iframe,
.blog-posts .post div.post-side iframe {
	display:							block;
	margin:								1em 0 0;
}
.blog .post img.attachment-post-thumbnail {
	background:							#FFFFFF;
	border:								1px solid #DEDEDE;
	display:							block;
	float:								left;
	height:								120px;
	margin:								0 1em 1em 0;
	padding:							5px;
	width:								auto;
}
.blog .post div.post-content,
.blog-posts .post div.post-content {
	float:								right;
	width:								520px;
}
.post div.post-content h2 a,
.post div.post-side strong a {
	color:								#095DA5;
	font-size:							1.29em;	/* 18px */
}
.post div.post-content h2 a:hover,
.post div.post-side strong a:hover {
	text-decoration:					underline;
}
.post div.post-content p {
	overflow:							hidden;
}
.post div.post-content ul {
	margin:								0 0 1em 1.2em;	
}
.post div.post-content ul li {
	list-style-type:					circle;
	margin:								0 0 0.1em 0;
}
.post div.post-content .alignleft {
	clear:								both;
	float:								left;
	margin:								0 1em 1em 0;
}
.post div.post-content .alignright {
	clear:								both;
	float:								left;
	margin:								0 0 1em 1em;
}
.post .post-meta {
	clear:								both;
}

.blog li.comment {
	border-top:							1px solid #DEDEDE;
	list-style-type:					none;
	margin:								0 0 20px;
	overflow:							hidden;
	padding:							10px 0 0;
	width:								680px;
}
.blog .comment div.comment-side {
	float:								left;
	padding:							0 0 0 10px;
	width:								140px;
}
.blog .comment div.comment-content {
	float:								right;
	width:								520px;
}

.blog #comments-form {
	border-top:							1px solid #DEDEDE;
	padding:							20px 0 0 160px;
}
.blog #comments-form h3 {
	background:							url(/site/assets/images/misc/comments.png) 0 0 no-repeat;
	padding:							0.4em 0 0.4em 40px;
}
.blog #comments-form .button {
	color:								#FFFFFF;
	margin:								1em 0 0;
}
.blog #comments-form li {
	margin:								0 0 0.5em;	
}
.blog #comments-form li label {
	margin:								0 0 0 1em;
}

/* ---------- Press Section ---------- */
press-details {
	margin:								0;
}
ul.press-details li {
	float:								left;
	margin:								0 0 0.3em;
	width:								380px;
}


.blog ul.pressmeta {
	margin:								0 0 0.5em;
}
.blog ul.pressmeta li {
	line-height:						1.3em;
	list-style-type:					none;
	margin:								0 0 0.3em;
}
	
.blog .post .press img.attachment-post-thumbnail {
	height:								170px;
}

.blog div.pressitem img.size-full {
	float: 								left;
	height: 350px;
	width: 								auto;
	border: 							1px solid #ccc;
	margin: 							0 20px 20px 0;
}
.blog div.pressitem ul.pressmeta {
	float: 								left;
}

.blog a.post-edit-link {
	clear:								both;
	float:								left;
}

/* ----- New Press Index ------ */
#content ul.press-index {
	background:							url(/site/assets/images/backgrounds/bg_post.png) 0 0 no-repeat;
	overflow: 							hidden;
	padding: 							5px 0 0 10px;
	margin: 							0 0 0.8em;
	border-bottom: 						1px solid #DEDEDE;
}
ul.press-index li.post {
	float: 								left;
	margin: 							0 0 0.5em;
	width: 								165px;
	height: 							350px;
	background: 						none;
}
ul.press-index .post-meta {
	display: 							none;
}
ul.press-index h2 {
	font-size: 							1.07em;
	line-height: 						1.2em;
	margin: 							0 0 0.3em;
	padding-right: 						1em;
}
ul.press-index h2 a {
	color: #095DA5;
	text-decoration: 					none;
}
ul.press-index h2 a:hover {
	text-decoration: 					underline;
}
.blog .post .grid img.attachment-post-thumbnail {
	background:							#FFFFFF;
	border:								1px solid #DEDEDE;
	display:							block;
	float:								left;
	height:								190px;
	margin:								0 1em 0.5em 0;
	padding:							5px;
	width:								auto;
}
ul.pressmeta li {
	font-size: 							0.93em;	/* 13pt */
	line-height: 						1.3em;
	padding: 							0 1em 0 0;
}



/* ---------- THINGS TO DO ---------- */
.things-to-do #content ul {
	clear:								both;
	margin:								1em 0;
	overflow:							hidden;
	padding:							1em 0;
	width:								680px;	
}
.things-to-do #content ul li {
	border-right:						1px solid #DEDEDE;
	float:								left;
	margin:								0 20px 0 0;
	padding:							0 19px 0 0;
	width:								200px;
}
.things-to-do #content ul li.last {
	border:								none;
	margin:								0;
	padding:							0;
}
.things-to-do #content ul li h4 {
	font-size:							1.14em;	/* 16px */
	margin:								0.5em 0;
}

#cross-sell {
	border-bottom:						1px solid #DEDEDE;
	margin:								0 0 1em;
	overflow:							hidden;
	width:								680px;
}
#cross-sell img {
	float:								left;
	margin:								0 10px 10px 0;
}

#response-gallery {
	margin:								2em 0 0;
	position:							relative;
}
#response-gallery .button {
	position:							absolute;
	top:								0;
	right:								0;
}
#response-gallery ul {
	margin:								0;
	overflow:							hidden;
	width:								680px;
}
#response-gallery ul li {
	float:								left;
	height:								10em;
	padding:							10px 10px 20px 0;
	position:							relative;
	text-align:							center;
	width:								204px;
}
#response-gallery ul li img {
	-moz-box-shadow:					3px 3px 9px 0 #999999;
	-webkit-box-shadow:					5px 5px 10px -5px #333333;
	box-shadow:							5px 5px 10px -5px #333333;
	height:								6em;
	margin:								0 0 0.4em;
}
#response-gallery ul li span {
	color:								#5588BE;
	display:							block;
	font-size:							0.86em;	/* 12pt */
	font-weight:						bold;
}
#response-gallery ul li small {
	display:							block;
}
#response-gallery ul li p {
	display:							none;
}

#overlay form li {
	margin:								0 0 0.5em;
	overflow:							hidden;
	width:								580px;
}
#overlay form li label {
	float:								left;
	line-height:						1.8em;
	margin:								0 15px 0 0;
	text-align:							right;
	width:								120px;
}
#overlay form li input {
	float:								left;
	width:								250px;
}
#overlay form li select {
	float:								left;
	padding:							2px;
	width:								250px;
}
#overlay form li textarea {
	float:								left;
	height:								6.2em;
	width:								430px;
}
#overlay form li #storytext {
	height:								12.4em;
}
#overlay form li .button {
	margin:								0 0 0 135px;
	width:								auto;
}

/* ---------- MixedUp Creatures ---------- */
.mixed-up-creatures #app-intro {
	overflow:							hidden;
	width:								680px;
}
.mixed-up-creatures #app-intro .details {
	float:								left;
	width:								380px;
}
.mixed-up-creatures #app-intro .details img {
	float:								left;
	margin:								0 1em 1em 0;
}

.mixed-up-creatures #app-intro .install {
	-moz-box-shadow:					3px 3px 15px -10px #999999;
	-webkit-box-shadow:					3px 3px 15px -10px #999999;
	box-shadow:							3px 3px 15px -10px #999999;
	border:								1px solid #DEDEDE;
	float:								right;
	padding:							10px;
	width:								240px;
}
.mixed-up-creatures #app-intro .install {
	text-align:							center;
}

#mixedup-gallery {
	border-top:							1px dashed #DEDEDE;
	padding:							1em 0 0;
}
#mixedup-gallery .sort-controls {
	margin:								10px 0 5px;
}
#mixedup-gallery ul {
	margin:								0;
}
#mixedup-gallery ul li {
    -moz-box-shadow:					3px 3px 10px -3px #CCCCCC;
    border:								1px solid #DEDEDE;
    float:								left;
    list-style-type:					none;
    margin:								0 20px 20px 0;
    padding:							10px 0;
    text-align:							center;
    width:								148px;
}
#mixedup-gallery ul li:hover {
	-moz-box-shadow:					3px 3px 10px 0px #CCCCCC;
}

#mixedup-gallery ul ul li,
#mixedup-gallery ul ul li:hover {
	-moz-box-shadow:					none;
	border:								none;
	float:								none;
}
#mixedup-gallery ul li h3 {
	line-height:						1.2em;
}
#mixedup-gallery ul li span {
	font-size:							0.79em;	/* 11pt */
}

#mixedup-gallery ul li .rating {
	margin:								0 auto;
}

/* ---------- WRITE A STORY ---------- */
.story #video-player {
	margin:								0 0 1em;
	width:								680px;
}
.story #video-player #video-wrapper {
	height:								383px;
	width:								680px;
}
.story #video-player #progress-bars {
	width:								680px;
}
.story #video-player #controls {
	margin:								0 auto;
	overflow:							hidden;
	width:								160px;
}
.story #response-gallery a#upload-story {
	position:							absolute;
	top:								0;
	right:								8px;
}
.story #response-gallery a#upload-video {
	position:							absolute;
	top:								0;
	right:								12.5em;
}


/* ---------- RECIPES ---------- */
#featured-recipe {
	background: 						url(/site/assets/images/backgrounds/bg_post.png) 0 0 no-repeat;
	border-bottom:						1px solid #DEDEDE;
	margin:								0 0 1em;
	overflow:							hidden;
	width:								680px;
}
#recipe-steps {
	float:								right;
	margin:								15px 0 20px;
	position:							relative;
	height:								320px;
	width:								452px;
}
#recipe-steps ul {
	margin:								0;
	height:								290px;
	position:							relative;
}
#recipe-steps ul li {
	position:							absolute;
	top:								0;
	left:								0;
	height:								290px;
}
#recipe-steps ul li p {
	position:							relative;
	padding:							20px;
}
	
#recipe-steps .right {
	float:								right;
	margin:								20px 20px 0 0;
}
#recipe-steps .jcarousel-container {
	-moz-border-radius:					0;
    background:							#FFFFFF;
    border:								1px solid #DEDEDE;
}
#recipe-steps .jcarousel-container-horizontal {
    width:								450px;
    padding:							0;
}
#recipe-steps .jcarousel-clip-horizontal {
    width: 								450px;
    height:								290px;
}
#recipe-steps .jcarousel-item {
	position:							relative;
    height:								290px;
    width:								450px;
}

#step-controls {
	text-align:							right;
	margin:								10px 0;
}
#step-controls a {
	background:							#FFFFFF;
	border:								1px solid #CCCCCC;
	display:							inline-block;
	font-size:							0.86em;	/* 12pt */
	margin:								0px 3px 3px 0px;
	padding:							2px 5px;
	text-decoration:					none;
}
#step-controls a:hover {	
	background:							#DDDDDD;
	colour:								132A6C;
}
#step-controls a.selected {
	color:								#000000;
	font-weight:						bold;
}

.recipe-notes {
	width:								190px;
	padding: 10px 15px;
	background: transparent;
	}
.recipe-notes p {
	margin: 0;
	font-size: 0.9em;
	}
.recipe-notes li {
	margin: 0;
	font-size: 0.9em;
	list-style-type: square;
	margin-left: 1.3em;
	line-height: 1.4em;
	}

.intro-text {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.3em;
	width: 80%;
}

.recipe #response-gallery li {
	height:								12em;
	width:								150px;
}
.recipe #response-gallery li img {
	height:								auto;
	width:								125px;
}

/* ---------- DRAWING ---------- */
#drawing-wrapper {
	height:								520px;
	overflow:							hidden;
	width:								680px;	
}
#drawing-wrapper #drawing-steps,
#drawing-wrapper #drawing-tool {
	float:								left;
	border:								1px solid #DEDEDE;
	overflow:							hidden;
	height:								500px;
	width:								330px;
}
#drawing-steps {
	margin:								0 15px 0 0;	
}
#drawing-steps ol {
	overflow:							hidden;
	position:							inherit!important;
	height:								460px;
	width:								330px;
}
#drawing-steps ol li {
	height:								460px;
	width:								330px;
}
#drawing-steps ol li img {
	display:							block;
	margin:								0 auto;
}

#drawing-steps .jcarousel-container-horizontal {
    width:								330px;
    padding:							0;
}
#drawing-steps .jcarousel-clip-horizontal {
    width: 								330px;
    height:								460px;
}
#recipe-steps .jcarousel-item {
	position:							relative;
    height:								290px;
    width:								450px;
}


#drawing-steps #step-controls {
	margin:								0.7em 0.4em 0;
}

#drawing-tool #drawing-tool-flash {
	background:							url(/site/assets/images/loading/map-loading.gif) 50% 50% no-repeat;
}
#drawing-tool form {
	padding:							20px;
}
#drawing-tool form li {
	margin:								0 0 1em;
	overflow:							hidden;
	width:								290px;
}
#drawing-tool form li label {
	display:							block;
	line-height:						1.8em;
	margin:								0 15px 0 0;
	width:								80px;
}
#drawing-tool form li input {
	float:								left;
	width:								250px;
}
#drawing-tool form li .button {
	margin:								0 0 0 95px;
	width:								auto;
}
.story #response-gallery ul li {
	width:								150px;
}

/* ---------- HELP & SUPPORT ---------- */
.digital-guide #content ul li {
	line-height:						1.6em;
	margin:								0 0 1em;
}

/* ---------- SITEMAP ---------- */
.sitemap #content ul {
	margin:								0;
}
.sitemap #content ul li {
	margin:								0 0 1em;
}
.sitemap #content ul li a {
	color:								#095DA5;
	display:							block;
	font-size:							1.29em;	/* 18pt */
	margin:								0 0 0.5em;
}
.sitemap #content ul ul li {
	margin:								0 0 0.2em;
}
.sitemap #content ul ul li a {
	color:								#FF6600;
	display:							inline;
	font-size:							1em;
	margin:								0;
}

.sitemap #content strong {
	display:							block;
	margin:								0 0 0.2em;
}

.sitemap #content .shop ul,
.sitemap #content .things-to-do ul,
.sitemap #content .about-us ul {
	overflow:							hidden;
	width:								680px;
}
.sitemap #content .shop ul li,
.sitemap #content .things-to-do ul li,
.sitemap #content .about-us ul li {
	float:								left;
	width:								225px;
}
.sitemap #content .shop ul li.topic {
	width:								450px;
}
.sitemap #content .shop ul li.topic ul li {
	float:								left;
	width:								220px;
}
.sitemap #content .shop ul li.new-and-notable {
	margin:								1em 0 0;	
}
.sitemap #content .shop ul ul,
.sitemap #content .things-to-do ul ul,
.sitemap #content .about-us ul ul {
	margin:								0;
	width:								auto;
}
.sitemap #content .shop ul ul li,
.sitemap #content .things-to-do ul ul li,
.sitemap #content .about-us ul ul li {
	float:								none;
	width:								auto;
}

/* ---------- ABOUT ---------- */
div.contact h2 {
	border-top:							1px solid #cccccc;
	margin:								0 0 0.1em;
	padding:							0.3em 0 0.5em;
	}

.contact-left {
	float: 								left;
	width: 								280px;
	margin-right: 						4em;
	clear: 								both;
	}
.contact-right {
	float: 								left;
	width: 								280px;
	margin-right: 						0;
	}
	
ul.contacts-list {
	margin:								0 0 2em;	
	}
ul.contacts-list li {
	}
ul.contacts-list li h3 {
	margin:								0.2em 0 0.2em 0;	
	}
ul.contacts-list li em {
	display:							block;
	margin:								0 0 0.2em 0;
	}
ul.contacts-list li img {
	border:								1px solid #DEDEDE;
	float:								left;
	height:								104px;
	margin:								0 10px 0 0;
	width:								80px;	
}

form#directions fieldset {
	margin:								0 0 1em;
	}


ul.downloadlist {
	}
ul.downloadlist li {
	height:								100px;
	}
ul.downloadlist li img {
	margin:								0 15px 0 0;
	float:								left;
	}

ol#standard-terms {
	margin: 							0 2em 0;
	list-style-type: 					upper-roman;
	}
ol#standard-terms ol {
	margin: 							0 1.5em 1em;
	}
ol#standard-terms li,
ol#standard-terms p {
	line-height: 						1.3em;
	margin: 							0 0 0.3em;
	}



/* ---------- EMPLOYMENT OPS ---------- */
.jobbox {
	border: 1px solid #ccc;
	padding: 1em;
	}
.jobtitle {
	border-top: 1px solid #ccc;
	padding: 0.3em 0 0.2em 1em;
	margin: 0 0 0.25em;
	cursor: pointer;
	background: url(/site/assets/images/misc/sm-arrow-g.png) 0 50% no-repeat;
	}
.jobtitle:hover {
	background: #edede8 url(/site/assets/images/misc/sm-arrow-g.png) 0 50% no-repeat;
	}
.jobbottom {
	border: none;
	border-bottom: 1px solid #ccc;
	}
.jobdesc {
	display: none;
	}
.jobdesc h3 {
	color: #000;
	}
.jobdesc ul {
	margin: 0 1.5em 1em;
	}
.jobdesc li {
	list-style-type: square;
	margin: 0 0 0.5em;
	}

.jobdesc ul ul {
	margin: 0 0 1em;
	}
.jobdesc li li {
	list-style-type: none;
	font-style: italic;
	margin: 0 0 0.5em;
	}
.jobdesc li li li {
	list-style-type: circle;
	margin: 0 0 0 1.5em;
	font-style: normal;
	}

/* ---------- eBook and Apps Sample Page ---------- */
.ebook-samples ul,
.app-samples ul {
	margin: 							0 0 1em;
	border-top: 						1px solid #ccc;
	}
.ebook-samples ol,
.app-samples ol {
	margin: 							0 0 1em;
	border-bottom:						none;
	}
.ebook-samples li,
.app-samples li {
	padding:							0 0 2px;
	margin: 							0 0 0 20px;
	font-size: 90%;
	}
.ebook-samples ul.ebooks li,
.app-samples ul.ebooks li {
	padding:							5px;
	margin: 							0;
	border-bottom:						1px solid #ccc;
	color: #999;
	}

/* ---------- USA and UK Catalogs ---------- */
ul.catalog li {
	height: 215px;
	border-top: none;
	padding: 0.5em 10px;
	}
	
ul.catalog li img {
	height: 150px;
	width: auto;
	border: 1px solid #ddd;
	margin: 0 0 10px;
	-moz-box-shadow:					0 5px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:					0 5px 4px rgba(0, 0, 0, 0.4);
	box-shadow:							0 5px 4px rgba(0, 0, 0, 0.4);
	}

img.uscover {
	float: right;
	margin: 0 40px 20px;
	-moz-box-shadow:					0 5px 8px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:					0 5px 8px rgba(0, 0, 0, 0.4);
	box-shadow:							0 5px 8px rgba(0, 0, 0, 0.4);
	padding: 5px;
	border: 2px solid #fff;
	}
	
img:hover.uscover {
	/*border: 2px solid #ff6600;*/
	}


/* ---------- ORDERS ---------- */
p.order-ref strong {
	background:							#EEEEEE;
	border:								1px solid #DEDEDE;
	display:							block;
	font-size:							1.14em;	/* 16px */
	margin:								0 auto;
	padding:							0.4em 0.8em;
	text-align:							center;
	width:								20em;
}

#downloads {
	margin:								0;
	border-top:							1px solid #DEDEDE;
}
#downloads li {
	list-style-type:					none;
	border-bottom:						1px solid #DEDEDE;
	padding: 							6px 0 6px 1em;
}
#downloads li span {
	float: 								right;
	width: 								200px;
}

/* ---------- MAPS ---------- */
#map-canvas {
	background:							url(/site/assets/images/loading/map-loading.gif) 50% 50% no-repeat;
	border:								1px solid #DEDEDE;
	height:								500px;
	width:								678px;	
}

#instructions ol {
	margin:								10px 0 10px 40px;
}
#instructions ol li {
	margin:								0 0 5px;
}

/* ---------- VIDEO PLAYER ----------*/
#video-player p.notice {
	border:								0;
	float:								none;
	margin:								30px auto 0;
	padding:							0;
	text-align:							center;
}
#video-player #video-wrapper {
	background:							url(/site/assets/images/loading/video-loading.gif) 50% 50% no-repeat;
	border:								1px solid #DEDEDE;
	height:								400px;
	margin:								0 0 10px;
	width:								678px;
}
#video-player #video-wrapper object {

}
#video-player #progress-bars,
#video-player #controls {
	display:							none;
	
}
#video-player #progress-bars {
	border:								1px solid #DEDEDE;
	height:								10px;
	margin:								0 0 10px;
	overflow:							hidden;
	position:							relative;
	width:								678px;
}
#video-player #progress-bars div {
	height:								10px;
	position:							absolute;
	top:								0;
	left:								0;
	width:								0%;
}
#video-player #progress-bars #loaded {
	background:							#F1F8FD;
}
#video-player #progress-bars #played {
	background:							#1B5587;
}
#video-player #progress-bars #skipbar {
	width:								100%;
}

#video-player #controls {
	height:								32px;
	overflow:							hidden;
	text-align:							center;
	width:								160px;
}
#video-player #controls a {
	background-image:					url(/site/assets/images/video/controls.png);
	cursor:								pointer;
	display:							block;
	float:								left;
	text-indent:						-9999px;
	height:								32px;
	width:								32px;
}

#ctrl-back {
	background-position:				0 0;
}
#ctrl-pause {
	background-position:				-32px 0;
}
#ctrl-play {
	background-position:				-64px 0;
}
#ctrl-forward {
	background-position:				-96px 0;
}
#ctrl-reload {
	background-position:				-128px 0;
}
#ctrl-back:hover {
	background-position:				0 -32px;
}
#ctrl-pause:hover {
	background-position:				-32px -32px;
}
#ctrl-play:hover {
	background-position:				-64px -32px;
}
#ctrl-forward:hover {
	background-position:				-96px -32px;
}
#ctrl-reload:hover {
	background-position:				-128px -32px;
}


/* ---------- PODCASTS ---------- */
#instructions {
	border:								1px solid #ccc;
	padding:							10px 15px 5px;
	width:								600px;
	margin:								1em 0 0;
	}
	
#podcasts img.cover {
	float:								left;
	margin:								30px 15px 20px 0;
	clear:								both;
	}
#podcasts ul.downloads {
	float:								left;
	width:								530px;
	border-top:							1px solid #ccc;
	margin:								30px 0 0;
	}
#podcasts ul.downloads li {
	padding:							5px;
	border-bottom:						1px solid #ccc;
	}
#podcasts span {
	float:								right;
	width:								80px;
	}
#podcasts span img {
	float:								right;
	margin:								0 0 0 8px;
	padding:							0;
	}

/* ---------- APPS ---------- */
.top-that-apps #content {
	width: 910px !important;
	/* background:							#fff url(/site/assets/images/backgrounds/bg-apps.jpg) top right no-repeat; */
	}
	
.top-that-apps #app-show {
	float: right;
	width: 500px;
	text-align: center;
	position: relative;
	}
	
img.appstore-icon {
	position: absolute;
	top: 600px;
	left: 35%;
	z-index: 100;
	}
.top-that-apps #sidebar {
	display:							none;
	}
	
#apps-intro {
	width:								400px;
	}
	
#apps img.cover {
	float:								left;
	margin:								0 15px 10px 0;
	clear:								both;
	height:								80px;
	width:								auto;
	}
#apps ul.downloads {
	float:								left;
	width:								380px;
	border-top:							1px solid #ccc;
	}
#apps ul.downloads li {
	clear: 								both;
	padding: 							5px;
	border-bottom: 						1px solid #ccc;
	overflow: 							hidden;
	font-size:							100%;
	line-height:						1.4em;
	}
	
#apps ul.downloads li strong {
	font-size:							120%;
	}

#apps ul.downloads li span.soon {
	-moz-border-radius:					5px;
	-khtml-border-radius:				5px;
	-webkit-border-radius:				5px;
	border-radius:						4px;
	background:							#999999;
	color:								#FFFFFF;
	margin:								0;
	font-weight:						bold;
	}

#apps ul.downloads li span.soon,
#apps ul.downloads li a.button {
	margin-top: 3px;
	display:							inline-block;
	padding:							4px 10px;
	font-size:							0.93em; /* 13px */
	}

#appsnotes {
	clear: 								left;
	width: 								400px;
	}
#appsnotes p {
	padding: 							0.5em 0;
	line-height: 						1.3em;
	color: 								#666;
	}

	
#ipad-slider {
	position: 							absolute;
	top: 								130px;
	right: 								90px;
	width: 								371px;
	height: 							277px;
	}
	
#iphone-slider {
	position: 							absolute;
	top: 								308px;
	right: 								398px;
	width: 								113px;
	height: 							162px;
	}


/* ---------- Froobles App Popup ---------- */
#appwrap {
	background: #f0f9ff url('/site/assets/images/app-promo/content-bg.png') 0 0 repeat-x;
	}
.appimg {
	float: left;
	margin: 6px 30px 0 20px;
	}
#appmain {
	float: left;
	width: 340px;
	}
#appmain h1 {
	font-family: Trebuchet, "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 3.2em;
	color: #015aad;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0 0 0.5em;
	}
#appmain h1 span {
	font-weight: normal;
	}
#appmain p {
	font-family: Trebuchet, "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	color: #666;
	/*font-family: Verdana;*/
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 1em 0;
	}
#action {
	clear: both;
	padding: 10px;
	}
a.appsbutton {
	display: block;
	float: left;
	height: 115px;
	width: 430px;
	background: url('/site/assets/images/app-promo/apps-button.png') 0 0 no-repeat;
	text-indent: -9999px;
	}
	
a.homebutton {
	display: block;
	/*float: right;*/
	margin: 20px auto 0;
	height: 115px;
	width: 430px;
	background: url('/site/assets/images/app-promo/continue-button.png') 0 0 no-repeat;
	text-indent: -9999px;
	}

a.appsbutton:hover {
	background: url('/site/assets/images/app-promo/apps-button.png') 0 -120px no-repeat;
	}
a.appsbutton:active {
	background: url('/site/assets/images/app-promo/apps-button.png') 0 -119px no-repeat;
	}
a.homebutton:hover {
	background: url('/site/assets/images/app-promo/continue-button.png') 0 -120px no-repeat;
	}
a.homebutton:active {
	background: url('/site/assets/images/app-promo/continue-button.png') 0 -119px no-repeat;
	}



/* ---------- 404 ---------- */
#fourohfourbox {
	border: 							10px solid #E5E5DD;
	padding: 							2em;
	-moz-border-radius:					20px;
	-khtml-border-radius:				20px;
	-webkit-border-radius:				20px;
	border-radius:						16px;
	background:							url(/site/assets/images/backgrounds/bg_angrycrab.jpg) bottom right no-repeat;
	height: 							260px;
	margin-right: 						1em;
	}
#fourohfourbox p {
	font-size: 							1.2em;
	line-height: 						1.4em;
	text-align: 						left;
	width: 								75%;
	}



/* ---------- SIDEBAR ---------- */
#sidebar .sideblock {
	-moz-border-radius:					8px;
	-khtml-border-radius:				8px;
	-webkit-border-radius:				8px;
	border-radius:						5px;
	border:								1px solid #DEDEDE;
	margin:								0 0 1.5em;
	padding:							0 10px 8px;
}
#sidebar .sideblock h4 {
	-moz-border-radius-topleft:			5px;
	-moz-border-radius-topright:		5px;
	-webkit-border-top-left-radius:		5px;
	-webkit-border-top-right-radius:	5px;
	-khtml-border-top-left-radius:		5px;
	-khtml-border-top-right-radius:		5px;
	border-top-left-radius:				4px;
	border-top-right-radius:			4px;
	background:							url(../images/backgrounds/bg_sideblock_title.png) 0 0 repeat-x;
	color:								#FFFFFF;
	margin:								-1px -11px 5px;
	padding:							4px 8px;
}

/* Video Player */
#sidebar #video-player #controls {
	display:							block;
	margin:								0 auto;
}
#sidebar #video-player #progress-bars {
	display:							block;
	width:								196px;
}

/* Shopping Basket */
#sidebar .categories li {
	list-style-type:					none;
	margin:								0 0 0.2em;
}
#sidebar .categories li a.selected {
	color:								#444444;
	font-weight:						bold;
}
#sidebar .categories li h5 {
	color:								#1B5587;
}
#sidebar .categories ul ul {
	font-size:							0.86em;
	margin:								0.4em 0 1em 15px;
}

#sidebar .basket-info p {
	font-size:							0.86em;	/* 12px */
}
#sidebar .basket {
	padding-bottom:						1em;
	}

#sidebar .basket table {
	font-size:							0.86em;	/* 12px */
	margin:								0 0 10px;
	text-align:							left;
	width:								100%;	
}
#sidebar .basket table th,
#sidebar .basket table td {
	border-bottom:						1px solid #DEDEDE;
	padding:							3px;
}
#sidebar .basket a.button {
	-moz-border-radius:					5px;
	-khtml-border-radius:				5px;
	-webkit-border-radius:				5px;
	border-radius:						4px;
	background:							#8ECC52 url("/site/assets/images/backgrounds/bg_button_shop.png") bottom left repeat-x;
	border:								none;
	color:								#FFFFFF;
	cursor:								pointer;
	font-weight:						bold;
	padding:							5px;
	text-decoration:					none;
}
#sidebar .basket a.button:hover {
	background:							#619C27 url("/site/assets/images/backgrounds/bg_button.png") top left repeat-x;
}

/* Twitter */
#sidebar div.twitter {
	background:							#F7F7D7;
	color:								#1B5587;
	border:								none;
	margin:								0 0 40px;
	padding:							8px 10px 15px;
	position:							relative;
}
#sidebar div.twitter ul {
	overflow:							hidden;
	width:								200px;
}
#sidebar div.twitter li {
	font-style:							italic;
	padding:							5px 0 0 20px;
	position:							relative;
}
#sidebar div.twitter p {
	font-size:							0.86em;	/* 12px */
	line-height:						1.2em;
	margin:								0;
}
#sidebar div.twitter li sup {
	background:							url(/site/assets/images/misc/quote.png) 0 0 no-repeat;
	font-size:							2.14em;	/* 30pt */
	font-weight:						bold;
	height:								13px;
	position:							absolute;
	text-indent:						-9999px;
	top:								8px;
	left:								0;
	width:								17px;
}
#sidebar div.twitter small {
	display:							block;
	text-align:							right;
	padding:							0.3em 0 0;
}
#sidebar div.twitter .twit-bird {
	background:							url('/site/assets/images/misc/twitter-bird.png') 0 0 no-repeat;
	bottom:								-30px;
	display:							block;
	height:								55px;
	left:								-10px;
	position:							absolute;
	text-indent:						-9999px;
	width:								80px;
}
/* Social Networks */
#sidebar .social-networks {
	border:								none;
	padding:							1em 0;
}

#sidebar .social-networks a img {
	width:								40px;	
}

/* Video Player */
#sidebar .video .video-wrapper {
	margin:								0.6em 0;
}

/* Maps */
#sidebar .directions {
	display:							none;
}
#sidebar .share-this {
	overflow:							hidden;
	width:								210px;
}
#sidebar .share-this li {
	float:								left;
}
#sidebar .share-this a {
	display:							block;
	height:								40px;
	margin:								0 10px 0 0;
	text-indent:						-9999px;
	width:								40px;
}
#sidebar .share-this li.facebook {
	background:							url(/site/assets/images/social/facebook.png) 0 0 no-repeat;
}
#sidebar .share-this li.myspace {
	background:							url(/site/assets/images/social/myspace.png) 0 0 no-repeat;
}
#sidebar .share-this li.twitter {
	background:							url(/site/assets/images/social/twitter.png) 0 0 no-repeat;
}


/* ---------- RATINGS ---------- */
.rating {
	background-image:					url('/site/assets/images/misc/star-matrix.gif');
	height:								16px;
	list-style:							none;
	position:							relative;
	text-indent:						-9999px;
	width:								80px;
}
.r0 {
	background-position:				0 0;
}
.r1 {
	background-position:				0 -16px;
}
.r2 {
	background-position:				0 -32px;
}
.r3 {
	background-position:				0 -48px;
}
.r4 {
	background-position:				0 -64px;
}
.r5 {
	background-position:				0 -80px;
}
ul.rating li {
	cursor:								pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:								left;
	/* end hide*/
	text-indent:						-9999px;
}
ul.rating li a {
	position:							absolute;
	left:								0;
	top:								0;
	width:								16px;
	height:								16px;
	text-decoration:					none;
	z-index:							200;
}
ul.rating li.rate-1 a {
	left:								0;
}
ul.rating li.rate-2 a {
	left:								16px;
}
ul.rating li.rate-3 a {
	left:								32px;
}
ul.rating li.rate-4 a {
	left:								48px;
}
ul.rating li.rate-5 a {
	left:								64px;
}
ul.rating li a:hover {
	background:							url('/site/assets/images/misc/star-matrix.gif') 0 0 no-repeat;
	width:								80px;
	height:								16px;
	overflow:							hidden;
	left:								0;	
	z-index:							2;
}
ul.rating li.rate-1 a:hover {
	background-position:				0 -96px;
}
ul.rating li.rate-2 a:hover {
	background-position:				0 -112px;
}
ul.rating li.rate-3 a:hover {
	background-position:				0 -128px;
}
ul.rating li.rate-4 a:hover {
	background-position:				0 -144px;
}
ul.rating li.rate-5 a:hover {
	background-position:				0 -160px;
}


/* ---------- Pocket Money Press ---------- */
.pmp #content ul {
	margin:								2em 0;
	width:								680px;
}
.pmp #content ul li {
	float:								left;
	list-style-type:					none;
	margin:								0 0 2em;
	width:								220px;
}
.pmp #content ul li a {
	color:								#095DA5;
	display:							block;
}

/* ---------- CAROUSEL ---------- */
.carousel .jcarousel-container {
    -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #346F97;
}

.carousel .jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}

.carousel .jcarousel-clip-horizontal {
    width:  245px;
    height: 75px;
}

.carousel .jcarousel-item {
    width: 75px;
    height: 75px;
}

.carousel .jcarousel-item-horizontal {
    margin-right: 10px;
}

.carousel .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.carousel .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/site/assets/images/carousel/next-horizontal.png) no-repeat 0 0;
}

.carousel .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.carousel .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.carousel .jcarousel-next-disabled-horizontal,
.carousel .jcarousel-next-disabled-horizontal:hover,
.carousel .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.carousel .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/site/assets/images/carousel/prev-horizontal.png) no-repeat 0 0;
}

.carousel .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.carousel .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.carousel .jcarousel-prev-disabled-horizontal,
.carousel .jcarousel-prev-disabled-horizontal:hover,
.carousel .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/* ---------- FANCYBOX ---------- */
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/site/assets/images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: url('/site/assets/images/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/site/assets/images/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('/site/assets/images/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('/site/assets/images/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('/site/assets/images/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('/site/assets/images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/site/assets/images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/site/assets/images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/site/assets/images/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/site/assets/images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/site/assets/images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/site/assets/images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/site/assets/images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/site/assets/images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/site/assets/images/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/site/assets/images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/assets/images/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/assets/images/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/assets/images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/assets/images/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/assets/images/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/assets/images/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/assets/images/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/assets/images/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/assets/images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/assets/images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/assets/images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/assets/images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/assets/images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/assets/images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/assets/images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/site/assets/images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }


/* ---------- FOOTER ---------- */
#footer {
	padding:							0 70px 0;
	position:							relative;
}
#footer div {
	color:								#FFFFFF;
	position:							absolute;
	top:								240px;
	top:								520px; /*(Winter footer) */
	width:								820px;
}
#footer ul.nav {
	margin:								0 0 1em;
	overflow:							hidden;
	width:								820px;
}
#footer li {
	float:								left;
	margin:								0 1.5em 0 0;
}
#footer li strong {
	display:							block;
	font-size:							1.29em;	/* 18pt */
	margin:								0 0 0.6em;
}
#footer li a {
	color:								#FFFFFF;
}
#footer ul ul li {
	float:								left;
	font-size:							0.86em;	/* 12pt */
	margin:								0 0 0.5em;
	width:								150px;
}
#footer li.topics {
	width:								300px;
}
#footer li.blog {
	width:								150px;
}

#footer li.about {
	margin:								0;
}
#footer li.about ul {
	float:								left;
	margin:								0 0.5em 0 0;
	width:								150px;	
}
#footer p {
	clear:								both;
	font-size:							0.78em;	/* 11pt */
}

/* ---------- OTHER STYLES ---------- */
#overlay {
	background:							none;
}
#overlay body {
	background:							none;
	padding:							0;
}
#overlay form #userAge,
#wrapper form #userAge {
	width:								2em;
}
.sort-controls {
	margin:								10px 0 -1px;
	overflow:							hidden;
	padding:							0 0 10px;
	position:							relative;
	width:								680px;
	z-index:							10;
}
.sort-controls form {
	float:								left;
	width:								220px;
}
.sort-controls form input,
.sort-controls form select {
	font-size:							0.86em;	/* 12pt */
}
.sort-controls form input.button {
	border:								none;
	color:								#FFFFFF;
	margin:								0 0 0 5px;	
	padding:							4px 2px;
}
.sort-controls .adult-filter {
	clear:								both;
	line-height:						1.8em;
	margin:								0 0 -9px;
	padding:							1.5em 0 0;
	width:								auto;
}
.sort-controls .adult-filter a,
.sort-controls .adult-filter span {
	background:							#F8F8ED;
	border:								1px solid #DEDEDE;
	color:								#333333;
	margin:								0 3px -1px 0;
	padding:							5px 15px;
}

.sort-controls .adult-filter a:hover,
.sort-controls .adult-filter a.selected {
	background:							#FFFFFF;
	border-bottom:						1px solid #FFFFFF;
	text-decoration:					none;
}

.sort-controls .adult-filter span {
	background:							#EEEEEE;
	color:								#999999;
}

.sort-controls .pagination {
	float:								right;
	margin:								0;
	padding:							0.2em 0 0;
	width:								320px;
}
.pagination {
	text-align:							right;
}
.pagination a,
.pagination span {	
	background:							#FFFFFF;
	display:							inline-block;
	font-size:							0.86em;	/* 12pt */
	margin:								0 3px 3px 0;
	padding:							2px 5px;
	text-decoration:					none;
	border:								1px solid #CCCCCC;
}
.pagination a:hover {
	background:							#DDDDDD;
}
.pagination span {
	background:							#FFFFFF;
	font-weight:						bold;
}

.hidden {
	display:							none;
}
.success {
	background:							#E4FFCF url(/site/assets/images/icons/success.png) 8px 50% no-repeat;
}
.warning {
	background:							#FFFF99 url(/site/assets/images/icons/warning.png) 8px 50% no-repeat;
}
.error {
	background:							#FFCFCF url(/site/assets/images/icons/error.png) 8px 50% no-repeat;
}
p.notice {
	-moz-border-radius:					5px;
	-khtml-border-radius:				5px;
	-webkit-border-radius:				5px;
	border-radius:						4px;
	border:								1px solid #DEDEDE;
	line-height:						1.2em;
	margin:								0 0 0.3em;
	padding:							10px 5px 10px 32px;
}
.button {
	-moz-border-radius:					5px;
	-khtml-border-radius:				5px;
	-webkit-border-radius:				5px;
	border-radius:						4px;
	background:							#8ECC52 url("/site/assets/images/backgrounds/bg_button.png") bottom left repeat-x;
	border:								none;
	color:								#FFFFFF;
	cursor:								pointer;
	font-size:							0.86em;	/* 12pt */
	font-weight:						bold;
	padding:							5px;
	text-decoration:					none;
}
input .button {
	padding:							4px 6px;
}
.button:hover {
	background:							#619C27 url("/site/assets/images/backgrounds/bg_button.png") top left repeat-x;
	color:								#FFFFFF;
	text-decoration:					none;
}
.button:focus {
	border:								none;
	background:							#8ECC52 url("/site/assets/images/backgrounds/bg_button.png") top left repeat-x;
	outline:							none;
}
.rounded {
	-moz-border-radius:					5px;
	-khtml-border-radius:				5px;
	-webkit-border-radius:				5px;
	border-radius:						4px;
}


.video-button, .issuu-button {
	-moz-border-radius:					5px;
	-khtml-border-radius:				5px;
	-webkit-border-radius:				5px;
	border-radius:						4px;
	background:							url("/site/assets/images/backgrounds/video-button.png") top right no-repeat;
	border:								none;
	color:								#FFFFFF;
	cursor:								pointer;
	font-size:							0.86em;	/* 12pt */
	font-weight:						bold;
	padding:							5px 35px 5px 10px;
	text-decoration:					none;
}
.video-button:hover {
	background:							url("/site/assets/images/backgrounds/video-button.png") bottom right no-repeat;
	color: 								#fff;
	text-decoration:					none;
}
.issuu-button {
	background:							url("/site/assets/images/backgrounds/issuu-button.png") top right no-repeat;
	}
.issuu-button:hover {
	background:							url("/site/assets/images/backgrounds/issuu-button.png") bottom right no-repeat;
	color: 								#fff;
	text-decoration:					none;
}