/* Primary Columns and layout */ div#contentwrapper { clear: both; background-image:url('container_bk.png'); width:800px; margin:0 auto;	 } div#container { margin: 0 10px 0 15px; padding: 0; text-align: left; } div#headernav { text-align: right; background-color: #ccc; height: 90px; background: transparent url('banner_bike.jpg') top right no-repeat; } div#topnav { clear: both; margin: 0 0 0 10px; padding: 5px 0 10px 0; position: relative; } div#content { float:right; padding: 0; width:588px; } #contentcontainer{ /*background: transparent url('pgtitle_bg.gif') top left repeat-x;*/ width:100%; text-align:left; } /* Primary Classes Start */ h1, h2, h3, h4 { margin: 0; padding: 0; line-height: 1.2em; font-weight: bold; color: #cc0000; } h1 { font-size: 1.7em; margin: 0 0 1em 0; } h2 { font-size: 1.3em; } h3 { font-size: 1.1em; } h4 { font-size: 1.2em; } p { font-size: 1em; margin: 0 0 1.2em 0; line-height: 1.8em; } strong { font-weight: bold; } a:link, a:visited { font-weight : normal;  text-decoration : none; background: transparent;  } a:hover { font-weight : normal;  text-decoration : none; background: transparent;  } img { border: 0; } .hide { display: none; } .clear { clear: both; height:0px; margin:0px; padding:0px;} .left {	float: left; } .pdfleft { float: left; margin: 0 10px 10px 0; } .right { float: 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; display: inline; } div#topnav ul#menutopnav li { margin: 0; padding: 0 5px 0 0; list-style: none; display: inline; /*background: #fff url(navdots.gif) top left no-repeat;*/ color: #000; } div#topnav ul#menutopnav li a:link, div#topnav ul#menutopnav li a:visited { color: #666; font-weight: bold; } div#topnav ul#menutopnav li a:hover { color: #000; font-weight: bold; } div#topnav ul#menutopnav li img { padding: 0; background: #999; } div#topnav ul#menutopnav li.navsel img { padding: 0; background: #c00; } div#topnav img{ background-color:#c00; }	 div#topnav a:link img{ background-color:#666666; } div#topnav a:hover img{ background-color:#c00; } div#topnav a:active img{ background-color:#c00; } div#topnav a:visited img{ background-color:#666666; }*/ /* Top navigation end */ /* Main navigation Start */ /* Product Navigation Start */ /* CSS Drop Down Menu Start */ /* Level One Start */ div#productnav ul#productnavmenu { width: 256px; margin: 0; padding: 0 0 20px 0; list-style: none; text-align: left; background: transparent url('navcolfooter.gif') bottom left no-repeat; } div#productnav ul#productnavmenu li	{ clear: both; height: 30px; padding: 0 0 0 0; border-bottom: 1px solid #ccc; list-style: none; position: relative; margin: -2px 0 0 -14px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; margin: -2px 6px 0 5px; } html>body div#productnav ul#productnavmenu li { margin: 0 6px 0 5px; /* ie5win fudge ends */ } div#productnav ul#productnavmenu li a:link, div#productnav ul#productnavmenu li a:visited { display: block; color: #693; padding: 0 0 0 85px; line-height: 30px; } div#productnav ul#productnavmenu li a:hover { color: #c00; } div#productnav ul#productnavmenu li span a:link, div#productnav ul#productnavmenu li span a:visited { display: inline; width: 77px; margin: 0; padding: 0; } div#productnav ul#productnavmenu li span.brandimg { display: block; float: left; border-right: 5px solid #ccc; } /*div#productnav ul#productnavmenu li*/.navtitle { width: 256px; height: 24px; padding: 0; background: transparent url('navtitle_products.gif') top left no-repeat; border: none; text-indent: -9999px; margin: 0 0 0 -16px; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; margin: 0; } html>body div#productnav ul#productnavmenu li.navtitle { margin: 0; /* ie5win fudge ends */ } div#productnav ul#productnavmenu li:hover ul, div#productnav ul#productnavmenu li.over ul{ display: block; } /* Level One End */ /* Level Two Start */ div#productnav ul#productnavmenu ul	{ margin: 0; padding: 0; width: 250px; position: absolute; left: 245px; top: 0; display: none; border: 1px solid #666; background: #fff; } div#productnav ul#productnavmenu ul li { margin: 0; padding: 0; font-size: 0.9em; height: 1.2em; background: #fff; border: none; } div#productnav ul#productnavmenu ul li a:link, div#productnav ul#productnavmenu ul li a:visited { margin: 0; padding: 0 5px; line-height: 1.2em; font-size: 0.9em; background: #fff; } div#productnav ul#productnavmenu ul li a:hover { background: #ccc; }	 /* Level Two End */ #productnavmenu li:hover ul ul, #productnavmenu li.over ul ul {left: -999em;} /* Fix IE. Hide from IE Mac \*/ * html div#navigation ul li{ float: left; height: 1%; } * html div#navigation ul li a	{ height: 1%; } /* End */ /* CSS Drop Down Menu End */ /* Product Navigation End */ /* Cart Contents Start */ div#cartnav {border-top:5px solid #ffffff; border-bottom: 1em solid #fff; }	/* Cross-Browser fudge to add a gap at the bottom of the nav column should the navigation be taller than the main content */ #cartnavmenu { margin: 0 6px 0 0; padding: 2px 10px 2px 10px; border-bottom: 1px solid #ccc; list-style: none; background: #666; color: #fff; } html>body div#cartnav ul#cartnavmenu li.carttitle { margin: 0; /* 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 { float: left; width: 274px; height: 94px; margin: 0; padding: 0; background: #fff url('banner_logo.gif') top left no-repeat; position: relative; } #ourlogo img { position: absolute; top: 20px; left: 20px; } #headernav ul#menuheadernav { } /* Simple Search classes start */ div#simplesearch { position: absolute; top: 0; right: 2em; } 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: 1em; border: 1px solid #ccc; border-bottom: 10px solid #ccc; overflow: hidden; height: 1%; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; height: auto; height: 1%; } html>body div.fragment, html>body div.fragmentleft, html>body div.fragmentright { height: auto; /* ie5win fudge ends */ } div.fragment { clear: both; } div.fragmentleft { clear: both; float: left; width: 44%; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 41%; } html>body div.fragmentleft { width: 41%; /* ie5win fudge ends */ } div.fragmentright { float: right; width: 50%; /* ie5win fudge begins */ voice-family: "\"}\""; voice-family:inherit; width: 46%; } html>body div.fragmentright { width: 41%; /* 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 33px; border-bottom: 1px solid #ccc; background: transparent url('title_bullet.gif') 0 1px no-repeat; } 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; } body#home div.fragmentImage { padding: 5px 10px 10px 0; } div.fragmenttextfoot { font-size: 0.2em; clear: both; } /* Fragments End */ /* page titles start */ div#pgtitle { height: 25px; background:url('content_head.png') no-repeat; /*background-color:#323232; transparent url('pgtitle_lhbg.gif') top left no-repeat;*/ margin: 0px 0px 10px 0px; padding: 0; text-align:right; color:#ffffff; font-size:14px; font-weight:light; text-transform:uppercase; line-height:23px; } body#products div#pgtitle, body#productsAccumate div#pgtitle, body#productsexo2 div#pgtitle, body#productskettenmax div#pgtitle, body#productschatterbox div#pgtitle, body#productsaxio div#pgtitle, body#productsClymer div#pgtitle, body#productsKeis div#pgtitle, body#productsRok div#pgtitle, body#productsTechmount div#pgtitle, body#productsPacsafe div#pgtitle, body#productsFormotion div#pgtitle, body#productsConvertibars div#pgtitle, body#productsInnovations div#pgtitle, body#productsKalGard div#pgtitle, body#productsMivv div#pgtitle, body#productsMucOff div#pgtitle, body#productsNady div#pgtitle, body#productsSquire div#pgtitle, body#productsXena div#pgtitle, body#productsAcumen div#pgtitle, body#productsSWMotech div#pgtitle, body#productsVentura div#pgtitle, body#productsSkidmarx div#pgtitle, body#productsBC div#pgtitle { } div#pgtitle h1 { display: block; font-size: 11px; text-indent: -9999px; margin: 0; padding: 0; float: right; width: 210px; height: 25px; /*background: transparent url('pgtitle_blank.gif') top right no-repeat;*/ } /*body#home div#pgtitle h1 { background: transparent url('pgtitle_home.gif') top right no-repeat; } body#about div#pgtitle h1 { background: transparent url('pgtitle_about.gif') top right no-repeat; } body#buy div#pgtitle h1 { background: transparent url('pgtitle_buy.gif') top right no-repeat; } body#vacancies div#pgtitle h1 { background: transparent url('pgtitle_vacancies.gif') top right no-repeat; } body#contact div#pgtitle h1 { background: transparent url('pgtitle_contact.gif') top right no-repeat; } body#products div#pgtitle h1, body#productsAccumate div#pgtitle h1, body#productsexo2 div#pgtitle h1, body#productskettenmax div#pgtitle h1, body#productschatterbox div#pgtitle h1, body#productsaxio div#pgtitle h1, body#productsClymer div#pgtitle h1, body#productsKeis div#pgtitle h1, body#productsRok div#pgtitle h1, body#productsTechmount div#pgtitle h1, body#productsPacsafe div#pgtitle h1, body#productsFormotion div#pgtitle h1, body#productsConvertibars div#pgtitle h1, body#productsInnovations div#pgtitle h1, body#productsKalGard div#pgtitle h1, body#productsMivv div#pgtitle h1, body#productsMucOff div#pgtitle h1, body#productsNady div#pgtitle h1, body#productsSquire div#pgtitle h1, body#productsXena div#pgtitle h1, body#productsAcumen div#pgtitle h1, body#productsSWMotech div#pgtitle h1, body#productsVentura div#pgtitle h1, body#productsSkidmarx div#pgtitle h1, body#productsBC div#pgtitle h1 { background: transparent url('pgtitle_products.gif') top right no-repeat; }*/ /* page titles end */ /* Quick Search Start */ div#quicksearch { margin: 0; padding: 30px 220px 0 0; float:right; } div#quicksearch input.qsearch { font-size: 0.8em; color: #ccc; background: #666; padding: 3px 5px; border: 1px solid #fff; } /* Quick Search End */ /* Section Links Start */ /* Breadcrumb Trail Start */ #parentSectionList { clear: both; margin: 5px 0; padding: 0 0 5px 0; } .parentSectionThis { font-weight: bold; color: #666; } a.sectionLink:link, a.sectionLink:visited { color: #666; } a.sectionLink:hover { color: #c00; } .sectionSeperator { font-size: 0.9em; } /* Breadcrumb Trail End */ .section { margin: 0 0 0 0; border-bottom: 1px solid #ccc; font-size: 1em; } .sectionimage { display: none; float: left; margin: 0 10px 0 0; padding: 0; } .sectiontext { margin: 0 10px 0 85px; margin: 0 10px 0 0; padding: 0 0 5px 5px; border-left: 5px solid #ccc; } /* Section Links End */ /* Products & Layout Start */ .product { margin: 0 auto; overflow: hidden; } .column180 { float: left; width: 250px; /*margin: 0; padding: 0 10px 4px 0;*/ } html>body .column180 { /*width: auto;  ie5win fudge ends */ } .column { margin: 0 0 0 255px; /*padding: 0 10px 0 0;*/ /*width:100%;*/ } .priceDetails { font-weight: bold; color: #693; } .taxMessage { font-size: 0.8em; } div.prodSeperator { clear: both; border-bottom: 7px solid #ccc; 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; } .prodPriceExplanation { margin: 0 0 5px 0; } .prodPriceAdditional { margin: 0 0 5px 0; } .prodAddToCart { margin: 10px 0; } .cartButtonImage {} div.newProduct { margin: 0 0 5px 0; } /* Products & Layout End */ /* Page Branding Start */ div#headBranding { /*background-color: #900;*/ margin: 0px; padding: 0px; height: 80px; /*width: 100%;*/ border-top-width: 1px; border-right-width: 1px; border-bottom-width: 10px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #ccc; border-right-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; } div#brandImage { float: left; width: 220px; height: 80px; /*background-color: #0F0;*/ } div#brandLinks { float: right; height: 80px; width: auto; padding-right: 10px; padding-left: 10px; border-left-width: 10px; border-style: solid; border-color: #ccc; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; background-color: #eeeeee; } /*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#productsKeis div#headBranding { background: #fff; } body#productsRok div#headBranding { background: #fff; } body#productsTechmount div#headBranding { background: #fff; } 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; } body#productskettenmax div#headBranding { background: #d4d5d7; } body#productschatterbox div#headBranding { background: #ffffff; } body#productsaxio div#headBranding { background: #fff; } body#productsBC div#headBranding { background: #ffffff; } body#productsLeakProof div#headBranding { background: #fff; } body#productss100 div#headBranding { background: #fff; } body#productsAirpro div#headBranding { background: #fff; }*/ /* Page Branding End */ /* footer start div#copyright { background: transparent url('footer_lhbg.gif') top left no-repeat; } body#products div#copyright, body#productsAccumate div#copyright, body#productsexo2 div#copyright, body#productskettenmax div#copyright, body#productschatterbox div#copyright, body#productsaxio div#copyright, body#productsClymer div#copyright, body#productsKeis div#copyright, body#productsRok div#copyright, body#productsTechmount div#copyright, body#productsPacsafe div#copyright, body#productsFormotion div#copyright, body#productsConvertibars div#copyright, body#productsInnovations div#copyright, body#productsKalGard div#copyright, body#productsMivv div#copyright, body#productsMucOff div#copyright, body#productsNady div#copyright, body#productsSquire div#copyright, body#productsXena div#copyright, body#productsAcumen div#copyright, body#productsSWMotech div#copyright, body#productsVentura div#copyright, body#productsSkidmarx div#copyright, body#productsBC div#copyright { background: transparent url('footer_prodlhbg.gif') top left no-repeat; } div#footer div#copyright p { display: block; font-size: 11px; text-indent: -9999px; height: 25px; margin: 0; padding: 0; background: transparent url('footer_copyright.gif') top right no-repeat; } body#products div#footer div#copyright p, body#productsAccumate div#footer div#copyright p, body#productsexo2 div#footer div#copyright p, body#productskettenmax div#footer div#copyright p, body#productschatterbox div#footer div#copyright p, body#productsaxio div#footer div#copyright p, body#productsClymer div#footer div#copyright p, body#productsKeis div#footer div#copyright p, body#productsRok div#footer div#copyright p, body#productsTechmount div#footer div#copyright p, body#productsPacsafe div#footer div#copyright p, body#productsFormotion div#footer div#copyright p, body#productsConvertibars div#footer div#copyright p, body#productsInnovations div#footer div#copyright p, body#productsKalGard div#footer div#copyright p, body#productsMivv div#footer div#copyright p, body#productsMucOff div#footer div#copyright p, body#productsNady div#footer div#copyright p, body#productsSquire div#footer div#copyright p, body#productsXena div#footer div#copyright p, body#productsAcumen div#footer div#copyright p, body#productsSWMotech div#footer div#copyright p, body#productsVentura div#footer div#copyright p, body#productsSkidmarx div#footer div#copyright p, body#productsBC div#footer div#copyright p { background: transparent url('footer_prodcopyright.gif') top right no-repeat; } footer end */ /* Shopping Cart Start */ div#cartTable { margin: 1em 0 3px 0; padding: 5px 1em 1em 1em; border: 1px solid #ccc; border-bottom: 10px solid #ccc; } 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 33px; border-bottom: 1px solid #ccc; background: transparent url('title_bullet.gif') 0 1px no-repeat; } 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: 250px; } 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: 250px; 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; } /* Shopping Cart End */ /* General Classes End */ .homeAds img { padding-top: 10px; padding-right: 20px; }