/* Font-Family -> 'Trebuchet MS', Arial, Helvetica, Geneva, sans-serif Base-Font-Size -> 13px Orange -> #EF5A24 Green -> #39B34A Blue -> #009BDA Dark Blue -> #232344 Purple -> #3F2F8E */ /* Basics */ html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} html, body{margin: 0; padding: 0;} body{font-family: 'Trebuchet MS', Arial, Helvetica, Geneva, sans-serif; font-size: 13px; text-align: center;} h1, h2, h3, h4, h5, h6, form, table, ul{font-weight: normal; font-size: 1em; margin: 0; padding: 0;} a{text-decoration: none; color: inherit; border: none; overflow: hidden;} img{border: none;} a span{cursor: pointer;} p, ul, h1, h2, h3, h4, h5, h6, form{margin: 0 0 0 0;} p, ul{line-height: 1.5em;} /* WebiDiz */ .promoEditOutlined{margin: 0 auto; border: #999 1px dashed; font-size: 13px} /* Layout Foundation */ html{background: url(../img/header_gradient.jpg) repeat-x; } #outer_container{width: 1000px; margin: 0 auto; background: url(../img/header.jpg) no-repeat; min-height: 321px;} #inner_container{width: 900px; margin: 0 auto; text-align: left;} #header{position: relative; } #header .logo{position: absolute; top: 0; left: 0; z-index: 1000;} #header .logo a{display: block; width: 300px; height: 139px;} #header .logo a span{display: none;} #icon_menu{position: absolute; top: 0; right: 0; z-index: 1000;} #icon_menu ul{margin: 0; padding: 0; list-style: none; padding-right: 10px;} #icon_menu ul li{display: block; float: left; text-align: center; overflow: hidden; height: 139px; width: 98px; line-height: 1em;} #icon_menu ul li a{display: block; overflow: hidden; height: 139px; width: 98px; color: #000; z-index: 10000; position: relative;} #icon_menu ul li a span{display: block; padding: 95px 6px 6px 6px;} #sub_menu{display: block; clear: both; width: 900px; height: 42px; position: relative; font-size: 13px;} #sub_menu div{display: none; width: 900px; height: 42px; position: absolute; top: 0; left: 0;} #sub_menu ul{position: relative; list-style: none; margin: 0 0 0 260px; padding: 0 16px; float: right; display: none;} #sub_menu ul li{display: block; margin: 6px; color: #FFF; height: 24px; padding: 0; position: relative; top: 1px; float: left;} #sub_menu ul .headline{display: none;} #sub_menu ul li a{display: block; height: 24px; padding: 0; color: #FFF;} #sub_menu ul li a span{display: block; line-height: 22px; height: 24px; margin: 0 6px;} #sub_menu .tagline{display: inline-block; font-size: 15px; color: #FFF; font-style: oblique; line-height: 38px; left: 10px; position: absolute; z-index: 600;} /* Green */ #icon_menu li.green:hover{background: url(../img/icons_hover/green.gif) no-repeat;} #icon_menu li.green.current{background: url(../img/icons_active/green.gif) no-repeat;} #sub_menu .green{background: url(../img/top_bars/green.gif) no-repeat;} #sub_menu .green ul{display: block;} #sub_menu .green ul li:hover{background: url(../img/submenu_highlight/green_l.gif) top left no-repeat;} #sub_menu .green ul li:hover a{background: url(../img/submenu_highlight/green_r.gif) top right no-repeat;} #sub_menu .green ul li:hover a span{background: #0d820d;} /* Yellow */ #icon_menu li.yellow:hover{background: url(../img/icons_hover/yellow.gif) no-repeat;} #icon_menu li.yellow.current{background: url(../img/icons_active/yellow.gif) no-repeat;} #sub_menu .yellow{background: url(../img/top_bars/yellow.gif) no-repeat;} #sub_menu .yellow ul{display: block;} #sub_menu .yellow ul li:hover{background: url(../img/submenu_highlight/yellow_l.gif) top left no-repeat;} #sub_menu .yellow ul li:hover a{background: url(../img/submenu_highlight/yellow_r.gif) top right no-repeat;} #sub_menu .yellow ul li:hover a span{background: #db4300;} /* Blue */ #icon_menu li.blue:hover{background: url(../img/icons_hover/blue.gif) no-repeat;} #icon_menu li.blue.current{background: url(../img/icons_active/blue.gif) no-repeat;} #sub_menu .blue{background: url(../img/top_bars/blue.gif) no-repeat;} #sub_menu .blue ul{display: block;} #sub_menu .blue ul li:hover{background: url(../img/submenu_highlight/blue_l.gif) top left no-repeat;} #sub_menu .blue ul li:hover a{background: url(../img/submenu_highlight/blue_r.gif) top right no-repeat;} #sub_menu .blue ul li:hover a span{background: #0074b8;} /* Purple */ #icon_menu li.purple:hover{background: url(../img/icons_hover/purple.gif) no-repeat;} #icon_menu li.purple.current{background: url(../img/icons_active/purple.gif) no-repeat;} #sub_menu .purple{background: url(../img/top_bars/purple.gif) no-repeat;} #sub_menu .purple ul{display: block;} #sub_menu .purple ul li:hover{background: url(../img/submenu_highlight/purple_l.gif) top left no-repeat;} #sub_menu .purple ul li:hover a{background: url(../img/submenu_highlight/purple_r.gif) top right no-repeat;} #sub_menu .purple ul li:hover a span{background: #5a458c;} /* Red */ #icon_menu li small{display: none;} #icon_menu li.red{position: relative; right: 1px;} #icon_menu li.red:hover{background: url(../img/icons_hover/red.gif) no-repeat;} #icon_menu li.red.current{background: url(../img/icons_active/red.gif) no-repeat;} #sub_menu .red{background: url(../img/top_bars/red.gif) no-repeat;} #sub_menu .red ul{display: block;} #sub_menu .red ul li:hover{background: url(../img/submenu_highlight/red_l.gif) top left no-repeat;} #sub_menu .red ul li:hover a{background: url(../img/submenu_highlight/red_r.gif) top right no-repeat;} #sub_menu .red ul li:hover a span{background: #991313;} /* Content */ #content{overflow: auto; padding: 6px 0 12px 0; overflow: visible;} h1{color: #ef5a24; font-size: 18px; font-weight: bold; } h2{color: #009BDA; font-weight: bold; font-size: 14px;} h3, .single_ratesheet h4{color: #39B34A; font-size: 14px; font-weight: bold;} #copy_x a, #copy_container a, .promoEditOutlined a{color: #3F2F8E;} hr{border: none; border-top: 1px solid #BCECEC;} #copy_x ul, #copy_container ul, .promoEditOutlined ul{list-style: none; padding: 0;} #copy_x ul li, #copy_container ul li, .promoEditOutlined ul li{padding: 0 0 0 15px; background: url(../img/list_dots/orange.gif) 0px 6px no-repeat;} .single_ratesheet{margin-top: 2em;} .single_ratesheet h4 em, .footnote, .qas_url{font-size: 12px; color: #666;} #loginbox .footnote{line-height: 26px;} #left_bar{float: left; width: 160px; padding: 5px 10px 15px 0;} .sidebar a{color: #232344;} .sidebar a:hover{color: #243872;} .sidebar ul{padding: 0 0 15px 0; list-style: none; font-size: 12px;} .sidebar ul li{overflow: visible; line-height: 14px; display: inline;} .sidebar ul li a{padding: 2px 0 2px 25px; background: url(../img/list_stars/blue.gif) 0px 2px no-repeat; display: block; position: relative; z-index: 5000;} .sidebar .headline{font-weight: bold; padding-left: 0; font-size: 14px; background: none; color: #39B34A; padding-bottom: 3px; margin-top: 3px;} .sidebar .headline a{color: #39B34A;} .sidebar .callout{float: none;} .sidebar hr{display: none;} .promotions .single_promo{margin-bottom: 15px;} #right_bar .headline, #right_bar .headline a{color: #EF5A24} #copy_container{float: left; width: 540px; padding: 10px;} #copy_container.twocolumn{float: left; width: 720px; padding: 10px 0 10px 10px;} #right_bar{float: left; width: 160px; padding: 10px 0 10px 10px;} /* RSS Feed */ #rss_feed{height: 100%; background: #fff url(../img/header_gradient.jpg) left -198px repeat-x;} #rss_feed .headline{line-height: 24px; margin-bottom: .25em;} #rss_feed .dropdown{float: right; width: 120px; height: 24px; background: url(../img/buttons/dropdown.gif) no-repeat; position: relative; overflow: visible;} #rss_feed .dropdown .current{display: block; color: #FFF;} #rss_feed .dropdown .current span{display: block; line-height: 18px; height: 18px; width: 84px; padding-left: 14px;} #rss_feed .dropdown .current:hover{color: #FFF;} .dropdown ul{padding: 2px 0; display: none; margin: 0 0 0 8px; position: absolute; border: 1px solid #FFF; background: #cc3b00; list-style: none; width: 87px; border-top: none; overflow: hidden;} .dropdown ul li{display: inline; background: none; margin: 0; padding: 0;} .dropdown ul li a{display: block; margin: 0; background: none; padding: 2px 4px;} .dropdown ul li a:hover{background: #EF5A24;} .dropdown ul a{color: #FFF;} .dropdown ul a:hover{color: #FFF;} .dropdown ul .headline{display: none;} #rss_feed .posts ul{line-height: 1.3em; display: block; list-style: none; padding: 0 0 15px 0; margin: 0;} #rss_feed .posts ul li{ margin-top: 1.5em; font-size: 12px; background: none; padding: 0;} #rss_feed .posts ul li .time{font-size: 11px; color: #666; margin-bottom: .5em;} #rss_feed .follow_us{border-top: 1px solid #ef5a24; color: #ef5a24; font-size: 11px; font-style: oblique; line-height: 2em; padding-bottom: 1.5em;} #rss_feed .follow_us a{color: #ef5a24;} /* Callout Box */ .callout{width: 160px; border: 1px solid #cbdaa9; background: #f3ffe4; overflow: visible; height: 150px; margin: 5px 0 15px 0; float: right;} .callout .top{background: url(../img/callout/green_t.gif) no-repeat; padding-top: 4px;} .callout .center{background: url(../img/callout/green.gif) repeat-y; padding: 6px 10px; height: 130px;} .callout .bottom{background: url(../img/callout/green_b.gif) bottom no-repeat; padding-bottom: 4px;} /* Copy Container Promo */ #copy_container .promobox{position: relative;} #copy_container .promobox.top{background: url(../img/content_container/blue_t.gif) no-repeat; padding-top: 4px;} #copy_container .promobox .bottom{background: url(../img/content_container/blue_b.gif) bottom left no-repeat; padding-bottom: 4px;} #copy_container .promobox .center{background: url(../img/content_container/blue.gif) repeat-y; padding: 6px 10px;} #content_promo{border: 1px solid #a9c1da; background: #FFF; height: 400px; overflow: hidden;} /* Promo */ #content_promo{width: 518px; height: 400px; background: #FFF; position: relative; margin: 0 auto;} #content_promo_nav a{border: none;} #content_promo_nav{position: absolute; z-index: 800; top: 15px; right: 19px;} #content_promo_nav a{display: inline-block; width: 26px; height: 26px; margin: 6px 0 0 2px; } #content_promo_nav .nav_0{background: url(../img/content_promo_icons/off_01.png) no-repeat;} #content_promo_nav .nav_1{background: url(../img/content_promo_icons/off_02.png) no-repeat;} #content_promo_nav .nav_2{background: url(../img/content_promo_icons/off_03.png) no-repeat;} #content_promo_nav .nav_3{background: url(../img/content_promo_icons/off_04.png) no-repeat;} #content_promo_nav .nav_4{background: url(../img/content_promo_icons/off_05.png) no-repeat;} #content_promo_nav .nav_0.activeSlide{background: url(../img/content_promo_icons/on_01.png) no-repeat;} #content_promo_nav .nav_1.activeSlide{background: url(../img/content_promo_icons/on_02.png) no-repeat;} #content_promo_nav .nav_2.activeSlide{background: url(../img/content_promo_icons/on_03.png) no-repeat;} #content_promo_nav .nav_3.activeSlide{background: url(../img/content_promo_icons/on_04.png) no-repeat;} #content_promo_nav .nav_4.activeSlide{background: url(../img/content_promo_icons/on_05.png) no-repeat;} /* Footer Search Bar */ #footer_bar{background: url(../img/bottom_bars/green.gif); display: block; clear: both; width: 900px; height: 42px; position: relative;} #footer_bar form{padding: 0 10px;} #footer_bar form div{float: left;} #footer_bar form .label{line-height: 38px; color: #FFF; font-size: 14px; padding-right: 10px;} #footer_bar form .input{margin: 7px 6px 0 6px;} #footer_bar form .input input{border: 1px solid #0d820d; background: #9fd562; height: 12px; line-height: 12px; color: #000; padding: 5px; margin: 0; width: 420px;} #footer_bar form .submit{margin: 7px 6px 0 6px;} #footer_bar form .submit input{background: none; border: none; color: #FFF; font-size: 12px; color: #FFF; height: 24px; padding: 0; margin: 0; background: #0d820d;} #footer_bar form .right{display: inline-block; background: url(../img/submenu_highlight/green_l.gif) top left no-repeat;} #footer_bar form .left{background: url(../img/submenu_highlight/green_r.gif) top right no-repeat;} #footer_bar form .center{margin: 0; height: 24px; padding: 0 6px;} /* Footer Menu */ #footer_menu{margin: 0; clear: both; padding: 0 0 1em 0; height: 100%; overflow: visible;} #footer_menu ul {display: block; margin: 0; padding: 0;} #footer_menu ul span{display: block;} #footer_menu ul li{display: inline;} #footer_menu ul li ul li span, #footer_menu ul li.headline span{display: block;} #footer_menu ul li.headline, #footer_menu ul li.headline a{color: #39B34A; font-size: 14px; font-weight: bold;} #footer_menu a, #footer_menu li, #footer_menu ul li.headline ul li, #footer_menu ul li.headline ul li a{color: #232344; font-size: 12px; font-weight: normal;} #footer_menu ul li ul li.headline, #footer_menu ul li ul li.headline a{color: #39B34A; font-size: 14px; font-weight: bold;} #footer_menu ul{display: block; list-style: none; float: left; width: 225px;} #footer_menu ul ul{float: none;} #footer_menu .headline span{display: block; padding: 1em 0 0 0;} #footer_menu .headline li span{padding: 0 0 0 0;} /* SubFooter Menu */ #subfooter{margin: 1em 0 0 0; border-top: 1px solid #BCECEC; padding: 1em 0 0 0; text-align: right; padding-bottom: 10px;} #subfooter .cu_badges{float: left; position: relative;} #subfooter .cu_badges img{margin: 0 10px 0 0;} #subfooter .idiz_tag{font-size: .8em;} #subfooter .idiz_tag a{color: #009BDA;} /* Offsite Link Stuff */ #offsite_box{text-align: left; background: url(../img/notify_bg.gif) repeat-x; width: 290px; height: 120px; position: fixed; margin-left: -145px; margin-top: -75px; left: 50%; top: 35%; z-index: 4002; display: none;} #offsite_box .content{padding: 15px;} #offsite_box .choices{text-align: right; margin-top: 25px;} #offsite_box .choices a{display: inline-block; text-align: center; } #offsite_box .choices a span{display: block; padding: 0px 10px; font-size: 1em; line-height: 26px;} #offsite_cancelbutton{color: #3F2F8E;} #offsite_continuebutton{position: relative; display: block; background: url(../img/empty_button.gif) no-repeat; width: 74px; height: 26px; color: #FFF;} #offsite_box .headline{color: #ef5a24; font-size: 18px; line-height: 1em; margin: 0em 0 .35em 0;} #offsite_screen{ position: absolute; left: 0; top: 0; background: #009BDA; z-index: 4000;} .table_container{background: #0085bc url(../img/table_header.gif) no-repeat; padding: 0 1px; margin: 0; border-collapse: collapse;} .full_table{width: 100%; margin: 0; padding: 0; border: none;} .full_table tr{margin: 0; padding: 0; border: none;} .full_table th, .full_table td{padding: 8px; margin: 0; border: none; position: relative;} .full_table th{color: #FFF;} .full_table td{padding: 4px 8px; background: #e8FFFF;} .full_table .alt2 td{background: #FFF;} .full_table .alt1 td.cell_highlight{background: #3AA8D5; color: #FFF;} .full_table .alt2 td.cell_highlight{background: #42BFD7; color: #FFF;} .footer_container .footnote{background: #FFF; padding: 15px; line-height: 1em; margin: 0;} .footer_container{background: #0085bc url(../img/table_footer.gif) left bottom no-repeat; padding: 0 1px 4px 1px;} .footer_container .footnote{background: #FFF; padding: 15px; line-height: 1.1em; border-top: 1px solid #BCECEC;} /* Calculator */ #calc_content{margin: 1em 0; border-top: 1px solid #DDD; padding: 1em 0;} #calc_content .title{display: block; color: #009BDA; font-size: 1.3em; line-height: 1.3em;} #calc_content label{display: block; margin: .5em 0;} #calc_content label span{display: block; font-weight: bold;} #calc_content label em{color: #999; font-style: normal; margin: 0 .5em 0 0;} #calc_content input{margin: 0 .5em 0 0; background: #EFEFEF; border: 1px solid #DDD;} #calc_answer{margin: 1em 0; border-top: 1px solid #DDD; padding: 1em 0;} #calc_answer strong{color: #EF5A24;} /* WebiDiz */ #copy_x, #twocolumn_x, #home_x{margin: 0 auto; background: #FFFFFF; text-align: left;} #copy_x, #home_x{width: 540px; padding: 10px;} #twocolumn_x{width: 720px; padding: 10px 0 10px 10px;} #sidebarleft_promo, #sidebarright_promo{width: 160px; margin: 0 auto;} #header_promo_container{width: 900px; height: 139px; overflow: hidden;} #header_promo_subcontainer{position: absolute; top: 0; left: 0; z-index: 1; width: 900px; height: 139px;} #header_promo{width: 900px; height: 139px; position: relative; z-index: 1;} #header_promo img{position: relative; z-index: 1;}