/* Reset CSS First */
/* ol */
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,select,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;
}
/* ol */
ul {
	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;
}

/*************************************************/
/* main styles */

html{
}

body{
    width: 980px;
    background: #ffffff;
    margin-left: auto;
    margin-right: auto;
    font-family: tahoma, verdana;
    font-size: 0.7em;
    padding-left: 11px;
    padding-right: 11px;
	position: relative;
}

.emptydesign{
	width: 400px;
	height: 300px;
	background: none;
}

p{
    padding-top: 0px;
    padding-bottom: 7px;
	line-height: normal;
	text-align: left;
 }

ol{
	line-height: normal;
	line-height: 1.5em;
}

strong{
	font-weight: bold;
}

.italic{
	font-style: italic;
}

.top{
	padding: 0px; 
	margin: 0px; 
	border: 0px;
}

/*************************************************/
/* Message bar at top of page */
#globalmessage{
	background-color: #08aabd;
	padding: 5px;
	color: #ffffff;
	margin-bottom: 5px;
	margin-left: -10px;
	margin-right: -10px;
	border: 0px;
}

#globalmessage a:link, #globalmessage a:visited, #globalmessage a:active, #globalmessage a:hover{
	color: #ffffff;
	text-decoration: underline;
}

/*************************************************/
/* Header Content*/

#banner{
	text-align: center;
	padding: 5px;
}


#header{
    padding-top: 5px;
    color: #08aabd;
	position: relative;
}

#headerlinks{
	float: right;
	padding-top: 18px;
	padding-right: 10px;
	color: #999999;
}

#headerlinks a:link, #headerlinks a:active, #headerlinks a:visited, #headerlinks a:hover{
	color: #999999;
	text-decoration: none;
	font-weight: normal;
	font-family: verdana;
    font-size: 1em;
	line-height: 1em;
}

#headerlinks img{
	
}

#headerlogo{
    margin-left: 22px;
	float: left;
	margin-bottom: 5px;
}

#header ul {
    float: right;
    vertical-align: top;
}

#header ul li{
    float: left;
	color: #000000;
}

.headertext{
	float: left;
	color: #505c67;
	margin-left: 15px;
	position:relative;
	top: 38px;
	width: 210px;
	height: 46px;
}

.largeheadertext, .newuser {
	font-size: 18px;
	color: #505c67;
}

a.newuser:link, a.newuser:active, a.newuser:visited, a.newuser:hover{
	font-size: 12px;
	text-decoration: none;
	color: #505c67;	
	line-height: 24px;
	font-weight: bold;	
}

a.newuser:hover{
	text-decoration: underline;
}

a.registrationfree:link, a.registrationfree:active, a.registrationfree:visited, a.registrationfree:hover{
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;		
}

a.registrationfree:hover{
	text-decoration: underline;
	font-weight: bold;
}

/*************************************************/
/* Header search */

.headersearch{
    clear: both;
    background-image: url('../images/search-box-centre-grey.gif');
    background-repeat: repeat-x;
    width: 100%;
    height: 65px;
	color: #ffffff;
	padding-bottom: 5px;
}

.headersearchgreen{
    background-image: url('../images/search-box-centre-green.gif');	
}

.headersearchblue{
    background-image: url('../images/search-box-centre-blue.gif');	
}

.headersearchorange{
    background-image: url('../images/search-box-centre-orange.gif');	
}

.headersearchwhite{
    background-image: url('../images/search-box-centre-white.gif');	
	color: #6c7a86;
}

.headersearchleft{
    float: left;
}


.headersearchright{
    float: right;
}

.headersearchcontent{
	float: left;
	padding: 10px;
}

.headersearchcontent form{
	position: relative;
	top: -6px;
}

.headersearchcontent input, .headersearch select{
	font-size: 11px;
	/* dont increase this padding - it affects the layout quite badly in 1024 */
	padding: 1px;
}

#headersearchimage{
    width: 31px;
    height: 24px;
    border: 0px;
    position: relative;
    top: 10px;
	cursor: pointer;
}

.headersearchkeywords{
	width: 331px;
}

#headerpostcode, #headersearchkeywords{
    color: #6a7884;
}

.headersearchcontent a:active,
.headersearchcontent a:link,
.headersearchcontent a:visited,
.headersearchcontent a:hover{
	color: #ffffff;
	text-decoration: none;
}

.headersearchwhite .headersearchcontent a:active,
.headersearchwhite .headersearchcontent a:link,
.headersearchwhite .headersearchcontent a:visited,
.headersearchwhite .headersearchcontent a:hover{
	color: #6c7a86;
	text-decoration: none;
}


/*************************************************/
/* Left Column*/

#leftcolumn{
    float: left;
    width: 211px;
    padding-right: 6px;
}

#leftcolumn h1 {
	margin-left: 20px;
	text-align: left;
	font-size: 1.7em;
	width: inherit;
	float: left;
}	

#leftcolumn ul li ul{
    display: none;
}

/*************************************************/
/* Home page category list*/

ul.homepagecategorylist, ul.adminmenulist{
    padding-bottom: 10px;
	float: left;
	overflow: hidden;
	white-space: nowrap;
}

.homepagecategorylist li, .adminmenulist li{
    background-image: url('/images/home-category-li.gif');
    height: 32px;
    width: 210px;
    color: #000000;
}

.adminmenulist li.selected{
    background-image: url('/images/admin-menu-li-selected.gif');
    color: #ffffff;
}

.homepagecategorylist li.selected{
    background-image: url('/images/home-category-li-selected.gif');
	height: 32px;
    width: 210px;
}


#leftcolumn ul li ul li{
    display: none;
}

.homepagecategorylist li a:active,
.homepagecategorylist li a:link,
.homepagecategorylist li a:visited,
.homepagecategorylist li a:hover,
.homepagecategorylist li.selected a:active,
.homepagecategorylist li.selected a:link,
.homepagecategorylist li.selected a:visited,
.homepagecategorylist li.selected a:hover,
.adminmenulist li a:active,
.adminmenulist li a:link,
.adminmenulist li a:visited,
.adminmenulist li a:hover,
.adminmenulist li.selected a:active,
.adminmenulist li.selected a:link,
.adminmenulist li.selected a:visited,
.adminmenulist li.selected a:hover{
    text-decoration: none;
    color: #000000;
    font-size: 1.1em;
    line-height: 2.6em;
    height: 100%;
    margin-left: 20px;
    display: block;
    vertical-align: middle;
}

.adminmenulist li.selected a:active,
.adminmenulist li.selected a:link,
.adminmenulist li.selected a:visited,
.adminmenulist li.selected a:hover, 
.homepagecategorylist li.selected a:active,
.homepagecategorylist li.selected a:link,
.homepagecategorylist li.selected a:visited,
.homepagecategorylist li.selected a:hover{
    color: #ffffff;
}

.homepagecategorylist li a:hover, .adminmenulist li a:hover{
    color: #ffffff;
}

.homepagecategorylist li:hover, .adminmenulist li:hover{
    background-image: url('/images/home-category-li-selected.gif');
	height: 32px;
    width: 210px;
}

.adminmenulist li:hover{
	background-image: url('/images/admin-menu-li-selected.gif');
}

.homepagetoplist1, .homepagetoplist2{
	float: left;
	padding-top: 10px;
	padding-bottom: 22px;
	width: 50%;
	white-space: nowrap;
	overflow: hidden;
}

.homepagetoplist1 li, .homepagetoplist2 li{
	font-size: 1.1em;
	line-height: 1.4em;
}

h3.homepage{
	color: #000000;
	font-size: 1.2em;
}

/*************************************************/
/* centre column */

#centrecolumn{
    float: left;
    width: 580px;
	padding-top: 27px;
    padding-right: 6px;
	padding-left: 6px;
	margin-left: auto;
	margin-right: auto;
    line-height: 1.2em;
	margin-bottom: 30px;
}

#centrecolumn h1 {
}

#recentlyaddedcontainer{
	display: none;
}

div.homepagecontent{
	padding: 10px;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.homepagecontent1{
	width: 47%;
	float: left;
	color: #666666;
	border-left: 6px solid #ffffff;
	border-right: 6px solid #ffffff;
	font-size: 1.1em;	
	line-height: 1.4em;	
	padding-bottom: 5px;
	padding-right: 5px;
	margin-bottom: 8px;
}

.homepagecontent1 h1 {
	overflow: visible;
	white-space: normal;
    font-size: 1.5em;
	line-height: 1.2em;
}

.homepagecontent2{
	width: 50%;
	float: left;
	background: url('/images/homepagecontent2.gif') no-repeat #e5e7e9;
	width: 248px;
	height: 71px;
	padding: 10px;
	font-size: 1.1em;
	line-height: 1.4em;
	color: #000000;
	overflow: hidden;
}

.homepagecontent3{
	float: right;
	width: 48%;
	padding: 5px;
	font-size: 1.1em;
	line-height: 1.3em;	
	color: #666666;
	padding-top: 15px;
}

.homepagecontent3 h3 {
    font-size: 1.1em;
	color: #000000;
}


/*************************************************/
/* messages */

.singlemessage .sender{
	float: left;
	width: 120px;
	margin-left: 10px;
}

.singlemessage .messagesummary{
	float: left;
	width: 270px;
	margin-left: 10px;
	overflow: hidden;
	height: 94px;
}

.singlemessage .messagesummary .subjectsummary{
	width: 270px;
	height: 13px;
	overflow: hidden;
	display: block;
}

.readstatus-n{
	font-weight: bold;
}

.readstatus-y{
	font-weight: normal;	
}

/*************************************************/
/* rightcolumn */

#rightcolumn{
    float: right;
	overflow: hidden;
	margin-right: 5px;
	height: 100%;
	text-align: center;	
	min-width: 160px;
}

#pollform{
	width: 150px;
	height: 149px;
	background: url('/images/poll-background.gif');
	padding: 5px;
	margin-bottom: 40px;
}

#pollform div{
	padding-top: 10px;
	padding-bottom: 10px;
}

#pollform p{
	font-weight: bold;
	padding-top: 45px;
	padding-left: 22px;
	padding-right: 0px;
}


/*************************************************/
/* footer */
#footer{
    clear: both;
    width: 100%;
	background: #f8f8f8;
}

.footerlinks{
	padding: 11px;
	text-align: center;
    color: #08aabd;	
}

#footer a:link, #footer a:active, #footer a:hover, #footer a:visited{
    text-decoration: none;
}

#footer a:active, #footer a:hover{
	text-decoration: underline;
}

#subfooter{
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: center;
	color: #6c7a86;
	margin-left: auto;
	margin-right: auto;
	background: #f8f8f8;		
}

#subfooter a:link, #subfooter a:active, #subfooter a:hover, #subfooter a:visited{
    color: #6c7a86;
	text-decoration: none;
}

#subfooter a:active, #subfooter a:hover{
	text-decoration: underline;
}

/*************************************************/

h1, h2, h3, h4{
    color: #08aabd;
    font-size: 2.0em;
    line-height: 1em;
    padding-bottom: 0px;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	text-align: left;
}

h1 {
	padding: 10px;
	padding-top: 0px;	
	padding-left: 0px;
	vertical-align: top;
}

h2{
    font-size: 1.6em;
    line-height: 1.4em;
	padding-top: 0.5em;
	white-space: normal;	
}

h3{
    font-size: 1.4em;
    line-height: 1.4em;
}

h4{
    font-size: 1.2em;
    line-height: 1em;
}

a:link, a:active, a:hover, a:visited{
    color: #08aabd;
    text-decoration: underline;
	outline: 0; /* @ Firefox, prevent dotted border after click */ 
}

a:hover, a:active{
	color: #000000;
}

a.nounderlinelink:link, a.nounderlinelink:visited{
	text-decoration: none;
}

.cleardiv{
	clear: both;
	height: 0px;
	width: 0px;
}


/*************************************************/
/* general form */

.plainform input, .plainform select, .plainform textarea{
    font-size: 1.1em;
	font-family: tahoma, verdana;
	padding: 3px;
}

form.plainform{
	width: 510px;
	clear: both;
}

form p{
    padding: 0px;
    margin: 0px;
}

.plainform div {
	padding: 3px;
}

.captcha div{
	padding: 0px;
}

label{
	color: #000000;
	width: 109px;
	font-weight: bold;
	float: left;
}

/*************************************************/
/* FAQs */

ol.faq{
	padding-left: 35px;
}

ol.faq li{
	padding: 0px;	
	line-height: 1.4em;
	font-size: 1.4em;	
}

p.faqanswer{
    margin-bottom:10px;
    padding:5px;
	line-height: 1.5em;
	font-size: 1.2em;
}

/*************************************************/
/* Messages */

#flashmessagecontainer{
	text-align: center;
	padding-bottom: 0px;
}

.flashmessageerror, .flashmessage, .flashmessagesuccess, .flashmessagegeneral{
	border: 1px solid #d49e34;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;	
}

.flashmessageerror p, .flashmessage p{
	border: 7px solid #f4de64;
	background: #fefdf6 url('/images/flashmessage-error.png') no-repeat top left;
	text-align: left;
	padding: 15px;
	padding-left: 54px;
	overflow: hidden;	
	color: #000000;
/*	font-weight: bold;		
*/}

.flashmessagesuccess, .flashmessagegeneral{
	border: 1px solid #249224;
	width: 100%;	
}

.flashmessagegeneral{
	border: 1px solid #08aabd;
}

.flashmessagesuccess p, .flashmessagegeneral p{
	border: 7px solid #8cda5c;
	background: #f8fdf5 url('/images/flashmessage-success.png') no-repeat top left;
	text-align: left;
	padding: 15px;
	padding-left: 54px;
	overflow: hidden;
	color: #000000;
}

.flashmessagegeneral p{
	border: 7px solid #77d0db;
	background: #d9f2f5 url('/images/flashmessage-general.png') no-repeat top left;
	color: #000000;
	font-weight: normal;				
}

.generalmessage{
	margin: auto;
	border: 1px solid #b0b9c1;
	width: 400px;
}

.generalmessage p{
	border: 7px solid #eeeded;
	text-align: left;
	padding: 25px;
    font-size: 1.2em;
    line-height: 1.2em;
    overflow: hidden;
	color: #666666;
}

/* http://local.snaffleup.co.uk/newsletter/unsubscribe/661e4dca3da0bebf4baee8e16f20450b/hello%40snaffleup.co.uk */

/*************************************************/
/* Grey Square Background */

.greybackground, .grey-container{
	background: #e7e4e4;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.innergreycontainer{
	background: #f9f8f8 url('/images/innergreytop.gif');
	width: 465px;
	min-height: 90px;
	padding: 20px;
	color: #666666;
	font-size: 1.1em;
	line-height: 1.3em;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

/*************************************************/
/* items + searches */

.singleitem, .singlemessage, .singlealert, .singleadminitem, .singlewanteditem{
	border-bottom: 1px solid #f1efef;
	padding: 10px;
	margin-bottom: 6px;
	min-height: 101px;
	background: #ffffff;
/*	overflow: hidden;
*/}

.singlewanteditem{
	min-height: 0px;
	padding: 15px;
	padding-left: 20px;
}

.singleitem p, .singleadminitem p {
    padding-left: 154px;
}

.singleitem img, .singleadminitem img {
    padding-right: 10px;
    float: left;
}

.notifymember {
	float: right;
}

.singlewanteditem blockquote {
	color: #08aabd;
    font-size: 1.2em;
	line-height: 1.5em;
	width: 365px;
	/*text-indent: 30px;
		background-image: url('/images/start-quote.gif');
		background-position: 0 2px;
		background-repeat: no-repeat;*/
	padding-top: 10px;
	padding-bottom: 10px;	
}

.singlewanteditem blockquote p {
	display: inline;
	margin: 0;
	padding-right: 30px;
	/*background: url('/images/end-quote.gif');
		background-position: bottom right;
		background-repeat: no-repeat;*/
}



.singleitem h2, .singlealert h2, .singleadminitem h2, .singlewanteditem h2{
    color: #6C7A86;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 1.1em;
	width: auto;
	overflow: hidden;
	white-space: nowrap;
}

.singlewanteditem h2{
    padding: 0px;
	color: #08aabd;
}

.singleitem h2 a:link, 
.singleitem h2 a:active, 
.singleitem h2 a:visited,
.singlealert h2 a:link, 
.singlealert h2 a:active, 
.singlealert h2 a:visited,
.singleadminitem h2 a:link, 
.singleadminitem h2 a:active, 
.singleadminitem h2 a:visited{
	text-decoration: none;	
}

.singleitem .myitemlinks, .singleadminitem .myitemlinks{
	padding-bottom: 0px;
	margin-top: 15px;	
	padding-left: 154px;
}

/*************************************************/
/* Grey Rounded Border */

.formcontainer{
    padding-bottom: 10px;
	padding-top: 0px;
	min-height: 400px;
	vertical-align: top;
}

.formcontainer h1{
    clear: both;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
}

.formcontainer h2{
    padding-right: 10px;
}

.formcontainer input{
    width: 218px;
    height: 15px;
    border: 1px solid #9c9c9c;
    padding: 3px;
    color: #6a7884;
}

.formcontainer .imageuploadinput{
    height: auto;
	float: left;
    padding: 3px;
    color: #6a7884;
    border: 1px solid #9c9c9c;

}

.formcontainer input, .formcontainer select, .formcontainer textarea{
    font-size: 1.0em;
	font-family: tahoma, verdana;
	padding: 3px;
	background: #ffffff;
}


.formcontainer select{
    width: 226px;
    height: 20px;
	padding: 1px;
    border: 1px solid #9c9c9c;
    color: #6a7884;
}

.formcontainer textarea{
    height: 200px;
    padding: 3px;
    border: 1px solid #9c9c9c;
    color: #6a7884;
    width: 218px;
}

.textareadescription{
	position:relative; 
	top: -188px;
}

.captchadescription{
	position:relative; 
	top: -110px;
}

.formcontainer label, .fakelabel{
    color: #6a7884;
    font-weight: bold;
    width: 240px;
    float: left;
}

.formcontainer .inputimage{
    width: 113px;
    height: 36px;
    padding: 0px;
    border: 0px;
    float: right;
}

.signuptext{
    line-height: 36px;
    padding: 0px;
    border: 0px;
    float: right;
	vertical-align: middle;
}

.forgottenpassword, .notifymember{
	float: right;
}

.formcontainer .checkbox{
	border: 0px;
	margin-bottom: 21px;
	background: none;
	width: 20px;
}

.formdiv1, .formdiv2, .unstyledformdiv{
    border: 1px solid #ebeaea;
    background: #ebeaea;
    padding: 10px;
    color: #6a7884;
    margin-bottom: 10px;
    clear: both;
}

.formdiv1 p, .formdiv2 p, .unstyledformdiv p{
	width: 220px;
}

p.checkboxparagraph{
	width: 100%;
}


.unstyledformdiv{
	border: 0px;
	background: none;
	padding-top: 0px;
	padding-bottom: 0px;
}

.formmessage{
	text-align: center;
	font-weight: bold;
}

.formdiv2{
    border: 1px solid #f2f1f1;
    background: #f2f1f1;
}

#imagefileupload .formdiv1{
	height: 60px;
}

#uploadphotosubmit{
	width: 94px;
	height: 26px;
	float: right;
	padding: 20px;
	padding-top: 10px;
	background: none;
}

#wanteditemsubmit{
	width: 155px;
}

.hiddenelement{
	display: none;
}

.fakeinput{
    width: 218px;
    height: 15px;
    padding: 3px;
    color: #6a7884;
    font-size: 1.1em;
	font-family: tahoma, verdana;
	font-weight: bold;
}

.faketextarea{
    padding: 3px;
    color: #6a7884;
    width: 218px;
	float: left;
	overflow: hidden;
	min-height: 30px;
}

#itemphotos{
	min-height: 80px;
	padding-left: 55px;
	padding-right: 55px;
}

#itemphotos .itemphoto{
	float: left;
	width: 144px;
	padding: 5px;
	display: block;
}

#mailimportlogos{
	padding: 5px;
	float: left;
    width: 300px;
}

#mailimportlogos img{
	padding: 10px;
}

/*************************************************/
/* Header tabs */

.headertabs{
	float: right;
	position: relative;
	top: 28px;
	overflow: hidden;
	height: 29px;
	width: 514px;
}

/*************************************************/
/* Pagination */

.pagination{
	min-height: 14px;
	width: 100%;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
	clear: both;
	text-align: center;
}

.pagination p {
	display: none;
}

.pagination .pagenumber{
	vertical-align: middle;
	padding-right: 1px;
	padding-left: 1px;
	position: relative;
	top: -5px;
}

.homepagepagination p{
	text-align: center;
	color: #000000;
	font-size: 1.1em;
	padding-top: 10px;
	padding-bottom: 18px;
	display: block;	
}

.homepagepagination{
	background: url('/images/pagination-home-background.gif') repeat-x;
	height: 68px;
	padding: 0px;
}

/*************************************************/
/* Search Results Page*/

.add-item-category{
	float: right;
	position: relative;
	top: -28px;
}

.grey-container{
	background: #e7e4e4;
	color: #000000;
	font-size: 12px;
	min-width: 505px;
	min-height: 14px;
}

.grey-container .save-search-link{
	font-size: 0.9em;
	float: right;
	position: relative;
	top: -13px;
}

.search-submit{
	clear: both;
	padding-top: 20px;	
}

/*************************************************/
.sitemapcolumn{
	float: left;
	padding: 10px;
	width: auto;
}

.sitemapcolumn ul li {
	padding: 5px;
	font-size: 1.3em;
}

.sitemapcolumn ul li a:link, .sitemapcolumn ul li a:active, .sitemapcolumn ul li a:visited{
	text-decoration: none;
	color: #666666;
}

.membersmap{
	background: #d9f2f5;
	text-align: center;
	border: 1px solid #77d0db;
	padding: 3px;
	margin-bottom: 15px;	
	width: 95%;
}

.socialbookmarks{
	padding: 6px;	
	padding-top: 29px;
	padding-bottom: 15px;
}

ul.normal {
	list-style:square;
	padding: 1em;
	margin: 1em;
}


#countyitemmap{
	margin-top: 10px;
	clear: both;
	width: 100%;
	height: 400px;
	border: 1px solid #cccccc;
}

hr {
	margin-top: 17px;
	margin-bottom: 10px;
	color: #8c97a1;
	background-color: #8c97a1;
	height: 1px;
	border: 0px;
}

.countytext{
	line-height: 1.4em;
	font-size: 1.1em;
}