/* copyright 2008 Campmor, Inc. All Rights Reserved Client: Campmor, Inc. Author: Maya Lindenmuth - Brulant, Inc. Date: 3/31/2008 */ 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 { border: 0px; outline: 0px; } /* remember to define focus styles! */ a:focus { border: 0px; outline: 0px; } body { background: url(../images/background/campmor_background.png) left top repeat !important; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0px; } input, select, textarea { border: 1px solid #a3a38c; } button.apply { background: url(../images/site/btn_apply.gif) left top no-repeat; border: none; } /****************************** START :: page **********************/ #wrapper { } #container { background: #e5e1d6; } /****************************** START :: branding **********************/ #branding { background: url(../images/branding/bg_branding.jpg) 0px 0px no-repeat; } #branding #branding_wrapper { background: url(../images/background/stitching.gif) bottom left repeat-x; } /****************************** START :: logo **********************/ #branding_logo h1 a { background: url(../images/branding/logo.gif) left top no-repeat; } /****************************** END :: logo **********************/ #branding_site { } /****************************** START :: search **********************/ #search_field { } #search_field button { background: url(../images/site/btn_enter.gif) left top no-repeat; border: none; cursor: pointer; } /****************************** END :: search **********************/ /****************************** START :: utility navigation **********************/ #nav_utility { } #nav_utility ul li a { background: url(../images/background/divider1.gif) 8px 7px no-repeat; } #nav_utility ul li.first a { background: none; } /****************************** END :: utility navigation **********************/ /****************************** START :: my account / register section **********************/ #nav_ecommerce { background: url(../images/branding/bg_ecommerce_ds.png) left top no-repeat; } #nav_ecommerce_container { background: url(../images/branding/bg_ecommerce_top.gif) left top no-repeat; } #nav_ecommerce_wrapper { background: url(../images/branding/bg_ecommerce_repeat.gif) left top repeat-y; } #nav_ecommerce_wrapper ul li a { background: none; } #nav_ecommerce_wrapper ul li.first a { background: url(../images/background/divider2.gif) 8px 3px no-repeat; } #nav_ecommerce_wrapper p a.cart { background: url(../images/branding/cart.gif) left 2px no-repeat; } /****************************** END :: my account / register section **********************/ /****************************** START :: main navigation **********************/ /************************ MAIN TOP NAVIGATION - TIER I :: START **********************/ #nav_main ul { background: url(../images/background/stitching.gif) 0px 0px repeat-x; } #nav_main ul li a { background: url(../images/branding/nav_main_bg.jpg) no-repeat; } #nav_main ul li a.nm1 { background-position: 0px -1px; } #nav_main ul li:hover a.nm1, #nav_main ul li.over a.nm1, #nav_main ul li.on a.nm1 { background-position: 0px -28px; } #nav_main ul li a.nm2 { background-position: -65px -1px; } #nav_main ul li:hover a.nm2, #nav_main ul li.over a.nm2, #nav_main ul li.on a.nm2 { background-position: -65px -28px; } #nav_main ul li a.nm3 { background-position: -162px -1px; } #nav_main ul li:hover a.nm3, #nav_main ul li.over a.nm3, #nav_main ul li.on a.nm3 { background-position: -162px -28px; } #nav_main ul li a.nm4 { background-position: -294px -1px; } #nav_main ul li:hover a.nm4, #nav_main ul li.over a.nm4, #nav_main ul li.on a.nm4 { background-position: -294px -28px; } #nav_main ul li a.nm5 { background-position: -429px -1px; } #nav_main ul li:hover a.nm5, #nav_main ul li.over a.nm5, #nav_main ul li.on a.nm5 { background-position: -429px -28px; } #nav_main ul li a.nm6 { background-position: -588px -1px; } #nav_main ul li:hover a.nm6, #nav_main ul li.over a.nm6, #nav_main ul li.on a.nm6 { background-position: -588px -28px; } /************************ MAIN TOP NAVIGATION - TIER I :: END **********************/ /************************ MAIN TOP NAVIGATION - TIER II :: START **********************/ #nav_main .nav_sub .nav_sub_wrapper { background: url(../images/branding/bg_subnav_ds.png) left top repeat-y; } #nav_main .sub_nav_end { background: url(../images/branding/bg_subnav_bot.png) left bottom no-repeat; } #nav_main ul ul { background: url(../images/branding/bg_subnav.gif) left top repeat-y; } #nav_main ul ul li { background: url(../images/branding/bg_subnav_stitching.gif) left bottom no-repeat; } #nav_main ul li .long2 ul ul li { background: none; } #nav_main ul ul li a { background: none; } #nav_main ul li .long .nav_sub_container { background: url(../images/branding/bg_subnav_long.gif) left top repeat-y; } #nav_main ul li .long .nav_sub_wrapper { background: url(../images/branding/bg_subnav_ds_long.png) left top repeat-y; } #nav_main ul li .long ul { background: none; } #nav_main ul li .long .sub_nav_end { background: url(../images/branding/bg_subnav_bot_long.png) left bottom no-repeat; } #nav_main ul li .long2 .nav_sub_container { background: url(../images/branding/bg_subnav_long2.gif) left top repeat-y; } #nav_main ul li .long2 .nav_sub_wrapper { background: url(../images/branding/bg_subnav_ds_long2.png) left top repeat-y; } #nav_main ul li .long2 ul { background: none; } #nav_main ul li .long2 .sub_nav_end { background: url(../images/branding/bg_subnav_bot_long2.png) left bottom no-repeat; } #nav_main ul li .long2 ul li { background: url(../images/branding/bg_subnav_stitching.gif) left bottom no-repeat; } #nav_main ul li .long2 ul.ns2 { background: url(../images/branding/bg_subnav_stitching.gif) left top no-repeat; } /************************ MAIN TOP NAVIGATION - TIER II :: END **********************/ /****************************** END :: main navigation **********************/ /****** Quick Links CI-80 ******/ .quick_links { background: url(../images/branding/quick_links_bg_right.gif) right top no-repeat; } .quick_links_wrapper { } .quick_links h2 { background: url(../images/branding/quick_links_hdr.gif) left top no-repeat; } .quick_links ul li a { background: url(../images/branding/CampmorQuickLinkButtonsVer03.gif) left top no-repeat; } .quick_links .quick_links_wrapper ul li.ql1 a { background-position: 0px 0px; } .quick_links .quick_links_wrapper ul li.ql2 a { background-position: -77px 0px; } .quick_links .quick_links_wrapper ul li.ql3 a { background-position: -153px 0px; } .quick_links .quick_links_wrapper ul li.ql4 a { background-position: -297px 0px; } .quick_links .quick_links_wrapper ul li.ql5 a { background-position: -417px 0px; } .quick_links .quick_links_wrapper ul li.ql1 a:hover { background-position: 0px -42px; } .quick_links .quick_links_wrapper ul li.ql2 a:hover { background-position: -77px -42px; } .quick_links .quick_links_wrapper ul li.ql3 a:hover { background-position: -153px -42px; } .quick_links .quick_links_wrapper ul li.ql4 a:hover { background-position: -297px -42px; } .quick_links .quick_links_wrapper ul li.ql5 a:hover { background-position: -417px -42px; } /****** Quick Links CI-80 ******/ /****************************** START :: Left Navigation Sub Pages **********************/ #nav_secondary_container { background: url(../images/branding/secondary_nav/bg_nav_secondary.gif) left top repeat-y; } #nav_secondary h1.clothing { background: url(../images/branding/secondary_nav/header_clothing.gif) left top no-repeat; } #nav_secondary h1.outerwear { background: url(../images/branding/secondary_nav/header_outerwear.gif) left top no-repeat; } #nav_secondary h1.cust_service { background: url(../images/branding/secondary_nav/header_customer_service.gif) left top no-repeat; } #nav_secondary h1.my_account { background: url(../images/branding/secondary_nav/header_my_account.gif) left top no-repeat; } #nav_secondary h1.retail_store { background: url(../images/branding/secondary_nav/header_retail_store.gif) left top no-repeat; } #nav_secondary h1.activity { background: url(../images/branding/secondary_nav/header_activity.gif) left top no-repeat; } #nav_secondary h1.search { background: url(../images/branding/secondary_nav/header_search.gif) left top no-repeat; } #nav_secondary_container p { background: url(../images/branding/secondary_nav/bg_nav_secondary.gif) left top repeat-y; } #nav_secondary .nav_secondary_wrapper { background: url(../images/branding/secondary_nav/bg_nav_secondary_bot.gif) left bottom no-repeat; } #nav_secondary dl dt { background: url(../images/branding/secondary_nav/title_bg_top.gif) left top no-repeat; } #nav_secondary dl dt strong { background: url(../images/branding/secondary_nav/title_bg_bot.gif) left bottom no-repeat; } #nav_secondary dl dd { background: url(../images/branding/secondary_nav/stitching.gif) left bottom repeat-x; } #nav_secondary dd.under a b, #nav_secondary dd a b { background: url(../images/branding/secondary_nav/arrow_collapsed.gif) right top no-repeat; } #nav_secondary dd.over a b { background: url(../images/branding/secondary_nav/arrow_expanded.gif) right top no-repeat; } #nav_secondary dd a b { display: block; } #nav_secondary dd.over ul li a { background: none; } #nav_secondary dd.over ul ul { background: none; } /****************************** END :: Left Navigation Sub Pages **********************/ /****************************** END :: branding **********************/ /****************************** START :: content **********************/ #site_content { } /****************************** START :: home **********************/ /****************************** START :: featured items spot **********************/ /****************************** START :: nature image hovers **********************/ #featured_products { } #featured_products .product_list h1 { background: url(../images/home/featured_products_header.png) left top no-repeat; } #featured_products .product_list h2 { background: url(../images/home/featured_gear_sign.gif) left top no-repeat; } #featured_products .main_products .main_products_wrapper { } #featured_products .main_products .main_products_wrapper img { } /****************************** END :: nature image hovers **********************/ /****************************** START :: featured image hovered - over **********************/ #featured_products .featured_spotlight { } #featured_products .featured_spotlight h1 { background: url(../images/home/header_featured_spotlight.png) left top no-repeat; } #featured_products .featured_spotlight .featured_spotlight_wrapper { background: url(../images/home/featured_spotlight_bot.png) left bottom no-repeat; } #featured_products .featured_spotlight .featured_spotlight_wrapper ul li { background: url(../images/background/divider3.gif) 6px 1px no-repeat; } #featured_products .featured_spotlight .featured_spotlight_wrapper ul li.first { background: none; } #featured_products .featured_spotlight .featured_spotlight_wrapper .array_btns { } #featured_products .featured_spotlight .featured_spotlight_wrapper .array_btns ul li a.previous { background: url(../images/home/btn_previous.gif) left top no-repeat; } #featured_products .featured_spotlight .featured_spotlight_wrapper .array_btns ul li a.next { background: url(../images/home/btn_next.gif) left top no-repeat; } /****************************** END :: featured image hovered - over **********************/ /****************************** END :: featured items spot **********************/ /****************************** START :: homepage espots **********************/ .espot_container_wrapper { background: url(../images/background/stitching.gif) left top repeat-x; } /****************************** START :: espot - new gear **********************/ .espot_new_product { } .espot_new_product_wrapper { background: url(../images/espots/new_gear_bg_header.jpg) left top no-repeat; } .espot_new_product_container { background: url(../images/espots/new_gear_bg_bot.gif) left bottom no-repeat; } .espot_new_product_wrapper h2 { background: url(../images/espots/new_products_header.png) left top no-repeat; } .espot_new_product_wrapper ul li { background: url(../images/background/divider2.gif) 6px 3px no-repeat; } .espot_new_product_wrapper ul li.first { background: none; } /****************************** END :: espot - new gear **********************/ /****************************** START :: espot - share products **********************/ .espot_share_product { } .espot_share_product h2 { background: url(../images/espots/share_photos_header.gif) left top no-repeat; } .espot_share_product ul li a { background: url(../images/background/divider7.gif) 0px 0px no-repeat; } /****************************** END :: espot - share products **********************/ .spot_hot_deal { background: url(../images/espots/hot_deal_repeat_small.jpg) left top repeat-y; } .spot_hot_deal_wrapper { background: url(../images/espots/hot_deal_hdr_small.jpg) left top no-repeat; } .spot_hot_deal_container { background: url(../images/espots/hot_deal_bot_small.jpg) left bottom no-repeat; } .hot_deal_img h2.hot_deal { background: url(../images/espots/hot_icon.gif) 0px 0px no-repeat; } /****************************** END :: homepage espots **********************/ /****************************** END :: home **********************/ /****************************** START :: SUBPAGES **********************/ .page_title { } .page_title h1.brand { background: url(../images/branding/titles/title_shop_by_brand.gif) left top no-repeat; } .page_title h1.about { background: url(../images/branding/titles/title_about_us.gif) left top no-repeat; } .page_title h1.register { background: url(../images/branding/titles/title_register.gif) left top no-repeat; } .page_title h1.order_status { background: url(../images/branding/titles/title_order_status.gif) left top no-repeat; } .page_title h1.order_status_rectangle { background: url(../images/branding/titles/title_order_status_rectangle.gif) left top no-repeat; } .page_title h1.order_details { background: url(../images/branding/titles/title_order_details.gif) left top no-repeat; } .page_title h1.trail_mail { background: url(../images/branding/titles/title_trail_mail.gif) left top no-repeat; } .page_title h1.catalog_request { background: url(../images/branding/titles/title_catalog_request.gif) left top no-repeat; } .page_title h1.contact { background: url(../images/branding/titles/title_contact_us.gif) left top no-repeat; } .page_title h1.gift_registry { background: url(../images/branding/titles/title_gift_registry.gif) left top no-repeat; } .page_title h2 { background: url(../images/branding/secondary_nav/title_bg.gif) left top no-repeat; } #full_title { } #full_title h1.register { background: url(../images/branding/titles/title_register.gif) left top no-repeat; } #full_title h1.log_in { background: url(../images/branding/titles/title_log_in.gif) left top no-repeat; } #full_title h1.email_friend { background: url(../images/branding/titles/title_email_friend.gif) left top no-repeat; } #full_title h1.trail_mail { background: url(../images/branding/titles/title_trail_mail2.gif) left top no-repeat; } #full_title h1.shopping_cart { background: url(../images/branding/titles/title_shopping_cart.gif) left top no-repeat; } #full_title h1.guest_checkout { background: url(../images/branding/titles/title_guest_checkout.gif) left top no-repeat; } #full_title h1.shipping { background: url(../images/branding/titles/title_shipping.gif) left top no-repeat; } #full_title h1.billing { background: url(../images/branding/titles/title_billing.gif) left top no-repeat; } #full_title h1.order_review { background: url(../images/branding/titles/title_order_review.gif) left top no-repeat; } #full_title h1.order_confirm { background: url(../images/branding/titles/title_order_confirm.gif) left top no-repeat; } #full_title h1.site_map { background: url(../images/branding/titles/title_site_map.gif) left top no-repeat; } /****************************** START :: subpage header banner **********************/ .sub_banner_container { background: url(../images/background/stitching.gif) left bottom repeat-x; } .sub_banner { } /****************************** START :: subpage header banner - image backgrounds **********************/ .sub_banner .mens { background: url(../images/site/banners/banner_men.jpg) left top no-repeat; } .sub_banner .women { background: url(../images/site/banners/banner_women.jpg) left top no-repeat; } .sub_banner .children { background: url(../images/site/banners/banner_children.jpg) left top no-repeat; } .sub_banner .acccessories { background: url(../images/site/banners/banner_men.jpg) left top no-repeat; } .sub_banner .backpacking { background: url(../images/site/banners/banner_backpacking.jpg) left top no-repeat; } .sub_banner .biking { background: url(../images/site/banners/banner_biking.jpg) left top no-repeat; } .sub_banner .brands { background: #674927 url(../images/site/banner_photo_brands.jpg) right top no-repeat; } /****************************** END :: subpage header banner - image backgrounds page **********************/ /****************************** END :: subpage header banner **********************/ /****************************** START :: breadcrumbs **********************/ .breadcrumbs { } .breadcrumbs ul li { background: url(../images/background/divider6.gif) 6px 4px no-repeat; } .breadcrumbs ul li.first { background: none; } /****************************** END :: breadcrumbs **********************/ /****************************** START :: product category page - level I **********************/ .promo_window { background: url(../images/background/stitching.gif) left bottom repeat-x; } .promo_window #promo { } .promo_window #activity_promo { background: url(../images/site/window_category_activity_promo.jpg) left top no-repeat; } .promo_window h2 { background: url(../images/background/category_window_descript_bg.png) left top no-repeat; } .promo_window h2 a { background: url(../images/background/arrow1.gif) right 3px no-repeat; } .promo_window ul li a { background: url(../images/background/numbered_promo_bg.gif) left top no-repeat; } .promo_window ul li a { background: url(../images/background/promo_link_bg_left.gif) left top no-repeat; } .promo_window ul li a strong { background: url(../images/background/promo_link_bg_right.gif) right top no-repeat; } .mini_promos .category_link { cursor: pointer; } .mini_promos #item1 { background: url(../images/background/mini_promo1_bg.gif) left top no-repeat; } .mini_promos #item2 { background: url(../images/background/mini_promo2_bg.png) left top no-repeat; } .mini_promos .activity_link { background: url(../images/activity/activity_bg_on.gif) left top no-repeat; } .mini_promos .activity_link:hover { background: url(../images/activity/activity_bg_hover.gif) left top no-repeat; } .mini_promos .activity_link .activity_link_wrapper { cursor: pointer; } .mini_promos .activity_link h2 { background: url(../images/activity/go_arrow.gif) right 0px no-repeat; } .mini_promos .activity_link h2.nogo { background: none; } /* .mini_promos #backpacking .activity_link_wrapper { background: url(../images/activity/backpacking.gif) left top no-repeat; } .mini_promos #biking .activity_link_wrapper { background: url(../images/activity/biking.gif) left top no-repeat; } .mini_promos #camping .activity_link_wrapper { background: url(../images/activity/camping.gif) left top no-repeat; } .mini_promos #climbing .activity_link_wrapper { background: url(../images/activity/climbing.gif) left top no-repeat; } .mini_promos #hiking .activity_link_wrapper { background: url(../images/activity/hiking.gif) left top no-repeat; } .mini_promos #running .activity_link_wrapper { background: url(../images/activity/running.gif) left top no-repeat; } .mini_promos #skiing .activity_link_wrapper { background: url(../images/activity/skiing.gif) left top no-repeat; } .mini_promos #snowboarding .activity_link_wrapper { background: url(../images/activity/snowboarding.gif) left top no-repeat; } .mini_promos #snowshoeing .activity_link_wrapper { background: url(../images/activity/snowshoeing.gif) left top no-repeat; } .mini_promos #swimming .activity_link_wrapper { background: url(../images/activity/swimming.gif) left top no-repeat; } .mini_promos #travel .activity_link_wrapper { background: url(../images/activity/travel.gif) left top no-repeat; } .mini_promos #watersports .activity_link_wrapper { background: url(../images/activity/watersports.gif) left top no-repeat; } */ /****************************** END :: product category page - level I **********************/ /****************************** START :: product category page - level II **********************/ #product_category.level_2 .category { background: url(../images/background/prod_small_bg2.png) left top no-repeat; } /****************************** END :: product category page - level II **********************/ #sorting_wrapper { background: url(../images/background/stitching.gif) left bottom repeat-x; } #filter { background: #aa9a84; } #filter #filter_wrapper button { background: url(../images/site/btn_reset.gif) left top no-repeat; border: none; } .form_action button.print_page { background: url(../images/site/btn_print_page.gif) left top no-repeat !important; border: none; } .form_action button.email_friend { background: url(../images/site/btn_email_friend.gif) left top no-repeat !important; border: none; } #filter #filter_wrapper button.enter { background: url(../images/site/btn_enter.gif) left top no-repeat; border: none; } #pagination_wrapper { background: #708786; } #pagination dl dd { background: url(../images/background/divider9.gif) 4px 6px no-repeat; } #pagination ul li.first { background: url(../images/background/divider9.gif) right 6px no-repeat; } #pagination dl dd.first { background: none; } #pagination_secondary ul li.first { background: url(../images/background/divider10.gif) right 6px no-repeat; } .text_content #sorting_wrapper { background: none; } #product_category.level_3 { background: url(../images/background/stitching.gif) left bottom repeat-x; } #product_category.level_3 .category h3 { } #product_category.level_3 .category p { background: url(../images/background/prod_small_bg.png) left top no-repeat; } #product_category.level_3 .category p.check_field { background: none; } #product_category.level_3 .category p.check_field input { border: none !important; } #product_category.level_3 .product_descript { } #product_category.level_3 .product_descript p { background: none; } /****************************** START :: Brands - featured **********************/ #brand_logos { background: url(../images/background/stitching.gif) left bottom repeat-x; } #brand_logos h2 { background: url(../images/brands/featured_brands_bg.gif) left top no-repeat; } #brand_logos h3 { background: url(../images/background/logo_bg.png) left top no-repeat; } /****************************** END :: Brands - featured **********************/ /****************************** START :: Brands - alphabet list **********************/ .brand_alpha_links h3 { background: url(../images/background/all_brands_bg.gif) left top no-repeat; } .brand_alpha_links ul li { background: url(../images/background/divider8.gif) 5px 4px no-repeat; } .brand_alpha_links ul li.first { background: none; } /****************************** END :: Brands - alphabet list **********************/ /****************************** START :: Brands - Organized List of Brands by Letter **********************/ .alpha_brand_wrapper { background: url(../images/background/stitching.gif) left top repeat-x; } .first .alpha_brand_wrapper { background: none; } .alpha_brand h3 { background: url(../images/background/alpha_bg.gif) left top no-repeat; } /****************************** END :: Brands - Organized List of Brands by Letter **********************/ #product_detail { background: url(../images/background/stitching.gif) left top repeat-x; } #product_detail #prod_detail_descript .prod_price { background: url(../images/background/stitching.gif) left bottom repeat-x; } #product_detail #prod_detail_descript .prod_price_wrapper { background: url(../images/background/price_bg.png) left top no-repeat; } #product_detail #prod_detail_descript .color_mod a:hover, #product_detail #prod_detail_descript .color_mod a.on { background: url(../images/background/color_chip_hover.gif) left top no-repeat; } #product_detail #prod_detail_descript .field button.add_to_cart, #product_category_wrapper button.add_to_cart { background: url(../images/site/btn_add_to_cart.gif) left top no-repeat; border: none; cursor: pointer; } #product_detail #prod_detail_descript .prod_brand { background: url(../images/background/stitching.gif) left top repeat-x; } #product_detail #prod_detail_descript .prod_brand .brand_logo { background: url(../images/background/prod_brand_bg_top.gif) left top no-repeat; } #product_detail #prod_detail_descript .prod_brand .brand_logo p { background:url(../images/background/prod_brand_bg_repeat.png) left bottom no-repeat; } .prod_img { background: url(../images/background/prod_det_bg_bot.png) left bottom no-repeat; } .prod_img .prod_img_wrapper { background: url(../images/background/prod_det_bg_repeat.png) left top repeat-y; } .prod_img .prod_img_container { background: url(../images/background/prod_det_bg_top.gif) left top no-repeat; } .prod_img p.mag a { background: url(../images/background/mag_glass.gif) 0px 0px no-repeat; } .prod_img .alternate_thumbs a { background: url(../images/background/thumb_bg.gif) left top no-repeat; } #prod_frame { background: url(../images/background/stitching.gif) left top repeat-x; } #prod_frame_wrapper { background: url(../images/background/info_tab_content_bg.png) left bottom repeat-y; } #prod_info_tabs #tabs { background: url(../images/background/stitching.gif) left bottom repeat-x; } #prod_info_tabs { background: url(../images/background/info_tabs_bg.png) left top no-repeat; } #prod_info_tabs #tabs { background: url(../images/background/stitching.gif) left bottom repeat-x; } #prod_info_tabs #tabs ul { background: url(../images/background/prod_tab_right.gif) right top no-repeat; } #prod_info_tabs #tabs ul li a { background: url(../images/background/info_tabs.png) left top no-repeat; } #prod_info_tabs #tabs ul li.off a.it1 { background-position: 0px 0px; } #prod_info_tabs #tabs ul li.on a.it1 { background-position: 0px -30px; } #prod_info_tabs #tabs ul li.off a.it2 { background-position: -87px 0px; } #prod_info_tabs #tabs ul li.on a.it2 { background-position: -87px -30px; } #prod_info_tabs #tabs ul li.off a.it3 { background-position: -232px 0px; } #prod_info_tabs #tabs ul li.on a.it3 { background-position: -232px -30px; } #prod_info_tabs #tabs ul li.off a.it4 { background-position: -354px 0px; } #prod_info_tabs #tabs ul li.on a.it4 { background-position: -354px -30px; } #prod_info_tabs #tabs ul li.off a.it5 { background-position: -439px 0px; } #prod_info_tabs #tabs ul li.on a.it5 { background-position: -439px -30px; } #prod_info_tabs #prod_info_content .prod_info_content_wrapper { background: url(../images/background/info_tab_content_bg.png) left bottom repeat-y; } #prod_info_tabs #prod_info_content #features ul li, #prod_info_tabs #prod_info_content #specified ul li, #prod_info_tabs #prod_info_content #reviews ul li { background: url(../images/background/bullet2.gif) 0px 4px no-repeat; } #prod_info_tabs #prod_info_content table td { background: url(../images/background/stitching_light.gif) left top repeat-x; } #prod_info_tabs #prod_info_content table td .men { background: url(../images/detail/men.gif) left top no-repeat; } #prod_info_tabs #prod_info_content table td .women { background: url(../images/detail/women.gif) left top no-repeat; } #prod_info_tabs #prod_info_content table tr.first td { background: none; } /* forms */ .frm_action button.sign_in { background: url(../images/site/btn_sign_in.gif) left top no-repeat; border: none; cursor: pointer; } /* checkout process */ .checkout_placement ul li strong { background: url(../images/checkout/checkout_flow_bg.png) left top no-repeat; } .checkout_placement ul li.cp1 strong { background-position: 0px 0px; } .checkout_placement ul li.cp2 strong { background-position: -136px 0px; } .checkout_placement ul li.cp3 strong { background-position: -340px 0px; } .checkout_placement ul li.cp1 strong.on, .checkout_placement ul li.cp1 a:hover { background-position: 0px -41px !important; } .checkout_placement ul li.cp2 strong.on, .checkout_placement ul li.cp2 a:hover { background-position: -136px -41px !important; } .checkout_placement ul li.cp3 strong.on, .checkout_placement ul li.cp3 a:hover { background-position: -340px -41px !important; } .error { border: 1px solid #e4c9c6; background: #f5f3ef url(../images/background/error.gif) 12px 9px no-repeat; } .fyi { border: 1px solid #d1e0f0; color: #69c; } .error .error_wrapper { } .main_frm .error { background: none; border: none; } .error select, .error input { border: 1px solid #9e2323; } .checkout_addresses { background: url(../images/background/stitching.gif) left top repeat-x; float: left; } .checkout_addresses .module_container_wrapper { background: none; } #address_choice_1 .checkout_addresses_wrapper { background: url(../images/checkout/saved_address_on.png) left bottom repeat; float: left; } #address_choice_2 .checkout_addresses_wrapper { background: url(../images/checkout/saved_address_off.png) left bottom repeat; float: left; } .module_container_wrapper { background: url(../images/background/stitching_vert.gif) right top repeat-y; } .last .module_container_wrapper { background: none; } /****************************** START :: SINGLE COLUMN FOR MULTIPLE COLUMNS IN CONTENT AREA **********************/ #site_map { background: url(../images/background/site_map.gif) 0px 0px repeat-y; } /****************************** END :: SINGLE COLUMN FOR MULTIPLE COLUMNS IN CONTENT AREA **********************/ /****************************** START :: Contact Us Box **********************/ .contact_us { background: url(../images/customer_service/contact_bg_repeat.gif) left top repeat-y; } .contact_us_wrapper { background: url(../images/customer_service/contact_bg_top.gif) left top no-repeat; } .contact_us_container { background: url(../images/customer_service/contact_bg_bot.gif) left bottom no-repeat; } .contact_us_wrapper h2 { background: url(../images/customer_service/contact_us_header.png) left top no-repeat; } /****************************** END :: Contact Us Box **********************/ /****************************** START :: Questions / Assistance Box **********************/ .questions { background: url(../images/customer_service/questions_box_repeat.gif) left top repeat-y; } .questions h2 { background: url(../images/customer_service/questions_box_top.gif) left top no-repeat; } .questions h2.loc { background: url(../images/customer_service/loc_box_top.gif) left top no-repeat; } .questions_details { background: url(../images/customer_service/questions_box_bot.gif) left bottom no-repeat; } .order { background: url(../images/customer_service/questions_box_repeat.gif) left top repeat-y; } .order h2 { background: url(../images/checkout/your_order_hdr.gif) left top no-repeat; } .order_details { background: url(../images/customer_service/questions_box_bot.gif) left bottom no-repeat; } /****************************** END :: Questions / Assistance Box **********************/ /****************************** START :: Wide Content Area Simple Text Layout **********************/ .section_module { background: url(../images/background/stitching.gif) left bottom repeat-x; } fieldset.trailmail button { background: url(../images/site/btn_sign_up.gif) left top no-repeat; border: none; cursor: pointer; } .main_frm .radio input, .main_frm .small input { border: none !important; } #content_main .content_grid { background: url(../images/background/table_small_bg.png) left bottom repeat-y; } #content_main_pop .content_grid { background: url(../images/background/table_small_bg.gif) left bottom repeat-y; } #content_main_wide .content_grid, #content_main_wider .content_grid { background: url(../images/background/table_large_bg.png) left bottom repeat-y; } .content_grid_wrapper { background: url(../images/background/stitching.gif) left top repeat-x; } .text_content .content_grid table .thumb_prod { } .text_content .content_grid table td, .content_grid_wrapper #product_category_wrapper table tbody td { background: url(../images/branding/secondary_nav/stitching.gif) left top repeat-x; } /****************************** End :: Wide Content Area Simple Text Layout **********************/ /****************************** START :: subpage espots **********************/ .content_spots { } /****************************** START :: hot deals espot **********************/ .spot_prod_highlight { background: url(../images/espots/bg_hot_deal_repeat.gif) left top repeat-y; } .spot_prod_highlight h2 { } .spot_prod_highlight p img { padding: 5px 0px 10px; } .spot_prod_highlight_details { background: url(../images/espots/bg_hot_deal_bot.gif) left bottom no-repeat; } .spot_prod_highlight_details_wrapper { background: #980000; } .spot_prod_highlight_details_wrapper ul li { background: url(../images/background/divider4.gif) 5px 3px no-repeat; } .spot_prod_highlight_details_wrapper ul li.first { background: none; } /****************************** END :: hot deals espot **********************/ /****************************** START :: web specials espot **********************/ .spot_prod_sale { background: url(../images/espots/bg_web_special_repeat.gif) left top repeat-y; } .spot_prod_sale h2 { } .spot_prod_sale p img { padding: 5px 0px 10px; } .spot_prod_sale_details { background: url(../images/espots/bg_web_special_bot.gif) left bottom no-repeat; } .spot_prod_sale_details_wrapper { background: #1a78a1; } .spot_prod_sale_details_wrapper ul li { background: url(../images/background/divider4.gif) 5px 3px no-repeat; } .spot_prod_sale_details_wrapper ul li.first { background: none; } /****************************** END :: web specials espot **********************/ .live_help_container { background: url(../images/espots/live_help.jpg) left top no-repeat; cursor: pointer; } .x_sells { background: url(../images/detail/x_sell_bg_top.gif) left top no-repeat; } .x_sells .x_sells_wrapper { background: url(../images/detail/x_sell_bg_bot.gif) left bottom no-repeat; } .x_sells_wrapper .x_sells_prod_container { background: url(../images/detail/x_sell_center_bg_top.png) left top no-repeat; } .x_sells_wrapper .x_sells_prod_container .x_sells_prod_container_wrapper { background: url(../images/detail/x_sell_center_bg_bot.gif) left bottom no-repeat; } /****************************** END :: subpage espots **********************/ /****************************** END :: SUBPAGES **********************/ /****************************** END :: content **********************/ /****************************** START :: footer **********************/ /****************************** START :: footer navigation **********************/ /****************************** START :: footer navigation -- SUBPAGES ONLY **********************/ #sub_suplementary p a { background: url(../images/branding/supplementary/customer_service.gif) left top no-repeat; } /****************************** END :: footer navigation -- SUBPAGES ONLY **********************/ #branding_supplementary { background: url(../images/branding/supplementary/bg_sup.png) left top no-repeat; } #branding_supplementary_wrapper { background: url(../images/background/stitching.gif) left top repeat-x; } #branding_supplementary #nav_supplementary h2 { background: url(../images/branding/supplementary/campmor_logo_small.gif) left top no-repeat; } #branding_supplementary #nav_supplementary ul li { background: url(../images/background/divider2.gif) 6px 3px no-repeat; } #branding_supplementary #nav_supplementary ul li.first { background: none; } /****************************** EMD :: footer navigation **********************/ /****************************** START :: Trail Mail Sign Up **********************/ #email_campaign { background: url(../images/branding/supplementary/bg_email.gif) left top no-repeat; } #email_campaign fieldset label { background: url(../images/branding/supplementary/email_header.gif) left top no-repeat; } #email_campaign button { background: url(../images/site/btn_sign_up.gif) left top no-repeat; border: none; cursor: pointer; } #email_campaign ul li { background: url(../images/background/divider4.gif) 5px 3px no-repeat; } #email_campaign ul li.first { background: none; } /****************************** END :: Trail Mail Sign Up **********************/ /****************************** START :: Company Information Links **********************/ #nav_supplementary_secondary_wrapper { background: url(../images/background/stitching.gif) left top repeat-x; } #nav_supplementary_secondary_wrapper dd { background: url(../images/background/divider5.gif) 4px 3px no-repeat; } #nav_supplementary_secondary_wrapper dd.first { background: none; } /****************************** END :: Company Information Links **********************/ /****************************** END :: footer **********************/ .end_shadow { } .beta p { background: url(../images/background/beta.png) left top no-repeat; } /****************************** END :: page **********************/