/* Theme: RTM Author: Makemedia Team - http://www.makemedia.com Copyright: 2011, Makemedia. All Rights Reserved */ /* * HTML5 ✰ Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. * * Detailed information about this CSS: h5bp.com/css * * ==|== normalize ========================================================== */ /* ============================================================================= HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; /* hasLayout fix for ie7 --> */ min-height: 0; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* hasLayout fix for ie7 --> */ min-height: 0; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 16px; line-height: 1.625; } body, button, input, select, textarea { font-family: Arial, sans-serif; color: #444; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection declarations have to be separate */ ::-moz-selection { background: #23397e; color: #fff; text-shadow: none; } ::selection { background: #23397e; color: #fff; text-shadow: none; } /* ============================================================================= Links ========================================================================== */ a { color: #23397e; text-decoration: none; -webkit-transition: color .25s ease; transition: color .25s ease; -moz-transition: color .25s ease; } a:visited { color: #23397e; } a:hover { color: #122252; text-decoration: underline; } a:focus { outline: thin dotted; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { clear: both; text-align: center; margin: 0 2em 1em; padding: 1.5em 0 0 1.5em; color: #7d7d7d; background: url(../Content/Images/openquote.png) no-repeat scroll top left; } blockquote p { font-size: 1.5em; line-height: 1.25em; padding: 0 1em 1em 0; background: url(../Content/Images/closequote.png) no-repeat scroll bottom right; margin: 0; } blockquote strong { color: #2e2e2e; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #e0e0e0; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: h5bp.com/j */ pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } h1, h2, h3, h4, h5, h6, dt, legend { font-weight: bold; margin: 0 0 0.8125em; } h1 { font-size: 1.75em; /* 28px */ line-height: 1.4286em; /* 40px */ margin: 0 0 1em; /* 38px */ color: #c4122f; padding: 0 0 0.25em; border-bottom: 1px solid #e0e0e0; } h2 { font-size: 1.25em; /* 20px */ line-height: 1.6em; /* 32px */ } p, li, dd { font-size: 0.75em; line-height: 1.6667em; } p { margin-bottom: 1.75em; } h1 span { color: #a1a1a1; font-size: 0.75em; float: right; } .ie7 h1 { position: relative; } .ie7 h1 span { position: absolute; right: 0; top: 5px; } .underlined { border-bottom: 1px dotted #a1a1a1; padding: 0 0 0.25em; margin-bottom: 1.21875em; } /* Uncompund ems */ li li { font-size: 1em; } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 0 0 1em; padding: 0 0 0 2em; } dl { margin: 1em 0; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ============================================================================= Embedded content ========================================================================== */ img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width: 100%; line-height: 1; } svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { max-width: 32%; line-height: 0; margin: 0; border: 1px solid #e0e0e0; padding: 0.75em; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#f7f7f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 99%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#f7f7f7 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */ } figure.left { margin: 0 1em 1em 0; clear: left; } figure.right { margin: 0 0 1em 1em; clear: right; } figure.center { margin: 1em auto; } figure img { display: block; margin: 0 auto; } figcaption { clear: both; font-size: 0.6875em; line-height: 1.25em; margin: 1.1em auto 0; padding: 1.1em 0 0; border-top: 1px solid #e0e0e0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; font-size: 14px; font-weight: bold; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } fieldset { margin: 1.25em 0; } .ie7 fieldset { margin: 0 0 1.25em; } fieldset h3 { color: #C4122F; padding: 0 0 0.625em; border-bottom: 1px dotted #a1a1a1; margin: 0 0 1em; } /* add class="visuallyhidden" to s and ad

s instead*/ /* Sometimes orchard forms are in divs */ fieldset div:before, fieldset div:after { content: ""; display: table; } fieldset div:after { clear: both; } fieldset div { zoom: 1; position: relative; margin: 0 0 1.25em; } fieldset div:last-child { margin: 0; } /* Sometimes orchard forms are in lists */ fieldset ol { margin: 0; padding: 0; list-style: none; } fieldset li:before, fieldset li:after { content: ""; display: table; } fieldset li:after { clear: both; } fieldset li { zoom: 1; position: relative; margin: 0 0 1.25em; } fieldset li:last-child { margin: 0; } /* I prefer paragraphs */ fieldset p:before, fieldset p:after { content: ""; display: table; } fieldset p:after { clear: both; } fieldset p { zoom: 1; position: relative; margin: 0 0 1.25em; } fieldset p:last-child { margin: 0; } fieldset label { display: block; float: left; width: 20%; margin-right: 5%; padding: 7px 0 6px; } fieldset label.wide { width: 90%; } fieldset label.text { font-size: 1em; font-weight: normal; } fieldset input[type="text"], fieldset input[type="email"], fieldset input[type="search"], fieldset input[type="password"], fieldset textarea, fieldset select { float: left; width: 75%; } fieldset input[type="checkbox"], fieldset input[type="radio"] { float: left; margin-top: 12px; width: 5%; } fieldset input[type="submit"] { float: right; } fieldset input[type="submit"].left { float: left; } fieldset div > span { padding: 7px 0 6px; display: block; float: left; width: 75%; } fieldset div label.error { margin: 0; padding: 7px 32px 6px 8px; font-weight: normal; font-size: 12px; color: #C4122F; position: absolute; right: 0; top: 0; width: auto; } /* jQuery Tools Tooltips */ .tooltip { width: 250px; background: #222; color: #e0e0e0; padding: 1.25em; position: relative; } .tooltip:before { content: ""; position: absolute; bottom: 100%; right: 9%; height: 0; width: 0; border-width: 4px; border-style: solid; border-color: transparent transparent #222 transparent; } /**/ input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input[type="text"], input[type="search"], input[type="email"], input[type="password"], textarea, select, .pseudo-input { font-size: 14px; /*border-radius: 5px;*/ background: #fff; box-shadow: 0 1px 5px -3px #A1A1A1 inset; -moz-box-shadow: 0 1px 5px -3px #A1A1A1 inset; -webkit-box-shadow: 0 1px 5px -3px #A1A1A1 inset; border: 1px solid #e0e0e0; padding: 5px 8px; font-weight: bold; color: #797979; } input[type="text"], input[type="search"], input[type="email"], input[type="password"], textarea { color: #a1a1a1; padding: 7px 8px 6px 12px; } input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus { color: #797979; } input[type="submit"], button { text-align: center; display: inline-block; border: none; font-size: 12px; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #444; box-shadow: 1px 1px 2px -1px #797979; -moz-box-shadow: 1px 1px 2px -1px #797979; -webkit-box-shadow: 1px 1px 2px -1px #797979; text-transform: uppercase; padding: 0.65em 1.25em 0.6em 1.25em; /* border-radius: 3px; */ background: #c4122f; background: -moz-linear-gradient(top, #c4122f 0%, #900118 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4122f), color-stop(100%,#900118)); background: -webkit-linear-gradient(top, #c4122f 0%,#900118 100%); background: -o-linear-gradient(top, #c4122f 0%,#900118 100%); background: -ms-linear-gradient(top, #c4122f 0%,#900118 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4122f', endColorstr='#900118',GradientType=0 ); background: linear-gradient(top, #c4122f 0%,#900118 100%); } input[type="submit"]:hover, button:hover { color: #fff; background: #b20d21; background: -moz-linear-gradient(top, #b20d21 0%, #700111 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b20d21), color-stop(100%,#700111)); background: -webkit-linear-gradient(top, #b20d21 0%,#700111 100%); background: -o-linear-gradient(top, #b20d21 0%,#700111 100%); background: -ms-linear-gradient(top, #b20d21 0%,#700111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b20d21', endColorstr='#700111',GradientType=0 ); background: linear-gradient(top, #b20d21 0%,#700111 100%); } input[type="submit"]:active, button:active { box-shadow: none; position: relative; top: 1px; left: 1px; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0 0 1em; box-shadow: 1px 1px 1px #f7f7f7; } td, th { text-align: center; vertical-align: middle; font-size: 0.75em; padding: 1.3333em; border: 1px solid #e0e0e0; } /*th:first-child, td:first-child { text-align: left; }*/ tr { background: #f7f7f7; } tr:nth-child(odd) { background: #fafafa; } tr:first-child { background: #ecedee; } tr:first-child th { font-size: 0.875em; color: #23397E; padding: 1.1429em; border-color: #ECEDEE; } /* ==|== primary styles ===================================================== Author: Edd Temple-Smithson ========================================================================== */ /* ============================================================================= Structure ========================================================================== */ /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ * {margin:0;padding:0;} html, body {height: 100%;} #wrapper {min-height: 100%;} #footer {position: relative; clear:both;} .no-js #main { padding-bottom: 250px; } .no-js #footer { height: 250px; margin-top: -250px; } /*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px; } .centered { max-width: 62em; padding: 0 1em; margin: 0 auto; } /* ============================================================================= Global Styles ========================================================================== */ html{overflow-x: hidden; overflow-y: scroll;} body { background: #e0e0e0; } #wrapper { box-shadow: 0 0 10px 0 #a1a1a1; background: #FFF; padding-top: 1em; position:relative; } .ie7 #wrapper, .ie8 #wrapper { border-width: 0 1px; border-style: solid; border-color: #ccc; } .site-ad-left, .site-ad-right{ width: 500px; height: 934px; position: absolute; } .site-ad-left{ left: -490px; top: 0; } .site-ad-right{ right: -500px; top: 0; } #strapline p { font-size: 0.875em; color: #fff; padding: 0.25em 0; margin: 0; } #strapline p.left { text-transform: uppercase; font-weight: bold; } #strapline p b { color: #ffca13; } #strapline { background: #4f4f4f; } #strapline .centered { background: #444444; } /* === Buttons === */ a.button { text-align: center; margin: 0 0 1.6666em; display: inline-block; position: relative; text-transform: uppercase; text-shadow: 1px 1px 1px #444; /*box-shadow: 1px 1px 2px -1px #797979;*/ font-size: 12px; line-height: 1.5em; font-weight: bold; padding: 0.55em 1.25em; color: #fff; /* border-radius: 3px; */ background: #c4122f; background: -moz-linear-gradient(top, #c4122f 0%, #900118 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4122f), color-stop(100%,#900118)); background: -webkit-linear-gradient(top, #c4122f 0%,#900118 100%); background: -o-linear-gradient(top, #c4122f 0%,#900118 100%); background: -ms-linear-gradient(top, #c4122f 0%,#900118 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4122f', endColorstr='#900118',GradientType=0 ); background: linear-gradient(top, #c4122f 0%,#900118 100%); } a.button:hover { color: #fff; text-decoration: none; background: #b20d21; background: -moz-linear-gradient(top, #b20d21 0%, #700111 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b20d21), color-stop(100%,#700111)); background: -webkit-linear-gradient(top, #b20d21 0%,#700111 100%); background: -o-linear-gradient(top, #b20d21 0%,#700111 100%); background: -ms-linear-gradient(top, #b20d21 0%,#700111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b20d21', endColorstr='#700111',GradientType=0 ); background: linear-gradient(top, #b20d21 0%,#700111 100%); } a.button.icon, input.icon { text-align: left; padding-right: 3.25em; } .ie7 a.button { display: block; } .ie7 a.button.icon, .ie7 input.icon { padding-right: 1.25em; } a.button.icon.question:before, input.icon.question:before { content: ""; position: absolute; right: 8px; top: 3px; height: 25px; width: 25px; background: url(../Content/Images/grey-question.png) no-repeat scroll 0 0; } a.button.icon.plus:before, input.icon.plus:before { content: ""; position: absolute; right: 8px; top: 3px; height: 25px; width: 25px; background: url(../Content/Images/grey-plus.png) no-repeat scroll 0 0; } a.button.icon.tick:before, input.icon.tick:before { content: ""; position: absolute; right: 8px; top: 3px; height: 25px; width: 25px; background: url(../Content/Images/grey-tick.png) no-repeat scroll 0 0; } a.button.icon.mail:before, input.icon.mail:before { content: ""; position: absolute; right: 8px; top: 3px; height: 25px; width: 25px; background: url(../Content/Images/grey-mail.png) no-repeat scroll 0 0; } a.button b, input b { color: #ffca13; } a.button.grey, input.grey {background: #a1a1a1; background: -moz-linear-gradient(top, #a1a1a1 0%, #595959 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(100%,#595959)); background: -webkit-linear-gradient(top, #a1a1a1 0%,#595959 100%); background: -o-linear-gradient(top, #a1a1a1 0%,#595959 100%); background: -ms-linear-gradient(top, #a1a1a1 0%,#595959 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a1', endColorstr='#595959',GradientType=0 ); background: linear-gradient(top, #a1a1a1 0%,#595959 100%); } a.button.grey:hover, input.grey:hover { background: #818181; background: -moz-linear-gradient(top, #818181 0%, #444444 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#818181), color-stop(100%,#444444)); background: -webkit-linear-gradient(top, #818181 0%,#444444 100%); background: -o-linear-gradient(top, #818181 0%,#444444 100%); background: -ms-linear-gradient(top, #818181 0%,#444444 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#444444',GradientType=0 ); background: linear-gradient(top, #818181 0%,#444444 100%); } a.button.turquoise, input.turquoise { text-shadow: 1px 1px 1px #797979; background: #46c0bf; background: -moz-linear-gradient(top, #46c0bf 0%, #009290 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46c0bf), color-stop(100%,#009290)); background: -webkit-linear-gradient(top, #46c0bf 0%,#009290 100%); background: -o-linear-gradient(top, #46c0bf 0%,#009290 100%); background: -ms-linear-gradient(top, #46c0bf 0%,#009290 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c0bf', endColorstr='#009290',GradientType=0 ); background: linear-gradient(top, #46c0bf 0%,#009290 100%); } a.button.turquoise:hover, input.turquoise:hover { background: #31adac; background: -moz-linear-gradient(top, #31adac 0%, #017170 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#31adac), color-stop(100%,#017170)); background: -webkit-linear-gradient(top, #31adac 0%,#017170 100%); background: -o-linear-gradient(top, #31adac 0%,#017170 100%); background: -ms-linear-gradient(top, #31adac 0%,#017170 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31adac', endColorstr='#017170',GradientType=0 ); background: linear-gradient(top, #31adac 0%,#017170 100%); } a.button.yellow, input.yellow { color: #444; text-shadow: 1px 1px 1px #a1a1a1; background: #ffca13; background: -moz-linear-gradient(top, #ffca13 0%, #d99429 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffca13), color-stop(100%,#d99429)); background: -webkit-linear-gradient(top, #ffca13 0%,#d99429 100%); background: -o-linear-gradient(top, #ffca13 0%,#d99429 100%); background: -ms-linear-gradient(top, #ffca13 0%,#d99429 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffca13', endColorstr='#d99429',GradientType=0 ); background: linear-gradient(top, #ffca13 0%,#d99429 100%); } a.button.yellow:hover, input.yellow:hover { color: #444; background: #ffba0d; background: -moz-linear-gradient(top, #ffba0d 0%, #bd6414 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffba0d), color-stop(100%,#bd6414)); background: -webkit-linear-gradient(top, #ffba0d 0%,#bd6414 100%); background: -o-linear-gradient(top, #ffba0d 0%,#bd6414 100%); background: -ms-linear-gradient(top, #ffba0d 0%,#bd6414 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba0d', endColorstr='#bd6414',GradientType=0 );background: linear-gradient(top, #ffba0d 0%,#bd6414 100%); } /* === Header === */ #header .logo { display: block; float: left; margin: 0;} #header .logo img { display: block; margin: 0; border: none; } #header .call-us { float: right; margin: 0 0 1em; font-size: 0.875em; line-height: 1;} #header .button { text-align: left; display: block; float: right; margin: 0; font-size: 1.5em; color: #fff; text-transform: none; line-height: 1em; padding: 0.5em 0.75em; } #header .button span { display: block; text-transform: uppercase; font-size: 0.5em; text-shadow: none; line-height: 1em; margin: 0.75em 0 0.25em; } #header .button span em { font-style: normal; color: #ffca13; } #header .button:before { content: ""; position: absolute; right: 16px; top: 11px; height: 25px; width: 25px; background: url(../Content/Images/grey-tick.png) no-repeat scroll 0 0; } .signed-in-status { float: right; margin:1em 0 0.25em 0; clear:both; } .signed-in-status a { font-weight: bold; color: #c4122f; font-size: 0.875em; } .signed-in-status a:hover { color: #900118; } .signed-in-status .action { margin: 0.25em 0 0.25em 0.5em; padding: 0 0 0 0.5em; border-left: 1px solid #797979; display: block; float: right; line-height: 1; } .ie7 .signed-in-status .action { overflow: visible; } .signed-in-status .action.last { border: none; padding: 0; margin: 0.25em 0; } /* Subscription banner code */ #header .widget-adtech-subscription-banner{float: right; overflow: hidden; margin-right: -1em; margin-top:-4px;} .ie7 #header .widget-adtech-subscription-banner{ margin-right: -0.5em;} #header .subscriptionBanner{display: block; float: right; width: 633px; height:132px;} #header .signed-in-status { float: left; clear: left;margin: 0.75em 0; width: 343px;height: 40px;} /*#header .signed-in-status .user-message { font-size: 1em; }*/ .ie7 #header .signed-in-status { } #advert-top { margin: 0 0 1em; } .advert object, .advert a, .advert img { display: block; margin: 0 auto; } /* Navigation */ #header nav { overflow: visible; clear: both; } #header .menu-main { clear: both; display: block; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0 1em; margin-left: -1em; width: 100%; background: #c4122f; background: -moz-linear-gradient(top, #c4122f 0%, #900118 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4122f), color-stop(100%,#900118)); background: -webkit-linear-gradient(top, #c4122f 0%,#900118 100%); background: -o-linear-gradient(top, #c4122f 0%,#900118 100%); background: -ms-linear-gradient(top, #c4122f 0%,#900118 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4122f', endColorstr='#900118',GradientType=0 ); background: linear-gradient(top, #c4122f 0%,#900118 100%);} #header .menu-main li { display: block; float: left; margin-right: 2em; } #header .menu-main a { display: block; font-size: 1.1em; font-weight: bold; text-shadow: 1px 1px 1px #444; color: #fff; padding: 0.55em 0; } #header .menu-main .current a, #header .menu-main .selected a { color: #ffca13; } #header .menu-news { clear: both; display: block; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0 1em; margin-left: -1em; width: 100%; background: #e0e0e0; } #header .menu-news li { display: block; float: left; } #header .menu-news a { display: block; font-size: 1.0833em; padding: 0.45em 1em 0.45em 0; margin: 0 1em 0 0; color: #444; border-right: 1px solid #fff; } #header .menu-news a.active { color: #c4122f; } #header .menu-sub-legal { clear: both; display: block; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; padding: 0 1em; margin-left: -1em; width: 100%; background: #e0e0e0; } #header .menu-sub-legal li { display: block; float: left; } #header .menu-sub-legal a { display: block; font-size: 1.0833em; padding: 0.45em 1em 0.45em 0; margin: 0 1em 0 0; color: #444; border-right: 1px solid #fff; } #header .menu-sub-legal a.active { color: #c4122f; } /* === Footer === */ #footer { background: #4F4F4F; overflow: hidden; } #footer, #footer a { color: #a1a1a1; } #footer a:hover { color: #e0e0e0; } #footer footer { padding: 1em; background: #444; position: relative; } #footer h5 { font-size: 0.875em; color: #e0e0e0; margin: 0 0 1.625em; } #footer .categories-list { margin: 0 0 1.625em; padding: 0; } #footer .categories-list li { display: block; float: left; font-size: 0.875em; margin: 0 1em 0 0; } #footer .categories-list li.label { color: #e0e0e0; font-weight: bold; } #footer .categories-list li.last, #footer .categories-list li:last-child { margin: 0; } #footer .categories-list li.last a, #footer .categories-list li:last-child a { padding: 0; border: none; } #footer .categories-list a { font-weight: bold; padding: 0 1em 0 0; border-right: 1px solid #a1a1a1; text-decoration: none; } #footer nav li { display: inline; margin: 0 0.75em 0 0; padding: 0 0.75em 0 0; border-right: 1px solid #a1a1a1; } #footer nav li.last, #footer nav li:last-child { border: none; margin: 0; padding: 0; } .ie7 #footer nav.left { width: 450px; } .ie7 #footer nav.right { clear: right; width: 350px; } #advert-bottom { background: #444; } #advert-bottom { background: #E0E0E0; } #advert-bottom .advert { max-width: 62em; margin: 0 auto; background: #fff; box-shadow: 0 0 10px 0 #A1A1A1; padding: 1em; } #before-main { margin: 1em 0; } /* === Breadcrumb === */ .breadcrumbs { float: left; padding: 0; list-style: none; margin: 0; width: 60%; } .breadcrumbs li { display: inline; margin: 0 0.5em 0 0; color: #a1a1a1; position: relative; padding: 0 1em 0 0; background: url(../Content/Images/breadcrumb.png) no-repeat scroll right 3px; } .breadcrumbs li { margin: 0 0.5em 0 0; padding: 0 1em 0 0;border-bottom: 0;} .breadcrumbs .last, .breadcrumbs li:last-child { background: none; } .breadcrumbs a { font-weight: bold; } .breadcrumbs .last a { font-weight: normal; color:#a1a1a1; cursor: default;} .breadcrumbs a:hover { text-decoration: none; } /* === Site Search === */ .widget-commercial-motor-search-form { float: right; margin: 0 0 0 2%; } .ie7 .widget-commercial-motor-search-form { width: 180px; } .widget-commercial-motor-search-form fieldset { margin: 0; } .widget-commercial-motor-search-form input[type="text"] { float: right; width: 144px; font-size: 0.75em; padding: 4px 24px 4px 8px; background: url(../Content/Images/magnify.png) no-repeat scroll right center; -webkit-transition: width 400ms ease; -moz-transition: width 400ms ease; -o-transition: width 400ms ease; transition: width 400ms ease; } .widget-commercial-motor-search-form input[type="text"]:focus { width: 200px; } /*.search-form button { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }*/ .widget-commercial-motor-search-form button { float: right; font-size: 0.75em; padding: 5px 8px 4px 8px; margin-left: 5px;} #before-content .widget-commercial-motor-search-form { float: none;} #before-content .widget-commercial-motor-search-form input[type="text"] { padding: 4px 24px 4px 8px; background: url(../Content/Images/magnify.png) no-repeat scroll right center; width: 100%; float: none;} .ie7 #before-content .widget-commercial-motor-search-form input[type="text"] { width: 95%; } #before-content .widget-commercial-motor-search-form fieldset { margin: 0 69px 1em 0; position: relative;} #before-content .widget-commercial-motor-search-form button { position: absolute; right: -69px; top: 2px; left:auto;} .search-summary em { font-weight: bold; } #aside-second #adwidget { margin: -21px 0 1em; } /* mmm hacky */ .ie7 #aside-second #adwidget { margin: -30px 0 1em; } #aside-second #latest-trucks article a.thumbnail { display: block; float: none; margin: 0 auto 0.5em; width: auto; } #aside-second #latest-trucks article h1, #aside-second #latest-trucks article p { float: none; width: 100%; } /* === Social media === */ #social { float: right; width: 122px; margin: 0; padding: 0; } #social li { display: block; float: left; margin: 0 0 0 0.5em; } #social a { display: block; } #social a:hover { opacity: 0.8; } /* === Widgets === */ #aside-second .advert, #aside-second .widget { margin: 0 0 1.25em; } .widget > header { padding: 0.5em 1em; margin: 0 0 1em; background: #c4122f; background: -moz-linear-gradient(top, #c4122f 0%, #900118 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4122f), color-stop(100%,#900118)); background: -webkit-linear-gradient(top, #c4122f 0%,#900118 100%); background: -o-linear-gradient(top, #c4122f 0%,#900118 100%); background: -ms-linear-gradient(top, #c4122f 0%,#900118 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4122f', endColorstr='#900118',GradientType=0 ); background: linear-gradient(top, #c4122f 0%,#900118 100%);} .widget.section-legal > header, .widget.section-legal .button { background: #ffca13; background: -moz-linear-gradient(top, #ffca13 0%, #d99429 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffca13), color-stop(100%,#d99429)); background: -webkit-linear-gradient(top, #ffca13 0%,#d99429 100%); background: -o-linear-gradient(top, #ffca13 0%,#d99429 100%); background: -ms-linear-gradient(top, #ffca13 0%,#d99429 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffca13', endColorstr='#d99429',GradientType=0 ); background: linear-gradient(top, #ffca13 0%,#d99429 100%);} .widget.section-legal .button:hover { background: #ffba0d; background: -moz-linear-gradient(top, #ffba0d 0%, #bd6414 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffba0d), color-stop(100%,#bd6414)); background: -webkit-linear-gradient(top, #ffba0d 0%,#bd6414 100%); background: -o-linear-gradient(top, #ffba0d 0%,#bd6414 100%); background: -ms-linear-gradient(top, #ffba0d 0%,#bd6414 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba0d', endColorstr='#bd6414',GradientType=0 ); background: linear-gradient(top, #ffba0d 0%,#bd6414 100%);} .widget.section-business > header, .widget.section-business .button { background: #60395f; background: -moz-linear-gradient(top, #60395f 0%, #4b284a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60395f), color-stop(100%,#4b284a)); background: -webkit-linear-gradient(top, #60395f 0%,#4b284a 100%); background: -o-linear-gradient(top, #60395f 0%,#4b284a 100%); background: -ms-linear-gradient(top, #60395f 0%,#4b284a 100%); background: linear-gradient(top, #60395f 0%,#4b284a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60395f', endColorstr='#4b284a',GradientType=0 );} .widget.section-business .button:hover { background: #583c57; background: -moz-linear-gradient(top, #583c57 0%, #492f48 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#583c57), color-stop(100%,#492f48)); background: -webkit-linear-gradient(top, #583c57 0%,#492f48 100%); background: -o-linear-gradient(top, #583c57 0%,#492f48 100%); background: -ms-linear-gradient(top, #583c57 0%,#492f48 100%); background: linear-gradient(top, #583c57 0%,#492f48 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#583c57', endColorstr='#492f48',GradientType=0 );} .widget.section-buyers > header, .widget.section-buyers .button { background: #23397e; background: -moz-linear-gradient(top, #23397e 0%, #122253 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23397e), color-stop(100%,#122253)); background: -webkit-linear-gradient(top, #23397e 0%,#122253 100%); background: -o-linear-gradient(top, #23397e 0%,#122253 100%); background: -ms-linear-gradient(top, #23397e 0%,#122253 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23397e', endColorstr='#122253',GradientType=0 );background: linear-gradient(top, #23397e 0%,#122253 100%);} .widget.section-buyers .button:hover { background: #233469; background: -moz-linear-gradient(top, #233469 0%, #162248 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#233469), color-stop(100%,#162248));background: -webkit-linear-gradient(top, #233469 0%,#162248 100%);background: -o-linear-gradient(top, #233469 0%,#162248 100%);background: -ms-linear-gradient(top, #233469 0%,#162248 100%);background: linear-gradient(top, #233469 0%,#162248 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233469', endColorstr='#162248',GradientType=0 );} .widget.section-used-trucks > header, .widget.section-used-trucks .button { background: #46c0bf; background: -moz-linear-gradient(top, #46c0bf 0%, #009290 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46c0bf), color-stop(100%,#009290)); background: -webkit-linear-gradient(top, #46c0bf 0%,#009290 100%); background: -o-linear-gradient(top, #46c0bf 0%,#009290 100%); background: -ms-linear-gradient(top, #46c0bf 0%,#009290 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c0bf', endColorstr='#009290',GradientType=0 ); background: linear-gradient(top, #46c0bf 0%,#009290 100%);} .widget.section-used-trucks .button:hover { background: #31adac; background: -moz-linear-gradient(top, #31adac 0%, #017170 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#31adac), color-stop(100%,#017170)); background: -webkit-linear-gradient(top, #31adac 0%,#017170 100%); background: -o-linear-gradient(top, #31adac 0%,#017170 100%); background: -ms-linear-gradient(top, #31adac 0%,#017170 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31adac', endColorstr='#017170',GradientType=0 ); background: linear-gradient(top, #31adac 0%,#017170 100%);} .widget > header h1 { padding: 0; margin: 0; border: none; color: #fff; font-size: 1em; text-shadow: 1px 1px 1px #444; } .widget.section-legal > header h1 { text-shadow: 1px 1px 1px #797979; } .widget.section-business > header h1 { text-shadow: 1px 1px 1px #444; } .widget.section-buyers > header h1 { text-shadow: 1px 1px 1px #797979; } .widget.section-used-trucks > header h1 { text-shadow: 1px 1px 1px #797979; } /* Recent Blog Posts Widget */ .widget.widget-recent-blog-posts:before, .widget.widget-recent-blog-posts:after { content: ""; display: table; } .widget.widget-recent-blog-posts:after { clear: both; } .widget.widget-recent-blog-posts { zoom: 1; } /* Menu Widget */ .section-news.widget-menu-widget li, .section-business.widget-menu-widget li { padding: 0 0 1em; margin: 0 0 1em; border-bottom: 1px dotted #e0e0e0; } .section-news.widget-menu-widget li a, .section-business.widget-menu-widget li a { font-size: 1.1667em; font-weight: bold; display: block; padding: 0 20px 0 0; background: url(../Content/Images/arrow.png) no-repeat scroll right center; } .section-news.widget-menu-widget li:before, .section-news.widget-menu-widget li:after, .section-business.widget-menu-widget li:before, .section-business.widget-menu-widget li:after { content: ""; display: table; } .section-news.widget-menu-widget li:after, .section-business.widget-menu-widget li:after { clear: both; } .section-news.widget-menu-widget li, .section-business.widget-menu-widget li { zoom: 1; } /* Generic Widgets */ .widget.section-news > header { background: #c4122f; background: -moz-linear-gradient(top, #c4122f 0%, #900118 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4122f), color-stop(100%,#900118)); background: -webkit-linear-gradient(top, #c4122f 0%,#900118 100%); background: -o-linear-gradient(top, #c4122f 0%,#900118 100%); background: -ms-linear-gradient(top, #c4122f 0%,#900118 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4122f', endColorstr='#900118',GradientType=0 ); background: linear-gradient(top, #c4122f 0%,#900118 100%); } /* Recent Comments Widget */ .dsq-widget-list { padding: 0; margin: -0.5em 0 1em; list-style: none; } .dsq-widget-list .dsq-widget-item { font-size: 1em; margin: 0 0 0.75em; padding: 0 0 0.75em; border-bottom: 1px dotted #e0e0e0; } .dsq-widget-list .dsq-widget-comment { display: block; margin: 0.5em 0; font-size: 0.75em; line-height: 1.5em; } .dsq-widget-list .dsq-widget-meta { font-size: 0.6875em; } /* === Pagination === */ .pagination { margin: 0 0 1.25em; padding: 0.25em 1em; background: #e0e0e0; list-style: none; line-height: 1em; } .pagination li { display: block; float: left; margin: 0 1%; color: #797979; line-height: 26px; width: 3%; text-align: center; } .pagination li.page-next { float: right; width: 20%; text-align: right; } .pagination li.page-previous { width: 20%; text-align: left; } .pagination a { display: block; color: #797979; } .pagination a:hover { color: #444; text-decoration: none; } .pagination a.active { color: #444; text-decoration: underline; font-weight: bold; } /* === Content lists and details === */ .content-items { padding: 0; margin: 0; list-style: none; } .content-items > li { font-size: 1em; margin: 0 0 1.25em; } .content-items > li .advert { display: block; float: right; margin: 1em 0 1em 1em; } .content-items .content-item { border-bottom: 1px dotted #e0e0e0; padding-bottom: 1.25em; position: relative; overflow: auto; } .content-items .content-item header.full-width { width: 100%; float: none; } .content-items .content-item header { width: 63%; float: right; margin: 0; padding: 0; border: 0; } .content-items .content-item .thumbnail { width: 33%; float: left; margin: 0 4% 0.25em 0; } .content-items .content-item h1 { font-size: 1em; padding: 0; border: 0; margin: 0; } .content-items .content-item .meta { list-style: none; padding: 0; margin: 0 0 0.25em; } .content-items .content-item .meta li { font-size: 0.6875em; display: inline; padding: 0 0.5em 0 0; margin: 0 0.35em 0 0; border-right: 1px solid #e0e0e0; color: #a1a1a1; } .content-items .content-item .meta li.last, .content-items .content-item .meta li:last-child { margin: 0; border: none; padding: 0; } .content-items .content-item p { margin: 0; } /* First post */ .content-items .content-item.first header { width: 100%; float: none; } .content-items .content-item.first .thumbnail { width: 100%; float: none; margin: 0 0 1em; display: block; } /* Recent Blogs in narrow columns */ aside .content-items .content-item header { width: 100%; float: none; } aside .content-items .content-item .thumbnail { width: 100%; float: none; margin: 0 0 1em; display: block; } /* === Blogs === */ .blog .featured-image { margin: 0 0 1em; } .blog-post header { border-bottom: 1px solid #E0E0E0; margin: 0 0 1.75em; padding: 0 0 0.4375em; } .blog-post h1 { border: none; margin: 0; padding: 0; } .blog-post .meta { list-style: none; padding: 0; margin: 0; } .blog-post .meta li { font-size: 0.8125em; display: inline; padding: 0 0.5em 0 0; margin: 0 0.35em 0 0; border-right: 1px solid #e0e0e0; color: #a1a1a1; } .blog-post .meta li.last, .blog-post .meta li:last-child { margin: 0; border: none; padding: 0; } .blog-post .featured-image { float: left; margin: 0 1em 0.5em 0; } .blog-post header .featured-image { margin:0; } /* === MPU === */ .jq-advert { display: block; clear: right; float: right; margin: 0 0 1em 1em; } /* === Confirmations === */ .message, .validation-summary-errors { margin: 0 0 1.66667em; padding: 0.5em; } .messages a { } .message-Information { background:#e6f1c9; /* green */ border:1px solid #cfe493; color:#062232; } .message-Warning { background:#fdf5bc; /* yellow */ border:1px solid #ffea9b; } .critical.message, .validation-summary-errors, .message-Error { background:#e68585; /* red */ border:1px solid #990808; color:#fff; } .critical.message ul, .validation-summary-errors ul, .message-Error ul { margin-bottom: 0; } /* === Edit Mode === */ .widget-control { position: relative; } #header .widget-control { } .content-control { overflow:auto; position: relative; } .manage-actions { position:absolute; top: 0; right: 0; } .manage-actions a { display: block; background-color: #444; color: #fff; padding: 0.25em 0.5em; font-size: 12px; opacity: 0.4; line-height: 1.5em; } .manage-actions a:hover { text-decoration: none; opacity: 1; } /* ============================================================================= Page Specific ========================================================================== */ /* === Account === */ #account-header { background: #e0e0e0; font-size: 0.875em; padding: 0.5714em 1.1429em; color: #444; margin: 0/* 0 1.4286em*/; } #account-content { margin: 0 0 1.25em; padding: 1.25em 1em; border: 1px solid #e0e0e0; border-width: 0 1px 1px; } .caveat-text { font-size: 0.6em; } .prompt-text { color: #C4122F; margin: 0 0 1em; font-weight: bold;font-size: 1.3em; } /* === Section specific titles === */ .legal h1 { color: #d99429; } .business h1 { color: #60395f; } .buyers h1 { color: #23397e; } /* === Homepage === */ .home #ticker-wrapper { float: left; width: 81%; } .home #ticker-title, .home #ticker-title span { min-width: 106px; } /* hacky chrome fix */ .home #content { float: left; width: 48%; } .home #content-second { float: right; width: 48%; } .home #content .widget-recent-blog-posts { padding: 1em 0; border: 1px solid #e0e0e0; border-width: 1px 0; margin: 0 0 1.25em; } .home #content .widget-recent-blog-posts .button { margin: 0; } .home #content .content-items .content-item.first h1 { font-size: 1.25em; } .home #content .content-items .content-item.first .meta { margin: 0 0 0.5em; } .subscribe-button { background: #c4122f; background: -moz-linear-gradient(top, #c4122f 0%, #900118 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4122f), color-stop(100%,#900118)); background: -webkit-linear-gradient(top, #c4122f 0%,#900118 100%); background: -o-linear-gradient(top, #c4122f 0%,#900118 100%); background: -ms-linear-gradient(top, #c4122f 0%,#900118 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4122f', endColorstr='#900118',GradientType=0 ); background: linear-gradient(top, #c4122f 0%,#900118 100%); } .subscribe-button:hover { background: #b20d21; background: -moz-linear-gradient(top, #b20d21 0%, #700111 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b20d21), color-stop(100%,#700111)); background: -webkit-linear-gradient(top, #b20d21 0%,#700111 100%); background: -o-linear-gradient(top, #b20d21 0%,#700111 100%); background: -ms-linear-gradient(top, #b20d21 0%,#700111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b20d21', endColorstr='#700111',GradientType=0 ); background: linear-gradient(top, #b20d21 0%,#700111 100%); } .subscribe-button p { margin: 0; } .subscribe-button a { text-decoration: none; color: #fff; display: block; } #news-ticker { margin: 0 0 1em;} #news-ticker .subscribe-button { float: right; width: 17%; height: 32px; } #news-ticker .subscribe-button a { line-height: 1em; font-weight: bold; text-transform: uppercase; padding: 0.8em 1em; text-align: center; } #content .subscribe-button a { padding: 0.75em; background: url(../Content/Images/arrow-dots.png) no-repeat scroll right bottom; } #content .subscribe-button a b { color: #ffca13; } #content .subscribe-button img { margin: 0 0.75em 0 0; } #content .subscribe-button strong { display: block; font-size: 1.6667em; text-transform: uppercase; margin: 0.5em 0; } #content .subscribe-button span { display: block; } #content-second #home-header { display: block; padding: 0; margin: 0 0 1.25em; border: 1px solid #e0e0e0; background: #fbfbfb; background: -moz-linear-gradient(top, #fbfbfb 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #fbfbfb 0%,#f2f2f2 100%); background: -o-linear-gradient(top, #fbfbfb 0%,#f2f2f2 100%); background: -ms-linear-gradient(top, #fbfbfb 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f2f2f2',GradientType=0 ); background: linear-gradient(top, #fbfbfb 0%,#f2f2f2 100%); } #content-second #home-header a { text-decoration: none; cursor: pointer; } #content-second #home-header hgroup { padding: 2em 1em 1em; background: url(../Content/Images/arrow-dots.png) no-repeat scroll right center; } #content-second #home-header h1 { margin: 0; padding: 0; border: none; font-size: 2.625em; color: #46C0BF; text-shadow: none; } #content-second #home-header h2 { margin: 0; color: #797979; font-weight: normal; font-size: 1.125em; } #content-second .advert { margin: 1.25em 0; } /* === News & Blogs Home === */ /* Lead */ #news-and-blogs .lead { margin: 0 0 1.25em; padding: 0 0 1.25em; border-bottom: 1px dotted #E0E0E0; } #news-and-blogs .lead header { margin:0; padding:0; border: 0; } #news-and-blogs .lead h1 { font-size: 1.25em; margin: 0 0 0.8em; padding: 0; border: 0; } #news-and-blogs .lead .thumbnail { width: 33%; float: left; margin: 0 4% 0 0; } .ie7 #news-and-blogs .lead .thumbnail { margin: 0 2% 0 0; } #news-and-blogs .lead .meta { list-style: none; padding: 0; margin: 0 0 0.5em; width: 63%; float: right; } #news-and-blogs .lead .meta li { display: inline; padding: 0 0.5em 0 0; margin: 0 0.25em 0 0; border-right: 1px solid #e0e0e0; color: #a1a1a1; } .ie7 #news-and-blogs .lead .meta li { margin: 0 0.75em 0 0; } #news-and-blogs .lead .meta li.last, #news-and-blogs .lead .meta li:last-child { margin: 0; border: none; padding: 0; } #news-and-blogs .lead .abstract { width: 63%; float: right; font-size: 0.875em; } #news-and-blogs .lead.no-image .meta, .content-item.lead.no-image .abstract { width: 100%; float: none; } /* Promote */ #news-and-blogs .promote { border-bottom: 1px dotted #E0E0E0; } #news-and-blogs .promote header { margin:0; padding:0; border: 0; } #news-and-blogs .promote h1 { font-size: 1em; padding: 0; border: 0; margin: 0; } #news-and-blogs .promote .thumbnail { width: 100%; float: none; margin: 0 0 1.25em; display: block; } #news-and-blogs .promote .meta { list-style: none; padding: 0; margin: 0 0 0.5em; } #news-and-blogs .promote .meta li { font-size: 0.6875em; display: inline; padding: 0 0.5em 0 0; margin: 0 0.25em 0 0; border-right: 1px solid #e0e0e0; color: #a1a1a1; } .ie7 #news-and-blogs .promote .meta li { margin: 0 0.75em 0 0; } #news-and-blogs .promote .meta li.last, #news-and-blogs .promote .meta li:last-child { margin: 0; border: none; padding: 0; } #news-and-blogs .promote .abstract { margin: 0 0 1.6667em; } /* Promote 1 */ #news-and-blogs #promote-1 { float: left; width: 48%; margin: 0 4% 1.25em 0; } /* Adtech */ #news-and-blogs #content .advert { width: 48%; float: right; margin: 0 0 1.25em; } /* Promote 2 & 3 */ #news-and-blogs #promote-2 { clear: both; } #news-and-blogs #promote-2, #news-and-blogs #promote-3 { float: left; width: 30.666%; margin: 0 4% 1.25em 0; } #news-and-blogs #content .widget-more-news { float: left; width: 30.666%; } #news-and-blogs #content .widget-more-news .content-items .content-item header { float: none; width: 100%; } #news-and-blogs #content .widget-more-news .content-items .content-item .thumbnail { display: none; } #after-content { clear: both; } /* business resources teaser*/ #news-and-blogs #business-resource-teaser{ margin-bottom:1.25em; clear: both;} #news-and-blogs #business-resource-teaser .content-item{border-bottom: none;} #news-and-blogs #business-resource-teaser .business-resource-inner {background-color: #eee9ed; padding:1em; padding-top: 1.5em; border: 1px solid #be9dbc; border-top:none;} #news-and-blogs #business-resource-teaser .banner{margin-bottom:0;} #news-and-blogs #business-resource-teaser .menu-business{ float:left; width:35%; list-style-type: none; padding: 0; margin-bottom: 0;} #news-and-blogs #business-resource-teaser .menu-business li{margin-bottom: 0.5em;} #news-and-blogs #business-resource-teaser .menu-business li a{background: url("../Content/Images/arrow.png") no-repeat scroll left center transparent; padding-left: 20px;} #news-and-blogs #business-resource-teaser .business-resource-article {float: right; width:60%; padding-bottom: 0; } #news-and-blogs #business-resource-teaser .business-resource-article img{float:right; width:32%; margin-left:8px;} #news-and-blogs #business-resource-teaser .business-resource-article h1{ display: inline; } #news-and-blogs #business-resource-teaser .business-resource-article h1:after{ clear: none;} #news-and-blogs #business-resource-teaser .business-resource-article .meta{color: #A1A1A1; font-size: 0.6875em; margin-bottom: 1.5em; margin-top: 1em;} /* === Buyers Guide === */ /* Detail */ #buyers-guide header { margin: 0; padding: 0; border: 0; background: url(../Content/Images/bg-texture.jpg) repeat scroll 0 0; } #buyers-guide hgroup { padding: 1em 1em 0.75em 7.5em; background: url(../Content/Images/bg-stamp-small.png) no-repeat scroll -12px -12px; border: 1px solid #ccc; border-width: 1px 1px 0; } #buyers-guide header h1 { margin: 0; text-transform: uppercase; font-size: 1.875em; line-height: 1.3333em; border: 0; padding: 0; } #buyers-guide header h2 { padding: 0; border: 0; color: #444; font-weight: normal; margin: 0; font-size: 1.125em; line-height: 1.25em; } #buyers-guide .meta { margin: 0 0 0.5em; color: #aaa; padding: 0; } #buyers-guide .meta li { display: inline; } #buyers-guide h2 { clear: both; text-transform: uppercase; color: #23397E; font-size: 1.125em; padding: 0 0 0.25em; border-bottom: 1px solid #e0e0e0; } #buyers-guide h3 { font-size: 1em; } img[align="left"] { margin: 0 1em 1em 0;} img[align="right"] { margin: 0 0 1em 1em;} /* Listing (inc hacks) */ #buyers-guides article header { display: none; } #buyers-guides article header#bg-listing-header { display: block; } #buyers-guides article header { padding: 0; border: 0; background: url(../Content/Images/bg-texture.jpg) repeat scroll 0 0; } #buyers-guides article header h1 { color: #2d2d2d; font-weight: normal; font-size: 1.5em; line-height: 1.25em; padding: 0.5em 0; margin: 0; border: 0; text-transform: uppercase; } #buyers-guides article header p { color: #5f5f5f; margin: 0 0 0.75em; } #buyers-guides article header div { border: 1px solid #ccc; border-width: 1px 1px 0; padding: 1em 1em 1em 13em; background: url(../Content/Images/bg-stamp.png) no-repeat scroll -20px -20px; } #buyers-guides ul article header:first-child { display: block; } #buyers-guides ul article header { background: none; margin: 0 0 1em; } #buyers-guides ul article header h1 { margin: 0; padding: 0; border: 0; font-size: 1em; font-weight: bold; text-transform: none; } #aside-second .featured-image { margin: 0 0 1.25em; } /* Buyers guide, consent - added by Paul */ #buyers-guide.no-content-nav hgroup { border-width: 1px; margin-bottom: 1.75em;} #buyers-guide .buyers-guide-intro, #buyers-guide form ul { padding-left: 0; list-style-type:none;} #buyers-guide .buyers-guide-intro li { font-size: 1em;} #buyers-guide .buyers-guide-intro h2 , #buyers-guide .buyers-guide-intro p { margin-right: 3.5em; } #buyers-guide .buyers-guide-intro p.subtext { margin-bottom: 0.5em;} #buyers-guide .buyers-guide-intro .large-quote p { margin-right: 1.5em; } #buyers-guide .buyers-guide-intro h2 b { color: #C4122F;} #buyers-guide form { border: 1px solid #ccc; background: url(../Content/Images/bg-texture.jpg) repeat scroll 0 0; padding: 0 1em;} #buyers-guide form h2 { color: #444; font-size: 0.875em; background: #E0E0E0; margin: 0 -1.142857142857143em; padding: 0.5em 1.142857142857143em; } #buyers-guide form h2 small { float: right; text-transform: none; } #buyers-guide form input[type="submit"] {margin-bottom: 1.25em;} #buyers-guide .center {text-align: center;} #buyers-guide .center input[type="submit"] {margin-bottom: 0;} #buyers-guide fieldset div { margin: 0 0 0.75em; } #buyers-guide .purchasing-profile .checkbox-lable { width: auto; font-weight: normal; font-size: 0.7em; margin-right: 2.5em;} #buyers-guide .purchasing-profile .checkbox-lable input { width: auto;} #buyers-guide input[type="checkbox"], fieldset input[type="radio"] { margin-top: 1px; margin-right: 0.5em; } fieldset .col-48 label { width: 25%;} .ie7 fieldset .col-48 label { width: 25%;} fieldset .col-48 input[type="text"], fieldset .col-48 input[type="email"], fieldset .col-48 input[type="search"], fieldset .col-48 input[type="password"], fieldset .col-48 textarea, fieldset .col-48 select { width: 70%; } #buyers-guide .purchasing-profile label { width: 40%;} #buyers-guide .purchasing-profile input[type="text"], #buyers-guide .purchasing-profile select { width: 55%; } #buyers-guide .col-48.purchasing-profile label { width: 100%;} .ie7 #buyers-guide .col-48.purchasing-profile label , .ie7 #buyers-guide .col-48.purchasing-profile input[type="text"], .ie7 #buyers-guide .col-48.purchasing-profile select { width: 90%;} #buyers-guide .col-48.purchasing-profile input[type="text"], #buyers-guide .col-48.purchasing-profile select { width: 100%; } #buyers-guide .col-48.purchasing-profile .checkbox-lable { width: auto;} /* Buyers Guide Preview */ #buyers-guide form {margin-bottom: 2.5em;} #buyers-guide .hung-img-content h4 { margin-right: 23%; padding-right: 0;} #buyers-guide .hung-img-content .accordion-content { margin-right: 0%; padding-right: 23%;} #buyers-guide .hung-img-content .hung-img { background: url(../Content/Images/bg-stamp.png) no-repeat scroll top right; min-height:190px; margin-right: 2%;} /* This insetrs an image in a fake side column, default above. Guide specific an be set below */ #buyers-guide .hung-img-content .hung-img.buyers-guide-logo { min-height: 240px; background: url(/Themes/RTM/Content/Images/commercial-motor-buyers-guide-large.png) no-repeat scroll top right;} /* === Large Quote === */ .large-quote { position: relative; margin-top: 1em; margin-left: 1.5em; padding-left: 55px; background: url(../Content/Images/bg-texture.jpg) repeat scroll 0 0; border: 1px solid #ccc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .large-quote blockquote { line-height: 1.175em; color: #444; font-size: 1.0em; font-style: italic; font-family: Georgia, Times New Roman , Serif; margin: 0; padding: 0; background: url(../Content/Images/quotemark-open.png) no-repeat scroll 20px 0;} .large-quote blockquote strong { color: #C4122F; font-weight: bold;} .large-quote blockquote p { background: url(../Content/Images/quotemark-close.png) no-repeat scroll bottom right; font-size: 1em; margin: 0.5em 0.5em; padding: 0.5em 1.5em 0.5em 2em; } .large-quote img { position: absolute; top: -20px; left: -20px; max-width: 110px;} /* Templates */ .content-nav { margin: 0 0 1.75em; background: #4b4b4b; padding: 1em; color: #fff; text-transfomr: uppercase; } .content-nav li { font-weight: bold; line-height: 1em; display: block; float: left; padding: 0 1em 0 0; margin: 0 1em 0 0; border-right: 1px solid #aaa; text-transform: uppercase; } .content-nav li:first-child { border: 0; padding: 0; } .content-nav li:last-child { border: 0; margin: 0; padding: 0; } .content-nav a { color: #fbdd75; text-decoration: underline; font-weight: normal; } .content-nav a:hover { text-decoration: none; } .tabs:before, .tabs:after { content: ""; display: table; } .tabs:after { clear: both; } .tabs { zoom: 1; clear: both; } .tabs { margin: 0 0 1em; } .tabs > ul { list-style: none; margin: 0; padding: 0; } .tabs > ul li { display: block; float: left; margin-right: 1%; font-size: 1em; } .tabs.two .jq-tabs li { max-width: 49%; } .tabs.three .jq-tabs li { max-width: 32%; } .tabs.four .jq-tabs li { max-width: 24%; } .tabs.five .jq-tabs li { max-width: 19%; } .tabs > ul h3 { display: block; padding: 0.25em 1em; font-weight: bold; font-size: 0.875em; margin: 0; } .tabs > ul .current h3 { border-width: 1px 1px 0; border-style: solid; border-color: #e0e0e0; color: #444; text-decoration: underline; position: relative; margin: 0 0 -1px; background: #fff; } .tabs > ul .current h3:hover { background: #fff; } .tabs > ul h3 { margin: 0; color: #fff; text-decoration: none; border: 0; background: #23397e; background: -moz-linear-gradient(top, #23397e 0%, #122253 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23397e), color-stop(100%,#122253)); background: -webkit-linear-gradient(top, #23397e 0%,#122253 100%); background: -o-linear-gradient(top, #23397e 0%,#122253 100%); background: -ms-linear-gradient(top, #23397e 0%,#122253 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23397e', endColorstr='#122253',GradientType=0 ); background: linear-gradient(top, #23397e 0%,#122253 100%); } .tabs > ul h3:hover { cursor: pointer; background: #233469; background: -moz-linear-gradient(top, #233469 0%, #162248 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#233469), color-stop(100%,#162248)); background: -webkit-linear-gradient(top, #233469 0%,#162248 100%); background: -o-linear-gradient(top, #233469 0%,#162248 100%); background: -ms-linear-gradient(top, #233469 0%,#162248 100%); background: linear-gradient(top, #233469 0%,#162248 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233469', endColorstr='#162248',GradientType=0 ); } .jq-panes > div { padding: 1em 1em 0; border: 1px solid #e0e0e0; color: #5f5f5f; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#f7f7f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 99%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%,#f7f7f7 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */ } /* === Search Page with faux tabs === */ .search .search-filter-tab { text-shadow: none; box-shadow: none; cursor: pointer; display: inline-block; line-height: normal; text-transform: none; font-size: 0.85em; color: #797979; margin-bottom: -1px; background: #FBFBFB; border: 1px solid #E0E0E0; font-weight: normal; padding: 0.5em 0.9em; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#F2F2F2)); background: -webkit-linear-gradient(top, #FBFBFB 0%,#F2F2F2 100%); background: -moz-linear-gradient(top, #FBFBFB 0%, #F2F2F2 100%); background: -ms-linear-gradient(top, #FBFBFB 0%,#F2F2F2 100%); background: -o-linear-gradient(top, #FBFBFB 0%,#F2F2F2 100%); background: linear-gradient(top, #FBFBFB 0%,#F2F2F2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F2F2F2',GradientType=0 );} .search .search-filter-tab:hover { cursor: pointer; background: #233469; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F2F2), color-stop(100%,#EEE)); background: -webkit-linear-gradient(top, #F2F2F2 0%,#EEE 100%); background: -moz-linear-gradient(top, #F2F2F2 0%, #EEE 100%); background: -ms-linear-gradient(top, #F2F2F2 0%,#EEE 100%); background: -o-linear-gradient(top, #F2F2F2 0%,#EEE 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2', endColorstr='#EEE',GradientType=0 ); } .search .current .search-filter-tab { border-width: 1px 1px 0; border-style: solid; border-color: #e0e0e0; color: #444; text-decoration: underline; position: relative; margin: 0 0 -1px; background: #fff; } .search .current .search-filter-tab:hover { background: #fff; } .search .search-summary button { background: #FFFFFF; filter: none; padding: 0; color: #23397E; text-shadow: none; box-shadow: none; text-transform: none; border: 0; text-decoration: underline; } .search .search-summary button:active {top: 0; left: 0;} .search .search-summary button.order-by-current { color: #222; text-decoration: none; pointer-events:none;} /* Disable the click themousepotatowebsite.co.za/pointer-events-none */ /* Search Truck widget, a few overrides as most styles from its own style.css hence the double ID */ #content #search-trucks { padding: 0; border-width: 0;} #content #search-trucks-header { display: none;} #content #search-trucks .meta li { font-size: 0.6875em;} #content #search-trucks article { border-style: dotted; border-color: #e0e0e0; border-width: 0 0 1px; padding-bottom: 1em; } #content #search-trucks article a.thumbnail { display: block; width: 33%; float: left; margin: 0 4% 0.25em 0; } #content #search-trucks article img { margin: 0; } #content #search-trucks article h1 { float: none; width: 100%; line-height: 1.4286em; } #content #search-trucks article h1 a { font-size: 1em; } #content #search-trucks article p { font-size: font-size: 0.6875em; float: none; width: 100%; } /* Featured Buyers' Guide results */ .featured-buyers-guide { margin: 0 0 1.75em 0; overflow: hidden; padding-top: 1em; border: 0; background: url(../Content/Images/bg-texture.jpg) repeat scroll 0 0; border: 1px solid #ccc; position: relative; } .featured-buyers-guide:after, .featured-buyers-guide.after { content: ""; position:absolute; z-index:1; top:0; right:0 ; width: 191px; height: 187px; display: block; background: url(../Content/Images/buyers-guide-stamp-watermark.jpg) no-repeat scroll right top;} .featured-buyers-guide li { position: relative; z-index:10;} .featured-buyers-guide article.content-item { padding-right: 2em; padding-bottom: 0; margin: 0 1em 0 1em; border: none;} .featured-buyers-guide li:last-child article { padding-bottom: 0; border: 0;} .featured-buyers-guide .content-item h1 { margin-bottom: 1em;} .featured-buyers-guide h1 em { font-style: normal; color: #c4122f; text-transform: uppercase;} .jq-accordions { margin: 0 0 1.25em; } .jq-accordions > h4 { cursor: pointer; border-bottom: 1px solid #EDECE8; margin: 0; background: #EDECE8 url(../Content/Images/accordion-open.png) no-repeat scroll left bottom; text-transform: uppercase; font-size: 0.75em; padding: 1em 2.5em; } .jq-accordions > h4.closed { background: #4b4b4b url(../Content/Images/accordion-arrow.png) no-repeat scroll left top; color: #fff; } .jq-accordions > h4.closed:hover { background-position: left bottom; } .jq-accordions > div { padding: 0em 1.5em; color: #5f5f5f; max-width: 941px; } .jq-accordions > div > *:first-child { padding-top: 1.75em; } .jq-accordions p:before, .jq-accordions p:after { content: ""; display: table; } .jq-accordions p:after { clear: both; } .jq-accordions p { zoom: 1; } a.back-to-top { font-weight: bold; padding: 0 0 0 1.25em; color: #444; text-decoration: none; text-transform: uppercase; background: url(../Content/Images/back-to-top.png) no-repeat scroll left 2px; } ul.tick { list-style:none; padding: 0; } ul.tick li { background: url(../Content/Images/tick-icon.png) no-repeat scroll left center; margin: 0 0 1.4em 1em; padding: 0 0 0 3em; } /* === Legal === */ #legal .section-legal { margin: 0 0 1.5em; } #legal .section-legal header { margin: 0; } #legal .section-legal li { padding:0; margin: 0 0 0.25em; border: none; background: #FFF9EB; } #legal .section-legal li:nth-child(even) { background-color: #f5f4ef; } #legal .section-legal li a { background:none;} #legal .section-legal .legal-item {background: no-repeat scroll 17px center; padding:1.5em 1em 1.5em 80px;} #legal .section-legal .legal-item.vehicle-law { background-image: url(../Content/Images/vl.png); } #legal .section-legal .legal-item.tachographs { background-image: url(../Content/Images/wtd.png); } #legal .section-legal .legal-item.o-licence { background-image: url(../Content/Images/oll.png); } #legal .section-legal .legal-item.roadside-law { background-image: url(../Content/Images/rsl.png); } #legal .section-legal .legal-item.health-and-safety { background-image: url(../Content/Images/has.png); } #legal .section-legal .legal-item.employment { background-image: url(../Content/Images/ecl.png); } #legal .section-legal .legal-item.environmental-law { background-image: url(../Content/Images/el.png); } /* === Business Resources === */ .banner * { font-size: 1em; } .banner { margin: 0 0 1em; background: #60395f; background: -moz-linear-gradient(top, #60395f 0%, #4b284a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60395f), color-stop(100%,#4b284a)); background: -webkit-linear-gradient(top, #60395f 0%,#4b284a 100%); background: -o-linear-gradient(top, #60395f 0%,#4b284a 100%); background: -ms-linear-gradient(top, #60395f 0%,#4b284a 100%); background: linear-gradient(top, #60395f 0%,#4b284a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60395f', endColorstr='#4b284a',GradientType=0 );} .banner hgroup { padding: 1em; background: url(../Content/Images/arrow-dots.png) no-repeat scroll 101% -1%;} .banner h1 { font-size: 1.125em; padding: 0; border: 0; text-transform: uppercase; color: #fff; margin: 0 0 0.5em; } .banner h1 b { color: #FFCA13; } .banner h2 { color: #fff; font-size: 0.875em; margin: 0; font-weight: normal; } #business-resources nav.section-business { margin: 0 0 1.5em; } #business-resources nav.section-business li { display:block; width: 45%; float: left; } .ie7 #business-resources nav.section-business li, .ie8 #business-resources nav.section-business li { margin: 0 2.25% 1em; } #business-resources nav.section-business li:nth-child(2n) { float: right; } #business-resources nav.section-business li a { background-image: url(../Content/Images/arrow-purple.png) } /* === Newsletter Signup === */ #newsletter p { padding: 0 0 1.25em; border-bottom: 1px dotted #e0e0e0; } #newsletter p.no-border { border: 0; } #newsletter label.full { width: 100%; padding: 0; } #newsletter label.text { width: 90%; padding: 7px 0 0; } /* === Sitemap === */ #sitemap { padding: 0; } #sitemap > li { list-style: none; } #sitemap > li > a { font-weight: bold; font-size: 1.6666em; color: #444; } #sitemap > li > ul > li { list-style: none; margin: 0 0 1em; } #sitemap > li > ul > li > a { list-style: none; font-weight: bold; font-size: 1.333em; color: #ccc; } #sitemap > li > ul > li > ul { padding-left: 1.25em; margin-bottom: 2em; } #sitemap > li > ul > li > ul > li { list-style: disc; } /*Comments*/ .disqus-wrapper { overflow: hidden; clear: both; margin: 0 0 1.25em; } .disqus-wrapper *, .dsq-tooltip-big *, .dsq-tooltip-small * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .disqus-wrapper #dsq-content-stub img { margin: 0 1em 0 0; float: left; } .disqus-wrapper button { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .disqus-wrapper button:active, #dsq-popup-message button:active { left: inherit; right: inherit; top: inherit; bottom: inherit; } .disqus-wrapper .dsq-brlink { font-size: 0.75em; } .disqus-wrapper #dsq-account-dropdown { display: none; } .disqus-wrapper #disqus_thread { margin: 0; } .disqus-wrapper #dsq-content #dsq-footer { margin: 0; } .disqus-wrapper #dsq-sort-by { width: 40%; } .disqus-wrapper #dsq-sort-by select { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .disqus-wrapper .dsq-textarea-background { border-radius: 0; background: #fff; box-shadow: 0 1px 5px -3px #A1A1A1 inset; border: 1px solid #e0e0e0; } .disqus-wrapper.dsq-is-liked .dsq-like-thumb { vertical-align: top; } .disqus-wrapper .dsq-comment-header, .disqus-wrapper #dsq-content .dsq-avatar img, .disqus-wrapper .dsq-post-tools .dsq-post-as .dsq-button, .disqus-wrapper #dsq-content .dsq-toolbar-item { border-radius: 0;} /* ============================================================================= jQuery ========================================================================== */ /* Add This Styling */ #at20mc *, #addthis * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } #addthis { margin: 2em 0 0; } #addthis .addthis_toolbox > a { margin: 0; } #addthis .addthis_toolbox > a.addthis_counter { margin-right: 0.75em; } /* ============================================================================= Recapture fix - reset line height to fix broken table layout ========================================================================== */ #recaptcha_area {line-height: 1; float: right;} /* ============================================================================= Structure ========================================================================== */ /* Aside Zones */ /* If zone 1 is on */ .aside-1 #content { float: right; width: 75%; clear: both; } .aside-1 #aside-first { float: left; width: 21%; } /* If zone 2 is on */ .aside-2 #content { float: left; width: 75%; clear: both; } .aside-2 #aside-second { float: right; width: 21%; } .ie7 .aside-2 #aside-second { float: none; padding-left: 4%; } /* If zones 1, 2 are on */ .aside-12 #content { width: 50%; margin: 0 4%; clear: both; } .aside-12 #aside-first, .aside-12 #aside-second { width: 21%; } .aside-12 #aside-first, .aside-12 #aside-second, .aside-12 #content { float:left; } /* Tripel Zones*/ #layout-tripel > div { float:left; width:100%; } /*2 zones on */ .tripel-12 #layout-tripel > div { width:48%; margin-right: 4%; } /* If zones 1, 2 are on */ .tripel-12 #layout-tripel #tripel-second { margin-right: 0; } .tripel-23 #layout-tripel > div { width:48%; margin-right: 4%; } /* If zones 2, 3 are on */ .tripel-23 #layout-tripel #tripel-third { margin-right: 0; } .tripel-13 #layout-tripel > div { width:48%; margin-right: 4%; } /* If zones 1, 3 are on */ .tripel-13 #layout-tripel #tripel-third { margin-right: 0; } /*3 zones on */ .tripel-123 #layout-tripel > div { width:30.6666%; margin-right: 4%; } /* If zones 1, 2, 3 are on */ .tripel-123 #layout-tripel #tripel-third { margin-right: 0; } /* Quad Footer Zones */ #footer-quad > div { float:left; width:22%; margin-right: 4%; } #footer-quad #footer-quad-fourth { margin-right: 0; } /*1 zone on */ .split-1 #footer-quad-first { width: 100%; margin-right: 0; } /* If zone 1 is on */ .split-2 #footer-quad-second { width: 100%; margin-right: 0; } /* If zone 2 is on */ .split-3 #footer-quad-third { width: 100%; margin-right: 0; } /* If zone 3 is on */ .split-4 #footer-quad-fourth { width: 100%; margin-right: 0; } /* If zone 4 is on */ /*2 zones on */ .split-12 #footer-quad-first, .split-12 #footer-quad-second { width:48%; } /* If zones 1, 2 are on */ .split-13 #footer-quad-first, .split-13 #footer-quad-third { width:48%; } /* If zones 1, 3 are on */ .split-14 #footer-quad-first, .split-14 #footer-quad-fourth { width:48%; } /* If zones 1, 4 are on */ .split-23 #footer-quad-second, .split-23 #footer-quad-third { width:48%; } /* If zones 2, 3 are on */ .split-24 #footer-quad-second, .split-24 #footer-quad-fourth { width:48%; } /* If zones 2, 4 are on */ .split-34 #footer-quad-third, .split-34 #footer-quad-fourth { width:48%; } /* If zones 3, 4 are on */ .split-12 #footer-quad #footer-quad-second, .split-13 #footer-quad #footer-quad-third, .split-14 #footer-quad #footer-quad-fourth, .split-23 #footer-quad #footer-quad-third, .split-24 #footer-quad #footer-quad-fourth, .split-34 #footer-quad #footer-quad-fourth { margin-right: 0; } /*3 zones on */ .split-234 #footer-quad > div { width:30.6666%; } /* If zones 2, 3, 4 are on */ .split-134 #footer-quad > div { width:30.6666%; } /* If zones 1, 3, 4 are on */ .split-124 #footer-quad > div { width:30.6666%; } /* If zones 1, 2, 4 are on */ .split-123 #footer-quad > div { width:30.6666%; } /* If zones 1, 2, 3 are on */ .split-234 #footer-quad #footer-quad-fourth, .split-134 #footer-quad #footer-quad-fourth, .split-124 #footer-quad #footer-quad-fourth, .split-123 #footer-quad #footer-quad-third { margin-right: 0; } /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* Clearing Floats */ h1:before, h1:after { content: ""; display: table; } h1:after { clear: both; } h1 { zoom: 1; } ul:before, ul:after { content: ""; display: table; } ul:after { clear: both; } ul { zoom: 1; } ol:before, ol:after { content: ""; display: table; } ol:after { clear: both; } ol { zoom: 1; } /* 1:1 */ .col-48 { width: 48%; } /* 2:1*/ .col-33 { width: 33%; } .col-63 { width: 63%; } .right { float: right; } .left { float: left; } .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clear { clear: both; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* ==|== media queries ====================================================== ========================================================================== */ @media only screen and (max-width: 1005px) { #header .subscriptionBanner {display: none;} .site-ad-left, .site-ad-right { display:none; } } @media only screen and (max-width: 950px) { #ticker-controls { display: none; } #news-ticker .subscribe-button a { padding: 0.5em 1em; } } @media only screen and (max-width: 850px) { /* Navigation */ #header .menu-main li { margin-right:1.5em; } #header .menu-main a { font-size: 1.0833em; } #advert-top { display: none; } /* flash ads wont resize */ #fb-root { display: none; } /* disqus hack - removes a horizontal scrollbar caused by the disqus module's use of absolute positioning */ } @media only screen and (max-width: 750px) { #strapline p{width:100%; text-align:center;} #strapline p.left{ display:none; } .breadcrumbs{width:100%;} #before-main .search-form { width: 100%; margin: 1em 0; } #before-main .search-form input[type="text"], #before-main .search-form input[type="search"] { width: 100% !important; margin: 0; } #social {float:left; max-width:100%; margin:0.5em 0 0 0;} #social li:first-child{margin-left:0;} .signed-in-status{margin:0 0 0 0;} #buyers-guide .hung-img-content h4 , #buyers-guide .hung-img-content .accordion-content { margin-right: 0;} #buyers-guide .hung-img-content .hung-img { background: none !important; margin-right: 0; padding-right: 0;} } @media only screen and (max-width: 650px) { .home #content, .home #content-second { float: none; width: 100%; margin: 0 0 1.25em; } h1, h2, h3, h4, h5 { word-wrap: break-word; } /* Containers */ .centered{min-width:0px;} /* Header */ #header .button{display:none;} #header .logo { display: block; float: left; margin: 0; } #header .logo img { width:100%; } /* Footer */ #footer .left, #footer .right { float: none; } /* News & Blog Navigation */ #header .menu-news {padding:0.5em 1em; text-transform:uppercase; font-weight:bold;} #header .menu-news li:nth-child(even) {float:right;} #header .menu-news li { width:49%; } #header .menu-news li a { background: #595959; background: -moz-linear-gradient(top, #A1A1A1 0%, #595959 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A1A1A1), color-stop(100%,#595959)); background: -webkit-linear-gradient(top, #A1A1A1 0%,#595959 100%); background: -o-linear-gradient(top, #A1A1A1 0%,#595959 100%); background: -ms-linear-gradient(top, #A1A1A1 0%,#595959 100%); color:#FFF; text-shadow: 1px 1px 1px #444; text-align:center; margin:0.250em 0; padding:0.45em; border:none; border-radius: 5px; font-size: 0.75em; } #header .menu-news li a:hover{text-decoration:none; background:#444;} #header .menu-news li a.active{background:#000;} /* Other Widgets/Items */ h1{font-size:1.250em;} h2{font-size:1em;} /* General Forms */ #buyers-guide .purchasing-profile label , #buyers-guide .purchasing-profile input[type="text"] , #buyers-guide .purchasing-profile select , fieldset p label , fieldset p input[type="text"], fieldset p input[type="email"], fieldset p input[type="search"], fieldset p input[type="password"], fieldset p textarea, fieldset p select { width: 100%; } /* Columns */ .aside-2 #content { float: none; width: 100%; } .aside-2 #aside-second { float: none; width: 100%; } .buyers-guide .col-48 , .buyers-guide-intro .left, .buyers-guide-intro .right { float: none; width: 100%; margin: 1.5em 0;} } @media only screen and (max-width: 480px) { #news-ticker { display: none; } } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } /*a[href]:after { content: " (" attr(href) ")"; }*/ abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } #toolbar, #header .button, #header nav, #header .signed-in-status, #social, #footer, #addthis, .disqus-wrapper, .advert, #before-main { display: none; } .widget > header { padding: 0; } } /* Colours Light red #c4122f Dark red #900118 Light torquoise #46c0bf Dark torquoise #009290 Yellow #ffca13 Orange #d99429 Blue #23397e Dark Blue #122253 Very dark grey #444444 Dark grey #797979 Light grey #a1a1a1 Very light grey #e0e0e0 */ /* Gradients Yellow to orange background: #ffca13; Old browsers background: -moz-linear-gradient(top, #ffca13 0%, #d99429 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffca13), color-stop(100%,#d99429)); background: -webkit-linear-gradient(top, #ffca13 0%,#d99429 100%); background: -o-linear-gradient(top, #ffca13 0%,#d99429 100%); background: -ms-linear-gradient(top, #ffca13 0%,#d99429 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffca13', endColorstr='#d99429',GradientType=0 ); background: linear-gradient(top, #ffca13 0%,#d99429 100%); Hover--> background: #ffba0d; background: -moz-linear-gradient(top, #ffba0d 0%, #bd6414 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffba0d), color-stop(100%,#bd6414)); background: -webkit-linear-gradient(top, #ffba0d 0%,#bd6414 100%); background: -o-linear-gradient(top, #ffba0d 0%,#bd6414 100%); background: -ms-linear-gradient(top, #ffba0d 0%,#bd6414 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba0d', endColorstr='#bd6414',GradientType=0 ); background: linear-gradient(top, #ffba0d 0%,#bd6414 100%); Light torquoise to Dark torquoise background: #46c0bf; background: -moz-linear-gradient(top, #46c0bf 0%, #009290 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#46c0bf), color-stop(100%,#009290)); background: -webkit-linear-gradient(top, #46c0bf 0%,#009290 100%); background: -o-linear-gradient(top, #46c0bf 0%,#009290 100%); background: -ms-linear-gradient(top, #46c0bf 0%,#009290 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c0bf', endColorstr='#009290',GradientType=0 ); background: linear-gradient(top, #46c0bf 0%,#009290 100%); Hover--> background: #31adac; background: -moz-linear-gradient(top, #31adac 0%, #017170 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#31adac), color-stop(100%,#017170)); background: -webkit-linear-gradient(top, #31adac 0%,#017170 100%); background: -o-linear-gradient(top, #31adac 0%,#017170 100%); background: -ms-linear-gradient(top, #31adac 0%,#017170 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31adac', endColorstr='#017170',GradientType=0 ); background: linear-gradient(top, #31adac 0%,#017170 100%); Light red to Dark red background: #c4122f; background: -moz-linear-gradient(top, #c4122f 0%, #900118 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4122f), color-stop(100%,#900118)); background: -webkit-linear-gradient(top, #c4122f 0%,#900118 100%); background: -o-linear-gradient(top, #c4122f 0%,#900118 100%); background: -ms-linear-gradient(top, #c4122f 0%,#900118 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4122f', endColorstr='#900118',GradientType=0 ); background: linear-gradient(top, #c4122f 0%,#900118 100%); Hover--> background: #b20d21; background: -moz-linear-gradient(top, #b20d21 0%, #700111 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b20d21), color-stop(100%,#700111)); background: -webkit-linear-gradient(top, #b20d21 0%,#700111 100%); background: -o-linear-gradient(top, #b20d21 0%,#700111 100%); background: -ms-linear-gradient(top, #b20d21 0%,#700111 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b20d21', endColorstr='#700111',GradientType=0 ); background: linear-gradient(top, #b20d21 0%,#700111 100%); Blue to Dark Blue background: #23397e; background: -moz-linear-gradient(top, #23397e 0%, #122253 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23397e), color-stop(100%,#122253)); background: -webkit-linear-gradient(top, #23397e 0%,#122253 100%); background: -o-linear-gradient(top, #23397e 0%,#122253 100%); background: -ms-linear-gradient(top, #23397e 0%,#122253 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23397e', endColorstr='#122253',GradientType=0 ); background: linear-gradient(top, #23397e 0%,#122253 100%); Hover--> background: #233469; background: -moz-linear-gradient(top, #233469 0%, #162248 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#233469), color-stop(100%,#162248)); background: -webkit-linear-gradient(top, #233469 0%,#162248 100%); background: -o-linear-gradient(top, #233469 0%,#162248 100%); background: -ms-linear-gradient(top, #233469 0%,#162248 100%); background: linear-gradient(top, #233469 0%,#162248 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#233469', endColorstr='#162248',GradientType=0 ); Light grey to #595959 background: #a1a1a1; background: -moz-linear-gradient(top, #a1a1a1 0%, #595959 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(100%,#595959)); background: -webkit-linear-gradient(top, #a1a1a1 0%,#595959 100%); background: -o-linear-gradient(top, #a1a1a1 0%,#595959 100%); background: -ms-linear-gradient(top, #a1a1a1 0%,#595959 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a1', endColorstr='#595959',GradientType=0 ); background: linear-gradient(top, #a1a1a1 0%,#595959 100%); Hover--> background: #818181; background: -moz-linear-gradient(top, #818181 0%, #444444 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#818181), color-stop(100%,#444444)); background: -webkit-linear-gradient(top, #818181 0%,#444444 100%); background: -o-linear-gradient(top, #818181 0%,#444444 100%); background: -ms-linear-gradient(top, #818181 0%,#444444 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818181', endColorstr='#444444',GradientType=0 ); background: linear-gradient(top, #818181 0%,#444444 100%); */