/* @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 { width: 710px; padding: 0px 47px 10px 47px; margin: 0px auto 0; text-align: left; /* ie hack -> see */ } /* Header elements */ /* Footer elements */ #logo {width: 804px;margin: 0px auto 0px;position: relative;} #logo:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} #logo {*zoom: 1;} #header {margin:0px -47px 18px -47px;} #header:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} #header {*zoom: 1;} #header_logo {width: 804px; height: 187px;} #header_banner {margin-left:47px;} #header_logo_banner {float: right;} #header_full_banner {margin-left: -25px; margin-right: -25px;} /* Footer elements */ #footer { width: 804px; margin: 0px auto 18px; position: relative; } #footer:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} #footer {*zoom: 1;} #copyright { font-size: 9px; color:#666666; float:center; margin-left:0px; padding-top: 0px; margin-top: 0px; } #footer_links { float:right; margin-right:47px; color: #666666; } #footer_links a { font-size: 9px; color: #0033CC; padding-left:10px; } /* @end */ /* @group Typography */ body { color: #333333; padding-top:18px; text-align: center; /* ie quirks hack */ font-family: Arial, "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; } p { margin-top: 5; margin-bottom: 18px; line-height: 1.5; } h1, h2, .title_block h2 {font-weight: normal; font-style: normal; margin-top: 0px; margin-bottom: 10px;} h1 {font-size: 23px; line-height: 114%; letter-spacing: -1px;} h2 { font-size: 17px; line-height: 1.3; color: #333; margin-bottom:1px; height: auto; font-weight: bold; } h3 {font-size: 15px; line-height: 120%; font-weight: bold; font-style: normal;} ul, ol {margin-left: 1em;} ul {list-style-type: disc;} ol {list-style-type: decimal;} a { text-decoration: none; color: #330066; } a:link {} a:visited {} a:hover {text-decoration:underline;} a:active {} .caption {font-size: 10px; line-height: 140%;} .description {font-size: 11px; line-height: 127%;} .segment_description {font-size: 13px; line-height: 138%;} .segment_link {font-size: 13px; line-height: 138%; font-weight: bold; } .text_button {font-size: 14px; line-height: 100%; font-weight: bold; color: #fff; background-color: #75a433; 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;} /* @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, ul, ol, .staticblock_images img, .staticblock_images div { margin-bottom: 0px; } #phoneblock { font-size: 14px; color:#333333; float:right; margin-left:0px; font-weight: normal; margin-right: 375px; margin-top: 40px; padding-top: 0px; padding-right: 0px; line-height: 0px; } /* 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;} /* right and left content images */ .content_image_block {display:block; clear:both;width:710px;margin-bottom:18px;} .image_right {float: right; margin-left: 10px; width:200px; text-align:left;} .content_right, .content_left {float:left;width:500px;} .image_left {float: left; margin-right: 10px; width:200px; text-align:right;} .image_left table{float:right;} .image_right table{float:left;} .content_image_right {float: right; margin-left: 10px;margin-bottom:18px;} /* Segmentation blocks - horizontal images */ .seg2_block, .seg3_block, .seg4_block, .seg5_block, .seg6_block {float: left; margin-bottom: 18px;} .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: 355px; } .widget_710x30 {width: 710px; height: 30px; background: url(widget_710x30.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;} /* @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/Adler/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 { margin-left: 0px; float: left; display: inline; overflow: hidden; } .grid1 {width: 50px;} .grid2 {width: 110px;} .grid3 {width: 170px;} .grid4 {width: 230px;} .grid5 {width: 290px;} .grid6 { width: 335px; padding-right: 20px; } .grid7 {width: 410px;} .grid8 {width: 470px;} .grid9 {width: 530px;} .grid10 {width: 590px;} .grid11 {width: 650px;} .grid12 {width: 710px;} /* @end */