@charset "utf-8";
/* CSS Document */
/* LAYOUT STYLES FOR WHICH? LOCAL */
body { margin: 0; padding: 0; background: #FFFFFF; }

/* SECTION 1: CORE FRAMEWORK */
/* Header */
/* Panel without Search Radius bar */
div#container-header { width: 990px; height: 80px; margin: 0 auto; background: #fff url(/images/bg_container-header.jpg) center bottom no-repeat; }
.which-logo { margin: 19px 0 0 12px; }
div#container-header-lower1 { width: 990px; height: 15px; margin: 0 auto; background: #fff url(/images/bg_container-header-lower1.jpg) no-repeat; }
/* Panel with the Search Radius bar */
div#container-header-lower2 { width: 990px; height: 41px; margin: 0 auto; background: #fff url(/images/bg_container-header-lower2.jpg) no-repeat; }
/* Glowing Warning */
div#container-header-lower2warning { width: 990px; height: 41px; margin: 0 auto; background: #fff url(/images/bg_container-header-lower2warning.jpg) no-repeat; }
/* Panel logged in without the Search Radius bar */
div#container-header-lower3 { width: 990px; height: 41px; margin: 0 auto; background: #fff url(/images/bg_container-header-lower3.jpg) no-repeat; }
div#container-header-lc { float: left; width: 740px; }
div#container-header-sima { float: left; width: 240px; }
div#container-header-search-radius { float: left; width: 500px; text-align:center; }
div#container-header-lower-username { float: right; width: 240px; }

/* Master Container */
div#container { width: 980px; margin: 0 auto; margin-top: 3px; clear:both; }
div#container-left { float: left; width: 230px;  margin: 0 10px 0 0; padding: 0; }
/* Inner Container for Middle and Right Columns*/
div#container-full { float: left; width: 980px; margin: 0; padding: 0; }
div#container-inner { float: left; width: 740px; margin: 0; padding: 0; }
div#container-middle { float: left; width: 500px; margin: 0; padding: 0; }
div#container-right { float: right; width: 230px; margin: 0; padding: 0; }

/* New Styles by Pete and James */
div#container-single { width: 230px;  margin: 0; padding: 0; }
div#container-double { width: 500px;  margin: 0; padding: 0; }
div#container-treble { width: 740px; margin: 0; padding: 0; }






/* Footer */
div#container-footer { background: url(/images/bg_container-footer.jpg) top center no-repeat; width: 990px; margin: 0 auto; margin-top: 10px; padding-top: 10px; height: 70px; }
/* END SECTION 1: CORE FRAMEWORK */


/* SECTION 2: INNER PANELS */
/* Generic elements to all panels */
.full-panel, .large-panel, .medium-panel, .side-panel { background: #FFFFFF; margin: 0 0 10px 0; clear:both; }
.panel-main,.panel-subheader,div { min-width:0; /*IE7 Peekaboo fix*/ }
.panel-header {	padding: 8px 8px 0 8px; height: 30px; background-position:top left; /* Height 38px */ }
.panel-subheader { border-left: 2px solid #ccc; border-right: 2px solid #ccc; padding: 8px 8px 1px 8px; margin: 0; background: #FFFFFF; } 
.panel-main { border-left: 2px solid #ccc; border-right: 2px solid #ccc; padding: 8px 8px 1px 8px; margin: 0; background: #FFFFFF;  }
.panel-footer {	padding: 0; margin: 0; height: 10px; background-position: bottom; }
.panel-header,.panel-footer,.panel-footer-large { background-color: #CCCCCC; background-repeat: no-repeat; }

.full-panel .panel-header { background-image: url(/images/bg_full-panel_panel-header_grey_mask.png); }
.blue-panel.full-panel .panel-header,.red-panel.full-panel .panel-header,.yellow-panel.full-panel .panel-header,.green-panel.full-panel .panel-header 
{ background-image: url(/images/bg_full-panel_panel-header_mask.png); }
.full-panel .panel-footer  { background-image: url(/images/bg_full-panel_panel-footer_mask.png); }

.large-panel .panel-header { background-image: url(/images/bg_large-panel_panel-header_grey_mask.png); }
.grey-panel.large-panel .panel-header, .blue-panel.large-panel .panel-header,.red-panel.large-panel .panel-header,.yellow-panel.large-panel .panel-header,.green-panel.large-panel .panel-header 
{ background-image: url(/images/bg_large-panel_panel-header_mask.png); }
.large-panel .panel-footer { background-image: url(/images/bg_large-panel_panel-footer_mask.png); }
.large-panel .panel-footer-large { background-image: url(/images/bg_large-panel_panel-footer_mask.png); }

.medium-panel .panel-header { background-image: url(/images/bg_medium-panel_panel-header_grey_mask.png); }
.blue-panel.medium-panel .panel-header,.red-panel.medium-panel .panel-header,.yellow-panel.medium-panel .panel-header,.green-panel.medium-panel .panel-header 
{ background-image: url(/images/bg_medium-panel_panel-header_mask.png); }
.medium-panel .panel-footer { background-image: url(/images/bg_medium-panel_panel-footer_mask.png); }

.side-panel .panel-header { background-image: url(/images/bg_side-panel_panel-header_grey_mask.png); }
.blue-panel.side-panel .panel-header,.red-panel.side-panel .panel-header,.yellow-panel.side-panel .panel-header,.green-panel.side-panel .panel-header 
{ background-image: url(/images/bg_side-panel_panel-header_mask.png); }
.side-panel .panel-footer { background-image: url(/images/bg_side-panel_panel-footer_mask.png); }

.large-panel .panel-subheader { background: #ffffff; }

/* Coloured inner panels */
.blue-panel .panel-main, .blue-panel .panel-subheader  { border-color: #0081C6; border-width:0 2px; border-style: solid; } 
.yellow-panel .panel-main, .yellow-panel .panel-subheader  { border-color: #FF9B00; border-width:0 2px; border-style: solid; }
.green-panel .panel-main, .green-panel .panel-subheader  { border-color: #45A586; border-width:0 2px; border-style: solid; } 
.red-panel .panel-main, .red-panel .panel-subheader  { border-color: #ED2732; border-width:0 2px; border-style: solid; } 


.blue-panel .panel-header, .blue-panel .panel-footer, .blue-panel .panel-footer-large  { background-color: #0081C6; }
.yellow-panel .panel-header, .yellow-panel .panel-footer, .yellow-panel .panel-footer-large   { background-color: #FF9B00; }
.green-panel .panel-header, .green-panel .panel-footer, .green-panel .panel-footer-large   { background-color: #45A586; }
.red-panel .panel-header, .red-panel .panel-footer, .red-panel .panel-footer-large   { background-color: #ED2732; }

/*Shaded style - all panels */
.shaded.full-panel .panel-footer { background-image: url(/images/bg_full-panel_panel-footer_shaded_mask.png); }
.shaded.large-panel .panel-footer { background-image: url(/images/bg_large-panel_panel-footer_shaded_mask.png); }
.shaded.medium-panel .panel-footer { background-image: url(/images/bg_medium-panel_panel-footer_shaded_mask.png); }
.shaded.side-panel .panel-footer { background-image: url(/images/bg_side-panel_panel-footer_shaded_mask.png); }
.shaded .panel-main { background: #fff url(/images/bg_panel-main_shaded.png) bottom repeat-x; }

/*Side shaded style - large panels only */
.sideshaded.large-panel .panel-footer { background-image: url(/images/bg_large-panel_panel-footer_sideshaded_mask.png); background-position:bottom center; height:60px; }
.sideshaded.large-panel .panel-main { width: 580px; padding: 16px 78px 1px 78px; }
.sideshaded .panel-main { background: #FFFFFF url(/images/bg_large-panel_panel-main_sideshaded_mask.png) top center repeat-y; }

/*Teaser Forum Panel*/
.side-panel.teaser-forum-panel .panel-header { height: 12px; margin: 0; background-color: #fff; background-image: url(/images/bg_side-panel_panel-header_teaser-forum-panel.png); background-repeat: no-repeat; background-position: top; padding: 0; } 

.side-panel.teaser-forum-panel .panel-main { border: 0; margin: 0; background-color: #ddd; background-image: url(/images/bg_side-panel_panel-main_teaser-forum-panel.png); background-repeat: repeat-x; background-position: top; } 

.side-panel.teaser-forum-panel .panel-footer { height: 12px; margin: 0; background-color: #fff; background-image: url(/images/bg_side-panel_panel-footer_teaser-forum-panel.png); background-repeat: no-repeat; background-position: top; padding: 0; } 

/*Teaser Beta Panel*/
.side-panel.teaser-beta-panel .panel-header { margin: 0; background-color: #fff; background-image: url(/images/bg_side-panel_panel-header_teaser-beta-panel.png); background-repeat: no-repeat; background-position: left top; } 

.side-panel.teaser-beta-panel .panel-main { border: 0; margin: 0; color: #fff; background-color: #1E2327; }  

.side-panel.teaser-beta-panel .panel-footer { height: 12px; margin: 0; background-color: #fff; background-image: url(/images/bg_side-panel_panel-footer_teaser-beta-panel.png); background-repeat: no-repeat; background-position: top; padding: 0; } 

.side-panel.teaser-beta-panel .panel-subheader { border: 0; }

.panel-beta-feature { background: url(/images/bg_panel-beta-feature.png) bottom left no-repeat; height: 105px; position: relative; }



/* Beta Panel Wide Styles */

.beta_panel_wide { height: 120px; margin-bottom: 10px; }
.beta_panel_wide_left { width: 244px; height: 120px; background: url(/images/bg_beta_panel_wide_left.jpg) top left no-repeat; float: left; }
.beta_panel_wide_right { width: 476px; height: 120px; padding: 0 10px; background: url(/images/bg_beta_panel_wide_right.jpg) top left no-repeat; color: white; float: right; }





/*Squared effect - panel headers only */
.squared .panel-header,
.blue-panel.squared .panel-header,
.green-panel.squared .panel-header, 
.yellow-panel.squared .panel-header, 
.red-panel.squared .panel-header
{ background-image: url(/images/bg_panel-header_squared_mask.png); }

/*No title effect - panel headers only */
.notitle .panel-header { padding: 0 8px; margin: 0; height: 15px; }
.full-panel.notitle .panel-header { background-image: url(/images/bg_full-panel_panel-header_notitle_mask.png); }
.large-panel.notitle .panel-header { background-image: url(/images/bg_large-panel_panel-header_notitle_mask.png); }
.medium-panel.notitle .panel-header { background-image: url(/images/bg_medium-panel_panel-header_notitle_mask.png); }
.side-panel.notitle .panel-header { background-image: url(/images/bg_side-panel_panel-header_notitle_mask.png); }

/* Google Map Styles */
#map { width: 496px; height: 300px; }
.map-panel { margin: 0; clear:both; width: 230px; }
.map-panel .panel-header { background: none; }
.map-panel .panel-header { background: transparent url(/images/bg_map-panel_panel-header.png) top left no-repeat; height: auto; }
.map-panel .panel-main { font-size: 12px; }
.panel-footer.googlemap { height: 31px; background-image: url(/images/bg_map-panel_panel-footer.png); background-color: transparent; }

/* Google Map Styles */
#map-preview { width: 550px; height: 375px; }

/* END SECTION 2: INNER PANELS */


/* SECTION 3: INNER CONTENT */
/* Search Listing Table (Traders table and Articles table */
.table-searchtraderlistings { width: 736px; border: 0; margin-left: -8px; margin-right: -8px; clear:both; /*clear:both fix for Chrome*/ }
.table-searchtraderlistings-header-review, .table-searchtraderlistings-header-date, .table-searchtraderlistings-header-details,.table-searchtraderlistings-header-distance { background: #e9e9e9; font-weight: bold; }
.table-searchtraderlistings-review, .table-searchtraderlistings-date, .table-searchtraderlistings-details, .table-searchtraderlistings-distance { border-bottom: 1px solid #ccc; }
.table-searchtraderlistings-header-review, .table-searchtraderlistings-review { width: 100px; }
.table-searchtraderlistings-header-date, .table-searchtraderlistings-date { width: 80px; }
.table-searchtraderlistings-header-details, .table-searchtraderlistings-details { width: 475px; }
.table-searchtraderlistings-header-distance, .table-searchtraderlistings-distance { width: 80px; }
.searchresultsarticles .table-searchtraderlistings-header-details { background: #FDDE81; }

/* My Recommended Traders Table (Home Page) */
.table-my-recommendations { width: 496px; border: 0; background: #fff; margin-left: -8px; margin-right: -8px; }
.table-my-recommendations-header-date {	width: 150px; background: #ccc; }
.table-my-recommendations-header-trader { width: 336px; background: #ccc; }
.table-my-recommendations-date { width: 150px; border-bottom: 1px solid #ccc; }
.table-my-recommendations-trader { width: 336px; border-bottom: 1px solid #ccc; }

/* Traders Listing/Index Table */
.table-traderlistings,#map { width: 496px; border: 0; background: #fff; margin-left: -8px; margin-right: -8px; }
.table-traderlistings-header-review  { width: 100px; background: #ccc; }
.table-traderlistings-header-key { width: 40px; background: #ccc; }
.table-traderlistings-header-details { width: 286px; background: #ccc; }
.table-traderlistings-header-distance {	width: 80px; background: #ccc; }
.table-traderlistings-review { width: 100px; border-bottom: 1px solid #ccc; }
.table-traderlistings-key {	width: 40px; border-bottom: 1px solid #ccc; }
.table-traderlistings-details {	width: 286px; border-bottom: 1px solid #ccc; }
.table-traderlistings-distance { width: 80px; border-bottom: 1px solid #ccc; }

/* Results Next/Prev panel*/
.results-prev-next { margin-left: -8px; margin-right: -8px; background: #ccc url(/images/bg_results-prev-next.jpg) top left repeat-x; padding: 5px 8px 5px 8px; }
.large-panel .results-prev-next { padding:0 8px 0 8px; background: #ffffff none; }
.large-panel .results-prev-next p { margin-top:0; }
.medium-panel .results-prev-next { width: 480px; height:20px; }
.panel-header-large-right ul, .results-prev-next ul { margin:0; padding: 0; float: right; }
.panel-header-large-left ul { margin:0; padding: 0; float: left; }
.panel-header-large-right li, .results-prev-next li { display:inline; color: #999; background: none; padding:0 0 0 8px;}
.panel-header-large-left li { display:inline; color: #999; background: none; padding:0 8px 0 0; }
.panel-header-large-left .current, .panel-header-large-right .current, .results-prev-next .current { font-weight: bold; color: #333; }
.panel-header-large { background: #ccc url(/images/bg_medium-panel_panel-header_grey_mask.png) top no-repeat; padding: 8px 0 8px 8px; margin:0; font-size:12px; min-width:0; /*IE7 Peekaboo fix*/  }
.panel-header-large-left { float: left; padding-left: 8px; width: 120px; }
.panel-header-large-right { float: right; padding-right: 8px; text-align: right; width: 100px; }

/* Trader details styles */
.trader-details-left { float: left; width: 210px; }
.trader-details-map { float: right; width: 250px; height: 250px; border: 1px solid #ccc; margin: 0 8px 8px 0; }
.trader-details-rating { float: left; width: 105px; padding: 4px 0; }
.trader-details-recommendation { width: 462px; border: 1px solid #ccc; padding: 8px; margin-bottom:10px; background: #fff url(/images/bg_panel-main_shaded.png) bottom center repeat-x; }

/* Review of the Week styles */
.trader-details-rotw, .trader-details-rotw-silver { padding: 8px; margin-top: 10px; background: #fff url(/images/bg_panel-main_shaded.png) bottom center repeat-x; }
.trader-details-rotw { border-top: 1px solid #ED2732; border-right: 1px solid #ED2732; border-left: 1px solid #ED2732; }
.trader-details-rotw-silver { border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.trader-details-rotw-bottom, .trader-details-rotw-silver-bottom { padding: 1px 8px; }
.trader-details-rotw-bottom { background: #ED2732; border-right: 2px solid #ED2732; border-bottom: 2px solid #ED2732; border-left: 2px solid #ED2732; }
.trader-details-rotw-silver-bottom { background: #ccc;	border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; border-left: 2px solid #ccc; }

/* Costing data */
.cost_data-notes { padding:10px; padding-left:115px; background: #eee url(/images/cost_data/icon_cost_data-notes.jpg) top left no-repeat; }
.cost_data-notes-house { padding:10px; padding-left:115px; background: #eee url(/images/cost_data/icon_cost_data-notes-house.jpg) top left no-repeat; }



.hr_charcoal { border-bottom:1px solid #3D4B54; border-top:1px solid #000; height:0; }


/* END SECTION 3: INNER CONTENT */





/* START SECTION 4: MISCELLANEOUS */
span.quote-opening, span.quote-closing { display:block; width:20px; text-indent: -2000px; height: 11px; }
span.quote-opening { background: url(/images/icon_quote-opening.gif) top left no-repeat; float:left; }
span.quote-closing { background: url(/images/icon_quote-closing.gif) top right no-repeat; display:block; float:right }
.mh_home-side-panel { min-height: 255px; /* To balance heights on the home page only */}
.mh_home_medium-panel { min-height:243px; }
.image-side {float: right; width: 230px; padding-top: 40px; }
div.panel-alert { border:2px solid #FFAE31; background-color:#FFFFCC; padding:10px 10px 10px 40px; margin-bottom:10px; }
.clear { clear: both; margin: 0; height: 0; position:relative; }
/* END SECTION 4: MISCELLANEOUS */

/* START SECTION 5: FCK */
/*#fck { margin: 0px; padding:10px 8px 10px 10px; background: #FFFFFF url(/manage/fckeditor/editor/dialog/fck_template/images/editor_bg.gif) repeat-y; } */
#fck { margin: 0px; padding:10px 0px 10px 0px; border-left: 8px solid #EEEEEE; border-right: 8px solid #EEEEEE;}
/* END SECTION 5: FCK */