/* Import Defaults */
@import url(../cp/css/default-reset.css);
@import url(../cp/css/default-controlpanel.css);

.col1 { width:25%; }
.col2 { width:75%; }

body { position: relative; margin-bottom: 10px; }
.controlbar { font-size: 70%; text-align: right; padding: 6px 0 0 20px ; background: #F3F9EB url(uploads/77/controlbar.png) no-repeat left; float: right; width: auto; height: 22px;}
.controlbar a { text-decoration: none; }
.header .spacer {float: right; text-indent: -88888px; width: 20px; height: 28px; background: transparent url(uploads/77/controlbar.png) right no-repeat; }
.controlbar a { font-weight:bold; }
.template { width: 960px; margin: 0 auto 10px; overflow: hidden;}
a { color: #036; }
a:visited { color: #492F62; }
a:hover { color: #039; text-decoration: underline; }

/* Header */

.header_inner { position: relative; overflow: hidden; border-bottom: 2px solid #ccc; height: 80px; clear: both;}

.header h1.heading a { display: block; background: url(uploads/77/freeuse.png) no-repeat; width: 250px; height: 75px; overflow: hidden; float: left; margin-left: 5px;}
.header h1.heading span.skiptag { text-indent: -88888px; }
.header_inner .banner { position: absolute; left: 300px; top: 4px;}
.strapline { position: absolute; right: 8px; bottom: 40px;}

div.mainmenu { background: url(uploads/77/mm_right.png) top right no-repeat; padding-right: 5px; overflow: hidden; position: absolute; right: 8px; bottom: 0; width: 240px; }
ul.mainmenu { list-style-type: none; float: right; background: url(uploads/77/mm_left.png) top left no-repeat; padding-left: 5px; }
ul.mainmenu li { list-type-style: none; float: left;}
ul.mainmenu li a { color: #000; font-size: small; text-decoration: none; padding: 7px 12px 6px; display: block; background: transparent url(uploads/77/mm_shim.png) left no-repeat; }
a#cplink1_438068, a#cplink1_476676 { background: none; }

#search { clear: both; text-align: center; border-top: 1px solid #523672; background: #846DA3 url(uploads/77/searchbg.png) bottom no-repeat; padding: 3px 5px 5px; color: #fff; font-size: x-small; }
#search div { display: inline; margin: 0 5px;}
#search label { width: 1px; height: 1px; text-indent: -88888px; overflow: hidden; color: #846DA3; display: inline-block;}
#search input.textbox { padding: 1px 4px; }
input#postcode { width: 100px; }
#search select { width: 200px; }

/* Content */

.columns { padding: 10px 0;}
.main { width: 700px; float:left; padding-left:10px;}
p.breadcrumbs { font-size: small; color: #000; font-weight: bold; padding-bottom: 10px; width: 100%; border-bottom:1px solid #DBE2EA; margin-bottom:10px; }
.breadcrumbs a { color: #000; font-weight: normal; text-decoration: none; }
.content { padding-top: 10px; /*display: inline; breaks ie8!*/ }
.content h1.heading { font-size: 150%; border-bottom: 1px solid #DBE2EA; padding-bottom: 5px; margin-bottom: 10px; }
.content ul { margin:0; padding:5px 25px 15px 25px; list-style-type:square; line-height:150%; }
.content ol { margin:0; padding:5px 25px 15px 25px; line-height:150%; }
.content p.text { line-height:150%; padding:5px 0; margin:0; }
.content h2.heading { margin:0; padding:15px 0 5px 0; }
.content .cpadmin h2 { font-size: 180%; padding: 20px 0; color: #523672; }

/* Sidebar */
.sidebar { width: 220px; float:left; padding: 0 10px; color:#FFF; font-size: small; }
.quick-searches a, .quick-searches a:visited { color:#FFF; text-decoration: none;}
.quick-searches a:hover { color:#FFF; text-decoration:underline; }
.quick-searches ul { list-style-type:none; padding:12px; line-height:150%;}
.quick-searches { color:#FFF; width: 220px; background:url(uploads/77/searches.png) no-repeat top center; position: relative; }
.quick-searches .inner { background:url(uploads/77/searches_bot.png) no-repeat bottom center; padding-bottom:10px; position: relative; }
.quick-searches .more { font-size: x-small; text-align:right; padding:5px 10px; }
.quick-searches.more a { text-decoration: underline; text-transform: lowercase; }
.quick-searches h2.heading {  padding: 8px 12px; font-size: 115%;color: #fff; font-size: 115%;}
.quick-searches h3 { padding: 8px 12px; margin-bottom: 2px; background: url(uploads/77/searches_shim.png) no-repeat bottom left;}
.statistics { padding-bottom: 10px; overflow: hidden; }
.lesswaste { padding-bottom: 10px; overflow: hidden; }

.quick-searches ul.options {
	padding:0 5px 10px 8px;
}
.quick-searches .options li {
	background:url(uploads/77/folder.gif) no-repeat center left;
	padding-left:25px;
	margin:0;
}
.quick-searches .options li.last {
	background-image:url(uploads/77/folder_last.gif);
}
/* Footer */

.footer .group { border-bottom: 2px solid #ccc; }

div.footmenu { border-bottom: 1px solid #036; background: #036 url(uploads/77/footnav.png) top no-repeat; padding: 3px 5px 5px;  font-size: small; overflow: hidden;}
ul.footmenu { list-style-type: none; margin:0 auto; text-align:center; padding:5px 5px 3px 5px; }
ul.footmenu li { display:inline; }
ul.footmenu li a { color: #fff; text-decoration: none; padding: 2px 15px 2px; }
ul.footmenu li a:hover, ul.footmenu li a:visited { color: #fff;}
ul.footmenu li a:hover { text-decoration:underline; }

div.lwp { clear: left; width: 460px; text-align: justify; float: left; margin: 10px 8px 10px 10px ; display: inline;}
ul.lwp { list-style-type: none; font-size:70%;}
ul.lwp li { list-style-type:none; display:inline; }
ul.lwp p { padding-top:5px; line-height:150%; margin:0; }
a#cplink1_476502,
a#cplink1_438082 { float: left; display: block; background: url(uploads/77/lwp.png) top no-repeat; width: 148px; height: 140px; text-indent: -88888px; overflow: hidden; margin-right: 10px;}

div.districts { float: right; width: 460px; margin: 10px 10px 10px 8px; text-align: right; display: inline; }

div.footnotes { clear: both; padding-top: 10px; border-top: 1px solid #DBE2EA; }

.copyright { clear: left; float: left; width: auto; font-size: small;}

.developed { float: right; width: auto; font-size: small; text-align: right; }

/* Did you know */

.didyouknow { width:220px; height:150px; float:left; margin: 10px 0 0 0; background: #FF9D00 url(uploads/77/didyouknow-user.png) left top no-repeat; position: relative; }
.home .didyouknow { margin: 5px 0 0 10px; }
.guest .didyouknow { background:url(uploads/77/didyouknow-public.png) no-repeat center; height:150px; }
.didyouknow h2.heading { font-weight:bold; color:#FFF; }
span.total { position: absolute; top: 82px; left: 88px; color: #fff; font-size: 18pt; text-align: right; font-weight: bold; letter-spacing: 0.15em; font-family: monospace; }
span.user-total { position: absolute; top: 46px; left: 106px; color: #fff; font-size: 18pt; text-align: right; font-weight: bold; letter-spacing: 0.15em; font-family: monospace; }

/* Items */

table.items { border-collapse: collapse; width: 100%; margin:5px 0; }
table.items td { padding: 4px; font-size: 80%; border-bottom:1px dotted #CCC;}
.alt1 { background: #F5F5F5; }
td.image { width: 40px; }
td.location {width: 15em; white-space:nowrap;}
td.date { text-align: right; width: 7.5em; }
table.items .distance { font-size:90%; color:#777; }
table.items tr:hover td { background:#E8E8E8; /* cursor:pointer; removed by JL at PCs request */ }
table.items tr.highlight td { background:#f6e5e4; }
table.items td .heading { padding:10px 0; }

/* Item */
.freeuse .image { float:right; margin-left:10px; margin-bottom:10px; }
.freeuse .image img { border:3px solid #EEE; padding:5px; }
.freeuse .details p { line-height:150%; }
.freeuse dl dt { font-weight:bold; }
.freeuse dl dd { padding:5px 15px; margin:0; }
.freeuse dl dd span,
.freeuse dl dd span a { font-size: small; color:#888; }
.freeuse .message { border:1px solid #CC0000; color:#CC0000; font-weight:bold; text-align:center; background:#f6e5e4; padding:8px; -moz-border-radius:10px; }
.map-holder { padding: 10px 0;}
.map-holder form { padding: 10px 0 0 0;}
.map-holder .map { border: 3px solid #EEEEEE; }
.map-holder .disclaimer { font-size:smaller; font-style:italic; }

/* Forms */

.fm-form { clear:both; margin:0 auto; padding:10px 0 20px 0; }
.fm-form fieldset { border:3px solid #dfe6d5; padding: 10px 20px 20px 20px; margin:5px 0 20px 0; -moz-border-radius:10px; background:url(uploads/77/fm-field.png) no-repeat top right; }
.fm-form legend { font-weight:bold; padding-left:5px; padding-right:5px; color:#523672; }
.fm-form label { cursor:pointer; }
.fm-form label.fm-field-name,
.fm-form .fm-field-name label { font-weight:bold; font-size:90%; }
.fm-form .fm-field { padding-top:5px; }
.fm-form select { border:1px solid #BBB; }
.fm-form .textbox { border:1px solid #BBB; padding:3px; font-family:Arial; font-size:90%; width:40%; }
.fm-form textarea { border:1px solid #BBB; padding:5px; font-family:Arial; font-size:90%; width:99%; }
.fm-form .fm-options { padding:5px 15px; margin:0; }
.fm-form .fm-field p.description { padding:5px 15px; margin:0; font-style:italic; color:#333; }
.fm-form .fm-footer { text-align:center; padding:5px 10px; }
.fm-form .fm-radio { display:block; }
.fm-form .textbox:focus,
.fm-form textarea:focus,
.fm-form select:focus { border:1px solid #666; }
.fm-form .description { font-size:90%; }
#field-remember-these-details .fm-radio { display:inline; }
#fieldset-interested { padding:20px; width:80%; margin-left:auto;margin-right:auto; }
#fieldset-interested span.fm-checkbox { text-align:center; display:block; }

ul.tiles { list-style-type:none; margin:0; padding:0; }
ul.tiles li { padding:80px 5px 10px 5px; margin:10px 30px; width:240px; float:left; text-align:center; color:#aaa; background-repeat:no-repeat; background-position:top center; font-size: small;}
ul.tiles li a { font-size: medium; }
li.cat-8835 {background-image:url(uploads/77/cat_photo.png); }
li.cat-8831 {background-image:url(uploads/77/cat_sport.png); }
li.cat-8833 {background-image:url(uploads/77/cat_toys.png); }
li.cat-8830 {background-image:url(uploads/77/cat_kitchen.png); }
li.cat-8832 {background-image:url(uploads/77/cat_furniture.png); }
li.cat-8834 {background-image:url(uploads/77/cat_garden.png); }
li.cat-8829 {background-image:url(uploads/77/homeent.jpg); }
li.cat-8836 {background-image:url(uploads/77/cat_clothes.png); }

#contact fieldset {}

.content .editform textarea.medium { height:120px; }
.editform td { vertical-align:top; }
/*FAQs*/
.faqs .item {
	padding:5px 0px;
	border-bottom:1px solid #eee;
	margin:5px;
	background:none;
}
.faqs .description {
	display:none;
	padding:0 25px;
	font-size:90%;
	line-height:150%;
}
.faqs .description p {
	padding-bottom:10px;
}
.faqs .item .heading {
	background:url(http://static.cuttlefish.com/icons/silk/16x16/help.png) no-repeat 0% 50%;
	cursor:pointer;
	padding:5px 25px;
}
.faqs .item .heading:hover {
	text-decoration:underline;
}

/*
	Homepage
*/
.home .side {
	float:left;
	padding-left:10px;
	padding-right:5px;
}
.home .lesswaste {
	clear:left;
	padding-top:10px;
}
.home { font-size: small; padding-top:0;}
.home .about h2.heading,
.didyouknow h2.heading { padding: 8px 12px; margin-bottom: 5px; font-size: 115%; }
.home p.text { padding: 10px; line-height: 110%; }
.home .recent { width:220px; height:200px; float:left; background: #9581B0 url(uploads/77/recent.png) left top no-repeat; color: #fff; margin:0 10px 5px 10px; display: inline; overflow: hidden; }
.home .steps{ width:700px; height:200px; float:left; margin:0 10px 5px 10px; }
.home .recent .items .alt1 { background-color: #917CAC; }
.home .places { width:220px; height:150px; float:left; margin:5px 10px; background: #9581B0 url(uploads/77/places.png) left top no-repeat; color: #fff; position:relative; display: inline; }
.home .about a { color: #fff; text-decoration: none; }
.home .about a:visited, .home .about a:hover { color: #fff; /* for ie6*/}
.home a:hover { text-decoration: underline; }
.home .places ul { list-style-type:none; padding: 2px 12px; line-height: 130%!important; }
.home .about { width:220px; height:150px; float:left; margin:5px 10px; background: #74B637 url(uploads/77/about.gif) left top no-repeat; position: relative; color: #fff; overflow: hidden}
.home .about h2 span { display:inline-block; background:url(uploads/77/about_logo.gif) no-repeat top; height:18px; vertical-align:bottom; width:58px; text-indent:-8000px; overflow:hidden; }
.home .about p.text {	 padding:3px 10px; line-height:125%; }
.home .banners { clear: both; }
.home .banners div { float: left; margin:5px 10px 10px 10px; display: inline; }
.home .available {
	float:left;
	margin:0 10px 5px;
	width:700px;
}
.home .feed {
	font-size:medium;
}
.home .feed h2.heading a {
	text-decoration:none;
}
.home .feed h2.heading a:hover {
	text-decoration:underline;
}
.home .feed .rssbutton {
	padding-top:5px;
	float:right;
}
.didyouknow h2.heading a { color: #fff; text-decoration: none;}
.didyouknow h2.heading a:hover { text-decoration:underline; }
.item h3.heading { }


.home p.more a { font-size: x-small; text-transform: lowercase; position: absolute; right: 10px; bottom: 6px; }

.home .givetake { position:relative;width:220px; height:150px; float:left; margin:5px 10px; background: #4B7095 url(uploads/77/givetake.png?v2) left top no-repeat; color: #fff; }
.home .givetake a { color: #fff; text-decoration: none; }
.home .givetake a:hover { text-decoration:underline; }
.home .givetake h2 { display:inline; padding:0; margin:0; }
.home .givetake h2 a { font-size: 160%; display: block; padding-top: 3px; color:#111; width:70px; height:27px; text-align:center; } 

.home .give h2 a { position:absolute; top:10px; left:8px; }
.home .take h2 a { position:absolute; bottom:10px; right:10px; }
.home .give p.text { padding-left:85px; }
.home .give, .home .take { height: 75px; overflow: hidden;}
.home .take p.text { padding-right:85px; }
.home .take { clear:left; height: 50px; padding-top: 25px; }

.home .take h2 { float: right; }

div.steps { width: 700px; height: 200px; background: transparent url(uploads/77/steps_giving_5.png); text-indent: -88888px; overflow: hidden; }
div.steps-take { background-image:url(uploads/77/steps_taking_2.png); }
div.steps ol, div.steps li { padding:0; list-style-type:none; }
div.steps li, div.steps li a { width: 233px; height: 150px; float: left; display: inline-block; }

/* Pagination */

ul.pagination { line-height: 150%; margin: 0; padding: 0; color: #036; font-size: small; width: auto; float: right; }
ul.pagination li { display: inline; padding: 0 4px 0 0; }
ul.pagination .highlight { font-weight: bold; }
p.items a, ul.pagination a { padding: 2px 4px; background: #eee; }
p.items { line-height: 150%; margin: 0; padding: 0 4px 0 0; color: #036; font-size: small; width: 19em; float: left; }

/* Edit tools */

.editbuttons { padding: 5px; margin-bottom: 5px; border-bottom: 1px solid #eee;}

/* Control Panel */

.cp-control-panel fieldset { width: 250px; float: left; margin-right: 10px; height: 17.5em;}
.cpadmin h2 { clear: left; }
.cp-control-panel-single-group fieldset { width: auto; float: none;}
.cp-control-panel-single-group .cp-settings ul { padding-top: 30px; }
.cp-control-panel-single-group .cp-settings li { list-style-type: none; float: left; background: transparent url(uploads/77/icon_content.png) left top no-repeat; margin-right: 30px; }
.cp-control-panel-single-group .cp-settings li a { width: 240px; height: 200px; overflow: hidden; text-indent: -8888px; display: block; }
.cp-control-panel-single-group .cp-settings li.first { background: transparent url(uploads/77/icon_details.png) left top no-repeat; }
.cp-control-panel-single-group .cp-settings li.last { background: transparent url(uploads/77/icon_notice.png) left top no-repeat; }
form#admin .fm-footer { clear: both; }

.cpadmin p { padding: 5px 0; }
.cpadmin em { font-weight: bold; font-size: 120%; color: #523672; }

.cpadmin h2 { clear: both; }

.adminform { padding: 0 20px; }

.map p.description {
	padding:5px 0;
	font-style:italic;
}

.quote {
	clear:both;
	border-bottom:5px solid #F4F4F4;
	padding:15px 0 5px;
}

.quotation blockquote {
	font-style:italic;
}

form fieldset .requiredmessage {
	float:right;
}

/*
Freeuse LA
*/
.freeusela .header h1.heading a { background-image:url(uploads/77/freeusela.png); width:277px; }
.freeusela #search { border-top: 1px solid #75b21f; background: #b0d779 url(uploads/77/la_searchbg.png) bottom no-repeat; }
.freeusela .quick-searches { background-image:url(uploads/77/la_searches.png) }
.freeusela .quick-searches .inner { background-image:url(uploads/77/la_searches_bot.png); }
.freeusela .quick-searches h3 { background-image: url(uploads/77/la_searches_shim.png);}
.content hr { border:none; color:#FFF; background:#FFF; padding:8px; margin:0; clear:both; }
.freeusela .home .img { padding-bottom:10px; }
/*
	Sliders
*/
form.editform table.slider { border-collapse:collapse; border:1px solid #DDD; margin-bottom:5px; }
form.editform table.slider th { font-size:smaller; background:#EEE;  border:1px solid #DDD; }
form.editform table.slider td { background:#F4F4F4; border:none; border:1px solid #DDD; }
form.editform table.slider td.slider div { margin:10px auto; }
form.editform table.slider .labels td { font-size:smaller; vertical-align:top; color:#999; }
form.editform table.slider .labels td strong { color:#000; }
.slider .ui-slider-horizontal { background:url(uploads/77/slider.gif); }