/**
 *	Creative Spark / BURRDA
 *	Stylesheet
 *
 *	@pages			all
 *	@browsers		all
 *	@media			all
 *	@author			Phil Thompson
 *	@author			Jake Dean
 *	@since			17/05/2010
 *	@lastmodified	14/06/2010
 *
 *	Contents
 *
 *	1 Reset
 *	2 HTML tags
 *	3 Common classes
 *	4 Layout
 *		4.1 container
 *		4.2 header
 *		4.3 content
 *		4.4 footer
 *	5 Page specific styles
 *		5.1 Home
 *		5.2 Who we are
 *		5.3 Teams
 *			5.3.1 Teams home
 *			5.3.2 Teams zoomed-in
 *			5.3.3 Team
 *		5.4 Competitions
 *		5.5 Media Room
 *			5.5.1 Media Room home
 *			5.5.2 News item/ Press release item
 *		5.6 Contact
 *		5.7 Collection
 *			5.7.1 Collection listings
 *			5.7.2 Collection individual product
 *		5.8	Where to buy
 *		5.9 Search
 *		5.10 Newsletter
 *		5.11 Sitemap
 *		5.12 404
 */



/**
 * 	 1 Reset
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/**
 *	1.1 HTML elements
 */
aside,
footer,
header,
nav,
section{
	display: block;
}

/**
 * 	 2 HTML tags
 */

html{
	overflow: -moz-scrollbars-vertical !important;
}

body{
	background: #000;
	color: #666;
	font: 12px/1.3 Arial, sans-serif;
	width: 100%;
}

/* Link styles */
a{
	color: #FFF;
	text-decoration: none;
}

	a:visited{
		color: #666;
	}

	a:hover,
	a:focus{
		color: #999;
		text-decoration: none;
	}

	a:active{
		color: #666;
		outline: none;
	}

/* Headings h1-6 */
h1, h2, h3, h4, h5, h6{
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.05;
	margin: 0 15px;
	padding: 20px 0 10px;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
}

h1{
	font-size: 18px;
}

h2{
	font-size: 16px;
	line-height: 1.2;
}

h3{

}

h4, h5, h6{

}

p{
	line-height: 1.2; /* 14.4px */
	padding: 0 15px 10px;
}

/* Lists */
ul, ol, dl{
	padding: 10px 15px;
}

	li{
		margin: 0 0 .5em 2em;
	}

	dt{
		font-weight: bold;
	}

	dd{
		padding-bottom: 1em;
	}

/* Misc elements: hr, abbr, blockquote etc */
hr{
	background: #E8E8E8;
	border: 0;
	clear: both;
	color: #E8E8E8;
	height: 1px;
	margin: 30px 0;
}

abbr{
	border-bottom: 1px dotted #999;
}

blockquote p{
	font-family: Georgia;
}

/* Code style text */
code, kbd, tt, samp, tt{
	font-family:  Monaco, "Lucida Console", Courier, "Courier New", monospace;
}

/* Forms */
form{
	clear: both;
	padding: 20px 15px;
}

	form label{
		color: #FFF;
		display: block;
		font-weight: bold;
		padding-bottom: 8px;
	}

	form input,
	form select,
	form textarea{
		background: #1A1A1A;
		border: 1px solid #272727;
		color: #999;
		display: block;
		font: 12px Arial, Helvetica, sans-serif;
		padding: 5px;
	}

	/* Checkboxes - input[type="checkbox"] would be better but for IE6 */
	div.field-checkbox input{
		background: transparent;
		border: none;
		display: inline;
		margin: 0;
		padding: 0;
		width: auto;
	}

	form button,
	a.button{
		background: transparent url(/assets/images/buttons/default.png) right 0 no-repeat;
		border: none;
		clear: both;
		color: #FFF;
		display: block;
		float: right;
		font: bold 12px Arial, "Helvetica Neue", sans-serif;
		height: 31px;
		margin: 30px 15px 10px 0;
		padding: 0 25px 0 0;
		text-align: left;
		text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
		text-transform: uppercase;
	}
	
	a.button:visited,
	a.button:hover{
		color: #FFF;
	}
	
		form button span,
		a.button span{
			background: transparent url(/assets/images/buttons/default.png) 0 0 no-repeat;
			display: block;
			float: left;
			height: 18px;
			left: -8px;
			margin: 0;
			padding: 9px 0 4px 10px;
			position: relative;
			top: 0; /* Firefox wants -1px here */
		}
		
		body.gecko form button span{
			top: -1px;
		}


		form button:hover,
		form button:focus{
			cursor: pointer;
		}
		
		/* Hover/focus styles */
		form button:hover,
		form button:focus,
		a.button:hover{
			background-position: right -31px;
		}
		
		form button:hover span,
		form button:focus span,
		a.button:hover span{
			background-position: 0 -31px;
		}


	form div.field{
		clear: both;
		float: left;
		padding: 0 0 5px;
		width: 100%;
	}

	form div.field-odd{
		clear: both;
	}



/* Tables */
table{
	border-collapse: collapse;
	border-spacing: 0;
}



/**
 * 	 3 Common classes
 */

/* Accessibility/show-hide content */
.off-screen{
	left: -99999px;
	position: absolute;
	top: -99999px;
}

.hide{
	display: none;
}

/* Image replacement */
.replace{
	text-indent: -99999px;
}

	.replace a:focus,
	a.replace:focus{
		outline: none;
	}

/* Layout */
.clear, .group{
	clear: both;
}

.clearfix:after,
.group:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* Allow page backgrounds to go full width but content centralised */
.inner{
	margin: 0 auto;
	position: relative;
	width: 928px;
}

div.column{
	float: left;
	position: relative;
	width: 33%;
}

/* Nav styles */
div.nav ul{
	float: left;
	padding: 0;
}

	div.nav ul li{
		display: block;
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
	}

		div.nav ul li a,
		div.nav ul li a:visited{
			color: #999;
			text-decoration: none;
		}

		div.nav ul li a:hover{
			color: #FFF;
		}


		/* Active item */
		div.nav ul li.selected a{
			color: #FFF;
		}

/* Block lists */
ul.block-list li{
	list-style: none;
	margin: 0;
	padding-bottom: 1px;
}


/* Blocked-off sections */
div.section{
	background: #000 url(/assets/images/layout/home-section.jpg) 0 0 repeat-x;
	float: left;
	margin-right: 10px;
	min-height: 300px;
	width: 215px;
}

div.section-double{
	width: 477px;
}

div.section-last{
	margin-right: 0;
}

	div.section h2{
		border-bottom: 1px solid #5E5E5E;
		margin: 0 15px 15px;
		padding: 19px 0 11px;
	}

	div.section h2 + h3,
	div.section h2 + p{
		padding-top: 0;
	}

/* Bigger and (therefore) mroe important <p> */
p.important{
	font-size: 16px;
	font-weight: bold;
}

p.pubdate{
	font-weight: bold;
}

/* Form errors */
form div.errors{
	background: #000;
	background: rgba(0, 0, 0, 0.2);
	margin: 0 0 20px;
}

	form div.errors h3,
	form div.errors p,
	form div.errors ul{

	}


form div.field label.error{
	color: #999;
	font-style: italic;
	font-weight: normal;
	padding-top: 5px;
}

	form div.field label.error strong{
		font-weight: normal;
	}
	

/* Links styled like buttons - @see button */
a.button{
	margin-right: 0;
}

a.button span{
	cursor: pointer;
	top: 0;
}

/* back button */
a.button-back{
	background-image: url(/assets/images/buttons/back.png);
	background-position: 0 0;
	padding-left: 25px;
	padding-right: 0;
}

a.button-back:hover{
	background-position: 0 -31px;
}

	a.button-back span{
		background-image: url(/assets/images/buttons/back.png);
		background-position: right 0;
		left: 8px;
		padding-left: 0;
		padding-right: 10px;
	}
	
	a.button-back:hover span{
		background-position: right -31px;
	}
	
/* Recaptcha */
#recaptcha_widget{
	border: 1px solid #5E5E5E;
	border-width: 1px 0;
	padding: 10px 0;
	width: 268px;
}

#recaptcha_image,
#recaptcha_image img{
	width: 268px;
}

#recaptcha_widget label{
	padding-top: 10px;
}

#recaptcha_response_field{
	margin-bottom: 10px;
}

#RecaptchaHelp{
	float: right;
}


/**
 * 	 4 Layout
 */

div#Container{

}

div#Header{
	background: #000 url(/assets/images/layout/header.jpg) 0 0 repeat-x;
	float: left;
	width: 100%;
}

	div#Branding{
		float: left;
		width: 136px;
	}

		/* Logo - <span> on homepage and <a> elsewhere */
		#Logo{
			background: transparent url(/assets/images/logo.png) center center no-repeat;
			display: block;
			height: 55px;
			margin: 0 0 0 0;
			padding: 46px 0 0;
			width: 136px;
		}

		/* Secondary nav - social media links etc */
		div#NavSecondary{
			float: right;
			padding: 14px 12px 14px;
		}

			div#NavSecondary li a{
				padding: 0 7px;
				text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
			}

		/* Primary nav - main menu links */
		div#NavPrimary{
			clear: right;
			float: left;
			margin: 11px 0 20px;
			width: 792px;
		}
		
		div#NavPrimary ul{
			float: left;
			margin: 0;
			padding: 0;
			width: 792px;
		}

			div#NavPrimary li{
				border-left: 1px solid #000;
				border-right: 1px solid #3A3A3A;
				font-size: 13px;
				font-weight: bold;
			}

				div#NavPrimary li.first{
					border-left: 0;
				}

				div#NavPrimary li.last{
					border-right: 0;
				}

				div#NavPrimary li a{
					display: block;
					padding: 6px 10px 6px 10px;
					text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
				}

		/* Site wide search form */
		form#Search{
			clear: right;
			float: right;
			padding: 13px 0 0 14px;
			width: 330px;
		}
		
			form#Search label{
				display: inline;
			}

				form#Search input{
					background: transparent url(/assets/images/icons/search.png) 154px center no-repeat;
					border-color: #4D4D4D;
					display: inline;
					padding: 4px;
					text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
					width: 164px;
				}
				
				form#Search input[type="hidden"]{
					display: none;
				}
				
				form#Search button{
					clear: none;
					margin-top: 0;
				}
			
		/* JavaScript turned on */		
		.js form#Search{
			width: 177px;
		}

			.js form#Search label,
			.js form#Search button{
				left: -99999px;
				position: absolute;
				top: -99999px;
			}
			
			.js form#Search input{
				display: block;
			}
			
			.js form#Search input[type="hidden"]{
				display: none;
			}



div#Content{
	background: #000 url(/assets/images/layout/content.jpg) 0 0 repeat-x;
	clear: both;
	float: left;
	min-height: 500px;
	width: 100%;
}

	div#Hero{
		background: #EEE url(/assets/images/layout/home-hero.jpg) center 0 no-repeat;
		color: #282828;
		float: left;
		width: 100%;
	}

		/* Main page title */
		div#Hero h1{
			color: #000;
			float: left;
			font-size: 36px;
			font-weight: bold;
			padding: 30px 15px;
			text-shadow: none;
			text-transform: uppercase;
			width: 655px;
		}


		div#Hero h2.subtitle{
			float: left;
			font-size: 16px;
			padding: 0 15px 0;
			width: 655px;
		}

		/* Back to 'x' link */
		div#Hero p.back{
			float: right;
			font-weight: bold;
			padding: 0 20px 0 0;
			text-align: right;
			width: 170px;
		}


	div#ContentSecondary{
		clear: both;
		float: left;
		padding: 22px 0 80px;
		width: 100%;
	}

div#Footer{

}

	div#Footer div.column{
		width: 50%;
	}

		/* Footer navigation */
		div#Footer div.nav ul{
			padding: 0 10px;
		}

		div#Footer div.nav ul li a{
			color: #666;
			padding: 0 5px;
		}

		div#Footer div.nav ul li a:hover{
			color: #FFF;
		}
		
		div#Footer div.nav ul li a.rss{
			background: transparent url(/assets/images/icons/rss.gif) 5px 2px no-repeat;
			padding-left: 19px;
		}

		/* Copyright notice */
		div#Footer p#Copyright{
			clear: both;
		}


		/* Social media links */
		div#Footer div#SocialMedia{
			float: right;
		}

			div#Footer div#SocialMedia ul{
				padding: 0;
			}

				div#Footer div#SocialMedia ul li{
					float: left;
					margin-right: 12px;
				}

					div#Footer div#SocialMedia ul li a{
						background: transparent url(/assets/images/layout/social-media.gif) 0 0 no-repeat;
						display: block;
						height: 22px;
						padding: 0;
						width: 84px;
					}

					div#Footer div#SocialMedia ul li.twitter a{
						background-position: 0 0;
					}

					div#Footer div#SocialMedia ul li.facebook a{
						background-position: -84px 0;
						width: 100px;
					}

						/* Rollover styles */
						div#Footer div#SocialMedia ul li.twitter a:hover{
							background-position: 0 -22px;
						}

						div#Footer div#SocialMedia ul li.facebook a:hover{
							background-position: -84px -22px;
							width: 100px;
						}



/**
 * 	5 Page/Section specific styles
 */

/**
 * 	5.1 Home-page
 *	body.home
 */
body.home div#Content{
	background: #000;
}

	body.home div#Hero{
		height: 400px;
	}

		body.home div#Hero div.inner{
			background: transparent url(/assets/images/layout/home-hero-inner-1.2.jpg) 0 0 no-repeat;
			height: 400px;
		}

		/* (SWF) Video container */
		body.home #Video{
			background: #000;
			display: none;
			height: 400px;
			width: 928px;
			z-index: 0;
		}

		/* Different background images for different sections */
		body.home div#Hero div.item-2{
			background-image: url(/assets/images/layout/home-hero-inner-2.2.jpg);
		}

		body.home div#Hero div.item-3{
			background-image: url(/assets/images/layout/home-hero-inner-3.1.jpg);
		}

		body.home div#Hero div.item-4{
			background-image: url(/assets/images/layout/home-hero-inner-4.1.jpg);
		}
		
		body.home div#Hero div.blackout{
			background: #000;
		}

		body.home div#Hero h1,
		body.home div#Hero p{
			padding-left: 40px;
			padding-right: 40px;
		}

		body.home div#Hero h1{
			font-size: 50px;
			height: 110px;
			text-transform: uppercase;
			width: 233px;
		}

		body.home div#Hero h1 + p{
			padding-top: 0;
		}

		body.home div#Hero a.button{
			background: transparent;
			float: none;
			height: 317px;
			left: 0;
			position: absolute;
			text-indent: -99999px;
			top: -30px;
			width: 903px;
		}

	/* Sliding sections */
	body.home ul#HeroSlider{
		background: rgb(51, 51, 51);
		background: rgba(51, 51, 51, 0.9);
		bottom: 15px;
		clear: both;
		left: 100px;
		margin: 0;
		padding: 5px 0 5px 5px;
		position: absolute;
		width: 757px;
		z-index: 900;
	}


		body.home ul#HeroSlider li{
			display: block;
			height: 59px;
			float: left;
			margin: 0 5px 0 0;
			overflow: hidden;
			width: 139px;
		}

			body.home ul#HeroSlider li.last{
				margin-right: 0;
			}

			body.home ul#HeroSlider li img{
				display: block;
				float: left;
				opacity: 0.3;
			}

			body.home ul#HeroSlider li div.text{
				float: left;
				height: 59px;
				overflow: hidden;
				width: 180px;
			}

				body.home ul#HeroSlider li div.text h2,
				body.home ul#HeroSlider li div.text p{
					font-size: 100%;
					margin: 0;
					padding: 2px 0 0 10px;
				}

				body.home ul#HeroSlider li div.text p{
					color: #999;
					padding-top: 4px;
				}

		body.home ul#HeroSlider li.active{
			width: 319px;
		}

			body.home ul#HeroSlider li a:hover img,
			body.home ul#HeroSlider li.active img{
				opacity: 1;
			}




	body.home div#ContentSecondary{
		background: #000 url(/assets/images/layout/content.jpg) 0 0 repeat-x;
		clear: both;
		float: left;
		min-height: 400px;
		padding: 0 0 35px;
		width: 100%;
	}

		/* Product Carousel */
		div#Collection{
			background: transparent url(/assets/images/layout/home-collection.jpg) 0 146px repeat-x;
			float: left;
			height: 238px;
			margin: 0 0 10px;
			overflow: hidden;
			position: relative;
			width: 100%;
		}
		
			div#Collection h2{
				padding-bottom: 0;
			}


			
			/*
				Scrollable section
				root element for the scrollable.
				when scrolling occurs this element stays still.
			*/
			#Collection .scrollable {
				height: 190px;
				left: 40px;
				overflow: hidden;
				position: relative;
				width: 853px;
			}
			
			/*
				root element for scrollable items.
				Width is reset with JavaScript
			*/
			#Collection .scrollable .items {
				left: 0;
				padding: 0;
				position: absolute;
				width: 50000em;/* this cannot be too large */
			}
			
			
			#Collection a.disabled{
				visibility: hidden;
			}


			/* Next / Previous arrows */
			div#Collection a.carousel-nav{
				background: transparent url(/assets/images/icons/arrows.png) 0 0 no-repeat;
				height: 26px;
				position: absolute;
				top: 50%;
				visibility: hidden;
				width: 16px;
			}

			div#Collection a.carousel-nav-previous{
				left: 15px;
			}

			div#Collection a.carousel-nav-next{
				background-position: -16px 0;
				right: 15px;
			}
			
			/*div.scrollable{
				height: 190px;
				left: 0px;
				overflow: hidden;
				padding: 0 50px 0 0px;
				position: relative;
				width: 828px;
			}*/
	
			

			div#Collection ul{
				float: left;
				padding: 0;
			}

				div#Collection ul li{
					display: block;
					float: left;
					height: 190px;
					list-style: none;
					margin: 0;
					overflow: hidden;
					padding: 0 15px;
					width: 92px;
				}

					div#Collection ul li a{
						display: block;
						height: 100%;
						margin: 0;
						overflow: hidden;
						position: relative;
						text-decoration: none;
						width: auto;
					}

					div#Collection ul li div.title{
						float: left;
						padding: 56px 0 0 0;
						width: 110px;
					}

						div#Collection ul li div.title h3{
							border-bottom: 1px solid #535353;
							font-size: 16px;
							margin: 0;
							padding: 5px 15px 3px 0;
						}

						div#Collection ul li div.title h4{
							margin: 0;
							padding: 5px 15px 0 0;
						}

					div#Collection ul li img{
						display: block;
						float: right;
						padding-top: 35px;
						width: 92px;
						height:110px;
					}
					
					div#Collection ul li:hover img { height:auto; }

					/* Javascript turned on */

					.js div#Collection ul{
						left: 35px;
						padding: 0 35px 0 0;
					}

					.js div#Collection ul li div.title{
						left: -110px;
						position: absolute;
						width: 110px;
					}
					
					.js div#Collection a.carousel-nav{
						visibility: visible;
					}

			/* Competition entry */
			
			body.home #Competition a.button{
				margin-top: 14px;
			}



			/* Teams: Heatmap */
			body.home div.section-double{
				background: transparent url(/assets/images/layout/home-teams-map.png) center top no-repeat;
			}

				body.home div.section-double h2{
					border: none;
				}

				body.home div.section-double ul{
					height: 152px;
					position: relative;
				}

				body.home div.section-double ul li{
					background: transparent url(/assets/images/icons/pointer-alt.png) 0 0 no-repeat;
					height: 20px;
					left: 0;
					position: absolute;
					top: 0;
					width: 20px;
				}

					body.home div.section-double ul li a{
						display: block;
						overflow: hidden;
						text-indent: -99999px;
					}

				body.home div.section-double ul + p{
					float: right;
					padding-top: 0;
				}

				body.home div.section-double p a.button{
					margin-top: 0;
				}
				

				body.home div.section-double ul li#TeamUK{
					left: 209px;
					top: 32px;
				}
				
				body.home div.section-double ul li#TeamBelgium{
					left: 221px;
					top: 44px;
				}

				body.home div.section-double ul li#TeamEgypt{
					left: 250px;
					top: 80px;
				}

				body.home div.section-double ul li#TeamKuwait{
					left: 268px;
					top: 77px;
				}

				body.home div.section-double ul li#TeamQatar{
					left: 270px;
					top: 100px;
				}
				
				body.home div.section-double ul li#TeamUSA {
					left: 69px;
					top:57px;
				}

			/* News snippet */
			body.home div.section div.entry{
				min-height: 110px;
			}


/**
 *	5.2 Who we are
 */
body.who-we-are div.section{
	margin: 20px 0 0;
	width: 454px;
}

	body.who-we-are div.section-odd{
		width: 612px;
	}

	body.who-we-are div.section-even{
		float: right;
		margin-right: 0;
		width: 296px;
	}

	body.who-we-are div.section-double{
		width: 928px;
	}

	body.who-we-are div.section-double p,
	body.who-we-are div.section-double ul{
		float: left;
		width: 200px;
	}

		body.who-we-are div.section-double img.main{
			float: right;
			margin: 0 15px 20px 0;
		}

		body.who-we-are div.section h2{
			color: #FFF;
			font-size: 16px;
			font-weight: bold;
			padding-bottom: 0;
		}

		body.who-we-are div.section-even p.important{
			border-bottom: 1px solid #5E5E5E;
			margin: 0 15px 15px;
			padding: 0 0 15px;
		}

		body.who-we-are div.section-even p:last-child{
			border-bottom: none;
		}

		body.who-we-are div.section-double p.important{
			color: #FFF;
		}

			body.who-we-are div.section-double p strong{
				color: #FFF;
			}

		body.who-we-are div.section-double ul{
			padding-top: 0;
		}

			body.who-we-are div.section-double li{
				color: #FFF;
				font-weight: bold;
				line-height: 16px;
				list-style: none;
				margin: 0;
				padding: 0 0 15px;
			}
			
		body.who-we-are div#Values{
			border-top: 1px solid #5E5E5E;
			clear: both;
			margin: 0 auto;
			padding-top: 20px;
			position: relative;
			top: -100px;
			width: 912px;
		}
		
		body.who-we-are div#Values h2{
			background: transparent url(/assets/images/content/who-we-are/pride.png) 0 0 no-repeat;
			height: 257px;
			margin: 0;
			padding: 0;
			text-indent: -99999px;
			width: 912px;
		}
		
		body.who-we-are div#Values ul{
			float: left;
			width: 100%;
		}
		
			body.who-we-are div#Values ul li{
				float: left;
				width: 180px;
			}
			
			body.who-we-are div#Values ul li h3{
				border-bottom: 1px solid #5E5E5E;
				color: #FFF;
				font-size: 16px;
				font-weight: bold;
				margin-bottom: 10px;
				margin-left: 0;
				padding-bottom: 3px;
			}
			
			body.who-we-are div#Values ul li p{
				padding-left: 0;
			}
			
			body.who-we-are div#Values ul li p strong{
				color: #FFF;
			}


/**
 *	5.3.1 Teams
 */
body.teams div#Hero{
	background-image: url(/assets/images/layout/teams-hero.jpg);
}

	body.teams div#Hero div.inner{
		height: 550px;
		position: relative;
	}

	body.teams div#Hero span.badge{
		display: block;
		float: left;
		padding: 15px 0 0 10px;
	}

	body.teams div#Hero h1{
		padding-bottom: 0;
		padding-left: 0;
		width: 600px;
	}

	body.teams div#Hero h1,
	body.teams div#Hero h2,
	body.teams div#Hero p{
		position: relative;
		z-index: 5;
	}

	body.teams div#Hero h2.subtitle{
		color: #000;
		margin-bottom: 70px;
		padding: 0;
	}

	body.teams div#Hero div.decoration{
		height: 550px;
		left: -3px;
		position: absolute;
		top: 0;
		width: 928px;
	}

	body.teams div#Hero div.decoration-holes{
		background: transparent url(/assets/images/layout/teams-holes.png) 0 0 repeat-x;
		z-index: 3;
	}

	body.teams div#Hero div.decoration-map{
		overflow: hidden;
		z-index: 2;
	}

		body.teams div#Hero div.decoration-map img{
			display: block;
			left: 0;
			position: absolute;
			top: 0;
		}


body.teams ul.world-list{
	display: none;
}

body.teams ul.map-list{
	clear: both;
}

body.teams ul.map-list li{
	float: left;
}

	body.teams ul.map-list li a{
		display: block;
		left: 0;
		position: relative;
		overflow: hidden;
		/*text-indent: -99999px;*/
		top: 0;
		z-index: 10;
	}

	

	body.teams ul.map-list li a span.container{
		background: transparent url(/assets/images/layout/teams-map-list-div.png) left center no-repeat;
		color: #FFF;
		cursor: pointer;
		display: block;
		height: 63px;
		left: 20px;
		overflow: visible;
		padding: 5px 5px 5px 12px;
		position: relative;
		width: 202px;
		z-index: 50;
	}

	

	body.teams ul.map-list li a span.container span.image,
	body.teams ul.map-list li a span.container img{
		display: block;
		float: left;
	}

	body.teams ul.map-list li a span.container span.image{
		padding: 0 0 5px;
		width: 100px;
	}

	body.teams ul.map-list li a span.container span.h2{
		display: block;
		float: left;
		font-size: 16px;
		font-weight: bold;
		margin: 0;
		padding: 0 5px 5px;
		width: 90px;
	}

	body.teams ul.map-list li a span.container span.p{
		display: block;
		float: left;
		padding: 0 5px;
		width: 90px;
	}


	/* Team stylings */
	body.teams ul.team-list li a span.container span.image{
		width: 63px;
	}

	body.teams ul.team-list li a span.container span.h2,
	body.teams ul.team-list li a span.container span.p{
		width: 117px;
	}

/* Appearance when Javscript is turned on */
.js body.teams div#Hero h2.subtitle{
	margin-bottom: 0;
}

.js body.teams ul.map-list{
	clear: none;
}

.js body.teams ul.map-list li{
	float: left;
	position: absolute;
	width: 232px;
	z-index: 4;
}

.js body.teams ul.map-list li a{
	background: transparent url(/assets/images/icons/pointer.png) 0 0 no-repeat;
	display: block;
	height: 20px;
	width: 20px;
}



.js body.teams ul.world-list{
	display: block;
}

.js body.teams ul.map-list li a:hover {
		z-index: 11;
	}

	.js body.teams ul.map-list li a:hover{
		background-position:0 50%;
		height:74px;
		top:-27px;
		width:240px;
	}

	.js body.teams ul.map-list li.reverse a:hover{
		background-position:100% 50%;
		left:-220px;
	}

/* Show popup on the left */
.js body.teams ul.map-list li.reverse{
	width: 0;
}

.js body.teams ul.map-list li.reverse a span.container{
	background-image: url(/assets/images/layout/teams-map-list-rev-div.png);
	background-position: 100% 50%;
}

.js body.teams ul.team-list{
	display: none;
}


	/* Specific point positions */

	body.teams ul.map-list li#CountryUK     { left: 430px; top: 185px; }
	body.teams ul.map-list li#CountryBelgium{ left: 449px; top: 197px; }
	body.teams ul.map-list li#CountryEgypt  { left: 516px; top: 278px; }
	body.teams ul.map-list li#CountryKuwait { left: 558px; top: 273px; }
	body.teams ul.map-list li#CountryQatar  { left: 577px; top: 285px; }
	body.teams ul.map-list li#CountryUSA { left:169px;top:208px; }

	/* Team specific positions */

	body.teams ul.map-list li#Team2 { left: 531px; top: 357px; } /* Wolves */
	body.teams ul.map-list li#Team3 { left: 566px; top: 390px; } /* Watford */
	body.teams ul.map-list li#Team11{ left: 554px; top: 359px; } /* Leicester */
	body.teams ul.map-list li#Team6 { left: 531px; top: 329px; } /* British Handball */
	body.teams ul.map-list li#Team12{ left: 445px; top: 340px; } /* British Handball */
	body.teams ul.map-list li#Team7 { left: 515px; top: 293px; } /* Egyptian Handball */
	body.teams ul.map-list li#Team5 { left: 551px; top: 267px; } /* Kuwait National team */
	body.teams ul.map-list li#Team4 { left: 475px; top: 270px; } /* Qatar National team */
	body.teams ul.map-list li#Team10{ left: 445px; top: 250px; } /* Qatar Olympic Committee */
	body.teams ul.map-list li#Team1 { left: 465px; top: 250px; } /* Al Gharafa Sports Club */
	body.teams ul.map-list li#Team9 { left: 435px; top: 290px; } /* Al Arabi Sports Club */
	body.teams ul.map-list li#Team8 { left: 465px; top: 310px; } /* Al Sadd Sports Club */
	body.teams ul.map-list li#Team13 { left: 588px; top: 231px; } /* Ismaily Football */
	body.teams ul.map-list li#Team14 { left: 540px; top: 390px; } /* Wolves */
	body.teams ul.map-list li#Team15 { left: 482px; top: 400px; } /* Wolves */
	body.teams ul.map-list li#Team16 { left:351px; top:351px; } /* US Handball Team */


/**
 *	5.3.2 Teams
 */


/**
 *	5.3.4 Teams > Individual team
 */
body.team div#Hero div.inner{
	background: transparent;
	height: auto;
}

body.team div#Hero h1{
	padding-bottom: 30px;
}

body.team div#Hero p.back{

}

body.team div.section{
	min-height: 460px;
	width: 296px;
}

	body.team div.section{
		margin-right: 20px;
	}

	body.team div.section-last{
		margin-right: 0;
	}

body.team div.section-double{
	float: right;
	margin-right: 0;
	width: 612px;
}

body.team div.section h3,
body.team div.section h3 + p{
	font-size: 100%;
	padding-bottom: 0;
}

	body.team div.section li{
		list-style: none;
		margin: 0;
	}



/**
 *	5.4 Competitions
 */


/**
 *	5.5.1 Media Room
 */
body.media-room div.section{
	margin-right: 0;
	width: 296px;
}

body.media-room div.section-even{
	margin-left: 20px;
	margin-right: 20px;
}

	body.media-room div.section ul{
		min-height: 279px;
		padding: 0;
	}

		body.media-room div.section ul li{
			border-top: 1px solid #5E5E5E;
			list-style: none;
			margin: 0 15px;
		}

			body.media-room div.section ul li:first-child{
				border-top: none;
			}

			body.media-room div.section ul li h3{
				margin: 0;
				padding-top: 15px;
			}

			body.media-room div.section ul li:first-child h3{
				padding-top: 0;
			}

			body.media-room div.section ul li p{
				padding:0;
			}

			body.media-room div.section ul li div.extra{
				display: none;
				height: 100px;
				overflow: visible;
			}

			body.media-room div.section ul li h3,
			body.media-room div.section ul li h3 a{
				color: #999;
			}

		/* Active news item */
		body.media-room div.section ul li.active{

		}

			body.media-room div.section ul li.active div.extra{
				display: block;
			}

			body.media-room div.section ul li.active h3,
			body.media-room div.section ul li.active h3 a{
				color: #FFF;
			}
			
			
		body.media-room div.section p.last{	
			float: left;
			border-bottom: 1px solid #5E5E5E;
			margin: 0 15px;
			padding: 0;
			width: 266px;
		}




/**
 *	5.5.2 Media Room > News
 */
body.news div.section{
	width: 296px;
}

body.news div.section-double{
	float: right;
	width: 612px;
}

	body.news div.section-double h1{
		border-bottom: 1px solid #5E5E5E;
		margin-bottom: 15px;
	}

	body.news div.section-double img{
		display: block;
		float: right;
		margin: 0 15px 15px;
	}

	body.news div.section-double div.entry-has-image{
		float: left;
		width: 299px;
	}


	body.news div.section-double p.important{
		color: #FFF;
	}


/**
 *	5.6 Contact
 */
body.contact div.section{
	width: 296px;
}

body.contact div.section-double{
	float: right;
	margin-right: 0;
	width: 612px;
}

	body.contact form div.field{
		float: left;
		padding-bottom: 10px;
	}

	body.contact form div.field-odd,
	body.contact form div.field-even{
		clear: none;
		width: 286px;
	}

	body.contact form div.field-odd{
		clear: both;
	}

	body.contact form div.field-even{
		clear: right;
		float: right;
	}

		body.contact form div.field input{
			width: 276px;
		}

		body.contact form div.field select{
			padding: 4px 5px;
			width: 286px;
		}

		body.contact form div.field textarea{
			height: 200px;
			width: 572px;
		}
		
		body.contact form div.field button{
			margin-right: 0;
		}
		
		/* Recaptcha */
		body.contact #recaptcha_widget{
			border: 1px solid #5E5E5E;
			border-width: 1px 0;
			padding: 10px 0;
			width: 582px;
		}

		body.contact #recaptcha_image,
		body.contact #recaptcha_image img{
			width: auto;
		}



/**
 *	5.7.1 Collection
 */

body.collection div.section{
	width: 217px;
}

body.collection form#FilterForm{
	padding-top: 0;
}

	body.collection form#FilterForm fieldset fieldset{	
		clear: both;
		padding: 15px 0;
	}
	
	body.collection form#FilterForm fieldset fieldset.child{
		padding: 15px 0 30px;
	}
	
	body.collection form#FilterForm fieldset fieldset.grandchild{
		padding: 15px 0 10px 22px;
	}

	body.collection form#FilterForm fieldset fieldset div.parent{
		border-bottom: 1px solid #5E5E5E;
		margin-bottom: 5px;
	}

	body.collection form#FilterForm label{
		color: #999;
		cursor: pointer;
		float: left;
		font-weight: normal;
		padding-bottom: 0;
		position: relative;
		width: 140px;
	}
	
		/*body.collection form#FilterForm label span{
			background: transparent url(/assets/images/icons/checkbox.gif) 0 -13px no-repeat;
			display: block;
			height: 13px;
			left: -22px;
			position: absolute;
			top: 0px;
			width: 13px;
		}
		
		body.collection form#FilterForm div.checked label span{
			background-position: 0 0;
		}*/
	
	body.collection form#FilterForm fieldset fieldset div.parent label{
		color: #FFF;
		font-weight: bold;
	}
	
	body.collection form#FilterForm fieldset fieldset.grandchild label{
		width: 100px;
	}

	body.collection form#FilterForm input{
		float: left;
		margin: 0 10px 0 0;
		padding: 0;
	}
	
	/*.js body.collection form#FilterForm input{
		visibility: hidden;
	}*/

body.collection div#Listings{
	float: right;
	margin: 0 0 80px;
	position: relative;
	width: 690px;
}

	body.collection div#Listings div#Fade{
		background: #000;
		background: rgba(0, 0, 0, 0.9);
		color: #FFF;
		display: none;
		left: -5px;
		position: absolute;
		text-align: center;
		text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
		top: 0;
		width: 691px;
	}

		body.collection div#Listings div#Fade span{
			background: #000 url(/assets/images/icons/loading.gif) center 15px no-repeat;
			background-color: rgba(0, 0, 0, 0.8);
			border-radius: 5px;
			display: block;
			font-size: 24px;
			margin: 80px auto;
			padding: 55px 0 20px;
			width: 140px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}

	body.collection div#Listings h2{
		color: #999;
		font-size: 100%;
		font-weight: normal;
		text-align: right;
	}

	body.collection div#Listings ul{
		float: left;
		margin: 0 0 0 -10px;
		padding: 0;
	}

		body.collection div#Listings ul li{
			background: #000 url(/assets/images/layout/home-section.jpg) 0 0 repeat-x;
			float: left;
			list-style: none;
			margin: 0 0 5px 5px;
			min-height: 200px;
			width: 169px;
		}

			body.collection div#Listings ul li img{
				display: block;
				margin: 17px auto;
				height:153px;
			}

			body.collection div#Listings ul li h3{
				background: transparent url(/assets/images/icons/collection-plus.png) right 21px no-repeat;
				border-top: 1px solid #5E5E5E;
				color: #999;
				font-size: 100%;
				font-weight: normal;
				letter-spacing: -0.01em;
				line-height: 14px;
				padding-right: 20px;
				padding-top: 10px;
			}

/**
 *	5.7.2 Collection > Product
 */

/* Product sales info */
body.product div.section{
	float: right;
	margin: 0;
	width: 296px;
}

	body.product div.section div.section{
		background: transparent;
		float: left;
		min-height: 1px;
		width: 120px;
	}

		body.product div.section div.section h3{
			font-size: 100%;
			padding-top: 0;
		}

		body.product div.section div.section ul{
			padding-top: 0;
		}

		body.product div.section div.section ul li{
			list-style: none;
			margin: 0;
		}

	body.product div.section div.section-double{
		border-top: 1px solid #5E5E5E;
		margin: 0 15px;
		padding: 15px 0 0;
		width: 266px;
	}

		body.product div.section div.section-double h3,
		body.product div.section div.section-double p{
			margin: 0;
			padding-left: 0;
			padding-right: 0;
		}

		body.product div.section div.section-double a.button{
			float: left;
			margin-left: 5px;
		}

/* Product image(s) */
body.product div.section-double{
	float: left;
	width: 612px;
}

body.product div.section-double a{
	display: block;
}

	body.product a#HeroImage{
		background: transparent url(/assets/images/icons/zoom.gif) right bottom no-repeat;
		margin-bottom: 15px;
	}

		body.product a#HeroImage img{
			display: block;
			margin: 0 auto;
		}

ul#Thumbnails{
	border-top: 1px solid #5E5E5E;
	float: left;
	margin: 0 0 0 -5px;
	padding: 8px 0 0;
	width: 100%;
}

	ul#Thumbnails li{
		float: left;
		list-style: none;
		margin: 0 0 5px 5px;
		padding: 0;
	}

		ul#Thumbnails li a,
		ul#Thumbnails li img{
			display: block;
		}

/**
 *	5.8	Where to buy
 */

body.where-to-buy div#ContentSecondary h2.subtitle{
	border-bottom: 1px solid #5E5E5E;
	clear: both;
	color: #FFF;
	font-size: 24px;
	margin: 0;
	text-transform: uppercase;
}

body.where-to-buy div#ContentSecondary ul{
	float: left;
	margin-left: -20px;
	padding: 22px 0;
	width: 948px;
}

	body.where-to-buy div#ContentSecondary ul li{
		background: #000 url(/assets/images/layout/where-to-buy-li.gif) 0 0 repeat-x;
		float: left;
		list-style: none;
		margin: 0 0 30px 20px;
		min-height: 240px;
		width: 217px;
	}

		body.where-to-buy div#ContentSecondary ul li h2{
			padding: 15px 0 10px;
		}

			body.where-to-buy div#ContentSecondary ul li h2 span{
				display: block;
			}

		body.where-to-buy div#ContentSecondary ul li p{
			border-bottom: 2px solid #CCC;
			margin: 0 15px 20px;
			min-height: 60px;
			padding: 0 0 10px;

		}

		body.where-to-buy div#ContentSecondary ul li div.image{
			background: transparent url(/assets/images/content/where-to-buy/wolves.png) center center no-repeat;
			height: 113px;
			text-align: center;
			width: 100%;
		}

			body.where-to-buy div#ContentSecondary ul li div.image a{
				display: block;
				height: 113px;
				overflow: hidden;
				text-indent: -99999px;
				width: 100%;
			}

	/* Alternate list style */
	body.where-to-buy div#ContentSecondary ul.alt{

	}

		body.where-to-buy div#ContentSecondary ul.alt li{
			background-image: url(/assets/images/layout/where-to-buy-li-alt.gif);
		}

			body.where-to-buy div#ContentSecondary ul.alt li p{
				border-bottom-width: 1px;
				min-height: 20px;
			}

			body.where-to-buy div#ContentSecondary ul.alt li:first-child p{
				border: none;
			}


/**
 *	5.9 Search
 */
body.search div.section{
	float: right;
	margin-right: 0;
	width: 296px;
}

body.search div.section-double{
	float: left;
	width: 612px;
}

	body.search div.section-double ol{
		padding: 0;
	}

		body.search div.section-double ol li{
			list-style: none;
			margin: 0;
			padding: 0 0 20px;
		}
		
		body.search div.section-double ol li a,
		body.search div.section-double ol li p{
			color: #999;
			font-weight: normal;
		}
		
		
			body.search div.section-double ol li a h3{
				color: #FFF;
			}
	
			body.search div.section-double ol li h3 span.type{
				float: right;
			}
	
			body.search div.section-double ol li p.metadata{
				font-style: italic;
			}

	/* Pagination */
	body.search div.section-double div.pagination{

	}

		body.search div.section-double div.pagination ul{

		}

			body.search div.section-double div.pagination ul li{
				float: left;
				list-style: none;
				margin: 0;
			}

				body.search div.section-double div.pagination ul li a{
					display: block;
					float: left;
					padding: 5px;
				}


/**
 *	5.10 Newsletter
 */
body.newsletter div.section{
	float: right;
	margin-right: 0;
	width: 296px;
}

body.newsletter div.section-double{
	float: left;
	width: 612px;
}

	body.newsletter div.section-double p.image-container{
		text-align: center;
	}
	
	body.newsletter div.section h2 span.closing-date{
		color: #FFF;
		float: right;
		font-size: 12px;
		font-weight: bold;
		padding-top: 4px;
		text-align: right;
	}
		
		body.newsletter div.section h2 span.closing-date span{
			color: #999;
			font-weight: normal;
		}
		
		body.newsletter div.section p{
			color: #FFF;
			font-weight: bold;
		}
		
		body.newsletter div.section p + form{
			border-top: 1px solid #5E5E5E;
		}
		
		body.newsletter div.section form{
			padding-left: 0;
			padding-right: 0;
			margin: 10px 15px 0;
		}
		
		body.newsletter div.section form div.errors{
			margin-right: 20px;
		}

	body.newsletter form div.field{
		float: left;
		padding-bottom: 10px;
		width: 286px;
	}

		body.newsletter form div.field input{
			width: 256px;
		}

		body.newsletter form div.field select{
			width: 267px;
		}

	body.newsletter form div.field-checkbox{
		width: 276px;
	}

	body.newsletter form div.field-checkbox label{
		color: #999;
		display: inline;
		font-weight: normal;
	}

	body.newsletter form div.field-checkbox input{
		display: inline;
		width: auto;
	}

/**
 *	5.11 Sitemap
 */
body.sitemap div.column,
body.sitemap div.section{
	float: left;
	width: 454px;
}

body.sitemap div.column-two{
	float: right;
}

body.sitemap div.section h2 a{
	color: #FFF;
}

body.sitemap div.section li a{
	color: #FFF;
	display: block;
}

	body.sitemap div.section li a:visited{
		color: #999;
	}

	body.sitemap div.section li a:hover{
		color: #999;
		text-decoration: underline;
	}

body.sitemap #SectionGeneral ul{
	padding: 0 15px 20px;
}

body.sitemap #SectionGeneral li a{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}


/**
 *	5.12 404
 */
body.error div.section{
	margin-left: 0;
	width: 928px;
}

	body.error div.section a:visited{
		color: #FFF;
	}