html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} @font-face { font-family: 'ForgottenFuturistRegular'; src: url(/assets/templates/4rider/css/forgotten_futurist_rg-webfont.eot); src: local('☺'), url(/assets/templates/4rider/css/forgotten_futurist_rg-webfont.woff) format('woff'), url(/assets/templates/4rider/css/forgotten_futurist_rg-webfont.ttf) format('truetype'), url(/assets/templates/4rider/css/forgotten_futurist_rg-webfont.svg#webfontImDMIjO2) format('svg'); font-weight: normal; font-style: normal; } * {font-family: "Trebuchet MS", Arial, sans-serif} body {background: url(/assets/templates/4rider/css/../images/background.png); margin: 0; padding: 0; font-size: 1em; font-family: "Trebuchet MS", Arial, sans-serif} body.bkg1 {background: #cbac73 url(/assets/templates/4rider/css/../images/background_3.jpg) no-repeat -250px top} body.bkg2 {background: black url(/assets/templates/4rider/css/../images/background_2.jpg) no-repeat center top} body.bkgGrzesiek {background: black url(/assets/templates/4rider/css/../images/backgroundGrzesiek.jpg) no-repeat center top} body.bkgPiotrek {background: black url(/assets/templates/4rider/css/../images/backgroundPiotrek.jpg) no-repeat left top} body.bkgPrzemek {background: black url(/assets/templates/4rider/css/../images/backgroundPrzemek.jpg) no-repeat left top} body.bkgKTM {background: black url(/assets/templates/4rider/css/../images/backgroundKTM.jpg) no-repeat center top} body.bkgYZF {background: black url(/assets/templates/4rider/css/../images/backgroundYamaha.jpg) no-repeat center top} body.bkgCBR {background: black url(/assets/templates/4rider/css/../images/backgroundCBR.jpg) no-repeat center top} body.bkgQuad {background: black url(/assets/templates/4rider/css/../images/backgroundQuad.jpg) no-repeat center top} a {text-decoration: none; color: #ee2027} a:hover {text-decoration: underline} h1, h2, h3 {font-family: ForgottenFuturistRegular; font-size: 1.5em; font-weight: normal; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); margin: 0 0 10px 0; line-height: 1em;} h1 a, h2 a, h3 a {color: black; font-family: ForgottenFuturistRegular} h2 {font-size: 1.2em; font-weight: bold;} h3 {font-size: 1em} .right {text-align: right;} table {width: 100%; cell-spacing: 0; border-collapse: collapse} table th {text-align: left; padding: 5px 0; border-bottom: 3px solid #a0a0a0} table h1 {padding: 5px 0; margin: 5px 0; border-bottom: 1px solid #e0e0e0} table td {padding: 5px 0;} .container {width: 980px; margin-left: auto; margin-right: auto;} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} #backgroundShade {position: absolute; top: 0; left: 0; width: 100%; height: 450px; background: url(/assets/templates/4rider/css/../images/backgroundShade.png); z-index: 0} #topWrapper {position: relative; width: 100%; background: url(/assets/templates/4rider/css/../images/menuBackground.png); height: 80px; z-index: 10; } #logo {position: relative; width: 160px; height: 60px; padding-top: 15px; float: left; } #menu {position: relative; width: 980px; z-index: 100} #menu ul {margin: 0; padding: 0; list-style-type: none; padding-top: 30px; float: right; z-index: 100} #menu li.level_1 {margin: 0 15px; padding: 0; height: 18px; display: block; float: left; position: relative; cursor: pointer; z-index: 100} #menu li.level_1 a {display: block; height: 14px;} #menu li.level_1 ul {background: black; position: absolute; width: 250px; top: 29px; left: -13px; text-align: left;padding:0;margin: 0 0 10px 0; opacity: 0.8; -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.6); display: none; z-index: 100} #menu li.level_2 {display: block;padding: 5px 0; font-size: 0.75em; z-index: 100; float: none; clear: both; position: relative; margin: 0 10px} #menu li.level_2 a {width: 100%; display: block; color: white;} #menu li.level_2 ul {position: relative; top: 0; left: 15px; margin: 5px 0 0 0} #menu li.level_3 {text-indent: 20px; padding: 5px 0; margin: 0;} #menu a {width: 100%;} #menu a:hover {color: red} #menuHighlight {position: absolute; width: 180px; height: 65px; top: 3px; left: 600px; background: url(/assets/templates/4rider/css/../images/menuLite.png); z-index: 0} #breadcrumbsBox {position: relative;} #breadcrumbsBox div {float: left; width: 790px !important; } #breadcrumbsBox div#addThis {width: 160px !important; line-height: 30px; padding-top: 6px;} #slideContainer {background: url(/assets/templates/4rider/css/../images/slideFrame.png) center center no-repeat; padding: 8px 25px; margin-left: auto; margin-right: auto; width: 950px; height: 330px;overflow: hidden} ul#slides {list-style-type: none; background: white;width: 950px; height: 330px;overflow: hidden;margin: 0} #slides li {margin: 0;position: relative;} #slides .description {position: absolute; top: 150px; left: 500px; width: 360px; font-size: 0.9em; font-weight: bold;} .leftColumn {width: 790px; float: left; padding: 10px 0} .rightColumn {float: left; padding: 10px 0} .singleColumn .leftColumn {width: 490px;} .box300 {position: relative; width: 270px; height: 200px; background: url(/assets/templates/4rider/css/../images/box300.png) center center no-repeat; padding: 15px; float: left;} .box470 {position: relative; width: 460px; height: 200px; background: url(/assets/templates/4rider/css/../images/box470.png) center center no-repeat; padding: 15px; float: left;} .box300_230 {position: relative; width: 270px; height: 220px; background: url(/assets/templates/4rider/css/../images/box300x230.png) center center no-repeat; padding: 15px; float: left;} .box470_230 {position: relative; width: 460px; height: 220px; background: url(/assets/templates/4rider/css/../images/box470x230.png) center center no-repeat; padding: 15px; float: left;} .boxLogos {position: relative; width: 160px; height: 450px; background: url(/assets/templates/4rider/css/../images/boxLogos.png) center center no-repeat; padding: 15px; float: left; } .boxInner {position: relative; padding: 10px; height: 180px;} .box300_230 .boxInner, .box470_230 .boxInner {height: 200px;} .boxLogos .boxInner {height: 430px;} .boxInner.gray {background: url(/assets/templates/4rider/css/../images/boxBackgroundGray.png)} .boxInner.white {background: white} .boxInner.orange {background: url(/assets/templates/4rider/css/../images/boxBackgroundOrange.png)} .boxInner.logos {background: white} .grid_2 {position: relative; width: 100px; padding: 10px; float: left} .grid_3 {position: relative; width: 160px; padding: 10px; float: left} .grid_4 {position: relative; width: 220px; padding: 10px; float: left} .grid_5 {position: relative; width: 280px; padding: 10px; float: left} .grid_6 {position: relative; width: 340px; padding: 10px; float: left} .grid_8 {position: relative; width: 460px; padding: 10px; float: left} .grid_9 {position: relative; width: 520px; padding: 10px; float: left} .alpha {padding-left: 0} .omega {padding-right: 0} #footWrapper {margin-top: 20px; background: #333333 url(/assets/templates/4rider/css/../images/footShade.png) center top no-repeat; clear: both} #foot {color: #b0b0b0; font-size: 0.8em; line-height: 1.6em; padding-top: 30px; padding-bottom: 20px;} #foot h1 {font-size: 1.2em; margin: 0 0 10px 0; font-family: Arial; font-weight: bold;} #foot ul {list-style-type: none} #foot li {margin: 0;} #foot a {color: #b0b0b0} #foot .grid_3 {background: url(/assets/templates/4rider/css/../images/footDivider.png) right top repeat-y; height: 150px;} #foot .grid_7 {width: 400px;float: left;padding: 10px;} .credits {font-size: 0.75em; line-height: 1.2em; color: #555} .credits a {color: #555 !important} input.text {width: 200px; height: 25px; background: url(/assets/templates/4rider/css/../images/inputBackground.png) no-repeat; border: none; margin: 0 10px; font-size: 0.8em} input.text:focus {background: url(/assets/templates/4rider/css/../images/inputBackgroundLite.png) no-repeat;} button.submit {width: 25px; height: 25px; background: url(/assets/templates/4rider/css/../images/buttonOk.png); border: none;} button.submit:hover {background: url(/assets/templates/4rider/css/../images/buttonOkLite.png);} #newsBox ul#news {background: none; list-style-type: none; margin: 0 0 10px 0;} #newsBox ul#news li {margin: 0; background: none} #newsBox ul#news .grid_2 {float: left; padding: 0; width: 160px} #newsBox ul#news .grid_4 {float: left; padding: 0 0 0 10px; width: 270px; height: 145px; overflow: hidden} #newsBox ul#news a {color: black} #newsBox {font-size: 0.8em; } .content div {font-size: 0.85em} #newsBoxReadMore, #newsBoxButtonPrev, #newsBoxButtonNext {position: absolute; float: none; top: 165px; left: 5px;} #newsBoxButtonPrev {left: 410px;} #newsBoxButtonNext {left: 430px;} #newsList .grid_2 {} #newsList .grid_5 {width: 260px} #newsList {font-size: 0.75em} #newsList .button {float: none; margin-left: -3px; margin-top: 5px;} .content {padding: 10px; font-size: 1em} .content .introText {margin: 20px 0} .content .bodyText {margin: 20px 0} .contentBox770 {position: relative; width: 790px; float: left;} .contentBox770 .boxTop {height: 15px; background: url(/assets/templates/4rider/css/../images/box770top.png) center bottom no-repeat} .contentBox770 .boxMiddle {background: url(/assets/templates/4rider/css/../images/box770background.png) repeat-y; padding: 0 15px} .contentBox770 .boxBottom {height: 15px; background: url(/assets/templates/4rider/css/../images/box770bottom.png) center top no-repeat} .contentBox960 {position: relative; width: 980px; float: left;} .contentBox960 .boxTop {height: 15px; background: url(/assets/templates/4rider/css/../images/box960top.png) center bottom no-repeat} .contentBox960 .boxMiddle {background: url(/assets/templates/4rider/css/../images/box960background.png) repeat-y; padding: 0 15px} .contentBox960 .boxBottom {height: 15px; background: url(/assets/templates/4rider/css/../images/box960bottom.png) center top no-repeat} .contentBox470 {position: relative; width: 490px; float: left;} .contentBox470 .boxTop {height: 15px; background: url(/assets/templates/4rider/css/../images/box470top.png) center bottom no-repeat} .contentBox470 .boxMiddle {background-image: url(/assets/templates/4rider/css/../images/box470background.png) !important; background-repeat: repeat-y; padding: 0 15px} .contentBox470 .boxBottom {height: 15px; background: url(/assets/templates/4rider/css/../images/box470bottom.png) center top no-repeat} .contentBox470Dark .boxTop {background-image: url(/assets/templates/4rider/css/../images/box470topDark.png) !important;} .contentBox470Dark .boxMiddle {color: #e9e9e9; background-image: url(/assets/templates/4rider/css/../images/box470backgroundDark.png) !important;} .contentBox470Dark .boxBottom {background-image: url(/assets/templates/4rider/css/../images/box470bottomDark.png) !important;} #galleryBox {color: white;} #galleryBox h1 {position: absolute; top: 20px; left: 20px; z-index: 90} #galleryBox ul#gallery {margin: 0; width: 270px; height: 200px; overflow: hidden} #galleryBox ul#gallery li {margin: 0; padding: 0; } #galleryBoxReadMore, #galleryBoxButtonPrev, #galleryBoxButtonNext {position: absolute; top:180px; z-index: 90} #galleryBoxReadMore {left: 20px;} #galleryBoxButtonPrev {left: 235px} #galleryBoxButtonNext {left: 255px} #galleryBox #gallery img {width: 270px;} #logosBox #logos {width: 140px; height: 430px} #logosBox #logos div { text-align: center; width: 140px } #logosBox #logos img { margin: 10px 0 } #motogenBox {color: white;} #motogenBox a {color: black} #motogenBox ul#motogen {margin: 0; list-style-type: none; font-size: 0.7em} #motogenBox ul#motogen li {margin: 0; padding: 2px 0;} #motogenBox ul#motogen li:hover, #motogenBox ul#motogen li:hover a {background: black; color: #ff9900 !important} #galleryCategory {} #galleryCategory ul {margin: 0; list-style-type: none} #galleryCategory ul li {display: block; float: left; padding: 0; margin: 0; width: 177px; height: 190px; overflow: hidden; margin-right: 10px;} #galleryCategory h1 {font-size: 0.8em; margin: 10px 0;} #galleryCategory .boxInner {padding: 10px 0 10px 10px; height: auto !important} #gallery {} #gallery .slideshow-container {position: relative; width: 460px; height: 344px; border: 1px solid #e0e0e0; overflow: hidden; padding:4px; margin-bottom: 10px} #gal-gaff-loading, #gal-gaff-slideshow {position: absolute; top: 0; left: 0; width: 450px; height: 344px; padding: 4px;} #gal-gaff-slideshow .advance-link {font-size: 0; line-height: 0; height: 0; position: relative; display: block} #gal-gaff-controls div {float: left;} #gal-gaff-controls a {width: 120px; height: 30px; background: url(/assets/templates/4rider/css/../images/buttonBackground.png); display: block; color: white; text-align: center; line-height: 26px; font-size: 11px; float: left; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); margin-left: -3px;} #gal-gaff-thumbs .bottom a, #gal-gaff-thumbs .bottom span {width: 28px; height: 28px; background: url(/assets/templates/4rider/css/../images/buttonBackgroundSmall.png); display: block; color: white; text-align: center; line-height: 27px; font-size: 11px; float: left; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); margin: -2px 0 0 -3px;} span.image-wrapper img {width: 460px; height: 345px} #gal-gaff-controls a:hover {text-shadow: 0px 0px 5px rgba(255,255,255,1)} #gal-gaff-thumbs {padding: 10px 0 10px 10px; width: 460px; } #gal-gaff-thumbs ul.thumbs {list-style-type: none; margin: 0; height: 353px; } #gal-gaff-thumbs ul.thumbs li {margin: 0 10px 12px 0; padding: 0; float: left; width: 95px; height: 100px; overflow: hidden; border: 1px solid #e0e0e0; padding: 4px} #gal-gaff-thumbs ul.thumbs li.selected {border: 1px solid black} #gallery ul {list-style-type: none; padding: 1px 0;} #gallery li {margin: 2px; padding: 2px; float: left; line-height: 0; border: 1px solid #e0e0e0} #gallery img {width: 142px} span.button {width: 120px; height: 30px; background: url(/assets/templates/4rider/css/../images/buttonBackground.png); display: block; color: white; text-align: center; line-height: 26px; font-size: 11px; float: left; text-shadow: 1px 1px 2px rgba(0,0,0,0.5);} span.button a {color: white !important;} span.button:hover {text-shadow: 0px 0px 5px rgba(255,255,255,1)} span.buttonNext, span.buttonPrev {display: block; width: 22px; height: 22px; background: url(/assets/templates/4rider/css/../images/buttonNext.png); float: left;} span.buttonPrev {display: block; width: 22px; height: 22px; background: url(/assets/templates/4rider/css/../images/buttonPrev.png); float: left;} span.buttonNext:hover {background: url(/assets/templates/4rider/css/../images/buttonNextLite.png);} span.buttonPrev:hover {background: url(/assets/templates/4rider/css/../images/buttonPrevLite.png);} .contactform label {width: 160px; height: 23px; margin: 5px 0; display: block; float: left; clear: both; font-size: 1.3em} .contactform div.input {background: url(/assets/templates/4rider/css/../images/inputBackground340.png) no-repeat 0px 0px; width: 330px; height: 20px; margin: 5px 0; float: left; padding: 3px 0 0 10px} .contactform input {width: 320px; border: none; background: transparent; font-size: 12px} .contactform div.textarea {width: 330px; height: 230px; margin: 5px 0; background: transparent url(/assets/templates/4rider/css/../images/textAreaBackground340.png) no-repeat 0px 0px; padding: 5px; float: left;} .contactform textarea {width: 330px; border: none; background: transparent; height: 230px; font-size: 12px; font-family: "Trebuchet MS"} .contactform .form-buttons {margin-left: 160px} .contactform .form-buttons input {width: 120px; height: 28px; background: url(/assets/templates/4rider/css/../images/buttonBackground.png) no-repeat 0px 0px; display: block; color: white; text-align: center; line-height: 27px; font-size: 11px; float: left; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); margin: 10px 0 0 -3px;} .contactDetails {font-size: 1em !important;} .contactForm div.error {color: red; font-size: 0.9em; margin-left: 160px;} ul.inline {list-style-type: none} ul.inline li {float: left; margin: 0 15px 0 0; text-align: center; }  .module:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }  * html .module { height: 1%; overflow: visible; }  * + html .module { min-height: 1%; }  .breadCrumb { margin-left: auto; margin-right: auto; padding: 0; background: url(/assets/templates/4rider/css/../images/toolBar.png) no-repeat; display: block; height: 30px; overflow: hidden; width: 960px; padding:2px; } .breadCrumb ul { margin: 0; padding: 0; height: 30px; display: block; } .breadCrumb ul li { display: block; float: left; position: relative; height: 30px; overflow: hidden; line-height: 30px; margin: 0px 6px 0px 0; padding: 0px 10px 0px 0; font-size: .8em; background: url(/assets/templates/4rider/css/../images/Chevron.gif) no-repeat 100% 4px; } .breadCrumb ul li div.chevronOverlay { position: absolute; right: 0; top: 0; z-index: 2; } .breadCrumb ul li span { display: block; overflow: hidden; } .breadCrumb ul li a { display: block; position: relative; height: 30px; line-height: 30px; overflow: hidden; float: left; } .breadCrumb ul li.first a { height: 16px !important; text-indent:-1000em; width:16px; padding: 0; margin: 7px 0 0 10px; overflow: hidden; background:url(/assets/templates/4rider/css/../images/IconHome.gif) no-repeat 0 0; } .breadCrumb ul li.first a:hover { background-position: 0 -16px; } .breadCrumb ul li.last { background: none; margin-right: 0; padding-right: 0; } .chevronOverlay { display: none; background: url(/assets/templates/4rider/css/../images/ChevronOverlay.png) no-repeat 100% 4px; width: 13px; height: 30px; }  #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}  #cboxOverlay{background:url(/assets/templates/4rider/css/../images/colorbox/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(/assets/templates/4rider/css/../images/colorbox/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(/assets/templates/4rider/css/../images/colorbox/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(/assets/templates/4rider/css/../images/colorbox/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(/assets/templates/4rider/css/../images/colorbox/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(/assets/templates/4rider/css/../images/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(/assets/templates/4rider/css/../images/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(/assets/templates/4rider/css/../images/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(/assets/templates/4rider/css/../images/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/assets/templates/4rider/css/../images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(/assets/templates/4rider/css/../images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(/assets/templates/4rider/css/../images/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/assets/templates/4rider/css/../images/colorbox/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(/assets/templates/4rider/css/../images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} .gal-item { float: left; padding: 3px; border: 1px solid #d4d4d4; margin: 4px; opacity: 0.8; } .gal-item:hover { opacity: 1.0; }