/* ----- LAYOUT POSITIONING ----- */ img, div { behavior: url(/layout/iepngfix.htc) } body { margin: 0; padding: 0; text-align: center; background-color: #999999; } #page { width: 960px; margin: auto; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; } h1 { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } h1, .headline { margin-top: 0px; padding-top: 0px; font-size: 18px; font-weight: bold; color: #CC0000; } p { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } #feature { background-color: #666666; } #contentarea { padding-top: 0px; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; text-align: left; clear: both; } #categoryheader { font-size: 48px; font-weight: bold; color: #CC0000; text-transform: uppercase; display: block; margin-bottom: 10px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; } #repeat #leftcolumn { display: block; width: 180px; float: left; text-align: center; } #repeat #leftcolumn h1 { margin-top: 0px; padding-top: 0px; color: #999999; font-size: 18px; font-weight: bold; } #repeat #leftcolumn h3 { font-size: 13px; font-weight: bold; color: #CCCCCC; } #repeat #middlecolumn { display: block; width: 510px; float: left; margin-left: 10px; } #repeat #leftcolumn a { background-color:#990000; text-transform: uppercase; font-size:14px; display: block; width: 180px; padding-top:5px; padding-bottom:5px; text-align: center; text-decoration: none; background-image: url(/layout/bg_red.jpg); } #repeat #leftcolumn a:link, #repeat #leftcolumn a:visited { color: #FFFFFF; } #repeat #leftcolumn a:active, #repeat #leftcolumn a:hover { color: #FFFF66; } #repeat #leftcolumn #price { font-size:18px; color: #000000; display: block; width: 180px; padding-top:5px; padding-bottom:5px; text-align: center; } #middlecolumn h1 { margin-top: 0px; padding-top: 0px; font-size: 18px; font-weight: bold; color: #CC0000; } #middlecolumn h3 { font-size: 13px; font-weight: bold; color: #CC0000; } #rightcolumn { display: block; width: 180px; float: right; padding: 10px; border: 1px solid #666666; background-image: url(/layout/bg_grey.jpg); text-align: center; } #rightcolumn h1 { margin-top: 0px; padding-top: 0px; font-size: 18px; font-weight: bold; color: #CC0000; text-align: left; } #rightcolumn h3 { font-size: 13px; font-weight: bold; color: #CC0000; } #maincolumn { display: block; width: 720px; margin-left: 0px; float: left; } #maincolumn2 { display: block; width: 635px; margin-left: 0px; float: left;/* border: 1px red dotted; */ } #maincolumn h1 { font-size: 16px; font-weight: bold; margin-top: 0px; padding-top: 0px; color: #CC0000; } #repeat #maincolumn h3 { font-size: 13px; font-weight: bold; color: #CC0000; } #center { text-align: center; } #repeat { width:725px; float: left; display: block; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #666666; margin-bottom: 20px; padding-bottom: 20px; } #maincolumn2 #repeat { width: 635px; float: left; display: block; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #666666; margin-bottom: 20px; padding-bottom: 20px; } #date { float:left; block:block; width: 70px; border-bottom: solid 1px #999999; margin-right:10px; padding: 3px; } #repeat #title { float:left; block:block; width: 600px; border-bottom: solid 1px #999999; padding: 3px; } #maincolumn2 #title { float:left; block:block; width: 540px; border-bottom: solid 1px #999999; padding: 3px; } #articleimage { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; clear: both; float: right; margin-bottom: 10px; margin-left: 10px; } #articleimage img { /* border: 1px solid #666666; */ } /* ----- HEADER ----- */ #header { background-color: #000000; background-image: url(/layout/bg_header.jpg); padding: 10px; background-repeat: repeat-y; background-position: right; height: 65px; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #FFFFFF; } #headerlogo a { background-image: url(/layout/zmax2.jpg); background-repeat: no-repeat; height: 68px; width: 185px; float: left; } #headernav { float: right; color: #FFFFFF; margin-top: 45px; } #header #search { font-size: 11px; } #header #submit { font-size: 10px; margin-left: 10px; padding-right: 3px; padding-left: 3px; margin-bottom: 2px; } #headernav a { padding-right: 10px; padding-left: 10px; text-transform: uppercase; } #headernav a:link { color: #FFFFFF; text-decoration: none; } #headernav a:visited { color: #FFFFFF; text-decoration: none; } #headernav a:hover { color: #FFFF66; text-decoration: underline; } #headernav a:active { color: #FFFF66; text-decoration: underline; } #headerlogoright { } #headerlogoright img { text-align: center; } /* ----- FOOTER ----- */ #footer { background-color: #820000; color: #FFFFFF; padding: 10px; clear: both; background-image: url(/layout/bg_footer.jpg); background-repeat: repeat-y; position: relative; _height: 0; } #footer a { color: #FFFF99; font-weight: bold; text-decoration: none; } #miss { background-image: url(/images/misszmax.gif); background-repeat: no-repeat; background-position: right bottom; } #footerboxes h1 { font-size: 14px; font-weight: bold; color: #FFFFFF; } #footerboxes { margin: 0px; padding: 0px; list-style-type: none; text-align: left; background-image: url(/layout/bg_red.jpg); height: 120px; } #footerboxes li { width: 212px; float: left; height: 100px; border-right: 1px dashed #CCCCCC; padding: 10px; } #footerboxes #logos { border-right: none; } #footerboxes #logos p { text-align: center; } #footerboxes #logos a { display: block; /* allows the element to take auto margins */ margin: 0 auto; /* centers in compliant browsers */ text-align: center; /* centers in old versions of IE */ } #footerboxes #logos img { display: block; /* allows the element to take auto margins */ margin: 0 auto; /* centers in compliant browsers */ text-align: center; /* centers in old versions of IE */ } #footerboxes #partners { /* border-right: none; */ } #footerboxes #partners p { text-align: center; } #footerboxes #partners a { display: block; /* allows the element to take auto margins */ margin: 0 auto; /* centers in compliant browsers */ text-align: center; /* centers in old versions of IE */ } #footerboxes #partners img { display: block; /* allows the element to take auto margins */ margin: 0 auto; /* centers in compliant browsers */ text-align: center; /* centers in old versions of IE */ } #rotator { } #rotator div { position: absolute; width: 220px; } #rotator div div { text-align: center; } #fineprint { font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 10px; clear: both; padding-top: 10px; } #clear { clear: both; height: 1px; } #specialsBanner { background-color: #700001; } /* ----- NAVIGATION ----- */ #navigation { height: 135px; padding: 10px; } #navigation #zmaxproducts { background-color: #990000; background-image: url(/layout/bg_red.jpg); margin: 0px; height: 125px; width: 15px; padding-top: 10px; padding-right: 3px; padding-bottom: 0px; padding-left: 5px; } #navigation ul { display: block; float: left; width: 132px; margin: 0px; padding: 10px; text-align: left; list-style-type: none; font-weight: bold; height: 113px; } #navigation li { font-weight: normal; padding-top: 3px; color: #666666; } #navigation a { } #navigation a:link { color: #666666; text-decoration: none; } #navigation a:visited { color: #666666; text-decoration: none; } #navigation a:hover { color: #CC0000; text-decoration: underline; } #navigation a:active { color: #CC0000; text-decoration: underline; } #navigation #products { background-image: url(/layout/bg_grey.jpg); border-right-width: 1px; border-right-style: dashed; border-right-color: #666666; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #990000; border-bottom-color: #990000; } #navigation #products.end { border-right-style: solid; border-right-color: #990000; } #navigation #main { border-right-width: 1px; border-right-style: dashed; border-right-color: #666666; } #navigation #main.end { border-right:none; } /* ----- PROMO (images in right column on article pages) ----- */ #promo .title { display: none; } #promo .sflinks { margin: 0; padding: 0; /* overflow: auto; */ } #promo .sflinks li { margin: 0 0 10px 10px; padding: 0; list-style-type: none; } /* ----- PRODUCT PAGES ----- */ #product { border-bottom: solid 1px #333333; clear: both; overflow: visible; position: relative; padding-bottom:15px; margin-bottom:15px; height: 200px; } #product img { float: left; padding-right: 30px; padding-bottom: 30px; } #ABMbanner { } /* ----- LINKS PAGE ----- */ .sflinks { padding: 0px; text-align: left; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .sflinks li { list-style-type: none; float: left; text-align: center; width: 230px; height: 150px; } .sflinks li .logo { margin-bottom: 5px; } .sflinks li .logo img { } .sflinks .name { } .sflinks .description { display: none; } .sflinks #title { display: none; } #PARTNERS .title { display: none; /* hides page title */ } /* ----- PARTNERS PAGE ----- */ #PARTNERS #title { display: none; /* hides page title */ } /* ----- MISS ZMAX PAGE ----- */ #misszmaxpage #maincolumn { display: block; width: 500px; margin-left: 0px; float: left; } #misszmaxpage #rightcolumn { display: block; width: 400px; float: right; padding: 10px; border: 1px solid #666666; background-image: url(/layout/bg_grey.jpg); text-align: left; margin-bottom: 10px; } #misszmaxpage #rightcolumn h3 { font-size: 13px; font-weight: bold; color: #333333; } #misszmaxpage #rightcolumn img { border: solid 1px #666666; } #gallery ul { padding: 0px; margin: 0px; } #gallery li { display: block; float: left; width: 130px; text-align: center; vertical-align: text-middle; padding: 0px; margin: 0px; } select { font-size: 10px; } /* ----- HOW TO USE ZMAX PAGE ----- */ table#howtousezmax img { display: block; /* allows the element to take auto margins */ margin: 0 auto; /* centers in compliant browsers */ text-align: center; /* centers in old versions of IE */ } table#howtousezmax td { padding-left: 10px; padding-bottom: 20px; } /* ----- NEWS ----- */ #chart { margin-bottom: 20px; width: 100%; } #chart th { font-weight: bold; padding: 3px; text-align: left; } #chart td { padding: 3px; text-align: left; } #chart .date { width: 50px; } .red { color: #FF0000; } #cat_NEWS h1 { display:none; } /* ----- HEADERS ----- */ h1.categoryheader { display: none; } #cat_2_PACK_BONUS { background: url(/layout/header_2_PACK_BONUS.jpg) no-repeat; height: 60px; } #cat_AUTOMOTIVE { background: url(/layout/header_AUTOMOTIVE.jpg) no-repeat; height: 60px; } #cat_AVIATION { background: url(/layout/header_AVIATION.jpg) no-repeat; height: 60px; } #cat_BENEFITS { background: url(/layout/header_benefits.jpg) no-repeat; height: 60px; } #cat_DRAGWAY_ITEMS { background: url(/layout/header_DRAGWAY_ITEMS.jpg) no-repeat; height: 60px; } #cat_CEO { background: url(/layout/header_CEO.jpg) no-repeat; height: 60px; } #cat_CHEMICAL_ROULETTE { background: url(/layout/header_CHEMICAL_ROULETTE.jpg) no-repeat; height: 60px; } #cat_CLEANING { background: url(/layout/header_CLEANING.jpg) no-repeat; height: 60px; } #cat_CONTACT { background: url(/layout/header_contact.jpg) no-repeat; height: 60px; } #cat_FAQ { background: url(/layout/header_faq.jpg) no-repeat; height: 60px; } #cat_FORMULA { background: url(/layout/header_formula.jpg) no-repeat; height: 60px; } #cat_FTC { background: url(/layout/header_ftc.jpg) no-repeat; height: 60px; } #cat_HATS { background: url(/layout/header_HATS.jpg) no-repeat; height: 60px; } #cat_HEAVY_DUTY { background: url(/layout/header_HEAVY_DUTY.jpg) no-repeat; height: 60px; } #cat_HOW_TO_USE_ZMAX { background: url(/layout/header_HOW_TO_USE_ZMAX.jpg) no-repeat; height: 60px; } #cat_INTERNATIONAL { background: url(/layout/header_INTERNATIONAL.jpg) no-repeat; height: 60px; } #cat_LIMITED_SUPPLY_3_PACK { background: url(/layout/header_limited_supply_3_pack.jpg) no-repeat; height: 60px; } #cat_LINKITE { background: url(/layout/header_linkite.jpg) no-repeat; height: 60px; } #cat_LINKS { background: url(/layout/header_links.jpg) no-repeat; height: 60px; } #cat_MACHINES { background: url(/layout/header_MACHINES.jpg) no-repeat; height: 60px; } #cat_MAINTENANCE { background: url(/layout/header_MAINTENANCE.jpg) no-repeat; height: 60px; } #cat_MISS_ZMAX { background: url(/layout/header_MISS_ZMAX.jpg) no-repeat; height: 60px; } #cat_NEWS { background: url(/layout/header_NEWS.jpg) no-repeat; height: 60px; } #cat_OTHER_USES { background: url(/layout/header_OTHER_USES.jpg) no-repeat; height: 60px; } #cat_POLO_SHIRTS { background: url(/layout/header_POLO_SHIRTS.jpg) no-repeat; height: 60px; } #cat_PROMOTIONS { background: url(/layout/header_promotions.jpg) no-repeat; height: 60px; } #cat_RACING_CALENDAR { background: url(/layout/header_RACING_CALENDAR.jpg) no-repeat; height: 60px; } /* #cat_SEARCH { background: url(/layout/header_search.jpg) no-repeat; height: 60px; } */ #cat_SMALL_ENGINE { background: url(/layout/header_SMALL_ENGINE.jpg) no-repeat; height: 60px; } #cat_SPEEDWAY_MOTORSPORTS { background: url(/layout/header_SPEEDWAY_MOTORSPORTS.jpg) no-repeat; height: 60px; } #cat_TECHNICAL { background: url(/layout/header_TECHNICAL.jpg) no-repeat; height: 60px; } #cat_TESTIMONIALS { background: url(/layout/header_TESTIMONIALS.jpg) no-repeat; height: 60px; } #cat_TSHIRTS { background: url(/layout/header_TSHIRTS.jpg) no-repeat; height: 60px; } #cat_VIDEO { background: url(/layout/header_video.jpg) no-repeat; height: 60px; } /* ------------------------- SWF PLAYER ------------------------- */ #swfplayer { background: #E4E4E4; border: 1px solid #999; padding: 10px; margin-bottom: 20px; background-image: url(/layout/bg_videoplayer.jpg); background-repeat: no-repeat; background-position: center center; width: 915px; } #swfplayer .title { display: none; } #swfplayer .content { } #player { float: left; } #swfplayer .content #description { float: right; width: 250px; } #swfplayer .content #description .name { padding: 0px; margin: 0px; color: #999; font-size: 9px; font-weight: normal; text-transform: uppercase; } #swfplayer .content #description .description { margin: 0 0 10px 0; padding: 0; } #swfplayer .content #description .download { } #swfplayer .content #description .download .saveas { } #swfplayer .content #flvplayerholder { } /* ------------------------- VIDEO.CFM ------------------------- */ #video { } #video .articlehead { } #video .articlehead h1 { } #archive ul { padding: 0; margin: 0; width: 945px; overflow: auto; } #archive ul li { list-style: none; width: 140px; height: 140px; float: left; margin: 0 15px 15px 0; font-size: 11px; } #archive ul li img { border: 1px solid #666; margin: 0 0 5px 0; } #archive ul li .details { } #archive ul li .details A { text-decoration: none; } #archive ul li .details .date { display: none; font-size: 10px; color: #666; } /* PAGINATION */ #pageination UL { margin: 0 15px 15px 0; padding: 10px; width: 915px; text-align: right; height: 15px; background: #E4E4E4; border: 1px solid #CCC; clear: both; } #pageination UL LI { float: none; list-style-type: none; display: inline; margin: 0 0 0 5px; padding: 0; font-weight: bold; } #pageination UL LI a { padding: 3px 6px; border: 1px solid #CCC; background-color: #EEE; color: #666; } #pageination UL li#active { padding: 3px 6px; border: 1px solid #0066CC; color: #0066CC; background: #BCDCFF; } #pageination UL li#next, #pageination ul#previous { } /* CHART */ .chart { margin: 0 0 15px 0; } .chart th { font-size: 10px; padding: 3px 5px; border-bottom: 2px solid #CCC; text-transform: uppercase; color: #666; text-align: left; } .chart td { padding: 5px; font-size: 10px; } .chart tr.light td { } .chart tr.dark td { background: #F2F2F2; } .chart td.none { padding: 5px; border: none; } .chart th.subhead { background-color:#EEEEEE; border-bottom: 0px; } .chart td.plain { border-bottom: 0; padding-bottom:20px; }