/*NOTES ----------------------------------------------------------------------------------------

The core style sheet for all sella powered websites

UPDATE INFO ------------------------------------------------------------------------------------

Last major update: 15 December 2009
Last update made by: Daron Robinson (daron.robinson@sella.co.nz)


INTENDED PURPOSE -------------------------------------------------------------------------------

Styles in this sheet are intended to address generic aspects of all sella websites.

A macro based approach is taken where possible to provide a better match between our CSS and
the reusable TAL html macros from which the site is built.



KEY --------------------------------------------------------------------------------------------------

Colours
@colordef #EAF5F9 Palest Grey Blue Background - used behind forms, filters, popups
@colordef #DDE9ED Pale Grey Blue Background - used behind list forms, tabs
@colordef #8EB6BD Register & Listing Sidenotes

@colordef #E5F8FD Pale Bluer Feature Background - used in adserver / promotional locations
@colordef #D6E6EB Pale Blue Border

@colordef #E3E6E2 Grey Lines/Borders
@colordef #B4B5B4 Darker Grey Lines/Borders

@colordef #214181 Dark Blue Link
@colordef #5893CF Visited Blue Link

@colordef #9D121D Dark Red Heading & Price
@colordef #244C83 Dark Blue Subheading


@colordef #778888 Pale Grey Text - Breadcrumb/Notes
@colordef #1B5468 Medium Green Text - Tabs
@colordef #0E363D Dark Green Text - Body text, SubHeading & Buy Now Price
@colordef Error/Highlight Red

@colordef Error Background
@colordef Error Border

@colordef Note Background
@colordef Note Border


CONTENTS ----------------------------------------------------------------------------------------

@group Reset all elements
@group Progessive Enhancement
@group Utility Classes
@group Accessibilty
@group Default Tag Styles
@group Sprites and icons
@group Colours

@group Header and Top Nav
@group Content wrapper
@group Breadcrumbs, Warnings & Feedback
@group Titlebars & Headings
@group Gallery & List Views
@group Tabs
@group Common Links & Widgets
@group Rounded Corner Box
@group Forms
@group Buttons
@group Footer


*/

/* ERROR MESSAGE PRE ELEMENT */
.debug{border: 1px solid red;}
pre {font-size: 12px;}


/* @group Reset all elements
---------------------------------------------------------------------------------------- */
body {
	color: #000;
	background: #FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
li {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {content: "'";}
abbr,acronym {
	border: 0;
	font-variant: normal;
}
sup,sub {
	line-height: -1px;
	vertical-align: text-top;
}
sub {vertical-align: text-bottom;}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}


/* @group Browser based Resets
-------------------------------------------------------------------------------------- */

/* remove ugly orange outline in chrome */
*:focus {outline: none;}

/* firefox ugliness -  remove focus border of buttons */
/* propriety mozilla pseudo-class ::-moz-focus-inner */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}


/* @group Progressive Enhancement
---------------------------------------------------------------------------------------- */
/* the element will be set display:block by javascript after DomLoaded */
.progressive-to-show {display: none;}

/* will be set display:inline */
.progressive-to-show-inline {display: none;}

.progressive-to-show-row {display: none;}

.progressive-row {display: table-row;}

/* the element will be hidden by javascript after DomLoaded */
.progressive-to-hide {
}


/* @group Utility Classes (Purge)
---------------------------------------------------------------------------------------- */
.center {text-align: center;}
.centerBlock {
	text-align: center;
	clear:both;
	background-color: #fff;
}

.fullWidth {
	width:960px !important;
}
.right {text-align: right !important;}
.left {text-align: left !important;}
.small {
	font-size: 0.9em;
}
.smaller {
	font-size: 0.8em !important;
}
.bold {
	font-weight: bold !important;
}
.floatRight {
	float: right;
}

.floatLeft {
	float: left;display: inline;
}

.floatNone {
	float: none !important;
}

.rightSpace {
        margin-right:20px;
}

.blockLeft {
	display:inline-block;
	vertical-align:middle;
}
.blockLeft li {
	list-style-type:disc;
	margin-left:15px;
}
.leftSpace {
        margin-left:20px;
}
.clear {
	clear: both;
}

.uppercase {
	text-transform: uppercase;
}

.no_forced_caps{
	text-transform:none !important;
}

.spaceAboveSmall{
	margin-top:10px !important;
}

.spaceAbove{
	margin-top:20px !important;
}

.spaceBelowSmall{
	margin-bottom:10px !important;
}

.spaceBelow{
	margin-bottom:20px !important;
}

.spaceBelowLarge{
	margin-bottom:30px !important;
}

.spaceLeft{
	margin-left:20px !important;
}

.spaceRight{
	margin-right:20px !important;
}

.spaceRightLarge{
	margin-right:35px !important;
}

.spaceRightSmall{
	margin-right:10px !important;
}

.green{
	color:#007700;
}

.red{
	color:#990000;
}

/* @group Accessibilty
---------------------------------------------------------------------------------------- */
.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}

.hide {
	display: none;
}
.show_block {
	display: block;
}
.show_inline {
	display: inline;
}


/* @group Default Tag Styles
---------------------------------------------------------------------------------------- */
body {
	font: 12px/1.4 Verdana, 'Liberation Sans',FreeSans,sans-serif; /* set font size to 10px (a nice round number) - 1.4 line height */
	color: #0e363d;
	background: #0090B5 url(/images/bg-all.png) repeat-x;
	min-width:980px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.4em 0;
	font-family: "Trebuchet MS",'Liberation Sans',FreeSans,sans-serif;
	font-weight: normal;
}

h1 {
	font-size: 30px;
	color: #9d121d;
}

h1 q {
	text-transform: none;
	color: #0b2a2f;
	font-style: italic;
	letter-spacing: 1px;
}

h1 a {
	color: #14407b;
	text-decoration: none;
}

h2 {
	font-size: 23px;
	color:#257992;
}

h2.sub-heading {
	margin: 0;
}

h3 {
	font-size: 17px;
}

h4 {
	font-size: 15px;
}

h6 {
	font-weight: bold;
}

p, blockquote, table, dd, dt {
	margin: 0 0 1.2em 0;
}

p.bold{
	font-weight:bold;
}

p.bold_subheading{
	font-weight:bold;
	margin:12px 0px 8px;
}

a:link {
	color: #214181;
	outline: none;
}
/* unvisited link */
a:visited {
	color: #5893cf
}
/* visited link */
a:hover {
	color: #9d121d
}
/* mouse over link */
a:active {
	color: #248326
}
/* selected link */
button {
	outline: none;
}
strong {
	font-weight: bold;
}

th, td {
	padding: 3px;
	border: 1px solid #e3e6e2;
	vertical-align: top;
}

th {
	font-weight: bold;
}

thead th {
	background: #f3f5f2;
}

#content-main ol.alpha li, #content-main ol.roman li {
	list-style-type:decimal;
	margin-left:3em;
	padding-bottom:0.5em;
	padding-left:0.5em;
}

ol.alpha li {
	list-style-type: lower-alpha !important;
}
ol.roman li {
	list-style-type: lower-roman !important;
}

.bullets li{
	padding:2px 0px !important;
	margin:0 0 0 45px !important;
	list-style:disc;
}

/* @group Sprites
---------------------------------------------------------------------------------------- */
/* @TODO: All sprite usages need to be updated using a cachebreaker based on date ?20091105 etc */

.icon16 {
	background-image: url(/images/sprite-16x16-24.png);
	background-repeat: no-repeat;
}

a.icon16 {
	padding-left:21px;
}

.icon24 {
	background-image: url(/images/sprite-24x24-24.png);
	background-repeat: no-repeat;
}

a.icon24 {
	padding-left:30px;
}

/* @group Icons
---------------------------------------------------------------------------------------- */

/* legend in footer */
.icon-reservemet {background-position: 0 -3400px;}
.icon-reservenotmet {background-position: 0 -3450px;}
.icon-no-reserve {background-position: 0 -2850px;}
.icon-new {background-position: 0 0;}
.icon-quickpay-sm {background-position: 0 -3250px;}
.icon-free-delivery {background-position: 0 -2150px;}
/* homepage categories */
.icon-motoring {background-position: 0 -2800px;}
.icon-property {background-position: 0 -3150px;}
.icon-travel {
	background-position: 0 -1698px;
	padding:0 0 0 20px;
}
.icon-travel-sm {
	background:url(/images/icon-travel-16.png) 0px 1px no-repeat;
	padding:0 0 0 20px;
}
/* homepage featured */
.icon-cart {background-position: 0 -48px;} /*check position in sprite*/
.icon-closingsoon {background-position: 0 -98px;} /*check position in sprite*/
/* email and rss feeds of listings */
.feed_add {background-position: 0 -4500px;}
/*dashboard */
.icon-cred-lg {background-position: 0 -150px;}
.icon-address-md {background-position: 0 -200px;}
.icon-user {background-position: 0 -250px;}
.icon-positive-md {background-position: 0 -296px;}
.icon-placebid {background-position: 0 -350px;}
.icon-payment {background-position: 0 -400px;}
.icon-right-now {background-position: 0 -450px;}
.icon-cred-sm {background-position: 0 -1550px;}
/* special travel */
/*.icon-travel {background-position: 0 -1698px;}*/
/* listing */
.icon-edit {background-position: 0 -4750px;}
.icon-copy {background-position: 0 -2700px;}
.icon-user {background-position: 0 -1200px;}
/* listing */
.icon-edit {background-position: 0 -4750px;}
.icon-copy {background-position: 0 -2700px;}
.icon-user {background-position: 0 -1200px;}

a.icon-anchor { padding-left: 23px; line-height: 1.9em; }
.background-white {background: #fff;}


/* @group Colours (move to skin.css)
-------------------------------------------------------------------------------------- */
.feature {color: #9D121D;}








/* @group Header & Top Nav    @TODO: needs major cleanup
-------------------------------------------------------------------------------------- */

#header {
	margin:30px 0 0;
	width:100%;
	float: left;
	display:inline;
}

/* top link strip */
#global{
	position:absolute;
	top:0px;
	left:0px;
	padding:0;
	width:100%;
	overflow:hidden;
	height:30px;
}
	#global-container {
		margin:auto;
		width:960px;
		padding:0 10px;
	}
	
	div#global-container.small-width{
		width:960px;
		padding:0 10px;
	}
	div#global-container.full-width{
		width:1000px;
		padding:0px;
	}
		.floatLeft {
			display:inline;
			float:left;
		}
		
			#global .floatLeft li {
				margin-right:20px;
			}

			#global li, #global li a {
				color:#FFFFFF;
				font-family:Arial,'Liberation Sans',FreeSans,sans-serif;
				font-size:12px;
				line-height:16px;
			}

			#global li {
				display:inline;
				float:left;
				font-size:12px;
				margin:5px 0 5px;
				height:16px;
				padding-bottom:4px;
			}
			
			#global .floatRight li {
				display:inline;
				float:left;
				font-size:12px;
				margin:5px 0 5px 10px;
				height:16px;
				padding-bottom:4px;
			}


#top-links {
	display:inline;
	float:right;
	margin:29px 0 0 0;
	width:227px;
	height:28px;
	background:url(/images/top-links-bg-2.png) left top no-repeat;
	z-index:1001;
	position:relative;
}

	#top-links ul#navlist-logged-in, #top-links ul#navlist {
		float:left;
		list-style-type:none;
		height:28px;
		color:#FFF;
		text-align:center;
		width:227px;
		z-index:99998;
		position:relative;
	}
	
		#top-links ul#navlist-logged-in li {
			float:left;
			position:relative;
			z-index:9999;
			width:153px;
			padding:0 10px 0 10px;
			line-height:24px;
			z-index:99995;
			text-align:left;
		}
		
		#top-links ul#navlist-logged-in li.nav-logout{
			width:40px;
			padding:0 10px 0 0;
			text-align:right;
		}
		
		#top-links ul#navlist li {
			float:left;
			position:relative;
			padding:2px 0;
			line-height:20px;
		}
		
		#top-links ul#navlist li.nav-logout {
			position:relative;
			width:99px;
			z-index:99999;
		}
		
			#top-links ul#navlist-logged-in li a, #top-links ul#navlist li a{
				color:#FFF;
			}
			
			#top-links ul#navlist li div.button-standard a{
				width:87px !important;
			}
			
			#top-links ul#navlist-logged-in li a:hover, #top-links ul#navlist li a:hover{
				text-decoration:none;
			}

#top-ad-container {border: 1px solid #fff;}

#logo{
	display:inline;
	float:left;
	height:88px;
	width:113px;
	overflow:hidden;
	background:none;
}
/* swapped out in print css */
.altprint {display: none;}

/* search dropdown */
#search {
	margin:0;
	padding:0;
}

#search-wrapper{
	position:relative;
	float:right;
	display:inline;
	margin:0 -3px 0 0;
	background:#FFF;
	width:373px;
	padding:2px;
	height:27px;
	background:url(/images/search-box-2.png) left top no-repeat;
	z-index:101;
}

	#search-wrapper input#product-search{
		background:#FFF;
		border:0;
		margin:0;
		padding:3px 9px 0 3px;
		width:268px;
		height:18px;
		font-size:14px;
		overflow:visible;
		position:reative;
		z-index:102;
	}

#search #button-search {
	position:absolute;
	top:2px;
	right:5px;
}

#search .search-label {
	display: none;
}


#search-container {
	position:relative;
	display:inline;
	float:left;
	margin:10px 19px 0 17px;
	width:584px;
	z-index:100;
}

div#search-container.small-width {
	margin:10px 19px 0 17px;
}

div#search-container.full-width {
	margin:10px 39px 0 37px;
}

#search-container h3.strapline {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:14px;
	line-height:10px;
	height:18px;
	font-weight:normal;
	text-shadow:#0D3642 0 1px 0;
	text-indent:2px;
	margin:0;
	padding:0;
	letter-spacing:0px;
}

	#select-wrapper{
		float:left;
		position:relative;
		width:200px;
		height:31px;
		font-size:14px;
		z-index:105;
	}
	
		#select-wrapper select{
			float:left;
			width:196px;
			height:28px;
			line-height:28px;
			font-size:14px;
			padding:3px;
			margin:0 0 0 2px;
			border:0;
		}
		
/*==================================
remove default focus style
====================================*/
:focus {outline:none;}


.stylish-select ul.newList {
	left:-9999px;
	/*display:none;*/
}

/*==================================
red curvy example
====================================*/
ul.newList * {margin:0; padding:0;}
ul.newList {
	margin:0; 
	padding:0; 
	list-style:none;
	font-size:14px;
	color:#000; 
	width:260px;
	background:#fff; 
	position:absolute;  
	border:1px solid #0f5672;
	top:20px; 
	left:0; 
	overflow:auto; 
	z-index:111;
}

ul.newList a {color: #000; text-decoration:none; display:block;}
.newListSelected {width:200px; color:#000; height:22px; padding:4px 0 4px 8px; float:left; background:url(/images/select-box-bg.png) no-repeat;}
.newListSelected span {width:284px; display:block;}
ul.newList li a {padding:1px 8px; display: block;}
ul.newList li a:focus {-moz-outline-style: none;}
.selectedTxt {width:169px; overflow:hidden; height:22px; padding:0 23px 0 0;}
.hiLite {background:#1c728a!important; color:#fff!important;}
.hiLite a {background:#1c728a!important; color:#fff!important;}
.newListHover {background:#f1f1f1!important; color:#000!important; cursor:default;}
.newListSelHover, .newListSelFocus {background-position:0 -31px; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}


/* ##################	ALL TOP NAVIGATION	#################### */


#nav, #nav-loggedin{
	float:left;
	display:inline;
	width:100%;
	background:url(/images/nav-bg.png);
	list-style-type:none;
	height:32px;
}

	#nav li, #nav-loggedin li{
		position:relative;
		z-index:1;
		float:left;
	}
	
		#nav li a, #nav-loggedin li a{
			float:left;
			display:inline;
			height:30px;
			margin:1px 0;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#FFF;
			text-decoration:none;
			font-size:14px;
			line-height:28px;
			text-shadow:#0D3642 0 1px 0;			
			padding:0 12px;
			border-left:solid 1px #3F9AB5;
			border-right:solid 1px #1B5A6C;
			background:url(/images/nav-hover.png) left -30px repeat-x;
		}
		
		
		#nav li a:hover, #nav li a.hover, #nav-loggedin li a:hover, #nav-loggedin li a.hover{
			background-position:left top;
		}
		
		#nav li span.border, #nav-loggedin li span.border{
			float:left;
			display:inline;
			margin:1px 0;
			height:30px;
			width:1px;
			background:#3F9AB5;
		}
		
		#nav li a#nav-home, #nav-loggedin li a#nav-home{
			background:url(/images/home-nav-bg.png) left top no-repeat;
			border:0;
			height:32px;
			margin:0;
			line-height:30px;
		}
		
		#nav li a#nav-home:hover, #nav-loggedin li a#nav-home:hover{
			background-position:left -32px;
		}
		
	#nav li.nav-home span#home-border, #nav-loggedin li.nav-home span#home-border{
		float:left;
		display:inline;
		margin:1px 0;
		width:1px;
		height:30px;
		background:#1B5A6C;
	}
	
	#nav li.nav-browse, #nav li.nav-logout, #nav-loggedin li.nav-browse, #nav-loggedin li.nav-logout{
		z-index:50;
	}
		
		#nav-loggedin li a#nav-account{
			padding:0 42px 0 20px;
		}
		
		#nav li a#nav-browse, #nav-loggedin li a#nav-browse{
			padding:0 42px 0 20px;
		}
		
		#nav li div span#browse-pressed, #nav-loggedin li div span#browse-pressed{
			position:relative;
			float:left;
			display:inline;
			margin:1px;
		}
		
		#nav li div span#browse-pressed a, #nav-loggedin li div span#browse-pressed a{
			padding:0 0 0 20px;
			width:60px;
			float:left;
			border:0;
			color:#257992;
			text-shadow:#fff 0 1px 0;
			background:none;
		}
		
		#nav li div a#browse-pressed:hover, #nav-loggedin li div a#browse-pressed:hover{
			background:none;
		}
		
		#nav li a#nav-login, #nav-loggedin li a#nav-logout{
			background:url(/images/home-nav-bg.png) right top no-repeat;
			border:0;
			height:32px;
			margin:0;
			line-height:30px;
			cursor:pointer;
			outline:0;
		}
		
		#nav li a#nav-login:hover, #nav-loggedin li a#nav-logout:hover{
			background-position:right -32px;
		}
		
		#nav li span#logout-border, #nav-loggedin li span#logout-border{
			float:left;
			display:inline;
			margin:1px 0;
			width:1px;
			height:30px;
			background:#3F9AB5;
		}
			
		#nav li span#account-border, #nav-loggedin li span#account-border{
			float:left;
			display:inline;
			margin:1px 0;
			width:1px;
			height:30px;
			background:#1B5A6C;
		}
	
	#nav li.nav-login, #nav li.nav-logout, #nav-loggedin li.nav-login, #nav-loggedin li.nav-logout{
		float:right;
	}	
		
	div#drop-browse{
		position:absolute;
		top:-5px;
		left:-5px;
		height:23px;
		width:114px;
		background:url(/images/browse-box-280.png) left top no-repeat;
		padding:5px;
		display:none;
	}
	
	span.drop-toggle{
		cursor:pointer;
	}
	
	#toggle-button{
		position:absolute;
		top:9px;
		left:80px;
		height:14px;
		width:14px;
		overflow:hidden;
		background:url(/images/drop-button.png) left top no-repeat;
	}
	
	span#toggle-button.hover{
		background-position: left -14px;
	}
	
	span#account-box-toggle{
		position:absolute;
		top:9px;
		left:85px;
		height:14px;
		width:14px;
		overflow:hidden;
		background:url(/images/drop-button.png) -14px top no-repeat;
		cursor:pointer;
	}
	
	span#account-box-toggle.close{
		background-position:-14px top;
	}
	
	span#account-box-toggle.close.hover{
		background-position: -14px -14px;
	}
	
	span#account-box-toggle.open{
		background-position: left top;
	}
	
	span#account-box-toggle.open.hover{
		background-position: left -14px;
	}
	
	
		#category-list{
			position:absolute;
			display:block;
			top:33px;
			left:0px;
			height:240px;
			width:700px;
			background:url(/images/browse-box-280.png) left -33px no-repeat;
			padding:5px;
			line-height:20px;
		}
		
			#category-list-float{
				float:left;
				display:inline;
				margin:10px;
			}
		
			#category-list-float ul{
				float:left;
				list-style-type:none;
			}
			
			.li-2, .li-3, .li-4{
				float:left;
				width:226px;
			}
			
				#category-list-float ul li{
					float:left;
					width:100%;
				}
			
					#category-list-float ul li a{
						float:none;
						display:inline;
						height:auto;
						margin:0;
						font-family:Verdana, Geneva, sans-serif;
						color:#204080;
						text-decoration:underline;
						font-size:12px;
						line-height:19px;
						text-shadow:none;
						padding:0;
						border-left:none;
						border-right:none;
						background:none;
					}
					
					#category-list li a:hover{
						color:#9D121D;
					}
					
		#main-sections{
			float:left;
			display:inline;
			margin:10px;
			width:680px;
		}
		
			#main-sections ul{
				float:left;
				list-style-type:none;
				width:680px;
			}
			
				#main-sections ul li{
					float:left;
					width:226px;
				}
			
					#main-sections ul li a{
						float:none;
						display:inline;
						height:auto;
						margin:0;
						font-family:Verdana, Geneva, sans-serif;
						color:#257992;
						text-decoration:underline;
						font-size:14px;
						line-height:14px;
						text-shadow:none;
						padding:0;
						border-left:none;
						border-right:none;
						background:none;
					}
					
	div#login-top{
		position:absolute;
		top:-10px;
		left:-5px;
		height:225px;
		width:199px;
		background:url(/images/login-box-2.png) left top no-repeat;
		padding:15px 20px 20px;
		display:none;
		z-index:99999;
		overflow:hidden;
	}
	
	div#login-top span.login-top-links, div#login-top span.login-top-links a{
		font-weight:bold;
		color:#257992 !important;
		text-shadow:#fff 0 1px 0;
	}
	
	div#login-top span#login-close{
		position:absolute;
		height:15px;
		width:15px;
		top:20px;
		right:25px;
		cursor:pointer;
	}
	
		div#login-top a{
			border:0;
			background:none;
			text-shadow:0 1px 0 #FFFFFF;
			color:#257992;
		}
	
		#login-top{
			padding:5px;
			color:#0E363D;
			text-align:left;
		}
		
			#login-top fieldset{
				float:left;
				width:199px;
				border:0;
			}
			
				#login-top fieldset ol{
					float:left;
					width:199px;
					list-style-type:none;
				}
				
					#login-top fieldset ol li{
						float:left;
						width:199px !important;
						height:auto !important;
					}
					
						#login-top fieldset ol li label{
							float:left;
							display:inline;
							margin:5px 0;
							width:199px;
						}
						
						#login-top fieldset ol li input.wide{
							float:left;
							width:189px;
							padding:0;
							height:22px;
							font-size:14px;
							line-height:14px;
							padding:4px;
							background:#fff url(/images/login-inputs-2.png);
							border:0;
							
						}
						
						#login-top fieldset ol li a{
							float:left;
							font-family:Verdana, Geneva, sans-serif;
							font-size:12px;
							margin:0;
							padding:0;
							text-decoration:underline;
							color:#204080 !important;
							width:228px;
						}
						
						#login-top fieldset ol li a:hover{
							color:#9D121D;
						}
						
	#nav li.right-nav-links, #nav-loggedin li.right-nav-links{
		float:right;
		color:#EAF5F9;
		height:32px;
		cursor:default;
		display:block;
	}
	
			#nav li.right-nav-links ul, #nav-loggedin li.right-nav-links ul{
				float:right;
				height:32px;
			}
			
			#nav li.right-nav-links ul li, #nav-loggedin li.right-nav-links ul li{
				float:left;
				height:12px;
				margin:10px 0 0 0;
				padding:0 8px;
				border-right:solid 1px #1B5A6C;
				border-left:solid 1px #3F9AB5;
				overflow:visible;
			}
			
			#nav li.right-nav-links ul li.last, #nav-loggedin li.right-nav-links ul li.last{
				padding:0 4px 0 8px;
				border-right:0;
			}
			
			#nav li.right-nav-links ul li.first, #nav-loggedin li.right-nav-links ul li.first{			
				border-left:0;
			}
	
		#nav li.right-nav-links ul li a, #nav-loggedin li.right-nav-links ul li a{
			float:left;
			display:inline;
			padding:0;
			margin:-4px 0 0 0;
			font-family:Verdana, Geneva, sans-serif;
			color:#EAF5F9;
			font-size:12px;
			line-height:16px;
			height:16px;
			text-shadow:none;			
			border:0;
			background:none;
			cursor:pointer;
			border-bottom:solid 1px #EAF5F9;
		}
		
		#nav li.right-nav-links a:hover, #nav-loggedin li.right-nav-links a:hover{
			color:#FFF;
			border-bottom:solid 1px #FFF;
		}
		
		#nav li span.nav-background, #nav-loggedin li span.nav-background{
			float:right;
			display:inline;
			width:8px;
			height:32px;
			background:url(/images/home-nav-bg.png) right top no-repeat;
		}

.left-links{
	float:left;
}

.right-links{
	float:right;
}

#close-button{
	position:absolute;
	top:8px;
	left:81px;
	height:14px;
	width:14px;
	cursor:pointer;
	background:url(/images/drop-button.png) right top no-repeat;
}

#close-button.hover{
	background-position:right -14px;
}

#account-bar-wrapper{
	float:left;
	width:100%;
	height:34px;
	overflow:hidden;
}

#account-bar, div#account-bar.small-width {
	position:relative;
	width:930px;
	text-align: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	height: 34px;
	overflow: hidden;
	background: #86BCCA url(/images/bg-account-bar-plain.png) no-repeat;
}

div#account-bar.full-width {
	width:970px;
}

#account-bar-content {
	float: left;
	display: inline;
	height: 34px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#account-bar-content li {
	float: left;
	display: inline;
	font-size: 10px;
	height:26px;
	padding: 8px 20px 0 14px;
}

#account-bar-content li a:link,#account-bar-content li a:visited {
	font-size: 12px;
	color: #214181;
}

#account-bar-content #items-watching {
	background: url(/images/sprite-accountbar-10.png) no-repeat 0 -300px;
}

#account-bar-content #items-purchased {
	background: url(/images/sprite-accountbar-10.png) no-repeat 0 -100px;
}

#account-bar-content #items-selling {
	background: url(/images/sprite-accountbar-10.png) no-repeat 0 -250px;
}

#account-bar-content #items-saved {
	background: url(/images/sprite-accountbar-10.png) no-repeat 0 -200px;
}

#account-bar-content #unanswered-questions {
	background: url(/images/sprite-accountbar-10.png) no-repeat 0 -150px;
}

#account-bar-content #cred-pending {
	background: url(/images/sprite-accountbar-10.png) no-repeat 0 0px;
}

#account-bar-content #edit-user-details {
	float: right !important;
	padding: 8px 10px 0 14px;
	background: #86BCCA url(/images/bg-account-bar-plain.png) right top no-repeat;
}

#account-bar-content #edit-user-details a {
	background: url(/images/sprite-accountbar-10.png) no-repeat 0 -58px;
	padding:0 0 0 14px;
}

#account-bar-content #account-balance {
	background: url(/images/sprite-accountbar-10.png) no-repeat 0 -400px;
}

#account-bar-content #account-balance .positive {
	color: #005500;
}

#account-bar-content #account-balance .negative {
	color: #660000;
}

/* @group Content Wrapper
-------------------------------------------------------------------------------------- */
/*  @TODO: needs cleanup and rationalisation - some are redundant
	also we need to be able to make these variable width easily
	by getting more things set to 100% instead of pixel values */
/* main containers */

#container{
	position:relative;
	margin:20px 0 0 0;
	width:100%;
	float:left;	
}

#container.grabaseat {
	background: url(/images/grabone-donate.jpg) no-repeat top center;
}

	#content-top{
		position:relative;
		margin:0 auto;
		width:100%;
		background:#FFF;
		overflow:visible;
		z-index:3;
	}
	
	  #wings{
			position:absolute;
			height:566px;
			width:100%;
			top:0px;
			left:0px;
			z-index:2;			
		}
		
		#wings a{
			position:absolute;
			height:100%;
			width:100%;
			top:0px;
			left:0px;	
		}
	
		#content{
			margin:0 auto;
			width:100%;
			position:relative;			
		}
		
	div#content.small-width, div#content-top.small-width{
		width:100%;
		background:#FFF;
	}

	div#content.full-width{
		width:1006px;
		background:url(/images/content-top.png) left top no-repeat;
	}

	div#content-top.full-width{
		width:1006px;
		background: url(/images/content-tile.png) left top repeat-y;
	}

#content .bg {
	padding:20px 10px 10px;
	width:960px;
	margin:0 auto;
	background:#FFF;
	min-height:928px;
	overflow:hidden;
}

#content-main {
	width: 100%;
	display:inline;
	float:left;
}

#content-main.with-sub{
	width: 740px;
}

#content-sub {
    margin-left: 20px;
    width: 190px;
    float: right !important;
    clear: right;
}

#content-sub li {
	line-height: 1.3;
	margin-bottom: 0.6em;
}

.contain {
	margin: auto;
	width: 960px;
}

#contain {
	margin:auto;
	width:960px;
 	padding:6px 10px 0 10px;
	z-index:59;
}

div#contain.small-width{
	margin:auto;
	width:960px;
}

div#contain.full-width{
	margin:0 auto;
 	width:1000px;
}


/* @group Breadcrumbs, Warnings & Feedback
---------------------------------------------------------------------------------------- */


#breadcrumbs{ margin: 0px 0px 10px 0px;}

.breadcrumb,
.breadcrumb a {
	color: #778888;
	font-size: 0.95em;
}

.breadcrumb {
	background-color: #fff;
}


/* feedback panel */

.feedback_panel .global-note, #grabaseat_text, .global-note, #feedback-alert-element {
	float: left;
	display: inline;
	background: #ffffd1 url(/images/icon-info-lg.png) no-repeat 10px 13px;
	border-top: 3px solid #eedfa5;
	border-bottom: 3px solid #eedfa5;
	margin: 0 0 20px 0;
	width: 908px;
	height: auto;
	padding: 20px 0px 20px 52px;
	position: relative;
	clear: both;
}

.feedback_panel .error,
.feedback_panel #feedback-alert-element.error ,
#feedback-alert-element.error {
	float: left;
	width: 880px;
	border-top: 2px solid #a04e25;
	border-bottom: 2px solid #a04e25;
	background: #fbeddb url(/images/icon-error-lg.gif) no-repeat 15px 13px;
	padding: 20px 20px 20px 60px;
	margin-bottom: 15px;
}

.feedback_panel .global-note p {margin: 0;}

.feedback_panel .global-note .close {
	position: absolute;
	top: 2px;
	right: 10px;
	color: #666;
	font-family: Helvetica, Arial, 'Liberation Sans',FreeSans,sans-serif;
	text-decoration: none;
	font-size: 0.9em;
	text-transform: lowercase;
}

.feedback_panel h3 {
	margin: 0 0 5px 0;
	color: #3e262c;
}

.feedback_panel ol {
	margin: 0;
}

.feedback_panel li {
	list-style: decimal;
	margin-left: 20px;
}

.feedback_panel .error li a {
	color: #960225;
}



/* Feedback  Icon styles */
.feedback_panel .feedback_bid_html {
	background-image: url(/images/icon-bid-placed-lg.png) !important;
}

.feedback_panel .feedback_success {
	background-image: url(/images/icon-bid-placed-lg.png) !important;
}

/* Special Mssage */
.special-message {
	float: left;
	display: inline;
	background: #ffffd1 url(/images/icon-megaphone-24.png) no-repeat 10px 9px;
	border: none;
	margin: 5px 0 -2px 0;
	width: 915px;
	height: auto;
	padding: 10px 0px 10px 45px;
	position: relative;
	clear: both;
	font-size:14px;
	font-weight:bold;
}

/* Alert Panels */
.alert_getting_started{
	float: left;
	display: inline;
	background: #eaffea url(/images/icon-info-green-lg.png) no-repeat 10px 30px;
	border-top: 3px solid #cceebb;
	border-bottom: 3px solid #cceebb;
	margin: 0 0 20px 0;
	width: 960px;
	height: auto;
	padding: 0px 0px 15px 0px;
	position: relative;
	clear: both;
}

.alert_getting_started .alert_getting_started_title{
	float: left;
	display: inline;
	background-color: #cceebb;
	margin: 0 0 13px 0;
	width: 940px;
	padding: 1px 10px 4px 10px;
	color:#0E363D;
	font-weight:bold;
	font-size:12px;
}

.alert_getting_started #close-alert{
	float: right;
	display: inline;
	font-weight:bold;
	font-size:11px;
}

.alert_getting_started ul#alert-getting-started-list{
	margin-left:42px;
	float:left;
}

.alert_getting_started ul#alert-getting-started-list li{
	list-style-type:disc !important;
	margin-left:25px !important;
	/*float:left;*/
	width:925px;
	padding:1px 0px !important;
	font-size:12px;
	color:#333;
}

.alert_getting_started p{
	color:#333;
	float:left;
	margin:0 0 5px 42px;
	font-size:12px;
	padding:0 0 0 10px;
}


.alert_news{
	float: left;
	display: inline;
	background: #fff9e9 url(/images/icon-info-orange-lg.png) no-repeat 10px 7px;
	border-top: 3px solid #ffbb33;
	border-bottom: 3px solid #ffbb33;
	margin: 0 0 20px 0;
	width: 908px;
	height: auto;
	min-height: 30px;
	padding: 3px 10px 15px 42px;
	position: relative;
	clear: both;
}


.alert_news #close-alert{
	float: right;
	display: inline;
	font-weight:bold;
	font-size:11px;
}

.alert_news ul#alert-news-list{
	margin-top:6px;
	float:left;
}

.alert_news ul#alert-news-list li{
	list-style-type:disc !important;
	margin-left:25px !important;
	/*float:left;*/
	width:925px;
	padding:1px 0px !important;
	font-size:12px;
	color:#333;
}

.alert_news p{
	color:#333;
	float:left;
	margin:12px 0 0px 0;
	font-size:12px;
	padding:0 0 0 10px;
}

#alert-logged-in, #alert-news{
	float:left;
	width:80%;
}



/* What are these for?*/
li div.error {
	background: none;
	border: 0;
	padding: 0;
}

.feedback_panel .global-note .feedback_actions {
	margin-top:16px;
}


/* --  Error Styles - TIDY */

#http-error  {
	font-size: 1.8em;
	color: #9d121d;
	margin: 0 0 0 0px !important;
	padding: 0;
}

h2.error-message  {
	font-size: 1.3em;
}

#error-search {
	float: left;
	display: inline;
	margin: 0 0 10px 0 !important;
	border-top: 1px solid #D6E6EB;
	border-bottom: 1px solid #D6E6EB;
	background-color:#EAF5F9;
	padding: 20px 10px;
	overflow: hidden;
	width: 940px;
	text-align: center;
}

#error-search #product-search {
	background: white url(/images/bg-search-20090602.png) no-repeat;
	padding: 4px 0 0 30px;
	width: 437px;
	float: left;
	display: inline;
	border: 0;
	margin:0 20px 0 5px;
	height: 22px;
	line-height: 25px;
}


ul#questions .unanswered {
	font-size:12px;
	font-weight:bold;
	margin:0 0 10px;
	width:100%;
}

.mc-maintenance{
	float: left;
	width: 815px;
	border: 2px solid #a04e25;
	background: #fbeddb url(/images/maintenance.png) no-repeat 15px 15px;
	padding: 20px 20px 20px 80px;
	margin: 15px 0px 15px 0px;
}

.mc-maintenance h2{
	font-size:1.3em;
	font-weight:bold;
	color:#bb2200;
}

.error-text{
	font-weight:bold;
	color:#bb2200;
}

.error-text-light{
	color:#bb2200;
}

.error-icon{
	background: url(/images/icon-small-exclamation.png) no-repeat 0px 0px;
	padding: 0px 0px 0px 20px;
}

/* @group Titlebars & Headings
---------------------------------------------------------------------------------------- */

.heading {
	float: left;display: inline;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 2px 0 3px 0;
	border-bottom: 1px solid #e3e6e2;
	background: #fff;
}

.heading h2{
	margin: 0;
	float: left;
	display: inline;
	background-color: #fff;
	padding: 0 5px 0 30px;
    line-height:30px;
}

.heading span.popular{
	font-family:Verdana,'Liberation Sans',FreeSans,sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0;
	text-transform:none;
	vertical-align:top;
	float:right;
	margin:8px 0 0;
	display:inline;
}

.heading a {/* small links */
 	display: inline;
	background: #fff;
	padding: 11px 10px 0 4px;
	font-weight: bold;
}

.heading a.link_heading {/* link headings */
	text-decoration:none;
	color:inherit;
	background: none;
	padding:0px;
	font-weight:inherit;
}

.heading a.link_heading:hover {/* link headings */
	text-decoration:underline;
}


/* used in expired listing */
.heading-yellow, .heading-blue {
	float: left;display: inline;
	width: 100%;
	padding: 2px 0 3px 0;
	margin:40px 0 20px;
}

.heading-yellow {
	background: #FFFFD1;
}
.heading-blue {
	background: #eaf5f9;
}
.heading-yellow h2, .heading-blue h2 {
	background-color: transparent !important;
	margin:2px 7px 0;
	padding-left:32px;
}


.item_caption {
	display:inline;
	font-size:16px;
	height:auto;
	overflow: hidden;
	line-height:20px;
	text-transform:capitalize;
}

.item_caption a {-ms-word-wrap: break-word;}

.item_caption a:link{
	text-decoration:none;
	border-bottom:1px #88aacc solid;
	line-height:20px;
}

.item_caption a:hover{
	text-decoration:none;
	border-bottom:1px #9D121D solid;
}

.item_caption a:visited{
	text-decoration:none;
	border-bottom:1px #88aacc solid;
}

.item_caption a:active{
	text-decoration:none;
	border-bottom:1px #248326 solid;
}



/* @group Gallery & List Views
---------------------------------------------------------------------------------------- */

/* Gallery */

.gallery {
	float: left;
	display: inline;
	width: 970px;/* extra for the right margin on the li */
	background:#FFF;
}


.gallery li {
	float: left;
	display: inline;
	width: 210px;
	height: 438px;
	margin: 0 10px 10px 0;
	padding: 10px 10px 0 10px;
	border: 1px solid #E3E6E2;
	overflow:hidden;
	background:#FFF url(/images/photo-pop.png) -9999px -9999px no-repeat;
}

.gallery li .group{
	float:left;
}

.gallery li .img {
	width: 210px;
	height:158px;
	background:#E3E6E2;
	float:left;
}

.gallery li .img img {
	width: 210px;
	height: 158px;
	display: block;
}

.gallery li .store-details {
	float:left;
	height:30px;
	width:210px;
}

.gallery li .title {
	float:left;
	margin:5px 0 0;
	display:inline;
	text-align:center;
	height:95px;
	width:210px;
	overflow:hidden;
}

.gallery li .subtitle {
    width: 210px;
	float:left;
	display:inline;
	margin:5px 0 0;
}

.gallery li .subtitle p {
    text-transform: lowercase;
    overflow: hidden;
	line-height:14px;
}

.gallery li .prices {
    width: 210px;
    text-align: center;
	float:left;
	height:35px;
}

.gallery li .icons {
    width: 210px;
    text-align: center;
	float: left;
	height:16px;
}

.gallery li .icons .icons-wrapper {display: inline-block;}

.gallery li .icons img {
    float: left;
	width: 16px;
	height: 16px;
    display: inline;
    clear: none;
	padding:0 3px;
}

.gallery li .gallery_info {
    width: 210px;
	text-align: center;
	float:left;
	display:inline;
	margin:5px 0;
	height:76px;
}

.gallery li .gallery_info p {
	padding:0px 5px;
	margin:0 0 5px 0;
}

.gallery li form{
	float:left;
	display:inline;
	width:148px;
	margin:10px 0 0 62px;
	text-align:center;
}


/* list view */
.list-view {
	float: left;display: inline;
    width: 960px;
}


.list-view li {
	float: left;
	display: inline;
	width:100%;
	margin:0 !important;
	padding: 1em 0 1.5em 0;
	position: relative;
	border-bottom: 1px solid #E3E6E2;
	list-style: none !important;
}

.list-view li .img {
	padding: 5px;
	border: 1px solid #E3E6E2;
	float: left;
	display: inline;
	margin: 0 15px 0 0;
	width: 128px;
	height: auto;
}

.list-view li .img img {
	display: block;
	height: 94px;
	width: 128px;
}

.list-view .info {
	float: left;
	display: inline;
	width: 560px; /* was 610px allow for 'you lead' right hand box */
}

.list-view .info p{/* all postsale section */
	margin:0 0 4px 0;
}

.list-view li .subtitle {
	width: 100%;
	margin: 3px 4px 0 0;
	/*color:#257992;*/
}

.list-view li .info .title {
	margin: 0px 0px 4px 0;
}

.list-view li .listing_info {width: 100%;}


.list-view li .closes {
	width: 100%;
	text-align: left;
    margin: 0 0 4px;
}

.list-view li .closing-soon {
	width: 100%;
	text-align: left;
	margin:0 0 4px;
	color: #9d121d;
}

.list-view li .prices {
    margin: 4px auto 4px auto;
    float: left;
    width: 100%;
    clear: both;
}

.list-view li .prices .no-price{
    text-align: left;
	color: #9d121d;
}

.list-view li .watch_buttons{
	margin-top:4px;
	float:left;
}

/* price block */
.prices .prices-wrapper {
	display: inline-block;
}

.prices .reserve {
    float: left;
    margin-top: 6px;
    margin-right: 4px;
    display: inline;
    clear: none;
    width: 16px;
    height: 16px;
}

.prices .item-price,
.prices .buy-now{
    float: left;
    text-align: left;
	margin-right:10px;
    line-height: 1;
    display: inline;
    clear: none;
	color: #9d121d;
}

.prices .item-price-centred,
.prices .no-price{
    text-align: center;
	color: #9d121d;
}

.prices .buy-now {
    border-left: 1px solid #E3E6E2;
    padding-left: 10px;
	color: #0E363D;
}

.prices .buy-now-placeholder {
    width: 80px;
    float: right;
}

.prices  p, .prices  span.p-style{
    display: inline;
	font-weight: bold;
	font-size: 16px;
	font-family: "Trebuchet MS",'Liberation Sans',FreeSans,sans-serif;
}

.prices span.buy-now-text,
.prices span.bid-count,
.prices span.bid-count,
.prices p.buy-now-text,
.prices p.bid-count,
.prices p.bid-count{
	font-weight: normal;
	font-size: 11px;
	letter-spacing: 0;
}



/* @group Tabs
---------------------------------------------------------------------------------------- */

#tabs {
	float: left;
	display: inline;
	width: 100%;
	position: relative;
}

#tabs .tl, #tabs .tr, #tabs .bl, #tabs .br {
	position: absolute;
	width: 5px;
	height: 5px;
	background: url(/images/tab-corners.png) no-repeat;
}

#tabs .bl {
	bottom: 0;
	left: 0;
	background-position: 0 0;
}

#tabs .br {
	bottom: 0;
	right: 0;
	background-position: -5px 0;
}

#tabs .nav-items {
	background: url(/images/tab-sprite.png) repeat-x left bottom;
	width:100%;
	float: left;
	display: inline;
	height:36px;
}

#tabs ol {
	margin-bottom: 1em;
	float:left;
	width: 100%;
}


#tabs .tab-nav {
	margin: 0;
	list-style: none;
	padding: 5px 0 0 0;
}

#tabs .tab-nav li {
	float: left;
	display: inline;
	display: block;
	background: url(/images/tab-sprite.png) no-repeat 0px 0;
	margin: 0 1px 0 0;
	padding: 0 0 0 10px;
}
#tabs .tab-nav li.recycle_bin {
	float: right;
	display: inline;
	display: block;
	background: none;
	margin: 0;
	padding: 2px 5px 0;
}

#tabs .tab-nav a {
	float: left;display: inline;
	font-family: Verdana,'Liberation Sans',FreeSans,sans-serif;
	font-size:12px;
	line-height:1.3em;
	text-transform:none;
	color: #1b5468 !important;
	outline: 0;
	padding: 7px 20px 2px 10px;
	height:20px;
	background: url(/images/tab-sprite.png) no-repeat 100% 0px;
	text-decoration: none;
}
#tabs .tab-nav li.recycle_bin a {
	background: url(/images/icon-recycle.png) no-repeat 0px;
	padding: 0;
	padding-left: 20px;
	margin: 0;
	text-decoration: underline;
}

#tabs .tab-nav li.selected {background: url(/images/tab-sprite.png) no-repeat 0 -41px;}

#tabs .tab-nav li.selected a {
	font-weight:bold;
	background: url(/images/tab-sprite.png) no-repeat 100% -41px;
	padding: 7px 20px 4px 11px;
	color: #0E363D;
}

/* secondary nav */
#tabs .pipe-nav{
	list-style: none;
	border-bottom:1px solid #E3E6E2;
	float:left;
	width:100%;
	margin-bottom:10px;
}

#tabs .pipe-nav li {
	float: left;
	display: inline;
	display: block;
	margin: 0 1px 0 0;
	padding:12px 0 12px 0;

}

#tabs .pipe-nav a {
	float: left;display: inline;
	font-weight:bold;
	font-family: Verdana,'Liberation Sans',FreeSans,sans-serif;
	font-size:12px;
	line-height:1.3em;
	text-transform:capitalize;
	color:#214181;
	outline: 0;
	padding: 0px 18px 0px 18px;
	border-right:1px solid #E3E6E2;
}

#tabs .pipe-nav a.last {
	border-right:none;
}


#tabs .pipe-nav li.selected a {
	color: #9D121D;
	text-decoration: none;
}

/* content */
#tabs .tab-content {
	padding: 10px 0 10px 0;
	float: left;
	display: inline;
	width: 960px;
}

.tab-content-body form {
	float: left;
	display: inline;
	width: 100%;
	margin-bottom: 10px;
}

.tab-content-body form.filters {
	padding: 6px 10px 0 10px;
	font-size: 0.9em;
	margin-bottom: 1em;
	width:940px;
}

.tab-content-body form.filters .selected {
	text-decoration: none;
	color: #0e363d;
}

.tab-content-body fieldset.filters {
	float: left;
	display: inline;
	margin: 1px 2em 0 0;
}

.tab-content-body fieldset.find {
	float: left;
	display: inline;
	margin: 1px 2em 0 0;
}

.tab-content-body fieldset.sort {
	float: right;
	padding: 5px 0 0px 0 !important;
	width:230px;
}

.tab-content-body fieldset.filters .label,
.tab-content-body fieldset.filter .label,
.tab-content-body fieldset.find .label,
.tab-content-body fieldset.sort .label {
	float: left;
	display: inline;
	font-weight: bold;
	margin-right: 0.7em;
}

.tab-content-body fieldset.filters label,
.tab-content-body fieldset.sort select,
.tab-content-body fieldset.find input#find {
	float: left;
	display: inline;
	margin-right: 1em;
}

.tab-content-body fieldset.find input#find {
	width: 100px;
}
.tab-content-body fieldset.find input.find_field {
	color: #B4B5B4;
}


.tab-content-body fieldset.sort .label{
	margin-top:5px;
}

.tab-content-body fieldset.sort select{
	border:1px solid #B4B5B4;
	margin-top:1px;
	padding:2px;
}

.tab-content-body .number_results {
    float: right;
    margin: 5px 10px 0;
    padding:0;
    font: normal .9em Helvetica, Arial, 'Liberation Sans',FreeSans,sans-serif;
    color:#778888;
}







/* @group Common Links and Widgets
---------------------------------------------------------------------------------------- */
/* TODO: rationalise these two */
.loading-indicator {
	background: #fff url(/images/widget/indicator.gif) no-repeat center center !important;
}
a.loading {
	background:transparent url(/images/widget/indicator.gif) no-repeat scroll 0 0;
    padding: 0 0 0 24px;
}

a.open-panel{
  background: url(/images/bullet_arrow_down.png) 0 0 no-repeat;
  padding-left:18px;
}

a.close-panel{
  background: url(/images/bullet_arrow_up.png) 0 0 no-repeat;
  padding-left:18px;
}

a.receive-email-listings {
    background: url(/images/sprite-16x16-24.png) no-repeat 0 -4596px;
	padding: 5px 0 2px 24px;
}

a.request-email-listings {
    background: #fff url(/images/sprite-16x16-24.png) no-repeat 0 -4596px;
	_background: #fff url(/images/sprite-16x16-8.png) no-repeat 0 -4596px;
    padding: 5px 0 2px 24px;
}

a.edit-link {padding: 0 0 0 10px;}

a.edit-link-small {
	padding: 0 0 0 10px;
	font-size:11px;
}

.cancel_link{
	float:left;
	margin-top:3px;
}

.cancel_link .spaced_pipe{
	padding:0 10px;
}

/* used in standard instructions and listing form */
.shipping_custom_fieldgroup{
	float:left;
	width:auto;
}

.shipping_custom_label {
	width: 10px;
	display:inline;
	float:left;
}
.shipping_custom_cost_wrapper {
	width: 55px;
	display:inline;
	float:left;
}

.shipping_custom_cost {
	width: 40px !important;
	display:inline;
}

.shipping_custom_cost_head {
	float: left;
	padding: 0 0 0 .9em;
	width:55px;
}

.shipping_custom_details_wrapper {
	width: 240px;
	display:inline;
	float:left;
}

.shipping_custom_details {
	width: 240px !important;
	display:inline;
}

.shipping_custom_details_head {}


/* @group Rounded Corner Box
---------------------------------------------------------------------------------------- */
.box {
	float: left;
	display: inline;
	position: relative;
}

.box .tl, .box .tr, .box .bl, .box .br {
	position: absolute;
	width: 8px;
	height: 8px;
	background: url(/images/round-corners.png) no-repeat;
}

.box .tl {
	top: 0;
	left: 0;
	background-position: 0 0;
}

.box .tr {
	top: 0;
	right: 0;
	background-position: -16px 0;
}

.box .bl {
	bottom: 0;
	left: 0;
	background-position: 0 -16px;
}

.box .br {
	bottom: 0;
	right: 0;
	background-position: -16px -16px;
}

.box .body {
	background:#EAF5F9;
	padding: 10px;
}


/* @group Forms
---------------------------------------------------------------------------------------- */

/* Basic new full width form style - replaces fForm */
.full-form{
	width: 960px;
}

.full-form form {
	float: left;
	width:100%;
	display: inline;
	margin:10px 0px;
}

.full-form fieldset {
	float: left;
	width: 100%;
    display: inline;
	margin-bottom:30px;
}

.full-form fieldset.closer {
	margin-bottom:15px;
}

.full-form .legend {
	float:left;
	border-top: 1px solid #e3e6e2;
	border-bottom: 1px solid #e3e6e2;
	width: 100%;
	margin:0px;
    display: inline;
	text-transform: none;
}

.full-form .no-top {
	border-top: 0px;
}

.full-form .legend em {
	font-size: 1.1em;
	padding: 1px 10px 3px 2px;
	float: left;
	color: #244c83;
	background: #fff;
}

.full-form .legend a {
	font-size: 0.75em;
	text-transform: none;
	color: #214181;
	font-weight: bold;
	letter-spacing: 0;
	font-family: "Lucida Grande", "Lucida Sans", sans-serif;
}

.full-form ol{
	float: left;
	width: 100%;
	display: inline;
	list-style: none;	
}

.full-form ol li{
	margin:0 0 1px !important;
	padding:5px 0 !important;
	width: 100%;
	background: #f1f8fa;/* was #f4faf9*/
	float:left;
}

.full-form ol li:first-child{
	padding-top:13px!important;
}

.full-form ol li:last-child{
	padding-bottom:13px!important;
}

.full-form ol li ol li:first-child{/* but not for inner lists */
	padding:0px!important;
}

.full-form ol li ol li:last-child{
	padding:0px!important;
}

.full-form ol.more-space li{
	padding:15px 0 !important;
}

.full-form label{
	float:left;
	display:inline;
	padding:2px 10px 0px 0px;
	text-align:right;
	margin:0 15px 0px !important;
	width:250px !important;
}

.full-form label.reset {
	margin: inherit !important;
	width: inherit !important;
}

.full-form li.required label,
label.required, strong.required {
	font-weight: bold;
	background: url(/images/required.gif) no-repeat top right;
}

.full-form label.required_empty{/* when a * is needed but the label isn't */
	background: url(/images/required.gif) no-repeat top right;
	height:20px;
}

.full-form .clear_required {
	font-weight:normal !important;
	background:none !important;
}

.full-form .field-row{
	float:left;
	width:100%;
	padding:3px 0px 5px 0px;
}

.full-form .nolabel{
	float:left;
	display:inline;
	margin:0 0 0 290px  !important;
	width:660px !important;
	padding-left:0px;
	text-align:left;
}

.full-form .label {/* divs pretending to be labels */
	width: 250px;
	padding:2px 10px 0px 0px;
	text-align:right;
	margin:0 15px 0px !important;
	float:left;
	display:inline;
}

.full-form .left-label {/* divs pretending to be left labels */
	width: 110px;
	padding:2px 0px 0px 0px;
	text-align:left;
	margin:0 15px 0px 0px!important;
	float:left;
	display:inline;
}

.full-form .fields_two_column{
	float:left;
	margin-bottom:4px;
}

.full-form .fields_block{
	float:left;
	width:400px;
	padding:0px;
}
	/* extend fields_block */
	.full-form .spaced{
		float:left;
		width:380px;
		height:34px;
	}

	.full-form .wide{
		float:left;
		width:660px;
		margin-bottom:4px;
	}

	.full-form .medium_wide{
		float:left;
		width:500px;
		margin-bottom:4px;
	}


.full-form .fields_block .bullets{
	width:300px;
	float:left;
}

.full-form .fields_block .bullets li{
	padding:2px 0px !important;
	margin:0 0 0 15px !important;
	list-style:disc;
}

.full-form .fields_block label{
	background:transparent none repeat scroll 0 0;
	float:left;
	font-weight:normal;
	margin:0 0 3px 0 !important;
	text-align:left;
	width:350px !important;
	/*width:620px !important;*/
}

.full-form .fields_block label.long{
	float:left;
	width:660px !important;
}

.full-form .fields_block label.auto{
	float:left;
	width:auto !important;
}

.full-form .fields_block label.fields_left{
	float:left;
	width:155px !important;
}

.full-form .fields_block label.fields_right{
	float:left;
}

.full-form .fields_block label.fields_left_short{
	float:left;
	width:130px !important;
}

.full-form .fields_block label.fields_left_shorter{
	float:left;
	width:110px !important;
}

.full-form .fields_block label.inline{
	margin:0 0 0 15px !important;
	text-align:left;
	width:200px !important;
}

.full-form .fields_block .indented{
	margin:0 0 0px 25px !important;
	width:575px !important;
	float:left;
}

.full-form .buttons input{
	margin-left:290px;
}

.full-form .buttons_left input{
	margin-left:0px;
}

.full-form .button {
	margin-left:290px;
}

form input.checkradio {/* to remove unwanted sizing & backgrounds  - integrate this*/
	background: none !important;
	width: auto !important;
	border:none !important;
}

.full-form ol li input,
.full-form ol li textarea,
.full-form ol li select{
	padding: 3px;
	margin-right:5px;
}

.full-form ol li div.button-standard input{
	padding:0 17px 3px 20px;
}

.full-form ol li input[type="text"],
.full-form ol li input[type="password"],
.full-form ol li textarea,
.full-form ol li select{
	border: 1px solid #A7AFA4;
	background: url(/images/input-search.png) top right;
}

.full-form ol li textarea{
	margin-top: 0px; 
	width: 500px;
	height: 160px;
	padding:4px;
	background: #fff;
}



.full-form ol li textarea.short{
	height: 60px;
}

.full-form ol li textarea.medium{
	height: 90px;
}

.full-form ol li textarea.medium_tall{
	height: 300px;
}

.full-form ol li textarea.tall{
	height: 400px;
}


.full-form ol li select { background: #fff !important; }

.full-form ol li input[disabled="disabled"] { background: #eee !important;}

.full-form ol li input.disabled,
.full-form ol li select.disabled,
.full-form ol li .disabled input,
.full-form ol li .disabled select{
	background: #e9e9e9 !important;
	border-color:#ccc;
}

.full-form ol li .disabled{
	color:#999;
}

.full-form ol li input[type="checkbox"]{
	margin-top: -4px;
}
.full-form ol li input:focus,
.full-form ol li textarea:focus,
.full-form ol li select:focus {
	border-color: #797F77;
}

.full-form .indented_field{
	margin:0 100px 0 25px !important;
}

.full-form .indent{
	margin:0 0 0px 25px !important;
	float:left;
}

.full-form li .wider {
	width: 500px !important;
}

.full-form .long{
	width: 360px !important;
}

.full-form .medium{
	width:335px;
}

.full-form .medium_small{
	width:283px;
}

.full-form .width230{
	width:230px;
}

.full-form .small_medium{
	width:200px;
}

.full-form .width160{
	width:160px;
}

.full-form .smaller_medium{
	width:155px;
}

.full-form .small_select{
	width:130px;
}

.full-form .small{
	width:120px;
}

.full-form .smaller{
	width:90px;
}

.full-form .smallest{
	width:75px;
}

.full-form .tiny{
	width:60px;
}

.full-form .select-year{
	width:111px;
}

.full-form select#area-level-1,
.full-form select#area-level-2,
.full-form select#area-level-3{
	width:240px;
}

.full-form ol li .error input,
.full-form ol li .error input[type="checkbox"],
.full-form ol li .error textarea,
.full-form ol li .error select,
input.error, select.error, textarea.error{
	border: 2px solid #960225 !important;
}


input.example, textarea.example {
	color: #aaa;
}

.full-form ol li .error input:focus {
	border-color: #960225;
}

.full-form ol li label.error,
.full-form ol li .error label{
	color:#960225 !important;
	font-weight:bold;
}

/* deprecated - remove */
.checkboxes.error label {
	font-weight: bold !important;
	color: #960225;
}

.full-form .dollarsign{
	float:left;
	padding:2px 0px 0px 3px;
	width:22px;
}

.full-form .formatted {
    font-size:12px;
    line-height:14px;
    margin-bottom:10px;
	padding:15px;
	background-color:#fff;
}

.full-form .hint{
	font-weight:normal;
	font-size:11px;
	width:450px;
	/*float:left; Not in IE7 or ff3.5*/
	color:#778888;
}

.full-form .hint_wide{
	font-weight:normal;
	font-size:11px;
	width:620px;
	/*float:left; Not in IE7 or ff3.5*/
	color:#778888;
}

.full-form .label-hint{
	font-weight:normal;
	font-size:11px;
	color:#778888;
	float:right;
	width:180px;
}


.full-form .attention {
	color:#0E363D;
	background: url(/images/icon-arrow-left.png) 0 4px no-repeat;
}

.full-form .suggested {
	color:#0E363D;
	background: url(/images/icon-error.gif) 0 3px no-repeat;
}

.full-form .valid {
	color:#0E363D;
	background: url(/images/icon-done.png) 0 3px no-repeat;
}

.full-form .invalid {
	color:#990000;
	background: url(/images/icon-del-sm.gif) 0 3px no-repeat;
}


.full-form ol li .note {
	font-weight:normal;
	font-size:12px;
	color:#778888;
}

.full-form ol li .note-dark {
	font-weight:normal;
	font-size:12px;
	color:#0E363D;
}

.full-form ol li .note-right,
.full-form ol li .note-left,
.full-form ol li .note-active{
	padding: 4px 0 0 20px;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	min-height:24px;
	width:280px;
	color:#8Eb6bD;
	overflow:hidden;
	clear:none;
	display:inline;
}

.full-form ol li span#user-name-message{
	float:right;
	width:403px;
}

.full-form ol li .note-left{
	color:#0E363D;
	/* float:left; */
	width:auto 	!important;
	min-height:24px;
	padding:4px 0 0 20px;
	margin: 0px !important;
}

.full-form ol li .select_note_left {
	float: left;
	font-size: 0.9em;
	padding:6px 5px 0px 0px;
	width:150px;
	text-align:right;
}

.full-form ol li .select_note_right {
	font-weight:normal;
	font-size:11px;
	width:620px;
	float:left;
	/*float:left; Not in IE7 or ff3.5*/
	color:#778888;
}

.full-form .sidenote{
	width:235px;
	text-align:left;
	/* position:absolute; */
	float:right;
	right:0px;/*absolute to the relative positioned container li*/
	top:6px;
}

.full-form a.sidenote_text{
	background: transparent url(/images/icon-sidenote.png) no-repeat;
	font-weight:normal;
	font-size:11px;
	padding-left:20px;
	margin-top:3px;
	text-decoration:none;
	color:#8Eb6bD;
	float:left;
	width:210px
}

.full-form .sidenote_tip{
	display:none;
}

.full-form .time_range_remove{
    background: transparent url(/images/icon-del-sm.gif) no-repeat;
	padding-left:20px;
	margin-left:6px;
	cursor: pointer;
}


.full-form .time_range_remove_disabled{
    background: transparent url(/images/icon-del-grey-sm.png) no-repeat;
	padding-left:20px;
	margin-left:6px;
}

.full-form .time_range_add{
    background: transparent url(/images/icon-add-sm.gif) no-repeat;
	padding-left:20px;
	cursor: pointer;
}

.full-form .time_range_separator{
    margin-right:5px;
}


/* variants for different situations */

/* basic small form  - ie. login box */
.small_form{
	float:left;
}

.small_form ol {
	float: left;
	width: 100%;
	display: inline;
	list-style: none;
	margin-bottom: 0 !important;
}


.small_form ol li {
	float: left;
	margin: 0 0 0 0 !important;
	list-style: none !important;
	width: 100%;
	padding: 6px 0 6px 0 !important;
}

.small_form ol li label{
	display:block;
}

.small_form .required {
	font-weight: bold;
	background: url(/images/required.gif) no-repeat top right;
}

.small_form ol li input{
	float: left;
}

.small_form ol .wide{
	/*width:315px;*/
	width:310px;
	padding:2px 0px;
}

.small_form ol li .checkbox{
	margin-right:5px;
	vertical-align:middle;
}

.small_form ol li .buttons {
	float:left;
	padding: 6px 0;
	margin-bottom: 2em;
}

.small_form .buttons input {
	border: 0;
	float: left;
	text-indent: -9999em;
	font-size: 1px;
	color: #1e6c86;
	cursor: pointer;
}


/* with a sidebar - help section */
.sidebar{
	width: 740px;
}
.sidebar .buttons{
	float:left;
	margin:15px 0px 40px;
}

.sidebar fieldset{
	margin-bottom:0px;
}

/* with wider fields - report a listing */

.wide_fields label, .wide_fields .label{
	width:180px !important;
}

.wide_fields .nolabel{
	margin:0 0 0 220px  !important;
	width:660px !important;
}

.wide_fields .buttons input,
.wide_fields .button{
	margin:0 0 0 220px;
}

/* Simple white form, left justified */
.simple_form fieldset{
	margin:15px 0px 20px 0px;
}
.simple_form label{
	margin:0px 10px 0px 0px;
}

/*################# NEW CSS FOR BUTTONS	#####################*/

div.button-standard{
	position:relative;
	float:left;
	display:inline;
	height:24px;
	overflow:hidden;
	width:auto;
	white-space:nowrap;
}

div.button-center{
	position:relative;
	display:inline-block;
	float:none;
	overflow:visible;
	width:117px; /*IE Specific, may need moving*/
}

div.button-standard input, div.button-standard a{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	display:inline;
	font-size:13px;
	font-weight:bold;
	line-height:22px;
	padding:0 17px 3px 20px;
	color:#FFF;
	text-shadow:#0D3642 0 1px 0;
	float:left;
	height:24px;
	background:url(/images/blue-button.png) left top no-repeat;
	border:0;
	cursor:pointer;
	width:auto;
	overflow:visible;
	text-decoration:none;
	white-space:nowrap;
}

div.button-standard input::-moz-focus-inner, div.button-standard a::-moz-focus-inner{
	border: 1px solid transparent;
}

div.button-standard input:focus, div.button-standard a:focus{
	outline:0;
}

div.button-standard span{
	float:left;
	width:3px;
	height:24px;
	background:url(/images/blue-button.png) right top no-repeat;
}

div.button-standard:hover input, div.button-standard:hover a{
	background-position:left -24px;
}

div.button-standard:hover span{
	background-position:right -24px;
}

div.button-standard.click input, div.button-standard.click a{
	background-position:left -48px;
	padding:0 17px 2px 20px;
	line-height:26px;
}

div.button-standard.click span{
	background-position:right -48px;
}

div.button-standard input.button-go {padding:0 7px 3px 10px;}

/*----- DISABLED BUTTON -------*/

div.button-disabled{
	opacity:0.5;
	filter: alpha(opacity = 50);
	background-position:0px 0px;
}

div.button-disabled input, div.button-disabled:hover input, div.button-disabled a, div.button-disabled:hover a{
	text-shadow:#999 0 1px 0;
	background-position:left -72px;
	cursor:default;
}

div.button-disabled span, div.button-disabled:hover span{
	text-shadow:#999 0 1px 0;
	background-position:right -72px;
	cursor:default;
}



/*------- GRAY BUTTONS ---------*/

div.button-neutral{
	position:relative;
	float:left;
	display:inline;
	height:20px;
	overflow:hidden;
}

div.button-neutral input, div.button-neutral a{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	display:inline;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	padding:0 17px 0px 20px;
	color:#666;
	text-shadow:#FFF 0 1px 0;
	float:left;
	height:20px;
	background:url(/images/button-neutral-sprite.png) left top no-repeat;
	border:0;
	cursor:pointer;
	width:auto;
	overflow:visible;
	text-decoration:none;
}

div.button-neutral input::-moz-focus-inner, div.button-neutral a::-moz-focus-inner{
	border: 1px solid transparent;
}

div.button-neutral input:focus, div.button-neutral a:focus{
	outline:0;
}

div.button-neutral span{
	float:left;
	width:3px;
	height:20px;
	background:url(/images/button-neutral-sprite.png) right top no-repeat;
}

div.button-neutral:hover input, div.button-neutral:hover a{
	background-position:left -20px;
}

div.button-neutral:hover span{
	background-position:right -20px;
}

div.button-neutral.click input, div.button-neutral.click a{
	background-position:left -40px;
	padding:0 17px 0px 20px;
	line-height:26px;
}

div.button-neutral.click span{
	background-position:right -40px;
}



/*----- ICON BUTTONS -----*/

div.button-icon input, div.button-icon a, div.button-icon.click input, div.button-icon.click a{
	padding:0 17px 3px 36px;
}

div.button-icon span.icon-container{
	position:absolute;
	top:4px;
	left:12px;
	float:none;
	width:16px;
	height:16px;
	background:none;
}


div.button-neutral span.icon-container{
	position:absolute;
	top:2px;
	left:12px;
	float:none;
	width:16px;
	height:16px;
	background:none;
}

div.button-icon span.delete, div.button-icon:hover span.delete{
	background:url(/images/sprite-16x16-24.png) no-repeat scroll 0 -1600px transparent;
}

div.button-icon span.add, div.button-icon:hover span.add{
	background:url(/images/sprite-16x16-24.png) no-repeat scroll 0 -950px transparent;
}

div.button-icon span.blacklist, div.button-icon:hover span.blacklist{
	background:url(/images/icon-blacklist-16.png) no-repeat scroll 0 0px transparent;
}

div.button-icon span.delete-small, div.button-icon:hover span.delete-small{
	background:url(/images/icon-delete-small-16.png) no-repeat scroll 0 0px transparent;
	top:2px;
}

div.button-icon span.add-small, div.button-icon:hover span.add-small{
	background:url(/images/icon-add-small-16.png) no-repeat scroll 0 0px transparent;
	top:2px;
}

div.button-icon span.blacklist-small, div.button-icon:hover span.blacklist-small{
	background:url(/images/icon-small-blacklist.png) no-repeat scroll 0 0px transparent;
	top:2px;
}

/*----- WATCHLIST BUTTONS -----*/

div.button-grey-small{
	float:left;
	height:18px;
	overflow:hidden;
	width:auto;
	margin:0 auto;
}

div.button-grey-small input, div.button-grey-small a{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	display:inline;
	font-size:11px;
	font-weight:bold;
	line-height:18px;/* for ie */
	padding:0 4px 2px 23px;/* for ffox */
	color:#666;
	text-shadow:#FFF 0 1px 0;
	float:left;
	height:18px;
	background:url(/images/watch-button-sprite.png) left top no-repeat;
	border:0;
	cursor:pointer;
	width:auto;
	overflow:visible;
	text-decoration:none;
}

div.button-grey-small input::-moz-focus-inner, div.button-grey-small a::-moz-focus-inner{
	border: 1px solid transparent;
}

div.button-grey-small input:focus, div.button-grey-small a:focus{
	outline:0;
}

div.button-grey-small span{
	float:left;
	width:3px;
	height:18px;
	background:url(/images/watch-button-sprite.png) right top no-repeat;
}

div.button-grey-small:hover input, div.button-grey-small:hover a{
	background-position:left -18px;
}

div.button-grey-small:hover span{
	background-position:right -18px;
}

div.button-grey-small.click input, div.button-grey-small.click a{
	background-position:left -36px;
	padding:0 4px 0px 23px;
	line-height:20px;
}

div.button-grey-small.click span{
	background-position:right -36px;
}

/*----- DROP BUTTONS -----*/

div.drop input, div.drop a{
	background:url(/images/button-grey-drop-sprite.png) left top no-repeat;
}

/*----- WATCHLIST BUTTONS SAVED STATE -----*/

div.button-grey-small input.watch-saved, div.button-grey-small a.watch-saved{
	background:url(/images/watch-button-sprite.png) left -54px no-repeat;
	display:inline;
	margin:0 0 0 10px;
}

.list-view div.button-grey-small input.watch-saved, .list-view div.button-grey-small a.watch-saved{
	margin:0;
}

div.button-grey-small:hover input.watch-saved, div.button-grey-small.hover input.watch-saved, div.button-grey-small:hover a.watch-saved, div.button-grey-small.hover a.watch-saved{
	background-position:left -72px;
}

div.button-grey-small.click input.watch-saved, div.button-grey-small.click a.watch-saved{
	background-position:left -90px;
	padding:0 8px 0px 23px;
	line-height:20px;
}


/*----- WATCHLIST BUTTONS LARGE TEXT -----*/

div.large-text input, div.large-text a{
	font-size:16px;
}


/* @group Footer
---------------------------------------------------------------------------------------- */
#footer-container{
	width:100%;
	float:left;
	display:inline;
	position:relative;
	font-size:12px;
}

#footer, div#footer.small-width {
	width: 100%;
    padding: 20px 0 0 0;
	background:url(/images/bottom-tile.png) left top repeat-x;
}

div#footer.full-width {
	position:relative;
	margin:0 auto;
	width: 960px;
    padding: 20px 23px 0;
	background:url(/images/body-bottom.png) center top no-repeat;
}

#legend, div#legend.small-width {
	width:100%;
    margin: auto;
    padding: 5px 0px 10px 0px;
	text-align: center;
	background: #fff;
}

div#legend.full-width {
	position:relative;
	margin:0 auto;
	width: 1006px;
    padding: 5px 0 10px 0;
	background:url(/images/content-tile.png) left top repeat-y;
}


	#legend .bg {
		position:relative;
		padding:10px;
		width:960px;
		margin:0 auto;
		overflow:hidden;
		background:#FFF;
	}

/* move from inline image to sprite */
#legend li {
	display: inline;
	list-style-type: none;
	padding: 2px 8px 2px 20px;
}

#legend .legend_heading {
	font-weight:bold;
}


#legend li.icon24 {padding: 1px 15px 2px 27px;}

div#footer .links {
	position:relative;
	margin:0 auto;
	width:960px;
	padding:0px;
}

ul.sub{
	float:left;
	width:630px;
}

#footer .main {margin-bottom: 0.6em;}

#footer .links li {
	display: inline;
	margin-right: 2em;
}

#footer li a {color: #fff;}

#footer li a:hover {
	color: #fff;
	text-decoration:none;
}

#footer .main li a {font-weight: normal;}

#footer .copyright {
	padding:0 0 30px 0;
	float:left;
	width:330px;
	text-align:right;
	color:#FFF;
}

#footer .copyright li {
	display: inline;
	padding-left: 0.2em;
}

#footer .copyright li.rss {
	font-weight: bold;
	color: #df6f0e;
	padding-left: 16px;
	background: url(/images/sprite-16x16-24.png) no-repeat 0 -700px;
	_background: url(/images/sprite-16x16-8.png) no-repeat 0 -700px;
}

/* added for the switch over from heraldcars */
.heraldcars {	
	background-color: #fff;
	text-indent:-9999px;
	text-align: center;
}
.heraldcars a {
	color: white;
	float:left;
	height:80px;
	width:100%;
}
#heraldcars300 {
	width: 300px;
	height: 80px;
	float: right;
	display:inline;
	margin:15px 0 0 0;
	background:url(/images/heraldcars-300.png) left top no-repeat;
}
#heraldcars180 {
	width: 180px;
	height: 75px;
	float: left;
	background:url(/images/heraldcars-180.png) left top no-repeat #EAF5F9;
	padding:0 0 8px;
	border-bottom:1px solid #D6E6EB;
}

#heraldcars180 a{
	height:75px;
}