/* Uniroyal: More Miles For Your Money */ /* STYLES ******************************************************************/ * {margin:0; padding:0;} body {background:#90D2F5; font-family:Arial, Helvetica, sans-serif; font-size:75%; line-height:1.4em; color:#666; border-top:solid 7px #2f4750;} a {color:#6995a6;} img {border:none;} hr {display:none;} sup {font-size:50%; vertical-align:text-top;} .clear {clear:both;} .hrzrule {height:1px; background:#ccc; margin:2em 0;} .thumb_left {float:left; margin:0 24px 20px 0; border:solid 4px #ddd; padding:1px; background:#999;} .red {color:red;} .gray {color:#666;} .photoleft {float:left; margin:0 24px 20px 0; border:solid 4px #ddd; padding:1px; background:#999;} .photoright {float:right; margin:0 0 20px 24px; border:solid 4px #ddd; padding:1px; background:#999;} .jump_to_article {font-size:.9em; font-style:italic; position:relative; top:2px;} .doublespaced li {margin-bottom:1em;} .legal {font-size:.9em;} .alignleft {float: left; margin-right: 18px; margin-bottom: 14px;} .alignright {float: right; margin-left: 18px; margin-bottom: 14px;} .error {color: red;} .textright {text-align:right;} .nomargin {margin-bottom:.2em;} .nowrap {white-space:nowrap;} .floatleft {float:left; margin-right:10px;} .floatright {float:right; margin-left:10px;} .rss_icon {display:block; margin-bottom:1em; padding-left:24px; background:url(../images/icon_rss.gif) left no-repeat; font-weight:bold; text-decoration:none; color:#2F4750; font-size:1.2em;} .rss_icon_home {float:right; display:block; margin-bottom:1em; padding-left:24px; background:url(../images/icon_rss.gif) left no-repeat; font-weight:bold; text-decoration:none; color:#2F4750; font-size:1.2em;} .back {display: block; margin-top: 18px;} .comment-count {background: url(../images/comment-bubble.gif) no-repeat left; padding-left: 3.2em; display: block; line-height: 2em; width: 200px; margin-bottom: 1em;} p {font-size:1em; margin-bottom:1.2em;} p.indent {padding-left:18px;} ul {margin:0 0 1.2em 1.4em;} ul li {padding-left:.6em;} ol {margin:0 0 1.2em 3em;} h1 {font-size:2.2em; margin-bottom:1em; padding-top:.1em; font-weight:normal; color:#2f4750;} h1.underline {border-bottom:solid 1px #ccc; padding-bottom:.4em; margin-bottom:.8em;} h2 {font-size:1.6em; margin-bottom:1em; font-weight:normal; color:#2f4750; padding-top:5px;} h2.title {margin-bottom:.2em;} h3 {font-size:1.2em; margin-bottom:1em; font-weight:bold; color:#2f4750;} h4 {font-size:1.1em; margin-bottom:1em; font-weight:bold; color:#2f4750;} fieldset {border:none;} sup {padding-left:1px; font-size:75%;} /* TOP ******************************************************************/ #top_home {background:#90D2F5 url(../images/bg_top_home.jpg) top center no-repeat; height:429px; border-top:solid 1px #abd4ed;} #top_home_content {position:relative; width:966px; height:429px; margin:0 auto;} #top_home_content #logo {position:absolute; top:26px; left:18px;} #top_home_content #module {position:absolute; top:90px; left:0; width:966px; height:340px; background:url(../images/bg_top_content_home.png) top left no-repeat;} #top_home_content #mainpromo {position:absolute; top:38px; left:4px;} #top {background:#90D2F5 url(../images/bg_top_home.jpg) top center no-repeat; height:126px; border-top:solid 1px #abd4ed;} #top_content {position:relative; width:966px; height:126px; margin:0 auto;} #top_content #logo_uniroyal {position:absolute; top:26px; left:18px;} #top_content #logo_mmym {position:absolute; top:10px; right:12px;} #navigation {width:960px; height:34px; background:#2F4750 url(../images/bg_navigation.gif) top left no-repeat; list-style-type:none; overflow:hidden; margin:3px;} #navigation.secondary {position:absolute; top:90px; left:0; border:solid 3px #97becf; border-bottom:none; margin:0;} #navigation li {float:left; padding:0;} #navigation li a {float:left; color:#fff; text-decoration:none; text-transform:uppercase; padding:8px 14px; font-weight:bold; border-left:solid 1px #212f34; border-right:solid 1px #5f7780;} #navigation li a:hover {background:#35505a; border-right:solid 1px #3A535D; color:#fff;} #navigation li a.current {background:#293d45; border-right:solid 1px #293D45; color:#8aa7b5;} #navigation li.uniroyal {float:right; background:url(../images/px_212F34.gif) left repeat-y; border-left:solid 1px #5F7780; } #navigation li.uniroyal a {background:url(../images/nav_arrow1.gif) left no-repeat; padding-left:20px;} #navigation li.uniroyal a:hover {background:#3A535D url(../images/nav_arrow1.gif) left no-repeat; padding-left:20px;} #navigation li.end {background:url(../images/px_5F7780.gif) right repeat-y; border-right:solid 1px #212f34; } /* TABS ******************************************************************/ #tabs {position:absolute; top:54px; left:688px; width:260px;} #tabs_nav {margin:0; list-style-type:none;} #tabs_nav li {float:left; padding:0;} #tabs_nav li a {float:left; color:#fff; text-decoration:none; font-weight:bold; font-size:1.2em; color:#2f4750; text-align:center; outline:none;} #tabs_nav li a#tab1 {width:84px; height:24px; padding-top:8px; overflow:hidden;} #tabs_nav li a#tab1:hover {text-decoration:underline;} #tabs_nav li a#tab1.current {background:url(../images/tab1.gif) top left no-repeat; color:#fff;} #tabs_nav li a#tab2 {width:85px; height:24px; padding-top:8px;} #tabs_nav li a#tab2:hover {text-decoration:underline;} #tabs_nav li a#tab2.current {background:url(../images/tab2.gif) top left no-repeat; color:#fff;} #tabs_nav li a#tab3 {width:84px; height:24px; padding-top:8px;} #tabs_nav li a#tab3:hover {text-decoration:underline;} #tabs_nav li a#tab3.current {background:url(../images/tab3.gif) top left no-repeat; color:#fff;} #tabs #tab1_content {float:left; background:url(../images/bg_tab1_content.png) top left no-repeat; clear:left;} #tabs #tab2_content {float:left; background:url(../images/bg_tab2_content.png) top left no-repeat; clear:left;} #tabs #tab3_content {float:left; background:url(../images/bg_tab3_content.png) top left no-repeat; clear:left;} #tabs #tab1_content ul, #tabs #tab2_content ul, #tabs #tab3_content ul {margin:0; list-style-type:none;} #tabs #tab1_content ul li, #tabs #tab2_content ul li, #tabs #tab3_content ul li {float:left; border-bottom:solid 1px #B0CAD4; padding-left:0; width:250px;} #tabs #tab1_content ul li a, #tabs #tab2_content ul li a, #tabs #tab3_content ul li a {float:left; color:#fff; text-decoration:none; padding:7px 9px 9px 0;} /* MIDDLE ******************************************************************/ #middle {background:#fff url(../images/bg_middle_home.gif) top repeat-x; } #middle_content {width:966px; margin:0 auto; padding:40px 0 60px 0;} #middle_content.home {padding:20px 0 60px 0;} #middle_content #left {width:640px; float:left; padding:8px 0 0 18px;} #middle_content #left blockquote {margin:0 0 1.2em 0; padding:18px 20px 10px; background:#cde3ec;} #middle_content #left blockquote p, #middle_content #left blockquote li, #middle_content #left blockquote a {color:#2f4750;} #middle_content #left h3 {font-size:1.4em;} #middle_content #left p.intro {margin-bottom:3em;} #middle_content #left ul li {} #middle_content #left ul.articles li {margin-bottom:.75em;} #middle_content #left ul a:hover {text-decoration:underline;} #middle_content #left .end {border-bottom:none!important;} #middle_content #left .post {width:640px; float:left; padding-bottom:16px; margin-bottom:20px; border-bottom:solid 1px #ccc;} #middle_content #left .post h2 {margin-bottom:6px; padding-top:0; } #middle_content #left .post h2 a {color:#2f4750; text-decoration:none; } #middle_content #left .post h2 a:hover {color:#6995a6; text-decoration:underline;} #middle_content #left .post p.date {font-style:italic; color:#666; font-size:1.1em;} #middle_content #left .post p.author {font-style:italic; color:#666; font-size:1.1em; margin: 0 0 4px 0; padding: 0;} #middle_content #left .post a.readmore {display:inline-block; padding-right:20px; color:#6995a6; white-space:nowrap; font-weight:bold; text-decoration:none; text-transform:uppercase; background:url(../images/arrow_r.gif) right no-repeat;} #middle_content #left .post a.readmore:hover {text-decoration:underline;} #middle_content #left .leftcol {float:left; width:188px;} #middle_content #left .leftcol .feature {float:left; position:relative; background:#f0f4f6; padding:256px 3px 3px;} #middle_content #left .leftcol .feature .ebook {position:absolute; top:0; left:-5px;} #middle_content #left .leftcol .feature ul.nav {list-style-type:none; margin:0; padding:0;} #middle_content #left .leftcol .feature ul.nav li {float:left; margin:0; padding:0;} #middle_content #left .leftcol .feature ul.nav li a {float:left; display:block; width:140px; margin:0 0 1px 0!important; padding:15px 21px; background:#cde3ec;} #middle_content #left .leftcol .feature ul.nav li a:hover {background:#b7cad2;} #middle_content #left .rightcol {float:right; width:400px;} #middle_content #right {width:260px; float:right; padding:8px 20px 0 0;} #middle_content #right .post {padding-bottom:6px; margin-bottom:20px; border-bottom:solid 1px #ccc;} #middle_content #right .post p {font-size:.9em;} #middle_content #right .post h3 {margin-bottom:6px; color:#2f4750;} #middle_content #right .post img {border:solid 2px #ddd; padding:1px; background:#999; margin-bottom:6px;} #middle_content #right .post ul a {display:block; text-decoration:underline;} #middle_content #right .post .shareThis {text-align:right;} #middle_content #right ul a {margin-bottom:.5em; text-decoration:none;} #middle_content #right ul a:hover {text-decoration:underline;} #middle_content #right ul.archives, #middle_content #right ul.blogroll {list-style-type:none; margin:0 0 23px 0; padding-bottom:13px; border-bottom:1px solid #ccc;} #middle_content #right ul.archives li, #middle_content #right ul.blogroll li {padding-left:0; margin-bottom:.5em;} #middle_content #right .end {border-bottom:none;} /* tagcloud */ div.tagcloud a {margin: 0 9px 15px 0; text-decoration: none; line-height: .9em;} /* TABLES ******************************************************************/ table.expenses {width:225px; border:solid 1px #ccc; border-collapse:collapse; margin-bottom:1.2em;} table.expenses td {padding:2px 8px;} table.expenses td.col1 {width:150px;} table.expenses td.col2 {width:75px;} table.expenses tr.title td {border-bottom:solid 1px #ccc; padding:4px 8px;} table.expenses tr.total td {border-top:solid 1px #ccc; padding:4px 8px;} table.income {width:225px; border:solid 1px #ccc; border-collapse:collapse; margin-bottom:1.2em;} table.income td {padding:2px 8px;} table.income td.col1 {width:225px;} table.income tr.title td {border-bottom:solid 1px #ccc; padding:4px 8px;} table.income tr.total td {border-top:solid 1px #ccc; padding:4px 8px;} table.fico {width:225px; border:solid 1px #ccc; border-collapse:collapse; margin-bottom:1.2em;} table.fico td {padding:2px 8px; border:solid 1px #ccc;} table.fico td.col1 {width:100px;} table.fico td.col2 {width:125px;} table.budget {width:300px; border:solid 1px #ccc; border-collapse:collapse; margin-bottom:1.2em;} table.budget td {padding:2px 8px; border:solid 1px #ccc;} table.budget td.col1 {width:100px;} table.budget td.col2 {width:200px;} table.worksheet {width:400px; border:solid 1px #ccc; border-collapse:collapse; margin-bottom:1.2em;} table.worksheet td {padding:2px 8px; border:solid 1px #ccc;} table.worksheet td.col1 {width:350px;} table.worksheet td.col2 {width:50px;} /* VIDEOS ******************************************************************/ .video_list {float:left; list-style-type:none; width:640px; margin:0 0 25px 0!important; padding-bottom:30px; border-bottom:solid 1px #ccc; } .video_list li {float:left; padding:0!important; width:145px; border-right:solid 1px #ccc; margin-right:25px;} .video_list li.end {width:120px; border-right:none; margin-right:0;} .video_list li b {display:block; width:120px;} #video_buttons {width:560px; float:left; margin:12px 0 0 0; padding-bottom:10px; list-style-type:none; border-bottom:solid 1px #ccc;} #video_buttons li {padding:0; float:left; } #video_buttons li.button1 {padding-right:10px;} #video_buttons li.button2 {} #video_buttons li.button3 {float:right;} #video_buttons li.button4 {float:right; padding-right:10px;} #video_embed {width:560px; float:left; margin:12px 0 0 0; list-style-type:none;} #video_embed li {border-bottom:solid 5px #fff;} #video_embed li label {float:left; width:54px; font-weight:bold; padding-top:2px;} #video_embed li input {width:486px; border:solid 1px #ccc; padding:3px 5px; font-size:.9em; color:#999;} /* FORM ******************************************************************/ fieldset {margin:0 0 30px 0; padding:0 0 30px 0; border-bottom:1px solid #ccc;} fieldset p.heading {margin-bottom:.5em;} fieldset.last {border-bottom:none;} fieldset ul {list-style-type:none; margin:0; padding:0;} fieldset ul li {float:left; margin:0 20px 15px 0; padding:0;} fieldset ul li.right {margin-right:0;} fieldset ul li div {float:left;} fieldset ul li.wide {width:640px; margin-right:0;} fieldset ul li.wide div {float:left; margin-right:15px;} fieldset ul li input {float:left; width:290px; border:1px solid #ccc; padding:3px 2px;} fieldset textarea {width: 606px; height: 150px; border:1px solid #ccc; padding:3px 2px;} fieldset.radio label {line-height:2em; font-weight:normal;} select {padding:2px; border:1px solid #ccc;} select option.gray {color:#666!important;} input.radio {margin-right:10px;} fieldset.checkbox input.checkbox {width:15px; height:15px; margin:0px 10px 40px 0; float:left;} fieldset.checkbox label {line-height:1.3em;} label {font-weight:bold;} #state select {width:182px; margin-right:11px;} #zip input {width:96px;} #year select {width:124px;} #tirebrand input {width:298px;} #age {margin-right:0;} #age select {width:154px;} #charlimitinfo {font-size: .8em; margin-top: 15px;} #error_display {margin-bottom: 1em;} /* comment form */ #comments_form input {margin-right: 1em;} #comments_form #submit {width: auto; height: auto; border: none;} /* comments */ .commentlist {list-style-type: none; margin: 0; padding: 0;} .avatar {float: left; margin: 0 1em 1em 0; border: 1px solid #DFDFDF; padding: 3px; background-color: #fff;} .commentmetadata {margin-bottom: 10px !important;} .commentlist li {padding: 1em;} .commentlist .alt {background-color: #F7F7F7;} /* BOTTOM ******************************************************************/ #bottom {background:#90D2F5 url(../images/bg_bottom_home.gif) top repeat-x; } #bottom_content {width:926px; margin:0 auto; padding:16px 0 42px;} #bottom_content p {color:#2f4750; font-size:.9em;}