/******************************** Global ********************************/ html, body { width: 100%; min-height: 100%; } body { background: #1b5985 url(/themes/site_themes/bsg/images/bg.png) repeat-x top left; color: #2e2929; font-size:62.5%; text-align:center; font-family: Arial, Helvetica, sans-serif; margin:0; padding: 0;} /* 16px x 62.5% = 10px base font size - font sizing with em is now scale of 10 */ /* * html body { font-size: 52.5%; }*/ /** Text Formatting **/ p, h1, h2, h3, li, a, td { line-height: 1.4em; padding: 0; margin: 0; letter-spacing: 0.03em; } /*p { font-size: 1.1em; }*/ h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; } h1 span { display: none; } a, a.link, a:visited { color: #1b5985; text-decoration: none; } a:hover { color: #1b5985; text-decoration: underline; } ul { margin-top: 0; padding-top: 0; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; } sup { bottom: .5ex; } sub { top: .5ex; } img { border: 0px; } /** Clearfix **/ * html .clearfix { height: 1%; overflow: visible; } /* float clearing for IE6 */ *+html .clearfix { min-height: 1%; } /* float clearing for IE7 */ .clearfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; } /* float clearing for everyone else */ :focus { -moz-outline-style: none; } /* removes selection border from around image in FF */ div.hiddenFields { display: none; } /******************************** Containers ********************************/ div#container { width: 1000px; margin: 0 auto; padding: 41px 0 0 0; position: relative; text-align: left; min-height: 100%; } div#shadow { background: url(/themes/site_themes/bsg/images/shadow_bg.png) repeat-y top left; } * html div#shadow { background: url(/themes/site_themes/bsg/images/shadow_bg_ie.png) repeat-y 21px 0px; } div#columns { background: #fff url(/themes/site_themes/bsg/images/columns_bg.png) no-repeat bottom left; padding: 15px 0 0 0; width: 957px; margin: 0 0 0 23px; position: relative; min-height: 520px; } * html div#columns { height: 520px; } * html div#container.home div#columns { height: auto; } div#page_header h1 { letter-spacing: .01em; color: #132554; font-size: 2.4em; font-weight: normal; margin: 0 0 0 20px; padding: 5px 0 10px 5px; border-bottom: 2px solid #ddd; width: 670px; } div#columns.full div#page_header h1, div#columns.wide div#page_header h1 { width: 910px; } div#container.home div#columns { background: #fff url(/themes/site_themes/bsg/images/home_columns_bg.png) no-repeat top left; min-height: 473px; padding: 0; } /******************************** Header ********************************/ div#header { background: url(/themes/site_themes/bsg/images/header_bg.png) no-repeat top left; height: 129px; position: relative; } div#container.home div#header { background: url(/themes/site_themes/bsg/images/home_header_bg.png) no-repeat top left; height: 153px; position: relative; } * html div#header { background: url(/themes/site_themes/bsg/images/header_bg_ie6.png) no-repeat 21px 0px; } * html div#container.home div#header { background: url(/themes/site_themes/bsg/images/home_header_bg_ie6.png) no-repeat 21px 0px; } /** Logo **/ div#logo { width: 240px; height: 100px; background-color: transparent; position: absolute; top: 41px; left: 50px; } div#logo a { display: block; width: 100%; height: 100%; } div#logo span { display: none; } /** Nav **/ div#nav { position: absolute; top: 10px; left: 48px; } div#nav ul { margin: 0; padding: 0; list-style: none; } div#nav ul li { float: left; display: block; padding: 0 11px; } div#nav ul li a { color: #666; font-size: 1.2em; letter-spacing: .01em; } div#nav ul li a:hover { color: #1b5985; text-decoration: none; } div#nav ul li.here a { color: #1b5985; } div#nav ul li ul { margin: -14px 0 0 80px; padding: 0; *margin: -17px 0 0 80px;} div#nav ul li ul li a, div#nav ul li.here ul li a { color: #666; font-size: 1.2em; letter-spacing: .01em; } div#nav ul li ul li a:hover, div#nav ul li.here ul li a:hover { color: #1b5985; text-decoration: none; } div#nav ul li ul li.here a, div#nav ul li.here ul li.here a { color: #1b5985; } /** Login **/ div#login { position: absolute; right: 9px; top: 1px; display: none; } div#login ul { margin: 0; padding: 0; list-style: none; } div#login ul li { text-transform: uppercase; background: url(/themes/site_themes/bsg/images/login_bg.png) no-repeat top left; width: 141px; height: 31px; padding: 9px 0 0 10px; font-size: 1em; letter-spacing: .01em; } div#login ul li ul { display: none; } div#login ul li ul li { text-transform: none; background: none;} /** Questions **/ div#utility { position: absolute; right: 5px; top: 0; } div#utility div { margin: 0 25px 0 0; padding: 14px 25px 0 0; background: url(/themes/site_themes/bsg/images/utility_rule.png) no-repeat top right; height: 41px; position: absolute; top: 0px; right: 200px; width: 220px; text-align: right; } div#utility div a { background: url(/themes/site_themes/bsg/images/question_bg.png) no-repeat right 0px; display: block; color: #1c5a85; text-decoration: none; font-weight: bold; padding: 2px 22px 2px 0; font-size: 1.2em; } div#utility div a:hover { text-decoration: underline; } div#utility form { position: absolute; top: 0px; right: 0px; padding: 13px 0 0 0; width: 200px; text-align: right; } div#utility form input.text { font-size: 1.0em; display: block; float: left; padding: 2px 4px 2px 4px; margin: 1px 5px 0 0; border: 1px solid #ccc; width: 110px; color: #666; } div#utility form input.button { border: 0px; background: none; margin: 0; padding: 0; float: left; } /******************************** Promos ********************************/ div#promos { position: relative; height: 260px; } /** Features **/ div#features { width: 539px; height: 254px; position: absolute; background: url(/themes/site_themes/bsg/images/features_bg.png) no-repeat top left; top: 0px; left: 10px; padding: 0 15px 0 17px; } * html div#features { background: url(/themes/site_themes/bsg/images/features_bg_ie6.png) no-repeat 5px 0px; } div#features h1 { visibility: hidden; font-size: 1.0em; font-weight: normal; text-transform: uppercase; padding: 4px 0; } div#features div#prevBtn { position: absolute; top: 5px; right: 58px; } div#features div#nextBtn { position: absolute; top: 5px; right: 47px; } div#features div#features_slider { height: 218px; width: 507px; overflow: hidden; } div#features div#features_slider ul { margin: 0; padding: 0; list-style: none; } div#features div#features_slider ul li { position: relative; padding: 20px 15px 15px 15px; height: 218px; width: 507px; overflow: hidden; } * html div#features div#features_slider ul li { height: 158px; } div#features div#features_slider ul li h2 { color: #3b6d96; font-size: 1.9em; letter-spacing: -.02em; margin: 0 0 15px -2px; } div#features div#features_slider ul li p { font-size: 1.2em; line-height: 1.6em; margin: 0 0 15px 0; } div#features div#features_slider ul li a { position: absolute; left: 0; top: 190px; font-size: .85em; line-height: 1.6em; margin: 0; display: block; text-transform: uppercase; background: url(/themes/site_themes/bsg/images/feature_cta_bg.png) no-repeat top left; width: 230px; height: 25px; padding: 8px 0 0 3px; } * html div#features div#features_slider ul li a { bottom: 8px; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/feature_cta_bg.png', sizingMethod='crop'); } /** News **/ div#news { width: 368px; height: 254px; position: absolute; background: url(/themes/site_themes/bsg/images/news_bg.png) no-repeat top left; top: 0px; right: 11px; padding: 0 17px 0 13px; } * html div#news { background: url(/themes/site_themes/bsg/images/news_bg_ie6.png) no-repeat 5px 0px; } div#news h1 { visibility: hidden; font-size: 1.0em; font-weight: normal; text-transform: uppercase; padding: 4px 0; } div#news div#prevBtn { position: absolute; top: 5px; right: 16px; } div#news div#nextBtn { position: absolute; bottom: 9px; right: 16px; } div#news div#news_slider { height: 208px; overflow: hidden; width: 368px; } div#news div#news_slider ul { margin: 0; padding: 0; list-style: none; overflow: hidden; height: 208px; } div#news div#news_slider ul li { background-color: #e8eae6; padding: 5px 8px; margin: 0 0 5px 0; overflow: hidden; width: 368px; height: 56px; } div#news div#news_slider ul li h2 { color: #cc6666; font-size: 1.2em; padding: 10px 0 0 0; } div#news div#news_slider ul li h2 a { color: #cc6666; } div#news div#news_slider ul li img { float: left; padding: 0 12px 0 0; } div#news div#news_slider ul li p { font-size: 1.1em; } /******************************** Solutions ********************************/ div#solutions { width: 920px; position: relative; padding: 0 0 0 21px; *padding-bottom: 40px; } div#solutions h1 { text-align: center; color: #1b5985; padding: 15px 0 0 0; font-size: 1.5em; font-weight: normal; } div#solutions ul { margin: 0; padding: 19px 0 0 0; list-style: none; } div#solutions ul li { float: left; display: block; width: 170px; padding: 0 20px 0 38px; position: relative; } div#solutions ul li h1 { text-align: center; color: #254479; font-size: 1.3em; padding: 10px 0 5px 0; } div#solutions ul li img { margin: 0 0 0 50px; } div#solutions ul li a.learnmore { position: absolute; top: 140px; left: 20px; background: url(/themes/site_themes/bsg/images/button_learnmore.png) no-repeat top center; display: block; width: 106px; height: 22px; text-transform: uppercase; font-size: 1.1em; padding: 5px 7px 0 0; margin: 0; text-align: center; width: 80%; color: #666; text-decoration: none; } div#solutions ul li a.learnmore:hover { color: #df7a1c; text-decoration: none; } div#solutions ul li p { font-size: 1.1em; } /******************************** Product Nav ********************************/ div#productnav { background: url(/themes/site_themes/bsg/images/productnav_bg.png) no-repeat 0px 0px; height: 54px; position: relative; } div#productnav ul { margin: 0; padding: 0; list-style: none; position: absolute; top: 0px; left: 315px; } div#productnav ul li { float: left; display: block; width: 42px; height: 38px; padding: 5px 18px 6px 18px;} /* width: 78px; height: 49px; */ div#productnav ul li#lec { background: url(/themes/site_themes/bsg/images/productnav_lec.png) no-repeat top left; } div#productnav ul li#tpv { background: url(/themes/site_themes/bsg/images/productnav_tpv.png) no-repeat top left; } div#productnav ul li#ap { background: url(/themes/site_themes/bsg/images/productnav_ap.png) no-repeat top left; } div#productnav ul li#ccp { background: url(/themes/site_themes/bsg/images/productnav_ccp.png) no-repeat top left; width: 72px; } div#productnav ul li#ccp a { width: 68%; } div#productnav ul li#lec.active { background: url(/themes/site_themes/bsg/images/productnav_lec_active.png) no-repeat top left; } div#productnav ul li#tpv.active { background: url(/themes/site_themes/bsg/images/productnav_tpv_active.png) no-repeat top left; } div#productnav ul li#ap.active { background: url(/themes/site_themes/bsg/images/productnav_ap_active.png) no-repeat top left; } div#productnav ul li#ccp.active { background: url(/themes/site_themes/bsg/images/productnav_ccp_active.png) no-repeat top left; } div#productnav ul li a { display: block; height: 100%; text-decoration: none; } div#productnav ul li a span { display: none; height: 100%; position: absolute; color: #666; } div#productnav ul li a:hover span { display: block; } div#productnav ul li.active a span { display: block; } div#productnav ul li.no_title a span { display: none; } div#productnav ul li#lec a span { top: -17px; left: -10px; } div#productnav ul li#tpv a span { top: -17px; left: 60px; } div#productnav ul li#ap a span { top: -17px; left: 170px; } div#productnav ul li#ccp a span { top: -17px; left: 220px; } /** Small **/ div#productnav_small { background: url(/themes/site_themes/bsg/images/productnav_top.png) no-repeat 0px 0px; height: 13px; position: relative; } div#productnav_small ul { margin: 0; padding: 0; list-style: none; position: absolute; top: 15px; right: 260px; } div#productnav_small ul li { float: left; display: block; } div#productnav_small ul li a { display: block; width: 30px; height: 31px; padding: 0 0 0 3px; } div#productnav_small ul li#lec a { background: url(/themes/site_themes/bsg/images/productnav_lec_thumb.png) no-repeat top left; } div#productnav_small ul li#tpv a { background: url(/themes/site_themes/bsg/images/productnav_tpv_thumb.png) no-repeat top left; } div#productnav_small ul li#ap a { background: url(/themes/site_themes/bsg/images/productnav_ap_thumb.png) no-repeat top left; } div#productnav_small ul li#ccp a { background: url(/themes/site_themes/bsg/images/productnav_ccp_thumb.png) no-repeat top left; } div#productnav_small ul li a span { display: none; height: 100%; position: absolute; color: #666; top: -17px; left: 5px;} div#productnav_small ul li a:hover span { display: block; } div#columns.full div#productnav_small ul, div#columns.wide div#productnav_small ul { right: 20px; } /******************************** Left ********************************/ div#left { width: 212px; margin: 0 0 0 20px; float: left; } * html div#left { margin: 0 0 0 10px; } div#columns.full div#left { display: none; } /** subnav **/ div#subnav { margin: 0 0 15px 0; } div#subnav ul { margin: 0; padding: 0; list-style: none; } div#subnav ul li { display: block; border-bottom: 2px solid #ddd; } div#subnav ul li a { display: block; padding: 7px 5px; font-size: 1.4em; color: #666; } div#subnav ul li ul { margin: 0; padding: 0; list-style: none; } div#subnav ul li ul li { display: block; border-top: 2px solid #ddd; border-bottom: 0px; } div#subnav ul li ul li a { display: block; padding: 7px 0 7px 17px; font-size: 1.1em; color: #666; } * html div#subnav ul li ul li a { padding: 12px 0 0px 17px; } div#subnav ul li a:hover, iv#subnav ul li ul li a:hover { text-decoration: none; color: #132554; } div#subnav ul li.here a, div#subnav ul li ul li.here a { color: #132554; font-weight: bold;} div#subnav ul li.here ul li a { font-weight: normal; } div#subnav ul li.here ul li a { color: #666; } div#subnav ul li.here ul li a:hover { color: #132554; } /** testimonials **/ div#testimonials { /*background: url(/themes/site_themes/bsg/images/testimonials_bg.png) no-repeat top left;*/ color: #205d88; padding: /*32px*/ 0 15px 0 0; } div#testimonials p { font-size: 1.1em; } div#testimonials p.author { color: #666; margin: 12px 0 12px 0; } div#testimonials a.cta { color: #8cabc0; text-align: right; display: block; } /******************************** Center ********************************/ div#center { width: 425px; margin: 0 0 0 20px; float: left; padding: 23px 0 0 0; } div#columns.wide div#center { width: 637px; margin: 0 0 0 25px; } div#columns.full div#center { width: 859px; margin: 0 0 0 25px; } div#center h2 { font-size: 1.5em; color: #132554; margin: 0 0 15px 0; } div#center h2.border { border-top: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; padding: 5px 0; } div#center h3 { font-size: 1.3em; color: #2e2929; margin: 0 0 5px 0; } div#center p { font-size: 1.2em; line-height: 1.8em; color: #2e2929; margin: 0 0 15px 0; padding: 0; } div#center div { font-size: 1.2em; line-height: 1.8em; color: #2e2929; margin: 0 0 15px 0; } div#center ul, div#center ol { margin: 0 0 20px 15px; padding: 0 0 0 15px; } div#center ul li, div#center ol li { margin: 0 0 10px 0; font-size: 1.2em; color: #2e2929; } div#center ul li.alt, div#center ol li.alt { background-color: #d2d5dc; padding: 5px;} div#center a.button_b2p { background: url(/themes/site_themes/bsg/images/button_b2p.png) no-repeat top left; display: block; width: 187px; height: 41px; font-size: 1em; color: #fff; text-align: center; padding: 12px 0 0 0; } div#center a.button_b2p:hover { text-decoration: none; } div#center div#executive, div#center div#faq, div#center div#news_press { font-size: 1em; border-bottom: 1px solid #999; padding: 0;} div#center div#executive h2, div#center div#executive h3, div#center div#faq h3, div#center div#news_press h2 { margin: 0; } div#center div#executive h2, div#center div#news_press h2 { font-size: 1.3em; } div#center div#executive h3, div#center div#news_press h3 { font-style: italic; margin: 0 0 5px 0; color: #2e2929; font-size: 1.2em; } div#center div#executive { clear: both; min-height: 173px; } div#center div#executive img { float: right; margin: 0 0 0 20px; } div#center div#news_press h4 { font-style: italic; margin: 0 0 5px 0; font-weight: normal; font-size: 1.2em; } div#center div#news_press.detail { border-bottom: 0px; } div#center div#news_press.detail h2 { font-size: 1.4em; } div#center div#news_press.detail h3 { font-size: 1.3em; } div#center div#form { font-size: 1em; } div#center table { width: 400px; } div#center table td, div#center table td table td, div#center table td table td table td { border-spacing: 10px; padding: 5px; font-size: 1.2em; color: #2e2929; } div#center table td table td, div#center table td table td table td { font-size: 1em; } div#center table tr.alt td { background-color: #d2d5dc; } /** Form Formatting **/ div#center .req { color: #800000; } div#center form { margin: 0; padding: 0; } div#center form p, div#center form fieldset p { padding: 5px 10px; margin: 15px 0; background-color: #dcdcdc; } div#center form fieldset { margin: 0 0 15px 0; } div#center form fieldset legend { font-size: 1.3em; color: #2e2929; font-weight: bold; padding: 0 10px 0 10px; text-transform: uppercase; } div#center form fieldset ol li fieldset legend { font-size: 1em; } div#center form fieldset ol li fieldset ol li label, div#center form fieldset ol li fieldset ol li a { font-size: .9em; } div#center form fieldset ol li fieldset p { padding: 5px 10px 0 10px; margin: 0; background-color: #fff; } div#center form fieldset ol { margin: 0; padding: 10px; list-style: none; } div#center form fieldset ol li fieldset ol li { float: left; margin: 0 10px 0 0; } div#center form fieldset ol li label { color: #333; /*font-weight: bold;*/ } div#center form fieldset ol li p { font-size: 1em; } div#center form fieldset.left { border-style: none; } div#center form fieldset.left ol li label { float: left; color: #333; clear: both; width: 11em; margin-right: 1em; text-align: left; } div#center form fieldset.wide ol li label { width: 21em; } div#center form fieldset.left ol li label.req { color: #800000; } div#center form fieldset.left ol li { clear: both; margin: 0 0 10px 0; } div#center form fieldset ol li fieldset.nofloat ol li { float: none; } div#center form fieldset#name ol li { float: left; margin: 0 10px 0 0; } div#center form fieldset#name ol li label { margin: 0 5px 0 0; } div#center form fieldset.submit { border-style: none; } div#center form fieldset ol li span.example { font-style: italic; color: #666; font-size: 1em; padding: 0 0 0 10px; } div#center form div.instruct { margin: 25px; } /******************************** Right ********************************/ div#right { width: 222px; margin: 0 0 0 20px; position: absolute; top: 80px; right: 20px; } div#right.small { top: 35px; } div#columns.full div#right, div#columns.wide div#right { display: none; } div#right h2 { font-size: 1.5em; color: #132554; margin: 0 0 10px 0; border-top: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; padding: 5px 0; } div#right p { font-size: 1.2em; line-height: 1.8em; color: #2e2929; margin: 0 0 15px 0; padding: 0; } div#right table { width: 212px; } div#right table td { border-spacing: 10px; padding: 5px; font-size: 1.2em; color: #2e2929; } div#right table tr.alt td { background-color: #d2d5dc; } /******************************** Footer ********************************/ div#container.home div#footer { background: url(/themes/site_themes/bsg/images/home_footer_bg.png) no-repeat top left; } * html div#container.home div#footer { background: url(/themes/site_themes/bsg/images/home_footer_bg_ie6.png) no-repeat 21px 0px; } div#footer { color: #fff; text-align: left; padding: 30px 13px 15px 23px; position: relative; background: url(/themes/site_themes/bsg/images/footer_bg.png) no-repeat top left; } * html div#footer { background: url(/themes/site_themes/bsg/images/footer_bg_ie6.png) no-repeat 21px 0px; } div#footer div#footer_nav { position: absolute; top: 28px; right: 8px;} /*left: 385px;*/ div#footer div#footer_nav ul { margin: 0; padding: 0; list-style: none;} div#footer div#footer_nav ul li { float: left; display: block; padding: 0 8px; border-right: 1px solid #fff; } div#footer div#footer_nav ul li.last { border-right: 0px; } div#footer div#footer_nav ul li a { color: #fff; font-size: .9em; text-decoration: underline; } div#footer div#footer_nav ul li a:hover { color: #fff; text-decoration: none; } div#footer div#footer_nav ul li ul { /*list-style: none;*/ margin: -14px 0 0 55px; padding: 0; *margin: -15px 0 0 55px; *border: transparent 1px solid; _border: #26618b 1px solid;} div#footer div#footer_nav ul li ul li { float: left; display: block; padding: 0 8px; border-right: 0px; border-left: 1px solid #fff; } div#footer div#footer_nav ul li ul li.last { border-right: 0px; } div#footer div#copyright { width: 360px; float: left; } div#footer div#copyright p { font-size: .9em;} /******************************** Site Map ********************************/ /* ------------------------------------------------------------ NUMBER OF COLUMNS: Adjust #primaryNav li to set the number of columns required in your site map. The default is 4 columns (25%). 5 columns would be 20%, 6 columns would be 16.6%, etc. ------------------------------------------------------------ */ ul#sitemap li { width: 33.3%; } ul#sitemap { margin: 0; float: left; width: 100%; list-style: none; } ul#sitemap li { float: left; padding: 0; margin: 0; } ul#sitemap li:first-child { display: block; float: none; position: relative; z-index: 2; padding: 0 0 15px 0; } ul#sitemap li a { background: #a0a7ba url('/themes/site_themes/bsg/images/white-highlight.png') top left repeat-x; margin: 0 20px 0 0; display: block; font-size: .9em; font-weight: bold; color: #132554; padding: 3px 7px; } ul#sitemap li ul { list-style: none; margin: 0; padding: 0; } ul#sitemap li li, ul#sitemap li li:first-child { width: 95%; float: right; margin: 15px 0 0 0; padding: 0; } ul#sitemap li li a { background-color: #cbcfd8; font-size: .8em; color: #2e2929; font-weight: normal; margin-top: 0; } /*ul#sitemap li li:first-child { padding-top: 0; }*/ ul#sitemap li li ul { padding: 0; margin: 0; float: right; width: 100%; padding: 3px 7px; list-style: none; } ul#sitemap li li li, ul#sitemap li li li:first-child { padding: 0; margin: 5px 0 0 0; background: none; } ul#sitemap li li li a { font-size: .7em; width: 90%; float: right; background-color: transparent; font-weight: normal; margin: 0; padding: 0; } ul#sitemap li ul li ul li ul li a { font-size: .6em; width: 85%; float: right; background-color: transparent; font-weight: normal; margin: 0; padding: 0; } ul#sitemap li li li:first-child { padding-top: 0px; }