/* 
	Title:		Gumtree Category Selector Styles
	Copyright:	2010 Gumtree.com
	Date:		19 January 2009
	Authors:	Antonio Lulic/Adam Perfect
	Email:		anlulic@gumtree.com
*/

/* HEADER AND OUTER LAYOUT */

div#header {
	height:20px;
	margin-bottom:63px;
}
p#logo {
	height:78px;
	width:79px;
}
p#logo a:link,
p#logo a:visited,
p#logo a:hover,
p#logo a:active {
	background-image:url(../../images/v2/logo-gumtree-small.gif);
	height:78px;
	width:79px;
}
div#main-content {
	margin-bottom:50px;
	padding:0;
	overflow:visible;
}
div.section {
	width:948px;
	background-color:#ffffff;
	background-color: #E2F1CF;
	border:1px solid #C2E197;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding: 0;
	overflow: hidden;
}
ol#breadcrumb {
	display:block;
	left:0;
	overflow:hidden;
	position:static;
	top:0;
}
ol#breadcrumb li {
	display:inline !important;
	float:none;
}
ol#breadcrumb li#breadcrumb-city {
	padding-left:0;
}
div#change-city {
	top:126px;
}
a.change-city {
	background-image:url(../../images/v2/drop-arrow-dark-bg.gif);
	background-position:104% 12px !important;
	color:#fff;
	font-size:0.8em;
	font-weight:normal;
	padding:5px 22px 5px 5px;
}
a.change-city.selected,
a.change-city:hover {
	background-position:104% -24px !important;
}

/* CATEGORY SELECTOR */

/* Intro Area */

div#choose-category-intro {
	background-color:#fff;
	background-image:url(../../images/v2/folder-large.png);
	background-position: 10px 15px;
	background-repeat:no-repeat;
	border-bottom:1px solid #C2E197;
	height:55px;
	padding: 10px 10px 0 60px;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}
div#choose-category-intro h3 {
	color:#333;
	font-size:1.5em;
	line-height:27px;
	margin:0;
	padding:0;
	width:878px;
}
div#choose-category-intro p {
	font-size:1.1em;
	margin:0;
}
div#choose-category-location {
	background-image:url(../../images/v2/choose-category-compass.png);
	background-position:5px 5px;
	background-repeat:no-repeat;
	margin-bottom:13px;
	padding:0 10px 11px 60px;
	width:878px;
}
div#choose-category-location h3 {
	color:#333;
	font-size:1.5em;
	font-weight:normal;
	line-height:27px;
	margin:0;
	margin-top:10px;
	padding:0;
}
div#category-info-selection {
	background-color:#ff9;
	border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	height:28px;
	margin:0 -10px -10px -10px;
	padding:10px;
}

/* Category Carousel */

div#category-lists {
    border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    -webkit-border-bottom-left-radius: 10px;
    float: left;
    width: 828px;
    height: 314px;
}

/* Category Lists */

ul.category,
ul#categories {
	background-color:#ffffff;
	display:none;
    height:314px;
	width:200px;
	overflow-x:hidden;
	overflow-y:auto;
	border-color:#C2E197;
	border-right:1px solid #C2E197;
	float:left;
}
.ie6 div#category-lists {
    position: relative;
    left: 1px;
}
ul#categories {
    width:224px;
    -moz-border-radius: 0 0 0 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-radius: 0 0 0 10px;
}
ul.category.active,
ul#categories {
	display:block;
}

/* Category List Items */

ul#categories li a:link,
ul#categories li a:visited,
ul#categories li a:hover,
ul#categories li a:active,
ul.category li a:link,
ul.category li a:visited,
ul.category li a:hover ,
ul.category li a:active {
	background-image:url(../../images/v2/choose-category-sprite.gif);
	background-repeat:no-repeat;
	display:block;
	font-size:1.1em;
	font-weight:normal;
	line-height:1.25em;
	padding:7px 21px 7px 11px;
	text-decoration:none;
	color:#006600;
}
.ie6 ul#categories li a:link,
.ie6 ul#categories li a:visited,
.ie6 ul#categories li a:hover,
.ie6 ul#categories li a:active,
.ie6 ul.category li a:link,
.ie6 ul.category li a:visited,
.ie6 ul.category li a:hover,
.ie6 ul.category li a:active {
    height: 1em;
}
ul#categories li {
	background:#ffffff url(../../images/v2/choose-category-row-bg.gif) repeat-x 0 100%;
}
ul#categories li a:link,
ul#categories li a:visited {
	border-bottom:1px solid #C2E197;
	line-height:auto;
	font-weight:bold;
	background-position:100% -36px;
	padding:10px 21px 10px 11px;
}
ul#categories li a:hover,
ul#categories li a:active,
ul#categories li.active a:link,
ul#categories li.active a:visited,
ul#categories li.active a:hover,
ul#categories li.active a:active {
	background-position:100% 13px;
	background-color:#E2F1CF;
}
ul.category li a:link,
ul.category li a:visited {
    background-position:100% -40px;
	background-color:#ffffff;
	border-bottom:1px solid #eaf5dc;
}
ul.category li a:hover,
ul.category li a:active,
ul.category li.active a:link,
ul.category li.active a:visited,
ul.category li.active a:hover,
ul.category li.active a:active {
	background-position:100% 9px;
	background-color:#E2F1CF;
	border-bottom:1px solid #eaf5dc;
}
ul.category li.active li a:link,
ul.category li.active li a:visited,
ul.category li.active li a:hover,
ul.category li.active li a:active,
ul.category li a.final-level:link,
ul.category li a.final-level:visited,
ul.category li a.final-level:hover,
ul.category li a.final-level:active {
	background-position:100% -117px;
}
ul.category li.active a.final-level:link, 
ul.category li.active a.final-level:visited, 
ul.category li.active a.final-level:hover,
ul.category li.active a.final-level:active {
	background-position:100% -95px;
}

/* Category Help & Notes */

ul.category li.category-help {
	background:#ff9 url(../../images/v2/note-icon.png) no-repeat 2px 2px;
	border-bottom:1px solid #C2E197;
	padding:6px;
	padding-left:25px;
}
ul.category li.category-help a {
	background:none!important;
	border:0 !important;
	color:#060 !important;
	display:inline !important;
	font-size:1em !important;
	margin:0;
	padding:0 !important;
}
ul.category li.category-help a:hover {
	text-decoration:underline !important;
}

/* Changes for Categories that Scroll Vertically */

ul.category.scroll {
	border-right:1px solid #C2E197;
}
ul.category.scroll li a{
	background-position: 
}
ul.category.scroll li a {
	background-position:165px -42px;}
ul.category.scroll li a:hover,
ul.category.scroll li a:active {
	background-position:165px 7px;
}
ul.category.scroll li.active a {
	background-position:166px 7px!important;}
}
ul.category.scroll li a.final-level,
ul.category.scroll li a.final-level:hover {
	background-position:166px -117px !important;
}
ul.category.scroll li.active a.final-level {
	background-position:167px -96px !important;
}

/* Continue Area */

form#post-ad-form {
	background:#ffff99;
	height:299px;
	border-color:#C2E197;
	border-left:1px solid #C2E197;
	width:100px;
    float:right;
	margin:0 0 0 -1px;
	padding:10px 10px 5px;
    -moz-border-radius: 0 0 10px 0;
    -webkit-border-bottom-right-radius: 10px;
    border-radius: 0 0 10px 0;
}
.ie6 form#post-ad-form {
    right: 1px;
    top: 67px;
}
form#post-ad-form div.note {
	display:none;
}
form#post-ad-form div.note p {
    background: url(../../images/v2/icon-information.gif) no-repeat 0 0;
	font-size:1.1em;
	padding: 0 0 10px 20px!important;
	width:80px!important;
	height:auto!important;
}
form#post-ad-form div.warning #warning-note {
	display:block;
}
form#post-ad-form div.agent #agent-note {
	display:block;
}
form#post-ad-form div.agent {
    background: url(../../images/v4/powered_by_zoopla.gif) no-repeat 20px 100%;
    height: 299px;
}

form#post-ad-form div#submit p.submit {
	width:98px!important;
	height:25px!important;
	margin:0!important;
	padding:0!important;
	border-radius:5px;
	display:block;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	position:relative;
	border:1px solid #cccccc;
}
form#post-ad-form div#submit.ready p.submit {
	border:1px solid #F06714;
}

form#post-ad-form div#submit p.submit input.submit,
form#post-ad-form div#submit.ready p.submit input.submit {
	background:#eee url(../../images/v2/sprite-repeat-x-1.2.gif) repeat-x 0 0;
	border:0;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#ffffff;
	cursor:pointer;
	display:block;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	width:98px;
	height:25px;
	margin:0!important;
	padding:3px 0 5px 0;
}
form#post-ad-form div#submit p.submit input.submit {
	background-position:0 0;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
}
form#post-ad-form div#submit.ready p.submit input.submit {
	background-position:0 -204px;
	border-top:1px solid #ffc45a;
	border-left:1px solid #ffc45a;
}
form#post-ad-form div#submit p.continue {
	display: none;
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
	font-size: 1.1em;
}
form#post-ad-form div#submit.ready p.continue {
	display: block;
}

/* Cateogry Popups */

div#rental-offered-type {
	left:150px;
	top:90px;
}
div#jobs-type {
	height:100px;
	left:0px;
	top:210px;
}
div#rental-offered-type.show,
div#jobs-type.show {
	display:block;
	z-index:950;
}
div#rental-offered-type.show ul,
div#jobs-type.show ul {
	display:block;
	margin:0;
	overflow:hidden;
	width:auto;
	z-index:951;
}