/*=========================================================
Gumtree Stylesheet:	v2
Comments:			Implements 2008 UI redesign 
Last Updated:		20080411
=========================================================*/

/* Colour Scheme
==========================================================
#333		Default text colour
#ffc		Default background colour

#060		Link
#408C40		Link hover/visited
#C90		Link active

#c2e197		Box border

#eaf0bc		Side column heading/box;
			Sponsored links background

#56b351		Date heading/active tab/posting title
#d4e09f		Sponsored links heading/inactive tab
#a7c972		Featured ads heading/divider

#fafade		Posting extra info background
=========================================================*/

/* Global reset
=========================================================*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	margin: 0;
	padding: 0;
}
fieldset, img { 
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-size: 100%;
}
q:before, q:after {
	content: '';
}
abbr, acronym { 
	border: 0;
}
input {
	font-size: 100%;
}

/* General Styling 
=========================================================*/
body { 
	font-size: 76%;
	line-height: 1.0;
	color: #333;
	background: #ffc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link {
	color: #060;
	text-decoration: none;
}
a:visited {
	color: #408C40;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	color: #C90;
}

p {
	padding: 0 0 1em;
	line-height: 1.3em;
}

h1 {
	font-size: 126%;
/*	margin: 1.3em 0 0.8em; */
	padding-bottom: 5px;
}

h1 .note {
	font-weight: normal;
	font-size: 70%;
}

h2, h3 {
	font-weight: bold;
	margin: 1em 0;
}

h2 {
	font-size: 118%;	
	color: #093;
}

h3 {
	font-size: 108%;
	color: #333;
}

ul, ol {
	margin: 0 0 1em 24px;
}

strong {
	font-weight: bold;
}

/* Global helper styles (mostly classes) e.g. icons, errors
============================================================*/

/*** Clearfix style for easy clearing of enclosed floats ***/
.clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE/Mac \*/
.clearfix { display: block; }
/* End hide from IE/Mac */

/*** End clearfix styles ***/

#content .error {
	color: #FF6600;
	font-weight: bold;
}

#content .error a {
	text-decoration: underline;
}


/*** Custom box borders by Roger Johansson, http://www.456bereastreet.com/ ***/
/*
 http://www.456bereastreet.com/archive/200609/transparent_custom_corners_and_borders_version_2/) 
*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:0.5em 0;
	padding:0;
	border:1px solid #c2e197;
	background:#fff;
}
/* Normal styling */
.cb {margin:0.5em 0;}
/* Top corners and border */
.bt {
	height:13px;
	margin:0 0 0 13px;
	background:url(/web/20110807131129im_/http://www.gumtree.com/common/images/box.gif) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-13px;
	width:13px;
	height:13px;
	background:url(/web/20110807131129im_/http://www.gumtree.com/common/images/box.gif) no-repeat 0 0;
	font-size:0;
	line-height:0;
}
/* Bottom corners and border */
.bb {
	height:13px;
	margin:0 0 0 13px;
	background:url(/web/20110807131129im_/http://www.gumtree.com/common/images/box.gif) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-13px;
	width:13px;
	height:13px;
	background:url(/web/20110807131129im_/http://www.gumtree.com/common/images/box.gif) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}
/* Left border */
.i1 {
	padding:0 0 0 1px;
	background:url(/web/20110807131129im_/http://www.gumtree.com/common/images/border.gif) repeat-y 0 0;
}
/* Right border */
.i2 {
	padding:0 1px 0 0;
	background:url(/web/20110807131129im_/http://www.gumtree.com/common/images/border.gif) repeat-y 100% 0;
}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:0 11px;
	background:#fff;
}
/* Make the content/default wrapper auto clearing so it will contain floats */
.i3:after,.cbb:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3,.cbb {display:inline-block;}
/* Hide from IE/Mac \*/.i3,.cbb {display:block;}/* End hide from IE/Mac */

/* Modifications for specific elements using custom box borders */

#nav_bar .bt, #nav_bar .bt div, #nav_bar .bb, #nav_bar .bb div {
	background-image: url(/web/20110807131129im_/http://www.gumtree.com/common/images/box_nav.gif);
}
#nav_bar .i3 { padding: 0; } /* No internal padding */

#contextual_nav .bt, #contextual_nav .bt div {
	background-image: url(/web/20110807131129im_/http://www.gumtree.com/common/images/box_contextual.gif);
	height: 8px;
}
#contextual_nav .bb { display: none; } /* No bottom curve */
#contextual_nav .i3 { padding: 0; } /* No internal padding */

#contextual_related_info .bb, #contextual_related_info .bb div {
	background-image: url(/web/20110807131129im_/http://www.gumtree.com/common/images/box_contextual.gif);
	height: 8px;
}
#contextual_related_info .bt { display: none; } /* No top curve */
#contextual_related_info .i3 {
	padding: 0; /* No internal padding */
	background: #eaf0bc; /* Add background colour to internal div */
}

#posting .bt, #posting .bt div, #posting .bb, #posting .bb div {
	height: 9px;
}

#posting .bt, #posting .bt div {
	background-image: url(/web/20110807131129im_/http://www.gumtree.com/common/images/box_view_item.gif);
}

#posting .bb, #posting .bb div {
	 background-image: url(/web/20110807131129im_/http://www.gumtree.com/common/images/box_view_item_bottom.gif);
	 margin-top: -1px; /* To cover up bottom border of underlying rectangular box */
}

#posting .i3 {
	padding: 0; /* No internal padding */
}

/*** End custom box borders styles ***/

/*** Basic icon styles ***/
/* N.B. Individual icon elements will require modifications to background position and size */
span.icon {
	display: inline-block;
	display: -moz-inline-box;	/* Fix for FF/Moz - IE doesn't like this so we reset the display property in gumtree-ie2.css */
	vertical-align: middle;
	background-image: url(/web/20110807131129im_/http://www.gumtree.com/common/images/icons_sprite.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* Where icon appears in a textual link, may want to wrap the text of the link in a span to which hover effects are applied and remove hover effects from the link itself (e.g. to avoid  underlining of the icon) */
a.icon:hover {
	text-decoration: none;
}

a.icon:hover span.link_text {
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;			/* IE5 fallback */
}

/*** End icon styles ***/

/*** Standard form styles ***/

/* TODO: populate this section */

label.hidden {
	display: block;/* Block level display required for negative text-indent to work */
	text-indent: -1000em;
	height: 0;
}
/*** End form styles ***/

/*** Button styles ***/
button {
	border: 0;
    padding: 0;
    margin: 0;
    height: 22px;
    line-height: 22px;
    font-weight: bold;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
	vertical-align: middle;
    width: 78px;
    background: transparent url(/web/20110807131129im_/http://www.gumtree.com/common/images/but_green_78.gif) center top no-repeat;
}

button.width122 {
	 background-image: url(/web/20110807131129im_/http://www.gumtree.com/common/images/but_green_122.gif);
	 width: 122px;
}

button.width140 {
	background-image: url(/web/20110807131129im_/http://www.gumtree.com/common/images/but_green_140.gif);
        width: 140px;
}

button.width160 {
        background-image: url(/web/20110807131129im_/http://www.gumtree.com/common/images/but_green_160.gif);
        width: 160px;
}

button.width240 {
        background-image: url(/web/20110807131129im_/http://www.gumtree.com/common/images/but_green_240.gif);
        width: 240px;
}

button .buttontext {
	position: relative;
	top: -1px;
}

/* TODO add rules for links styled as buttons */
a.gumtree_button {
	
}

/*** End button styles ***/

/*** Basic table styles ***/
.table_basic {
	width: 100%;
}

.table_basic th, .table_basic td {
	font-size: 70%;
	font-weight: normal;
	padding: 0 0 0 6px;
	text-align: left;
}

.table_basic .right {
	text-align: right;
	padding: 0;
}

/*** End basic table styles ***/

/*** Generic columns style ***/

.columns .column {
	width: 48%;
	float: left;
	margin-right: 2%;	
}

.columns .col_two_thirds {
	width: 64%;
}

.columns .col_third {
	width: 31%;
}

/*** End columns styles ***/


span.gumtree { text-transform: capitalize; }



/* Page structure (mostly ids) e.g. header, content, footer 
============================================================*/

#main {
	margin: 0 12px;
	min-width: 960px;
}

#header {
	position: relative;
	margin: 5px 0 0;
}

/* Columnar layout (if content wrappers not present, defaults to single column layout) */
#outerContentWrapper { 
	width: 100%; 
	float: right; 
	margin-left: -196px;
}

#innerContentWrapper { 
	margin-left: 196px;
}

#content { 
	margin-top: 23px;
}

#contextual { 
	width: 181px;
	float: left;
	margin-top: 23px;
}

#bottom {
	margin-top: 5em;
	padding: 0;
}

/* Common page furniture e.g. site nav, search 
============================================================*/

#logo {
	padding-top: 5px;
	padding-left: 38px;
	padding-bottom: 9px;
	position: relative;
	z-index:1;
	width: 108px;
}

#nav_bar {
	margin: 0;
	font-size: 105%;
}

#nav_bar ul {
	margin: 0;
}

#nav_bar li {
	display: block;
	float: left;
}

#nav_bar a {
	text-transform: lowercase;
}

#nav_bar a:link, #nav_bar a:visited {
	color: #060;
}

#nav_bar a:hover {
	color: #408C40;
}

#nav_bar a:active {
	color: #C90;
}

#nav_bar #nav_links {
	float: right;
}

#nav_bar.cb #nav_links {
	margin: -13px 0;			/* Modify margin when custom box borders in place */
}

#nav_bar #nav_links a {
	display: block;
	padding: 0 1em;
	min-height: 30px;
	line-height: 30px;
	font-weight: bold;
	border-left: 1px solid #c2e197;
}

#nav_bar #nav_links #nav_help span {
	cursor: pointer;
	cursor: hand;			/* IE5 fallback */
}

#nav_bar #nav_links #nav_help span.icon {
	width: 17px;
	height: 19px;
	background-position: -108px -7px;
	margin-left: 0.8em;
}

#nav_bar #loc_links {
	float: left;
	margin: 8px 0 0 38px;
}

#nav_bar.cb #loc_links {
	margin: -5px 0 -5px 38px;	/* Modify margin when custom box borders in place */
}

#nav_bar #loc_links a.change_city {
	padding: 0 0.65em;
	border-left: 1px solid #c1e196;
	font-size: 80%;
	font-weight: bold;
	line-height: 1.4em;
}

#nav_bar #loc_links span {
	padding-right: 0.65em;
}

#nav_bar #loc_links span a {
	text-transform: none;
}

#community_links {
	position: absolute;
	top: 98px;
	right: 0;
	color: #333;
	font-weight: bold;
	line-height: 1.2em;
	font-size: 105%;
}

#community_links span {
	float: left;
}

#community_links ul {
	margin: 0;
	display: inline-block;
	font-weight: normal;
}

#community_links li {
	float: left;
	padding: 0 0.8em;
	border-left: 1px solid #333;
}

#community_links li.first {
	border-left: none;
	padding-left: 1.5em;
}

#ad_slot {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right; /* needed for IE6 */
}

#ad_slot .inner {
	display: inline;
	margin: 0 auto;
}

#ad_slot .caption {
	position: relative;
	left: 0.3em;
	bottom: 0.1em;
	font-size: 78.5%;
	color: #999;
}

#ad_banner {
	position: absolute;
	top: 0;
	width: 100%;
	height: 90px;
}

#ad_banner_outer {
	margin-left: 196px;
	text-align: center;
}

#ad_banner_inner {
}

#byline {
	margin: 0;
	padding: 0;
	clear: left;
}

#adtop_byline {
	clear: left;
	margin-top: 1px;
	margin-bottom: 2px;
	background-color: #eaf0bc;
	display:none;
}
#adtop_byline.has-placement {
	display:block;
}

#adtop_byline_outer {
	padding-bottom:0.4em;
	padding-top:0.3em;
	padding-left: 11px;
}

#adtop_byline_inner {
	text-align: left;
	line-height: 0;
}

#adtop_byline_inner .adtop_byline_caption {
	line-height: 10px;
	color: #656565;
	font-size: 0.75em;
}

#adtop_byline_banner {
	line-height: 100%;
}

#adbottom_byline {
	clear: both;
	margin-top: 6px;
	margin-bottom: 3px;
	margin-left: -4px;
	background-color: #eaf0bc;
	border: 1px solid #c2e197;
	display:none;
}
#adbottom_byline.has-placement {
	display:block;
}

#adbottom_byline_outer {
	padding-bottom: 0.4em;
	padding-top: 0.3em;
	padding-left: 11px;
}

#adbottom_byline_inner {
        text-align:left;
        line-height: 0;
}

#adbottom_byline_inner .adbottom_byline_caption {
        line-height: 10px;
        color: #656565;
        font-size: 0.75em;
}

#adbottom_byline_banner {
        line-height: 100%;
}


#breadcrumb h1 {
	font-weight: normal;
	font-size: 100%;
	margin: 0px;
	padding-bottom: 25px;
}

h1.posting_cat {
	font-weight: normal;
	font-size: 100%;
	margin: 0px;
	padding-bottom: 5px;
}

#contextual_nav, #contextual_related_info {
	font-size: 89%;
}

#contextual_nav {
	margin: 0;
	border-bottom: 1px solid #c2e197;
}

#contextual_nav h3 {
	margin: 0;
	padding: 6px;
	color: #333;
	background: #eaf0bc;
	border-top: 1px solid #c2e197;
}

#contextual_nav h3.first {
	border-top: none;
}

#contextual_nav.cb h3.first {
	padding-top: 0; /* Remove padding-top when custom borders in place */
}


#contextual .search_form {
	padding-top: 15px;
}

#contextual .search_form fieldset {
	padding: 0px 6px 15px 6px;
}

#contextual .search_form .search_attributes,
#contextual .search_form .button_area {
	border-top: 1px solid #c2e197;
}

#contextual .search_form input.location {
	width: 156px;
	font-size: 112%;
	color: #333;
	padding: 3px;
}

#contextual .search_form input.keywords {
	width: 156px;
	font-size: 112%;
	color: #333;
	padding: 3px;
}

#contextual .search_form input.minmax {
	width: 28px;
	font-size: 95%;
	color: #333;
	padding: 1px;
}

#contextual .search_form h4 {
	font-size: 112%;
	font-weight: normal;
	padding: 12px 6px 12px 6px;
}

#contextual .search_form .button_area {
	text-align: right;
	padding: 15px 6px;
}

#contextual .search_form button.submit {
	cursor: pointer;
}

#contextual .search_form button.submit span.icon {
	background-position: -209px -129px;
	width: 4px;
	height: 10px;
	margin-left: 4px;
}

#contextual .search_form fieldset.filter {
	padding: 0px 8px 12px 8px;
}


#contextual .search_form fieldset.filter input {
	width: 13px;
	height: 13px;
}

/* styles for room type options - should probably have own class */
#contextual .search_attributes .filter .attribute-nowrap {
	padding-bottom: 10px;
	float: left;
	width: 6.5em;
}

.attribute-nowrap {
	/* nowrap here causes problems in Safari */
	white-space: nowrap;
}

/* General search styles for reuse in search box */


.search_form fieldset.filter {
	padding: 0.8em 6px;
}

.search_form fieldset.filter label {
	padding-right: 0.6em;
}

.search_form fieldset.additional {
	padding-bottom: 0.3em;
}

.search_form fieldset.additional label .icon {
	height: 16px;
	width: 20px;
	margin: 0 0.4em;
}

.search_form fieldset.additional label.photos_filter .icon {
	background-position: -106px -69px;
}

.search_form fieldset.additional label.couple_filter .icon {
	background-position: -106px -38px;
}

#contextual p.current_category {
	font-weight: bold;
	padding: 7px 10px;
}

#contextual ul.subcategories {
	margin: 0;
	padding: 0 0px 12px 15px;
	line-height: 1.3em;
	/* following two lines needed to stop IE6 expanding the box */
	width: 164px;
	overflow: hidden;
}

#contextual ul.subcategories li {
	padding-bottom: 4px;
}

#contextual_related_info {
	list-style: none;
	margin: 4px 0 0;
	padding: 0;
	border-top: 1px solid #c2e197;
	background: #eaf0bc;
}

#contextual_related_info.cb {
	background: transparent; /* Reset background when custom borders in place */
}

#contextual_related_info li {
	border-bottom: 1px solid #fff;
	padding: 0 6px;
}

#contextual_related_info li.last {
	border: none;
}

#contextual_related_info h3 {
	margin: 0;
	padding: 0.7em 0;
}


#contextual_related_info #email_alert_link span.icon {
	float: right;
	background-position: -63px -70px;
	width: 13px;
	height: 11px;
	margin-right: 3px;
}

#contextual_related_info #email_alert_link span {
	cursor: pointer;
	cursor: hand;		/* IE5 fallback */
}

#contextual_related_info p {
	font-size: 95%;
}

#ad_column,
#ad_column_inner_b {
	margin: 30px 0 0 0;
	float: left;
	width: 181px;
	text-align: center;
}
#ad_column {
	overflow:hidden;
}
#ad_column_inner_b {
	margin: 300px 0 0 0;
}
#ad_column .caption,
#ad_column_inner_b .caption {
	font-size: 79%;
	color: #999;
	line-height: 1.8em;
}

/* Search box */

#search_box {
	margin-top: 30px;
	float: left;
}

#search_box .search_fields,
#search_box .search_attributes,
#search_box .button_area {
	float: left;
	margin: 0 16px 0 0;
	padding: 0;
	display: inline;
}

#search_box .search_attributes fieldset {
	display: inline;
}

#search_box .search_fields fieldset {
	line-height: 1.5em;
	padding-bottom: 0.5em;
}

#search_box .search_fields label {
	font-size: 95%;
	font-weight: bold;
}

#search_box input.keywords {
	width: 214px;
	padding: 2px;
}

#search_box .search_attributes {
	border-left: 1px dashed #c2e197;
	padding-left: 11px;
	min-height: 5em;
}

#search_box .searchsubmit {
	font-size: 74%;
	float: left;
	display: inline;
	margin: 0 12px 0 0;
	padding: 2px 0 2px 0;
}

#search_box h4 {
	font-size: 95%;
	color: #999;
}

#search_box a {
	font-size: 68%;
	font-weight: bold;
}

#search_box img {
	vertical-align: middle;
	margin-left: 4px;
}

#search_box .button_area {
	float: right;
	margin: 0;
}

#footer {
	border-top: 1px solid #55b351;
	padding: 1em 12px 8em;
	margin: 0;
}

#footer #othergumslinks {
	color: #060;
	font-size: 89%;
	line-height: 1.4;
}

/* Individual section/page styles 
============================================================*/

/*====================*/
/* List postings page */
/*====================*/

/* Warning message */
.postings_section #warning_message {
	color:#c00;
	font-weight: bold;
	font-size: 0.75em;
}

.postings_section #warning_message p {
	padding: 0;
}

.postings_section #warning_message .warning {
	color: #f00;
}

.postings_section #warning_message .highlight {
	color: #060;
}

/* Subcategories */

#content h2.subcategories {
	font-size: 95%;
	color: #333;
	margin: 1.5em 0 0;
}

#content ul.subcategories {
	margin: 0.75em 6px 2.2em 0;
	padding: 0.8em 0;
	font-size: 90%;
	line-height: 1.7em;
	border: 1px solid #333;
	border-width: 1px 0;
}

#content ul.subcategories li {
	float: left;
	width: 25%;
}

/* IE6 quick fix for 3px jog */
/* Hides from IE5-mac \*/
* html #content ul.subcategories li { margin-right: -1px;}
/* End hide from IE5-mac */

/* Tabs */

.postings_section .tabs {
	margin-top: 0.6em;
	margin-left: -4px;
	margin-bottom: -1px;
	font-size: 105%;
}

.postings_section .tabs span {
	float: left;
	display: block;
	width: 6em;
}

.postings_section .tabs strong, .postings_section .tabs a {
	display: block;
	height: 2em;
	width: 5em;
	text-indent: 1.4em;
	text-align: center;
	vertical-align: middle;
	padding: 0;
	line-height: 2em;
	font-size: 95%;
}

.postings_section .tabs .selected {
	background: #56b351 url(/web/20110807131129im_/http://www.gumtree.com/common/images/tabs.gif) 100% 0% no-repeat;
}

.postings_section .tabs .selected strong {
	background: url(/web/20110807131129im_/http://www.gumtree.com/common/images/tabs.gif) 0% 0% no-repeat;
	color: #ffffff;
	padding-bottom: 1px;
}

.postings_section .tabs .unselected {
	background:  url(/web/20110807131129im_/http://www.gumtree.com/common/images/tabs.gif) 100% -67px no-repeat;
	border-bottom: 1px solid #c2e197;
}

.postings_section .tabs .unselected a {
	background: url(/web/20110807131129im_/http://www.gumtree.com/common/images/tabs.gif) 0% -67px no-repeat;
}

.postings_section .tabs .unselected a:hover {
	text-decoration: none;
}

.postings_section #saved_ads_link {
	width: auto;
	float: right;
	font-size: 89%;
	padding-right: 0.5em;
	line-height: 21px;
}

/* Wrapper around postings, sponsored links, pagination etc */

#postings_wrapper {
	border: 1px solid #c2e197;	
	background: url(/web/20110807131129im_/http://www.gumtree.com/common/images/postings_border.gif) left top repeat-x;
	padding-top: 9px;
	margin-left: -4px;
	font-size: 105%;
}

/* Postings list */

ul.postings {
	width: 100%;
	list-style: none;
	margin: 0;
	clear: both;
}

ul.postings li {
	margin: 0 0 2px 0;
	background: #E8E8A8 url(/web/20110807131129im_/http://www.gumtree.com/common/images/bg_listings.gif) right top repeat-y;
	color: #000;
	padding: 0;
	font-size: 95%;
	line-height: 1.5em;
}


ul.postings li.date {
	background: #56b351;
	color: #fff;
	font-weight: bold;
	padding: 5px 6px;
	font-size: 95%;
}

ul.postings .save_hdr {
	float: right;
	font-size: 96%;
	line-height: 1.3em;
}

ul.postings .save_hdr .icon {
	width: 13px;
	height: 13px;
	margin: 0 8px 0 1em;
	background-position: -205px -11px;
}

ul.postings li.featured {
	background: #a7c972; /* Featured ads header/footer */
	padding: 5px 6px;
	font-size: 88%;
}

ul.postings li.featured .icon {
	background-position: -158px -9px;
	width: 13px;
	height: 15px;
	margin-left: 0.5em;
}

ul.postings .price {
	float: left;
	width: 5.5em;
	padding: 4px 0.5em 4px 0;
	text-align: right;
	margin: 0;
}

ul.postings .desc {
	padding: 4px 0 4px 6px;
}

ul.postings .pricedesc {
	margin-left: 6em;
	border-left: 2px solid #ffc;
}

/* #2330 start - temporary class to assist CSS migration */

.postings_prices_right ul.postings .price {
	float: right;
	padding: 4px 1em 4px 0;
	width: auto;
}

.postings_prices_right ul.postings .pricedesc {
	margin-left: 0;
	border-left: none;
}

/* #2330 end */

ul.postings h5 {
	font-size: 100%;
	display: inline;
	margin: 0 4px 0 0;
}

ul.postings h5 a {
	font-weight: normal;
}

ul.postings h5 a:visited {
	color: #5f9d5f;
}

ul.postings .col {
	float: right;
	text-align: center;
}

ul.postings .icons { 
	width: 69px; 
	margin-left: 4px; 
}

ul.postings .icons .icon {
	width: 20px;
	height: 18px;
}

ul.postings .icons .has_images {
	background-position: -13px -6px;
	margin: 0 1px;
}

ul.postings .icons .available_to_couples {
	background-position: -13px -37px;
	margin: 0 2px;
}

ul.postings .savead { width: 38px; }

ul.postings .savead a:hover, ul.postings .savead a:active, ul.postings .savead a:focus {
	text-decoration: none;
	outline: none;
}

ul.postings .savead .icon {
	width: 17px;
	height: 17px;
	background-position: -15px -127px;	
}

ul.postings .savead .icon_saved {
	background-position: -15px -97px;
}

/* New listing layout styles */

ul.postings li.listing_style2{
	background: #E8E8A8 url(/web/20110807131129im_/http://www.gumtree.com/common/images/bg_listings_thumbs.gif) right top repeat-y;
}

ul.postings li.listing_style1 .price{ padding-top: 12px; }
ul.postings li.listing_style2 .price{ padding-top: 15px; }

ul.postings li.listing_style1 .savead{ padding-top: 5px; }
ul.postings li.listing_style2 .savead{ padding-top: 14px; }

ul.postings li.listing_style1 .desc,
ul.postings li.listing_style2 .desc{
	padding-top: 0.3em;
	padding-bottom: 0.4em;
}

ul.postings li.listing_style1 .icons{
	margin-top: 5px;
}

ul.postings li.listing_style2 .posting_thumbnail{
	float: left;
	padding: 0 13px 1px 5px;
}

ul.postings li.listing_style2 .posting_thumbnail a img{
	border: 1px solid #006600;
	vertical-align: middle;
}

ul.postings li.listing_style1 .posting_rows{
	margin-left: 5px;
	margin-right: 120px;
}

ul.postings li.listing_style2 .posting_rows{
	margin-left: 75px;
	margin-right: 50px;
	padding-top: 3px;
}

ul.postings li.listing_style1 .posting_row1 h5 a,
ul.postings li.listing_style2 .posting_row1 h5 a{
	font-weight: bold;
}

ul.postings li.listing_style1 .posting_rows .location,
ul.postings li.listing_style2 .posting_rows .location{
	font-weight: normal;
	color: #000000;
}

ul.postings li.listing_style1 .posting_row2,
ul.postings li.listing_style2 .posting_row2{
	font-size: 90%;
	color: #646464;
}


/* No postings message */

div.no-postings {
	margin: 1em 0 0;
}

/* Pagination */

#pagination {
	border-top: 1px solid #c2e197;
	background: #E8E8A8;
	color: #333;
	font-size: 89%;
	text-align: center;
	font-weight: bold;
	line-height: 2.5em;
}

#rss_link {
	font-weight: bold;
	position: relative;
	left: -196px;
	top: 4.5em;
	margin: 0;
	padding: 0;
}

#rss_link img, #rss_link span {
	vertical-align: middle;
}

/*====================*/
/* View item page     */
/*====================*/

#view_item_page #ad_slot_bottom {
	border: 1px solid #c2e197;
}

/* Posting presentation */

#posting {
	margin-bottom: 16px;
}

#posting span.info {
	font-weight: bold;
}

#posting_title {
	background: #56b351;
	color: #fff;
	padding: 9px 4px 9px 12px;
	margin: -1px -1px 0;
}

#posting.cb #posting_title {
	padding-top: 0;
	margin-top: 0;
}

#posting_content {
	background: url(/web/20110807131129im_/http://www.gumtree.com/common/images/bg_posting.gif) right top repeat-y;	
}

#posting_details {
	background: #fff;
}

/* Display columnar layout if extra info exists */
#posting_content.posting_extra_info #posting_content_wrapper {
	width: 100%;
	float: left;
	margin-right: -383px;
}

#posting_content.posting_extra_info #posting_details {
	margin-right: 383px;
}

#posting_content.posting_extra_info #posting_extra {
	display: block;
	width: 382px;
	float: right;
	background: #fafade;
}

#posting_footer {
	clear: both;
	background: #EAF0BC;
	color: #000;
	padding: 9px 11px 9px 12px;
	margin: 0 -1px -1px;
	border-width: 0 1px 1px 1px;
	border-color: #c2e197;
	border-style: solid;
}

#posting.cb #posting_footer {
	margin-bottom: 0;
	padding-bottom: 1px;
}

/* Common posting elements */

#posting_title h1, #posting_title h2, #posting_footer h2 {
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 100%;
}

#posting_footer h2 {
	color: #000;
	font-weight: normal;
}

#posting_links {
	list-style: none;
	margin: -9px 0 0;
	padding: 0;
	float: right;
}

#posting_links li {
	float: left;
}

#posting_links a {
	color: #fff;
	text-transform: lowercase;
	display: block;
	min-height: 30px;
	line-height: 30px;
	border-left: 1px solid #fff;
	padding: 0 0.5em 0 0.75em;
}

#posting_links a.icon span.icon,
#posting_links a.icon span.link_text {
	text-decoration: none;
	cursor: pointer;
	cursor: hand;			/* IE5 fallback */
}

/* fix subtle IE6 bug where a:hover needs a redundant class
   before classes inside the a:hover will be triggered */
#posting_links a:hover { white-space: normal; }

#posting_links a:hover span.link_text {
	text-decoration: underline;
}

#posting_links #report_ad {
	padding-right: 0;
}

#posting_links span.icon {
	width: 19px;
	height: 19px;
	margin-left: 0.5em;
}

#posting_links #save_ad span.icon {
	background-position: -203px -157px;
	width: 17px;
	height: 17px;
}

#posting_links #save_ad span.icon_saved {
	background-position: -203px -98px;
}

#posting_links #share_ad span.icon {
	background-position: -202px -194px;
}

#posting_links #print_ad span.icon {
	background-position: -202px -232px;
}

#posting_links #report_ad span.icon {
	background-position: -200px -264px;
	width: 23px;
	height: 24px;
	position: relative;
	top: -1px;
}

#posting_ref {
	float: right;
}

#posting_ref span.info {
	font-weight: normal;
}

#posting #date, #posting #location {
	background: #eaf0bc;
	color: #333;
	border-bottom: 1px solid #fff;
	padding: 0.5em 11px;
	font-size: 89%;
}

#posting #desc {
	padding: 0.5em 11px;
	overflow: hidden;
}

#posting #contact_details {
	padding: 0 9px 2em;
}

#posting h3 {
	background: #56b351;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding: 0.5em 11px;
	margin: 1em 0 0;
	font-size: 100%;
}

#posting #contact_details ul, #posting #anti_spam {
	background: #eaf0bc;
	color: #333;
	border-bottom: 1px solid #fff;
	padding: 0.5em 11px;
}

#posting #contact_details ul {
	margin: 0;
	padding-top: 1em;
}

#posting #contact_details li {
	padding: 0.3em 0;
}

#posting #contact_details a {
	font-weight: bold;
	text-decoration: underline;
}

#posting #contact_details ul span.icon {
	width: 27px;
	height: 19px;
	margin-right: 11px;
}

#posting #contact_details .email span.icon {
	background-position: -56px -195px;
}

#posting #contact_details .link span.icon {
	background-image:url(/web/20110807131129im_/http://www.gumtree.com/common/images/vip-link-icon.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

#posting #contact_details .phone span.icon {
	background-position: -56px -231px;
}

#posting_extra #youtube_video {
	text-align: center;
	padding: 11px;
}

#posting_extra #images {
	padding: 11px;
	border-top: 1px solid #c2e197;
}

#posting_extra #images img {
	border: 1px solid #676767;
}

#posting_extra #images #main_image {
	display: block;
}

#posting_extra #images .thumbnails {
	text-align: center;
	margin: 11px 0;
}

#posting_extra #images .thumbnails a {
	float: left;
	margin: 0 11px 11px;
}

#posting_extra #images .thumbnails a img {
	border-color: #56b351;
	width: 96px;
	height: 72px;
}

#posting_extra #images .thumbnails a:hover img {
	border-color: #408C40;
}

#posting_extra #images .thumbnails a.current img {
	border-color: #676767;
}

#posting_extra #images p.caption {
	clear: left;
	font-size: 90%;
	text-align: right;
	color: #999;
}

#posting_extra #map {
	padding: 11px;
	border-top: 1px solid #c2e197;
}

#posting_extra #map #map_static {
        height: 268px;
        width: 358px;
        border: 1px solid #676767;
        margin-bottom: 11px;
}

#posting_extra #map #map_canvas {
	height: 402px;
	width: 537px;
	border: 1px solid #676767;
	margin-bottom: 11px;
}

#posting_extra #map p.caption {
        clear: left;
        font-size: 90%;
        text-align: right;
        color: #999;
}

#posting_print_extra {
	display: none;
}

#previewcontrols {
        text-align: center;
        margin: 16px 0 16px 0;
}

#previewcontrols form {
        display: inline;
}

#previewcontrols fieldset {
        display: inline;
}

#previewcontrols input {
        display: inline;
}

#previewcontrols button {
        display: inline;
}





/* styles for bottom search panel */


#search-container {
	min-width:960px;
	margin:0;
	padding:10px 0 0;
}
#search-container .panel-green {
	padding:0 0 15px 0; 
	margin:0; 
}
#search-container .cnr-white-tl {
	background-color:#fff; 
	border:solid #a9d476; 
	border-width:1px 1px 0 1px;
} 
#search-container .cnr-white-tl .cnr-white-tr {
	position:relative; 
	top:-1px; 
	right:-1px; 
	background:url(/web/20110807131129im_/http://www.gumtree.com/common/images/cnr-white-tr.png) no-repeat top right;
}
#search-container .cnr-white-tl .white-mid-top {
	position:relative; 
	left:-2px; 
	height:8px; 
	font-size:0; 
	background:url(/web/20110807131129im_/http://www.gumtree.com/common/images/cnr-white-tl.png) no-repeat top left;
} 

/* panel content area */
#search-container .panel-content-area {
	border:solid #a9d476; 
	border-width:0 1px; 
	background-color:#fff;
	padding:1px 10px 0px 10px; 
	font-size:1.1em;
}

/* panel footer */
#search-container .white-mid-bot {
	border:1px solid #a9d476; 
	border-top:0;
	background-color:#fff;
}
#search-container .cnr-white-br {
	position:relative; 
	bottom:-1px; 
	right:-1px; 
	background:url(/web/20110807131129im_/http://www.gumtree.com/common/images/cnr-white-br.png) no-repeat bottom right;
}
#search-container .cnr-white-bl {
	position:relative; 
	left:-2px; 
	height:8px; 
	font-size:0; 
	background:url(/web/20110807131129im_/http://www.gumtree.com/common/images/cnr-white-bl.png) no-repeat bottom left;
}

#search-panel-bottom { height: 1%; } /* give layout for IE6 */

#search-panel-bottom div {float:left; margin:0 0 0 0px; padding:0 15px 0 10px; border-right:1px dashed #a9d476; }
#search-panel-bottom div.refine .searchfield input {width:260px;}
#search-panel-bottom div.refine input.minmax {width:50px;}
#search-panel-bottom div.refine {width:30%; padding-left:0;}
#search-panel-bottom div.minmax {text-align:center;border:none;}
#search-panel-bottom div.propertytype {width:11%;}

#search-panel-bottom div.bedrooms {width:18%;}
#search-panel-bottom div.adtype {width:8%;}
#search-panel-bottom div.roomtype {width:21%;}

#search-panel-bottom div.additionalinfo {border:none;}
#search-panel-bottom div.additionalinfo img {vertical-align:top;}

#search-panel-bottom p.left {
	float:left;
}
#search-panel-bottom p {
	margin:0;
	padding:0 0 5px 0;
}
#search-panel-bottom p.minmax {
	width:75px;
	margin-top:3px;
}
#search-panel-bottom p.room {
	width:100px;
}

#search-panel-bottom p.bedrooms {
	width:50px;
}

/* labels */

#search-panel-bottom label {
	display:block;
	padding-bottom:5px;
	line-height:120%;
}

#search-panel-bottom label.refinesearch {
font-weight:bold;
}

#search-panel-bottom label.min,
#search-panel-bottom label.max {
	display:inline;
	font-weight:bold;
}



#search-panel-bottom h2 {
	font-size:1em;
	font-weight:bold;
	line-height:120%;
	padding:0 0 7px 0;
	margin:0;
	color:#333;
}


#search-panel-bottom input.checkbox {
	width:auto;
	background:none;
	border:none;
}

#search-panel-bottom input.checkbox {
	float:left;
	margin-right:0.5em;
	display:inline;
}


/* ----------------- form button --------------------- */
#search-container .button {
	float:right; 
	margin:50px 10px 0 0;
	padding:0;
	width:7%;
	text-align:right;
}

.featured_desc {
        padding: 4px 0 4px 6px;
}

/*====================*/
/* Post an ad form temp styles     */
/*====================*/

#post_an_ad_form #post-an-ad-table a {
	text-decoration: underline;
}

#post_an_ad_form .textline {
	padding: 2px;
}

#post_an_ad_form .textarea {
	padding: 2px;
	font-family: sans-serif;
	font-size: 90%;
}

#post_an_ad_form .submitbutton {
	padding: 1px;
	font-size: 110%;
}

#post_an_ad_form .radiobutton {
	margin: 3px 3px 0px 3px;
}

#post_an_ad_form #post-an-ad-table {
	border-collapse: separate;
	border-spacing: 2px;
	border-width: 1px;
	border-style: outset;
	border-color: #eeeeee;
}

#post_an_ad_form #post-an-ad-table td {
	padding: 2px;
	margin: 1px;
	border-width: 1px;
	border-style: inset;
	border-color: #eeeeee;
}

/*=======================*/
/* Payment method styles */
/*=======================*/

.feature_box .title {
        background-image: url(/web/20110807131129im_/http://www.gumtree.com/common/images/outline_box_heading_630.gif);
        background-repeat: no-repeat;
        background-position: top;
        padding: 2px 0 0 0;
        margin: 12px 0 0 0;
        height: 19px;
        width: 630px;
        text-align: center;
        vertical-align: top;
        font-size: 100%;
	line-height: 18px;
        font-weight: bold;
        color: #006666;
}

.feature_box .box {
        border: 1px solid #99CC66;
        width: 620px;
        padding: 4px 4px 12px 4px;
}

.feature_box .box table {
        width: 100%;
        margin: 4px 0 8px 0;
}

.feature_box .box td {
        font-size: 100%;
        padding: 3px 3px 3px 3px;
}

.feature_box .box th {
        background: #E8E8A8;
        font-size: 100%;
        text-align: left;
        font-weight: bold;
        padding: 3px 3px 3px 3px;
}

.feature_box .box th.price {
        text-align: right;
}

.feature_box .box .price {
        text-align: right;
}

.feature_box .box .total {
        background: #E8E8A8;
        font-weight: bold;
}

.feature_box .box .clearer {
        clear: both;
}

.payment_method {
        clear: both;
        width: 100%;
        height: 75px;
}

.payment_method hr {
        height: 1px;
        border: none 0;
        border-top: 1px solid #99CC66;
}

.payment_method fieldset.field_area {
        float: left;
        width: 420px;
        text-align: right;
        position: relative;
}

#content .payment_method fieldset.field_area h2 {
        font-size: 100%;
        color: #006600;
        font-weight: bold;
        padding: 4px 0 0 0;
        margin: 0;
        text-align: left;
}

#content .payment_method fieldset.field_area p {
        text-align: right;
}

#content .payment_method fieldset.field_area p.error {
        padding: 0;
        color: #ff0000;
}

#content .payment_method fieldset.field_area label {
        font-size: 100%;
        float: right;
        clear: both;
        width: 420px;
        padding-bottom: 6px;
        position: relative;
}

.payment_method fieldset.button_area {
        float: left;
        width: 200px;
        height: 61px;
        padding: 39px 0 0 0;
        text-align: center;
        vertical-align: top;
}

.payment_method fieldset.button_area .submit {
        border: 0;
        padding: 0;
        margin: 0;
        height: 22px;
        font-size: 11px;
        font-weight: bold;
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        color: #FFFFCC;
        text-align: center;
        vertical-align: middle;
        width: 160px;
        background-image: url(/web/20110807131129im_/http://www.gumtree.com/common/images/but_green_160.gif);
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: top;
}

div#hpi-info {
	background-color:#ffc;
	margin:0 0 10px 0;
	padding:0.5em 11px;
}
table#hpi-data td {
	font-size:1em;
	line-height:1.5;
	padding:0;
}
table#hpi-data td.label {
	font-weight:bold;
}
table#hpi-data td.mileage {
	width:25%;
}

div#ad-inline iframe {
	border:1px solid #C2E197;
	margin:-1em 8px 10px;
	overflow:hidden;
}
div#ad-inline p a {
	background-color:#eee;
	border:1px solid #C2E197;
	color:#333;
	display:block;
	font-size:0.9em;
	line-height:24px;
	padding:2px 10px;
	width:555px;
}
div#ad-inline p a:hover {
	text-decoration:none;
}
div#ad-inline p img {
	margin-left:10px;
	vertical-align:top;
}
div#ad-inline p strong {
	color:#060;
	font-weight:normal;
}
div#ad-inline div.ad {
	display:none;
}
div#ad-inline div.ad.show {
	display:block;
}

#featured-ad-label {
	position:relative;
}
div#post-ad-feature-info {
	left:150px;
	position:absolute;
	bottom:-320px;
}
div#post-ad-feature-info.hidden {
	display:none;
}
div.featured-popup {
	background-color:#fff;
	border:2px solid #060;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	color:#333;
	line-height:1.5 !important;
	padding:15px;
	position:absolute;
	text-align:left;
	width:598px;
}
div.featured-popup h2 {
	background-image:url(/web/20110807131129im_/http://www.gumtree.com/common/images/featured-ads-more-responses.png);
	height:76px;
	margin:0;
	text-indent:-999em;
	width:249px;
}
div.featured-popup h3 {
	border-bottom:1px solid #C2E198;
	color:#333 !important;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:10px !important;
	padding-bottom:3px;
}
div.featured-popup p.close-popup {
	background-color:#E2F1CF;
	border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	height:14px;
	margin:-15px -15px 0;
	position:relative;
}
div.featured-popup p.close-popup a {
	position:absolute;
	top:3px;
	right:5px;
	padding:0;
	background:url(/web/20110807131129im_/http://www.gumtree.com/common/images/sprite-iconry-1.1.gif) no-repeat -15px 0px;
	text-indent:-999em;
	height:18px;
	width:18px;
	z-index:100;
}

div#extra-category-info {
	padding-left:10px;
}
p.other-categories {
	margin-top:10px;
	font-size:0.9em;
}

strong.urgent {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#d11919;
	height:17px;
	color:#ffffff;
	display:inline-block;
	font-size:0.8em;
	margin-right:4px;
	padding:0;
	text-align:center;
	padding:0px 8px 1px 7px;
	position:relative;
	top:-1px;
}

h2 strong.urgent {
	padding:3px 8px 4px;
	margin:-2px 4px -4px 0;
	height:auto;
}

div.cb h2 strong.urgent {
	height:9px;
	width:60px;
	display:block;
	float:left;
	padding:3px 0 4px;
	overflow:hidden;
	background:url(/web/20110807131129im_/http://www.gumtree.com/common/images/bg_urgent.gif) no-repeat 0 0;
	height:auto;
}

table#recaptcha_table {
	background:#ffffff;
}

div#recaptcha_widget_div {
	margin:10px 0;
}

input#send-reply {
	font-size:1.2em;
	font-weight:bold;
	height:50px;
	width:120px;
}


ul.bulleted {
	margin:0 0 10px 11px;
}
ul.bulleted.first-column {
	float:left;
}
ul.bulleted.second-column {
	float:left;
	margin-left:10px;
}
ul.bulleted li {
	font-size:1.1em;
	line-height:164%;
	background:url(/web/20110807131129im_/http://www.gumtree.com/common/images/sprite-iconry-1.2.gif) no-repeat 0 -187px;
	padding:0 0 0 12px;
}
ul.bulleted li.sub-category-group {
	margin:10px 0 0 0;
}

/* Modal windows */
div#lightbox-bg {
	background-color:#000;
	filter:alpha(opacity=50);
	height:100%;
	left:0;
	opacity:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:950;
}
div.modal {
	background-image:url(/web/20110807131129im_/http://www.gumtree.com/common/images/lightbox-body.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	display:none;
	padding:0 20px 20px 10px;
	position:absolute;
	width:430px;
	z-index:951;
}
div.modal h3 {
	background-image:url(/web/20110807131129im_/http://www.gumtree.com/common/images/lightbox-head.png);
	background-position:left top;
	background-repeat:no-repeat;
	color:#333;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.5;
	margin:-28px -20px 10px -10px;
	padding:5px 10px;
	z-index:952;
}
div.modal p {
	font-size:1.1em;
	line-height:164%;
	margin-bottom:10px;
}
div.modal ul.bulleted {
	width:auto;
}
div.modal p.close {
	height:22px;
	position:absolute;
	right:-2px;
	top:-37px;
	width:22px;
	z-index:953;
}
div.modal p.close a {
	background-image:url(/web/20110807131129im_/http://www.gumtree.com/common/images/icon-close.png);
	display:block;
	height:22px;
	text-indent:-999em;
	width:22px;
}
div.modal.show {
	display:block;
}

#beta-opt-in {
    border-left:1px solid #c1e196;
    margin-left: 40px;
    padding-left: 0.5em;
}
#beta-opt-in a {
    text-transform: none;
}

#proconsole-container table.package-details-puser {
    margin:10px 0 5px 5px;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
}

#proconsole-container table.package-details-puser th {
    font-weight: bold;
}

#proconsole-container table.package-details-puser th,
#proconsole-container table.package-details-puser td {
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    padding:5px;
}

/*
     FILE ARCHIVED ON 13:11:29 Aug 07, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:55:50 May 19, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1232.418
  exclusion.robots: 0.134
  exclusion.robots.policy: 0.128
  cdx.remote: 0.048
  esindex: 0.006
  LoadShardBlock: 239.504 (3)
  PetaboxLoader3.datanode: 153.745 (4)
  CDXLines.iter: 14.379 (3)
  load_resource: 107.426
  PetaboxLoader3.resolve: 41.785
*/