/***************************************************************\
 
 Stylesheet:	core.css 
 Contains:		universal styles
 Used:			all pages
 
\***************************************************************/


/* begin media wrapper */
@media screen
{
	/* basic canvas */
	html, body
	{
		font:normal normal normal 100%/1.3 arial, sans-serif;
		margin:0;
		padding:0;
		background:#dbe5ee;
		color:#fff;
	}
	
	body
	{
		font-size:0.85em;
	}
	
	/* styled canvas and canvas elements
	   all this float is because we can't use overflow hidden 
	   I did find a simpler way actually, but it only worked in Opera :-P 
	   none of these rules apply to IE6, which implements the canvas 
	   and frame layout entirely differently [see hacks/ie6.css for details] */
	html > body, 
	body [class="stripes"], 
	body [class~="gradient"][class~="left"],
	body [class~="gradient"] > [class~="right"],
	body [class~="texture"][class~="left"],
	body [class~="texture"] > [class~="right"]
	{
		float:left;
		width:100%;
	}

	/* "page" containers */
	.frame .page
	{
		position:relative;
		z-index:2000;
		min-height:400px;
		padding:0;
		background:#fff;
		color:#333;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}
	
	.frame.index .page
	{
		margin:20px 0;
	}


	/* resets */
	h1, h2, h3, p, ul, ol, li, dl, dt, dd, blockquote, 
	table, tbody, thead, tr, th, td, 
	form, fieldset, label
	{
		margin:0;
		padding:0;
		list-style-type:none;
		font-weight:normal;
	}
	
	img
	{
		border:none;
	}
	
	fieldset
	{
		border:none;
	}
	
	
	/* meta markup */
	.access-label
	{
		position:absolute;
		left:-10000px;
	}
	
	abbr
	{
		font-style:normal;
		border:none;
		cursor:default;
	}
	
	hr
	{
		display:none;
	}
	
	/* 	hyperlinks */
	a, a:visited
	{	
		color:#042a49;
		text-decoration:underline;
		cursor:pointer;
	}
	
	a:hover, a:focus, a:active
	{
		color:#cde;
	}

	.frame .page
	{
		color:#333;
	}
	
	.frame .page a, .frame .page a:visited
	{	
		color:#045ab0;
	}
	
	.frame .page a:hover, .frame .page a:focus, .frame .page a:active
	{
		color:#043c73;
	}

	/* edit link */
	.frame .page a.edit, .frame .page a.edit:visited
	{
		font-size:1em;
		font-weight:bold;
		display:inline-block;
		padding-left:21px;
		text-decoration:none;
		min-height:15px;
		background:url(../images/icons/edit.png) no-repeat;
	}
	html.images-off .frame .page a.edit, html.images-off .frame .page a.edit:visited
	{
		padding-left:0;
	}

	/* back link and send link */
	.frame .page p.back, .frame .page p.send
	{
		margin:15px 0 7px 15px;
		clear:both;
	}
	
	.frame .page .column p.back, .frame .page .column p.send
	{
		margin:0 0 7px;
	}
	
	.frame .page a.back, .frame .page a.back:visited, 
	.frame .page a.send, .frame .page a.send:visited
	{
		font-size:0.95em;
		font-weight:normal;
		display:inline-block;
		min-height:15px;
	}

	.frame .page a.back, .frame .page a.back:visited
	{
		background:url(../images/icons/back.png) no-repeat 0 45%;
		padding-left:16px;
	}
	
	.frame .page a.send, .frame .page a.send:visited
	{
		background:url(../images/icons/unread.png) no-repeat 0 45%;
		padding-left:22px;
	}

	html.images-off .frame .page a.back, html.images-off .frame .page a.back:visited,
	html.images-off .frame .page a.send, html.images-off .frame .page a.send:visited
	{
		padding-left:0;
	}
	
	
	

	/* index list links */
	ul.index a, ul.index a:visited
	{
		text-decoration:none;
	}
	ul.index a:hover, ul.index a:focus, ul.index a:active
	{
		text-decoration:underline;
	}

	

	
	
	
	
	
	/* headings */
	h1, h2, h3, h4
	{
		font-family:arial, sans-serif;
		clear:both;
	}
	
	h1.noclear, h2.noclear
	{
		clear:none;
	}
	
	h1, h2.h1, h3.h1
	{
		margin:25px 0 0.3em 0;
		font-size:1.8em;
		font-weight:normal;
		border:none;
		color:#333;
		background-image:none;
	}
	
	h2, h3.h2, h4.h2
	{
		margin:20px 0 0.6em 0;
		font-size:1.4em;
		font-weight:bold;
		border:none;
		color:#333;
		background-image:none;
	}
	
	h3, h2.h3, h4.h3
	{
		margin:30px 0 0.6em 0;
		padding:0 0 4px 0;
		font-size:1.3em;
		font-weight:bold;
		color:#4b6c8f;
		background:url(../images/backgrounds/fading-border.png) no-repeat 100% 100%;
	}
	
	html.images-off h3, html.images-off h2.h3, html.images-off h4.h3 
	{
		background-image:none;
		padding-bottom:3px;
		border-bottom:1px solid #c3c3c3;
	}
	
	h4, h3.h4, h2.h4
	{
		margin:20px 0 0.8em 0;
		font-size:1.15em;
		font-weight:bold;
		border:none;
		color:#333;
		background-image:none;
	}
	
	.enterbid h2.h3
	{
		margin-top:0;
	}
	
	
	/* sub-headings 
	   [which are not actually heading elements, though they can be] */
	.subheading
	{
		margin:-0.8em 0 1.5em 0;
		color:#555;
		font-size:1em;
		font-weight:bold;
		border:none;
	}
	
	
	
	/* paragraphs, lists and addresses */
	p, .content ul, .content ol, address
	{
		margin:0 0 1em 0;
	}
	
	.content ol, .content ol li
	{
		list-style-type:decimal;
		background:none;
	}

	.content ol.alphabetical, .content ol.alphabetical li
	{
		list-style-type:lower-alpha;
	}

	.content ol 
	{
		padding-left:18px;
		margin-left:18px;
	}
	
	.content ul, .content ul li
	{
		list-style-type:disc;
		background:none;
	}

	.content ul 
	{
		padding-left:15px;
		margin-left:15px;
	}
	
	.content ol li ol, .content ul li ul, .content ol li ul, .content ul li ol
	{
		margin-top:0.4em;
		padding-bottom:0.4em;/* stupid collapsing margins mean i have to use padding instead of margin 
		                        ... did i ask you to do that? i don't think so! */
	}
	
	p:last-child, .content ul:last-child, .content ol:last-child
	{
		margin-bottom:0;
	}
	
	q
	{
		font-style:italic;
		color:#555;
	}

	address
	{
		font-style:normal;
	}
	
	address *
	{
		display:block;
	}
	
	address .region, address .postal-code
	{
		display:inline;
	}
	address .locality
	{
		font-variant:small-caps;
	}



	/* denoting no content description */
	p.empty, h2.empty
	{
		color:#777;
	}
	h2.empty
	{
		font-weight:normal;
	}
	
	
	
	/* buy it now */
	strong.bin, *.binprice, strong.makeoffer
	{
		font-style:normal;
		font-weight:normal;
		color:#BF350B;
		white-space:nowrap;
	}
	
	strong.makeoffer
	{
		color:#107a00;
	}
	
	/* urls */
	em.url
	{
		font-size:0.9em;
		color:#676767;
		font-style:normal;
	}
	
	
	/* dark blue price labels */
	strong.bidprice, strong.binprice,
	label.bidprice, label.binprice
	{
		color:#122940;
		font-weight:bold;
	}
	

	/* datetime microformat */
	span.sitepoint-datetime
	{
		cursor:default;
	}


	/* additional bracketed information in datetime microformats */
	span.sitepoint-datetime em
	{
		font-style:normal;
		color:#777;
	}
	span.sitepoint-datetime.imminent em
	{
		color:#d00;
	}
	span.sitepoint-datetime.disabled em
	{
		color:#aaa;
		font-style:italic;
	}



	/* paragraph containing lines that would otherwise need <br /> */
	.lines span
	{
		display:block;
	}




	
	/* quicklinks */
	.quicklinks, .content .quicklinks
	{
		list-style-type:none;
		float:right;
		padding:15px 2px 0 0;
	}
	
	.sidebar .quicklinks 
	{
		padding:0 0 10px 0;
	}

	.quicklinks li, .content .quicklinks li
	{
		list-style-type:none;
		float:left;
		margin:0 0 0 20px;
		font-size:0.9em;
	}

	.quicklinks li a, .quicklinks li a:visited
	{
		display:inline-block;
		padding:0 0 0 20px;
		min-height:16px;
	}
	.quicklinks li.save-this-search a, .quicklinks li.save-this-search a:visited
	{
		background:url(../images/icons/save-search.png) no-repeat;
	}
	.quicklinks li.email-these-results a, .quicklinks li.email-these-results a:visited
	{
		background:url(../images/icons/email.png) no-repeat 0 1px;
	}
	.quicklinks li.subscribe-rss a, .quicklinks li.subscribe-rss a:visited
	{
		background:url(../images/icons/subscribe.png) no-repeat 2px 0;
	}
	html.images-off .quicklinks li a, html.images-off .quicklinks li a:visited
	{
		padding-left:0;
	}






	/* notice bar */
	.notice-bar
	{
		width:98%;
		padding:0 1% 1em 1%;
		line-height:1;
		background:#6bba70;
		color:#fff;
		text-align:center;
		overflow:hidden;
	}
	
	.notice-bar p
	{
		margin:13px 0 0 0;
	}
	
	.notice-bar strong
	{
		font-weight:normal;
	}
	
	.notice-bar a, .notice-bar a:visited
	{
		color:#ff0;
	}
	
	.notice-bar a:hover, .notice-bar a:focus, .notice-bar a:active
	{
		color:#dd2;
	}
	
	/* close link */
	.notice-bar a.close, .notice-bar a:visited.close
	{
		display:inline-block;
		margin:0 0 0 20px;
		padding:0 0 0 15px;
		background:url(../images/icons/noticebar-close.gif) no-repeat;
		color:#fff;
		text-decoration:none;
		font-size:0.8em;
		min-height:11px;
		cursor:pointer;
	}
	
	.notice-bar a.close:hover, .notice-bar a.close:focus
	{
		opacity:0.8;
	}


	/* main layout frame, fixed at 980px and centered; */
	.frame
	{
		width:980px;
		margin:0 auto;
		position:relative;
	}
	
	/* header */
	.header
	{
		margin:20px 0 0 0;
		float:left;
		width:100%;
	}
	

	/* header logo */
	.logo
	{
		color:#042a49;
		font-size:4em;
		width:495px;
		height:67px;
		margin:8px 0 25px 0;
		font-weight:normal;
		position:relative;
		float:left;
	}
	html.images-off .logo
	{
		text-indent:0;
		overflow:visible;
	}
	
	.logo strong
	{
		line-height:0.85;
		text-shadow:2px 2px 1px #fff;
	}
	
	.logo q
	{
		font:normal normal normal 0.4em/1.5 arial, sans-serif;
		quotes:none;
		display:inline;
		color:#042a49;
		padding-left:40px;
		position:absolute;
		top:1em;
	}
	
	.logo a, .logo a:visited
	{
		display:block;
		text-decoration:none;
		color:#042a49;
	}
	
	a#logocontest
	{
		position:absolute;
		color:#4C7EA6 !important;
		font-size:0.3em;
		top:0;
		left:3em;
	}

	/* login and register links */
	.login-register
	{
		position:absolute;
		right:25px;
		top:10px;
		float:right;
		font-size:0.95em;
	}
	
	.login-register li
	{
		float:left;
		padding:0 10px;
		border-right:1px solid white;
	}
	
	.login-register li:last-child
	{
		border:none;
	}
	
	/* tabs */
	.tabs
	{
		position:relative;
		z-index:1000;
		clear:both;
		float:left;
		width:100%;
		font-size:70%;
	}
	
	.tabs ul
	{
		position:relative;
		float:left;
	}

	.tabs li
	{
		float:left;
		margin:0 0 0 15px;
		position:relative;
		left:-15px;
	}
	
	.tabs li a, .tabs li a:visited, .tabs li strong
	{
		text-decoration:none;
		display:block;
		background:url(../images/tabs/large.png) no-repeat;
	}
	html.images-off .tabs li a, html.images-off .tabs li a:visited, html.images-off .tabs li strong
	{
		background:#62a4e8;
		-moz-border-radius-topleft:10px;
		-webkit-border-top-left-radius:10px;
		border-top-left-radius:10px;
	}
	
	.tabs li.selected a, .tabs li.selected strong, .tabs li a:hover, .tabs li a:focus, .tabs li a:active
	{
		background:url(../images/tabs/large-selected.png) no-repeat;
	}
	html.images-off .tabs li.selected a, 
	html.images-off .tabs li a:hover, html.images-off .tabs li a:focus, html.images-off .tabs li a:active
	{
		background:#fff;
		-moz-border-radius-topleft:10px;
		-webkit-border-top-left-radius:10px;
		border-top-left-radius:10px;
	}
	
	.tabs li strong span, .tabs li a span, .tabs li a:visited span
	{
		display:block;
		padding:10px 15px 3px 0;
		min-height:18px;
		position:relative;
		left:13px;
		font-weight:bold;
		font-size:1.2em;
		cursor:default;
	}

	.tabs li a span, .tabs li a:visited span
	{
		background:url(../images/tabs/large-edge.png) no-repeat 100% 0;
		color:#fff;
		text-decoration:none;
		cursor:pointer;
	}
	html.images-off .tabs li a span, html.images-off .tabs li a:visited span
	{
		background:#62a4e8;
		-moz-border-radius-topright:10px;
		-webkit-border-top-right-radius:10px;
		border-top-right-radius:10px;
	}
	
	.tabs li.selected a span, .tabs li.selected strong span, 
	.tabs li a:hover span, .tabs li a:focus span, .tabs li a:active span
	{
		background:url(../images/tabs/large-selected-edge.png) no-repeat 100% 0;
		color:#fff;
	}
	html.images-off .tabs li.selected a span, html.images-off .tabs li.selected strong span, html.images-off .tabs li.selected strong span, 
	html.images-off .tabs li a:hover span, html.images-off .tabs li a:focus span, html.images-off .tabs li a:active span
	{
		background:#fff;
		-moz-border-radius-topright:10px;
		-webkit-border-top-right-radius:10px;
		border-top-right-radius:10px;
	}
	
	


	/* listings tabs are shifted an extra 15px left
	   except when the first tab is selected */
	.tabs ul.listings-tabs li.featured-listings
	{
		margin-left:30px;
	}	
	.tabs ul.listings-tabs li.featured-listings.selected
	{
		margin-left:15px;
	}	
	
	.tabs li strong span, .tabs li a span, .tabs li a:visited span
	{
		padding-bottom:13px;
	}

	/* loading tab (acronym in IE because IE6 has no abbr) */
	.tabs ul.listings-tabs li.loading abbr, 
	.tabs ul.listings-tabs li.loading acronym
	{
		display:block;
		float:left;
		width:16px;
		height:16px;
		margin:2px 8px 0 -2px;
		background:url(../images/icons/tab-loading.gif) no-repeat;
	}

	/* global primary tabs */
	.tabs ul.primary-tabs
	{
		top:0.7em;
		margin-top:-0.7em;
	}
	
	.tabs ul.primary-tabs li a, .tabs ul.primary-tabs li a:visited
	{
		background-image:url(../images/tabs/large.png);
	}
	
	.tabs ul.primary-tabs li.selected a, 
	.tabs ul.primary-tabs li a:hover, .tabs ul.primary-tabs li a:focus, .tabs ul.primary-tabs li a:active
	{
		background-image:url(../images/tabs/large-selected.png);
	}
	html.images-off .tabs ul.primary-tabs li.selected a, 
	html.images-off .tabs ul.primary-tabs li a:hover, 
	html.images-off .tabs ul.primary-tabs li a:focus, 
	html.images-off .tabs ul.primary-tabs li a:active
	{
		background:#b8d7f4;
	}

	.tabs ul.primary-tabs li a span, 
	.tabs ul.primary-tabs li a:visited span
	{
		background-image:url(../images/tabs/large-edge.png);
	}
	
	.tabs ul.primary-tabs li.selected a span, 
	.tabs ul.primary-tabs li a:hover span, 
	.tabs ul.primary-tabs li a:focus span, 
	.tabs ul.primary-tabs li a:active span
	{
		background:url(../images/tabs/large-selected-edge.png) no-repeat 100% 0;
	}
	html.images-off .tabs ul.primary-tabs li.selected a span, 
	html.images-off .tabs ul.primary-tabs li a:hover span,
	html.images-off .tabs ul.primary-tabs li a:focus span,
	html.images-off .tabs ul.primary-tabs li a:active span
	{
		background:#b8d7f4;
	}
	
	.tabs ul.primary-tabs li strong span, 
	.tabs ul.primary-tabs li a span, 
	.tabs ul.primary-tabs li a:visited span
	{
		padding:9px 38px 10px 20px;
		font-size:2em;
		font-weight:normal;
	}

	/* tabs are shifted an extra 15px left
	   except when the first tab is selected */
	.tabs ul.primary-tabs li.buy
	{
		margin-left:30px;
	}	
	.tabs ul.primary-tabs li.buy.selected
	{
		margin-left:15px;
	}	


	
	/* global seconadary tabs */
	.tabs ul.secondary-tabs
	{
		float:right;
		top:2em;
		font-size:110%;
		margin-top:-1.7em;
	}
	
	.tabs ul.secondary-tabs li
	{
		left:-13px;
	}
	
	.tabs ul.secondary-tabs li strong span, 
	.tabs ul.secondary-tabs li a span, 
	.tabs ul.secondary-tabs li a:visited span
	{
		padding:10px 15px 15px 0;
	}
	
	/* tabs are shifted 15px right 
	   except when the last tab is selected */
	.tabs ul.secondary-tabs li.help
	{
		margin-right:15px;
	}	
	.tabs ul.secondary-tabs li.help.selected
	{
		margin-right:0;
	}	

	
	/* sidebar boxes */
	.sidebarbox
	{
		clear:both;
		padding:10px 12px;
		margin:0 0 10px 0;
		-moz-border-radius:5px; 
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	
	.sidebar .blue
	{
		background:#d4e3f2;
		border:1px solid #cfdeed;
		border-bottom-color:#bfcedd;
	}
	
	.sidebar .green
	{
		background:#CFFFCF;
		border:1px solid #e6f2e4;
		border-bottom-color:#d6e2d4;
	}
	
	.sidebarbox h2
	{
		margin:0 0 8px 0;
		font-weight:bold;
		font-size:1.45em;
	}
	.auction .sidebarbox h2, .auction-domain .sidebarbox h2
	{
		font-size:1.3em;
	}
	
	.sidebarbox ul, .sidebarbox li
	{
		margin:0;
		padding:0;
		list-style-type:none;
	}

	.sidebarbox li
	{
		margin:0 0 8px 0;
		padding:0 0 0 13px;
	}
	.sidebarbox li:last-child
	{
		margin-bottom:4px;
	}
	.sidebar .blue li
	{
		background:url(../images/icons/raquo-blue.png) no-repeat 0.1em 0.4em;
	}
	.sidebar .blue li.selected
	{
		background-image:url(../images/icons/raquo-blue-selected.png);
	}
	.sidebar .green li
	{
		background:url(../images/icons/raquo-green.png) no-repeat 0.1em 0.4em;
	}
	
	html.images-off .sidebar .blue li, 
	html.images-off .sidebar .green li
	{
		list-style-type:disc;
		margin-left:15px;
		padding-left:0;
	}
	
	.sidebar .blue li ul
	{
		margin-top:6px;
	}
	.sidebar .blue li ul li
	{
		margin-bottom:4px;
		font-size:0.9em;
		background-position:0.1em 0.3em;
	}
	
	.sidebar .blue,
	.sidebar .blue a, 
	.sidebar .blue a:visited, 
	.sidebar .blue h2
	{
		color:#3f678f;
		font-weight:bold;
		text-align:left;
		text-decoration:none;
	}
	
	.sidebar .blue li.selected > a,
	.sidebar .blue li > ul > li.selected > a,
	.sidebar .blue li.selected > ul > li.selected > a
	{
		color:#122940;
		text-decoration:underline;
	}
	.sidebar .blue li.selected > ul > li > a
	{
		color:#3f678f;
		text-decoration:none;
	}

	.sidebar .blue a:hover, 
	.sidebar .blue a:focus, 
	.sidebar .blue a:active
	{
		color:#043c73 !important;	/* well ... it's so much easier than defining more descendent rules :-P */
		text-decoration:underline !important;
	}
	
	.sidebar .green,
	.sidebar .green a,
	.sidebar .green a:visited,
	.sidebar .green h2
	{
		text-align:left;
		color:#2a5e2a;
	}

	.sidebar .green a:hover,
	.sidebar .green a:focus,
	.sidebar .green a:active
	{
		color:#0a2e09;
	}
	
	/* nb text */
	.sidebar h2 em.nb
	{
		font-size:0.65em;
		font-style:normal;
		font-weight:normal;
		vertical-align:middle;
	}
	
	.sidebar em.nb
	{
		font-size:0.9em;
		font-style:normal;
	}
	
	.sidebar p.nb
	{
		font-size:0.8em;
		margin-top:20px;
	}

  .content h3 em.nb
	{
		font-size:0.75em;
		font-style:normal;
		font-weight:normal;
		vertical-align:middle;
		float:right;
	}
	
	



	/* sidebar table, used for bid summary on bid pages, 
	   and site details on auction page */
	.sidebarbox table, .sidebarbox table th, .sidebarbox table td
	{
		border:none;
	}
	
	.sidebarbox table
	{
		width:100%;
	}
	
	.sidebarbox table td, .sidebarbox table th
	{
		padding:0 0 2px 0;
		vertical-align:top;
	}

	.sidebarbox table thead th
	{
		font-weight:bold;
		font-size:0.9em;
	}

	.sidebar .green table thead th
	{
		border-bottom:1px solid #84b580;
	}

	.sidebarbox table .key
	{
		text-align:left;
	}
	
	.sidebarbox table .value
	{
		text-align:right;
	}
	
	.sidebarbox table thead + tbody tr:first-child td
	{
		padding-top:6px;
	}
	
	.sidebarbox table tr.section th, 
	.sidebarbox table tr.section td
	{
		padding-top:12px;
	}
	
	
	
	
	
	
	
	
	
	
	
	/* beatbox styles */
	#beatbox-loadingscreen
	{
		position:absolute;
		z-index:30001;
		background:url(../images/icons/beatbox-loading.gif) #000 no-repeat 50% 47%;
		font:normal normal normal 0.9em arial,sans-serif;
		color:#fff;
		font-weight:bold;
		text-align:center;
		visibility:hidden;
		opacity:0.8;
	}
	html.images-off #beatbox-loadingscreen
	{
		display:none;
	}
	
	#beatbox-imagewindow
	{
		position:absolute;
		z-index:30002;
		border:1px solid #666;
		background: #222;
		padding:10px;
		visibility:hidden;
	}
	
	#beatbox-imagewindow img
	{
		border:1px solid #999;
		background:#fff;
	}
	
	#beatbox-imagewindow ul, #beatbox-imagewindow li
	{
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
	#beatbox-imagewindow ul
	{
		background:#fafafa;
		border:1px solid #999;
		padding:0 0 8px;
		margin-top:8px;
		overflow:hidden;
		white-space:nowrap;
	}
	
	#beatbox-imagewindow li.fullscreen
	{
		float:left;
		padding:10px 10px 0 10px;
	}
	
	#beatbox-imagewindow li.close
	{
		float:right;
		padding:10px 10px 0 10px;
	}
	
	#beatbox-imagewindow ul a, #beatbox-imagewindow ul a:visited
	{
		font:normal normal normal 0.9em arial,sans-serif;
		background:url(../images/icons/beatbox-icons.gif) no-repeat 0 1px;
		color:#555;
		text-decoration:none;
		padding:0 0 0 20px;
		display:block;
		min-height:15px;
	}
	
	#beatbox-imagewindow li.fullscreen a, #beatbox-imagewindow li.fullscreen a:visited
	{
		background-position:0 -449px;
	}
	
	#beatbox-imagewindow ul a:hover, #beatbox-imagewindow ul a:focus
	{
		color:#222;
		background-position:0 -149px;
	}
	
	#beatbox-imagewindow ul li.fullscreen a:hover, #beatbox-imagewindow ul li.fullscreen a:focus
	{
		background-position:0 -599px;
	}
	
	#beatbox-imagewindow ul a:active
	{
		color:#000;
		background-position:0 -299px;
	}
	
	#beatbox-imagewindow ul li.fullscreen a:active
	{
		background-position:0 -749px;
	}
	

	/* pricing items list */
	.content div.pricing 
	{
		margin-right:3em;  
	 }
	  
  	.content div.pricing h2
	{
		margin-top:2em;
	}
  
	h3.pricingitem
	{
		float: left;
		width: 100%;
		color:#333;
		font-size:1em;
		position: relative;
		background:transparent url(../images/backgrounds/fading-border.png) no-repeat scroll 100% 100%;
		padding-bottom: 3px;
		margin-top:.8em;
	}
  h3.pricingitem span
	{
		float: left;
	}
  h3.pricingitem strong
	{
		float: right;
	}
	
	.pricing p
	{
		margin:0 2em 0 2em;
	}

	
	
	
	/* footer */
	.footer
	{
		margin:15px 0 75px 0;
		padding:20px 0px 25px 20px;
		width:960px;
		float:left;
		clear:both;
	/*	background:url(../images/backgrounds/footer-body.png); */
		background:#4c7ea6;
		font-size:0.95em;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}
	html.images-off .footer
	{
		background:#2a6bac;
	}

	/* footer logo and copyright message */
	.copyright
	{
		float:left;
		width:350px;
		margin:0;
	}
	
	.copyright a, .copyright a:visited
	{
		color:#fff;
	}
	
	/* footer logo */
	.copyright strong
	{
		display:block;
		width:150px;
		height:46px;
		color:#042a49;
		margin:0 0 15px 0;
		font-size:3.2em;
		font-weight:normal;
		line-height:1;		
	}
	html.images-off .copyright strong
	{
		text-indent:0;
	}
	
	/* help and support links */
	.help-support
	{
		float:right;
	}
	
	.help-support dl
	{
		float:left;
		padding:0 30px 0 0;
	}
	
	.help-support dl.contact
	{
		padding-right:22px;
	}
	
	.help-support dl dt
	{
		margin:0 0 13px 0;
		text-transform:uppercase;
	}
	
	.help-support a, .help-support a:visited
	{
		color:#fff;
		text-decoration:none;
	}
	
	.help-support a:hover
	{
		color:#fcce69;
		text-decoration:underline;
	}
	
	/*
	/ Session messages alert box
	*/	
	div.messages
	{
		display:block;
		padding:5px 10px 5px 34px;
		margin-top:10px;
		float:none;
		clear:both;
		width:auto;
		background:url(../images/icons/attention.png) #fdd2d2 no-repeat 1.5% 50%;
		border:1px solid #ecc1c1;
		color:#b02c2c;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	div.success
	{
		background:url(../images/icons/success.png) #CFFFCF no-repeat 1.5% 50%;	
		border:1px solid #D6E2D4;
		color:#2A5E2A;
	}
	
	div.messages li, div.messages ul
	{
		list-style:none;
		padding-left:0;
		margin-left:0;
	}
	
	div.note
	{
		display:block;
		margin: 10px 0;
		float:none;
		clear: both;
		width:auto;
		padding:5px 10px 5px 10px;
		background: #eee;
		border:1px solid #ccc;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	
	div.note.error
	{
		padding:5px 10px 5px 34px;
		background:url(../images/icons/attention.png) #fdd2d2 no-repeat 1.5% 50%;
		border:1px solid #ecc1c1;
		color:#b02c2c;
	}
	
	div.note.highlight
	{
		background:#CFFFCF;
		border:1px solid #0E6F0D;
		padding:10px;
		color:#0E6F0D;
		margin-bottom:1em;
	}
	
	.pagination
	{
		display: block;
		float: left;
		width: 100%;
		margin:25px 0 5px 0;
	}
	
	.pagination .pages
	{
		display: block;
		float: right;
	}
	
	.pagination .pages span.pagenumber
	{
		display: block;
		float: left;
		height: 24px;
	}
	
	.pagination .pages a,
	.pagination .pages a:visited
	{
		display: block;
		height: 24px;
		margin:0 0 0 4px;
		background: #2076CD url(../images/buttons/step-right.png) no-repeat scroll 100% 0;
		text-decoration: none;
	}
	
	.pagination .pages a span
	{
		display: block;
		height: 24px;
		background: transparent url(../images/buttons/step-left.png) no-repeat scroll 0 0;
		text-shadow: 1px 1px 0 #335566;
		padding: 0 12px 0 12px;
		font-size: 0.9em;
		font-weight: bold;
		color: #fff;
		border: none;
	}
	
	.pagination .pages span.pagenumber.selected
	{
		height:35px;
		background:url(../images/buttons/arrow.png) no-repeat 55% 100%;
	}
	
	.pagination .pages a span strong
	{
		float: left;
		padding: 3px 0 0 0;
	}
	
	#admin-notes ol 
	{
		padding: 0;
		margin:0;
		list-style:none inside;
	}
	
	#admin-notes .meta
	{
		color:#999;
		font-size:90%;
	}
	
	#admin-notes ol li
	{
		border-bottom:1px dotted #aaa;
		list-style:none inside;
		padding-bottom:6px;
		margin-bottom: 1em;
	}
	
	
}
/* end media wrapper */

/***************************************************************\
 
 Stylesheet:	columns.css 
 Contains:		structural styles for the columns templates
 Used:			all pages
 
\***************************************************************/
  
   

/* begin media wrapper */
@media screen
{



	/* page and group containers */
	.page
	{
		clear:both;
		overflow:hidden;
		width:980px;
		margin:0 auto;
	}
	
	.page .content .group
	{
		clear:both;
		overflow:hidden;
	}
	

	/* all template columns */
	.page .column
	{
		float:left;
		border:0 solid #fff;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}


	/* gray template columns */
	.page.gray .content
	{
		width:680px;
		border-width:0 0 0 30px;
	}

	.page.gray .sidebar
	{
		width:230px;
		border-width:0 15px 0 25px;
	}
	
	.privacy-policy .page.gray .content
	{
		padding-bottom:50px;
	}
	
	.blog .page.gray .sidebar
	{
		padding-top:70px;
	}
	
	
	/* brown template columns */
	.page.brown .content, .page.brown .forms
	{
		width:800px;
		border-width:0 0 0 15px;
	}

	/* pink template columns */
	.page.pink .content, .page.pink .forms
	{
		width:640px;
		border-width:0 0 0 15px;
	}
	
	/* pink WIDE template columns */
	.page.pink.wide .content, .page.pink.wide .forms
	{
		width:920px;
		border-width:0 0 30px 15px;
	}
	.auction .page.pink .content, .auction-domain .page.pink .content
	{
		border-left-width:20px;
		width:635px;
		padding-bottom:15px;
	}
	
	.page.pink .sidebar, .page.pink .tooltips
	{
		width:285px;
		border-width:0 15px 0 25px;
	}
	
	.bid .page.pink .content
	{
		padding-top:15px;
	}
	
	.bid .page.pink .sidebar
	{
		padding-top:70px;
	}
	.auction .page.pink .sidebar, .auction-domain .page.pink .sidebar
	{
		padding-top:8.5em;
	}
	




	/* green template columns */
	.page.green .sidebar
	{
		width:230px;
		border-width:0 0 0 15px;
		padding:50px 0 0 0;
	}
	
	.page.green .content
	{
		width:660px;
		border-width:0 55px 0 20px;
		padding:0 0 50px 0;
	}
	
	.page.green .content .group
	{
		width:660px;
	}
	
	.page.green .content .group .content
	{
		width:500px;
		border-width:0 160px 0 0;
	}





	/* blue template columns */
	.page.blue .content
	{
		width:710px;
		border-width:0 255px 0 15px;
	}
	
	.page.blue .content .group .content
	{
		width:350px;
		border-width:0;
	}

	.page.blue .content .group .content.right
	{
		border-width:0 0 0 10px;
	}





	/* orange template columns */
	.page.orange .content
	{
		width:950px;
		border-width:0 15px;
	}

	.frame.user-profile .page.orange .content 
	{
		padding-bottom:60px;
	}

	.page.orange .content .group 
	{
		width:950px;
	}
	
	.page.orange .content .group .content
	{
		width:650px;
		border-width:0 300px 0 0;
	}
	
	
	
	


	/* purple template columns */
	.page.purple .content
	{
		width:845px;
		padding:0 120px 0 15px;
	}

	.page.purple .content .group
	{
		width:845px;
		margin:0 0 30px 0;
	}
	
	.page.purple .content .group .content
	{
		width:360px;
	}

	.page.purple .content .group .content.left
	{
		padding:0 62px 0 0;
		border-right:1px solid #e5e4e4;
	}

	.page.purple .content .group .content.right
	{
		padding:0 0 0 62px;
		float:left;
		border-left:1px solid #e5e4e4;
		margin:0 0 0 -1px;
	}


	/* yellow template columns */
	.page.yellow .sidebar
	{
		width:230px;
		border-width:0 0 0 15px;
		padding:18px 0 0 0;
	}

	.page.yellow .content
	{
		width:700px;
		border-width:0 15px 0 20px;
		padding:0 0 60px 0;
	}
	
	.page.yellow .content .group .content
	{
		width:510px;
		border-width:0;
	}

	.page.yellow .content .group .sidebar
	{
		width:150px;
		border-width:0 0 0 40px;
		padding:55px 0 0 0;
	}

	.page.yellow .content .group .forms
	{
		width:445px;
		border-width:0;
	}

	.page.yellow .content .group .tooltips
	{
		width:245px;
		border-width:0 0 0 10px;
	}

}
/* end media wrapper */


/***************************************************************\
 
 Stylesheet:	forms.css 
 Contains:		design styles for forms, buttons and step breadcrumbs
 Used:			wherever buttons or complex forms are used
 
\***************************************************************/
  
   

/* begin media wrapper */
@media screen
{



	/* green and blue buttons */
	label.button
	{
		display:inline-block;
		cursor:pointer;
		text-align:center;
		font-size:1em;
		padding:0 !important;
		width:auto !important;
	}
	
	label.button span
	{
		display:block;
		cursor:pointer;
		height:24px;
	}
	html.images-off label.button span
	{
		-moz-border-radius:5px; 
		-webkit-border-radius:5px;
		border-radius:5px;
	}

	label.button.complete span
	{
		background:url(../images/buttons/complete-right.png) #519351 no-repeat 100% 0;
	}
	
	label.button.complete:hover span, label.button.complete.selected span
	{
		background-position:100% 100%;
		background-color:#62a462;
	}
	
	label.button.step span
	{
		background:url(../images/buttons/step-right.png) #2076cd no-repeat 100% 0;
	}
	
	label.button.step:hover span, label.button.step.selected span
	{
		background-position:100% 100%;
		background-color:#3187de;
	}
	
	label.button input
	{
		font:normal normal bold 0.9em arial, sans-serif;
		text-transform:uppercase;
		cursor:pointer;
		background:transparent;
		color:#fff;
		border:none;
		text-align:left;
		height:24px;
		padding:0 10px 3px 10px;
		position:relative;
		left:-2px;
		margin-left:2px;
	}
	
	label.button.complete input
	{
		text-shadow:1px 1px 0 #363;
		background:url(../images/buttons/complete-left.png) no-repeat;
	}
	
	label.button.complete:hover input, label.button.complete.selected input
	{
		background-position:0% 100%;
	}
	
	label.button.complete input:focus
	{
		color:#cec;
	}
	
	label.button.step input
	{
		text-shadow:1px 1px 0 #356;
		background:url(../images/buttons/step-left.png) no-repeat;
	}
	
	label.button.step:hover input, label.button.step.selected input
	{
		background-position:0% 100%;
	}
		
	label.button.step input:focus
	{
		color:#cde;
	}
	
	label.button em
	{
		display:block;
		clear:left;
		color:#666;
		font:normal normal bold 0.75em/1 arial, sans-serif;
		padding:6px 0 0 0;
		text-align:center;
		text-transform:uppercase;
		cursor:default;
	}
	
	form.information fieldset.buttons label.button.complete.negative span
	{
		background: #fff url(../images/buttons/complete-right-red.png) no-repeat scroll 100% 0;
	}

	form.information fieldset.buttons label.button.complete.negative input
	{
		background: transparent url(../images/buttons/complete-left-red.png) no-repeat scroll 0 0;
	}
	
	
	/* all forms */
	form
	{
		clear:both;
	}
	
	/* main information forms */
	form.information
	{
		margin:20px 0;
		clear:both;
	}
	
	/* fieldsets */
	form.information fieldset
	{
		border:1px solid #999;
		margin:0 0 30px 0;
		padding:12px 20px 20px 20px;
		-moz-border-radius:10px;
		border-radius:10px;
		-webkit-border-radius:10px;
	}
	
	form.information fieldset.attention, form.information fieldset.key, form.information fieldset.buttons
	{
		padding:0;
		overflow:hidden;
		border:none;
	}
	
	form.information fieldset.key, form.information fieldset.buttons
	{
		text-align:right;
		margin:0;
	}
	
	form.information fieldset.terms
	{
		border:none;
		padding:0 0 0 200px;
		margin:-10px 0 20px 0;
	}
	
	form.information fieldset.plain
	{
		border: none;
		padding: inherit none;
	}
	
	form.information fieldset.buttons label.button
	{
		float:right;
	}
	
	form.information fieldset.buttons label.button.previous
	{
		float:left;
	}
	
	/* legends */
	form.information legend span
	{
		font-weight:bold;
		font-size:1.1em;
		text-transform:uppercase;
		color:#666;
	}
	
	/* wrapper around a row containing a label/field pair
	   a fieldrow can also be nested inside a fieldgroup */
	form.information .fieldrow
	{
		margin:0 0 10px 0;
		display:block;
		float:left;
		width:100%;
		clear:both;
	}
	
	form.information .fieldgroup.doubled .fieldrow
	{
		width:48%;
		margin-right:2%;
		clear:none;
	}
	
	form.information .fieldrow:last-child, form.information .fieldgroup .fieldrow
	{
		margin-bottom:0;
	}
	
	/* labels */
	form.information label
	{
		font-weight:bold;
		float:left;
		width:38%;
		color:#333;
		padding:2px 2% 0 0;
	}
	
	form.information .fieldrow.fullwidth label
	{
		width:auto;
		padding-right:0;
	}
	
	form.information .fieldrow.inverted label
	{
		width:95%;
		padding-right:0;
		font-weight:normal;
	}
	
	form.information label.descriptive
	{
		font-weight:normal;
		font-size:0.95em;
		color:#555;
	}

	form.information label abbr
	{
		color:#f00;
		font-weight:bold;
	}
	
	form.information label .upgrade, form.information label .cost, form.information label .description
	{
		cursor:default;
	}
	
	form.information label .upgrade
	{
		float:left;
	}
	
	form.information label .cost
	{
		float:right;
		clear:none;
		font-weight:bold;
		color:#555;
		font-size:0.95em;
	}

	form.information label .description
	{
		display:block;
		clear:both;
		font-style:normal;
		color:#777;
		padding:2px 0 0 0;
		font-size:0.9em;
	}
	
	form.information fieldset.attention label
	{
		display:block;
		padding:5px 10px 5px 34px;
		float:none;
		width:auto;
		background:url(../images/icons/attention.png) #fdd2d2 no-repeat 1.5% 50%;
		border:1px solid #ecc1c1;
		color:#b02c2c;
		-moz-border-radius:5px; 
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	.page.yellow form.information fieldset.attention label
	{
		background-position:1.6% 50%;
		padding-left:29px;
	}
	
	form.information fieldset.key label
	{
		float:none;
		font-weight:normal;
		width:auto;
		font-size:0.9em;
		color:#444;
	}
	
	form.information label.unit
	{
		position:relative;
		top:2px;
	}

  form.information label .nb
	{
		font-weight: normal;
		font-size: 0.8em;
	}
	
	div#errorbox
	{
		display:block;
		padding:5px 10px 5px 34px;
		margin: 10px 0;
		float:none;
		clear: both;
		width:auto;
		background:url(../images/icons/attention.png) #fdd2d2 no-repeat 1.5% 50%;
		border:1px solid #ecc1c1;
		color:#b02c2c;
		-moz-border-radius:5px; 
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	div#errorbox h3
	{
		margin: 0;
		padding: 0;
		color: #b02c2c;
		border: none;
		background: none;
	}
	
	/* wrapper around field groups, spanning the right-hand half of a field row,  
	   or the whole field row in "fullwidth" group */
	form.information .fieldgroup
	{
		float:left;
		width:60%;
	}
	
	form.information .fieldrow.fullwidth .fieldgroup
	{
		clear:both;
		width:100%;
		padding-top:10px;
	}
	
	form.information .fieldrow.inverted .fieldgroup
	{
		width:5%;
	}
	
	form.information .fieldgroup label
	{
		width:auto;
		padding:0 5px 0 0;
		font-weight:normal;
		color:#444;
	}
	
	form.information .fieldgroup .fieldrow label
	{
		padding:0 5px;
		margin:0;
		float:none;
	}
	
	/* text fields 
	   NOTE: I originally applied the padding as "2px 1%" so it woud vary proportionately 
	   with field size, until I discovered in Firefox (after much tedious and confused fiddling) 
	   what is possibly the most obscure CSS bug I've ever seen: if you do this, 
	   Firefox adds the top and bottom padding together and applies it as just bottom padding! */
	form.information input.text, form.information textarea
	{
		padding:2px 4px;
		border:1px solid #888;
		background:#fff;
		font:normal normal normal 1em arial, sans-serif;
		color:#333;
	}

	form.information input.text:focus, form.information input.text.focus, 
	form.information textarea:focus, form.information textarea.focus
	{
		border-color:#444;
		background:#ffe;
	}
	
	form.information input.text.readonly, form.information textarea.readonly,
	form.information input.text.readonly:focus, form.information textarea.readonly:focus,
	form.information input.text.readonly.focus, form.information textarea.readonly.focus
	{
		border-color:#fff;
		background:#fff;
		cursor:default;
	}
	
	form.information input.text.xlarge/*, form.information select*/
	{
		width:97%;
	}
	
	form.information input.text.large
	{
		width:75%;
	}
	
	form.information input.text.medium
	{
		width:50%;
	}
	
	form.information input.text.small
	{
		width:25%;
	}
	
	form.information input.text.tiny
	{
		width:12%;
	}
	
	form.information textarea
	{
		width:97%;
		overflow:auto;
	}
	
	form.information textarea.small
	{
		height:130px;
	}
	
	form.information textarea.large
	{
		height:200px;
	}
	
	form.information textarea.xlarge
	{
		height:300px;
	}
	
	/* datepicker trigger icon */
	form.information a.datepicker, form.information a.datepicker:visited
	{
		position:relative;
		left:6px;
		top:3px;
		opacity:0.7;
	}

	form.information a.datepicker:hover, 
	form.information a.datepicker:focus, form.information a.datepicker:active
	{
		opacity:1;
	}
	
	/* select elements [all have auto width] */
	form.information select
	{
		padding:2px;
		border:1px solid #888;
		background:#fff;
		font:normal normal normal 1em arial, sans-serif;
		color:#333;
	}
	
	form.information select:focus, form.information select.focus
	{
		border-color:#444;
		background:#ffe;
	}
	
	form.information select option
	{
		padding:0 30px 0 0;
	}
	
	/* radios and checkboxes */
	form.information input.radio, form.information input.checkbox
	{
		position:relative;
	}
	
	form.information .fieldrow.inverted input.radio
	{
		top:1px;
	}
	
	
	
	/* disabled fields and related elements */
	form.information .fieldrow.disabled label, 
	form.information .fieldrow.disabled input, 
	form.information .fieldrow.disabled textarea
	{
		opacity:0.4;
	}
	
	form label.button.complete input.disabled
	{
		color:#62a462;
		text-shadow:none;
	}
	form label.button.step input.disabled
	{
		color:#3187de;
		text-shadow:none;
	}
	
	
	
	/* select/unselect all checkbox and label inside selectable table */
	table.selectable tfoot td input[type="checkbox"]
	{
		margin-right:10px;
		position:relative;
	}
	
	table.selectable tfoot td label
	{
		font-size:0.95em;
		color:#444;
	}
	
	/* pagination form variations */
	.buy form.pagination
	{
		float:left;
		width:100%;
		margin:25px 0 5px 0;
	}

	form.pagination label.button.number input
	{
		padding-left:12px;
	}
	
	form.pagination fieldset.buttons 
	{
		float:right;
	}
	
	form.pagination fieldset.buttons label.button
	{
		float:left;
		margin:0 0 0 4px;
	}
	
	form.pagination fieldset.buttons label.button.selected
	{
		height:35px;
		background:url(../images/buttons/arrow.png) no-repeat 55% 100%;
	}

	form.pagination span.step.dots
	{
		display:block;
		float:left;
		width:29px;
		height:24px;
		margin:0 0 0 4px;
		background:url(../images/buttons/dots.png) #fff no-repeat 0 100%;
		color:#2076cd;
		text-align:center;
		font-size:1.75em;
		font-weight:bold;
		text-indent:-100em;
	}
	html.images-off form.pagination span.step.dots
	{
		text-indent:0;
	}
	
	
	
	

	
	/* place bid form variations */
	form.place-bid
	{
		clear:both;
		float:left;
		width:420px;
		padding:10px 0 60px 0;
	}

	form.place-bid fieldset.options
	{
		margin:0 0 15px 0;
	}
	
	form.place-bid fieldset.buttons
	{
		text-align:right;
	}
	
	form.place-bid .fieldrow
	{
		padding:0 0 8px 0;
	}

	form.place-bid input.checkbox
	{
		position:relative;
	}
	
	/* place bid -> buy it now / sidebar enter bid box 
	   and same forms on auction page */
	.bid-overview form.bin
	{
		float:right;
		width:170px;
	}
	
	.sidebarbox.enterbid form.bid
	{
		margin-top:3px;
	}
	
	.sidebarbox.enterbid form.bin
	{
		margin-bottom:5px;
	}

	.bid-overview form.bin fieldset.buttons
	{
		text-align:right;
	}
	
	.bid-overview form.bin label.button.step span, 
	.sidebarbox.enterbid form.bid label.button.step span, 
	.sidebarbox.enterbid form.bin label.button.step span 
	{
		background-image:url(../images/buttons/step-right-blue.png);
	}
	.bid-overview form.bin label.button.step input,
	.sidebarbox.enterbid form.bid label.button.step input, 
	.sidebarbox.enterbid form.bin label.button.step input 
	{
		background-image:url(../images/buttons/step-left-blue.png);
	}

	.sidebarbox.enterbid form.bid input.text, 
	.auction-summary .enterbid form.bid input.text
	{
		width:60px;
		padding:3px 2px;
		margin:0 2px;
		font:normal normal normal 1em arial, sans-serif;
		border:1px solid;
		border-color:#333 #cbd #bcd #333;
		color:#333;
	}
	
	.sidebarbox.enterbid form.bid input.text:focus, .sidebarbox.enterbid form.bid input.text.focus,
	.auction-summary .enterbid form.bid input.text:focus, .auction-summary .enterbid form.bid input.text.focus
	{
		border-color:#111 #abc #abc #111;
		background:#ffe;
	}

	.sidebarbox.enterbid form.bid label.button, 
	.sidebarbox.enterbid form.bin label.button
	{
		position:relative;
		top:-1px;
	}
	
	.sidebarbox.enterbid form.bid label.minbid
	{
		font-size:0.95em;
		display:block;
		padding:5px 0 0 0;
	}
	
	.auction-summary .enterbid form.bid label.minbid
	{
		font-size:0.9em;
		display:block;
		color:#555;
		padding:3px 0 0 0;
	}
	
	.sidebarbox.enterbid form.bin label.button, 
	.auction-summary .enterbid form.bin label.button
	{
		margin:0 0 0 6px;
	}

	.auction-summary .enterbid form label.button
	{
		position:relative;
		top:-1px;
	}

	/* firefox 2 hacks to cater for lack of inline-block display support */
	.bid-overview label.button
	{
		float:right;
	}
	.auction-summary label.button, .auction-summary form.bid input.text, 
	.auction-summary form.bid label.bidprice, .auction-summary form.bin label.binprice,
	.sidebarbox.enterbid form label.button, .sidebarbox.enterbid form.bid input.text, 
	.sidebarbox.enterbid form.bid label.bidprice, .sidebarbox.enterbid form.bin label.binprice
	{
		float:left;
	}
	.auction-summary label.button, .bid-overview label.button, 
	.auction-summary .enterbid form.bid input.text, 
	.sidebarbox.enterbid form.bid input.text, .sidebarbox.enterbid form label.button
	{
		margin-left:4px;
	}
	.auction-summary form.bid label.minbid, .sidebarbox.enterbid form.bid label.minbid
	{
		clear:both;
	}
	
	
	/* make an offer button */
	.auction-summary .makeoffer form label.button
	{
		margin-top:10px;	
	}


	/* blog posts form variations */
	.blog form.information
	{
		margin:0 0 20px 0;
	}
	
	
	/* help search results form variations */
	.help form.information
	{
		padding:10px 0;
		width:470px;
	}




	/* main help search form variation */
	form.help-search
	{
		margin:0 0 20px 0;
	}
	
	form.help-search fieldset
	{
		background:#d4e3f2;
		width:600px;
		-moz-border-radius:5px; 
		-webkit-border-radius:5px;
		border-radius:5px;
		padding:20px;
	}
	
	form.help-search input.text, form.help-search label.button input
	{
		font:normal bold normal 1.02em arial, sans-serif;
		height:1.16em;
		padding:6px 10px;
		width:490px;
		border:none;
		background:#fff;
		-moz-border-radius:5px; 
		-webkit-border-radius:5px;
		border-radius:5px;
		color:#9a9a9a;
		float:left;
	}
	form.help-search input.text:focus
	{
		color:#333;
		background:#fff;
	}
	
	form.help-search label.button
	{
		float:left;
		margin:0 0 0 10px;
		height:2em;
	}

	form.help-search label.button input
	{
		padding:4px 7px 5px 7px;
		height:2em;
		cursor:pointer;
		color:#347cc4;
		text-transform:uppercase;
		width:75px;
	}
	form.help-search label.button input:hover
	{
		color:#043c73;
	}






	/* login form variations */
	form.login
	{
		margin:0 0 25px 0;
	}
	
	form.login fieldset.details
	{
		margin-bottom:10px;
	}
	
	form.login fieldset.save-and-submit label.button
	{
		float:right;
	}
	
	form.login fieldset.save-and-submit .fieldrow.remember
	{
		float:right;
	}

	form.login fieldset.save-and-submit .fieldrow.remember input.checkbox, 
	form.login fieldset.save-and-submit .fieldrow.remember label
	{
		float:none;
		font-weight:normal;
		white-space:nowrap;
	}





	/* my account view history and view all listings forms variations */
	form.view-history, form.view-listings
	{
		margin-top:10px;
	}




	
	/* simple search form in the sidebar */
	.simple-search input.text
	{
		padding:2px 4px 3px 4px;
		border:1px solid #888;
		background:#fff;
		font:normal normal normal 1em arial, sans-serif;
		color:#333;
		float:left;
		width:110px;
	}

	.simple-search input.text:focus, .simple-search input.text.focus
	{
		border-color:#666;
		background:#ffe;
	}
	
	.simple-search label.button.step
	{
		float:right;
	}
	
	.simple-search label.button.step span
	{
		background-image:url(../images/buttons/step-right-blue.png);
	}
	.simple-search label.button.step input
	{
		background-image:url(../images/buttons/step-left-blue.png);
	}
	
	/* my account profile and message form variations */
	form.profile label.complete, form.message label.complete
	{
		float:right;
	}

	/* get started form on how it works page variations */
	form.get-started
	{
		margin-top:35px;
	}


	/* buy search form */
	form.buy-search
	{
		float:left;
		padding:12px;
	}
	
	form.buy-search.advanced
	{
		clear:none;
		float:right;
		padding-left:8px;
	}
	
	form.buy-search input.text, form.buy-search select, form.buy-search label.button input
	{
		background:#fff;
		color:#9a9a9a;
		font:normal bold normal 1.02em arial, sans-serif;
		border:none;
		-moz-border-radius:5px; 
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	form.buy-search input.text:focus, form.buy-search select:focus, form.buy-search label.button input:focus,
	form.buy-search input.text.focus, form.buy-search select.focus, form.buy-search label.button input.focus
	{
		color:#333;
	}
	
	form.buy-search input.text
	{
		float:left;
		width:340px;
		height:1.16em;
		padding:5px 9px;
	}
	
	form.buy-search select, form.buy-search label.button, form.buy-search div.links
	{
		float:left;
		margin:0 0 0 10px;
	}

	form.buy-search select
	{
		padding:4px 4px 4px 9px;
		width:8em;
		height:1.88em;
	}
	form.buy-search select > option.label
	{
		color:#9a9a9a;
	}
	
	form.buy-search label.button input
	{
		padding:3px 7px 5px 7px;
		height:1.88em;
		cursor:pointer;
		color:#347cc4;
		text-transform:uppercase;
	}
	form.buy-search label.button input:hover
	{
		color:#043c73;
	}
	
	form.buy-search div.links
	{
		font-size:0.8em;
		margin-top:-1px;
	}
	form.buy-search div.links label
	{
		display:block;
		font-weight:bold;
	}
		
		
		
	
	/* watchlist form */
	form.watchlist fieldset label.button
	{
		float:left;
	}
			
	/* help articles forms */
	form.articles fieldset label.button
	{
		float:right;
	}
	
	/* inbox form */
	form.inbox fieldset label.button
	{
		float:left;
	}

	/* private message content */
  div.private-message-content
	{
		background-color: #eee;
		padding: 10px;
		margin-bottom: 20px;
		-moz-border-radius:5px; 
		-webkit-border-radius:5px;
		border-radius:5px;
	}

	/* back-to-inbox link */
  p.to-inbox
	{
		float: left;
	}

	/* message actions form */
	form.message-actions
	{
		float:right;
		clear:none;
	}

	form.message-actions label.button
	{
		float:right;
		margin-left:4px;
	}



	
	/* confirmation form */
	form.confirm
	{
		margin:30px 0;
		width:500px;
	}
	
	form.confirm label.complete
	{
		float:left;
	}
	
	form.confirm label.next
	{
		float:right;
	}
	
	
	
	/* verification form */
	form.verification-form label.button
	{
		float:left;
	}
	
	
	
	/* auction add question form */
	form.add-question
	{
		margin:15px 0 0 0;
		float:right;
		clear:none;
		width:540px;
	}
		
	form.add-question textarea
	{
		border:none;
		padding:5px;
		width:530px;
		height:80px;
		overflow:auto;
		font:normal normal normal 1em arial, sans-serif;
		-moz-border-radius:5px; 
		-webkit-border-radius:5px;
		border-radius:5px;
		background:url(../images/backgrounds/textarea-ask-a-question.png) #fff no-repeat 45% 50%;
	}
	form.add-question textarea.cleared, form.add-question textarea:focus
	{
		background:#fff;
	}
	
		
	form.add-question fieldset.buttons label.button
	{
		float:right;
		margin:10px 0 0 0;
	}
	
	form.add-question fieldset.buttons label.button span
	{
		background-image:url(../images/buttons/complete-right-palegreen.png);
	}
	form.add-question fieldset.buttons label.button input
	{
		background-image:url(../images/buttons/complete-left-palegreen.png);
	}
	.auction-domain form.add-question fieldset.buttons label.button span
	{
		background-image:url(../images/buttons/complete-right-green.png);
	}
	.auction-domain form.add-question fieldset.buttons label.button input
	{
		background-image:url(../images/buttons/complete-left-green.png);
	}
	
	
	
	

	/* tooltips showing notes and errors */	
	form.information .fieldgroup
	{
		position:relative;
	}
	
	form.information .fieldgroup label.tooltip
	{
		display:block;
		position:absolute;
		left:366px;
		top:-10px;
		margin:0 0 0 40px;
		width:283px;
		padding:0;
		font-size:0.88em;
		z-index:1000;
		opacity:0.8;
		-moz-border-radius:5px; 
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	.page.yellow form.information .fieldgroup label.tooltip
	{
		margin-left:24px;
		left:249px;
		width:243px;
	}
	form.information .fieldrow.inverted .fieldgroup label.tooltip, 
	form.information .fieldrow.fullwidth .fieldgroup label.tooltip
	{
		left:604px;
	}
	.page.yellow form.information .fieldrow.inverted .fieldgroup label.tooltip, 
	.page.yellow form.information .fieldrow.fullwidth .fieldgroup label.tooltip
	{
		left:410px;
	}
	form.information .fieldrow.fullwidth .fieldgroup label.tooltip
	{
		top:2px;
	}
	
	form.information fieldset.terms .fieldrow.inverted .fieldgroup label.tooltip
	{
		left:424px;
	}
	.page.yellow form.information fieldset.terms .fieldrow.inverted .fieldgroup label.tooltip
	{
		left:230px;
	}
	
	form.information .fieldgroup label.tooltip:hover, 
	form.information .fieldgroup label.tooltip.hover, 
	form.information .fieldgroup input:focus + label.tooltip, 
	form.information .fieldgroup textarea:focus + label.tooltip
	{
		margin-left:32px;
		z-index:2000;
		display:block !important;
		opacity:1;
	}
	.page.yellow form.information .fieldgroup label.tooltip:hover, 
	.page.yellow form.information .fieldgroup label.tooltip.hover, 
	.page.yellow form.information .fieldgroup input:focus + label.tooltip,
	.page.yellow form.information .fieldgroup textarea:focus + label.tooltip
	{
		margin-left:21px;
	}

	form.information .fieldgroup label.tooltip em
	{
		display:block;
		padding:12px 0 12px 22px;
		margin:0 0 0 7px;
		font-style:normal;
		position:relative;
		left:-15px;
		-moz-border-radius:5px; 
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	
	/* notes have no style differences between their default and hover/focus states
	   because they're invisible in their default state */
	form.information .fieldgroup label.tooltip.note
	{
		border:1px solid #e6e6e6;
		border-color:#ebebeb #e1e1e1 #d7d7d7 #f0f0f0;
		background:#eee;
		display:none;
	}
	
	form.information .fieldgroup label.tooltip.note em
	{
		background:url(../images/icons/tooltip-arrow-note.png) no-repeat 0 11px;
		color:#333;
	}
	
	/* error messages are always visible, but de-emphasized in their default state */
	form.information .fieldgroup label.tooltip.error
	{
		border:1px solid #f5caca;
		background:#fdd2d2;
	}
	
	form.information .fieldgroup label.tooltip.error em
	{
		background:url(../images/icons/tooltip-arrow-error.png) no-repeat 0 11px;
		color:#ca7878;
		font-weight:bold;
	}
	
	form.information .fieldgroup label.tooltip.error:hover, 
	form.information .fieldgroup label.tooltip.error.hover, 
	form.information .fieldgroup input:focus + label.tooltip.error, 
	form.information .fieldgroup textarea:focus + label.tooltip.error
	{
		border-color:#facfcf #f0c5c5 #e6bbbb #ffd4d4;
	}

	form.information .fieldgroup label.tooltip.error:hover em, 
	form.information .fieldgroup label.tooltip.error.hover em, 
	form.information .fieldgroup input:focus + label.tooltip.error em, 
	form.information .fieldgroup textarea:focus + label.tooltip.error em
	{
		color:#b02c2c;
	}





	/* form-style information box */
	div.information
	{
		margin:30px 0;
		padding:0 20px 15px 20px;
		border:1px solid #999;
		background:#fff;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}
	
	div.information .legend
	{
		font-weight:bold;
		font-size:1.1em;
		text-transform:uppercase;
		color:#666;
		display:inline-block;
		line-height:1;
		position:relative;
		top:-0.6em;
		left:0;
		padding:0 0.1em;
		background:#fff;
	}
	
	div.information h2, div.information .h2
	{
		margin-top:0;		
	}
	
	div.information p.edit
	{
		padding:35px 0 0 0;
	}
	
	
	/* information table that goes inside it */
	table.information
	{
		width:100%;
	}

	table.information, table.information th, table.information td
	{
		border:none;
		text-align:left;
		vertical-align:top;
		color:#333;
	}

	table.information th, table.information td
	{
		width:50%;
		font-weight:bold;
		padding:2px 0;
	}

	table.information tr.section th, table.information tr.section td
	{
		padding-top:20px;
	}

	table.information td
	{
		font-weight:normal;
		color:#555;
	}

	table.information.upgrades tbody th
	{
		width:85%;
		padding:8px 0;
	}

	table.information.upgrades tbody td
	{
		width:15%;
		padding:8px 0;
	}

	table.information th.fee, table.information th.upgrades, 
	table.information .subtotal, table.information .credit, table.information .balance
	{
		font-size:1.1em;
	}

	table.information th.subtotal, table.information th.credit, table.information th.balance
	{
		width:90%;
		text-align:right;
		padding-right:50px;
	}

	table.information td.cost
	{
		width:10%;
		font-weight:bold;
		text-align:right;
	}

	table.information .subtotal, table.information .balance
	{
		border-top:1px solid #b8b8b8;
		padding-top:10px;
	}

	table.information .fee, table.information .credit
	{
		padding-bottom:20px;
	}
	
	table.information th.item
	{
		width:90%;
		font-weight:normal;
		padding-left:10px;
	}
	
	table.information .item.last-item
	{
		padding-bottom:30px;
	}
	
	table.information tfoot td
	{
		padding:35px 0 0 0;
		color:#333;
	}
	
	table.information tfoot td.note
	{
		font-size:0.9em;
	}
	
	table.information a.note, table.information a.note:visited
	{
		color:#333;
		text-decoration:none;
	}
	
	table.autowidth th, table.autowidth td
	{
		width: auto;
	}
	
	/* button-oonly forms (action forms) */
	form.buttons
	{
		margin:5px 0;	
	}


	/* sell steps breadcrumbs */
	.breadcrumbs
	{
		background:#4c7ea6;
		float:left;
		width:100%;
		padding:14px 0;
		-moz-border-radius-topleft:10px;
		-moz-border-radius-topright:10px;
		-webkit-border-top-left-radius:10px;
		-webkit-border-top-right-radius:10px;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
	}
	
	.breadcrumbs ol
	{
		list-style-type:none;
		float:left;
		margin-left:14px;
		padding-left:4px;		
		background:#fff;
	}
	html.images-off .breadcrumbs ol
	{
		-moz-border-radius:5px; 
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	
	.breadcrumbs li
	{
		list-style-type:none;
		display:block;
		float:left;
		
		margin:0 0 0 -4px;
	}
	
	.breadcrumbs li *
	{
		display:block;
		float:left;
		text-decoration:none;
		cursor:default;
	}
	
	.breadcrumbs li span, .breadcrumbs li a, .breadcrumbs li a:visited
	{
		color:#09426f;
		font-weight:bold;
		padding:0 10px 0 0;
		background:url(../images/breadcrumbs/step-pointer.png) repeat-y 100% 0;
	}
	
	.breadcrumbs li.step6 span
	{
		background-image:url(../images/breadcrumbs/step6-pointer.png);
	}	
	
	.breadcrumbs li a, .breadcrumbs li a:visited
	{
		background-image:url(../images/breadcrumbs/step-current-pointer.png);
		cursor:pointer;
	}
	
	.breadcrumbs li.step6 a, .breadcrumbs li.step6 a:visited 
	{
		background-image:url(../images/breadcrumbs/step6-current-pointer.png);
	}
	
	.breadcrumbs li span span, .breadcrumbs li.step6 span span,
	.breadcrumbs li a span, .breadcrumbs li a:visited span
	{
		padding:7px 0 6px 30px;
		min-height:18px;
		background:url(../images/breadcrumbs/step-flight.png) repeat-y 0 0;
	}	
	html.images-off li span span, html.images-off li.step6 span span
	{
		background:#ebf5ff;
	}
	
	.breadcrumbs li.step1 span span, 
	.breadcrumbs li.step1 a span, .breadcrumbs li.step1 a:visited span
	{
		padding-left:20px;
		background-image:url(../images/breadcrumbs/step1-flight.png);
	}
	html.images-off .breadcrumbs li.step1 span span,
	html.images-off .breadcrumbs li.step1 a span,
	html.images-off .breadcrumbs li.step1 a:visited span
	{
		-moz-border-radius-topleft:5px; 
		-webkit-border-top-left-radius:5px;
		-moz-border-radius-bottomleft:5px; 
		-webkit-border-bottom-left-radius:5px;
		border-top-left-radius:5px;
		border-bottom-left-radius:5px;
	}
	
	.breadcrumbs li a span, .breadcrumbs li a:visited span,
	.breadcrumbs li.step6 a span, .breadcrumbs li.step6 a:visited span
	{
		color:#fff;
		font-weight:normal;
		cursor:pointer;
		background-image:url(../images/breadcrumbs/step-current-flight.png);
	}
	html.images-off .breadcrumbs li a span, 
	html.images-off .breadcrumbs li a:visited span, 
	html.images-off .breadcrumbs li.step6 a span, 
	html.images-off .breadcrumbs li.step6 a:visited span
	{
		background:#62a4e8;
	}
	
	.breadcrumbs li.step1 a span, .breadcrumbs li.step1 a:visited span
	{
		background-image:url(../images/breadcrumbs/step1-current-flight.png);
	}
	
	.breadcrumbs li.step1 * * { width:136px; }
	.breadcrumbs li.step2 * * { width:128px; }
	.breadcrumbs li.step3 * * { width:136px; }
	.breadcrumbs li.step4 * * { width:97px; }
	.breadcrumbs li.step5 * * { width:140px; }
	.breadcrumbs li.step6 * * { width:105px; }

	.breadcrumbs
	{
		counter-reset:step;
	}
	.breadcrumbs li * span:before
	{
		counter-increment:step;
		content:counter(step) ". ";
	}
	
	/* SELL : START page */
	.sellbreakout
	{
		margin-top:8.5em;
	}
	
	.sellbreakout h2
	{
		font-size:1.2em;
	}
	
	.sellbreakout p 
	{
		margin-top:1em;
	}
	
	/* Edit auction page */
	.lockedcontent
	{
		max-height:10em;
		overflow-y:scroll;
		display:block;
		width:97%;
		padding:0.5em 1%;
		margin:2em 0;
		border:1px solid #999;
		clear:both;
	}
	
	p.pagination-location
	{
		text-align: right;
		color: #444;
	}
	
	
}
/* end media wrapper */