/* Title: Global Newspaper stylesheet - Bootle Times Author: jimcasey@trinitymirror.com / chris.lam@mgm.co.uk Updated: 23/9/08 - CLam */ @import url(http://images.icnetwork.co.uk/css/icnetwork/r2_styles.css); /*Styling structure container - we cannot alter the basic structure.css (it runs across several sites) if we have any changes we do them here. --------------------------------------------------------*/ div#content, div#content-article, div#content-channel {padding-top: 10px;} html body div#wrap div#wrap-inner div#content { margin-top: 5px; } .col-wrap {padding: 0;} /* this removes the larger homepage padding*/ div.one-col, div.two-col, div.three-col, div.four-col { background: #fff; } div.one-col, div.one-col-highlight, div.two-col, div.two-col-highlight, div.three-col, div.three-col-dynamic, div.three-col-highlight, div.four-col, div.four-col-highlight {float: left; margin-right: 10px;} div.forumwidget {float: left;} /* article one-col layout bug fix */ /*Background images and colours on the site --------------------------------------------------------*/ div#toplinks { padding-top:5px; margin-top: 0px; background: #fff; background: #fff url('http://images.icnetwork.co.uk/collections/css_r2_all/dots.gif') repeat-x bottom;} div#wrap { background: url("http://images.icnetwork.co.uk/collections/css_NW_new/sidebar.gif") repeat-y 100% 0; } div#footer { background: #fff;} div#footer-links {background: #f5f5f5; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } div.one-col-highlight, div.two-col-highlight, div.three-col-highlight, div.four-col-highlight, div.article-ads, .search-again, div#content-article div.one-col, div#content-article div.one-col-highlight, div#content-channel div.one-col, div#content-channel div.one-col-highlight {background: #f5f5f5;} body, div#top-search, div.sponsored-links-wrap, div#footer-ad-slot-seotext, div#footer-ad-slot-copyright, div.mpu-ad, div#header { background: #fff;} div#header { background: #fff url('http://images.icnetwork.co.uk/collections/css_NW_new/bootle-times-new.jpg') no-repeat 0 0; height: 110px; width: 995px;} div#main-nav { background: url('http://images.icnetwork.co.uk/collections/css_r2_bootle/mainnav_bkg.gif') repeat-x; border-top: 1px solid #eaeaea; border-bottom: 3px solid #005bad;} div#main-nav ul li a { color: #333; border-right: 1px solid #cfcfcf; } div#main-nav ul li a:hover { background: #fff; color: #005bad; } #main-nav a#main-nav-selected { background: #005bad url('') repeat-x; border-color: #005bad; } div#sub-nav { background: #005bad; } .pagination li.currentpage {border: 1px solid #ccc;} .galleryembed { background: #000;} .multimedia-tab li a , .multimedia-tab li a:hover { background: #003366; color: #fff; } div#classified-col div { background: #fff; margin-bottom: 10px;} div#top-search-ad-slot { background: #fff;} /*Borders --------------------------------------------------------*/ div#footer-links li a { border-right: 1px solid #cfe1f3; } #footer-links-sites li a { border-right: 1px solid #e1ecf4; } div.classified-quicklinks, div.classified-homes, div.classified-jobs, div.hot-jobs-wrap, div.hot-motors-wrap, div.hot-homes-wrap {border-bottom:10px solid #fff;} div#footer-ad-slot-seotext, div.mpu-ad {border-bottom: 1px solid #ccc;} div#footer-ad-slot-copyright { border-top: 1px solid #ddd;} div#top-search-ad-slot { background: url('http://images.icnetwork.co.uk/collections/css_r2_all/dots.gif') repeat-x bottom; } div.search-articles-teasers { background: url('http://images.icnetwork.co.uk/collections/css_r2_all/dots.gif') repeat-x bottom;} div#sub-nav { border-bottom: 1px solid #fdfdfd; } div#footer { border-top: 5px solid #005bad; } div#three-col-wrapper div.teasers {border-bottom: 1px dotted #ddd;padding-bottom: 10px;} /* image gallery thumbnails -------------------------------------------------------*/ .galleryembed .thumbs { border:1px solid #000000; } .galleryembed .currentThumb { border:1px solid #FFFFFF; } /*Font colors --------------------------------------------------------*/ .galleryembed a:link, .galleryembed a:active, .galleryembed a:visited, .multimedia-tab li a {color: #fff;font-weight:bold;} div#footer-links {color: #000; } #footer-links-sites li a, #footer-links-sites li a:hover { color: #036;} div.dynamic-panel-strapline p.whitelinks a:active, div.dynamic-panel-strapline p.whitelinks a:link, div.dynamic-panel-strapline p.whitelinks a:visited, div.dynamic-panel-strapline p.whitelinks a:hover { font-weight:bold;background:url("http://images.icnetwork.co.uk/collections/css_r2_crosby/i_arr_white.gif") no-repeat 100% 50%; padding-right:10px; color: #fff; font-size: 0.9em;} div.dynamic-panel-bottom p.whitelinks a { font-weight:bold;background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr_white.gif") no-repeat 100% 50%; padding-right:10px; color: #036;} div#sub-nav ul li a, .galleryembed p {font-weight:normal;} span.breaking-news-text {color: #111; font-weight:bold; text-transform: uppercase;} #main-nav a#main-nav-selected, .galleryembed a:link, .galleryembed a:active, .galleryembed a:visited {font-weight:bold;} .menu1 li a:link, .menu1 li a:visited, .menu1 li a:active, .menu1 li a:hover { background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr.gif") no-repeat 0 50%; font-weight:normal; padding-left:10px;} div#main-nav ul li a#main-nav-selected, div#sub-nav ul li a { color: #fff;} h4.list-head-colour1 a, h4.list-head-colour2 a, h4.list-head-colour3 a, h4.list-head-colour4 a { color: #fff; background: url('http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr_white.gif') no-repeat 100% 5px; padding-right:10px; } h4.list-head-colour1 a:visited, h4.list-head-colour2 a:visited, h4.list-head-colour3 a:visited, h4.list-head-colour4 a:visited { color: #fff; background: url('http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr_white.gif') no-repeat 100% 3px; padding-right:10px; } div.dynamic-panel-bottom p.whitelinks a { color:#fff; } div.dynamic-panel-strapline p.whitelinks a { color:#003366; } div#sidebar h4 {color: #fff; font-size: 0.85em;} div#sidebar h4 a {color: #fff; } /*Font colors - links --------------------------------------------------------*/ a:link {color: #105ba4;text-decoration: none;} a:visited {color: #105ba4; text-decoration: none;} a:active {color: #105ba4;text-decoration: none;} a:hover {color: #036;text-decoration: underline;} a:focus { outline: none; } /*Font color - default --------------------------------------------------------*/ body {color: #000;} /*Font color - others --------------------------------------------------------*/ p.article-date, span.related-article-date, .info-text {color: #666666;} /* header and footer styles, ads, search, footer links --------------------------------------------------------*/ div#footer { padding-top:0px; margin:0px; margin-bottom: -20px;} div#footer-ad-slot-seotext, div#footer-ad-slot-copyright {width:995px;padding:5px 0;} div#top-search-ad-slot{ width:995px;padding:10px 0; } div#top-search-ad-slot div#top-search-ad-slot object, div#footer-ad-slot-seotext object, div#footer-ad-slot-seotext iframe, div#footer-ad-slot-copyright iframe, div#footer-ad-slot-copyright object {float:left; margin:0 7px 0px 7px; display: inline;} div#wrap div#header-wrap div#top-search div#top-search-ad-slot div.clearfix div#top-search-ad-wrapper { float:left; height:90px; width:728px; margin-right: 15px;} div.google-radio-wrapper { clear:right; margin-top:5px; } div#footer-ad-slot-copyright img, div#footer-ad-slot-seotext img, div#top-search-ad-slot img{ float:left; margin:0 10px 0px 7px;} div#footer-ad-slot-copyright p, div#footer-ad-slot-seotext p{ margin:0 5px 0px 0px;} div#top-search-ad-slot p{ padding:5px 0 5px 0;position: relative;} div#footer-links li a, #footer-links-sites li a, div#footer-links li a:hover, #footer-links-sites li a:hover{padding: 0px 7px 0 0px; margin-right: 10px; margin-bottom: 10px;} div#footer-links li, #footer-links-sites li {font-weight: normal;line-height: 1.6em;} /* homepage layout - equal height cols - credit http://www.positioniseverything.net/articles/onetruelayout/ We use a series of one, two, three and four columns as well as highlight colors on the homepage using equal height column css, on other pages we reuse these columns but in wrapper divs -------------------------------------------------------*/ div.one-col, div.one-col-highlight, div.forumwidget {width: 155px;} div.two-col, div.two-col-highlight {width: 320px;} div.three-col, div.three-col-highlight, div.three-col-dynamic {width: 485px;} div#content-channel div.four-col-dynamic {margin-bottom:10px;} div.four-col, div.four-col-highlight, div.four-col-dynamic {width: 650px;} /* channel, section and article layout --------------------------------------------------------*/ div#content-channel div#one-col-wrapper div.one-col, div#content-channel div#one-col-wrapper div.one-col-highlight {margin-bottom:10px; margin-right:0;} div#content-channel div.three-col, div#content-channel div.three-col-highlight {margin-bottom:10px;} div#content-article div.one-col, div#content-article div.one-col-highlight {margin-bottom: 10px; margin-right:0;} #three-col-wrap {float:left;width: 485px; margin-top:0px;} div#content-channel div#three-col-wrapper {width: 485px; margin-top:5px;} div#content-channel div#one-col-wrapper {width: 155px; margin-top:5px; display:inline; } div#content-article div#one-col-wrapper {width: 155px; margin-top:5px; display:inline;} div#content-multimedia div.four-col-highlight { float:left; width: 650px; margin-bottom:10px; padding-bottom:10px;} div.video-col-wrapper {width:650px;margin:10px 0 0 0;} div#content-channel, div#content-multimedia, div#content-article{width: 650px; } /* this breaks url or any long text that could push content layout in IE --------------------------------------------------------*/ div.sponsored-links-wrap, div.hot-jobs-wrap, div.hot-motors-wrap, div.hot-homes-wrap { text-align:left; padding-bottom: 5px; word-wrap: break-word; overflow:hidden;} div#content-article div#one-col-wrapper div.one-col, div#content-article div#one-col-wrapper div.one-col-highlight { word-wrap: break-word; overflow:hidden;} /* html styles --------------------------------------------------------*/ body {text-align:center; margin:0px 0 0 0; background: #eee url("http://images.icnetwork.co.uk/collections/css_NW_new/bkg-new.png") repeat-y 50% 0; font-size : x-small; voice-family : "\"}\""; voice-family : inherit; font-size : small; } /* this sets the default text style */ html>body { /* be nice to Opera */font-size: small;} /* default font-family is Helvetica, all 'headings' are Helvetica, Arial*/ body {font-family: Verdana, sans-serif;} h1, div#header-content h2, h2, h3, h4, h5, #main-nav, #sub-nav, span.breaking-news-text {font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; } h1, div#header-content h2, h2, h3, h4, h5, #main-nav, #sub-nav, p, li {line-height:140%;} * {margin:0;padding: 0;} /* This removes all default padding/margins*/ img {border:0;} h1 {font-size:1.6em;margin:0;padding: 5px 5px 5px 7px;font-weight:bold; line-height:100%; } div#header-content h2{margin: 3px 0 0px 15px; padding:0;font-size:1.1em;} h2 {font-size:1.2em;margin:0;padding: 0px 5px 1px 7px;font-weight:bold; line-height:120%; } /* All teaser, puff headlines use this style*/ h3 {font-size: 0.95em;padding: 4px 7px 3px 7px; margin: 0px 0px 0px 0px;font-weight:bold; } /* All channel headings use this style*/ #content-article h3,#content-channel h3 {margin-bottom:5px;} #content h3 {margin-right:10px;} h4 {font-size:0.965em;padding: 6px 7px 4px 7px ;margin: 0px 0px 10px 0px;font-weight:bold;} /* All subheadings use this style*/ h5 {font-size:0.95em;padding: 0 7px;margin: 0;font-weight:bold;} p {margin: 0; padding: 0 7px; font-size:0.85em; } ul {margin: 0;list-style: none; font-size:0.85em; } ol {margin: 0;padding:0;} /* font sizes --------------------------------------------------------*/ /* 0.85em default same as pareagraphs and lists*/ .clsSearchBoxButton, .clsSearchBoxSelect, .clsSearchBoxTextBox, .clsSearchBoxText, p.article-date , div#content-article div#three-col-wrap div#three-col .article-date, div#content-channel div#three-col-wrapper div.three-col-highlight ul, #new-search , .search-pagination, .comment, .multimedia-tab {font-size:0.85em;} /* All subheadings and channel headings use these style --------------------------------------------------------*/ /* colour1 -----------------------------------------*/ h3.list-head-color, h3.list-head-colour, h3.list-head-colour1, h3.list-head-color1, h3.list-head-color a, h3.list-head-colour a, h3.list-head-colour1 a, h3.list-head-color1 a { color: #fff; } div#wrap div#wrap-inner div.list-head-colour { padding: 6px 0 6px 7px; } div#wrap div#wrap-inner div.list-head-colour a { color: #fff; font-weight: bold; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; font-size: 0.95em; background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr_white.gif") no-repeat center right; padding-right: 10px; } h3.list-head-colour a.channellink:visited, h3.list-head-colour a.channellink:active, h3.list-head-colour a.channellink:hover { color: #fff;} .list-head-color, .list-head-colour, .list-head-colour1, .list-head-color1, div.share-article h4, h4 { background: #00549b url('http://images.icnetwork.co.uk/collections/css_r2_bootle/colour1.gif') repeat-x top; color: #fff; } /* colour2 -----------------------------------------*/ .list-head-colour2, .list-head-colour2, div#search-three-col div.search-again h4 { background: #333 url('http://images.icnetwork.co.uk/collections/css_r2_bootle/colour2.gif') repeat-x top; color: #fff; } /* colour3 -----------------------------------------*/ .list-head-colour3, .list-head-color3 { background: #00549b url('http://images.icnetwork.co.uk/collections/css_r2_bootle/colour1.gif') repeat-x top; color: #fff; } /* colour4 -----------------------------------------*/ .list-head-colour4, .list-head-color4 { background: #00549b url('http://images.icnetwork.co.uk/collections/css_r2_bootle/colour1.gif') repeat-x top; color: #fff; } /* sidebar/ads-col -----------------------------------------*/ div#sidebar h4.list-head-colour1, div#sidebar h4.list-head-color1, div#sidebar h4.list-head-color4, div#sidebar h4.list-head-colour4 { background: #ccc url('http://images.icnetwork.co.uk/collections/css_r2_bootle/sidebar_h4.gif') repeat-x top; color: #333; border-bottom: 1px solid #fdfdfd;border-top: 1px solid #e5e5e5; } div.hot-motors-wrap h4.list-head-colour1, span.list-head-colour1 { background: #333; color: #fff; } /* header styles links to other sites, get involved, logos --------------------------------------------------------*/ div#toplinks { float:left; width:100%;padding:5px 0px;background: #f5f5f5;border-bottom: 1px solid #ddd;} p#nav-top-links { float:left; } p#nav-other-sites { float:right; } p#nav-other-sites select, p#nav-other-sites input {font-size:100%;} div#header {height: 110px;} div#header-logo {float: left; height: 120px;} div#header-content { float: right; width:270px; font-weight:normal;margin: 30px 180px 0 0px; padding: 0px 0 20px 0;} .menu1 {float:left; width:125px; margin:2px 0 0 5px; padding:0 0px 0 10px;} .menu1 li {margin: 3px 0;} div.block-one {width:290px;float:left;} div.block-one h2 { color: #6d6f71;} div#topsearch {float:left;} /* navigation styles --------------------------------------------------------*/ div#sub-nav { float: left; width:995px; margin: 0;padding: 0px 0 0px 0; } div#sub-nav ul { list-style: none;margin: 0; padding: 0;margin:0 5px;} div#sub-nav ul li{ float:left; font-weight: normal; } div#sub-nav ul li a { float:left; display: block;padding: 1px 10px 2px 10px;} #sub-nav a#sub-nav-selected, div#main-nav, #main-nav a#main-nav-selected {text-decoration: none; font-weight:bold;} div#main-nav { float: left; margin: 0;padding: 0; width:995px; } div#main-nav ul {list-style: none;margin: 0;padding: 0; font-size:0.95em;} div#main-nav ul li{ float:left;} div#main-nav ul li a {float:left; display: block;padding: 6px 10px 5px 10px;} /* all ads - padding,margins --------------------------------------------------------*/ div#ad-col img, div#ad-col iframe { margin: 5px 0 5px 0;} div#ad-col {margin-right:0px; margin-top:5px;} div#ad-col object {padding-bottom:5px; } div.mpu-ad {width: 330px;text-align:center;padding:10px 0; } div.article-ads {float: left; width: 485px;text-align:center;padding:10px 0px;margin:10px 0px 0px 0px; } /* Classifieds channel --------------------------------------------------------*/ div.classified-type { clear: both; padding-bottom: 10px;} div.arbitary-classifieds { padding: 15px 0 15px 0; } div.classified-type img { margin: 0 15px 15px 0px; padding: 3px; border: 1px solid #d2d2d2; float: left; } .bg-highlight { background: #f5f5f5; } div.arbitary-classifieds h2 { padding: 0px 0 0 0; font-size: 1.05em; } a.classified-url { font-size: 0.8em; background:url('http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr.gif') no-repeat 0 3px; padding-left:10px; } /* classified objects --------------------------------------------------------*/ div#classified-col {margin-top:10px;} div.classified-homes, div.classified-jobs {text-align:left; width:160px;} div.hot-jobs-wrap, div.hot-motors-wrap, div.hot-homes-wrap {text-align:left; position: relative; /* peekaboo bug fix for IE6 */ min-width: 0; /* peekaboo bug fix for IE7 */} div.sponsored-links-wrap {margin-top:10px;text-align:left;} div.classified-homes, div.classified-jobs , div.sponsored-links-wrap, div.sponsored-link p, div.hot-job p, div.hot-job, div.hot-motor, div.hot-home, div.hot-jobs-wrap, div.hot-motors-wrap, div.hot-homes-wrap, div.classified-homes p, div.classified-jobs p, div.classified-quicklinks ul li { padding-bottom:5px;} div.hot-motor p, div.hot-home p {padding-bottom:2px;} div.hot-job h5, div.hot-motor h5{ padding-top:0px; } div.hot-job {margin-bottom:5px;} div.hot-motor, div.hot-home { margin-bottom:10px; border-bottom:1px dotted #cccccc;} div.hot-motor img, div.hot-home img{ margin:0px 10px 5px 10px; display:block;} div.sponsored-link {padding-bottom:5px;margin-bottom:5px;} div.classified-homes img {margin-top:5px;} div.classified-quicklinks h4 {margin-bottom:5px;} div.classified-quicklinks {text-align:left;padding: 0 0 5px 0;} div.classified-quicklinks ul {font-weight: bold;margin: 0;padding:0;text-align:left;} div.classified-quicklinks ul li {margin:0 5px;padding-bottom:5px;padding-top:5px; border-bottom: 1px solid #f1f0e6;} div.hot-addlinks {margin:0;padding: 0; } div.hot-addlinks ul {margin:0px 10px;padding: 0;font-weight:normal;} div.hot-addlinks ul li {padding-bottom:5px;} /*dating search box styles - not sure if being used but will leave in --------------------------------------------------------*/ .clsSearchBoxButton, .clsSearchBoxSelect, .clsSearchBoxTextBox { margin:2px 0; } .clsSearchBoxText { padding: 0 5px 0 0px; color: #000; } /*breaking news styles - not sure if being used but will leave in --------------------------------------------------------*/ .breaking-news {float: left; width: 648px;font-size:1.15em;padding:0px 0 5px 0;font-weight:bold; margin-bottom:0px; margin-top: -4px; background: #fff url('http://images.icnetwork.co.uk/collections/css_r2_all/dots.gif') repeat-x bottom;} span.breaking-news-text { padding:0px 10px; margin-right:10px;margin-left:-10px;} /*article styles - these styles and elements are used on all article pages --------------------------------------------------------*/ /*social bookmarking*/ div.share-article{float: left;width: 483px;margin: 10px 0 10px 0; } div.share-article ul{ margin:0;padding:0;font-weight:bold;} div.share-article ul li{float:left;padding:0px 0px 10px 5px;} /*reader comments and get involved forms*/ div.article-comment, div.your-paper-form {float: left;width: 485px;margin: 0px 0 10px 0;padding-bottom:5px;} div.your-paper-form { width: 485px; margin-top:10px;} div.your-paper-form h4 { background: #333; text-transform: uppercase; color: #fff;} div.your-paper-form p { margin-left: 10px; } .tab_textbox {width: 450px;} div.article-comment p, div.your-paper-form p{padding-bottom:0px;} div.your-paper-form label {font-weight:bold; font-size: 1.0em;} div.reader-comments, div.reader-comments {margin-bottom:10px;font-weight:bold;text-align:left;} div.reader-comments{ margin-bottom:10px;font-weight:bold;} /*article date styles*/ p.article-date {padding-bottom:5px;} div.article-image p.article-date {display:none;} /* hide for now until caption problem sorted*/ span.related-article-date {font-size:0.95em; } /*default article styles for lists, images, etc*/ div#content-article div#three-col-wrap div#three-col p, div.arbitaryhtml-article p {padding:7px 7px;font-size:0.95em;}/*to use on arb html to look like articles*/ div#content-article div#three-col-wrap div#three-col ul {padding:7px 7px;font-size:0.95em;} div#content-article div#three-col-wrap div#three-col img {float:right;margin:10px;} /*site tools*/ div.site-tools {margin:0;padding: 0; } div.site-tools img {margin:0 10px 0px 10px;padding: 0;float:left;} div.site-tools ul {margin:0px 7px;padding: 0;font-weight:normal;} div.site-tools ul li{padding-top:2px; padding-bottom:3px; } div.video-wrapper div.site-tools ul li { background: none; padding: 0; } div.related.share.side {padding: 5px 10px;} /*all default image padding/margins/floats*/ div.puffs img, div.three-col div.puffs img, div.three-col-highlight div.puffs img, div.quick-links-list img {margin:0 7px 7px 7px; } div.puffs img {float:right;} div.three-col div.puffs img, div.three-col-highlight div.puffs img, div.video-teaser img, div.promo img {float:left;} div.promo img {margin:0 7px 0 5px;} div.quick-vote img {margin-left:5px;} div.video-teaser img {margin:0 20px 0px 10px;padding:0;} div.search-articles-teasers p img {margin: 0 5px 5px 0;} .one-col .blog-wrapper img {margin: 0 0 10px 10px; } /*Global display styles used throughout the site*/ /*Global display styles used throughout the site*/ div.teasers {margin:0 0 10px 0; padding: 0; } div.teasers img {margin:0 7px 5px 7px;padding: 0;float:left; } div.teasers + div.teasers { padding:3px 0 2px 0; } div.quick-links {margin:0 0 5px 0;padding: 0; } div.quick-links-list {margin:0px 0 0px 0;padding: 0;display:block;} div.quick-links-list ul {margin:0px 7px;padding: 0; font-weight:normal;} div.quick-links-list ul li{padding-top:2px;padding-bottom:3px;} div.storylist, div.tags {display:block;} .more-articles {font-weight:bold;} div.tags ul {margin:0px 5px;padding: 0;font-weight:normal;line-height:1.6em;} div.tags ul li{display:inline;padding-bottom:5px;} .floatright { float: right; } div.storylist ul, div.wrapper div.one-col ul, div#content-channel div#three-col-wrapper div.three-col-highlight ul { margin:0px 10px;padding: 0;} div.storylist ul li, div.wrapper div.one-col ul li, div#content-channel div#three-col-wrapper div.three-col-highlight ul li { padding-top:3px; padding-bottom:3px;} div.pufflist {margin:10px 0 10px 0;padding: 0;display:block;} div.pufflist ul {margin:0px 5px;padding: 0;font-weight:normal;} div.pufflist ul li{padding-bottom:5px;} div#content div#playerDiv { width: 320px; } div.video-teaser {margin:10px 0 10px 0;padding: 0px;} div.video-teaser p {margin:5px 10px 0 10px; color:#000;} div.video-teaser ul {margin:0px 10px 0 355px;padding: 0;font-weight:normal;} div.video-teaser ul li{padding-top:3px; padding-bottom:2px; background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr.gif") no-repeat 0 8px; padding-left:10px;} div.video-col {float:left;width:320px;margin:15px 0 5px 0;} .videoembed {float:left;margin:0 20px 10px 10px;display: inline;} .galleryembed {float:left;margin:0 15px 10px 10px;width:360px;} div.video-wrapper h2.list-head-color-multimedia { background: #005bad url('http://images.icnetwork.co.uk/collections/css_r2_bootle/colour1.gif') repeat-x top; color: #fff; padding: 4px 0 3px 7px; font-size: 1em;} .galleryembed p {padding-top: 25px;} div.puffs {display:block; padding-bottom:7px;} div.promo {margin:10px 0 10px 0;padding: 0; } div.your-site {margin:0 0 10px 0;padding: 0;} div.your-site-list {margin:0 0 10px 0;padding: 0;display:block; } div.your-site-list ul {margin:0px 7px;padding: 0;font-weight:normal; } div.your-site-list ul li{ padding-top:3px; padding-bottom:2px;} div.quick-vote {margin:0 0 10px 0;padding: 0; overflow: hidden;} div.quick-vote p strong {font-size: 0.775em;margin:5px 0px 0 1px;padding: 0; font-weight: normal; display: inline-block;} div.quick-vote input { margin-top: 5px; } /*icon links --------------------------------------------------------*/ /*all elements using arrow icon */ div.storylist ul li, div#content-channel div#three-col-wrapper div.three-col-highlight ul li, div.site-tools ul li, div.pufflist ul li, div.hot-addlinks ul li, div.quick-links-list ul li { background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr.gif") no-repeat 0 8px; padding-left:10px;} .readlink {font-weight:bold; margin-left: 2px;} div#sidebar div#classified-col div.hot-jobs-wrap div.hot-addlinks ul li {background:url('http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr.gif') no-repeat 0 5px; padding-left:10px; } div.hot-motors-wrap h4.list-head-colour1 span.motors {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/jobshomesmotors.gif") no-repeat 0 50%;padding-left:17px; background-position: 0 -96px;} div.hot-jobs-wrap h4.list-head-colour1 span.jobs {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/jobshomesmotors.gif") no-repeat 0 50%;padding-left:17px; background-position: 0 2px;} span.jobs {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/jobshomesmotors.gif") no-repeat 0 50%;padding-left:17px; background-position: 0 3px;} span.homes {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/jobshomesmotors.gif") no-repeat 0 50%;padding-left:17px; background-position: 0 -49px;} span.motors {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/jobshomesmotors.gif") no-repeat 0 50%;padding-left:17px; background-position: 0 -99px;} .delic {background:url("http://images.icnetwork.co.uk/collections/css_r2_all/socialbookmark_icons.gif") no-repeat 0 50%;padding-left:18px; background-position:0 3px; } .digg {background:url("http://images.icnetwork.co.uk/collections/css_r2_all/socialbookmark_icons.gif") no-repeat 0 50%;padding-left:18px; background-position:0 -28px; } .stumbleupon {background:url("http://images.icnetwork.co.uk/collections/css_r2_all/socialbookmark_icons.gif") no-repeat 0 50%;padding-left:19px; background-position:0 -62px; } .newsvine {background:url("http://images.icnetwork.co.uk/collections/css_r2_all/socialbookmark_icons.gif") no-repeat 0 50%;padding-left:18px; background-position:0 -96px; } /* classified list icons ----------------------------------*/ li.jobs {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/classified.gif") no-repeat 0 50%; padding-left:17px; background-position:0 9px;} li.homes {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/classified.gif") no-repeat 0 50%; padding-left:17px; background-position:0 -43px;} li.motors {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/classified.gif") no-repeat 0 50%; padding-left:17px; background-position:0 -91px;} li.dating {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/classified.gif") no-repeat 0 50%; padding-left:17px; background-position:0 -144px;} li.family {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/classified.gif") no-repeat 0 50%; padding-left:17px; background-position:0 -193px;} li.photosales {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/classified.gif") no-repeat 0 50%; padding-left:17px; background-position:0 -242px;} li.holiday {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/classified.gif") no-repeat 0 50%; padding-left:17px; background-position:0 -295px;} li.buysell {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/classified.gif") no-repeat 0 50%; padding-left:17px; background-position:0 -341px;} li.classifieds {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/classified.gif") no-repeat 0 50%; padding-left:17px; background-position:0 -394px;} li.localmole {background:url("http://images.icnetwork.co.uk/collections/css_r2_all/local_mole.gif") no-repeat 0 50%; padding-left:17px;} li.travel {background:url("http://images.icnetwork.co.uk/collections/css_r2_travel/travel-bootle.gif") no-repeat 0 50%; padding-left:17px;} li.bookanad {background:url("http://images.icnetwork.co.uk/collections/css_r25_all/hand-icon.gif") no-repeat 0 50%; padding-left:17px;} h3.list-head-colour a.channellink {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr_white.gif") no-repeat 100% 5px; padding-right:10px;margin-right:7px;} .postastory {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr.gif") no-repeat 0 50%;padding-left:10px; } .sendvideo {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr.gif") no-repeat 0 50%;padding-left:10px; } .sendpics {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr.gif") no-repeat 0 50%;padding-left:10px; } .joinbloggers {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr.gif") no-repeat 0 50%;padding-left:23px; font-weight:bold; padding-top:5px; padding-bottom:5px;} .joinforums {background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr.gif") no-repeat 0 50%;padding-left:23px; font-weight:bold; padding-top:5px; padding-bottom:5px;} /* multimedia icons --------------------------------*/ li.playgallery {background:url("http://images.icnetwork.co.uk/collections/css_r2_crosby/vidgallerytag1.gif") no-repeat 100% 50%; padding-right:20px;font-weight:bold; background-position:100% 3px;padding-top:5px;padding-bottom:5px;} li.podcast {background:url("http://images.icnetwork.co.uk/collections/css_r2_crosby/vidgallerytag1.gif") no-repeat 100% 50%;padding-right:20px;font-weight:bold; background-position:100% -47px;} li.playvideo {background:url("http://images.icnetwork.co.uk/collections/css_r2_crosby/vidgallerytag1.gif") no-repeat 100% 50%; padding-right:20px;font-weight:bold; background-position:100% -96px; padding-top:5px;padding-bottom:5px;} li.video {background:url("http://images.icnetwork.co.uk/collections/css_r2_crosby/vidgallerytag1.gif") no-repeat 0 50%; padding-left:23px; font-weight:bold; padding-top:5px; padding-bottom:5px; background-position:0 -100px;} span.tags {background:url("http://images.icnetwork.co.uk/collections/css_r2_crosby/vidgallerytag1.gif") no-repeat 0 50%;padding-left:23px; background-position:0 -145px;padding-top:5px;padding-bottom:5px;} li.rssiconbig {background:url("http://images.icnetwork.co.uk/collections/css_r2_crosby/vidgallerytag1.gif") no-repeat 0 50%;padding-left:20px; padding-top:5px;padding-bottom:5px; font-weight:bold; background-position:0 -196px;} div.site-tools ul li.articleprint {background:url("http://images.icnetwork.co.uk/collections/css_r2_crosby/vidgallerytag1.gif") no-repeat 0 50%; padding-left:20px; padding-top:5px; padding-bottom:5px; background-position:0 -330px;} div.site-tools ul li.articleemail {background:url("http://images.icnetwork.co.uk/collections/css_r2_crosby/vidgallerytag1.gif") no-repeat 0 50%; padding-left:20px; padding-top:5px; padding-bottom:5px; background-position:0 -288px;} div.site-tools ul li.articlerss {background:url("http://images.icnetwork.co.uk/collections/css_r2_crosby/vidgallerytag1.gif") no-repeat 0 50%; padding-left:20px; padding-top:5px; padding-bottom:5px; background-position:0 -196px;} .rssiconbig {background:url("http://images.icnetwork.co.uk/collections/css_r2_scotmaster/vidgallerytag.gif") no-repeat 0 50%;padding-left:20px; padding-top:5px;padding-bottom:5px; font-weight:bold; background-position:0 -196px;} .rssicon {background:url("http://images.icnetwork.co.uk/collections/css_r2_scotmaster/vidgallerytag.gif") no-repeat 100% 50%;padding-right: 20px; background-position:right -248px;} .rssfeed {background:url("http://images.icnetwork.co.uk/collections/css_r2_all/i_rss_big.gif") no-repeat 0 50%;padding-left:20px; padding-top:5px;padding-bottom:5px; font-weight:normal;} /* this is the style used for the neswspaper branding text --------------------------------------------------------*/ span.branding-text {font-weight:bold;} /*Pagination style URL: http://www.dynamicdrive.com/style/ *Credits: Dynamic Drive CSS Library used for all pagination on the site --------------------------------------------------------*/ .pagination {clear:both;} .pagination ul{margin: 10px 0px 10px 5px; padding: 0;text-align: right;} /*Set to "right" to right align pagination interface*/ .pagination li{ list-style-type: none;display: inline; margin: 0 2px 0 0;} .pagination a, .pagination a:link, .pagination a:visited{ padding: 3px 5px;text-decoration: none; color: #fff; background: #333; } .pagination a:hover, .pagination a:active{color: #fff; text-decoration: underline;} .pagination li.currentpage {font-weight: bold; padding:3px 5px; background: #fff; } .pagination li.nextpage, .pagination li.prevpage{ } .search-pagination{background-color:#f5f5f5;padding:3px 5px;float:left;} * html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/ margin-right: 5px;padding-right: 0;} /* sitemap styles -------------------------------*/ div#wrap div#wrap-inner div#content div.wrapper div.two-col div.sitemap-list h4.list-head-color2 {background: #00549b url('http://images.icnetwork.co.uk/collections/css_r2_bootle/colour1.gif') repeat-x top; color: #fff; text-transform: uppercase;} div#content-channel.sitemap div#three-col-wrapper div#content { margin: 0 0 0 0; margin-top: 0; padding:0 0 0 0; padding-top: 0;} div.two-col div.sitemap-list { margin: 0; } div.sitemap-list { width: 100%; padding: 0px 0px 0px 0px; } div.sitemap-list ul { font-size:0.98em; font-weight:normal; line-height:1.4em; } div.sitemap-list ul { margin: 0; padding: 0; } div.sitemap-list ul li ul { margin: 0 0px 0 0; padding: 0; } div.sitemap-list h4.list-head-color2 a { font-size: 1.0em; background: url('http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr_white.gif') no-repeat 100% 4px; padding-right:10px; color: #fff;} div.wrapper div.two-col div.sitemap-list ul li { clear: both; margin: 1px 0 1px 0px; background: #f5f5f5; padding:0px 0; } div.two-col div.sitemap-list ul li a img { display: inline; float: right; padding: 5px 7px 0 0; } div.two-col div.sitemap-list ul li a.level1 { font-size: 1.00em; padding: 0px 0 0 7px; font-weight: bold; line-height: 2em; } div.two-col div.sitemap-list ul li a.level2 { padding: 0 0 0 30px; font-size:0.85em; } div.two-col div.sitemap-list ul li a.level3 { padding: 0 0 0 50px; font-size:0.85em;} div.two-col div.sitemap-list ul li a.level4 { padding: 0 0 0 60px; font-size:0.5em;} div.two-col div.sitemap-list ul li a.level5 { padding: 0 0 0 80px;} ul.monthly-archive li a { padding-left: 10px; font-size: 0.8em; } div.two-col div.sitemap-list ul li { background: #f5f5f5; margin: 1px 0;} ul li.sitemap-toplevel a.sitemap-rss img { margin-top: 5px; } /*Search and search results styles --------------------------------------------------------*/ #search{ float:left;} #search-sections{float: left; width: 485px;margin: 5px 0;padding: 5px 0; } #search-sections p{padding-bottom:5px;} #search-articles{float: left; width: 485px;margin: 10px 0 10px 0;} #search-articles h4 { background: #c10101 url('') repeat-x bottom; color: #fff; } #new-search { float:left;display: inline;padding:0 5px;font-weight: bold; margin-bottom: 20px;} div.search-articles-teasers {margin:0 0 10px 0;padding: 0 0 10px 0;} div.search-articles-teasers p {clear: both;margin: 0px;} .search-showing{ float:left; margin-left:5px;} .search-more a{float:right;} .search-refine {float: left;width: 485px;margin: 10px 0 0 0;padding:0px;} .search-refine p{margin:0px;padding-bottom:5px;} .search-refine form{display:inline;} .search-again{float: left;width: 485px;margin: 10px 0 10px 0;padding:0px 0 10px 0;} .search-again-text{ float:left;font-weight:bold;margin-left:10px;font-size:0.85em;} .search-again-select{ float:left;margin-left:10px;} .search-again-input{ float:left;margin-left:10px;width:180px;} .search-again-button{ float:left;} div.search-tips {display:block;} div.search-tips ul {margin:0px 5px; padding: 0;} div.search-tips ul li{padding-bottom:5px; } /* subscribe form ----------------------------------------------*/ div#subscribe textarea { margin: 0 0 0 10px;} div#subscribe h3 { padding: 4px 0 0 10px; margin: 10px 0 3px 0; } div#subscribe input.input-submit { float: left; margin: 15px 0 0 5px; padding: 0; } div#subscribe input#Description { margin: 2px 10px 0 10px;} /* upload results -----------------------------------------------*/ div.w-upload-user-thanks p { margin: 10px 0 10px 0; } /* Styles for the quiz object and email a friend*/ div#quiz-wrap, div#email-a-friend { width:400px; margin: 0 auto;} #email-a-friend-logo {float: left; height: 84px; background: url("http://images.icnetwork.co.uk/collections/css_r2_bootle/email_logo.gif") no-repeat; } div#quiz-content, div#email-a-friend-content { text-align:left; width:398px; background: #fff; font-weight:bold; padding-bottom:50px; } div#email-a-friend-content h2{ padding:10px; color: #000;} div.quiz-score { float:right; background: #000 url("http://images.icnetwork.co.uk/design/liverpoolecho/quiz_score_rounded.gif") no-repeat 0 50%; color: #fff; padding:5px 10px 5px 20px; } div.quiz-question-number { float:left; color: #000; padding:5px 10px 5px 10px; font-style:italic; } div.quiz-answer { margin:10px 0; padding:10px; border: 1px solid #cccccc; font-size:1.2em; font-weight:bold; text-align:center; width:340px; margin-left:18px; background:#ffffff; } p.quiz-question { padding:10px; font-size:1.0em; color: #993300; font-weight:bold; } p.quiz-options { padding:5px 10px; font-size:0.95em; color: #000; font-weight:bold; } /* forum quote displayed as comments at the bottom of articles, blockquote can be used elsewhere --------------------------------------------------------*/ blockquote{margin: 0px 0 10px 0;padding: 0px 0 0 0;background: url("http://images.icnetwork.co.uk/collections/ss_r2_sundaymail/quote1.gif") no-repeat top left;} blockquote + blockquote {margin-top:10px;} .comment{margin: 0px 12px 0 22px;font-weight:normal;text-align:left;} .posted {margin: 5px 10px 10px 10px;padding: 0px;text-align:left;color: #666;font-weight:bold;} .title {margin: 10px 10px 5px 10px;padding: 0px;} .multimedia-tab{ padding: 3px 0; margin-left: 0; margin-top:10px; font-weight:bold; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .multimedia-tab li{ display: inline; margin: 0; } .multimedia-tab li a{text-decoration: none; padding: 5px 7px; margin-right: 1px; border-bottom: none; color: #fff; } .multimedia-tab li a:hover{ text-decoration:underline; } .multimedia-tab li.selected a{ /*selected tab effect*/ position: relative; top: 1px; padding-top: 4px; background: #000 ; text-decoration:none; } /* Added by Chris Lam on 18/6/07 - styles for 'Terms and Conditions' and 'Pivacy Policy' */ div#termsandconditionscontainer { margin: 0 10px 0 10px; } div#termsandconditionscontainer ul{ margin: 0 50px 0 40px;} div#termsandconditionscontainer ul li {list-style: disc; font-size: 1.175em;} div#termsandconditionscontainer h2{ font-size: 100%; margin: 25px 0 0px 0; } dl.termsandconditions_list { margin: 0; padding: 0; } dl.termsandconditions_list dt {float: left; margin: 0px 0 0 10px; font-weight: bold; padding: 10px 0 0 0; font-size: 0.95em; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;} dl.termsandconditions_list dd {margin: 0px 0 0 50px; clear: right; padding: 10px 0 0 0; } .termsparaindent { margin: 10px 0 10px 10px;} dl.termsandconditions_indentlist { margin: 0; padding: 0;} dl.termsandconditions_indentlist dt { float: left; clear: left; margin: 0px 0 0 0px; font-weight: bold; padding: 10px 0 0 0; font-size: 1em; } dl.termsandconditions_indentlist dd { margin: 0px 0 0 25px; padding: 10px 0 0 0; } dl.definition-list { margin: 20px 0 0 0; padding: 0;} dl.definition-list dt {clear: both; width: 155px; float:left; padding: 7px 0 7px 0;} dl.definition-list dd { padding: 7px 0 7px 170px;} /* rate article ---------------------------------------*/ div.rate-article-small { text-align: left; padding: 0 10px 0 10px; } div.rate-article ul { margin: 5px 0 0 50px; padding:0; font-weight:bold; } div.rate-article-small ul { margin:0 0 0 0px; padding:0; font-weight:bold; } div.rate-article ul li, div.rate-article-small ul li { background: url('http://images.icnetwork.co.uk/collections/css_r2_bootle/stars.gif') no-repeat; background-position: 0 0px; float: left; padding: 20px 7px 10px 7px;} p.ratingtext { clear: both; margin: 0 0 2px 0; padding: 0; text-align: left; } /* Average rating -----------------------------------------*/ div.averagerating { float: right; padding-right: 50px; } div.averagerating1 { margin: 0 10px 0 0px; } div.averagerating ul, div.averagerating1 ul { margin: 0 10px 0 0px; } div.averagerating ul li, div.averagerating1 ul li { padding: 4px 8px 4px 4px; background: url('http://images.icnetwork.co.uk/collections/css_r2_bootle/stars.gif') no-repeat; background-position: -1px -100px; } div.rate-article ul li.on, div.rate-article-small ul li.on { background: url('http://images.icnetwork.co.uk/collections/css_r2_bootle/stars.gif') no-repeat; background-position: 0 -51px; float:left; margin: 0 0 0 0; } /* added by Chris Lam 1/8/08 -tab menu for most popular */ div#mostpopular-tabs { float: left; margin: 0 0 10px 0; border: 0px solid #d2d2d2; width: 100%; background: #fff;} #mostpopular-navlist { padding: 0.33em 0; margin-left: 0px; border-bottom: 1px solid #d2d2d2; font-size:0.85em; } #mostpopular-navlist li { list-style: none; margin: 0px 0px 0 0; padding: 0 0 0 0px; display: inline; background: none; } #mostpopular-navlist li a:hover { background: #f6f6f6; border-color: #d2d2d2; text-decoration: underline; } #mostpopular-navlist li a { padding: 4px 0.4em; margin-left: 5px; border: 1px solid #d2d2d2; border-bottom: none; background: #f6f6f6; text-decoration: none; } #mostpopular-navlist li a.current { padding: 4px 7px; background: white; border-bottom: 1px solid white; } div#content-channel #mostpopular-navlist li a { padding: 4px 0.4em; margin-left: 5px; border: 1px solid #d2d2d2; border-bottom: none; background: #f6f6f6; text-decoration: none; } div#content-channel #mostpopular-navlist li a.current { padding: 5px 7px; background: white; border-bottom: 1px solid white; } div#content-article #mostpopular-navlist li a { padding: 4px 0.4em; margin-left: 5px; border: 1px solid #d2d2d2; border-bottom: none; background: #f6f6f6; text-decoration: none; } div#content-article #mostpopular-navlist li a.current { padding: 5px 7px; background: white; border-bottom: 1px solid white; } div#content #mostpopular-navlist li a { padding:4px 0.4em; margin-left: 5px; border: 1px solid #d2d2d2; border-bottom: none; background: #f6f6f6; text-decoration: none; } div#content #mostpopular-navlist li a.current { padding: 5px 7px; background: white; border-bottom: 1px solid white; } div.two-col #mostpopular-navlist li a { padding: 4px 0.4em; margin-left: 5px; border: 1px solid #d2d2d2; border-bottom: none; background: #f6f6f6; text-decoration: none; } div.two-col #mostpopular-navlist li a.current { padding: 5px 7px; background: white; border-bottom: 1px solid white; } /* styles for the top ten */ #top-widget-list-top ol, #top-widget-list-emailed ol{ font-size:0.85em; margin: 0 0 0 30px; padding: 0; color: #333; } #top-widget-list-top ol li, #top-widget-list-emailed ol li { padding: 5px 10px 5px 0; } /* tag cloud styles --------------------------------------------------------*/ .tag-cloud { background:#f5f5f5; text-align:left; padding: 7px;} .tag-cloud li { display: inline; padding:0px 10px 0px 0px;} .tag-cloud .not-popular { font-size: 0.7em; } .tag-cloud .not-very-popular { font-size: 1em; } .tag-cloud .somewhat-popular { font-size: 1.6em; } .tag-cloud .popular { font-size: 1.85em; } .tag-cloud .very-popular { font-size: 2.1em; } .tag-cloud .ultra-popular { font-size: 2.3em;} /* blog aggregator styles --------------------------------------------------------*/ .blog-wrapper ul{ margin:0 10px; font-size: 0.8125em; } .blog-wrapper .teasers .entryblogname, .blog-wrapper ul li.entrylinkblogname {background:url("http://images.icnetwork.co.uk/collections/css_r2_sundaymail/blog_name.gif") no-repeat 0 50%; font-size:1em;} div.blog-wrapper ul li { padding: 2px 0; } div.blog-wrapper ul li br { display: none; } div.one-col div.blog-wrapper ul li, div.blog-wrapper ul li { padding-bottom:3px; background: url('http://images.icnetwork.co.uk/collections/css_r2_all/dots.gif') repeat-x bottom; margin-top: 1px;} .blog-wrapper ul li strong.entrylink { font-size:1.0em; font-weight: bold; } .entrydate { font-size:1em; display:block; padding:0px 10px; color: #999;} div.teasers div.clearfix small.entrydate { font-size: 0.9em; } div.two-col div.blog-wrapper div.teasers div.clearfix a.entryblogname { font-size: 0.9em; } div.two-col div.blog-wrapper ul li a, div.three-col div.blog-wrapper ul li a { background: url('http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr.gif') no-repeat 0 4px; padding-left: 10px; display: list-item;} div.two-col div.blog-wrapper ul li a.entrylinkblogname, div#three-col-wrapper div.blog-wrapper ul li a.entrylinkblogname { background: none; } div.three-col a.entrylinkblogname { font-size: 1.0em;} div.three-col p.entrysummary { margin: 0 0 0 5px; font-size: 1.07em; } div.three-col a.more { margin-bottom: 5px; } div.three-col div.blog-wrapper ul li p.entrysummary a.more { background: none; padding: 0; font-weight: bold;} /* hackable urls --------------------------------------------------------*/ .articleDatePage{ float:left;} .articleDatePage h1{ font-size:0.9em;} .crumbsCentre{ font-weight: bold; font-size: 0.85em; float:right; border: 1px solid #cccccc; padding: 1px 5px;} .crumbsBrowseByDate { float:right; margin-bottom:10px;} .crumbsBrowseByDate li{ display:inline; margin:10px 0px; font-weight: bold; font-size: 0.85em; border: 1px solid #cccccc; padding: 1px 5px;} .articleDatePage #search-articles .teasers a { font-weight:bold; display:block; font-size:1.2em;} .articleDatePage #search-articles .teasers {padding-left:10px; font-size:0.85em; border-bottom:1px dotted #ccccccd; padding-bottom:10px;} .articleDatePage #search-articles .teasers h2 { margin-left:-10px; } .articleDatePage #search-articles .teasers p { font-size:0.95em; margin-left:-10px; } .articleDatePage #search-articles .teasers .readlink { font-size:1em;} #browseByDate { font-size:1em; margin:0 5px; font-weight:bold;} ul#browseByDate li {padding:5px 0 5px 0;border-top:1px dotted #cccccc} #content-channel #search-articles {width: 420px;} #content-channel .pagination ul{ margin: 0 3px 5px 5px; } div#content-channel div#three-col-wrap { float:left;width: 425px;} div#content-multimedia { margin-top: 10px; } /* google ads --------------------------------------------------------*/ .sponsored-link h5 { padding-bottom:2px; } .sponsored-link { padding-bottom:5px; margin-bottom:5px; } .sponsored-link a:link { text-decoration:none; } .sponsored-link p a:link {position: relative; font-weight:normal;} .google-adlink { font-size:0.85em; font-weight:normal; } .sponsored-link .google-adlink:hover { text-decoration:underline; font-weight:normal; } /*styles for dynamic panel */ /* dynamic panel styles -------------------------------------------------------*/ * html .four-col-dynamic {display: inline;} div#content .four-col-dynamic:before { display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height: 0; } div.four-col-dynamic {float: left;} div.dynamic-panel padding:0; margin:0; overflow:hidden!important; width: 485px; position: relative; } div.dynamic-panel div.news { background: #cccccc; } div.dynamic-panel div.hamilton { background: #cccccc; } div.dynamic-panel div.dynamic-panel-bottom { background-color: #000000; } .dynamic-panel-strapline { width: 485px; padding:0; margin:0; float:left; background: #00549b url('http://images.icnetwork.co.uk/collections/css_r2_bootle/colour1.gif') repeat-x top; color: #fff; } .dynamic-panel-strapline p { line-height: 20px; color: #fff; padding-top:2px; padding-bottom:2px; font-size:0.9em; } .dynamic-panel-bottom { float:left; width: 485px; padding:5px 0 20px 0; background: url("http://images.icnetwork.co.uk/design/r2/dynamic_panel_white_tear.gif") repeat-x bottom; } /* commented backslash hack - invisible to IE5 Mac \*/ html>body div.dynamic-panel-bottom { background: url("http://images.icnetwork.co.uk/design/r2/dynamic_panel_white_tear.png") repeat-x bottom; } .dynamic-panel-bottom p { display: inline; } .dynamic-panel-bottom img { border:0;} .dynamic-panel img { padding:0; margin-bottom: -3px;} .dynamic-panel-buttons {float:right;} .dynamic-panel-buttons img {border:0; padding-bottom:0px; height: 20px; } .float-right { float:right; } div#wrap div#wrap-inner div#contentdiv .col-wrap div .wrapper_fix div .wrapper div .four-col-dynamic div.dynamic-panel div.dynamic-panel-bottom { background: #000; } .button1_on { background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/dynamic_buttons.gif") no-repeat; background-position:0 0; } .button2_on { background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/dynamic_buttons.gif") no-repeat; background-position:0 -21px; } .button3_on { background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/dynamic_buttons.gif") no-repeat; background-position:0 -42px; } .button4_on { background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/dynamic_buttons.gif") no-repeat; background-position:0 -63px; } .button5_on { background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/dynamic_buttons.gif") no-repeat; background-position:0 -84px; } .button6_on { background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/dynamic_buttons.gif") no-repeat; background-position:0 -105px; } .button1 { background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/dynamic_buttons.gif") no-repeat; background-position:0 -126px; } .button2 { background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/dynamic_buttons.gif") no-repeat; background-position:0 -147px; } .button3 { background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/dynamic_buttons.gif") no-repeat; background-position:0 -168px; } .button4 { background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/dynamic_buttons.gif") no-repeat;background-position:0 -189px; } .button5 { background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/dynamic_buttons.gif") no-repeat;background-position:0 -210px; } .button6 { background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/dynamic_buttons.gif") no-repeat; background-position:0 -231px; } /* weather styles -------------------------------------------------------*/ div.weather {margin: 0 0 0 10px;} .weathercurrent {background: #fff; font-weight:bold; padding: 5px;} div.weather td.weatherhighlow {color:#666666;font-size:0.85em;} .weatherfuture1 {background: #fff; font-weight:bold; padding: 10px 3px 6px 3px; text-align:center; border-bottom: 1px solid #ccc;} .weatherfuture2 {background: #fff; padding: 10px 3px 6px ; text-align:center; border-bottom: 1px solid #ccc; } .weatherfutureheading {font-weight:bold; border-top: 1px solid #ccc; padding: 10px 0 0 0; text-align: center;} div.weather td.weatheraccreditation {font-size:0.85em;color: #666666;} .weathertable {border:1px solid #d2d2d2; } .weathertemplink { font-weight:bold; } div.weather td {font-size:0.95em;line-height: 1.3em;color: #000;} .weathertown{ font-size:1.3em; margin:0; padding: 10px 0px; font-weight:bold; font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif; } /* horoscopes styles for the regional horoscopes featuring Claire Petulenro --------------------------------------------------------*/ #horowrap{font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; font-size:12px; width:430px; text-align:center;} .horoheader{font-weight:bold; margin:25px 0;} .hororow{width:430px; margin-top:20px; overflow:hidden; } .horosign{font-size:0.85em;float:left;margin:5px 11px 5px 0; color:#666666; line-height:1.3em;} #horobanner{clear:both; width:428px;float:left; height:56px;border:1px solid #cccccc; margin:15px 0px 15px 0px; background-image:url("http://images.icnetwork.co.uk/upl/icsandpit/jan2007/2/9/067ED1E2-BF56-76F4-39DE273554F37081.jpg"); background-repeat:repeat-x; } .horoclaire{float:left; width:78px;} .horophone{float:left;font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;font-size:12px; font-weight:bold; margin:8px 2px 0px 5px; width:310px;} div.M2HoroscopeT { text-align:left; margin-top:25px;} div.M2HoroscopeT img { float:left;margin-right:10px;} span.M2HoroscopeTHeadline { font-weight:bold;} div.M2HoroscopeTDate {font-size: 0.95em;} /* email/forum -------------------------------------------------------*/ div.article-embedded-footer { margin: 5px 0px 10px 0; padding: 5px 0 5px 0; font-size:1em; background:#f0f4f7; width: 100%; } div.article-embedded-footer a { font-weight: bold; } p.link-with-prelink-text { margin: 5px 0 5px 0px; } /* Public notices --------------------------------------------------------*/ div#left-content-col div.PublicNoticeSearch {width: 485px; border:0; background: #fff margin: 0px 0 0 0px;} div#three-col-wrap div.PublicNoticeSearch {width: 485px; border:0; background: #fff; margin: 5px 0 0 0px;} div#left-content-col div.PublicNoticeSearch form, div#three-col-wrap div.PublicNoticeSearch form {padding:0px 7px;} div#left-content-col div.PublicNoticeSearch h1, div#three-col-wrap div.PublicNoticeSearch h1 {color: #036; font-size:0.95em;padding: 3px 7px 2px 7px;margin: 0px 0px 10px 0px;font-weight:bold; border:0; line-height:140%; background: none; text-transform: uppercase; border-bottom: 5px solid #e0e0e0;} div#three-col-wrap div.PublicNoticeNoResults {padding:5px 7px; margin-top:10px; font-size: 0.95em; color:#f82d2b; border: 1px solid red; width: 470px;} div.PublicNoticeSearch h2 { margin: 0; padding: 0px 0 5px 0; font-size:0.85em; line-height:140%; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;} div.PublicNoticePDFWarning div { font-size:1em; line-height:140%; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;} ul.PublicNoticesClasses { float: left; text-align: left; margin: 0 0 10px 7px; } ul.PublicNoticesClasses li { height: 30px; text-align: left; background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr.gif") no-repeat 0 5px; padding-left:10px; } div.PublicNoticesRecent h1 { background: #003366 url('') repeat-x bottom; color: #fff; font-size:0.95em; padding: 5px 7px;margin: 0px 0px 10px 0px;font-weight:bold; border:0; line-height:140%; width:470px; } div.PublicNoticesRecent { margin: 0 0 0 0px; } ul.PublicNoticesClasses { float: left; text-align: left; margin: 0 0 10px 10px; } ul.PublicNoticesClasses li { height: 25px; text-align: left; background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr.gif") no-repeat 0 5px; padding-left:7px; } div#three-col-wrap div.PublicNoticePDFWarning, div#left-content-col div.PublicNoticePDFWarning { clear: both; margin-top:0px; width: 480px; border:0; } div.PublicNoticePDFWarning a {color: #003366; } div.PublicNotice a { color: #003366; } div.PublicNotice span.PublicNoticeDate { font-size: 0.85em; } div.PublicNotice span.PublicNoticeOrg { font-size: 0.85em; } div.PublicNotice a.PublicNoticeTitle { font-size: 0.85em; text-transform: uppercase; } div.PublicNotice a.PublicNoticePubs { font-size: 0.85em; } div.PublicNoticeMore { width:460px;} div.PublicNoticeMore a { color: #003366; font-size: 0.85em; text-align:left;} div.PublicNoticesRecent ul.PublicNoticesClasses li.PublicNoticeMore a { color: #003366; } div.PublicNoticeResults div.PublicNotice, div.PublicNoticesRecent div.PublicNotice { width: 470px; border-top: 1px solid #ccc; clear: both; margin-bottom:10px;} div.PublicNoticeResults div.PublicNoticeResultCount h1 { font-size: 1.3em; line-height: 2em;} div.PublicNoticeResults { margin: 10px 0 0 10px; } div.PublicNoticeResults div.PublicNoticeResultCount span.PublicNoticeSearchDesc { line-height: 1.5em; } div#three-col-wrap div.PublicNoticeResults h1 { font-size: 0.9875em; color: #000; margin: 20px 0 10px 0; padding: 0; border: none; } div#three-col-wrap div.PublicNoticeResults div.PublicNoticeResultCount h1 { font-size: 1.165em; color: #000; border: 0; margin: 0; padding: 0; } /* classified search styles --------------------------------------------------------*/ #classified-search{ float: left;} .classified-searchbox{ background: #dbf2fd float: left; width: 478px; margin: 0px 0 12px 0; padding:0px 0 10px 0; overflow: hidden; } div#wrap-inner div#content-article div#three-col-wrap form div.classified-searchbox { margin: 0px 0 20px 0; } div.classified-searchbox h4 { background: #fff; color: #036; border-bottom: 5px solid #e0e0e0; padding: 3px 7px 2px 7px; text-transform: uppercase;} div.classified-searchbox div.classified-searchbox-form p { margin: 00px 0 15px 0; font-size:0.95em; } div.classified-searchbox div.classified-searchbox-form p input#rad1, div.classified-searchbox div.classified-searchbox-form p input#rad2, div.classified-searchbox div.classified-searchbox-form p input#rad3 { margin: 0 20px 0 5px;} .classified-searchbox-form{ float:left; margin-top:20px; } .classified-searchbox-textbox { margin-left:10px; font-size: 1.2em; width: 225px; } .classified-searchbox-select{ margin-left:10px; font-size:1.2em; width:180px; } .classified-searchbox-button { margin: 0 0 0 375px;} .classified-searchbox p.errormsg{ margin:5px 0px; color: red;} div#wrap div#wrap-inner div#content-article div#three-col-wrap p.bdexample { margin: 25px 0 25px 0; } #classified-category-list { width: 460px; float:left; padding:5px; } #classified-category-list h1{ font-size: 1.1em; margin: 0 0 10px 5px; font-weight:bold; padding:15px 0px 0px 0px; clear: both; border-top: 1px solid #ccc;} #classified-category-list ul{ font-size: 0.95em; list-style: none; margin: 0px auto 0px 5px; overflow: hidden; width: 200px; } div.classified-searchbox div#classified-category-list ul li { margin: 0 0 2px 0; background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr.gif") no-repeat 0 8px; padding-bottom:5px; padding-left:10px; } #classified-category-list ul.row1{ width:45%; float:left; overflow: hidden; } #classified-category-list ul.row2{ width:45%; float:left; margin-left:2px; margin-left:2px; overflow: hidden; } #classified-category-list span.column1{ padding: 10px 15px 0px 0px; width: 45%; float: left; } #classified-category-list span.column2{ padding: 10px 15px 0px 0px; width: 45%; float:right ;} #classified-category-list p.desc{ margin: 0px 5px 15px 15px; } #classified-category-list div#submit{ clear:both; margin: 20px 0 0 15px; text-align: left; } #search-categories{ float: left; width: 415px; margin: 10px 0 10px 5px; background: #fff; border: 1px solid #d2d2d2; } span.list-head-colour1 {background: none; color: #fff; } div#search div#search-sections p strong { font-size:2em; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; } div#search-three-col div#search div#search-sections p strong { font-size:1.0em; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; } div#search div#search-sections p a.gclink strong {font-size:1em;margin: 0px 0 10px 0;font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif;} div#content-article div#three-col-wrap div#search div#search-sections p strong { font-size: 1.2em; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;} div#content-article div#three-col-wrap div#search div#search-articles h4 { } /* registration bg fix -----------------------------------------------------*/ div#content-registration.register { background: #fff; } /* fix for expanding ad slots - j hodgson 26/02/08 */ #top-search-ad-slot table{float:left;} #footer-ad-slot-copyright table{float:left} /* IE6 fix */ * html #top-search-ad-slot table div{float:left; width:500px;} * html #footer-ad-slot-copyright table div{float:left; width:500px;} /* Money Supermarket -------------------------------------------------------------*/ div.moneysupermarket-wrapper h2 { margin: 10px 0 10px 0; padding: 0; } div.moneysupermarket-wrapper { margin: 0 0 0 14px; padding: 0 0 0 0; overflow: hidden; } div.financial-products { width: 192px; margin: 0px 15px 15px 0px; border: 1px solid #ddd; float: left; height: 150px; background: #fff; overflow: hidden;} div.financial-products h2 { font-size: 1.0em; text-align: center; padding: 5px 3px 2px 3px; margin: 0 3px 0 3px; border-bottom: 2px solid #26477a; } div.financial-products h2 a { color: #333; } div.financial-products img { margin: 20px 0 0 0; float: left; } div.financial-products p { margin: 30px 0 0 0; } div.compare { margin: 106px 0 0 122px; width: 62px; height: 15px; font-size: 0.9em; padding: 3px 0 2px 8px; background: #f0f4f7 url('http://images.icnetwork.co.uk/upl/liverpoolecho/aug2007/8/3/97841AE0-E6F0-528E-2CBB06C43D2786DB.gif') no-repeat top left; color: #293483; } div#wrap div#wrap-inner div#content-shopping.money-supermarket div.four-col-highlight { padding: 10px 0 10px 0; background: #fdfdfd; border-bottom: 1px solid #ddd;} div#content-shopping { margin: 0; padding:0; } #content-shopping h3.list-head-colour {color: #666; background: #fff; border-bottom:5px solid #e3e3e3; } /* Busines directory -------------------------------*/ div.business-directory { margin: 0; padding: 0; } div.business-directory form { float: left; padding:15x 10px; margin: 0px 0 0 0px; border: 1px solid #fff; } div.business-directory h1 { font-size: 1.4em; margin: 0px 0 10px 0; } div.business-directory h2 { font-size: 1.1em; margin: 5px 0 10px 0; } div.business-directory h2.bdstartsearch, div.business-directory h2.bddistancetravel { margin: 35px 0 10px 0; } div.business-directory p label{ /* moz block fix - allows us to set the width */ /*display:inline-block;*/ /*display:-moz-inline-box;*/ display:block; width:120px; float:left; font-size: 1.0em; } div.business-directory input.form-textbox { width: 200px; } div.business-directory input.form-button { float: right; margin: 0 10px 10px 0; } div.business-directory span.example { margin: 0 0 0 10px;} div.business-directory p.bold { margin: 12px 0 12px 0; font-weight: bold; } /* business/search error --------------------------------------*/ div.business-error { margin: 10px 0 10px 0px; width: 470px; } div.business-directory div.business-error h2 { font-size: 1.1em; margin: 10px 0 0 5px; padding: 0; } div.business-error p { padding: 7px; } div.business-error, div.RegistrationError, div.RegistrationErrorMain { clear: both; border: 1px solid #ce0909; color: #ce0909; padding: 5px; float: left; margin: 5px 0 10px 0px;} /* Author profiles and latest articles ----------------------------------------------*/ ul.author-az { margin: 10px 0 10px 35px; } ul.author-az li { display: inline; margin: 0 2px 0 2px;} ul.author-list { margin: 0 0 10px 10px; } ul.author-list li { margin: 0px 0 10px 0; } p.backtotop { text-align: right; font-weight: bold; } div.teasers.author-actions h1 { padding: 10px 10px 2px 10px;} div.teasers.author-actions img { float: right; padding: 0; margin: 10px 0 0 0;} div.teasers.author-actions div.clearfix ul {padding: 0 0 0 10px; clear: left; font-size: 0.925em;} li.author-rss { font-weight: bold; background:url("http://images.icnetwork.co.uk/collections/css_r2_all/i_rss_big.gif") no-repeat 0 50%;padding-left:24px; padding-top:2px;padding-bottom:2px; margin-top: 5px;} li.author-email { font-weight: bold; background: url('http://images.icnetwork.co.uk/collections/css_r2_all/author_email.jpg') no-repeat 0 50%; padding-left: 24px; margin-top: 5px;} ul.latest-details { margin: 0 0 0 8px; } ul.latest-details li { display: inline; padding-right: 3px; } ul.latest-details li a { border-left: 1px solid #ccc; padding-left: 5px;} /* horizontal-border - table --------------------------------------------------------*/ table.horizontal-border { font-size: 0.75em; color: #333; border-collapse: collapse; border-spacing: 0px; float:left; margin: 0 0 10px 1px; } .horizontal-border .column-odd { background: #f4f4f4; } .horizontal-border .column-even { background: #fff; } .horizontal-border caption { margin: 0px 0 10px 0; font-weight: bold; font-family:"Helvetica Neue", "Helvetica", Arial, sans-serif; padding: 5px 5px; color: #fff; background: #0068a5; text-align: left; font-size: 1.15em;} .horizontal-border thead th { background: #fff; color: #000; padding:5px 13px; text-align:centre; } .horizontal-border thead tr th#col1 {padding: 0 0 0 5px;} .col2, .col3, .col4, .col5, .col6, .col7 { text-align: center; width: 33px; } .horizontal-border thead { text-align: left;} .horizontal-border tbody td, tbody th { padding: 5px 2px 5px 2px;} .horizontal-border tbody tr th, tbody tr td {} .horizontal-border tbody th { font-weight: normal; } .horizontal-border tbody tr { background-color:#fff; text-align:left; } .horizontal-border tbody tr.odd { background:#f0f4f7; } .horizontal-border tbody th a:link, .vertical-border tbody th a:visited{ padding:3px; } .horizontal-border tbody th a:hover{ color:#666; } .horizontal-border tbody tr td { background: #FFF; } .horizontal-border tbody tr.odd td { background: #f0f4f7; } .horizontal-border table td a:hover { color: #666; text-decoration: underline ; } .horizontal-border tbody td a { margin: 0 auto; height: 15px; padding:3px; } .horizontal-border table a { padding:20px 0px 0px 15px; } .horizontal-border tfoot { border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .horizontal-border tfoot th, tfoot td { background: #fff; padding:4px; text-align:left; font-size: 0.8em;} .horizontal-border tfoot tr th { font-weight: normal; } .motoring div#three-col-wrap div.article-image { width:475px; float:left; background:#f0f4f7; margin-bottom:10px;margin-left:7px; } /* Image Gallery styles ------------------------------------------------*/ div.gallery-controls-next {float: left; width: 50px; height: 25px; margin-bottom: 5px; background: url('http://images.icnetwork.co.uk/collections/css_r2_all/gallery_next.gif') no-repeat;} div.gallery-controls-buy {float: left; width: 260px; text-align: center; padding: 0; background: #202020; height: 18px; font-size: 0.9em; padding-top: 7px;} div.gallery-controls-previous {float: left; width: 50px; height: 25px; margin-bottom: 5px; background: url('http://images.icnetwork.co.uk/collections/css_r2_all/gallery_previous.gif') no-repeat;} div.gallery-caption {clear: both; font-size: 0.8em; padding: 5px 5px; color: #fff; } div.gallery-controls-buy a.gallery-buy { font-weight: normal;} div.gallery-controls, div.gallery-controls-previous, div.gallery-controls-next, div.gallery-controls-buy { color: #fff; } div.gallery-photo {overflow: hidden; width: 360px; height: 268px; float: left;} /* motors dealer table - colour overwrite */ div.xhtmlrhbox table { border: none; background: #fff; } div#ad-table-x20 { margin-top: 0px; } ul.recent-dealers li { font-size: 1.105em; margin-left: 2px;} div#ad-table-wrapper-x20 div.xhtmlrhbox-title { padding: 3px 7px 2px 7px; margin: 0px 0px 10px 0px; text-align: left; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; font-weight: ;font-size: 0.85em; background: #036; text-transform: uppercase; } /* Geo Tag - Nav -------------------------------------------------------------------*/ .treeview ul{ /*CSS for Simple Tree Menu*/ margin: 0; padding: 0; } .treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/ background: url(http://images.icnetwork.co.uk/collections/general/list.gif) no-repeat left center; list-style-type: none; padding-left: 15px; margin-bottom: 3px; } .treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */ background: url(http://images.icnetwork.co.uk/collections/general/closed.gif) no-repeat left 3px; cursor: hand !important; cursor: pointer !important; } .treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */ display: none; /*Hide them by default. Don't delete. */ } .treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */ cursor: default; } .treeview li.submenu-open{ /* Style for LI that contains sub lists (other ULs). */ background: url(http://images.icnetwork.co.uk/collections/general/open.gif) no-repeat left 3px; } ul.explore-nav { margin: 0 0 0 10px; font-size: 0.85em;} ul.explore-nav li { margin-bottom: 3px; border-bottom: 1px solid #f5f5f5; } ul.explore-nav li span { color: #999; font-size: 0.7em; } ul.explore-nav li ul.explore-local-links { margin: 0 0 0 10px; } ul.explore-local-links li { border-bottom: none;} ul.explore-local-links li span.explore-current { font-weight: bold; color: #ed1b2f; padding-left: 10px; margin-left: -10px;} form.explore-nav-counties { margin: 5px 0 10px 10px; font-size: 0.85em;} ul#treemenu1.explore-nav.treeview li.submenu span.explore-count { font-size:1em; } /* Omni player/ VPlayer -------------------------------------------------------------------*/ div.vplayer-full {width: 655px;} div#quick-vote-sponsor img{margin:5px 0px;} div#quick-vote-sponsor{font-size:0.85em;} /* Local Mole Search widget R2 */ .widget_one_col .lm_search input {float: left; clear: left; margin-bottom: 4px; margin-left: 5px;} .widget_one_col .lm_search .textbox {width: 140px;} .widget_one_col .lm_search .button {width: 70px; margin-left: 80px;} .widget_one_col .lm_search {background: url(http://images.icnetwork.co.uk/collections/local_mole/lm_logo_xs.gif) 2px 100% no-repeat #fff;} /* End Local Mole Search widget R2 */ /* Local Mole Hot widget 1col R2 & R2.5 */ /* LM Hot widget tabs */ #top-widget-list-rated, #top-widget-list-commented { margin:0; border-top:5px solid #0159a4; } .tabbed_panel_tabs #top-widget-listview, .tabbed_panel_tabs #top-widget-mapview { margin:0; border-top:5px solid #c33300; } .tabbed_panel_navlist li a { background: #4183bb; color: #fff; } .tabbed_panel_navlist li a.current { background: #0159a4 ; color: #fff;} ul.tabbed_panel_navlist { margin-bottom: -2px; font-size:.9172em; } .tabbed_panel_tabs { float: left; margin-left: 5px; } .tabbed_panel_navlist { padding: 3px 0; font-weight:bold; text-transform: capitalize; } .tabbed_panel_navlist li { list-style: none; margin: 0px 0px 0 0; padding: 0 0 0 0px; display: inline; background: none; line-height:1em; } .tabbed_panel_navlist li a:hover { background: #0159a4; color: #fff; text-decoration: underline; background: #c33300; } .tabbed_panel_navlist li a { padding: 3px 7px; margin-right: 5px; border-bottom: none; background: #4c4a4a url('http://images.icnetwork.co.uk/collections/css_r25_all/h4_bkg.jpg') repeat-x bottom left; text-decoration: none; color: #fff; } .tabbed_panel_navlist li a.current { padding: 4px 7px; background: #c33300; color: #fff; } .tabbed_panel_tabs { width: 100%; margin: 0px; } .span-13 .tabbed_panel_tabs { width: 155px; } /* end LM Hot widget tabs */ /* LM text ad entries */ .text-ads div {border: 1px solid #ccc; padding: 0px 1px 5px 0px; margin: 5px; float: none; clear: both; overflow: hidden;} .span-16 .text-ads div {height: 53px; overflow: hidden;} .tabbed_panel_tabs .text-ads div {height: 65px;} .text-ads img {float: right; clear: none; margin: 3px 3px 0px 3px;} .text-ads h5 a {color: #c33300;} .text-ads h5 {margin: 0px; padding: 5px 0px 2px 5px; font-size: 0.833em; line-height: 1em;} .text-ads p { font-size: 0.833em; line-height: 1em; margin: 0px; padding: 5px 0px 2px 5px; } .lm-text-ads {clear: both; margin-bottom: 20px; margin-top: 10px;} /* end LM text ad entries */ /* end Local Mole Hot widget 1col R2 & R2.5 */ /* Local Mole article footer */ .article-ads h4 { background: #00549b url('http://images.icnetwork.co.uk/collections/css_r2_bootle/colour1.gif') repeat-x top; color: #fff;}.article-ads {text-align: left!important; background-color: #fff!important;} .article-ads h5 a {color: #c33300;} .article-ads h5 {margin: 0px; padding: 5px 0px 2px 5px; font-size: 1em; line-height: 1em;} .article-ads p {margin: 0px; padding: 0px 0px 5px 5px; font-size: 0.913em; line-height: 1em;} /* end Local Mole article footer */ /* ad fix */ #ad-col table div {margin-bottom:10px;} /* Local Mole onecol search */ .mole-puff-search input {width: 130px; margin-bottom: 7px;} .mole-puff-search input.button {width: 75px;} .mole-puff-search img {margin: 0 0 5px 8px;} /* styles LM content on classified channel */ div.two-col.lm-2content {width: 310px; background: #f5f5f5; padding: 5px 0;} div.two-col.lm-2content h1 { font-size: 1.2em;} div.one-col.lm-2promo {background:#fff; margin: 0; padding: 0;} /* LM contact form */ .lm-form {background: url('http://images.icnetwork.co.uk/collections/local_mole/lm-form-virgin.gif') no-repeat bottom left; background-position: -1000px 100%; width: 465px; position: relative;margin-top: 10px;} .lm-enquiry {font-size: 0.9127em;padding: 25px 0 10px 0px;background: url('http://images.icnetwork.co.uk/collections/local_mole/lm-form-virgin.gif') no-repeat top left; display: block;} .lm-enquiry h2 {font-size: 1.6em; margin-left: 0; padding: 5px 0 0 0;} .lm-form .clear {clear: both;} .lm-enquiryform {margin: 7px 0px; width: 275px; float: left;} .lm-enquiryform ul {margin-left: 10px;} form.lm-contactform {margin: 0 0px;} form.lm-contactform label {margin-top: 10px;width: 85px; display: block;line-height: 1.8;vertical-align: top; font-weight: bold;} form.lm-contactform input {width: 270px;color: #444;} form.lm-contactform textarea {width: 270px;} form.lm-contactform p.bottom {margin-bottom:5px;} .RegistrationErrorMain {width: 275px;font-weight: bold;} form.lm-contactform div#errstr_your_name.RegistrationError, form.lm-contactform div#errstr_your_tel_no.RegistrationError, form.lm-contactform div#errstr_your_email.RegistrationError, form.lm-contactform div#errstr_your_enquiry.RegistrationError {width: 263px;margin: 12px 0 3px 7px;font-weight: normal; border: 1px solid #fbc2c4;background: #fbe3e4; color: #8a1f11;} input#lm-enquirysubmit {background-color: transparent;background-image: url('http://images.icnetwork.co.uk/collections/local_mole/lm-form-virgin.gif');background-position: -2000px 0;background-repeat: no-repeat;border: none;color: #FFFFFF;cursor: pointer;font-size: 93%;height: 25px;margin: 10px 0 0 187px;overflow: hidden;width: 94px;} input#lm-enquirysubmit:hover {background-position: -2000px -25px;} .lm-enquiryform-extras {width: 155px; float: right; display: inline;} .lm-enquiryform-extras .storylist ul {clear: right; margin: 10px 0 0 0; border-left: 1px solid #ccc; padding: 10px 0 10px 5px;} .lm-enquiryform-extras .storylist ul li {font-size: 0.9em;} .lm-enquiry-logo {border: 2px solid #666; float: right; margin: 10px 10px 10px 0;} .lm-form-confirm {background: url('http://images.icnetwork.co.uk/collections/local_mole/lm-form-virgin.gif') no-repeat; background-position: -500px 0; padding-top: 25px; position: relative;} .lm-enquiry-confirm {font-size: 0.9127em;padding: 0 0 20px 10px;background: url('http://images.icnetwork.co.uk/collections/local_mole/lm-form-virgin.gif') no-repeat; background-position: -1500px 100%; margin-bottom: 10px;} .lm-enquiry-confirm p {padding-top: 10px;margin-right: 10px;} .lm-voucher {margin-top: 10px; background: url('http://images.icnetwork.co.uk/collections/local_mole/virgin-wine-voucher.jpg') no-repeat;} /* MegaDropDown */ ul#topnav {margin: 0;padding: 0;float: left;width: 100%;list-style: none; background: #f5f5f5 url('http://images.icnetwork.co.uk/collections/css_r2_cannockchase/mainnav_bkg.gif') repeat-x top; border-top: 1px solid #eaeaea;border-bottom: 2px solid #0f5ca4;} ul#topnav li {float: left;margin: 0;padding: 0;position: relative;border-right: 1px solid #c5c5c5;} ul#topnav li a {float: left;color: #333; display: block;padding: 7px 9px;font-weight: bold;margin-right:0px; font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;font-size: 12px;} div#wrap div#header-wrap ul#topnav li a#topnav-selected {background: #0f5ca4;color: #fff;} ul#topnav li:hover a, ul#topnav li a:hover {background: #efefef;color: #0059a5;text-decoration: none;} ul#topnav li .sub {z-index: 100000000;position: absolute;top: 27px;font-size: 0.925em;background: #efefef;padding: 4px 10px 5px 10px;float: left; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-box-shadow: 5px 5px 10px -5px #999; -webkit-box-shadow: 5px 5px 10px -15px #999; display: none;} .sub.s1, .sub.s2, .sub.s3, .sub.s4, .sub.s5, .sub.s6 {left: 0;} .sub.s7, .sub.s8, .sub.s9, .sub.s10, .sub.s11, .sub.s12, .sub.s13, .sub.s14, .sub.s15 {right: 0;} ul#topnav li .row {clear: both;float: left;width: 100%;margin-bottom: 10px;} ul#topnav li .sub ul {list-style: none;margin: 0;padding: 0;width: 160px;float: left;} ul#topnav .sub ul li {width: 100%;color: #fff;border-right: none;} ul#topnav .sub ul li a {font-size: 1.275em;float: none;height: auto;background:url("http://images.icnetwork.co.uk/collections/css_r2_bootle/i_arr.gif") no-repeat 3px 5px;padding: 3px 10px 3px 14px;display: block;text-decoration: none;color:#105BA4;font-weight: normal;word-wrap: break-word;} ul#topnav .sub ul li a span {color: #fff;background-color:#005bad;padding:2px 4px;margin-left:4px;font-size:0.834em;text-transform:uppercase;-moz-border-radius: 2px;-khtml-border-radius: 2px;-webkit-border-radius: 2px;} ul#topnav .sub ul li a:hover {color: #105BA4;text-decoration: underline;} .noscript {display: none;} .noscript {display: none;} div.span-100.hot-topics {background: #fff;padding: 2px 0;margin-top: 0px; margin-bottom: 5px; color: #333;font-size: 11px;font-weight: bold;} .hot-topics ul {float: left;margin: 3px 5px 0 5px;padding: 0;} .hot-topics ul li {float: left;text-decoration: none;padding: 3px 0px;margin-right: 5px; border-right: 1px solid #e0e0e0;} .hot-topics ul li a {padding: 0 8px;} .hot-topics ul li a:hover {color: #333;} .hot-topics ul li.hot-topics-heading {border-right: none;} div.span-100 {float:left;} .span-100, div.span-100 {width:995px; margin:0} .noscript {display: none;} ul#topnav { *position:relative;*z-index:4000;} ul#topnav li .sub { *z-index:1000;} /* Bootle Times Outbrain */ li.outbrain_rec_li {padding: 5px 3px 5px 10px; border-bottom: 1px dotted #ddd; } div#outbrain_widget_0 .outbrain_reg_title_li, li.outbrain_ad_title_li, li.outbrain_ad_title_li {background: url("http://images.icnetwork.co.uk/collections/css_r2_bootle/colour1.gif") repeat-x scroll center top #00549B; font-size: 12px !important; color: #fff !important; padding: 2px 5px !important;} li.outbrain_ad_title_li a { color: #fff !important; font-size: 12px !important; } ul li.outbrain_ad_title_li a:hover {color: #fff !important;} a.outbrain_ad_title_A, a.outbrain_ad_title_A:hover {margin-left: 5px !important; font-size: 12px !important;}