/* CSS Document */ #first_three_links li { float: left; margin: 3px 0px 0px 9px; height: 50px; position: relative; } body { background-color: #254481; margin: 0; background-attachment: fixed; } a:link { color: #254481; text-decoration: underline; } a:visited { text-decoration: underline; color: #254481; } a:hover { text-decoration: none; color: #254481; } a:active { text-decoration: underline; color: #254481; } img { border: none; /*color: #254481;*/ } h1 { font-family: Arial, Helvetica, sans-serif; font-size: 19px; color: #254481; margin: 20px 0 0 20px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #254481; width: 515px; padding-bottom: 4px; } h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000000; padding-bottom: 0px; margin-right: 0; margin-bottom: 0; margin-left: 20px; } .clearboth { clear: both; } /*----------------------*/ #maincontainer { margin: 0 auto; width: 783px; background-color: #223f77; border: #1b3360 solid; border-width: 0 2px 0 2px; } /*-----------------*/ #top_interface { background-image: url(images/top_interface.gif); background-repeat: no-repeat; display: block; width: 783px; height: 187px; } #top_interface a.link { background-image: url(images/top_interface.gif); background-repeat: no-repeat; width: 783px; height: 187px; } #top_interface a.link span { display: none; } #top_menu_buttons { width: 739px; height: 52px; margin: 124px 0 0 12px; position: absolute; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; /*color: #f1f1cd;*/ color: #223F77; } #top_menu_buttons a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; /*color: #f1f1cd;*/ text-decoration: none; } /*-----------------------*/ #first_three_links { margin: 19px 0 0 9px; padding: 0; list-style: none; } #first_three_links a:hover { /*color: #FFFFFF;*/ color: #223F77; text-decoration: underline; } /* DROP DOWN MENUS */ #first_three_links div { width: 200px; background-color: #254481; position: absolute; border: 1px solid #000000; background-image: url(http://www.westpointinsurance.com/images/drop_down_bg.jpg); background-repeat: repeat-x; display: none; left: -20px; top: 30px; } #drop_down_menus h5, #drop_down_menus_2 h5, #drop_down_menus_3 h5 { background-color: #264685; width: 200px; height: 35px; background-image: url(http://www.westpointinsurance.com/images/drop_down_header.gif); background-repeat: no-repeat; background-position: 3px 4px; margin: 0; border-bottom: 1px #32466d solid; } #drop_down_options, #drop_down_options_2 { margin: 8px 0 0 20px; padding: 0; list-style: none; } #drop_down_options_3 { margin: 16px 0 0 20px; padding: 0; list-style: none; } #drop_down_options li, #drop_down_options_2 li, #drop_down_options_3 li { float: none; height: auto; margin: 0 0 7px 0; } #drop_down_options li a, #drop_down_options_2 li a, #drop_down_options_3 li a { color: #FFFFFF; } #drop_down_options li a:hover, #drop_down_options_2 li a:hover, #drop_down_options_3 li a:hover { color: #00CCFF; } /*----MAGIC------*/ #first_three_links li:hover div, #first_three_links li.over div { display: block; } /*--------------*/ #home_button a { width: 38px; height: 35px; display: block; float: left; /*margin: -19px 0 0 6px;*/ padding: 19px 0 0 31px; /*background-image: url(http://www.westpointinsurance.com/images/contact_over.gif);*/ background-repeat: no-repeat; background-position: 0 -100px; } #divider{ width: 8px; display: block; float: left; /*margin: -19px 0 0 6px;*/ padding: 19px 0 0 5px; background-repeat: no-repeat; background-position: 0 -100px; } #home_button a:hover { background-position: 0 0; color: #223f77; } #contact_us_button a { width: 90px; height: 20px; display: block; float: left; /*margin: -19px 0 0 -14px;*/ /*padding: 19px 0 0 18px;*/ /*background-image: url(http://www.westpointinsurance.com/images/request_over.gif);*/ background-repeat: no-repeat; background-position: 0 -100px; } #contact_us_button a:hover { background-position: 0 0; color: #223f77; } #request_quote_button a { width: 95px; height: 35px; display: block; float: left; /*margin: -19px 0 0 -17px;*/ padding: 19px 0 0 18px; /*background-image: url(http://www.westpointinsurance.com/images/online_payments_over.gif);*/ background-repeat: no-repeat; background-position: 0 -100px; } #request_quote_button a:hover { background-position: 0 0; color: #223f77; } /*---------------*/ #middle_interface { margin: 0 auto; width: 731px; background-image: url(http://www.westpointinsurance.com/images/middle_interface_bg.gif); background-repeat: repeat-y; } /* LEFTSIDE INTERFACE */ #leftside_interface { width: 187px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } #leftside_interface a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #223f77; text-decoration: none; } /*---------*/ #download_brochures { background-image: url(http://www.westpointinsurance.com/images/download_brochures_up.gif); width: 187px; height: 66px; } #download_brochures a { background-image: url(http://www.westpointinsurance.com/images/download_brochures_over.gif); background-position: 0 -68px; background-repeat: no-repeat; width: 187px; height: 66px; display: block; } #download_brochures a:hover { background-position: 0 0; } /*---------*/ #lefttop_menuItems { width: 187px; height: 180px; } #lefttop_menuItems ul { margin: 0 0 0 18px; padding: 0; list-style: none; font-weight: bold; width: 150px; } #lefttop_menuItems ul li { border: #223f77 solid; border-width: 0 0 1px 0; margin: 0 0 1px 0; } #lefttop_menuItems ul li a { display: block; width: 140px; padding: 5px 3px 3px 8px; } #lefttop_menuItems ul li a:hover { background-color: #556fa0; color: #FFFFFF; } /*---------*/ #newsletter_section { margin: 12px 0 0 13px; width: 161px; height: 110px; /*border: #606060 solid; border-width: 0 1px 1px 1px; border-top: #606060 1px solid;*/ border:none; } #newsletter_section h5 { background-image: url(http://www.westpointinsurance.com/images/newsletter_header.gif); width: 161px; height: 33px; margin: 0; border-bottom: #606060 1px solid; } #newsletter_section img { margin: 12px 0 0 13px; } #newsletter_section form { margin: 10px; } #newsletter_section_submit_button { margin: 10px 0 0 27px; } /*---------*/ #sports_section, #non_sports_section, #individual_section { margin: 25px 0 0 13px; width: 161px; border: #606060 solid; border-width: 0 1px 1px 1px; border-top: #606060 1px solid; } /*-----------------*/ #sports_section ul, #non_sports_section ul, #individual_section ul { margin: 13px 0 0 18px; padding: 0; list-style: none; font-weight: bold; } #sports_section ul li, #non_sports_section ul li, #individual_section ul li { margin: 0 0 8px 0; color: #223f77; } #sports_section ul li a:hover, #non_sports_section ul li a:hover, #individual_section ul li a:hover { color: #FFFFFF; text-decoration: underline; } /*---------*/ #sports_section h5 { background-image: url(http://www.westpointinsurance.com/images/sports_insurance_header.gif); width: 161px; height: 33px; margin: 0; border-bottom: #606060 1px solid; } #non_sports_section h5 { background-image: url(http://www.westpointinsurance.com/images/non_sports_insurance_header.gif); width: 161px; height: 33px; margin: 0; border-bottom: #606060 1px solid; } #individual_section h5 { background-image: url(http://www.westpointinsurance.com/images/individual_header.gif); width: 161px; height: 33px; margin: 0; border-bottom: #606060 1px solid; } /*---------*/ #special_programs { margin: 25px 0 0 13px; width: 161px; } #special_programs img { margin: 12px 0 0 13px; } #special_programs h5 { background-image: url(http://www.westpointinsurance.com/images/specialized_header.gif); width: 161px; height: 33px; margin: 0; border-bottom: #606060 1px solid; } #partners { margin: 25px 0 12px 13px; width: 161px; } #partners img { margin: 12px 0 0 13px; } #partners h5 { /*background-image: url(http://www.westpointinsurance.com/images/partners_header.gif);*/ width: 161px; height: 33px; margin: 0; border-bottom: #606060 1px solid; } /*---------*/ /* RIGHTSIDE INTERFACE */ #rightside_interface { width: 544px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } #rightside_interface a:hover { color: #666666; } #apply_online_button a { background-image: url(http://www.westpointinsurance.com/images/apply_online_button.gif); background-repeat: no-repeat; width: 530px; height: 90px; display: block; margin: 0; } #print_pdf_button a { background-image: url(http://www.westpointinsurance.com/images/print_PDF_button.gif); background-repeat: no-repeat; width: 530px; height: 90px; display: block; margin: 0; } #request_insurance_button a { background-image: url(http://www.westpointinsurance.com/images/ins_quote_button.gif); background-repeat: no-repeat; width: 530px; height: 90px; display: block; margin: 0; } #rightside_interface p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin: 20px 0 0 20px; padding: 0 12px 0 0; text-align: justify; } #rightside_interface ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin: 20px 0 0 10px; padding: 0 0 0 30px; list-style: disc; } #rightside_interface ul li { } #rightside_interface table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin: 20px 0 0 20px; } .content_thumbnails { float: left; margin: 0 10px 10px 0; padding: 0; border: 1px #000000 solid; } /*--------Home Page-----------*/ #featured_sport { width: 497px; background-color: #f6f6f6; margin: 20px 0 0 20px; padding-bottom: 20px; } #featured_sport img.thumbnail { margin: 0px 13px 0 0px; float: left; } #featured_sport p { margin: 8px 0 0 10px; } /*--------*/ .homepage_featured_insurance { margin: 25px 0 0 25px; } .homepage_featured_insurance img { float: left; } .homepage_featured_insurance p { float: left; width: 300px; } /*--------*/ .featured_mini { margin: 25px 0 0 15px; width: 154px; float: left; font: 11px Arial, Helvetica, sans-serif; line-height: 18px; background-color: #F6F6F6; } .featured_mini span.grayheadings { display: block; width: 154px; height: 18px; background-color: #e9e9ea; color: #000000; font-weight: bold; text-decoration: none; padding-top: 5px; padding-bottom: 5px; font-size: 12px; } .featured_mini a:hover { color: #00CC00; } .featured_mini span { padding: 10px 0 10px 20px; background-color: #F6F6F6; } .featured_mini img { margin: 5px 0 12px 0; } /*-------------------*/ #mini_menu_bottom a, #mini_menu_bottom_link a { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; } #mini_menu_bottom_link { margin: 0 0 40px 130px; } /*-----------*/ #copyright { width: 635px; height: 50px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 10px; font-weight: bold; text-align: center; margin: 20px 0 0 85px; } #copyright a { color: #FFFFFF; } #copyright a:hover { color: #00CC00; } /* FOOTER INTERFACE */ #footer_interface { width: 544px; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } #footer_interface a:hover { color: #666666; } #footer_interface p { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; margin: 20px 0 0 0; padding: 0 12px 8px 0; text-align: center; } #footer_interface ul { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; margin: 20px 0 0 0; padding: 0 0 0 30px; list-style: disc; } #footer_interface ul li { margin-bottom: 10px; } #footer_interface table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin: 20px 0 0 20px; } .form { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin-top: 0; margin-bottom: 0; } form { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin-top: 0; margin-bottom: 0; } #dentalplans_website { width: 312px; height: 312px; background: url(http://www.westpointinsurance.com/images/dentalplans_banner.jpg) 0 0 no-repeat; margin: 15px 0 0 20px; position: relative; } #dentalplans_website form { top: 230px; left: 165px; position: absolute; width: 200px; } .brochure_links { margin: 20px 0 0 20px; } .brochure_links img.thumnailLink { float: left; margin: 0 20px 0 0; } .brochure_links p { margin: 20px 0 0 0; width: auto; float: left; text-align: left; } .brochure_links a { font-weight: bold; text-align: left; } .button { width: 150px; padding: 0.2em; color: #ffffff; text-shadow: 1px 1px 1px #000; border: solid thin #882d13; -webkit-border-radius: .7em; -moz-border-radius: 0.7em; border-radius: .7em; -webkit-box-shadow: 2px 2px 3px #999; box-shadow: 2px 2px 2px #bbb; background-color: #369; background-image: none; }