/* product images - used by pages with less than three 75x75 icons. */ .product-images { width: 302px; float: left; margin: 0 0 5px 10px; } .product-images .large-image { width: 300px; height: 300px; display: block; border: 1px solid #bebbae; margin-bottom: 10px; } .product-images ul li { display: inline; } .product-images ul li a { display: block; float: left; width: 79px; height: 79px; padding: 2px 0 0 2px; margin-right: 2px; border: 1px solid #ece9d8; } .product-images ul li a:hover { border: 1px solid #bebbae; } .product-images ul li a img { display: block; border: 1px solid #bebbae; } .product-images ul li a.active { border: 1px solid #bebbae; background: #bebbae; width: 78px; height: 78px; padding: 1px 0 0 1px; } .product-images ul li a.active img { border: 1px solid #bebbae; } /* product-images-75 - used by product pages with more than three 75x75 icons. */ .product-images-75 { width: 605px; float: left; margin: 0 0 10px -1px; } .product-images-75 ul li { display: inline; } .product-images-75 ul li a { display: block; float: left; width: 79px; height: 79px; padding: 2px 0 0 2px; margin-right: 2px; border: 1px solid #ece9d8; } .product-images-75 ul li a:hover { border: 1px solid #bebbae; } .product-images-75 ul li a img { display: block; border: 1px solid #bebbae; } .product-images-75 ul li a.active { border: 1px solid #bebbae; background: #bebbae; width: 78px; height: 78px; padding: 1px 0 0 1px; } .product-images-75 ul li a.active img { border: 1px solid #bebbae; } /* product's page inner navigation menu */ .inner-navigation { margin: 10px 0 0 28px; width: 155px; float: left; } .inner-navigation h3 { font-size: 15px; font-weight: bold; color: #817e72; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 25px; } .inner-navigation ul li, .inner-navigation ul li a { font-size: 14px; color: #817e72!important; text-decoration: none; display: block; line-height: 1.7; text-transform: lowercase; padding-left: 12px; } .inner-navigation ul li a:hover { color: #000000!important; text-decoration: underline; } .inner-navigation ul li span { background: url('../images/middot_III.gif') no-repeat; } .inner-navigation.level-2 ul li a { text-transform: none; } /* site map */ .site-map-navigation { margin: 10px 0 30px 150px; width: 230px; float: left; } .site-map-navigation h3 { font-size: 15px; font-weight: bold; color: #817e72; text-transform: uppercase; letter-spacing: 2px; margin: 0px 0px 9px -10px; } .site-map-navigation ul li a { font-size: 14px; color: #817e72!important; text-decoration: none; display: block; line-height: 1.8; text-transform: lowercase; padding-left: 12px; } .site-map-navigation ul li a:hover { color: #000000!important; text-decoration: underline; } /* price comparison */ .price-comparation { width: 100%; border-collapse: collapse; border: 1px solid #bebbae; margin-bottom: 25px; clear: both; } .price-comparation thead tr th { background: #bebbae; padding: 6px 0; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #fff; text-align: center; } .price-comparation tbody tr td { padding: 6px 0; color: #817e72; text-align: center; border-top: 1px solid #bebbae; } .price-comparation tbody tr td img { display: block; } /* table column widths */ .price-comparation thead tr th.item-1, .price-comparation tbody tr td.item-1 { padding-left: 7px; width: 101px; } .price-comparation thead tr th.item-2, .price-comparation tbody tr td.item-2 { width: 80px; } .price-comparation tbody tr td.item-2 { text-align: right; width: 70px; padding-right: 10px; } .price-comparation thead tr th.item-3, .price-comparation tbody tr td.item-3 { width: 74px; } .price-comparation thead tr th.item-4, .price-comparation tbody tr td.item-4 { width: 88px; } .price-comparation thead tr th.item-5, .price-comparation tbody tr td.item-5 { width: 90px; } .price-comparation thead tr th.item-6, .price-comparation tbody tr td.item-6 { width: 65px; } /* table text style */ .price-comparation thead tr th.item-2, .price-comparation thead tr th.item-4, .price-comparation thead tr th.item-6 { color: #817e72; } .price-comparation thead tr th.item-2 strong { font-weight: bold; } .price-comparation thead tr th.item-2 { font-weight: normal; } .price-comparation tbody tr td.item-1 span { font-size: 12px; font-weight: bold; display: block; } .price-comparation tbody tr td.item-1 img { margin-bottom: 5px; } .price-comparation tbody tr td.item-2 { font-size: 16px; } .price-comparation tbody tr td.item-2 span { font-size: 14px; display: block; margin-top: 3px; font-family: Arial, Helvetica, sans-serif; } .price-comparation tbody tr td.item-3 { font-size: 18px; font-weight: bold; color: #f38d00; } .price-comparation tbody tr td.item-4 img { display: block; margin: 0 auto; margin-bottom: 5px; } .price-comparation tbody tr td.item-5 { font-size: 10px; color: #817e72; } .price-comparation tbody tr td.item-5 strong { color: #f38d00; font-weight: bold; font-size: 11px; } .price-comparation tbody tr td.item-6 { font-size: 14px; font-weight: bold; color: #f38d00; } /* what do you get */ .package { width: 448px; margin: 0 auto 25px auto; } .package h3 { background: #005865; color: #fff; font-size: 14px; font-weight: bold; text-indent: 16px; padding: 8px 0; } .package ul { border: 1px solid #6d9fa2; border-top: none; font-size: 14px; } .package ul li span { display: block; float: left; width: 35px; text-align: center; } .package ul li div { width: 385px; float: left; } .package ul li { padding: 8px 0; } .package ul li.even { background: #6d9fa2; } .package.starter-kit ul { border: 1px solid #bebbae; border-top: none; } .package.starter-kit ul li.even { background: none; } .package.starter-kit ul li { color: #817e72; border-top: 1px solid #bebbae; } /* accessories */ .accessories { border: 1px solid #bebbae; margin-bottom: 25px; } .accessories li { width: 123px; display: block; float: left; margin: 6px 0; padding-top: 8px; height: 174px; border-right: 1px solid #bebbae; } .accessories li img { display: block; margin: 0 auto 15px auto; border: 1px solid #bebbae; } .accessories li.last-item { border: none; width: 121px; } .accessories li p { width: 100px; margin: 0 auto; font-size: 12px; color: #005865; } .accessories li p a { text-decoration: none;color: #005865!important; } .accessories.starter-kit li p a { color: #817e72!important; } /* user reviews */ .user-review { margin-bottom: 15px; } .user-review .review-author { background: #6d9fa2 url('../images/user_review_author.gif') no-repeat; width: 505px; height: 27px; position: relative; margin-bottom: 15px; } .user-review .review-author p { text-indent: 11px; font-size: 12px; padding-top: 5px; } .user-review .review-author p strong { font-weight: bold; color: #000!important; } #main-col .user-review .review-author p a { color: #005865; font-weight: bold; } #main-col .user-review .review-author p a:hover { color: #005865; text-decoration: underline; } .user-review .review-author ul { position: absolute; right: 10px; top: 6px; } .user-review .review-author ul li { display: inline; } .user-review .review-author ul li a { display: block; float: left; margin-left: 3px; } .user-review .bottom-actions { width: 460px; margin: 0 auto; position: relative; } #main-col .user-review .bottom-actions p { margin: 0; } #main-col .user-review .bottom-actions p.helpful { font-size: 10px; margin-bottom: 5px; } #main-col .user-review .bottom-actions p.vote { font-size: 12px; float: right; position: absolute; top: 0; right: 0; } #main-col .user-review .bottom-actions p.vote a img { vertical-align: middle; margin-left: 1px; } #main-col .user-review .bottom-actions p.thanks { font-size: 12px; color: #bebbae; text-align: center; } /* review form */ #review-form { width: 450px; margin: 0 auto 30px auto; position: relative; } #review-form span.required { position: absolute; top: 160px; right: 0; background: url('../images/required.gif') right top no-repeat; padding-right: 10px; font-size: 12px; color: #817e72; } #review-form legend { display: none; } #review-form .focus-textarea { color: black; } #review-form .focus { width: 246px; padding: 4px; font-size: 12px; color: black; background: none; border: 1px solid #817e72; position: relative; } #review-form label { display: block; font-size: 12px; color: #4d4c47; font-weight: bold; text-indent: 3px; margin-bottom: 2px; } #review-form label img { vertical-align: top; } #review-form .input-text, #review-form textarea { width: 246px; padding: 4px; font-size: 13px; color: #000; background: none; border: 1px solid #817e72; display: block; } #review-form textarea { font-family: Arial, Helvetica, sans-serif; width: 445px; height: 200px; margin-bottom: 3px; } #review-form ul li { margin-bottom: 10px; } #review-form ul li.form-actions { font-size: 12px; color: #817e72; position: relative; } #review-form ul li.form-actions p.message { font-size: 14px; color: #f90; clear: both; margin: 28px 0 0 0; text-align: right; } #review-form .input-checkbox { vertical-align: middle; margin: 0 2px 0 5px; } #review-form .input-reset, #review-form .input-submit { background: url('../images/button_reset.gif') no-repeat; width: 86px; height: 33px; border: none; text-indent: -5000px; cursor: pointer; position: absolute; right: 92px; top: 0; } #review-form .input-submit { background: url('../images/button_submit.gif') no-repeat; right: 0; } #review-form div p { font-size: 12px; text-transform: uppercase; color: #817e72; margin-bottom: 5px; font-weight: bold; } #review-form div { float: right; width: 180px; margin: -0px 0 0 0; text-align: center; } #review-form div img { margin-left: 5px; display: block; margin-bottom: 5px; } #review-form div img.first-img { margin-left: 41px; } #review-form div .first-item { } #review-form div input { } #review-form div .radio { margin-top: 5px; } #review-form div .radio input { margin: 3px 0 0 7px; display: block; float: left; } #review-form div .radio .first-item { margin-left: 42px; } #rate_images img { display: block; float: left; cursor: pointer; } #rate_images img.first-img { } /* custom style for "tmpl_All_BIG.html" page */ #main-col.wide { width: 786px; float: left; border-right: none; padding: 0 0 0 9px; min-height: 2000px; margin-top: 8px; } #main-col.wide h2 { background: #ece9d8 url('../images/product_heading_wide.gif') no-repeat; width: 786px; height: 25px; text-align: center; text-indent: 0; padding: 2px 0 4px 0; color: #fff; font-size: 18px; text-transform: uppercase; margin-top: 8px; } #main-col.wide .bg { background: #ece9d8; width: 798px; height: 10px; position: absolute; top: 163px; left: 200px; } #main-col.wide #products-list li { width: 197px; height: 416px; float: left; color: #817e72; background: url('../images/products_list_li.gif') top left no-repeat; margin-right: -1px; border-bottom: 1px solid #bebbae; } #main-col.wide #products-list li:hover { background-position: right; position: relative; } #main-col.wide #products-list li:hover div.text-block-3 a { background: url('../images/visit_store_custom_hover.gif') no-repeat; } #main-col.wide #products-list li.first-row-item { } #main-col.wide #products-list li h3 { height: 33px; vertical-align: middle; font-size: 14px; font-weight: bold; text-align: center; margin-bottom: 5px; padding-top: 2px; } #main-col.wide #products-list li h3 a { font-size: 14px; font-weight: bold; color: #fff; padding: 0 10px 0 5px; text-align: center; } #main-col.wide #products-list li img.product-image { display: block; margin: 0 auto 4px auto; border: 1px solid #bebbae; } #main-col.wide #products-list li img.merchant-logo { display: block; margin: 0 auto 6px auto; } #main-col.wide #products-list li div.text-block-1, #main-col.wide #products-list li div.text-block-2, #main-col.wide #products-list li div.text-block-3 { width: 182px; margin: 0 auto; } #main-col.wide #products-list li div.text-block-1 { height: 33px; border-bottom: 1px solid #817e72; margin-bottom: 6px; text-align: center; } #main-col.wide #products-list li div.text-block-1 small, #main-col.wide #products-list li div.text-block-1 small-invisible { font-size: 10px; display: block; margin-bottom: -16px; } #main-col.wide #products-list li div.text-block-1 small-invisible { color: #ECE9D8; } #small-invisible { font-size: 10px; display: block; margin-bottom: -16px; color: #ECE9D8; } #main-col.wide #products-list li div.text-block-1 p { font-size: 12px; } #main-col.wide #products-list li div.text-block-1 p.line-through { text-decoration: line-through; } #main-col.wide #products-list li div.text-block-1 p span.small { font-size: 12px; color: #817e72; font-weight: normal; } #main-col.wide #products-list li div.text-block-1 strong { font-weight: bold; font-size: 15px; } #main-col.wide #products-list li div.text-block-1 strong.color a { color: #f3930e; } #main-col.wide #products-list li div.text-block-1 strong.color a:hover { text-decoration: underline; } #main-col.wide #products-list li div.text-block-1 p.custom { padding-top: 5px; } #main-col.wide #products-list li div.text-block-2 { height: 52px; border-bottom: 1px solid #817e72; margin-bottom: 6px; padding-left: 4px; width: 172px; } #main-col.wide #products-list li div.text-block-2 p.promo-code { font-size: 10px; margin-bottom: 0px; } #main-col.wide #products-list li div.text-block-2 p.promo-code.sale { padding-top: 11px; } #main-col.wide #products-list li div.text-block-2 p.promo-code a, #main-col.wide #products-list li div.text-block-2 p.promo-code span { font-size: 12px; font-weight: bold; color: #f3930e; } #main-col.wide #products-list li div.text-block-2 p.promo-code span { } #main-col.wide #products-list li div.text-block-2 p.no-promotion { font-size: 16px; padding-top: 28px; } #main-col.wide #products-list li div.text-block-3 { height: 37px; border-bottom: 1px solid #817e72; position: relative; } #main-col.wide #products-list li div.text-block-2 p.price { font-size: 14px; font-weight: bold; } #main-col.wide #products-list li div.text-block-2 p.price strong { font-size: 18px; font-weight: bold; color: #f3930e; } #main-col.wide #products-list li div.text-block-2 p.price strong a { color: #f3930e;} #main-col.wide #products-list li div.text-block-2 span.small { font-size: 12px; color: #817e72; font-weight: normal; } #main-col.wide #products-list li div.text-block-3 p.stock { font-size: 12px; width: 60px; text-align: right; background: url('../images/in_stock.gif') right no-repeat; padding-right: 25px; } #main-col.wide #products-list li div.text-block-3 p.stock.out { background: url('../images/out_stock.gif') right no-repeat; } #main-col.wide #products-list li div.text-block-3 p.stock strong { font-size: 11px; font-weight: bold; display: block; } #main-col.wide #products-list li div.text-block-3 p.stock em { font-size: 11px; color: #ECE9D8; display: block; } #main-col.wide #products-list li div.text-block-3 a { width: 96px; height: 29px; display: block; text-indent: -5000px; background: url('../images/visit_store_custom.gif') no-repeat; position: absolute; bottom: 5px; right: -5px; } /* custom style for "tmpl_All_SML.html" page */ #main-col.wide.custom { background: none; } #main-col.wide h2 { background: #ece9d8 url('../images/product_heading_wide.gif') no-repeat; width: 786px; height: 25px; text-align: center; text-indent: 0; padding: 2px 0 4px 0; margin: 0; color: #fff; font-size: 18px; text-transform: uppercase; clear: both; } #main-col.wide h2.category { clear: both; margin: 10px 0; } .products_list li { border-left: 1px solid #a5a295; border-right: 1px solid #aeab9e; border-bottom: 1px solid #a5a295; border-top: 1px solid #bebbae; width: 97px; float: left; margin-right: -1px; } .products_list li:hover { background: #dcd9ca; border: 1px solid #817e72; position: relative; } .products_list li:hover .text-block-3 a { background-position: top right; } .products_list .product-popup { display: none; width: 300px; padding: 10px 10px 20px 10px; border: 2px solid #cdcabb; background: #ece9d8; margin: -82px 0 -70px -320px; z-index: 1000; position: relative; text-align: left; } .products_list .product-popup p { color: #000; font-size: 11px; font-weight: normal; margin-bottom: 0; } .products_list .product-popup h3 { height: auto; background: none; font-weight: normal; font-size: 14px; color: #005865; text-align: left; margin-top: 4px; } .products_list .image-wrapper:hover .product-popup { display: block; position: absolute; } .products_list li h3 { background: #bebbae; height: 33px; font-size: 12px; font-weight: bold; color: #fff; text-align: center; padding-top: 3px; margin-bottom: 4px; } .products_list li .main-info { width: 89px; margin: 0 auto 5px auto; padding-bottom: 5px; border-bottom: 1px solid #817e72; } .products_list li .main-info .product-image { border: 1px solid #bebbae; display: block; margin: 0 auto 4px auto; } .products_list li .main-info .merchant-logo { margin: 5px auto 0 auto; display: block; } .products_list li .main-info ul { margin-left: 7px; } .products_list li .main-info ul li { border: none; width: auto; float: none; display: inline; } .products_list li .main-info ul li a { display: block; float: left; margin-right: 1px; } .products_list li .text-block-1, .products_list li .text-block-2 { padding-bottom: 5px; text-align: center; border-bottom: 1px solid #817e72; width: 89px; margin: 0 auto 5px auto; } #main-col.wide .products_list li .text-block-1 p { font-size: 12px; color: #817e72; margin-bottom: 0; } .products_list li .text-block-1 p span { font-size: 10px; color: #817e72; } #main-col.wide .products_list li .text-block-1 p a { display: block; font-size: 18px; color: #f3930e; } .products_list li .text-block-1 p a strong { font-weight: bold; } #main-col.wide .products_list li .text-block-2 p { font-size: 10px; color: #817e72; margin: 3px 0 0 0; } .products_list li .text-block-3 { margin: 0 auto; width: 89px; text-align: center; } #main-col.wide .products_list li .text-block-3 p.in-stock, #main-col.wide .products_list li .text-block-3 p.no-stock { background: url('../images/in_stock.gif') right no-repeat; width: 56px; color: #817e72; padding: 3px 25px 3px 0; margin: 0 auto 5px auto; } #main-col.wide .products_list li .text-block-3 p.no-stock { background: url('../images/out_stock.gif') right no-repeat; } .products_list li .text-block-3 a { display: block; width: 74px; height: 28px; text-indent: -5000px; background: url('../images/to_shop.gif') no-repeat; margin-left: 9px; padding-bottom: 5px; }