@charset "utf-8";
/* This stylesheet is used to control all classified elements and pages. */

/*######################### Classifieds Search page Styling #########################*/
/* Search Options */
.storytext .classifiedSearchOptions .active { margin:0 0 20px; }
#content .storytext .classifiedSearchOptions .tab_block li h2 { font-size:1em; background:#fff url(/magazine/graphics/classifieds_tab_bg.png) no-repeat right top; border-width:0 0 0 2px; margin:0; font-weight:bold; }
#content .storytext .classifiedSearchOptions .tab_block li.current h2 { background:#E6EFF6 url(/magazine/graphics/classifieds_tab_active_bg.png) no-repeat right top }
.storytext .classifiedSearchOptions .tab_block h2 a, .storytext  .classifiedSearchOptions .tab_block h2 a:visited { width:auto; padding:3px 25px 1px 8px; color:#333; }
#content .storytext .classifiedSearchOptions .active .active_block { background:#E6EFF6 url(/magazine/graphics/spin_colour2_bg.gif) repeat-x center bottom; padding:8px 10px; min-height:1px; _zoom:1; }/*float hack*/
#content .storytext .classifiedSearchOptions .active .active_block:AFTER { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.js-disabled #content .storytext .active_block h2 { color:#333; font-size:1em; background:#E6EFF6 url(/magazine/graphics/tab_active_bg.png) no-repeat left top; padding:3px 14px 1px; border:none; margin:0 0 0 -10px; font-weight:bold; top:-26px; #top:-25px }
.storytext .classifiedSearchOptions .active_block ul { margin:0; padding:0; }
.storytext .classifiedSearchOptions .active_block ul li { display:inline-block; width:170px; vertical-align:top; margin:0 12px 0 0; padding:0 0 0 10px; background:url(/magazine/graphics/bullet_black_arrow.gif) no-repeat left 7px; }
.storytext .classifiedSearchOptions .active_block ul li { display:-moz-inline-box; -moz-box-orient:vertical; } /* for ff2 as it doesnt understand display:inline-block*/
.storytext .classifiedSearchOptions .active_block ul li>* { display:table; table-layout:fixed; width:170px; overflow:hidden; } /* for ff2 as it doesnt understand display:inline-block, border fix for image not displaying on initial load*/
.storytext .classifiedSearchOptions .active_block ul li { #display:inline; #margin-right:12px; } /*styles for ie7+6 - these must be kept seperate*/
.storytext .classifiedSearchOptions .active_block li.rowend { margin:0;}
.storytext .classifiedSearchOptions .active_block li a, .storytext  .classifiedSearchOptions .active_block li a:visited { color:#000; text-decoration:none; }
#wrapper .storytext .classifiedSearchOptions .active_block li a:hover { text-decoration:underline;}
.storytext .classifiedSearchOptions .active_block li a span { color:#CE181F;}

.storytext .classifiedSearchOptions .field { margin:0 0 9px; }
.storytext .classifiedSearchOptions .field .text, .storytext  .classifiedSearchOptions .field select.formmedium, .storytext  .classifiedSearchOptions .field select { border:1px solid #89B1D1; margin:0 16px 0 0; color:#333333; font-size:0.846em; line-height:16px; padding:2px 2px 3px 5px; }
.storytext .classifiedSearchOptions .field .text { width:274px }
.storytext .classifiedSearchOptions .field select.formmedium, .storytext  .classifiedSearchOptions .field select.formmedium_end { width:283px;  }
.storytext .classifiedSearchOptions .field select.formmedium_end {margin:0;}
.storytext .classifiedSearchOptions .field .button { top:6px; position:relative; }

/* Featured Ad Styling */
.storytext .ad { border:solid 1px #89B1D1; padding:9px 10px; margin:0 0 16px;}
.storytext .ad h2 { font-size:1em; color:#CE181F; margin:0 0 6px; }
.storytext .ad .adText { background:#F1F1F1; padding:10px; overflow:hidden; _zoom:1 } /*float hack*/
.storytext .ad .adText:AFTER { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.storytext .ad .adText h2 { background:#999999; color:#fff; padding:4px 9px; float:right; width:354px; margin:0 0 10px; }
.storytext .ad .adText p { margin: 0 0 6px; }
.storytext .ad .adText p.picture { float:left; margin:0; border-right:solid 7px #F1F1F1; }
.storytext .ad .adText p.picture img { display:block; }
.storytext .ad .adText p.more { margin:0; font-weight:bold;}

/* Search Results */
.searchDetails p { margin:0 0 14px; float: left;  }
.searchDetails p.filter { float: right; }
.searchDetails p.filter img { margin: 0 6px -2px 0; }
.searchDetails {zoom: 1;}
.searchDetails:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}

.storytext .listItems ul { padding:0; margin:0; }
.storytext .listItems ul li { padding:7px 0 5px 10px; margin:0; min-height:1px; _zoom:1} /*float hack*/
.storytext .listItems ul li:AFTER { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.storytext .listItems ul li.platinum { background-color:#E6EFF6; padding: 8px 10px 8px 10px; margin:0 0 10px 0; border:none;}
.storytext .listItems ul li.last { border:0; }
.storytext .listItems ul li h2 { font-size:1em; padding:0; margin:0 0 6px;}
.storytext .listItems ul li h2 img { margin: 0 0 -2px 6px; }
.storytext .listItems ul li h2 a { color:#000; }
.storytext .listItems ul li h2 a:hover { text-decoration:none; color:#CE181F}
.storytext .listItems ul li p { margin:0 0 0px}
.storytext .listItems ul li p.picture { float:right; padding:8px 0 0; margin:0; }
.storytext .listItems ul li p a { text-decoration:none; }
.storytext .listItems ul li p a:hover { text-decoration:underline; }

.storytext .paging { margin:11px 0 15px; }

/*######################### Classifieds Ad Details page Styling #########################*/
/* Ad details styling */
#classifiedsAdDetails .storytext h1 { color:#CE181F; font-size:1.538em; line-height:18px; font-weight:normal; margin-bottom:15px; }
#classifiedsAdDetails .storytext h2 { font-size:1em; line-height:18px; }

/*Contact Details Styling*/
#classifiedsAdDetails .contactDetails { background:#E6EFF6; width:276px; margin:0 0 17px; padding:0 9px; } 
#classifiedsAdDetails .contactDetails h2 { background:#1363A4; color:#fff; font-size:1em; font-weight:bold; padding:2px 9px; border:solid 1px #fff; margin:0 -10px 3px}
#classifiedsAdDetails .contactDetails ul { margin:0; padding:0 0 2px; }
#classifiedsAdDetails .contactDetails ul li { margin:0 0 3px;  padding:0; background:none; min-height: 0; _zoom: 1; }
#classifiedsAdDetails .contactDetails ul li.emailme { margin-top: 10px;  }
#classifiedsAdDetails .contactDetails ul li span { margin:0; padding:0; font-weight:bold; display:block; float:left; width:97px;}
#classifiedsAdDetails .contactDetails ul li a { width:160px; word-wrap: break-word; float:left; }
#classifiedsAdDetails .contactDetails ul li:after {content:"."; visibility:hidden; height:0; display:block; clear:left;}

/* Attachments */
.classified_extras { float:right; zoom: 1; position: relative; border-left: 20px solid #fff; margin: 0 0 10px; }
.classified_attachments { margin-top: 20px; width: 293px; }
.classified_attachments .attachments_heading h2 { background-color: #1363a4; color: #fff; padding: 2px 9px; margin: 0; line-height: 1em; }
.classified_attachments ul { background-color: #D9D9D9; padding: 10px; zoom: 1; margin-bottom: 10px; }
.classified_attachments ul li { line-height: 1em; background-image: url(/magazine/graphics/bullet_black_arrow.gif); padding-left: 10px; }
.classified_attachments h3 { margin-bottom: 2px; }
.classified_attachments a { font-size: 0.867em; text-decoration: none; }
.classified_attachments a:hover { text-decoration: underline; }
.classified_attachments p img { margin: 3px 5px 0 0; }

/* Directory contacts field */
#classifiedsAdDetails .directory { width: auto; clear: both; zoom: 1; }
#classifiedsAdDetails .directory:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}
#classifiedsAdDetails .directory .address { float: left; width: 294px; padding: 0; margin: 0; }
#classifiedsAdDetails .directory .address p { margin:0 ; padding: 0 0 3px 0; }
#classifiedsAdDetails .directory ul { float:left; }

/* Directory adverts */
#classifiedsAdDetails .directory_ads { zoom: 1; }
#classifiedsAdDetails .directory_ads h2 { background:#1363A4; color:#fff; font-size:1em; font-weight:bold; padding:2px 9px; margin-bottom: 0; }
#classifiedsAdDetails .directory_ads h3 { font-size: 1em; margin-bottom: 3px; }
#classifiedsAdDetails .directory_ads_list { border:solid #D9D9D9; border-width: 0 1px  1px  1px; margin-bottom: 10px; }
#classifiedsAdDetails .directory_ads li { padding: 10px; border-bottom: 0; }
#classifiedsAdDetails .directory_ads li p.picture { float: left; padding: 0 10px 0 0; }
#classifiedsAdDetails .directory_ads .more { text-align:right; padding: 0 10px 10px 0; }
#classifiedsAdDetails .directory_ads .more a { font-weight: bold; text-decoration: none; background: url(/magazine/graphics/bullet_red.gif) no-repeat 100% 35%; padding-right: 20px; }
#classifiedsAdDetails .directory_ads .more a:hover { text-decoration: underline; }

/* Page option styles */
.pageOptions { margin-bottom:20px; clear:both; }
.pageOptions ul { padding:0; margin:0; min-height:1px; _zoom:1; } /* float hack */
.pageOptions ul:AFTER {clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.pageOptions ul li { padding:0 0 0 20px; margin:0; float:left; background:none; } 
.pageOptions ul li.first { padding:0; } 
.pageOptions ul li.last { float:right; }
.pageOptions ul li a.poBack { background:url(/magazine/graphics/buttons/b_backtosearch.gif) no-repeat; width:121px; height:18px; padding:0 155px 0 0;display:block; text-indent:-999px }
.pageOptions ul li a.poEmail { background:url(/magazine/graphics/icons/email.gif) no-repeat left 4px; padding: 0 0 0 21px; }
.pageOptions ul li a.poPrint { background:url(/magazine/graphics/icons/print.gif) no-repeat left 2px; padding: 0 0 0 24px; }