/* ---------------------------------------
	layout styles
--------------------------------------- */

/*
	body and main background
	----------------------------------- */

	body
	{
		min-height: 660px;
	
		background: url(/resources/common/media/images/background.gif) repeat-x;
		color: #373737;
	}

	html
	{
		background: #C8CFD2 url(/resources/common/media/images/background-repeat.gif);
	}

	#header,
	.content
	{
		background-color: #FFF;
	}
	
	a:hover,
	a:hover strong,
	a:hover span
	{
		color: #E31B23 !important;
	}
	
	input,
	textarea,
	select
	{
		border: 1px solid #AFAFAF;
	}
	
	input.button,
	input.buttondisabled
	{
		width: 120px;
		height: 31px;

		background: url(/resources/common/media/images/buttons/buttons.png?cache=68) no-repeat -510px 0;
		text-shadow: 0 1px rgba(0, 0, 0, 0.25);
	}
	
	input.buttondisabled
	{
		opacity: 0.5;
	}


/*
	clearfix
	----------------------------------- */

	.content:after,
	#navigation:after,
	#trade-process:after,
	.clearfix:after,
	.NewsArticle + .NewsArticlesList a:after
	{
		content: "."; 
		display: block; 
		height: 0;
		clear: both; 
		visibility: hidden;
	}


/*
	fake buttons
	----------------------------------- */

	a.button,
	a.button:hover
	{
		display: block;

		width: 120px;
		height: 31px;
		
		line-height: 27px;
		text-align: center;
		text-decoration: none;

		color: #FFF !important;
		font-size: 0.9em;
		
		background: url(/resources/common/media/images/buttons/buttons.png?cache=68) no-repeat -510px 0;
		text-shadow: 0 1px rgba(0, 0, 0, 0.25);
		
		cursor: pointer;
	}


/*
	page templates
	----------------------------------- */
	
	body.popup div.main,
	body.popup div.StandardContent
	{
		width: auto;

		margin: 0;
		padding: 0;
		
		float: none;
	}
	
	div.main ul,
	div.main ol,
	div.StandardContent ul,
	div.StandardContent ol
	{
		margin-bottom: 18px;	
	}

	div.wide			/* forces full left panel width from floated layout */
	{
		width: 490px !important;
		
		padding: 0 !important;
		float: left;
	}

	div.main,
	div.StandardContent,
	#trade-process
	{
		/*min-height: 539px;*/
		
		width: 715px;
		margin-left: 200px;
		padding: 25px 0 25px 25px;
		
		float: left;
	}
	
	div.main,
	div.StandardContent,
	div.content-wide #trade-process
	{
		min-height: 400px;
		padding-top: 0;
	}
	
	div.content-wide div.main,
	div.content-wide div.StandardContent,
	div.content-wide #trade-process
	{
		width: 890px;
		/*min-height: 640px;*/
		
		margin-left: 0;
		padding-right: 25px;
		
		background: url(/resources/common/media/images/side-bar/side-bar.gif?cache=68) no-repeat -198px 0;
	}
	
	div.content-wide div.news
	{
		background-position: 0 0;
	}
	
	div.advert-space		/* page layout with side banner space */
	{
		float: left;
		width: 540px;
		
		padding-left: 25px;
		min-height: 650px;
	}
	
	body.popup
	{
		padding: 25px !important;
		background: #FFF !important;
	}

	#trade-process,
	.more-info-bar-background			/* standard trade process background */
	{
		min-height: 572px;
		background: url(/resources/common/media/images/trading-process/right-panel.gif?cache=68) no-repeat;
	}
	
	.content-wide .more-info-bar-background,
	.content-wide #trade-process
	{
		background-position: 200px 0;
	}

	div.container
	{
		padding: 25px 0;
	}


/*
	page headings
	----------------------------------- */

	.page-heading
	{
		padding: 0 20% 15px 0;
		margin-bottom: 25px;
	}
	
	.page-heading h1
	{
		position: relative;
		margin-bottom: 18px;
	}
	
	h1, h2, h3, h4, h5
	{
		color: #373737;
	}
	
	h1 strong, h2 strong, h3 strong, h4 strong, h5 strong
	{
		color: #0E9CC7;
	}


/*
	header styles
	----------------------------------- */

	#header,
	.content,
	#footer
	{
		width: 940px;
		padding: 0 25px;
		
		margin: 0 auto;
		overflow: hidden;
		background: #FFF;
	}
	
	body.popup #header
	{
		margin: -25px -25px 0;
		width: auto;
	}
	
	.content
	{
		/*position: relative;
		min-height: 700px;*/

		padding-top: 15px;
		padding-bottom: 15px;
		overflow: visible;
	}
	
	.home-page .content
	{
		padding-top: 341px;
		padding-bottom: 0;
		min-height: 0;
	}
	
	#header
	{
		height: 132px;
	}
	
	#header .logo
	{
		float: left;
		margin-top: 35px;
		
		width: 255px;
		height: 70px;
		
		text-indent: -10000px;
		outline: none;
		display: block;
		
		background-repeat: no-repeat;
	}
	
	/* pull up top navigation */
	#header .logo,
	ul#navigation
	{
		margin-bottom: -11px;
	}


/*
	top navigation
	----------------------------------- */
	
	#top-bar
	{
		width: 917px;
		height: 17px;
		
		padding-right: 23px;
		line-height: 22px;
		
		text-align: right;		
		font-size: 0.9em;

		clear: both;
	}
	
	#top-bar,
	#top-bar a,
	#top-bar a:hover,
	#top-bar a:visited + span
	{
		color: #373737 !important;
	}
	
	#top-bar a
	{
		font-weight: bold;
		text-decoration: none;
	}
	
	#top-bar a:hover
	{
		text-decoration: underline;
	}
	
	ul.quick-links,
	ul.quick-links *,
	div.CurrentUser,
	div.CurrentUser *
	{
		display: inline;
	}

	ul.quick-links
	{
		display: block;
		margin: 0 auto;
		
		float: right;
	}
	
	div.CurrentUser
	{
		float: right;
		width: auto;
		
		margin-right: 15px;
	}
	
	div.CurrentUser a.button,
	div.CurrentUser span
	{
		display: block;
		float: right;
	}
	
	div.SslLoginLink
	{
		display: none;
	}

	#top-bar div.CurrentUser a.button
	{
		width: 60px !important;
		height: 19px;

		margin: 2px 0 0 5px;

		background-position: 0 -124px;
		color: #FFF !important;
		
		font-weight: normal;
		line-height: 18px !important;
		text-decoration: none !important;
	}


/*
	main navigation
	----------------------------------- */
	
	#navigation
	{	
		margin-top: 41px;
		float: right;
	}
	
	#navigation li,
	#navigation a
	{
		float: left;
		
		height: 48px;
		display: block;
	}
	
	#navigation li.myaccount
	{
		margin-left: 10px;
	}
	
	#navigation li.myaccount,
	#navigation li.myaccount a
	{
		height: 60px;
	}
	
	#navigation li a
	{
		text-indent: -10000px;
		outline: none;
	}
	
	#navigation li a.sticky
	{
		background-color: #B7E9F8;
	}
	
	#navigation li.myaccount a.sticky
	{
		background-color: transparent;
	}


/*
	featured TV
	----------------------------------- */

	.featured-advert,
	.featured-advert a.picture
	{
		width: 300px;
		height: 174px;
	}

	.featured-advert
	{
		float: left;
		margin-right: 5px;
		
		background: url(/resources/common/media/images/media-centre/tv.gif?cache=52) no-repeat;
	}
	
	div.home-content .featured-advert
	{
		float: none;
		
		position: relative;
		margin: -164px 0 -22px 25px;
	}
	
	.featured-advert a.picture
	{
		display: block;
		padding: 0;
		
		background: url(/resources/common/media/images/media-centre/kebab.jpg?cache=52) no-repeat 15px 15px;
		text-indent: -10000px;
	}
	
	.featured-advert a.button
	{
		width: 120px;
		height: 21px;
		
		position: absolute;
		margin: -195px 0 0 166px;
		
		background: url(/resources/common/media/images/buttons/button-tv.png?cache=52) no-repeat;
		line-height: 22px;
	}
	
	#featured-youtube
	{
		width: 504px;
		height: 316px;
		
		margin-top: 25px;
		padding: 28px;
		
		background: url(/resources/common/media/images/media-centre/tv-large.png?cache=52) no-repeat;
	}


/*
	phone search side bar
	----------------------------------- */
	
	.content
	{
		position: relative;
	}
	
	#side-bar
	{
		position: absolute;
		top: 15px;
		left: 25px;

		width: 200px;
		min-height: 640px;

		z-index: 2;
		background: url(/resources/common/media/images/side-bar/side-bar.gif?cache=68) no-repeat;
	}
	
	#side-bar div.static
	{
		position: absolute;
		top: 84px;
	}
	
	#side-bar div.floating
	{
		position: fixed !important;
		top: 16px !important;
	}
	
	#side-bar h3
	{
		display: none;
	}
	
	#side-bar ul
	{
		list-style: none;
	}

	#start-here,
	#start-here a,
	.SearchBox fieldset.customform
	{
		margin: 0 !important;
	}

	#start-here
	{
		display: block !important;
		margin: 0 -28px 5px 0 !important;
		position: relative;
	}

	#start-here,
	#start-here a
	{
		width: 228px;
	}

	#start-here a
	{
		display: block;
		height: 79px;
		
		text-indent: -10000px;
	}
	
	.SearchBox select,
	.SearchBox input
	{
		display: block;
		margin: 0 !important;
		
		width: 143px !important;
		height: 24px;
		
		font-size: 1.1em;
		color: #373737;
		
		background-position: 0 0;
		border-color: #F1A8A8;
		
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}

	.SearchBox select
	{
		height: 32px;

		margin-bottom: 5px !important;
		padding: 6px 7px;
		
		background-color: #FFF;
	}
	
	.SearchBox label
	{
		display: none;
	}
	
	.SearchBox fieldset.customform
	{
		height: 122px;
	}
	
	.SearchBox fieldset.customform,
	.SearchBox fieldset.customform span
	{
		margin: 0 !important;
		padding: 0 !important;
	
		width: 200px !important;
		overflow: visible !important;
	}
	
	.SearchBox fieldset.customform span
	{
		width: 163px !important;
		height: 32px !important;

		margin-bottom: 5px !important;
		padding-left: 37px !important;
	}
	
	.SearchBox span.one		{ background: url(/resources/common/media/images/side-bar/side-bar-search-1.gif?cache=68) no-repeat; }
	.SearchBox span.two		{ background: url(/resources/common/media/images/side-bar/side-bar-search-2.gif?cache=68) no-repeat; }
	
	.SearchBox span.two input
	{
		float: left;
		
		width: 129px !important;
		height: 24px !important;

		padding: 4px 7px;

		line-height: 16px;

		background: url(/resources/common/media/images/side-bar/side-bar-search-small.gif?cache=68) no-repeat;
		border: none;
	}
	
	.SearchBox input.button
	{
		width: 145px !important;
		height: 38px !important;
		
		margin-top: 10px !important;
		margin-left: -1px !important;
		padding: 0 !important;

		text-indent: -10000px;
	}

	/* thawte logo in side bar */
	#side-bar a.thawte 
	{
		background: url("/resources/common/media/images/thawte-logo.png") no-repeat;
		display: block;
		height: 46px;
		text-indent: -10000px;
		width: 114px;

		position: absolute;
		top: 155px;
		margin-left: 40px;
	}
	

/*
	home page phone search side bar
	----------------------------------- */

	#Search
	{
		width: 420px;
		height: 337px;
		
		position: absolute;
		top: 15px;
		z-index: 3;
	}

	#Search .SearchBox
	{
		margin-bottom: 15px;
	}

	#Search .SearchBox fieldset.customform
	{
		width: 420px !important;
		height: 74px;
		
		margin-top: 147px;
		padding: 12px 0 0 0 !important;
	}
	
	#Search .SearchBox fieldset.customform span
	{
		width: auto !important;
	}
	
	#Search .SearchBox span.two
	{
		float: left;
	}
	
	#Search .SearchBox span.three
	{
		float: left;
		width: auto;
		
		padding-left: 0 !important;
	}
	
	#Search p strong,
	#Search ol strong
	{
		color: #E31B23;
	}
	
	#Search p,
	#Search ol
	{
		margin-left: 11px;
		list-style-position: inside;
	}
	
	#Search h1,
	#Search h2
	{
		position: relative;
		
		display: block;
		margin-bottom: 10px;
		
		text-indent: -10000px;
	}
	
	#Search h1
	{
		width: 355px;
		height: 68px;
	}
	
	#Search h2
	{
		width: 280px;
		height: 35px;
		
		margin-top: 0;
	}

	#Search .SearchBox input.button
	{
		margin: -2px 0 0 9px !important;
	}
	
	#Search .SearchBox span.one select
	{
		width: 165px !important;
	}
	
	#Search .SearchBox span.two input
	{
		width: 181px !important;
		background: url(/resources/common/media/images/side-bar/side-bar-search.gif?cache=68) no-repeat;
	}
	
	/* disable dropdown for A-B test */
	#Search.basic .SearchBox fieldset.customform
	{
		height: 37px;
	}
	
	#Search.basic .SearchBox span.one
	{
		display: none;
	}
	
	#Search.basic .SearchBox span.two
	{
		padding-left: 12px !important;
		background: none;
	}
	
	.home-page #Search.basic .SearchBox + #suggestions
	{
		margin-left: 12px !important;
	}
	

/*
	AJAX suggester
	----------------------------------- */
	
	#suggestions,
	#suggestions span.arrow
	{
		width: 187px;
	}
	
	#suggestions
	{
		display: none;
		clear: both;

		position: absolute;
		z-index: 200;
					
		margin: -46px 0 0 -7px;
		
		font-size: 1em;
		color: #373737;

		border-bottom: 2px solid #E31B23;
		pointer-events: none;

		-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
		-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
	}
	
	.home-page #suggestions
	{
		margin: -13px 0 0 37px;
	}
	
	#suggestions span.arrow
	{
		display: block;
		margin-top: -14px;
		height: 14px;
		
		background: url(/resources/common/media/images/suggester/arrow.png?cache=68);
	}

	#picker
	{
		display: block;
		overflow: hidden;
		
		width: 185px;
		
		background: #F9DCDC url(/resources/common/media/images/suggester/background.gif?cache=68);
		border: 1px solid #F1A8A8;
		border-width: 0 1px;
	}

	#picker div
	{
		display: block;
		float: left;

		width: 157px;

		padding: 8px 14px;
		background: #F9DCDC url(/resources/common/media/images/suggester/columns.gif?cache=68) no-repeat left center;
	}
	
	#picker div.popular
	{
		background: #FDF1F1 url(/resources/common/media/images/suggester/columns-popular.gif?cache=68) no-repeat left center;
	}
	
	#picker h3
	{
		display: block;
		margin: 0 0 2px 1px !important;
		
		font-size: 1em;
		text-indent: -10000px;
	}
	
	#picker p
	{
		display: block;

		margin: 0;
		padding: 0;
		
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;

		border: 1px solid #F9DCDC;
		cursor: pointer;
		pointer-events: auto;
	}

	#picker p.active
	{
		margin: 0 -4px;
		padding: 0 4px;

		border: 1px solid #FFF !important;
		background-color: #FDF1F1;
		color: #9F0016;

		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
	}

	#picker div.popular p
	{
		border-color: #FDF1F1;
	}

	#picker div.popular p.active
	{
		background-color: #FFF;
	}
	
	.suggestions-2-column,
	.suggestions-2-column span.arrow	{ width: 372px !important; }
	.suggestions-2-column #picker		{ width: 370px; }
	
	.suggestions-2-column span.arrow,
	.popular span.arrow			{ background: url(/resources/common/media/images/suggester/arrow-popular.png?cache=68) !important; }


/*
	slideshow
	----------------------------------- */

	#Slideshow
	{
		position: absolute;
		top: 0;
		
		width: 940px;
		height: 352px;
	}
	
	#Slideshow .slide
	{
		display: none;
		position: absolute;
		
		width: 940px;
		height: 352px;
	}
	
	#Slideshow .slide-active
	{
		display: block;
	}
	
	#Slideshow .slide ul
	{
		list-style: none;
		margin-left: 0;
	}
	
	#Slideshow #phone
	{
		display: block;
		cursor: pointer;
		
		position: absolute;
		z-index: 2;
		
		top: 43px;
		left: 422px;
		
		width: 135px;
		height: 224px;
		padding: 54px 0 0 22px;
		
		background: url(/resources/common/media/images/slideshow/phone-iphone.png?cache=68) no-repeat;
		text-decoration: none;
	}
	
	#Slideshow ul.controls
	{
		display: none;
		list-style: none;
		
		position: absolute;
		z-index: 2;
		
		top: 277px;
		right: 10px;
	}
	
	#Slideshow ul.controls a
	{
		display: block;
		
		width: 26px;
		height: 26px;
		
		overflow: hidden;
		
		margin-bottom: 3px;
		text-indent: -10000px;
	}
	
	#Slideshow ul.controls li.next a
	{
		background: url(/resources/common/media/images/slideshow/slide-next.png?cache=68);
	}
	
	#Slideshow ul.controls li.previous a
	{
		background: url(/resources/common/media/images/slideshow/slide-previous.png?cache=68);
	}
	
	.slide h3
	{
		position: absolute;
		right: -6px;
		
		height: 51px;
		margin-top: 21px;
	}
	
	.slide h1,
	.slide h2,
	.slide h3
	{
		display: block;
		overflow: hidden;
		
		text-indent: -10000px;
	}	
	
	.slide-football
	{
		background: url(/resources/common/media/images/slideshow/custom/slide-football.jpg?cache=68);
	}
	
	.slide-kebab
	{
		background: url(/resources/common/media/images/slideshow/custom/slide-kebab.jpg?cache=68);
	}
	
	.slide-couple
	{
		background: url(/resources/common/media/images/slideshow/custom/slide-couple.jpg?cache=68);
	}
	
	.slide-trust
	{
		width: 340px !important;
		padding-left: 600px;
		
		background: url(/resources/common/media/images/slideshow/custom/slide-trust.jpg?cache=68) no-repeat;
	}
	
	.slide-trust h2
	{
		width: 258px;
		height: 19px;
		
		margin: 67px 0 14px;
	}
	
	.slide-trust li
	{
		display: block;
		
		width: 340px;
		height: 35px;
		margin-bottom: 13px;
		
		text-indent: -10000px;
	}


/*
	featured makes
	----------------------------------- */

	.FeaturedMakes
	{
		display: block;
		position: relative;
		
		width: 910px;
		height: 141px;
	
		margin: 0;
		padding: 38px 0 0 30px;
		
		background: url(/resources/common/media/images/featured/featured-makes.png?cache=68) no-repeat;
	}
	
	.FeaturedMakes,
	.FeaturedMakes a
	{
		color: #FFF;
	}
	
	.FeaturedMakes h3
	{
		display: block;
		
		width: 291px;
		height: 29px;
		
		margin: 0 0 20px;
		text-indent: -10000px;
	}
	
	.FeaturedMakes a.button
	{
		display: block;
		
		width: 133px;
		height: 38px;
		
		margin: -1px 18px -1px -1px;
		background-position: 0 0;
		text-indent: -10000px;
	}
	
	.FeaturedMakes a.button,
	.FeaturedMakes p
	{
		float: left;
	}
	
	.FeaturedMakes p
	{
		display: block;
		
		width: 170px;
		margin-top: 0 !important;
	}
	
	.FeaturedMakes .searchicons
	{
		float: right;
		
		width: 560px;
		margin: 0;
	}
	
	.FeaturedMakes .searchicons li
	{
		margin-right: 28px;
	}
	
	.FeaturedMakes .searchicons li.icon-motorola,
	.FeaturedMakes .searchicons li.icon-sony-ericsson
	{
		margin-right: 0;
	}
	
	.FeaturedMakes .searchicons a
	{
		text-indent: -10000px;
	}
	
	.FeaturedMakes .icon-nokia a		{ background: url(/resources/common/media/images/controls/makes-featured/nokia-white.png); }
	.FeaturedMakes .icon-apple a		{ background: url(/resources/common/media/images/controls/makes-featured/apple-white.png); }
	.FeaturedMakes .icon-lg a		{ background: url(/resources/common/media/images/controls/makes-featured/lg-white.png); }
	.FeaturedMakes .icon-samsung a		{ background: url(/resources/common/media/images/controls/makes-featured/samsung-white.png); }
	.FeaturedMakes .icon-motorola a		{ background: url(/resources/common/media/images/controls/makes-featured/motorola-white.png); }
	.FeaturedMakes .icon-sony-ericsson a	{ background: url(/resources/common/media/images/controls/makes-featured/sony-ericsson-white.png); }



/*
	featured content
	----------------------------------- */

	.FeaturedContent
	{
		position: relative;
		clear: both;
		
		width: 940px;
		height: 215px;
		
		margin-top: 15px;		
		background: url(/resources/common/media/images/featured/featured-content.png?cache=68) no-repeat;
	}

	.FeaturedContent div
	{
		display: inline;
		float: left;
		
		width: 253px;
		height: 160px;
		padding: 25px 30px;
		
		background: url(/resources/common/media/images/featured/featured-content-divider.gif?cache=68) no-repeat;
	}
	
	.FeaturedContent div img
	{
		position: absolute;
		
		top: 192px;
		margin-left: -28px;
	}
	
	.FeaturedContent div.featured-survey img
	{
		margin-left: -30px;
	}
	
	.FeaturedContent h3
	{
		display: block;
		width: 268px;
		height: 15px;
		
		margin: 0 0 9px;

		background-repeat: no-repeat;
		text-indent: -10000px;
		color: #373737;
	}
	
	.FeaturedContent div.featured-survey h3		{ background-image: url(/resources/common/media/images/localised/en/heading-images/featured-content-survey.png?cache=68); }
	.FeaturedContent div.featured-green h3		{ background-image: url(/resources/common/media/images/localised/en/heading-images/featured-content-green.png?cache=68); }
	.FeaturedContent div.featured-chat h3		{ background-image: url(/resources/common/media/images/localised/en/heading-images/featured-content-chat.png?cache=68); }
	.FeaturedContent div.featured-news h3		{ background-image: url(/resources/common/media/images/localised/en/heading-images/featured-content-news.png?cache=68); }
	
	.FeaturedContent div.featured-news
	{
		background: none;
	}
	
	.FeaturedContent .NewsArticlesList,
	.FeaturedContent .NewsArticlesList ul,
	.FeaturedContent .NewsArticlesList li
	{
		float: none;

		width: auto;
		height: auto;
		
		margin: 0 !important;
		padding: 0 !important;
		
		border: none;
	}

	.FeaturedContent p a,
	.FeaturedContent li a strong
	{
		margin: 0 -5px;
		padding: 2px 5px;
		
		color: #0084A4;
		background-color: #DDF8FF;
		
		text-decoration: none;

		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}
	
	.FeaturedContent li a
	{
		text-decoration: none;
	}
	
	.FeaturedContent li a:hover
	{
		color: #373737 !important;
	}
	
	.FeaturedContent li a:hover strong
	{
		color: #E31B23 !important;
	}

	.FeaturedContent li a strong
	{
		font-weight: normal;
	}
	
	.FeaturedContent li a span
	{
		display: block;
		margin-bottom: 9px;
		
		font-size: 0.9em;
	}

	.FeaturedContent p a.button,
	.FeaturedContent li a.button
	{
		margin: 0;
		padding: 0;
		
		background-color: inherit;
	}
	
	.FeaturedContent a.button,
	.FeaturedContent a.button:hover
	{
		position: absolute;
		top: 160px;
		
		width: 130px;

		background-position: -630px -93px;
		color: #373737 !important;
		text-shadow: none;
	}
	
	.FeaturedContent .featured-green a.button,
	.FeaturedContent .featured-green a.button:hover
	{
		width: 150px;
		background-position: -900px -93px;
	}
	
	.FeaturedContent .featured-news a.button,
	.FeaturedContent .featured-news a.button:hover
	{
		width: 180px;
		background-position: -1380px -93px;
	}


/*
	phone search results
	----------------------------------- */

	.SearchResults .datalist li input.button,
	.SearchResults .datalist li a.traderecycle
	{		
		width: 100px;

		background-position: -300px -217px;
		color: #373737 !important;
		text-shadow: none;
	}
	
	.Details input.button
	{
		width: 100px;
		background-position: -300px -186px;
	}
	
	.Details a.button,
	.Recycle a.button
	{
		width: 150px;

		background-position: -900px -31px;
	}
	
	.Details p a.priceguide
	{
		width: 120px;
		margin-right: 50px;

		clear: both;		
		background-position: -510px -31px;
	}
	
	.Details strong,
	.SearchResults li strong
	{
		color: #E31B23;
	}
	
	.SearchResults .datalist li a.traderecycle
	{
		float: left;
		margin-top: 4px;
		
		width: 94px;
		background-position: -400px -217px;
	}
	
	.SearchResults .datalist li input.button,
	.SearchResults .datalist li a.traderecycle,
	.Details input.button
	{
		padding-left: 16px;
	}
	
	div#trade-process input.backbutton
	{
		width: 150px !important;
		margin: 18px 0 0 !important;
		padding-left: 3px !important;
		
		color: #FFF !important;
		background-position: -900px 0;
	}
	
	.Details img.itemimage,
	.Recycle img.itemimage
	{
		border: 1px solid #DCDCDC !important;
	}
	
	.SearchResults .datalist li.recycle img
	{
		margin-top: 10px;
	}
	
	.SearchResults .datalist li
	{
		border-color: #DCDCDC;
	}

	.SearchResults .datalist li .itemheading
	{
		background-color: #FAFAFA;
	}
	
	.SearchResults .datalist-featured li
	{
		border-color: #C7E4EF;
	}

	.SearchResults .datalist-featured li .itemheading
	{
		background-color: #EFF9FD;
	}
	
	.SearchResults img.manufacturerlogo
	{
		top: 45px;
	}




/*
	testimonials,
	scam,
	recovery
	----------------------------------- */

	.heading-testimonials h1, .heading-scam h1, .heading-recovery h1
	{
		display: block;
		
		width: 225px;
		height: 39px;
		
		margin-left: -25px;
		text-indent: -10000px;
	}
	
	.heading-testimonials h2, .heading-scam h2, .heading-recovery h2
	{
		margin-left: -10px;
		
		background-repeat: no-repeat;
		text-indent: -10000px;
	}
	
	.scam p
	{
		width: 690px;       
	}
	
	.scam img
	{
		margin: 20px 0 20px 0 ;
		border: 5px solid #d9d9d9;
	}


/*
	support/FAQs
	----------------------------------- */

	.heading-support h1
	{
		display: block;
		
		width: 95px;
		height: 39px;
		
		margin-left: -25px;
		text-indent: -10000px;
	}

	ol.allcategories
	{
		width: auto;
		height: 55px;

		margin: 9px 0 18px;
		list-style-type: none;
	}

	ol.allcategories li a,
	ol.allcategories li a:hover
	{
		display: block;
		text-indent: -10000px;
		
		width: 175px;
		height: 55px;
		
		cursor: pointer;
	}
	
	ol.allcategories li
	{
		float: left;
		margin-right: 2px;
	}


/*
	home page content
	----------------------------------- */

	a.start-button
	{
		display: block;
		background-repeat: no-repeat;
		
		width: 233px;
		height: 42px;

		margin-top: 18px;

		cursor: pointer;		
		text-indent: -10000px;
	}
	
	a.cv-button
	{
		display: block;
		
		width: 226px;
		height: 42px;
		background: url(/resources/common/media/images/buttons/button-cv.png?cache=68) no-repeat 0 0;
		
		cursor: pointer;
		text-indent: -10000px;
	}
	
	#trade-process a.featured,
	#trade-process object.featured
	{
		float: left;
		display: block;
		
		margin: 25px -25px 0;
		width: 540px;
	}
	
	#trade-process a.featured-border
	{
		border-top: 3px solid #0098CB;
	}

	.featured
	{
		clear: both;
	}

	.featured a,
	.featured .additional
	{
		text-indent: -10000px;
		overflow: hidden;
	}

	.featured .additional
	{
		height: 0;	
	}

	.featured .additional *
	{
		display: inline;
	}


/*
	home page news summary
	----------------------------------- */

	div.news-summary
	{
		width: 416px;
		height: 144px;

		padding: 25px 25px 25px;
		
		clear: none;
		float: left;
		
		overflow: hidden;
		
		border: 1px solid #BFEAF5;
		border-width: 0 0 1px;
	}
	
	div.news-summary h3
	{
		display: block;
		
		width: 154px;
		height: 36px;
		
		margin: 0 0 18px;
		
		background: url(/resources/common/media/images/localised/en/heading-images/news-heading.png?cache=68) no-repeat;
		text-indent: -10000px;
	}
	
	div.news-summary h3 a
	{
		display: block;
		
		width: 154px;
		height: 36px;
	}
	
	div.news-summary ul.index
	{
		margin-top: -50px;
	}
	
	div.news-summary ul.index li
	{
		display: block;
		width: 210px;

		float: left;
		padding-bottom: 10px;
	}
	
	div.news-summary ul.index li.latest
	{	
		background: url(/resources/common/media/images/news/bubble-main.png?cache=68) no-repeat;
		margin: 45px 0 0 0;
		
		width: 200px;
	}
	
	div.news-summary li.latest a
	{
		padding-left: 38px;
	}
	
	div.news-summary li
	{
		margin: 0 -15px 0 10px;
		
		border-top: none !important;
		
		font-size: 90%;
		line-height: 15px;
		
		background: url(/resources/common/media/images/news/bubble-minor.png?cache=68) no-repeat;
	}

	div.news-summary a
	{
		display: block;
		padding-left: 28px;
		
		text-decoration: none;
	}
	
	div.news-summary li strong,
	div.news-summary li span.date
	{
		display: block;
	}
	
	div.news-summary li strong
	{
		color: #11B5E9;
		font-weight: normal;
	}
	
	div.news-summary li.latest span.date
	{
		margin-bottom: 9px;	
	}
	
	div.news-summary li span.date
	{
		margin: 2px 0 6px;
		color: #666;
		
		background-position: 1px 2px
	}


/*
	community content
	----------------------------------- */

	.heading-community h1
	{
		display: block;
		
		width: 529px;
		height: 68px;
		
		margin-left: -25px;
		
		background-repeat: no-repeat;
		text-indent: -10000px;
	}

	.competition
	{
		padding: 0 265px 10px 0 !important;
		margin: 0 0 20px !important;
		
		width: 295px;
		min-height: 373px;
		
		background: url(/resources/common/media/images/competition/background.jpg) no-repeat top right;
	}

	.competition img.featured-image
	{
		float: left;
		margin: 9px 18px 18px 0;
	}

	.competition li
	{
		margin-bottom: 18px;
	}
	
	.competition ul li
	{
		margin-bottom: 0;
	}

	.competition ol ul
	{
		list-style: none;
	}

	#competition-button
	{
		display: block;
		
		width: 261px;
		height: 43px;
		
		margin-top: 20px;
		
		background: url(/resources/common/media/images/buttons/button-competition.png?cache=68) no-repeat 0 0;
		text-indent: -1000px;
	}

	.icon-splash,
	.icon-splash a,
	.icon-splash li
	{
		height: 150px;
	}

	.icon-splash
	{
		list-style-type: none;
		margin-left: 0 !important;
		
		display: none;
	}
	
	.icon-splash a,
	.icon-splash li
	{
		width: 180px;
	}
	
	.icon-splash a
	{
		text-decoration: none;
		position: absolute;
	}
	
	.icon-splash li
	{
		display: block;
		float: left;
	}
	
	.icon-splash li a span.click-arrow
	{
		margin: 110px 0 0 15px !important;
		background: url(/resources/common/media/images/community/arrow-button-green.png?cache=68) no-repeat 0 0;
	}
	
	.icon-splash li a:hover span.click-arrow,
	.icon-splash li a.sticky span.click-arrow
	{
		color: #66B741;
	}
	
	.icon-splash li.insurance a		{ background: url(/resources/common/media/images/community/icons/icon-insurance.gif?cache=68); }
	.icon-splash li.lifestyle a		{ background: url(/resources/common/media/images/community/icons/icon-lifestyle.gif?cache=68); }
	.icon-splash li.offers a		{ background: url(/resources/common/media/images/community/icons/icon-offers.gif?cache=68); }

	.icon-splash li.lifestyle a span.click-arrow
	{
		margin-left: 60px !important;
	}
		
	.icon-splash li.offers a span.click-arrow
	{
		margin-left: 50px !important;
	}
	
	ul.green
	{
		padding: 5px 0;
		border-top: 4px solid #D1E9C6;
	}
	
	ul.green li
	{
		border-color: #66B741;
	}
	
	ul.green li:first-child,
	ul.green li.first
	{
		padding-top: 3px;
		border-top-width: 0;
	}
	
	ul.green h3 span
	{
		border-color: #66B741;
	}


/*
	footer
	----------------------------------- */

	#footer
	{
		clear: both;
		font-size: 0.9em;	

		margin-bottom: 40px;
		padding-top: 15px;
		padding-bottom: 20px;
		
		border-top: 1px solid #DCDCDC;
	}
	
	.home-page #footer
	{
		border: none;
	}
	
	.footer-links
	{
		margin-top: -17px;
	}

	li + li a.accreditations
	{
		margin-left: 25px;
	}

	a.accreditations
	{
		display: block;
		margin-top: 20px;
		
		width: 250px;
		height: 46px;

		background: url(/resources/common/media/images/accreditations.png?cache=68) no-repeat;
		text-indent: -10000px;
	}
	
	a.accreditations-iso
	{
		display: block;
		margin-top: 14px;
		
		width: 79px;
		height: 55px;
		
		background: url(/resources/common/media/images/iso-14001.png) no-repeat;
		text-indent: -10000px;
	}
	
	img.stolen
	{
		margin-top: 21px;       
	}
			
	#twitter-follow,
	#facebook-follow
	{
		display: block;
		
		width: 121px;
		height: 46px;
		
		text-indent: -10000px;
	}

	#twitter-follow
	{
		/* margin: 0 -20px; */
		margin: 20px -20px 0 -20px;
		background: #67D5FC url(/resources/common/media/images/footer-twitter.gif) no-repeat;
	}

	#facebook-follow
	{
		margin-top: 20px;
		background: #00549F url(/resources/common/media/images/footer-facebook.gif) no-repeat;
	}

	.footer-more
	{
		height: 46px;
		padding-top: 20px;
	}

	.footer-more li
	{
		display: block;
		float: left;
	}

	#footer li
	{
		display: inline;
		margin: 0 20px 0 0;
	}
	
	#footer a				{ text-decoration: none; color: #014E6E; }
	#footer a:hover				{ text-decoration: underline; }


/*
	footer flags
	----------------------------------- */

	ul.footer-flags
	{
		height: 17px;
	}

	ul.footer-flags a,
	ul.footer-flags li
	{
		display: block;
		float: right;
		
		width: 16px;
		height: 12px;
	}

	ul.footer-flags li
	{
		margin: 3px 0 0 5px !important;
	}

	ul.footer-flags li.country-current
	{
		width: auto;
		height: 17px;

		margin: 0 5px 0 0 !important;
	}

	ul.footer-flags a
	{
		background: #FFF url(/resources/common/media/images/header/flags.gif?cache=68) no-repeat;		
		overflow: hidden;
	}
	
	ul.footer-flags span
	{
		display: none;
	}

	ul.footer-flags li.flag-uk a			{ background-position: 0 0; }
	ul.footer-flags li.flag-usa a			{ background-position: 0 -12px; }
	ul.footer-flags li.flag-australia a		{ background-position: 0 -24px; }
	ul.footer-flags li.flag-ireland a		{ background-position: 0 -36px; }
	ul.footer-flags li.flag-netherlands a		{ background-position: 0 -48px; }
	ul.footer-flags li.flag-sweden a		{ background-position: 0 -60px; }
	ul.footer-flags li.flag-france a		{ background-position: 0 -72px; }
	ul.footer-flags li.flag-germany a		{ background-position: 0 -84px; }
	ul.footer-flags li.flag-spain a			{ background-position: 0 -96px; }


/*
	left panels
	----------------------------------- */

	div.SearchForm,
	div.SearchResults,
	div.Details,
	div.TradeCart,
	div.ChoosePayment div.leftpanel,
	div.EnterDetails div.leftpanel,
	div.Register div.leftpanel,
	div.ConfirmTrade,
	div.TradeComplete,
	div.Recycle,
	div.donate_DonateAllForm,
	div.AccountLogin .leftpanel,
	div.Authenticated .leftpanel,
	div.SuggestPhoneSent
	{
		width: 490px;
		margin-right: 25px;
		
		float: left;
	}
	
	/* flip my account */
	div.AccountLogin .leftpanel,
	div.Authenticated .leftpanel
	{
		float: right;
		margin-right: 0;

	}
	
	div.TradeCart,
	div.TradeComplete			/* fudge the container to appear as full width/height */
	{
		display: inline;
		
		width: 690px !important;
		/*min-height: 605px;*/
		
		margin: -25px 0 -20px -25px !important;
		padding: 25px 25px 20px 25px !important;
		
		background: #FFF;		/* hide the background images underneath */
	}
	
	div.TradeCart
	{
		min-height: 590px;
	}
	
	div.TradeComplete			/* fudged, but should be narrower */
	{
		width: 490px !important;
		min-height: 0;
		
		padding-right: 225px !important;
		background: transparent;
	}
	
	div.AccountLogin .leftpanel,
	div.Authenticated .leftpanel,
	#more-info-content
	{
		width: 690px;
	}
	
	#more-info-content
	{
		float: left;
	}
	
	#more-info-content a.start-button
	{
		margin: 9px 0;
	}

	#trade-process div.leftpanel h3,	/* left panel legends and H3 tags need underlining */
	#trade-process div.leftpanel legend
	{
		border-bottom: 1px solid #DCDCDC;
		color: #E31B23;
		
		font-weight: bold;
		width: 490px;
	}
	
	#trade-process div.leftpanel table h3
	{
		width: auto;
		margin-top: 9px;
		
		border-bottom: none;
	}
	
	#trade-process div.leftpanel h3
	{
		margin: 18px 0 5px;
	}

	div.SearchForm ul li		{ margin-bottom: 9px; }


/*
	right panels
	----------------------------------- */
	
	#more-info-bar,
	div.MiniTradeCart,
	div.Additional,
	div.ChoosePayment div.rightpanel,
	div.EnterDetails div.rightpanel,
	div.Register div.rightpanel,
	div.TradeComplete div.rightpanel,
	div.AccountLogin .rightpanel,
	div.Authenticated .rightpanel
	{
		float: left;
		width: 180px;
		
		margin: 0 -25px 0 0;
		padding: 0 0 0 20px;
		
		display: inline;
	}
	
	/* flip my account */
	div.AccountLogin .rightpanel,
	div.Authenticated .rightpanel
	{
		float: left;
		margin: 0 0 0 -25px;
		padding: 0 20px 0 0;
	}
	
	div.rightpanel label
	{
		width: 180px;
	}
	
	#more-info-bar
	{
		min-height: 640px;
		
		margin-top: -18px;
		padding-top: 18px;

		float: right;
		
		background: url(/resources/common/media/images/trading-process/right-panel.gif?cache=68) no-repeat -540px 20px;
	}
	
	#more-info-bar h3
	{
		margin: 0 0 18px;
	}
	
	#more-info-bar a.button
	{
		width: 123px;
		padding-left: 17px;
		
		background-position: -760px -279px;
	}
	
	div.rightpanel fieldset.buttons
	{
		margin-top: -1px;
	}
	
	div.rightpanel fieldset.buttons .button,
	div.rightpanel fieldset.buttons .button:hover,
	div.paymentmethod .button,
	div.paymentmethod .button:hover
	{
		width: 90px;
		background-position: -210px 0;
	}


/*
	how it works page
	----------------------------------- */

	#more-info-content h1,
	#more-info-content h2,
	#more-info-bar h3
	{
		display: block;
		margin-left: -10px;

		background-repeat: no-repeat;
		text-indent: -10000px;
	}

	#more-info-content h1
	{
		margin-left: -25px;
		margin-bottom: 10px;
	}
	
	#more-info-bar h3
	{
		margin-left: -20px !important;
	}
	

/*
	my sales basket
	----------------------------------- */

	#side-bar .MiniTradeCart
	{
		display: none !important;
	}
	
	div.MiniTradeCart
	{
		width: 180px;
		
		margin-top: -25px;
		padding-left: 20px;
		
		border-top: 15px solid #FFF;
	}
	
	#trade-process
	{
		position: relative !important;
	}
	
	div.MiniTradeCart.floating
	{
		position: fixed !important;
		top: 16px;
		
		display: block;
		clear: both;
		float: none;
		
		margin: 0 0 0 515px;
		border-top: 0;
	}

	div.MiniTradeCart li span
	{
		color: #777;
	}
	
	div.MiniTradeCart img
	{
		border-color: #98C1D5;
	}
	
	div.MiniTradeCart h2
	{
		display: block;
		
		width: 200px;
		height: 79px;
		
		margin-left: -20px !important;

		text-indent: -10000px;
	}
	
	div.MiniTradeCart a
	{
		text-decoration: none;
		color: #373737;
	}
	
	div.MiniTradeCart a.button,
	div.MiniTradeCart a.button:hover	/* view cart button */
	{
		width: 120px;
		background-position: -510px -62px;
	}

	div.TradeCart 
	{
		float: left !important;
	}	


/*
	select manufacturer search form
	----------------------------------- */
	
	div.SearchForm fieldset.customform
	{
		display: none;
	}


/*
	payment options
	----------------------------------- */
	
	td.buttoncolumn
	{
		width: 30px;
	}
	
	input.choosepaymentremove
	{
		color: #373737;
	}
	
	input.choosepaymentremove,
	table.multipaymentoptions td.buttoncolumn a.button
	{
		width: 19px;
		height: 18px;
		padding-left: 16px;
		
		background-position: -210px -155px;
		text-indent: -10000px;
	}
	
	table.multipaymentoptions td.buttoncolumn a.button
	{
		padding-left: 9px;
	}
	
	div.cartbuttons a.choosepaymentadd,
	div.cartbuttons a.choosepaymentadd:hover
	{
		width: 135px !important;
		padding-left: 15px;
		
		background-position: -900px -248px !important;
		color: #FFF !important;
	}

	a.choosepaymentempty,
	a.choosepaymentempty:hover
	{
		width: 120px;
		
		background-position: -510px -31px !important;
	}

	input.choosepaymentcalculate
	{
		width: 90px;
		margin-left: 2px;
		
		background-position: -210px -31px !important;
	}
	
	div.payment-methods input.button,
	div.promo-code input.button
	{
		width: 70px;
		background-position: -60px 0;
	}
	
	div.promo-code input.button
	{
		background-position: -60px -31px;
	}

	a.moreinfo
	{
		background-image: url(/resources/common/media/images/help.gif?cache=68) !important;
	}

	#ssl-info
	{
		display: none;
		
		position: absolute;
		top: 200px;
		
		width: 290px;
		margin: 30px 0 0 395px;
		padding: 0 10px 0 20px;
		
		background: url(/resources/common/media/images/trading-process/right-panel-short.gif?cache=68) no-repeat -540px 0;
	}
	
	#ssl-info h2
	{
		width: 167px;
		height: 60px;
		
		margin: 0 0 0 -20px;	
		text-indent: -10000px;
	}

	#ssl-info p.important
	{
		background-color: #f2fbfe;
		border: 1px solid #c1ecf9;

		margin: 20px 0 0;
		padding: 10px;
	}


/*
	register form
	----------------------------------- */

	.useraccount input.button
	{
		background-position: -210px -31px !important;
	}

	#validate-inline
	{
		margin-top: -218px;
	}


/*
	confirm page
	----------------------------------- */

	div.ConfirmTrade input.button,
	div.ConfirmTrade input.buttondisabled
	{
		margin: 4px 0 20px !important;
		padding: 0;
		
		float: none;
		clear: left;
		
		width: 175px;
		height: 55px;

		text-indent: -10000px;
		background-repeat: no-repeat;
	}
	
	div.ConfirmTrade input.buttondisabled
	{
		background-position: 0 -55px !important;
		opacity: 1;
		
		text-indent: 0;
	}
	
	div.paymentmethod a.button,
	div.paymentmethod a.button:hover
	{
		background-position: -210px 0;
		color: #373737 !important;
	}
	
	div.tradeagain .button,
	div.tradeagain .button:hover
	{
		width: 150px !important;
		background-position: -900px 0;
	}


/*
	complete page
	----------------------------------- */

	div.tradeconfirmation .button,
	div.tradeconfirmation .button:hover
	{
		background-position: -510px 0;
		color: #373737 !important;
	}

	div.tradeagain .button,
	div.tradeagain .button:hover
	{
		background-position: -900px 0;
		color: #373737 !important;
	}


/*
	how it works page
	----------------------------------- */

	.how-heading h1
	{
		display: block;
		
		width: 270px;
		height: 36px;

		text-indent: -10000px;
	}

	.how-icon h3
	{
		font-size: 1.2em;
		margin-top: 0 !important;
	}
	
	.how-icon p
	{
		padding-right: 0 !important;
	}
	
	.how-icon em,
	em.starred
	{
		color: #707070;
	}
	
	.how-icon
	{
		background-repeat: no-repeat;
		
		margin-left: -5px;
		margin-bottom: 9px;
		
		padding-top: 18px;
		padding-left: 175px;

		min-height: 91px;
		
		background-color: #FFF;
	}
	
	.how-indent
	{
		display: block;
		margin: 20px 0 0 170px;	
	}

	em.indent
	{
		display: block;
		margin: 0 0 20px 170px;	
	}
	
	.how-one
	{
		margin-top: 18px;
		background-image: url(/resources/common/media/images/how-it-works/how-one.png?cache=68);
	}
	
	.how-two
	{
		background-image: url(/resources/common/media/images/how-it-works/how-two.png?cache=68);
	}
	
	.how-three
	{
		margin-bottom: 18px;
		background-image: url(/resources/common/media/images/how-it-works/how-three.png?cache=68);
	}
	

/*
	community splash screen								
	----------------------------------- */

	#community-splash li *
	{
		margin: 0;
	}

	#community-splash
	{
		margin: -14px -25px 0;
		height: 432px;

		background: url(/resources/common/media/images/page-divider-double.gif?cache=68) repeat-x 0 141px;
	}
	
	.news #community-splash
	{
		height: 151px;
		margin: 27px 0 0 0;
	}
	
	.news #community-splash li
	{
		margin-right: 15px;
	}

	#community-splash li,
	#community-splash li a
	{
		width: 90px;
		height: 121px;
		
		padding: 12px 120px 18px 25px;
		overflow: hidden;
	}

	#community-splash li
	{
		display: block;
		float: left;
	
		font-size: 0.8em;
		
		background: url(/resources/common/media/images/community/community-icon-background.gif?cache=68) no-repeat;
	}
	
	#community-splash li a
	{
		display: block;
		
		position: absolute;
		margin: -12px -120px -18px -25px;
		
		font-size: 1.1em;
		
		text-decoration: none;
		background-repeat: no-repeat;
		background-position:  125px 0;
	}
	
	.co2-matters a
	{
		background-position: 115px 0 !important;
	}
	
	#community-splash h3
	{
		margin-bottom: 10px;
		font-size: 1.2em;
		color: #373737 !important;
	}
	
	span.click-arrow
	{
		background: url(/resources/common/media/images/community/arrow-button.png?cache=68) no-repeat;

		font-weight: bold;
		display: block;

		padding-left: 25px;
		margin-top: 15px !important;

		line-height: 18px;
		height: 18px;
		
		position: absolute;
	}

	#community-splash li span.click-arrow
	{
		margin-top: 98px !important;
		width: 200px;
	}

	.environews a		{ background-image: url(/resources/common/media/images/community/background-tv.gif?cache=68); }
	.green-issues a		{ background-image: url(/resources/common/media/images/community/background-globe.gif?cache=68); }
	.your-views a		{ background-image: url(/resources/common/media/images/community/background-feedback.gif?cache=68); }
	.phone-offers a		{ background-image: url(/resources/common/media/images/community/background-eazyfone.gif?cache=68); }
	.money-saving a		{ background-image: url(/resources/common/media/images/community/background-coins.gif?cache=68); }
	.green-offers a		{ background-image: url(/resources/common/media/images/community/background-basket.gif?cache=68); }
	.blog a			{ background-image: url(/resources/common/media/images/community/background-blog.gif?cache=68); }
	.co2-matters a		{ background-image: url(/resources/common/media/images/community/background-co2.gif?cache=68); }
	.calculator a		{ background-image: url(/resources/common/media/images/community/background-calculator.gif?cache=68); }
	.competitions a		{ background-image: url(/resources/common/media/images/community/background-competition.gif?cache=68); }
	.media a		{ background-image: url(/resources/common/media/images/community/background-reel.gif?cache=68); }
	.no-background		{ background-image: none !important; }


/*
	pagination control
	----------------------------------- */

	div.advert-space ul.pagination
	{
		margin-right: -5px !important;
	}

	ul.pagination
	{
		list-style: none;
		margin: 10px 0 0 0 !important;
		
		float: right;
		display: inline;
	}
	
	ul.pagination li
	{
		display: block;
		float: left;
		margin-right: 5px;
	}

	ul.pagination li a
	{
		display: block;

		height: 18px;
		line-height: 18px;
		
		border: 1px solid #C3DAE6;
		text-decoration: none;

		margin-top: -2px;	
		padding: 0 5px;
		
		color: #373737;
	}
	
	ul.pagination li.next a,
	ul.pagination li.next a:hover,
	ul.pagination li.previous a,
	ul.pagination li.previous a:hover
	{
		border: none !important;
		background: none !important;
		
		line-height: 20px;
		color: #373737 !important;
	}
	
	ul.pagination li.next a:hover,
	ul.pagination li.previous a:hover
	{
		text-decoration: underline;
	}
	
	ul.pagination li a:hover,
	ul.pagination li a.active,
	ul.pagination li a.active:hover
	{
		border-color: #11B5E9;
		background-color: #11B5E9;
		
		color: #FFF !important;
	}

	ul.pagination li a:hover
	{
		background-color: #C3DAE6;
	}


/*
	community news index
	----------------------------------- */

	ul.index
	{
		list-style: none !important;
		margin-left: 0 !important;
	}

	ul.index li
	{
		border-top: 1px dashed #C3DAE6;
		
		margin-bottom: -1px;
		padding-bottom: 20px;
	}

	ul.index li:last-child
	{
		border-bottom-width: 0;
		padding-bottom: 0;
	}

	ul.index li.avatar
	{
		padding-left: 55px;
		background: url(/resources/common/media/images/community/avatar-40x40.gif?cache=68) no-repeat 0 10px;
	}
	
	div.NewsArticlesList li.avatar
	{
		background: none;
	}
	
	div.NewsArticlesList p a
	{
		text-decoration: none;
		display: block;
	}
	
	div.NewsArticlesList h2.intro
	{
		margin-top: 18px;
	}
	
	ul.index li.avatar img.articlephoto
	{
		width: 39px;
		margin: 10px 0 0 -55px;

		position: absolute;
	}
	
	ul.index li.avatar img.articlephoto,
	.competition img.featured-image
	{
		display: block;
		padding: 1px;

		border: 1px solid #C3DAE6 !important;
	}
	
	ul.index li.avatar-scott		{ background-image: url(/resources/common/media/images/community/avatar-40x40-scott.gif?cache=68);}
	ul.index li.avatar-sophie		{ background-image: url(/resources/common/media/images/community/avatar-40x40-sophie.gif?cache=68); }
	ul.index li.avatar-telegraph		{ background-image: url(/resources/common/media/images/community/avatar-40x40-telegraph.gif?cache=68);}
	ul.index li.avatar-tree			{ background-image: url(/resources/common/media/images/community/avatar-40x40-tree.gif?cache=68); }
	ul.index li.avatar-national-geographic	{ background-image: url(/resources/common/media/images/community/avatar-40x40-national-geographic.gif?cache=68); }
	ul.index li.avatar-mit			{ background-image: url(/resources/common/media/images/community/avatar-40x40-mit.gif?cache=68); }
	ul.index li.avatar-queens		{ background-image: url(/resources/common/media/images/community/avatar-40x40-queens.gif?cache=68); }
	ul.index li.avatar-samsung		{ background-image: url(/resources/common/media/images/community/avatar-40x40-samsung.gif?cache=68); }
	ul.index li.avatar-fote			{ background-image: url(/resources/common/media/images/community/avatar-40x40-fote.gif?cache=68); }
	
	ul.index h1,
	ul.index h2,
	ul.index h3
	{
		margin-top: 5px;
	}

	ul.index h3 a
	{
		text-decoration: none;
	}

	ul.index h3 span
	{
		padding-bottom: 5px;
		margin-bottom: 8px;
		
		font-size: 0.8em;
		display: block;

		border: 1px dashed #C3DAE6;
		border-width: 0 0 1px;

		line-height: 18px;
	}


/*
	community content
	----------------------------------- */

	h2.intro,
	h3.intro,
	.featured h4
	{
		margin: 0 0 9px;
	}

	h2.intro
	{
		font-size: 1.1em !important;
	}

	h3.intro
	{
		margin-top: 0;
	}

	h3.intro,
	ul.index h3 span,
	ul.index span.date
	{
		padding-left: 14px;
		background: url(/resources/common/media/images/icons/icon-document.gif?cache=68) no-repeat 1px 4px;
	}
	
	h2.intro,
	h3.intro,
	ul.index h3,
	.featured h4
	{
		font-weight: normal;
		font-size: 1.1em;
	}
	
	.no-icon
	{
		background: none !important;
	}

	a.more
	{
		color: #11B5E9 !important;
	}
	
	p.page-navigation
	{
		border: 1px dashed #C3DAE6;
		border-width: 1px 0;
		
		height: 22px;
		line-height: 22px;
		
		font-size: 0.9em;
	}
	
	p.page-navigation a
	{
		text-decoration: none;
		color: #373737;
	}	

	.content-iframe
	{
		border: none;
		overflow: hidden;
		
		width: 690px;
		height: 900px;
		
		margin-top: 20px;
	}
	
	div.news .content-iframe
	{
		width: 560px;
		height: 900px;
	}


/*
	community/account navigation
	----------------------------------- */

	#side-navigation,
	.myaccountnavigation
	{
		display: block;
		
		width: 200px;
		margin: 0 0 0 -25px;
		padding-top: 32px;

		float: left;
	}
	
	#side-navigation,
	#side-navigation li,
	.myaccountnavigation,
	.myaccountnavigation li
	{
		list-style: none;
	}
	
	#side-navigation a strong,
	#side-navigation li > strong
	{
		font-weight: normal;
	}
	
	#side-navigation li.sticky,
	#side-navigation li.sticky strong,
	.myaccountnavigation a.active,
	.myaccountnavigation a.active strong
	{
		font-weight: bold;
	}
	
	#side-navigation li.sticky li
	{
		font-weight: normal;
	}
	
	#side-navigation a:hover,
	.myaccountnavigation a:hover
	{
		color: #11B5E9;
	}

	#side-navigation li.home,
	.myaccountnavigation li.accounthome
	{
		position: absolute;
		
		margin: -33px 0 0 9px;
		
		width: 130px;
		height: 23px;
	}
	
	#side-navigation li.home a,
	#side-navigation li.home a:hover,
	.myaccountnavigation li.accounthome a,
	.myaccountnavigation li.accounthome a:hover
	{
		width: 121px;
		height: 28px;

		padding: 3px 0 0 19px;
		background: url(/resources/common/media/images/buttons/buttons.png?cache=68) no-repeat -760px -310px;
		
		line-height: 22px !important;
		font-weight: normal;
		color: #FFF !important;
		text-shadow: 0 1px rgba(0, 0, 0, 0.25);
	}
	
	.myaccountnavigation li.accounthome a,
	.myaccountnavigation li.accounthome a:hover
	{
		width: 111px;
		padding-left: 19px;
		background: url(/resources/common/media/images/buttons/buttons.png?cache=68) no-repeat -630px -310px;
		
		text-align: center;
		font-size: 0.9em;
	}
	
	#side-navigation li.home a strong
	{
		width: auto;
		padding: 0;
		background: none;
		color: #FFF !important;
		line-height: 22px !important;
	}
	
	#side-navigation ul,
	.myaccountnavigation ul,
	.myaccountnavigation
	{
		margin: 0 !important;
	}
	
	#side-navigation ul ul a
	{
		font-size: 0.9em;
		color: #373737;
		
		width: 110px;
		padding-left: 25px;
	}	
	
	#side-navigation li,
	#side-navigation strong,
	#side-navigation a,
	.myaccountnavigation li,
	.myaccountnavigation strong,
	.myaccountnavigation a
	{
		display: block;
		text-decoration: none;
		line-height: 16px;
		color: #E31B23;
		width: 150px;
	}
	
	.myaccountnavigation a
	{
		color: #373737;
	}
	
	.myaccountnavigation a.active
	{
		color: #E31B23;
	}
	
	#side-navigation li strong,
	#side-navigation a,
	.myaccountnavigation li  strong,
	.myaccountnavigation a
	{
		width: 120px;	
		padding: 4px 15px 7px;

		background: url(/resources/common/media/images/side-navigation-item.gif?cache=68) repeat-x bottom;
	}
	
	#side-navigation li a strong,
	.myaccountnavigation li a strong
	{
		width: auto;
		padding: 0;
		
		background: none;
	}
	
	div.NewsCategories
	{
		word-wrap: break-word;
	}


/*
	additional content styles									
	----------------------------------- */

	.picture
	{
		padding: 5px 5px 5px 0;		
		display: block;
	}
	
	.left
	{
		float: left;
	}
	
	.right
	{
		
		float: right;
	}
	
	.center
	{
		text-align: center;
	}
	
	img.right
	{
		margin-left: 12px;
		margin-bottom: 12px;
	}

	img.left
	{
		margin-right: 12px;
		margin-bottom: 12px;
	}
	
	.info-box
	{
		padding: 10px;
		margin: 9px 0 9px 18px;
		
		float: right;
		width: 205px;
	}
	
	.info-box img
	{
		margin: -10px;
		border: 5px solid #D2EFFB;
	}
	
	.info-box p.caption
	{
		margin: 1.6em 0 0 0 !important;

		text-align: right;
		font-style: italic;
		color: #11B5E9;
	}
	
	#visit-eazyfone
	{
		display: block;
		background: url(/resources/common/media/images/buttons/button-visit-eazyfone.png?cache=68) no-repeat 0 0;
		width: 162px;
		height: 33px;
		text-indent: -10000px;
		
		margin: 5px 0 10px 0;
	}


/*
	news article styling									
	----------------------------------- */

	#side-navigation + .NewsArticle
	{
		float: left;
		width: 560px;
	}

	div.bookmarks
	{
		width: 540px;
		height: 50px;

		margin: 10px 0;
		padding: 0 10px 5px;
		
		border: solid 1px #C3DAE6;
	}

	div.bookmarks h3
	{
		margin-bottom: 5px;
	}

	div.bookmarks ul
	{
		margin: 0;
		padding: 0;
	}

	div.bookmarks li
	{
		font-size: 0.8em;
		display: block;
		float: left;
		margin: 0 20px 0 0;
		padding: 0 0 0 25px;
	}

	div.bookmarks li.delicious
	{
		background: url(https://resources.envirofone.com/common/media/images/controls/bookmark/delicious.gif?cache=68) no-repeat left top;
	}

	div.bookmarks li.digg
	{
		background: url(https://resources.envirofone.com/common/media/images/controls/bookmark/digg.gif?cache=68) no-repeat left top;
	}

	div.bookmarks li.reddit
	{
		background: url(https://resources.envirofone.com/common/media/images/controls/bookmark/reddit.gif?cache=68) no-repeat left top;
	}

	div.bookmarks li.facebook
	{
		background: url(https://resources.envirofone.com/common/media/images/controls/bookmark/facebook.gif?cache=68) no-repeat left top;
	}

	div.bookmarks li.stumbleupon
	{
		background: url(https://resources.envirofone.com/common/media/images/controls/bookmark/stumbleupon.gif?cache=68) no-repeat left top;
	}
	
	.NewsArticle + .NewsArticlesList
	{
		float: left;
		margin-top: 18px;
		width: 560px;
	}
	
	.NewsArticle + .NewsArticlesList strong
	{
		margin-top: 5px;
		color: #11B5E9;
	}
	
	.NewsArticle + .NewsArticlesList strong,
	.NewsArticle + .NewsArticlesList span
	{
		display: block;
	}
	
	.NewsArticle + .NewsArticlesList a
	{
		text-decoration: none;
		display: block;
	}
	
	.NewsArticle + .NewsArticlesList img.articlephoto
	{
		width: 30px !important;
		height: auto !important;
		position: static !important;
		float: left;
		
		margin-top: 5px !important;
		margin-left: -45px !important;
	}
	
	.NewsArticle + .NewsArticlesList li.avatar
	{
		padding-bottom: 8px;
		padding-left: 45px !important;
	}
	
	.news img.articlephoto,
	.recovery img.articlephoto
	{
		float: left;
		max-width: 250px;
		
		margin: 9px 18px 9px 0;
		padding: 1px;
		
		border: 1px solid #C3DAE6 !important;
	}
	
	.news img.articlephoto.right,
	.recovery img.articlephoto.right
	{
		float: right;
		
		margin: 9px 0 9px 18px;
	}
	
	.news p img
	{
		margin: 9px 18px 18px 0;
		display: block;
	}


/*
	advert banners									
	----------------------------------- */
	
	div.top-banner,
	div.side-banner
	{
		background-color: #C5C5C5;	
		position: absolute;
		left: 50%;
		
		font-size: 0.8em;
		text-align: right;
	}

	div.top-banner span,
	div.side-banner span
	{
		display: block;
		margin: 2px 5px 0 0;
		
		width: 110px;
		float: right;
	}

	div.top-banner
	{
		top: 8px;
		margin-left: 18px;

		width: 468px;
		height: 60px;
		
		color: #FFF;
	}
    
	div.side-banner
	{
		top: 146px;
		margin-left: 350px;

		width: 120px;
		height: 600px;

		color: #373737;
	}
	
	div.top-banner iframe,
	div.side-banner iframe
	{
		overflow: hidden;
	}
	

/*
	required fields and errors
	----------------------------------- */

	p.requiredfielddescription
	{
		background-color: #FAFAFA;
		border-color: #DCDCDC;
	}


/*
	my account my sales
	----------------------------------- */

	.TradeDetails fieldset input.button
	{
		width: 70px;
		background-position: -60px 0;
	}

	table.salesummary div.note input.button
	{
		width: 120px;
		background-position: -510px 0;
	}


/*
	my account order sale pack
	----------------------------------- */
	
	.TradePackForm input.button
	{
		background-position: -760px 0;
	}

	
/*
	my account additional styles
	----------------------------------- */

	.AccountLogin .leftpanel h1
	{
		display: block;
		
		width: 206px;
		height: 39px;
		
		background: url(/resources/common/media/images/localised/en/heading-images/my-account.gif?cache=68) no-repeat !important;
		text-indent: -10000px;
	}

	div.Authenticated th,
	body.popup th
	{	
		background-color: #EEF8FB;
	}
	
	table.tradeslist a.button
	{
		width: 70px;		
		background-position: -60px 0;
	}
	
	.AccountHome .button
	{
		width: 180px;
		background-position: -1380px 0;
	}
	
	.content-wide .Authenticated .Profile fieldset.buttons
	{
		padding-left: 0;
	}


/*
	choose/change payment option
	----------------------------------- */

	div.TradeCart th,
	div.Authenticated th,
	div.TradeCart tr.paymentsectionrow td,
	div.Authenticated tr.paymentsectionrow td
	{
		background-color: #FAFAFA;
		border-color: #DCDCDC !important;
	}
	
	table.multipaymentoptions th,
	table.multipaymentoptions td,
	table.multipaymentoptions,
	div.TradeCart h2,
	div.charity-donation h2,
	div.payment-methods h2
	{
		border-color: #DCDCDC !important;
	}

/*
	sale progress bar
	----------------------------------- */

	div.TradeProgressBar,
	div.TradeProgressBar ul
	{
		width: 740px !important;
		height: 68px;
		margin: 0 !important;
		
		background: none;
		border-bottom: none;
		
		overflow: hidden;
	}
	
	div.TradeProgressBar ul
	{
		width: 700px !important;
		padding-left: 40px !important;
	}
	
	div.TradeProgressBar li
	{
		width: 113px !important;
		height: 68px;

		margin: 0 10px 0 0;
		background-repeat: no-repeat;
	}	

	div.TradeProgressBar
	{
		padding-left: 200px !important;
		background-color: #FAE2E2;
	}
	
	.language-en div.TradeProgressBar li.complete
	{
		display: none;
	}

/*
	bank logos
	----------------------------------- */
	
	#bank-logos
	{
		display: none;
	
		position: absolute;
		top: 460px;
		width: 660px;

		margin: 20px 0 0 0;
		padding: 10px;

		background-color: #f2fbfe;
		border: 1px solid #c1ecf9;
	}	
	
	#bank-logos p.important
	{
		background-color: #f2fbfe;
		border: 1px solid #c1ecf9;

		margin: 20px 0 0;
		padding: 10px;
		width: 600px;
	}
		
	#bank-logos ul
	{
		height: 46px;
		padding-left: 40px;
	}

	#bank-logos li 
	{
		display: inline;
		margin: 0 40px 0 0;
	}

	#bank-logos li 
	{
		display: block;
		float: left;
	}

	#bank-logos .bank-logo
	{
		display: block;
		height: 46px;
		text-indent: -10000px;
	}
	
/*
	media centre
	----------------------------------- */

	div.media-centre
	{
		min-height: 198px;
	}
	
	div.media-centre p
	{
		margin-bottom: 18px;
	}


/*
	battlefones
	----------------------------------- */

	#battlefones
	{
		float: left;
		text-align: center;
		
		width: 890px;
		height: 644px;

		padding: 20px 25px 20px;
		
		background-color: #000;
		color: #FFF;
	}
	
	#battlefones object
	{
		display: block;
		
		width: 550px;
		height: 400px;

		margin: 0 auto 40px;
	}
	
	#battlefones *
	{
		color: #FFF;
	}

	#battlefones textarea
	{
		color: #373737;
		font-size: 0.8em;
		line-height: 150%;
		
		width: 250px;
		height: 100px;
		
		overflow-x: hidden;
		word-wrap: break-word;
	}
	
	#battlefones p
	{
		margin-bottom: 5px;
	}
	
	#battlefones div.left,
	#battlefones div.right
	{
		display: inline;
	}
	
	#battlefones div.left
	{
		margin-left: 80px;	
	}
	
	#battlefones div.right
	{
		margin-right: 80px;	
	}
	
	#battlefones div.bookmarks
	{
		clear: both;
		margin: 0 auto;
		padding: 20px;
		
		border: none;
		text-align: center;	
	}
	
	#battlefones div.bookmarks h3
	{
		font-size: 1em;
		font-weight: normal;	
	}
	
	#battlefones div.bookmarks ul,
	#battlefones div.bookmarks li
	{
		display: inline;
		float: none;
	}

/*
	Hamilton Brady Ad
	----------------------------------- */

	.hamilton-brady-ad
	{
		clear: both;
		float: none;

		width: 490px;
		padding-top: 25px;
	}

	.hamilton-brady-ad h3
	{
		display: block;
		width: 455px;
		height: 43px;
		
		color: #920234;
		background: transparent url(/resources/common/media/images/hamilton-brady/hamilton-header.png?cache=68) no-repeat scroll 0 0;
		
		text-indent: -10000px;
	}

	.hamilton-brady-ad strong
	{
		font-weight: bold;
		color:#920234;
	}

	.hamilton-brady-ad ul
	{
		margin-bottom: 16px;	
	}

	.hamilton-brady-ad ul li
	{
		list-style-type: disc;
		list-style-position: inside;
		margin-bottom:6px;
	}

	.hamilton-brady-ad a
	{
		padding-right:16px;
		float:right;
		display:block;
	}

	#hamilton-brady .logo
	{
		float: left;
		padding-left:16px;
		display: block;	
		clear:both;
	}

	.hamilton-brady-ad a#cta-hb
	{
		width: 188px;
		height: 29px;
		background: url(/resources/common/media/images/hamilton-brady/hamilton-button.png?cache=68) no-repeat;
		text-indent: -10000px;
		display: block;
		float: right;
		margin-top: 16px;
		margin-bottom: 20px !important;
	}
	
	.hamilton-brady-ad a.logo
	{
		width: 233px;
		height: 44px;
		background: url(/resources/common/media/images/hamilton-brady/hamilton-logo.png?cache=68) no-repeat;
		text-indent: -10000px;
		display: block;
		float: left;
		margin-top: 16px;
		margin-bottom: 20px !important;
	}
	

/*
	testimonials
	----------------------------------- */
	
	div.testimonials .page-heading h1
	{
		margin-bottom: 0;
	}
	
	div.testimonials .page-heading h2
	{
		margin-top: 9px;
		margin-bottom: 0;
	}
	
	div.testimonials h2
	{
		margin-top: 18px;
		margin-bottom: 9px;
	}
	
	div.testimonials h3
	{
		margin-top: 9px;
		margin-bottom: 18px;
		
		font-size: 1em;
		color: #E31B23;
	}
	
	div.testimonials h3 span
	{
		font-weight: normal;
		color: #AAA;
	}
	
	div.testimonial
	{
		width: 405px;
		float: left;

		margin-bottom: 9px;
	}
	
	div.page-heading + div.testimonial,
	span.clear + div.testimonial,
	h2 + div.testimonial
	{
		padding-right: 40px;
	}


/*
	site exit survey
	----------------------------------- */
	
	.survey h1
	{
		display: block;
		
		width: 302px;
		height: 68px;
		
		position: absolute;
		right: 25px;
		top: 35px;

		text-indent: -10000px;
	}
	
	.survey a.button
	{
		float: left;
		margin: 20px -1px 0;
		
		text-indent: -10000px;
		background-position: 0 0;
	}
	
	.survey #survey-buttons
	{
		float: left;
		width: 100%;
		
		padding: 25px;
		margin: 0 -25px -25px;
		background-color: #DDF8FF;
	}
	
	.survey #survey-buttons a.button-survey-yes
	{
		width: 222px;
		height: 38px;
	}
	
	.survey #survey-buttons a.button-survey-no
	{
		width: 167px;
		height: 31px;
		
		margin-top: 27px;
		margin-left: 8px;
	}