/**
	@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;
	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;
	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:		20px;
	-webkit-border-bottom-left-radius:	20px;
	-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:								250px;
	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 10px 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-size: 32px;
	line-height: 1em;
	text-shadow: #444 3px 3px 3px;
	}
#featureslide1 p {
	font-size: 16px;
	line-height: 1.4em;
	text-shadow: #444 3px 3px 3px;
	}
	
#featureslide2 h2 {
	font-size: 23px;
	line-height: 1em;
	font-weight: bold;
	}
#featureslide2 p {
	font-size: 23px;
	line-height: 1em;
	text-align: right;
	font-weight: bold;
	color: #eee;
	}

#featureslide3 h2 {
	font-size: 28px;
	line-height: 1.2em;
	margin-bottom: 0em;
	color: #C8B2DE !important;
	}
#featureslide3 p {
	font-size: 18px;
	line-height: 1.4em;
	color: #fff;
	font-weight: normal !important;
	}
#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 {
	margin-bottom:						0;
	font-size: 1em;
	line-height: 1.4em;
}
#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;
	padding:							0 10px 0 0;
	width:								330px;
}
#home-panels #title-feed img {
	width:								100px;
}
#home-panels #blog-feed {
	float:								right;
	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 ---------- */ 
.title-list {
	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;
}
.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 {
	
}
.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;
}


/* ---------- SERIES ---------- */
.series #content #summary p {
	clear:								left;
	float:								left;
	width:								320px;
}

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

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

/* ---------- 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 1em;
}

.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;
}




.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;
}

/* 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 li {
	list-style-type:					square;
	margin:								0 0 0.3em 0;
}

/* Reviews */
#panel-reviews 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 .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 ---------- */

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 {
	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;
	width: 								200px;
}

/* ----- New Press Index ------ */
ul.press-index {
	background:							url(/site/assets/images/backgrounds/bg_post.png) 0 0 no-repeat;
	overflow: 							hidden;
	padding: 							5px 0 0 10px;
	margin-bottom: 						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 {
	overflow:							hidden;
	width:								680px;
}
#response-gallery ul li {
	float:								left;
	height:								9em;
	padding:							10px 10px 20px;
	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;
}

/* ---------- 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;
}

/* ---------- ABOUT ---------- */
div.contacts h2 {
	border-bottom:						1px dotted #DEDEDE;
	margin:								0 0 0.1em;
	padding:							0 0 0.5em;
}
ul.contacts-list {
	margin:								0 0 2em;
	overflow:							hidden;
	width:								680px;	
}
ul.contacts-list li {
	float:								left;
	height:								8em;
	margin:								0 20px 0 0;
	overflow:							hidden;
	padding:							10px 0;
	width:								320px;
}
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;
	}

/* ---------- 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 #sidebar {
	display:							none;
	}
	
#apps-intro {
	width:								400px;
	}
	
#apps img.cover {
	float:								left;
	margin:								0 15px 6px 0;
	clear:								both;
	height:								60px;
	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:							95%;
	}
#apps span {
	float:								right;
	width: 								80px;
	display: 							none;
	}
#apps span img {
	float: 								right;
	margin: 							0 0 0 8px;
	padding: 							0;
	}
	
#ipad-slider {
	position: 							absolute;
	top: 								130px;
	right: 								90px;
	width: 								371px;
	height: 							277px;
	}
	
#iphone-slider {
	position: 							absolute;
	top: 								308px;
	right: 								398px;
	width: 								113px;
	height: 							162px;
	}


/* ---------- 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,
#sidebar .newstopics li a {
	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 ---------- */
ul.rating {
	background-image:					url('/site/assets/images/misc/star-matrix.gif');
	height:								16px;
	list-style:							none;
	position:							relative;
	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;
	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;
}