* { margin: 0; padding: 0; } html { overflow-y: scroll; } body { font-family: Arial, sans-serif; background: #ac0000 url(images/bg-pattern.jpg); font-size: 12px; } table { border-collapse: collapse; } a { text-decoration: none; outline: none; color: #092542; } a:hover { text-decoration: underline; } a img { border: none; } img { vertical-align: middle; } .clear { clear: both; } .alignRight { text-align: right; } .alignLeft { text-align: left; } h1, h2, h3, h4, h5 { font-weight: normal; margin: 0 0 15px 0; } h1 { font-size: 30px; } h2 { font-size: 22px; } h2 a { color: #222; } h2 a:hover { color: #485eff; } h3 { font-size: 22px; } h4 { font-size: 18px; border-bottom: 1px dotted #222; margin: 0 0 15px 0;} h5 { font-size: 16px; } ul, ol { list-style: none; } p { font-size: 13px; color: #555555; line-height: 18px; margin: 0 0 20px 0; } label { cursor: pointer; color: #092542; } .button { text-transform: uppercase; font-size: 11px; color: white; background: #666; padding: 5px 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .button:hover { background: #999; } p#track_hint, .box .content p { font-size: 11px; } blockquote { font-family: Serif; font-style: italic; padding: 0 0 0 25px; border-left: 1px solid #ccc; } blockquote p { font-size: 14px; } #shadow { width: 1007px; background: url(images/content-shadow.png) repeat-y; margin: 0 auto 50px; } #page-wrap { background: white url(images/content-bg.png) top right repeat-y; width: 960px; margin-left: 23px; } #home #page-wrap, #checkout #page-wrap, #purchase-order-checkout #page-wrap, #receipt #page-wrap { background: white; } #header { height: 88px; background: url(images/header-bg.png) top left repeat-x; position: relative; border-bottom: 3px solid #222; } #home #header { border: none; } #logo a { display: block; width: 228px; height: 81px; text-indent: -9999px; left: 20px; background: url(images/FFlogo-3color-incB-small.jpg); position: absolute; top: 4px; } #main-nav { list-style: none; position: absolute; left: 370px; bottom: 12px; } #main-nav li { display: inline; } #main-nav li a { color: black; text-transform: uppercase; font: 15px Arial, Sans-Serif; margin: 0 35px 0 0; } #main-nav li a:hover, #about #main-nav li.about a, #philosophy #main-nav li.philosophy a, #blog #main-nav li.blog a, #videos #main-nav li.videos a, #store #main-nav li.store a { color: red; text-decoration: none; } #slogan { position: absolute; left: 350px; top: 20px; color: #333; font: italic 15px Georgia, Serif; } #slogan a { color: black; } #slogan a span { color: #d70021; } #slogan a:hover:after { content: "\00a0 \2190 \00a0 Learn more!"; } #main-content { padding: 20px; width: 738px; float: left; } #main-content ol, #main-content ul { margin: 0 0 20px 25px; } #main-content li { font-size: 13px; color: #555555; line-height: 18px; margin: 0 0 20px 0; } #main-content ul { list-style: disc; } #main-content ol { list-style: decimal; } #blog #main-content li { margin: 0 0 2px 0; } #blog #main-content ol ol { list-style-type: lower-roman; } .metaBar { background: #ac0000; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 3px 8px; overflow: hidden; margin: 0 0 12px 0; } .metaBar a { color: white; } .metaBar p { margin: 0; color: white; } .metaBar span { font: italic 12px Georgia, Serif; color: #c2c2c2; } .metaBar .time { float: left; width: 60%; } .metaBar .numComments { float: right; width: 39%; text-align: right; } /* BLOG */ .postSep { height: 50px; background: url(images/postSep.jpg); margin: 10px 0; clear: both; } #commentform textarea, #commentform input[type="text"] { border: 1px solid #ccc; padding: 8px; font-family: "Lucida Grande", Tahoma, Arial, sans-serif; margin: 0 0 10px 0; } #commentform textarea { width: 530px; } #cat-list { list-style: none; } #cat-list li { display: inline; } #cat-list li a { padding: 3px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #cat-list li.current-cat a { background: #092542; color: white; } .prev-next-links { list-style: none !important; } .post-content a { background: #fbe4cf; padding: 1px 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .post-content a:hover { background: none; color: black; } /* SIDEBAR */ #sidebar { text-align: center; width: 162px; padding: 10px; float: right; } #sidebar a:hover { text-decoration: underline; } .sidebar-block { position: relative; padding: 9px 0 0 0; margin: 0 0 25px 0; } .icon { position: absolute; top: 0; left: 0; } #sidebar h3 { background: #8b8d95; color: white; text-transform: uppercase; padding: 5px 0 5px 34px; font: bold 12px Arial, Sans-Serif; text-align: left; margin: 0 0 12px 22px; width: 116px; } #sidebar p { font-size: 10px; } #sidebar ul { text-align: left; } #sidebar ul li { font: 15px Georgia, Serif; } #sidebar ul li .post-date { font: bold 12px Arial, Sans-Serif; color: #666; text-align: right; margin: 0 0 8px 0; } #cart-box { display: block; margin: 0 0 15px 0; background: white; padding: 8px; width: 160px; position: relative; left: -20px; } #cart-box:hover { text-decoration: underline; } #cart-box table { width: 100%; } #cart-box table td { padding: 2px; } #cart-title { font: 16px Georgia, Serif; color: #666; } #sidebar h4 { color: #222; font: 20px Georgia, Serif; border: none; } #sidebar .sidebar-block h5 { text-transform: uppercase; font: italic 18px Georgia, Serif; } #sidebar #special-product-title { color: black; font-size: 14px; margin: 0; } #sidebar #special-product-promo { color: black; font-weight: bold; font-size: 16px; text-transform: uppercase; margin: 0 0 5px 0; } #sidebar #special-product-buy-now { font: italic 14px Georgia, Serif; } #sidebar #event-date { color: #444; padding-top: 4px; font: 12px Arial, Sans-Serif; } .rec-product { background: #6989bd; border: 1px solid #5173aa; padding: 0 0 5px 0; color: white; margin: 0 0 15px 0; } #sidebar .rec-product .add-to-cart-button { display: inline; width: 120px; margin: 0; } #sidebar .rec-product h5 { font: 15px Georgia, Serif; padding: 0 5px; margin: 0; } #sidebar .rec-product img { margin: 0 0 5px 0; } #sidebar .rec-price { color: white; font-weight: bold; margin: 0 0 5px 0; font-size: 13px; } #sidebar .rec-price a { color: white; font-weight: normal; text-decoration: underline; } #sidebar .rec-price a:hover { text-decoration: none; } .fadeout { position: relative; left: -10px; top: 10px; width: 182px; } /* HOMEPAGE */ #news-machine { color: white; font-family: Georgia, Serif; background: url(images/blog-bar-bg.png) no-repeat; height: 31px; padding: 10px 0 0 0; overflow: hidden; white-space: nowrap; text-transform: uppercase; color: white; } #news-machine ul { position: relative; width: 100%; text-align: center; } #news-machine ul li { height: 50px; width: 100%; top: 0; left: 0; text-align: center; } #news-machine a { color: #ff9000; font: bold italic 18px Georgia, Serif; text-transform: none; } #news-machine a:hover { color: white; text-decoration: none; } #home-left { text-align: center; width: 667px; float: left; margin: 20px 0 0 20px; position: relative; } #home-message { position: absolute; top: 305px; left: 0; width: 100%; z-index: 5000; } #home-left h2 { font: bold 24px Helvetica, Sans-Serif; } #home-left h2 span { color: #d70021; } #home-left h3 { font: bold 18px Helvetica, Sans-Serif; } #home-left h3 em { color: #d70021; } .sep { background: #999; width: 420px; height: 1px; margin: 15px auto; } .home-slide-1 { background: url(images/homephoto.jpg) no-repeat; } .home-slide-2 { background: url(images/homephoto-2.jpg) no-repeat; } .home-slide-3 { background: url(images/homephoto-3.jpg) no-repeat; } .home-slide-4 { background: url(images/homephoto-4.jpg) no-repeat; } .home-slide-5 { background: url(images/homephoto-5.jpg) no-repeat; } #home-left blockquote { font: bold 18px Georgia, Serif; color: #d70021; border: none; } #quotes li { padding: 390px 0 0 0; top: 0; left: 0; width: 100%; text-align: center; } .author { margin: 5px 0 15px 0; color: #999; font-style: italic; } #promos { position: relative; width: 100%; height: 106px; } .promo { width: 212px; height: 91px; position: absolute; text-align: left; } #promo-1 { top: 0; left: 0; background: url(images/promo-1-bg.jpg) bottom left no-repeat; } #promo-2 { top: 0; left: 230px; background: url(images/promo-2-bg.jpg) bottom left no-repeat; } #promo-3 { top: 0; left: 450px; background: url(images/promo-3-bg.jpg) bottom left no-repeat; } .promo a { display: block; padding: 30px 10px 10px 10px; color: white; font: bold 15px Helvetica, Sans-Serif; } #message { display: block; background: #f4f1c1; padding: 10px; color: black; margin: 0 0 15px 0; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; font: bold 14px Helvetica, Sans-Serif; } #message span { color: #d70021; } #home-right { width: 220px; float: right; padding: 20px 20px 0 0; } #home-right ul { list-style: none; } #home-right ul li { padding: 10px; overflow: hidden; background: #fbe4cf; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0 0 10px 0; } #home-right ul li.odd { background: #fbd6cf; } #home-right ul li img { border: 2px solid white; float: left; margin: 0 10px 0 0; } #home-right ul li h3 { font: italic 15px Georgia, Serif; } #home-right ul li p { font-size: 11px; margin-bottom: 4px; } #home-right ul li .button { text-transform: uppercase; font-size: 11px; color: white; background: #999; padding: 1px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} #home-right #jumps { list-style: inside disc; } #home-right #jumps li { background: none; text-align: center; padding: 0; margin: 3px 0; overflow: visible; } /* STORE HOME & CATEGORY PAGES */ #main-content #store-sub-nav { list-style: none; margin: 0; } #main-content #store-sub-nav li { display: inline; } #main-content #store-sub-nav li a { display: block; float: left; padding: 1px 6px; border-bottom: 5px solid #ccc; margin: 0 10px 15px 0; color: black; } #main-content #store-sub-nav li a:hover, #store #store-sub-nav li.all a, #primary-equipment #store-sub-nav li.primary a, #additional-training-equipment #store-sub-nav li.additional a, #accessories #store-sub-nav li.accessories a, #dvds-cds #store-sub-nav li.dvds a { border-bottom-color: #0762d4; text-decoration: none; } .grid-product { display: block; padding: 8px; border: 1px solid #999; margin: 0 12px 12px 0; float: left; color: #0762D4; height: 170px; width: 100px; } .grid-product:hover { text-decoration: none; border-color: #222; } /* PRODUCT PAGES */ #info-col { width: 355px; float: right; } #info-col h2 { font: 24px Georgia, Serif; color: #cd0102; } #price-and-code { margin: 0 0 8px 0; } .price { font-weight: bold; color: red; } .foxycart select { margin: 0 0 8px 0; } #media-col { width: 370px; float: left; } #media-col h3 { color: #0762d4; font: 18px Georgia, Serif; margin: 10px 0 0 0; } #main-image { margin: 0 0 10px 0; } .product-thumb { width: 70px; height: 70px; margin: 0 10px 10px 0; } .add-to-cart-button { background: #999; color: white; text-transform: uppercase; padding: 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: none; display: block; width: 140px; margin: 0 0 20px 0; font-family: Arial, Sans-Serif; } .add-to-cart-button:hover { background: #5cc020; } #main-content .ui-tabs { zoom: 1; } #main-content .ui-tabs .ui-tabs-nav { list-style: none; position: relative; margin: 0; padding: 0 0 0 20px; } #main-content .ui-tabs .ui-tabs-nav li { position: relative; float: left; border: none; margin: 0; } #main-content .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 0 15px; margin: 0 10px 0 0; border-bottom: 6px solid #ccc; } #main-content .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { border-bottom: 6px solid #cd0102; } #main-content .ui-tabs .ui-tabs-panel { display: block; background: none; clear: both; padding: 15px; border: 1px solid #ccc; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #main-content .ui-tabs .ui-tabs-panel p { width: 323px; /* Safari was screwing this up */ } #philosophy #main-content .ui-tabs .ui-tabs-panel p { width: auto; } #main-content .ui-tabs .ui-tabs-panel li { color: #555; margin: 0 0 10px 0; } #main-content .ui-tabs .ui-tabs-hide { display: none !important; } .feature-table { border-color: #ccc; } .feature-table td { padding: 5px 10px; } /* VIDEO PAGES */ .video-list { } .video-list li { margin: 0 0 15px 0; } .video-list li a { padding: 5px; } .video-list li.current_page_item a { background: #092542; color: white; } /* FOOTER */ #footer { background: url(images/footer-bg.png) top left repeat-x #f0f0f0; padding: 10px; overflow: hidden; } #footer-left { width: 49%; float: left; } #footer-right { width: 49%; float: right; text-align: right; }