body { background: url('Bykebitz-bkg.jpg') no-repeat fixed center top #000000; text-align: center; margin: 0; padding: 0; border: 0px none; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000; } /* be nice to Opera... */ html>body { font-size: 80%; } /* the Owen hack -- http://www.albin.net/CSS/OwenHack.html */ head:first-child+body { font-size: 75%; } /* Primary Columns and layout */ .container { margin: 0 auto; padding: 0 5px; text-align: left; width: 1024px; } .left-column { float:left; width:200px; padding-left:10px; } .left-column h3{ color:#3bbaf3; border-bottom:1px dotted #fff; font-size: 1.1em; margin-right: 10px; padding-bottom: 5px; } .middle-column { width:600px; background:#fff; float:left; padding-left:10px; } .right-column { float:left; background:#fff; width:200px; padding-top:5px; } .wrapper{ width:174px; margin:10px auto; } .mini-cart-bg { background-image:url("Bykebitz-website-11-basket.png"); background-repeat:no-repeat; background-position:center; height:111px; } .mini-cart { padding-top:35px; } .newsletter-bg { background-image:url("Bykebitz-website-11-newsletter.png"); background-repeat:no-repeat; background-position:center; height:209px; } .newsletter { padding-top:45px; padding-left:10px; width:150px; text-align:center; } .newsletter p{ color:#fff; } .gateways { background-image:url("Bykebitz-website-11-payment.png"); background-repeat:no-repeat; background-position:center; height:84px; } .marketing-bg { background-color:#FFFFFF; overflow:hidden; width:180px; padding:5px; } .checkout-links { color:#fff; text-align:center; clear:both; padding:5px 0; } .checkout-links a, .checkout-links a:link, .checkout-links a:active, .checkout-links a:visited{ color:#fff; } .newprod{ width:174px; margin:10px auto; clear:both; } .newprod h3{ background:url("Bykebitz-website-11-newprod.png") no-repeat; color:#fff; width:174px; height:29px; line-height:29px; text-align:center; font-size: 1.4em; } .main { background:url('Bykebitz-container-bkg.png'); width: 1024px; padding-top:10px; } .clearall{ clear:both; } /* header area */ .header { margin: 0; padding: 0; width: 1024px; height: 227px; } .logo{ height:175px; width:1024px; margin-bottom:13px; } .logo img{ width:1024px; height:172px; } .nav { width:100%; height:37px; background:url('Bykebitz-nav--bkg.png') repeat-x; line-height:37px; float:left; text-align:left; } .nav ul{ margin:0; padding:0; float:left; text-align:left; width:800px; list-style:none; } .nav ul li{ display:inline; float:left; padding:0; margin:0; } .nav ul li a:link,.nav ul li a:visited{ margin:0; font-size: 14px; color: #FFFFFF; padding: 10px 12px; height:35px; line-height:35px; text-decoration: none; border-right:solid 1px #000000; } .nav ul li a:hover, .nav ul li a:active{ background:url('Bykebitz-nav-active-bkg.png') repeat-x; } .nav a .selected{ background:url('Bykebitz-nav-active-bkg.png') repeat-x; margin:0; font-size: 14px; color: #FFFFFF; padding: 10px 12px; height:35px; line-height:35px; text-decoration: none; border-right:solid 1px #000000; } .nav ul span{ float:left; width:auto; } /*.nav ul li a:visited { color: #fff; }*/ .nav span{ float:right; width:190px; padding-right:5px; } .nav form{ background:#fff; height:26px; line-height:23px; margin:5px 0; display:block; overflow:hidden; } .searchtext{ background: none repeat scroll 0 0 #FFFFFF; border: none; float: left; height: 26px; line-height: 23px; margin: 0 0 0 3px; padding: 0; width: 152px; } .searchbutton{ background: none repeat scroll 0 0 #FFFFFF; /*float: left;*/ height: 17px; margin: 0; padding: 4px 4px 5px; width: 17px; display:inline; } /* sidebar */	 #sidenav { margin:0px; padding:10px 0px 30px; } #sidenav li { float: left; text-align: left; margin: 0px; padding: 0px; width: 184px; list-style-type: none; } #sidenav a { color: #FFFFFF; display: block; text-decoration: none; padding: 4px; margin: 0px; list-style-type: none; } #sidenav a:hover { margin: 0px; padding: 4px; display: block; color:#FF9933; } #sidenav a:visited { color: #FFFFFF; display: block; text-decoration: none; padding: 4px; margin: 0px; list-style-type: none; } #sidenav a.checkout-checkoutbg:link { text-decoration: none; } /* content */ div#contentwrapper { margin: 0; padding: 15px 0 0 0; height: 1%; background-color: transparent; background-image: url('bb_topnav_bgend.jpg'); background-repeat: no-repeat; background-position: left top; } div#content { /*margin: 0 0 0 215px;*/ margin: 0 10px 0 0; padding: 0; float: right; width: 505px; voice-family: "\"}\""; voice-family:inherit; width: 505px; } html>body div#content { width: 520px; /* ie5win fudge ends */ } .newprod100{ background:url('Bykebitz-sectionhead.png') no-repeat; height:35px; width:576px; line-height: 35px; padding: 0 0.5em 0.5em; color:#fff; display:block; } .home-product-box{ background:url('Bykebitz-home-product-box.png') no-repeat; width:179px; height:197px; } .home-product-box-inner{ width:159px; height:167px; margin:10px auto; } .home-product-box-inner h3{ height:30px; margin-bottom: 5px; } .bestsellerimage{ height:119px; } .bestsellerinfo{ height:26px; } /* search page */ .newproductsitems{ width:25%; display:inline-block; float:left; height:150px; } .newproductsitemsimg{ height:100px; } .newproductsitemsimg img{ max-height:100px; max-width:133px; } .newproductsitemsprice{ height:50px; } /* products catalog specific background - might be able to discard */ div#footer { width: 750px; height: 41px; clear: both; margin: 10px 0 0 0; padding: 0 0 10px 0; background: #000 url('bb_footer_bg.jpg') top left no-repeat; } /* Primary Classes Start */ h1, h2, h3, h4 { margin: 0; padding: 0; line-height: 1.2em; font-weight: bold; color: #333; } h1 { font-size: 1.4em; margin: 0 0 0em 0; } h2 { font-size: 1.3em; } h3 { font-size: 1.1em; } h4 { font-size: 1.2em; } p { font-size: 1em; margin: 0 0 1em 0; line-height: 1.2em; } strong { font-weight: bold; } a:link, a:visited { font-weight : bold;  text-decoration : none; background: transparent;  color: #c00; } a:hover { font-weight : bold;  text-decoration : none; background: transparent;  color: #f93; } img { border: 0px none; } .hide { display: none; } .clear { clear: both; } .left {	float: left; } .pdfleft { float: left; margin: 0 10px 10px 0; } .right {  float: right;  text-align:right; } .alignright { text-align: right; } .black { color: #000; } table { font-size: 1em; } ul { margin-top: 0; } hr { display: none; } /* Primary Classes End */ /* Main navigation Start */ /* Product Navigation Start */ div#productnav, div#cartnav { width: 192px; margin: 0; padding: 0 0 10px 15px; } /* The template has scope for css driven drop downs. For this theme the drop downs are bypassed. */ div#productnav ul#productnavmenu { padding: 0 0 20px 0; list-style: none; text-align: left; /*background-color: #273;*/ width: 194px; /* ie5win fudge begins */ margin: 0 0 0 -10px; voice-family: "\"}\""; voice-family:inherit; width: 184px; margin: 0; } html>body div#productnav ul#productnavmenu { width: 184px; /* ie5win fudge ends */ margin: 0; } div#productnav ul#productnavmenu li	{ clear: both; margin: 0; padding: 3px 0; border-bottom: 1px solid #fff; list-style: none; margin: 0; line-height: 18px; height: 1%; voice-family: "\"}\""; voice-family:inherit; height: auto; } html>body div#productnav ul#productnavmenu li { height: auto; } div#productnav ul#productnavmenu li a:link, div#productnav ul#productnavmenu li a:visited { display: block; color: #fff; padding: 0; font-weight: bold; } div#productnav ul#productnavmenu li a:hover { color: #f93; } div#productnav ul#productnavmenu li.navtitle { display: none; } /* By pass the child nodes */ div#productnav ul#productnavmenu ul { display: none; }	 /* Product Navigation End */ /* Cart Contents Start */ div#cartnav ul#cartnavmenu { width: 184px; margin: 0; padding: 0 0 10px 0; list-style: none; /*background-color: #273;*/ } div#cartnav ul#cartnavmenu li { margin: 0 6px 0 0; padding: 3px 0; list-style: none; color: #fff; margin: 0 0 0 -16px; voice-family: "\"}\""; voice-family:inherit; margin: 0px; } html>body { margin: 0px; /* ie5win fudge ends */ } div#cartnav ul#cartnavmenu li.carttitle { width: 184px; line-height: 20px; margin: 0; padding: 0; border: none; font-weight: bold; margin: 0 0 0 -16px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; margin: 0; } html>body div#cartnav ul#cartnavmenu li.carttitle { margin: 0; /* ie5win fudge ends */ } div#cartnav ul#cartnavmenu li.viewcartlink { /*background: #273 url('bb_viewcartlink.gif') top left no-repeat;*/ line-height: 34px; margin: 0; } div#cartnav ul#cartnavmenu li.viewcartlink a { color: #fff; display: block; margin: 0; padding: 0 0 0 30px; voice-family: "\"}\""; voice-family:inherit; padding: 0 0 0 44px; } html>body div#cartnav ul#cartnavmenu li.viewcartlink a { padding: 0 0 0 44px; /* ie5win fudge ends */ } /* Cart Contents End */ /* Cart Contents Start */ div#cartcontents { margin: 0; padding: 0 0 30px 0; background: transparent url('navcolfooter.gif') bottom left no-repeat; } div#cartcontents h3 { display: block; width: 176px; height: 24px; margin: 0; text-indent: -9999px; background: transparent url('navcoltitle_cartcontents.gif') top left no-repeat; } div#cartcontents div#cartitems { width: 170px; margin: 0; padding: 5px 1em 5px 1em; background: #666; color: #fff; } div#cartcontents div#cartvalue { width: 170px; margin: 0; padding: 0 1em 5px 1em; background: #666; color: #fff; } /* Cart Contents End */ /* General Classes Start */ div#ourlogo { margin: 0; padding: 0; height: 119px; } #ourlogo img { display: none; } div#headernav { background: transparent url('banner_bike.jpg') top right no-repeat; text-align: left; } #headernav ul#menuheadernav { } /* Simple Search classes start */ div#simplesearch { position: absolute; } div#simplesearch form input { font-size: 0.8em; } /* Simple Search classes end */ h3.productname { color: #693; } table.producttable { border: 1px solid #ccc; padding: 10px; } /* Fragments Start */ .fragment{ margin: 0; padding: 1em 0; width:100%; clear: both; } .fragmentTitle{ /*margin: 0 0 5px 0; padding: 0 0 5px 0; color:#02506e;*/ } .fragmentTitle h2{ font-size: 1.1em; font-weight: bold; } .fragmentleft{ width:50%; float:left; height:314px; } .fragmentright{ width:50%; float:right; height:314px; } .fragmentbrand{ width:115px; height:50px; float:left; display:block; padding:2.5px; } /* Fragments End */ /* Quick Search Start */ div#quicksearch { position: absolute; left: 20px; top: 30px; margin: 5px 0 0 0; padding: 0; } div#quicksearch input.qsearch { color: #000; background: #fff; border: 1px solid #2f447c; float: left; width: 150px; } div#quicksearch input.qsearch_go { } /* Quick Search End */ /* Section Links Start */ /* Breadcrumb Trail Start */ #parentSectionList { margin: 5px 0; padding: 0 0 5px 0; color: #666; } .text_breadcrumbs{ margin: 5px 0; padding: 0 0 5px 0; color: #666; } .text_breadcrumbs a:link{ color:#666; } .parentSectionThis { /*font-weight: bold;*/ color: #666; } .sectionLink a:link, .sectionLink a:visited { color: #666; } .sectionLink a:hover { color: #c00; } .sectionSeperator { font-size: 0.9em; } /* Breadcrumb Trail End */ .section { clear: both; margin: 0 0 0 0; font: 1em bold; } .sectionimage { float: left; margin: 0; padding: 0 5px 5px 0; } .sectiontext { margin: 0; padding: 0; } /* Section Links End */ /* Products & Layout Start */ .product, productLargeImage { /*clear: both;*/ vertical-align:top; } .product a:link{ font-weight:bold; } .product a:hover { color:#f93; } .column180 {	/* Used in the standard Act_ProductLine.html template for holding the image left floated. */ float: left; margin: 0; padding: 0 10px 4px 0; width: 190px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 190px; } html>body .column180 { width: auto; /* ie5win fudge ends */ } .column500 {	/* Used in the Act_ProductLineLarge.html template to provide room for a larger than normal image */ width: 500px; padding: 0 0 10px 0; } .column { margin: 0; padding: 0; } .productTitle {	/* Used in the Act_ProductLineLarge.html template to position/space the title of the product. */ margin: 0 0 10px 0; } .priceDetails { font-weight: bold; color: #2f447c; text-align: right; } .taxMessage { font-size: 0.8em; } div.prodSeperator { clear: both; border-bottom: 1px solid #2f447c; margin: 0 0 20px 0; padding: 10px 0 0 0; } .prodDescription { font-size: 1em; line-height: 1.3em; margin: 0 0 10px 0; } .prodExtendedInfo { margin: 0 0 5px 0; } .prodLink { margin: 0 0 5px 0; } .prodPrice { text-align: right; } .prodPriceExplanation { margin: 0 0 5px 0; text-align: right; } .prodPriceAdditional { margin: 0 0 5px 0; text-align: right; } .prodAddToCart { margin: 10px 0; text-align: right; } .cartButtonImage {} div.newProduct { margin: 0 0 5px 0; } /* Products & Layout End */ /* Page Branding Start */ div#headBranding { margin: 10px 0; border: 1px solid #ccc; border-bottom: 10px solid #ccc; height: 80px; } div#brandImage { float: left; } div#brandLinks { float: right; border: none; margin: 0; padding: 10px; border-left: 10px solid #ccc; background: #eee; width: auto; height: 80px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; height: 60px; } html>body div#brandLinks { height: 60px; /* ie5win fudge ends */ } div#brandLinks ul#brandLinksMenu { margin: 0 0 0 15px; padding: 0; list-style-type: square; } div#brandLinks ul#brandLinksMenu li a:link, div#brandLinks ul#brandLinksMenu li a:visited { font-size: 0.9em; color: #666; } div#brandLinks ul#brandLinksMenu li a:hover { color: #c00; } body#productsClymer div#headBranding { background: #135; } body#productsPacsafe div#headBranding { background: transparent url('headbrand_pacsafe_bg.gif') top left repeat-x; } body#productsFormotion div#headBranding { background: transparent url('headbrand_formotion_bg.gif') top left repeat-x; } body#productsInnovations div#headBranding { background: #348834; } body#productsKalGard div#headBranding { background: #000; } body#productsMivv div#headBranding { background: #000; } body#productsMucOff div#headBranding { background: #000; } body#productsNady div#headBranding { background: #999; } body#productsSquire div#headBranding { background: #f00; } body#productsXena div#headBranding { background: #000; } body#productsarcticpro div#headBranding { background: #000; } body#productsexo2 div#headBranding { background: #930; } /* Page Branding End */ /* footer start */ .footer{ height:175px; background:url('Bykebitz-bkg-siebar1.png'); } .footerlogos{ border-bottom:dotted 1px #fff; height:26px; line-height:26px; padding-bottom:2px; } .footerlogos span span{ height:26px; line-height:26px; padding:0 5px; } .copyright { text-align: right; padding-top:2px; } .copyright span{ float:left; color:#fff; text-align: right; } .copyright ul{ float:right; width:200px; text-align: right; } .copyright ul li{ display:inline; list-style:none; color:#fff; } .copyright ul li a{ color:#fff; } /* footer end */ /* Shopping Cart Start */ div#cartTable { margin: 0; padding: 0 0 10px 0; } div#cartTable table { border: none; margin: 1em 0 0 0; padding: 0; } div#cartTable table tr td table { margin: 0; } div#cartTitle { margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #ccc; } div#cartTitle h2 { font-size: 1.1em; font-weight: bold; } div#cartTable table tr th { padding: 5px; border: 1px solid #ccc; } div#cartTable table tr td { border: none; } div#cartTable table tr td table tr td { border: 1px solid #ccc; padding: 5px; } div#cartTable table tr td table tr td table tr td { border: none; } div#cartButtons { border: 1px solid #ccc; padding: 5px; margin: 0 0 1em 0; } div.progressButtons { text-align: right; clear: both; } div.cancelButton { display: inline; padding: 5px; } div.nextButton { display: inline; padding: 5px; } div.backButton { display: inline; padding: 5px; } div.infoPanels { clear: both; margin: 1em 0; padding: 1em; border: 1px solid #ccc; border-bottom: 10px solid #ccc; color: #666; } .labelWidth { display: block; background: #ccc; width: 180px; } div.fieldRow { clear: both; } div.fieldRow label, div.fieldRow input { display: block; float: left; margin-bottom: 10px; text-align: left; } div.fieldRow label { text-align: right; width: 180px; padding-right: 20px; } div.captureCoupon { clear: both; } div.couponMessage, div.shipMessage, div.advanceShip { margin: 0 0 1em 0; } div#taxPhase { clear: both; } div.shipandhandlePhase { clear: both; } span.footertext { margin: 0 0 1.2em 0; } #fullwidth { margin: 0 0 10px 0; } /* Shopping Cart End */ /* General Classes End */