body { margin: 20; background: #E1E1E1 url( "images/BackgroundTile.jpg" ) repeat-x; font: 10px verdana, arial, sans-serif; text-align: center; }
p, h1, h2, h3, h4, h5, a, img { margin: 0; border: 0; vertical-align: bottom; }
a:link, a:visited { text-decoration: none; color: black; }
a:hover { text-decoration: underline; color: black; }
.Form { padding: 0px; margin: 0px; }

#OuterContainer { background: white url( "images/BorderLeft.gif" ) top left no-repeat; min-width: 754px; width: expression(document.body.clientWidth < 794? "754px" : "auto" ); }
#InnerContainer { background: url( "images/BorderRight.gif" ) top right no-repeat; margin-left: 3; padding-right: 3px; min-height: 478px; text-align: center; }
#BorderBottom { background: white url( "images/BorderBottom.gif" ) bottom repeat-x; height: 10px; }
.CornerRight { display: block; float: right; }
.CornerLeft { display: block; float: left; }


#Links a:link, #Links a:visited, #Links a:hover { color: white; font-weight: bold; }
#Links { vertical-align: bottom; text-align: right; background: #215FD0 url( "images/topnav/logotop.jpg" ) no-repeat; color: white; }

#topnav	{ text-align: left; height: 57px; background: url("images/topnav/bdrbottom.gif") bottom repeat-x #215FD0; }
#topnav .logo	{ float: left; margin-right: 3px; }
#topnav p	{ padding-top: 11px; font: 13px verdana, arial, sans-serif; font-weight: normal; color: white; }
#topnav h1	{ font: 10px verdana, arial, sans-serif; font-weight: normal; color: white; }
#topnav div	{ text-align: center; padding-right: 20px; float: right; width: 120px; font: 9px verdana, arial, sans-serif; color: white; padding-top: 10px; }
#Search { padding-left: 110px; padding-top: 1px; background: url("images/topnav/logobottom.gif") top left no-repeat #F4F4F4; border-bottom: 1px #CCCCCC solid; }
#Search input { vertical-align: top; }
#Search .search { padding: 1px 2px 0 2px; width: 158px; vertical-align: top; margin: 3px 4px 0 0; height: 18px; font: 11px verdana, arial, sans-serif; border: 1px #C0C0C0 solid; }
#Search .postcode { padding: 1px 2px 0 2px; width: 158px; vertical-align: top; margin: 3px 0 0 0; height: 18px; font: 11px verdana, arial, sans-serif; border: 1px #C0C0C0 solid; }
#Search .error	{ margin-bottom: 4px; color: Red;}
#Search .from	{ display: inline; display: none; }
#Search .advanced { float: right; background: url("images/topnav/searcharrow.gif") right 5px no-repeat; padding-right: 10px; color: #666666; margin-top: 6px; margin-right: 4px; }

#UpperAds { text-align: center; padding: 6px; }
#LeftAds { margin: 15px 10px 10px 10px; }
#Footer { clear: both; text-align: center; line-height: 130%; font: 10px verdana, arial, sans-serif; margin-top: 4px; }

#cols { border-collapse: collapse; font-size: 10px; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; height: 1%; width: 100%; }
#cols td { padding: 0; vertical-align: top; }
#leftcol { width: 164px; border-right: 1px solid #cccccc; }
#centre { border-collapse: collapse; width: 100%; font-size: 10px; height: 100%; }
#main { width: 60%; }
#rightcol { width: 40%; border-left: 1px solid #cccccc; }
#rightcol #map { background: #99b3cc; width: 100%; border-bottom: 1px solid #cccccc; height: 390; }

#main .sitemap h3 { margin: 10px; }
#main .sitemap p { margin: 0 10px 10px 10px; }
#main .sitemap .hyperlink { text-decoration: underline; }
#main .sitemapbdr { border-collapse: collapse; width: 100%; }
#main .sitemapbdr div { width: 8px; height: 1px; }
#main .sitemapbdr td { margin: 0; padding: 0; }
#main .sitemapbdr .middle { width: 100%; }
#main .sitemapbdr .middle h4 { margin-left: 2px; font-size: 12px; font-weight: normal; color: #656565; }
#main .letters { width: 100%; border-collapse: collapse; }
#main .letters td { width: 3.8%; text-align: center; font: 11px verdana, arial, sans-serif; font-weight: bold; padding: 0 2px 0 2px; }
#main .letters a { color: gray; }

#main .group { border-collapse: collapse; width: 100%; margin-top: 10px; font-size: 10px; }
#main .group td { width: 25%; padding: 1px 2px 1px 2px; }
#main .group a { font: 10px verdana, arial, sans-serif; }

#categories h3 { font-size: 14px; font-weight: normal; color: #656565; }

#categories .categories, #categories .categories table { border-collapse: collapse; width: 100%; }
#categories .categories td { font-size: 10px; padding: 0px; }
#categories .categories .onecol { width: 34%; }
#categories .categories .twocol { width: 66%; }
#categories .categories .item { padding: 0px 10px 0 10px; }
#categories .categories .item p { font-size: 11px; margin-bottom: 5px; }
#categories .categories .item a { display: block; padding-left: 16px; }
#categories .categories .title { padding: 10px 10px 8px 10px; }
#categories .categories .blue .item a { background: url( "images/BulletBlue.gif" ) 1px 3px no-repeat; }
#categories .categories .orange .item a { background: url( "images/BulletOrange.gif" ) 1px 3px no-repeat; }
#categories .categories .grey .item a { background: url( "images/BulletGrey.gif" ) 1px 3px no-repeat; }

#main h1 { font-size: 14px; font-weight: normal; color: #656565; margin: 10px 0 0 10px; }
#main h3 { font-size: 14px; font-weight: normal; color: #656565; }

#main .categories, #main .categories table { border-collapse: collapse; width: 100%; }
#main .categories td { font-size: 10px; padding: 0px; }
#main .categories .onecol { width: 34%; }
#main .categories .twocol { width: 66%; }
#main .categories .item { padding: 0px 10px 0 10px; }
#main .categories .item p { font-size: 11px; margin-bottom: 5px; }
#main .categories .item a { display: block; padding-left: 16px; }
#main .categories .title { padding: 10px 10px 8px 10px; }
#main .categories .blue .item a { background: url( "images/BulletBlue.gif" ) 1px 3px no-repeat; }
#main .categories .orange .item a { background: url( "images/BulletOrange.gif" ) 1px 3px no-repeat; }
#main .categories .grey .item a { background: url( "images/BulletGrey.gif" ) 1px 3px no-repeat; }


#main .trail td { padding: 10px 10px 8px 10px; text-align: left; }
#main .trail p { display: inline; font-size: 11px; }
#main .trail img { margin-bottom: 3px; margin-right: 1px; }
#main .trail a { color: #656565; font-size: 14px; margin-right: 2px; }

#main .list { border-collapse: collapse; font-size: 10px; width: 100%; }
#main .list td { padding-top: 6px; padding-bottom: 6px; }
#main .list .details div { width: 65px; margin: 0 10px 0 6px; text-align: right; }
#main .list .details p { color: gray; }
#main .list .details .price { color: black; }
#main .list .title { font-weight: bold; }
#main .list .blue a { color: #215FD0; }
#main .list .item .blue span { font-weight: normal; color: #215FD0; }
#main .list .orange a { color: #CD7B00; }
#main .list .item .orange span { font-weight: normal; color: #CD7B00; }
#main .list .grey a { color: #656565; }
#main .list .image { padding: 6px 0px 6px 10px; }
#main .list .image div { width: 50px; margin-right: 6px; }
#main .list .item { width: 100%; }
#main .list .image, #main .list .item, #main .list .details { border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
#main .list .selected td { background-color: #F0F0F0; }

#feature		{ background: url("images/tly.gif") top left no-repeat; font-size: 10px; background-color: #F7EBD9; margin: 10px 10px 2px 10px; }
#feature .bl		{ background: url("images/bly.gif") bottom left no-repeat; }
#feature .br		{ background: url("images/bry.gif") bottom right no-repeat; }
#feature .tr		{ background: url("images/try.gif") top right no-repeat; padding: 8px; _height: 1%; }
#feature .one		{ display: block; width: 100%; }
#feature .onecol    { display: block; width: 100%; margin-bottom: 8px; }
#feature .onecollast{ display: block; width: 100%; }
#feature .left		{ float: left; width: 50%; _margin-right: -3px; }
#feature .right		{ float: right; width: 50%; _display: block; _width: 100%; _float: none; }
#feature .mleft		{ float: left; width: 50%; clear: both; _margin-right: -3px; background: url("images/lline.gif") right 8px repeat-x; padding-top: 16px; }
#feature .mright	{ float: right; width: 50%; _display: block; _width: 100%; _float: none; background: url("images/rline.gif") left 8px repeat-x; padding-top: 16px; }
#feature .vborder	{ background: url("images/vline.gif") 50% top repeat-y; }
#feature img		{ float: left; margin-right: 8px; border: 0; }
#feature p		{ margin: -1px 0 0 0; padding: 0 8px 0 58px; font-size: 10px; }
#feature .price		{ font-weight: bold; margin-top: 3px; }
#feature .right img, #feature .mright img { margin-left: 8px; }
#feature .right p, #feature .mright p { padding: 0 0 0 66px; }
#feature .clear		{ display: block; height: 0px; clear: both; }
.credit	{ text-align: right; color: gray; font-size: 10px; margin: 3px 8px 0 0; }


#main .placead { padding: 10px 10px 10px 10px; }
#main .placead h3 { font: 15px verdana, arial, sans-serif; color: #656565; margin-bottom: 3px; }
#main .placead p { font: 12px verdana, arial, sans-serif; color: #656565; font-weight: bold; margin-bottom: 6px; }
#main .placead span { display: block; text-align: right; margin-bottom: 2px; }

#main .notice	{ padding: 10px 10px 0px 10px; }
#main .notice h3 { display:block; font: 12px verdana, arial, sans-serif; padding:10px 0 10px 0px; border-bottom: 1px solid #EDEDED; border-top: 1px solid #EDEDED; }

#main .header { padding: 10px; }
#main .header h4 { font-size: 14px; font-weight: normal; color: #656565; }
#main .header p { margin-bottom: 10px; }
#main .rss { display: block; margin: 10px 0 0 10px; vertical-align:middle; }
#main .rss a { vertical-align:middle;}

#main .results { padding: 0px 10px 6px 10px; }
#main .results select { font-size: 10px; float: right; margin-top: -4px; }
#main .results h4 { font-size: 14px; font-weight: normal; color: #656565; margin-bottom: 5px; }
#main .results .searchtext { margin-bottom: 8px; }
#main .results .searchtext a { display: block; background: url("images/save.gif") 0px 1px no-repeat; margin-top: 8px; padding: 0 0 0 14px; color: #656565; text-decoration: underline; }
#main .rss { display: block; margin: 10px 0 0 10px; vertical-align:middle; }
#main .rss a { vertical-align:middle;}
#main .saved { display: block; background: url("images/saved.gif") 0px 1px no-repeat;  margin-top: 8px; padding: 0 0 0 14px; color: #B1B1B1; }

#main .paging { margin: 6px 10px 8px 0; }
#main .paging p { display: inline; color: gray; }
#main .paging a { display: inline; color: black; text-decoration: underline; }
#main .paging select { float: right; font: 10px verdana, arial, sans-serif; }
#main .paging { padding-top: 4px; font: 10px; }
#main .paging { padding-top: 0px; text-align: right; }

#main .searchresults .search { text-decoration: underline; color: gray; }

#rightcol .list { border-collapse: collapse; font-size: 10px; margin: 10px 10px 5px 10px; }
#rightcol .list .image { width: 50px; padding-right: 5px; }
#rightcol .list .image div { width: 50px; height: 50px; background-color: #cccccc; }
#rightcol .list td { padding-top: 5px; padding-bottom: 5px; border-top: 1px solid #EDEDED; }
#rightcol .list .description	{ padding-right: 5px; }
#rightcol .list .heading td { border-top: none; padding-top: 0px; color: #656565; }
#rightcol .list .heading td a { color: #656565; }

#rightcol .exchange	{ padding: 10px 10px 6px 10px; }
#rightcol .exchange	h3 { font-size: 14px; font-weight: normal; color: #656565; margin-bottom: 10px; }
#rightcol .exchange p	{ margin-bottom: 6px; }
#rightcol .exchange a	{ color: #215FD0; text-decoration: underline; }
#rightcol .exchange .hyperlink	{ font-family: Courier New, Courier, mono; padding-top: 6px; }
#rightcol .ads	{ padding: 10px; }
#rightcol .rule	{ height: 1px; background: #d7d7d7; margin-left: 10px; margin-right: 10px; }

#main .Detail { font-size: 11px; padding: 0px 10px 10px 10px; }
#main .Detail h4 { font-size: 15px; font-weight: normal; margin-bottom: 8px; }
#main .blue h4 { color: #215FD0; }
#main .orange h4 { color: #CD7B00; }
#main .Detail p { margin-top: 8px; }
#main .Detail .rule { margin-top: 8px; margin-bottom: 8px; height: 1px; background-color: #cccccc; }
#main .Detail .Thumbs img { margin: 2px 2px 2px 0; cursor: pointer; }
#main .Detail .review .reviewer { color: gray; }
#main .Detail .review .title { font-weight: bold; color: #555555; }
#main .Detail .Advertiser { width: 356px; margin-bottom: 4px; margin-top: 8px; text-align: right; }
#main .Detail .Friend { width: 356px; margin-bottom: 4px; margin-top: 8px; text-align: right; }
#main .Detail .Advertiser input, #main .Detail .Friend input { font: 11px verdana, arial, sans-serif; width: 236px; vertical-align: top; margin-bottom: 4px; }
#main .Detail .Advertiser .submit, #main .Detail .Friend .submit { width: 70px; margin-bottom: 0px; margin-top: 4px; }
#main .Detail .Advertiser textarea, #main .Detail .Friend textarea { font: 11px verdana, arial, sans-serif; width: 236px; height: 80px; vertical-align: top; }
#main .Detail .sectionheading	{ margin-top: 12px; }

#main .Detail .addreview { margin-bottom: 4px; margin-top: 5px; }
#main .Detail .addreview div { width: 356px; text-align: right; margin-top: 10px; }
#main .Detail .addreview input { font: 11px verdana, arial, sans-serif; }
#main .Detail .addreview select { font: 11px verdana, arial, sans-serif; vertical-align: top; }
#main .Detail .addreview .comments { font: 11px verdana, arial, sans-serif; width: 236px; height: 140px; vertical-align: top; margin-bottom: 4px; }
#main .Detail .addreview .title { width: 236px; vertical-align: top; margin-bottom: 4px; }

#main .Detail .save { display: block; background: url("images/save.gif") 0px 2px no-repeat; margin-top: 8px; padding: 0 0 0 15px; color: #656565; text-decoration: underline; }
#main .Detail .saved { display: block; background: url("images/saved.gif") 0px 2px no-repeat;  margin-top: 8px; padding: 0 0 0 15px; color: #B1B1B1; }

#main .Detail .report { display: block; background: url("images/save.gif") 0px 2px no-repeat; margin-top: 8px; padding: 0 0 0 15px; color: #f11800; text-decoration: underline; }
#main .Detail .reported { display:block; margin-top: 8px; padding: 0 0 0 15px; color: #f11800; }

#leftcol .heading { font-size: 14px; font-weight: normal; margin: 10px 10px 8px 10px; color: #656565; }

#EventsCalendar { width: 132; margin: 0px 6px 0px 6px; }
#EventsCalendar td { text-align: center; padding: 3 0 4 0px; font: 10px verdana, arial, sans-serif; color: #333333; height: 17px; }
#EventsCalendar a { color: #333333; text-decoration: none; }
#EventsCalendar a:hover { text-decoration: underline; }
#EventsCalendar .weekend a { font-weight: bold; color: #656565; }
#EventsCalendar .today { background: url( "images/caltoday2.gif" ) center center no-repeat; }
#EventsCalendar .selected { background: url( "images/calselect.gif" ) center center no-repeat; }

#leftcol .filter h4	{ font-size: 14px; font-weight: normal; margin: 10px 10px 8px 10px; color: #656565; }
#leftcol .filter p { margin: 0 10 10 10px; }
#leftcol .filter .save { display: block; margin: 0 10 10 10px; padding-left: 15px; background: url("images/Save.gif") 1px 1px no-repeat; }
#leftcol .filter .saved { display: block; margin: 0 10 10 10px; padding-left: 15px; background: url("images/Saved.gif") 1px 1px no-repeat; color: #cccccc;}

#leftcol .months { list-style-type: none; margin: 5px 8px 0px 8px; padding: 0; }
#leftcol .months li { margin-bottom: 5px; padding-left: 7px; background: url("images/smallbull.gif") 1px 3px no-repeat; }

#leftcol .towns { list-style-type: none; margin: 0 10px 12px 10px; padding: 0; }
#leftcol .towns li { font-size: 11px; margin-bottom: 5px; padding-left: 16px; background: url("images/bulletgrey.gif") 1px 3px no-repeat; }

#leftcol .orangematching { font-size: 10px; list-style-type: none; margin: 0 8px 0 8px; padding: 0; color: #333333; }
#leftcol .bluematching { font-size: 10px; list-style-type: none; margin: 0 8px 0 8px; padding: 0; color: #333333; }
#leftcol .bluematching li { margin-bottom: 5px; padding-left: 14px; background: url("images/bulletblue.gif") 0px 2px no-repeat; }
#leftcol .orangematching li { margin-bottom: 5px; padding-left: 14px; background: url("images/bulletorange.gif") 0px 2px no-repeat; }

#leftcol .rule { margin: 10px; height: 1px; background-color: #EDEDED; }
#leftcol .selectedmonth { margin: 0 8px 5px 8px; }

#leftcol .viewed { list-style-type: none; margin: 10; padding: 0; }
#leftcol .viewed li { margin-bottom: 5px; padding-left: 7px; background: url("images/smallbull.gif") 1px 3px no-repeat; }
#leftcol .viewed span { color: #656565; }

#leftcol .control	.heading { display: block; margin: 0px 0px 6px 0px; padding: 1px 8px 0px 8px; height: 18px; font-size: 11px; color: white; background: url("images/controltop.gif") top no-repeat; }
#leftcol .control	{ background: url("images/controlbottom.gif") bottom no-repeat #E2EAF9; margin: 10px 10px 0px 10px; width: 144px; padding-bottom: 6px; }

#leftcol .classcontrol .heading { display: block; margin: 0px 0px 6px 0px; padding: 1px 8px 0px 8px; height: 18px; font-size: 11px; color: white; background: url("images/classcontroltop.gif") top no-repeat; }
#leftcol .classcontrol { background: url("images/classcontrolbottom.gif") bottom no-repeat #F8ECDA; margin: 10px 0px 0px 10px; width: 144px; padding-bottom: 6px; }

.Weblinks	{ width: 100%; font-size: 9px; margin-top: 5px; margin-bottom: 5px; }
.Weblinks	td { text-align: center; padding-left: 6px; padding-right: 6px; color: #444444; vertical-align: top; width: 18%; }
.Weblinks .space { width: 10px; }
.Weblinks .title { font-weight: bold; color: #666666; }
.Weblinks a { color: #444444; }
.Weblinks .title a { color: #666666; }