/* car-care.css */ #left {overflow:hidden !important; width: 220px; min-height: 1000px; float: left;} #left .here {font-weight: bold;} #left ul {margin: 0;} #left ul li {width: 220px; padding: 9px 0 9px 0; font: 11px Arial, sans-serif; color: #555555; cursor: pointer;} #left ul li a {font: 11px Arial, sans-serif; color: #004990; text-decoration: none; width: 220px;} #left ul li a:hover {color: #555555;} #left .acc1 {display:block; z-index:14;} #left .top-level {background-color: transparent; border-bottom: solid 1px #fff; width: 203px; padding: 0 0 9px 17px; font: bold 12px Arial, sans-serif; color: #004990; cursor: pointer; display: block;} #left .acc3 li ul li, #left .acc2 li ul li {font: 11px Arial, sans-serif; color: #004990; margin: 0 0 0 30px; width: 183px; z-index:1} #left .acc3 li ul li ul li, #left .acc2 li ul li ul li {color: #555555 !important; margin: 0 0 0 10px; width: 163px; z-index:1} #left .sub {background: transparent url(/images/products/acc-closed.gif) no-repeat 9px 11px; width: 198px; border-bottom: solid 1px #fff; display: block; padding: 9px 0 9px 22px; float: left; cursor: pointer; margin: 0; z-index:1} #left .acc2 li a.selected {background: #bebebe url(/images/products/acc-open.gif) no-repeat 8px 11px; z-index:1} #left ul li ul li a.here {color: #555555;} #right {width: 750px;} #right #chalkboard {width: 750px; height: 495px; background: transparent url(/images/car-care/chalkboard-bg.jpg) no-repeat top left; position: relative; overflow: hidden;} #chalkboard #chalkboard-nav {position: absolute; right: 0; top: 17px;} #chalkboard-nav li {float: left; height: 29px; padding: 0; background: transparent url(/images/car-care/chalkboard-nav-bg.gif) repeat-x top left;} #chalkboard-nav li.last {padding: 0;} #chalkboard-nav li a {font: 12px Helvetica, Arial, sans-serif; color: #ffffff; display: block; background: transparent url(/images/car-care/chalkboard-nav-breaker.gif) no-repeat top right; padding: 8px; text-decoration: none;} #chalkboard-nav li.last a {background: transparent;} #chalkboard #chalkboard-strip {width: 750px; height: 430px; position: absolute; top: 66px; left: 0;} #chalkboard-strip div {width: 7500px; height: 430px; background: transparent url(/images/car-care/chalkboard-systems.png) no-repeat top left;} #chalkboard-desc {position: absolute; top: 65px; left: 20px; width: 260px;} #chalkboard-desc h3 {font: bold 13px Helvetica, Arial, sans-serif; color: #ffffff;} #chalkboard-desc p {font: 11px Helvetica, Arial, sans-serif; color: #ffffff;} #chalkboard-recent {position: absolute !important; width: 189px; height: 32px; top: 84px; right: 0; background: transparent url(/images/car-care/chalkboard-recent-bg2.png) repeat-x top left; color: #ffffff; overflow: hidden;} #chalkboard-recent p {height: 16px; padding: 10px 8px 8px 6px; font: bold 13px Helvetica, Arial, sans-serif; cursor: pointer; background: transparent url(/images/car-care/recent-articles-arrow.png) no-repeat 169px 0; color: #ffffff;} #chalkboard-recent ul {margin: 0 0 10px 0;} #chalkboard-recent ul li {list-style-type: disc; margin: 5px 0 0 20px;} #chalkboard-recent a {color: #ffffff;} #chalkboard-recent a.view-all {margin: 5px 0 0 20px;} #toggler {position: absolute; bottom: 18px; left: 10px; color: #ffffff;} #chalkboard #search-container {position: absolute; bottom: 20px; right: 5px; width: 235px; background: transparent !important;} #chalkboard #search-container .input-container {width: 150px; height: 19px; background: transparent url(/images/common/search-bg.png) no-repeat top left; top: 0; left: 50px; text-align: left; overflow: hidden;} #chalkboard #search-container input {width: 147px; height: 16px; border: 0; padding: 3px 0 0 3px; font: 10px Arial, sans-serif; color: #000; position: absolute; background: transparent; left: 0 !important;} #chalkboard #search-container input#faq-search-submit {width: 18px; height: 18px; border: 0; cursor: pointer; background: transparent url(/images/common/search-submit.png) no-repeat top left; position: absolute; top: 0; left: 212px !important; text-indent: -999px;} #chalkboard #search-container input#faq-search-submit:hover {background-position: top right;} #right #car-care {width: 750px; height: 495px; overflow: hidden; position: relative;} #car-care #add-this {float: right;} #car-care #car-care-article {width: 686px; height: 455px; padding: 20px; overflow-x: hidden; overflow-y: scroll; position: absolute; left: 0; z-index: 6;} #car-care-article img {margin: 0 0 20px 0;} #car-care-article h2 {font: bold 16px Helvetica, Arial, sans-serif; color: #b6170f; margin: 3px 0;} #car-care-article h3 {font: bold 12px Helvetica, Arial, sans-serif; color: #5c5c5c; margin: 2px 0;} #car-care-article h4 {font: bold 11px Helvetica, Arial, sans-serif; color: #5c5c5c; margin: 2px 0;} #car-care-article span {font: 12px Helvetica, Arial, sans-serif; color: #5c5c5c;} #car-care-article p {font: 11px Helvetica, Arial, sans-serif; color: #5c5c5c; line-height: 17px; margin: 8px 0;} #car-care #car-care-tips {width: 24px; height: 455px; padding: 20px 20px 20px 0; position: absolute; right: 0; z-index: 5;} #car-care-tips #drag-bar {width: 22px; height: 494px; display: block; background: transparent url(/images/car-care/drag-bar-bg.gif) repeat-y top left; border: solid 1px #9a999a; border-top: 0; position: relative; margin: -20px 20px 0 20px; z-index: 20; outline: none;} #drag-bar #how-to-label {width: 22px; height: 93px; position: absolute; top: 10px; background: transparent url(/images/car-care/how-to-label.gif) no-repeat 0 0;} #car-care-tips #tips-container {width: 345px; height: 455px; position: absolute; top: 0; left: 30px;} #car-care-tips .tip {position: absolute; top: 20px; left: 20px; width: 291px; height: 455px; z-index: 1;} .tip img {width: 291px;} .tip h2 {font: bold 16px Helvetica, Arial, sans-serif; color: #b6170f; margin: 3px 0; background-color: #ffffff;} .tip p {font: 11px Helvetica, Arial, sans-serif; color: #5c5c5c; line-height: 17px; margin: 8px 0;} .tip a.prev {float: left;} .tip a.next {float: right;} #right #article-listing #search-container {position: absolute; top: 5px; right: 5px; width: 235px; background: transparent !important;} #right #article-listing #search-container .input-container {width: 150px; height: 19px; background: transparent url(/images/common/search-bg.png) no-repeat top left; top: 0; left: 50px;} #right #article-listing #search-container input {width: 147px; height: 16px; border: 0; padding: 3px 0 0 3px; font: 10px Arial, sans-serif; color: #000; position: absolute; top: 0; left: 0; background: transparent;} #right #article-listing #search-container .search-button {width: 18px; height: 18px; border: 0; cursor: pointer; background: transparent url(/images/common/search-submit.png) no-repeat top left; position: absolute; top: 0; left: 212px; text-indent: -999px;} #right #article-listing #search-container .search-button:hover {background-position: top right;} #car-care-bottom-content {width: 750px; height: 480px; padding:20px 0 0 0;} #car-care-bottom-content .left {width: 344px; height: 440px; padding: 0 20px 20px 20px; float: left; background: transparent url(/images/racing/bottom-content-left.jpg) no-repeat top left;position:relative;} #car-care-bottom-content .left ul {} #car-care-bottom-content .left ul li {margin: 10px 0 0 0;} #car-care-bottom-content .right {width: 317px; height: 480px; padding: 0 20px; float:right;position:relative;} #car-care-bottom-content .right .promo {height: 135px; padding: 20px 0 0 0; clear: both; background: transparent url(/images/car-care/bottom-shadow-bg.jpg) no-repeat top left; margin: 20px 0 0 0;} #car-care-bottom-content .right .promo .img-container {text-align: center; float: left; width: 110px;} #car-care-bottom-content .right .promo .copy {width: 187px; margin: 10px 0 0 0; float: right;} #car-care-bottom-content .right .promo h3 {font: bold 16px Helvetica, Arial, sans-serif; color: #b6170f;} #car-care-bottom-content .right .promo a {font: bold 11px Helvetica, Arial, sans-serif; color: #004990; line-height: 17px;} #car-care-bottom-content .right #track-talk {z-index:2;width: 327px; height: 120px; padding: 20px 0 0 0; float:right;} #car-care-bottom-content .right #track-talk form input[type="text"] {width: 129px; height: 17px; float: left; margin: 0 10px 0 0;} #car-care-bottom-content .right #track-talk form .promo-button {float: left; width: 60px;} #car-care-bottom-content .right #track-talk form input[type="submit"] {cursor: pointer; font: bold 11px Helvetica, Arial, sans-serif; background: transparent; border: 0; color: #ffffff; float: left; width: auto;} #car-care-bottom-content .right #track-talk form input.arrow:hover {background-position: top right;} #car-care-bottom-content .right #bcgd {width: 327px; padding: 20px 0 0 0; z-index:1;} #article-listing {width: 710px; padding: 20px;} #article-listing h2 {margin: 0 0 10px 0;} #article-listing ul {} #article-listing ul li {margin: 15px 0;} #article-listing ul li a {font-weight: bold;} #article-listing ul li p {} #topics-listing {width: 710px; padding: 20px;} #topics-listing h2 {margin: 0 0 10px 0;} #topics-listing ul {} #topics-listing ul li {margin: 15px 0;} #topics-listing ul li a {font-size: 14px; font-weight: bold; padding: 0 25px 2px 0; background: transparent url(/images/common/link-arrow-blue.jpg) no-repeat 100% 0; line-height: 18px;} #topics-listing ul li a:hover {background-position: 100% -18px;} #topics-listing ul li p {} #myths-container-large {width: 710px; padding: 20px;} #myths-container-large dl {} #myths-container-large dl dt, #myths-container-large dl dd {padding: 0 0 0 70px; font: 11px Helvetica, Arial, sans-serif; line-height: 17px;} #myths-container-large dl dt {font-weight: bold; color: #323232; background: transparent url(/images/car-care/myth.jpg) no-repeat 0 17px; padding-top: 15px; margin: 0 0 10px 0; border-top: solid 1px #b5b4b5;} #myths-container-large dl dd {color: #5c5c5c; background: transparent url(/images/car-care/reality.jpg) no-repeat 0 2px; padding-bottom: 15px;} .nextbutton {background:transparent url(/images/common/nextbutton.gif) no-repeat scroll left top; border: 0 none; cursor:pointer; height:16px; text-indent:-999px; top:0; width:16px; margin: 0 5px; display: inline-block;} .nextbutton:hover { background-position: right top;} .prevbutton {background:transparent url(/images/common/prevbutton.gif) no-repeat scroll left top; border: 0 none; cursor:pointer; height:16px; text-indent:-999px; top:0; width:16px; margin: 0 5px; display: inline-block;} .prevbutton:hover { background-position: right top;}