@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:700); /**** General Styles ****/ body { text-align: center; background-image: url('/assets/layout/bodybgrepx_new.jpg'); background-repeat: repeat-x; background-position: center top; font-family: Arial; position: relative; color: #29292b; } * { margin: 0; padding: 0; text-align: left; } img { border: none; z-index: 6; } a { text-decoration: none; } h1 { white-space: nowrap; } /**** No java Warning ****/ #no_java_warning { text-align: center; padding: 20px; margin: 10px auto; border: 2px dashed red; width: 800px; color: red; } /**** Layout Elements ****/ #top_header { width: 955px; height: 63px; margin: 0 auto; /* background-image: url('/assets/layout/topheaderbg.jpg'); background-repeat: no-repeat; background-position: center top; */ text-align: center; } #top_header table { width: 955px; margin: 0 auto; } #header { width: 955px; height: 136px; margin: 0 auto; /*background-image: url('/assets/layout/dynamiclogonorep.png');*/ background-position: left center; background-repeat: no-repeat; position: relative; } #header a.home_link { position: absolute; top: 35px; left: -5px; display: block; height: 112px; width: 223px; } #header #top_menu_right { position: absolute; width: 533px; height: 22px; background-image: url('/assets/layout/toprightmenubgnewer.png'); background-position: top left; background-repeat: no-repeat; top: 44px; left: 510px; padding-top: 2px; } #header #top_header_slogan { position: absolute; height: 22px; top: 85px; left: 700px; color: #525254; font-size: 16px; } #main_nav { width: 955px; height: 28px; margin: 0 auto; position: relative; z-index: 1000 !important; } #master_wrapper { width: 955px; min-height: 500px; _height: 500px; height: auto !important; margin: 0 auto; position: relative; padding-bottom: 0px; } #master_breadcrumbs { position: absolute; height: 40px; border-bottom: 1px solid #838383; width: 690px; left: 0px; top: 19px; z-index: 10 !important; } #left_column { width: 719px; float: left; min-height: 500px; _height: 500px; height: auto !important; position: relative; background-image: url('/assets/layout/left_column_bg.gif'); background-position: top center; background-repeat: repeat-x; padding-top: 60px; padding-bottom: 22px; } #left_column p { font-size: 12px; line-height: 200%; color: #333333; padding: 5px 15px 5px 7px; } #left_column h5 { padding-left: 7px; } #left_column .subhead { font-size: 18px; color: #0E2357; } /*** INDUSTRY ***/ #left_col_main_content.industry { position: relative; padding: 0 0 0 10px; } #left_col_main_content.industry #left_side { float: left; position: relative; width: 172px; padding: 56px 0 0 0; } #left_col_main_content.industry #left_side #photo_caption { padding: 20px 0 0 0; text-transform: uppercase; font-size: 10px; } #left_col_main_content.industry #right_side { float: left; position: relative; width: 514px; padding: 20px 0 0 0; } #left_col_main_content.industry #right_side h1 { padding: 0 0 0 5px; } #left_col_main_content.industry #right_side h1 { padding: 0 0 0 7px; color: #003366; font-size: 20px; font-weight: bold; font-family: 'Anton', sans-serif; text-transform: uppercase; } #left_col_main_content.industry #right_side p { font-size: 12px; padding: 5px; line-height: 150%; } #left_col_main_content.industry #right_side #product_lines_industry { padding: 40px 0 0 0; } #left_col_main_content.industry #right_side #product_lines_industry ul { list-style: none; width: 511px; border-bottom: 1px dotted #8d8d92; } #left_col_main_content.industry #right_side #product_lines_industry ul li { display: block; width: 511px; height: 43px; border-top: 1px dotted #8d8d92; } #left_col_main_content.industry #right_side #product_lines_industry ul li table { width: 100%; } #left_col_main_content.industry #right_side #product_lines_industry ul li table td { height: 43px; vertical-align: middle; } #left_col_main_content.industry #right_side #product_lines_industry ul li table td h3 { color: #79797b; } #left_col_main_content.industry #right_side #product_lines_industry ul li .logo { padding: 0 0 0 10px; width: 25%; text-align: center; vertical-align: middle; } #left_col_main_content.industry #right_side #product_lines_industry ul li .logo h3 { display: inline; } #left_col_main_content.industry #right_side #product_lines_industry ul li .title { color: #0e2357; font-size: 12px; font-weight: bold; text-transform: uppercase; width: 40%; } #left_col_main_content.industry #right_side #product_lines_industry ul li .title a { color: #0e2357; } #left_col_main_content.industry #right_side #product_lines_industry ul li .line{ text-align: right; color: #29292b; font-size: 12px; letter-spacing: -1px; text-transform: uppercase; width: 35%; } .manu_sub_listing { display: none; padding: 5px 5px 5px 125px; font-size: 12px; } .manu_sub_listing table { width: 380px !important; } .manu_sub_listing td,th { padding: 3px !important; height: auto !important; font-size: 12px; } .manu_sub_listing td.model a { text-transform: uppercase; color: #0e2357; font-size: 13px; font-weight: bold; } .manu_sub_listing td.xyz { } /*** TYPES ***/ #left_col_main_content.types { position: relative; padding: 0 0 0 10px; } #left_col_main_content.types #left_side { float: left; position: relative; width: 172px; padding: 56px 0 0 0; } #left_col_main_content.types #left_side #photo_caption { padding: 20px 0 0 0; text-transform: uppercase; font-size: 10px; } #left_col_main_content.types #right_side { float: left; position: relative; width: 514px; padding: 20px 0 0 0; } #left_col_main_content.types #right_side h1 { padding: 0 0 0 5px; color: #0e2357; font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 20px; } #left_col_main_content.types #right_side p { font-size: 12px; padding: 5px; line-height: 150%; } #left_col_main_content.types #right_side #product_lines_types { padding: 40px 0 0 0; } #left_col_main_content.types #right_side #product_lines_types ul { list-style: none; width: 511px; border-bottom: 1px dotted #8d8d92; } #left_col_main_content.types #right_side #product_lines_types ul li { display: block; width: 511px; height: 43px; border-top: 1px dotted #8d8d92; } #left_col_main_content.types #right_side #product_lines_types ul li table { width: 100%; } #left_col_main_content.types #right_side #product_lines_types ul li table td { height: 43px; vertical-align: middle; } #left_col_main_content.types #right_side #product_lines_types ul li table td h3 { color: #79797b; } #left_col_main_content.types #right_side #product_lines_types ul li .logo { padding: 0 0 0 10px; width: 25%; } #left_col_main_content.types #right_side #product_lines_types ul li .title { color: #0e2357; font-size: 12px; font-weight: bold; text-transform: uppercase; width: 40%; } #left_col_main_content.types #right_side #product_lines_types ul li .title a { color: #0e2357; } #left_col_main_content.types #right_side #product_lines_types ul li .line{ text-align: right; color: #29292b; font-size: 12px; letter-spacing: -1px; text-transform: uppercase; width: 35%; } .manu_sub_listing { display: none; padding: 5px 5px 5px 125px; font-size: 12px; } .manu_sub_listing td,th { padding: 3px; height: auto !important; } .manu_sub_listing td.model a { text-transform: uppercase; color: #0e2357; font-size: 13px; font-weight: bold; } .manu_sub_listing td.xyz { } /*** STOCK QUOTE ***/ #left_col_main_content.stock { position: relative; padding: 0 0 0 10px; } #left_col_main_content.stock #left_side { float: left; position: relative; width: 172px; padding: 56px 0 0 0; } #left_col_main_content.stock #left_side #photo_caption { padding: 20px 0 0 0; text-transform: uppercase; font-size: 10px; } #left_col_main_content.stock #right_side { float: left; position: relative; width: 514px; padding: 20px 0 30px 0; } #left_col_main_content.stock #right_side .headline { padding: 0 0 5px 5px; } #left_col_main_content.stock #right_side ul#list { list-style: inside; margin-bottom: 12px; } #left_col_main_content.stock #right_side ul#list li { color: #29292b; font-size: 12px; padding: 5px; } #left_col_main_content.stock #right_side .inputarea { border-top: 1px dotted #858588; padding-bottom: 12px; position: relative; } #left_col_main_content.stock #right_side .inputarea .abs_label { width: 160px; text-align: right; position: absolute; top: 12px; left: -180px; color: #0e2357; font-size: 10px; padding: 3px; font-weight: bold; } #left_col_main_content.stock #right_side .inputarea table { width: 100%; } #left_col_main_content.stock #right_side .inputarea td.radio_box { width: 33%; color: #29292b; font-size: 12px; padding: 12px 12px 0 12px; vertical-align: middle; } #left_col_main_content.stock #right_side .inputarea td.radio_box input { vertical-align: middle; } #left_col_main_content.stock #right_side .inputarea .input_line { padding: 12px 0px 0px 0px; color: #0e2357; } #left_col_main_content.stock #right_side .inputarea .input_line .input_label { width: 96px; float: left; text-align: right; font-size: 10px; padding: 3px; } #left_col_main_content.stock #right_side .inputarea .input_line .input_box { width: 146px; float: left; } #left_col_main_content.stock #right_side .inputarea .input_line .input_box input { width: 140px; color: #666666; font-weight: bold; } #left_col_main_content.stock #right_side .inputarea .input_line .input_box_long { width: 394px; float: left; } #left_col_main_content.stock #right_side .inputarea .input_line .input_box_long textarea { width: 384px; font-size: 12px; font-family: Arial; color: #666666; font-weight: bold; padding: 5px; } #left_col_main_content.stock #right_side .inputarea .input_line .input_box_long input { width: 388px; color: #666666; font-weight: bold; } #left_col_main_content.stock #right_side .inputarea .input_line .input_box_long_radio { color: #29292b; font-size: 12px; float: left; } #left_col_main_content.stock #right_side .inputarea .input_line .input_box_long_radio input { vertical-align: middle; } #left_col_main_content.stock #right_side .inputarea .input_line .input_label_add_part { width: 200px; float: left; padding: 3px 0 3px 20px; } #left_col_main_content.stock #right_side .inputarea .input_line .input_label_add_part a { color: #0e2357; text-decoration: none; font-size: 10px; cursor: pointer; } #left_col_main_content.stock #right_side .inputarea .input_line .input_label_add_part a:hover { text-decoration: underline; } #left_col_main_content.stock #right_side .required { color: #9f6363; font-size: 10px; } #left_col_main_content.stock #right_side .incomplete { border: 1px solid #ff2121; background-color: #ffd5d5; padding: 2px; } #left_col_main_content.stock #right_side .success_message { font-size: 14px; font-weight: bold; color: #29292b; } #left_col_main_content.stock #right_side .success_message a { text-decoration: none; color: #0e2357; } #left_col_main_content.stock #right_side .success_message a:hover { text-decoration: underline; } /*** PRODUCT LIST BY MANUFACTURER-TYPE ***/ #product_list_by_manufacturer { padding: 20px 30px 0 7px; } #product_list_by_manufacturer h1 { color: #003366; font-size: 20px; font-weight: bold; font-family: 'Anton', sans-serif; text-transform: uppercase; } #product_list_by_manufacturer p { padding: 5px 5px 0px 0px; font-size: 11px; } #product_list_by_manufacturer ul.links { font-size: 9px; list-style: inside; padding: 18px 0 18px 0; list-style: none; } #product_list_by_manufacturer ul.links li { display: block; width: 90px; padding: 0 12px 6px 0px; float: left; } #product_list_by_manufacturer ul.links li a { color: #17306d; text-decoration: none; } #product_list_by_manufacturer ul.links li a:hover { text-decoration: underline; } #product_list_by_manufacturer table { width: 650px; } #product_list_by_manufacturer table tr.header { background-color: #e7e7e7; color: #0e2357; } #product_list_by_manufacturer table tr.subheader { background-color: #f3f3f3; color: #38393d; } #product_list_by_manufacturer table tr.header td { font-weight: bold; } #product_list_by_manufacturer table th, #product_list_by_manufacturer table td { padding: 3px 5px 3px 7px !important; height: auto !important; font-size: 13px; } #product_list_by_manufacturer table td a { text-transform: uppercase; color: #0e2357; font-size: 13px; font-weight: bold; } #product_list_by_manufacturer table td a:hover { text-decoration: underline; } /*** PRODUCT ***/ #product_left_col { float: left; width: 476px; height: 162px; margin-top: 0px; border-bottom: 1px solid #838383; border-right: 1px solid #838383; } #product_left_col h1 { color: #0e2357; padding: 17px 0 12px 7px; font-family: 'Anton', sans-serif; text-transform: uppercase; font-size: 20px; } #product_left_col p { font-size: 12px; padding: 2px 7px 7px 7px; line-height: 150%; } #product_right_col { float: left; width: 214px; height: 162px; margin-top: 0px; border-bottom: 1px solid #838383; position: relative; } #product_right_col img { position: absolute; right: 0px; bottom: 0px; } #product_bottom_area { width: 690px; } #product_bottom_area #bottom_area_left_col { float: left; width: 353px; padding-top: 16px; } #bottom_area_left_col table { width: 100%; } #bottom_area_left_col table th h2 { color: #0e2357; font-size: 12px; text-transform: capitalize; font-weight: bold; width: 160px; } #bottom_area_left_col table td,th { color: #29292b; font-size: 10px; text-transform: capitalize; padding: 2px 0 2px 7px; } #product_bottom_area #bottom_area_right_col { float: left; width: 313px; text-align: center; padding: 12px; } #bottom_area_right_col h5 { color: #0e2357; padding: 7px 0 2px 12px; font-weight: bold; font-size: 12px; } #bottom_area_right_col h5 a { color: #0e2357; text-decoration: none; } #bottom_area_right_col h5 a:hover { text-decoration: underline; } #right_column { width: 236px; float: left; min-height: 600px; height: auto !important; _height: 600px; background-image: url('/assets/layout/rightcolrepy.jpg'); background-repeat: repeat-y; background-position: top left; z-index: 1; position: relative; padding-top: 12px; } .flash_movie_holder { padding: 8px 8px 29px 8px; background-image: url('/assets/layout/flash_video.jpg'); background-repeat: no-repeat; background-position: top left; width: 297px; height: 138px; } /*no right bar styles*/ #center_column { /*height: auto !important; min-height: 400px; _height: 400px;*/ } #bottom_buckets { height: 151px; background-image: url('/assets/layout/bottombucketdivbgrepx.jpg'); background-repeat: repeat-x; background-position: top left; margin-top: 12px; width: 955px; } #footer_outer { text-align: left; width: 100%; } #footer { text-align: center; background-image: url('/assets/layout/footerbgcenter.png'); background-position: top center; background-repeat: no-repeat; height: 21px; width: 100%; background-color: #282827; z-index: 1000 !important; } #footer.inherit { position: inherit; bottom: auto; } #footer.fixed { position: fixed; bottom: 0px; left: 0px; } #above_footer { text-align: center; font-size: 8pt; color: #888; width: 955px; } #above_footer.inherit { position: inherit; bottom: auto; } #above_footer.fixed { position: fixed; bottom: 20px; } /**** Navigation Elements ****/ #main_nav ul { list-style: none; width: 955px; margin: 0; padding: 0; } #main_nav ul li { float: left; background-image: url('/assets/layout/menubgtextblue.jpg'); display: block; height: 28px; margin: 0; padding: 0; background-repeat: no-repeat; position: relative; } /*menubgtext.jpg*/ #main_nav ul li a { display: block; } #main_nav ul li a.active { } #main_nav ul li a:hover { } /*different menu items*/ #main_nav ul li.type { width: 173px; background-position: 0px 0px; } #main_nav ul li.type:hover { background-position: 0px -28px; } #main_nav ul li.type a { width: 173px; height: 28px; } #main_nav ul li.industry { width: 210px; background-position: -173px 0px; } #main_nav ul li.industry:hover { background-position: -173px -28px; } #main_nav ul li.industry a { width: 210px; height: 28px; } #main_nav ul li.service { width: 125px; background-position: -383px 0px; } #main_nav ul li.service:hover { background-position: -383px -28px; } #main_nav ul li.service a { width: 125px; height: 28px; } #main_nav ul li.rep { width: 211px; background-position: -508px 0px; } #main_nav ul li.rep:hover { background-position: -508px -28px; } #main_nav ul li.rep a { width: 211px; height: 28px; } #main_nav ul li.search { width: 236px; background-position: -719px 0px; position: relative; } #main_nav ul li.search:hover { background-position: -719px -28px; } #main_nav ul li.search div.input { width: 110px; height: 18px; position: absolute; left: 70px; top: 9px; } #main_nav ul li.search div.input input { border: none; width: 110px; background: none; font-family: Courier; font-size: 12px; height: 14px !important; } #main_nav ul li.search div.button { width: 36px; height: 22px; position: absolute; left: 190px; top: 5px; } #main_nav ul li.search div.button button { background: none; border: none; height: 22px; width: 36px; } /*end menu items*/ /*navigate ty type subnavigation*/ .inv { display: none; } #main_nav ul li.type table { position: absolute; top: 28px; left: 0px; } #main_nav ul li.type table td.one { padding: 0; margin: 0; } td.one div.one_holder { display: none; background-color: #0e2357; border-right: 1px solid #183c95; padding: 10px 0 10px 0; background-image: url('/assets/layout/onetwotopbg.png'); background-repeat: repeat-x; background-position: left top; } td.one .nav_product_item { width: 218px; background-color: #0e2357; padding: 0px 10px 0px 10px; } td.one .nav_product_item:hover { background-color: #183c95; } td.one .nav_product_item.active { background-color: #183c95; } td.one .nav_product_item a { display: block; height: 19px !important; padding-top: 7px; color: white; font-size: 11px; border-bottom: 2px dotted #7e8aa5; width: 217px !important; } #main_nav ul li.type table td.two { padding: 0; margin: 0; } td.two div.two_holder { background-color: #0e2357; border-right: 1px solid #183c95; width: 160px; display: none; padding: 10px 0 10px 0; background-image: url('/assets/layout/onetwotopbg.png'); background-repeat: repeat-x; background-position: left top; } td.two .nav_product_item { width: 140px; border-right: 1px solid #183c95; padding: 0px 10px 0px 10px; } td.two .nav_product_item.active { background-color: #183c95; } td.two .nav_product_item:hover { background-color: #183c95; } td.two .nav_product_item a { display: block; height: 19px !important; padding-top: 7px; color: white; font-size: 11px; border-bottom: 2px dotted #7e8aa5; width: 140px !important; } #main_nav ul li.type table td.three { padding: 0; margin: 0; } td.three div.three_holder { display: none; width: 441px !important; background-color: #59595d; padding: 10px 0 10px 0; background-image: url('/assets/layout/threetopbg.png'); background-repeat: repeat-x; background-position: top left; } td.three .nav_product_item { width: 199px !important; float: left; padding: 0 10px 0 10px !important; border-right: 1px solid #7a7a7d; } td.three .nav_product_item:hover { background-color: #3b3b3e; } td.three .nav_product_item a { display: block; width: 200px !important; height: 19px !important; padding-top: 7px; color: white; font-size: 11px; border-bottom: 2px dotted white; } td.three .product_travels { float: right; } /*product by industry*/ #main_nav ul li.industry .industy_holder_div { display: none; width: 210px !important; background-color: #59595d; padding: 10px 0 10px 0; background-image: url('/assets/layout/threetopbg.png'); background-repeat: repeat-x; background-position: top left; position: absolute; } .industy_holder_div .nav_product_item { width: 189px !important; padding: 0 10px 0 10px; } .industy_holder_div .nav_product_item:hover { background-color: #3b3b3e; } .industy_holder_div .nav_product_item.active { background-color: #3b3b3e; } .industy_holder_div .nav_product_item a { display: block; width: 190px !important; height: 19px !important; padding-top: 7px; color: white; font-size: 11px; border-bottom: 2px dotted white; } /*service holder div*/ #main_nav ul li.service .service_holder_div { display: none; width: 210px !important; background-color: #59595d; padding: 10px 0 10px 0; background-image: url('/assets/layout/threetopbg.png'); background-repeat: repeat-x; background-position: top left; position: absolute; } .service_holder_div .nav_product_item { width: 189px !important; padding: 0 10px 0 10px; } .service_holder_div .nav_product_item:hover { background-color: #3b3b3e; } .service_holder_div .nav_product_item.active { background-color: #3b3b3e; } .service_holder_div .nav_product_item a { display: block; width: 190px !important; height: 19px !important; padding-top: 7px; color: white; font-size: 11px; border-bottom: 2px dotted white; } /*get rep div*/ #main_nav ul li.rep .rep_holder_div { display: none; width: 211px !important; position: relative; height: 29px !important; background-image: url('/assets/layout/enterzip.jpg'); background-position: top left; background-repeat: no-repeat; position: absolute; } .rep_holder_div .input_field { position: absolute; top: 6px; left: 105px; } .rep_holder_div .input_field input { background: none; border: none; width: 80px; height: 15px; padding: 3px 0 0 3px; } .rep_holder_div .button_field { position: absolute; top: 7px; right: 4px; } .rep_holder_div .button_field button { background: none; border: none; height: 18px; width: 17px; } /*footer navigation*/ #footer ul { list-style: none; margin: 0 auto; width: 955px; text-align: center; } #footer ul li { display: inline; height: 19px; padding: 0 20px 0 20px; } #footer ul li a { color: white; font-size: 10px; } /*Top header navigation*/ #top_menu_right ul { width: 533px !important; list-style: none; padding-left:10px;padding-top:1px} #top_menu_right ul li { float: left; padding-bottom: 8px; } #top_menu_right ul li.active { /*background-image: url('/assets/layout/arrow_down.gif');*/ background-position: center bottom; background-repeat: no-repeat; } #top_menu_right ul li:hover { /*background-image: url('/assets/layout/arrow_down.gif');*/ background-position: center bottom; background-repeat: no-repeat; } #top_menu_right ul li a { color: #59595d; font-size: 11px; display: block; /*padding-left: 30px;*/ width: 112px;text-align:center; } /*Breadcrumbs*/ #master_breadcrumbs ul { width: 100%; list-style: none; padding: 0 0 0 5px; } #master_breadcrumbs ul li { float: left; font-size: 12px; padding: 3px 12px 3px 3px; position: relative; color: #29292b; letter-spacing: -1px; } #master_breadcrumbs ul li.submenu { /*width: 191px;*/ z-index: 10000 !important; } #master_breadcrumbs ul li:hover { } #master_breadcrumbs ul li a { color: #29292b; letter-spacing: -1px; } /*Breadcrumbs sub*/ .breadcrumb_sub_outer { width: 196px !important; background-image: url('/assets/layout/aabreadtop.gif'); padding: 13px 0 0 0 !important; background-position: center top; background-repeat: no-repeat; position: absolute; left: 0px; top: -11px; display: none; z-index: 2001; } .breadcrumb_sub_middle { width: 196px !important; background-image: url('/assets/layout/aabreadbottom.gif'); padding: 0 0 13px 0 !important; background-position: center bottom; background-repeat: no-repeat; } .breadcrumb_sub_inner { width: 196px !important; background-image: url('/assets/layout/aabreadrepy.gif'); background-position: center top; background-repeat: repeat-y; } .breadcrumb_sub_inner ul { list-style: none; width: 192px !important; padding: 0 2px 0 2px !important; } .breadcrumb_sub_inner ul li { float: none !important; width: auto !important; font-size: 11px !important; padding: 4px 12px 4px 12px !important; } .breadcrumb_sub_inner ul li .product_travels { float: right; } .breadcrumb_sub_inner ul li:hover { background-image: url('/assets/layout/libgrepx.gif'); background-position: center center; background-repeat: repeat-x; } .breadcrumb_sub_inner ul li.active { background-image: url('/assets/layout/libgrepx.gif'); background-position: center center; background-repeat: repeat-x; } .breadcrumb_sub_inner ul li a { color: #29292b; letter-spacing: -1px; } /*lets have a pointer over expanding symbolds*/ #master_breadcrumbs img { cursor: pointer; } /*buckets right col*/ .bucket { padding: 22px 14px; text-align: center; } .bucket .header { text-align: left; } .bucket .header a { padding: 0; margin: 0; text-align: left; } .bucket .header a img { padding: 0; margin: 0; text-align: left; } .bucket p { font-size: 13px; line-height: 150%; color: #1c1c1c; text-align: left; } .bucket p img { float: right; margin: 0 0 0px 5px; text-align: left; } .bucket p a { color: #0e2357; font-variant: small-caps; font-size: 13px; letter-spacing: -1px; font-weight: bold; text-align: left; } .photo_bucket { text-align: center; padding: 12px 0px 12px 0px; } .bucket ul { list-style: none; } .bucket ul li { } .bucket ul li a { font-size: 12px; color: #0e2357; font-weight: bold; } .bucket ul li a img { margin: 0px 5px 0px 0px; vertical-align: middle; } /*buckets bottom col*/ .bucket_bottom { padding: 22px 14px; text-align: center; width: 280px; float: left; } .bucket_bottom .header { text-align: left; } .bucket_bottom .header a { padding: 0; margin: 0; text-align: left; } .bucket_bottom .header a img { padding: 0; margin: 0; text-align: left; } .bucket_bottom p { font-size: 12px; line-height: 150%; color: #1c1c1c; text-align: left; } .bucket_bottom p img { float: right; margin: 0 0 0px 5px; text-align: left; } .bucket_bottom p a { color: #0e2357; font-variant: small-caps; font-size: 13px; letter-spacing: -1px; font-weight: bold; text-align: left; } .photo_bucket { text-align: center; padding: 12px 0px 12px 0px; } .bucket_bottom ul { list-style: none; } .bucket_bottom ul li { } .bucket_bottom ul li a { font-size: 12px; color: #0e2357; font-weight: bold; } .bucket_bottom ul li a img { margin: 0px 5px 0px 0px; vertical-align: middle; } /*sub top menu*/ .top_sub_menu { display: none; } #sub_menu_target_div { /*width: 500px;*/ height: 30px; text-align: left; position: absolute; right: 0px; bottom: 35px; } #sub_menu_target_div ul { list-style: none; } #sub_menu_target_div ul li { float: left; padding: 0 30px 0 0; } #sub_menu_target_div ul li a { font-size: 10px; color: #666666; text-align: center; } #sub_menu_target_div ul li a.active { color: #053367; } #sub_menu_target_div ul li a:hover { color: #053367; } /*spacers*/ .spacer_20 { height: 20px; } /*dealer lounge*/ #dealer_login { margin: 30px 0 0 100px; } #dealer_login p { margin: 0; padding: 3px 0px; line-height: 150%; } #dealer_login p a { text-decoration: none; color: #053367; } #dealer_login form table { margin-top: 30px; width: 300px; } #dealer_login form table td { padding: 5px 0px 5px 0px; vertical-align: middle; } #dealer_login form table td.label { width: 30%; color: #053367; font-size: 12px; } #dealer_login form table td.input { width: 70%; } #dealer_login form table td.input input { color: gray; padding: 0 3px; } /* find a rep */ #find_a_rep { padding: 50px 0 100px 100px; } #find_a_rep p { margin: 0; padding: 3px 0px; line-height: 150%; } #find_a_rep p a { text-decoration: none; color: #053367; } #find_a_rep form table { margin-top: 10px; width: 300px; } #find_a_rep form table td { padding: 5px 0px 5px 0px; vertical-align: middle; } #find_a_rep form table td.label { width: 30%; color: #053367; font-size: 12px; } #find_a_rep form table td.input { width: 70%; } #find_a_rep form table td.input input { color: gray; padding: 0 3px; } #found_a_rep { margin: 30px 0 0 10px; padding: 0 25px 0 0; } #found_a_rep p { margin: 0; padding: 3px 0px; line-height: 150%; } #found_a_rep p a {text-decoration: underline; font-weight:bold; color: #053367; } #found_a_rep form table { margin-top: 10px; width: 300px; } #found_a_rep form table td { padding: 5px 0px 5px 0px; vertical-align: middle; } #found_a_rep form table td.label { width: 30%; color: #053367; font-size: 12px; } #found_a_rep form table td.input { width: 70%; } #found_a_rep form table td.input input { color: gray; padding: 0 3px; } /* select a brand */ #select_brand { } #select_brand p { } #select_brand .brand_listing { width: 280px; height: 30px; font-size: 12px; float: left; padding: 10px; margin: 5px; border-top: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; } #select_brand .brand_listing table { width: 100%; } #select_brand .brand_listing table td.logo h3 { display: inline; } #select_brand .brand_listing table td { vertical-align: middle; } #select_brand .brand_listing table td.logo { width:40%; text-align: center; height: 30px; } #select_brand .brand_listing table td.logo span.manu_title { font-size: 16px; color:#696969; } #select_brand .brand_listing table td.type { height: 30px; } #select_brand .brand_listing .stocksheet { color: #053367; font-size: 10px; } #select_brand .brand_listing .stocksheet img { vertical-align: middle; } #select_brand .brand_listing table td.type a { color: #053367; font-size: 20px; font-weight: bold; } #select_brand .brand_listing table td.type a:hover { text-decoration: underline; } /* quote_list */ #quote_list { padding: 0 30px 0 0; } #quote_list table { width: 100%; } #quote_list tr.header { background-color: #e7e7e7; color: #0e2357; font-weight: bold; } #quote_list tr.subheader { background-color: #f3f3f3; color: #38393d; font-weight: bold; } #quote_list td { font-size: 12px; padding: 0px 5px 0px 7px; margin: 5px 0px 5px 0px; } #quote_list tr.header td { padding: 3px 5px 3px 7px; } #quote_list tr.listing { } #quote_list tr.listing td { font-size: 12px; } #quote_list tr.listing td a { color: #0e2357; } #quote_list tr.listing td a:hover { text-decoration: underline; } #quote_list .travels_listing { width: 90px; float: left; } #quote_list h1 { padding: 20px 0 5px 7px; } /* build a quote */ #build_quote { padding: 0 15px 0 0; } #build_quote h1 { padding: 0px 0 5px 7px; } #build_quote #left_side { float: left; position: relative; width: 162px; padding: 90px 0 0 10px; } #build_quote #right_side { float: left; position: relative; width: 514px; padding: 20px 0 30px 0; } #build_quote #product_bottom_area { } #build_quote #product_bottom_area { width: 100%; } #build_quote #product_bottom_area #bottom_area_left_col { float: left; width: 360px; padding-top: 16px; } #build_quote #bottom_area_left_col table { width: 100%; } #build_quote #bottom_area_left_col table th h5 { color: #0e2357; font-size: 12px; text-transform: capitalize; font-weight: bold; width: 160px; } #build_quote #bottom_area_left_col table td,th { color: #29292b; font-size: 10px; text-transform: capitalize; padding: 2px 0 2px 7px; } #build_quote #product_bottom_area #bottom_area_right_col { float: left; width: 280px; text-align: center; padding: 12px 10px 30px 24px; z-index: -1 !important; } #build_quote #bottom_area_right_col h5 { color: #0e2357; padding: 7px 0 2px 12px; font-weight: bold; font-size: 12px; } #build_quote #bottom_area_right_col ul { list-style: none; } #build_quote #bottom_area_right_col ul li { font-size: 12px; padding: 5px; } #build_quote #bottom_area_right_col ul li a { color: #0e2357; text-decoration: none; } #build_quote #bottom_area_right_col ul li a:hover { text-decoration: underline; } #build_quote #bottom_area_right_col ul li a img { vertical-align: middle; } #build_quote #bottom_area_right_col ul li input { color: gray; padding: 0 3px; } #build_quote .bottom_area_quote { padding: 30px 0 30px 0; } #build_quote .bottom_area_quote h1 { padding: 0 0 15px 5px; } #build_quote .bottom_area_quote h2 { padding: 0 0 15px 5px; } #build_quote .bottom_area_quote h3 { padding: 0 0 15px 5px; } #build_quote .bottom_area_quote p { padding: 0 25px 5px 7px; } /* submit button */ .submit-button { background-image: url('/assets/layout/submit.jpg'); width: 75px; height: 21px; background-position: top left; background-repeat: no-repeat; font-size: 1px; border: none; } /* about dynamic */ #about_dynamic { padding: 20px 15px 0 0; } #about_dynamic h1 { padding: 0 0 0 7px; } /* home_page */ #home_page { height: 325px; width: 955px; background-image: url('/assets/layout/flash_place_holder.jpg'); background-position: top left; background-repeat: no-repeat; } /* find dynamic */ #find_dynamic { padding: 0 15px 0 0; } /* logout link */ #dealer_logout_link { float: right; font-size: 12px; font-weight: bold; color: #333333; padding: 10px 0 0 30px; } #select_brand #dealer_logout_link { float: right; font-size: 12px; font-weight: bold; color: #333333; padding: 10px 30px 0 30px; } /* added page */ #added_page { padding: 20px 15px 0 0; } #added_page h1 { padding: 0 0 0 7px; } /* state_list */ #state_list { } #state_list h1 { color: #053367; padding: 85px 0 12px 0; } #state_list ul { list-style: none; width: 500px; } #state_list ul li { display: block; height: 21px; width: 120px; float: left; font-size: 12px; } #state_list ul li a { text-decoration: none; color: #053367; } #state_list ul li a:hover { text-decoration: underline; } #state_image { float:right;width: 292px; margin: 0 0 9px 15px; } #site_map { padding: 0 0 30px 7px; } #site_map td { vertical-align: top; } .site_navigation { width: 230px; float: left; padding-top: 25px; } #site_map p { width: 180px; padding: 0 50px 0 0; font-size: 12px; float: left; line-height: 100%; } #site_map ul { padding-left: 25px; width: 205px; } #site_map ul li { font-size: 12px; width: 205px; } #site_map ul li a { text-decoration: none; color: #053367; } #site_map ul li a:hover { text-decoration: underline; } #site_map ul li ul { padding-left: 25px; width: 180px; } #site_map ul li ul li { font-size: 12px; width: 180px; } #site_map ul li ul li a { text-decoration: none; color: #053367; } #site_map ul li ul li a:hover { text-decoration: underline; } #site_map ul li ul li ul { padding-left: 25px; width: 155px; } #site_map ul li ul li ul li { font-size: 12px; width: 155px; } #site_map ul li ul li ul li a { text-decoration: none; color: #053367; } #site_map ul li ul li ul li a:hover { text-decoration: underline; } /* pre_owned */ #pre_owned { padding: 40px 25px 10px 0px; font-size: 12px; } #pre_owned h1 { padding: 10px 10px 2px 10px; } #pre_owned ul { list-style: none; } #pre_owned ul li { padding: 10px 25px 10px 0px; border-top: 1px solid #7a7a7d; width: 625px; position: relative; } #pre_owned ul li .image { position: absolute; top: 10px; left: 10px; } #pre_owned ul li .manu_title { position: absolute; width: 400px; top: 10px; left: 220px; } #pre_owned ul li .manu_title span.type { font-weight: bold; display: block; color: #072f6c; } #pre_owned ul li .manu_title span.title { font-weight: bold; display: block; } #pre_owned ul li .description { width: 400px; margin-top: 40px; margin-left: 220px; left: 220px; color: #6c6c6e; } #pre_owned ul li .price { position: absolute; width: 200px; top: 167px; left: 10px; font-weight: bold; } #pre_owned ul li .button { position: absolute; left: 220px; top: 190px; left: 10px; } #pre_owned ul li .button img { padding: 0; margin: 0; } /* all_industries */ #all_industries { padding-top: 20px; } #all_industries table { } #all_industries td { padding: 0 20px 30px 10px; height: 200px; vertical-align: top; } #all_industries td.left { padding: 37px 0 0 0px; } #all_industries td h1 a { padding: 0 0 0 7px; color: #003366; font-size: 20px; font-weight: bold; font-family: 'Anton', sans-serif; text-transform: uppercase; } #all_industries td a img { } #all_industries td .caption { text-transform: uppercase; padding: 0 20px 0 0; font-size: 10px; } #all_industries td a.right_align_link { color: #053367; font-size: 12px; float: right; text-decoration: none; } #all_industries td a.right_align_link:hover { text-decoration: underline; } /* all types */ #all_types { padding-top: 20px; } #all_types table { } #all_types td { padding: 0 20px 30px 10px; height: 260px; vertical-align: top; } #all_types td.left { padding: 37px 0 0 0px; } #all_types td h1 { padding: 0 0 0 7px; } #all_types td a img { } #all_types td .caption { text-transform: uppercase; padding: 0 20px 0 0; font-size: 10px; } #all_types td a.right_align_link { color: #053367; font-size: 12px; float: right; text-decoration: none; } #all_types td a.right_align_link:hover { text-decoration: underline; } /* dynamic_news */ #dynamic_news { position: relative; padding: 45px 0 0 0; } #dynamic_news h1 { padding: 0 0 0 7px; } #dynamic_news strong { padding: 0 0 0 7px; color: #17306d; font-size: 12px; text-transform: uppercase; } #dynamic_news p { text-transform: uppercase; } #dynamic_news .left_arrow { position: absolute; top: 220px; left: 40px; } #dynamic_news .left_arrow .left_arrow_inner { position: relative; } #dynamic_news .left_arrow .left_arrow_inner img { position: absolute; left: 0; top: 0; cursor: pointer; } #dynamic_news .right_arrow { position: absolute; top: 220px; right: 40px; } #dynamic_news .right_arrow .right_arrow_inner { position: relative; } #dynamic_news .right_arrow .right_arrow_inner img { position: absolute; right: 0; top: 0; cursor: pointer; } #dynamic_news .outer_holder { overflow: hidden; width: 500px; height: 240px; position: absolute; top: 150px; left: 100px;} #dynamic_news .outer_holder .inner_holder { height: 240px; width: 3000px; position: absolute; left: 0px; top: 0px; } #dynamic_news .outer_holder .inner_holder .news_listing { float: left; height: 175px; width: 136px; padding: 12px; } #dynamic_news .outer_holder .inner_holder .news_listing:hover { background-image: url('/assets/layout/news_listing_bg.jpg'); background-position: center center; background-repeat: no-repeat; } #dynamic_news .outer_holder .inner_holder .news_listing a { } #dynamic_news .outer_holder .inner_holder .news_listing a img { width: 136px; height: 175px; } #dynamic_news .outer_holder .inner_holder .news_listing .caption { width: 136px; text-align: center; font-size: 12px; } /* search_results */ #search_results { } #search_results h1 { padding: 30px 0 10px 7px; } #search_results ul { list-style: none; } #search_results ul li { font-size: 12px; padding: 5px 0 5px 0; } #search_results ul li a { text-decoration: none; color: #053367; padding: 3px 3px 2px 7px; font-size: 13px; font-weight: bold; } #search_results ul li a:hover { text-decoration: underline; } #search_results ul li p { padding: 1px 3px 3px 7px; } #search_results .found { background-color: yellow; } #search_results p { margin: 0; padding: 3px 0px; line-height: 150%; } #search_results p a { text-decoration: none; color: #053367; } #search_results form table { margin-top: 30px; width: 300px; margin-left: 30px; } #search_results form table td { padding: 5px 0px 5px 0px; vertical-align: middle; } #search_results form table td.label quote_wrapper #search_results form table td.input { width: 70%; } #search_results form table td.input input { color: gray; padding: 0 3px; } /* testimonials */ #testimonials {} #testimonials h1 { padding: 30px 0 0 7px; } #testimonials ul { list-style: none; } #testimonials ul li { font-size: 12px; padding: 5px 50px 5px 0; position: relative; } #testimonials ul li a { text-decoration: none; color: #053367; padding: 3px 3px 2px 7px;; font-size: 13px; font-weight: bold; } #testimonials ul li a:hover { text-decoration: underline; } #testimonials ul li p { padding: 1px 3px 3px 7px; } #testimonials ul li span { float: right; font-weight: bold; padding: 0 60px 0 0; color: #6d6c71; position: absolute; bottom: -10px; left: 500px; } /* contact form - contact us */ #contact_box { padding: 0 35px 0 0; } #contact_box a { color: #053367; text-decoration: none; } #contact_box a:hover { text-decoration: underline; } #contact_box ul { list-style: inside; padding-left: 5px; } #contact_box ul li credit #contact_box li { font-size: 12px; color: #333333; padding: 0 0 22px 5px; } #bsform .form_main_divs { padding-left: 5px; } #bsform .form_message_style { font-family: arial; font-size: 12px; text-align: left; padding-bottom: 10px; } #bsform .form_header_style { width: 380px; background-color: #ffffff; padding-top:12px; padding-left:5px; padding-bottom:12px; font-weight: bold; color: #666666; font-family: arial; font-size: 14px; text-align: center; } #bsform .form_label_style { } #bsform .form_field_style { } #bsform .form_field_style div { } #bsform .form_input_style { } #bsform .form_tween_rows { } #bsform .inputboxlength { width: 280px; color: #666666; margin: 0 0 10px 0; font-size: 12px; font-weight: bold; } #bsform .submit-button { cursor: pointer; } #bsform .floatleft { font-size: 12px; padding: 3px 0 0 3px; color: #333333; } #contact_box_email { padding: 20px 35px 0 65px; } /* video page */ #video_page { padding: 15px; } #video_page h3 { padding-bottom: 16px; color: #17306d; } /* new version - quote page */ #build_quote { } #build_quote h2 { font-size: 16px; color: #17306d; padding-left: 7px; } #build_quote #quote_wrapper { width: 670px; padding-top: 15px; } #build_quote #quote_wrapper #specification_div { float: right; width: 260px; text-align: center; padding: 0px 10px 10px 10px; } #build_quote #quote_wrapper #specification_div table { width: 100%; } #build_quote #quote_wrapper #specification_div table th h5 { color: #0e2357; font-size: 12px; text-transform: capitalize; font-weight: bold; } #build_quote #quote_wrapper #specification_div table td,th { color: #29292b; font-size: 10px; text-transform: capitalize; padding: 2px 0 2px 7px; } #build_quote #quote_wrapper #specification_div h5 { color: #0e2357; padding: 7px 0 2px 12px; font-weight: bold; font-size: 12px; } #build_quote #quote_wrapper h2 { font-size: 16px; color: #17306d; } #build_quote #quote_wrapper { font-size: 12px; } #build_quote #quote_wrapper p { font-size: 12px; } #build_quote #quote_wrapper ul { list-style: inside; } #build_quote #quote_wrapper ul li { font-size: 12px; text-transform: uppercase; padding-top: 6px; padding-right: 0; padding-bottom: 2px; padding-left: 6px; } #build_quote #quote_wrapper table { width: 100%; } #build_quote #quote_wrapper table th { font-size: 16px; color: #17306d; padding-left: 7px !important; } #build_quote #quote_wrapper table th h5 { padding-left: 0px !important; font-size: 16px; } #build_quote #quote_wrapper table td { font-size: 12px; text-transform: uppercase; padding: 2px 2px 2px 6px; } #build_quote #quote_wrapper table td .static_prices { font-weight: normal; } #build_quote #quote_wrapper table td .price_difference { color: #1f5327; } #build_quote #quote_wrapper #overflow_box { height: 120px; overflow-y: auto; } #build_quote #quote_wrapper table td.extra_option_name { width: 410px; } #build_quote #quote_wrapper table td.extra_option_name input { width: 260px; } #build_quote #quote_wrapper table td.extra_option_price { width: 80px; text-align: right; padding-right: 20px; } #build_quote #quote_wrapper table td.extra_option_price input { width: 48px; text-align: right; } #build_quote #quote_wrapper table td.extra_option_net { width: 70px; text-align: center; padding-right: 20px; } #build_quote #quote_wrapper table td.extra_option_net input { width: 38px; text-align: right; } #build_quote #quote_wrapper table td.extra_option_value { width: 70px; text-align: center; } #build_quote #quote_wrapper table td.extra_option_value input { width: 20px; } #build_quote #quote_wrapper table td.extra_option_cost { text-align: right; } #build_quote #quote_wrapper table td.credit_option_name { width: 320px; } #build_quote #quote_wrapper table td.credit_option_name input { width: 260px; } #build_quote #quote_wrapper table td.credit_option_price { width: 80px; text-align: right; padding-right: 20px; } #build_quote #quote_wrapper table td.credit_option_price input { width: 48px; text-align: right; } #build_quote #quote_wrapper table td.credit_option_net { width: 70px; text-align: center; padding-right: 20px; } #build_quote #quote_wrapper table td.credit_option_net input { width: 38px; text-align: right; } #build_quote #quote_wrapper table td.credit_option_value { width: 70px; text-align: center; } #build_quote #quote_wrapper table td.credit_option_value input { width: 20px; } #build_quote #quote_wrapper table td.credit_option_cost { text-align: right; } #build_quote #quote_wrapper table#quote_totals td, table#quote_totals td h3 { text-align: right; } /*email addresses*/ #build_quote #quote_wrapper #email_addresses_wrapper { display: none; } #build_quote #quote_wrapper #email_addresses { list-style: none; } #build_quote #quote_wrapper #email_addresses li label { width: 140px; display: block; float: left; } #build_quote #quote_wrapper #email_addresses li { font-size: 12px; text-transform: uppercase; padding-top: 6px; padding-right: 0; padding-bottom: 2px; padding-left: 6px; } #build_quote #quote_wrapper #email_addresses li input { width: 220px; } #build_quote #quote_wrapper #email_addresses li input.problem_email { border: 1px solid red; padding: 3px; } /*client details*/ #build_quote #quote_wrapper #client_details { list-style: none; } #build_quote #quote_wrapper #client_details td { font-size: 12px; text-transform: uppercase; padding-top: 6px; padding-right: 0; padding-bottom: 2px; padding-left: 6px; } #build_quote #quote_wrapper #client_details td label { width: 94px; display: block; float: left; text-align: right; padding-right: 7px; } #build_quote #quote_wrapper #client_details td input { width: 220px; } #build_quote #quote_wrapper #client_details td input.problem_email { border: 1px solid red; padding: 3px; } /*submit quote button*/ #build_quote #quote_wrapper #submit_quote { position: absolute; right: 52px; bottom: 26px; width: 240px; height: 100px; background-color: #cbcbcb; border: 1px solid #29292b; text-align: center; cursor: pointer; color: #29292b; font-size: 20px; } #build_quote #quote_wrapper #print_summary { position: absolute; right: 52px; bottom: 470px; width: 240px; height: 100px; background-color: #cbcbcb; border: 1px solid #29292b; text-align: center; cursor: pointer; color: #29292b; font-size: 20px; margin: 20px 0 0 0; } #build_quote #quote_wrapper #print_prep_div { display: none; } /*Machine details*/ #build_quote #machine_details { } #build_quote #machine_details td { text-align: right; } #build_quote #machine_details td textarea { width: 100%; display: block; height: 40px; } /* select option */ #select_option { padding: 30px; } #select_option #dealer_logout_link { float: right; font-size: 12px; font-weight: bold; color: #333333; padding: 10px 30px 0 30px; } #select_option h2 { color: #0e2357; font-size: 14px; text-transform: capitalize; font-weight: bold; } #select_option ul { list-style: none; padding: 5px 0; } #select_option ul li { padding: 3px 0; } #select_option ul li a { text-decoration: none; color: #053367; padding: 3px 3px 2px 7px;; font-size: 13px; } #select_option ul li a img { vertical-align: middle; } #select_option ul li a:hover { text-decoration: underline; } /* Control Options */ #control_options { padding: 0 0 0 12px; } #control_options h2 { color: #0e2357; font-size: 14px; text-transform: capitalize; font-weight: bold; margin: 0; padding: 5px 0px; } #control_options p { margin: 0px; padding: 5px 0px; } #control_options a { text-decoration: none; color: #053367; padding: 3px 3px 2px 7px;; font-size: 13px; } #control_options a img { margin-right: 4px; vertical-align: middle; } #control_options a:hover { text-decoration: underline; } /* Dealer Manufacturer Listing */ ul.manufacturer_listing_small { list-style: none; padding: 6px 0px 0px 0px; } ul.manufacturer_listing_small li { float: left; font-size: 12px; color: #333333; padding: 6px; text-align: center; } ul.manufacturer_listing_small li img { width: 62px; height: 22px; }