/* ICE Carbon Calculator StyleSheet */ /* Created by P Byford for IS Solutions Plc - Oct 2007 */ /* Modified by P Byford - Mar 2008 */ /* Modified by G Launchbury - Jul/Aug 2009 */ /******************* ACCESSIBILITY FONT SIZES ********************** The font-size MUST be 100%, and the browser text-size set to 'normal' or 'medium' for these to be valid. The 'ranges' are shown because the text snaps to a pixel-size in the browser. Where these figures are not contiguous, there is a discrepancy in where IE and Mozilla switch to displaying a different text-size. (PX) ( % ) (range) 8px 50% 48-53% 9px 56% 54-59% 10px 62% 60-65% 11px 68% 66-71% 12px 76% 73-78% 13px 82% 79-84% 14px 88% 85-90% 15px 94% 91-96% 16px 100% 98-103% 18px 112% 110-115% 20px 126% 123-128% 22px 138% 135-140% 24px 150% 148-153% 26px 162% 160-165% 28px 176% 173-178% 30px 188% 185-190% NB - one of the problems with this 'relative' method of sizing text is that nested item's sizes are changed with the parent's size. So be aware of changes to nested items when altering CSS at a future date. Also, if you need to nest text, find the right size by eye, and adjust up and down a little so the figure is in the middle of it's 'range'. ****************************************************************************/ /* Global Styles */ body,td {font-family:Arial,Helvetica,sans-serif,Verdana; font-size:100%; margin:0px; color:#000000} body {background-color:#0559ab; text-align:center} table {border:0px; border-collapse:collapse; width:100%} td {padding:0px; margin:0px; vertical-align:top} form {margin:0px} input {margin:0px} a {color:#000000; text-decoration:underline} a:hover {color:#000000; text-decoration:underline} img {border:0px; vertical-align:top; margin:0px} div {text-align:left; background-position:left top; background-repeat:no-repeat} /* Login area */ #loginArea {font-size:76%; font-weight:bold; width:868px; background:url(/images/ice/bg_login.jpg) left bottom no-repeat; clear:both} #loginArea_startCap {background:transparent url('/images/ice/login_cap_left.gif') 0% 100% no-repeat; padding:0 0 0 7px; float:right} #loginArea_endCap {background:transparent url('/images/ice/login_cap_right.gif') 100% 100% no-repeat; padding:0 7px 0 0} #loginArea_content {color:#FFFFFF; padding:5px; background:#2863AF url('/images/ice/login_fade_bg.gif') 50% 0% repeat-y} #loginArea_content div {margin:0; padding:0; display:block} #loginArea p {margin:0} #loginArea img {margin-left:14px} #loginArea input.log_button {margin-left:14px; vertical-align:top;} #loginArea_content div input {font-size:12px; margin-left:14px} #loginArea a {color:#66CCFF} #loginArea span.vSpacer {padding:0 10px; color:#66CCFF} #loginArea_content div a {color:#FFFFFF} #loginArea_content div span.vSpacer {padding:0 10px; color:#FFFFFF} #loginArea.guest p.line_one {padding:0 0 2px 0} #loginArea.guest p.line_two {padding:0 0 3px 0} #loginArea.user p.line_one {padding:4px 0 2px 0} #loginArea.user p.line_two {padding:4px 0 2px 0} #loginArea.lite p.line_one {padding:4px 0 2px 0} #loginArea.lite p.line_two {padding:4px 0 2px 0} /* Headers area */ #headers {position:relative; width:868px; height:68px; background-image:url(/images/ice/bg_headers.jpg)} /*#headers img.logo {float:left; margin:-20px 0px 0px 13px}*/ #headers img.logo {position:absolute; top:-22px; left:14px} #headers div.AddThis_block {position:absolute; top:39px; right:31px} /* #headers img.main {float:left; margin:13px 0px 0px 18px} #headers img.sub {float:right; margin:48px 8px 0px 0px} #headers div.AddThis_block {float:right; margin:39px 31px 0px 0px} */ /* Content area top cap */ #contentArea { clear:both; overflow:hidden; width:868px} #contentArea div.topGradient {background:transparent url('/images/ice/bg_cont_top_gradient.png') left top no-repeat} /*#contentArea div.bottomGradient {background:transparent url('/images/ice/bg_cont_bottom_gradient.png') left bottom no-repeat}*/ #contentArea div.topCap {font-size:1px; height:10px; background:transparent url('/images/ice/bg_cont_top_corners.png') left top no-repeat} #contentArea div.theContent {padding:0 10px 20px 10px} /* FOR IE6 */ #contentArea div.topGradient {_background:transparent url('/images/ice/bg_cont_top_gradient.gif') left top no-repeat} #contentArea div.bottomGradient {_background:transparent url('/images/ice/bg_cont_bottom_gradient.gif') left bottom no-repeat} #contentArea div.topCap {_background:transparent url('/images/ice/bg_cont_top_corners.gif') left top no-repeat} /* Top navigation area */ #navTop { clear:both; overflow:hidden; width:868px; height:116px; background-image:url(/images/ice/bg_navtop.jpg)} /* Two columns for left nav and content plus spacer */ #leftandcont { clear:both; overflow:hidden; width:868px; background:url(/images/ice/bg_extension.gif) top left repeat-y; padding-bottom:0px} #leftandcont table.leftandcontTable {background:url(/images/ice/bg_content.jpg) bottom left no-repeat} /* Left nav */ #leftNav {width:164px; padding:33px 0px 39px 16px} #leftNav div.heading {margin-bottom:32px} #leftNav h1 {font-size:112%; font-weight:normal; color:#ffffff; margin:0px 0px 32px 0px} #leftNav div.navLinks {} #leftNav div.link {font-size:68%; margin-bottom:8px} #leftNav div.link a {color:#66ccff; font-weight:bold; text-decoration:none} #leftNav div.link a:hover {color:#ffffff} #leftNav div.on a {color:#ffffff} /* Content area */ #centreCol {width:680px; padding:0px 0px 39px 0px} #centreCol div.contCap { clear:both; height:4px; font-size:1px; background-color:#ccffcc} /* Content general */ #content { background-color:#ffffff; min-height:468px; height:auto !important; height:468px; padding:22px 26px 0px 26px} #content h1 {font-size:100%; font-weight:bold; color:#000033; margin:0px 0px 16px 0px} #content h2 {font-size:100%; font-weight:bold; color:#044db2; margin:0px 0px 7px 0px} #content h3 { font-size:82%; font-weight:bold; color:#000033; text-align:center; padding:2px 3px 3px 3px; margin:0px 0px 10px 0px; background-color:#66ccff; float:left} #content div.h3Cap {float:left} #content h4 {font-size:88%; font-weight:bold; color:#000066; margin:0px 0px 0px 0px} #content p {font-size:76%; font-weight:normal; color:#000033; margin:0px 0px 10px 0px} #content div.multiColContainer {overflow:hidden; clear:both; width:100%; padding:0px; margin:0px} /* Content carbon calc */ #content div.questionNumberTxt {font-size:82%; font-weight:bold; color:#000033; padding:2px 3px 3px 3px; background-color:#66ccff; float:right} #content div.questionNumberCap {float:right} #content div.question {font-size:82%; font-weight:bold; color:#000033; padding:10px 0px 2px 0px} #content div.question p {font-size:100%} #content input.button {position:relative; top:1px} #content div.formGroupHeading { background:url(/images/ice/form_cap_top.gif) bottom left no-repeat #ffffff; padding:10px 0px 0px 14px} #content div.formGroupHeading span { font-size:82%; font-weight:bold; color:#000033; background-color:#ffffff; padding:0px 6px 0px 6px} #content div.formGroup {padding:0px 0px 0px 18px; border-left:1px solid #000033; border-right:1px solid #000033} #content div.formButtons {text-align:right} /* Content Mission */ #content div.missionText p {overflow:hidden; clear:both; font-size:88%; font-weight:normal; color:#000033; margin:0px 0px 0px 0px} #content div.missionQuote p {overflow:hidden; clear:both; font-size:150%; font-weight:normal; font-style:italic; color:#044db2; margin:0px 20px 20px 20px} /* Content Introduction */ #content div.introLeftCol {overflow:hidden; float:left; padding:0px; margin-bottom:20px; width:305px} #content div.introRightCol {overflow:hidden; float:right; padding:0px; margin-bottom:20px; width:305px} #content div.introRightCol p, #content div.introLeftCol p {overflow:hidden; clear:both; margin-bottom:20px} /* Content how it works */ #content div.howLeftCol {overflow:hidden; float:left; padding:0px; margin-bottom:20px; width:380px} #content div.howRightCol {overflow:hidden; float:right; padding:0px; margin-bottom:20px; width:240px} #content div.howFlowDiag { height:280px; border:1px solid #044db2; padding:20px; margin:0px; font-size:76%; font-weight:bold; color:#044db2; text-align:center} /* Content faqs */ #content div.faqLeftCol {overflow:hidden; float:left; padding:0px; margin:0px; width:380px} #content div.faqItem { background:url(/images/ice/faq_arrow_down.gif) top left no-repeat; padding:0px 0px 10px 18px} #content div.faqQ { font-size:76%; font-weight:bold; padding:0px 0px 2px 0px} #content div.faqQ a { color:#000033; text-decoration:none} #content div.faqQ a:hover { color:#000033; text-decoration:underline} #content div.faqA { display:block; font-size:76%; font-weight:normal; color:#000033; padding:0px 0px 0px 0px} #content div.faqRightCol {overflow:hidden; float:right; padding:0px; margin:0px; width:224px} #content div.faqRightCol div {padding:6px 0px 15px 15px} #content div.faqChoiceOff a { font-size:76%; font-weight:bold; color:#044db2; text-decoration:underline} #content div.faqChoiceOn {background:url(/images/ice/button_faqliston.gif) top left no-repeat} #content div.faqChoiceOn a { font-size:76%; font-weight:bold; color:#ffffff; text-decoration:none} /* Right column blank spacer */ #rightCol {width:10px} /* bottom navigation */ #navBot { position:relative; clear:both; overflow:hidden; width:868px; height:23px; padding:8px 0 0 0; margin-bottom:13px; margin-top:13px; background:transparent url('/images/ice/footernav_bg.gif') top left no-repeat; text-align:left} #navBot ul {display:block; overflow:hidden; width:718px; margin:0 0 0 8px; padding:0; list-style-type:none; font-size:68%; background:transparent none 0 0 no-repeat} #navBot li {display:inline; margin:0 0 0 -1px; padding:0 6px 0 7px; background:transparent url('/images/ice/footernav_divider.gif') 0 0 no-repeat} #navBot li a {color:#ffffff; font-weight:normal; text-decoration:none} #navBot li a:hover {color:#ffffff; text-decoration:underline} #navBot .AddThis_block {position:absolute; right:9px; top:6px} /* Promotional area */ #promoArea { clear:both; overflow:hidden; width:840px; border-top:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; padding: 16px 0px 16px 10px; margin-bottom:10px} #promoArea td.promoImg {} #promoArea td.promoText {padding:0px 20px 0px 20px} #promoArea td.promoText div.heading {font-size:100%; color:#ffffff; font-weight:bold; margin-bottom:10px} #promoArea td.promoText div.details {font-size:76%; color:#66ccff; font-weight:bold; margin-bottom:10px} #promoArea td.promoText img {margin-top:20px} /* Footer Area */ #footerArea { clear:both; overflow:hidden; width:840px; padding:0 0 20px 0} #footerArea td.quickLinksTitle h3 {color:#FFFFFF; font-weight:normal; font-size:88%; padding:0; margin:0} #footerArea table {width:100%} #footerArea td {padding:10px 0px 10px 20px; border-bottom:1px solid #FFFFFF; border-top:1px solid #FFFFFF} #footerArea #siteMap td { border: solid 0px } #footerArea td.vDivider {width:1px; padding:10px 0; vertical-align:middle} #footerArea td.vDivider img {width:1px; padding:0; margin:0; display:inline} #footerArea ul {display:block; margin:0; padding:0; list-style-type:none; font-size:68%} #footerArea ul li {float:left; clear:left; margin:0; padding:0; color:#66CCFF; white-space:nowrap} #footerArea ul li.quickLinksSubTitle {color:#FFFFFF; font-weight:bold} #footerArea ul li a {display:inline; color:#66CCFF; text-decoration:none} #footerArea ul li.quickLinksSubTitle a {color:#FFFFFF} #footerArea ul li a:hover {text-decoration:underline} #copyrightArea { clear:both; overflow:hidden; padding:0 0 20px 0; color:#FFFFFF; font-weight:normal; font-size:68%; text-align:center} /* Others */ label {font-size:76%; padding:0px 2px 0px 5px; font-weight:bold} #content td.question {font-size:82%; font-weight:bold; color:#000033; padding:10px 0px 2px 0px} div.clearFloats {clear:both; background:#FF0000; height:0px; overflow:hidden} table.columns_table {width:100%} td.column_one {width:540px; padding:10px 0 0} td.column_two {width:275px; padding:15px 0 0} #IceGuestContainer {width:848px; height:355px; padding-bottom:10px} #whiteBox {width:848px; padding-bottom:10px} #whiteBox div.whiteBox_top {height:20px; font-size:1px; background:url('/images/ice/bg_whitebox_top.png') left top no-repeat} #whiteBox div.whiteBox_bottom {height:20px; font-size:1px; background:url('/images/ice/bg_whitebox_bottom.png') left bottom no-repeat} #whiteBox div.whiteBox_top {_background:url('/images/ice/bg_whitebox_top.gif') left top no-repeat} #whiteBox div.whiteBox_bottom {_background:url('/images/ice/bg_whitebox_bottom.gif') left bottom no-repeat} #whiteBox div.whiteBox_content {width:848px; padding:0 0 0 18px; background:url('/images/ice/bg_whitebox_content.gif') left top repeat-y} #whiteBox h3 {font-size:82%; font-weight:bold; color:#3182D2} #whiteBox a {display:block; font-size:76%; font-weight:bold; color:#044DB1; text-decoration:underline} #whiteBox div.column_one {float:left; width:300px; margin:0 23px 0 0} #whiteBox table.balance_container {width:100%} #whiteBox td.balance_container_top {font-size:1px; height:6px; background:#A6D0EC url('/images/ice/bg_balance_container_top.gif') left top no-repeat} #whiteBox td.balance_container_content {background:#A6D0EC; padding:0 0 0 5px; vertical-align:middle; font-size:88%; color:#000033; font-weight:bold} #whiteBox td.balance_container_bottom {font-size:1px; height:6px; background:#A6D0EC url('/images/ice/bg_balance_container_bottom.gif') left bottom no-repeat} #whiteBox td.balance_amount {background:#A6D0EC; text-align:right; vertical-align:middle; padding:0 6px 0 0} #whiteBox table.balance_amount_container {height:29px} #whiteBox td.balance_amount_left {font-size:1px; width:3px; background:#FF0000 url('/images/ice/bg_balance_amount_left.gif') left top no-repeat} #whiteBox td.balance_amount_figure {background:#3182D2; font-size:126%; color:#FFFFFF; text-align:center; vertical-align:middle; padding:0} #whiteBox td.balance_amount_right {font-size:1px; width:3px; background:#FF0000 url('/images/ice/bg_balance_amount_right.gif') right top no-repeat} #whiteBox div.column_one h3 {margin:0; padding:15px 0 5px 0} #whiteBox div.column_one div.text {font-size:76%; color:#000033} #whiteBox div.column_one p {font-size:76%; color:#000033} #whiteBox div.column_one a {margin:0; padding:5px 0 0 0} #whiteBox div.column_one table.logo_table {width:100%} #whiteBox div.column_one table.logo_table td {vertical-align:middle} #whiteBox div.column_one table.logo_table td.left {text-align:left} #whiteBox div.column_one table.logo_table td.center {text-align:center} #whiteBox div.column_one table.logo_table td.right {text-align:right} #whiteBox div.column_two {float:left; width:235px; margin:0 32px 0 0} #whiteBox div.column_two table.client_image_logo {width:100%} #whiteBox div.column_two table.client_image_logo td.image {text-align:left; vertical-align:top} #whiteBox div.column_two table.client_image_logo td.logo {text-align:right; vertical-align:middle} #whiteBox div.column_two h3 {margin:0; padding:15px 0 5px 0} #whiteBox div.column_two div.text {font-size:76%; color:#000033} #whiteBox div.column_two p {font-size:76%; color:#000033} #whiteBox div.column_two div.link_block {margin:0; padding:10px 0 5px 0} #whiteBox div.column_two a {margin:0; padding:0} #whiteBox div.column_three {float:left; width:220px} #whiteBox div.column_three table.recent_transactions {width:100%; margin:0 0 10px 0} #whiteBox div.column_three table.recent_transactions td.columnone {font-size:68%; color:#000033} #whiteBox div.column_three table.recent_transactions td.columntwo {font-size:68%; color:#000033; text-align:center;} #whiteBox div.column_three table.recent_transactions td.columnthree {font-size:68%; color:#000033; text-align:right;} #whiteBox div.column_three h3 {margin:0; padding:5px 0 5px 0} #whiteBox div.column_three div.label {font-size:68%; color:#000033} #whiteBox div.column_three div.result {font-size:88%; color:#000033; padding:0 0 7px 0} #whiteBox div.column_three div.link_block {margin:0; padding:0 0 5px 0} #whiteBox div.column_three a {margin:0; padding:0} /* news ticker */ #rollingMessageArea {position:relative; width:848px; height:25px; background:url('/images/ice/bg_rollingmessage.png') left top no-repeat} #rollingMessageArea {_background:url('/images/ice/bg_rollingmessage.gif') left top no-repeat} #rollingMessageArea div.rollingMessageText {width:750px; height:25px; overflow:hidden; color:#000033; font-size:76%; font-weight:bold; padding:5px 0 5px 15px; white-space:nowrap} #rollingMessageArea #rollingMessageControls {position:absolute; right:8px; top:0px} #rollingMessageArea img {float:right} #rollingMessageArea #rollingMessageControls.playing #rollingMessagePlay {display:none} #rollingMessageArea #rollingMessageControls.paused #rollingMessagePause {display:none} #rollingMessageArea {margin:12px 0 12px 0} #rollingMessageControls {padding:7px 0 0 0} #rollingMessageControls img {margin:0 0 0 7px} .rollingMessageText {padding-top:6px !important} #rollingMessageArea {overflow:hidden; float:none; clear:both; height:27px; background-image:url('/images/ice/bg_rollingmessage.png') !important} #rollingMessageArea {_background-image:url('/images/ice/bg_rollingmessage.gif') !important} #newsHeader {padding:0 0 15px 0; margin:0} #newsHeader h2 {display:inline; color:#FFFFFF; font-size:126%; padding:0; margin:0} #newsHeader a {display:inline; font-size:72%; color:#66CCFF; text-decoration:underline; margin-left:10px} #newsTable {} #newsImage {width:210px; height:210px} #newsImage table.imageGrid {width:210px; height:210px} #newsImage table.imageGrid td.corner {font-size:1px} #newsImage table.imageGrid td.corner div {width:10px; height:10px} #newsImage table.imageGrid td.corner div.tl {background:url('/images/ice/corner_tl.png') left top no-repeat} #newsImage table.imageGrid td.corner div.tr {background:url('/images/ice/corner_tr.png') right top no-repeat} #newsImage table.imageGrid td.corner div.bl {background:url('/images/ice/corner_bl.png') left bottom no-repeat} #newsImage table.imageGrid td.corner div.br {background:url('/images/ice/corner_br.png') right bottom no-repeat} #newsImage table.imageGrid td.corner div.tl {_background:url('/images/ice/corner_tl.gif') left top no-repeat} #newsImage table.imageGrid td.corner div.tr {_background:url('/images/ice/corner_tr.gif') right top no-repeat} #newsImage table.imageGrid td.corner div.bl {_background:url('/images/ice/corner_bl.gif') left bottom no-repeat} #newsImage table.imageGrid td.corner div.br {_background:url('/images/ice/corner_br.gif') right bottom no-repeat} #newsImage table.imageGrid td.edge {font-size:1px; background:#127BBE} #newsImage table.imageGrid td.content {width:190px; height:190px; text-align:center; vertical-align:middle; background:#127BBE; overflow:hidden} #newsImage div.overflowProtect {width:190px; height:190px; overflow:hidden} #newsItems {width:100%; cursor:default;} #newsItems td {height:60px; padding:2px 20px 2px 10px; overflow:hidden} #newsItems div.overflowProtect {width:300px; height:60px; overflow:hidden} #newsItems h3.newsTitle {width:300px; color:#FFFFFF; font-size:88%; font-weight:bold; padding:0; margin:0; white-space:nowrap; overflow:hidden} #newsItems div.newsText {color:#FFFFFF; font-size:68%} #newsItems td.activeItem {background:#127BBE url('/images/ice/bg_newsItem_ON.gif') 100% 2px no-repeat} .newslink {cursor:pointer;} div.newsDivider {text-align:center; padding:30px 0 20px 0; font-size:1px; margin:0} #vendorArea {} #vendorArea h2.vendorTitle {color:#FFFFFF; font-size:126%; padding:0 0 15px 0; margin:0} #vendorArea td.vendorImage {padding:0 10px 0 0} #vendorArea table.imageGrid {} #vendorArea table.imageGrid td.corner {font-size:1px} #vendorArea table.imageGrid td.corner div {width:7px; height:7px} #vendorArea table.imageGrid td.corner div.tl {background:url('/images/ice/corner_tl.png') left top no-repeat} #vendorArea table.imageGrid td.corner div.tr {background:url('/images/ice/corner_tr.png') right top no-repeat} #vendorArea table.imageGrid td.corner div.bl {background:url('/images/ice/corner_bl.png') left bottom no-repeat} #vendorArea table.imageGrid td.corner div.br {background:url('/images/ice/corner_br.png') right bottom no-repeat} #vendorArea table.imageGrid td.corner div.tl {_background:url('/images/ice/corner_tl.gif') left top no-repeat} #vendorArea table.imageGrid td.corner div.tr {_background:url('/images/ice/corner_tr.gif') right top no-repeat} #vendorArea table.imageGrid td.corner div.bl {_background:url('/images/ice/corner_bl.gif') left bottom no-repeat} #vendorArea table.imageGrid td.corner div.br {_background:url('/images/ice/corner_br.gif') right bottom no-repeat} #vendorArea table.imageGrid td.edge {font-size:1px; background:#127BBE} #vendorArea table.imageGrid td.content {} #vendorArea h3.vendorSubtitle {font-size:100%; color:#FFFFFF; font-weight:bold; padding:0 0 5px 0; margin:0} #vendorArea div.vendorText {font-size:68%; color:#FFFFFF} #vendorArea div.vendorLink {padding:10px 0 0 0} #vendorArea div.vendorLink a {font-size:76%; color:#66CCFF; text-decoration:underline} #vendorArea td.vendorLogo {padding:0 0 0 10px} #vendorArea td.vendorButton {text-align:right; vertical-align:bottom; padding:0 0 0 0} div.mpuItem {width:255px; padding:10px; background:url('/images/ice/bg_mpu_gradient.png') left top no-repeat; margin:0 0 15px 0} div.mpuItem {_background:url('/images/ice/bg_mpu_gradient.gif') left top no-repeat} div.mpuItem h3.mpuTitle {font-size:100%; color:#FFFFFF; font-weight:bold; padding:0 0 5px 0; margin:0} div.mpuItem div.mpuImage {float:left; padding:3px 10px 0 0} div.mpuItem div.mpuText {font-size:62%; color:#66CCFF; padding:0 0 0 77px} div.mpuItem a.mpuButton {padding:5px 0 0 0; display:block} div.emailUpdates {position:relative} div.emailUpdates h3.emailUpdatesTitle {font-size:100%; color:#FFFFFF; font-weight:bold; padding:5px 0 5px 0; margin:0} div.emailUpdates div.emailUpdatesText {font-size:68%; color:#FFFFFF} div.emailUpdates h4.emailUpdatesSubtitle {font-size:68%; color:#FFFFFF; font-weight:bold; padding:10px 0 5px 0; margin:0} div.emailUpdates input {font-size:12px; width:190px} /*div.emailUpdates input greyedOut {color:#858585}*/ div.emailUpdates img {position:absolute; right:0px} div.emailUpdates input.newsletter_button {position:absolute; right:0px} div.tellFriend {padding:30px 0 10px 0;} .modalBackground { background-color:#ffffff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity:0.7; } .modalPopup { background-color:#ffffff; border-width:3px; border-style:solid; border-color:Gray; padding:8px; width:520px; } div.ReadMore { width:848px; color:#FFFFFF; margin:5px 0 5px 0; font-size:72%;} div.ReadMore a{color:#66CCFF;} /* halfbanner */ .halfBanner { width:234px; height:60px; float:right; padding: 4px 191px 0 0;} /* follow us */ .followUs {position:absolute; right:0; top:9px; font-size:76%; font-weight:bold; color:#ffffff} .followUs img {vertical-align:bottom; margin:0 0 0 3px} .followUs span {margin:0 5px 0 0} /* newsletter */ .newsletter {position:absolute; right:0; top:36px; font-size:76%; font-weight:bold; color:#ffffff} .newsletter img {vertical-align:middle} .newsletter span {margin:0 5px 0 0} /* home columns */ .homeColContainer {overflow:hidden; clear:both; float:none; width:900px; margin:0; padding:0} .homeColOuter {overflow:hidden; float:left; clear:none; width:278px; margin:0 7px 0 0; background:#0559ab url('/images/ice/home_column_gradient.gif') 0 0 no-repeat} .homeColInner {overflow:hidden; float:none; clear:both; width:100%; margin:0; background:transparent url('/images/ice/home_column_corner.gif') 100% 0 no-repeat} .homeColImage {overflow:hidden; float:left; clear:none; width:150px; padding:11px 0 0 11px} .homeColText {overflow:hidden; float:left; clear:none; width:110px; padding:11px 0 0 0} .homeColText h3 {font-size:88%; font-weight:normal; color:#ffffff; margin:0 0 11px 0; padding:0} .homeColText p {font-size:68%; font-weight:normal; color:#ffffff; margin:0; padding:0} .homeColText .buttonRow {overflow:hidden; float:none; clear:both; width:100%; padding:22px 0 0 0} /* home columns: modifier for featured item column */ .featuredItem {width:500px; padding:0 0 18px 0} .featuredItem .homeColText {width:330px} .featuredItem h3 {font-size:112%} /* home columns: survey */ .homeColSurvey {overflow:hidden; float:left; clear:none; width:320px; height:93px; margin:0 7px 0 0; padding:11px 11px 0 11px; background:#0559ab url('/images/ice/home_bg_survey.gif') 0 0 no-repeat} .homeColFootprint {overflow:hidden; float:left; clear:none; width:320px; height:53px; margin:0 7px 0 0; padding:11px 11px 0 11px; background:#0559ab url('/images/ice/home_bg_footprint.gif') 0 0 no-repeat} .homeColSurvey h3 {font-size:100%; font-weight:bold; color:#ffffff; margin:0 0 11px 0; padding:0} .homeColFootprint h3 {font-size:100%; font-weight:bold; color:#ffffff; margin:0 0 11px 0; padding:0} .pollWidget {height:95px} .pollWidgetQuestion {overflow:hidden; float:none; clear:both; width:100%; padding:10px 0 0 0} .pollWidgetQuestion label {font-size:76%; font-weight:normal; color:#ffffff; margin:0 20px 0 0} .pollWidgetResult {overflow:hidden; float:none; clear:both; width:100%} .pollResultLegend {overflow:hidden; float:none; clear:both; width:100%} .pollResultYesEnd {overflow:hidden; float:left; clear:none; font-size:76%; font-weight:normal; color:#ffffff; margin:0 0 3px 0; padding:0} .pollResultNoEnd {overflow:hidden; float:right; clear:none; font-size:76%; font-weight:normal; color:#ffffff; margin:0 0 3px 0; padding:0} .pollResultGraph {height:10px; border:1px solid #bcd3e9; background:transparent url('/images/ice/poll_result_no.gif') 0 0 repeat-x} .pollResultGraph img {display:block; height:10px} div.htmlNav {height: 116px; width: 848px} div.htmlNav ul {list-style-type:none; margin:0; padding:0} div.htmlNav ul li {float:left; width:75px; padding:0 1px 0 1px; text-align:center; line-height:0.7em} div.htmlNav ul li a {color:#A4BECE; text-decoration:none; font-size:68%} div.htmlNav ul li a:hover {color:#FFFFFF; text-decoration:none} div.htmlNav ul li a img {display:block; margin:0 auto} div.htmlNav ul li a span.clearImg {display:block; clear:both} div.htmlNav ul li.crystal_1 {margin:20px 0 0 0} div.htmlNav ul li.crystal_2 {margin:24px 0 0 0} div.htmlNav ul li.crystal_3 {margin:15px 0 0 0} div.htmlNav ul li.crystal_4 {margin:22px 0 0 0} div.htmlNav ul li.crystal_5 {margin:11px 0 0 0} div.htmlNav ul li.crystal_6 {margin:18px 0 0 0} div.htmlNav ul li.crystal_7 {margin:24px 0 0 0} div.htmlNav ul li.crystal_8 {margin:21px 0 0 0}