/* @group Reset */ /* http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;} ol, ul {list-style: none;} q, blockquote {quotes: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} a img, :link img, :visited img {border: 0;} /* @end */ /* Set Base Styles to build off of */ /* @group Structure */ #container {background-color: #fff; width: 980px; margin: 0px auto 0; text-align: left; /* ie hack -> see */} #content { width: 930px; padding: 0px 25px 25px 25px; } /* Header elements */ #header {margin-bottom: 18px;display:block;} #header:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} #header {*zoom: 1;} #header_logo {width: 170px; height: 75px;} #header_logo_banner {float: right;} #header_full_banner {margin-left: -25px; margin-right: -25px;} /* Footer elements */ #footer {width: 980px;margin: 0px auto 18px;position: relative; color:#999;} #footer:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} #footer {*zoom: 1;} #copyright {font-size: 11px;display:block; text-align:center;padding-top:8px;} #footer_links { display:block; text-align:right; line-height:55px; padding-right:25px; height:55px; } #footer_links a {font-size: 11px;margin-left: 10px;color: #999;} #footer_fineprint {display:block; font-size:10px; margin-top:5px;text-align:center;} #footer_banner{ padding-top:18px; } /* @end */ /* @group Typography */ body {font: 12px Arial, Helvetica, Geneva, sans-serif; line-height:136%; color: #231f20; background-color: #666667; text-align: center; /* ie quirks hack */} p {margin-top: 0; margin-bottom: 18px;} h1, h2, .title_block h2 {font-weight: normal; font-style: normal; margin-top: 0px; margin-bottom: 6px;} h1 {font-size: 30px; line-height: 136%; letter-spacing: -1px;color:#2b2d2d;} h2 {font-size: 22px; line-height: 136%; color: #626660;margin-bottom:1px;} h3 {font-size: 15px; line-height: 136%; font-weight: bold; font-style: normal;} h4 {font-size: 12px; line-height: 136%; font-weight: bold; font-style: normal;} ul, ol {margin-left: 3em;} ul {list-style-type: disc;} ol {list-style-type: decimal;} li{ margin-bottom:7px; } a {text-decoration: none; color: #C7192F;} a:link {} a:visited {} a:hover {text-decoration:underline;} a:active {} .caption {font-size: 10px; line-height: 136%;} .description {font-size: 11px; line-height: 136%;} .segment_description {font-size: 13px; line-height: 136%;} .segment_link {font-size: 13px; line-height: 136%; font-weight: bold; } .text_button {font-size: 14px; line-height: 100%; font-weight: bold; color: #fff; background-color: #C7192F; display: block; padding: 10px 5px 7px 10px; margin: 1px 1px 3px 0;} .link_bullet { display: block;} .secondary_link {margin-bottom: 18px; display: block; text-align: center; font-size: 14px; clear: both;} .full_headline_top{ *margin-bottom:0px; } .full_headline{ clear:both; } /* @end */ /* @group Blocks */ /* Block-like things that need consistent margins */ .title_block, .linkblock_text, .linkblock_images, .linkblock_mixed, .content_block, .form_block, .text_block, .image, .widget, .seg_table, .flex_seg_table, ul, ol, .staticblock_images img, .staticblock_images div {margin-bottom: 18px;} /* we need this so that floated elements in the .title_block don't overlap */ .title_block:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .title_block {*zoom: 1;} .staticblock_images div img {margin-bottom: 0;} .linkblock_mixed a, .linkblock_mixed img, .linkblock_text a, .linkblock_images img {display: block;} .linkblock_mixed img, .margin_top_5 {padding-top:5px;} /* right and left content images */ .content_image_block {display:block; clear:both;width:460px;margin-bottom:18px;} .content_right, .content_left {float:left;width:300px;} .image_left {float: left; margin-right: 7px; width:150px; text-align:right;}html>body .image_left {margin-right: 10px;*margin-right: 10px;} .image_left table{float:right;} .image_right table{float:left;} /* Segmentation blocks - horizontal images */ .seg1_block, .seg2_block, .seg3_block, .seg4_block, .seg5_block, .seg6_block {float: left; margin-bottom: 18px;} .seg1_block {width:710px;} .seg2_block {width: 355px;} .seg3_block {width: 236px;} .seg4_block {width: 177px;} .seg5_block {width: 142px;} .seg6_block {width: 118px;} /* Text buttons on solid color underneath images */ .seg2_block .text_button {width: 339px;} .seg3_block .text_button {width: 220px;} .seg4_block .text_button {width: 161px;} .seg5_block .text_button {width: 126px;} .seg6_block .text_button {width: 102px;} .seg_table td{ width: 310px; } .flex_seg_table td{ width: 118px; } .flex_seg_container{ width:930px; overflow:hidden; } .widget_930x30 {width: 930px; height: 30px; background: url(widget_930x30.png) no-repeat;} .widget_710x30 {width: 710px; height: 30px; background: url(widget_710x30.png) no-repeat;} .widget_210x30 {width: 210px; height: 30px; background: url(widget_210x30.png) no-repeat;} .widget_295x30 {width: 295px; height: 30px; background: url(widget_295x30.png) no-repeat;} .widget_350x30 {width: 350px; height: 30px; background: url(widget_350x30.png) no-repeat;} .widget_355x30 {width: 355px; height: 30px; background: url(widget_355x30.png) no-repeat;} .widget_570x30 {width: 570px; height: 30px; background: url(widget_570x30.png) no-repeat;} /* Custom gradient box and columns */ .custom_leftcol, .custom_rightcol { margin-left: 10px;float: left;display: inline; overflow: hidden; } .custom_leftcol { width: 592px; padding-bottom: 20px; } .gradient_block { overflow: hidden; width: 930px; margin: 0 0 20px; background: url(custom_widget_form/bg_gradbox-top.jpg) 0 0 no-repeat; } .custom_leftcol .gradient_block { width: 591px; margin: 0 0 20px; background: url(custom_widget_right_form_left/bg_gradbox-top.gif) 0 0 no-repeat; } .image_block { float: left; width: 592px; padding: 1px 0 1px 1px; } .custom_leftcol .image_block { float: none; } .image_block .image { margin-bottom: 0; } .gradient_block .custom_form_block { float: right; width: 315px; padding: 15px 15px 0 0; } .custom_leftcol .gradient_block .custom_form_block { float: right; width: 280px; margin: 10px 0 0; } .custom_form_block h3{ font-size:20px; font-weight:normal; } .custom_form_block .title_block{ margin-bottom:10px; margin-top:0px; } .custom_form_list { float: left; display: inline; width: 223px; margin: 15px 20px 10px 25px; padding: 0 0 15px; background: #f4f4ea; border: 2px solid #f5f5ed; } .custom_form_list h3 { font-size: 12px; padding: 15px 0 5px 15px; color: #cc0000; } .custom_form_list ul { margin: 0; padding: 0 0 0 18px; list-style-position: inside; } .custom_form_list li { margin-bottom: 5px; } .gradient_bottom_row { background: url(custom_widget_right_form_left/vert_line.gif) 273px 0 no-repeat; } .gradient_bottom { clear: both; width: 930px; height: 10px; background: url(custom_widget_form/bg_gradbox-bottom.jpg) 0 0 no-repeat; } .custom_leftcol .gradient_bottom { width: 592px; height: 10px; background: url(custom_widget_right_form_left/bg_gradbox-bottom.gif) 0 0 no-repeat; } .custom_right_col { float: right; display: inline; width: 295px; margin: 0 8px 0 0; } /* @end */ /* @group Utilities */ .pad_bottom {margin-bottom: 18px;} .pad_top {margin-top: 18px;} .block {display: block; margin-bottom: 6px;} .clear {clear: both;} .left_margin_5{margin-left:5px;} /* PNG transparency for ie */ * html img, * html .png{ position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/Templates/ion/FrontPoint_Wide/Masters/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true) ); } /* @end */ /* @group Grid */ .section {margin-bottom: 18px;} .section_last {margin-bottom: -18px;} .section:after, .section_last:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .section, .section_last {*zoom: 1;} .section .firstcolumn, .section .firstcol, .section_last .firstcolumn, .section_last .firstcol {margin-left: 0;} /* Border on left hand side of a column. */ .border {padding-left: 5px; margin-left: 4px; border-left: 1px solid #ddd;} /* Border with more whitespace, spans one column. */ .colborder {padding-left: 30px; margin-left: 29px; border-left: 1px solid #ddd;} /* Use this to create a horizontal ruler across a column. */ hr {background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: 1px; margin: 0 0 1.5em;border: none;} hr.space {background: #fff;color: #fff;} /* Use a .box to create a padded box inside a column. */ .box {padding: 15px; margin-bottom: 18px; background: #eee;} .grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12, .grid4b, .grid4c {margin-left: 10px;float: left;display: inline; overflow: hidden;} .grid1 {width: 50px;} .grid2 {width: 110px;} .grid3 {width: 170px;} .grid4 {width: 210px;} .grid4b {width: 280px;} .grid4c {width: 303px;} .grid5 {width: 350px;} .grid6 {width: 460px;} .grid7 {width: 570px;} .grid8 {width: 710px;} .grid9 {width: 560px;} .grid10 {width: 590px;} .grid11 {width: 650px;} .grid12 {width: 930px;} /* @end */ .content_image_right {float:right;margin-bottom:18px;padding-left:10px;}