/* copyright 2010 Campmor, Inc. All Rights Reserved */ body { text-align: center; /* ie layout fix */ } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; white-space: normal; } input, textarea { margin: 0px; padding: 4px 6px; } select { margin: 0px; padding: 0px 0px 0px 3px; } button { margin: 0px; } button b { position: relative; left: -99999px; } button.apply { width: 60px; height: 22px; margin-top: 2px; } #skip_points { position: absolute; left: -9999px; top: -9999px; } /****************************** START :: page **********************/ #wrapper { width: 1009px; margin: 0px auto; padding: 0px; } #container { width: 1009px; margin: 0px auto !important; padding: 0px !important; display: block; text-align: left; /* ie layout fix */ } #pop { width: 560px !important; margin: 0px !important; text-align: left; } #pop #container { width: 560px !important; } /****************************** START :: branding **********************/ #branding { width: 1009px; } #branding #branding_wrapper { margin: 10px 6px 0px 12px; width: 986px; padding-bottom: 3px; clear: both; } #branding #branding_wrapper #branding_container { padding: 0px 0px 0px 8px; float: left; } #branding #branding_wrapper #branding_container ul li { float: left; } /****************************** START :: logo **********************/ #branding_logo { float: left; width: 175px; padding-top: 25px; position: relative; z-index: 50000000; } #branding_logo h1 { float: left; width: 166px; } #branding_logo h1 a { width: 166px; height: 56px; display: block; } #branding_logo h1 b { position: relative; left: -9999px; } #branding_logo p { text-align: center; color: #194251; } /****************************** END :: logo **********************/ #branding_site { float: right; width: 795px; margin: 0px; padding: 0px; } #branding_general { float: left; width: 540px; } /****************************** START :: search **********************/ #search_field { float: right; width: 540px; margin-bottom: 10px; padding-top: 12px; } #search_field fieldset { float: right; } #search_field label { position: relative; left: -9999px; float: left; } #search_field input { width: 194px; float: left; padding-bottom: 3px; } #search_field button { width: 24px; height: 23px; display: block; float: left; } #search_field button b { position: relative; left: -9999px; } /****************************** END :: search **********************/ /****************************** START :: utility navigation **********************/ #nav_utility { clear: right; float: right; width: 540px; margin-bottom: 6px; } #nav_utility ul { float: right; } #nav_utility ul li a { padding: 0px 0px 0px 24px; } #nav_utility ul li.first a { } /****************************** END :: utility navigation **********************/ /****************************** START :: my account / register section **********************/ #nav_ecommerce { float: right; padding-right: 7px; } #nav_ecommerce_container { width: 233px; padding-top: 10px; } #nav_ecommerce_wrapper { padding: 2px 15px 8px 18px; float: left; width: 200px; } #nav_ecommerce_wrapper ul, #nav_ecommerce_wrapper p { float: left; width: 110px; } #nav_ecommerce_wrapper ul { padding-bottom: 5px; float: right !important; width: 110px; padding-right: 19px; } #nav_ecommerce_wrapper ul li { float: right !important; } #nav_ecommerce_wrapper ul li a { padding-left: 0px; text-align: right; white-space: nowrap !important; } #nav_ecommerce_wrapper ul li.first a { padding-left: 16px; } #nav_ecommerce_wrapper p { text-align: right; } #nav_ecommerce_wrapper p a { padding: 0px 0px 4px 19px; } #nav_ecommerce_wrapper .secure { float: right; width: 71px; padding-top: 4px; } /****************************** END :: my account / register section **********************/ /****************************** START :: main navigation **********************/ #nav_main { width: 795px; margin: 0px; position: relative; z-index: 50000; } #nav_main ul li.over iframe { display: block; left: -110px; width: 500px; } #nav_main ul li.po3 iframe { width: 182px; } #nav_main ul li iframe { display: none; } /************************ MAIN TOP NAVIGATION - TIER I :: START **********************/ #nav_main ul { float: left; padding-top: 3px; width: 795px; } #nav_main ul li { position: relative; } #nav_main ul li a { display: block; height: 26px; } #nav_main ul li a b { position: relative; left: -9999px; } #nav_main ul li a.nm1 { width: 65px; z-index: 50000; } #nav_main ul li a.nm2 { width: 97px; z-index: 50000; } #nav_main ul li a.nm3 { width: 132px; z-index: 50000; } #nav_main ul li a.nm4 { width: 135px; z-index: 50000; } #nav_main ul li a.nm5 { width: 159px; z-index: 50000; } #nav_main ul li a.nm6 { width: 58px; z-index: 50000; } /************************ MAIN TOP NAVIGATION - TIER I :: END **********************/ /************************ MAIN TOP NAVIGATION - TIER II :: START **********************/ #nav_main ul .nav_sub { position: absolute; left: -9999px; } #nav_main ul li:hover .nav_sub, #nav_main ul li.over .nav_sub { width: 182px; position: absolute; left: auto; top: 26px; padding-top: 2px; float: left; z-index: 500000; } #nav_main .nav_sub .nav_sub_wrapper { float: left; width: 182px; } #nav_main .sub_nav_end { float: left; width: 182px; padding-bottom: 19px; } #nav_main ul li ul { width: 175px; padding: 0px 0px 13px; } #nav_main ul ul li { float: none !important; padding: 0px 0px 4px; margin: 0px 17px; } #nav_main ul ul li a { height: auto; padding: 13px 0px 0px 0px; display: block; width: 139px !important; } #nav_main ul li:hover .long, #nav_main ul li.over .long { width: 502px; position: absolute; left: auto; top: 26px; padding-top: 2px; float: left; } #nav_main ul li .long .nav_sub_container { width: 502px; float: left; } #nav_main .long .nav_sub_wrapper { float: left; width: 502px; } #nav_main ul li .long ul { float: left; width: 156px; padding-top: 6px; } #nav_main ul .long ul li { float: none !important; padding: 0px 0px 3px; margin: 0px 0px 0px 17px; } #nav_main ul .long ul li a { height: auto; padding: 7px 0px 0px 0px; display: block; width: 139px !important; } #nav_main ul li .long .sub_nav_end { width: 502px; } #nav_main ul li:hover .long2, #nav_main ul li.over .long2 { width: 657px; position: absolute; left: auto; top: 26px; padding-top: 2px; float: left; } #nav_main ul li .long2 .nav_sub_container { width: 657px; float: left; } #nav_main .long2 .nav_sub_wrapper { float: left; width: 657px; } #nav_main ul li .long2 ul { float: left; width: 657px; padding-top: 6px; } #nav_main ul li .long2 ul { float: left; width: 156px; padding-top: 6px; clear: none; } #nav_main ul li .long2 ul ul { width: 139px; float: none; width: auto; } #nav_main ul li .long2 ul ul li { padding: 0px; margin: 0px; } #nav_main ul .long2 ul li { float: none !important; padding: 0px 0px 3px; margin: 0px 0px 0px 17px; } #nav_main ul .long2 ul li a { height: auto; padding: 7px 0px 0px 0px; display: block; width: 139px !important; } #nav_main ul li .long2 .sub_nav_end { width: 657px; } /************************ MAIN TOP NAVIGATION - TIER II :: END **********************/ /****************************** END :: main navigation **********************/ /****** Quick Links CI-80 ******/ .quick_links { float: left; width: 986px; padding-bottom: 12px; } .quick_links_wrapper { padding: 14px 0px 0px 22px; } .quick_links .quick_links_wrapper h2 { width: 94px; height: 12px; display: block; float: left; margin: 12px 10px 0px 0px; } .quick_links .quick_links_wrapper h2 b { position: relative; left: -9999px; } .quick_links .quick_links_wrapper ul { float: left; } .quick_links .quick_links_wrapper ul li { float: left; padding-right: 7px; } .quick_links .quick_links_wrapper ul li a { height: 42px; display: block; } .quick_links ul li a b { position: relative; left: -9999px; } .quick_links .quick_links_wrapper ul li.ql1 a { width: 70px; } .quick_links .quick_links_wrapper ul li.ql2 a { width: 70px; } .quick_links .quick_links_wrapper ul li.ql3 a { width: 138px; } .quick_links .quick_links_wrapper ul li.ql4 a { width: 114px; } .quick_links .quick_links_wrapper ul li.ql5 a { width: 114px; } /****** Quick Links CI-80 ******/ /****************************** START :: Left Navigation Sub Pages **********************/ #nav_secondary { padding-left: 10px; float: left; padding-bottom: 146px; } #nav_secondary_wrapper { padding-bottom: 14px; } #nav_secondary_container { float: left; } #nav_secondary h1 { width: 201px; height: 38px; padding-bottom: 8px; display: block; } #nav_secondary h1 b { position: relative; left: -9999px; } #nav_secondary_container p { width: 160px; padding: 12px 10px 0px 11px; } #nav_secondary .nav_secondary_wrapper { padding-bottom: 10px; } #nav_secondary dl { width: 201px; padding-bottom: 10px; } #nav_secondary dl dt { padding: 12px 0px 0px 0px; } #nav_secondary dl dt strong { padding: 1px 2px 12px 10px; display: block; margin-bottom: 12px; } #nav_secondary dl dd { padding: 0px 0px 6px; margin: 0px 11px 4px 10px; width: 161px; } #nav_secondary dl dd a { display: block; } #nav_secondary dl dd a b { padding-right: 16px; } #nav_secondary dl dd ul { padding: 3px 0px 6px; } #nav_secondary dl dd ul li { padding: 3px 0px 0px 8px; } #nav_secondary dl dd ul li ul { padding: 0px; } #nav_secondary dd.under ul { position: absolute; left: -9999px; } #nav_secondary dd.over ul { position: relative; left: 0px; } #nav_secondary dl.ns2 { padding-top: 18px; } /****************************** END :: Left Navigation Sub Pages **********************/ /****************************** END :: branding **********************/ /****************************** START :: content **********************/ #site_content { float: left; clear: both; width: 1009px; padding-top: 6px; margin-bottom: 8px; } #pop #site_content { width: 480px; } /****************************** START :: home **********************/ /****************************** START :: featured items spot **********************/ /****************************** START :: nature image hovers **********************/ #featured_products { float: left; position: relative; } #featured_products .product_list h1 { margin-left: 22px; width: 276px; height: 71px; position: relative; z-index: 2000; } #featured_products .product_list h2 { width: 172px; height: 148px; margin-top: 127px; position: relative; z-index: 2000; } #featured_products .featured_products_list_price { height: 13px; } #featured_products .product_list h1 b, #featured_products .product_list h2 b { position: relative; left: -9999px; } #featured_products .main_products { position: absolute; left: 0px; top: 0px; z-index: 5; } #featured_products .main_products .main_products_wrapper { float: left; } #featured_products .main_products ul { } #featured_products .main_products ul li { float: left; } #featured_products .main_products ul li a { } #featured_products .main_products ul li a b { position: relative; left: -9999px; } #featured_products .product_list p { position: absolute; top: 0px; width: 435px; top: 100px; left: 48px; color: #fff; line-height: 1.4em; font-size: 1.5em; } /****************************** END :: nature image hovers **********************/ /****************************** START :: featured image hovered - over **********************/ #featured_products .featured_spotlight { float: left; position: absolute; left: 706px; top: 10px; width: 285px; z-index: 100; padding-bottom: 16px; } #featured_products .featured_spotlight h1 { width: 285px; height: 46px; } #featured_products .featured_spotlight h1 b { position: relative; left: -9999px; } #featured_products .featured_spotlight .featured_spotlight_wrapper { padding-top: 12px; float: left; width: 285px; min-height: 264px; } #featured_products .featured_spotlight h2 { padding: 0px 36px 5px !important; height: 37px; overflow: hidden; } #featured_products .featured_spotlight p { padding-bottom: 2px; } #featured_products .featured_spotlight p.feat_spot { } #featured_products .featured_spotlight p img { width: 156px; height: auto; margin: 6px 0px 2px; } #featured_products .featured_spotlight ul { margin: 5px 0px 0px 42px; } #featured_products .featured_spotlight ul li { float: left; padding: 0px 0px 10px 16px; } #featured_products .featured_spotlight .featured_spotlight_wrapper .array_btns { height: 32px; float: left; width: 285px; vertical-align: bottom; padding-bottom: 15px; } #featured_products .featured_spotlight .featured_spotlight_wrapper .array_btns ul { margin-left: 114px; padding-bottom: 0px; } #featured_products .featured_spotlight .featured_spotlight_wrapper .array_btns ul li { float: left; padding:0px 8px 0px 0px; } #featured_products .featured_spotlight .featured_spotlight_wrapper .array_btns ul li a { width: 21px; height: 19px; display: block; float: left; } #featured_products .featured_spotlight .featured_spotlight_wrapper .array_btns ul li a b { position: relative; left: -9999px; } /****************************** END :: featured image hovered - over **********************/ /****************************** END :: featured items spot **********************/ /****************************** START :: homepage espots **********************/ .espot_container { float: left; padding: 0px 12px; margin-top: 0px; } .espot_container .espot_container_wrapper { width: 969px; float: left; padding: 9px 8px 0px; } /****************************** START :: espot - new gear **********************/ .espot_new_product { width: 255px; float: left; padding-right: 6px; position: relative; top: 0px; } .espot_new_product_container { padding-bottom: 17px; float: left; } .espot_new_product_wrapper { width: 255px; float: left; } .espot_new_product_wrapper h2 { width: 128px; height: 74px; } .espot_new_product_wrapper h2 b { position: relative; left: -9999px; } .espot_new_product_wrapper h3 { float: right; width: 156px; margin: 110px 0px 8px; } .espot_new_product_wrapper img { float: left; position: absolute; top: 65px; } .espot_new_product_wrapper p { float: left; padding-left: 22px; } .espot_new_product_wrapper ul { float: left; padding-left: 22px; margin-top: 5px; width: 230px; display: block; } .espot_new_product_wrapper ul li { float: left; padding-left: 14px; } .espot_new_product_wrapper ul li.first { padding: 0px; } /****************************** END :: espot - new gear **********************/ /****************************** START :: espot - share products **********************/ .espot_share_product { width: 394px; height: 248px; float: left; padding: 0px; } .espot_share_product h2 { width: 304px; height: 58px; margin-bottom: 24px; } .espot_share_product h2 b { position: relative; left: -9999px; } .espot_share_product p { width: 154px; margin-bottom: 15px; } .espot_share_product ul li a { padding: 1px 0px 3px 22px; } /****************************** END :: espot - share products **********************/ .spots_list { float: right; } .spots_list .spot_generic { margin-bottom: 6px; } .spot_hot_deal, .spot_hot_deal_wrapper { width: 293px;float: left; } .spot_hot_deal_container { float: left; width: 263px; padding: 12px 15px; } .hot_deal_img { float: left; width: 115px; padding: 0px 0px 10px; } .hot_deal_img h2 { padding: 7px 0px 5px 20px; margin-bottom: 5px; } .hot_deal_info { float: right; width: 125px; padding-right: 2px; } .hot_deal_info ul { padding: 2px 0px 9px; } .hot_deal_info h3 { padding-bottom: 5px; } .hot_deal_info p { padding-bottom: 6px; } /****************************** END :: homepage espots **********************/ /****************************** END :: home **********************/ /****************************** START :: SUBPAGES **********************/ #content_main { float: left; width: 542px; } #content_main_wrapper { margin-left: 6px; } #content_main_wide { float: left; width: 746px; } #content_main_wide_wrapper { margin-left: 6px; } #wide_content { float: left; clear: both; padding-left: 3px; } #content_main_wider { float: left; width: 790px; } #content_main_wider_wrapper { margin-left: 6px; } #content_main_pop { width: 480px !important; height: 580px; } #content_main_wide2 { float: left; width: 980px; } #content_main_wide2_wrapper { margin-left: 20px; } .page_title { float: left; padding: 0px 0px 0px 0px; width: 181px; } .page_title h1 { width: 181px; height: 159px; } .page_title h1 b { position: relative; left: -9999px; } .page_title h2 { width: 161px; height: 38px; padding: 13px 0px 0px 20px; } #title_container .page_title { padding-left: 20px; float: left; padding-bottom: 146px; } #full_title { padding-bottom: 12px; } #full_title h1 { width: 181px; height: 52px; } #full_title h1 b { position: relative; left: -9999px; } /****************************** START :: subpage header banner **********************/ .sub_banner_container { float: left; width: 530px; padding-bottom: 6px; margin-bottom: 6px; } .sub_banner { padding: 0px 0px 0px 0px; margin: 0px 0px 4px; } .sub_banner .sub_banner_wrapper { position: relative; height: 187px; } .sub_banner p { width: 255px; padding: 24px 0px 0px 24px; height: 84px; overflow: hidden; position: absolute; z-index: 40; } .sub_banner img { position: absolute; z-index: 30; } /****************************** START :: subpage header banner - image backgrounds **********************/ .sub_banner .mens { height: 187px; } .sub_banner .brands { height: 141px; } /****************************** END :: subpage header banner - image backgrounds **********************/ /****************************** END :: subpage header banner **********************/ /****************************** START :: breadcrumbs **********************/ .breadcrumbs { padding: 0px 8px 5px; float: left; } .breadcrumbs ul { float: left; } .breadcrumbs ul li { float: left; padding-left: 24px; } .breadcrumbs ul li.first { padding: 0px; } /****************************** END :: breadcrumbs **********************/ .checkout_placement { float: right; margin-top: 12px; } .checkout_placement ul li { float: left; } .checkout_placement ul li strong, .checkout_placement ul li a { height: 41px; display: block; } .checkout_placement ul li.cp1 strong { width: 136px; } .checkout_placement ul li.cp2 strong { width: 204px; } .checkout_placement ul li.cp3 strong { width: 142px; } .checkout_placement ul li b { position: relative; left: -9999px; } /****************************** START :: pagination / filter option **********************/ #sorting { padding: 0px 4px 5px; float: left; margin-bottom: 14px; } #sorting_wrapper { padding: 0px 4px; float: left; } #content_main_wider .compare { width: 776px; margin-bottom: 14px; float: left; display: block; } .compare { color: #583818; width: 680px !important; padding: 0px 4px; margin: 0px 0px; } .compare p { float: left; padding: 0px 0px; margin: 0px 0px 0px; } .compare p img { vertical-align: middle; } #sorting .breadcrumbs { margin: 5px 0px 0px; } #sorting .breadcrumbs p { float: left; margin-right: 5px; } #sorting .breadcrumbs ul { margin: 0px; } table.compare { width: auto !important; padding: 0px !important; background: #fff; } #content_main_wider .compare { width: 756px !important; } .text_content #sorting, .text_content #pagination { margin: 0px; padding-bottom: 0px; } /****************************** START :: pagination / filter option -filter **********************/ #content_main_wide #filter { width: 688px; } #content_main_wider #filter { width: 767px; } #filter { float: left; width: 520px; margin-bottom: 1px; } #filter #filter_wrapper { padding: 4px 10px 5px; } #filter #filter_wrapper label, #filter #filter_wrapper select, #filter #filter_wrapper input { float: left; margin: 2px 6px 0px 0px; } #filter #filter_wrapper label { padding-top: 2px; } #filter #filter_wrapper option { padding-right: 15px; } .form_action button { float: right; width: 60px; height: 22px; display: block; cursor: pointer; margin-left: 12px; } .form_action button.print_page { width: 91px; } .form_action button.email_friend { width: 132px; } .form_action a { float: right; padding-left: 12px; } #filter #filter_wrapper button.enter { display: block; float: left; margin-top: 2px; width: 24px; height: 23px; cursor: pointer; } #filter #filter_wrapper button b, .form_action button b { position: relative; left: -9999px; } #filter #filter_wrapper p { float: left; width: 360px; } /****************************** END :: pagination / filter option -filter **********************/ /****************************** START :: pagination / filter option -pagination **********************/ #pagination { float: left; width: 520px; padding-bottom: 6px; } #pagination_wrapper { padding: 4px 10px 5px; float: left; width: 500px; } #pagination fieldset, #pagination ul, #pagination ul li { float: left; } #pagination fieldset { padding-right: 50px; } #pagination fieldset select { width: 125px; } #pagination ul { float: left; } #pagination ul li { padding-left: 3px; } #pagination ul li.first { padding-right: 9px; } #pagination p { display: block; float: left; padding-left: 12px; } #pagination_secondary { float: left; padding: 6px 10px 5px; width: 520px; } #pagination_secondary ul { float: left; padding-left: 222px; } #pagination_secondary ul li { padding-left: 3px; float: left; } #pagination_secondary ul li.first { padding-right: 10px; } #pagination_secondary p { display: block; float: left; padding-left: 12px; } #content_main_wide #pagination { width: 688px; } #content_main_wide #pagination_wrapper { width: 668px; } #content_main_wide #pagination_secondary { width: 668px; } #content_main_wider #pagination { width: 747px; } #content_main_wider #pagination_wrapper { width: 747px; } #content_main_wider #pagination_secondary { width: 747px; } /****************************** END :: pagination / filter option -pagination **********************/ /****************************** END :: pagination / filter option **********************/ /****************************** START :: product category page - level I **********************/ .promo_window { width: 527px; float: left; padding: 0px 0px 6px 1px; position: relative; } .promo_window #promo img { position: absolute; z-index: 1; } .promo_window #promo, .promo_window #activity_promo { height: 338px; } .promo_window h2 { width: 299px; height: 45px; padding: 16px 0px 0px; margin: 195px 0px 16px; float: left; z-index: 50; position: absolute; } .promo_window h2 a { padding: 0px 27px 0px 20px; position: relative; z-index: 51; } .promo_window p b { position: relative; left: -9999px; } .promo_window ul { float: left; clear: left; padding-left: 52px; margin: 273px 0px 0px; width: 400px; z-index: 50; position: absolute; } .promo_window ul li { float: left; padding-right: 5px; } .promo_window ul li a { display: block; height: 30px; padding: 0px 0px 0px 9px; float: left; } .promo_window ul li a strong { padding: 8px 9px 8px 0px; height: 14px; display: block; width: auto; float: left; } .mini_promos { float: left; padding: 16px 0px 0px 3px; } .mini_promos h3 { width: 516px; padding: 0px 0px 6px 3px; } .mini_promos p { width: 516px; padding: 0px 0px 20px 3px; } .mini_promos .category_link { width: 255px; height: 105px; float: left; } .mini_promos .category_link h2 { padding-top: 12px; } .mini_promos .category_link p { width: 206px; margin-left: 25px; } .mini_promos #item1 { margin-right: 10px; } .mini_promos .activity_link { width: 266px; height: 109px; position: relative; float: left; padding-bottom: 8px; } .mini_promos .activity_link .activity_link_wrapper { float: left; width: 259px; height: 109px; } .mini_promos .activity_link .activity_link_container { top: 20px; position: absolute; left: 76px; } .mini_promos .activity_link .activity_link_container h2 { padding: 2px 0px 6px; padding-right: 26px; float: left; white-space: normal; max-width:140px; } .mini_promos .activity_link .activity_link_container p { width: 170px; clear: left; } /****************************** END :: product category page - level I **********************/ /****************************** START :: product category page **********************/ #product_category { float: left; clear: left; width: 536px; } #product_category_wrapper { margin-left: 8px; } #product_category .category { position: relative; padding: 10px 0px 0px; float: left; margin: 10px 0px 5px; } #product_category_wrapper input.qty{width:22px;} .compare button.add_to_cart{float:left; margin-left: 20px; border: none; background: url(../images/site/btn_add_to_cart.gif) left top no-repeat; border: none; cursor: pointer; width: 105px; height: 22px; margin-right: 189px;} /****************************** START :: product category page - level II **********************/ #product_category.level_2 .category { width: 132px; height: 175px; position: relative; top: 0px; } #product_category.level_2 .category h3 { position: absolute; margin-top: 120px; left: auto; width: 122px; z-index: 20; } #product_category.level_2 .category p { width: 122px; } /****************************** END :: product category page - level II **********************/ /****************************** START :: product category page - level III **********************/ #content_main_wider #product_category { width: 768px; } #content_main_wider #product_category_wrapper { width: 768px; float: left; } #content_main_wider .category { width: 190px; padding: 0px 0px 10px 0px; float: left !important; margin: 0px; display: block; } #product_category { } #content_main_wider .level_3 .category .product { display: block; width: 160px; overflow: hidden; float: left; } #content_main_wider .level_3 table td { vertical-align: top; } #content_main_wider .level_3 .category h3 { display: block; padding-bottom: 4px; } #content_main_wider .level_3 .category p { width: 125px; height: 154px; padding: 16px 4px 0px 0px; } #content_main_wider .level_3 .category p.color_chip { } #content_main_wider .level_3 .category p.color_chip img { padding-right: 2px; margin-bottom: 2px; } #content_main_wider .level_3 .category p img { } #content_main_wider .level_3 .category p.check_field { float: left; clear: none; } #content_main_wider .level_3 .category p.check_field label { float: left; } #content_main_wider .level_3 .category p.check_field input { float: left; width: 12px; margin-right: 5px; } #content_main_wider .level_3 .category p a { margin: 0px !important; padding: 0px !important; display: block; } #content_main_wider .level_3 p img { margin: 0px; } #content_main_wider .level_3 .product_descript { float: left; width: 160px; } #content_main_wider .level_3 .product_descript p { width: 160px; height: auto; padding: 0px 0px 8px; } #content_main_wider .level_3 .product_descript p img { padding: 0px 0px 0px; } #content_main_wider_wrapper .content_grid_wrapper { margin-left: 5px !important; margin-bottom: 10px !important; display: block; float: left; width: 710px !important; } #content_main_wider_wrapper .content_grid_wrapper table { width: 655px !important; } #content_main_wider_wrapper .content_grid_wrapper #pagination_secondary { width: 635px !important; } #content_main_wider_wrapper .content_grid_wrapper .compare { float: left; display: block; width: 635px !important; } /****************************** END :: product category page - level III **********************/ /****************************** END :: product category page **********************/ /****************************** START :: Brands - featured **********************/ #brand_logos { float: left; margin-bottom: 10px; width: 720px; padding: 5px 0px 12px 12px; } #brand_logos h2 { float: left; width: 141px; height: 12px; padding: 0px 33px 0px 0px; margin-top: 25px; } #brand_logos h2 b { position: relative; left: -9999px; } #brand_logos h3 { width: 136px; height: 64px; float: left; } #brand_logos h3 a { width: 131px; display: block; } #brand_logos h3 a img { margin-top: 6px; } /****************************** END :: Brands - featured **********************/ /****************************** START :: Brands - alphabet list **********************/ .brand_alpha_links { padding-left: 14px; width: 716px; } .brand_alpha_links h3, .brand_alpha_links ul, .brand_alpha_links ul li { float: left; } .brand_alpha_links h3 { width: 91px; height: 10px; padding-right: 16px; } .brand_alpha_links h3 b { position: relative; left: -9999px; } .brand_alpha_links ul { width: 600px; } .brand_alpha_links ul li { padding-left: 14px; } .brand_alpha_links ul li.first { padding: 0px; } /****************************** END :: Brands - alphabet list **********************/ /****************************** START :: Brands - Organized List of Brands by Letter **********************/ .alpha_brand { float: left; padding-left: 42px; width: 675px; margin-bottom: 12px; } .alpha_brand_wrapper { padding-top: 30px; float: left; } .alpha_brand h3, .alpha_brand ul, .alpha_brand ul li { float: left; } .alpha_brand h3 { width: 42px; height: 42px; padding: 0px 58px 0px 0px; } .alpha_brand h3 b { width: 40px; display: block; } .alpha_brand ul { width: 570px; } .alpha_brand ul li { padding: 0px 0px 12px 0px; width: 135px; } .alpha_brand p { float: right; } /****************************** START :: Brands - Organized List of Brands by Letter **********************/ #product_detail { float: left; clear: both; width: 730px; padding: 18px 0px 0px 6px; margin-top: 6px; height: auto; } #product_detail #prod_detail_descript { float: right; width: 326px; } #product_detail #prod_detail_descript .prod_detail_title { padding: 11px 0px 12px 8px; } #product_detail .prod_descript { padding: 0px 0px 0px 8px; } #product_detail .prod_descript p { padding: 0px 0px 8px 0px; } #product_detail #prod_detail_descript .prod_detail_title h2 { padding-bottom: 6px; } #product_detail #prod_detail_descript .prod_price { padding: 0px 0px 2px 8px; margin-bottom: 12px; width: 246px; float: left; } #product_detail #prod_detail_descript .prod_price .prod_price_wrapper { padding: 16px 0px 12px 14px; float: left; width: 223px; } #product_detail #prod_detail_descript .prod_price .prod_price_wrapper .pricing { float: left; width: 130px; } #product_detail #prod_detail_descript .prod_price .prod_price_wrapper h3 { padding-bottom: 8px; } #product_detail #prod_detail_descript .prod_price .prod_price_wrapper p { padding-bottom: 6px; } #product_detail #prod_detail_descript .prod_price .prod_price_wrapper p.hot_deal { float: right; width: 69px; padding-right: 12px; position: relative; top: -2px; } #product_detail #prod_detail_descript label { margin-bottom: 3px; float: left; } #product_detail #prod_detail_descript select, #product_detail #prod_detail_descript input, #product_detail #prod_detail_descript button { float: left; clear: left; } #product_detail #prod_detail_descript .color_mod, #product_detail #prod_detail_descript .field { padding-bottom: 10px; float: left; clear: left; padding-left: 8px; width: 238px; } #product_detail #prod_detail_descript .field .field_wrapper { float: left; } #product_detail #prod_detail_descript .color_mod p { clear: left; width: 238px; } #product_detail #prod_detail_descript .color_mod a { padding: 3px 5px 3px 3px; float: left; display: block; } #product_detail #prod_detail_descript .color_mod select { width: 160px; margin-top: 6px; } #product_detail #prod_detail_descript .field p, #product_detail #prod_detail_descript .field ul { float: right; } #product_detail #prod_detail_descript .field p { padding: 19px 40px 0px 0px; } #product_detail #prod_detail_descript .field ul { padding: 25px 22px 0px 0px; float: right; } #product_detail #prod_detail_descript .field ul li { padding-bottom: 2px; } #product_detail #prod_detail_descript .field select { width: 136px; } #product_detail #prod_detail_descript .field input { width: 42px; } #product_detail #prod_detail_descript p.status { width: 102px; padding: 5px 0px 0px 0px; float: left; } #product_detail #prod_detail_descript .field button.add_to_cart, #product_category_wrapper button.add_to_cart { width: 102px; height: 22px; display: block; margin-top: 12px; } #availability_none, #availability_AVL, #availability_UAVL, #availability_BO { display: block; float: left; } #availability_none p.status, #availability_AVL p.status, #availability_UAVL p.status, #availability_BO p.status { float: left; clear: left; display: inline; } #availability_none a, #availability_AVL a, #availability_UAVL a, #availability_BO a { float: left; clear: left; } #product_detail #prod_detail_descript a.add_to_cart { display: block; margin-top: 12px; float: left; clear: left; } #product_detail #prod_detail_descript .field button.add_to_cart b { position: relative; left: -9999px; } #product_detail #prod_detail_descript .prod_brand { float: left; clear: both; width: 226px; padding: 5px 8px 5px; position: relative; z-index: 80; } #product_detail #prod_detail_descript .prod_brand p { padding-top: 0px; padding-bottom: 13px; } #product_detail #prod_detail_descript .prod_brand .brand_logo { width: 105px; float: left; padding: 5px 15px 0px 0px; position: relative; z-index: 5; } #product_detail #prod_detail_descript .prod_brand .brand_logo p { display: block; width: 105px; padding: 0px 0px 12px; } #product_detail .prod_img { float: left; width: 366px; padding-bottom: 14px; position: relative; z-index: 20; } #product_detail .prod_img h3 { padding: 10px 0px 0px 8px; } #product_detail .prod_img p img { padding-top: 8px; } #product_detail .prod_img p.mag { padding: 12px 0px 18px; } #product_detail .prod_img p.mag a { padding: 0px 0px 9px 19px; } #product_detail .prod_img .alternate_thumbs { } #product_detail .prod_img .alternate_thumbs ul { width: 157px; display: block; padding-left: 57px; } #product_detail .prod_img .alternate_thumbs ul li { padding: 0px 5px 5px 0px; float: left; } #product_detail .prod_img .alternate_thumbs ul li a { width: 45px; height: 40px; display: block; text-align: center; padding-top: 5px; } #product_detail .note { margin-bottom: 10px; padding-left: 8px; float: left; display: block; width: 366px; position: relative; z-index: 60; } .comparison { padding: 0px 0px 0px 8px; float: left; width: 366px; margin-bottom: 10px; position: relative; z-index: 255; } #prod_frame { float: left; clear: both; width: 730px; padding-top: 3px; position: relative; top: -33px; margin: 44px 0px 0px; } #prod_frame_wrapper { padding: 30px; margin-left: 13px; padding: 18px 16px 24px; } #prod_info_tabs { float: left; clear: both; padding-top: 34px; position: relative; top: -33px; width: 730px; z-index: 20; } #prod_info_tabs #tabs { padding-left: 13px; float: left; width: 717px; padding-bottom: 2px; } #prod_info_tabs #tabs ul { float: left; padding-right: 3px; } #prod_info_tabs #tabs ul li { float: left; } #prod_info_tabs #tabs ul li a { display: block; height: 30px; } #prod_info_tabs #tabs ul li a.it1 { width: 87px; } #prod_info_tabs #tabs ul li a.it2 { width: 145px; } #prod_info_tabs #tabs ul li a.it3 { width: 122px; } #prod_info_tabs #tabs ul li a.it4 { width: 85px; } #prod_info_tabs #tabs ul li a.it5 { width: 60px; } #prod_info_tabs #tabs ul li a b { position: relative; left: -9999px; } #prod_info_tabs #prod_info_content { float: left; width: 730px; } #prod_info_tabs #prod_info_content .prod_info_content_wrapper { margin: 0px 9px 0px 13px; padding: 18px 16px 24px; } #prod_info_tabs #prod_info_content p { padding-bottom: 16px; } #prod_info_tabs #prod_info_content table { } #prod_info_tabs #prod_info_content #features p { padding-bottom: 0px; } #prod_info_tabs #prod_info_content #features ul { padding-top: 16px; } #prod_info_tabs #prod_info_content #features ul li { padding: 0px 0px 6px 8px; } #prod_info_tabs #prod_info_content table { width: 650px; } #prod_info_tabs #prod_info_content table td { vertical-align: middle; padding: 16px 0px; } #prod_info_tabs #prod_info_content table tr.first td { padding-top: 0px; } #prod_info_tabs #prod_info_content table td .men { width: 42px; height: 42px; display: block; } #prod_info_tabs #prod_info_content table td .men b { position: relative; left: -9999px; } #prod_info_tabs #prod_info_content table td .women { width: 42px; height: 42px; display: block; } #prod_info_tabs #prod_info_content table td .women b { position: relative; left: -9999px; } #prod_info_tabs #prod_info_content .on { display: block; } #prod_info_tabs #prod_info_content .off { position: absolute; left: -9999px; } #prod_info_tabs #prod_info_content .offpwr { display: none; } div.disclaim { float: left; clear: both; padding-left: 13px; width: 500px; margin-bottom: 12px; } /* checkout process */ .saved_address { padding-bottom: 12px; } .saved_address .field, .saved_address p { padding-left: 12px; } #checkout_addresses_id { padding-bottom: 18px; } .checkout_addresses { float: left; padding: 3px 6px 18px; } .checkout_addresses .checkout_addresses_wrapper { float: left; padding-bottom: 22px; } .address_selected { padding: 0px 0px 2px 8px; margin-bottom: 12px; width: 210px; position: relative; z-index: 2; } .address_selected .address_selected_wrapper { padding: 16px 0px 12px 0px !important; display: block; } .address_selected .address_selected_wrapper h3 { padding-bottom: 0px; margin-bottom: 0px; } .address_selected .address_selected_wrapper p { padding: 0px 0px 6px; } .billing_selected { padding: 0px 0px 2px 8px; margin-bottom: 12px; width: 210px; } .billing_selected .billing_selected_wrapper { padding: 16px 0px 12px 0px !important; display: block; } .billing_selected .billing_selected_wrapper p { padding: 0px 0px 6px; } .gift { padding: 16px 0px 26px 12px; float: left; clear: both; width: 100%; } /****************************** START :: SINGLE COLUMN FOR MULTIPLE COLUMNS IN CONTENT AREA **********************/ .module_container { width: 259px; margin-top: 12px; float: left; } .module_container_wrapper { padding: 0px 12px; } .module_container h3, .module_container_short h3 { margin-bottom: 12px; } .module_container dl, .module_container_short dl { margin-bottom: 12px; } .module_container dl dd, .module_container_short dl dd { padding-left: 12px; } #content_main_wide .module_container { width: 355px; } #content_main_wide2 .module_container { width: 302px; } .module_container_short { width: 233px; float: left; } .module_container_short_wrapper { padding: 0px 12px; } .h_list dl { float: left; width: 259px; margin-bottom: 24px; } .h_list dl dd { padding-left: 12px; } #site_map { float: left; margin: 12px 0px; } /****************************** END :: SINGLE COLUMN FOR MULTIPLE COLUMNS IN CONTENT AREA **********************/ /****************************** START :: Contact Us Box **********************/ .contact { float: left; clear: both; padding-left: 12px; margin-top: 12px; } .contact_us { width: 518px; float: left; position: relative; top: 0px; } .contact_us_container { padding-bottom: 17px; float: left; width: 518px; } .contact_us_wrapper { width: 518px; float: left; } .contact_us_wrapper h2 { width: 128px; height: 74px; z-index: 10; position: relative; } .contact_us_wrapper h2 b { position: relative; left: -9999px; } .contact_us_content { position: relative; top: -5px; left: 25px; float: left; z-index: 30; } .contact_us_content h3, .contact_us_content ul, .contact_us_content p { padding-bottom: 12px; } .contact_us_content ul li { padding-bottom: 3px; } .contact_us_content p.note { width: 207px; padding-bottom: 0px; } .contact_us .store { float: right; padding: 0px 18px 0px 0px; position: relative; top: -55px; } /****************************** END :: Contact Us Box **********************/ /****************************** START :: Order Box **********************/ .order { margin-bottom: 15px; } .order h2 { width: 241px; height: 52px; } .order h2 b { position: relative; left: -9999px; } .order_details { padding-bottom: 19px; } .order_details_wrapper { margin: 0px 13px 0px 6px; padding: 12px 16px 10px 16px; } .order_details_wrapper .order_grid table { width: 190px; } .order_details_wrapper .order_grid table caption { display: none; } .order_details_wrapper .order_grid table td { padding: 0px 10px 8px; } /****************************** END :: Order Box **********************/ /****************************** START :: Questions / Assistance Box **********************/ .questions { margin-bottom: 15px; } .questions h2 { width: 241px; height: 52px; } .questions h2 b { position: relative; left: -9999px; } .questions_details { padding-bottom: 19px; } .questions_details_wrapper { margin: 0px 13px 0px 6px; padding: 12px 16px 10px 16px; } .questions_details_wrapper h3 { padding-bottom: 5px; } .questions_details_wrapper p { padding-bottom: 10px; } /****************************** END :: Questions / Assistance Box **********************/ /****************************** START :: Wide Content Area Simple Text Layout **********************/ .text_content { clear: both; padding: 12px 0px 0px 12px; } .section_module { margin-bottom: 14px; padding: 0px 12px 12px 0px; width: 97%; clear: left; } .page_intro { width: 100%; padding: 0px 12px 0px 0px; float: left; } .page_intro p { padding-bottom: 5px; } .text_content h2 { padding-bottom: 12px; } .text_content h3 { padding: 6px 0px 4px; } .text_content h3 .edit, .text_content dt .edit { margin-left: 6px; } .text_content .module_container h3 { padding-top: 0px; } .text_content p, .text_content ul { padding-bottom: 12px; } .text_content #pagination p, .text_content #pagination ul { padding-bottom: 0px; } .text_content p.mini_header { padding-bottom: 2px; } .text_content p.note { float: left; } .text_content li { padding-bottom: 3px; } .text_content .page_descript { float: left; } .text_content .page_descript p { width: 320px; float: none; } .text_content .page_descript img { float: none; } .text_content .live_help { float: right; } .text_content p img { float: right; padding-top: 15px; } .text_content .module_container p img, .text_content .content_grid p img, .text_content p a img { float: none; padding: 0px 0px 4px; } .text_content .content_grid input { width: 18px; } .address_actions a { margin-right: 8px; } .text_content .account_category { float: left; width: 250px; height: 125px; padding-left: 10px; } .text_content .account_category p { width: 220px; } #content_main .content_grid, #content_main_pop .content_grid { width: 470px; } #content_main_wider .content_grid_wrapper { float: left; display: block; margin-bottom: 12px; } #content_main_wider .content_grid { float: left; display: block; } #content_main_wide .content_grid, #content_main_wider .content_grid { width: 650px !important; } .content_grid_wrapper { padding: 2px 6px 0px; margin-top: 12px; float: left; } .content_grid { padding: 12px 32px 12px 16px; } .content_grid table { padding: 0px 0px 10px 0px; float: left; clear: both; } .content_grid table td { padding: 12px 16px 12px 0px !important; } .text_content .content_grid h3 { float: left; } .text_content .content_grid p { float: right; } .text_content .content_grid fieldset { } .text_content .content_grid fieldset label { float: none; clear: none; display: inline; width: auto !important; text-align: right;} .text_content .content_grid fieldset input { float: none; clear: none; display: inline !important; } .normal_grid { padding: 12px 0px 10px 0px; float: left; clear: both; } .normal_grid caption { padding-bottom: 12px; } .normal_grid td { padding: 0px 12px 6px; } .frm_action_mult_col { float: left; clear: both; padding: 16px 12px 0px 12px; width: 400px; } .frm_action_mult_col p a { float: left; padding-right: 12px; } .content_grid table caption { display: none; } .content_grid table tr th { padding: 0px 26px 4px 0px; } .content_grid table tr td { padding: 8px 26px 8px 0px !important; vertical-align: top; } .text_content .content_grid table tfoot td { padding-top: 8px; } .text_content .content_grid table p { float: none; } .text_content .content_grid table .thumb, #content_main_wider .content_grid table .thumb { width: 275px !important; } .text_content .content_grid table .thumb_prod { width: 75px !important; height: 85px; float: left; display: block; padding: 8px 4px 0px 0px; } .text_content .content_grid table .thumb_cont { width: 190px !important; float: left; } .text_content .content_grid table fieldset a { display: block; margin-top: 5px; } .text_content .content_grid table p.qty { width: 84px; } .text_content .content_grid table p.qty input { float: left; width: 16px; padding: 0px 3px; } .text_content .content_grid table p.qty a img { float: left; clear: none; padding-left: 4px; } .text_content .content_grid table td.price p { } #content_main_wider .content_grid table a { } #content_main_wider .content_grid table a img { width: 50px !important; height: auto !important; float: left; } #content_main_wider .content_grid table button { float: right; } #content_main_wider .content_grid table .thumb_cont { width: 190px; float: right; } #content_main_wider .content_grid table h3 { width: 190px; float: right; } .grid_action { width: 685px; } .grid_action a { float: right; } fieldset.trailmail label, fieldset.trailmail input { float: left; } fieldset.trailmail label { padding: 6px 8px 0px 0px; } fieldset.trailmail input { width: 145px; } fieldset.trailmail button { width: 68px; height: 23px; display: block; float: left; } fieldset.trailmail button b { position: relative; left: -9999px; } .main_frm .frm_action { float: left; clear: both; padding: 2px 0px 0px 103px; } .main_frm .frm_action p { width: auto; } .main_frm .frm_action p img { float: none; } .main_frm .frm_cancel { float: left; clear: none; padding: 2px 0px 0px 10px; } .main_frm button span { position: relative; left: -99999px; } .main_frm fieldset { padding-bottom: 18px; } .main_frm .field { display: block; width: 309px; } .main_frm label { width: 120px; padding: 8px 8px 0px 0px; float: left; margin-bottom: 4px; } .main_frm label.cal { padding: 2px 8px 0px 0px; } .main_frm label img { margin: 0px; padding: 0px; vertical-align: top; } .main_frm select.short { width: 65px !important; margin-right: 8px; } .main_frm select.date { width: 48px !important; margin-right: 3px; } .main_frm select.year { width: 59px !important; margin-right: 3px; } .main_frm input.short { width: 35px !important; margin-right: 6px; } .main_frm input.long { width: 93px !important;} .main_frm input, .main_frm textarea { width: 154px; float: left; margin-top: 4px !important; } .main_frm textarea { height: 50px; } .main_frm .small { padding-left: 128px; } .main_frm .small input { width: 14px; height: 15px; float: left; } .main_frm .small label { width: 142px; float: left; padding: 4px 0px 0px 6px; } .main_frm select { width: 168px; margin-top: 4px; } .main_frm .frm_action { padding-left: 128px; } .main_frm { } .main_frm .field { float: left; clear: both; } .main_frm legend { padding-bottom: 4px; } .frm_action button.sign_in { height: 22px; width: 65px; } .frm_action button.sign_in strong { position: relative; left: -9999px; } .radio { } .radio label.small { padding: 5px 12px 0px 2px; width: auto; } .radio label.long { padding: 3px 12px 0px 4px; width: 270px; } .radio label.medium { padding: 3px 12px 0px 4px; width: 140px; } .radio input { width: 14px; height: 15px; float: left; margin: 3px 0px; border: none; } #content_main .module_container .main_frm .field { width: 120px; } #content_main .module_container .main_frm label { padding: 6px 8px 0px 0px; float: left; width: 95px; } #content_main .module_container .main_frm label.small { width: auto; float: none; } #content_main .module_container .main_frm input { width: 117px; } #content_main .module_container .main_frm select { width: 130px; } #content_main .module_container .main_frm .small { padding-left: 103px; } #content_main .module_container .main_frm .small input { width: 12px; float: left; } #content_main .module_container .main_frm .small label { width: 112px; float: left; padding: 0px 0px 0px 6px; } #content_main .module_container .main_frm p img { padding-left: 103px; } #content_main_wide2 .module_container .main_frm .field { width: 275px; } #content_main_wide2 .module_container .main_frm .field label { width: 115px; } #content_main_wide2 .module_container .main_frm .field input { width: 135px; } #content_main_wide2 .module_container .main_frm .frm_action { padding-left: 123px; } /****************************** END :: Wide Content Area Simple Text Layout **********************/ /****************************** START :: subpage espots **********************/ #content_spots { float: right; width: 253px; } #content_spots_wrapper { padding-right: 12px;} #content_spots_question { float: right; clear : right; width: 253px; padding: 5px 0; margin: 5px 0; } /****************************** START :: hot deals espot **********************/ .spot_prod_highlight { margin-bottom: 15px; } .spot_prod_highlight h2 { width: 241px; height: 52px; } .spot_prod_highlight_details { padding-bottom: 19px; } .spot_prod_highlight_details_wrapper { margin: 0px 13px 0px 6px; padding: 12px 0px 10px 16px; } .spot_prod_highlight_details_wrapper h3 { padding-bottom: 5px; } .spot_prod_highlight_details_wrapper p { padding-bottom: 10px; } .spot_prod_highlight_details_wrapper ul { padding-bottom: 10px; } .spot_prod_highlight_details_wrapper ul li { float: left; padding-left: 12px; } .spot_prod_highlight_details_wrapper ul li.first { padding: 0px; } /****************************** END :: hot deals espot **********************/ /****************************** START :: web special espot **********************/ .spot_prod_sale { margin-bottom: 15px; } .spot_prod_sale h2 { width: 241px; height: 52px; } .spot_prod_sale_details { padding-bottom: 19px; } .spot_prod_sale_details_wrapper { margin: 0px 13px 0px 6px; padding: 12px 0px 10px 16px; } .spot_prod_sale_details_wrapper h3 { padding-bottom: 5px; } .spot_prod_sale_details_wrapper p { padding-bottom: 10px; } .spot_prod_sale_details_wrapper ul { padding-bottom: 10px; } .spot_prod_sale_details_wrapper ul li { float: left; padding-left: 12px; } .spot_prod_sale_details_wrapper ul li.first { padding: 0px; } /****************************** END :: web special espot **********************/ .live_help_wrapper { padding-bottom: 18px; width: 233px; } .live_help_container { width: 233px; height: 129px; } .live_help_container .live_help_container_wrapper { position: relative; left: -9999px; } .x_sells { float: left; width: 237px; } .x_sells_wrapper { padding: 22px 20px 20px; float: left; } .x_sells_wrapper h3 { padding: 0px 10px 16px; } .x_sells_wrapper .x_sells_prod_container { width: 197px; } .x_sells_wrapper .x_sells_prod_container .x_sells_prod_container_wrapper { padding: 20px 10px 5px 7px; } .x_sells_wrapper .x_sells_prod_container .x_prod { padding-bottom: 35px; } .x_sells_wrapper .x_sells_prod_container .x_prod p { padding-bottom: 4px; } .x_sells_wrapper .x_sells_prod_container .x_prod p img { padding-bottom: 8px; } .x_sells_wrapper .x_sells_prod_container .x_prod ul { padding: 0px 10px 0px 30px !important; } .x_sells_wrapper .x_sells_prod_container .x_prod ul li { float: left; padding-right: 10px; } .generic_spot { margin-bottom: 20px; } .generic_spot .print { margin-top: 12px; } /****************************** END :: subpage espots **********************/ /****************************** START :: SUBPAGES **********************/ .error { width: 201px; margin: 0px 0px 12px; padding: 35px 12px 6px; } .error .error_wrapper { } .fyi { padding: 12px; margin-bottom: 12px; margin-right: 6px; } .fyi p { padding-bottom: 0px; } .main_frm .error { padding: 0px; margin: 0px; width: auto; float: left; width: 300px; } /****************************** END :: content **********************/ /****************************** START :: footer **********************/ /****************************** START :: footer navigation **********************/ /****************************** START :: footer navigation -- SUBPAGES ONLY **********************/ #sub_suplementary { position: relative; left: 0px; top: 0px; padding-left: 21px; float: left; } #sub_suplementary p { position: absolute; top: -133px; } #sub_suplementary p a { width: 175px; height: 133px; display: block; } #sub_suplementary p a b { position: relative; left: -9999px; } #sub_suplementary.right { padding-left: 801px; } /****************************** END :: footer navigation -- SUBPAGES ONLY **********************/ #branding_supplementary { float: left; clear: both; width: 1009px; } #branding_supplementary_wrapper { width: 975px; margin-left: 12px; padding-top: 10px; padding-left: 10px; } #branding_supplementary #nav_supplementary { float: right; width: 412px; } #branding_supplementary #nav_supplementary #nav_supplementary_wrapper { margin-right: 12px; } #branding_supplementary #nav_supplementary h2 { width: 99px; height: 34px; display: block; margin-bottom: 8px; } #branding_supplementary #nav_supplementary h2 b { position: relative; left: -9999px; } #branding_supplementary #nav_supplementary h2, #branding_supplementary #nav_supplementary p, #branding_supplementary #nav_supplementary ul { float: right; clear: right; margin-bottom: 3px; } #branding_supplementary #nav_supplementary ul li { float: left; padding-left: 12px; } #branding_supplementary #nav_supplementary ul li.first { padding: 0px; } /****************************** END :: footer navigation **********************/ /****************************** START :: Trail Mail Sign Up **********************/ #email_campaign { width: 296px; height: 102px; float: left; } #email_campaign fieldset { padding: 15px 0px 0px 19px; } #email_campaign fieldset label { width: 121px; height: 19px; display: block; float: left; margin-bottom: 8px; } #email_campaign fieldset label b { position: relative; left: -9999px; } #email_campaign input { width: 168px; float: left; } #email_campaign button { width: 68px; height: 23px; display: block; float: left; } #email_campaign button b { position: relative; left: -9999px; } .mail_questions { margin-top: 4px; float: right; } #email_campaign ul { padding-right: 30px; width: 225px; } #email_campaign ul li { float: left; padding-left: 12px; } /****************************** END :: Trail Mail Sign Up **********************/ /****************************** START :: Company Information Links **********************/ #nav_supplementary_secondary { float: left; clear: both; width: 1009px; margin: 6px 0px 10px; } #nav_supplementary_secondary_wrapper { width: 985px; margin-left: 12px; padding: 10px 0px; } #nav_supplementary_secondary_wrapper dl { float: right; } #nav_supplementary_secondary_wrapper dt, #nav_supplementary_secondary_wrapper dd { float: left; } #nav_supplementary_secondary_wrapper dd { padding-left: 9px; } /****************************** END :: Company Information Links **********************/ /****************************** END :: footer **********************/ .end_shadow { padding-bottom: 30px; height: 30px; margin: 0px auto 30px; padding: 0px; } .beta { position: absolute; top: 0px; left: auto; } .beta p { display: block; float: left; width: 165px; height: 65px; } .beta p strong { position: relative; left: -9999px; } .discount_wrapper{float:left;} /****************************** END :: page **********************/ /* clearfix */ .clearfix:after, #container:after, #wrapper:after, #branding_wrapper:after, #nav_secondary dl:after, #product_category_wrapper:after, .section_module:after, .prod_img .alternate_thumbs ul:after, #prod_info_content:after, .content_grid:after, .content_grid_wrapper:after, .category:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix, #container, #wrapper, #branding_wrapper, #nav_secondary dl, #product_category_wrapper, .section_module, .prod_img .alternate_thumbs ul, #prod_info_content, .content_grid, .content_grid_wrapper, .category { display: table; } /* Hides from IE-mac \*/ * html .clearfix, * html #container, * html #wrapper, * html #branding_wrapper, * html #nav_secondary dl, * html #product_category_wrapper, * html .section_module, * html .prod_img .alternate_thumbs ul, * html #prod_info_content, * html .content_grid, * html .content_grid_wrapper, * html .category {height: 1%;} /* Start: CI-40 new home page styles */ table.PromoAreaSectionG { width:655px; position:relative; overflow:hidden; padding:0px; margin:0px; z-index:40; } table.PromoAreaSectionG #SectionGSidebar { width:230px; background:#fff; text-align:center; z-index:30; } table.PromoAreaSectionG #SectionGSidebar a:link { display:block; width:100%; background:#ffffff; font-size:12px; text-decoration:none; position:relative; } table.PromoAreaSectionG #SectionGSidebar a:visited { display:block; width:100%; background:#ffffff; font-size:12px; text-decoration:none; position:relative; } table.PromoAreaSectionG #SectionGSidebar a:hover { background-color:#cddfe4; } table.PromoAreaSectionG #SectionGSidebar a h4 { color:#003341; text-align:center; padding:13px 11px 10px 11px; position:relative; font-size:14px; font-weight: bold; } table.PromoAreaSectionG #SectionGSidebar a p { color:#003341; text-align:center; padding:0px; position:relative; } table.PromoAreaSectionG #SectionGSidebar a.selected { width:257px; height:68px; background:url(/wcsstore/Campmor/static/images/home/TabWithArrow.png) no-repeat; z-index:20;} table.PromoAreaSectionG #SectionGSidebar a.selected:hover h4 { color:#cddfe4; margin-left:-27px; } table.PromoAreaSectionG #SectionGSidebar a.selected:hover p { color:#cddfe4; margin-left:-27px; } table.PromoAreaSectionG #SectionGSidebar a.selected h4 { color:#fff; margin-left:-27px; } table.PromoAreaSectionG #SectionGSidebar a.selected p { color:#fff; margin-left:-27px; } table.PromoAreaSectionG #SectionGImage { width:425px; padding:0px; z-index:10; } #table.PromoAreaSectionG #SectionGSidebar a.selected span { display:block; position:absolute; top:0px; } #table.PromoAreaSectionG #SectionGSidebar a.selected span span { height:100%; } #table.PromoAreaSectionG #SectionGSidebar a span img { height:100%; position:absolute; top:0px; left:0px; } #multi-level { z-index:100; position:relative; height:26px; } .menu { list-style-type: none; margin: 0px; padding: 0px; font-family: arial, sans-serif; height:26px; width:800px; } .menu UL { padding: 0px; list-style-type: none; margin: 0px; font-family: arial, sans-serif; } .menu LI.top { position: relative; display: block; float: left; } .menu LI.top A.top_link { display: block; float: left; height: 26px; } .menu LI.top A SPAN { z-index: 0; position: absolute; font-size: 10px; top: 0px; left: -9999px; } .menu LI.p1 { height: 26px; padding-left:20px; padding-right:3px; } .menu LI.p2 { height: 26px; padding-left:3px; padding-right:3px; } .menu LI.p3 { height: 26px; padding-left:3px; padding-right:3px; } .menu LI.p4 { height: 26px; padding-left:3px; padding-right:3px; } .menu LI.p5 { height: 26px; padding-left:3px; padding-right:3px; } .menu LI.p6 { height: 26px; padding-left:3px; padding-right:3px; } .menu LI.p7 { height: 26px; padding-left:3px; padding-right:3px; } .menu LI.p8 { height: 26px; padding-left:15px; } .menu UL { POSITION: absolute; WIDTH: 0px; HEIGHT: 0px; TOP: -9999px; LEFT: -9999px; } .menu :hover UL UL { POSITION: relative; WIDTH: 0px; HEIGHT: auto; TOP: 0px; LEFT: 0px; } .menu :hover UL :hover UL UL { POSITION: absolute; WIDTH: 0px; HEIGHT: 0px; TOP: -9999px; LEFT: -9999px } .menu :hover UL :hover UL :hover UL UL { POSITION: absolute; WIDTH: 0px; HEIGHT: 0px; TOP: -9999px; LEFT: -9999px } .menu :hover UL :hover UL :hover UL :hover UL UL { POSITION: absolute; WIDTH: 0px; HEIGHT: 0px; TOP: 0px; LEFT: 0px } .menu :hover UL.sub { BORDER-BOTTOM: #194151 4px solid; BORDER-LEFT: #194151 4px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; WIDTH: 675px; PADDING-RIGHT: 0px; WHITE-SPACE: nowrap; BACKGROUND: #fff; HEIGHT: auto; BORDER-TOP: #194151 4px solid; TOP: 26px; BORDER-RIGHT: #194151 4px solid; PADDING-TOP: 10px; LEFT: -50px; } .menu :hover UL.sub LI { POSITION: relative; WIDTH: 225px; DISPLAY: block; FLOAT: left; HEIGHT: 26px } .menu :hover UL.sub LI A { BORDER-BOTTOM: #fff 0px solid; BORDER-LEFT: #fff 3px solid; LINE-HEIGHT: 20px; TEXT-INDENT: 10px; WIDTH: 219px; DISPLAY: block; HEIGHT: 20px; COLOR: #194151; FONT-SIZE: 11px; BORDER-TOP: #fff 0px solid; BORDER-RIGHT: #fff 0px solid; TEXT-DECORATION: none; white-space: nowrap; } .menu :hover UL.sub LI A.fly { BACKGROUND: #194151 no-repeat 225px 7px } .menu :hover UL.sub LI A:hover { BACKGROUND: #194151; COLOR: #fff } .menu :hover UL.sub LI A.fly:hover { BACKGROUND: #37a237 no-repeat 225px 7px; COLOR: #fff } .menu :hover UL LI:hover > A.fly { BACKGROUND: #37a237 no-repeat 225px 7px; COLOR: #fff } .menu :hover UL.sub2 { BORDER-BOTTOM: #194151 4px solid; BORDER-LEFT: #194151 4px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; WIDTH: 700px; PADDING-RIGHT: 0px; WHITE-SPACE: nowrap; BACKGROUND: #fff; HEIGHT: auto; BORDER-TOP: #194151 4px solid; TOP: 26px; BORDER-RIGHT: #194151 4px solid; PADDING-TOP: 10px; LEFT: -100px; } .menu :hover UL.sub2 LI { POSITION: relative; WIDTH: 175px; DISPLAY: block; FLOAT: left; HEIGHT: auto; } .menu :hover UL.sub2 LI A { BORDER-BOTTOM: #fff 0px solid; BORDER-LEFT: #fff 3px solid; LINE-HEIGHT: 20px; TEXT-INDENT: 10px; WIDTH: 169px; DISPLAY: block; HEIGHT: 20px; COLOR: #194151; FONT-SIZE: 11px; BORDER-TOP: #fff 0px solid; BORDER-RIGHT: #fff 0px solid; TEXT-DECORATION: none } .menu :hover UL.sub2 LI A.fly { BACKGROUND: #194151 no-repeat 175px 7px } .menu :hover UL.sub2 LI A:hover { BACKGROUND: #194151; COLOR: #fff } .menu :hover UL.sub2 LI A.fly:hover { BACKGROUND: #37a237 no-repeat 175px 7px; COLOR: #fff } .menu :hover UL LI:hover > A.fly { BACKGROUND: #37a237 no-repeat 175px 7px; COLOR: #fff } .menu :hover UL.sub2 LI ul.sub3 { width: 175px; padding: 0px 0px 13px; } .menu :hover UL.sub2 LI ul.sub3 li { POSITION: relative; WIDTH: 175px; DISPLAY: block; FLOAT: left; HEIGHT: 26px } .menu :hover UL.sub2 LI ul.sub3 li A { BORDER-BOTTOM: #fff 0px solid; BORDER-LEFT: #fff 3px solid; LINE-HEIGHT: 20px; TEXT-INDENT: 10px; WIDTH: 169px; DISPLAY: block; HEIGHT: 20px; COLOR: #194151; FONT-SIZE: 11px; BORDER-TOP: #fff 0px solid; BORDER-RIGHT: #fff 0px solid; TEXT-DECORATION: none } .menu :hover UL.sub2 LI ul.sub3 li A.fly { BACKGROUND: #194151 no-repeat 175px 7px } .menu :hover UL.sub2 LI ul.sub3 li A:hover { BACKGROUND: #194151; COLOR: #fff } .menu :hover UL.sub2 LI ul.sub3 li A.fly:hover { BACKGROUND: #37a237 no-repeat 175px 7px; COLOR: #fff } .menu :hover UL.subBrands { BORDER-BOTTOM: #194151 4px solid; BORDER-LEFT: #194151 4px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; WIDTH: 450px; PADDING-RIGHT: 0px; WHITE-SPACE: nowrap; BACKGROUND: #fff; HEIGHT: auto; BORDER-TOP: #194151 4px solid; TOP: 26px; BORDER-RIGHT: #194151 4px solid; PADDING-TOP: 10px; LEFT: -50px; } .menu :hover UL.subBrands LI { POSITION: relative; WIDTH: 150px; DISPLAY: block; FLOAT: left; HEIGHT: 26px } .menu :hover UL.subBrands LI A { BORDER-BOTTOM: #fff 0px solid; BORDER-LEFT: #fff 3px solid; LINE-HEIGHT: 20px; TEXT-INDENT: 10px; WIDTH: 144px; DISPLAY: block; HEIGHT: 20px; COLOR: #194151; FONT-SIZE: 11px; BORDER-TOP: #fff 0px solid; BORDER-RIGHT: #fff 0px solid; TEXT-DECORATION: none } .menu :hover UL.subBrands LI A.fly { BACKGROUND: #194151 no-repeat 150px 7px } .menu :hover UL.subBrands LI A:hover { BACKGROUND: #194151; COLOR: #fff } .menu :hover UL.subBrands LI A.fly:hover { BACKGROUND: #37a237 no-repeat 150px 7px; COLOR: #fff } .menu :hover UL LI:hover > A.fly { BACKGROUND: #37a237 no-repeat 150px 7px; COLOR: #fff } .menu :hover UL.subBrands LI A.ShopAllBrands { BORDER-BOTTOM: #fff 0px solid; BORDER-LEFT: #fff 3px solid; LINE-HEIGHT: 20px; TEXT-INDENT: 10px; WIDTH: 144px; DISPLAY: block; HEIGHT: 20px; COLOR: #194151; FONT-SIZE: 13px; BORDER-TOP: #fff 0px solid; BORDER-RIGHT: #fff 0px solid; TEXT-DECORATION: none; font-weight: bold; text-transform:uppercase; } .menu :hover UL.subBrands LI A.ShopAllBrands:hover { BACKGROUND: #194151; COLOR: #fff } .menu :hover UL.subHotDeals { BORDER-BOTTOM: #194151 4px solid; BORDER-LEFT: #194151 4px solid; PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; WIDTH: 350px; PADDING-RIGHT: 0px; WHITE-SPACE: nowrap; BACKGROUND: #fff; HEIGHT: auto; BORDER-TOP: #194151 4px solid; TOP: 26px; BORDER-RIGHT: #194151 4px solid; PADDING-TOP: 10px; LEFT: -50px; } .menu :hover UL.subHotDeals LI { POSITION: relative; WIDTH: 175px; DISPLAY: block; FLOAT: left; HEIGHT: 26px } .menu :hover UL.subHotDeals LI A { BORDER-BOTTOM: #fff 0px solid; BORDER-LEFT: #fff 3px solid; LINE-HEIGHT: 20px; TEXT-INDENT: 10px; WIDTH: 169px; DISPLAY: block; HEIGHT: 20px; COLOR: #194151; FONT-SIZE: 11px; BORDER-TOP: #fff 0px solid; BORDER-RIGHT: #fff 0px solid; TEXT-DECORATION: none } .menu :hover UL.subHotDeals LI A.fly { BACKGROUND: #194151 no-repeat 175px 7px } .menu :hover UL.subHotDeals LI A:hover { BACKGROUND: #194151; COLOR: #fff } .menu :hover UL.subHotDeals LI A.fly:hover { BACKGROUND: #37a237 no-repeat 175px 7px; COLOR: #fff } .menu :hover UL LI:hover > A.fly { BACKGROUND: #37a237 no-repeat 175px 7px; COLOR: #fff } td.OURSTORY { background: url(/wcsstore/Campmor/static/images/home/OurStoryBkg.png) no-repeat center top; height: 258px; width: 980px; font: bold 12px Arial, Helvetica, sans-serif; color: #583818; padding-top: 10px; padding-left: 16px; } td.OURSTORY a { font: bold 12px Arial, Helvetica, sans-serif; color: #003341; text-decoration: none; } td.OURSTORY a:hover { text-decoration: underline; } td.DashedLineSeparator {background:url(/wcsstore/Campmor/static/images/background/stitching.gif) repeat-x;} table.FooterSection { width:326px; background-color:#e5e1d6; padding-right:3px; margin:0px; } .FooterBorderLeftRightBottom { height:225px; background-color:#e5e1d6; border-right: thin ridge #98958e; border-left: thin solid #f6f4ed; border-bottom: thin ridge #6a6863; padding-top:10px; padding-bottom:10px; } td.SectionFCategoryNames { color:#003341; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; padding-left:10px;} td.SectionFCategoryNames a { display: block; text-decoration: none; } td.SectionFCategoryNames a:hover { color: #e5e1d6; text-decoration: underline; } #join_trailmail_small { width: 257px; float: left; padding:0px; } #join_trailmail_small fieldset { padding-left: 8px; } #join_trailmail_small fieldset label { width: 121px; } #join_trailmail_small fieldset label b { position: relative; left: -9999px; } #join_trailmail_small input { width: 150px; float: left; color: #003341; font-size: 1em; } #join_trailmail_small button { width: 68px; height: 23px; display: block; float: left; background: url(/wcsstore/Campmor/static/images/site/btn_sign_up.gif) left top no-repeat; border: none; cursor: pointer; } #join_trailmail_small button b { position: relative; left: -9999px; } a.HeaderLinksSectionB { color:#666; font-size:1em; padding: 0px 5px 0px 7px; text-transform:capitalize; } /* End: CI-40 new home page styles */