/* THE PURPOSE OF THIS FILE IS TO PROVIDE THE GLOBAL CSS */ /* KYLE DE FRANCO 2009_07_06 */ /* STANDARD STYLES */ body{background-color: #000000; margin: 0px; padding: 0px; text-align: center;} form{margin: 0px; padding: 0px;} select{background-color: #FFFFFF; border: 1px solid #000000; color: #000000; font-family: Arial; font-size: 12px;} sup{font-size: 8px;} /* CUSTOM STYLES */ #div_clear{clear: both;} #div_body{background-color: #000000;} #div_header{background: url(../_images/div_header.jpg); background-position: center; border: 2px solid #CCCCCC; background-repeat: no-repeat; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; height: 90px; margin-left: auto; margin-right: auto; position: relative; width: 762px;} #div_login_form{height: 60px; position: absolute; left: 426px; text-align: left; width: 330px;} #div_login_form_text{position: absolute; top: 35px; width: 226px;} #div_login_form_text input{background-color: transparent; border: 0px; height: 17px; font-family: Arial; font-size: 14px; width: 220px;} #div_login_form_button{height: 20px; position: absolute; left: 248px; top: 35px; width: 50px;} #div_navigation_top_bg{background: url(../_images/div_navigation_top_bg.jpg); height: 25px; margin-left: auto; margin-right: auto; position: relative; text-align: right; width: 762px;} #div_navigation_second_bg{background-color: #921B15; height: 25px; margin-left: auto; margin-right: auto; position: relative; width: 762px;} #div_navigation_second_flash{width: 762px;} #div_content_bg{background: url(../_images/div_content_bg.jpg); height: 403px; margin-left: auto; margin-right: auto; position: relative; width: 762px;} #div_content_bg_home_00{background: url(../_images/home_00.png); background-repeat: no-repeat; height: 192px; left: 2px; position: absolute; top: 70px; width: 339px;} #div_content_bg_home_01{font-size: 11px; position: absolute; left: 370px; text-align: left; top: 55px; width: 350px;} #div_content_bg a{color: #CF1006; text-decoration: none;} #div_content_bg a:hover{text-decoration: underline;} /* HOLDS THE LANGUAGE FLAGS */ #div_navigation_top_bg_flags{left: 0px; padding-left: 4px; padding-top: 6px; position: absolute;} /* HOLDS THE TOP NAVIGATION */ #div_navigation_top_bg_links{left: 262px; position: absolute;} /* THE FOLLOWING ARE ON products.php */ #div_products_00{background: url(../_images/products_00.png); background-repeat: no-repeat; height: 81px; left: 40px; position: absolute; top: 70px; width: 105px;} #div_products_01{background: url(../_images/products_01.png); background-repeat: no-repeat; height: 77px; left: 220px; position: absolute; top: 70px; width: 105px;} #div_products_02{background: url(../_images/products_02.png); background-repeat: no-repeat; height: 83px; left: 400px; position: absolute; top: 70px; width: 105px;} #div_products_03{background: url(../_images/products_03.png); background-repeat: no-repeat; height: 90px; left: 580px; position: absolute; top: 70px; width: 104px;} #div_products_title_00{background: url(../_images/products_title_00.png); background-repeat: no-repeat; height: 78px; left: 40px; position: absolute; text-align: left; top: 180px; width: 136px;} #div_products_title_00 ul{color: #555555; font-size: 11px; margin-left: 15px; margin-top: 20px; overflow: visible; padding: 0px;} #div_products_title_00 a{color: #555555; text-decoration: none;} #div_products_title_00 a:hover{color: #CF1006; text-decoration: underline;} #div_products_title_01{background: url(../_images/products_title_01.png); background-repeat: no-repeat; height: 78px; left: 220px; position: absolute; text-align: left; top: 180px; width: 104px;} #div_products_title_01 ul{color: #555555; font-size: 11px; margin-left: 15px; margin-top: 20px; overflow: visible; padding: 0px;} #div_products_title_01 a{color: #555555; text-decoration: none;} #div_products_title_01 a:hover{color: #CF1006; text-decoration: underline;} #div_products_title_02{background: url(../_images/products_title_02.png); background-repeat: no-repeat; height: 78px; left: 400px; position: absolute; text-align: left; top: 180px; width: 101px;} #div_products_title_02 ul{color: #555555; font-size: 11px; margin-left: 15px; margin-top: 20px; overflow: visible; padding: 0px;} #div_products_title_02 a{color: #555555; text-decoration: none;} #div_products_title_02 a:hover{color: #CF1006; text-decoration: underline;} #div_products_title_03{background: url(../_images/products_title_03.png); background-repeat: no-repeat; height: 78px; left: 580px; position: absolute; text-align: left; top: 180px; width: 135px;} #div_products_title_03 ul{color: #555555; font-size: 11px; margin-left: 15px; margin-top: 20px; overflow: visible; padding: 0px;} #div_products_title_03 a{color: #555555; text-decoration: none;} #div_products_title_03 a:hover{color: #CF1006; text-decoration: underline;} #div_ultra_peak_01{background: url(../_images/ultra_peak_01.png); background-repeat: no-repeat; height: 159px; left: 580px; position: absolute; top: 175px; width: 107px;} #div_wave_process_hr{background: url(../_images/ultra_peak_02.gif); background-repeat: no-repeat; height: 3px; margin-left: 20px; top: 150px; width: 727px;} #div_wave_process_title{background: url(../_images/div_wave_process_title.png); background-repeat: no-repeat; height: 18px; left: 230px; position: absolute; top: 35px; width: 294px;} #div_wave_process_copy{font-size: 11px; left: 240px; position: absolute; text-align: left; top: 70px; width: 303px;} #div_wave_process_00{background: url(../_images/div_wave_process_00.png); height: 147px; left: 560px; position: absolute; top: 70px; width: 197px; z-index: 100;} #div_wave_process_01{background: url(../_images/div_wave_process_01.png); height: 65px; left: 240px; position: absolute; top: 210px; width: 302px;} #div_wave_process_03{height: 65px; left: 225px; position: absolute; top: 210px; width: 302px;} /* THE "WAVE PROCESS" FLASH CONTAINER */ #div_container_wave_process{top: 135px; width: 762px;} /* THE PRODUCT LINKS SECTION */ #div_product_links{text-align: left; width: 175px;} #div_product_links ul{color: #555555; font-size: 11px; margin-left: 15px; margin-top: 0px; overflow: visible; padding: 0px;} #div_product_links ul a{color: #555555; text-decoration: none;} #div_product_links ul a:hover{color: #CF1006; text-decoration: underline;} /* THE PRODUCT IMAGE DIV TAGS */ #div_product_ultra_peak{background: url(../_images/div_product_ultra_peak.png); background-repeat: no-repeat; height: 134px; width: 180px;} #div_product_ultra_peak-brt{background: url(../_images/div_product_ultra_peak-brt.png); background-repeat: no-repeat; height: 132px; width: 180px;} #div_product_ultra_peak-hh{background: url(../_images/div_product_ultra_peak-hh.png); background-repeat: no-repeat; height: 139px; width: 180px;} #div_product_crest{background: url(../_images/div_product_crest.png); background-repeat: no-repeat; height: 132px; width: 180px;} #div_product_horizon_sp-20{background: url(../_images/div_product_horizon_sp-20.png); background-repeat: no-repeat; height: 128px; width: 180px;} #div_product_horizon_sp-23{background: url(../_images/div_product_horizon_sp-23.png); background-repeat: no-repeat; height: 128px; width: 180px;} #div_product_vista-hp{background: url(../_images/div_product_vista-hp.png); background-repeat: no-repeat; height: 132px; width: 180px;} #div_product_vista-hp1{background: url(../_images/div_product_vista-hp1.png); background-repeat: no-repeat; height: 132px; width: 180px;} /* THE CONTENT CONTAINER */ #div_content_container{margin-left: auto; margin-right: auto; position: relative; width: 762px;} /* FOR SPLITTING THE CONTENT CONTAINER INTO THREE COLUMNS */ #div_content_container_left{float: left; width: 180px;} #div_content_container_right{float: right; text-align: left; width: 180px;} #div_content_container_center{width: 330px;} /* THE TOP GRADIENT BACKGROUND */ #div_content_bg_top{background: url(../_images/div_content_bg_top.jpg); background-repeat: no-repeat; height: 78px;} /* THE TITLE GRAPHICS */ #div_title_ultra_peak{background: url(../_images/div_title_ultra_peak.png); background-repeat: no-repeat; height: 18px; left: 247px; position: absolute; top: 35px; width: 279px;} #div_title_ultra_peak-hh{background: url(../_images/div_title_ultra_peak-hh.png); background-repeat: no-repeat; height: 19px; left: 235px; position: absolute; top: 35px; width: 305px;} #div_title_ultra_peak-brt{background: url(../_images/div_title_ultra_peak-brt.png); background-repeat: no-repeat; height: 19px; left: 226px; position: absolute; top: 35px; width: 330px;} #div_title_crest{background: url(../_images/div_title_crest.png); background-repeat: no-repeat; height: 19px; left: 290px; position: absolute; top: 35px; width: 187px;} #div_title_horizon-sp{background: url(../_images/div_title_horizon-sp.png); background-repeat: no-repeat; height: 19px; left: 270px; position: absolute; top: 35px; width: 244px;} #div_title_vista-hp{background: url(../_images/div_title_vista-hp.png); background-repeat: no-repeat; height: 18px; left: 295px; position: absolute; top: 35px; width: 181px;} #div_title_vista-hp1{background: url(../_images/div_title_vista-hp1.png); background-repeat: no-repeat; height: 19px; left: 290px; position: absolute; top: 35px; width: 192px;} /* THE BOTTOM GRADIENT BACKGROUND */ #div_content_bg_bottom{background: url(../_images/div_content_bg_bottom.jpg); background-repeat: no-repeat; height: 96px; position: relative; text-align: left;} /* THE MIDDLE GRADIENT BACKGROUND */ #div_content_bg_center{background: url(../_images/div_content_bg_center.jpg); background-repeat: repeat-y; text-align: center;} /* THE COPYRIGHT */ #div_copyright{font-size: 10px; height: 111px; margin-left: auto; margin-right: auto; padding-top: 15px; position: relative; width: 762px;} #div_copyright2{background: url(../_images/div_copyright.jpg); background-repeat: no-repeat; border: 1px solid #000000; border-right: 0px; border-bottom: 0px; border-left: 0px; height: 90px; margin-left: auto; margin-right: auto; padding-top: 15px; position: relative; width: 762px;} #div_copyright_link{left: 15px; top: 30px; position: absolute; z-index: 50;} #div_copyright_logo{position: absolute; height: 82px; width: 150px; background: url(../_images/div_copyright_logo.png); background-repeat: no-repeat; left: 35px; top: 5px;} /* THE MIDDLE PRODUCT PAGES COPY BLOCKS */ #div_content_bg_center_copy{font-size: 11px; position: relative; text-align: justify; margin-left: auto; margin-right: auto; margin-top: 0px; width: 330px;} #div_content_bg_center_copy2{font-size: 12px; position: relative; text-align: justify; margin-left: auto; margin-right: auto; margin-top: 0px; width: 340px;} #div_content_bg_center_left{font-size: 11px; position: relative; text-align: left; margin-left: auto; margin-right: auto; margin-top: 0px; width: 330px;} #div_content_bg_center_left table td{font-family: Arial; font-size: 11px;} /* THE CONTACT FORM PAGE */ #div_contact_form{} #div_contact_form .inputs{background-color: #FFFFFF; border: 1px solid #000000; color: #000000; font-family: Arial; font-size: 12px; width: 120px;} #div_contact_form .inputs50{background-color: #FFFFFF; border: 1px solid #000000; color: #000000; font-family: Arial; font-size: 12px; width: 50px;} #div_contact_form .inputs348{background-color: #FFFFFF; border: 1px solid #000000; color: #000000; font-family: Arial; font-size: 12px; width: 348px;} #div_contact_form td{color: #000000; font-family: Arial; font-size: 12px; font-weight: bold;} #div_contact_form textarea{background-color: #FFFFFF; border: 1px solid #000000; color: #000000; font-family: Arial; font-size: 12px; height: 160px; width: 200px;} #div_contact_form .buttons{background-color: #921B15; border: 1px solid #000000; color: #FFFFFF; cursor: hand; cursor: pointer; font-family: Arial; font-size: 12px; font-weight: bold;} #div_contact_00{font-weight: bold; left: 50px; position: absolute; text-align: left; top: 83px; width: 80px;} #div_contact_01{font-weight: bold; left: 130px; position: absolute; text-align: left; top: 80px; width: 120px;} #div_contact_02{font-weight: bold; left: 280px; position: absolute; text-align: left; top: 83px; width: 80px;} #div_contact_03{font-weight: bold; left: 360px; position: absolute; text-align: left; top: 80px; width: 120px;} #div_contact_04{font-weight: bold; left: 50px; position: absolute; text-align: left; top: 113px; width: 80px;} #div_contact_05{font-weight: bold; left: 130px; position: absolute; text-align: left; top: 110px; width: 348px;} #div_contact_06{font-weight: bold; left: 50px; position: absolute; text-align: left; top: 143px; width: 80px;} #div_contact_07{font-weight: bold; left: 130px; position: absolute; text-align: left; top: 140px; width: 120px;} #div_contact_08{font-weight: bold; left: 50px; position: absolute; text-align: left; top: 173px; width: 80px;} #div_contact_09{font-weight: bold; left: 130px; position: absolute; text-align: left; top: 170px; width: 348px;} #div_contact_10{font-weight: bold; left: 50px; position: absolute; text-align: left; top: 203px; width: 60px;} #div_contact_11{font-weight: bold; left: 130px; position: absolute; text-align: left; top: 200px; width: 120px;} #div_contact_12{font-weight: bold; left: 280px; position: absolute; text-align: left; top: 203px; width: 50px;} #div_contact_14{font-weight: bold; left: 50px; position: absolute; text-align: left; top: 233px; width: 60px;} #div_contact_15{font-weight: bold; left: 130px; position: absolute; text-align: left; top: 230px; width: 120px;} #div_contact_16{font-weight: bold; left: 50px; position: absolute; text-align: left; top: 263px; width: 60px;} #div_contact_18{font-weight: bold; left: 540px; position: absolute; text-align: left; top: 83px; width: 100px;} #div_contact_19{font-weight: bold; left: 540px; position: absolute; text-align: left; top: 108px; width: 200px;} #div_contact_20{border: 0px solid #000000; font-weight: bold; left: 0px; position: absolute; text-align: center; top: 300px; width: 762px;} #div_contact_form table{margin-left: 20px;} /* THE CATCH FORM PAGE */ #div_catch_form{} #div_catch_form table tr td{font-family: Arial; font-size: 12px;} #div_catch_form .inputs{background-color: #FFFFFF; border: 1px solid #000000; color: #000000; font-family: Arial; font-size: 12px; width: 120px;} #div_catch_form .inputs50{background-color: #FFFFFF; border: 1px solid #000000; color: #000000; font-family: Arial; font-size: 12px; width: 50px;} #div_catch_form .inputs348{background-color: #FFFFFF; border: 1px solid #000000; color: #000000; font-family: Arial; font-size: 12px; width: 348px;} #div_catch_form textarea{background-color: #FFFFFF; border: 1px solid #000000; color: #000000; font-family: Arial; font-size: 12px; height: 160px; width: 200px;} #div_catch_form .buttons{background-color: #921B15; border: 1px solid #000000; color: #FFFFFF; cursor: hand; cursor: pointer; font-family: Arial; font-size: 12px; font-weight: bold;} #div_catch_00{border: 1px solid #000000; font-weight: bold; left: 50px; position: absolute; text-align: left; top: 113px; width: 80px;} #div_catch_01{border: 1px solid #000000; font-weight: bold; left: 130px; position: absolute; text-align: left; top: 110px; width: 120px;} #div_catch_02{border: 1px solid #000000; font-weight: bold; left: 280px; position: absolute; text-align: left; top: 113px; width: 80px;} #div_catch_03{border: 1px solid #000000; font-weight: bold; left: 360px; position: absolute; text-align: left; top: 110px; width: 120px;} #div_catch_04{border: 1px solid #000000; font-weight: bold; left: 50px; position: absolute; text-align: left; top: 83px; width: 80px;} #div_catch_05{border: 1px solid #000000; font-weight: bold; left: 130px; position: absolute; text-align: left; top: 80px; width: 348px;} #div_catch_06{border: 1px solid #000000; font-weight: bold; left: 50px; position: absolute; text-align: left; top: 143px; width: 80px;} #div_catch_07{border: 1px solid #000000; font-weight: bold; left: 130px; position: absolute; text-align: left; top: 140px; width: 120px;} #div_catch_08{border: 1px solid #000000; font-weight: bold; left: 50px; position: absolute; text-align: left; top: 173px; width: 80px;} #div_catch_09{border: 1px solid #000000; font-weight: bold; left: 130px; position: absolute; text-align: left; top: 170px; width: 348px;} #div_catch_10{border: 1px solid #000000; font-weight: bold; left: 50px; position: absolute; text-align: left; top: 203px; width: 60px;} #div_catch_11{border: 1px solid #000000; font-weight: bold; left: 130px; position: absolute; text-align: left; top: 200px; width: 120px;} #div_catch_12{border: 1px solid #000000; font-weight: bold; left: 280px; position: absolute; text-align: left; top: 203px; width: 50px;} #div_catch_13{border: 1px solid #000000; font-weight: bold; left: 330px; position: absolute; text-align: left; top: 200px; width: 50px;} #div_catch_14{border: 1px solid #000000; font-weight: bold; left: 50px; position: absolute; text-align: left; top: 233px; width: 60px;} #div_catch_15{border: 1px solid #000000; font-weight: bold; left: 130px; position: absolute; text-align: left; top: 230px; width: 120px;} #div_catch_16{border: 1px solid #000000; font-weight: bold; left: 50px; position: absolute; text-align: left; top: 263px; width: 60px;} #div_catch_17{border: 1px solid #000000; font-weight: bold; left: 130px; position: absolute; text-align: left; top: 260px; width: 120px;} #div_catch_18{border: 1px solid #000000; font-weight: bold; left: 510px; position: absolute; text-align: left; top: 83px; width: 100px;} #div_catch_19{border: 1px solid #000000; font-weight: bold; left: 510px; position: absolute; text-align: left; top: 108px; width: 200px;} #div_catch_20{border: 1px solid #000000; font-weight: bold; left: 0px; position: absolute; text-align: center; top: 300px; width: 762px;} /* THE "THANK YOU" PAGE */ #div_content_thank_01{font-size: 11px; font-weight: bold; height: 150px; text-align: center; width: 762px;} /* THE SEARCH RESULTS PAGE */ #div_content_search_00{font-size: 13px; position: absolute; left: 40px; text-align: left; top: 55px; width: 722px;} #div_content_search_00 a{color: #555555; font-weight: bold; text-decoration: none;} #div_content_search_00 a:hover{color: #CF1006; text-decoration: underline;} #div_services{background: url(../_images/div_services.png); height: 53px; width: 145px; left: 105px; position: absolute; top: 55px;} #div_services_certificate{background: url(../_images/div_services_certificate.jpg); height: 156px; width: 200px; left: 80px; position: absolute; top: 145px;} /* TEXT STYLES */ #headline_00{color: #CF1006; font-weight: bold; font-size: 16px; margin-left: auto; margin-right: auto; text-align: left; width: 330px;} #headline_01{color: #CF1006; font-weight: bold; font-size: 16px; margin-left: auto; margin-right: auto; text-align: left;} .fine_00{color: #2B5B76; font-size: 10px;} .highlight_00{color: #CF1006; font-weight: bold;} .required{color: #FF0000; font-weight: bold;} /* MISCELLANEOUS STYLES */ #div_applicable_vehicles{background: url(../_images/div_applicable_vehicles.png); background-repeat: no-repeat; height: 159px; margin-left: 36px; margin-top: 20px; width: 107px;} #div_applicable_vehicles_crest{background: url(../_images/div_applicable_vehicles_crest.png); background-repeat: no-repeat; height: 58px; margin-left: 36px; margin-top: 20px; width: 107px;} #div_applicable_vehicles_horizon{background: url(../_images/div_applicable_vehicles_horizon.png); background-repeat: no-repeat; height: 61px; margin-left: 36px; margin-top: 20px; width: 107px;} #div_applicable_vehicles_vista{background: url(../_images/div_applicable_vehicles_vista.png); background-repeat: no-repeat; height: 54px; margin-left: 36px; margin-top: 20px; width: 107px;} #div_applicable_vehicles_vista-hp1{background: url(../_images/div_applicable_vehicles_vista-hp1.png); background-repeat: no-repeat; height: 89px; margin-left: 36px; margin-top: 20px; width: 107px;} #div_applicable_vehicles_ultra_peak{background: url(../_images/div_applicable_vehicles_ultra_peak.png); background-repeat: no-repeat; height: 79px; margin-left: 36px; margin-top: 20px; width: 107px;} #div_applicable_vehicles_ultra_peak-hh{background: url(../_images/div_applicable_vehicles_ultra_peak-hh.png); background-repeat: no-repeat; height: 32px; margin-left: 36px; margin-top: 20px; width: 107px;} #div_applicable_vehicles_ultra_peak-brt{background: url(../_images/div_applicable_vehicles_ultra_peak-brt.png); background-repeat: no-repeat; height: 100px; margin-left: 36px; margin-top: 20px; width: 107px;} #div_brake_video{text-align: center;} #div_downloads{margin-left: 10px; margin-top: 10px; text-align: center;} #div_downloads a{color: #CF1006; font-weight: bold; text-decoration: none;} #div_downloads a:hover{text-decoration: underline;} #div_products_downloads{text-align: center; width: 762px;} #div_products_downloads a{color: #CF1006; font-weight: bold; text-decoration: none;} #div_products_downloads a:hover{text-decoration: underline;}