body { text-align: center; margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, Verdana, sans-serif; /*font-size: 75%;*/ color: #000; background: #000 url('bb_chrome_rails.gif') top left repeat-x; } /* 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 */ div#container { margin: 0 auto; padding: 0 5px; background: #fff url('bb_container_bg.gif') top left repeat-y; text-align: left; width: 750px; } div#header { margin: 0; padding: 0; width: 750px; height: 119px; background-color: #000; background-image: url('bb_header_bg.jpg'); background-repeat: no-repeat; background-position: left top; } /* headernav contains 'quick search' and not any navigation items */ div#headernav { width: 208px; position: relative; } div#topnav { margin: 0; padding: 40px 0 0 0; width: 750px; background: #000 url('bb_topnav_bg.jpg') top left no-repeat; text-align: right; } div#mainnav { width: 193px; margin: 0; padding: 0; float: left; } 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 */ } /* 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: 0; } .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 */ /* Top navigation start */ div#topnav ul#menutopnav { margin: 0; padding: 0 15px 0 215px; } div#topnav ul#menutopnav li { margin: 0; padding: 0 0 0 15px; height: 1%; line-height: 30px; list-style: none; display: inline; color: #fff; } div#topnav ul#menutopnav li a:link, div#topnav ul#menutopnav li a:visited { color: #fff; font-weight: normal; } div#topnav ul#menutopnav li a:hover { color: #c00; font-weight: normal; } div#topnav ul#menutopnav li.navsel, div#topnav ul#menutopnav li.navsel { color: #c00; font-weight: bold; }  div#topnav ul#menutopnav li.navsel a:link, div#topnav ul#menutopnav li.navsel a:visited { color: #c00; font-weight: bold; }  /* Top navigation 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 */ div.fragment, div.fragmentleft, div.fragmentright { margin: 0 0 1em 0; padding: 0; height: 1%;	/* IE fix for drawing border correctly when using the image float */ } div.fragment { clear: both; } div.fragmentleft { clear: both; float: left; width: 49%; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; } html>body div.fragmentleft { width: 22%; /* ie5win fudge ends */ } div.fragmentright { float: right; width: 49%; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; } html>body div.fragmentright { width: 49%; /* ie5win fudge ends */ } div.pdffragment{ clear: both; margin: 0 0 1em 0; padding: 1em; } div.fragmentTitle, div.pdffragmentTitle { margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #2f447c; } div.pdffragmentTitle { border: none; margin: 0; } div.fragmentTitle h2, div.pdffragmentTitle h2 { font-size: 1.1em; font-weight: bold; } div.fragmentText { font-size: 1em; line-height: 1.3em; } div.pdffragmentText { margin: 0 0 0 1em; } div.fragmentImage { float: left; padding: 10px 10px 10px 0; } div.fragmenttextfoot { font-size: 0.2em; clear: both; } /* Fragments End */ /* page titles start  div#pgtitle { margin: 0; padding: 0; } div#pgtitle h1 { font-size: 1.4em; margin: 0; padding: 0; } page titles 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 */ div#copyright { text-align: right; } div#footer div#copyright p { /*font-size: 11px;*/ line-height: 40px; margin: 0 15px 0 0; padding: 0; 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 */