body
{
    margin: 0px 10px;
	padding: 0px;
	text-align: center;
	font-family: Verdana;
	font-size: small;
}
body.main
{
    width: 780px;
    margin-left: auto;
	margin-right: auto;
}

body div
{
	text-align: left;	
}

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

input.button
{
	padding: 1px 10px 1px 10px;
	font-family: Verdana;
	font-weight: bold;
	font-size: smaller;
}
input.largebutton
{
	--padding: 3px 10px 3px 10px;
	font-family: Verdana;
	font-weight: bold;
	font-size: small;
}
input.textbox
{
	font-family: Verdana;
	font-weight: normal;
	font-size: smaller;
}
select
{
	font-family: Verdana;
	font-weight: normal;
	font-size: smaller;
}

h3
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: large;
	font-weight: normal;
	color: #666666;
}

p.centred
{
    text-align: center;
}

a.largelink
{
    font-family: Verdana;
    font-weight: bold;
    font-size: medium;
    --color: #CC6600;
}
a.largelink:visited
{
    --color: #CC6600;
}

img
{
	border: none;
}

u.fakelink
{
    color: #0000FF;
}

.warning
{
    color: #FF0000;
}
.success
{
    font-weight: bold;
    color: #71BB00;
    text-align: center;
}

hr
{
    height: 1px;
    color: #CCCCCC;
}

/*** HEADER AND FOOTER ***/

#header
{
}
#header img.headerlogo
{
	float: left;
	margin: 10px;
}
#header img.headerbanner
{
	float: right;
	margin: 10px;
}
#header #rsslink
{
    float: right;
    margin-right: 15px;
    margin-top: 60px;
}
#header #rsslink a
{
    font-size: smaller;
    text-decoration: none;
}
#header #rsslink a:hover
{
    text-decoration: underline;
}

#footer
{
    margin: 0px;
    padding: 5px 0px 30px 0px;
	clear: left;
	border-top: 1px solid #CCCCCC;
	font-size: smaller;
	color: #666666;
	text-align: justify;
}
#footer p
{
   margin: 0px 0px 10px 0px; 
}
#footer a
{
    color: #333333;
}


/*** MENUS ***/

#mainmenu
{
	clear: both;
	background: #E3FC83 url("/g/bg_mainmenu_fade.gif") top repeat-x;
	border-bottom: 1px solid #B8E405;
	margin: 0px;
	max-height: 200px;
}
#mainmenu .inner1
{
	background: url("/g/bg_mainmenu_leftcorner.gif") top left no-repeat;
	width: 100%;
}
#mainmenu .inner2
{
	background: url("/g/bg_mainmenu_rightcorner.gif") top right no-repeat;
	width: 100%;
}

#mainmenu ul
{
	background: url("/g/bg_mainmenu_leftcorner.gif") top left no-repeat;
	margin: 0px;
	padding: 6px 14px 8px 14px;
	height: 20px;
	list-style: none;
}
#mainmenu ul li
{
	float: left;
	margin: 0px 14px;
}
#mainmenu ul li a
{
	display: block;
	background-repeat:no-repeat;
	background-position: center top;
	height: 20px;
}
#mainmenu ul li a span
{
	display: none;
}

#mainmenu_home a
{
	background-image: url("/g/l_mainmenu_home.gif");
	width: 51px; 
}
#mainmenu_findit a
{
	background-image: url("/g/l_mainmenu_findit.gif");
	width: 124px; 
}
#mainmenu_giveit a
{
	background-image: url("/g/l_mainmenu_giveit.gif");
	width: 130px; 
}
#mainmenu_register a
{
	background-image: url("/g/l_mainmenu_register.gif");
	width: 69px; 
}
#mainmenu_signin a
{
	background-image: url("/g/l_mainmenu_signin.gif");
	width: 63px; 
}
#mainmenu_signout a
{
	background-image: url("/g/l_mainmenu_signout.gif");
	width: 76px; 
}
#mainmenu_myaccount a
{
	background-image: url("/g/l_mainmenu_myaccount.gif");
	width: 107px; 
}
#mainmenu_help a
{
	background-image: url("/g/l_mainmenu_help.gif");
	width: 40px; 
}

#titlearea
{
    
}
#titlearea h2
{
    float: left;
    margin: 0px;
    padding: 0px 0px 6px 10px;
    font-size: large;
}
#titlearea h4
{
    clear: left;
    margin: 0px;
    padding: 0px 0px 6px 10px;
    font-size: small;
    font-weight: normal;
}
#titlearea br
{
    clear: both;
    display: block;
    height: 0px;
}

.titleareasearch
{
    float: right;
	padding: 4px 10px 6px 10px;
	font-family: Verdana;
	font-weight: bold;
	font-size: small;
	text-align: right;
}
.maintitleareasearch
{
    float: none;
    padding: 4px 10px 6px 10px;
	font-family: Verdana;
	font-weight: bold;
	font-size: small;
    text-align: center;
}
.titleareasearch input.textbox, .maintitleareasearch input.textbox
{
	width: 200px;
}
.titleareasearch select
{
	width: 240px;
}




/*** LEFT PANEL ***/

.leftpanel
{
	float: left;
	display: inline;
	margin: 0px 10px 30px 0px;
}
#mainleftpanel
{
    width: 140px;
}
#finditleftpanel
{
    width: 260px;
}

.leftpanel .menu
{
    background: url("/g/bg_leftpanel_title_r.gif") top right no-repeat;
    margin-top: 10px;
}
#finditleftpanel .menu
{
    position: relative;
    top: -10px;
    width: 260px;
}

.leftpanel .menu h4
{
	background: url("/g/bg_leftpanel_title_l.gif") top left no-repeat;
	margin: 0px 14px 0px 0px;
	padding: 4px 0px 4px 8px;
	font-size: medium;
	font-weight: normal;
	color: #666666;
}

.leftpanel .menu h5
{
    margin: 0px;
    padding: 10px 0px 2px 5px;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    font-size: small;
}

.leftpanel .menu ul, .leftpanel .menu table
{
	margin: 0px;
	padding: 5px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	list-style: none;
}
.leftpanel .menu ul li
{
	margin: 0px;
	padding: 2px 0px 2px 0px;
}
.leftpanel #mm_CommercialandIndustrial a
{
    display: -moz-inline-box;
    display: inline-block;
    background: url("/g/mm_commercial.gif") top left no-repeat;
    width: 114px;
    height: 32px;
}
.leftpanel #mm_Domestic a
{
    display: -moz-inline-box;
    display: inline-block;
    background: url("/g/mm_domestic.gif") top left no-repeat;
    width: 85px;
    height: 16px;
}
.leftpanel #mm_CommercialandIndustrial li a, .leftpanel #mm_Domestic li a
{
    display: inline;
    background: none;
    width: auto;
    height: auto;
}
.leftpanel #mm_CommercialandIndustrial a span, .leftpanel #mm_Domestic a span
{
    display: none;
}
.leftpanel .menu ul li ul
{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	border: none;
	width: auto;
}
.leftpanel .menu ul li ul li
{
	margin: 0px;
	padding: 0px;
	font-size: smaller;
}
.leftpanel .menu a
{
	text-decoration: none;
}
.leftpanel .menu a:hover
{
	text-decoration: underline;
}
.leftpanel .menu td
{
    vertical-align: top;
    padding: 0px 0px 5px 5px;
}

.leftpanel .adspace ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.leftpanel .adspace ul li
{
    margin: 10px 0px 0px 0px;
    padding: 0px;
}

.leftpanel .menu span.itemcount
{
    font-size: smaller;
    font-style: italic;
    color: #999999;
}

.leftpanel .rss
{
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}
.leftpanel .rss table
{
    margin: 0px;
	padding: 0px;
	border: none;
}
.leftpanel .rss td
{
    border-bottom: 1px solid #CCCCCC;
    padding: 5px;
}


li#sm_summary
{
    background: url("/g/i_summary_small.gif") center left no-repeat;
    padding-left: 24px;
}
li#sm_giveit
{
    background: url("/g/i_listed_small.gif") center left no-repeat;
    padding-left: 24px;
}
li#sm_makecontact
{
    background: url("/g/i_messageout_small.gif") center left no-repeat;
    padding-left: 24px;
}
li#sm_myitems
{
    background: url("/g/i_edit_small.gif") center left no-repeat;
    padding-left: 24px;
}
li#sm_contacthistory
{
    background: url("/g/i_contacthistory_small.gif") center left no-repeat;
    padding-left: 24px;
}
li#sm_mydetails
{
    background: url("/g/i_mydetails_small.gif") center left no-repeat;
    padding-left: 24px;
}
li#sm_mylocations
{
    background: url("/g/i_mylocations_small.gif") center left no-repeat;
    padding-left: 24px;
}
li#sm_mypreferences
{
    background: url("/g/i_mypreferences_small.gif") center left no-repeat;
    padding-left: 24px;
}
li#sm_changepassword
{
    background: url("/g/i_changepassword_small.gif") center left no-repeat;
    padding-left: 24px;
}
li#sm_changequestion
{
    background: url("/g/i_changequestion_small.gif") center left no-repeat;
    padding-left: 24px;
}



/*** CONTENT ***/

.content
{
	margin: 0px 0px 30px 0px;
}
#maincontent
{
	margin: 0px 10px 0px 150px;
	padding: 10px 0px 0px 0px;
}
#fullcontent
{
	margin: 0px 10px 0px 10px;
	padding: 10px 0px 0px 0px;
}

.content table.form
{
    display: table;
    text-align: left;
}
.content table.form td
{
    padding: 5px 10px;
    vertical-align: top;
}
.content .req
{
    font-weight: bold;
}
.content a.sidelink
{
    display: block;
    font-size: small;
    font-weight: normal;
    /*text-align: right;*/
    font-style: italic;
}
.content .wizardnav
{
    margin-top: 10px;
    text-align: right;
}
.content h3 span
{
	color: #CC6600;
}

span.note
{
    display: block;
    color: #999999;
    font-size: smaller;
    font-weight: normal;
}
span.privacynote
{
    display: block;
    background: url("/g/i_privacy.gif") top left no-repeat;
    margin: 5px;
    padding-left: 30px;
    min-height: 18px;
    color: #00CC00;
    font-size: smaller;
    font-weight: normal;
}

.valsummary
{
    margin: 0px 0px 15px 0px;
    color: #FF0000;
}

.register
{
	margin: 0px 0px 30px 0px;
	text-align: center;
}
#homeregister
{
	float: left;
	margin: 20px 0px 0px 0px;
	text-align: left;
	max-width: 50%;
}
#homeregister a
{
	font-size: large;
	color: #CC6600;
}
.register h4
{
    margin: 10px 0px 20px 10px;
    font-size: medium;
    font-weight: normal;
    color: #CC6600;
}
.register table
{
    display: inline;
    text-align: left;
}
.register .accept
{
    margin: 5px 0px;
    padding: 0px;
    width: 100%;
    border-collapse: collapse;
}
.register .accept tr
{
    background: url("/g/bg_thinfade_down.gif") top repeat-x;
}
.register .accept tr td
{
    padding: 10px;
}

.signin
{
    text-align: center;
}
#homesignin
{
    float: right;
    text-align: right;
    max-width: 50%;
}
.signin table
{
    display: inline;
}
.signin h3
{
	margin-right: 4px;
}
.signin p
{
	margin: 4px;
	padding: 0px;
	text-align: right;
}










#whatsitallabout
{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 630px;
}
#whatsitallabout h2
{
	background: url("/g/t_whatsitallabout.gif") top left no-repeat;
	margin: 0px;
	padding: 0px;
	width: 630px;
	height: 27px;
}
#whatsitallabout h2 span
{
	display: none;
}
#whatsitallabout div
{
    margin: 0px;
    padding: 20px 10px 10px;
	border: 1px solid #CCCCCC;
	border-top: none;
}
#whatsitallabout p
{
    margin: 0px 0px 10px 0px;
}

#toon
{
    float: left;
    margin-top: 20px;
}

#howitallworks
{
	float: left;
	background: url("/g/bg_home_pics.jpg") top center no-repeat;
	margin: 10px 0px 30px 0px;
	padding: 65px 0px 0px 0px;
	width: 630px;
}
#howitallworks h2
{
	background: url("/g/t_howitallworks.gif") top left no-repeat;
	margin: 0px;
	padding: 0px;
	width: 630px;
	height: 27px;
}
#howitallworks h2 span
{
	display: none;
}
#howitallworks div.inner
{
    float: left;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}
#howitallworks div.domestic, #howitallworks div.commercial
{
    float: left;
    padding-left: 10px;
    width: 300px;
    border: none;
}
#howitallworks div.commercial
{
    padding-right: 8px;
}
#howitallworks a.domesticlink
{
    display: block;
    background: url("/g/t_domestic.gif") top center no-repeat;
    margin: 20px 0px 0px 0px;
    width: 300px;
    height: 18px;
}
#howitallworks a.commerciallink
{
    display: block;
    background: url("/g/t_commercial.gif") top center no-repeat;
    margin: 10px 0px 0px 0px;
    width: 300px;
    height: 40px;
}
#howitallworks a.domesticlink h3, #howitallworks a.commerciallink h3
{
    display: none;
}

#fullmap
{
    margin-bottom: 20px;
    width: 100%;
    height: 400px;
}

.homeclear
{
    clear: left;
}




/*** Find It ***/

.breadcrumbs
{
    margin: 5px 0px 5px 0px;
    padding: 0px;
    font-size: smaller;
}

#itemsummary
{
    float: left;
    background: #EEEEEE;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    width: 100%;
    min-height: 212px;
}
#itemsummary img
{
    float: left;
    display: block;
    border: 1px solid #CCCCCC;
    margin: 5px;
    padding: 0px;
}
#itemsummary img.ukmap
{
    border: 1px solid #EEEEEE;
}
#itemsummary img.ukmapmarker
{
    position: relative;
    border: none;
    margin: 0px;
}
#itemsummary #map
{
    float: left;
    display: block;
    border: 1px solid #CCCCCC;
    margin: 5px;
    padding: 0px;
    width: 275px;
    height: 200px;
}
#itemsummary table
{
    float: left;
}
#itemsummary td
{
    padding: 10px 10px 10px 20px;
    vertical-align: text-top;
}
#itemsummary td.summarytitle
{
    font-size: small;
    font-weight: bold;
    white-space: nowrap;
}
#itemsummary ul
{
    float: left;
    display: inline-block;
    margin: 0px;
    padding: 10px 10px 10px 40px;
    list-style: none;
}
#itemsummary li
{
    padding: 0px 0px 10px 0px;
}
#itemsummary li.editlink a
{
    display: inline-block;
    background: url("/g/l_edit.gif") top left no-repeat;
    width: 144px;
    height: 44px;
}
#itemsummary li.takenlink a
{
    display: inline-block;
    background: url("/g/l_taken.gif") top left no-repeat;
    width: 144px;
    height: 44px;
}
#itemsummary li.editlink a span, #itemsummary li.takenlink a span
{
    display: none;
}

#itemdescription
{
    clear: left;
}
#itemdescription h4
{
    background: #E3FC83;
    border: 1px solid #B8E405;
    margin: 0px 0px 20px 0px;
    padding: 5px;
    font-size: small;
}

#itemdescription .itemphotos
{
    margin-top: 20px;
    text-align: center;
}
#itemdescription .itemphotos img
{
    margin: 10px 10px 0px 0px;
}


#itemlist
{
    display: inline-block;
}
#itemlist
{
    display: block;
}
#itemlist.findit
{
    margin-left: 270px;
}
#itemlist h4
{
    background: #EAD5AA;
    border: 1px solid #CC9933;
    margin: 0px;
    padding: 5px;
    font-size: small;
}
#itemlist table
{
    margin: 5px 0px;
    padding: 0px;
    width: 100%;
    border-collapse: collapse;
}
#itemlist thead tr
{
    background: url("/g/bg_thinfade_up.gif") bottom repeat-x;
}
#itemlist tbody tr
{
    vertical-align: middle;
}
#itemlist tbody tr.odd
{
    background: #FFFFFF;
}
#itemlist tbody tr.even
{
    background: #EEEEEE;
}
#itemlist tbody tr td
{
    border-bottom: 1px solid #CCCCCC;
}
#itemlist tfoot th
{
    background: url("/g/bg_thinfade_down.gif") top repeat-x;
    padding: 8px 2px 4px;
    font-weight: normal;
}
#itemlist td, #itemlist th
{
    margin: 0px;
    padding: 4px 10px;
    text-align: left;
}
#itemlist th.imgcol
{
    width: 66px;
}
#itemlist img
{
    display: block;
    border: 1px solid #000000;
    width: 64px;
    height: 64px;
}
#itemlist a.itemtitle
{
    display: block;
    margin: 5px 0px;
    font-size: small;
    font-weight: bold;
}
#itemlist span.itemsubtitle
{
    display: block;
    margin: 5px 0px;
    font-size: smaller;
}
#itemlist a.editlink
{
    display: block;
    background: url("/g/i_edit.gif") center left no-repeat;
    padding-left: 35px;
    height: 20px;
}


/*** Give It ***/

#giveit
{
    margin: 0px 0px 30px 0px;
    text-align: center;
}

#giveit select.location
{
    width: 450px;
}

#giveit img.photo
{
    border: 1px solid #CCCCCC;
}

#giveit #itempreview
{
    margin: 30px 0px 0px 0px;
    padding: 5px;
    border: 1px dashed #CCCCCC;
    position: relative;
    right: 150px;
    width: 768px;
}

#giveit #itempreview #previewitemtitles
{
    background: #E3FC83 url("/g/bg_mainmenu_fade.gif") top repeat-x;
	border-bottom: 1px solid #B8E405;
	max-height: 200px;

}
#giveit #itempreview #previewitemtitles h2
{
    margin: 0px;
    padding: 0px 0px 3px 10px;
    font-size: large;
}
#giveit #itempreview #previewitemtitles h4
{
    margin: 0px;
    padding: 0px 0px 3px 10px;
    font-size: small;
    font-weight: normal;
}


/*** My Account ***/

#eventlist, #mylocations
{
    margin: 0px 0px 30px 0px;
}
#eventlist ul, #mylocations ul
{
    background: url("/g/bg_thinfade_up.gif") top repeat-x;
    margin: 5px 0px;
    padding: 8px 0px;
    list-style: none;
}
#eventlist li, #mylocations li
{
    padding: 8px 10px;
    margin: 0px;
    border-bottom: 1px solid #CCCCCC;
}
#eventlist li.listed
{
    background: url("/g/i_listed.gif") top left no-repeat;
    padding-left: 40px;
}
#eventlist li.messagein
{
    background: #E0FFB3 url("/g/i_messagein.gif") top left no-repeat;
    padding-left: 40px;
}
#eventlist li.messageout
{
    background: url("/g/i_messageout.gif") top left no-repeat;
    padding-left: 40px;
}
#eventlist li .message
{
    display: none;
}
#eventlist ul.messageactions
{
    background: none;
    margin: 0px;
    padding: 0px;
}
#eventlist ul.messageactions li
{
    display: inline;
    border: none;
    margin: 0px;
    padding: 0px 15px;
}
#eventlist ul.messageactions li a
{
    font-size: smaller;
    text-decoration: none;
    color: #999999;
}
#eventlist ul.messageactions li a:hover
{
    text-decoration: underline;
}
#eventlist ul.messageactions li.showhide
{
    background: url("/g/i_showhide_small.gif") center left no-repeat;
    padding-left: 28px;
}
#eventlist ul.messageactions li.deletemessage
{
    background: url("/g/i_deletemessage_small.gif") center left no-repeat;
}
#eventlist ul.messageactions li.reply
{
    background: url("/g/i_reply_small.gif") center left no-repeat;
    padding-left: 28px;
}

#mylocations li p
{
    margin: 0px;
    padding: 0px;
}

#messageform
{
    border: 1px solid #CCCCCC;
}
#messageform table
{
    background: #EEEEEE;
    width: 100%;
}
#messageform table td
{
    vertical-align: top;
}
#messageform table span
{
    font-size: smaller;
}

.message
{
    margin: 10px;
    padding: 10px;
    border: 1px dashed #CCCCCC;
    font-family: Courier New;
}

/*** HELP AREA ***/

.help h4
{
    border-bottom: 1px solid #CCCCCC;
    font-size: large;
    font-weight: normal;
    color: #666666;
}
.help h5
{
    border-top: 1px solid #CCCCCC;
    padding-top: 18px;
    font-size: small;
    font-weight: bold;
    color: #666666;
}
.help p, .help li
{
    color: #666666;
    text-align: justify;
}
.help li
{
    margin: 5px 0px;
}