/* Fixed width : 686px wide layout */ /* Reset */ * { padding: 0; margin: 0; } html { height : 100.1%; /* Permanent Scrollbar */ } .clearer { width: 100%; height: 0; clear: both; } /* Page Structure (BELOW TABLES AND DIVS) */ body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFFFFF; margin-top: 7px; background-image: url(images/bg.jpg); text-align: center; min-width: 686px; } td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } /* Effects Header, Header Menu, and Shopping Categories */ #wrapper { margin: 5 auto; width: 686px; text-align: left; } /* Site Header Image Area */ #header { width: 686px; color: #5A5A5A; height: 87px; margin: 0px 0px 0px 0px; } /* Roll-Over Menu */ #navigation { width: 686px; height: 34px; color: #5A5A5A; margin: 0px 0px 0px 0px; } /* Product View Content */ #content { width: 684px; color: #5A5A5A; margin: 0px 0px 0px 0px; padding-right: 2px; padding-top: 5px; background-image: url(images/content_bg.jpg); } #content-pad { padding-left: 0px; padding-right: 0px; } #content-left { width: 400px; padding: 13px 0px 10px 0px; float: left; } #content-right { width: 280px; float: right; } #footer { width: 686px; height: 45; margin: 0px 0px 13px 0px; } #footer-menu { padding-left: 26px; padding-right: 14px; padding-bottom: 30px; color: #FFFFFF; font-size: 10px; text-align: center; } #footer-menu p, #footer-menu a { color: #FFFFFF; font-size: 10px; text-decoration: none; } #content table { margin-left: 25px; } /* Nav Menu */ ul#navbar { margin: 0px; padding: 0px; height: 34px; list-style: none; } ul#navbar li { float: left; } ul#navbar li a { text-decoration: none; display: block; height: 34px; text-indent: -5000px; background-image: url(images/elite_menus_top.jpg); background-repeat: no-repeat; } /* Change html body#id to set active menu item. = ( home|skincare|lipo|intimates|about|press|testimonials|contact ) Empty body#id results in no active item. */ ul#navbar #home { background-position: 0px 0px; width: 54px; } ul#navbar #home:hover, #home ul#navbar #home { background-position: 0 -34px; } ul#navbar #nutrition { background-position: -54px 0px; width: 104px; } ul#navbar #nutrition:hover, #nutrition ul#navbar #nutrition { background-position: -54px -34px; } ul#navbar #equipment { background-position: -158px 0px; width: 118px; } ul#navbar #equipment:hover, #equipment ul#navbar #equipment { background-position: -158px -34px; } ul#navbar #condition { background-position: -276px 0px; width: 148px; } ul#navbar #condition:hover, #condition ul#navbar #condition { background-position: -276px -34px; } ul#navbar #timing { background-position: -424px 0px; width: 52px; } ul#navbar #timing:hover, #timing ul#navbar #timing { background-position: -424px -34px; } ul#navbar #game { background-position: -476px 0px; width: 115px; } ul#navbar #game:hover, #game ul#navbar #game { background-position: -476px -34px; } ul#navbar #uniforms { background-position: -591px 0px; width: 95px; } ul#navbar #uniforms:hover, #uniforms ul#navbar #uniforms { background-position: -591px -34px; } /* Second Level Items Begin ********************/ ul#navbar li ul { position: absolute; width: 175px; /* Width of Drop down */ left: -999em; /* Hide on the left */ background: #394456; list-style: none; } ul#navbar li:hover ul { left: auto; /* This un-hides the second level menu */ } /* Obligitory IE Fix */ /* .sfhover selector is added by sfhover.js */ ul#navbar li:hover ul, ul#navbar li.sfh ul { left: auto; /* This un-hides the second level menu */ } ul#navbar li:hover, ul#navbar li.hover { position: static; } /* End IE Fix */ /* Second level menu Styles */ ul#navbar li ul li { margin: 0; padding: 0; width: 175px; /* Width of Drop down */ } ul#navbar li ul li a { display: block; height: 24px; width: 100%; /* Width of Drop down (make sure anchor fills entire width) */ background: none; line-height: 24px; text-align: center; text-decoration: none; color: #eee; font-size: 12px; text-indent: 3px; border-bottom: 1px solid gray; padding: 3px 0; font-family: Arial, San-serif; } ul#navbar ul A:HOVER { background-color: #d23830; } /* Higlight Menu */ ul#highlight-menu { margin: 0px; padding: 0px; height: 44px; list-style: none; } ul#highlight-menu li { float: left; } ul#highlight-menu a { text-decoration: none; display: block; height: 44px; text-indent: -5000px; background-image: url(images/elite_highlight_menu.jpg); background-repeat: no-repeat; } /* Change html body#id to set active menu item. = ( nutrition|equipment|uniforms ) Empty body#id results in no active item. */ ul#highlight-menu #nutrition { background-position: 0px 0px; width: 229px; } ul#highlight-menu #nutrition:hover, #nutrition ul#highlight-menu #nutrition { background-position: 0 -42px; } ul#highlight-menu #equipment { background-position: -229px 0px; width: 227px; } ul#highlight-menu #equipment:hover, #equipment ul#highlight-menu #equipment { background-position: -229px -42px; } ul#highlight-menu #uniforms { background-position: -456px 0px; width: 230px; } ul#highlight-menu #uniforms:hover, #uniforms ul#highlight-menu #uniforms { background-position: -456px -42px; } /* Footer Menu */ A.footer { color: #5A5A5A; } /* Basics */ h1, h2, h3 { padding-left: 25px; padding-right: 25px; } h1 { color: #000; font-size: 22px; font-weight: normal; padding-bottom: .62em; } h2 { color: #c00; font-size: 14px; } p { padding: 0px 25px 10px 25px; color: #5A5A5A; line-height: 1.5em; } .highlight { color: #c00; } a { color: #5A5A5A; } /* Product Styles */ div.products_nav_header { padding-top: 5px; padding-bottom: 5px; width: 650px; } div.products_nav_footer { width: 650px; } div.ProductList h2 { padding-left: 0px; line-height: 1.75em; } div.products_body td.bodystyle p { padding-left: 0px; } div.product_detail_title { padding-left: 25px; } div.productView { width: 634px; } div.productView form { padding-top: 25px; } div.productView table { /* width: 400px; */ } div.products_body { width: 632px; } div.products_body > table { table-layout: auto; margin-left: 0px; margin-right: auto; /* border: thin solid #ccc; */ /* width: 400px; */ } div.products_body td.bodystyle table { width: 100%; padding-left: 0px; padding-right: 0px; } div.products_body td.bodystyle { /* border: thin solid #ccc; */ padding-left: 25px; padding-top: 1em; padding-bottom: 1em; } div.product_text { /* width: 400px; */ padding-right: 0px; padding-left: 25px; } div.shoppingCart table { table-layout: auto; margin-left: 0px; margin-right: auto; /* border: thin solid #ccc; */ width: 575px; } div.verifyInfoDisplayProducts table { table-layout: auto; margin-left: 0px; margin-right: auto; /* border: thin solid #ccc; */ width: 575px; } div.verifyInfoDisplayCheckoutForm { padding-left: 25px; } table.creditCardTable { margin-top: 12px; margin-bottom: 12px; } div.credit_card_checkout form table { margin-top: 12px; margin-bottom: 12px; } div#detail_head { clear: both; padding: 0px 25px 25px 25px; border: thin solid #ccc; } div#detail_row1 { padding: 0px 25px 0px 25px; border: thin solid #ccc; } div#detail_img_wrap { border: thin solid #ccc; width: 300px; border: thin solid #ccc; float: left; } div#detail_desc_wrap { border: thin solid #ccc; width: 319px; float: left; } h1.detail_desc_title { padding-right: 0; } h1.detail_desc_article { font-size: 14px; padding-right: 0; } div#detail_row2 { clear: both; padding: 0px 25px 0px 348px; border: thin solid #ccc; } div#detail_row3 { clear: both; padding: 0px 25px 0px 25px; border: thin solid #ccc; } div#detail_foot { clear: both; text-align: center; padding: 25px 25px 25px 25px; border: thin solid #ccc; } /* div#detail_img_wrap { padding: 0px 25px 10px 25px; } div#detail_desc_wrap { padding: 0px 25px 10px 25px; } */ /* This section supports the thumbnail shopping page */ #results_wrap { } #results_head { background-color: #FFFFFF; margin: 2px 2px 2px 8px; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; } #results_category_title { background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; margin: 8px 2px 2px 0px; text-align: left; } #results_category_links { background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; } #bottom_child_category_links { background-color: #FFFFFF; margin: 2px 2px 2px 8px; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; } /* DIV Class to hold the results */ #results { } #results_subcategory_title { background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; margin: 8px 2px 2px 8px; text-align: left; } /* THE FOLLOWING CAME FROM THE CUSTOM.CSS OUTPUT... WE CAN'T OVERRIDE IT */ /* DIV Class for First Column */ #results_col1 { } /* Anchor Class Around Product Thumbnail */ #results_prod_thumb_col1 { } /* SPAN Class around Product Name */ #results_prod_name_span_col1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px; margin: 8px 2px 2px 8px; text-align: left; } /* Anchor Class Around Prod Name */ /* Within SPAN class */ #results_prod_name_col1 { } /* SPAN Class around Product Price Title (Our Price is:) */ #results_price_title { } /* SPAN Class around Product Price */ #results_price { } /* DIV Class Within Broken Nesting SPAN Classes */ #results_prod_desc_col1 { } /* DIV Class for Footer of Product Column */ #results_foot { } /* Forgot Password */ div.forgotPassword { padding-left: 25px; padding-right: 25px; line-height: 1.75em; } div.forgotPassword h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; padding-left: 0px; padding-top: 10px; } div.forgotPassword h2 { padding-left: 0px; padding-bottom: 0px; } div.forgotPassword form { padding-top: 25px; padding-bottom: 25px; } /* Search Area */ input#searchInput { width: 143px; margin-left: 16px; } input#searchButton { background-color: #c33; color: #fff; border:1px solid; border-top-color:#666; border-left-color:#666; border-right-color:#666; border-bottom-color:#666; }