.tableWrapper button { text-align:center; margin:0 auto 5px auto; width:145px;} /* Bike Showcase Details *****************************/ /* Bike Slide Images *********************/ /* Bikes Slides Global Style */ .sukumaSlidecomplete, .sukumaSlideframe1, .sukumaSlideframe2, .makuluSlidecomplete, .makuluSlideframe1, .makuluSlideframe2, .izimuSlidecomplete, .izimuSlideframe1, .izimuSlideframe2, .kalulaSlidecomplete, .kalulaSlideframe1, .kalulaSlideframe2, .zamaSlidecomplete, .zamaSlideframe1, .zamaSlideframe2, .jabulaSlidecomplete, .jabulaSlideframe1, .jabulaSlideframe2, .zulaSlidecomplete, .zulaSlideframe1, .zulaSlideframe2, .kwela29Slidecomplete, .kwela29Slideframe1, .kwela29Slideframe2, .yeboSlidecomplete, .yeboSlideframe1, .yeboSlideframe2, .makuluCoilSlidecomplete, .makuluCoilSlideframe1, .makuluCoilSlideframe2, .makulu27-5Slidecomplete, .makulu27-5Slidecomplete2, .makulu27-5Slideframe1 { position:absolute; top:50%; left:50%; z-index:20; margin:-350px 0 0 -580px; width:1160px; height:715px; background-size:contain; } /**/ .makulu27-5Slidecomplete {background:url(/images/bikes/makulu-27-5/makulu275-large.png) no-repeat 0 0;} .makulu27-5Slidecomplete2 {background:url(/images/bikes/makulu-27-5/makulu275-built-angle-large.png) no-repeat 0 0;} .makulu27-5Slideframe1 {background:url(/images/bikes/makulu-27-5/makulu275-frame-01-large.png) no-repeat 0 0;} .sukumaSlidecomplete {background:url(/images/bikes/sukuma/sukuma_large.png) no-repeat 0 0;} .sukumaSlideframe1 {background:url(/images/bikes/sukuma/frame_1_sukuma_large.png) no-repeat 0 0;} .sukumaSlideframe2 {background:url(/images/bikes/sukuma/frame_2_sukuma_large.png) no-repeat 0 0;} .izimuSlidecomplete {background:url(/images/bikes/izimu/izimu-blackwhite-builtangle-large.png) no-repeat 0 0;} .izimuSlideframe1 {background:url(/images/bikes/izimu/izimu-frame-placeholder-large.png) no-repeat 0 0;} .izimuSlideframe2 {background:url(/images/bikes/izimu/frame_2_izimu_large.png) no-repeat 0 0;} .makuluSlidecomplete {background:url(/images/bikes/makulu/makulu26-green-fox-builtangle-large.png) no-repeat 0 0;} .makuluSlideframe1 {background:url(/images/bikes/makulu/makulu26-green-fox-frame-large.png) no-repeat 0 0;} .makuluCoilSlidecomplete {background:url(/images/bikes/makulu/makulu26-white-fox-builtangle-large.png) no-repeat 0 0;} .makuluCoilSlideframe1 {background:url(/images/bikes/makulu/makulu26-white-bosvoid-frame-large.png) no-repeat 0 0;} .kalulaSlidecomplete {background:url(/images/bikes/kalula/kalula_large.png) no-repeat 0 0;} .kalulaSlideframe1 {background:url(/images/bikes/kalula/frame_1_kalula_large.png) no-repeat 0 0;} .kalulaSlideframe2 {background:url(/images/bikes/kalula/frame_2_kalula_large.png) no-repeat 0 0;} .zamaSlidecomplete {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/zama-built-white-lrg.png) no-repeat 0 0;} .zamaSlideframe1 {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/zama-frame-black-lrg.png) no-repeat 0 0;} .zamaSlideframe2 {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/zama-frame-white-lrg.png) no-repeat 0 0;} .jabulaSlidecomplete {background:url(/images/bikes/jabula/jabula_large.png) no-repeat 0 0;} .jabulaSlideframe1 {background:url(/images/bikes/jabula/frame_1_jabula_large.png) no-repeat 0 0;} .jabulaSlideframe2 {background:url(/images/bikes/jabula/frame_2_jabula_large.png) no-repeat 0 0;} .zulaSlidecomplete {background:url(/images/bikes/zula/zula-blackgrey-built-large.png) no-repeat 0 0;} .zulaSlideframe1 {background:url(/images/bikes/zula/zula-blackgrey-frame-large.png) no-repeat 0 0;} .zulaSlideframe2 {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/zula-frame-white-lrg.png) no-repeat 0 0;} .kwela29Slidecomplete {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/kwela-built-black-lrg.png) no-repeat 0 0;} .kwela29Slideframe1 {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/kwela-frame-black-lrg.png) no-repeat 0 0;} .kwela29Slideframe2 {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/kwela-frame-white-lrg.png) no-repeat 0 0;} .yeboSlidecomplete {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/yebo-built-black-lrg.png) no-repeat 0 0;} .yeboSlideframe1 {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/yebo-frame-black-lrg.png) no-repeat 0 0;} .yeboSlideframe2 {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/yebo-frame-blue-lrg.png) no-repeat 0 0;} /**/ /********************* Specs Tables ********************/ /* Global for Frames and Builds */ .makulu275-2014, .makulu-2013-red, .makulu-2013-white, .makulu-build-coil-2013, .makulu26-built-fox-2014, .makulu26-built-rockshox-2014, .kalula-2013-raw, .kalula-2013-black, .kalula-build-2013, .izimu-2013-yellow, .izimu-2013-black, .izimu-build-2013, .zama-2013-black, .zama-2013-white, .zula-2013-black, .zula-2013-white, .sukuma-2013-white, .sukuma-2013-black, .sukuma-build-2013, .jabula-2013-white, .jabula-2013-black, .jabula-build-2013, .kwela29-2013-white, .kwela29-2013-black, .kwela29-build-2013, .yebo-2013-blue, .yebo-2013-black, .yebo-build-2013, .makulu275-build-2014 {width:100%; height:460px;} .makulu275-2014, .makulu-2013-red, .makulu-2013-white, .kalula-2013-raw, .kalula-2013-black, .izimu-2013-yellow, .izimu-2013-black, .zama-2013-black, .zama-2013-white, .sukuma-2013-black, .sukuma-2013-white, .jabula-2013-black, .jabula-2013-white, .zula-2013-black, .zula-2013-white, .kwela29-2013-black, .kwela29-2013-white, .yebo-2013-blue, .yebo-2013-black {margin-bottom:30px; margin-top:20px;} .makulu-build-coil-2013, .makulu26-built-fox-2014, .makulu26-built-rockshox-2014, .kalula-build-2013, .izimu-build-2013, .sukuma-build-2013, .jabula-build-2013, .kwela29-build-2013, .yebo-build-2013, .makulu275-build-2014 {margin-bottom:50px;} /* Frames */ .makulu275-2014 {background:url(/images/bikes/makulu-27-5/makulu275-frame-01-medium.png) no-repeat center center;} .makulu-2013-red {background:url(/images/bikes/makulu/makulu26-green-fox-frame-medium.png) no-repeat center center;} .makulu-2013-white {background:url(/images/bikes/makulu/makulu26-white-bos-frame-medium.png) no-repeat center center;} .kalula-2013-raw {background:url(/images/bikes/kalula/frame_1_kalula_medium.png) no-repeat center center;} .kalula-2013-black {background:url(/images/bikes/kalula/frame_2_kalula_medium.png) no-repeat center center;} .izimu-2013-yellow {background:url(/images/bikes/izimu/izimu-frame-placeholder-medium.png) no-repeat center center;} .izimu-2013-black {background:url(/images/bikes/izimu/frame_1_izimu_medium.png) no-repeat center center;} .zama-2013-white {background:url(/images/bikes/zama/frame_1_zama_medium.png) no-repeat center center;} .zama-2013-black {background:url(/images/bikes/zama/frame_2_zama_medium.png) no-repeat center center;} .sukuma-2013-white {background:url(/images/bikes/sukuma/frame_2_sukuma_medium.png) no-repeat center center;} .sukuma-2013-black {background:url(/images/bikes/sukuma/frame_1_sukuma_medium.png) no-repeat center center;} .jabula-2013-white {background:url(/images/bikes/jabula/frame_1_jabula_medium.png) no-repeat center center;} .jabula-2013-black {background:url(/images/bikes/jabula/frame_2_jabula_medium.png) no-repeat center center;} .zula-2013-white {background:url(/images/bikes/zula/frame_1_zula_medium.png) no-repeat center center;} .zula-2013-black {background:url(/images/bikes/zula/zula-blackgrey-frame-medium.png) no-repeat center center;} .kwela29-2013-black {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/kwela-frame-black-med.png) no-repeat center center;} .kwela29-2013-white {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/kwela-frame-white-med.png) no-repeat center center;} .yebo-2013-black {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/yebo-frame-black-med.png) no-repeat center center;} .yebo-2013-blue {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/yebo-frame-blue-med.png) no-repeat center center;} /* Builds */ .makulu275-build-2014 {background:url(/images/bikes/makulu-27-5/makulu275-medium.png) no-repeat center center;} .makulu-build-coil-2013 {background:url(/images/bikes/makulu/makulu-build-coil-med.png) no-repeat center center;} .makulu26-built-fox-2014 {background:url(/images/bikes/makulu/makulu26-white-fox-builtangle-medium.png) no-repeat center center;} .makulu26-built-rockshox-2014 {background:url(/images/bikes/makulu/makulu26-green-fox-builtangle-medium.png) no-repeat center center;} .kalula-build-2013 {background:url(/images/bikes/kalula/kalula_medium.png) no-repeat center center;} .izimu-build-2013 {background:url(/images/bikes/izimu/izimu-blackwhite-builtangle-medium.png) no-repeat center center;} .sukuma-build-2013 {background:url(/images/bikes/sukuma/sukuma_medium.png) no-repeat center center;} .jabula-build-2013 {background:url(/images/bikes/jabula/jabula_medium.png) no-repeat center center;} .kwela29-build-2013 {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/kwela-built-black-med.png) no-repeat center center;} .yebo-build-2013 {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/yebo-built-black-med.png) no-repeat center center;} .buildTable { position:relative;} #builtTabs { position:absolute; top:460px; width:100%;} .btn-group { text-align:center;} .btn-group .btn { font-weight:700;} .buildDisclaimer { font-size:12px; line-height:12px;} /**/ .clear { float:none; clear:both;} #specsWrapper, #geometryWrapper, #splitpivotWrapper, #dcdWrapper, #spi2Wrapper, #spiliteWrapper, #lowlevWrapper, #xpiWrapper, #downloadsWrapper { padding-top:60px; } #specsWrapper.row, #geometryWrapper.row, #splitpivotWrapper.row, #dcdWrapper.row, #spi2Wrapper.row, #spiliteWrapper.row, #lowlevWrapper.row, #xpiWrapper.row, #downloadsWrapper.row { margin-left:0; } .bikeDetails { padding:40px 20px 100px 20px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; color: #333333; font-size: 15px; text-transform:none; line-height:21px; text-shadow: 0 1px 0 #fff; } .bikeDetails h2 { background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-header-small.png) no-repeat right top; height:30px; width:auto; display:inline-block; padding:3px 45px 3px 10px; margin:100px 0 15px 0; font-family: 'bender', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; color: #fff; font-size: 20px; text-transform: uppercase; line-height:20px; text-shadow:none; } .bikeDetails h3 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 700; color: #000; font-size: 17px; text-transform:none; line-height:21px; margin:0 0 8px 0; } .upgradeLabel { width:210px; text-align:center; font-style:italic; color:#666666; background:#d8d8d8; border:1px solid #c3c3c3; -moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px; margin:15px 0 0 0; padding:4px 0 4px 0; display:block; } /* tables */ .tableWrapper { background:#3296d6; padding:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; } .tableWrapper h2 { background:none; font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight:700; font-size:16px; text-transform:capitalize; color:#FFF; text-shadow: 0 -1px 0 #12496d; text-align:center; margin:0; padding:10px 0 8px 0; width:100%; } .tableWrapper table { background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-linen.jpg) repeat; color:#FFF; font-size:13px; font-weight:300; text-shadow: 0 1px 0 #000; } #specsWrapper #specsIntro { padding-bottom:30px; margin-bottom:0; border-bottom:1px solid #d1d1d1; -webkit-box-shadow: 0 10px 10px -10px #e7e7e7; -moz-box-shadow: 0 10px 10px -10px #e7e7e7; box-shadow: 0 10px 10px -10px #e7e7e7; } #specsIntro h1 { font-family: 'bender', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; color: #51a6dc; font-size: 46px; text-transform: uppercase; line-height:50px; text-align:left; width:100%; margin:100px 0 70px 0; text-transform:uppercase; } #specsIntro .lead { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight:300; font-size:15px; line-height:21px; overflow:auto; color:#000; } .specsQuickText h3 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight:500;} .Quickinfo { padding:90px 0 90px 0; display:block; } .specsQuickList ul { list-style:none; margin:0px 0 30px 0; padding-left:0px; width:100% !important; } .specsQuickList ul li { background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bullet-a.png) no-repeat left 5px; padding:0 0 0 15px; margin:0 0 10px 0; } .specsTable, tableWrapper { margin:0 !important; padding:0 !important;} .specsTable .tableWrapper table.specsDesktop {width:100%;} .specsTable .tableWrapper table.specsDesktop td { background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bullet-a.png) no-repeat 20px 22px; padding:15px 0 15px 40px; width:50%; border-collapse: collapse; border:1px solid #3d3d3d; } .buildTable, tableWrapper { margin:0 !important; padding:0 !important;} .buildTable .tableWrapper table.buildDesktop {width:100%;} .buildTable .tableWrapper table.buildDesktop td { padding:10px 0 10px 25px; width:33.333%; border-collapse: collapse; border:1px solid #3d3d3d; } .buildTable .tableWrapper table.buildDesktop td.headerCell { background-color:#181818; background-image:none; font-size:15px; font-weight:700; color:#3296d6; height:35px; } .buildTable .span12, .specsTable .span12, #specsIntro.span12 { margin-left:0;} /* Discipline buttons */ a.disciplineButton { width:100px; height:90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; text-align:center; display:block; float:left; margin-right:10px; margin-top:5px; -moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px; background: #2a2a2a; /* Old browsers */ background: -moz-linear-gradient(top, #2a2a2a 0%, #0f0f0f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a2a2a), color-stop(100%,#0f0f0f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2a2a2a 0%,#0f0f0f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2a2a2a 0%,#0f0f0f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2a2a2a 0%,#0f0f0f 100%); /* IE10+ */ background: linear-gradient(to bottom, #2a2a2a 0%,#0f0f0f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a2a', endColorstr='#0f0f0f',GradientType=0 ); /* IE6-9 */ } a.disciplineButton:hover { background: #1b1b1b; /* Old browsers */ background: -moz-linear-gradient(top, #1b1b1b 30%, #2f2f2f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#1b1b1b), color-stop(100%,#2f2f2f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1b1b1b 30%,#2f2f2f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1b1b1b 30%,#2f2f2f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1b1b1b 30%,#2f2f2f 100%); /* IE10+ */ background: linear-gradient(to bottom, #1b1b1b 30%,#2f2f2f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b1b', endColorstr='#2f2f2f',GradientType=0 ); /* IE6-9 */ box-shadow:inset 0px 3px 15px #000; } /* Tech buttons */ a.techButton { width:145px; height:80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative; text-align:center; display:block; float:left; margin-right:10px; margin-top:5px; background:none; } .lowlevButton { position:absolute; top:0; left:0; background:url('/images/tech-button-logo-lowlev.png') no-repeat center center; text-indent:-9999px; width:100%; height:100%; display:block;} .dcdButton { position:absolute; top:0; left:0; background:url('/images/tech-button-logo-dcd.png') no-repeat center center; text-indent:-9999px; width:100%; height:100%; display:block;} .spi2Button { position:absolute; top:0; left:0; background:url('/images/tech-button-logo-spi2.png') no-repeat center center; text-indent:-9999px; width:100%; height:100%; display:block;} .spiliteButton { position:absolute; top:0; left:0; background:url('/images/tech-button-logo-spilite.png') no-repeat center center; text-indent:-9999px; width:100%; height:100%; display:block;} .splitpivotButton { position:absolute; top:0; left:0; background:url('/images/tech-button-logo-splitpivot.png') no-repeat center center; text-indent:-9999px; width:100%; height:100%; display:block;} .xpiButton { position:absolute; top:0; left:0; background:url('/images/tech-button-logo-xpi.png') no-repeat center center; text-indent:-9999px; width:100%; height:100%; display:block;} .rpgButton { position:absolute; top:0; left:0; background:url('/images/tech-button-logo-rpg.png') no-repeat center center; text-indent:-9999px; width:100%; height:100%; display:block;} /** Geometry **/ .geometryTable {font-weight:300 !important;background-image:none !important;} table.geometryTable th { padding:8px; border-collapse: collapse; border:1px solid #333; width:7.5%; background-color:#181818; background-image:none; font-size:13px; font-weight:700; color:#3296d6; } table.geometryTable td { vertical-align:middle; text-align:center; background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-linen.jpg) repeat; padding:10px; border-collapse: collapse; border:1px solid #3d3d3d; } .geometryDrawing {text-align:center;margin-bottom:40px;} .geometryOpen{margin: 0 auto 10px;} /* Additions to simple bootstrap stylings */ .table-bordered { background-color:#FFF; font-size:13px;} .table-bordered td, .table-bordered th { text-align:center !important; vertical-align:middle !important;} .table-bordered button { margin-top:10px;} .table-bordered td.header {font-weight:700; text-align:center; font-size:15px;padding:15px;} #geoTable { margin-top:-22px;} #geoTable .table-bordered td, #geoTable .table-bordered th {text-align:left !important; padding:10px; width:50%;} /* Split Pivot Royalslider */ #splitpivotWrapper { margin-bottom:0; height:auto;} #splitpivot-gallery {width:100%; height:480px; border:1px solid #e2e2e2;} #splitpivot-gallery .thumbsAndArrowsContainer {display:none;} #splitpivot-gallery.royalSlider { z-index:1000 !important;} #splitpivot-gallery.royalSlider .royalWrapper {background:#fff !important;} #splitpivot-gallery .slide2 .slideText .thumb, #splitpivot-gallery .slide3 .slideText .thumb { width:40%; text-align:center; float:left; background:#FFFFFF; -moz-box-shadow: 1px 1px 3px 1px #dadada; -webkit-box-shadow: 1px 1px 3px 1px #dadada; box-shadow: 1px 1px 3px 1px #dadada; padding:3px; margin:20px auto 0 auto; } #splitpivot-gallery .slide2 .thumb img, #splitpivot-gallery .slide3 .thumb img { width:100%;} #splitpivot-gallery .slide2 .float, #splitpivot-gallery .slide3 .float { float:left; width:50%; margin-right:35px; } /* slide 1 */ #splitpivot-gallery .slide1 { background-image:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/splitpivot-slide-bg-1.jpg); background-repeat:no-repeat; background-size:cover; padding:60px 0 0 70px !important; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #splitpivot-gallery .splitpivot-logo { float:left; margin:0 0 0 0; } #splitpivot-gallery .slide1 .slideText { margin:0 45px 0 0; padding:0 0 0 0; color:#FFFFFF; text-shadow:none; line-height:20px; float:left; width:430px; } #splitpivot-gallery .slide1 .slideText h2 { background:none; font-family: 'bender', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; color: #e7ac0c; font-size: 56px; text-transform: uppercase; line-height:56px; margin:0 0 20px 0 !important; padding:0; display:block !important; height:auto !important; } /* slide 2 */ #splitpivot-gallery .slide2 { background-image:none; background-repeat:no-repeat; background-size:cover; padding:60px 0 0 50px !important; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #splitpivot-gallery .slide2 .slideText { margin:0; padding:0 0 0 0; color:#333; text-shadow:none; line-height:20px; width:100%; float:left; } #splitpivot-gallery .slide2 .slideText p { width:100%; margin:0 0 15px 0; } #splitpivot-gallery .slide2 .slideText h2 { background:none; font-family: 'bender', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; color: #3f9ad3; font-size: 42px; text-transform: uppercase; line-height:42px; margin:15px 0 20px 0 !important; padding:0; display:block !important; height:auto !important; width:100%; } /* slide 3 */ #splitpivot-gallery .slide3 { background-image:none; background-repeat:no-repeat; background-size:cover; padding:60px 0 0 50px !important; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #splitpivot-gallery .slide3 .slideText { margin:0; padding:0 0 0 0; color:#333; text-shadow:none; line-height:20px; float:left; } #splitpivot-gallery .slide3 .slideText p { width:100%; margin:0 0 15px 0; } #splitpivot-gallery .slide3 .slideText h2 { background:none; font-family: 'bender', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; color: #3f9ad3; font-size: 42px; text-transform: uppercase; line-height:42px; margin:15px 0 20px 0 !important; padding:0; display:block !important; height:auto !important; width:100%; } #splitpivot-gallery .royalSlider .royalControlNavOverflow { width:100%; overflow:hidden; display:block; margin-top:0 !important; z-index:25; } #splitpivot-gallery.royalSlider .thumbsAndArrowsContainer a.thumbsArrow { display:none !important; border:1px solid #e2e2e2;} #splitpivot-gallery.royalSlider a.arrow { display:none !important;} #splitpivot-gallery .thumbsAndArrowsContainer {background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-linen.jpg) repeat;position:relative !important;} .royalSlider .royalControlNavThumbsContainer {width:680px !important;margin:0 auto;} /* slide Diag **************/ #splitpivot-gallery .slide3 .diagram { width:42%; text-align:center; margin:-20px 40px 15px 30px; padding:5px; background:#FFFFFF; float:left; -moz-box-shadow: 1px 1px 3px 1px #dadada; -webkit-box-shadow: 1px 1px 3px 1px #dadada; box-shadow: 1px 1px 3px 1px #dadada; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #splitpivot-gallery .slide3 .diagram img { width:100%;} table.splitpivotDiagram1 { font-size:13px; width:40%; float:left; margin-top:90px;} table.splitpivotDiagram1 td { color:#333; text-shadow:none; border:1px solid #333; border-collapse:collapse; padding:8px; } table.splitpivotDiagram1 td.marker { background:#dd0079; color:#FFF; text-shadow:none; padding:8px; } table.splitpivotDiagram2 { font-size:13px; width:40%; float:left; margin-top:90px;} table.splitpivotDiagram2 td { color:#333; text-shadow:none; border:1px solid #333; border-collapse:collapse; padding:8px; } table.splitpivotDiagram2 td.marker { background:#3f9ad3; color:#FFF; text-shadow:none; padding:8px; } /* split pivot slider menu ****************************/ .royalSlider #textnav { width: 100%; position:absolute;bottom:0;left:0; z-index:99; background-color:#1c1c1c; } .royalSlider #textnav ul { width:100%; margin:0 auto; } .royalSlider #textnav li:last-child { width:20%; list-style-type:none; cursor:pointer; padding:16px 0 15px 0; margin-bottom:0; margin-right:0; height:20px; float:left; text-align:center; font-size:13px; font-family: 'oswald', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight:300; font-size:16px; text-transform:uppercase; color:#fff; text-shadow:none; text-decoration:none; background:#333 url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-linen.jpg) repeat; } .royalSlider #textnav li { width:19.895%; list-style-type:none; cursor:pointer; padding:16px 0 15px 0; margin-bottom:0; margin-right:1px; height:20px; float:left; text-align:center; font-size:13px; font-family: 'oswald', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight:300; font-size:16px; text-transform:uppercase; color:#fff; text-shadow:none; text-decoration:none; background:#333 url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-linen.jpg) repeat; } .royalSlider #textnav li:hover { color:#fff; background-color:#000; background-image:none; } .royalSlider #textnav li.current { color:#fff; text-shadow: 0 -1px 0 #2a7db2; background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-slider-text-on.png) no-repeat center 0; padding:26px 0 10px 0; margin-top:-10px; height:25px; } /* Subnav *****************************/ #subnavWrapper {width:950px; margin:0 auto; padding:0 0 0 0;} .subnav { width: 100%; height:48px; position: fixed; top: 78px; left: 0; right: 0; z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */ background:#3296d6; } .subnav .nav {margin-bottom: 0;} .subnav .nav > li > a { margin: 0; padding:0px 22px 0 22px; border-radius:none;} .subnav .nav > .active > a, .subnav .nav > .active > a:hover { color: #777; border-radius:none;} .subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {border-left: 0;border-radius:none;} .subnav .nav > li:last-child > a {border-right: 0;} .subnav h2 { text-shadow: 0 -1px 0 #2a7db2 !important; color:#FFFFFF; font-weight:400 !important; text-transform:uppercase; font-size:17px !important; line-height:17px !important; font-family: 'oswald', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; float:left; text-decoration:none; margin:0 30px 0 20px !important; padding:15px 0 0 0 !important; background:none !important; } .subnav h2 a, .subnav h2 a:hover, .subnav h2 a:active { text-shadow: 0 -1px 0 #2a7db2 !important; color:#FFFFFF; font-weight:400 !important; text-transform:uppercase; font-size:17px !important; line-height:17px !important; font-family: 'oswald', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; float:left; text-decoration:none; } .subnav h2 a:hover { color:#0b3652; text-shadow: 0 1px 0 #80c4ef !important;} .subnav ul.showcaseNav {list-style:none; overflow:auto;} .subnav ul.showcaseNav li a { font-family: 'oswald', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight:300; font-size:14px; text-transform:uppercase; color:#FFF; text-shadow: 0 -1px 0 #2a7db2; padding:15px 20px 15px 20px; border-left:1px solid #2e8ac5; -moz-box-shadow: inset 1px 0 0 #51a6dc; -webkit-box-shadow: inset 1px 0 0 #51a6dc; box-shadow: inset 1px 0 0 #51a6dc; display:block; float:left; } .subnav ul.showcaseNav li.active a { background:#2a81b9; text-decoration:none; -moz-box-shadow:none; -webkit-box-shadow: none; box-shadow:none; } .subnav ul.showcaseNav li:last-child a { font-family: 'oswald', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight:300; font-size:14px; text-transform:uppercase; color:#FFF; text-shadow: 0 -1px 0 #2a7db2; padding:15px 20px 15px 20px; border-left:1px solid #2e8ac5; border-right:1px solid #51a6dc; -moz-box-shadow: inset 1px 0 0 #51a6dc; -webkit-box-shadow: inset 1px 0 0 #51a6dc; box-shadow: inset 1px 0 0 #51a6dc; display:block; float:left; } .subnav ul.showcaseNav li a:hover { background:#2a81b9; text-decoration:none; -moz-box-shadow:none; -webkit-box-shadow: none; box-shadow:none; } .containerFullwidth {width:100% !important; overflow:auto;} /* Downloads */ .imagedownloadWrapper, .documentsdownloadWrapper { width:100%; margin:0 0 40px 0;} .imagedownloadWrapper h3, .documentsdownloadWrapper h3 { font-family: 'bender', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; color: #51a6dc; font-size: 46px; text-transform: uppercase; line-height:50px; margin:0 0 40px 0; padding:0; text-transform:uppercase; background:none; } .imagedownloadWrapper .downloadThumb { border:5px solid #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:10px; width:310px; height:190px; overflow:hidden; position:relative; vertical-align:middle; text-align:center; -moz-box-shadow: 1px 1px 4px 1px #dadada; -webkit-box-shadow: 1px 1px 4px 1px #dadada; box-shadow: 1px 1px 4px 1px #dadada; } .imagedownloadWrapper .downloadThumb ul { position:absolute; top:-220px; left:0; list-style:none; margin:0 auto 0 auto; padding:40px 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; height:100%; background:#3f9ad3; } .imagedownloadWrapper .downloadThumb ul li a { font-family: 'oswald', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight:300; font-size:16px; text-transform:uppercase; color:#fff; text-shadow:none; background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/icon-arrow-down-b.png) no-repeat 15px center; border-top:1px solid #69b0dc; width:60%; display:block; padding:15px 0 15px 20px; margin:0 auto; } .imagedownloadWrapper .downloadThumb ul li:last-child a {border-bottom:1px solid #69b0dc;} .documentsdownloadWrapper a { position:relative; display:block; width:100%; padding:8px 0 10px 60px; margin:0 0 40px 0; background:#459dd4 url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/icon-download.png) no-repeat 0 center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#FFFFFF; text-shadow: 0 -1px 0 #2a7db2; } .documentsdownloadWrapper a:hover { background:#338fcb url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/icon-download.png) no-repeat 0 center; text-decoration:none; } /* makulu 27.5 thumb images */ .imagedownloadWrapper .downloadThumb.makulu275Thumb1, .imagedownloadWrapper .downloadThumb.makulu275Thumb2 { background-position:center;} .imagedownloadWrapper .downloadThumb.makulu275Thumb1 { background:#e9e9e9 url(/images/bikes/makulu-27-5/makulu275-built-angle-medium.png) no-repeat center center; background-size:70% !important;} .imagedownloadWrapper .downloadThumb.makulu275Thumb2 { background:#e9e9e9 url(/images/bikes/makulu-27-5/makulu275-frame-01-medium.png) no-repeat center center; background-size:70% !important;} /* makulu thumb images */ .imagedownloadWrapper .downloadThumb.makuluThumb1, .imagedownloadWrapper .downloadThumb.makuluThumb2, .imagedownloadWrapper .downloadThumb.makuluThumb3 { background-position:center;} .imagedownloadWrapper .downloadThumb.makuluThumb1 { background:#e9e9e9 url(/images/bikes/makulu/makulu2013-detail-01.jpg) no-repeat center center; background-size:cover !important;} .imagedownloadWrapper .downloadThumb.makuluThumb2 { background:#e9e9e9 url(/images/bikes/makulu/makulu26-green-fox-frame-medium.png) no-repeat center center; background-size:70% !important;} .imagedownloadWrapper .downloadThumb.makuluThumb3 { background:#e9e9e9 url(/images/bikes/makulu/makulu26-green-fox-builtangle-medium.png) no-repeat center center; background-size:70% !important;} /* kalula thumb images */ .imagedownloadWrapper .downloadThumb.kalulaThumb1, .imagedownloadWrapper .downloadThumb.kalulaThumb2, .imagedownloadWrapper .downloadThumb.kalulaThumb3 { background-position:center;} .imagedownloadWrapper .downloadThumb.kalulaThumb1 { background:#e9e9e9 url(/images/bikes/kalula/kalula2013-detail-01.jpg) no-repeat center center; background-size:cover !important;} .imagedownloadWrapper .downloadThumb.kalulaThumb2 { background:#e9e9e9 url(/images/bikes/kalula/kalula_medium.png) no-repeat center center; background-size:70% !important;} .imagedownloadWrapper .downloadThumb.kalulaThumb3 { background:#e9e9e9 url(/images/bikes/kalula/frame_1_kalula_medium.png) no-repeat center center; background-size:70% !important;} /* izimu thumb images */ .imagedownloadWrapper .downloadThumb.izimuThumb1, .imagedownloadWrapper .downloadThumb.izimuThumb2, .imagedownloadWrapper .downloadThumb.izimuThumb3 { background-position:center;} .imagedownloadWrapper .downloadThumb.izimuThumb1 { background:#e9e9e9 url(/images/bikes/izimu/izimu2013-detail-04.jpg) no-repeat center center; background-size:cover !important;} .imagedownloadWrapper .downloadThumb.izimuThumb2 { background:#e9e9e9 url(/images/bikes/izimu/izimu_medium.png) no-repeat center center; background-size:70% !important;} .imagedownloadWrapper .downloadThumb.izimuThumb3 { background:#e9e9e9 url(/images/bikes/izimu/izimu-blackwhite-builtangle-medium.png) no-repeat center center; background-size:70% !important;} /* zama thumb images */ .imagedownloadWrapper .downloadThumb.zamaThumb1, .imagedownloadWrapper .downloadThumb.zamaThumb2, .imagedownloadWrapper .downloadThumb.zamaThumb3 { background-position:center;} .imagedownloadWrapper .downloadThumb.zamaThumb1 { background:#e9e9e9 url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/zama-photo-2.jpg) no-repeat center center; background-size:cover !important;} .imagedownloadWrapper .downloadThumb.zamaThumb2 { background:#e9e9e9 url(/images/bikes/zama/zama_medium.png) no-repeat center center; background-size:70% !important;} .imagedownloadWrapper .downloadThumb.zamaThumb3 { background:#e9e9e9 url(/images/bikes/zama/frame_1_zama_medium.png) no-repeat center center; background-size:70% !important;} /* sukuma thumb images */ .imagedownloadWrapper .downloadThumb.sukumaThumb1, .imagedownloadWrapper .downloadThumb.sukumaThumb2, .imagedownloadWrapper .downloadThumb.sukumaThumb3 { background-position:center;} .imagedownloadWrapper .downloadThumb.sukumaThumb1 { background:#e9e9e9 url(/images/bikes/sukuma/sukuma2013-detail-01.jpg) no-repeat center center; background-size:cover !important;} .imagedownloadWrapper .downloadThumb.sukumaThumb2 { background:#e9e9e9 url(/images/bikes/sukuma/sukuma_medium.png) no-repeat center center; background-size:70% !important;} .imagedownloadWrapper .downloadThumb.sukumaThumb3 { background:#e9e9e9 url(/images/bikes/sukuma/frame_1_sukuma_medium.png) no-repeat center center; background-size:70% !important;} /* jabula thumb images */ .imagedownloadWrapper .downloadThumb.jabulaThumb1, .imagedownloadWrapper .downloadThumb.jabulaThumb2, .imagedownloadWrapper .downloadThumb.jabulaThumb3 { background-position:center;} .imagedownloadWrapper .downloadThumb.jabulaThumb1 { background:#e9e9e9 url(/images/bikes/jabula/jabula2013-detail-01.jpg) no-repeat center center; background-size:cover !important;} .imagedownloadWrapper .downloadThumb.jabulaThumb2 { background:#e9e9e9 url(/images/bikes/jabula/jabula_medium.png) no-repeat center center; background-size:70% !important;} .imagedownloadWrapper .downloadThumb.jabulaThumb3 { background:#e9e9e9 url(/images/bikes/jabula/frame_1_jabula_medium.png) no-repeat center center; background-size:70% !important;} /* zula thumb images */ .imagedownloadWrapper .downloadThumb.zulaThumb1, .imagedownloadWrapper .downloadThumb.zulaThumb2, .imagedownloadWrapper .downloadThumb.zulaThumb3 { background-position:center;} .imagedownloadWrapper .downloadThumb.zulaThumb1 { background:#e9e9e9 url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/zula-photo-2.jpg) no-repeat center center; background-size:cover !important;} .imagedownloadWrapper .downloadThumb.zulaThumb2 { background:#e9e9e9 url(/images/bikes/zula/zula-blackgrey-built-medium.png) no-repeat center center; background-size:70% !important;} .imagedownloadWrapper .downloadThumb.zulaThumb3 { background:#e9e9e9 url(/images/bikes/zula/zula-blackgrey-frame-medium.png) no-repeat center center; background-size:70% !important;} /* yebo thumb images */ .imagedownloadWrapper .downloadThumb.yeboThumb1, .imagedownloadWrapper .downloadThumb.yeboThumb2, .imagedownloadWrapper .downloadThumb.yeboThumb3 { background-position:center;} .imagedownloadWrapper .downloadThumb.yeboThumb1 { background:#e9e9e9 url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/yebo-photo-2.jpg) no-repeat center center; background-size:cover !important;} .imagedownloadWrapper .downloadThumb.yeboThumb2 { background:#e9e9e9 url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/yebo-built-black-med.png) no-repeat center center; background-size:70% !important;} .imagedownloadWrapper .downloadThumb.yeboThumb3 { background:#e9e9e9 url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/yebo-frame-black-med.png) no-repeat center center; background-size:70% !important;} /* kwela thumb images */ .imagedownloadWrapper .downloadThumb.kwelaThumb1, .imagedownloadWrapper .downloadThumb.kwelaThumb2, .imagedownloadWrapper .downloadThumb.kwelaThumb3 { background-position:center;} .imagedownloadWrapper .downloadThumb.kwelaThumb1 { background:#e9e9e9 url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/kwela-photo-3.jpg) no-repeat center center; background-size:cover !important;} .imagedownloadWrapper .downloadThumb.kwelaThumb2 { background:#e9e9e9 url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/kwela-built-black-med.png) no-repeat center center; background-size:70% !important;} .imagedownloadWrapper .downloadThumb.kwelaThumb3 { background:#e9e9e9 url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/kwela-frame-black-med.png) no-repeat center center; background-size:70% !important;} /*****/ /* DCD */ .dcd { background:#000 url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-dcd.jpg) no-repeat right 0; background-size:cover; width:100%; } .dcd h2 { background:none; color:#e7ac0c; font-size:60px; line-height:60px; margin:0; padding:80px 0 90px 90px; width:380px; height:auto !important; } .dcd .dcd-info { background: rgba(0, 0, 0, 0.6); width:100%; overflow:auto; color:#FFFFFF; text-shadow:none; padding:50px 90px 40px 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dcd .dcd-info .dcd-logo, .dcd .dcd-info .dcd-text {float:left;} .dcd .dcd-info .dcd-logo {width:160px; margin-bottom:40px;} .dcd .dcd-info .dcd-logo {height:154px; background-size:contain; text-indent:-9999px; background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/logo-dcd.png) no-repeat 0 0; display:block;} .dcd .dcd-info .dcd-text h3 { color:#FFFFFF;} /* spi2 */ .spi2 { background:#000 url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-spi2.jpg) no-repeat right 0; background-size:100%; overflow:auto; width:100%; } .spi2 h2 { background:none; color:#16cbff; font-size:60px; line-height:60px; margin:0; padding:80px 0 90px 90px; width:380px; height:auto !important; } .spi2 .spi2-info { background: rgba(0, 0, 0, 0.6); width:100%; overflow:auto; color:#FFFFFF; text-shadow:none; padding:50px 90px 40px 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .spi2 .spi2-info .spi2-logo {height:50px; margin-bottom:40px; text-indent:-9999px; background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/logo-spi2.png) no-repeat 0 0; display:block;} .spi2 .spi2-info .spi2-text h3 { color:#FFFFFF;} .spi2 .spi2-info .spi2-text p { display:block;} .spi2 .spi2-info .tech-drawing { width:100%; text-align:center; } .spi2 .spi2-info .tech-drawing img {width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .spi2 .spi2-info table { width:100%; margin:30px auto 20px auto;} .spi2 .spi2-info table td { background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-linen.jpg) repeat; vertical-align:text-top; border:1px solid #3D3D3D; font-size:13px; border-collapse:collapse; padding:4px 4px 4px 10px; } .spi2 .spi2-info table td.head { background-image:none; background-color:#009ce8; vertical-align:text-top; text-align:center; border:1px solid #3D3D3D; font-size:13px; border-collapse:collapse; padding:3px; } .spi2Tech { border-top:1px solid #666; padding:30px 0 0 0; margin:20px 0 0 0; position:relative; color:#FFF; float:none; display:block; } /* spi lite */ .spilite { background:#000 url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-spilite.jpg) no-repeat right 0; background-size:100%; overflow:auto; width:100%; } .spilite h2 { background:none; color:#ea0d60; font-size:60px; line-height:60px; margin:0; padding:80px 0 90px 90px; width:380px; height:auto !important; } .spilite .spilite-info { background: rgba(0, 0, 0, 0.6); width:100%; overflow:auto; color:#FFFFFF; text-shadow:none; padding:50px 90px 40px 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .spilite .spilite-info .spilite-logo, .spilite .spilite-info .spilite-text {float:left;} .spilite .spilite-info .spilite-logo {height:50px; margin-bottom:40px; text-indent:-9999px; background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/logo-spilite.png) no-repeat 0 0; display:block;} .spilite .spilite-info .spilite-text h3 { color:#FFFFFF;} .spilite .spilite-info .tech-drawing { width:100%; text-align:center; } .spilite .spilite-info .tech-drawing img {width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .spilite .spilite-info table { width:100%; margin:30px auto 20px auto;} .spilite .spilite-info table td { background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-linen.jpg) repeat; vertical-align:text-top; border:1px solid #3D3D3D; font-size:13px; border-collapse:collapse; padding:4px 4px 4px 10px; } .spilite .spilite-info table td.head { background-image:none; background-color:#ea0d60; vertical-align:text-top; text-align:center; border:1px solid #3D3D3D; font-size:13px; border-collapse:collapse; padding:3px; } .spiliteTech { border-top:1px solid #666; padding:30px 0 0 0; margin:20px 0 0 0; position:relative; color:#FFF; } /* low lev */ .lowlev { background:#000 url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-lowlev.jpg) no-repeat right 0; background-size:100%; overflow:auto; width:100%; } .lowlev h2 { background:none; color:#fff000; font-size:60px; line-height:60px; margin:0; padding:80px 0 90px 90px; width:380px; height:auto !important; } .lowlev .lowlev-info { background: rgba(0, 0, 0, 0.6); width:100%; overflow:auto; color:#FFFFFF; text-shadow:none; padding:50px 90px 40px 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lowlev .lowlev-info .lowlev-logo {height:166px; margin-bottom:40px; text-indent:-9999px; background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/logo-lowlev.png) no-repeat 0 0;} .lowlev .lowlev-info .lowlev-text h3 { color:#FFFFFF;} .lowlev .lowlev-info .tech-drawing { width:100%; text-align:center; } .lowlev .lowlev-info .tech-drawing img { width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:6px; border:1px solid #CCC; background:#FFF; } .lowlev .lowlev-info table { width:100%; margin:30px auto 20px auto;} .lowlev .lowlev-info table td { background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-linen.jpg) repeat; vertical-align:text-top; border:1px solid #3D3D3D; font-size:13px; border-collapse:collapse; padding:4px 4px 4px 10px; } .lowlev .lowlev-info table td.head { background-image:none; background-color:#fff000; width:25px; color:#000; vertical-align:text-top; text-align:center; border:1px solid #3D3D3D; font-size:13px; border-collapse:collapse; padding:3px; } .lowlevTech { border-top:1px solid #666; padding:30px 0 0 0; margin:20px 0 0 0; position:relative; color:#FFF; } /* XPI */ .xpi { background:#000 url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-xpi.jpg) no-repeat right 0; background-size:100%; width:100%; } .xpi h2 { background:none; color:#00ffa8; font-size:60px; line-height:60px; margin:0; padding:80px 0 90px 90px; width:380px; height:auto !important; } .xpi .xpi-info { background: rgba(0, 0, 0, 0.6); width:100%; overflow:auto; color:#FFFFFF; text-shadow:none; padding:50px 90px 40px 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .xpi .xpi-info .xpi-logo, .xpi .xpi-info .xpi-text {float:left;} .xpi .xpi-info .xpi-logo {height:64px; margin-bottom:40px; text-indent:-9999px; background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/logo-xpi.png) no-repeat 0 0; display:block;} .xpi .xpi-info .xpi-text h3 { color:#FFFFFF;} .xpi .xpi-info .xpiTech { border-top:1px solid #666; padding:30px 0 0 0; margin:20px 0 0 0; position:relative; clear: both; color:#FFF; width:100%; background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/xpi-settings-A.png) no-repeat center 137px; background-size:auto; } .xpi .xpi-info .xpiTech p.description { width:100%; text-align:center; margin:20px 0 30px 0; color:#999; } .xpi .xpi-info .xpiTech #myTab { font-family: 'oswald', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight:300; font-size:15px; text-transform:uppercase; color:#fff; text-shadow:none; } .xpi .xpi-info .xpiTech .tab-content .tab-pane { width:100%; text-align:center; font-family: 'oswald', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight:300; font-size:15px; text-transform:uppercase; color:#fff; text-shadow:none; } .tab-content .tab-pane#a p, .tab-content .tab-pane#b p, .tab-content .tab-pane#c p, .tab-content .tab-pane#d p { padding:15px 0 15px 0; margin:1px 0 20px 0; background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-linen.jpg) repeat; } .tab-content .tab-pane#a p {border-top:3px solid #606060;} .tab-content .tab-pane#b p {border-top:3px solid #009ce8;} .tab-content .tab-pane#c p {border-top:3px solid #cf0071;} .tab-content .tab-pane#d p {border-top:3px solid #06ca87;} .xpi .xpi-info .xpiTech ul { margin:0; padding:0; border-bottom:none;} .xpi .xpi-info .xpiTech ul li a { margin:0 1px 0 0; padding:8px 22px 8px 22px; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; background:#262626; border:none; color:#FFF; } .xpi .xpi-info .xpiTech ul li.colourA.active a, .xpi .xpi-info .xpiTech ul li.colourB.active a, .xpi .xpi-info .xpiTech ul li.colourc.active a, .xpi .xpi-info .xpiTech ul li.colourD.active a { margin:0 1px 0 0; padding:8px 22px 8px 22px; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; color:#FFFFFF } .xpi .xpi-info .xpiTech ul li.colourA.active a {background:#606060;} .xpi .xpi-info .xpiTech ul li.colourB.active a {background:#009ce8;} .xpi .xpi-info .xpiTech ul li.colourC.active a {background:#cf0071;} .xpi .xpi-info .xpiTech ul li.colourD.active a {background:#06ca87;} .xpi .xpi-info .xpiTech ul li.title { margin:7px 30px 0 20px; } .specsMobile{ list-style: none; margin: 0; padding: 0; background: url("http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-linen.jpg") repeat scroll 0 0 transparent; color: #FFFFFF; font-size: 13px; font-weight: 300; text-shadow: 0 1px 0 #000000; } .specsMobile li { border-bottom: 1px solid #3D3D3D; border-collapse: collapse; line-height: 16px; padding: 10px; text-align: left; } /* Desktops */ @media (min-width: 1200px) { #splitpivot-gallery .slide3 .diagram { width:33%;} .row, .span12 { margin-left:0 !important;} } /* Tablet */ @media (max-width: 1024px) { /* Bike Slide Images *********************/ /* Bikes Slides Global Style */ .sukumaSlidecomplete, .sukumaSlideframe1, .sukumaSlideframe2, .makuluSlidecomplete, .makuluSlideframe1, .makuluSlideframe2, .izimuSlidecomplete, .izimuSlideframe1, .izimuSlideframe2, .kalulaSlidecomplete, .kalulaSlideframe1, .kalulaSlideframe2, .zamaSlidecomplete, .zamaSlideframe1, .zamaSlideframe2, .jabulaSlidecomplete, .jabulaSlideframe1, .jabulaSlideframe2, .zulaSlidecomplete, .zulaSlideframe1, .zulaSlideframe2, .kwela29Slidecomplete, .kwela29Slideframe1, .kwela29Slideframe2, .yeboSlidecomplete, .yeboSlideframe1, .yeboSlideframe2, .makuluCoilSlidecomplete, .makuluCoilSlideframe1, .makuluCoilSlideframe2, .makulu27-5Slidecomplete, .makulu27-5Slidecomplete2, .makulu27-5Slideframe1 { position:absolute; top:0; left:0; z-index:20; margin:0 auto 0 auto; width:100%; height:100% !important; background-size:80% !important; background-position:center center; } /* Tablet Portrait */ @media (max-width: 980px) { .node-type-bikes .row-fluid, .span4.downloadThumb { margin-left:0 !important;} #builtTabs {top:290px;} .bikeDetails h2 {margin:70px 0 15px -25px;} .tableWrapper h2 {font-size:18px;margin:0; padding:5px 0 0 0;} .xpi .xpi-info .xpiTech {padding:30px 0 0 0; margin:20px 0 0 0; background-size:100%;} /**/ #splitpivotWrapper { margin-bottom:30px;} #splitpivot-gallery {width:100%; height:480px;} #splitpivot-gallery .thumbsAndArrowsContainer {display:none;} #splitpivot-gallery .slide2 .slideText .thumb, #splitpivot-gallery .slide3 .slideText .thumb { width:40%; text-align:center; float:left; background:#FFFFFF; -moz-box-shadow: 1px 1px 3px 1px #dadada; -webkit-box-shadow: 1px 1px 3px 1px #dadada; box-shadow: 1px 1px 3px 1px #dadada; padding:3px; margin:20px auto 0 auto; } #splitpivot-gallery .slide2 .thumb img, #splitpivot-gallery .slide3 .thumb img { width:100%;} #splitpivot-gallery .slide2 .float, #splitpivot-gallery .slide3 .float { float:left; width:50%; margin-right:35px; } /* slide 1 */ #splitpivot-gallery .slide1 { background-image:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/splitpivot-slide-bg-1.jpg); background-repeat:no-repeat; background-size:cover; padding:60px 0 0 40px !important; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #splitpivot-gallery .splitpivot-logo { float:left; margin:30px 0 0 0; width:40%; } #splitpivot-gallery .slide1 .slideText { margin:0 45px 0 0; padding:0 0 0 0; color:#FFFFFF; text-shadow:none; line-height:20px; float:left; width:45%; } #splitpivot-gallery .slide1 .slideText h2 { background:none; font-family: 'bender', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; color: #e7ac0c; font-size: 44px; text-transform: uppercase; line-height:44px; margin:0 0 20px 0 !important; padding:0; display:block !important; height:auto !important; } /* slide 2 */ #splitpivot-gallery .slide2 { background-image:none; background-repeat:no-repeat; background-size:cover; padding:30px 0 0 50px !important; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #splitpivot-gallery .slide2 .slideText { margin:0; padding:0 0 0 0; color:#333; text-shadow:none; line-height:20px; width:100%; float:left; } #splitpivot-gallery .slide2 .slideText p { width:100%; margin:0 0 15px 0; } #splitpivot-gallery .slide2 .slideText h2 { background:none; font-family: 'bender', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; color: #3f9ad3; font-size: 30px; text-transform: uppercase; line-height:30px; margin:15px 0 20px 0 !important; padding:0; display:block !important; height:auto !important; width:100%; } /* slide 3 */ #splitpivot-gallery .slide3 { background-image:none; background-repeat:no-repeat; background-size:cover; padding:30px 0 0 50px !important; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #splitpivot-gallery .slide3 .slideText { margin:0; padding:0 0 0 0; color:#333; text-shadow:none; line-height:20px; float:left; } #splitpivot-gallery .slide3 .slideText p { width:100%; margin:0 0 15px 0; } #splitpivot-gallery .slide3 .slideText h2 { background:none; font-family: 'bender', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; color: #3f9ad3; font-size: 30px; text-transform: uppercase; line-height:30px; margin:15px 0 20px 0 !important; padding:0; display:block !important; height:auto !important; width:100%; } #splitpivot-gallery .royalSlider .royalControlNavOverflow { width:100%; overflow:hidden; display:block; margin-top:0 !important; z-index:25; } #splitpivot-gallery.royalSlider .thumbsAndArrowsContainer a.thumbsArrow { display:none !important; border:1px solid #e2e2e2;} #splitpivot-gallery.royalSlider a.arrow { display:none !important;} #splitpivot-gallery .thumbsAndArrowsContainer {background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-linen.jpg) repeat;position:relative !important;} .royalSlider .royalControlNavThumbsContainer {width:680px !important;margin:0 auto;} /* slide Diag **************/ #splitpivot-gallery .slide3 .diagram { width:42%; text-align:center; margin:40px 40px 15px 0px; padding:5px; background:#FFFFFF; float:left; -moz-box-shadow: 1px 1px 3px 1px #dadada; -webkit-box-shadow: 1px 1px 3px 1px #dadada; box-shadow: 1px 1px 3px 1px #dadada; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #splitpivot-gallery .slide3 .diagram img { width:100%;} table.splitpivotDiagram1 { font-size:13px; width:40%; float:left; margin-top:90px;} table.splitpivotDiagram1 td { color:#333; text-shadow:none; border:1px solid #333; border-collapse:collapse; padding:8px; } table.splitpivotDiagram1 td.marker { background:#dd0079; color:#FFF; text-shadow:none; padding:8px; } table.splitpivotDiagram2 { font-size:13px; width:40%; float:left; margin-top:90px;} table.splitpivotDiagram2 td { color:#333; text-shadow:none; border:1px solid #333; border-collapse:collapse; padding:8px; } table.splitpivotDiagram2 td.marker { background:#3f9ad3; color:#FFF; text-shadow:none; padding:8px; } /* SLIDER NAV */ .royalSlider #textnav ul { width:80px; margin:0 auto 0 auto; padding:20px 0 10px 0;} .royalSlider #textnav li { width:8px !important; height:8px !important; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; margin:2px 3px 0px 3px; padding:0; cursor:pointer; text-indent:-9999px; background: #3f9ad3; /* Old browsers */ background: -moz-linear-gradient(top, #3f9ad3 0%, #2b77a7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f9ad3), color-stop(100%,#2b77a7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #3f9ad3 0%,#2b77a7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #3f9ad3 0%,#2b77a7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #3f9ad3 0%,#2b77a7 100%); /* IE10+ */ background: linear-gradient(to bottom, #3f9ad3 0%,#2b77a7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f9ad3', endColorstr='#2b77a7',GradientType=0 ); /* IE6-9 */ } .royalSlider #textnav li:hover {} .royalSlider #textnav li.current { width:11px !important; height:11px !important; -moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px; margin:1px 3px 20px 3px; padding:0; background: #282828; /* Old browsers */ background: -moz-linear-gradient(top, #282828 0%, #565656 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282828), color-stop(100%,#565656)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #282828 0%,#565656 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #282828 0%,#565656 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #282828 0%,#565656 100%); /* IE10+ */ background: linear-gradient(to bottom, #282828 0%,#565656 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#565656',GradientType=0 ); /* IE6-9 */ } /**/ .dcd h2 { font-size:46px; line-height:46px; margin:0; padding:40px 0 50px 30px; width:300px; height:auto !important; } .dcd .dcd-info {padding:50px 50px 40px 50px;} .dcd .dcd-info .dcd-logo {width:30% !important; background-position:center 0;} .dcd .dcd-info .dcd-text {width:70% !important;} .dcd .dcd-info .dcd-logo { margin-bottom:30px;} /**/ .spi2 h2 { font-size:46px; line-height:46px; margin:0; padding:40px 0 50px 30px; width:300px; height:auto !important; } .spi2 .spi2-info {padding:50px 50px 40px 50px;} .spi2 .spi2-info .spi2-logo {width:30%; background-position:center 0; margin-bottom:30px;} .spi2 .spi2-info .spi2-text {width:70% !important;} /**/ .spilite h2 { font-size:46px; line-height:46px; margin:0; padding:40px 0 50px 30px; width:300px; height:auto !important; } .spilite .spilite-info {padding:50px 50px 40px 50px;} .spilite .spilite-info .spilite-logo {width:30% !important; background-position:center 0;} .spilite .spilite-info .spilite-text {width:70% !important;} .spilite .spilite-info .spilite-logo { margin-bottom:30px;} /**/ .lowlev h2 { font-size:46px; line-height:46px; margin:0; padding:40px 0 50px 30px; width:300px; height:auto !important; } .lowlev .lowlev-info {padding:50px 50px 40px 50px;} .lowlev .lowlev-info .lowlev-logo {width:30% !important; background-position:center 0;} .lowlev .lowlev-info .lowlev-text {width:70% !important;} .lowlev .lowlev-info .lowlev-logo { margin-bottom:30px;} /**/ .imagedownloadWrapper .downloadThumb {height:200px; width:48%; float:left; margin:0 10px 10px 0; padding:0;} .imagedownloadWrapper h2, .documentsdownloadWrapper h2 { font-size: 50px; line-height:50px; width:100%; height:auto; margin:0 0 20px 0 !important; text-align:left; } .ownersDoc, .warrantyDoc {float:left; width:46%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .ownersDoc { margin-right:30px;} /**/ .xpi .xpi-info .xpiTech {background-size:100%;} /* Specs Frame and Built Images */ /*makulu specific*/ .makulu-2013-red, .makulu-2013-white, .makulu275-2014 {background-size:contain; width:100%; height:280px; margin-bottom:20px; margin-top:0px; display:block;} .makulu-build-coil-2013, .makulu26-built-fox-2014, makulu26-built-rockshox-2014, .makulu26-built-rockshox-2014, .makulu275-build-2014 {background-size:contain; width:100%; height:280px; margin-bottom:50px; margin-top:20px; display:block;} .kalula-2013-raw, .kalula-2013-black, .kalula-build-2013, .izimu-2013-yellow, .izimu-2013-black, .izimu-build-2013, .zama-2013-white, .zama-2013-black, .sukuma-2013-white, .sukuma-2013-black, .sukuma-build-2013, .jabula-2013-white, .jabula-2013-black, .jabula-build-2013, .kwela29-2013-white, .kwela29-2013-black, .kwela29-build-2013, .yebo-2013-black, .yebo-2013-blue, .yebo-build-2013, .zula-2013-black, .zula-2013-black {background-size:contain; width:100%; height:280px; margin-bottom:20px; margin-top:20px; display:block;} #builtTabs {top:290px;} } /* Mobile */ @media (max-width: 767px) { .bikeDetails h2 {margin:40px 0 15px -25px;} .tableWrapper h2 {font-size:18px;margin:0; padding:5px 0 0 0;} .bikeDetails {padding-top:0px;} .node-type-bikes .royalSlider{ height: 320px; } /* Bike Slide Images *********************/ /* Bikes Slides Global Style */ .sukumaSlideframe1, .sukumaSlideframe2, .makuluSlidecomplete, .makuluSlideframe1, .makuluSlideframe2, .izimuSlidecomplete, .izimuSlideframe1, .izimuSlideframe2, .kalulaSlidecomplete, .kalulaSlideframe1, .kalulaSlideframe2, .zamaSlidecomplete, .zamaSlideframe1, .zamaSlideframe2, .jabulaSlidecomplete, .jabulaSlideframe1, .jabulaSlideframe2, .zulaSlidecomplete, .zulaSlideframe1, .zulaSlideframe2, .kwela29Slidecomplete, .kwela29Slideframe1, .kwela29Slideframe2, .yeboSlidecomplete, .yeboSlideframe1, .yeboSlideframe2, .makuluCoilSlidecomplete, .makuluCoilSlideframe1, .makuluCoilSlideframe2, .makulu27-5Slidecomplete, .makulu27-5Slidecomplete2, .makulu27-5Slideframe1 { position:absolute; top:0; left:0; z-index:20; margin:0 auto 0 auto; width:100%; height:320px !important; background-size:72% !important; background-position:center 0; } .makulu27-5Slidecomplete {background:url(/images/bikes/makulu-27-5/makulu275-medium.png) no-repeat center center;} .makulu27-5Slidecomplete2 {background:url(/images/bikes/makulu-27-5/makulu275-built-angle-large.png) no-repeat center center;} .makulu27-5Slideframe1 {background:url(/images/bikes/makulu-27-5/makulu275-frame-01-medium.png) no-repeat center center;} .sukumaSlidecomplete {background:url(/images/bikes/sukuma/sukuma_medium.png) no-repeat center center;} .sukumaSlideframe1 {background:url(/images/bikes/sukuma/frame_1_sukuma_medium.png) no-repeat center center;} .sukumaSlideframe2 {background:url(/images/bikes/sukuma/frame_2_sukuma_medium.png) no-repeat center center;} .izimuSlidecomplete {background:url(/images/bikes/izimu/izimu-blackwhite-builtangle-medium.png) no-repeat center center;} .izimuSlideframe1 {background:url(/images/bikes/izimu/izimu-frame-placeholder-medium.png) no-repeat center center;} .izimuSlideframe2 {background:url(/images/bikes/izimu/frame_2_izimu_medium.png) no-repeat center center;} .makuluSlidecomplete {background:url(/images/bikes/makulu/makulu26-green-fox-builtangle-medium.png) no-repeat center top;} .makuluSlideframe1 {background:url(/images/bikes/makulu/makulu26-green-fox-frame-medium.png) no-repeat center top;} .makuluSlideframe2 {background:url(/images/bikes/makulu/frame_2_maluku_air_medium.png) no-repeat center top;} .makuluCoilSlidecomplete {background:url(/images/bikes/makulu/makulu26-white-fox-builtangle-medium.png) no-repeat center top;} .makuluCoilSlideframe1 {background:url(/images/bikes/makulu/makulu26-white-bosvoid-frame-medium.png) no-repeat center top;} .makuluCoilSlideframe2 {background:url(/images/bikes/makulu/frame_2_maluku_coil_medium.png) no-repeat center top;} .kalulaSlidecomplete {background:url(/images/bikes/kalula/kalula_medium.png) no-repeat center center;} .kalulaSlideframe1 {background:url(/images/bikes/kalula/frame_1_kalula_medium.png) no-repeat center center;} .kalulaSlideframe2 {background:url(/images/bikes/kalula/frame_2_kalula_medium.png) no-repeat center center;} .zamaSlidecomplete {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/zama-built-white-med.png) no-repeat center center;} .zamaSlideframe1 {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/zama-frame-black-med.png) no-repeat center center;} .zamaSlideframe2 {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/zama-frame-white-med.png) no-repeat center center;} .jabulaSlidecomplete {background:url(/images/bikes/jabula/jabula_medium.png) no-repeat center center;} .jabulaSlideframe1 {background:url(/images/bikes/jabula/frame_1_jabula_medium.png) no-repeat center center;} .jabulaSlideframe2 {background:url(/images/bikes/jabula/frame_2_jabula_medium.png) no-repeat center center;} .zulaSlidecomplete {background:url(/images/bikes/zula/zula-blackgrey-built-medium.png) no-repeat center center;} .zulaSlideframe1 {background:url(/images/bikes/zula/zula-blackgrey-frame-medium.png) no-repeat center center;} .zulaSlideframe2 {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/zula-frame-white-med.png) no-repeat center center;} .kwela29Slidecomplete {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/kwela-built-black-med.png) no-repeat center center;} .kwela29Slideframe1 {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/kwela-frame-black-med.png) no-repeat center center;} .kwela29Slideframe2 {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/kwela-frame-white-med.png) no-repeat center center;} .yeboSlidecomplete {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/yebo-built-black-med.png) no-repeat center center;} .yeboSlideframe1 {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/yebo-frame-black-med.png) no-repeat center center;} .yeboSlideframe2 {background:url(http://bc905dbd4937d931353a-16c6d58995f60c2b225c8e6c8e81c6d4.r52.cf1.rackcdn.com/yebo-frame-blue-med.png) no-repeat center center;} .xpi .xpi-info .xpiTech {background-size:100%;} /* globals ***********/ #specsWrapper, #geometryWrapper, #splitpivotWrapper, #dcdWrapper, #spi2Wrapper, #spiliteWrapper, #lowlevWrapper, #xpiWrapper, #downloadsWrapper {padding-top:0px;} /* specs **********/ #specsWrapper .makulu, #specsWrapper .izimu, #specsWrapper .sukuma, #specsWrapper .jabula, #specsWrapper .zama, #specsWrapper .zula, #specsWrapper .yebo, #specsWrapper .kwela29, #specsWrapper .kalula {background-size:300px;padding:0 0 75px 0; margin-left:0 !important;} #specsIntro h1 {font-size: 30px; line-height:36px; margin:40px 0 20px 0 !important; text-align:left; width:100% !important;} #specsIntro .lead {font-size:15px; line-height:20px; text-align:left; width:100%;} #specsIntro {padding:0 0 220px 0;} .specsQuickText { float:none !important; width:100% !important; padding-left:0; padding-right:0; text-align:left;} .specsQuickList { float:none; width:100%;} .Quickinfo {padding:40px 0 40px 0;} .Quickinfo ul {text-align:left;margin:40px auto 0 auto; padding:0 0 0 0;width:240px;} table.specsDesktop {display:none;} table.specsMobile {display:table; width:100%;} table.specsMobile td {width:100% !important;padding:10px; line-height:16px;} /* spi 2 **********/ .spi2 {background-size:130%;} .spi2 h2 {font-size:36px; line-height:36px; margin:0; padding:40px 0 50px 20px; height:auto !important; width:80% !important;} .spi2 .spi2-info {padding:30px 30px 40px 30px;} .spi2 .spi2-info .spi2-logo, .spi2 .spi2-info .spi2-text {float:none;width:100% !important;} .spi2 .spi2-info table { text-align:left;} /* spi lite ************/ .spilite {background-size:130%;} .spilite h2 {font-size:36px; line-height:36px; margin:0; padding:40px 0 50px 20px; height:auto !important; width:80% !important;} .spilite .spilite-info {padding:30px 30px 40px 30px;} .spilite .spilite-info .spilite-logo, .spilite .spilite-info .spilite-text {float:none;width:100% !important;} .spilite .spilite-info .spilite-logo { margin-bottom:30px;} .spilite .spilite-info table { text-align:left;} /* low lev ***********/ .lowlev {background-size:130%;} .lowlev h2 {font-size:36px; line-height:36px; margin:0; padding:40px 0 50px 20px; height:auto !important; width:80% !important;} .lowlev .lowlev-info {padding:30px 30px 40px 30px;} .lowlev .lowlev-info .lowlev-logo, .lowlev .lowlev-info .lowlev-text {float:none;width:100% !important;} .lowlev .lowlev-info .lowlev-logo { margin-bottom:30px;} .lowlev .lowlev-info table { text-align:left;} /* xpi *********/ .xpi {background-size:130%;} .xpi h2 {font-size:40px; line-height:45px; margin:0; padding:40px 0 50px 20px; height:auto !important; width:50% !important;} .xpi .xpi-info {padding:30px 30px 40px 30px;text-align:center;} .xpi .xpi-info .xpi-logo, .xpi .xpi-info .xpi-text {float:left;} .xpi .xpi-info .xpi-logo {margin-bottom:30px; background-position:center 0;} .xpi .xpi-info .xpi-text, .xpi .xpi-info .xpi-logo {float:none;width:100% !important;} .xpi .xpi-info .xpi-text h3 { color:#FFFFFF;} .xpi .xpi-info .xpiTech {padding:30px 0 0 0; margin:20px 0 0 0; background:none;border-top:1px solid #666;position:relative;} .xpi .xpi-info .tab-content {background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/xpi-settings-A.png) no-repeat center 76px; background-size:100%;} .xpi .xpi-info .xpiTech ul li.title { width:100%;} .tab-content .tab-pane#a p, .tab-content .tab-pane#b p, .tab-content .tab-pane#c p, .tab-content .tab-pane#d p {font-size:14px; line-height:18px; height:45px; padding:8px 5px 0 5px;} .xpi .xpi-info .xpiTech ul { width:100%; margin-bottom:10px;} .xpi .xpi-info .xpiTech ul li {float:none;} .xpi .xpi-info .xpiTech ul li.colourA.active a, .xpi .xpi-info .xpiTech ul li.colourB.active a, .xpi .xpi-info .xpiTech ul li.colourc.active a, .xpi .xpi-info .xpiTech ul li.colourD.active a, .xpi .xpi-info .xpiTech ul li a {margin:0 0 2px 0; padding:13px 0 13px 0; float:none; width:100%;} .xpi .xpi-info .xpiTech ul li.title {margin:5px 0 15px 0; width:100%; text-align:center;} /* dcd ********/ .dcd {background:#000 url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-dcd.jpg) no-repeat right 0; background-size:130%;} .dcd h2 {font-size:36px; line-height:36px; margin:0; padding:40px 0 50px 20px; height:auto !important; width:50% !important;} .dcd .dcd-info {padding:30px 30px 40px 30px;} .dcd .dcd-info .dcd-logo, .dcd .dcd-info .dcd-text {float:none;width:100% !important;} .dcd .dcd-info .dcd-logo { margin-bottom:30px;} /* split pivot ***************/ .royalSlider #textnav { width: 100%; position:absolute;bottom:0;left:0; z-index:99;} #splitpivotWrapper { margin-bottom:30px; height:auto;} #splitpivot-gallery {width:100%; height:auto !important;} #splitpivot-gallery .thumbsAndArrowsContainer {display:none;} #splitpivot-gallery .slide2 .slideText .thumb, #splitpivot-gallery .slide3 .slideText .thumb {width:100%; text-align:center;} #splitpivot-gallery .slide2 .thumb img, #splitpivot-gallery .slide3 .thumb img { width:100%;} #splitpivot-gallery .slide2 .float, #splitpivot-gallery .slide3 .float {float:none;width:100%; margin-right:0;} /* slide 1*/ #splitpivot-gallery .slide1 {background-size:cover;padding:30px 30px 50px 30px !important;height:680px !important; width:100%;} #splitpivot-gallery .slide1 .slideText {height:auto; width:100%;} #splitpivot-gallery .splitpivot-logo {width:100%; text-align:center;margin:0 !important; padding:20px 0 20px 0;} #splitpivot-gallery .splitpivot-logo img { width:210px;} #splitpivot-gallery .slide1 .slideText h2 {font-size: 44px; line-height:44px;margin:0 0 20px 0 !important; padding:0;display:block !important; height:auto !important;} /* slide 2*/ #splitpivot-gallery .slide2 {background-size:200%;padding:40px 30px 80px 30px !important;height:auto !important;} #splitpivot-gallery .slide2 .slideText p {width:100%; margin-bottom:10px;} #splitpivot-gallery .slide2 .slideText h2 {font-size: 28px; line-height:28px;margin:0 0 20px 0 !important; padding:0;display:block !important; height:auto !important;} /* slide 3*/ #splitpivot-gallery .slide3 {background-size:cover;padding:40px 30px 80px 30px !important;height:auto !important;} #splitpivot-gallery .slide3 .slideText p {width:100%;margin-bottom:10px;} #splitpivot-gallery .slide3 .slideText h2 {font-size: 28px; line-height:28px;margin:0 0 20px 0 !important; padding:0;display:block !important; height:auto !important;} /* slide diagrams*/ #splitpivot-gallery .slide3 .diagram {width:100%; text-align:center; margin:0 auto 15px auto; padding:5px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #splitpivot-gallery .slide3 .diagram img { width:100%;} table.splitpivotDiagram1 { font-size:13px; width:100%; margin-top:0;} table.splitpivotDiagram2 { font-size:13px; width:100%; margin-top:0;} .lead .span4 { margin-top:30px;} } @media (max-width: 480px) { .row-fluid .span4 { margin-left:0;} #image-gallery.royalSlider a.arrow { display:none;} /* Bikes Slides Global Style */ .sukumaSlidecomplete, .sukumaSlideframe1, .sukumaSlideframe2, .makuluSlidecomplete, .makuluSlideframe1, .makuluSlideframe2, .izimuSlidecomplete, .izimuSlideframe1, .izimuSlideframe2, .kalulaSlidecomplete, .kalulaSlideframe1, .kalulaSlideframe2, .zamaSlidecomplete, .zamaSlideframe1, .zamaSlideframe2, .jabulaSlidecomplete, .jabulaSlideframe1, .jabulaSlideframe2, .zulaSlidecomplete, .zulaSlideframe1, .zulaSlideframe2, .kwela29Slidecomplete, .kwela29Slideframe1, .kwela29Slideframe2, .yeboSlidecomplete, .yeboSlideframe1, .yeboSlideframe2, .makuluCoilSlidecomplete, .makuluCoilSlideframe1, .makuluCoilSlideframe2 { position:absolute; top:0; left:0; z-index:20; margin:0 auto 0 auto; width:100%; height:260px !important; background-size:72% !important; background-position:center 25px; } .node-type-bikes .royalSlider{ height: 260px; } /**/ /**/ #specsWrapper .makulu, #specsWrapper .izimu, #specsWrapper .sukuma, #specsWrapper .jabula, #specsWrapper .zama, #specsWrapper .zula, #specsWrapper .yebo, #specsWrapper .kwela29, #specsWrapper .kalula {background-size:300px;padding:0 0 75px 0; margin-left:0 !important;} #specsIntro h1 {font-size: 30px; line-height:34px; margin:40px 0 30px 0 !important; text-align:left; width:100% !important;} #specsIntro .lead {font-size:15px; line-height:20px; text-align:left; width:100%;} #specsIntro {padding:0 0 220px 0;} .specsQuickText { float:none !important; width:100% !important; padding-left:0; padding-right:0; text-align:left;} .specsQuickList { float:none; width:100%;} .Quickinfo {padding:40px 0 40px 0;} .Quickinfo ul {text-align:left;margin:40px auto 0 auto; padding:0 0 0 0;width:240px;} table.specsDesktop {display:none;} table.specsMobile {display:table; width:100%;} table.specsMobile td { text-align:left; width:100% !important; border-collapse: collapse; border:1px solid #3d3d3d; padding:10px; line-height:16px; } /**/ .royalSlider #textnav { width: 100%; position:absolute;bottom:0;left:0; z-index:99; background-color:#1c1c1c; } #splitpivotWrapper { margin-bottom:30px; height:auto;} #splitpivot-gallery {width:100%; height:auto !important;} #splitpivot-gallery .thumbsAndArrowsContainer {display:none;} #splitpivot-gallery .slide2 .slideText .thumb, #splitpivot-gallery .slide3 .slideText .thumb { width:100%; text-align:center; background:#FFFFFF; -moz-box-shadow: 1px 1px 3px 1px #dadada; -webkit-box-shadow: 1px 1px 3px 1px #dadada; box-shadow: 1px 1px 3px 1px #dadada; padding:3px; margin:20px auto 0 auto; } #splitpivot-gallery .slide2 .thumb img, #splitpivot-gallery .slide3 .thumb img { width:100%;} #splitpivot-gallery .slide2 .float, #splitpivot-gallery .slide3 .float { float:none; width:100%; margin-right:0; } /* slide 1 ***********/ #splitpivot-gallery .slide1 { background-image:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/splitpivot-slide-bg-1.jpg); background-repeat:no-repeat; background-size:cover; padding:30px 30px 50px 30px !important; height:680px !important; width:100%; } #splitpivot-gallery .slide1 .slideText { margin:0 0 0 0; padding:0 0 0 0; color:#FFFFFF; text-shadow:none; line-height:20px; float:left; height:auto; width:100%; } #splitpivot-gallery .splitpivot-logo { width:100%; text-align:center; margin:0 !important; padding:20px 0 20px 0; } #splitpivot-gallery .splitpivot-logo img { width:210px;} #splitpivot-gallery .slide1 .slideText h2 { background:none; font-family: 'bender', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; color: #e7ac0c; font-size: 44px; text-transform: uppercase; line-height:44px; margin:0 0 20px 0 !important; padding:0; display:block !important; height:auto !important; } /* slide 2 ***********/ #splitpivot-gallery .slide2 { background-image:none; background-repeat:no-repeat; background-size:200%; padding:40px 30px 80px 30px !important; height:auto !important; } #splitpivot-gallery .slide2 .slideText { margin:0; padding:0 0 0 0; color:#333; text-shadow:none; line-height:20px; float:left; } #splitpivot-gallery .slide2 .slideText p { width:100%; margin-bottom:10px; } #splitpivot-gallery .slide2 .slideText h2 { background:none; font-family: 'bender', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; color: #3f9ad3; font-size: 28px; text-transform: uppercase; line-height:28px; margin:0 0 20px 0 !important; padding:0; display:block !important; height:auto !important; } /* slide 3 ***********/ #splitpivot-gallery .slide3 { background-image:none; background-repeat:no-repeat; background-size:cover; padding:40px 30px 80px 30px !important; height:auto !important; } #splitpivot-gallery .slide3 .slideText { margin:0; padding:0 0 0 0; color:#333; text-shadow:none; line-height:20px; float:left; } #splitpivot-gallery .slide3 .slideText p { width:100%; margin-bottom:10px; } #splitpivot-gallery .slide3 .slideText h2 { background:none; font-family: 'bender', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: normal; color: #3f9ad3; font-size: 28px; text-transform: uppercase; line-height:28px; margin:0 0 20px 0 !important; padding:0; display:block !important; height:auto !important; } /* slide Diag **************/ #splitpivot-gallery .slide3 .diagram { width:100%; text-align:center; margin:0 auto 15px auto; padding:5px; background:#FFFFFF; -moz-box-shadow: 1px 1px 3px 1px #dadada; -webkit-box-shadow: 1px 1px 3px 1px #dadada; box-shadow: 1px 1px 3px 1px #dadada; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #splitpivot-gallery .slide3 .diagram img { width:100%;} table.splitpivotDiagram1 { font-size:13px; width:100%; margin-top:0;} table.splitpivotDiagram1 td { color:#333; text-shadow:none; border:1px solid #333; border-collapse:collapse; padding:8px; } table.splitpivotDiagram1 td.marker { background:#dd0079; color:#FFF; text-shadow:none; padding:8px; } table.splitpivotDiagram2 { font-size:13px; width:100%; margin-top:0;} table.splitpivotDiagram2 td { color:#333; text-shadow:none; border:1px solid #333; border-collapse:collapse; padding:8px; } table.splitpivotDiagram2 td.marker { background:#3f9ad3; color:#FFF; text-shadow:none; } /**/ /**/ .dcd {background:#000 url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bg-dcd.jpg) no-repeat right 0; background-size:130%;} .dcd h2 {font-size:36px; line-height:36px; margin:0; padding:40px 0 50px 20px; height:auto !important; width:50% !important;} .dcd .dcd-info {padding:30px 30px 40px 30px;text-align:center;} .dcd .dcd-info .dcd-logo, .dcd .dcd-info .dcd-text {float:none;width:100% !important;} .dcd .dcd-info .dcd-logo { margin-bottom:30px;} /**/ .spi2 {background-size:130%;} .spi2 h2 {font-size:36px; line-height:36px; margin:0; padding:40px 0 50px 20px; height:auto !important; width:80% !important;} .spi2 .spi2-info {padding:30px 30px 40px 30px;text-align:center;} .spi2 .spi2-info .spi2-logo, .spi2 .spi2-info .spi2-text {float:none;width:100% !important;} .spi2 .spi2-info table { text-align:left;} /**/ .spilite {background-size:130%;} .spilite h2 {font-size:36px; line-height:36px; margin:0; padding:40px 0 50px 20px; height:auto !important; width:80% !important;} .spilite .spilite-info {padding:30px 30px 40px 30px;text-align:center;} .spilite .spilite-info .spilite-logo, .spilite .spilite-info .spilite-text {float:none;width:100% !important;} .spilite .spilite-info .spilite-logo { margin-bottom:30px;} .spilite .spilite-info table { text-align:left;} /**/ .lowlev {background-size:130%;} .lowlev h2 {font-size:36px; line-height:36px; margin:0; padding:40px 0 50px 20px; height:auto !important; width:80% !important;} .lowlev .lowlev-info {padding:30px 30px 40px 30px;text-align:center;} .lowlev .lowlev-info .lowlev-logo, .lowlev .lowlev-info .lowlev-text {float:none;width:100% !important;} .lowlev .lowlev-info .lowlev-logo { margin-bottom:30px;} .lowlev .lowlev-info table { text-align:left;} /* Specs Frame and Built Images */ /*makulu specific*/ .makulu-2013-red, .makulu-2013-white, .makulu275-2014 {background-size:contain; width:100%; height:280px; margin-bottom:0; margin-top:0; display:block;} .makulu-build-coil-2013, .makulu26-built-fox-2014, makulu26-built-rockshox-2014, .makulu26-built-rockshox-2014, makulu275-build-2014 {background-size:contain; width:100%; height:170px; margin-bottom:55px; margin-top:0; display:block;} .kalula-2013-raw, .kalula-2013-black, .kalula-build-2013, .izimu-2013-yellow, .izimu-2013-black, .izimu-build-2013, .zama-2013-white, .zama-2013-black, .sukuma-2013-white, .sukuma-2013-black, .sukuma-build-2013, .jabula-2013-white, .jabula-2013-black, .jabula-build-2013, .kwela29-2013-white, .kwela29-2013-black, .kwela29-build-2013, .yebo-2013-black, .yebo-2013-blue, .yebo-build-2013, .zula-2013-black, .zula-2013-white {background-size:contain; width:100%; height:170px; margin-bottom:20px; margin-top:20px; display:block;} .buildDisclaimer { font-size:12px; line-height:12px; clear:both; display:block; margin-top:0; width:100%; text-align:center; margin-bottom:20px;} #builtTabs {top:185px;} } /* High PPI Devices */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .Quickinfo ul li, .specsTable .tableWrapper table.specsDesktop td, .specsTable .tableWrapper table.specsDesktop td {background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bullet-a@2x.png) no-repeat left center; background-size:9px 9px;} .specsTable .tableWrapper table.specsDesktop td {background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/bullet-a@2x.png) no-repeat 20px 22px; background-size:9px 9px;} .imagedownloadWrapper .downloadThumb ul li a {background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/icon-arrow-down-b.png) no-repeat 15px center; background-size:20px 20px;} a.detailsButton {background: url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/icon-arrow-down.png) no-repeat center 50px rgba(0, 0, 0, 0.6); background-size:12px 6px;} a.detailsButton:hover {background: url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/icon-arrow-down.png) no-repeat center 52px rgba(50, 150, 215, 1); background-size:12px 6px;} .jThumbnailScroller .jTscrollerNextButton{background:#000 url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/icon-arrow-right.png) center center no-repeat;/* opacity:.1;*/ background-size:14px 25px;} .jThumbnailScroller .jTscrollerPrevButton{background:#000 url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/icon-arrow-left.png) center center no-repeat; /*opacity:.1;*/ background-size:14px 25px;} .documentsdownloadWrapper a {background:#459dd4 url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/icon-download.png) no-repeat 0 center; background-size:contain;} .documentsdownloadWrapper a:hover {background:#338fcb url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/icon-download.png) no-repeat 0 center; background-size:contain;} .documentsdownloadWrapper a {background:#459dd4 url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/icon-download.png) no-repeat 0 center; background-size:contain;} .logo {background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/logo-m@2x.png) no-repeat center center; background-size:45px 32px;} footer .footerlogo {background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/logo-morewood-type@2x.png) no-repeat center center; background-size:191px 17px;} .spi2 .spi2-info .spi2-logo {background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/logo-spi2@2x.png) no-repeat center center; background-size:160px 50px;} .lowlev .lowlev-info .lowlev-logo {background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/logo-lowlev@2x.png) no-repeat center center; background-size:160px 166px;} .xpi .xpi-info .xpi-logo {background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/logo-xpi@2x.png) no-repeat center center; background-size:160px 64px;} .dcd .dcd-info .dcd-logo {background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/logo-dcd@2x.png) no-repeat center center; background-size:93px 154px;} .spilite .spilite-info .spilite-logo {background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/logo-spilite@2x.png) no-repeat center center; background-size:160px 46px;} .lowlevButton {background:url(/images/tech-button-logo-lowlev@2x.png) no-repeat center center; background-size:145px 80px;} .dcdButton {background:url(/images/tech-button-logo-dcd@2x.png) no-repeat center center; background-size:145px 80px;} .spi2Button {background:url(/images/tech-button-logo-spi2@2x.png) no-repeat center center; background-size:145px 80px;} .spiliteButton {background:url(/images/tech-button-logo-spilite@2x.png) no-repeat center center; background-size:145px 80px;} .rpgButton {background:url(/images/tech-button-logo-rpg@2x.png) no-repeat center center; background-size:145px 80px;} .splitpivotButton {background:url(/images/tech-button-logo-splitpivot@2x.png) no-repeat center center; background-size:145px 80px;} .xpiButton {background:url(/images/tech-button-logo-xpi@2x.png) no-repeat center center; background-size:145px 80px;} .social-links li.facebook a { background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/icon-social@2x.gif) no-repeat 0 0; background-size:23px 89px;} .social-links li.twitter a { background:url(http://6de493c2553e13fd97d6-6b3418425fa1695e1fdde9838da1de46.r54.cf1.rackcdn.com/icon-social@2x.gif) no-repeat 0 -33px; background-size:23px 89px;} }