/* 
	Title:		Gumtree Homepage Styles
	Copyright:	2008-2009 Gumtree.com
	Date:		2/11/2009
	Authors:	Antonio Lulic/Adam Perfect/Desigan Chinniah
	Email:		dees@gumtree.com
*/

/* HEADER */

div#header.home {
	height:130px;
	margin:0 0 15px;
	background-position: 0 -9px;
}

div#header.home form#search {
	height:22px;
	overflow:hidden;
	top:95px;
	left:165px;
	right:auto;
	width:540px;
	background:#ecf2bc;
	padding:6px;
	border:0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

div#header.home form#search fieldset {
	float:none;
	border-left:0;
	padding:0;
}

div#header.home form#search input.short_text {
	height:17px;
	font-size:1.2em;
}

div#header.home form#search input.text {
	height:17px;
	font-size:1.2em;
}
div#header.home form#search select.category {
	float:left;
	font-size:1.2em;
	height:22px;
	padding:1px 0 0 2px;
	margin-right:5px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #999999;
}
div#header.home form#search button.submit {
	padding-top:2px;
	height:22px;
}

div#header.home p#welcome {
	top:3px;
	right:8px;
}

div#header.home div#title {
	position:absolute;
	top:37px;
	left:165px;
	width:587px;
}
div#header.home div#title h1 {
	font-size:1.9em;
	color:#ff6600;
	display:inline;
}
div#header.home div#title p.strapline {
	font-size:1.3em;
	line-height:150%;
	color:#666666;
}

div#header.home p.change-city {
	font-size:1.3em;
	display:inline;
	font-weight:bold;
}
div#header.home p.change-city a {
    background-image:url(../../images/v2/sprite-iconry-1.2.gif);
    background-repeat:no-repeat;
	text-decoration:none;
	padding:5px 18px 5px 5px;
}
div#header.home p.change-city a:link,
div#header.home p.change-city a:visited,
div#header.home p.change-city a:active {
    background-position:93% -60px;
	text-decoration:none;
}
div#header.home p.change-city a:hover,
div#header.home p.change-city a.selected:link,
div#header.home p.change-city a.selected:visited,
div#header.home p.change-city a.selected:hover,
div#header.home p.change-city a.selected:active {
    background-position:93% -74px;
	background-color:#006600;
	color:#ffffff;
	text-decoration:none;
}

div#header.home div#change-city {
	top:63px;
	left:143px;
}

div#header.home ul#main-actions {
	top:26px;
	font-size:1.2em;
	float:none;
	height:100px;
}
div#header.home ul#main-actions li.primary,
div#header.home ul#main-actions li.secondary {
	width:170px; 
	margin:7px 0 0 0;	
	-moz-border-radius:15px; 
	-webkit-border-radius:12px;
	border-radius:15px;
	float:none;
}
div#header.home ul#main-actions li.primary a:link,
div#header.home ul#main-actions li.primary a:visited,
div#header.home ul#main-actions li.primary a:hover,
div#header.home ul#main-actions li.primary a:active,
div#header.home ul#main-actions li.secondary a:link,
div#header.home ul#main-actions li.secondary a:visited,
div#header.home ul#main-actions li.secondary a:hover,
div#header.home ul#main-actions li.secondary a:active {
	width:170px;
	padding:3px 0 5px 0;
	-moz-border-radius:14px;
	-webkit-border-radius:11px;
	border-radius:14px;
}

/* BODY */

div#change-city {
	top: 64px;
	left: 156px;
}

h2 {
	font-size:1.2em;
	font-weight:bold;
	background-color:#d4e09f;
	margin:20px 0 10px 0;
	padding:7px 0 7px 10px;
	border:1px solid #99cc66;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
}

div#main-content {
	padding-left:0;
	padding-right:0;
}

div.column {
	float:left; 
	width:185px; 
	margin-left:10px; 
	overflow:hidden;
}
div.column.first {
	margin-left:0;
}
div.column.double {
	float:left; 
	width:380px; 
	margin-left:10px; 
}

div#gumtree-forums {
	background:#ecf2bc;
	padding:0 0 4px 0px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}
div#gumtree-forums h2 {
	color:#333333;
	background:none;
	border:0;
	padding:8px 0 0 10px;
	margin-top:0;
}
div#gumtree-forums p {
	font-size:1.1em;
	margin:7px 10px;
	color:#666666;
	line-height:164%;
}

div.ad {
	display:none;
	overflow:hidden;
}

div#homepage-mpu div.ad,
div#homepage-mpu a.ad {
	text-align:center;
	margin:0 0 10px;
}
div#homepage-mpu p.homepage-mpu-related {
	text-align:center;
	color:#666666;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:0.92em;
	display:none;
}
div#homepage-mpu p.homepage-mpu-related.has-placement {
	display:block!important;
}
div#homepage-mpu div.ad img,
div#homepage-mpu a.ad img {
	margin:0 auto;
}

div#homepage-mpu a.ad {
	display:block;
}

div#sidebar {
	float:left;
	width:170px;
	margin-left:10px;
}
div#sidebar div.panel.top {	
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
} 
div#sidebar div.panel.bottom {	
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}
div#sidebar div.panel {
	border:1px solid #c3e198;
	margin-bottom:10px;
	line-height:164%;
}
div#sidebar h3 {
	font-size:1.2em;
	font-weight:bold;
	color:#333333;
	margin:7px;
}
div#sidebar p {
	color:#666666;
	font-size:1.1em;
	margin:7px;
}
div#sidebar div#announcements {
	background-color:#ffffff;
}
div#sidebar div#editors-picks {
	background-color:#ffffff;
}
div#sidebar div#sidebar-ad-panel {
	width:168px;
	height:168px;
	overflow:hidden;
	display:none;
}
div#sidebar div#sidebar-ad-panel.has-placement {
	display:block!important;
}
div#sidebar div#sidebar-ad {
	position:relative;
	top:-1px;
	left:-1px;
}
div#sidebar div#sidebar-ad div.ad {
	width:170px;
	height:170px;
}
div#sidebar ul.showcased-listings li {
	border-top:1px solid #c3e198;
	padding:7px 7px 5px 7px;
}
div#sidebar div#editors-picks p.category-breadcrumb {
	float:right;
	margin:0 0 0 3px;
	font-size:1em;
	width:98px;
}
div#sidebar div#editors-picks img.thumbnail {
	float:right;
	margin:0;
	border:1px solid #c3e198;
}
div#sidebar div#editors-picks h4 {
	font-size:1.1em;
	font-weight:bold;
	margin:5px 0 3px 0;
}
div#sidebar div#editors-picks p.location-price {
	margin:0;
	color:#333333;
}
div#sidebar div#other-popular-cities {
	background:#ffffff url(../../images/v2/map-uk-and-ireland.gif) no-repeat 70px 5px;
}
div#sidebar div#other-popular-cities img{
	margin:0 auto;
}
div#sidebar ul.bulleted {
	margin:0 0 0 7px;
	width:161px;
}
div#sidebar p.show-more-cities {
	font-weight:bold;
	margin:0 0 0 11px;
	padding:2px 0 6px 7px;
}

div#safety-tips {
	background-color:#ffffff;
	background-position:100% 0;
	background-repeat:no-repeat;
}
div#safety-tips h3 {
	font-size:1.4em;
}
div#safety-tips p {
	color:#333333;
}
div.number-1 {
	background-image:url(../../images/v2/background-number-1.gif);
}
div.number-2 {
	background-image:url(../../images/v2/background-number-2.gif);
}
div.number-3 {
	background-image:url(../../images/v2/background-number-3.gif);
}
div.number-4 {
	background-image:url(../../images/v2/background-number-4.gif);
}
div#sidebar div#email-alerts {
	background-color:#ecf2bc;
}
div#sidebar div#email-alerts ul {
	padding:0 7px 10px 7px;
}
div#sidebar div#email-alerts ul li {
	font-weight:bold;
	font-size:1.1em;
}

div#spotlight {
	background:#ffffff url(../../images/v2/background-loading.gif) no-repeat 50% 50%;
	border:1px solid #99cc66;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	float:left;
	margin-bottom:10px;
	width:768px;
	height:182px;
	position:relative;
}
div#spotlight h2 {
	border:0;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:0;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	border-radius:8px 8px 0 0;
	width:748px;
	margin:0 0 3px;
	padding:7px 10px 5px;
	position:relative;
	z-index:100;
	background:#d4e09f;
}
div#spotlight h2 span {
	font-size:0.9em;
	font-weight:normal;
}
div#spotlight h2 span.learn-more {
	margin-left:6px;
}
div#spotlight h2 span.page {
	margin:0;
	font-size:1em;
	position:absolute;
	right:0;
	top:7px;
}
div#spotlight h2 span.page span.current-page,
div#spotlight h2 span.page span.total-pages {
	font-weight:bold;
}
div#spotlight p.jcarousel-next,
div#spotlight p.jcarousel-prev {
	width:27px;
	height:39px;
	overflow:hidden;
	position:absolute;
	top:60px;
	cursor:pointer;
	text-indent:-9999px;
	background:url(../../images/v2/arrow-scroll.gif) no-repeat 0 0;
}
div#spotlight p.jcarousel-prev {
	left:0;
	background-position:0 -39px;
}
div#spotlight p.jcarousel-prev:hover {
	background-position:0 -78px;
}
div#spotlight p.jcarousel-prev-disabled,
div#spotlight p.jcarousel-prev-disabled:hover {
	background-position:0 0;
	cursor:default;
}
div#spotlight p.jcarousel-next {
	right:0;
	background-position:-27px -39px;
}
div#spotlight p.jcarousel-next:hover {
	background-position:-27px -78px;
}
div#spotlight p.jcarousel-next-disabled,
div#spotlight p.jcarousel-next-disabled:hover {
	background-position:-27px 0;
	cursor:default;
}
div#spotlight div.jcarousel-clip-horizontal {
	width:684px;
	overflow:hidden;
	position:relative;
	height:132px;
	margin:0 42px 7px;
	padding:14px 0 0;
}
div#spotlight ul {
	position:relative;
	left:684px;
}
div#spotlight ul li {
	float:left;
	height:132px;
	text-align:center;
	width:114px;
	position:relative;
	margin:0;
}
div#spotlight ul li.learn-more {
	z-index:889;
}
div#spotlight li p {
	margin:0;
	font-size:1.1em;
}
div#spotlight li a.spotlight-picture {
	display:block;
	text-indent:-9999px;
	margin:0 8px 5px;
	width:96px;
	height:72px;
	overflow:hidden;
	border:1px solid #c2e198;
	background:#ffffff url(../../images/v2/artifacts/listings-no-thumb.gif) no-repeat 0 0;
	text-align:center;
}
div#spotlight li a.spotlight-learn-more,
div#spotlight li.no-picture a.spotlight-picture {
	border-color:#dadada;
}
div#spotlight li a.spotlight-picture img {
	margin:auto;
}
div#spotlight li p.spotlight-title {
	padding:0 5px;
}
div#spotlight li p.spotlight-title,
div#spotlight li p.spotlight-title a {
	display:block;
	overflow:hidden;
	font-weight:bold;
	width:104px;
	height:28px;
}
div#spotlight li p.spotlight-location {
	height:13px;
	overflow:hidden;
	white-space:nowrap;
	width:104px;
	padding:0 5px;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
div#spotlight li.first p.spotlight-title,
div#spotlight li.first p.spotlight-location {
	border:none;
}