/* Title: Global Newspaper stylesheet - daily record site styles Author: jimcasey@trinitymirror.com Updated: 28/9/2007 - jcasey */ /*Styling structure container - we cannot alter the basic structure.css (it runs across several sites) if we have any changes we do them here. --------------------------------------------------------*/ .col-wrap {padding: 0;} /* this removes the larger homepage padding*/ 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;} /*Background images and colours on the site --------------------------------------------------------*/ div#wrap {background: url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/sidebar_bkg1.gif") repeat-y 100% 0;} div#footer { background: #fff url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/grey_bkg_3x3.gif");} div#footer-ad-slot-seotext, div#footer-ad-slot-copyright, div.one-col-highlight, div.two-col-highlight, div.three-col-highlight, div.four-col-highlight, div.mpu-ad, div.classified-homes, div.classified-jobs, div.hot-homes-wrap, div.classified-quicklinks, div.article-ads, .search-again, .breaking-news {background: #f0f1e6;} body, div#top-search, div#toplinks, div.sponsored-links-wrap { background: #fff;} div#footer-links {background: #bb0011; } div#header {background: #bb0011 url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/logo_bkg3.gif") no-repeat top left; } div#footer-links-sites {background: #9a0000;} div#main-nav, div.four-col, .multimedia-tab li a {background: #9a0000;} div#main-nav ul li a:hover, .multimedia-tab li a:hover {background: #660000;} div#header-logo {background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/logo4.gif") no-repeat top left;} div#header-content {background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/header_gradient2.gif") no-repeat top left;} #main-nav a#main-nav-selected, div#sub-nav, .galleryembed, span.breaking-news-text {background: #000;} div.hot-jobs-wrap, div.hot-motors-wrap {background: #f7effe;} div.hot-jobs-wrap h4 {background: #113885 url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/scotcareers_logo.gif") no-repeat bottom left; padding-bottom:28px;} div.hot-motors-wrap h4 {background: #113885 url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/scotwheels_logo.gif") no-repeat bottom left; padding-bottom:28px;} /*Borders --------------------------------------------------------*/ div#footer-links li a, #footer-links-sites li a{border-right: 1px solid #fff;} div.classified-quicklinks, div.classified-homes, div.classified-jobs, div.hot-jobs-wrap, div.hot-motors-wrap, div.hot-homes-wrap, div.mpu-ad {border-bottom:10px solid #fff;} div#ad-col div.sponsored-links-wrap {border-top:10px solid #fff;} div.quick-links-list ul li{border-top:1px dotted #d2d2d2;} div.search-articles-teasers {border-bottom:1px dotted #d2d2d2;} .galleryembed {border:1px solid #000;} span.breaking-news-text {border: 1px solid #000;border-top: 2px solid #000;} .breaking-news {border:1px solid #f0f1e6;} div#main-nav ul li a {border-right:1px solid #bb0011;} /*Font colors - white --------------------------------------------------------*/ div#footer-links, div#footer-links-sites, div#footer-links li a, #footer-links-sites li a, div#footer-links li a:hover, #footer-links-sites li a:hover, .four-col a:link, .four-col a:visited, .four-col a:active { color: #fff;} .whitelinks a:active, .whitelinks a:link, .whitelinks a:visited, h4 a:active, h4 a:link, h4 a:visited, h3 a:active, h3 a:link, h3 a:visited, .whitelinks a:hover, h4 a:hover, h3 a:hover { font-weight:bold; color: #fff; background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/i_arr_white.gif") no-repeat 100% 50%; padding-right:10px;} div#sub-nav ul li a, .four-col p, div#header-content, .galleryembed p, span.breaking-news-text {color: #fff; } div#sub-nav ul li a, .four-col p, div#header-content, .galleryembed p, span.breaking-news-text {color: #fff; font-weight:normal;} div#sub-nav ul li a, .four-col p, div#header-content, .galleryembed p, span.breaking-news-text, {color: #fff; font-weight:normal;} div#main-nav, div#main-nav ul li a, .galleryembed a:link, .galleryembed a:active, .galleryembed a:visited, .multimedia-tab li a {color: #fff;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_dailyrecord/i_arr_white.gif") no-repeat 0 50%; font-weight:normal; padding-left:10px; color: #fff; } /*Font colors - links --------------------------------------------------------*/ a:link {color: #003366;text-decoration: none;} a:visited {color: #003366;text-decoration: none;} a:active {color: #003366;text-decoration: none;} a:hover {color: #003366;text-decoration: underline;} /*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:5px; } div#footer-ad-slot-seotext, div#footer-ad-slot-copyright {width:995px;padding:5px 0;} 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 10px 0px 7px; display: inline;} div#top-search-ad-slot p{ padding:5px 0 5px 0;margin-left:748px;} /* hide previous styles - test for db div#top-search-ad-slot{ width:995px;padding:10px 0;position: relative;} div#top-search-ad-slot iframe, 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 10px 0px 7px; display: inline;} --------------------------------------------------------*/ /* new top ad styles --------------------------------------------------------*/ div#top-search-ad-slot{ width:995px;padding:10px 0;position: relative; height:90px; } div#top-search-ad-slot iframe, div#top-search-ad-slot object, div#top-search-ad-slot img { position: absolute; left:10px; top:10px; margin:0 ; padding:0; width:728px; } div#footer-ad-slot-copyright img, div#footer-ad-slot-seotext img { float:left; margin:0 25px 0px 10px;} div#footer-ad-slot-copyright p, div#footer-ad-slot-seotext p{ margin:0 5px 0px 0px;} div#footer-links li a, #footer-links-sites li a, div#footer-links li a:hover, #footer-links-sites li a:hover{padding: 0px 5px 0 0px;} 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.three-col-dynamic {margin-bottom:10px;} div.four-col, div.four-col-highlight {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:5px 0 0 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 verdana, all 'headings' are Helvetica, Arial*/ body {font-family: Verdana, sans-serif;} h1, div#header-content h2, h2 {font-family:Helvetica,Arial,sans-serif;} * {margin:0;padding: 0;} /* This removes all default padding/margins*/ img {border:0;} h1 {font-size:1.5em;margin:0;padding: 5px 5px 5px 7px;font-weight:bold; text-transform: capitalize; line-height:1.2em;} div#header-content h2{margin: 10px 0 0px 15px; padding:0;font-size:1.1em;display:none;} h2 {font-size:1.1em;margin:0;padding: 0px 5px 1px 7px;font-weight:bold; line-height: 1.2em;} /* All teaser, puff headlines use this style*/ h3 {font-size:0.85em;padding: 5px 7px 5px 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.85em;padding: 5px 7px;margin: 0px 0px 10px 0px;font-weight:bold; line-height: 1.2em;} /* All subheadings use this style*/ h5 {font-size:0.85em;padding: 0 7px;margin: 0;font-weight:bold;line-height: 1.3em;} p {margin: 0; padding: 0 7px; font-size:0.85em; line-height: 1.3em;} ul {margin: 0;list-style: none; font-size:0.85em; line-height:1.3em;} 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 - color1 is red, color2 is black - you can have up to three heading/section colour --------------------------------------------------------*/ .list-head-color, .list-head-colour, .list-head-colour1, .list-head-color1, .list-head-color-multimedia {color: #fff;background: #bb0011;} h3.list-head-color, h3.list-head-colour, h3.list-head-colour1, h3.list-head-color1 {color: #fff;background: #000;} .list-head-colour2, .list-head-colour2 {background: #bb0011;color: #fff;} .list-head-colour3, .list-head-color3 {color: #fff;background: #000;} span.list-head-colour1 {color: #fff;background: #000;} /* header styles links to other sites, get involved, logos --------------------------------------------------------*/ div#toplinks {float:left; width:100%;padding:5px 0px;} 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-logo {float: left; height: 95px;} div#header-content { float: right;width:330px; font-weight:normal;height:85px;margin:10px 5px 0 0px; } .menu1 { float:left; width:140px; margin:5px 0 0 5px; padding:0 0px 0 10px; line-height:1.6em;} div.block-one {width:330px;float:left; margin-top:22px;} div#topsearch {float:left; } /* navigation styles --------------------------------------------------------*/ div#sub-nav{ float: left; width:995px; margin: 0;padding: 0; } div#sub-nav ul{list-style: none;margin: 0; padding: 0;margin:0 0px;} div#sub-nav ul li{float:left; font-weight: normal; } div#sub-nav ul li a{ float:left; display: block;padding: 5px 14px 5px 7px;} #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; } div#main-nav ul li{ float:left; } div#main-nav ul li a{ float:left; display: block;padding: 5px 7px;} /* dynamic panel styles -------------------------------------------------------*/ * html .three-col-dynamic {display: inline;} div#content .three-col-dynamic:before { display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height: 0; } .dynamic-panel { padding:0; margin:0; overflow:hidden!important; background: #333333; } .dynamic-panel-strapline { width: 485px; padding:0; margin:0; float:left; background:#333; } .dynamic-panel-strapline p { float:left; color: #fff; padding-top:5px; padding-bottom:3px; font-size:0.85em; } .dynamic-panel-bottom { float:left; width: 485px; padding:10px 0 5px 0; background:#000 ; } .dynamic-panel-bottom p{ float:left; } .dynamic-panel-bottom img { border:0; } .dynamic-panel img { padding:0; margin:0; } .dynamic-panel-buttons { float:right; } .dynamic-panel-buttons img { border:0; padding-left:0px; } .float-right { float:right; } /*styles for dynamic panel */ .button1_on { background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/button1_on.gif") no-repeat top left; } .button2_on { background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/button2_on.gif") no-repeat top left; } .button3_on { background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/button3_on.gif") no-repeat top left; } .button4_on { background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/button4_on.gif") no-repeat top left; } .button5_on { background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/button5_on.gif") no-repeat top left; } .button6_on { background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/button6_on.gif") no-repeat top left; } .button1 { background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/button1.gif") no-repeat top left; } .button2 { background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/button2.gif") no-repeat top left; } .button3 { background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/button3.gif ") no-repeat top left; } .button4 { background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/button4.gif") no-repeat top left; } .button5 { background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/button5.gif") no-repeat top left; } .button6 { background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/button6.gif") no-repeat top left; } /* all ads - padding,margins --------------------------------------------------------*/ div#ad-col img, div#ad-col iframe, div#ad-col object, div#ad-col embed {margin-bottom:10px;} div#ad-col {margin-right:0px;} 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; } /* classified objects --------------------------------------------------------*/ 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 #d2d2d2;} div.hot-motor img, div.hot-home img{ margin:0px 10px 5px 10px; display:block;} 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;line-height:1.2em;text-align:left;} div.classified-quicklinks ul li {margin:0 5px;padding-bottom:5px;padding-top:5px; } 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; line-height: 1.3em; color: #000; } /*breaking news styles - not sure if being used but will leave in --------------------------------------------------------*/ .breaking-news { float: left; width: 648px;font-size:1.1em;padding:5px 0;font-weight:bold;margin-bottom:0px; } span.breaking-news-text { padding:5px 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; border:1px solid #d2d2d2; } 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: 483px;margin: 0px 0 5px 0;padding-bottom:5px; border:1px solid #d2d2d2;} div.your-paper-form { width: 483px; margin-top:10px;} div.your-paper-form h4, div.article-comment h4 { color: #fff; background: #bb0011; } .tab_textbox {width: 450px;} div.article-comment p, div.your-paper-form p{padding-bottom:5px;} div.your-paper-form label {font-weight:bold;} div.reader-comments, div.reader-comments {margin-bottom:10px;font-weight:bold;text-align:left;} div.reader-comments{ margin-bottom:10px;font-weight:bold;} #content-article div.RegistrationHeader { font-size:1em; margin-bottom:0px;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:5px 15px 5px 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:5px 10px;font-size:0.95em;} div#content-article div#three-col-wrap div#three-col img {float:right;margin:10px 15px 10px 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-bottom:5px;} /*all default image padding/margins/floats*/ div.puffs img, div.three-col div.puffs img, div.three-col-highlight div.puffs img {margin:0 7px 10px 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:25px;} 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 7px 7px; } /*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:3px;padding-bottom:2px;} div.storylist, div.tags {display:block;} div.storylist {padding-bottom:5px;} .more-articles {font-weight:bold;} div.tags ul {margin:0px 7px 10px 7px;padding: 0;font-weight:normal;line-height:1.6em;} div.tags ul li{display:inline;} div.storylist ul, div.wrapper div.one-col ul, div#content-channel div#three-col-wrapper div.three-col-highlight ul { margin:0px 7px;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:2px; 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.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 330px;padding: 0;font-weight:normal;} div.video-teaser ul li{padding-top:3px; padding-bottom:2px; } div.video-col {float:left;width:320px;margin:15px 0 5px 0;} .videoembed {float:left;margin:0 23px 10px 7px;display: inline;} .video-wrapper .teasers p {font-size:0.95em;} .galleryembed {float:left;margin:0 15px 10px 7px;width:360px;} .galleryembed p span{padding-top:5px;} .list-head-color-multimedia {padding:5px 7px; margin:10px 0 0 0;} div.puffs {display:block; padding-bottom:5px;} div.promo {margin:10px 0 5px 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.forum-teasers {margin:0 0 10px 0;padding: 0; } div.forum-teasers ul {margin:0px 7px;padding: 0;font-weight:bold; } div.forum-teasers ul li{ padding-top:3px; padding-bottom:2px;} div.quick-vote {margin:0 0 10px 0;padding: 0;} div.quick-vote p {margin:5px 10px 0 10px;padding: 0;} /*icon links --------------------------------------------------------*/ /*defaults */ /*all elements using arrow icon */ div.storylist ul li, div.wrapper div.one-col 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.video-teaser ul li, .haveyoursay {background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/i_arr.gif") no-repeat 0 5px; padding-left:10px;} .readlink {font-weight:bold;} span.homes {background:url("http://images.icnetwork.co.uk/collections/css_r2_all/i_homes_white.gif") no-repeat 0 50%;padding-left:15px;} span.motors {} span.jobs {background:url("http://images.icnetwork.co.uk/collections/css_r2_all/i_job_white.gif") no-repeat 0 50%;padding-left:15px;} span.tags {background:url("http://images.icnetwork.co.uk/collections/css_r2_liverpoolecho/i_tag.gif") no-repeat 0 50%;padding-left:16px;} .rssicon {background:url("http://images.icnetwork.co.uk/collections/css_r2_all/i_rss_small.gif") no-repeat 100% 50%;padding-right:15px;} .rssiconbig {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:bold} .delic {background:url("http://images.icnetwork.co.uk/collections/css_r2_all/i_delecious.gif") no-repeat 0 50%;padding-left:20px;} .digg {background:url("http://images.icnetwork.co.uk/collections/css_r2_all/i_diggit.gif") no-repeat 0 50%;padding-left:20px;} .newsvine {background:url("http://images.icnetwork.co.uk/collections/css_r2_all/newsvine.gif") no-repeat 0 50%;padding-left:20px;} /*daily record only */ li.homes {background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/homes.gif") no-repeat 0 50%; padding-left:17px; } li.jobs {background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/jobs.gif") no-repeat 0 50%; padding-left:17px; } li.motors {background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/cars.gif") no-repeat 0 50%; padding-left:17px; } li.dating {background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/date.gif") no-repeat 0 50%; padding-left:17px; } .channellink {background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/i_arr_white.gif") no-repeat 100% 50%;padding-right:10px;margin-right:5px;} .video {background:url("http://images.icnetwork.co.uk/collections/css_r2_liverpoolecho/i_pics.gif") no-repeat 0 50%; padding-left:23px; font-weight:bold; padding-top:5px; padding-bottom:5px;} .channellink {background:url("http://images.icnetwork.co.uk/collections/css_r2_chroniclelive/i_arr.gif") no-repeat 100% 50%;padding-right:10px;margin-right:5px;} .video {background:url("http://images.icnetwork.co.uk/collections/css_r2_chroniclelive/i_playvideo.gif") no-repeat 0 50%; padding-left:23px; font-weight:bold; padding-top:5px; padding-bottom:5px;} .postastory {background:url("http://images.icnetwork.co.uk/collections/css_r2_chroniclelive/i_arr.gif") no-repeat 0 50%;padding-left:10px; } .sendvideo {background:url("http://images.icnetwork.co.uk/collections/css_r2_chroniclelive/i_arr.gif") no-repeat 0 50%;padding-left:10px; } .sendpics {background:url("http://images.icnetwork.co.uk/collections/css_r2_chroniclelive/i_arr.gif") no-repeat 0 50%;padding-left:10px; } .joinbloggers {background:url("http://images.icnetwork.co.uk/collections/css_r2_chroniclelive/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_chroniclelive/i_arr.gif") no-repeat 0 50%;padding-left:23px; font-weight:bold; padding-top:5px; padding-bottom:5px;} .playvideo {background:url("http://images.icnetwork.co.uk/collections/css_r2_chroniclelive/i_playvideo.gif") no-repeat 100% 50%; padding-right:18px;font-weight:bold;} .playgallery {background:url("http://images.icnetwork.co.uk/collections/css_r2_chroniclelive/i_gallery.gif") no-repeat 100% 50%; padding-right:18px;font-weight:bold;} .podcast {background:url("http://images.icnetwork.co.uk/collections/css_r2_chroniclelive/i_podcast.gif") no-repeat 100% 50%;padding-right:15px;font-weight:bold;} div.forum-teasers ul li {background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/i_comment.gif") no-repeat 0 6px; padding-left:13px;} /* this is the style used for the neswspaper branding text --------------------------------------------------------*/ span.branding-text {font-weight:bold; text-transform:uppercase;} /*Pagination style URL: http://www.dynamicdrive.com/style/ *Credits: Dynamic Drive CSS Library used for all pagination on the site --------------------------------------------------------*/ .pagination {clear:both; margin-top:10px;} .pagination ul {margin: 0 0px 5px 5px; padding: 0;text-align: right;} /*Set to "right" to right align pagination interface*/ .pagination li{ list-style-type: none;display: inline;} .pagination a, .pagination a:link, .pagination a:visited{ padding: 5px 7px;text-decoration: none; color: #fff; background:#9a0000;} .pagination a:hover, .pagination a:active{color: #fff;} .pagination li.currentpage{font-weight: bold;padding:5px 7px; background-color: #000;color: #FFF;} .pagination li.nextpage, .pagination li.prevpage{ } .search-pagination{background-color:#f0f1e6;padding:2px 7px;float:left; font-size:0.85em;} * 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.sitemap-list ul {margin:0px 7px; padding: 0;font-weight:normal;} div.sitemap-list ul li{padding-bottom:5px; } .sitemap-rss {padding-left:5px;margin-top:2px;} .list-head-colour2 .sitemap-rss {background:none;} /*Search and search results styles --------------------------------------------------------*/ #search{ float:left;margin-top:5px} #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;} #new-search{ float:left;display: inline;padding:0 5px;font-weight: bold;} 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; } /* 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: 72px; background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/400pxheader.gif") no-repeat top left; } div#quiz-content, div#email-a-friend-content { text-align:left; width:400px; background: #fff ; font-weight:bold; padding-bottom:10px; } 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 #d2d2d2; 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: 10px 7px 10px 7px;padding: 0px 0 0 0; background: url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/quote1.gif") no-repeat top left; } blockquote + blockquote {margin-top:10px; } .comment{margin: 0px 0px 10px 20px;font-weight:bold;text-align:left; font-family:Helvetica,Arial,sans-serif; font-size:1.1em;padding-bottom:5px; background: url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/quote2.gif") no-repeat right bottom;} .posted {margin: 10px 0px 0px 0px;padding: 5px 0 0px 0;text-align:left;color: #000;font-weight:normal; border-top:1px dotted #d2d2d2; font-size:0.85em;} .title {margin: 7px 0px 5px 0px;padding: 0px; font-size:0.85em;} .haveyoursay {margin: 0px 0px 5px 0px; font-size:0.85em; font-weight:bold; padding-top:2px; padding-bottom:3px;} .forumwidget h2 {color: #fff;background: #bb0011; padding: 5px 7px 5px 7px; margin: 0px 0px 10px 0px;font-weight:bold; font-size:0.85em; font-family: Verdana, sans-serif; } /*video and gallery tab styles Credits: Dynamic Drive CSS Library not currently used*/ /*video and gallery tab styles Credits: Dynamic Drive CSS Library */ .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; } .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 50px; } div#termsandconditionscontainer ul li { list-style: disc; font-size: 1.0em; } 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; } 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; } 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 7px 0 7px; } 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/design/r2/whitestar.gif') no-repeat top; 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/design/r2/smallyellowstar.gif') no-repeat; } div.rate-article ul li.on, div.rate-article-small ul li.on { background: url('http://images.icnetwork.co.uk/design/r2/yellowstar.gif') no-repeat top; float:left; margin: 0 0 0 0; } /* added by Chris Lam 22/6/07 -tab menu for most popular */ div#mostpopular-tabs { float: left; margin: 0 0 10px 0; border: 0px solid #d2d2d2; } #mostpopular-navlist { padding: 3px 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; } #mostpopular-navlist li a { padding: 3px 0.4em; margin-left: 5px; border: 1px solid #d2d2d2; border-bottom: none; background: #f6f6f6; text-decoration: none; } #mostpopular-navlist li a:hover { background: #f6f6f6; border-color: #d2d2d2; text-decoration: underline; } #mostpopular-navlist li a.current { 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: #666; } #top-widget-list-top ol li, #top-widget-list-emailed ol li { padding: 5px 10px 5px 0; } /* tag cloud styles --------------------------------------------------------*/ .tag-cloud {border:1px solid #d2d2d2; background:#fff none repeat scroll 0%; text-align:left;} .tag-cloud li { display: inline; padding:0px 10px 0px 0px;} .tag-cloud .not-popular { font-size: 1em; } .tag-cloud .not-very-popular { font-size: 1.3em; } .tag-cloud .somewhat-popular { font-size: 1.6em; } .tag-cloud .popular { font-size: 1.9em; } .tag-cloud .very-popular { font-size: 2.2em; } .tag-cloud .ultra-popular { font-size: 2.5em; } /* blog aggregator styles --------------------------------------------------------*/ .blog-wrapper ul{ margin:0 7px; } .blog-wrapper .teasers .entryblogname, .blog-wrapper ul li .entrylinkblogname {background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/blog_name.gif") no-repeat 0 50%; padding:2px 0 2px 15px;} .blog-wrapper ul li{ padding-bottom:10px; } .blog-wrapper ul li strong.entrylink { background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/blogname.gif") no-repeat 0 50%; padding:2px 0 2px 15px; } .entrydate { font-size:0.8em; display:block; padding:2px 0;} .blog-wrapper { padding:0px 0 0px 0; background:url("http://images.icnetwork.co.uk/collections/css_r2_dailyrecord/blog_wrapper_bottom.gif") no-repeat bottom right; } /* hackable urls --------------------------------------------------------*/ .articleDatePage{ float:left;} .articleDatePage h1{ font-size:0.9em;} .crumbsCentre{ font-weight: bold; font-size: 0.85em; float:right; border: 1px solid #d2d2d2; 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 #d2d2d2; 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 #d2d2d2d; 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;} #search-articles h4, .search-again h4, div.share-article h4 { background: #bb0011; color: #fff} #browseByDate { font-size:1em; margin:0 5px; font-weight:bold;} ul#browseByDate li {padding:5px 0 5px 0;border-top:1px dotted #d2d2d2} #content-channel #search-articles {width: 485px;} #content-channel .pagination ul{ margin: 0 3px 5px 5px; } div#content-channel div#three-col-wrap { float:left;width: 485px;} /* google ads --------------------------------------------------------*/ .sponsored-link h5 { padding-bottom:2px; } .sponsored-link { padding-bottom:5px; margin-bottom:0px; } .sponsored-link a:link { color: #000000; text-decoration:none; } .sponsored-link p a:link { padding-bottom:10px; position: relative; font-weight:normal;} .google-adlink { font-size:0.85em; color: #003366; font-weight:normal; } .sponsored-link .google-adlink:hover { text-decoration:underline; font-weight:normal; } /* image gallery thumbnails -------------------------------------------------------*/ .galleryembed .thumbs { border:1px solid #000000; } .galleryembed .currentThumb { border:1px solid #FFFFFF; } /* horiscopes -------------------------------------------------------*/ div.horoscope-contact ul { margin: 0 0 0 2px; } div.horoscope-contact ul li { padding: 5px; border-bottom: 1px solid #f5f5f5; } div.horoscope-contact p.horoscope-terms { font-size: 0.7em; } div.M2ColFull { margin: 0 0 20px 0; } div.M2ColFullHeadline { font-size: 1.2em; font-weight: bold; margin: 0 0 0 5px; } div.M2ColFullDate { margin: 0 0 0 5px; } p.add-linkout { margin: 20px 0 0 0; } div#horoscope-header { height: 80px; width: 485px; margin: 0 0 10px 0; background: url('http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/9/1/372D8940-D758-D33D-F185BDABC23A288C.jpg') no-repeat bottom; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } div#horoscope-header h1 { margin: 10px 0 0 0px; font-size: 2.3em; } div#horoscope-header h2 { margin: 0 0 0 180px; color: #333;} /* 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:2em; margin:0; padding: 10px 0px; font-weight:bold; font-family: "Helvetica",Arial, sans-serif; } /* columnists -------------------------------------------------------*/ div#content-channel.jimmclean div#one-col-wrapper, div#content-article.jimmclean div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/0/3/FF4402CE-D50C-F9A3-F8B7F667B2356195.jpg") no-repeat top right; padding-top:88px;} div#content-channel.joanburnie div#one-col-wrapper, div#content-article.joanburnie div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/3/4/FF4458EC-DE30-4E13-90189B29A4C4AB9D.jpg") no-repeat top right; padding-top:88px;} div#content-channel.tamcowan div#one-col-wrapper, div#content-article.tamcowan div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/4/7/FF47441E-AAD4-6E08-E6DE9B7597BBAF1A.jpg") no-repeat top right; padding-top:88px;} div#content-channel.kayeadams div#one-col-wrapper, div#content-article.kayeadams div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/7/1/FF44CAA2-066D-5164-A18DC7C489131C41.jpg") no-repeat top right; padding-top:88px;} div#content-channel.sharilow div#one-col-wrapper, div#content-article.sharilow div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/5/9/FF46A7D9-EE93-8811-60203BF6450E54EF.jpg") no-repeat top right; padding-top:88px;} div#content-channel.georgegalloway div#one-col-wrapper, div#content-article.georgegalloway div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/6/1/FF431F02-0391-7228-433F9C9980F37B34.jpg") no-repeat top right; padding-top:88px;} div#content-channel.jimtraynor div#one-col-wrapper, div#conteant-article.jimtraynor div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/7/0/FF57194B-BE3C-1383-4103D9CBCB061FD6.jpg") no-repeat top right; padding-top:88px;} div#content-channel.keithjackson div#one-col-wrapper, div#content-article.keithjackson div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/8/1/FF453274-A29B-A5AF-CA03C2C9F49A264F.jpg") no-repeat top right; padding-top:88px;} div#content-channel.murdomacLeod div#one-col-wrapper, div#content-article.murdomacLeod div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/5/7/13847203-EFD1-5134-DB39899E972BE7BD.jpg") no-repeat top right; padding-top:88px;} div#content-channel.tanyastevenson div#one-col-wrapper, div#content-article.tanyastevenson div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/6/7/FF46FEC7-98BA-F208-9E5C1BD9948C9002.jpg") no-repeat top right; padding-top:88px;} div#content-channel.davenevison div#one-col-wrapper, div#content-article.davenevison div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/1/5/FF45D394-D52D-F778-CA8CF7BE9393DEC7.jpg") no-repeat top right; padding-top:88px;} div#content-channel.markhateley div#one-col-wrapper, div#content-article.markhateley div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/8/4/FF43921F-EEAE-256E-1E809686D1D1F0E8.jpg") no-repeat top right; padding-top:88px;} div#content-channel.stuartcosgrove div#one-col-wrapper, div#content-article.stuartcosgrove div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/7/6/FF4252CC-0CFC-AB48-BB5F0915320D1AF3.jpg") no-repeat top right; padding-top:88px;} div#content-channel.johnmckie div#one-col-wrapper, div#content-article.johnmckie div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/4/5/FF457064-D3A2-5F9C-B887A16CBF2FE3E1.jpg") no-repeat top right; padding-top:88px;} div#content-channel.garryowen div#one-col-wrapper, div#content-article.garryowen div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/8/3/47A091F2-9537-1E7E-9991A75D9AA168E4.jpg") no-repeat top right; padding-top:88px;} div#content-channel.craiglevein div#one-col-wrapper, div#content-article.craiglevein div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/3/2/FF42CCD3-D83B-231D-1087F7D01D39E08A.jpg") no-repeat top right; padding-top:88px;} div#content-channel.jimmycalderwood div#one-col-wrapper, div#content-article.jimmycalderwood div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/2/7/FF41FDE2-00D7-BD46-DD8D6AD6506704B4.jpg") no-repeat top right; padding-top:88px;} div#content-channel.billybrown div#one-col-wrapper, div#content-article.billybrown div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/7/8/FF4113AC-0F43-1962-F49C55B095072222.jpg") no-repeat top right; padding-top:88px;} div#content-channel.lindsayclydesdale div#one-col-wrapper, div#content-article.lindsayclydesdale div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/1/8/479EA218-9FF7-00E5-20D8485291E234A4.jpg") no-repeat top right; padding-top:88px;} div#content-channel.bobshields div#one-col-wrapper, div#content-article.bobshields div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/5/4/479F9885-A77E-D442-62415592794D6F65.jpg") no-repeat top right; padding-top:88px;} div#content-channel.paulenglish div#one-col-wrapper, div#content-article.paulenglish div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/0/8/FF4622BE-B346-8E8A-CD515DD25189EF4C.jpg") no-repeat top right; padding-top:88px;} div#content-channel.gordonsmith div#one-col-wrapper, div#content-article.gordonsmith div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/sep2007/2/2/143E75A0-083A-9366-3D8B8894B337F6BF.jpg") no-repeat top right; padding-top:88px;} div#content-channel.thedarkside div#one-col-wrapper, div#content-article.thedarkside div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/oct2007/4/7/C7A370B4-05BD-A956-8CF416C87AF03A4F.gif") no-repeat top right; padding-top:88px;} div#content-channel.sexsurvey div#one-col-wrapper, div#content-article.sexsurvey div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/oct2007/3/3/D17D8238-D9ED-8718-965F9E24E85DBD62.jpg") no-repeat top right; padding-top:88px;} div#content-channel.crimesthatrocked div#one-col-wrapper, div#content-article.crimesthatrocked div#one-col-wrapper {background: url("http://images.icnetwork.co.uk/upl/dailyrecord3/oct2007/2/6/D18014E3-0660-02EF-F6B4B25763C1CE86.jpg") no-repeat top right; padding-top:88px;} /* email/forum -------------------------------------------------------*/ div.article-embedded-footer { margin: 20px 5px 20px 0; padding: 2px 0 2px 0; font-size: 1.15em; border-bottom: 1px solid #ccc; background:#fdfdfd; } div.article-embedded-footer a { font-weight: bold; } p.link-with-prelink-text { margin: 15px 0 15px 0px; } /* Money Supermarket -------------------------------------------------------------*/ div.moneysupermarket-wrapper h2 { margin: 10px 0 10px 0; padding: 0; } div.moneysupermarket-wrapper { margin: 0 0 0 14px; padding: 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 #bb0011; } 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: #f6f6f6 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 #26477a; } /* article footer - vids pics links */ div#three-col .art-align-left { margin: 5px 0 0 8px; } /* general error styles -------------------------------------------------------*/ .general-error{ padding:10px; margin:5px; line-height:140%; } .general-error h1{ padding:0; margin-bottom:5px; font-size:1.1em; text-align:center; } .general-error ul{ margin:10px; list-style: disc inside; }