/* * Description: Global stylesheet * Website: tkographix.com * Author: TKO graphix (Josh Humble / Chris Langsenkamp) /*swatches h1 - #105d9b h2 - #c63 p - #333 a - #666 a:hover - #999 */ /* reset */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, font, img, strong, dt, dd, ol, ul, li, caption, select, fieldset, form, label {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;} body {line-height:1;} ol, ul {list-style:none;} blockquote, q {quotes:none;} :focus {outline:0;} table {border-collapse:collapse; border-spacing:0;} /* end reset */ /* primary classes and ids */ body {background:#fff url(/_Images/elements/bg.jpg) repeat-x; -webkit-text-stroke:1px transparent; /* Fixes Safari's blocky text */} @media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black; /* Keeps mobile from using Safari fix */ }} #container {position:relative; margin:0 auto; height:auto; width:962px; padding:0 1px; border-left:1px solid #000; border-right:1px solid #000; background:#fff url(/_Images/elements/container_bg.jpg) top left repeat-y; overflow:hidden;} .ie6_disclaimer {display:none;} .clear {clear:both;} /*HEADER*/ #header_one {position:relative; overflow:hidden; float:left; width:960px; height:72px; padding:0 0 0 3px; background:url(/_Images/header_one.jpg) top center no-repeat;} #logo_home {margin:0 0 0 1px; width:183px; height:70px; padding:0;} .tko_slogan {position:absolute; overflow:hidden; float:left; top:36px; left:225px; width:392px; height:26px;} .tko_phone_number {position:absolute; top:25px; left:615px; border:none; width:220px; height:25px;} .login_image {width:140px; height:80px; margin:10px 0 0 110px; padding:0; border:1px solid #000;} .login_image :hover {width:125px; height:48px; padding:0; overflow:hidden; border:none; text-decoration:none; color:#ef8f42;} .logout_image {width:125px; height:48px; margin:0; background:transparent url(/_Images/rolls/logout.png) top left no-repeat; overflow:hidden; border:none;} .logout_image :hover {width:125px; height:48px; margin:0; background:transparent url(/_Images/rolls/logout_hov.png) top left no-repeat; overflow:hidden; border:none;} /* Mini Login Panel */ .MiniLoginPanel .login_text {position:relative; top:0; left:10px;} .MiniLoginPanel .login_text :hover {position:relative; top:0; left:10px;} .MiniLoginPanel {position:absolute; font:bold 16px/12px Arial, sans-serif; color:#fff; top:16px; left:870px; width:100px; height:32px; text-align:left; background:url(/_Images/elements/signout.png) top left no-repeat; padding:10px 20px 0 0;} .MiniLoginPanel a {font:bold 14px/12px Arial, sans-serif; color:#fff; text-decoration:none;} .MiniLoginPanel a:link {font:bold 14px/12px Arial, sans-serif; color:#fff; text-decoration:none;} .MiniLoginPanel a:visited{font:bold 14px/12px Arial, sans-serif; color:#fff; text-decoration:none;} .MiniLoginPanel a:hover {font:bold 14px/12px Arial, sans-serif; color:#ccc; text-decoration:none;} .MiniLoginPanel a:active {font:bold 14px/12px Arial, sans-serif; color:#fff; text-decoration:none;} .MiniLoginPanel .MiniUsernameLabel {color:#333;} .MiniLoginPanel .MiniUsername {width: 135px; height: 14px;} .MiniLoginPanel .MiniPasswordLabel {color:#333;} .MiniLoginPanel .MiniPassword {width: 92px; height: 14px;} .MiniLoginPanel .MiniLogin {width: 40px;} /* Mini Logout Panel */ .MiniLogoutPanel.login_text {position:relative; top:0; left:10px;} .MiniLogoutPanel.login_text :hover {position:relative; top:0; left:10px;} .MiniLogoutPanel {position:absolute; font:bold 16px/12px Arial, sans-serif; text-decoration:none; color:#fff; top:16px; left:870px; width:100px; height:42px; line-height:32px; text-align:left; background:url(/_Images/elements/signout.png) top left no-repeat; padding:10px 10px 0 0;} .MiniLogoutPanel a {color:#fff; font:bold 14px/11px Arial, sans serif; text-decoration:none;} .MiniLogoutPanel a:link {font:bold 14px/12px Arial, sans-serif; color:#fff; text-decoration:none;} .MiniLogoutPanel a:visited {font:bold 14px/12px Arial, sans-serif; color:#fff; text-decoration:none;} .MiniLogoutPanel a:hover {font:bold 14px/12px Arial, sans-serif; color:#ccc; text-decoration:none;} .MiniLogoutPanel a:active {font:bold 14px/12px Arial, sans-serif; color:#fff; text-decoration:none;} #header_two {position:relative; overflow:hidden; float:left; width:960px; height:88px; padding:0 0 0 3px; background:url(/_Images/header_two_2.jpg) top center no-repeat;} /* MAIN MENU */ #main_menu {position:relative; overflow:hidden; float:left; top:0; left:0; width:960px; height:88px;} #main_menu ul {display:inline; position:relative; overflow:hidden; float:left; top:0; left:0; width:630px; height:88px;} #main_menu ul li {display:inline;} /*FLEET*/ li#cascade_fleet a {position:relative; overflow:hidden; float:left; background:transparent url(/_Images/elements/main_nav_2.png) -10px 3px no-repeat; top:0; left:9px; width:110px; height:170px;} li#cascade_fleet a:link {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -10px 3px no-repeat; top:0; left:9px; width:110px; height:170px;} li#cascade_fleet a:visited {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -10px -192px no-repeat; top:0; left:9px; width:110px; height:170px;} li#cascade_fleet a:hover {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -10px -92px no-repeat; top:0; left:9px; width:110px; height:170px;} li#cascade_fleet a:active {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -10px -192px no-repeat; top:0; left:9px; width:110px; height:170px;} /*VEHICLE*/ li#cascade_vehicle a {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -134px 3px no-repeat; top:0; left:25px; width:110px; height:130px;} li#cascade_vehicle a:link {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -134px 3px no-repeat; top:0; left:25px; width:110px; height:130px;} li#cascade_vehicle a:visited {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -134px -192px no-repeat; top:0; left:25px; width:110px; height:130px;} li#cascade_vehicle a:hover {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -134px -92px no-repeat; top:0; left:25px; width:110px; height:130px;} li#cascade_vehicle a:active {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -134px -192px no-repeat; top:0; left:25px; width:110px; height:130px;} /*RETAIL*/ li#cascade_retail a {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -258px 3px no-repeat; top:0; left:40px; width:110px; height:130px;} li#cascade_retail a:link {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -258px 3px no-repeat; top:0; left:40px; width:110px; height:130px;} li#cascade_retail a:visited {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -258px -192px no-repeat; top:0; left:40px; width:110px; height:130px;} li#cascade_retail a:hover {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -258px -92px no-repeat; top:0; left:40px; width:110px; height:130px;} li#cascade_retail a:active {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -258px -192px no-repeat; top:0; left:40px; width:110px; height:130px;} /*EVENT*/ li#cascade_event a {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -383px 3px no-repeat; top:0; left:56px; width:110px; height:150px;} li#cascade_event a:link {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -383px 3px no-repeat; top:0; left:56px; width:110px; height:150px;} li#cascade_event a:visited {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -383px -192px no-repeat; top:0; left:56px; width:110px; height:150px;} li#cascade_event a:hover {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -383px -92px no-repeat; top:0; left:56px; width:110px; height:150px;} li#cascade_event a:active {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -383px -192px no-repeat; top:0; left:56px; width:110px; height:150px;} /*OEM*/ li#cascade_oem a {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -506px 3px no-repeat; top:0; left:72px; width:110px; height:150px;} li#cascade_oem a:link {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -506px 3px no-repeat; top:0; left:72px; width:110px; height:150px;} li#cascade_oem a:visited {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -506px -192px no-repeat; top:0; left:72px; width:110px; height:150px;} li#cascade_oem a:hover {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -506px -92px no-repeat; top:0; left:72px; width:110px; height:150px;} li#cascade_oem a:active {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -506px -192px no-repeat; top:0; left:72px; width:110px; height:150px;} /*MOTOR SPORTS*/ li#cascade_motor_sports a {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -630px 3px no-repeat; top:0; left:88px; width:110px; height:150px;} li#cascade_motor_sports a:link {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -630px 3px no-repeat; top:0; left:88px; width:110px; height:150px;} li#cascade_motor_sports a:visited {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -630px -192px no-repeat; top:0; left:88px; width:110px; height:150px;} li#cascade_motor_sports a:hover {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -630px -92px no-repeat; top:0; left:88px; width:110px; height:150px;} li#cascade_motor_sports a:active {position:relative; float:left; overflow:hidden; background:transparent url(/_Images/elements/main_nav_2.png) -630px -192px no-repeat; top:0; left:88px; width:110px; height:150px;} /* end main menu */ .newsletter_top {position:relative; overflow:hidden; float:left; top:20px; left:3px; width:160px; height:84px; border:none;} .port_top {position:relative; overflow:hidden; float:left; top:13px; left:20px; width:87px; height:75px; border:none;} .header_icons_text {psotion:absolute; overflow:hidden; padding:17px 0 0 38px; width:100px; font:bold 12px/14px Arial, sans-serif; color:#fff;} .header_facebook_icon {position:absolute; overflow:hidden; float:left; top:50px; right:160px; border:none; width:48px; height:48px;} .header_twitter_icon {position:absolute; overflow:hidden; float:left; top:51px; right:100px; border:none; width:48px; height:48px;} .header_flickr_icon {position:absolute; overflow:hidden; float:left; top:51px; right:37px; border:none; width:48px; height:48px;} .header_facebook_icon:hover {position:absolute; overflow:hidden; float:left; top:48px; right:160px; border:none; width:48px; height:48px;} .header_twitter_icon:hover {position:absolute; overflow:hidden; float:left; top:49px; right:100px; border:none; width:48px; height:48px;} .header_flickr_icon:hover {position:absolute; overflow:hidden; float:left; top:49px; right:37px; border:none; width:48px; height:48px;} /* Sub Menu */ /*top-level*/ #second_nav {position:relative; overflow:visible; float:left; top:0; width:960px; padding:0 0 0 4px; height:28px; background:url(/_Images/second_nav_bg.jpg) top center no-repeat; z-index:1;} #sub_menu {position:relative; left:5px; top:4px; width:960px; padding:0; height:28px; z-index:1;} #sub_menu ul li {position:relative; display:inline; padding:0 4px 10px 4px; font:14px Arial, sans-serif; color:#666;} #sub_menu ul li a {position:relative; display:inline; padding:0 5px 10px 5px; background:none; border-top:1px solid #ccc;} #sub_menu ul li a:link {position:relative; display:inline; padding:0 4px 10px 4px;} #sub_menu ul li a:visited {position:relative; display:inline; padding:0 4px 10px 4px;} #sub_menu ul li a:hover {position:relative; display:inline; padding:0 4px 10px 4px;} #sub_menu ul li a:active {position:relative; display:inline; padding:0 4px 10px 4px;} /*second level*/ #sub_menu ul li ul {position:absolute; display:none; padding:0; overflow:hidden; top:22px; left:10px; width:120px;} #sub_menu ul li:hover ul {position:absolute; display:block; padding:0; top:22px; left:4px; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #666; float:left; overflow:hidden;} #sub_menu ul li:hover ul li {height:auto; width:100%; margin:0; float:left; border-bottom:1px solid #000; padding:4px; overflow:hidden; background:url(/_Images/rolls/sub_nav_cascade_bg.png) repeat;} #sub_menu ul li:hover ul li:hover {height:auto; width:100%; margin:0; float:left; border-top:none; border-right:none; border-left:none; border-bottom:1px solid #000; background:url(/_Images/rolls/sub_nav_cascade_bg_hov.png) repeat; padding:4px; overflow:hidden;} #sub_menu a {font:bold 14px Arial, sans-serif; color:#666; text-decoration:none; } #sub_menu a:link {font:bold 14px Arial, sans-serif; color:#666; text-decoration:none;} #sub_menu a:visited {font:bold 14px Arial, sans-serif; color:#000; text-decoration:none;} #sub_menu a:hover{font:bold 14px Arial, sans-serif; color:#333; text-decoration:none;} #sub_menu a:active{font:bold 14px Arial, sans-serif; color:#000; text-decoration:none;} #sub_menu ul li ul li a {font:bold 11px/12px Arial, sans-serif; color:#1A608F; text-decoration:none; background:none; border:none; margin:0; padding:0;} #sub_menu ul li ul li a:link {font:bold 11px/12px Arial, sans-serif; color:#1A608F; text-decoration:none; background:none; border:none; margin:0; padding:0;} #sub_menu ul li ul li a:visited {font:bold 11px/12px Arial, sans-serif; color:#333; text-decoration:none; background:none; border:none; margin:0; padding:0;} #sub_menu ul li ul li a:hover {font:bold 11px/12px Arial, sans-serif; color:#333; text-decoration:none; background:none; border:none; margin:0; padding:0;} #sub_menu ul li ul li a:active {font:bold 11px/12px Arial, sans-serif; color:#333; text-decoration:none; background:none; border:none; margin:0; padding:0;} /*CONTENT CONTAINER*/ #content {position:relative; overflow:hidden; float:left; width:959px; margin:0; padding:0 0 76px 0; z-index:0;} /*SIDEBAR*/ div#sidebar {float:left; margin:0 0 0 1px; padding:0 0 80px 0; height:auto; width:209px; overflow:hidden;} .get_quote {position:relative; top:0; left:0; width:208px; height:76px; overflow:hidden; float:left; background:url(/_Images/sidebar/get_quote.png) no-repeat;} .get_quote:hover {position:relative; top:0; left:0; width:208px; height:76px; overflow:hidden; float:left; background:url(/_Images/sidebar/get_quote_hov.png) no-repeat;} .subscribe {position:relative; top:0; left:0; width:208px; height:76px; overflow:hidden; float:left; background:url(/_Images/sidebar/subscribe.png) no-repeat;} .subscribe:hover {position:relative; top:0; left:0; width:208px; height:76px; overflow:hidden; float:left; background:url(/_Images/sidebar/subscribe_hov.png) no-repeat;} .videos {position:relative; top:0; left:0; width:208px; height:76px; overflow:hidden; float:left; background:url(/_Images/sidebar/video.png) no-repeat;} .videos:hover {position:relative; top:0; left:0; width:208px; height:76px; overflow:hidden; float:left; background:url(/_Images/sidebar/video_hov.png) no-repeat;} .anniversary {position:relative; top:10px; left:5px; width:188px; padding:0 10px 20px 10px; overflow:hidden; float:left;} .anniversary a {position:relative; width:141px; height:138px; margin:10px 0 0 17px; overflow:hidden; float:left;} .anniversary img {position:relative; width:141px; height:138px; overflow:hidden;} .anniversary p > a {font:normal 14px/18px Arial, sans-serif; color:#787F88; margin:0 0 10px 0; width:188px; overflow:hidden;} .anniversary p > a:link {font:normal 14px/18px Arial, sans-serif; color:#787F88; margin:0 0 10px 0; width:188px; overflow:hidden;} .request {position:relative; top:20px; left:3px; margin:0 0 20px 0; width:130px; height:180px; overflow:hidden; float:left;} .request p {font:bold 16px/14px Arial, sans-serif; color:#787F88; padding:10px 0 0 0;} .request p:first-line {font:bold 24px/24px Arial, sans-serif; color:#787F88; padding:10px 0 0 0;} .banner_ad_pri {position:relative; float:left; margin:20px 0 10px 4px; width:200px; height:163px; overflow:hidden; border:none; clear:both;} .banner_ad_pri img {width:200px; height:163px; border:none;} /* Mini Subscribe Panel */ .MiniSubscribePanel {line-height:30px; text-align:left; margin:0 0 0 5px;} .MiniSubscribePanel .MiniEmailLabel {color:#666; font:bold 11px/11px Arial, sans serif;} .MiniSubscribePanel .MiniEmail {margin: 5px; width: 125px; height:12px;} .MiniSubscribePanel .MiniSubscribe {margin: 5px;} .rss_image {position:relative; float:left; left:0; border:none; margin:5px 0 20px 0;} .email_image {position:relative; float:left; left:0; border:none; margin:0 0 40px 0;} div#news_beta {background:url(/_Images/sidebar/tko_news.png) no-repeat; position:relative; margin:0; float:left; width:209px; height:240px; overflow:hidden;} div#news_content_beta {position:relative; top:50px; left:30px; width:160px; height:100px; overflow:hidden;} div#news {position:relative; margin:0; float:left; width:209px; height:150px; overflow:hidden;} div#news_content {margin:0 0 0 14px; padding:0 3px 0 0; width:180px; height:130px; overflow:hidden;} div#news_content p {font:11px/14px Arial, sans-serif; color:#333;} div#news_content a {font:bold 11px/13px Arial, sans-serif; color:#333;} div.news_selector {position:relative; float:left; top:5px; left:60px; font:bold 11px Arial, sans-serif; color:#666;} /* News Table */ .NewsItems {position:relative; float:left; overflow:hidden; width:700px; margin:0 0 20px 0;} .NewsItems h2 {position:relative; font:18px Arial, sans-serif; color:#999; margin:0 0 -5px -3px;} .NewsItems a {position:relative; font:18px Arial, sans-serif; color:#999; margin:0 0 -5px -3px;} .NewsItems a:link {position:relative; font:18px Arial, sans-serif; color:#999; margin:0 0 -5px -3px;} .NewsItems a:visited {position:relative; font:18px Arial, sans-serif; color:#999; margin:0 0 -5px -3px;} .NewsItems a:hover {position:relative; font:18px Arial, sans-serif; color:#333; margin:0 0 -5px -3px;} .NewsItems a:active {position:relative; font:18px Arial, sans-serif; color:#999; margin:0 0 -5px -3px;} .NewsAltItems {position:relative; float:left; overflow:hidden; width:700px; margin:0 0 20px 0;} .NewsAltItems h2 {position:relative; font:18px Arial, sans-serif; color:#999; margin:0 0 -5px -3px;} .NewsAltItems a {position:relative; font:18px Arial, sans-serif; color:#999; margin:0 0 -5px -3px;} .NewsAltItems a:link {position:relative; font:18px Arial, sans-serif; color:#999; margin:0 0 -5px -3px;} .NewsAltItems a:visited {position:relative; font:18px Arial, sans-serif; color:#999; margin:0 0 -5px -3px;} .NewsAltItems a:hover {position:relative; font:18px Arial, sans-serif; color:#333; margin:0 0 -5px -3px;} .NewsAltItems a:active {position:relative; font:18px Arial, sans-serif; color:#999; margin:0 0 -5px -3px;} /*CONTENT*/ div.page_header_content {margin:0 0 20px 0; position:relative; float:left; overflow:hidden; padding:0; width:703px;} div.page_header {position:relative; float:left; overflow:hidden; top:-20px; left:-15px; width:570px; margin:0 0 20px 0; padding:10px 0 0 180px; background:url(/_Images/elements/retail_corner.png) top left no-repeat;} div#page_header {position:relative; float:left; overflow:hidden; top:-20px; left:-15px; width:570px; margin:0 0 20px 0; padding:10px 0 0 180px; background:url(/_Images/elements/retail_corner.png) top left no-repeat;} div#main_content {position:relative; width:686px; margin:0 0 20px 0; padding:20px 15px 5px 15px; float:left; z-index:0;} div.product_content_container {position:relative; top:0; left:-15px; float:left; height:590px; width:753px; overflow:hidden;} div.product_content {position:relative; top:0; float:left; display:inline; height:590px; width:753px; overflow:hidden; background:url(/_Images/elements/slider_grid.png) no-repeat;} .special_insert {width:630px; padding:20px; position:relative; overflow:hidden; float:left; background:#D1E3EF; border:1px solid #275C7F; -moz-border-radius:5px 5px; -webkit-border-radius:7px 7px; margin:0 0 20px 0;} .special_insert p {font:normal 17px/24px serif, Georgia; color:#14374F;} .special_insert p a {font:normal 17px/24px serif, Georgia; color:#14374F; text-decoration:underline;} .special_insert p a:link {font:normal 17px/24px serif, Georgia; color:#333; text-decoration:underline;} .special_insert p a:hover {font:normal 17px/24px serif, Georgia; color:#f00; text-decoration:underline;} .product_content ul {position:relative; display:block; float:left; height:294px; width:753px; overflow:hidden;} .product_content ul li {position:relative; display:inline; float:left; height:295px; width:248px; overflow:hidden;} .grid_item_temps {position:relative; margin:7px;} .theres_more {position:absolute; top:435px; left:713px; width:46px; height:146px; border:none;} .services {position:relative; float:left; overflow:hidden; width:723px;} .services li {position:relative; top:30px; float:left; overflow:hidden; width:114px; height:190px; display:inline; text-align:center; padding:0; margin:0;} .services p {margin-top:-20px; font:bold 11px/13px Arial, sans-serif; color:#4185AF;} div#footer_nav {position:relative; top:50px; left:0; float:left; width:500px; height:31px; font:normal 11px Arial, sans-serif; color:#333; padding:0 0 20px 0; overflow:hidden; clear:both;} div#footer_nav a {font:normal 11px Arial, sans-serif; color:#333;} div#footer_nav a:link {font:normal 11px Arial, sans-serif; color:#333;} div#footer_nav a:visited {font:normal 11px Arial, sans-serif; color:#000;} div#footer_nav a:hover {font:normal 11px Arial, sans-serif; color:#666;} div#footer_nav a:active {font:normal 11px Arial, sans-serif; color:#000;} div#footer_nav li {display:inline;} div#main_content_online_ordering {position:relative; width:586px; margin:0; padding:20px 15px 5px 15px; float:left; z-index:0;} .blog {position:relative; float:left; overflow:hidden; width:959px; margin:0; padding:0 0 76px 0; z-index:0;} /*FOOTER*/ div#footer_top {position:relative; float:left; left:1px; margin:0 auto; background:url(/_Images/elements/footer.jpg) no-repeat top center; width:962px; height:191px; clear:both;} div#footer_bottom {position:relative; float:left; left:3px; margin:0 auto; background:url(/_Images/elements/footer_bottom.jpg) repeat-x; width:958px; height:221px; overflow:hidden;} div.see_more_of_us {position:relative; top:10px; float:right; left:73px; width:80px; height:150px; background:url(/_Images/icons/see_more_of_us.png) top left no-repeat; overflow:hidden; text-align:right;} .clear_float {position:relative; clear:both; width:100%; height:1px; float:none; overflow:hidden;} /* end primary containers */ /* NEWS PAGE */ div.news_page_images {position:relative; float:left; top:0; left:10px; border:none;} div.news_page_left {position:relative; top:0; left:0; float:left; overflow:hidden; width:600px;} div.news_page_left p {font:12px/18px Arial, sans-serif;} div.news_page_left a {font:normal 12px/18px Arial, sans-serif; color:#333; text-decoration:underline;} div.news_page_left a:hover {color:#EF9468; text-decoration:underline;} div.news_page_left li {font:12px/18px Arial, sans-serif; margin-left:20px;} .news_page_h2 {font:normal 20px/22px Arial, sans-serif; color:#c63; margin:0 0 10px -5px; width:95%;} .news_page_h2 a {font:normal 20px/22px Arial, sans-serif; color:#c63; width:95%;} .news_page_h2 a:link {font:normal 20px/22px Arial, sans-serif; color:#c63; width:95%;} .news_page_h2 a:visited {font:normal 20px/22px Arial, sans-serif; color:#c63; width:95%;} .news_page_h2 a:active {font:normal 20px/22px Arial, sans-serif; color:#c63; width:95%;} .news_page_h2 a:hover {font:normal 20px/22px Arial, sans-serif; color:#EF9468; width:95%;} .news_page_date {font:bold 10px/18px Arial, sans-serif; color:#999; margin:0 0 3px 0;} div.social_icons {position:relative; margin:10px 0 -10px 0; width:100px; height:150px; float:left; overflow:hidden;} div.retweet {position:relative; float:right; margin:0; width:70px; left:10px; height:80px; overflow:hidden;} div.digg {position:relative; margin:-20px 0 0 -20px; width:70px; height:50px; clear:both; float:right; border:1px solid #000;} /* site map */ div.sitemap {position:relative; top:20px; left:27px; width:607px; height:182px; padding:0 0 30px 0; float:left;} div.sitemap h4 {margin:0 0 0 20px;} div.sitemap_top {position:relative; margin:0 auto; top:0; left:0; width:543px; height:6px; background:url(/_Images/elements/sitemap_bg_top.png) top center no-repeat;} div.sitemap_body {position:relative; margin:0 auto; top:0; left:0; width:543px; background:url(/_Images/elements/sitemap_bg.png) top center repeat-y; height:125px; overflow:hidden;} div.sitemap_body ul {display:inline-block; border-right:1px dotted #666; padding:0 10px 0 10px; width:105px; position:relative; top:5px; left:12px; float:left;} div.sitemap_bottom {position:relative; margin:0 auto; top:0; left:0; width:607px; height:58px; background:url(/_Images/elements/sitemap_bg_bottom.png) top center no-repeat;} div.sitemap a {font:normal 11px/13px Arial, sans-serif; color:#666; text-decoration:none;} div.sitemap a:link {font:normal 11px/13px Arial, sans-serif; color:#666; text-decoration:none;} div.sitemap a:visited {font:normal 11px/13px Arial, sans-serif; color:#666; text-decoration:none;} div.sitemap a:hover {font:normal 11px/13px Arial, sans-serif; color:#333; text-decoration:underline;} div.sitemap a:active {font:normal 11px/13px Arial, sans-serif; color:#666; text-decoration:none;} /* end site map */ /* FORM ELEMENTS */ fieldset {position:relative; float:left; overflow:hidden; width:50%;} label {position:relative; overflow:hidden; float:left; padding:10px 0 3px 0; font:bold 16px Arial, sans-serif; color:#727c84; margin:0; clear:both;} input[type="text"] {position:relative; overflow:hidden; float:left; clear:both; background:#D3DCE5; border:1px solid #7a7a7a; width:170px; height:18px; padding:2px; font:bold 16px Arial, sans-serif; color:#727c84;} input[type="text"]:hover {border:1px solid #000;} input[type="text"]:focus {border:1px solid #000; background:#E0E9EF; box-shadow:2px 2px 4px #000;} input[type="password"] {position:relative; overflow:hidden; float:left; clear:both; background:#D3DCE5; color:#6F6F6F; border:1px solid #7a7a7a; width:170px; height:18px; padding:2px; font:bold 16px Arial, sans-serif; color:#727c84;} input[type="password"]:hover {border:1px solid #000;} input[type="password"]:focus {border:1px solid #000; background:#E0E9EF;} input[type="radio"] {position:relative; float:left; clear:both;} input[type="checkbox"] {position:relative; float:left; clear:both; background:#D3DCE5;} input[type="submit"] {position:relative; overflow:hidden; float:left; clear:both;} select {border:1px solid #666; font:11px/11px Arial, sans serif; color:#004163;} textarea {position:relative; float:left; overflow:hidden; clear:both; border:1px solid #999; margin:0 0 20px 0; height:80px; width:180px; font:bold 16px Arial, sans-serif; padding:5px; background:#D3DCE5; color:#6F6F6F; border:1px solid #7a7a7a;} textarea:hover {border:1px solid #000;} textarea:focus {border:1px solid #000; background:#E0E9EF;} .field {position:relative; overflow:hidden; float:left; padding:3px 0; width:100%; margin:5px 0;} .Captcha_p {position:relative; margin:15px 0 0 0; left:0; font:bold 16px Arial, sans-serif; color:#727c84; color:#727c84;} .Captcha {position:relative; overflow:hidden; top:0; left:0;} .Captcha img {padding:0; float:left; margin:3px 0 5px 0; border:1px solid #666;} .Captcha input {margin:16px 0 0 0; width:176px;} /* forms */ /* typography */ address {font:bold 12px/14px Arial, sans-serif; color:#666;} .block_intro {font:26px/26px Georgia, serif; color:#333; font-weight:normal; margin:0;} blockquote {font:20px/26px Georgia, serif; color:#333; font-weight:normal; margin:0;} p {font:normal 12px/16px Arial, sans-serif; color:#333; margin:0; margin-bottom:10px;} cite {font:italic 12px/14px Georgia, serif; color:#666;} .p_intro {font:normal 16px/22px Georgia, serif; color:#333; margin:0; margin-bottom:10px;} a {font:normal 12px/16px Arial, sans-serif; color:#666; text-decoration:underline;} a:link {font:normal 12px/16px Arial, sans-serif; color:#666; text-decoration:underline;} a:visited {font:normal 12px/16px Arial, sans-serif; color:#666; text-decoration:underline;} a:hover {font:normal 12px/16px Arial, sans-serif; color:#999; text-decoration:underline;} a:active {font:normal 12px/16px Arial, sans-serif; color:#666; text-decoration:underline;} .psmall {font:11px Arial, sans-serif; color:#999;} .psmall a, a:link, a:visited {font:bold 11px Arial, sans-serif; color:#999; text-decoration:none;} .psmall a:hover {font:bold 11px Arial, sans-serif; color:#333; text-decoration:none;} .online_ordering_h1 {position:relative; top:-30px; left:5px; border:none;} h1 {font:bold 30px/32px Arial, sans-serif; color:#bbb; margin:0 0 15px 0; height:35px; border-bottom:1px solid #bbb;} h2 {font:bold 18px/18px Arial, sans-serif; color:#c63; padding:5px; margin:10px 0 10px -5px; width:95%;} h3 {font:bold 12px/14px Arial, sans-serif; color:#333; margin:0;} h4 {font:bold 18px Arial, sans-serif; color:#999;} .copy li {position:relative; margin:0 0 10px 25px; font:normal 16px/20px Arial, sans-serif; color:#63869F;} .copy li a {position:relative; margin:0 0 10px 25px; font:normal 16px/20px Arial, sans-serif; color:#63869F;} .copy li a:hover {position:relative; margin:0 0 10px 25px; font:normal 16px/20px Arial, sans-serif; color:#63869F;} li {font:normal 12px Arial, sans-serif;} #footer_copy {position:relative; top:-30px; left:219px; width:600px; height:21px; font:bold 10px Arial, sans-serif; color:#666; text-align:left; overflow:hidden; margin:0; padding:0;} .news_copy {font:11px Arial, sans serif; color:#666; text-align:right; padding:0 2px 0 0;} .body_copy {position:relative; top:0; left:10px; width:500px; font:normal 1.5em/1.2em Arial, sans-serif; color:#333;} #block_intro {font:bold small-caps 22px/26px Georgia, serif; color:#333;} .terms {font:11px/13px Arial, sans-serif; color:#333;} .testimonial_container {font:normal 14px/22px Georgia, serif; color:#2581C4; position:relative; float:left; top:0; left:0; width:382px; z-index:2; margin:0;} .testimonial {font:normal 14px/22px Georgia, serif; color:#2581C4; margin:0; position:relative; float:left; overflow:hidden;} .quote_box_top {background:url(/_Images/elements/quote_box_top.jpg) top center no-repeat; margin:0 auto; position:relative; float:left; top:0; left:0; width:382px; height:18px;} .quote_box_body {background:url(/_Images/elements/quote_box_body.jpg) top center repeat-y; position:relative; margin:0 auto; float:left; top:0; left:0; width:382px; overflow:hidden;} .quote_box_bottom {background:url(/_Images/elements/quote_box_bottom.jpg) top center no-repeat; position:relative; margin:0 auto; float:left; top:0; left:0; width:382px; height:40px;} /* style for get quote and view port link, bottom of page */ .quote {position:relative; float:left;} .superscript {vertical-align:super; font:9px Arial, sans-serif;} .disclaimer {font:italic 11px/13px Arial, sans-serif; color:#666;} /* end typography */ /* elements */ .page_tear {background:url(/_Images/elements/page_tear.jpg) no-repeat; left:-22px; top:20px; padding-bottom:40px; width:762px; height:30px; position:relative; clear:both;} .page_tear2 {background:url(/_Images/elements/page_tear2.jpg) no-repeat; left:-22px; top:20px; padding-bottom:40px; width:762px; height:30px; position:relative; clear:both;} .sidebar_tear {position:relative; left:5px; margin:0 0 10px 0; clear:both;} #newsletter_image {margin:10px 0 0 5px; width:104px; height:31px; padding:10px 0 0 40px; background:url(/_Images/rolls/newsletter_archives.png) top left no-repeat; overflow:hidden;} #newsletter_image:hover {margin:10px 0 0 5px; width:104px; height:31px; padding:10px 0 0 40px; background:url(/_Images/rolls/newsletter_archiveshov.png) top left no-repeat; overflow:hidden;} .motor_sports_img2 {position:relative; top:0; left:40px; border:none;} /* images */ /*icons*/ div.visit_affiliates {position:relative; float:left; top:10px; left:10px; margin:0; padding:0; height:180px; width:160px; float:left; overflow:hidden;} div.visit_affiliates img {position:relative; top:10px;} div.see_more_of_us {position:relative; top:10px; left:53px; height:180px; width:140px; float:left;} .see_more_of_us_h1 {position:relative; top:10px; left:-13px; border:none;} .authorized_by {position:relative; float:left; top:50px; left:470px; overflow:hidden; width:300px; height:70px;} .authorized_by img {position:relative; float:left; border:none;} .authorized_by_icons {margin:18px 0 0 0;} .motor_sports_img2 {position:relative; top:-300px; margin:0 0 -280px 0; left:190px; border:none; z-index:0;} /* port images */ .port_contain {position:relative; top:0; left:0; padding:10px 0; width:550px;} .port_contain li {display:inline;} .port_images {position:relative; top:0; left:0; padding:0; margin:0; width:90px; height:90px; border:none;} div#page_img {margin:0; padding:0; position:relative; width:751px; height:260px; top:-20px; left:-15px; z-index:0;} .headshot {position:relative; float:left; margin:2px 15px 10px 0;} .map {position:absolute; top:125px; left:200px; border:2px solid #333;} .mini_port {width:525px; position:relative; margin:20px 0 20px 0;} .mini_port img {border:none; display:inline;} /* end images */ /* Common Panel Objects */ .ResultMsg p {font:bold 11px/11px Arial, sans serif; color:Maroon;} /* online ordering menu */ .ordering_nav {position:relative; top:45px; left:-3px; width:535px; height:35px; padding:0; margin:0; overflow:hidden;} .ordering_nav ul {position:relative; top:18px; height:157px; width:535px; display:inline;} .ordering_nav ul li {position:relative; display:inline; top:0; left:0;} .ordering_nav ul li a.my_orders {display:inline; padding:40px 62px; width:133px; height:120px; overflow:hidden; background:url(/_Images/rolls/my_orders.png) -2px 17px no-repeat; cursor:pointer;} .ordering_nav ul li a.my_orders:visited {display:inline; padding:40px 62px; width:133px; height:120px; overflow:hidden; background:url(/_Images/rolls/my_orders.png) -2px -61px no-repeat; cursor:pointer;} .ordering_nav ul li a.my_orders:hover {display:inline; padding:40px 62px; width:133px; height:120px; overflow:hidden; background:url(/_Images/rolls/my_orders.png) -2px -22px no-repeat; cursor:pointer;} .ordering_nav ul li a.my_account {display:inline; padding:40px 62px; width:133px; height:120px; overflow:hidden; background:url(/_Images/rolls/my_account.png) -2px 17px no-repeat; cursor:pointer;} .ordering_nav ul li a.my_account:visited {display:inline; padding:40px 62px; width:133px; height:120px; overflow:hidden; background:url(/_Images/rolls/my_account.png) -2px -61px no-repeat; cursor:pointer;} .ordering_nav ul li a.my_account:hover {display:inline; padding:40px 62px; width:133px; height:120px; overflow:hidden; background:url(/_Images/rolls/my_account.png) -2px -22px no-repeat; cursor:pointer;} .ordering_nav ul li a.my_cart {display:inline; padding:40px 62px; width:133px; height:120px; overflow:hidden; background:url(/_Images/rolls/my_cart.png) -2px 17px no-repeat; cursor:pointer;} .ordering_nav ul li a.my_cart:visited {display:inline; padding:40px 62px; width:133px; height:120px; overflow:hidden; background:url(/_Images/rolls/my_cart.png) -2px -61px no-repeat; cursor:pointer;} .ordering_nav ul li a.my_cart:hover {display:inline; padding:40px 62px; width:133px; height:120px; overflow:hidden; background:url(/_Images/rolls/my_cart.png) -2px -22px no-repeat; cursor:pointer;} .ordering_nav ul li a.help {display:inline; padding:40px 62px; width:133px; height:120px; overflow:hidden; background:url(/_Images/rolls/help.png) -2px 17px no-repeat; cursor:pointer;} .ordering_nav ul li a.help:visited {display:inline; padding:40px 62px; width:133px; height:120px; overflow:hidden; background:url(/_Images/rolls/help.png) -2px -61px no-repeat; cursor:pointer;} .ordering_nav ul li a.help:hover {display:inline; padding:40px 62px; width:133px; height:120px; overflow:hidden; background:url(/_Images/rolls/help.png) -2px -22px no-repeat; cursor:pointer;} /* end online ordering */ /* Check Out Button */ div.check_out {width:133px; height:38px; overflow:hidden; float:left; cursor:pointer; position:relative; top:20px; left:565px; margin:0;} div.check_out ul {position:relative; top:18px; height:38px; width:133px; display:inline;} div.check_out ul li {position:relative; display:inline; top:0; left:0;} div.check_out ul li a.check_out_button {float:left; padding:20px 62px; overflow:hidden; background:url(/_Images/rolls/check_out.png) -2px 0px no-repeat; cursor:pointer; position:relative;} div.check_out ul li a.check_out_button:hover {float:left; padding:20px 62px; overflow:hidden; background:url(/_Images/rolls/check_out.png) -2px -39px no-repeat; cursor:pointer; position:relative;} /* Login Panel */ .LoginPanel {position:relative; overflow:hidden; float:left; padding:10px; background:#eee; -moz-border-radius:10px; -webkit-border-radius:10px; border:2px solid #ccc; width:660px;} .LoginPanel:hover {box-shadow:2px 2px 4px #D3DCE5; -moz-box-shadow:2px 2px 4px #D3DCE5; -webkit-box-shadow:2px 2px 4px #D3DCE5;} .LoginPanel:focus {box-shadow:2px 2px 4px #D3DCE5; -moz-box-shadow:2px 2px 4px #D3DCE5; -webkit-box-shadow:2px 2px 4px #D3DCE5;} fieldset.login {position:relative; float:left; overflow:hidden; width:42%;} fieldset.login2 {position:relative; float:left; overflow:hidden; width:56%; border-left:1px dotted #8E9FAF;} fieldset.login2 .field {margin:-5px 0 0 30px;} .LoginPanel .Forgot {position:relative; overflow:hidden; margin:13px 0 0 5px; loat:left;} .LoginPanel a.Forgot {position:relative; overflow:hidden; margin:13px 0 0 5px; float:left;} .LoginPanel .Remember {position:relative; overflow:hidden; float:left; font:bold 12px Arial, sans-serif; color:#727c84; top:0; left:0;} .LoginPanel label.Remember_text {position:relative; overflow:hidden; float:left; font:bold 12px Arial, sans-serif; color:#727c84; top:-8px; margin:0 5px 0 0;} .LoginPanel a {color:#666; font:bold 11px/11px Arial, sans serif; text-decoration:none;} .LoginPanel a:link {color:#666; font:bold 11px/11px Arial, sans serif; text-decoration:none;} .LoginPanel a:visited {color:#333; font:bold 11px/11px Arial, sans serif; text-decoration:none;} .LoginPanel a:active {color:#333; font:bold 11px/11px Arial, sans serif; text-decoration:none;} .LoginPanel a:hover {color:#999; font:bold 11px/11px Arial, sans serif; text-decoration:underline;} .LoginPanel .ResultMsg_login {position:relative; overflow:hidden; float:left; margin:16px 0 0 4px; font:bold 11px/11px Arial, sans serif; color:#f00;} .LoginPanel .not_registered {position:relative; overflow:hidden; float:left; clear:both; border-top:1px dashed #999; padding:10px 0 0 0; margin:10px 0 0 0; width:100%;} .LoginPanel a.not_registered {position:relative; overflow:hidden; float:left; clear:both; border-top:1px dashed #999; padding:10px 0 0 0; margin:10px 0 0 0;} .LoginPanel a.not_registered:link {position:relative; overflow:hidden; border-top:1px dashed #999;} .LoginPanel a.not_registered:visited {position:relative; overflow:hidden; border-top:1px dashed #999;} .login_button {position:relative; overflow:hidden; float:left; margin:5px 0 0 -5px; background:url(/_Images/elements/button_login.png) 0 -2px no-repeat; border:none; width:79px; height:38px;} .login_button:hover {background:url(/_Images/elements/button_login.png) 0 -37px no-repeat; border:none; cursor:pointer;} /*Retrieve Login*/ .RetrievePanel {position:relative; overflow:hidden; float:left; background:#eee; -moz-border-radius:10px; -webkit-border-radius:10px; border:2px solid #ccc; width:640px; padding:10px;} .RetrievePanel .retrieve_label {position:relative; float:left; overflow:hidden; width:90%;} .RetrievePanel .email_label {position:relative; float:left; clear:both; top:5px; left:0; width:275px;} .RetrievePanel .email {position:relative; float:left; clear:left; top:20px; left:0;} .RetrievePanel .captcha img {position:absolute; top:30px; left:315px; right:10px; border:1px solid #333;} .RetrievePanel .captcha input {position:absolute; top:100px; left:314px;} .RetrievePanel .retrieve_button {position:relative; top:0; left:-4px; width:160px; height:34px; background:url(/_Images/elements/button_retrieve.png) 0 -5px no-repeat; border:none;} .RetrievePanel .retrieve_button:hover {cursor:pointer; background:url(/_Images/elements/button_retrieve.png) 0 -40px no-repeat; border:none;} .RetrievePanel .ResultMsg_retrieve p {position:relative; overflow:hidden; top:10px; left:0; width:250px; font:bold 12px/12px Arial, sans-serif; color:#f00;} /* Register Done Panel */ .RegisterDonePanel {} .RegisterDonePanel h1 {text-align:left;} /* Contact Panel */ .ContactPanel {position:relative; overflow:hidden; float:left; padding:10px; background:#eee; -moz-border-radius:10px; -webkit-border-radius:10px; border:2px solid #ccc; width:660px;} .ContactPanel:hover {box-shadow:2px 2px 4px #D3DCE5; -moz-box-shadow:2px 2px 4px #D3DCE5; -webkit-box-shadow:2px 2px 4px #D3DCE5;} .ContactPanel:focus {box-shadow:2px 2px 4px #D3DCE5; -moz-box-shadow:2px 2px 4px #D3DCE5; -webkit-box-shadow:2px 2px 4px #D3DCE5;} .ContactPanel .ContactNameLabel {position:relative; float:left; overflow:hidden;} .ContactPanel .ContactName {position:relative; float:left; overflow:hidden;} .ContactPanel .ContactPhoneLabel {position:relative; float:left; overflow:hidden;} .ContactPanel .ContactPhone {position:relative; float:left; overflow:hidden;} .ContactPanel .ContactEmailLabel {position:relative; float:left; overflow:hidden;} .ContactPanel .ContactEmail {position:relative; float:left; overflow:hidden;} .ContactPanel .ContactBestTimeLabel {position:relative; float:left; overflow:hidden; clear:both;} .ContactPanel .ContactBestTime {position:relative; float:left; overflow:hidden; clear:both;} .ContactPanel .ContactMsgLabel {position:relative; float:left; overflow:hidden; clear:both;} .ContactPanel .ContactMsg {position:relative; float:left; overflow:hidden; clear:both; margin:0 0 20px 0;} .ContactPanel .Captcha {position:relative; float:left; overflow:hidden; clear:both; margin:0 0 15px 0;} .ContactPanel .Captcha img {position:relative; float:left; overflow:hidden; border:1px solid #666;} .ContactPanel .Captcha label {position:relative; float:left; overflow:hidden; line-height:22px;} .ContactPanel .Captcha input {position:relative; float:left; overflow:hidden; height:18px; padding:2px; margin-left:0; background:url(/_Images/elements/field_bg.png) repeat-x; border:1px solid #7a7a7a; font:bold 16px Arial, sans-serif; color:#727c84;} .ContactPanel a {color:#333; font:bold 11px/11px Arial, sans serif; text-decoration:none;} .ContactPanel a:link {color:#333; font:bold 11px/11px Arial, sans serif; text-decoration:none;} .ContactPanel a:visited {color:#000; font:bold 11px/11px Arial, sans serif; text-decoration:none;} .ContactPanel a:active {color:#000; font:bold 11px/11px Arial, sans serif; text-decoration:none;} .ContactPanel a:hover {color:#666; font:bold 11px/11px Arial, sans serif; text-decoration:underline;} .ContactPanel .Submit_button {height:35px; width:79px; padding:0 0 3px 0; margin:5px 0 0 -7px; background:url(/_Images/elements/button_submit.png) 0 -4px no-repeat; border:none;} .ContactPanel .Submit_button:hover {background:url(/_Images/elements/button_submit.png) 0 -38px no-repeat; border:none; cursor:pointer;} .ContactPanel textarea {position:relative; float:left; overflow:hidden;} #address_panel {position:relative; overflow:hidden; float:left; padding:10px; margin:20px 0; position:relative; overflow:hidden; float:left; background:#eee; -moz-border-radius:10px; -webkit-border-radius:10px; border:2px solid #ccc; width:660px;} #address_panel address {font:bold 16px Arial, sans-serif; color:#727c84;} /* Quote Panel */ .QuotePanel {position:relative; float:left; overflow:hidden; margin-bottom:20px;} .QuotePanel:hover {box-shadow:2px 2px 4px #D3DCE5; -moz-box-shadow:2px 2px 4px #D3DCE5; -webkit-box-shadow:2px 2px 4px #D3DCE5;} .QuotePanel:focus {box-shadow:2px 2px 4px #D3DCE5; -moz-box-shadow:2px 2px 4px #D3DCE5; -webkit-box-shadow:2px 2px 4px #D3DCE5;} .QuotePanel .YesPanel {position:relative; float:left; overflow:hidden; width:250px; height:100px; font:bold 16px Arial, sans-serif; padding:10px; padding:5px;} .QuotePanel .YesPanel input {position:relative; overflow:hidden; float:left; margin:4px 0 30px 0;} .QuotePanel .YesPanel label {position:relative; overflow:hidden; float:left; margin:-57px 0 5px 18px;} .QuotePanel .LowerPanel {position:relative; float:left; overflow:hidden; clear:both; margin-top:20px;} .QuotePanel .Captcha {padding:0 0 15px 0;} .QuotePanel .Captcha img {float:left; margin-right:30px; border:1px solid #666;} .QuotePanel .Captcha label {line-height:22px;} .QuotePanel .Captcha input {height:16px; padding:2px; background:url(/_Images/fieldbg_general.gif) repeat-x; border:1px solid #999; font:normal 11px Arial, sans-serif; color:#004163; width:75px; padding:5px;} .QuotePanel .Submit {margin-top:10px; height:24px; width:150px; line-height:22px; font:normal 12px Arial, sans-serif; padding:0 0 3px 0;} .ContactTable {position:relative; clear:both; margin-top:20px; padding:5px;} .ContactTable caption {text-align:left; padding:3px; margin:0 0 20px 0; font:bold 18px/18px Arial, sans-serif; color:#c63; white-space:nowrap;} .ContactTable th {margin:2px; font:normal 11px/11px Arial, sans serif; white-space:nowrap;} .ContactTable td {margin:2px; font:normal 10px/10px Arial, sans serif; white-space:nowrap;} .ContactTable input {position:relative; overflow:hidden; float:left; font:normal 11px/11px Arial, sans serif;} .ContactTable label {position:relative; overflow:hidden; float:left; margin:-17px 0 5px 18px;} .ContactTable select {width:190px;} .IndustryTable {position:relative; clear:both; margin-top:20px; margin-left:5px; padding:5px;} .IndustryTable caption {text-align:left; padding:3px; margin:0 0 10px 0; color:#666; font:bold 18px/18px Arial, sans-serif; color:#c63; white-space:nowrap;} .IndustryTable td {padding-left:10px; padding-right:5px; vertical-align:top; white-space:nowrap;} .IndustryTable input {position:relative; overflow:hidden; float:left; margin:0;} .IndustryTable label {position:relative; overflow:hidden; float:left; margin:-27px 0 5px 25px;} .ApplicationPanel {clear:both; margin:-5px 0 10px 0; font:normal 11px/11px Arial, sans serif; padding:5px;} .ApplicationPanel label {position:relative; overflow:hidden; float:left; margin:-22px 0 5px 22px; font:normal 11px/11px Arial, sans serif;} .ApplicationPanel input {position:relative; overflow:hidden; float:left; margin:0;} /* Subscribe Panel */ .subscribe_iframe {position:relative; width:660px; height:550px; border:none;} .SubscribePanel {} .SubscribePanel .EmailLabel {} .SubscribePanel .Email {} .SubscribePanel .Captcha {padding:0 0 15px 0;} .SubscribePanel .Captcha img {float:left; margin-right:30px;} .SubscribePanel .Captcha label {line-height:22px;} .SubscribePanel .Captcha input {height:16px; padding:2px; background:url(/_Images/fieldbg_general.gif) repeat-x; border:1px solid #666; font:normal 11px Arial, sans-serif; color:#004163; width:75px;} .SubscribePanel a {color:#333; font:bold 11px/11px Arial, sans serif; text-decoration:none;} .SubscribePanel a:link {color:#333; font:bold 11px/11px Arial, sans serif; text-decoration:none;} .SubscribePanel a:visited {color:#000; font:bold 11px/11px Arial, sans serif; text-decoration:none;} .SubscribePanel a:active {color:#000; font:bold 11px/11px Arial, sans serif; text-decoration:none;} .SubscribePanel a:hover {color:#666; font:bold 11px/11px Arial, sans serif; text-decoration:underline;} .SubscribePanel .Subscribe {height:24px; width:90px; line-height:22px; font:normal 12px Arial, sans-serif; padding:0 0 3px 0;} .newsletter_archives {position:relative; overflow:visible; width:600px;} .newsletter_archives ul li {margin:0 0 0 10px; padding:10px 0; font-weight:bold;} .newsletter_archives img {float:left; margin:0 10px 10px 0; border:1px solid #000;} .newsletter_archives_header {border:none !important;} /* Subscribe Done Panel */ .SubscribeDonePanel {} .SubscribeDonePanel h1 {text-align:left;} /* Subscribe Activated Panel */ .SubscribeActivatedPanel {} .SubscribeActivatedPanel h1 {text-align:left;} /* Subscribe Failed Panel */ .SubscribeFailedPanel {} .SubscribeFailedPanel h1 {text-align:left;} /* Subscribe Cancelled Panel */ .SubscribeCancelledPanel {} .SubscribeCancelledPanel h1 {text-align:left;} /* Online Ordering main tables, elements */ .online_ordering_h1 {margin-bottom:80px; overflow:visible;} .online_ordering_main_table {position:relative; width:660px; clear:both; margin:0;} .online_ordering_header {background:url(/_Images/elements/bg_online_ordering_main_header.png) -45px 0 no-repeat; overflow:hidden; float:left; width:100%; padding:0 0 10px 0;} .online_ordering_main_table .headers th {font:bold 12px/14px Arial, sans-serif; color:#4f2b13; height:30px; text-align:left; padding:5px 5px 0 10px; margin:0 0 3px 0; border:1px solid #ccc; border-bottom:2px solid #666;} .online_ordering_main_table .headers:hover {background:none;} .online_ordering_main_table tr {border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;} .online_ordering_main_table tr:hover {background:#E0E8EF;} .online_ordering_main_table tr td {padding:5px 5px 0 5px; border-left:1px dotted #ccc;} .items {font:normal 12px Arial, sans-serif; height:40px; border-right:1px solid #ccc; border-left:1px solid #ccc; background:#eee; text-align:left; padding:0 0 0 10px;} .alt_items {font:normal 12px Arial, sans-serif; height:40px; background-color:#fff; border-right:1px solid #ccc; border-left:1px solid #ccc; text-align:left; padding:0 0 0 10px;} .online_ordering_main_table tr.Drop {border-bottom:2px dotted #999; border-right:1px solid #ccc; text-align:left; padding:5px 0 0 10px; position:relative; z-index:1;} .online_ordering_main_table .OrderTotalLabel {padding:0 0 0 5px; font:bold 11px Arial, sans-serif; text-align:right;} .online_ordering_main_table .OrderTotal {padding-left:5px; font:bold 12px Arial, sans-serif; text-align:left;} .add_to_cart_button2 {position:relative; top:0; left:0; overflow:hidden; float:left; width:68px; height:78px;} .ProductDetails a.add_to_cart_button2 {position:relative; top:0; left:70px; overflow:hidden; float:left; width:68px; height:78px; background:url(/_Images/elements/button_add_to_cart.png) no-repeat;} .check_out_button2 {position:relative; top:0; left:0; overflow:hidden; float:left; width:68px; height:78px;} .online_ordering_home_image {position:relative; border:none; width:231px; height:290px; top:-10px; float:left; left:0;} /* Products Page Specific */ .products .ItemNo {width:15%;} .products .Description {width:65%;} .products .Price {width:25%;} .products .Buy {width:10%; text-align:center; padding:0 2px;} .products .headers th {width:5%; background:none;} .products .Check_out {width:5%; background:url(/_Images/elements/bg_add_to_cart.png) repeat-x;} .ProductNumber {padding:0 0 5px 0;} /* Order History Page */ .history {margin-top:90px;} .history .OrderNo {width:10%;} .history .Status {width:10%; text-align:center;} .headers th.Status {text-align:center;} .history .PO_Number {width:15%;} .history .Description {width:35%;} .history .OrderDate {width:15%;} .history .ShipDate {width:15%;} /* Product Details Page */ .ProductImage {position:relative; overflow:hidden; top:0; left:0; float:left; height:270px; width:400px; padding-bottom:10px;} .ProductNumber {position:relative; float:left; margin-right:10px; padding-bottom:10px;} .ProductDetails_buy {position:absolute; top:13px; left:458px; overflow:hidden; background:url(/_Images/elements/button_add_to_cart.png) no-repeat;} a.back_to_products {position:absolute; top:73px; left:542px; font:bold 11px Arial, sans-serif; color:#666; text-decoration:none;} a.back_to_products:hover {position:absolute; top:73px; left:542px; font:bold 11px Arial, sans-serif; color:#333; text-decoration:underline;} .ProductDetails {position:absolute; top:96px; overflow:hidden; left:455px; border-left:1px solid #ccc; border-right:1px solid #ccc; text-align:left;} .ProductDetails th {font:bold 12px Arial, sans-serif; color:#666; background:#eee; white-space:nowrap; padding:6px; text-align:left;} .ProductDetails td {font:normal 12px Arial, sans-serif; white-space:nowrap; padding:6px; text-align:left;} .ProductDetails_buy_nonpop {position:absolute; top:90px; left:530px; overflow:hidden; background:url(/_Images/elements/button_add_to_cart.png) no-repeat;} a.back_to_products_nonpop {position:absolute; top:150px; left:615px; font:bold 11px Arial, sans-serif; color:#666; text-decoration:none;} a.back_to_products_nonpop:hover {font:bold 11px Arial, sans-serif; color:#333; text-decoration:underline;} .ProductDetails_nonpop {position:absolute; top:170px; overflow:hidden; left:530px; border-left:1px solid #ccc; border-right:1px solid #ccc; text-align:left;} .ProductDetails_nonpop th {font:bold 12px Arial, sans-serif; color:#666; background:#eee; white-space:nowrap; padding:6px; text-align:left;} .ProductDetails_nonpop td {font:normal 12px Arial, sans-serif; white-space:nowrap; padding:6px; text-align:left;} /*Cart Page*/ .Cart {} .order_your_product {position:relative; overflow:hidden; float:left; margin:0 0 0 -20px; z-index:0;} /* Cart Nav Panel */ .CartNavPanel {position:relative; overflow:hidden; float:left; margin-top:0; top:20px; left:520px;} .CartNavPanel .CartNav {} .CartNavPanel .CartNav li {display:block; padding:0 0 10px 7px; text-align:center;} .CartNavPanel .CartNav a {color:#333; font:bold 14px/14px Arial, sans serif; text-decoration:none;} .CartNavPanel .CartNav a:link {color:#333; font:bold 14px/14px Arial, sans serif; text-decoration:none;} .CartNavPanel .CartNav a:visited {color:#000; font:bold 14px/14px Arial, sans serif; text-decoration:none;} .CartNavPanel .CartNav a:active {color:#000; font:bold 14px/14px Arial, sans serif; text-decoration:none;} .CartNavPanel .CartNav a:hover {color:#666; font:bold 14px/14px Arial, sans serif; text-decoration:underline;} /* online ordering menu */ .ordering_nav {position:absolute; top:57px; left:12px; width:565px; height:38px; padding:0; overflow:hidden; float:left; z-index:10;} .ordering_nav ul {position:relative; overflow:hidden; top:0; height:217px; width:550px;} .ordering_nav ul li {position:relative; overflow:hidden; float:left; display:inline; top:0; left:0; height:38px;} .ordering_nav ul li:hover {cursor:pointer;} .ordering_nav ul li a.products {display:inline; top:0; left:0; padding:10px 62px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -137px 54px no-repeat;} .ordering_nav ul li a.products:link {display:inline; top:0; left:0; padding:56px 62px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -137px 54px no-repeat;} .ordering_nav ul li a.products:visited {display:inline; top:0; left:0; padding:56px 62px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -137px -24px no-repeat;} .ordering_nav ul li a.products:hover {display:inline; top:0; left:0; padding:56px 62px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -137px 15px no-repeat;} .ordering_nav ul li a.products:active {display:inline; top:0; left:0; padding:56px 62px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -137px -24px no-repeat;} .ordering_nav ul li a.cart {display:inline; top:0; left:0; padding:56px 66px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -264px 54px no-repeat;} .ordering_nav ul li a.cart:link {display:inline; top:0; left:0; padding:56px 66px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -264px 54px no-repeat;} .ordering_nav ul li a.cart:visited {display:inline; top:0; left:0; padding:56px 66px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -264px -24px no-repeat;} .ordering_nav ul li a.cart:hover {display:inline; top:0; left:0; padding:56px 66px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -264px 15px no-repeat;} .ordering_nav ul li a.cart:active {display:inline; top:0; left:0; padding:56px 66px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -264px -24px no-repeat;} .ordering_nav ul li a.orders {display:inline; top:0; left:0; padding:56px 66px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -1px 54px no-repeat;} .ordering_nav ul li a.orders:link {display:inline; top:0; left:0; padding:56px 66px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -1px 54px no-repeat;} .ordering_nav ul li a.orders:visited {display:inline; top:0; left:0; padding:56px 66px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -1px -24px no-repeat;} .ordering_nav ul li a.orders:hover {display:inline; top:0; left:0; padding:56px 66px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -1px 15px no-repeat;} .ordering_nav ul li a.orders:active {display:inline; top:0; left:0; padding:56px 66px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -1px -24px no-repeat;} .ordering_nav ul li a.documents {display:inline; top:0; left:0; padding:56px 66px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -403px 54px no-repeat;} .ordering_nav ul li a.documents:link {display:inline; top:0; left:0; padding:56px 66px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -403px 54px no-repeat;} .ordering_nav ul li a.documents:visited {display:inline; top:0; left:0; padding:56px 66px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -403px -24px no-repeat;} .ordering_nav ul li a.documents:hover {display:inline; top:0; left:0; padding:56px 66px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -403px 15px no-repeat;} .ordering_nav ul li a.documents:active {display:inline; top:0; left:0; padding:56px 66px; overflow:hidden; background:url(/_Images/elements/online_ordering_nav.png) -403px -24px no-repeat;} /* Specific Functions */ .Trail {position:relative; overflow:hidden; margin:5px 0 10px 0; float:left; left:0; font:normal 12px Arial, sans-serif; color:#000; padding:10px 0 0 0;} .Trail a {font:normal 12px Arial, sans-serif; color:#999;} .Trail a:link {font:normal 12px Arial, sans-serif; color:#999;} .Trail a:visited {font:normal 12px Arial, sans-serif; color:#999;} .Trail a:hover {font:normal 12px Arial, sans-serif; color:#333;} .Trail a:active {font:normal 12px Arial, sans-serif; color:#999;} .ProductThumb img {position:relative; float:left; margin:3px; width:100px; height:68px; border:1px solid #333;} .ProductNumber {position:relative; top:0; float:left; clear:both; padding:0 0 3px 3px;} .CartCountPanel {position:absolute; overflow:hidden; top:-6px; right:0; height:35px; padding:20px 45px 0 0; font:bold 12px Arial, sans-serif; color:#666; text-shadow:1px 1px 1px #999; z-index:11; background:url(/_Images/elements/icon_cart_counter.png) right no-repeat;} .ClearCart {position:absolute; top:8px; right:0; width:100px; height:35px; padding:7px 0 0 0; font:bold 12px Arial, sans-serif; color:#666; text-decoration:none; z-index:11; background:url(/_Images/elements/icon_cart_empty.png) 60px -5px no-repeat;} a.ClearCart {font:bold 12px Arial, sans-serif; color:#666; text-decoration:none;} a.ClearCart:link {font:bold 12px Arial, sans-serif; color:#666; text-decoration:none;} a.ClearCart:hover {font:bold 12px Arial, sans-serif; color:#333; text-decoration:none;} a.CatItems {position:relative; float:left; overflow:hidden; font:12px/14px Arial, sans-serif; color:#333; padding:5px; margin:0 0 10px 0; border:1px dashed #999; text-align:center; background:#eee; text-decoration:none; width:672px;} a.CatItems:link {position:relative; float:left; overflow:hidden; font:bold 12px Arial, sans-serif; color:#333; padding:10px; background:#eee;} a.CatItems:visited {position:relative; float:left; overflow:hidden; font:bold 12px Arial, sans-serif; color:#999; padding:10px; background:#eee;} a.CatItems:hover {position:relative; float:left; overflow:hidden; font:bold 12px Arial, sans-serif; color:#333; padding:10px; background:#ccc;} .MyCatList {font:12px Arial, sans-serif; color:#333; margin:0 0 10px 0; width:659px;} .MyCatList td {padding:5px; border:1px dashed #ccc; text-align:center; background:#eee;} .MyCatList td:hover {padding:5px; border:1px dashed #ccc; text-align:center; background:#fff;} .MyCatList a:link {font:12px Arial, sans-serif; color:#666; text-decoration:none;} .MyCatList a:visited {font:12px Arial, sans-serif; color:#999; text-decoration:none;} .MyCatList a:hover {font:12px Arial, sans-serif; color:#666; text-decoration:none;} .Pages {position:relative; float:left; margin:10px 0 10px 0; overflow:hidden; clear:both; font:bold 12px Arial, sans-serif; color:#666; padding:10px 0 10px 0;} .Pages a:link {position:relative; float:left; overflow:hidden; font:bold 12px Arial, sans-serif; text-decoration:none; color:#333; padding:2px 4px 2px 6px; border:1px solid #666; margin:-6px 6px 0 0; background:#fff; box-shadow:1px 1px 2px #999; -moz-box-shadow:1px 1px 2px #999; -webkit-box-shadow:1px 1px 2px #999;} .Pages a:visited {position:relative; float:left; overflow:hidden; font:bold 12px Arial, sans-serif; text-decoration:none; color:#999; padding:2px 4px 2px 6px; border:1px solid #666; margin:-6px 6px 0 0; background:#fff; box-shadow:1px 1px 2px #999; -moz-box-shadow:1px 1px 2px #999; -webkit-box-shadow:1px 1px 2px #999;} .Pages a:hover {position:relative; float:left; overflow:hidden; font:bold 12px Arial, sans-serif; text-decoration:none; color:#333; padding:2px 4px 2px 6px; border:1px solid #666; margin:-6px 6px 0 0; background:#ccc; box-shadow:1px 1px 2px #999; -moz-box-shadow:1px 1px 2px #999; -webkit-box-shadow:1px 1px 2px #999;} .select_by_page {position:relative; float:left; overflow:hidden; font:normal 16px Arial, sans-serif; color:#333; top:-5px; margin-right:12px;} tr.nohov {border:none; background-color:#fff;} tr.nohov:hover {border:none; background-color:#fff;} tr.nohov td {border:none;} /* ONLINE ORDERING SEARCH form */ .SearchForm {position:absolute; overflow:hidden; float:right; top:48px; right:-5px; width:182px; height:60px; z-index:2;} .SearchForm input[type="text"] {position:absolute; top:14px; left:27px; width:105px; height:18px; padding:2px 0 0 2px; font:11px Arial, sans-serif; color:#666;} .SearchForm input[type="submit"] {position:absolute; top:7px; left:128px; overflow:hidden; width:48px; height:33px; border:none; background:url(/_Images/elements/button_go.png) 0 -3px no-repeat;} .SearchForm input[type="submit"]:hover {position:absolute; overflow:hidden; width:48px; height:33px; border:none; background:url(/_Images/elements/button_go.png) 0px -38px no-repeat; cursor:pointer;} /* Address Tables */ .Addresses {position:relative; margin:10px 0 10px -4px; border:none; width:648px;} .Addresses caption {display:none;} .Addresses th {font:bold 18px Arial, sans-serif; color:#999; padding:10px; white-space:nowrap;} .Addresses td {font:normal 12px Arial, sans-serif; padding:10px; white-space:nowrap; border:5px solid #fff; background:#eee;} .Addresses_nonVisible {width:649px; position:relative; top:65px; left:7px; margin:20px 0 100px 0; padding:5px; border-top:1px dotted #666;} .Addresses_nonVisible caption {display:none; background-color:#fff;} .Addresses_nonVisible th {font:bold 18px Arial, sans-serif; color:#999; padding-left:10px; margin:0 0 0 -5px; white-space:nowrap; width:50%; border-top:1px dotted #999; border-bottom:1px dotted #999; text-align:left;} .Addresses_nonVisible td {font:normal 12px Arial, sans-serif; padding:10px 0 0 10px; margin:0 0 0 -5px; white-space:nowrap; width:50%; border-bottom:1px dotted #999; text-align:left;} /* Address_confirm Tables */ .Addresses_confirm {position:relative; overflow:hidden; float:left; top:0; left:0; margin:30px 0 30px -9px; border:none; width:649px;} .Addresses_confirm caption {display:none; background-color:#fff; white-space:nowrap;} .Addresses_confirm th {text-align:left; font:bold 18px Arial, sans-serif; color:#999; padding-left:10px; white-space:nowrap; width:50%; border-bottom:1px dotted #999;} .Addresses_confirm td {font:normal 12px Arial, sans-serif; padding:10px 0 0 10px; white-space:nowrap; width:50%;} /* No Items Panel */ .NoItemsPanel {position:relative; overflow:hidden; float:left; clear:both; font:bold 18px/18px Arial, sans-serif; color:#c63;} .no_items_cart {top:0;} /* No Orders Items Panel */ .NoOrderItemsPanel {margin-top:0;} /* No Orders Panel */ .NoOrdersPanel {margin-top:0;} /* Order Detail */ .OrderDetail {margin-top:0;} .OrderDetail h4 {top:30px;} /* Common Panel Objects */ .ResultMsg p {position:relative; overflow:hidden; float:left; font:bold 11px/11px Arial, sans serif; color:#f00; top:80px; left:0;} /* PO Description Table */ .PO_Desc {position:relative; width:100%; top:10px;} .PO_Desc textarea:first-child {margin-top:8px;} .PO_Desc textarea {margin-top:8px;} .PO_Desc caption {font:bold 18px/18px Arial, sans-serif; color:#c63; padding:5px; margin:10px 0 10px -5px; text-shadow:0 0 1px #c63; text-align:left;} .PO_Desc th {font:bold 14px Arial, sans-serif; text-align:left; width:20%; vertical-align:top;} .PO_Desc td {font:normal 14px Arial, sans-serif; white-space:nowrap; width:30%; vertical-align:top;} .PO_Desc .ORD_DESC {position:relative; float:left; overflow:hidden; width:170px; height:30px; margin-bottom:10px;} .PO_Desc .CUST_PO_NUMB {width:170px; position:relative; float:left; overflow:hidden; height:30px;} /*CONFIRM*/ #please_confirm {position:relative; font:normal 18px/24px Arial, sans-serif; top:20px; left:2px; width:500px; padding-bottom:10px;} .online_ordering_terms {position:relative; overflow:hidden; float:left; margin:60px 0 30px 0; left:0; width:614px; border:1px solid #333; background:#eee; -moz-border-radius:10px; -webkit-border-radius:10px; border:2px dashed #ccc; padding:10px;} .online_ordering_terms p {position:relative; overflow:hidden; font:11px/15px Arial, sans-serif; color:#666;} .online_ordering_terms ul {position:relative; overflow:hidden;} .online_ordering_terms ul li {display:block; position:relative; overflow:hidden; font:11px/15px Arial, sans-serif; color:#666; margin-left:10px;} .by_clicking_submit {position:relative; overflow:hidden; float:left; clear:both; width:600px; font:bold 14px Arial, sans-serif; color:#727c84; margin:-5px 0 0 0;} .SubmitOrder {position:relative; overflow:hidden; float:left; clear:left; height:35px; width:75px; font:normal 12px Arial, sans-serif; top:10px; left:-2px; border:1px solid #333; margin-bottom:8px; border:none; background:url(/_Images/elements/button_submit.png) -3px -5px no-repeat;} .SubmitOrder:hover {position:relative; overflow:hidden; float:left; clear:left; height:35px; width:75px; font:normal 12px Arial, sans-serif; top:10px; left:-2px; border:1px solid #333; margin-bottom:8px; border:none; background:url(/_Images/elements/button_submit.png) -3px -39px no-repeat; cursor:pointer;} .SubmitOrder:active {position:relative; overflow:hidden; float:left; clear:left; height:35px; width:75px; font:normal 12px Arial, sans-serif; top:10px; left:-2px; margin-bottom:8px; border:none; background:url(/_Images/elements/button_submit.png) -3px -39px no-repeat; cursor:pointer;} .SubmitOrder:focus {position:relative; overflow:hidden; float:left; clear:left; height:35px; width:75px; font:normal 12px Arial, sans-serif; top:10px; left:-2px; margin-bottom:8px; border:none; background:url(/_Images/elements/button_submit.png) -3px -39px no-repeat; cursor:pointer;} .ResultMsg_register {position:absolute; top:110px; left:200px; font:bold 12px/14px Arial, sans-serif; color:#f00;} .ResultMsg_register p {font:bold 14px/16px Arial, sans-serif; color:#f00;} /* Register Panel */ .RegisterPanel {position:relative; overflow:hidden; float:left; top:20px; background:#eee; -moz-border-radius:10px; -webkit-border-radius:10px; border:2px solid #ccc; width:660px;} .RegisterPanel:hover {box-shadow:2px 2px 4px #D3DCE5; -moz-box-shadow:2px 2px 4px #D3DCE5; -webkit-box-shadow:2px 2px 4px #D3DCE5;} .RegisterPanel:focus {box-shadow:2px 2px 4px #D3DCE5; -moz-box-shadow:2px 2px 4px #D3DCE5; -webkit-box-shadow:2px 2px 4px #D3DCE5;} .RegisterPanel table {border:none;} .RegisterPanel caption {text-align:left; padding:3px; background-color:#fff; font:bold 18px/20px Arial, sans-serif; color:#bbb; white-space:nowrap;} .RegisterPanel th {border-bottom:1px dotted #999; padding:8px; margin:0; font:bold 11px/11px Arial, sans serif; white-space:nowrap;} .RegisterPanel td {border-bottom:1px dotted #999; padding:8px; margin:0; font:bold 11px/11px Arial, sans serif; white-space:nowrap;} .RegisterPanel label {} .RegisterPanel input.textbox {width: 200px;} .RegisterPanel select {width: 208px;} .RegisterPanel .FirstName {} .RegisterPanel .LastName {} .RegisterPanel .Company {} .RegisterPanel .Address1 {} .RegisterPanel .Address2 {} .RegisterPanel .City {} .RegisterPanel .State {} .RegisterPanel .Phone {} .RegisterPanel .Fax {} .RegisterPanel .Email {} .RegisterPanel .Captcha {padding:20px 0 15px 0; margin:0;} .RegisterPanel .Captcha img {float:left; margin:0 0 20px 0;} .RegisterPanel .Captcha label {line-height:22px; float:left; margin:0 0 20px 0;} .RegisterPanel .Captcha input {float:left; margin:0 0 20px 0;} .RegisterPanel .register_button {float:left; font:normal 12px Arial, sans-serif; margin:0 0 20px -4px; background:url(/_Images/elements/button_register.png) 0 -4px no-repeat; width:79px; height:35px; border:none;} .RegisterPanel .register_button:hover {background:url(/_Images/elements/button_register.png) 0 -39px no-repeat; width:79px; height:35px; border:none; cursor:pointer;} .Captcha_register_p {position:relative; float:left; overflow:hidden; margin:0 0 0 10px;} .field_captcha_register {position:relative; overflow:hidden; float:left; padding:3px 0; width:100%; margin:5px 0 5px 10px;} /*Retrieve Login*/ #retrieve_login_container {position:relative; overflow:visible; margin:0 auto; width:960px; background:url(/_Images/elements/login_footer_first.png) bottom center no-repeat;} #retrieve_login_wrapper {position:relative; margin:80px auto 0 auto; padding:10px 0 0 0; width:680px; height:392px; background:url(/_Images/elements/login_panel_first.png) top center no-repeat;} #retrieve_login_main_text {position:absolute; margin:95px 0 0 38px; left:0; width:430px; height:47px; background:url(/_Images/elements/retrieve_login_main_text.png) no-repeat;} #retrieve_login_wrapper .RetrievePanel {position:relative; overflow:hidden; float:left; width:595px; height:213px; margin:135px 0 0 38px;} #retrieve_login_wrapper .email_label {position:relative; float:left; clear:both; top:5px; left:0; width:275px;} #retrieve_login_wrapper .email {position:relative; float:left; clear:left; top:20px; left:0;} #retrieve_login_wrapper .captcha_login_p {position:absolute; top:5px; left:315px; font:14px Arial, sans-serif; color:#333;} #retrieve_login_wrapper .captcha img {position:absolute; top:30px; left:315px; right:10px; border:1px solid #333;} #retrieve_login_wrapper .captcha input {position:absolute; top:100px; left:314px;} #retrieve_login_wrapper .retrieve_button {position:absolute; top:145px; left:310px; width:160px; height:34px; background:url(/_Images/elements/button_retrieve_password.png) 0 -5px no-repeat; border:none;} #retrieve_login_wrapper .retrieve_button:hover {cursor:pointer; background:url(/_Images/elements/button_retrieve_password.png) 0 -40px no-repeat; border:none;} #retrieve_login_wrapper .resultMsg_retrieve p {position:absolute; overflow:hidden; top:185px; left:315px; width:250px; font:bold 10px/12px Arial, sans-serif; color:#f00;} #retrieve_login_wrapper #copyright {position:relative; overflow:hidden; float:left; clear:left; width:400px; margin:22px 0 0 40px; font:11px Arial, sans-serif; color:#666;} /*MISC*/ .clear_margin {clear:both; margin:10px 0 20px 0;} /* new clearfix */ .clearfix:after {visibility:hidden; display:block; font-size:0; content: "."; clear:both; height:0;} * html .clearfix {zoom:1;} /* IE6 */ *:first-child+html .clearfix {zoom:1;} /* IE7 */ /* POP window */ .body_pop {background:#fff;} #container_pop {position:relative; margin:0; overflow:hidden; width:755px; background:#fff;} #content_pop {position:relative; margin:-10px 0 0 20px; overflow:hidden; background:#fff; width:750px;} #content_col_two_pop {position:relative; overflow:hidden; float:left; width:750px; margin:10px 10px 0 0;} /* Product Details Page */ .pop_h1 {border:none;} .ProductImagePop {position:relative; overflow:hidden; top:0; left:0; margin:10px 20px 0 0; float:left; height:338px; width:500px; border:2px solid #333;} .ProductNumber {position:relative; float:left; margin-right:10px; padding-bottom:10px;} .ProductDetailsPop {position:absolute; top:96px; overflow:hidden; left:540px; width:200px; border:none; text-align:left;} .ProductDetailsPop th {font:bold 12px Arial, sans-serif; color:#666; background:#eee; white-space:nowrap; padding:6px; text-align:left;} .ProductDetailsPop td {font:normal 12px Arial, sans-serif; white-space:nowrap; padding:6px; text-align:left;} .ProductDetailsPop_buy {position:absolute; top:13px; left:520px; overflow:hidden; background:url(/_Images/elements/button_add_to_cart.png) no-repeat;} a.back_to_productsPop {position:absolute; top:73px; left:604px; font:bold 11px Arial, sans-serif; color:#666; text-decoration:none;} a.back_to_productsPop:hover {font:bold 11px Arial, sans-serif; color:#333; text-decoration:underline;}