/* ------------------------------------------------ Site: http://www.theamazingrate.co.uk Author: Gareth Barker Vesion: 2.0 ------------------------------------------------ /* base styles starts */ * { margin:0; padding:0; } ul, ol { list-style: none; } body { /* default browser font size=16px. default website font size=12px. 12px/16px=0.75(em) */ font:0.75em Arial, Helvetica, Geneva, sans-serif; } hr { border: 0; background: none; display: none; } fieldset { border-style:none; border-width:0; } .floatLeft { float:left; } .floatRight { float:right; } .clear-basic { clear: both; } .clear { clear: both; margin: 0 0 -1px; width: 100%; height: 1px; font-size: 1px; } .clear-left { clear: left; } .clear-right { clear: right; } .nomargin { margin: 0; } .hide { display: none; } input, select, textarea { font: normal 1em Verdana, Arial, Helvetica, sans-serif; } .warningMessage { color:#d70f0e; } .showprint { display: none; } input:focus, textarea:focus { background-color:#fdf59f; } /* ERROR MESSAGES */ .errorMSG { color:red; font-weight:bold; padding:7px; border:2px solid red; background-color:rgba(251,16,15,0.10); margin:10px 0 10px 0; } .successMSG { color:green; font-weight:bold; padding:7px; border:2px solid green; background-color:rgba(6,127,8,0.1); margin:10px 0 10px 0; } /* ------------------------------------------------ */ /* Applied to */ #www-theamazingrate-co-uk { background-color:#E6EBEC; } /* */ #wrapper { } .width-wrapper { width:870px; margin:0 auto 0 auto; } .width-wrapper-row001 { width:870px; padding:0px 0px 10px 0px; margin:0 auto 0 auto; } li { display:inline; } /* ------------------------------------------------ */ #row001 { background:#FFFFFF; } #cell001-breadcrumbs { float:left; padding:0 10px 0 0px; margin:10px 0 0 0; } #breadcrumbs { } /* This is a UL */ #breadcrumbs li { float:left; } #breadcrumbs a, #breadcrumbs a:active, #breadcrumbs a:visited { color:#083643; text-decoration:none; } #breadcrumbs a:hover, #breadcrumbs a:visited:hover { text-decoration:underline; } #you-are { padding:5px 16px 5px 6px; color:white; } .you-are-end001 { background:#083643 url(../images/breadcrumb_divider001_large.gif) no-repeat right center; } .you-are-end002 { background:#083643 url(../images/breadcrumb_divider001b_large.gif) no-repeat right center; } #crumb001 { padding:5px 16px 5px 6px; color:#083643; } .crumb001-end001 { background:#C5E841 url(../images/breadcrumb_divider002_large.gif) no-repeat right center; } .crumb001-end002 { background:#C5E841 url(../images/breadcrumb_divider002b_large.gif) no-repeat right center; } #crumb002 { padding:5px 16px 5px 6px; font-weight:bold; } .crumb002-end001 { background:#E7F6B2 url(../images/breadcrumb_divider003_large.gif) no-repeat right center; } .crumb002-end002 { background:#E7F6B2 url(../images/breadcrumb_divider003b_large.gif) no-repeat right center; } #page-title { padding:5px 16px 5px 6px; } #cell002-miniNav { float:right; padding:0 0 0 0; margin:10px 0 0 0; } #miniNav { } /* This is a UL */ #miniNav li { float:left; } #bookmark-us { padding:5px 10px 5px 22px; background:url(../images/mininav_bookmark.gif) no-repeat left center; border-right:2px solid #E6E6E6; } #site-map { padding:5px 0 5px 30px; margin:0 0 0 10px; background:url(../images/mininav_sitemap.gif) no-repeat left center; } #miniNav a, #miniNav a:active, #miniNav a:visited { color:#083643; text-decoration:none; } #miniNav a:hover, #miniNav a:visited:hover { color:#A2CD00; } /* ------------------------------------------------ */ #row002 { height:130px; background:#083643 url(../images/header_strip_background_tile.jpg) repeat-x; } #cell001-logo { float:left; width:433px; height:60px; padding:35px 0 35px 35px; background: url(../images/header_strip_background_tile.jpg) repeat-x; } #cell001-logo a:link, #cell001-logo a:active, #cell001-logo a:visited { background:url(../images/logo_the_amazing_rate.gif) no-repeat left top; width:315px; height:60px; display:block; } #cell001-logo a:hover, #cell001-logo a:visited:hover { } #cell001-logo a span { position:absolute; top:-1000px; } /* ------------------------------------------------ */ #row002a { background:url(../images/tile_menu.gif) repeat-x 0 center; border-top:2px solid white; } #mainMenu { /*position:absolute;*/ float:left; background:url(../images/menu_item_divider.gif) no-repeat left center; padding:0 0 0 2px; } #mainMenu li { float:left; background:url(../images/menu_item_divider.gif) no-repeat right center; padding:0 2px 0 0; } #mainMenu a, #mainMenu a:active, #mainMenu a:visited { float:left; padding:10px 10px 10px 10px; font-size:90%; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#00222A; } #mainMenu a:hover, #mainMenu a:visited:hover { background:url(../images/tile_menu_hover.gif) repeat-x 0 center; color:#00222A; } #onPage { } #onPage a, #onPage a:active, #onPage a:visited { background-color:white; } #onPage a:hover, #onPage a:visited:hover { background:white none; } /* SUBNAV */ #subNav001 { background-color:black; z-index:100; position:relative; top:100px; left:0px; } #subNav001 ul { } #subNav001 ul li { } /* BACKNAV */ .backNav { float:right; margin:5px 10px 5px 0; font-size:90%; } .backNav a, .backNav a:active, .backNav a:visited { display:inline-block; padding:6px 8px 6px 8px; margin:0 0 0 0; text-decoration:none; color:#3f3f3f; text-transform:uppercase; font-weight:bold; background:#ccc url(../images/tile_prev_page.gif) repeat-x 0 center; } .backNav a:hover, .backNav a:visited:hover { text-decoration:underline; } /* ------------------------------------------------ */ #row003 { background-color:#FFFFFF; padding:0 0 20px 0; } #mainContent { float:left; margin:10px 0 10px 0; width:620px; } /* ------------------------------------------------ */ .prodPanels { float:left; width:192px; margin:0 10px 10px 0; padding:10px 90px 10px 12px; border:3px solid #E3E3E3; } .prodPanels h2 { text-transform:uppercase; font-size:125%; margin:0 0 4px 0; color:#083643; } .prodPanels h2 a:link, .prodPanels h2 a:active, .prodPanels h2 a:visited { color:#083643; text-decoration:none; } .prodPanels h2 a:hover, .prodPanels h2 a:visited:hover { color:#FF9900; text-decoration:underline; } .prodPanels p { color:#666666; } #pp-creditcards { background:url(../images/pp_creditcard.jpg) no-repeat right top; } #pp-insurance { background:url(../images/pp_insurance.jpg) no-repeat right top; } #pp-mortgages { background:url(../images/pp_mortgages.jpg) no-repeat right top; } #pp-loans { background:url(../images/pp_loans.jpg) no-repeat right top; } #pp-badcredit { background:url(../images/pp_badcredit.jpg) no-repeat right top; } #pp-utilities { background:url(../images/pp_utilities.jpg) no-repeat right top; } .pp-go { background:url(../images/pp_go_button_tile.jpg) repeat-x 0 center; margin:6px 0 0 0; width:55px; text-transform:uppercase; font-weight:bold; } .pp-go a, .pp-go a:active, .pp-go a:visited { display:block; padding:8px 0px 8px 10px; margin:0 0 0 0; background:url(../images/pp_go_button_tip.jpg) no-repeat right center; text-decoration:none; color:#00222A; } .pp-go a:hover, .pp-go a:visited:hover { text-decoration:underline; } /* CATEGORY PANELS */ .catPanels { float:left; width:192px; margin:0 10px 10px 0; padding:10px 90px 10px 12px; border:3px solid #E3E3E3; } .catPanels h2 { text-transform:uppercase; font-size:125%; margin:0 0 4px 0; color:#083643; } .catPanels h2 a:link, .catPanels h2 a:active, .catPanels h2 a:visited { color:#083643; text-decoration:none; } .catPanels h2 a:hover, .catPanels h2 a:visited:hover { color:#FF9900; text-decoration:underline; } .catPanels p { color:#666666; } /* SUB CATEGORY SELECTOR */ #subCatTitle { text-align:center; font-size:160%; color:#333333; font-weight:normal; padding:10px; } #subCatSelector { margin:0px 10px 10px 0; border:3px solid #E3E3E3; } #typeList { text-align:center; border:2px solid #fff; background:#FFE57F; padding:10px; } #typeList label { margin:0 10px 0 0; font-weight:bold; } #insuranceImage { height:200px; background:url(../images/insurance_image.jpg) no-repeat; margin:0px 2px 2px 2px; } #loansImage { height:200px; background:url(../images/loans_image.jpg) no-repeat; margin:0px 2px 2px 2px; } #mortgagesImage { height:200px; background:url(../images/mortgages_image.jpg) no-repeat; margin:0px 2px 2px 2px; } #badcreditImage { height:200px; background:url(../images/badcredit_image.jpg) no-repeat; margin:0px 2px 2px 2px; } /* FEATURED NEWS PANEL */ .featNewsArticle { padding:5px 15px 15px 15px; margin:0 10px 10px 0; border-bottom:2px solid #D3EF7F; } .postInfo { text-transform:uppercase; font-size:90%; color:#999999; margin:0 0 3px 0; } .featNewsArticle h3 { font-size:200%; color:#799A00; font-weight:normal; } .featNewsArticle h3 a:link, .featNewsArticle h3 a:active, .featNewsArticle h3 a:visited { color:#799A00; text-decoration:none; font-weight:normal; } .featNewsArticle h3 a:hover, .featNewsArticle h3 a:visited:hover { color:#FF9900; text-decoration:underline; } .featNewsArticle p { color:#666666; line-height:130%; } .featNewsArticle p span { color:#204A55; font-weight:bold; } .featNewsArticle a:link, .featNewsArticle a:active, .featNewsArticle a:visited { color:#799A00; font-weight:bold; } .featNewsArticle a:hover, .featNewsArticle a:visited:hover { color:#FF9900; } /* PAGE TITLE/OVERVIEW TEXT */ #pageText { margin:10px 10px 20px 0px; } #pageText h2 { color:#A2CD00; font-size:2.6em; } #pageText h2 a, #pageText h2 a:active, #pageText h2 a:visited { color:#A2CD00; text-decoration:none; } #pageText h2 a:hover, #pageText h2 a:hover:visited { color:#A2CD00; text-decoration:underline; } #pageText p { color:#999999; font-size:1.2em; margin:0 0 15px 0; } #pageText p span { color:#083643; } #pageText strong { color:#083643; } /* TIPS CONTENT */ #contentPanelsLeft { float:left; width:300px; margin:0 10px 0 0px; } #contentPanelsRight { float:left; width:300px; margin:0 0 0 0; } .panelWrapper { margin:0 0 8px 0; background-color:#e6ebec; } .panelTitle { padding:8px 8px 8px 8px; border-bottom:2px solid white; background:#E6EBEC url(../images/title_background.gif) repeat-x 0 center; } .panelTitle h3 { color:#083643; font-size:1.8em; } .panelTitle h3 a, .panelTitle h3 a:active, .panelTitle h3 a:visited { color:#083643; text-decoration:none; } .panelTitle h3 a:hover, .panelTitle h3 a:visited:hover { text-decoration:underline; } .panelTitle h4 { color:#083643; font-size:1.8em; } .panelTitle h4 a, .panelTitle h4 a:active, .panelTitle h4 a:visited { color:#083643; text-decoration:none; } .panelTitle h4 a:hover, .panelTitle h4 a:visited:hover { text-decoration:underline; } /* TIPS CATEGORY CONTENT */ .panelContentTips { } .panelContentTips ul { } .panelContentTips li { display:block; border-bottom:2px solid white; } /* Warning Tips */ .warning { background:#E6EBEC url(../images/tip_icon_sm_warning.gif) no-repeat 6px center; } .warning h4 { padding:8px 8px 2px 48px; } .warning h5 { padding:8px 8px 0px 48px; } .warning p { padding:0 8px 8px 48px; } .warning p a:link, .warning p a:visited, .warning p a:active { color:#7f7f7f; } .warning p a:hover, .warning p a:visited:hover { } .warning a:link, .warning a:visited, .warning a:active { color:#CC0000; text-decoration:none; } .warning a:hover, .warning a:visited:hover { text-decoration:underline; } /* Attention Tips */ .attention { background:#E6EBEC url(../images/tip_icon_sm_attention.gif) no-repeat 6px center; } .attention h4 { padding:8px 8px 2px 48px; } .attention h5 { padding:8px 8px 0px 48px; } .attention p { padding:0 8px 8px 48px; } .attention p a:link, .attention p a:visited, .attention p a:active { color:#7f7f7f; } .attention p a:hover, .attention p a:visited:hover { } .attention a:link, .attention a:visited, .attention a:active { color:#FF6D00; text-decoration:none; } .attention a:hover, .attention a:visited:hover { text-decoration:underline; } /* Positive Tips */ .positive { background:#E6EBEC url(../images/tip_icon_sm_positive.gif) no-repeat 6px center; } .positive h4 { padding:8px 8px 2px 48px; } .positive h5 { padding:8px 8px 0px 48px; } .positive p { padding:0 8px 8px 48px; } .positive p a:link, .positive p a:visited, .positive p a:active { color:#7f7f7f; } .positive p a:hover, .positive p a:visited:hover { text-decoration:underline; } .positive a:link, .positive a:visited, .positive a:active { color:#52931A; text-decoration:none; } .positive a:hover, .positive a:visited:hover { } /* TIP SEARCH RESULTS */ /* Warning */ .tip-result-warning { margin:0 10px 0 0; border-bottom:2px solid white; background:#E6EBEC url(../images/tip_result_icon_warning.gif) no-repeat 10px 10px; } .tip-result-warning a:link, .tip-result-warning a:visited, .tip-result-warning a:active { } .tip-result-warning a:hover, .tip-result-warning a:visited:hover { } .tip-result-warning h3 { font-size:1.6em; padding:10px 0 0 60px; } .tip-result-warning h3 a:link, .tip-result-warning h3 a:visited, .tip-result-warning h3 a:active { color:#CC0000; text-decoration:none;} .tip-result-warning h3 a:hover, .tip-result-warning h3 a:visited:hover { text-decoration:underline; } .tip-result-warning p { font-size:1em; margin:3px 0 0 0; padding:0 0 10px 60px; } .tip-result-warning p a:link, .tip-result-warning p a:visited, .tip-result-warning p a:active { color:#999999; text-decoration:none; } .tip-result-warning p a:hover, .tip-result-warning p a:visited:hover { text-decoration:underline; } /* Attention */ .tip-result-attention { margin:0 10px 0 0; border-bottom:2px solid white; background:#E6EBEC url(../images/tip_result_icon_attention.gif) no-repeat 10px 10px; } .tip-result-attention a:link, .tip-result-attention a:visited, .tip-result-attention a:active { } .tip-result-attention a:hover, .tip-result-attention a:visited:hover { } .tip-result-attention h3 { font-size:1.6em; padding:10px 0 0 60px; } .tip-result-attention h3 a:link, .tip-result-attention h3 a:visited, .tip-result-attention h3 a:active { color:#FF6D00; text-decoration:none;} .tip-result-attention h3 a:hover, .tip-result-attention h3 a:visited:hover { text-decoration:underline; } .tip-result-attention p { font-size:1em; margin:3px 0 0 0; padding:0 0 10px 60px; } .tip-result-attention p a:link, .tip-result-attention p a:visited, .tip-result-attention p a:active { color:#999999; text-decoration:none; } .tip-result-attention p a:hover, .tip-result-attention p a:visited:hover { text-decoration:underline; } /* Positive */ .tip-result-positive { margin:0 10px 0 0; border-bottom:2px solid white; background:#E6EBEC url(../images/tip_result_icon_positive.gif) no-repeat 10px 10px; } .tip-result-positive a:link, .tip-result-positive a:visited, .tip-result-positive a:active { } .tip-result-positive a:hover, .tip-result-positive a:visited:hover { } .tip-result-positive h3 { font-size:1.6em; padding:10px 0 0 60px; } .tip-result-positive h3 a:link, .tip-result-positive h3 a:visited, .tip-result-positive h3 a:active { color:#52931A; text-decoration:none;} .tip-result-positive h3 a:hover, .tip-result-positive h3 a:visited:hover { text-decoration:underline; } .tip-result-positive p { font-size:1em; margin:3px 0 0 0; padding:0 0 10px 60px; } .tip-result-positive p a:link, .tip-result-positive p a:visited, .tip-result-positive p a:active { color:#999999; text-decoration:none; } .tip-result-positive p a:hover, .tip-result-positive p a:visited:hover { text-decoration:underline; } /* Search Results Nav */ #search-nav { margin:10px 0 0 0; } #search-nav ul { } #search-nav li { float:left; margin:0 2px 0 0; } #search-nav a:link, #search-nav a:visited, #search-nav a:active { display:inline-block; padding:3px 5px 3px 5px; background-color:#E6EBEC; text-decoration:none; color:#083643; } #search-nav a:hover, #search-nav a:visited:hover { background-color:#083643; color:white; } #search-nav #noLink { padding:3px 5px 3px 5px; } /* TIP DETAIL STYLES */ #tip-detail { background-color:#E6EBEC; margin:0 10px 0 0; } #tip-detail-icon { float:left; width:100px; height:200px; } #tip-detail-content-wrapper { float:left; width:508px; border-left:2px solid white; } #tip-detail-content { padding:17px 20px 20px 20px; border-bottom:2px solid white; } #tip-detail-content h2 { color:#999999; font-size:0.8em; text-transform:uppercase; } #tip-detail-content h2 a:link, #tip-detail-content h2 a:visited, #tip-detail-content h2 a:active { color:#3f3f3f; text-decoration:none; } #tip-detail-content h2 a:hover, #tip-detail-content h2 a:visited:hover { text-decoration:underline; } #tip-detail-content p { color:#333333; line-height:1.3em; margin:10px 0 0 0; } #tip-detail-keywords { padding:20px 20px 20px 20px; } #tip-detail-keywords h3 { color:#999999; font-size:80%; text-transform:uppercase; margin:0 0 5px 0; } #tip-detail-keywords li { display:inline-block; margin:5px 3px 5px 0px; } /* Tip Buttons */ #email-tip-button { float:left; margin:10px 10px 0 0; } #bookmark-tip-button { float:left; margin:10px 0 0 0; } /* Warning Styles */ .icon-warning { background:url(../images/tips_detail_icon_warning.jpg) no-repeat; } .h1-warning { color:#CC0000; } .warning-keyword a:link, .warning-keyword a:visited, .warning-keyword a:active { color:#fff; padding:3px 4px 3px 4px; background-color:gray; text-decoration:none;} .warning-keyword a:hover, .warning-keyword a:visited:hover { color:#CC0000; background-color:white; } /* Attention Styles */ .icon-attention { background:url(../images/tips_detail_icon_attention.jpg) no-repeat; } .h1-attention { color:#FF6D00; } .attention-keyword a:link, .attention-keyword a:visited, .attention-keyword a:active { color:#fff; padding:3px 4px 3px 4px; background-color:gray; text-decoration:none;} .attention-keyword a:hover, .attention-keyword a:visited:hover { color:#FF6D00; background-color:white; } /* Positive Styles */ .icon-positive { background:url(../images/tips_detail_icon_positive.jpg) no-repeat; } .h1-positive { color:#52931A; } .positive-keyword a:link, .positive-keyword a:visited, .positive-keyword a:active { color:#fff; padding:3px 4px 3px 4px; background-color:gray; text-decoration:none;} .positive-keyword a:hover, .positive-keyword a:visited:hover { color:#52931A; background-color:white; } /* STAF Code */ #staf-form { padding:20px 20px 10px 20px; border-bottom:2px solid white; } #staf-form fieldset { border:none; padding:0 0 0 0; } #staf-form label { color:#333333; display:block; margin:0 0 5px 0; } #staf-form li { display:block; margin:0 0 10px 0; } #staf-form input { padding:3px; } /* Tips Keywords Results */ /* Warning */ .tip-result-warning { border-bottom:2px solid white; background:#E6EBEC url(../images/tip_result_icon_warning.gif) no-repeat 10px 10px; } .tip-result-warning a:link, .tip-result-warning a:visited, .tip-result-warning a:active { } .tip-result-warning a:hover, .tip-result-warning a:visited:hover { } .tip-result-warning h2 { font-size:1.6em; padding:10px 0 0 60px; } .tip-result-warning h2 a:link, .tip-result-warning h2 a:visited, .tip-result-warning h2 a:active { color:#CC0000; text-decoration:none;} .tip-result-warning h2 a:hover, .tip-result-warning h2 a:visited:hover { text-decoration:underline; } .tip-result-warning p { font-size:1em; margin:3px 0 0 0; padding:0 0 10px 60px; } .tip-result-warning p a:link, .tip-result-warning p a:visited, .tip-result-warning p a:active { color:#999999; text-decoration:none; } .tip-result-warning p a:hover, .tip-result-warning p a:visited:hover { text-decoration:underline; } /* Attention */ .tip-result-attention { border-bottom:2px solid white; background:#E6EBEC url(../images/tip_result_icon_attention.gif) no-repeat 10px 10px; } .tip-result-attention a:link, .tip-result-attention a:visited, .tip-result-attention a:active { } .tip-result-attention a:hover, .tip-result-attention a:visited:hover { } .tip-result-attention h2 { font-size:1.6em; padding:10px 0 0 60px; } .tip-result-attention h2 a:link, .tip-result-attention h2 a:visited, .tip-result-attention h2 a:active { color:#FF6D00; text-decoration:none;} .tip-result-attention h2 a:hover, .tip-result-attention h2 a:visited:hover { text-decoration:underline; } .tip-result-attention p { font-size:1em; margin:3px 0 0 0; padding:0 0 10px 60px; } .tip-result-attention p a:link, .tip-result-attention p a:visited, .tip-result-attention p a:active { color:#999999; text-decoration:none; } .tip-result-attention p a:hover, .tip-result-attention p a:visited:hover { text-decoration:underline; } /* Positive */ .tip-result-positive { border-bottom:2px solid white; background:#E6EBEC url(../images/tip_result_icon_positive.gif) no-repeat 10px 10px; } .tip-result-positive a:link, .tip-result-positive a:visited, .tip-result-positive a:active { } .tip-result-positive a:hover, .tip-result-positive a:visited:hover { } .tip-result-positive h2 { font-size:1.6em; padding:10px 0 0 60px; } .tip-result-positive h2 a:link, .tip-result-positive h2 a:visited, .tip-result-positive h2 a:active { color:#52931A; text-decoration:none;} .tip-result-positive h2 a:hover, .tip-result-positive h2 a:visited:hover { text-decoration:underline; } .tip-result-positive p { font-size:1em; margin:3px 0 0 0; padding:0 0 10px 60px; } .tip-result-positive p a:link, .tip-result-positive p a:visited, .tip-result-positive p a:active { color:#999999; text-decoration:none; } .tip-result-positive p a:hover, .tip-result-positive p a:visited:hover { text-decoration:underline; } /* BLOG CONTENT */ .blogEntry { margin:0 10px 20px 0; } .blogEntry h3 { color:#c53a01; font-size:170%; margin:0 0 3px 0; } .blogEntry h4 { text-transform:uppercase; color:#7f7f7f; font-size:85%; } .blogEntry h5 { color:#999999; font-size:80%; text-transform:uppercase; padding:15px 0 0 0; } .blogEntry p { padding:10px 0 0 0; line-height:150%; color:#3f3f3f; } .blogEntry span { } .blogEntry a:link, .blogEntry a:visited, .blogEntry a:active { color:#c53a01; text-decoration:none; } .blogEntry a:hover, .blogEntry a:visited:hover { text-decoration:underline; } .blogKeywords { margin:8px 0 10px 0; } .blogKeywords li { display:inline-block; margin:0 2px 0 0; } .blogKeywords a:link, .blogKeywords a:active, .blogKeywords a:visited { color:#fff; padding:3px 4px 3px 4px; background-color:gray; text-decoration:none; } .blogKeywords a:hover, .blogKeywords a:visited:hover { color:#c53a01; background-color:#e6ebec; } .blogNav { } /* UL List */ .blogNav li { font-size:90%; font-weight:bold; display:inline-block; margin:0 5px 0 0; } .blogNav a:link, .blogNav a:visited, .blogNav a:active { padding:4px; background-color:#e5e5e5; border:2px solid #bfbfbf; text-decoration:none; text-transform:uppercase; color:#083643; display:inline-block; } .blogNav a:hover, .blogNav a:visited:hover { background-color:white; border:2px solid #a2cd00; } .blogDivider { height:10px; border-style:none; border-top:2px solid #e5e5e5; } /* NEWS PAGE ARTICLES */ .newsArticle { margin:0 10px 20px 0px; } .newsArticle h1 { } .newsArticle h2 { } .newsArticle h3 { color:#799a00; font-size:170%; margin:0 0 3px 0; } .newsArticle h3 a, .newsArticle h3 a:active, .newsArticle h3 a:visited { color:#799a00; text-decoration:none; } .newsArticle h3 a:hover, .newsArticle h3 a:visited:hover { text-decoration:none; } .newsArticle h4 { text-transform:uppercase; color:#7f7f7f; font-size:85%; } .newsArticle h5 { color:#999999; font-size:80%; text-transform:uppercase; padding:15px 0 0 0; } .newsArticle p { padding:10px 0 0 0; line-height:150%; color:#3f3f3f; } .newsArticle span { } .newsArticle a:link, .newsArticle a:visited, .newsArticle a:active { color:#799a00; text-decoration:none; } .newsArticle a:hover, .newsArticle a:visited:hover { text-decoration:underline; } .newsKeywords { margin:8px 0 10px 0; } .newsKeywords li { display:inline-block; margin:0 2px 0 0; } .newsKeywords a:link, .newsKeywords a:active, .newsKeywords a:visited { color:#fff; padding:3px 4px 3px 4px; background-color:gray; text-decoration:none; } .newsKeywords a:hover, .newsKeywords a:visited:hover { color:#083643; background-color:#e6ebec; } .newsNav { } /* UL List */ .newsNav li { font-size:90%; font-weight:bold; display:inline-block; margin:0 5px 0 0; } .newsNav a:link, .newsNav a:visited, .newsNav a:active { padding:4px; background-color:#e5e5e5; border:2px solid #bfbfbf; text-decoration:none; text-transform:uppercase; color:#083643;display:inline-block; } .newsNav a:hover, .newsNav a:visited:hover { background-color:white; border:2px solid #a2cd00; } .newsDivider { height:10px; border-style:none; border-top:2px solid #e5e5e5; } /* ------------------------------------------------ */ #sideContent { float:left; width:250px; margin:10px 0 10px 0; } #sideContent h2 { color:#204A55; } #sideWrapper { } .sideWrapPad { margin:2px 0 0 0; padding:10px 10px 10px 10px; } .sideTopEdge { margin:2px 0 0 0; border-top:2px solid #c7cbcc; } /* CATEGORIES NAV SIDE PANEL */ #catNav { padding:10px 10px 14px 20px; font-size:120%; } #catNav li { display:list-item; margin:0 0 3px 0; font-weight:bold; } #catNav li a:link, #catNav li a:active, #catNav li a:visited { display:inline-block; text-decoration:none; background:#e6e6e6; padding:3px; color:#204A55; } #catNav li a:hover, #catNav li a:visited:hover { text-decoration:underline; background:#e64e02; color:white; padding:3px; } /* NEWSLETTER SIDE PANEL */ #newsletterSide { } #newsletterSide label { display:block; margin:0 0 2px 0; color:#083643; } #newsletterSide .nlText { padding:4px 4px 4px 4px; margin:0 0 5px 0; border:3px solid silver; width:215px; font-size:110%; } .sideTitleBars { background:url(../images/tile_side_titles.gif) repeat-x 0 center; padding:10px 10px 10px 10px; } .sideTitleBars h3 { font-size:110%; color:#647F00; } .sideTitleBars a, .sideTitleBars a:active, .sideTitleBars a:visited { display:block; color:#647F00; text-decoration:none; } .sideTitleBars a:hover, .sideTitleBars a:visited:hover { text-decoration:underline; } #newsletterSide a:link, #newsletterSide a:active, #newsletterSide a:visited { padding:7px 8px 7px 8px; display:inline-block; text-align:center; text-transform:uppercase; font-weight:bold; background:url(../images/button_tile.gif) repeat-x 0 center; text-decoration:none; color:#00222A; } #newsletterSide a:hover, #newsletterSide a:visited:hover { text-decoration:underline; } /* CALCULATOR SIDE PANEL */ #calcPanel { background:url(../images/icon_calc_small.gif) no-repeat left 10px; } #calcPanelText { margin:0 0 13px 50px; font-size:90%; color:#083643; } #calcPanel a:link, #calcPanel a:active, #calcPanel a:visited { padding:7px 8px 7px 8px; display:inline-block; text-align:center; text-transform:uppercase; font-weight:bold; background:url(../images/button_tile.gif) repeat-x 0 center; text-decoration:none; color:#00222A; } #calcPanel a:hover, #calcPanel a:visited:hover { text-decoration:underline; } /* EXP CALCULATOR SIDE PANEL */ #calcResults { padding:20px 0px 0px 0px; color:#083643; } #calcResults h6 { font-size:150%; color:#C93E00; margin:0 0 3px 0; } #calcResults span { font-weight:bold; } #calcResults ul { } #calcResults li { font-size:120%; display:block; margin:0 0 3px 0; } #calcform { padding:10px 0px 10px 0px; } #calcform label { display:block; margin:0 0 3px 0; font-weight:bold; color:#083643; } #calcform input { display:block; width:220px; padding:4px; margin:0 0 8px 0; font-size:120%; } #calcform #submit { margin:8px 0 0 0; } /* TIPS SIDE PANEL */ #sideTipsWrap { margin:2px 0 10px 0; } .sideTipPanel { padding:7px 7px 7px 44px; margin:2px 0 2px 0; } .sideTipPanel h4 { font-size:120%; margin:0 0 3px 0; } .sideTipPanel p { font-size:100%; } .sideTipPanel a:link, .sideTipPanel a:active, .sideTipPanel a:visited { text-decoration:none; color:#083643; font-weight:bold; } .sideTipPanel a:hover, .sideTipPanel a:visited:hover { text-decoration:underline; color:#FF9900; } .sideTip-warning { background:#e6ebec url(../images/icon_warning_small.gif) no-repeat 6px 5px; } .sideTip-attention { background:#e6ebec url(../images/icon_attention_small.gif) no-repeat 6px 5px; } .sideTip-positive { background:#e6ebec url(../images/icon_positive_small.gif) no-repeat 6px 5px; } /* LATEST NEWS SIDE PANEL */ #sideNewsPanel { color:#083643; } #sideNewsPanel h4 { font-size:130%; margin:0 0 4px 0; padding:10px 10px 0px 10px; } #sideNewsPanel h4 a:link, #sideNewsPanel h4 a:active, #sideNewsPanel h4 a:visited { text-decoration:none; color:#083643; } #sideNewsPanel h4 a:hover, #sideNewsPanel h4 a:visited:hover { color:#FF9900; text-decoration:underline; } #sideNewsPanel p { padding:0px 10px 0px 10px; } #sideNewsPanel a:link, #sideNewsPanel a:active, #sideNewsPanel a:visited { font-weight:bold; color:#647F00; } #sideNewsPanel a:hover, #sideNewsPanel a:visited:hover { color:#FF9900; } .sideNewsDivider { width:100%; height:12px; border-bottom:2px solid #c7cbcc; } #sideNewsPanel #viewAll { display:inline-block; margin:10px 10px 0px 10px; } /* ------------------------------------------------ */ #row004 { font-size:0.9em; background:url(../images/row004_top_edge_style.gif) repeat-x 0 top; } #cell001-footerNav { width:870px; margin:0 auto 0 auto; padding:20px 0 20px 0px; } #cell001-footerNav ul { float:left; margin:0 15px 0 0; } #cell001-footerNav li { display:list-item; } #section001 { } /* This is a UL */ #section001 li { } .sectionTitle { margin:0 0 10px 0; } .sectionTitle a, .sectionTitle a:active, .sectionTitle a:visited { text-decoration:none; color:#083643; padding:3px; background-color:white; text-transform:uppercase; font-weight:bold; } .sectionTitle a:hover, .sectionTitle a:visited:hover { background:#083643; color:white; } .sectionLink { } .sectionLink a, .sectionLink a:active, .sectionLink a:visited { color:#999999; text-decoration:none; } .sectionLink a:hover, .sectionLink a:visited:hover { color:#4e5050; } #section002 { } /* This is a UL */ #section003 { } /* This is a UL */ #section004 { } /* This is a UL */ #section005 { } /* This is a UL */ .liSpacing { margin:0 0 3px 0; } .sectionLastItem { margin:0 0 10px 0; } #cell002-footerNote { color:#999999; width:870px; margin:0 auto 20px auto; padding:0 0 0 0px; } #cell002-footerNote a, #cell002-footerNote a:active, #cell002-footerNote a:visited { color:#676767; font-weight:bold; text-decoration:none; } #cell002-footerNote a:hover, #cell002-footerNote a:visited:hover { color:#4e5050; } /* ------------------------------------------------ */ /* Forms */ #formStepsInfo { float:left; width:276px; margin:0 10px 0 0; padding:10px; border:2px solid #E6E6E6; } #formStepsInfo h2 { font-size:1.4em; color:#083643; } #formStepsInfo p { color:#7e7e7e; font-size:1.2em; line-height:1.3em; } #formStepsNav { float:left; width:300px; } #formStepsNavOL { margin:0; padding:0; } /* This is a OL */ #formStepsNav li { margin:0 0 0 0; padding:0; } #formStepsNavOL a, #formStepsNavOL a:active, #formStepsNavOL a:visited { display:block; padding:12px; color:#333333; text-decoration:none; margin:0 0 2px 0; } #formStepsNavOL a:hover, #formStepsNavOL a:visited:hover { text-decoration:underline; color:white; } #formStepsNav .standard { padding:12px; background-color:#E6E6E6; border-left:8px solid #CCCCCC; display:block; margin:0 0 2px 0; } #formStepsNav .current { } .current a, .current a:active, .current a:visited { background-color:#FFCC00; border-left:8px solid #FF6600; } .current a:hover, .current a:visited:hover { } #formStepsNav .completed { } .completed a, .completed a:active, .completed a:visited { border-left:8px solid #A2CD00; background:#C5E841 url(../images/icon_completed.gif) no-repeat right center; } .completed a:hover, .completed a:visited:hover { } #formContent { width:608px; } #formContent legend { font-size:1.8em; padding:10px 20px 10px 20px; color:#083643; font-weight:bold; } #formContent fieldset { padding:0 20px 10px 20px; border:2px solid #c5e841; } #formContent select { margin:0 5px 0 0; } .textfield { float:left; padding:3px; font-size:1.2em; } .textfieldNoLabel { float:left; padding:3px; font-size:1.2em; margin:0 0 0 220px; } .textfieldshort { float:left; padding:3px; font-size:1.2em; margin:0 3px 0 0; } #formContent li { display:block; margin:0 0 10px 0; } #formContent .inputError { border:2px solid #f60; padding:2px; } #formContent label { float:left; width:200px; color:#083643; font-size:1.2em; padding:0 20px 0 0; } #formContent checkbox { float:left; } #formContent .fieldRequired { font-size:0.8em; color:#f00; margin:0 0 0 220px; } #formContent .fieldInfo { float:left; width:21px; height:19px; padding:0 0 0 5px; } #formContent .fieldAttention { float:left; width:21px; height:18px; padding:0 0 0 5px; } #formContent .fieldAttentionText { margin:5px 0 0 220px; font-size:0.9em; font-weight:bold; color:#f60; } #formContent .nextButton { margin:5px 0 0 220px; } #formContent .submitButton { margin:50px 0 0 240px; } /* ------------------------------------------------ */ /* SITE MAP */ /* UL ID */ #siteMapLeft { padding:0px 0 0 0px; float:left; width:295px; margin:0 20px 0 0; } /* UL ID */ #siteMapRight { padding:0px 0 0 0px; float:left; width:295px; margin:0 10px 0 0; } .siteMap { } /* DO NOT REMOVE EMPTY */ .siteMap li { display:list-item; padding:5px 0 0 0; font-weight:bold; } .siteMap li ul { padding:5px 10px 5px 10px; } .siteMap li ul li { font-weight:normal; } .siteMap a:link, .siteMap a:active, .siteMap a:visited { color:#083643; text-decoration:none; } .siteMap a:hover, .siteMap a:visited:hover { text-decoration:underline; } /* Product Tables TEMP TEMP TEMP TEMP TEMP */ #tableCreditCards { margin:0 0 10px 0; color:#083643; } #tableCreditCards tr { } #tableCreditCards td { padding:7px; text-align:center; } #tableHeader { background-color:#eff9cc; font-weight:bold; } .col1 { width:90px; } .col2 { } .col3 { } .col4 { } .col5 { } .tableRowA { background-color:#e6ebec; } .tableRowB { background-color:#d6dcdc; } /* Credit Card Table, Detail & Compare */ #bb-Wrapper { width:606px; border:2px solid #CCCCCC; background-color:#FFFFFF; font-size:120%; color:#083643; padding-bottom:8px; } #detail-prodImage { float:right; margin:5px 15px 0 0; } #detail-introText { float:left; width:430px; margin:0 0 0 15px; font-size:90%; } #detail-introText h3 { margin:0 0 3px 0; } #detail-introText p { margin:0 0 8px 0; color:#2d545f; } #detail-applyLink a, #detail-applyLink a:active, #detail-applyLink a:visited { font-size:90%; display:inline-block; padding:5px 7px 5px 7px; text-decoration:none; text-transform:uppercase; font-weight:bold; color:#FFF; background: url(../images/but_orange_tile.gif) repeat-x 0 center; background-color:#E64E02; } #detail-applyLink a:hover, #detail-applyLink a:visited:hover { background-color:#eaeaea; background-image:none; color:#E64E02; } #detail-Wrapper { margin:0 15px 2px 15px; } #detail-Wrapper h4 { font-size:110%; display:block; margin:20px 0 0 0; padding:0 0 0 0; color:#bfbfbf; line-height:0; } .detail-Table { width:577px; margin:15px 0 0 0; font-size:90%; } .detail-Table td { border-bottom:2px solid white; vertical-align:text-top; } .orgLink a, .orgLink a:visited, .orgLink a:active { color:#e64d00; font-weight:normal; } .orgLink a:hover, .orgLink a:visited:hover { text-decoration:none; } .detail-colColor1 { padding:5px 7px 5px 30px; font-weight:bold; width:150px; text-align:right; background:#eff9cc url(../images/icon_info.gif) no-repeat 3px 3px; } .detail-colColor2 { padding:5px 7px 5px 7px; background-color:#eaeaea; color:#3f3f3f; font-size:85%; } .detail-colColor2 span { color:#bfbfbf; } .detail-notes { font-size:75%; color:#7f7f7f; margin:10px 0 10px 0; } #compare-Wrapper { margin:0 15px 2px 15px; } #compare-Wrapper h3 { font-size:130%; padding:10px 0 5px 10px; color:#bfbfbf; } .compare-cols { width:120px; } .compare-greenButton { text-align:center; } .compare-greenButton a, .compare-greenButton a:active, .compare-greenButton a:visited { font-size:90%; display:inline-block; padding:5px 7px 5px 7px; text-decoration:none; text-transform:uppercase; font-weight:bold; color:#FFF; background: url(../images/but_green_tile.gif) repeat-x 0 center; background-color:#A2CD00; } .compare-greenButton a:hover, .compare-greenButton a:visited:hover { background-color:#fff; background-image:none; color:#083643; } .compare-orangeButton { text-align:center; } .compare-orangeButton span { font-size:130%; } .compare-orangeButton a, .compare-orangeButton a:active, .compare-orangeButton a:visited { font-size:90%; display:inline-block; padding:5px 7px 5px 7px; text-decoration:none; text-transform:uppercase; font-weight:bold; color:#FFF; background: url(../images/but_orange_tile.gif) repeat-x 0 center; background-color:#E64E02; } .compare-orangeButton a:hover, .compare-orangeButton a:visited:hover { background-color:#fff; background-image:none; color:#e64e02; } .compare-dkgreenButton { text-align:center; } .compare-dkgreenButton a, .compare-dkgreenButton a:active, .compare-dkgreenButton a:visited { font-size:90%; display:inline-block; padding:5px 7px 5px 7px; text-decoration:none; text-transform:uppercase; font-weight:bold; color:#FFF; background:#647f00 url(../images/but_dkgreen_tile.gif) repeat-x 0 center; } .compare-dkgreenButton a:hover, .compare-dkgreenButton a:visited:hover { background-color:#fff; background-image:none; color:#07313d; } #bb-navWrapper { border:2px solid #CCCCCC; background-color:#FFFFFF; } #bb-navWrapper ul { padding:0px 12px 6px 12px; margin:0px; } #bb-navWrapper li { margin-bottom:5px; display:list-item; } #bb-navWrapper a, #bb-navWrapper a:visited, #bb-navWrapper a:active { font-size:120%; color:#083643; font-weight:bold; text-decoration:none; } #bb-navWrapper a:hover, #bb-navWrapper a:visited:hover { color:#E64E02; } #bb-Wrapper span { font-weight:bold; } .bb-contentAlign { margin:0 0 0 10px; } .bb-orderContentAlign { margin:0 0 0 10px; } #bb-title { padding:7px 10px 7px 10px; background:#E6E6E6 url(../images/bestbuy_title_tile.gif) repeat-x 0 center; border-bottom:2px solid #CCCCCC; margin-bottom:10px; } .bb-prodTitle { width:586px; background-color:#083643; background:url(../images/bestbuy_prodtitle_tile.gif) repeat-x 0 center; margin-bottom:2px; } #bb-title h2 { float:left; color:#083643; font-size:110%; } .bb-prodTitle h3 { padding:7px 10px 7px 10px; color:#fff; font-size:120%; } .bb-prodTitle a, .bb-prodTitle a:active, .bb-prodTitle a:visited { padding:7px 10px 7px 10px; text-transform:uppercase; text-decoration:none; color:#CED7D9; font-weight:bold; font-size:70%; } .bb-prodTitle a:hover, .bb-prodTitle a:visited:hover { color:white; text-decoration:underline; } .bb-fullDetails { width:200px; text-align:right; } #bb-title label { font-size:80%; color:#7f7f7f; margin:0 5px 0 0; } #cardType-select { float:right; } #cardType-select select { font-size:70%; } #bb-compareTop { width:115px; margin:0px 10px 0 0; padding:0px 0 6px 0; background:url(../images/but_compare_arrow_top.gif) no-repeat 8px bottom; text-align:center; } #bb-compareTop a, #bb-compareTop a:visited, #bb-compareTop a:active { display:block; padding:5px; text-decoration:none; text-transform:uppercase; font-size:70%; font-weight:bold; color:white; background-color:#E64D00; background:url(../images/but_compare_top.gif) repeat-x 0 center; } #bb-compareTop a:hover, #bb-compareTop a:visited:hover { text-decoration:underline; } #bb-compareBottom { width:115px; margin:10px 0px 0 10px; padding:6px 0 0px 0; background:url(../images/but_compare_arrow_bottom.gif) no-repeat 8px top; text-align:center; float:left; } #bb-compareBottom a, #bb-compareBottom a:visited, #bb-compareBottom a:active { display:block; padding:5px; text-decoration:none; text-transform:uppercase; font-size:70%; font-weight:bold; color:white; background-color:#E64D00; background:url(../images/but_compare_top.gif) repeat-x 0 center; } #bb-compareBottom a:hover, #bb-compareBottom a:visited:hover { text-decoration:underline; } #bb-footerNav { float:right; text-transform:uppercase; font-size:80%; margin:10px 10px 0 0; font-weight:bold; } #bb-footerNav li { float:left; } #bb-footerNav #onPage { background-color:#d3ef7f; } #bb-footerNav a, #bb-footerNav a:visited, #bb-footerNav a:active { text-decoration:none; color:#083643; padding:3px 4px 3px 4px; } #bb-footerNav a:hover, #bb-footerNav a:visited:hover { text-decoration:underline; color:#E64E02; } .bb-2pxTopMargin { margin-top:2px; } .bb-2pxRightMargin { border-right:2px solid white; } .bb-2pxBottomMargin { border-bottom:2px solid white; } .bb-2pxLeftMargin { margin-left:2px; } .bb-grey { background-color:#E6E6E6; } .bb-lightGreen { background-color:#EFF9CC; } .bb-darkGreen { background-color:#D3EF7F; } .bb-padding { padding:10px 10px 10px 10px; } .bb-textCentre { text-align:center; } #bb-ColGroupTitle-A { text-transform:uppercase; font-size:70%; font-weight:bold; background-color:#EFF9CC; background:url(../images/bestbuy_coltitle_tile_a.gif) repeat-x 0 center; } #bb-ColGroupTitle-B { text-transform:uppercase; font-size:70%; font-weight:bold; background-color:#D3EF7F; background:url(../images/bestbuy_coltitle_tile_b.gif) repeat-x 0 center; } #bb-orderCols { font-size:70%; text-transform:uppercase; font-weight:bold; } .bb-orderCol1 { width:39px; } .bb-orderCol2 { width:76px; } .bb-orderArrowsAsc a, .bb-orderArrowsAsc a:active, .bb-orderArrowsAsc a:visited { display:block; width:20px; height:15px; background:url(../images/order_arr_asc_a.gif) no-repeat; } .bb-orderArrowsAsc a:hover, .bb-orderArrowsAsc a:visited:hover { display:block; width:20px; height:15px; background:url(../images/order_arr_asc_b.gif) no-repeat; } .bb-orderArrowsDesc a, .bb-orderArrowsDesc a:active, .bb-orderArrowsDesc a:visited { display:block; width:20px; height:15px; background:url(../images/order_arr_desc_a.gif) no-repeat; } .bb-orderArrowsDesc a:hover, .bb-orderArrowsDesc a:visited:hover { display:block; width:20px; height:15px; background:url(../images/order_arr_desc_b.gif) no-repeat; } .bb-Col1 { width:31px; } .bb-Col3 { width:61px; } .bb-Col4 { width:98px; } .bb-Col5 { width:61px; } .bb-Col6 { width:61px; } .bb-Col7 { width:99px; } .bb-Col8 { width:52px; } .bb-applyLink a, .bb-applyLink a:active, .bb-applyLink a:visited { font-size:80%; display:inline-block; padding:3px 4px 3px 4px; text-decoration:none; text-transform:uppercase; font-weight:bold; background-color:#E64E02; color:#FFF; } .bb-applyLink a:hover, .bb-applyLink a:visited:hover { background-color:#fff; color:#E64E02; } /* @group My Group */ /* @end */