body, td, p, input, select, textarea, button{ font-family: arial, sans-serif; font-size: 11px; color: #333; } body.regular{ margin: 0 20px 0 20px; background-color: #E5E5E5; } p{ margin: 0 0 12px 0; } ul{ margin: 0 0 0 20px; } a{ color: #CC0000; text-decoration: none; } a:hover{ text-decoration: underline; } input, textarea{ border: 1px solid #CCCCCC; } input.error, textarea.error{ border: 1px solid #666; } button{ background-color: #E0E0E0; border-style: solid; border-width: 1px; border-color: #F9F9F9 #999 #999 #F9F9F9; color: #333; } img{ border-color: #E0E0E0; } img.icon{ width: 16px; height: 16px; vertical-align: middle; border: 0; } img.icon.text{ margin-right: 3px; vertical-align: middle; } img.back{ width: 3px; height: 6px; } img.shim{ border: 0; width: 1px; height: 1px; } h1, .sys-Heading1{ color: #CC0000; font-size: 18px; margin: 0 0 15px 0; font-weight: normal; } h2, .sys-Heading2{ color: #666; text-transform: uppercase; font-size: 12px; font-weight: normal; margin: 0; } h3, .sys-Heading3{ font-weight: bold; margin: 0; font-size: 11px; } /* Framework styles */ table.framework{ width: 752px; height: 100%; background-color: white; border-color: white; border-style: solid; border-width: 0 3px 0 3px; } table.framework tr.header td{ background-color: #CC0000; border-bottom: 3px solid white; height: 66px; padding: 13px 16px 13px 16px; } table.framework tr.header td.logo{ border-right: 3px solid white; width: 103px; padding: 7px 24px 9px 16px; } table.framework tr.header div.header{ float: right; } table.framework td.left-column{ background-color: #3CF; border-right: 3px solid white; width: 143px; height: 100%; vertical-align: top; /*background-image: url(binary?id=42305);*/ background-position: bottom left; background-repeat: no-repeat; } table.framework td.main-column{ vertical-align: top; height: 100%; } table.framework td.main-column div.main-column-content{ margin: 20px 16px 20px 16px; } table.framework td.main-column div.main-column-content div.print-version{ margin-top: 3px; float: right; font-size: 10px; text-transform: uppercase; background-image: url(binary?id=42392); background-repeat: no-repeat; color: #999; cursor: hand; } table.framework td.main-column div.main-column-content div.print-version.active{ color: #666; background-image: url(binary?id=42393); } table.framework td.column-width-left img{ width: 146px; height: 3px; } table.framework td.column-width-main img{ width: 600px; height: 3px; } table.framework td.footer{ background-color: #06C; text-transform: uppercase; color: white; height: 19px; padding: 0 10px 0 10px; text-align: center; font-weight: bold; font-size: 10px; } table.framework td.footer a{ color: white; } table.framework td.footer span.separator{ color: #3CF; padding: 0 8px 0 8px; } div.framework-print div.header{ margin-bottom: 20px; } div.framework-print div.header div.functions{ float: right; } div.framework-print div.header div.functions div{ margin-bottom: 3px; font-size: 10px; text-transform: uppercase; background-repeat: no-repeat; color: #999; cursor: hand; } div.framework-print div.header div.functions div.close{ background-image: url(binary?id=42394); } div.framework-print div.header div.functions div.print{ background-image: url(binary?id=42392); } div.framework-print div.header div.functions div.close-active{ background-image: url(binary?id=42395); color: #666; } div.framework-print div.header div.functions div.print-active{ background-image: url(binary?id=42393); color: #666; } /* End framework styles */ /* Menu styles */ div.menu-main{ padding-bottom: 10px; background-color: #3CF; } div.menu-main div.menuitem{ font-size: 10px; color: black; height: 20px; border-bottom: 1px solid white; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; vertical-align: middle; cursor: hand; } div.menu-main div.menuitem.level0{ text-transform: uppercase; } div.menu-main div.menuitem.active{ color: white; background-color: #06C; } div.menu-stores{ color: white; text-transform: uppercase; } div.menu-stores div.store-menu-text{ margin-bottom: 3px; } div.menu-stores select{ background-color: #DB4D4D; color: white; } div.menu-stores option.category{ text-transform: uppercase; background-color: #CC0000; } /* End menu styles */ /* Frame styles */ div.frame{ padding: 10px; background-color: #3CF; color: black; font-size: 10px; font-weight: bold; text-transform: uppercase; } div.frame div.heading{ border-bottom: 1px solid #06C; padding-bottom: 2px; margin-bottom: 4px; } /* End frame styles */ /* list styles */ table.list{ width: 568px; border: 0; } table.list td.nowrap{ white-space: nowrap; } table.list td.master{ width: 100%; } table.list td.right{ text-align: right; } table.list tr.error td{ padding-bottom: 0; color: #CC0000; height: 1px; } table.list td{ padding: 2px 4px 2px 4px; } table.list input, table.list textarea{ width: 300px; } table.list.contact input, table.list.contact textarea{ width: 250px; } table.list input.radio{ width: auto; vertical-align: middle; } table.list tr.column-headings{ font-weight: bold; background-color: #E0E0E0; } table.list tr.column-headings img{ vertical-align: middle; margin-left: 3px; } table.list tr.dark{ background-color: #F7F7F7; } table.list td.navigation-header{ background-color: #EAEAEA; } table.list td.navigation-menu{ background-color: #EAEAEA; } table.list td.navigation-menu td{ padding: 0; } table.list tr.separator td{ font-size: 4px; height: 1px; } table.list td.top{ vertical-align: top; padding-top: 5px; } table.list span.required{ color: #CC0000; margin-left: 2px; } table.navigation-menu{ width: 100%; } table.navigation-menu td.middle{ width: 100%; } table.navigation-menu div.navigation-button{ border-style: solid; border-width: 1px; border-color: white #8F8B7A #8F8B7A white; width: 14px; height: 14px; text-align: center; vertical-align: middle; white-space: nowrap; margin-right: 2px; font-size: 9px; text-transform: uppercase; cursor: hand; color: #007CCF; } table.navigation-menu div.navigation-button.disabled{ cursor: auto; color: gray; } table.navigation-menu div.navigation-button.last{ margin: 0; } table.navigation-menu div.navigation-button.previous-page{ padding: 0 3px 0 3px; } table.navigation-menu div.navigation-button.previous-page img{ margin-right: 3px; vertical-align: middle; } table.navigation-menu div.navigation-button.next-page{ padding: 0 3px 0 2px; } table.navigation-menu div.navigation-button.next-page img{ margin-left: 4px; vertical-align: middle; } table.navigation-menu div.navigation-numbers{ margin-right: 2px; background: white; width: 14px; height: 14px; text-align: center; vertical-align: middle; font-weight: bold; font-size: 10px; color: #007CCF; cursor: hand; } table.navigation-menu div.navigation-numbers.selected{ color: white; background-color: #007CCF; cursor: auto; } /* end list styles */ /* stores styles */ table.stores-list{ width: 568px; } table.stores-list td.columns{ width: 33%; padding-right: 10px; vertical-align: top; } table.stores-list td.category{ text-transform: uppercase; } table.stores-list div.bullet{ background-image: url(binary?id=42420); width: 16px; height: 16px; float: left; font-size: 10px; color: white; text-align: center; padding-top: 1px; } table.stores-list div.store-name{ padding-top: 1px; } div.store-show div.image{ float: right; margin: 0 0 10px 10px; } /* end stores styles */ /* competition styles */ div.disclaimer{ font-size: 10px; font-style: italic; } div.assignment{ padding: 10px; background-color: #F3F3F3; } div.confirmation{ padding: 10px; background-color: #B2E0D1; } div.confirmation h2{ color: black; font-weight: bold; } table.separator td{ white-space: nowrap; padding: 0px 5px 0px 5px; font-weight: normal; text-transform: uppercase; color: #999999; font-size: 10px; } table.separator td.line{ border-bottom: 1px solid #CCCCCC; } table.separator td.line.before{ width: 10px; } table.separator td.line.after{ width: 100%; } /* end competition styles */ /* offers styles */ table.offer-list{ width: 568px; } table.offer-list td{ width: 50%; padding: 0 10px 12px 0; } table.offer-list div.offer-text{ vertical-align: top; padding-top: 5px; } table.offer-list div.offer-image{ background-repeat: no-repeat; background-position: center; float: left; margin-right: 5px; } /* end offers styles */ /* article styles */ span.separator{ color: #CCC; } table#articles-list tr#article td#teaser-image img{ border: 1px solid #E0E0E0; } table#articles-list div#read-more{ text-transform: uppercase; text-align: right; font-size: 10px; } table#articles-list td{ padding: 2px 4px 2px 4px; } table#articles-list td#navigation-header{ background-color: #E0E0E0; } table#articles-list td#navigation-menu{ background-color: #E0E0E0; } table#articles-list tr#article td{ padding: 10px 4px 10px 4px; border-bottom: 1px solid #E0E0E0; vertical-align: top; } div.date{ font-size: 9px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; } table#articles-list tr#article.last td{ border: 0; } table#articles-list tr#article td#teaser-text{ width: 100%; } table#articles-list td#navigation-menu td{ padding: 0; } table.navigation-menu{ width: 100%; } table.navigation-menu td.middle{ width: 100%; } table.navigation-menu div.navigation-button{ border-style: solid; border-width: 1px; border-color: white #999 #999 white; width: 14px; height: 14px; text-align: center; vertical-align: middle; white-space: nowrap; margin-right: 2px; font-size: 9px; text-transform: uppercase; cursor: hand; color: #CC0000; } table.navigation-menu div.navigation-button.disabled{ cursor: auto; color: #999; } table.navigation-menu div.navigation-button.last{ margin: 0; } table.navigation-menu div.navigation-button.previous-page{ padding: 0 3px 0 3px; } table.navigation-menu div.navigation-button.previous-page img{ margin-right: 3px; vertical-align: middle; } table.navigation-menu div.navigation-button.next-page{ padding: 0 3px 0 2px; } table.navigation-menu div.navigation-button.next-page img{ margin-left: 4px; vertical-align: middle; } table.navigation-menu div.navigation-numbers{ margin-right: 2px; background: white; width: 14px; height: 14px; text-align: center; vertical-align: middle; font-weight: bold; font-size: 10px; color: #CC0000; cursor: hand; } table.navigation-menu div.navigation-numbers.selected{ color: white; background-color: #CC0000; cursor: auto; } div#article-show div#preface{ font-weight: bold; margin-bottom: 10px; } div#article-show table.images{ width: 1px; float: right; margin-left: 10px; } div#article-show table.images td{ padding-bottom: 10px; } div#article-show table.images img{ border: 1px solid #E0E0E0; margin-bottom: 1px; } div#article-show table.images div.image-text{ background: #E0E0E0; font-size: 9px; padding: 2px 4px 2px 4px; } /* end article styles */