/* Main stylesheet for Bike Biz Version 1.1 Colours: */ /* Import reset styles */ @import url("reset.css"); @import url("clearfix.css"); html body {height: auto !important;} body {background: #f2f2f2 url(/assets/images/header-banner-bg.png) 0 0 repeat-x; color: #333333; font: 75%/1.6em Helvetica, Arial, sans-serif;} #wrapper {margin: 0 auto; background-color: transparent; background-position: top center; background-repeat: no-repeat;} #wrapper-liner {width: 1000px; margin: 0 auto; background: #ffffff;} .hidden {display: none;} .left {float: left;} .right {float: right;} .clear {clear: both;} .noborder {border: 0px;} strong {font-weight: bold;} p, li {font-size: 13px; line-height: 19.5px; margin: 0 0 11px;} li {margin: 0;} a, a:visited {color: #00529f; text-decoration: none; cursor: pointer;} a:hover {color: #e74520;} a img {margin: 0; padding: 0;} .subtle {color: #999999 !important;} .replace { overflow: hidden; position: relative; } .replace span { height: 100%; position: absolute; width: 100%; } .ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; } .ir:before { content: ""; display: block; width: 0; height: 100%; } .table th {background: #333; color: white; padding: 0 10px; height: 25px; line-height: 25px; font-size: 12px; text-decoration: none;} .table td {padding: 10px 10px;} /****** HEADER ******/ #sponsorswrapper {width: 965px; margin: 0 auto;} #sponsors {height: 41px; overflow: hidden; margin:0 auto;} #sponsors div {margin: 5px 0 0 0;} .sponsors-1 li {margin:0!important;} .sponsors-2 li {margin:0 360px!important;} .sponsors-3 li {margin:0 150px!important;} .sponsors-4 li {margin:0 80px!important;} .sponsors-5 li {margin:0 45px!important;} .sponsors-6 li {margin:0 24px!important;} .sponsors-7 li {margin:0 10px!important;} .sponsors-8 li {margin:0!important;} /* add in margin in case of custom-width logo */ #sponsors li {float: left; margin:0 14px; width: 120px;} #sponsors li a {display: block; height: 30px;margin-top:5px;} #sponsors li a.sponsor-saracen {background-position: 0 0; width: 128px;} #sponsors li a.sponsor-scorpion {background-position: -128px 0; width: 137px;} #sponsors li a.sponsor-iride {background-position: -265px 0; width: 127px;} #sponsors li a.sponsor-moda {background-position: -392px 0; width: 157px;} #sponsors li a.sponsor-aero {background-position: -549px 0; width: 116px;} #sponsors li a.sponsor-scott {background-position: -665px 0; width: 148px;} #sponsors li a.sponsor-ghost {background-position: -813px 0; width: 127px;} #sponsors li.sponsor-first { margin-left:0!important; } #sponsors li.sponsor-last { margin-right:0!important; } #sponsors li#sponsorFenix { width:70px; } #topnavwrapper {height: 27px; position: relative; overflow: visible !important;} #topnav {height: 27px;} #topnav li {background: url(/assets/images/top-nav-divider.png) right center no-repeat; display: block; float: left; height: 27px; outline: 0;} #topnav li.lastmenuitem {background: none;} #topnav li a {background: none; display: block; float: left; color: #e5e5e5; height: 27px; font-size: 11px; line-height: 27px; text-decoration: none; padding: 0 9px; outline: 0;} #topnav li a:hover, #topnav li.activetopitem a {background-color: #1a1a1a !important;} #topnav li a.topmenu {background-image: url(/assets/images/grey-down-arrow.png); background-position: 90% center; background-repeat: no-repeat; padding: 0 20px 0 9px;} #topnav ul.submenu {background: #1a1a1a; height: auto; width: 130px; padding: 4px 9px 0; position: absolute; top: 27px; z-index: 10;} #topnav ul.submenu li {background: none; height: 21px; float: none; color: #888888;} #topnav ul.submenu li a {border-bottom: 1px solid #393939; display: inline-block; width: 130px; height: 21px; line-height: 21px; padding: 0;} #topnav ul.submenu li a:hover {color: #e74520;} #topnav ul.submenu li a.bottomsubitem {border: none;} #header {width: 1000px; margin: 0 auto;} #header-liner {padding: 0 20px 13px 20px; background: #ffffff;} #my-account-details {background: url(/assets/images/my-account-header-bg.png) 0 bottom no-repeat; position: absolute; top: 0; right: 0; width: 283px; height: 38px; padding: 8px 10px 0 7px; z-index: 10;} #my-account-details img {float: left; margin: 0 5px 0 0; border: 1px solid #B2B2B2;} #my-account-details p {color: #fff; font-weight: bold; float: left; width: 150px; line-height: 15px;} #my-account-details p.welcomeguest {width: 100px !important; margin: 8px 0 0 5px; } #my-account-details a {padding: 0 11px 0 0; color: #ccc; text-decoration: none; font-size: 11px; line-height: 14px; font-weight: normal;} #my-account-details a.actionbutton {background: none repeat scroll 0 0 #e74520; color: #FFFFFF; display: inline-block; float: right; font-size: 12px; font-weight: bold; line-height: 12px; margin: 4px 0 0 10px; padding: 5px 6px 4px;} #my-account-details a.actionbutton:hover {color: #ffffff; } #my-account-details a:hover {color: #e74520;} #my-account-updates {background: #000; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; width: 79px; height: 25px; padding: 4px 0 0 4px; float: right; position: relative; z-index: 1000; cursor: pointer;} #my-account-updates.expanded {background: #f2f2f2; color: #4c4c4c; border-color: #c8c8c8; height: 33px;} #my-account-updates a {background: url(/assets/images/grey-down-arrow.png) right center no-repeat; line-height: 20px; outline: 0; padding: 0 11px 0 0;} #my-account-updates.expanded a {color: #4c4c4c;} #my-account-upddate-count {background: #e74520; height: 21px; width: 21px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 20px; float: left; margin: 0 4px 0 0;} #my-updates-list {background: #f2f2f2; border: 1px solid #c8c8c8; padding: 10px; display: block; position: absolute; top: 45px; right: 10px; z-index: 10; width: 262px;} #my-updates-list.hidden {display: none;} #my-updates-list li {height: 21px; margin: 0 0 4px;} #my-updates-list li.lastupdate {margin: 0;} #my-updates-list li span {background: url(/assets/images/comment-count-updates.png) 0 0 no-repeat; display: inline-block; height: 20px; width: 24px; padding: 0 4px 0 0; margin: 0 6px 0 0; text-align: center; color: #f2f2f2; line-height: 21px; font-size: 11px;} #my-updates-list li a {display: inline-block; background: none; padding: 2px 0; width: 228px; color: #0071bc; border-bottom: 1px solid #c8c8c8; line-height: 16px;} #my-updates-list li.lastupdate a {border: none;} #my-updates-list p {color: #000000; font-weight: normal; width: auto !important; margin: 0 0 5px 0;} #post-job a {background: #e74520; font-size: 12px; line-height: 12px; display: inline-block; padding: 5px 6px 4px; color: white; font-weight: bold; color: white !important;} #header-main {height: 123px; position: relative;} #tagline {position: absolute; left: 188px; top: 67px;} #mediaselector {height: 30px; width: 295px; position: absolute; left: 188px; top: 85px;} #mediaselector li {float: left;} #mediaselector li a {display: block; height: 30px; text-indent: -9999px; overflow: hidden;} .highlight-online #mediaselector li a {background: url(/assets/images/template/media-selection-sprite-online.png) 0 0 no-repeat;} .highlight-print #mediaselector li a {background: url(/assets/images/template/media-selection-sprite-print.png) 0 0 no-repeat;} .highlight-digital #mediaselector li a {background: url(/assets/images/template/media-selection-sprite-digital.png) 0 0 no-repeat;} .highlight-mobile #mediaselector li a {background: url(/assets/images/template/media-selection-sprite-mobile.png) 0 0 no-repeat;} .highlight-email #mediaselector li a {background: url(/assets/images/template/media-selection-sprite-email.png) 0 0 no-repeat;} .highlight-app-shop #mediaselector li a {background: url(/assets/images/template/media-selection-sprite-ipad.png) 0 0 no-repeat;} #mediaselector li a.media-online {background-position: 0 0; width: 51px;} #mediaselector li a.media-print {background-position: -51px 0; width: 48px;} #mediaselector li a.media-digital {background-position: -99px 0; width: 52px;} #mediaselector li a.media-mobile {background-position: -151px 0; width: 56px;} #mediaselector li a.media-email {background-position: -207px 0; width: 48px;} #mediaselector li a.media-ipad {background-position: -255px 0; width: 40px;} #eventscroller {height: 24px; width: 385px; padding: 0 5px 0 0; border: 1px solid #b3b3b3; position: absolute; right: 0; top: 85px; overflow: hidden; background: #ffffff;} a.eventbutton {display: block; float: left;} #upcoming-events {position: relative; height: 24px;margin: 0 0 0 60px;} #upcoming-events li {font-size: 11px; line-height: 11px; color: #666; padding: 7px 0 0 5px; width: 280px; height: 19px; float: left; overflow: hidden;} #upcoming-events li span {background: url(/assets/images/grey-right-arrow.png) 5px center no-repeat; padding: 0 0 0 12px; color: #0071bc; font-weight: bold; width: 500px;} #scrollernav {position: absolute; top: 0; right: 5px; width: 35px; height: 24px; padding: 5px 0 0;} #scrollernav a {display: block; width: 15px;} a.scroller-left {float: left; outline: 0;} a.scroller-right {float: right; outline: 0;} #mainnav {background: #333; height: 40px; position: relative;} #mainnav ul {width:730px; height:40px; } #mainnav ul li {display:inline; height:40px; float:left; } #mainnav ul li a {float:left; color:#fff; display:block; padding:0 13px; height:40px; line-height:40px; font-size:16px; text-decoration:none; font-weight:bold; background:url(/assets/images/main-nav-divider.gif) right 11px no-repeat; } #mainnav ul li.active a, #mainnav ul li a:hover {background-color: #e74520 !important; background-image: none;} #mainnav ul li a#menu-forum, #mainnav ul li a#menu-forum:hover {background:url(/assets/images/forum-icon.png) no-repeat scroll 10px 13px transparent !important; padding-left: 30px; padding-right: 20px; } #mainnav ul li a#menu-forum:hover, #mainnav ul li.active a#menu-forum {background-color: #e74520 !important; } #mainnav ul li ul {display: none;} #menu-forum span {background: url(/assets/images/forum-icon.png) left 2px no-repeat; padding: 1px 0 1px 16px;} #searchform {background: #000; width: 215px; position: absolute; top: 0; right: 0; height: 32px; padding: 8px 8px 0;} #frmsearch {width: 149px; border: 1px solid #666; padding: 4px 8px; font-size: 11px; color: #000000; float: left;} #frmgobutton {float: right;} #tradebuzz {background: #e74520; padding: 0 16px;overflow:hidden;} #tradebuzz p, #tradebuzz ul {color: #fff; font-size: 12px; font-weight: bold; line-height: 28px; margin: 0; float: left; width: 928px} #tradebuzz p a {color: #fff; font-weight: normal; text-decoration: none;} #tradebuzz p a:hover {text-decoration: underline !important;} #tradebuzz img {vertical-align: middle; margin: 0 6px;} #tradedirectorybutton {display: block; float: right; padding: 3px 8px 0 0;} #tradedirectorybutton img {margin: 0;} #header-banner-ad {padding: 0 20px 0px 20px;} #subnav {border-bottom: 3px solid #d97714; margin-top: -5px;} #subnav ul {height: 25px;} #subnav ul li {display: inline-block; height: 25px; float: left;} #subnav ul li a {background: #333333; color: #fff; display: block; padding: 0 10px; height: 25px; line-height: 25px; font-size: 12px; cursor: pointer; text-decoration: none; border-right: 1px solid #fff;} #subnav ul li.active a, #subnav ul li a:hover {background: #e74520;} .steps {float: left; width: 50%;} #steps {margin: 15px 0 10px 0; float: right;} #steps ul {height: 25px;} #steps ul li {display: inline-block; height: 25px; float: left;} #steps ul li a {background: #e6e6e6; color: #666666; display: block; padding: 0 10px; height: 25px; line-height: 25px; font-size: 12px; cursor: pointer; text-decoration: none;} #steps ul li.active a {background: #000000; color: #fff;} #steps ul li.arrow-active {background: url('/assets/images/template/stepsArrowOn.png') #e6e6e6; width: 9px; height: 25px;} #steps ul li.arrow {background: url('/assets/images/template/stepsArrowOff.png') #e6e6e6; width: 9px; height: 25px;} #steps ul li.next-active {background-color: #000;} #steps ul li.last {background-color: #fff;} /****** CONTENT ******/ #main {width:980px;} #content {float: left; width: 680px; padding: 0 0 25px; background: #ffffff;} #content-liner {padding: 13px 20px 13px 20px; position: relative;} #content h2, #contentwrapper h2 {color: #333; font-size: 28px; line-height: 30px; font-weight: bold; margin: 10px 0 10px 0 !important;} #content h3, #contentwrapper h3 {color: #333; font-size: 18px; line-height: 40px; font-weight: bold; line-height: 27px;} #content h5 {font-size: 12px; line-height: 18px; margin: 0 0 10px; font-weight: bold;} #content h5 span {color: #d38129;} div.termdefinition {border-bottom: 1px dotted #d38129; margin: 0 0 12px;} a.cta-btn {background: #e74520; font-size: 14px; line-height: 14px; display: inline-block; padding: 5px 6px 4px; color: #fff; font-weight: bold; position: absolute; top: 25px; right: 20px;} /****** TOOLBAR ******/ /* New toolbar class - in case of multiple instances on a page */ .toolbar { background:#ededed; border:1px solid #dddddd; clear:both; margin:0 0 10px 0; overflow:hidden; padding:8px; } .toolbar-header { background:url(/assets/images/toolbar-header-bg.gif) no-repeat center left; color:#ffffff; font-size:1.25em; font-weight:bold; float:left; line-height:1em; padding:0.8em 11px 0.8em 70px; width:110px; } .toolbar-icon-list { float:right; width:424px; /* (45px + 8px) * 8 */ } .toolbar-icon-list li { display:block; float:right; height:40px; margin-left:8px; width:45px; } /****** PAGINATION ******/ div.pagination {background: #f2f2f2; height: 27px; text-align: center; position: relative;} a.paginationbutton {display: block; height: 19px; width: 19px; position: absolute; top: 4px; text-indent: -9999px; z-index: 2; overflow: hidden;} a.paginationbackbutton {background: url(/assets/images/backbutton.png) 0 0 no-repeat; left: 4px;} a.paginationforwardbutton {background: url(/assets/images/forwardbutton.png) 0 0 no-repeat; right: 4px;} a.inactivearrow {background-position: 0 -19px;} div.pagination p {display: block; width: 100%; font-size: 12px; line-height: 27px; position: absolute; top: 0; text-align: center;} div.pagination p a {padding: 3px 4px; border-right: 1px solid #d6d6d6; color: #0071bc; text-decoration: none;} div.pagination p a:hover, div.pagination p a.currentpage {background: #e74520; color: #fff;border-right: 1px solid #f2f2f2;} div.pagination p a.lastpage {border-right: 1px solid #f2f2f2;} /****** COMMENTS ******/ #commentssection {padding: 20px 0 20px 0;} #commentssection h4 {font-size: 21px; line-height: 28px; margin: 0 0 10px 0;} #comments h4 {float: left; width: 400px;} #comments {border-top: 1px solid #ececec; margin: 10px 0 0; padding: 15px 0 0;} #comments h3 {width: 400px; float: left;} #comments p.commentcounttop {width: 200px; float: right; text-align: right; line-height: 28px; margin: 0 !important;} #commentformcomment textarea {border: 1px solid #9f9f9f; height: 100px; width: 100%;} #commentformcomment-submit {background: #e74520; border: none; float: right; padding: 5px 10px 3px 10px; text-transform: uppercase; color: #fff; font-size: 16px; margin: 8px 0 0; font-family: Helvetica, Arial, sans-serif; cursor: pointer;} #label-commentformcomment-content, #label-commentformcomment-submit { display: none } div.comment {border-bottom: 1px solid #d3d3d3; margin: 0 0 24px;} div.reply {margin: 0 0 0 36px;} div.commenttext {background: #e6e6e6 !important; padding:12px 12px 1px 12px; margin: 0 0 20px; float: left; position: relative; width:564px; } div.reply div.commenttext {width: 550px;} div.hiddencomment div.commenttext{background-color: #f8e7e8 !important;} img.commentdownarrow {position: absolute; bottom: -12px; left: 7px;} img.commentuparrow {position: absolute; top: -12px; left: 7px;} #comments-tab .comment {margin: 0 0 10px 10px; width: 96%;} #comments-tab .comment .commenttext {width: 97% !important;} div.commentdetails {clear: both;} div.commentdetails p {float: left; line-height: 24px; margin: 0; padding: 0 0 4px;} div.reply div.commentdetails p {width: 304px;} div.commentdetails p span {margin: 0 0 0 8px; padding: 0 0 4px;} img.avatar {display: block; float: left; margin: 0 8px 0 0;} a.commentbutton {background: #e74520; display: inline-block; font-size: 12px; line-height: 12px; color: #fff; font-weight: bold; padding: 7px 14px 5px; margin: 0 0 0 8px; float: right; text-transform: uppercase;} span.thumbs {border-right: 1px solid #ececec; display: inline-block; padding: 0 6px 5px 25px; height: 24px; font-size: 12px; color: #666; line-height: 24px; float: right; position: relative;} span.thumbsup {background: url(/assets/images/thumbs-up.png) 5px 1px no-repeat;} span.thumbsdown {background: url(/assets/images/thumbs-down.png) 5px 2px no-repeat;} #commentformthumb-submit {position: absolute; top: 0; left: 0; background: none; border: none; width: 25px; height: 25px; text-indent: -999em; cursor: pointer;} /****** SIDEBAR ******/ #sidebar {float: right; width: 300px; margin-top:13px;} a.ad {display: block; margin: 0 0 10px;} #sidebar-jobs, #sidebar-top-stories, #page-tabs {background: #e6e6e6; padding: 10px; margin: 0 0 15px; position: relative; overflow:hidden;} #sidebar-top-stories {margin: 0 0 15px;overflow:hidden;} #sidebar-jobs h4, #sidebar-top-stories h4 {font-size: 22px; font-weight: bold; color: #333; line-height: 21px; margin: 0 0 12px;} a.sidebarrssfeed {background: url(/assets/images/rss-icon.jpg) 0 0 no-repeat; display: block; height: 15px; width: 15px; text-indent: -9999px; position: absolute; top: 10px; right: 10px;} div.jobad {background: #fff; width: 118px; height: 111px; padding: 10px 10px 0; margin: 0 0 4px;} div.jobad img {display: block; margin: 0 0 5px;} div.jobad a {color: #00529f; font-size: 12px; line-height: 13px; font-weight: bold; text-decoration: none;} div.jobad a span {color: #666; font-size: 11px; font-weight: normal;} #searchjobbutton img {margin: 10px 0 0;} .tabs {margin: 0;} .tabs li {display: inline; margin: 0;} .tabs li a {display: block; color: #4c4c4c; text-decoration: none; float: left; text-align: center; height: 28px; line-height: 28px; font-size: 11px; font-weight: bold; outline: 0;} .tabs li.activetab, .tabs li.activetab a{background: #ffffff;} #top-stories, #topstoriescomments, #topstoriesemailed, #topstoriesread {width: 280px;} #page-tablinks li a {width: 150px; font-size: 14px;} .tabs li a.mostcommentstab {width: 105px;} .tabs li a.mostemailedtab {width: 95px;} .tabs li a.mostreadtab {width: 80px;} .tabs li a.activeSlide, .tabs li a:hover {background: #fff; color: #191919;} .tab_switcher, #mostrecent_tabs { overflow: hidden; padding-bottom: 11px; position: relative; } .tab_switcher li, #mostrecent_tabs li { float: left; margin-bottom: 0; } .tab_switcher a.tab_title, #mostrecent_tabs h3.tab_title { color: #333333; display: inline-block; font-size: 0.9em; font-weight: bold; } .tab_switcher .noJs, #mostrecent_tabs .noJs { margin-bottom: 10px; } .tab_switcher .noJs:last-child, #mostrecent_tabs .noJs:last-child { margin-bottom: 0; } .tab_switcher .noJs a.tab_title, #mostrecent_tabs .noJs h3.tab_title { background: none repeat scroll 0 0 #FFFFFF; } .tab_switcher a.active_tab, .tab_switcher a.tab_title:hover, #mostrecent_tabs h3.active_tab, #mostrecent_tabs h3.tab_title { background: none repeat scroll 0 0 #FFFFFF; } .tab_switcher ul, #mostrecent_tabs ul { left: 0; padding: 0; } .tab_switcher ul li, #mostrecent_tabs ul li { float: none; margin-bottom: 2px; padding: 10px; } .tab_switcher ul li:last-child, #mostrecent_tabs ul li:last-child { border-bottom: 0 none; } .tab_switcher ul.active_detail, #mostrecent_tabs ul.active_detail { display: block; } .tab_switcher .inner .logo, #mostrecent_tabs .inner .logo { float: left; margin: 0 10px 0 0; width: 70px; } .tab_switcher .inner p, #mostrecent_tabs .inner p { float: left; } #popular_tabs {width:280px; } #popular_tabs ul {width:280px; } #popular_tabs ul li {background:#fff; margin-bottom:2px; } #popular_tabs ul li:last-child {margin-bottom:0; } #popular_tabs a.tab_title {color:#191919; background:#e6e6e6; } #popular_tabs .noJs a.tab_title {color:#191919; background:#fff; } #popular_tabs a.active_tab, #popular_tabs a.tab_title:hover {color:#191919; background:#fff; } #popular_tabs a.mostviewedtab {width:87px; } #popular_tabs a.mostemailedtab {width:90px; } #popular_tabs a.mostcommentstab {width:103px; border-right:0; } #popular_tabs ul img {display:block; float:left; width:40px; } #popular_tabs .inner p {width:143px; } #popular_tabs .inner .fullwidth p {width:226px; } #popular .popular-comment-count {float:right; width:37px; height:25px; } #popular .popular-comment-count a {display:block; width:37px; height:25px; color:#fff; line-height:20px; text-align:center; font-size:0.9em; font-weight:bold; background:url(/assets/images/popular-comment-count.png) no-repeat; } #mostrecent_tabs {width:610px; } #mostrecent_tabs ul {width:610px; overflow:hidden; } #mostrecent_tabs h3.tab_title {background:#E6E6E6; color:#2A265C; font-size:14px!important; width:150px; padding:4px 0; text-align:center;} #mostrecent_tabs .noJs h3.tab_title, #mostrecent_tabs h3.active_tab {background:#fff; } #mostrecent_tabs .commentdetails {width:588px; border-bottom:1px solid #999; } #mostrecent_tabs li:last-child .commentdetails {border-bottom:0; } #mostrecent_tabs ul li {width:588px; overflow:hidden; background:#fff; position:relative; xxpadding-bottom:0; } #mostrecent_tabs ul li img {float:left; display:block; margin-right:10px; width:40px; } #mostrecent_tabs #recent_comments li{padding-bottom:0; } #mostrecent_tabs #recent_comments li.user_padding {padding-bottom:10px; } #mostrecent_tabs .storycontent {width:500px; } #mostrecent_tabs .storycontent h5 a {font-size:14px; } #mostrecent_tabs .topstory {border-bottom:0; margin-bottom:2px; } #mostrecent_tabs li:last-child {margin-bottom:0; } #mostrecent_tabs #recent_comments img {width:24px; } div.topstory {background: #fff; border-bottom: 2px solid #f2f2f2; padding: 10px; position: relative;} div.laststory {border: none;} div.topstory img {display: block; width: 40px; float: left;} div.storycontent {float: right; padding: 0 34px 0 0; width: 175px;} div.storycontent h5 a {color: #0071bc; font-size: 12px; line-height: 14px; margin: 0; text-decoration: none;} div.storycontent p {font-size: 11px; line-height: 14px; margin: 0;} div.storycommentcount {background: url(/assets/images/top-stories-comment-bubble.png) 0 0 no-repeat; height: 25px; width: 26px; position: absolute; top: 10px; right: 10px; font-size: 11px; line-height: 22px; text-align: center; color: #fff;} #sidebar-ad-block {background: #f2f2f2; clear:both; position: relative; margin: 0 0 24px; padding: 0 0 15px 0;} #sidebar-ad-block a.topleft {position: absolute; top: 15px; left: 15px;} #sidebar-ad-block a.topright {position: absolute; top: 15px; right: 15px;} #sidebar-ad-block a.bottomleft {position: absolute; bottom: 15px; left: 15px;} #sidebar-ad-block a.bottomright {position: absolute; bottom: 15px; right: 15px;} #articles-tab a, #likes-tab a {font-size: 14px;} #articles-tab .article, #likes-tab .article {border-bottom: 1px solid #f2f2f2; padding: 10px; margin: 10px; width: 94%;} #articles-tab .article img, #likes-tab .article img {float: left; margin: 0 10px 10px 0;} .jotw-image, .jotw-info {padding: 10px; text-align: center;} .jotw-info a {border-top: 1px solid #cccccc; display: block; padding: 10px 0 0 0; margin: 10px 0 0 0;} .jotw-detail {background: #ffffff url(/assets/images/jotw-bg-repeat.gif) repeat-y 0 0; min-height: 130px; padding: 0 0 0 110px; position:relative; overflow:hidden;} #sidebar-jobs .jotw-detail h4 { background:transparent url(/assets/images/jotw-bg.gif) no-repeat 0 0; display:block; height:95px; left:0; margin-top:-47px; overflow:hidden; position:absolute; text-indent:-9999em; top:50%; width:128px; } #emailSignup, #followUsOn{clear:both; padding: 15px;background: #E6E6E6; margin-bottom: 15px;position:relative; float:left;} #emailSignup h2{background: url("/assets/images/email-signup-bg.png") bottom center no-repeat; height: 61px; width: 185px; padding: 0 0 0 85px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 17px; line-height: 22px; margin:0!important;} #emailSignup p {margin-top: 15px;} #emailSignup a.signmeup{background: url('/assets/images/sign-me-up.png') no-repeat left top; width: 270px; height: 27px;display: block;} #followUsOn h2{color: #333; font-size: 17px;text-shadow: 1px 1px 0 white; font-family: Arial, Helvetica, sans-serif; margin: 0px !important; padding: 0px; line-height:19px;} #followUsOn ul li{background: #FFFFFF url('/assets/images/folded-corner.png') no-repeat bottom right; margin-top: 15px; padding: 15px; border: 1px solid #CCC;} /****** FOOTER ******/ #partner-site-news-wrapper {background: #ccc; padding: 18px 0 23px 21px; clear: both;} div.partner-site-news {background: #fff; height: 200px; width: 293px; padding: 11px 11px 0; float: left; margin: 0 6px 0 0; border-top: 5px solid #fff;} div.partner-site-news img {margin: 0 0 5px 0;} div.partner-toy-news {border-color: #29abe2;} div.partner-licensing-news {border-color: #3f63ab;} div.partner-mcv-news {border-color: #f10f13;} div.partner-me-news {border-color: #a3cd39;} div.partner-site-news ul li {background: url(/assets/images/grey-footer-right-arrow.png) 0 3px no-repeat; padding: 0 0 0 12px; margin: 0 0 4px;} div.partner-site-news ul li a {color: #00529f; font-size: 12px; line-height: 15px; font-weight: bold; text-decoration: none;} div.partner-site-news ul li a:hover {color: #ccc;} #footerwrapper {background: #262626 url(/assets/images/footer-bg.png) 0 0 repeat-x;} #footer {width: 1000px; margin: 0 auto; padding: 0 0 66px;} #footernav {height: 42px; position: relative; padding: 0 20px;} #footernav ul {width: 620px; height: 42px; float: left;} #footernav ul li {background: url(/assets/images/top-nav-divider.png) right center no-repeat; display: inline-block; height: 42px; float: left; padding: 0 7px 0 0; margin: 0 6px 0 0;} #footernav ul li a {display: inline; color: #f2f2f2; font-size: 11px; line-height: 43px; text-decoration: none; text-transform: uppercase;} #footernav ul li a:hover {color: #e74520;} #footernav ul li.lastitem {background: none;} #footersearchform {width: 224px; position: absolute; top: 0px; right: 96px; height: 32px; padding: 10px 8px 0;} #frmfootersearch {width: 162px; border: 1px solid #666; padding: 3px 8px; font-size: 11px; line-height: 11px; color: #000000; float: left;} #frmfootergobutton {float: right;} a.footerbacktotop {background: url(/assets/images/top-nav-divider.png) left center no-repeat; float: right; display: block; width: 70px; height: 42px; font-size: 11px; line-height: 43px; color: #ccc; text-align: right; text-decoration: none;} a.footerbacktotop:hover {color: #e74520;} img.footerarrow {position: absolute; top: -8px; right: 24px;} #footercontent {padding: 8px 0;} #footerabout {background: url("/assets/images/bike-biz-footer-logo.png") no-repeat scroll 0 12px rgba(0, 0, 0, 0); float: left; width: 354px; padding: 16px 16px 0 125px;} #footernetwork {float:right; width: 464px; padding: 16px 16px 0;} #footerabout h4, #footerabout h4 a, #footernetwork h4 {color: #e74520; font-size: 18px; line-height: 18px; font-weight: bold; margin: 0 0 10px; letter-spacing: 0.03em;} #footerabout p {color: #ccc; font-size: 12px; line-height: 18px;} #footernetwork ul li {display: inline;} #footernetwork ul li a {background: url(/assets/images/grey-footer-right-arrow.png) 0 4px no-repeat; display: block; float: left; width: 139px; padding: 0 0 0 12px; margin: 0 0 10px; color: #fff; font-size: 12px; line-height: 18px; text-decoration: none;} #footernetwork ul li a:hover {color: #e74520;} #copyright {color: #666; font-size: 11px; line-height: 30px; padding: 0 20px;} #copyright a, #copyright a:visited {color: #666; text-decoration: none;} #copyright a:hover {color: #e74520;} #copyright a.mmlink {display: block; float: right; width: 150px;} #copyright span {margin: 0 5px;} /* Journeys */ ul.journey {margin: 0 0 10px 0; height: 25px; line-height: 25px; background: #E5E5E5;} ul.journey li {float: left; padding: 0 15px 0 30px; background: #E5E5E5 url(/assets/images/journey-seperator.gif) no-repeat top left; height: 25px; line-height: 25px; color: #999999;} ul.journey li.complete {color: #F2922B;} ul.journey li.firststep {background-image: none !important; padding-left: 20px !important;} ul.journey li.currentstep {color: #000000; font-weight: bold;} /* Error page */ #error-page {position: relative; background: transparent url(/assets/images/error-page-bg.gif) no-repeat 0px 50px; height: 400px;} #error-page h2 {font-size: 44px; border-bottom: 4px solid #e74520; padding: 0 0 10px 0; margin: 10px 0 30px 0 !important;} #error-page p {padding: 0 200px 0 0; font-size: 16px;} #error-page ul {position: absolute; top: 230px; left: 15px;} #error-page ul li {height: 21px; line-height: 21px; margin: 0 0 15px 0; padding: 0 0 0 30px; background: transparent url(/assets/images/error-bullet-1.png) no-repeat top left;} #error-page ul li#error-search {background-image: url(/assets/images/error-bullet-1.png);} #error-page ul li#error-map {background-image: url(/assets/images/error-bullet-2.png);} #error-page ul li#error-previous {background-image: url(/assets/images/error-bullet-3.png);} #error-page form {position: absolute; left: 85px; top: 0; width: 400px; line-height: auto !important;} #frmerrorsearch {width: 275px; border: 1px solid #cccccc; padding: 3px 5px; position: absolute; top: 0; left: 0;} #frmerrorgobutton {position: absolute; top: 0; left: 290px;} /* Adverts */ .googlead {float:left; margin-bottom:10px;} .hijack-ad {width:1400px; height:1400px; display:none;} .spacer-ad {width:300px; height:10px; background:#FFFFFF;} .masthead-ad {width:242px; height:77px;} .leaderboard-ad {width:960px; height:auto; margin:auto;} .skyscraper-ad {width:300px; height:600px;} .largebutton-ad {width:300px; height:100px;} .smallbutton-ad {width:125px; height:125px;float: left;margin: 16px 0 0 16px;} .homestream-ad {padding: 10px 6px; border-bottom: 1px solid #CCC; text-align: center; margin-bottom: 16px;} .mpu-ad {width:300px; height:250px;} #btn-masthead {position: absolute; right: 0px; top: 34px; width: 242px; height: 77px;} .facebook-share-button {margin-top: 1px !important;} .twitter-share-button {margin-top: 0px !important;} a.twitter-share-button {display:none!important;} /* Header styles applied via CSS */ .header1, .Header1 { font-size: 28px; font-weight: bold; } .header2, .Header2 { font-size: 22px; font-weight: bold; } .header3, .Header3 { font-size: 18px; font-weight: bold; } .header4, .Header4 { font-size: 16px; font-weight: bold; } .header5, .Header5 { font-size: 14px; font-weight: bold; } .header6, .Header6 { font-size: 12px; font-weight: bold; } /***** SEND TO FRIEND POP UP *****/ body.modalwindow {background:none;} body.modalwindow #main {padding:10px !important;width:auto;} body.modalwindow h1 {font-size:2.5em;} hr.send {margin-bottom:20px;border-bottom:1px solid #e74520;} #contactformcontact {padding:0 10px;} #contactformcontact .formrow {overflow:hidden;margin-bottom:10px} body.modalwindow #contactformcontact input[type=text], body.modalwindow #contactformcontact textarea {border:1px solid #ccc;float:right;width:250px !important;height:20px;} #contactformcontact textarea {height:80px !important;font-family:arial, sans-serif;font-size:0.9em;} body.modalwindow input#contactformcontact-submit {float:right;clear:both;margin-top:15px;} #contactformcontact .formError input {border: solid 2px #588400;} #contactformcontact .formError label {color:#588400;font-weight:bold;} #contactformcontact .element {margin-top:10px;overflow:hidden;} #contactformcontact span.required, #contactformcontact label span {color: #a00709;} body.modalwindow #contactformcontact .errors li {padding: 0 0 0 126px;font-size:0.8em;color:#A00709;} body.modalwindow #contactformcontact input#contactformcontact-submit, body.modalwindow #contactformcontact input#Submit {border:1px solid #e74520;background:#e74520;cursor:pointer;width:60px;font-size: 1.1em;font-weight: bold;margin-top: 10px;padding: 2px 5px;color:#fff;} #commentssection .description {margin: 10px 0 0 0; color: #666666;} /* Honeypot field on registration */ #row-userformuser-username {display:none;} /* FB Like button bubble with no comments: http://revisedagain.com/2012/design-hack-facebook-like-button_count-0-count/ */ /* make the like button smaller */ .fb-like-container { float:left; height:20px; overflow:hidden; position:relative; width:80px; } .fb_edge_widget_with_comment { z-index:1; } .fb_edge_widget_with_comment iframe{ width:80px!important; } /* but make the span that holds the comment box larger */ span.fb_edge_comment_widget.fb_iframe_widget iframe{ width:401px!important; } .count { height:18px; width:25px; position:absolute; left:47px; top:1px; z-index:0; } .zero-count { background-image:url(/assets/images/count.png); } a.twitter-share-button {display:none!important;} div.stream.articlecontent {background: url(/assets/images/item-bg.gif) no-repeat 100% 0;padding-right: 30px; padding-left: 20px;width: 300px; padding-bottom:45px; float: left; min-height:125px; height:auto!important; height:125px;} .item-author { position: absolute; bottom: 2px; left: 190px; margin-bottom:10px; } .article-social {float: left; padding-left: 15px; width: 105px;} .article-social-button {clear: both;float: left;margin-bottom: 10px;width: 90px;text-align: left; height: 20px;} .article-social-facebook {overflow:hidden!important;} .article-comments {float: left; overflow: hidden;} .article-comments a.comment-count{ float: left; text-align: center; color: white; font-weight: bold; line-height: 24px; } .comment-text { color: #999; display: inline; float: left; font-size: 0.91667em; padding: 5px 8px 0 0; }