/* General Page Styles */ .bdr { border: 1px solid #000; } /* Deck Styles */ #deck { width: 565px; margin: 10px 0px 10px 15px; } #deck h1 { font: 12pt arial; font-weight: bold; color: #030552; } #deck h2 { font: 10pt arial; color: #8E0F25; font-weight: bold; margin-bottom: 5px; } #deck p { font: 8pt arial; color: #000; } #deck .author { font: 8pt arial; font-weight: bold; color: #000; } #deck .author a:link { text-decoration: none; color: #a5280b; font: 8pt arial; font-weight: bold; } #deck .author a:visited { text-decoration: none; color: #a5280b; font: 8pt arial; font-weight: bold; } #deck .author a:hover { text-decoration: underline; color: #001B47; font: 8pt arial; font-weight: bold; } /* photoThumb Styles */ .photoThumbL { width: 176px; height: 167px; background-image: url(http://www.cycleworld.com/assets/image/2008/W33/8122008195612.jpg); float: left; margin: 0px 2px 0px 5px; } .photoThumbR { width: 176px; height: 167px; background-image: url(http://www.cycleworld.com/assets/image/2008/W33/8122008195612.jpg); float: right; margin: 0px 0px 0px 5px; } .photoThumbL img { margin: 39px -1px 0px 17px; } .photoThumbL p { width: 130px; margin: 10px 0px 0px 40px; } .photoThumbR p { width: 130px; margin: 10px 0px 0px 40px; } .photoThumbR img { margin: 41px 0px 0px 17px; } /* Article Lead Styles */ #top03 { width: 575px; margin: 0px 0px 0px 5px; background-color: #000; height: 223px; } #top03 a:link { font: 9pt verdana; text-decoration: none; color: #a5280b; } #top03 a:visited { font: 9pt verdana; text-decoration: none; color: #a5280b; } #top03 a:hover { font: 9pt verdana; text-decoration: underline; color: #a5280b; } #top03 .caption { text-align: left; margin: 0px 0px 5px 0px; font: 8pt verdana; color: #CC0000; } #top03 .col103 { float: left; width: 380px; height: 223px; /*background-color: #000;*/ } #top03 .col103 img { margin: 0px; } #top03 .col203 { float: right; width: 190px; height: 223px; /*background-color: #000; margin-right: 10px;*/ } #top03 .col203 a:hover { margin: -1px 2px 1px -1px; border: #fff 1px solid; } #top03 .col203 table { width: 150px; float: right; background-color: #fff; } #top03 .col203 .slideshowThumb img { margin: 9px 0px 0px 5px; } #top03 .col203 .videoThumb img { margin: 9px 0px 0px 5px; } #top03 .col203 .slideshowThumb { margin-bottom: 3px; width: 150px; height: 109px; background-image: url(http://www.cycleworld.com/assets/image/2008/W33/8122008195628.jpg); background-repeat: no-repeat; float: right; } #top03 .col203 .videoThumb { width: 150px; height: 108px; background-image: url(http://www.cycleworld.com/assets/image/2008/W34/818200823138.jpg); background-repeat: no-repeat; float: right; margin: 0px; } #top03 .col203 .dataThumb img { margin: 9px 0px 0px 5px; } #top03 .col203 .dataThumb { width: 150px; height: 109px; background-image: url(http://www.cycleworld.com/assets/image/2008/W41/107200812551.jpg); background-repeat: no-repeat; float: right; } #top03 .col203 .topbikesThumb img { margin: 9px 0px 0px 5px; } #top03 .col203 .topbikesThumb { width: 150px; height: 109px; background-image: url(http://www.cycleworld.com/assets/image/2009/W11/31020091717.jpg); background-repeat: no-repeat; float: right; } /* Article Body Styles */ #container03 { float: left; clear: both; margin-top: 10px; margin-left:5px; width: 565px; } #container03 .exLink { margin: 0px 0px 10px 0px; font: 8pt Verdana; } #container03 h2 { font: 9pt verdana; font-weight: bold; color: #003166; margin: 10px 0px 0px 0px; } #container03 h5 { font: bold 9pt verdana; color: #333333; } #container03 h6 { width: 565px; font: 7pt verdana; color: #333333; text-align: left; } #container03 a:link { text-decoration: none; color: #a5280b; font: 9pt verdana; } #container03 a:visited { text-decoration: none; color: #a5280b; font: 9pt verdana; } #container03 a:hover { text-decoration: underline; color: #001B47; font: 9pt verdana; } #container03 p { font: 9pt verdana; line-height: 12pt; color: #000; } #container03 ul { margin-top: 5px; } #container03 li { font: 9pt verdana; line-height: 10pt; color: #000; margin-bottom: 5px; list-style-type: square; } #container03 .chartBdr { border: 1px solid #333; } #container03 .chartBdr table tr { border-bottom: 1px solid #333; } /* In Text Photo Styles */ #container03 .inLinePhotoL { padding: 3px; background-color: #e1e1e1; margin: 5px; width: 225px; float: left; } #container03 .inLinePhotoL img { display: block; float: left; width: 225px; } #container03 .inLinePhotoL p { margin-top: 5px; margin-bottom: 5px; font: 8pt verdana; color: #003366; line-height: 10pt; float: left; clear: both; display: block; width: 225px; } #container03 .inLinePhotoR { padding: 3px; background-color: #e1e1e1; margin: 5px; width: 225px; float: right; } #container03 .inLinePhotoR img { display: block; float: left; width: 225px; } #container03 .inLinePhotoR p { margin-top: 5px; margin-bottom: 5px; font: 8pt verdana; color: #003366; line-height: 10pt; float: left; clear: both; display: block; width: 225px; } /* inLineList styles */ #container03 .inLineListL { padding: 1px; background-color: #e1e1e1; margin: 5px; width: 300px; float: left; border: 2px solid #001b47; font: 9pt verdana; line-height:10pt; color: #003366; } #container03 .inLineListL table { width: 300px; border: none; font: 9pt verdana; line-height:10pt; color: #003366; } #container03 .inLineListL li { margin-left: -20px; list-style-type:none; } #container03 .inLineListL h2 { font: 10pt verdana; width:300px; line-height:11pt; margin:0px; font-weight:bold; } #container03 .inLineListL td { vertical-align:top; margin:2px; width:146px; } #container03 .inLineListL p { margin-top: 5px; margin-bottom: 5px; font: 8pt verdana; color: #003366; line-height: 10pt; float: left; clear: both; display: block; width: 225px; } #container03 .inLineListR { padding: 3px; background-color: #e1e1e1; margin: 5px; width: 300px; float: right; border: 2px solid #00b147; font: 9pt verdana; line-height:10pt; color: #003366; } #container03 .inLineListR table { width: 300px; border: none; font: 9pt verdana; line-height:10pt; color: #003366; } #container03 .inLineListR li { margin-left: -20px; list-style-type:none; } #container03 .inLineListR h2 { font: 10pt verdana; width:300px; line-height:11pt; margin:0px; } #container03 .inLineListR td { vertical-align:top; margin:2px; width:146px; } #container03 .inLineListR p { margin-top: 5px; margin-bottom: 5px; font: 8pt verdana; color: #003366; line-height: 10pt; float: left; clear: both; display: block; width: 225px; } /* Related Links Styles */ #related { float: left; margin: 5px 0px 10px 0px; } #related h2 { font: 9pt verdana; color: #000; font-weight: bold; } #related ul { margin: 0px 2px 2px 20px; font: 8pt verdana; } #related li { margin-bottom: 1px; font: 8pt verdana; } #related a:link { color: #a5280b; text-decoration: none; font: 8pt verdana; } #related a:visited { color: #a5280b; text-decoration: none; font: 8pt verdana; } #related a:active { color: #a5280b; text-decoration: none; font: 8pt verdana; } #related a:hover { color: #001B47; text-decoration: underline; font: 8pt verdana; } /* Inverse Box Styles */ #container03 .moreT { width: 400px; margin: 0px; background-image: url(http://www.roadandtrack.com/assets/image/2007/Q2/062220071304185225.jpg); border: 1px solid #000; font: 8pt verdana; color: #fff; background-color: #000; background-repeat: repeat; padding: 0px; } #container03 .moreT h1 { width: 100%; background-color: #fff; font: 9pt verdana; color: #000; padding: 3px; font-weight: bold; margin: 0px; text-align:center } #container03 .moreT a:link { color: #fff; text-decoration: none; } #container03 .moreT a:visited { color: #fff; text-decoration: none; } #container03 .moreT a:hover { color: #fff; text-decoration: underline; } #container03 .linksColNews { width: 225px; margin: 0px; } #container03 .linksCol .inverse h1 { width: 100%; background-color: #fff; font: 9pt verdana; color: #000; padding: 3px; font-weight: bold; margin: 0px; } #container03 .linksCol .inverse { width: 165px; border: 1px solid #24303e; font: 8pt verdana; color: #fff; background-color: #24303e; background-repeat: repeat; padding: 0px; background-image: url(http://www.roadandtrack.com/assets/image/2007/Q2/062220071304185225.jpg); float: right; margin: 5px; } #container03 .linksCol .inverse p { color: #FFF; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; line-height: 9pt; letter-spacing: .05em; text-align: left; } #container03 .linksCol .inverse a:link { color: #fff; text-decoration: none; } #container03 .linksCol .inverse a:visited { color: #fff; text-decoration: none; } #container03 .linksCol .inverse a:hover { color: #fff; text-decoration: underline; } #container03 .linksCol .inverse h3 a:link { color: #fff; text-decoration: none; font-weight: bold; } #container03 .linksCol .inverse h3 a:hover { color: #fff; text-decoration: underline; font-weight: bold; } #container03 .linksCol .inverse h3 a:visited { color: #fff; text-decoration: none; font-weight: bold; } #container03 .linksCol .inverse h3 { margin: 5px; font: 9pt verdana; font-weight: bold; color: #FFF; text-align: center; } #container03 .linksCol .inverse h5 { margin: 0px 5px 5px 5px; font: 8pt verdana; color: #FFF; text-align: center; } #container03 .linksCol .inverse img { margin: 0px 0px 0px 14px; border: 1px solid #333; } /* Links Col Styles */ #container03 .linksCol { width: 175px; background-color: #e8e8e8; margin: 5px 10px 5px 20px; float: right; } #container03 .linksCol p { font: 8pt verdana; color:#000000; margin:none; line-height:10pt verdana; } #container03 .linksCol p a:link { font: 8pt verdana; color: #a5280b; text-decoration: none; } #container03 .linksCol p a:hover { font: 8pt verdana; color: #a5280b; text-decoration: underline; } #container03 .linksCol p a:visited { font: 8pt verdana; color: #a5280b; text-decoration: none; } #container03 .linksCol h3 a:link { color: #a5280b; text-decoration: none; } #container03 .linksCol h3 a:hover { color: #a5280b; text-decoration: underline; } #container03 .linksCol h3 a:visited { color: #a5280b; text-decoration: none; } #container03 .linksCol h3 { margin: 2px 0px 10px 5px; font: 8pt verdana; color: #333; text-align: left; } #container03 .linksCol h6 a:link { color: #a5280b; text-decoration: none; } #container03 .linksCol h6 a:hover { color: #001B47; text-decoration: underline; } #container03 .linksCol h6 a:visited { color: #a5280b; text-decoration: none; } #container03 .linksCol h6 { margin: 2px 0px 10px 5px; font: 9pt verdana; color: #333; text-align: left; width: 175px; } #container03 .linksCol img { margin: 0px 0px 0px 5px; border: 1px solid #333; } #container03 .linksCol .noborder img { margin: 0px 0px 0px 0px; border: none; } #container03 .linksCol .simpleborder { width: 165px; border: 1px; border-color:#000000; border-style:solid; background-color:#ffffff; font: 8pt verdana; font-weight: bold; color: #000; padding: 2px; margin:3px; } #container03 .linksCol .simpleborder h5 { width: 165px; font: 10pt verdana; font-weight: bold; color: #ffffff; background-color:#000000; padding: 0px 0px 1px 3px; margin:0px; } #container03 .linksCol .simpleborder p { font: 8pt verdana; color: #000; margin:2px; } #container03 .linksCol .simpleborder p a:link { color: #a5280b; font: 8pt verdana; text-decoration: none; } #container03 .linksCol .simpleborder p a:hover { color: #001B47; font: 8pt verdana; text-decoration: underline; } #container03 .linksCol .simpleborder p a:visited { color: #a5280b; font: 8pt verdana; text-decoration: none; } #container03 .linksCol .simpleborder li { font: 8pt verdana; color: #000; } /* Product Evaluation Styles */ #container03 .linksCol .moreProduct { padding:3x 0px 3px 0px; width: 165; border:1px solid #000; } #container03 .linksCol .moreProduct img { border: none; } #container03 .linksCol .moreProduct h2 { width:165; margin: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: .05em; text-align: left; font-size: 8pt; line-height: 11pt; font-weight:bold; color:#a5280b; display:block; } #container03 .linksCol .moreProduct a:link { width:160; margin: 0px; padding-left:5px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: .05em; text-align: left; font-size: 8pt; line-height: 11pt; font-weight:bold; color:#a5280b; text-decoration: none; display:block; } #container03 .linksCol .moreProduct a:visited { width:160; margin: 0px; padding-left:5px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: .05em; text-align: left; font-size: 8pt; line-height: 11pt; font-weight:bold; color:#a5280b; text-decoration: none; display:block; } #container03 .linksCol .moreProduct a:active { width:160; margin: 0px; padding-left:5px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: .05em; text-align: left; font-size: 8pt; line-height: 11pt; font-weight:bold; color: #fff; text-decoration: none; background-color:#000; display:block; } #container03 .linksCol .moreProduct a:hover { width:160; margin: 0px; padding-left:5px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: .05em; text-align: left; font-size: 8pt; line-height: 11pt; font-weight:bold; color: #fff; text-decoration: none; background-color:#000; display:block; } #container03 .linksCol .nothing { border: none; padding: 0px; margin: 0px 0px 0px 0px; } #container03 .linksCol .moreInformation { padding:0x 0px 3px 0px; width: 165; border:1px solid #000; } #container03 .linksCol .moreInformation h3 { width:165; margin: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: .05em; text-align: center; font-size: 8pt; line-height: 13pt; font-weight:bold; color:#a5280b; } #container03 .linksCol .moreInformation a:link { width:165; margin: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: .05em; text-align: center; font-size: 8pt; line-height: 13pt; font-weight:bold; color:#a5280b; text-decoration: none; } #container03 .linksCol .moreInformation a:visited { width:165; margin: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: .05em; text-align: center; font-size: 8pt; line-height: 13pt; font-weight:bold; color:#a5280b; text-decoration: none; } #container03 .linksCol .moreInformation a:active { width:165; margin: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: .05em; text-align: center; font-size: 8pt; line-height: 13pt; font-weight:bold; color:#001b47; text-decoration: underline; } #container03 .linksCol .moreInformation a:hover { width:165; margin: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: .05em; text-align: center; font-size: 8pt; line-height: 13pt; font-weight:bold; color:#001b47; text-decoration: underline; } /* Product Evaluation Hub Styles */ #container03 .productEval { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8pt; line-height: 10pt; color:#000; } #container03 .productEval a:link { font-size: 8pt; line-height: 10pt; color:#001b47; text-decoration: none; } #container03 .productEval a:visited { font-size: 8pt; line-height: 10pt; color:#001b47; text-decoration: none; } #container03 .productEval a:active { font-size: 8pt; line-height: 10pt; font-weight:bold; color:#001b47; text-decoration: underline; } #container03 .productEval a:hover { font-size: 8pt; line-height: 10pt; font-weight:bold; color:#001b47; text-decoration: underline; } #container03 .productEval .productTable { width:260; padding-left:2px; border:none; } #container03 .productEval .productTable img { margin-right:8px; } #container03 .productEval .productTable td { vertical-align:middle; border-bottom: 1px solid #000; padding-bottom:2px; padding-top:2px; } #container03 .productEval .columnOne { width:265px; float:left; } #container03 .productEval .columnTwo { width:265px; float:right; } #container03 .productEval .featuredProduct img { vertical-align:middle; border: 1px solid #000; margin:5px 15px 5px 15px; } #container03 .productEval .featuredProduct h6 { font-size: 8pt; line-height: 10pt; color:#001b47; font-weight:bold; text-align:center; width:215; margin-top:2px; margin-bottom:2px; } #container03 .productEval .featuredProduct table { border: 2px solid #000; width:215; padding:0px 3px 3px 5px; } #container03 .productEval .featuredProduct p{ font-size:8pt; } #container03 .productEval .featuredProduct .nothing { border: none; padding: 0px; margin: 0px 0px 0px 0px; } /* Navigation under Featured Product */ #container03 .productEval .featuredProduct .navProduct { padding:0px; width: 225; border:1px solid #000; margin:0px 0px 15px 0px; } #container03 .productEval .featuredProduct .navProduct h2 { width:225; margin: 0px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: .05em; text-align: left; font-size: 8pt; line-height: 11pt; font-weight:bold; color:#a5280b; display:block; border-bottom: 1px solid #666; } #container03 .productEval .featuredProduct .navProduct a:link { width:220; margin: 0px; padding-left:5px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: .05em; text-align: left; font-size: 8pt; line-height: 11pt; font-weight:bold; color:#a5280b; text-decoration: none; display:block; } #container03 .productEval .featuredProduct .navProduct a:visited { width:220; margin: 0px; padding-left:5px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: .05em; text-align: left; font-size: 8pt; line-height: 11pt; font-weight:bold; color:#a5280b; text-decoration: none; display:block; } #container03 .productEval .featuredProduct .navProduct a:active { width:220; margin: 0px; padding-left:5px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: .05em; text-align: left; font-size: 8pt; line-height: 11pt; font-weight:bold; color: #fff; text-decoration: none; background-color:#000; display:block; } #container03 .productEval .featuredProduct .navProduct a:hover { width:220; margin: 0px; padding-left:5px; font-family: Arial, Verdana, Helvetica, sans-serif; letter-spacing: .05em; text-align: left; font-size: 8pt; line-height: 11pt; font-weight:bold; color: #fff; text-decoration: none; background-color:#000; display:block; } #container03 .productEval #prodBtnCont { width: 179px; height: 116px; } #container03 .productEval #prodBtnCont li{ list-style-type: none; list-style-image:none; } #container03 .productEval #prodBtnCont li a:link { height: 26px; line-height: 26px; list-style-type: none; list-style-image:none; } #container03 .productEval #prodBtnCont li a:hover{ height: 26px; line-height: 26px; list-style-type: none; list-style-image:none; background: url(http://www.cycleworld.com/assets/image/2008/W44/10312008201117.jpg) no-repeat; } #container03 .productEval #prodBtnCont ul { margin: 0; padding: 0; list-style-type: none; list-style-image:none; } #container03 .productEval #prodBtnCont ul a { display: block; width: 175; height: 26px; line-height: 26px; color: b72836; text-decoration: none; background: url(http://www.cycleworld.com/assets/image/2008/W44/10312008201131.jpg) no-repeat; text-align: center; font: 10pt Verdana, Arial, Helvetica, sans-serif; font-weight: bold; list-style-type: none; list-style-image:none; } #container03 .productEval .mainBox { width:416px; padding: 5px; margin: 1px; height:140px; } #container03 .borderRight { border-right: 1px solid #000; margin-right: 11px; height:116px; padding-right:10px; padding-left:2px; } #container03 .borderBottom { border-bottom: 1px solid #000; } #container03 .productEval .whiteLayer { background-color: #fff; width:466px; height:155px; } #container03 .productEval .whiteEighty { background-color:#fff; width:80%; } .blackBackground { background-color:#000; } .whiteBackground { background-color:#fff; } /* Top Section */ #mainLanding #top03 { width: 567px; margin: 0px; height: 223px; background-color: #fff; } #mainLanding #top03 a:link { font: 9pt arial; text-decoration: none; color: #ff0000; } #mainLanding #top03 a:visited { font: 9pt arial; text-decoration: none; color: #ff0000; } #mainLanding #top03 a:hover { font: 9pt arial; text-decoration: underline; color: #000; } #mainLanding #top03 .caption { text-align: left; margin: 0px 0px 5px 0px; font: 8pt verdana; color: #CC0000; } #mainLanding #top03 .col103 { float: left; width: 365px; height: 223px; margin: 0px; } #mainLanding #top03 img { float: left; } #mainLanding #top03 .col203 { float: right; width: 150px; height: 223px; } #mainLanding #top03 .col203 a:hover { margin: -1px 2px 1px -1px; border: #fff 1px solid; } #mainLanding #top03 .col203 table { width: 150px; float: right; background-color: #fff; } #mainLanding #top03 .col203 #calendar { width: 130px; height: 225px; margin: 0px; border: 1px solid #333; } #mainLanding #top03 .col203 #calendar h3 { font: 9pt arial; font-weight: bold; color: #fff; margin-left: 0px; background-color: #000; padding: 2px 0px 2px 10px; } #mainLanding #top03 .col203 #calendar li { font: 9pt arial; color: #333; list-style-type: square; line-height: 13pt; } #mainLanding #top03 .col203 #calendar ul { width: 145px; list-style-position: inside; } /* Blog Classes */ .blog01 .container03 { float: left; clear: both; margin-top: 10px; margin-left:5px; width: 565px; } .blog01 .container03 .exLink { margin: 0px 0px 10px 0px; font: 8pt Verdana; } .blog01 .container03 h2 { font: 9pt verdana; font-weight: bold; color: #003166; margin: 10px 0px 0px 0px; } .blog01 .container03 h5 { font: bold 9pt verdana; color: #333333; } .blog01 .container03 h6 { width: 565px; font: 7pt verdana; color: #333333; text-align: left; } .blog01 .container03 a:link { text-decoration: none; color: #a5280b; font: 9pt verdana; } .blog01 .container03 a:visited { text-decoration: none; color: #a5280b; font: 9pt verdana; } .blog01 .container03 a:hover { text-decoration: underline; color: #001B47; font: 9pt verdana; } .blog01 .container03 p { font: 9pt verdana; line-height: 12pt; color: #000; } .blog01 .container03 ul { margin-top: 5px; } .blog01 .container03 li { font: 9pt verdana; line-height: 10pt; color: #000; margin-bottom: 5px; list-style-type: square; } .blog01 .container03 .chartBdr { border: 1px solid #333; } .blog01 .container03 .chartBdr table tr { border-bottom: 1px solid #333; } /* Blog lead section styles */ .blog01 .top03 { width: 575px; margin: 0px 0px 0px 5px; background-color: #000; height: 223px; } .blog01 .top03 a:link { font: 9pt verdana; text-decoration: none; color: #a5280b; } .blog01 .top03 a:visited { font: 9pt verdana; text-decoration: none; color: #a5280b; } .blog01 .top03 a:hover { font: 9pt verdana; text-decoration: underline; color: #a5280b; } .blog01 .top03 .caption { text-align: left; margin: 0px 0px 5px 0px; font: 8pt verdana; color: #CC0000; } .blog01 .top03 .col103 { float: left; width: 380px; height: 223px; /*background-color: #000;*/ } .blog01 .top03 .col103 img { margin: 0px; } .blog01 .top03 .col203 { float: right; width: 190px; height: 223px; /*background-color: #000; margin-right: 10px;*/ } .blog01 .top03 .col203 a:hover { margin: -1px 2px 1px -1px; border: #fff 1px solid; } .blog01 .top03 .col203 table { width: 150px; float: right; background-color: #fff; } .blog01 .top03 .col203 .slideshowThumb img { margin: 9px 0px 0px 5px; } .blog01 .top03 .col203 .videoThumb img { margin: 9px 0px 0px 5px; } .blog01 .top03 .col203 .slideshowThumb { margin-bottom: 3px; width: 150px; height: 109px; background-image: url(http://www.cycleworld.com/assets/image/2008/W33/8122008195628.jpg); background-repeat: no-repeat; float: right; } .blog01 .top03 .col203 .videoThumb { width: 150px; height: 108px; background-image: url(http://www.roadandtrack.com/assets/image/2007/W30/726200716414.jpg); background-repeat: no-repeat; float: right; margin: 0px; } .blog01 .top03 .col203 .dataThumb img { margin: 9px 0px 0px 5px; } .blog01 .top03 .col203 .dataThumb { width: 150px; height: 109px; background-image: url(http://www.roadandtrack.com/assets/image/2007/W32/862007171646.jpg); background-repeat: no-repeat; float: right; } /* Blog linkscol */ .blog01 .container03 .linksCol { width: 175px; background-color: #e8e8e8; margin: 5px 10px 5px 20px; float: right; } .blog01 .container03 .linksCol h3 a:link { color: #a5280b; text-decoration: none; } .blog01 .container03 .linksCol h3 a:hover { color: #a5280b; text-decoration: underline; } .blog01 .container03 .linksCol h3 a:visited { color: #a5280b; text-decoration: none; } .blog01 .container03 .linksCol h3 { margin: 2px 0px 10px 5px; font: 8pt verdana; color: #333; text-align: left; } .blog01 .container03 .linksCol h6 a:link { color: #a5280b; text-decoration: none; } .blog01 .container03 .linksCol h6 a:hover { color: #001B47; text-decoration: underline; } .blog01 .container03 .linksCol h6 a:visited { color: #a5280b; text-decoration: none; } .blog01 .container03 .linksCol h6 { margin: 2px 0px 10px 5px; font: 9pt verdana; color: #333; text-align: left; width: 175px; } .blog01 .container03 .linksCol img { margin: 0px 0px 0px 5px; border: 1px solid #333; } /* Blog comments */ .blog01 .container03 .ratings { margin: 5px; padding: 5px; width: 400px; border: 1px dotted #333; float: left; clear: both; } .blog01 .container03 .ratings a:link { font: 8pt verdana; color: #cc0000; text-decoration: none; } .blog01 .container03 .ratings a:visited { font: 8pt verdana; color: #cc0000; text-decoration: none; } .blog01 .container03 .ratings a:hover { font: 8pt verdana; color: #cc0000; text-decoration: underline; } .blog01 .container03 .ratings .js-kit-rating { font: 8pt verdana; color: #333; } .blog01 .container03 .ratings .js-kit-comments { font: 8pt verdana; color: #333; width: 400px; margin-top: 5px; } /* BLOG In Text Photo Styles */ .blog01 .container03 .inLinePhotoL { padding: 3px; background-color: #e1e1e1; margin: 5px; width: 225px; float: left; } .blog01 .container03 .inLinePhotoL img { display: block; float: left; width: 225px; } .blog01 .container03 .inLinePhotoL p { margin-top: 5px; margin-bottom: 5px; font: 8pt verdana; color: #003366; line-height: 10pt; float: left; clear: both; display: block; width: 225px; } .blog01 .container03 .inLinePhotoR { padding: 3px; background-color: #e1e1e1; margin: 5px; width: 225px; float: right; } .blog01 .container03 .inLinePhotoR img { display: block; float: left; width: 225px; } .blog01 .container03 .inLinePhotoR p { margin-top: 5px; margin-bottom: 5px; font: 8pt verdana; color: #003366; line-height: 10pt; float: left; clear: both; display: block; width: 225px; } /* Article Comments */ #container03 .ratings { margin: 5px; padding: 5px; width: 400px; border: 1px dotted #333; float: left; clear: both; } #container03 .ratings a:link { font: 8pt verdana; color: #cc0000; text-decoration: none; } #container03 .ratings a:visited { font: 8pt verdana; color: #cc0000; text-decoration: none; } #container03 .ratings a:hover { font: 8pt verdana; color: #cc0000; text-decoration: underline; } #container03 .ratings .js-kit-rating { font: 8pt verdana; color: #333; } #container03 .ratings .js-kit-comments { font: 8pt verdana; color: #333; width: 400px; margin-top: 5px; } /* ChartR Table Styles */ #chartR { margin: 5px 0px 5px 5px; width: 100%; float: right; clear: none; border: 1px solid #999; } #chartR h1 { text-transform: uppercase; font: 9pt verdana; font-weight: bold; color: #FFF; background-color:#222; text-align: center; width: 100%; } #chartR h2 { text-transform: uppercase; font: 8pt verdana; color: #FFF; font-weight: bold; background-color:#222; margin: 10px 0px 0px 0px; text-align: center; width: 100%; } #chartR h3 { font: 8pt verdana; color: #222; font-weight: bold; margin: 0px 10px 0px 10px; } #chartR p { text-align: center; font: 8pt verdana; color: #222; border-bottom: 1px solid #222; margin: 2px 0px 2px 0px;; width: 100%; } #chartR #lefty { text-align: left; font: 8pt verdana; color: #222; border-bottom: 1px solid #222; margin: 3px; width: 100%; } /* Streaming Article Styles */ #stream { background-color: #000; padding-top: 10px; padding-bottom: 10px; padding-left: 76px; border: 1px solid #ff0000; } .leader { background-color: #F4F4F4; border: 1px solid #333; width: 555px; padding: 5px; margin-bottom: 10px; margin-top: 5px; } .leader p { font: 9pt Arial, Helvetica, sans-serif; line-height: 10pt; color: #333; } .leader img { float: right; } .innerbox { width: 175px; height: 155px; border-left: 1px solid #333; padding: 5px; float: right; margin-left: 10px; } .innerbox h3 { font: 10pt Arial, Helvetica, sans-serif; font-weight: bold; color:#333; } /* Table with borders */ .border table { border: 1px solid; border-color:#000000; } .border td { border-right: 1px solid; border-color:#000000; padding:2px; vertical-align:text-top; } .border tr { border-bottom: 1px solid; border-color:#000000; padding:2px; }