/*
	Envirofone shared CSS.
	This file is split into the following sections:

	1. Reset styles
	2. Form styles
	3. Control styles
	4. Type styles

*/


/* ---------------------------------------
	reset styles
--------------------------------------- */

	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;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}

	table
	{
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	td, th
	{
		vertical-align: middle;
	}
	
	sub
	{
		vertical-align: sub;
	}
	
	sup
	{
		vertical-align: super;
	}


/* ---------------------------------------
	form styles
--------------------------------------- */

	legend
	{
		font-size: 1.1em;
		font-weight: bold;
		
		margin-bottom: 14px;
		padding-bottom: 2px;
	}

	label,
	fieldset
	{
		display: block;
	}

	input,
	select,
	textarea
	{
		margin: 0;
		margin-right: 3px;
		margin-bottom: 4px;
		
		padding: 2px 3px;
		border: 1px solid #BBB;
	}

	input,
	textarea
	{
		width: 220px;
		padding: 3px 4px;
	}
	
	input[type='text'],
	input[type='password'],
	textarea
	{
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		
		-moz-background-clip: padding-box;
		-webkit-background-clip: padding-box;
		-background-clip: padding-box;
	}
	
	input[type='text'],
	input[type='password']
	{
		line-height: 17px;
		height: 18px;
	}
	
	input[type='hidden']
	{
		display: none !important;
	}
	
	select
	{
		width: 230px;
		height: 26px;
	}
	
	input.validate,
	select.validate
	{
		color: #EB2828;
		
		border-color: #FFA6A6;
		background-color: #FFFDFD;
	}
	
	.fullwidth
	{
		width: 490px;
		margin-left: 0 !important;
	}

	label
	{
		width: 235px;
		height: 19px;
		margin-right: 6px;
		
		float: left;
		clear: left;
	}

	fieldset
	{
		margin-top: 14px;
		padding-top: 14px !important;
		clear: both;
	}
	
	h3 + fieldset
	{
		margin-top: 0;
		padding-top: 0 !important
	}
	
	p + fieldset
	{
		margin-top: 9px;
		padding-top: 9px !important
	}

	fieldset p
	{
		line-height: 19px;
		margin-bottom: 9px;
	}
	
	span.requiredfield + p.smallprint,
	span.requiredfield + #validate-inline + p.smallprint
	{
		margin: 0 0 18px;
		line-height: 15px;
	}

	fieldset .indent,
	fieldset p
	{
		margin-left: 241px !important;
	}
	
	fieldset .indent
	{
		clear: both;	
	}
	
	fieldset.checkboxfieldset
	{
		margin-top: 14px;
	}

	fieldset.checkboxfieldset label
	{
		width: auto;
	}
	
	fieldset.checkboxfieldset input
	{
		margin-top: 2px;
	}
	
	fieldset.checkboxfieldset input,
	span.radiogroup input
	{
		margin-right: 6px;
		border: none;
		
		float: none !important;
	}
	
	fieldset.buttons
	{
		margin: 9px 0 24px 0;
		padding-top: 0 !important;
		display: inline;
	}
	
	span.radiogroup input,
	span.checkbox input,
	fieldset.checkboxfieldset input
	{
		width: auto;
		vertical-align: inherit;
	}
	
	span.checkbox input
	{
		margin-top: 3px;
	}
	
	span.input-divider
	{
		display: block;
		float: left;
		
		margin-right: 3px;	
	}
	
	fieldset.checkboxfieldset input,
	fieldset.checkboxfieldset label
	{
		float: left !important;
		clear: none;
		
		text-align: left !important;
	}
	
	span.radiogroup label,
	span.checkbox label
	{
		line-height: 12px;
	}
	
	span.radiogroup label
	{
		display: inline;
		width: auto;
	
		float: none;
		clear: none;
		
		padding-right: 14px;
	}
	
	span.radiogroup
	{
		height: 19px;
		display: block;
		
		margin-bottom: 5px;
	}
	
	span.radiogroup span + span.requiredfield
	{
		margin-left: -17px;
	}
	

/*
	standard button styles
	----------------------------------- */
	
	input.button		{ cursor: pointer; }
	input.buttondisabled	{ cursor: default; }
	
	input.button,
	input.buttondisabled
	{
		margin: 0;
		padding: 0 0 3px;

		display: block;
		float: left;

		width: 120px;
		height: 31px;

		color: #FFF;
		font-size: 0.9em;
		line-height: 20px;
		
		border-width: 0;
	}
	
	/* firefox-only button tweak */
	@-moz-document url-prefix()
	{
		input.button,
		input.buttondisabled
		{
			padding-bottom: 5px;
		}
	}


/*
	in-line validation
	----------------------------------- */

	#validate-inline
	{
		position: absolute;
		
		display: none;
		width: 103px;
		min-height: 30px;

		margin-top: -5px;
		padding: 7px 9px 9px;		
		border: 1px solid #F00;
		
		font-size: 11px;
		line-height: 15px;
		
		-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 0 3px;
		-moz-box-shadow: rgba(0, 0, 0, 0.35) 0 0 3px;
		box-shadow: rgba(0, 0, 0, 0.35) 0 0 3px;
		
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		
		background: #FFFDFD url(https://resources.envirofone.com/common/media/images/controls/validation/validation-popup.gif) repeat-x bottom;
	}
	
	#validate-inline span.arrow
	{
		display: block;
		position: absolute;
		
		margin-left: -28px;
		
		width: 19px;
		height: 17px;
		
		background: url(https://resources.envirofone.com/common/media/images/controls/validation/validation-popup-arrow.png) no-repeat;	
	}
	
	#validate-inline a.close
	{
		display: block;
		position: absolute;
		
		margin: -15px 0 0 101px;
		
		width: 20px;
		height: 20px;
		
		background: url(https://resources.envirofone.com/common/media/images/controls/validation/validation-close.png) no-repeat;	
	}
	
	* html #validate-inline span.arrow
	{
		display: none;
	}
	
	#validate-inline strong
	{
		display: block;		
		margin-bottom: 3px;
		
		font-size: 12px;
		color: #EB2828;
	}
	
	#username-available
	{
		position: absolute;
		margin: -54px 0 0 417px !important;		
		
		display: none;
		height: 16px;
		line-height: 16px;
		
		padding-left: 20px;
		font-size: 11px;
		
		background: url(https://resources.envirofone.com/common/media/images/controls/validation/username-available.gif) no-repeat 0 -16px;
		color: #9FC808;
	}
	
	p.username-available
	{
		background-position: 0 0 !important;
	}
	


/* ---------------------------------------
	control styles
--------------------------------------- */

/*
	additional controls type styles
	----------------------------------- */

	#trade-process h2,		/* make this the same as H1 */
	div.rightpanel h3,
	#more-info-bar h2
	{
		margin: 0 auto 9px;
		clear: both;
		
		font-size: 1.2em;		
	}

	#more-info-bar h2
	{
		margin-bottom: 18px;
	}
	
	h2.important
	{
		font-size: 1.2em;
		margin: 18px auto 9px;
	}

	h2.divider
	{
		margin-top: 18px;
		padding-top: 18px;
	}

	h3.divider
	{
		margin-top: 18px;
		padding-top: 18px;
		border-top: 1px dashed #A1A4B7;	
	}
	
	h3.divider-plain
	{
		margin-top: 27px;
		padding-top: 27px;
	}
	
	div.leftpanel label,			/* left panel labels need to be right-aligned */
	div.contact-form label,
	div.ConfirmTrade label
	{
		text-align: right;
	}


/*
	additional fieldset styles
	----------------------------------- */

	fieldset.access-details input
	{
		width: 150px;
	}

	fieldset.select-address p
	{
		margin-left: 0;
	}
	
	fieldset.select-address select
	{
		float: left;
		
		height: auto;
		margin-right: 13px;
	}

	fieldset.account-type
	{
		padding-bottom: 0;
	}

	fieldset.additional-about
	{
		margin-top: 5px;
	}
	
	fieldset.additional-about select,
	fieldset.additional-phone select
	{
		width: auto;
	}
	
	fieldset.about-you div
	{
		margin-bottom: 9px;
	}
	
	fieldset.about-you p
	{
		clear: both;
		margin-bottom: 0;
	}
	
	fieldset.about-you select
	{
		height: auto;
		margin: 3px 0 5px;
	}
	
	fieldset.about-you select + input.button
	{
		float: none;
	}
	
	input.small
	{
		width: 98px;
		float: left;
	}
	
	input.small + input.button + span.requiredfield
	{
		float: left;
	}
	
	fieldset.about-you input.button,
	fieldset.about-you input.buttondisabled
	{
		margin: -1px 2px 5px 0;
	}

	fieldset.communication-prefs,
	fieldset.additional-phone,
	fieldset.additional-about
	{
		margin-top: 0;
	}

	fieldset.communication-prefs
	{
		height: auto;
		
		margin-top: 0;
		margin-left: 241px;
	}
	
	fieldset.communication-prefs legend
	{
		padding-top: 18px;
		margin-left: -256px;
	}
	
	fieldset.communication-prefs input
	{
		clear: both;
	}
	
	fieldset.communication-prefs label
	{
		width: 215px;
		height: auto;
		
		margin-bottom: 9px;
	}
	
	fieldset.data-protection
	{
		margin-top: 24px;
	}
	
	fieldset.data-protection input
	{
		clear: left;
		margin-right: 6px;
	}
	
	fieldset.data-protection p
	{
		margin-left: 0 !important;
		clear: both;
	}
	
	fieldset.data-protection label
	{
		width: 400px;
		height: auto;
		
		margin-bottom: 9px;
	}
	
	fieldset.data-protection label + p
	{
		padding-top: 18px;
	}

	fieldset.data-protection label
	{
		font-size: 90%;
		font-weight: normal !important;
	}
	
	fieldset.data-protection + fieldset.checkboxfieldset
	{
		border-top: 1px solid #CCC;
	}
	

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

	fieldset.buttons:after,
	div.tradeconfirmation:after,
	div.tradeagain:after,
	div.optionbuttons:after,
	fieldset.about-you div:after,
	fieldset.data-protection:after,
	div.ConfirmTrade div:after,
	div.cartbuttons:after,
	div.payment-methods ul:after,
	.clearfix:after
	{
		content: "."; 
		display: block; 
		height: 0;
		clear: both; 
		visibility: hidden;
	}


/*
	phone search form
	----------------------------------- */

	div.TradeReminderForm input,
	div.TradeReminderForm label
	{
		width: 172px;
	}
	
	div.SearchBox input,
	div.SearchBox label
	{
		width: 145px;
	}
	
	div.SearchBox input.inactive
	{
		color: #9C9C9C !important;
	}
	
	div.TradeReminderForm input.button,
	div.SearchBox input.button
	{
		width: 120px;
	}

	div.SearchBox select
	{
		width: 154px;
	}
	
	div.SearchBox label,
	div.TradeReminderForm label
	{
		line-height: 19px;
	}

	div.SearchBox fieldset,
	div.TradeReminderForm fieldset
	{
		padding-top: 0 !important;	
	}
	
	div.SearchBox fieldset span,
	div.TradeReminderForm fieldset span
	{
		display: block;
		overflow: hidden;

		width: 190px;
		padding: 9px 0 0 18px;
	}

	div.SearchBox fieldset span
	{
		width: 168px;
		height: 50px;
		padding-top: 10px !important;
	}
	
	div.SearchBox .message
	{
		z-index: 2;
		
		position: absolute;
		margin: 93px 0 0 -12px !important;

		width: 250px !important;
	}
	
	div.TradeReminderForm fieldset
	{
		margin-top: 0;
	}
	
	div.SearchBox .customform,
	div.TradeReminderForm .customforms
	{
		margin-top: -5px;
	}
	
	div.TradeReminderForm select
	{
		width: 86px !important;
		float: left;
	}
	
	div.TradeReminderSent p
	{
		padding: 10px 18px;
		height: 100px;
	}
	
	div.TradeReminderForm .message
	{
		position: absolute;

		margin: 122px 0 0 10px !important;
		width: 200px;
	}
	
	div.SearchBox fieldset span
	{
		height: 50px;
		padding-left: 45px !important;
	}


/*
	trade progress bar
	----------------------------------- */
	
	div.TradeProgressBar
	{
		margin: 0 0 1px 1px;
	}

	div.TradeProgressBar,
	div.TradeProgressBar ul
	{
		width: 760px !important;
		height: 73px;
		
		list-style: none !important;
	}
	
	div.TradeProgressBar li
	{
		float: left;
		width: 94px;
		height: 73px;

		display: block;		
		text-indent: -10000px;

		margin: 0 24px;
	}

	div.TradeProgressBar li.select				{ margin-left: 30px; }
	div.TradeProgressBar li.tradecart			{ background-position: -188px 0; }
	div.TradeProgressBar li.enterdetails			{ background-position: -412px 0; width: 100px; }
	div.TradeProgressBar li.confirm				{ background-position: -512px 0; width: 107px; }
	div.TradeProgressBar li.complete			{ background-position: -619px 0; width: 91px; }

	/* don't let IE6 use these styles */
	div.TradeProgressBar ul > li.select.sticky		{ background-position: 0 -73px; }
	div.TradeProgressBar ul > li.tradecart.sticky		{ background-position: -188px -73px; }
	div.TradeProgressBar ul > li.enterdetails.sticky	{ background-position: -412px -73px; }
	div.TradeProgressBar ul > li.confirm.sticky		{ background-position: -512px -73px; }
	div.TradeProgressBar ul > li.complete.sticky		{ background-position: -619px -73px; }


/*
	select manufacturer icons/list
	----------------------------------- */

	ul.searchicons
	{
		clear: both;

		margin: 24px 0 0 0;
	}

	ul.searchicons li
	{
		display: block;
		float: left;
	}

	ul.searchicons img
	{
		display: block;
	}

	ul.searchicons a
	{
		display: block;

		width: 160px;
		height: 55px;
		
		overflow: hidden;
	}
	
	div.SearchForm p
	{
		clear: both;
	}
	
	div.results-none p
	{
		clear: none;
	}	
	
	div.SearchForm ul.searchicons + p
	{
		margin: 18px 0;
		font-weight: bold;
	}
	
	div.SearchForm ul.searchmakes
	{
		width: 100px;
		margin: 0 0 20px 0;
		padding-left: 20px;

		float: left;
	}
	
	div.SearchForm ul.searchmakes li
	{
		margin-bottom: 4px;
	}


/*
	select manufacturer search form
	----------------------------------- */

	div.SearchForm fieldset.customform
	{
		border: 1px solid #CCC;
		padding: 9px;
		
		margin-bottom: 9px;
	}
	
	div.SearchForm fieldset.customform span
	{
		display: block;
		float: left;
	}
	
	div.SearchForm fieldset.customform select
	{
		width: auto;
	}
	
	div.SearchForm fieldset.customform input.button
	{
		float: none;
		margin-left: 10px;
	}
	
	div.SearchForm fieldset.customform label
	{
		width: auto;
		margin-left: 10px;
	
		text-align: right;
		font-weight: bold;
	}
	
	div.SearchForm img
	{
		float: right;
		margin: -15px 0 18px 18px;

		padding: 1px;
		border: 1px solid #A1A4B7
	}
	
	div.SearchForm ul.searchicons img
	{
		margin: auto;
		border: none;
	}


/*
	recycle page
	----------------------------------- */
	
	div.Recycle ul li
	{
		margin-bottom: 9px;
	}


/*
	search results boxes
	----------------------------------- */

	.SearchResults .datalist
	{
		width: 490px;
		margin: 30px 0 0;
	}
	
	.SearchResults h1
	{
		margin-bottom: 9px;
	}
	
	.SearchResults h2 + .datalist
	{
		margin-top: 18px;
	}

	.SearchResults .datalist-featured li
	{
		display: none;
	}
	
	.SearchResults li.datalist-featured-one,
	.SearchResults li.datalist-featured-two
	{
		display: block;
	}

	.SearchResults .datalist li
	{
		float: left;
		list-style: none;

		width: 233px;
		height: 102px;
		
		margin: 0 -1px 10px 0;
		padding: 38px 5px 5px;
		
		border: 1px solid #CCC;
		background: #FFF;
	}

	.SearchResults .datalist li p
	{
		margin: 0 0 2px 0;
	}

	.SearchResults .datalist li strong + p
	{
		font-size: 0.9em;
	}
	
	.SearchResults .datalist li input
	{
		width: 19px;
		float: left;
	}
	
	.SearchResults .datalist li input.button,
	.SearchResults .datalist li a.traderecycle,
	.Details input.button
	{
		margin-top: -1px;
	}
	
	.SearchResults .datalist a.traderecycle
	{
		width: 100px;
		
		float: left;
		margin-top: 7px;
	}

	.SearchResults .datalist .itemheading
	{
		display: block;
		position: absolute;
		
		width: 223px;
	
		margin: -38px -5px 0 !important;
		padding: 5px 10px;
	
		font-weight: bold;	
		background-color: #F7F7F7;
	}
	
	.SearchResults .datalist-featured
	{
		margin: 18px 0 30px;
	}
	
	.SearchResults .datalist-featured .itemheading
	{
		margin-top: -50px !important;
	}
	
	.SearchResults .datalist-featured + .datalist-featured
	{		
		margin-top: 0;
	}
	
	.SearchResults .datalist-featured .itemheading
	{		
		width: 101px;
	}
	
	.SearchResults .datalist-featured li
	{		
		width: 111px;
		height: 204px;
		
		padding-top: 50px;

		overflow: hidden;
		text-align: center;
	}

	.SearchResults .datalist a.itemlink
	{
		float: left;
		margin-right: 7px;
	}
	
	.SearchResults .datalist-featured a.itemlink
	{
		display: block;
		float: none;

		margin-right: 0;
	}

	.SearchResults .datalist img
	{
		display: block;
		margin: 16px 0 10px;
	}
	
	.SearchResults .datalist li.recycle img
	{
		float: left;
		margin: 3px 4px 10px -2px;
	}
	
	.SearchResults .datalist li.recycle p
	{
		margin-bottom: 44px;
	}

	.SearchResults .datalist img.itemimage
	{
		width: 70px;
		height: 93px;
		
		margin: 0 0 10px 8px !important;
		float: none;
	}

	.SearchResults .datalist-featured img.itemimage
	{
		display: inline;
		
		margin-left: auto !important;
		margin-right: auto !important;

		width: 110px;
		height: 147px;
	}
	
	.SearchResults img.manufacturerlogo
	{
		position: absolute;
		margin: -30px 0 3px 390px;
	}


/*
	enter quantity
	----------------------------------- */
	
	.Details h1,
	.Recycle h1
	{
		margin-bottom: 36px;
	}
	
	.Details img.manufacturerlogo
	{
		position: static;
		float: right;
		
		margin: -64px 0 0 0;
	}
	
	.Details img.itemimage,
	.Recycle img.itemimage
	{
		float: left;

		margin: 0 20px 27px 0;
		padding: 65px 16px;

		border: 1px solid #CFCFCF;
		background-color: #FFF;
	}
	
	.Recycle h3
	{
		clear: left;
	}
	
	.Details input
	{
		width: auto;
		
		/* remove for latest controls */
		float: left;
	}
	
	.Details input.quantity
	{
		float: left;
		width: 18px;
	}
	
	.Details select
	{
		width: 175px;

		position: absolute;
		left: 0;
	}
	
	.Details h3,
	.Details h4,
	.Details p a.button
	{
		clear: left;
		display: block;
	}
	
	.Details div
	{
		float: left;
		position: relative;

		width: 250px;
	}
	
	.Details div.message
	{
		margin-top: -20px !important;
	}
	
	.Details div p
	{
		margin-top: 40px;
	}
	
	.Details div p.itemheading,
	.Details div p.smallprint,
	.Details div p.ItemIMEI,
	.Details div p.ItemCondition
	{
		margin-top: 0;
		clear: both;
	}

	.Details div p.smallprint
	{
		margin-bottom: 9px;
	}
	
	.Details p a.button
	{
		margin-bottom: 30px;
	}
	
	.Details input.button
	{
		margin: 35px 0 9px;

		/* remove for latest controls */
		margin: 0 0 18px;
	}
	
	.Details p a.priceguide
	{
		float: none;
		clear: left;
		
		margin-top: 30px;
		margin-bottom: 10px;
	}
	
	.Details p.ItemCondition,
	.Details p.ItemIMEI
	{
		margin: 0 0 6px;
		font-size: 0.9em;
		
		/* remove for latest controls */
		margin-top: 40px !important;
	}
	
	.Details p.ItemCondition a,
	.Details p.ItemIMEI a
	{
		text-decoration: none;
	}
	
	.Details p.ItemCondition a:hover,
	.Details p.ItemIMEI a:hover
	{
		text-decoration: underline;
	}
	
	body.moreinfo table,
	.Details table
	{
		width: 100%;
		margin: 9px 0 18px;
	}
	
	body.moreinfo table td.amount,
	body.moreinfo table th,
	.Details table td.amount,
	.Details table th
	{
		width: 130px !important;
		
		border-color: #C3DAE6 !important;
		background-color: #EDF8FA;
		
		text-align: right;
	}
	
	body.moreinfo table td.amount,
	body.moreinfo table th
	{
		width: auto;
		text-align: left !important;
	}
	
	body.moreinfo table td,
	body.moreinfo table th,
	.Details table td,
	.Details table th
	{
		padding: 5px 10px 17px;
		
		border: 1px solid #CCC;
		vertical-align: top;
	}
	
	body.moreinfo ul,
	.Details table ul
	{
		margin: 9px 0 0 18px;
	}
	
	body.moreinfo table li,
	.Details table li
	{
		margin-bottom: 6px;
	}
	
	.Details strong,
	.SearchResults li strong
	{
		display: block;
		color: #0C154C;

		font-size: 1.8em;
		font-weight: bold;
		margin: 4px 0 7px;
	}
	
	.Details strong
	{
		margin-top: 8px;
	}
	
	.Details strong
	{
		display: block;
		margin-bottom: 20px;
		
		font-size: 2.5em;
	}

	.Details p
	{
		margin-bottom: 2px;
	}

	.Details p.itemheading
	{
		margin-bottom: 0;
		
		font-weight: bold;
		font-size: 1.2em;
	}

	.Details p.itemheading + p
	{
		margin-top: 0;
		margin-bottom: 9px;
	}


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

	span.requiredfield,
	p.requiredfielddescription
	{
		color: #E31B23;
	}	

	p + p.requiredfielddescription
	{
		margin-top: 18px;	
	}

	p.requiredfielddescription
	{
		border: 1px solid #CCC;
		border-width: 1px 0;
		
		background-color: #F7F7F7;
		
		margin: 9px 0;
		padding: 4px 5px;
	}
	
	.message
	{
		display: block;
		width: auto !important;

		margin: 9px 0 18px 0 !important;
		padding: 8px 10px !important;

		background-color: #FFF !important;
		border: 1px solid #E31B23 !important;
		color: #373737;
		
		line-height: 18px;
		text-align: left;
	}
	
	fieldset + .message
	{
		margin-top: 18px !important;
	}
	
	.confirmationalert
	{
		background-color: #F7FDE6 !important;
		border: 1px solid #BDF12E !important;
		
		background: url(https://resources.envirofone.com/common/media/images/controls/alerts/confirmation.png?cache=68) no-repeat 12px 0;
		padding-left: 58px !important;
		
		min-height: 38px;
	}
	
	.warningalert
	{
		background-color: #FFF0F0 !important;
		border: 1px solid #FFA6A6 !important;
		
		background: url(https://resources.envirofone.com/common/media/images/controls/alerts/warning.png?cache=68) no-repeat 12px 0;
		padding-left: 58px !important;
		
		min-height: 38px;
	}
	
	.validationalert
	{
		background-color: #FFFFE0 !important;
		border: 1px solid #FFE826 !important;
		
		background: url(https://resources.envirofone.com/common/media/images/controls/alerts/validation.png?cache=68) no-repeat 12px 0;
		padding-left: 58px !important;
		
		min-height: 38px;
	}
	
	.confirmationalert strong	{ font-weight: normal; color: #449800 !important; }
	.warningalert strong		{ font-weight: normal; color: #EB2828 !important; }
	.validationalert strong		{ font-weight: normal; color: #F79D00 !important; }
	
	.message a,
	.message a:hover
	{
		color: #E31B23 !important;
	}
	
	.message span.errormessagelargetext
	{
		display: block;
		margin-bottom: 5px;
		
		font-size: 120%;
	}
	
	.messagealertbox
	{
		background-repeat: no-repeat;
		background-position: left center;

		padding-left: 60px !important;
		min-height: 44px;
	}
	
	span.errormessagelargetext
	{
		font-weight: bold;
	}


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

	div.MiniTradeCart a.button,
	div.MiniTradeCart a.button:hover	/* view cart button */
	{
		margin-top: 9px;
	}
	
	div.MiniTradeCart li a.button
	{
		display: none;
	}
	
	div.MiniTradeCart li
	{
		min-height: 28px;
		
		margin-bottom: 8px;
		padding-left: 57px;

		line-height: 15px;
		list-style: none;
	}
	
	div.MiniTradeCart li span
	{
		display: block;
		position: absolute;
		
		margin-left: -25px;
		line-height: 12px !important;
		
		font-size: 0.9em;
		color: #666;
	}
	
	div.MiniTradeCart li span.smallprint
	{
		margin-left: 0;
	}
	
	div.MiniTradeCart img
	{
		position: absolute;
		
		margin: -3px 5px 0 -57px;
		padding: 2px;
		
		vertical-align: middle;
		
		border: 1px solid #CCC;
		background-color: #FFF;
		
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
	}
	
	div.MiniTradeCart li.paymentmethod,
	div.MiniTradeCart li.carbonoffset,
	div.MiniTradeCart li.charitydonation
	{
		padding-left: 0;
		line-height: 18px;
	}
	
	div.MiniTradeCart li.paymentmethod strong
	{
		display: block;
		margin: 8px 0 7px;

		font-size: 1.4em;
		font-weight: bold;
		
		color: #0C154C !important;
	}
	
	div.MiniTradeCart li.paymentmethod img
	{
		display: block;
		position: relative;
		
		margin: 0;
		padding: 0;
		
		background: none;
		border: none;
	}
	
	div.MiniTradeCart ul
	{
		margin-left: 0 !important;	
	}
	
	div.MiniTradeCart li.minicarttotals
	{
		min-height: 0;
		
		padding-left: 0;
		margin-top: 9px !important;
		
		font-size: 1em;
	}


/*
	login box, right-hand side panels
	----------------------------------- */

	.paymentmethod h4,
	.paymentoption h4,
	.tradevalue h4,
	.detailstable td.column2
	{
		font-size: 2.5em !important;
		font-weight: bold;
		
		/* large fonts */
	}

	div.useraccount input
	{
		width: 170px;
	}
	
	div.useraccount input.button
	{
		width: 120px;
	}
	
	div.useraccount label
	{
		margin: 5px 0 2px;
		height: auto;
		min-height: 19px;
	}
	
	div.paymentmethod .button,
	div.completetrade .button
	{
		margin-top: 9px;
	}

	div.rightpanel h3,
	div.MiniTradeCart h2,
	fieldset.buttons,
	div.paymentmethod
	{
		margin-bottom: 18px !important;
	}

	div.paymentmethod h4,
	div.tradevalue h4
	{
		margin: 18px 0;
	}


/*
	confirmation/complete page
	----------------------------------- */
	
	div.ConfirmTrade fieldset.buttons
	{
		margin-top: 10px;
	}
	
	div.ConfirmTrade img.itemimage,
	div.TradeComplete img.itemimage
	{
		margin-right: 9px;
		vertical-align: middle;
	}
	
	div.ConfirmTrade fieldset p
	{
		font-weight: bold;
	}

	div.ConfirmTrade .confirmationalert
	{
		margin-bottom: 27px !important;
	}

	div.ConfirmTrade ul
	{
		list-style: none;
		margin-left: 0;
	}
	
	div.ConfirmTrade li
	{
		margin-bottom: 8px;
	}
	
	div.ConfirmTrade li img
	{
		padding: 2px;
	}
	
	div.ConfirmTrade input.small
	{
		width: 40px;
	}
	
	div.ConfirmTrade fieldset + p
	{
		margin-top: 18px;
	}

	div.tradevalue
	{
		margin-bottom: 18px;
	}
	
	table.couriercollection
	{
		margin-top: 9px;
	}
	
	table.couriercollection td
	{
		vertical-align: top;
	}
	
	table.couriercollection td.column2
	{
		padding: 0 20px 0 10px;
	}


/*
	trade cart review
	----------------------------------- */

	div.ConfirmTrade table.reviewpaymentoptions,
	div.TradeComplete table.reviewpaymentoptions
	{
		margin: 0 -10px 10px -5px !important;
		width: 198px;
		
		font-size: 0.9em;
	}
	
	table.reviewpaymentoptions tr:first-child td
	{
		border-top-width: 0 !important;
	}

	table.reviewpaymentoptions td
	{
		padding: 5px 5px 5px 0;
		border-bottom-width: 0;
	}
	
	table.reviewpaymentoptions td.descriptioncolumn
	{
		padding-right: 3px !important;
	}
	
	table.reviewpaymentoptions tr.grandtotalrow td
	{
		font-size: 1em;
		padding-bottom: 18px;
	}
	
	table.reviewpaymentoptions tr.grandtotalrow td strong
	{
		font-size: 1.3em;
	}


/*
	my account order sale pack
	----------------------------------- */
	
	.TradePackForm input.button
	{
		width: 140px;
	}


/*
	my account sale progress summary
	----------------------------------- */

	table.salesummary .icon img
	{
		display: block;
		margin: -8px auto;
	}
	
	table.salesummary div.note
	{
		width: 329px;
		
		margin: 18px 10px 10px;
		padding: 10px;
		
		background: #FFF;
		border: 1px solid #FFD4D4;
	}
	
	table.salesummary div.note fieldset.buttons
	{
		margin-bottom: 0 !important;
	}
	
	table.salesummary p.note-title,
	table.salesummary div.note em
	{
		font-style: normal;
	}
	
	table.salesummary div.note em
	{
		font-weight: bold;
	}
	
	table.salesummary td.status
	{
		text-align: right;
		vertical-align: top;
		
		padding-right: 10px;
	}
	
	tr.done td.status
	{		
		padding-left: 55px;
		background: url(/resources/common/media/images/controls/alerts/ok_small.png) no-repeat 10px 7px;
	}
	
	tr.warning td.status
	{		
		padding-left: 55px;
		background: url(/resources/common/media/images/controls/alerts/warning_small.png) no-repeat 10px 7px;
	}
	
	tr.warning td
	{
		background-color: #FFF0F0 !important;
		border: 1px solid #FFA6A6 !important;
	}
	
	tr.warning p.note-title	{ color: #EB2828 !important; }


/*
	my account sale details
	----------------------------------- */

	.TradeDetails img,
	.PaymentDetails fieldset,
	.PaymentDetails .paymentamount
	{
		float: left;
		clear: none;
	}
	
	.TradeDetails fieldset label,
	.PaymentDetails fieldset label
	{
		width: 150px !important;
	}

	.TradeDetails fieldset legend,
	.PaymentDetails fieldset legend,
	.TradeDetails fieldset,
	.PaymentDetails fieldset
	{
		width: 335px !important;
	}
	
	.TradeDetails fieldset p,
	.PaymentDetails fieldset p
	{
		margin-left: 157px !important;
	}
	
	.TradeDetails fieldset + fieldset
	{
		width: auto !important;
	}
	
	.TradeDetails fieldset.buttons,
	.PaymentDetails fieldset.buttons
	{
		clear: both;		
		margin-top: 30px !important;
	}
	
	.TradeDetails fieldset strong,
	.PaymentDetails fieldset strong,
	.PaymentDetails .paymentamount strong
	{
		display: block;	
		font-size: 2em;
	}
	
	.TradeDetails img.itemimage
	{
		margin-top: 20px;
	}
	
	.TradeDetails img,
	.PaymentDetails .paymentamount
	{
		display: block;
		margin: 0 20px 20px 0;
	}
	
	.PaymentDetails .paymentamount
	{
		text-align: center;
	}
	
	.PaymentDetails .paymentamount strong
	{
		margin-top: 10px;
	}
	
	.TradeDetails fieldset select,
	.PaymentDetails fieldset select
	{
		width: auto;
		float: left;
	}
	
	.PaymentDetails select,
	.PaymentDetails input
	{
		width: 160px !important;
	}
	
	.PaymentDetails input.small
	{
		width: 25px !important;
	}
	
	.PaymentDetails input.button
	{
		width: 120px !important;
	}
	
	.PaymentDetails .radiogroup input,
	.PaymentDetails #ctl00_ctl00_MC_MC_MA_DropDownPaymentDetailsDonationAmount
	{
		width: auto !important;
	}
	
	.TradeDetails fieldset
	{
		width: auto;
		clear: none;
		
		margin-bottom: 15px;
	}


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

	div.Authenticated table
	{
		background-color: #FFF;
	}

	div.Authenticated fieldset p
	{
		font-weight: bold;
	}
	
	div.Authenticated .Profile p
	{
		font-weight: normal;
	}
	
	div.Authenticated table,
	body.popup table
	{
		width: 100%;
		clear: both;
		
		margin-bottom: 9px;
	}
	
	table.tradeslist img,
	.CourierCollections table img
	{
		display: block;
	}
	
	div.Authenticated table,
	div.Authenticated tr,
	div.Authenticated th,
	div.Authenticated td,
	body.popup table,
	body.popup tr,
	body.popup th,
	body.popup td
	{
		border: 1px solid #CCC;
	}

	div.Authenticated th,
	div.Authenticated td,
	body.popup th,
	body.popup td
	{
		padding: 4px 5px;
	}

	div.Authenticated th,
	body.popup th
	{
		border: 1px solid #CCC;		
		background-color: #F7F7F7;
	}
	
	div.pagination
	{
		text-align: center;
		line-height: 24px;
		font-size: 0.9em;
		
		margin-bottom: 9px;
	}
	
	div.pagination input.left
	{
		float: left;
	}
	
	div.pagination input.right
	{
		float: right;
	}


/*
	choose/change payment option
	----------------------------------- */
	
	div.TradeCart li
	{
		list-style: none;
	}
	
	div.Authenticated table.multipaymentoptions,
	div.Authenticated table.multipaymentoptions tr,
	div.Authenticated table.multipaymentoptions th,
	div.Authenticated table.multipaymentoptions td
	{
		border: none;
	}
	
	div.TradeCart th,
	div.Authenticated th,
	div.TradeCart tr.paymentsectionrow td,
	div.Authenticated tr.paymentsectionrow td
	{
		text-align: center;
		font-weight: normal;
		
		background-color: #F7F7F7;
		padding: 4px 5px;
	}
	
	div.TradeCart td,
	div.Authenticated td
	{
		padding: 8px 5px;
	}
	
	tr.disabledrow td.descriptioncolumn,
	tr.disabledrow td.logocolumn,
	tr.disabledrow td.valuecolumn
	{
		opacity: 0.4;
	}
	
	tr.disabledrow td a.moreinfo
	{
		display: none;
	}
	
	table.multipaymentoptions
	{
		width: 100%;
		margin: 15px 0 0 !important;

		clear: both;

		border-collapse: collapse;
		border: none !important;
		
		border-top: 1px solid #CCC !important;
	}
	
	table.multipaymentoptions + table.multipaymentoptions
	{
		margin-top: 0 !important;
	}

	table.multipaymentoptions th
	{
		text-align: left;
	}

	table.multipaymentoptions th,
	table.multipaymentoptions td
	{
		border-bottom: 1px dashed #CCC !important;
	}
	
	table.payment-options th,
	table.payment-options td
	{
		border-bottom: 0 !important;
	}
	
	table.payment-options tr.paymentsectionrow td,
	table.payment-methods tr.paymentsectionrow td
	{
		text-align: left !important;
		font-weight: bold;	
	}

	table.multipaymentoptions th,
	table tr.paymentsectionrow td
	{
		border-top: 1px solid #CCC !important;
		border-bottom: 1px solid #CCC !important;
	}

	td.carbonoffsetcolumn input,
	td.selectcolumn input
	{
		width: auto;
		margin-right: 6px;
		
		border: none;
	}
	
	td.selectcolumn,
	td.logocolumn
	{
		vertical-align: top;	
	}
	
	td.selectcolumn
	{
		width: 20px;
		padding: 28px 15px 5px 0 !important;
		
		text-align: center;
	}
	
	th.imagecolumn,
	td.imagecolumn
	{
		width: 25px;
	}
	
	td.logocolumn
	{
		width: 18%;
		text-align: center;
	}
	
	td.logocolumn img
	{
		margin: 3px 3px 3px 0;
	}
	
	td.logocolumn label
	{
		clear: none;
		float: none;
		
		display: inline;
	}
	
	td.logocolumn input
	{
		margin-bottom: 0;
	}

	td.descriptioncolumn
	{
		padding: 15px 10px !important;
	}

	td.descriptioncolumn select,
	td.descriptioncolumn input
	{
		display: block;
		margin-left: 0 !important;
	}
	
	td.descriptioncolumn select,
	td.selectcolumn select
	{
		width: auto;
	}
	
	td.descriptioncolumn select
	{
		margin-top: 5px;
		margin-bottom: 18px;
	}
	
	.ChangePaymentOptions td.descriptioncolumn input
	{
		width: 190px;
	}

	table.multipaymentoptions th:last-child
	{
		text-align: right;
	}

	td.buttoncolumn
	{
		width: 110px;
	}

	td.valuecolumn
	{
		font-weight: bold;
		text-align: right !important;
	}

	tr.subtotalrow td,
	tr.grandtotalrow td
	{
		font-size: 1.4em;
		text-align: right;

		padding-bottom: 36px;
		border-bottom: none !important;
	}
	
	tr.grandtotalrow td strong
	{
		font-size: 1.4em;
	}
	
	table.multipaymentoptions label
	{
		text-align: right;
		width: 190px;
	}
	
	table.multipaymentoptions fieldset
	{
		margin-top: 0;
	}
	
	table.multipaymentoptions input.small
	{
		width: 20px;
	}

	a.moreinfo
	{
		display: inline-block;
		background: url(/resources/common/media/images/help.gif?cache=68) no-repeat 0 -18px;
		
		width: 18px;
		height: 18px;
		
		line-height: 18px;

		overflow: hidden;
		text-indent: -10000px !important;
		outline: none;
		
		margin: auto auto -4px 5px;
	}
	
	a.moreinfo,
	a.moreinfo:hover
	{
		color: rgba(255, 255, 255, 0) !important;
	}
	
	a.help
	{
		display: block;
		padding-left: 22px;
		
		background: url(/resources/common/media/images/help.gif?cache=68) no-repeat;
		line-height: 18px;
		color: #E31B23 !important;
	}
	
	div.cartbuttons a.button,
	div.cartbuttons input.button
	{
		display: block;
		float: left;
	}
	
	div.cartbuttons a.choosepaymentadd
	{
		float: right !important;
	}
	
	body.moreinfo			/* popup window */
	{
		padding: 18px 14px;
		background: #FFF;
	}
	
	body.moreinfo img
	{
		margin-bottom: 14px;
	}
	
	body.moreinfo img + p
	{
		margin-top: 0;
	}
	
	table.multipaymentoptions
	{
		margin-bottom: 10px !important;
	}
	
	h1 + div.charity-donation,
	h1 + div.payment-methods
	{
		margin-top: 9px;
	}
	
	div.charity-donation h2,
	div.payment-methods h2
	{
		border-bottom: 1px dashed #CCC !important;
		padding-bottom: 5px;
	}
	
	div.charity-donation,
	div.payment-methods,
	div.promo-code
	{
		margin-bottom: 15px;
		clear: both;
	}
	
	div.payment-methods
	{
		margin-bottom: 40px;
	}
	
	div.charity-donation img,
	div.payment-methods img
	{
		cursor: pointer;
	}
	
	div.charity-donation select
	{
		width: auto;
		vertical-align: middle;
	}
	
	div.charity-donation select#ctl00_ctl00_MC_MC_TP_DropDownCharitiesList
	{
		width: 215px;
	}
	
	div.payment-methods ul
	{
		margin: 0 0 20px !important;
	}
	
	div.payment-methods li
	{
		width: 160px;
		padding: 0 5px;
		float: left;
		
		text-align: center;
	}
	
	div.payment-methods input.button
	{
		margin: 0 auto 20px;
		float: none;
	}
	
	div.payment-methods strong
	{
		display: block;
		margin: 10px 0 20px;
		
		font-size: 2em;
	}
	
	div.promo-code
	{
		margin-bottom: 30px;
	}
	
	div.promo-code h2
	{
		margin-bottom: 0 !important;
	}
	
	div.promo-code h2 + p
	{
		margin-top: 0 !important;
	}
	
	div.promo-code input
	{
		display: inline-block;
		float: none;
		
		width: 120px;
		margin-right: -4px !important;
		
		vertical-align: middle;
	}
	
	div.promo-code input.button
	{
		width: 60px;
		margin: -1px 0 0 3px !important;
	}
	
	div.continuebutton,
	div.continuebutton input.button
	{
		float: right;
		margin-right: 0;
	}


/*
	my account address labels
	----------------------------------- */

	div.FreepostAddressLabel div,
	div.FreepostAddressLabel div p
	{
		text-align: left;
	}
	
	div.FreepostAddressLabel div
	{
		margin: 15px auto;
		border: 1px solid #000;
		padding: 30px 0 20px 40px;
		width: 390px;
	}

	div.FreepostAddressLabel #largetext
	{
		font-size: 1.8em;
		font-weight: bold;
		line-height: 1.4em;
		margin-top: 18px;
	}


/*
	my account courier collection	
	----------------------------------- */

	.CourierCollections p + table
	{
		margin-top: 18px;
	}
	
	.CourierCollections ul
	{
		margin-left: 18px;
	}
	
	.CourierCollections li
	{
		margin-bottom: 9px;
	}

	.CourierCollections tr.table-warning td
	{
		background-color: #FFF0F0 !important;

	}
	
	.CourierCollections td.column-details
	{
		width: 140px;
	}

	.CourierCollections td.column-status
	{
		width: 90px;
	}
	
	.CourierCollections td.column-details em
	{
		font-style: normal;
	}
	
	.CourierCollections td.column-details span
	{
		display: block;
		margin-bottom: 10px;
		
		font-size: 0.8em;
		font-weight: bold;
	}


/*
	support/FAQs
	----------------------------------- */
	
	ol.questions,
	ol.subcategories,
	ol.allcategories,
	div.topquestions ol
	{
		margin-left: 20px;
	}
	
	div.topquestions
	{
		margin-top: 18px;
	}
	
	p.breadcrumb
	{
		margin: 9px 0 18px;
	}

	p.breadcrumb a
	{
		color: #373737 !important;
	}


/*
	screen overlay
	----------------------------------- */

	#overlay
	{
		display: none;
		
		position: fixed;
		z-index: 10000;
		
		top: 0;
		left: 0;
		
		width: 100%;
		height: 100%;
		
		background: #000;
	}
	

/*
	screen overlay
	----------------------------------- */

	#country-selector
	{
		position: absolute;
		z-index: 10002;
		
		top: 160px;
		left: 50%;
		
		display: block;
		width: 345px;
		height: 205px;
		
		margin-left: -300px;
		padding: 25px 230px 0 25px;
		
		background: #FFF url(/resources/common/media/images/country-selector/background.jpg) no-repeat;
		
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
	}
	
	#country-selector strong.panel
	{
		display: block;
		
		width: 400px;
		height: 71px;
		
		margin: -25px 0 20px -5px;
		text-indent: -10000px;
	}
	
	ul#country-select
	{
		list-style: none;
		margin: 18px 0 0 0;
	}
	
	ul#country-select li
	{
		min-height: 30px;
		margin-left: 0;		
		
		line-height: 30px;
		font-size: 0.9em;
	}
	
	ul#country-select li a
	{
		min-height: 30px;
		
		display: block;
		padding-left: 38px;
	}
	
	ul#country-select li.country-active
	{
		margin-bottom: 6px;
		font-size: 1em;
	}
	
	ul#country-select li.country-active a
	{
		color: #77A104;
	}

	ul#country-select li.country-ie a
	{
		background: url(/resources/common/media/images/country-selector/ireland.gif) no-repeat;
	}

	ul#country-select li.country-gb a
	{
		background: url(/resources/common/media/images/country-selector/uk.gif) no-repeat;
	}

	ul#country-select li.country-se a
	{
		background: url(/resources/common/media/images/country-selector/sweden.gif) no-repeat;
	}

	ul#country-select li.country-de a
	{
		background: url(/resources/common/media/images/country-selector/germany.gif) no-repeat;
	}

	ul#country-select li.country-fr a
	{
		background: url(/resources/common/media/images/country-selector/france.gif) no-repeat;
	}

	ul#country-select li.country-es a
	{
		background: url(/resources/common/media/images/country-selector/spain.gif) no-repeat;
	}
	
	ul#country-select li a
	{
		color: #B94439;
		text-decoration: none;
	}


/* ---------------------------------------
	type styles
--------------------------------------- */

	body
	{
		font-size: 75%;
		line-height: 18px;
	}
	
	body, input, button, textarea, select
	{
		font-family: 'Lucida Grande', Tahoma, Verdana, 'Bitstream Vera Sans', sans-serif;
	}
	
	input, button, textarea, select
	{
		font-size: 99%;
	}

	h1
	{
		font-size: 1.25em;
	}

	h2, h3
	{
		font-size: 1.2em;
	}

	h4, h5
	{
		font-size: 1.1em;
	}

	h1, h2, h3, h4, h5
	{
		color: #0C154C;
	}

	h2, h3, h4,
	p + p,
	p + img,
	img + img,
	img + a img,
	a.button + p,
	img + p,
	img + h2.intro,
	ul + ul
	{
		margin-top: 9px;
	}
	
	h1 + p,
	h2 + p,
	h3 + p
	{
		margin-top: 9px;
	}
	
	.clear
	{
		display: block;
		clear: both;
	}
	
	p + ul,
	p + ol,
	h1 + ul,
	h1 + ol,
	h2 + ul,
	h2 + ol,
	h3 + ul,
	h3 + ol,
	body.popup ul,
	body.popup ol,
	div.news ul,
	div.news ol,
	.message ul,
	ul.indent
	{
		margin: 9px 0 9px 18px;
	}
	
	p + h2,
	p + h3
	{
		margin-top: 18px;
	}
	
	.message ul
	{
		margin-left: 18px !important;
	}	
	
	/* give messages more breathing room */
	.message ul		{ margin-bottom: 0; }
	.message ul + ul	{ margin-top: 18px; }
	
	ol ul li
	{
		margin-bottom: 9px !important;
	}
	
	ol.terms li,
	ul.terms li,
	ul.indent li
	{
		margin-bottom: 9px;
	}

	#more-info-bar li + li
	{
		margin-top: 9px;
	}
	
	sub, sup
	{
		font-size: 0.8em;
	}
	
	p.smallprint,
	.smallprint p
	{
		font-size: 0.9em;
		font-weight: normal !important;
		
		line-height: 15px;		
		color: #888;
	}
	
	.smallprint a
	{
		color: #888 !important;
	}
	
	div.MiniTradeCart li span
	{
		line-height: 16px !important;
	}
	
	
/*
	link styles
	----------------------------------- */

	a, a:link, a:active
	{
		color: #373737;
	}
	
	a:visited,
	a:visited + span
	{
		color: #777;
	}

	.underline
	{
		text-decoration: underline;
	}