/* CLYDE AND FORTH PRESS LTD, 2010 */
* { padding:0; margin:0; }
body { font:normal normal normal 10px Verdana,Helvetica,Arial,sans-serif; background:#d8d9da; color:#000 }
img { margin:0; padding:0; border:0; vertical-align:middle; }
h1, h2, h3, h4, h5, h6 { font-size:120%; font-weight: normal; padding-bottom:4px }
#wrapper {  margin: 0 auto; width: 980px; padding: 12px; background-color: #FFF; overflow:hidden }
.footer {  margin: 0;margin-top:10px; float:left; padding: 9px; width: 960px; color: #000; background: #d8d9da; font-size: 11px; border: 1px solid #505050;-moz-border-radius:4px; }
.footer li { width: 126px; float:left; padding-left: 10px; font: normal normal bold 12px "Lucida Grande","Lucida Sans","Lucida Sans Unicode","Tahoma",Helvetica,Arial,sans-serif; text-transform:uppercase; list-style: none; background: url('down.png') no-repeat }
.footer li ul li { width: 126px; float:left; padding-left: 10px; margin-left:-10px; font: normal normal normal 10px "Lucida Grande","Lucida Sans Unicode","Lucida Sans","Tahoma",Helvetica,Arial,sans-serif; text-transform:none; list-style:none; background: url('right.png') no-repeat }
.footer li ul li ul li { width: 126px; float:left; margin-left:1px; padding-left: 10px; list-style: none; background: url('closed.png') no-repeat }
.footer li a,.footer li a ul li a,.footer li a ul li a ul li a { color: #000 }
/* Sitemap */
.sitemap,.feeds {  margin: 0; float:left; width: 650px; color: #000; font-size: 120% }
.sitemap li,.feeds li { clear:both; font-size: 90%;line-height:140%; list-style: none; background: transparent url('sm_down.png') no-repeat 0px 8px; padding: 5px 0 0 10px; margin: 5px 0 0 0; border-top: 1px solid #b0b0b0 }
.sitemap li ul li,.feeds li ul li { clear:both; padding: 0 0 0 22px; margin: 0 0 0 -10px; font-size:100%; text-transform:none; list-style:none; background: url('sm_right.png') no-repeat 12px 4px; border: 0 }
.sitemap li ul li ul li,.feeds li ul li ul li { clear:none; width: 152px; height: 120px; float:left; margin: 0 0 0 1px; padding: 0 0 0 10px; list-style: none; background: transparent url('sm_right.png') no-repeat 2px 4px }
.sitemap li a:hover,.feeds li a:hover,.footer li a ul li a:hover,.footer li a ul li a ul li a:hover { background-color: #efefef }
.sitemap li a:focus,.feeds li a:focus,.footer li a ul li a:focus,.footer li a ul li a ul li a:focus { background:#013aac; color:#fff }
.std-table { border-collapse: collapse; width: 100%; background: #d8d9da; }
.std-table th,.std-table td { padding: 0.5em; width: 25% }
.std-table { border: 0px }
.std-table th,.std-table td { border: 1px solid #fff; }
.std-table th[scope=col] { border-bottom: 1px solid #fff; border-right: 1px solid #fff }
.std-table th+th[scope=col] { border-right: 1px solid #fff; }
.std-table th[scope=row] { border-right: 1px solid #fff; }
.std-table th { color: #fff; }
.std-table td { color: #000; }
.std-table th[scope=col] { color: #fff; background-color: #013aac; }
.std-table th+th[scope=col] { color: #fff; background-color: #013aac; }
.std-table th[scope=row] { background-color: #5276bf; }
.std-table caption { caption-side: bottom; font-size: 0.9em; font-style: italic; text-align: right; padding: 0.5em 0 }
.spc-table { border-collapse: collapse; width:100%;background:#fff; }
.spc-table td { padding:0.5em;border-top: 1px solid #000;vertical-align:top }
.bold { font-weight:bold; font-size:100% }
a { color:#003dad;text-decoration:none; }
a:hover { text-decoration:underline; }
a.cs-colour { color:#013aac; }
ol, ul { list-style-type:none }
ol.dec { list-style-type:decimal }
ol.rom { list-style-type:lower-roman }
ul.dsc { list-style-type:disc }
hr { color:#b0b0b0; background:#b0b0b0; height:1px; }
.noshow { display:none }
#main-nav { clear:both; margin:10px 0 0 0; height:27px; background:#013aac url('marker.png') repeat-x }
#main-nav li { float:left;display:block; border-right:1px solid #fff;border-bottom:1px solid #fff;padding:6px 10px 0 10px; height:20px; color:#fff;background-color:transparent; font-size:130%; text-align:left }
#main-nav li.active-item { background:#494949; border-bottom:1px solid #494949 }
#main-nav li.fin { border-right:0; }
#main-nav li a { display:block;color:#fff }
#main-nav li.jobs { background:#c11b17 }
#main-nav li.cars { background:#06490f }
#main-nav li.bid { background:#b4032d }
#main-nav li.notices { background:#590098 }
#sub-nav { clear:both; width:100%;height:25px; color:#fff;background:#494949 }
#sub-nav ul { border-bottom:1px solid #fff; }
#sub-nav li { float:left;display:block; padding:4px 12px 0px 12px; color:#fff;background-color:transparent; font-size:110% }
#sub-nav li.extras { float:right;display:block; padding:4px 10px 4px 10px }
#sub-nav li a { color:#fff; }
#inline-nav { clear:both; margin: 10px 0 0 0; height: 27px; background:#c0c0c0 url('inline-nav.png') repeat-x; }
#inline-nav li { float:left;display:block; border-right:1px solid #fff;padding:6px 10px 0 10px; height:20px; color:#fff;background-color:transparent; font-size:130%; text-align:left }
#inline-nav li.active-item { background:#013aac url('inline-nav-active.png') repeat-x }
#inline-nav li.fin { border-right:0 }
#inline-nav li a { display:block;color:#fff }

/* Indexes */
.full-separator { width:978px; height:1px; }
.content-box { overflow:hidden; font-size:100% }
.main-section-header { margin:0;border-top:4px solid #b0b0b0;padding:4px 0 4px 0; font-size:180%; color:#013aac; width:100% }
.section-header { margin:0;border:0;padding:0 0 4px 0; font-size:180%; color:#013aac }
.main-headline { font:normal normal bold 200% Tahoma,Verdana,Helvetica,Arial,sans-serif; color:#013aac; margin:3px 0 }
.main-headline a { color:#013aac }
.main-teaser { font-size:130%;margin:4px 0px 0px 0px; color:#212121 }
.main-teaser a { color:#212121 }
.main-date { color:#444444 }
.main-image { float:left;margin-right:10px }
.two-col-headline { clear:right; font-size:180%; color:#013aac }
.two-col-headline a { color:#013aac }
.two-col-teaser { font-size:130%;padding:4px 0px 0px 0px; color:#212121 }
.two-col-teaser a { color:#212121 }
.two-col-date { color:#444444 }
.story-tools { color:#444444; height:20px; font-size:100%; font-weight:normal }
.story-tools img { vertical-align:text-bottom; padding:0 0 0 4px; color:#494949; text-decoration:none }
.story-tools a:hover { color:#013aac; text-decoration:underline }
.item-image { overflow:hidden; margin-left:4px }
.item-headline,.list-headline { color:#013aac; font-size:120%; font-weight:bold; margin:4px 0 }
.item-headline a,.list-headline a { color:#013aac }
.item-teaser { color:#212121; font-size:110% }
.item-date { font-size:100%; color:#494949 }
.story-tools a { }
.list-item-headline { color:#013aac; font-size:110%; margin:4px 0; padding-left: 12px; background: #fff url('grey-marker.png') no-repeat 0 3px }
.list-item-headline a { color:#013aac }

/* ARTICLE CONTENTS */
.inline-pic { border:1px solid #b0b0b0; background:#fff; padding:5px; }
.inline-pic img { margin-bottom:5px }
.blog-pic { border:1px solid #b0b0b0; background:#fff; padding:5px; }
.blog-pic img { margin-bottom:5px }
.comment-user { width:168px }
.comment-content { width:480px }
#comments-list li { margin-top:10px; padding-top:10px; border-top:1px solid #444444 }
p.context { color:#000; padding:8px 0 8px 0; font-size:12px }
li.context { color:#000; margin:0px 0px 10px 25px;padding:0 15px 0 6px; font-size:12px }
.index-headline { background:#fff url('storyPrompter.png') no-repeat; font-size: 120%; font-weight:bold; padding:2px 0 2px 15px }
.small-text { font-size:10px; color:#444444 }
.blog-sidebar { width:170px; background:#fff; color:#444444; float:right }
.blog-sidebar ul li { padding:2px 0 2px 0; font-size:11px }
.blog-sidebar ul li.backstrip,.blog-sidebar h2.backstrip { padding:4px; font-size:10px; }
.calendar { width:100%; }
.calendar caption { font-weight: bold; font-size: 120% }
.calendar caption.calendar-jump a { color:#013aac; }
.calendar td,.calendar th { width: 20px; text-align:center; }
/* Quick Links */.quick-links { width:642px; padding:4px; background:#b0b0b0; font-size:12px; color:#494949 }
.quick-links li { float:left;display:block;padding-left:10px }
.quick-links li a { color:#013aac }
.uc { text-transform:uppercase }
/* Inline Puffs */.inline-puffs { width:208px; height:88px; border: 1px solid #013aac }
.puff-heading { background:#013aac; padding:4px; color:#fff; font-size:14px }
.puff-heading a { color:#fff }
.puff-text { padding:4px; color:#444444; font-size:12px }
.puff-text a { color:#444444 }
/* Inline Features *//* Containers */
.ifc-1 { width:200px; height:176px;overflow:hidden }
.ifc-2 { width:378px }
.ifc-3 { width:368px }
.ifc-3b { width:358px }
.ifc-4 { width:300px; height:80px }
.inline-features { border:1px solid #b0b0b0; border-top:4px solid #b0b0b0; padding:4px; background:#fff }
.colour-features { width:100%; height:83px }
.button60 { width:100px;height:75px;text-align:center; }
.mustard-puff { background:#e7a60e }
.light-green-puff { background:#1d7717 }
.burgundy-puff { background:#b70707 }
.purple-puff { background:#690946 }
.dark-green-puff { background:#013300 }
.blue-puff { background:#1818ac }
.red-puff { background:#e73a2a }
.gold-puff { background:#da956c }
.dark-brown-puff { background:#191919 }
.dark-blue-puff { background:#313555 }
.light-blue-puff { background:#B5CCE2 }
.dark-red-puff { background:#CC0000 }
.white-heading { color:#fff; padding:4px; font-size:18px }
.white-heading a { color:#fff }
.white-text { padding:4px; color:#fff; font-size:12px; border-top:1px solid #fff }
.white-text a { color:#fff }
.features-2 { width:368px; height:107px }
.features-promo-text { color:#c11b17; padding:2px 0px; font-size:13px }
.features-promo-text a { color:#c11b17 }
.features-heading { color:#013aac; padding:2px 0; font-size:13px }
.features-heading a { color:#013aac }
.features-text { padding:2px 0 8px 0; color:#444444; font-size:12px; line-height:18px }
.red-text { padding:2px 0 8px 0; color:#c11b17; font-size:12px; line-height:18px }
.features-text a { color:#013aac }
.small-text { padding:2px 0; font-size:10px; color:#444444 }
.backstrip { padding:4px; background:#013aac; color:#fff }
.backstrip a { color:#fff }
.std-list { margin:0 20px; padding-left:10px }
ul.std-list { list-style-type:disc }
.std-list li ul { list-style-type:circle }
ol.std-list { list-style-type:decimal }
.std-list li ol { margin:0 20px; padding-left:10px; list-style-type:lower-roman }
.std-list a { color:#013aac; text-decoration:underline }
.inline-op { width:310px; height:255px }
.demo-link { color:#013aac; text-decoration:underline }
.inline-site-services { width:288px; height:120px }
.inline-site-services li { width:128px; padding:2px 0 2px 16px; list-style:none; background:url('../furniture/colourschemes/blue/pointer.png') no-repeat }
.inline-site-services li.header { width:288px; list-style:none; padding:0px; background:none }
.inline-services { width:288px; }
.inline-services li { padding:2px 0 2px 16px; list-style:none; font-size: 1.1em; background:url('../furniture/colourschemes/blue/pointer.png') no-repeat }
.inline-services li.header { list-style:none; padding:0px; background:none }
/* DYNAMIC PANEL STYLES */
#splash { width:650px; float:left; margin:10px 0 10px 0 }

/* 1. STYLE ONE, MULTIPLE HEADLINES */
.leader-1-container { width:650px; height:200px; padding:0; background:#013aac }
.leader-1-img { width:219px; height:179px; float:left; border-bottom:1px solid #fff }
.leader-1-active { float:left; width:432px; padding:8px; height:13px; font-size:13px; font-weight:bold; background:#013aac; border-bottom:1px solid #fff; border-left:1px solid #fff }
a.leader-1-active { color:#fff }
.leader-1-inactive { float:left; width:432px; padding:8px; height:13px; /* the Default, dynamically altered in output */ font-size:13px; background:#5276bf; border-bottom:1px solid #fff; border-left:1px solid #fff }
a.leader-1-inactive { color:#fff }
.leader img { padding:0; margin:0 }
.leader-1-strapline { width:664px; padding:2px 2px 2px 2px; height:34px; margin:0; float:left; background:#013aac; color:#fff }
.leader-1-strapline a { display:block; color:#fff; font-size:0.95em; text-transform:uppercase }
.leader-1-links { width:538px; height:26px; padding:0px; background:#000 }
.leader-1-links p { float:left; padding:3px; font-family:arial; font-weight:bold; font-size:0.86em; text-transform:none }

/* 2. STYLE TWO, STANDARD ARTICLE LAYOUT */
.leader-2-buttons { margin-top:-20px;position:relative;bottom:0;right:0; }
.leader-2-buttons a { color:white; display:block; padding:0px 0px 0px 0px; width:14px;height:18px; text-align:center; background:#013aac; border:1px solid #013aac }
.leader-2-buttons a.inactive-button { background:#494949; border:1px solid #494949 }

li#leader-2-panel1,
li#leader-2-panel2,
li#leader-2-panel3,
li#leader-2-panel4,
li#leader-2-panel5,
li#leader-2-panel6 { display:block;width:650px;height:170px; }
 
/* 3. STYLE THREE, BLACK, IMPACT etc. */
.leader-3-container { width:650px; height:200px; padding:0px; overflow:hidden }
.leader-3-img { width:200px; height:120px }
.leader-3-headline { float:left; width:404px; height:104px; overflow:hidden; background:#000; padding:8px; color:#fff; font-family:impact; font-size:40px }
.leader-3-heading { float:left; width:409px; overflow:hidden; background:#000; padding:8px; color:#fff; font-family:impact; font-size:30px }
.leader-3-teaser { float:left; width:409px; overflow:hidden; background:#000; padding:8px; color:#fff; font-size:12px }
.leader-3-headline a,.leader-3-heading a,.leader-3-teaser a { color:#fff }
.leader-3-strapline { width:644px; padding:3px; height:23px; line-height:12px; margin:0; float:left; background:#333 url('strapline.png') repeat-x; color:#fff; font-size:0.95em; text-transform:uppercase }
.leader-3-strapline a { display:block; color:#fff; font-size:0.95em; text-transform:uppercase }
.leader-3-buttons { margin-top:-60px }
.leader-3-button { margin-top:-28px }
.leader-3-buttons a,.leader-3-button a { color:white; display:block; padding:3px 0px 0px 0px; width:18px;height:19px; text-align:center; font-size:12px; background:#c11b17 url('wob-button.png') no-repeat 0px 0px }
.leader-3-buttons a.inactive-button,.leader-3-button a.inactive-button { background:#494949 url('wob-button.png') no-repeat 0px -25px }
#photosales-is { width:308px; height:75px; background:#fff url('../furniture/editorial/idx/photosales.jpg') no-repeat 258px 26px; border:1px solid #013aac; border-top:4px solid #013aac }
#photosales-is input.item { width:170px }
#photosales-inline { width:317px; height:75px; background:#fff url('../furniture/editorial/idx/photosales.jpg') no-repeat 267px 26px; border:1px solid #013aac; border-top:4px solid #013aac }
#photosales-inline input.item { width:199px }
#photosales-is label,#photosales-inline label { color:#000 }
.horoscopes-list { width:650px }
.horoscopes-list li { float:left; width:216px; text-align:center }
p#username,p#password { position:relative; float:left; margin-right:3px }
input#username-field,input#password-field { width:10em }
label.overlabel { color:#999 }
label.overlabel-apply { position:absolute; top:3px; left:5px; z-index:1; color:#999 }

/* BUTTONS */
.local-ads { background:#d8d9da;-moz-border-radius:3px;margin-top:5px;padding:0 5px 5px 5px;width:310px;height:240px; }
.local-ads li { width:100px;height:75px;text-align:center; }
.local-ads li img { valign:middle }

/* Video Promo */
.video-container { width:650px; height:260px; padding:0; background:#fff }
.video-img { width:85px; height:73px; float:right; margin:3px 0; }
.video-link { float:left; width:368px; height:79px; color:#212121; background:#fff; border-bottom:1px dotted #b0b0b0; }
.video-link a { color:#212121 }
.video-link p.main { padding: 4px 1px 0px 4px; font-weight:bold; font-size: 110%; }
.video-link p.teaser { padding: 3px 1px 4px 4px; }

/* JOBS STYLES START */
.location-within-this { display:inline; margin-top:4px;  margin-left:100px; }
.location-within-five { display:inline; margin-top:4px;  margin-left:30px; }
.location-within-ten { display:inline; margin-top:4px;  margin-left:100px; }
.location-within-more { display:inline; margin-top:4px;  margin-left:23px }
.cv-box { background:#0158A4;  padding-bottom:5px;  height:155px; }
.white { color:#FFFFFF; }
.yellow { color:#FFFF00 }
.jobs-arrow { padding-left: 20px; background: #0158A4 url('../furniture/commercial/blue_arrow.png') no-repeat 10px 3px }
.mb10{ margin-bottom:10px; }

/* FORM SUBMIT ELEMENTS */  form.media label { width: 120px; float:left; text-align:right; padding-right:10px; }
form.media fieldset { border: 1px solid #b0b0b0; padding: 20px; }
form.media p { line-height:3.0em; color:#000 }
form.media legend { font-size:140%; padding: 0 4px; color: #CC0000; background: #eee; border: 1px solid #b0b0b0; margin-bottom:4px;   }
form.media input { width:300px; }
.storybox { width:400px; height:200px; }
.warning {
color:#CC0000;font-weight:bold;font-size:14px;margin-left:2px; }

/* GALLERIES STUFF */
.gallery_holder { float:left; width:644px; padding:4px; border:1px solid #666666; margin:3px; }
.gallery_holder:hover { float:left; width:644px; padding:4px; border:1px solid #b0b0b0b0b0b0; margin:3px; background-color:#F1F1F1; }
.pic_box { float:left; width:147px; height:110px; padding:4px; border:1px solid #666666; margin:3px; background:#FFFFFF; }
#gallery { text-align:center }
.article_caption {
font-size:1.1em; width:100%;background:#EEEEEE; font-weight:bold; text-align:center; color:#17186B; padding-top:8px; padding-bottom:8px; padding-right:3px; padding-left:3px; }

/* COMPS FORM */
.comps form label { font-family: Verdana, sans-serif; font-weight: bold; color: #003399; width: 150px; float:left; text-align:right; padding-right:10px; }
.comps form fieldset { border: 1px solid #b0b0b0; padding: 0 5px; }
.comps form p{line-height:1.8em;margin:7px 0 }
.comps form legend { font-family: arial, sans-serif; font-weight: bold; font-size: 90%; color: #666; background: #eee; border: 1px solid #b0b0b0; border-bottom-color: #999; border-right-color: #999; padding: 4px 8px;  }
.comps form input, form select { font-size: 1.2em; }
.comps form span { color:#CC0000; font-weight:bold; font-size:9px; }

/* VARIOUS SPECIAL CONTAINER SIZES (HM) */
.fw-1 { width : 650px; }	.fw-1b { width: 640px; } 	.fw-2 { width : 320px; }	.fw-2b { width: 310px; }
.fw-3 { width : 320px; }	.fw-3b { width : 310px; } .fw-3c { width : 300px; }	.fw-848 { width:848px }
.fw-348 { width: 348px }	.fw-4 { width: 590px }		.fw-5 { width: 355px; }		.fw-6 { width: 150px; }
.fw-7 { width: 200px; }		.fw-8 { width:240px; }		.fw-8b { width:220px; }		.fw-9 { width: 225px; }
.fw-10 { width:400px }		.fw-11 { width: 216px }		.fw-130 { width:130px; }	.fw-160 { width:160px; }
.fh-1 { height: 250px; }	.fh-1b { height:210px; }	.fh-2 { height: 250px; }	.fh-3 { height: 300px; }
.fh-4 { height: 400px; }	.fh-5 { height: 500px; }	.fh-6 { height: 600px; }	.fh-155 { height:155px; }
.fh-170 { height:170px; }	.fh-140 { height:140px; }	.fh-80 { height: 80px; }	.fh-106 { height: 106px; }
.content329-1 { border-top:4px solid #b0b0b0; padding-top:6px; width:320px; height:120px; }
.content329-2 { border-top:4px solid #b0b0b0; padding-top:6px; width:320px; height:75px; }
.content329-3 { border-top:4px solid #b0b0b0; padding-top:6px; width:320px; height:400px; }
.content378 { width:378px; height:340px; } .content390 { width:390px; } .content408 { width:408px; }
.content456 { width:456px; } .content488 { width:470px; } .content650-1 { border-top:4px solid #b0b0b0; padding-top:6px; width:650px; }
.keyline { border-top:1px solid #b0b0b0; }
.mpu { width:300px; height: 250px;border:10px solid #b0b0b0 }
.sky { width: 120px;height: 600px; }
.widesky { width: 170px; height: 600px; }
.ldb { width:728px;height:90px; }
/* Margin / Padding Classes */
.fl { float:left; } .fr { float:right; } .cb { clear:both; } .cl { clear:left; } .cr { clear:right; } .oh { overflow:hidden; }
.mt50 { margin:30px 0 20px 0 } .mt10 { margin-top:10px; } .mb10 { margin-bottom: 10px; } .ml10 { margin-left: 10px; } .mr10 { margin-right: 10px }
.mx10 { margin-left: 10px; margin-right: 10px; } .my10 { margin-top: 10px; margin-bottom: 10px; } .mt5 { margin-top:5px; }
.mb5 { margin-bottom: 5px; } .ml5 { margin-left: 5px; } .mr5 { margin-right: 5px } .mx5 { margin-left: 5px; margin-right: 5px; }
.my5 { margin-top: 5px; margin-bottom: 5px; } .mt6 { margin-top:6px; }
.mb6 { margin-bottom: 6px; } .ml6 { margin-left: 6px; } .mr6 { margin-right: 6px } .mx6 { margin-left: 6px; margin-right: 6px; } .my6 { margin-top: 6px; margin-bottom: 6px; }
.mx { margin: 0 3px 0 3px; } .mxb { margin-bottom: 3px; } .my { margin: 3px 0 3px 0; }
.px { padding: 0 2px 0 2px; } .pa { padding: 2px; } .py { padding: 2px 0 2px 0; } .pa10 { padding:10px; }
.px10 { padding-left: 10px; padding-right:10px; } .pt10 { padding-top:10px; } .pl10 { padding-left:10px; } .pr10 { padding-right:10px; } .pa5 { padding:5px; }
.px5 { padding-left: 5px; margin-right:5px; } .py5 { padding-top: 5px; margin-bottom:5px; } .pt5 { padding-top:5px; } .pl5 { padding-left:5px; }
.bw2 { border: 2px solid #fff; } .gl1 { border-top:1px solid #b0b0b0; }
.bcol { border-top: 0;border-bottom: 0; border-left: 0; border-right: 0; } .bt-grey { border-top: 1px solid #b0b0b0 }
.tac { text-align: center; } .tar { text-align: right ; }
.it { font-style: italic } .red { color:#c11b17; } .gow { color:#fff; } .just { text-align:justify; }

/* EVENTS */
.day { width: 55px }
.month { width: 55px }
.year { width: 57px }
.fullwidth-text { width: 172px;padding:2px }
.fullwidth-select { width: 180px }
.most-read-box { float:left; padding: 10px 0 0 10px; width: 300px }
.google-search-box { float:left; padding: 10px 0 0 10px; width:300px; height:40px }

/* Top Row Promo Boxes */
.promo-box { width: 650px }
.promo-box li { float:left; border:1px solid #005dac; width:208px;height:36px }
.promo-heading { font-size: 12px; color: #013aac; padding: 2px }
.promo-text { font-size: 11px; color: #013aac; padding: 2px }
.add-margin { margin: 0 4px 0 5px }

/* Javascript Dynamic Boxes */
/* Most Read Box */
#popular { width:320px; height:160px }
.most-tab { font-size:110%; color:#fff; background: #013aac url('most-tab-active.png') no-repeat 0 0;; text-align:center; text-transform:uppercase; width:76px; padding:4px 10px 4px 10px; margin:0 4px 0 0 }
.most-tab-inactive { font-size:110%; color:#444444; background: #b0b0b0 url('most-tab-inactive.png') no-repeat 0 0; text-align:center; text-transform:uppercase; width:76px; padding:4px 10px 4px 10px; margin: 0 4px 0 0 }
.most-list { clear:both; padding:4px; width:310px; height: 127px; list-style-type:none; border:1px solid #013aac; border-top:4px solid #013aac; overflow:hidden }
.most-list li { color:#013aac; font-size:110%; margin:4px 0; padding-left: 12px; background: #fff url('grey-marker.png') no-repeat 0 3px }
.most-list a { color:#013aac; text-decoration:none }

.ls { border:1px solid #83abc4;border-bottom:0;padding:0px 5px 0px 5px;width:308px;overflow:hidden;background: #fff url(../furniture/commercial/fn/fnw-bg.jpg) repeat-x }
.ls p { margin-top:5px;font-size:110%;line-height:140%; }
.ls p.im { margin-left:-5px; }
.ls p.fnh { 
font:italic normal normal 300%/140% "Adobe Garamond Pro","Garamond Premier Pro","ITC Garamond","Garamond","Georgia","Times New Roman","Times",serif;
color:#577287;margin-top:0; }
.ls label { display:inline-block;width:80px;height:18px; }
.ls input.txt { display:inline-block;width:210px;height:18px;border:1px solid #577287;padding:2px; }
.ls input.search { display:inline-block;width:120px;height:24px; }
.ls a { color:#577287; }
.iwt { margin-left:0px;padding-left:0; width:180px;line-height:138% }

/* SHARED CAROUSEL STYLES */
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li,
.jcarousel-item { float: left; list-style: none; border-bottom:1px solid #c11b17 }
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }

/* HOTJOBS VERTICAL CAROUSEL */
.jcarousel-skin-il .jcarousel-container { background: #fff }
.jcarousel-skin-il .jcarousel-container-vertical { width: 320px; height: 135px; padding: 0px }
.jcarousel-skin-il .jcarousel-clip-vertical { width:320px; height: 135px }
.jcarousel-skin-il .jcarousel-item { width: 308px; height: 40px; padding: 2px 6px; overflow:hidden }

/* HOTJOBS BUTTONS */
.jcarousel-skin-il .jcarousel-next-vertical { position: absolute; top: -20px; left: 285px; width: 20px; height: 20px; cursor: pointer; background: transparent url(../furniture/commercial/scroller-buttons.png) no-repeat 0 0 }
.jcarousel-skin-il .jcarousel-next-vertical:hover { background-position: 0px -20px }
.jcarousel-skin-il .jcarousel-next-vertical:active { background-position: 0px -20px }
.jcarousel-skin-il .jcarousel-next-disabled-vertical,
.jcarousel-skin-il .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-il .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0px -40px }
.jcarousel-skin-il .jcarousel-prev-vertical { position: absolute; top: -20px; left: 300px; width: 20px; height: 20px; cursor: pointer; background: transparent url(../furniture/commercial/scroller-buttons.png) no-repeat -20px 0 }
.jcarousel-skin-il .jcarousel-prev-vertical:hover { background-position: -20px -20px }
.jcarousel-skin-il .jcarousel-prev-vertical:active { background-position: -20px -20px }
.jcarousel-skin-il .jcarousel-prev-disabled-vertical,
.jcarousel-skin-il .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-il .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: -20px -40px }

h3.hjh { padding:5px;background:#c11b17;color:#fff;font-weight:bold;font-size:120%;-moz-border-radius:4px; }
.hjh a { color:#fff }
ul.listing { width:320px;height:124px;overflow:hidden; }
ul li a.listing-main { font-size:110% }
ul li a.listing-detail, ul li span.listing-detail { font-size:100%; }
ul li a.red {color:#c11b17}

/* TASTEBOX ONLY */
.cw {width:268px;border-bottom:none;}
.bd-list-name { font-size:200%;font-weight:bold }
.bd-contact-text { font-size:120%;line-height:15px;margin:10px 205px 10px 0px;border-top:1px solid #e3e3e3;padding: 10px 0 10px 10px }
img.taste { display:block;  margin-left:auto;  margin-right:auto;  margin-bottom:8px; } 

.jcarousel-skin-comm .jcarousel-next-horizontal { position: absolute; top: 25px; right: 45px; width: 32px; height: 32px; cursor: pointer; background: transparent url('next-horizontal.png') no-repeat 0 0 }
.jcarousel-skin-comm .jcarousel-next-horizontal:hover { background-position: -32px 0 }
.jcarousel-skin-comm .jcarousel-next-horizontal:active { background-position: -64px 0 }
.jcarousel-skin-comm .jcarousel-next-disabled-horizontal,
.jcarousel-skin-comm .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-comm .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0 }
.jcarousel-skin-comm .jcarousel-prev-horizontal {position:absolute; top:25px; left:10px; width:32px; height:32px; cursor:pointer; background: transparent url('prev-horizontal.png') no-repeat 0 0 }
.jcarousel-skin-comm .jcarousel-prev-horizontal:hover { background-position: -32px 0 }
.jcarousel-skin-comm .jcarousel-prev-horizontal:active { background-position: -64px 0 }
.jcarousel-skin-comm .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-comm .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-comm .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0 }

/* GENERIC WEB FORM USED A LOT */
.formerror {padding:2px 0 8px 0; color:#cc0000; font-size:12px; line-height:18px;}
.formsuccess {color: #0066CC;margin-bottom:20px;font-size:15px;margin-top:10px;font-weight:bold}
#entryform {margin-top:10px;font-size:12px;background:#FFF;font-weight:bold;width:650px}
#entryform fieldset {border:1px solid #ddd;padding:5px;font-size:16px;}
#entryform legend {color:#CC3300;}
#entryform p {margin-top:8px; clear:both;font-size:12px;font-weight:bold;}
#entryform label {float:left;width:200px;text-align:right;margin-right:5px;}
#entryform .inputbox {width:200px;height:20px;border:1px solid #ddd;background:#fafafa;}
#entryform .selectbox {height:20px;border:1px solid #ddd;background:#fafafa;}
#entryform textarea {width:350px;border:1px solid #ddd;background:#fafafa;font:normal normal normal 13px Verdana,Helvetica,Arial,sans-serif;}
#entryform .clearer {margin-bottom:8px;}
#entryform input.btn {color:#FFFFFF;background-color: #CC3300;width:70px;font-weight:bold;height:25px;} 

/* RDG TWITTER FEED */
.twitter-feed a { background:#fff;color:#38ccff;font-weight:bold }
.jcarousel-skin-tf .jcarousel-container { background: #fff }
.jcarousel-skin-tf .jcarousel-container-vertical { width:310px;height:185px;padding:0px;border:5px solid #d7cebc }
.jcarousel-skin-tf .jcarousel-clip-vertical { width:320px;height:185px }
.jcarousel-skin-tf .jcarousel-item { width:300px;height:54px;padding:5px;border-top:1px solid #d7cebc;overflow:hidden }

.jcarousel-skin-tf .jcarousel-next-vertical { position: absolute; top: -23px; left: 105px; width: 20px; height: 20px; cursor: pointer; background: transparent url('../furniture/commercial/scroller-buttons.png') no-repeat -80px 0 }
.jcarousel-skin-tf .jcarousel-next-vertical:hover { background-position: -80px -20px }
.jcarousel-skin-tf .jcarousel-next-vertical:active { background-position: -80px -20px }
.jcarousel-skin-tf .jcarousel-next-disabled-vertical,
.jcarousel-skin-tf .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tf .jcarousel-next-disabled-vertical:active { cursor: default; background-position: -80px -40px }
.jcarousel-skin-tf .jcarousel-prev-vertical { position: absolute; top: -23px; left: 125px; width: 20px; height: 20px; cursor: pointer; background: transparent url('../furniture/commercial/scroller-buttons.png') no-repeat -100px 0 }
.jcarousel-skin-tf .jcarousel-prev-vertical:hover { background-position: -100px -20px }
.jcarousel-skin-tf .jcarousel-prev-vertical:active { background-position: -100px -20px }
.jcarousel-skin-tf .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tf .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tf .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: -100px -40px }

input.userinfo { border: 1px solid #c7c7c7; font-size: 12px; padding:1px; margin-bottom:4px; color:#444444 }
textarea.headline { overflow:hidden; margin:30px 24px 0px 24px;border:1px solid #444444;padding:0; width:150px;height:44px; background:transparent; text-align:center; font-size:150%; font-weight:bold }
textarea.body { overflow:hidden; margin: 0px 24px 16px 24px;border:1px solid #444444;border-top:0;padding:0; width:150px;height:90px; background:transparent; text-align:center; font-size: 120% }
.ft-comic { font-family: 'comic sans ms' }
.ft-tahoma { font-family: tahoma,sans-serif }
.ft-courier { font-family: 'courier new',courier }
.cl-white { color:#fff }
.cl-red { color:#c11b17 }
.cl-gray { color:#444444 }
.cl-black { color:#000 }
.button { background:#fff; color: #444444; padding: 3px; border-top:1px solid #c7c7c7; width:44px; border-bottom:0; font: normal normal bold 10px tahoma,verdana,arial,sans-serif }
.butt   { background:#c7c7c7; color: #fff; padding: 3px; border-top:1px solid #c7c7c7; width:44px; border-bottom:0; font: normal normal bold 10px tahoma,verdana,arial,sans-serif }
.jobFormNew     { width:650px;height:175px;padding:0;background:#0066cc url(frmtnt.png) repeat-y;color:#fff;font: normal normal normal 11px/13px arial,helvetica,tahoma,sans-serif; }
.jobFormNew h1  { float:left;width:372px;font-size:21px;line-height:23px;margin-left:20px;margin-top:20px; }
.jobFormNew .alt{ color:#ffe930; }
.jobFormNew p.kw,.jobFormNew p.pb { float:left;width:206px;margin-left:20px;margin-top:10px } .jobFormNew p.kw input { width:200px;height:20px;border:1px solid #ffe930;padding:2px;margin:5px 0px; }
.jobFormNew p.lc,.jobFormNew p.sb { float:left;width:154px;margin-left:20px;margin-top:10px } .jobFormNew p.lc input { width:142px;height:20px;border:1px solid #ffe930;padding:2px;margin:5px 0px; }
.jobFormNew p.sb { float:left;width:160px;margin-left:20px;margin-top:10px;} .jobFormNew p.sb input { margin:0;width:156px;height:33px;border:0;background:transparent }
.jobFormNew div.fn  { float:right;width:200px;height:175px;overflow:hidden }
.jobFormNew div.fn img.sp  { position:relative;top:10px;left:0;width:142px;height:154px; }
.jobFormNew div.fn p.tx  { position:relative;top:-120px;left:19px;width:120px;height:60px;font-size:115%;line-height:125%;font-weight:bold;color:#0066cc }
.jobFormNew div.fn img.js  { position:relative;top:-120px;left:82px;width:118px;height:82px; }
ul.cats { postition:relative;font-size:110%;line-height:180%;font-weight:normal;list-style:square inside url(jobsarrow.png); }
ul.cats a { color:#95239f }
ul li.c1 { margin-left:10px; }
ul li.c2 { margin-left:349px; }
ul li.litop { margin-top:-297px; }
ul.loc { postition:relative;font-size:110%;line-height:180%;font-weight:normal;list-style:square inside url(locsarrow.png);background:#fff url(srchcrop.png) no-repeat 125px 5px; }
ul.loc a { color:#2691eb }
ul li.l1 { margin-left:10px; }
.cvmatch { width:316px;height:171px;border:2px solid #c11b17;padding:0;background:#fff386 url(cvtnt.png) repeat-y;color:#000;font: normal normal normal 11px/13px arial,helvetica,tahoma,sans-serif; }
.cvmatch h2 { float:left;width:310px;font-size:17px;line-height:23px;margin-left:4px;margin-top:6px; }
.cvmatch .alt{ color:#c11b17; }
.cvmatch p { margin:4px; }
.cvmatch p.cvi { float:right;width:120px;height:84px; }
.cvmatch p.cvb { float:left;width:164px;font-size:125%;line-height:150%;margin-top:10px }
.cvmatch p.cvs { float:left;width:164px; }
.cvmatch p.cvt { float:left;width:292px; }
ul.nhj { width:320px;font-size:125%;line-height:150%; }
ul.nhj li { border-bottom:1px solid #b0b0b0;padding:0 10px 6px 10px;margin-bottom:6px }
ul.nhj li .main { color:#c11b17;font-weight:bold } a.main { display:inline;color:#c11b17; }
ul.nhj li .detail{color:#0066cc;font-weight:normal } a.detail,span.hj-detail { display:inline;color:#0066cc; }
.site-services { width:308px;height:140px }
ul.site-services li { position:relative;width:auto;height:16px;padding:2px 0 2px 16px; list-style:none; background:url('../furniture/colourschemes/red/pointer.png') no-repeat }
#online-tools {width:468px;}
#online-tools li    { height:20px; color: #013aac; float:left; }
#online-tools li.lt { width: 300px;height:20px; font-size: 1.3em; padding: 4px 0 0 38px; }
#online-tools li.rt { width: 130px;height:20px; font-size: 1.3em; padding: 4px 0 0 0; }
#online-tools-alt li { width: 430px;height:20px; font-size: 1.15em; padding: 2px 0 0 36px; color: #013aac; }
.online-subs { background: #fff url('interactive-icons.jpg') no-repeat 0 0 }
.online-phot { background: #fff url('interactive-icons.jpg') no-repeat 0 -25px }
.online-advt { background: #fff url('interactive-icons.jpg') no-repeat 0 -50px }
.online-shop { background: #fff url('interactive-icons.jpg') no-repeat 0 -75px }
.online-crus { background: #fff url('interactive-icons.jpg') no-repeat 0 -100px }
.online-prop { background: #fff url('interactive-gt.jpg') no-repeat 0 0px }
.online-evnt { background: #fff url('interactive-gt.jpg') no-repeat 0 -20px }
.online-wknd { background: #fff url('interactive-gt.jpg') no-repeat 0 -40px }
.online-tots { background: #fff url('interactive-gt.jpg') no-repeat 0 -60px }

/* VIDEO PANEL STYLES -----------------------------------------------------*/
.leader-img { width: 300px; float:left; }
.leader-active { float:left; width: 356px; padding:5px; font-size:12px; background:#0158A5 url("http://www.readingchronicle.co.uk/jobsection/furniture/play_button.jpg") repeat-x; border-bottom: 1px solid #fff; border-left: 1px solid #fff; font-weight:bold; color:#FFF; text-decoration:none; }
.leader-inactive { float:left; width: 356px; padding: 5px; font-size:12px; background:#333; border-bottom: 1px solid #fff; border-left: 1px solid #fff; font-weight:bold; color:#FFF; text-decoration:none; }
.leader-active span,.leader-inactive span { color:#FFFF00; }
.leader img { padding:0; margin:0; }
.leader-strapline { width:661px; padding: 2px 3px 2px 3px; height: 28px; margin:0; float:left; background:#0158A5; color:#fff; font-weight:bold; }
.leader-strapline a { display:block; color: #fff; font-size:0.95em; text-transform:uppercase; }

/* SISTER SITES PANEL -----------------------------------------------------*/
.mb5 {margin-bottom:5px;}
.sisheading {width:100%;height:24px;padding-top:4px;background:#b0b0b0;font-weight:bold;text-indent:10px;font-size:16px;-moz-border-radius:6px 6px 0 0 }
.sisbox { background:#FFF; padding-bottom: 6px; width:976px; border: 1px solid #b0b0b0; margin-top:10px;float:left;-moz-border-radius:6px }
.sisbox ul { margin: 3px; width:312px; float: left; list-style-type: none; padding-top: 5px 0; border-right:1px solid #b0b0b0;}
.sisbox li { margin: 5px 0 5px 10px; padding-left: 6px; font-size:11px;font-weight:bold;color:#333;background: #fff url(http://www.clydeandforthmedia.co.uk/images/blue_arrow.jpg) no-repeat 0 5px;}
.sisbox li.mh { background-image:none; }

.sisbox a {color:#333;}

.cmnt { font-size:11px;line-height:15px;width:618px;padding:15px;background:#eee;border:1px solid #b0b0b0;-moz-border-radius:4px; }
.cmnt textarea { border:1px solid #b0b0b0;-moz-border-radius:4px;width:612px;height:240px;padding:2px;font:normal normal normal 110%/160% verdana,arial,sans-serif }
.cmnt label { display:block;padding-top:10px }
.cmnt input.ud { border:1px solid #b0b0b0;-moz-border-radius:2px;width:264px;padding:2px;font:normal normal normal 110%/160% verdana,arial,sans-serif }
.cmnt input.wv { border:1px solid #b0b0b0;-moz-border-radius:2px;width:190px;padding:2px;font:normal normal normal 110%/160% verdana,arial,sans-serif }
.cmnt p input.btn {
 width:97%;height:30px;padding:5px;background:#ffe400 url(btn-bg.jpg) repeat-x;color:#505050;border:solid 1px #f5ca00;-moz-border-radius:6px;
}
.cmnt p input.btn:hover {
 height:30px;padding:5px;background:#ffe400 url('');color:#505050;border:solid 1px #f5ca00;-moz-border-radius:6px;
}
.cmnt p input.btn:active {
 height:30px;padding:6px 5px 4px 6px;background:#ffe400 url('');color:#505050;border:solid 1px #f5ca00;-moz-border-radius:6px;
}
.cmnt .liu { width:614px;padding:10px;border:1px solid #b0b0b0;-moz-border-radius:4px;background:#fff;margin-top:10px }
.cmnt .sbut { width:180px;padding:20px 0; }


.cmnt .li { margin-top:10px;background:#d2d3ff;border:1px solid #0066cc;-moz-border-radius:4px;padding:10px;height:170px;float:left; }
.cmnt .nr { margin-top:10px;background:#ffd2d2;border:1px solid #c11b17;-moz-border-radius:4px;padding:10px;height:170px;float:right; }
.cmnt .lwh { width:280px; }
.cmnt .lwf { width:598px; }
.cmnt .wvc { float:left;margin-top:10px;background:#fff;border:1px solid #b0b0b0;-moz-border-radius:4px;padding:10px;width:598px;height:70px }

.sbm { width:100%;padding:10px;width:630px;-moz-border-radius:4px;background:#e7f6fb; }
.sbm li { width:78px }
.sbm li.top { width:630px; }
.sbm img:hover { background:#ffce00; }

.bbg { background:#444444; }

.tl { width:300px;font-size:11px;line-height:15px;-moz-border-radius:4px; }
.tl label { display:block;padding-top:5px }
.tl input.reg { border:1px solid #b0b0b0;-moz-border-radius:2px;width:290px;padding:2px;font:normal normal normal 110%/160% verdana,arial,sans-serif }
.tl input.btn { border:1px solid #b0b0b0;-moz-border-radius:2px;width:290px;padding:2px;font:normal normal normal 110%/160% verdana,arial,sans-serif }

.tl p input.btn {
 width:125px;height:30px;padding:5px;background:#ffe400 url(btn-bg.jpg) repeat-x;color:#505050;border:solid 1px #f5ca00;-moz-border-radius:6px;
}
.tl p input.btn:hover {
 height:30px;padding:5px;background:#ffe400 url('');color:#505050;border:solid 1px #f5ca00;-moz-border-radius:6px;
}
.tl p input.btn:active {
 height:30px;padding:6px 5px 4px 6px;background:#ffe400 url('');color:#505050;border:solid 1px #f5ca00;-moz-border-radius:6px;
}

.warn { color:#c11b17 }

.rtl { background:#eab7b6 }
.btl { background:#c4cced }
.gtl { background:#b4dfcf }

.cmnt-list { width:100% }
.cmnt-list li { clear:both;display:block;margin-top:15px;width:100% }
.cmnt-list p.cd { float:left;width:120px;padding:5px;background:#eee; }
.cmnt-list p.cc { float:right;width:425px;padding:10px 10px 10px 70px;border:1px solid #b0b0b0;background:#fff url('quote.jpg') no-repeat 8px 8px;color:#666;-moz-border-radius:6px;
font:italic normal normal 120%/160% Georgia,"Palatino","Palatino Linotype","Times New Roman","Times Roman", "Times", Serif;color:#494949 }

.related { width:628px;background:#fff17d;padding:10px;border:1px solid #b0b0b0;-moz-border-radius:6px }

