/* Theme Name: Bike Arc 2.0 Theme URI: http://bikearc.com/ Author: Kevin Vreeburg */ body {margin: 0px;font-family: "Bell MT", "Gill Sans", Arial, "Arial Narrow";font-size: 14px;line-height: 17px;} a:link {color: #999999;} a:visited {color: #999999;} a:hover {color: #cadb2a;} a:active {color: #999999;} h3 {font-family: "Bell MT", "Gill Sans", Arial, "Arial Narrow";font-size: 14px;} /* Begin main container */ #container {width: 800px;margin-top: 15px;margin-right: auto;margin-bottom: 0;margin-left: auto;} #header {padding-left: 20px;height: 90px;margin: 0px;} /*##########*/ /*Homepage */ /*##########*/ .homePage {height: 465px;width: 780px;margin-right: auto;margin-left: auto;margin-top: 20px;margin-bottom: 20px;} /*Global Navigation */ #nav {width: 350px;float: right;height: 29px;top: 0px;background-image: url(../images/navBG2.png);background-repeat: no-repeat;background-position: 55px 7px;padding-top: 20px;margin-top: 0px;margin-right: 8px;margin-bottom: 0px;margin-left: 0px;} #nav ul {list-style-type: none;margin: 0px;} #nav ul li {float: right;display: block;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 15px;} /*###################################*/ /* multi Product Global Navigation */ /*###################################*/ #multiNav {width: 350px;float: right;height: 29px;top: 0px;background-image: url(../images/navBG2.png);background-repeat: no-repeat;background-position: 47px 7px;padding-top: 20px;margin-top: 0px;margin-right: 8px;margin-bottom: 0px;margin-left: 0px;} #multiNav ul {list-style-type: none;margin: 0px;} #multiNav ul li {float: right;display: block;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 15px;} /*###############################################*/ /* Single Global Navigation for spacing purposes*/ /*#############################################*/ #singleproductnav {width: 350px;float: right;height: 29px;top: 0px;background-image: url(../images/navBG3.png);background-repeat: no-repeat;background-position: 80px 7px;padding-top: 20px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;} #singleproductnav ul {list-style-type: none;margin: 0px;} #singleproductnav ul li {float: right;display: block;margin: 0px;} /*###################*/ /* About Navigation */ /*#################*/ #aboutNav {width: 600px;float: right;height: 29px;top: 0px;margin-top: 0px;margin-right: 30px;margin-bottom: 0px;margin-left: 0px;} #aboutNav ul {list-style-type: none;margin: 0px;} #aboutNav ul li {float: right;display: block;margin: 0px;} /*###################################*/ /* Special lines for specific pages */ /*#################################*/ .productline {background-image: url(../images/productLine.png);background-repeat: no-repeat;height: 120px;width: 300px;margin-top: 0px;margin-right: 23px;margin-bottom: 0px;overflow: hidden;float: right;} .aboutline {background-image: url(../images/aboutLine.png);background-repeat: no-repeat;height: 120px;width: 200px;margin-left: 555px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;overflow: hidden;} .vLine {display: block;border-left-width: thin;border-left-style: solid;border-left-color: #999999;height: 100px;margin-top: 65px;margin-right: 0px;margin-bottom: 0px;margin-left: 565px;} .line {width: 740px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #D8DDE0;clear: both;margin-left: 20px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;} .Newsline {width: 500px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #D8DDE0;clear: both;margin-left: 20px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;} .singleproductline {background-image: url(../images/productLine.png);background-repeat: no-repeat;height: 120px;width: 300px;margin-left: 382px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;overflow: hidden;} /*####################*/ /*Begin Product Area */ /*##################*/ #mainContent {margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;} #flashContent {width: 800px;margin-right: auto;margin-left: auto;} #productList {width: 800px;margin: 0px;} #text {width: 425px;margin-left: 25px;float: left;margin-top: 20px;margin-bottom: 20px;} #aboutText {width: 740px;margin-left: 25px;margin-top: 20px;} #foundertext {width: 550px;margin-left: 25px;float: left;margin-top: 20px;} #productImage {float: right;width: 250px;margin-right: 20px;margin-top: 20px;} .prevLabel {float: left;width: 45px;margin-left: 110px;margin-top: 10px;} .nextLabel {float: right;width: 45px;margin-right: 30px;margin-top: 10px;} .space {height: 50px;width: 700px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;} #aboutImage {float: right;width: 250px;margin-right: 43px;margin-top: 20px;margin-bottom: 10px;} /*################*/ /* Product boxes */ /*##############*/ #productBoxUpper {width:800px;height:176px; float:left; background-image: url(../images/newNav/productNavUpper.png); margin:0px;padding:0px;} #productBoxUpper span{display:none;} #productBoxUpper li, #productBoxUpper a {height:176px; display:block;} #productBoxUpper li {float:left;list-style:none;display:inline;margin:0px;} #rackArc {width: 160px;} #halfArc {width: 160px;} #umbrellaArc {width: 150px;} #tubeArc {width: 160px;} #loopArc {width: 160px;} #rackArc a:hover {background:url(../images/newNav/productNavUpper.png) 0px -177px no-repeat; } #halfArc a:hover {background:url(../images/newNav/productNavUpper.png) -160px -177px no-repeat; } #umbrellaArc a:hover {background:url(../images/newNav/productNavUpper.png) -320px -177px no-repeat; } #tubeArc a:hover {background:url(../images/newNav/productNavUpper.png) -470px -177px no-repeat; } #loopArc a:hover {background:url(../images/newNav/productNavUpper.png) -630px -177px no-repeat; } #productBoxLower {width:800px;height:176px; float:left; background-image: url(../images/newNav/productNavLower.png); margin:0px;padding:0px;} #productBoxLower span{display:none;} #productBoxLower li, #productBoxLower a {height:176px; display:block;} #productBoxLower li {float:left;list-style:none;display:inline;margin:0px;} #carArc {width: 160px;} #busArc {width: 160px;} #houseArc {width: 150px;} #transitArc {width: 160px;} #adArc {width: 160px;} #carArc a:hover {background:url(../images/newNav/productNavLower.png) 0px -177px no-repeat; } #busArc a:hover {background:url(../images/newNav/productNavLower.png) -160px -177px no-repeat; } #houseArc a:hover {background:url(../images/newNav/productNavLower.png) -320px -177px no-repeat; } #transitArc a:hover {background:url(../images/newNav/productNavLower.png) -470px -177px no-repeat; } #adArc a:hover {background:url(../images/newNav/productNavLower.png) -630px -177px no-repeat; } /*####################*/ /* price list styles */ /*##################*/ #priceList {width: 740px;margin-left: 25px;margin-top: 20px;} .priceLine {margin-left: 20px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;height: 1px;width: 700px;padding-top: 0px;padding-right: 0px;padding-bottom: 10px;padding-left: 0px;border-top-width: 1px;border-top-style: solid;border-top-color: #D8DDE0;} .priceText {width: 500px;float: left;text-align: justify;margin-bottom: 20px;} .priceImage {float: right;width: 200px;margin-right: 50px;margin-top: 35px;} .clearFloat {clear:both;} /*#########*/ /* Footer */ /*#######*/ .footNavHome {width: 300px;padding-left: 18px;float: left;} .footNav {width: 350px;padding-left: 18px;float: left;} .patentFoot span {display:none;} .patentFoot {background:url(../images/patentFooter.jpg); width:155px; height:25px;float:right;margin:0px;margin-top:5px;} #footer {width: 800px;} #footer .foot {font-size: 12px;text-align: left;margin: 0px;width: 300px;float: left;} #footer .copyright {background-image: url(../images/copyright.jpg);float: right;height: 24px;width: 189px;margin-right: 10px;} .specs {width: 300px;margin-left: 20px;float: left;margin-top: 55px;} #flash{padding:0;width:800px;height:600px;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;} #designers {margin-left: 500px;font-family: "Gill Sans", "Bell MT", Arial, "Arial Narrow";font-size: 10px;text-align: right;padding-right: 40px;} /*###########################*/ /* Dimension Sprites styles */ /*#########################*/ #halfArcSpecs {width:160px;height:35px;padding:0px;background: url(../images/halfArcDimensions.png) no-repeat;} #halfArcSpecs span {display:none;} #halfArcSpecs li, #halfArcSpecs a {height:35px;display:block;} #halfArcSpecs li {float:left;list-style:none;display:inline;margin:0px;} #halfArcInstall {width:80px;} #halfArcDimensions {width:80px;} #halfArcInstall a:hover {background: url(../images/halfArcDimensions.png) 0px -35px no-repeat;} #halfArcDimensions a:hover {background: url(../images/halfArcDimensions.png) -80px -35px no-repeat;} #racArcSpecs {width:160px;height:35px;padding:0px;background: url(../images/racArcDimensions.png) no-repeat;} #racArcSpecs span {display:none;} #racArcSpecs li, #racArcSpecs a {height:35px;display:block;} #racArcSpecs li {float:left;list-style:none;display:inline;margin:0px;} #racArcInstall {width:80px;} #racArcDimensions {width:80px;} #racArcInstall a:hover {background: url(../images/racArcDimensions.png) 0px -35px no-repeat;} #racArcDimensions a:hover {background: url(../images/racArcDimensions.png) -80px -35px no-repeat;} #houseArcSpecs {width:160px;height:35px;padding:0px;background: url(../images/houseArcAssembly.jpg) no-repeat;} #houseArcSpecs span {display:none;} #houseArcSpecs li, #houseArcSpecs a {height:35px;display:block;} #houseArcSpecs li {float:left;list-style:none;display:inline;margin:0px;} #houseArcInstall {width:80px;} #houseArcDimensions {width:80px;} #houseArcInstall a:hover {background: url(../images/houseArcAssembly.jpg) 0px -34px no-repeat;} #houseArcDimensions a:hover {background: url(../images/houseArcAssembly.jpg) -80px -34px no-repeat;} #tubeArcSpecs {width:160px;height:35px;padding:0px;background: url(../images/tubeArcDimensions.png) no-repeat;} #tubeArcSpecs span {display:none;} #tubeArcSpecs li, #tubeArcSpecs a {height:35px;display:block;} #tubeArcSpecs li {float:left;list-style:none;display:inline;margin:0px;} #tubeArcInstall {width:80px;} #tubeArcDimensions {width:80px;} #tubeArcInstall a:hover {background: url(../images/tubeArcDimensions.png) 0px -35px no-repeat;} #tubeArcDimensions a:hover {background: url(../images/tubeArcDimensions.png) -80px -35px no-repeat;} #umbrellaArcSpecs {width:240px;height:35px;padding:0px;background: url(../images/umbrellaArcDimensions.png) no-repeat;} #umbrellaArcSpecs span {display:none;} #umbrellaArcSpecs li, #umbrellaArcSpecs a {height:35px;display:block;} #umbrellaArcSpecs li {float:left;list-style:none;display:inline;margin:0px;} #umbrellaArcInstall {width:80px;} #umbrellaArcMovie {width:80px;} #umbrellaArcDimensions {width:80px;} #umbrellaArcInstall a:hover {background: url(../images/umbrellaArcDimensions.png) 0px -35px no-repeat;} #umbrellaArcMovie a:hover {background: url(../images/umbrellaArcDimensions.png) -80px -35px no-repeat;} #umbrellaArcDimensions a:hover {background: url(../images/umbrellaArcDimensions.png) -160px -35px no-repeat;} #loopArcSpecs {width:160px;height:35px;padding:0px;background: url(../images/loopArcDimensions.png) no-repeat;} #loopArcSpecs span {display:none;} #loopArcSpecs li, #loopArcSpecs a {height:35px;display:block;} #loopArcSpecs li {float:left;list-style:none;display:inline;margin:0px;} #loopArcDimensions {width:80px;} #loopArcDimensions a:hover {background: url(../images/loopArcDimensions.png) -0px -35px no-repeat;} /*#################*/ /*Easy slider CSS */ /*###############*/ img{border:none;} pre{display:block;font:12px "Courier New", Courier, monospace;padding:0px;width:244px;margin-top: 0.5em;margin-right: 0;margin-bottom: 0.5em;margin-left: 0;text-align: right;} #slider ul, #slider li{margin:0;padding:0;list-style:none;} /* define width and height of container element and list item (slide) list items must be the same size as the slider area */ #slider, #slider li{width:244px;height:178px;overflow:hidden;padding-bottom: 15px;} #Btns, span{width:60px;height:12float: right;} span#prevBtn{float: left;margin-left:120px;} span#nextBtn{float:right;} /* // Easy Slider */ /*##############*/ /*Contact form */ /*############*/ div.contact {width:343px;float: right;padding-top: 5px;padding-right: 0;padding-bottom: 10px;padding-left: 16px;margin-right: 40px;color: #000;} form.contactform { padding:0; margin:0; } form.contactform input, textarea {color:#000;height:18px;border:1px solid #666;font-size:12px;background-color: #D7D7D7;} form.contactform .required {color:#F00;font-style:italic;} #mainContent #contacttext {float: left;width: 300px;margin-left: 20px;} .contact ul li {list-style-type: none;text-align: left;padding-top: 5px;} .writer {font-size: 12px;} .readMore {float: right;width: 80px;font-size: 12px;} /*######### Upper Navigation Styles ##########*/ #upperNavBox {width:450px; float:left; margin-top:95px;} #upperProductNav {height: 25px;background-image:url(../images/topNav.jpg);padding: 0px;width: 450px;margin:0px;clear: both;} #upperProductNav span {display: none;} #upperProductNav li, #upperProductNav a {height:25px;display:block;} #upperProductNav li {float:left;list-style:none;display:inline;} #navRack {width: 80px;} #navHalf {width: 83px;} #navUmbrella {width: 110px;} #navTube {width: 95px;} #navLoop {width: 80px;} #navRack a:hover {background:url(../images/topNav.jpg) 0px -25px no-repeat; } #navHalf a:hover {background:url(../images/topNav.jpg) -80px -25px no-repeat; } #navUmbrella a:hover {background:url(../images/topNav.jpg) -163px -25px no-repeat; } #navTube a:hover {background:url(../images/topNav.jpg) -273px -25px no-repeat; } #navLoop a:hover {background:url(../images/topNav.jpg) -369px -25px no-repeat; } .rackActive {background:url(../images/topNav.jpg) 0px -25px no-repeat; } .halfActive {background:url(../images/topNav.jpg) -80px -25px no-repeat; } .umbrellaActive {background:url(../images/topNav.jpg) -165px -25px no-repeat; } .tubeActive {background:url(../images/topNav.jpg) -273px -25px no-repeat; } .loopActive {background:url(../images/topNav.jpg) -369px -25px no-repeat; } /*######### lower Navigation Styles ##########*/ #lowerProductNav {height: 25px;background-image:url(../images/bottomNav.jpg);padding: 0px;width: 450px;margin-top: 5px;clear: both;} #lowerProductNav span {display: none;} #lowerProductNav li, #lowerProductNav a {height:25px;display:block;} #lowerProductNav li {float:left;list-style:none;display:inline;} #navCar {width: 80px;} #navBus {width: 83px;} #navHouse {width: 110px;} #navTransit {width: 95px;} #navAd {width: 80px;} #navCar a:hover {background:url(../images/bottomNav.jpg) -0px -25px no-repeat; } #navBus a:hover {background:url(../images/bottomNav.jpg) -80px -25px no-repeat; } #navHouse a:hover {background:url(../images/bottomNav.jpg) -163px -25px no-repeat; } #navTransit a:hover {background:url(../images/bottomNav.jpg) -273px -25px no-repeat; } #navAd a:hover {background:url(../images/bottomNav.jpg) -369px -25px no-repeat; } .carActive {background:url(../images/bottomNav.jpg) -0px -25px no-repeat; } .busActive {background:url(../images/bottomNav.jpg) -80px -25px no-repeat; } .houseActive {background:url(../images/bottomNav.jpg) -163px -25px no-repeat; } .transitActive {background:url(../images/bottomNav.jpg) -273px -25px no-repeat; } .adActive {background:url(../images/bottomNav.jpg) -369px -25px no-repeat; } /*#############################################*/ /*######### lower Navigation Styles ##########*/ /*###########################################*/ #newFootNav {width:460px;height:25px;background: url(../images/newFooterNav.png) no-repeat;margin:5px 0px 0px 0px;float:left;padding:0px;} #newFootNav span {display:none;} #newFootNav li, #newFootNav a {height:25px;display:block;} #newFootNav li {float:left;list-style:none;display:inline;} #contactFoot {width:98px;} #demo {width:72px;} #patent {width:190px;} #price {width:100px;} #contactFoot a:hover {background: url(../images/newFooterNav.png) -0px -25px no-repeat;} #demo a:hover {background: url(../images/newFooterNav.png) -98px -25px no-repeat;} #patent a:hover {background: url(../images/newFooterNav.png) no-repeat;} #price a:hover {background: url(../images/newFooterNav.png) -360px -25px no-repeat;} .pdf {background-image: url(../images/pdf_icon.png);background-repeat: no-repeat;background-position: left;height: 22px;padding-left: 24px;}