/*------------------- Accessibility -------------------*/ .accessibility { position: absolute; left: -10000px; } /*------------------- Global Layout -------------------*/ /* * The following copyright notice may not be removed under any circumstances. * * Copyright: * URW Software, Copyright 1992 by URW. Modification 2007 by Dalton Maag Ltd. * London, based on Futura T Medium for the exclusive use of Abercombie & Fitch and * their suppliers. * * Description: * Copyright URW Software, Copyright 1992 by URW * * Manufacturer: * DaltonMaag Ltd */ @font-face { font-family: 'Trade Gothic Bold'; src: url('/anf/font/tradegothic-bold-webfont.eot'); src: local('☺'), url('/anf/font/tradegothic-bold-webfont.woff') format('woff'), url('/anf/font/tradegothic-bold-webfont.ttf') format('truetype'), url('/anf/font/tradegothic-bold-webfont.svg#webfontmlgY0et7') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Trade Gothic Condensed Bold'; src: url('/anf/font/tradegothic-boldcondtwenty-webfont.eot'); src: local('☺'), url('/anf/font/tradegothic-boldcondtwenty-webfont.woff') format('woff'), url('/anf/font/tradegothic-boldcondtwenty-webfont.ttf') format('truetype'), url('/anf/font/tradegothic-boldcondtwenty-webfont.svg#webfontakW0TQMz') format('svg'); font-weight: normal; font-style: normal; } html.no-fontface { font-size-adjust: 0.5; } html.no-fontface #footer ul li { padding: 0px 5px; } html.no-fontface .home .banner .form-wrap .data { font-size-adjust: 0.4; } html, body { height: 100%; } body { background: #000 url('/anf/img/global/bg_wallpaper.png') top center; font-family: 'Trade Gothic Bold', Arial, Helvetica, 'sans serif'; font-family: 'Trade Gothic Bold' \0/ !important; font-size: 11px; } .content-wrap { margin: 0 auto; position: relative; } .content { margin: 0 auto; width: 960px; } #header { position: relative; z-index: 10; width: 960px; min-height: 155px; *height: 155px; background: #2A2A2A url('//anf.scene7.com/is/image/anf/anf_bg_header') bottom left no-repeat; *text-align: center; } a, a:link, a:visited { color:#777777; } a:hover { color: #D5D3C8; } h1,h2,h3,h4,h5 { color: #D5D3C8; text-transform: uppercase; } h1 { font-size: 24px; } h2 { font-size: 18px; } h3 { font-size: 15px; } h4 { font-size: 13px; } h5 { font-size: 12px; } /*------------------- Logo -------------------*/ #logo { display: block; height: 45px; overflow: hidden; text-indent: -10000px; width: 440px; margin: 27px 0 13px 262px; *padding: 27px 0 13px 262px; *margin: 0; } #logo-print { display: none; } /*------------------- Common Social Links Styles -------------------*/ .social-links-sprite{ background: url('/anf/img/global/anf-social-integration-buttons.png') no-repeat; } .fb-like span{ height:25px !important; width:50px !important; } /* make the like button smaller */ .fb_edge_widget_with_comment iframe { height:25px !important; width:50px !important; } /* but make the span that holds the comment box larger */ span.fb_edge_comment_widget.fb_iframe_widget iframe { height:150px !important; width:401px !important; display: none !important; /*Hides comment box*/ } li.facebook > div{ overflow:hidden; width: 50px; height:25px; zoom: 1; filter: alpha(opacity=60); opacity: 0.6; *display: inline; } li.facebook div:hover{ filter: alpha(opacity=100); opacity: 1; } li.facebook div iframe{ border:none; overflow:hidden; width:50px; height:25px; } li.twitter a{ zoom: 1; filter: alpha(opacity=60); opacity: 0.6; } li.twitter a:hover{ filter: alpha(opacity=100); opacity: 1; } li.twitter-tweet a{ background-position: -104px 0; display: inline-block; height: 24px; width: 64px; } li.email-a-friend a{ background-position: -168px 0; display: inline-block; height: 24px; width: 67px; zoom: 1; filter: alpha(opacity=60); opacity: 0.6; } li.email-a-friend a:hover{ filter: alpha(opacity=100); opacity: 1; } /*------------------- Primary Nav -------------------*/ #primary-nav { position: relative; overflow: hidden; margin-top: 0; font-family: 'Trade Gothic Condensed Bold'; width: 960px; min-height: 47px; } #primary-nav ul { left:50%; text-align:center; clear: left; float: left; position: relative; margin: 0 auto; overflow: visible; margin: 14px auto 0; } #primary-nav ul li { display:block; right:50%; position: relative; float: left; padding: 0px 9px; background: url('/anf/img/global/bg_primary-nav-separator.png') center right no-repeat; } #primary-nav ul li.current { margin: 1px 0px 1px 3px; } #primary-nav ul li.last { background: none; } #primary-nav ul li a { color: #898989; font-size: 15px; text-decoration: none; text-transform: uppercase; padding: 1px 9px; white-space: nowrap; } #primary-nav ul li a:hover, #primary-nav ul li.current a, #brand-content #primary-nav ul li.lifestyle a { color: #D5D3C8; padding: 1px 8px 1px 8px; background-color: #646464; border: 1px solid #3C3C3B; } /*--Special styling for kids link--*/ #primary-nav ul li a.kids { color: #777777; text-transform: lowercase; font-family: 'Trade Gothic Condensed Bold'; } #primary-nav ul li a.kids:hover, #primary-nav ul li.current a.kids { color: #999999; padding: 1px 9px; white-space: nowrap; background-color: transparent; border: none; } #primary-nav #casting { height: auto; } /*--------------- SEARCH STYLES: these only apply if site search is enabled (A/B test adds 'site-search-enabled' class) ---------------*/ #primary-nav ul.site-search-enabled { position: static; width: 960px; margin: 14px auto 0px; } #primary-nav ul.site-search-enabled li { position: static; padding: 0 14px 0 13px;; } #primary-nav ul.site-search-enabled li.current { margin: 1px 0px 1px 3px; } #primary-nav #site-search { display: none; } #primary-nav ul.site-search-enabled #site-search { display: block; float: right; width: 170px; height: 22px; margin: -2px 9px 0 0; background: none; } #primary-nav ul.site-search-enabled #site-search form { float: left; /*with js disabled, this form is hidden*/ display: none; } html.js #primary-nav ul.site-search-enabled #site-search form { display: block; } #primary-nav ul.site-search-enabled #site-search ul.search-action { margin: 0; position: static; } #primary-nav ul.site-search-enabled #site-search form div { float: left; } #primary-nav ul.site-search-enabled #site-search form .data { *margin-top: -1px; width: 143px; } #primary-nav ul.site-search-enabled #site-search form .actions { width: 25px; } #primary-nav ul.site-search-enabled #site-search input.text { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; border: none; text-transform: uppercase; width: 138px; background-color: #646464; height: 22px; line-height: 20px; padding: 0 0 0 5px; color: #D5D3C8; } #primary-nav ul.site-search-enabled #site-search input::-webkit-input-placeholder { /* if this selector is added to the rule above, firefox will blow up */ color: #D5D3C8; } #primary-nav ul.site-search-enabled #site-search input.active { text-transform: none; } #primary-nav ul.site-search-enabled #site-search div.actions ul li { padding: 0; margin: 0; } .js #primary-nav ul.site-search-enabled #site-search input.button { display: none; } #primary-nav ul.site-search-enabled #site-search a.button { text-indent: -10000px; overflow: hidden; } #primary-nav ul.site-search-enabled #site-search input.button, #primary-nav ul.site-search-enabled #site-search a.button, #primary-nav ul.site-search-enabled #site-search a.button:visited { float: left; margin: 0; background: #3E3E3E url('/anf/img/global/anf-search-icon.jpg') no-repeat; padding: 0; height: 22px; width: 25px; } #primary-nav ul.site-search-enabled #site-search a.button:hover { padding: 0; border: none; } #primary-nav ul.site-search-enabled #site-search a.search-link { float: right; padding: 0 9px; background: none repeat scroll 0 0 #646464; color: #EBE9E0; font-size: 10px; font-weight: bold; } #primary-nav ul.site-search-enabled #site-search a.search-link:hover { padding: 0 9px; border: none; background: none repeat scroll 0 0 #646464; } /*------------------- Category Menu & Nav -------------------*/ body.category-view #primary-content, body.category-landing-view #primary-content, body.search-view #search-content, body.division-landing-view #primary-content, body.product-landing-view #primary-content { overflow: hidden; background: #323232 url('//anf.scene7.com/is/image/anf/anf%5Fcategory%2Dprimary%2Dcontent?$marketing$') top left repeat; _height: 100%; } body.product-view #primary-content { overflow: hidden; background: #323232 url('/anf/img/global/bg_category-nav-wrap.jpg') left 517px repeat; _height: 100%; } body.help-view #primary-content { overflow: hidden; background: url('/anf/img/global/help-primary-content.jpg') top left repeat; _height: 100%; } #category-nav-wrap, #help-nav-wrap, #search-nav-wrap, #account-nav-wrap { float: left; } #category-nav, #help-nav, #account-nav { padding-bottom: 25px; width: 200px; background: url('/anf/img/global/bg_category-menu.jpg') top left no-repeat; min-height: 437px; _height: 437px; font-family: 'Trade Gothic Condensed Bold',Arial,Helvetica,'sans serif'; font-family: 'Trade Gothic Condensed Bold' \0/ !important; } #category-nav ul.primary, #help-nav ul.primary, #account-nav ul.primary { padding: 23px 0 0 23px; } #category-nav ul.primary ul.secondary, #help-nav ul.primary ul.secondary { padding: 0px 0 10px 0px; } #category-nav ul.primary ul.secondary ul.tertiary, #help-nav ul.primary ul.secondary ul.tertiary { padding: 0px 0 0 0px; } #category-nav ul li, #help-nav ul li, #account-nav ul li { padding-bottom: 0px; font-color: #888888; font-size: 15px; line-height: 17px; } #help-nav ul li.help, #help-nav ul li.site-info, #help-nav ul li.about-us, #help-nav ul li.external-links { padding-top: 10px; } #category-nav ul li.last, #help-nav ul li.last { padding-bottom: 0px; } #category-nav ul li.sale, #category-nav ul li.sequence-start { padding-top: 13px; } #category-nav ul li.features { padding-bottom: 13px; } #category-nav ul.primary li a, #help-nav ul.primary li a, #help-nav ul.primary li span, #account-nav ul.primary li a { font-size: 15px; color: #888888; text-decoration: none; text-transform: uppercase; } #category-nav ul.primary li.selected > a, #category-nav ul.primary li.current a, #category-nav ul.primary li a:hover, #help-nav ul.primary li a:hover, #help-nav ul.primary li.current a, #account-nav ul.primary li a:hover, #account-nav ul.primary li.current a { color: #D5D3C8; } #category-nav ul.primary ul.secondary li, #help-nav ul.primary ul.secondary li { padding-left: 12px; } #category-nav ul.primary ul.secondary li.selected, #help-nav ul.primary ul.secondary li.current { background: url('/anf/img/global/bg_nav-arrow.png') 0 4px no-repeat; color: #D5D3C8; } #category-nav ul.primary ul.secondary li a, #help-nav ul.primary ul.secondary li a { color : #666666; font-size: 14px; line-height: 17px; } #category-nav ul.primary ul.secondary li a:hover, #help-nav ul.primary ul.secondary li a:hover { color: #D5D3C8; } #category-nav ul.primary ul.secondary li.current a { color: #D5D3CB; } #category-nav ul.primary ul.secondary li.selected a, #help-nav ul.primary ul.secondary li.selected a { color: #D5D3CB; } #help-nav ul.primary ul.secondary li.current a { color: #D5D3C8; } #category-nav ul.primary ul.secondary ul.tertiary li.selected, #help-nav ul.primary ul.secondary ul.tertiary li.current { background: url('/anf/img/global/bg_nav-arrow.png') 0 3px no-repeat; color: #D5D3C8; } #category-nav ul.primary ul.secondary ul.tertiary li a, #help-nav ul.primary ul.secondary ul.tertiary li a { background: 0; color: #777777; padding-left: 0px; } #category-nav ul.primary ul.secondary ul.tertiary li.selected a { color: #D5D3C8; } #category-nav ul.primary ul.secondary ul.tertiary li a:hover, #help-nav ul.primary ul.secondary ul.tertiary li a:hover { color: #D5D3C8; } /*------------------- Utility Nav -------------------*/ #utility-nav-wrap { position: relative; margin-bottom: 8px; z-index: 10; height: 23px; } #utility-nav { float: right; } #utility-nav #minicart-contents ul.item-desc li { white-space:normal; } #utility-nav h3.empty { padding: 106px 0px; text-align: center; } #utility-nav li.util-main { float: left; background: url('/anf/img/global/utility-separator.png') no-repeat center left; padding: 8px 16px; padding-top: 7px \9; /* IE 7 and 8 need less padding at the top */ height: 14px; height: 15px \9; } #utility-nav li.first { background: none; } #utility-nav li.last { padding-right: 19px; } body.store-15108 #utility-nav li#util-language { display: none; } #utility-nav ul li:hover { background: #333333; } #utility-nav ul li:hover + li { background: none; } #utility-nav ul li a { text-decoration: none; text-transform: uppercase; } #utility-nav ul li a.util-main { font-size: 12px; color: #666666; } #util-account:hover a.util-main, #util-wishlist:hover a.util-main, #util-minicart:hover a.util-main, #util-checkout:hover a.util-main, #util-language:hover a.util-main { color: #d5d3c8; } #utility-nav ul li a.util-main span.qty { display: inline-block; min-width: 15px; } #utility-nav ul li div.util-actions-wrap { display: none; z-index: 100; position: absolute; top: 30px; right: 0; background: #333333; border-right: 1px solid #2a2a2a; border-bottom: 1px solid #2a2a2a; border-left: 1px solid #2a2a2a; } #utility-nav ul li#util-account div.util-actions-wrap { left: 0; right: inherit; } #utility-nav ul li:hover div.util-actions-wrap { display: block; } #utility-nav ul li ul.util-actions li , #utility-nav ul li ul.util-language li { display: block; background: none; padding: 10px 0; text-align: left; border-bottom: 1px solid #404040; } #utility-nav ul li div.signed-in ul.util-actions li { display: block; background: none; text-align: left; padding: 1px 0px 0px 0px; font-size: 12px; border-bottom: none; } #utility-nav ul li div.signed-in ul.util-actions li a { color: #999999; font-size: 12px; } #utility-nav ul li div.signed-in ul.util-actions li.first { padding-top: 12px; padding-bottom: 4px; } #utility-nav ul li ul.util-actions li a , #utility-nav ul li div.signed-in ul.util-actions li.first a , #utility-nav ul li ul.util-language li a , #util-account-container.remembered div.util-account-sign-out a { color: #d5d3c8; font-size: 14px; } #utility-nav ul li ul.util-actions li a.order-history { color: #999999; font-size: 12px; display: block; padding: 5px 0px 0px 0px; } #utility-nav ul li ul.util-actions li a:hover, #utility-nav ul li ul.util-language li a:hover, #utility-nav ul li div.signed-in ul.util-actions li a:hover , #util-account-container.remembered div.util-account-sign-out a:hover { color: #fffef7; } #utility-nav ul li ul.util-actions li.last, #utility-nav ul li ul.util-language li.last { border: none; } #utility-nav .pagination { display: none; position: absolute; right: 20px; top: 31px; color: #999999; overflow: hidden; } #utility-nav .pagination div { float: left; padding-left: 20px; } #utility-nav .pagination .prev-next a { margin-left: 10px; } #utility-nav .pagination .prev-next a:hover { color: #d5d3c8; } #utility-nav .pagination .prev-next a.prev { background: url('/anf/img/global/b_prev-arrow.png') no-repeat left 3px; padding-left: 10px; } #utility-nav .pagination .prev-next a.next { background: url('/anf/img/global/b_next-arrow.png') no-repeat right 3px; padding-right: 10px; } #util-language { position: relative; } #util-language div.util-actions-wrap { width: 80px; left: 0; padding: 20px; } #util-language-header{ text-align: left; } #utility-nav #util-account { position: relative; display: none; } #utility-nav #util-account #util-account-text{ display: none; } #util-account.signed-in a { padding-right: 10px; *padding-right: 0px; /* IE7 and lower does not support the ":after" pseudo-element so it does not get the down arrow next to "Hey, Firstname" */ } #util-account.signed-in:after { content: ""; display: inline-block; width: 0px; height: 0px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #666; position: relative; bottom: 3px; } #util-account.signed-in:hover:after { content: ""; display: inline-block; width: 0px; height: 0px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #D5D3C8; position: relative; bottom: 3px; } #util-account div.util-actions-wrap { min-width: 206px; left: 0; padding: 17px 16px 28px 16px; max-width: 405px; } #util-account.guest div.util-actions-wrap { padding-bottom: 7px; } #util-account div.signed-in #util-account-header , #util-account div.signed-in #util-account-nav { text-align: left; padding-bottom: 11px; border-bottom: 1px solid #404040; } #util-account div.authenticated #util-account-header { padding-bottom: 13px; } #util-account-header div { color: #999999; border: none; text-transform: uppercase; font-size: 12px; padding: 0 0 3px; } #util-account-container.authenticated #util-account-header div { padding: 0; } #util-account-container.authenticated #util-account-header a { color: #999999; } #util-account-header div.util-account-logon-id { font-size: 14px; color: #D5D3C8; overflow: hidden; display: block; } #util-account-container.authenticated #util-account-header div.util-account-logon-id { padding-bottom: 5px; } #util-account-container.authenticated #util-account-header a { text-decoration: underline !important; } #util-account-footer { text-align: left; padding-top: 11px; } #util-account-footer a { font-size: 14px; color: #D5D3C8; } #util-account-footer a:hover { color: #FFFEF7; } .speed-exchange-transaction #util-account { display:none; } #util-wishlist { text-transform: uppercase; font-size: 12px; } #util-wishlist div.util-actions-wrap { display: block; width: 450px; } #util-wishlist div.util-actions-wrap #processing-indicator { margin: 20px; } #mini-wishlist-header { padding: 10px 20px 0; } #mini-wishlist-header h2 { border-bottom: 1px solid #404040; padding: 15px 0 8px 0; text-align: left; } #mini-wishlist-header h2 a { color: #d5d3c8; } #mini-wishlist-header h2 a:hover { color: #fffef7; } #mini-wishlist { min-height: 200px; padding: 10px 20px 20px; } #mini-wishlist ul.mini-wishlist-items { overflow: hidden; } #mini-wishlist ul li.item { display: none; position: relative; float: left; width: 100px; min-height: 190px; height: 190px; padding: 10px 18px 0; text-align: center; } /*#mini-wishlist ul li.first {*/ /* clear: left;*/ /*}*/ #mini-wishlist ul li.active { display: block; } #mini-wishlist ul li.item div.actions { display: none; position: relative; width: 100px; padding: 5px 0 0; } #mini-wishlist ul li.item:hover div.actions { display: block; } #mini-wishlist ul li.item:hover div.item-desc li.desc { display: none; } #mini-wishlist ul li.item div.actions ul li.add-to-bag a { color: #d5d3c8; } #mini-wishlist ul li.item div.actions ul li.add-to-bag a:hover { color: #fffef7; } #mini-wishlist img { width: 100px; height: 100px; } #mini-wishlist li.desc { padding: 5px 0 0; } #mini-wishlist li.desc span, #mini-wishlist div.comments { display: none; } #mini-wishlist li.desc span.name { display: block; color: #d5d3c8; } #mini-wishlist li.desc span.desc { display: block; color: #999999; font-size: 11px; } #mini-wishlist li.desc span.price { display: block; color: #999999; } #mini-wishlist li.desc span.price span { display: inline; color: #999999; } #mini-wishlist li.desc span.price span.list-price{ margin-right: 5px; } #mini-wishlist li.desc span.price span.redline{ color: #852D2D; } #mini-wishlist-footer { background: #2a2a2a; border-top: 1px solid #404040; text-align: right; padding: 10px 20px; } #util-minicart { text-transform: uppercase; font-size: 12px; } #util-minicart div.util-actions-wrap { width: 450px; } #util-minicart div.util-actions-wrap #processing-indicator { margin: 20px; } #minicart-header { padding: 10px 20px 0; } #minicart-header h2 { border-bottom: 1px solid #404040; padding: 15px 0 8px 0; text-align: left; } #minicart-header h2 a { color: #d5d3c8; } #minicart-header h2 a:hover { color: #fffef7; } #minicart-contents { padding: 6px 20px 15px; } #minicart-contents .cart-details {} #minicart-contents .cart-details ul.promos-applied { padding: 0 0 6px; margin: 0 0 6px; border-bottom: 1px solid #404040; color: #57864F; text-align:left; } #minicart-contents .cart-details .totals-wrap { overflow: hidden; padding-bottom: 6px; border-bottom: 1px solid #404040; } #minicart-contents .cart-details .totals-wrap p.subtotal-info { float: left; color: #d5d3c8; padding-top: 7px; } #minicart-contents .cart-details .totals-wrap a.checkout-link { float: right; color: #d5d3c8; background-color: #3d5e37; padding: 7px 25px; } #minicart-contents .cart-details .totals-wrap a.checkout-link:hover { background-color: #38772e; } #minicart-contents .cart-details .totals-wrap span.checkout-link-disabled { float: right; color: #777777; background-color: #555555; padding: 7px 25px; cursor: default; } #minicart-contents ul.minicart-items { overflow: hidden; padding: 10px 0; } #minicart-contents ul.minicart-items li.item { display: none; position: relative; float: left; width: 100px; min-height: 180px; padding: 10px 18px 0; text-align: center; } #minicart-contents ul.minicart-items li.first { clear: left; } #minicart-contents ul.minicart-items li.active { display: block; } #util-minicart #minicart-contents ul.minicart-items #processing-indicator { margin: 55px auto; padding: 0; height: 28px; width: 28px; } #minicart-contents ul.minicart-items li.item ul.item-actions { display: none; position: relative; width: 100px; padding: 5px 0 0; } #minicart-contents ul.minicart-items li.item:hover ul.item-actions { display: block; } #minicart-contents ul.minicart-items li.item:hover ul.item-desc { display: none; } #minicart-contents ul.minicart-items li.item ul.item-actions li.edit a { color: #d5d3c8; } #minicart-contents ul.minicart-items li.item ul.item-actions li.edit a:hover { color: #fffef7; } #minicart-contents .item-image img { width: 100px; height: 100px; } #minicart-contents ul.item-desc { padding: 5px 0 0; } #minicart-contents ul.item-desc li { color: #999999; } #minicart-contents ul.item-desc li.name a { color: #d5d3c8; padding: 0; margin: 0; } #minicart-contents ul.item-desc li.sku, #minicart-contents ul.item-desc li.color, #minicart-contents ul.item-desc li.size { display: none; } #minicart-contents ul.item-desc li.short-desc{ font-size: 11px; } #minicart-contents ul.item-desc li.price span.price span.list-price{ margin-right: 5px; } #minicart-contents ul.item-desc li.price span.price span.redline{ color: #852D2D; } #minicart-footer { background: #2a2a2a; border-top: 1px solid #404040; text-align: right; padding: 10px 20px; } /*------------------- Promo Nav -------------------*/ .js #home #promo-nav{ display: none; } #promo-nav { position: relative; font-size: 12px; color: #888888; text-transform: uppercase; z-index: 15; padding: 7px 16px 8px; float:left; } #promo-nav span { } #promo-nav a { font-size: 12px; color: #999999; text-decoration: underline; text-transform: uppercase; margin-left: 8px; } #promo-nav a:hover { color: #D5D3C8; } #promo-nav .dropdown { display: none; background: #333333; border-bottom: 1px solid #2A2A2A; border-right: 1px solid #2A2A2A; padding: 20px 20px 10px 20px; position: absolute; left: 0; top: 30px; width: 300px; z-index: 100; } #promo-nav .dropdown li { border-bottom: 1px solid #404040; padding: 10px 0; } #promo-nav .dropdown li.last { border-bottom: none; padding:10px 0; } #promo-nav h3 a { font-weight: normal; text-transform: uppercase; font-size: 14px; color: #D3D5C8; padding:0; margin:0; text-decoration:none; } #promo-nav h3 a:hover { color: #FFFEF7; } #promo-nav a.legal { font-size:10px; text-transform:uppercase; font-family: Arial; color: #666666; margin:0; } #promo-nav a.legal:hover{ color: #D3D5C8; } /*------------------- Primary Content -------------------*/ body.generic #primary-content { padding: 0px 30px 30px 30px; } #primary-content { clear: both; overflow: hidden; _height: 100%; } /*------------------- Footer -------------------*/ #footer-wrap { position: relative; width: 960px; overflow: hidden; margin: 0 auto; } #footer { width: 960px; overflow: hidden; background: #2c2c2c; } #footer ul.primary { position: relative; clear: left; text-align: center; white-space: nowrap; overflow: hidden; width: 960px; min-height: 49px; background: url('/anf/img/global/bg_footer.png') repeat-x; } #footer ul.primary li { margin-top: 13px; position: relative; display: block; line-height: 2.0em; float: left; overflow: hidden; } #footer ul.primary li .sprite-footer-img{ background: url('/anf/img/global/anf-social-integration-buttons.png') no-repeat; width: 15px; height: 25px; display: block; float: left; margin-right: 8px; margin-top: -5px; } #footer ul.primary li a#stores-link:hover span.sprite-footer-img{ background-position: 0 -20px; } #footer ul.primary li a.giftcard-link span.sprite-footer-img { background-position: -15px 0; width: 12px; } #footer ul.primary li a.giftcard-link:hover span.sprite-footer-img { background-position: -15px -20px; } #footer ul.primary li a.text-terms-link span.sprite-footer-img { background-position: -26px 1px; width: 12px; } #footer ul.primary li a.text-terms-link:hover span.sprite-footer-img { background-position: -26px -19px; } #footer ul.primary li ul li.twitter-follow a.sprite-footer-img { background-position: -39px 5px; margin-right: 0; height: 29px; width: 25px; } #footer ul.primary li a { color: #888888; display: block; font-size: 12px; text-decoration: none; text-transform: uppercase; background: url('/anf/img/global/footer-separator.png') no-repeat center right; padding: 0 21px 0 19px; } #footer ul.primary li a:hover { color: #D5D3C8; } #footer ul.primary li.last a { background: none; } #footer ul.primary li.last + li{ float: right; margin: 0; padding-right: 20px; } #footer ul.primary li ul li.email-form{ margin-right: 13px; margin-top: 0; } #footer ul.primary li ul li.email-form form{ float: left; /*with js disabled, this form is hidden*/ display: none; } html.js #footer ul.primary li ul li.email-form form{ display: block; } #footer ul.primary li ul li.email-form div.data { float: left; } #footer ul.primary li ul li.email-form div.data ul li { padding: 0; margin-top: 12px; } #footer ul.primary li ul li.email-form div.data ul li input { font-family: Arial, Helvetica, 'sans serif'; font-size: 10px; font-weight: bold; line-height: 24px; text-transform: uppercase; color: #EBE9E0; width: 187px; _width: 184px; background-color: #3E3E3E; height: 25px; padding-left: 8px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; } #footer ul.primary li ul li.email-form div.data ul li input::-webkit-input-placeholder { color: #EBE9E0; } #footer ul.primary li ul li.email-form div.data ul li input.active { text-transform: none; } #footer ul.primary li ul li.email-form div.actions { float: left; } #footer ul.primary li ul li.email-form div.actions ul li { padding: 0; margin-top: 12px; } .js #footer ul.primary li ul li.email-form input.button { display: none; } /* Commented this out for the 4/25 temp fix. */ #footer ul.primary li ul li.email-form span.button, #footer ul.primary li ul li.email-form input.button, #footer ul.primary li ul li.email-form a.button, #footer ul.primary li ul li.email-form a.button:visited { margin: 0; *margin-top: 1px; background: #3E3E3E url('/anf/img/global/email-arrow.png') no-repeat 10px center; padding: 0px; height: 25px; width: 25px; border-left: 1px solid #323232; } #footer ul.primary li ul li.email-form a.button { text-indent: -10000px; overflow: hidden; } #footer ul.primary li ul li.email-form div.actions div.validator { display: none; } #footer ul.primary li ul li.email-form a.email-subscribe { display: block; font-size: 11px; color: #D5D3C8; background: #4D4D4D; border: none; text-decoration: none; text-transform: uppercase; text-align: center; text-indent: 0; margin-top: 11px; padding: 7px; height: auto; width: auto; line-height: 14px; } #footer ul.primary li ul li.email-form a.email-subscribe:hover { background: #666; } #footer ul.primary li ul li.facebook{ margin-right: 10px } #footer .secondary { position: relative; clear: both; float: left; padding-bottom: 18px; margin: 12px 0 0 19px; width: 941px; text-align: left; } #footer .secondary h4 a, #footer .secondary h4 { color: #666666; font-size: 12px; padding-bottom: 5px; text-decoration: none; } html[lang|="zh"] #footer .secondary h4 a, html[lang|="zh"] #footer .secondary h4 { font-size: 13px; } #footer .secondary .help, #footer .secondary .site-info, #footer .secondary .about{ float: left; width: 176px; _width: 171px; } #footer .secondary .brands { float: left; width: 411px; padding-bottom: 11px; } #footer .secondary ul li { padding-bottom: 3px; } #footer .secondary ul li a { font-family: Arial, Helvetica, 'san serif'; font-size: 9px; color: #494949; text-decoration: none; text-transform: uppercase; font-weight: bold; } html[lang|="zh"] #footer .secondary ul li a { font-size: 11px; } #footer .secondary ul li a:hover { color: #888888; } #footer .secondary .brands h4 { padding: 0 0 5px 31px; } #footer .secondary .brands ul { padding: 10px 0 10px 30px; border-left: 1px solid #383838; display: block; overflow: hidden; } #footer .secondary .brands ul li { display: block; float: left; margin: 0 10px 10px 0; padding: 0; width: 176px; height: 40px; background: url('/anf/img/global/footer-brand-logos.png') no-repeat; } #footer .secondary .brands ul li a { display: block; width: 176px; height: 40px; text-indent: -10000px; overflow: hidden; /* prevents anchor outlines from flowing outside viewport, don't remove */ } #footer .secondary .brands ul li.kids { background-position: 0 -40px; } #footer .secondary .brands ul li.hollister { background-position: 0 -80px; } #footer .secondary .brands ul li.gilly { background-position: 0 -120px; } #footer .secondary #exit-kiosk { position: absolute; right: 20px; bottom: 11px; } #footer .secondary #exit-kiosk .button { font-size: 11px; } #footer #texts-info{ display: none; } /*------------------- Forms, Inputs, and Buttons -------------------*/ select { font-family: Arial, Helvetica; background-color: #777777; color: #D5D3C8; padding: 0.1em 0px; border: none; font-size: 12px; text-transform: none; } /*-- mobile webkit specific --*/ @media only screen and (device-width: 768px) { select { font-family: Arial, Helvetica, sans-serif; background-color: #777777; color: #D5D3C8; padding: 0.1em 0px; border: none; font-size: 11px; -webkit-appearance:none; -webkit-border-radius:0; background:#777777 url('/anf/img/global/search-arrow-down.png') no-repeat 91% center; padding: 5px 25px 4px 10px; } select#quantity, select[name=quantity] { background-position: 85% center; width:75px; } input { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-appearance:none; border: 1px solid #555; padding: 5px 25px 4px 10px; font-size: 15px; line-height: 19px; background: #777; } input[type=checkbox] { background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#777)); border: 1px solid #262626; display: inline-block; font-size: 15px; line-height: 1em; padding: 0; width: 18px; height: 18px; vertical-align: text-top; } input[type=checkbox]:checked { background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%008%00%00%008%08%02%00%00%00'%E4%ACI%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%04DIDATx%DA%EC%98%B9J%2CA%14%86%EF%F4%AC%8E%5B%24%F8%00%93%BA%83%89%89%A1%22n%A1%81%89%B8%22%82%2B%06%A2%E2%82%B8%20%1A%A9(%B8%BC%87%8F%E0%12%09%3E%82K%AA%20%EAu%EEo%FFw%0EEuO%2F3%A3%5C%2F%FD%07E%F5Lu%F7%D7%FF9u%BA%BA%22%A9T%EA%D7O%90%F1%EB%87(%00%0D%40%03%D0%004%00%0D%40%03%D0%FF%1B4%F2%3D%B7I%A7%D3%B6%BF%87B%A1%7F%05T%105V%22%F2G%2F%B8%91oC%D4%40qH%3E%B4%D2w%CA%D1%D0%D7H%F3%89%94%86aloo%0F%0C%0C%D8%BA%EB%7C%C1H8%1C%FE%22%2F%D3%19%FD%B5%C40677%BB%BB%BB%D1%8F%C5b%7B%7B%7B%B6%8F%975%F4%BE%40%ADs%C2zu%8D%F2%E3%E3%03-%EE%B2%B1%B1AJhjj%0A'%EE%EF%EF%A3%C5%03xa%8D%409%F09g%95%20B%18%06%CA%F5%F5u%A1%A4%26''qk%F8%8A%7FU%DC%AC%A0%D1h%D4c%1C%1D%1C%95%1Bp%00%11y%08%8E%B5%B5%B5%AE%AE.%EB%95%9B%9A%9A%8E%8F%8F1Re%CD%11T%8B%23%95L%26%CB%CA%CA%EE%EE%EE%D4y%23%E5F%CCF%07%9E%AD%AC%ACtvvZ%AF%7Cyy944%04J%8C%01%A8%9A%00%F6%A0%C8kWJ%E6%19%DBD%22%B1%BB%BB%5BYY988x%7F%7FouB%BCD%BB%B4%B4%D4%D1%D1a%BD%F2%C5%C5%C5%F0%F0%F0%EB%EB%2Bl%22(Mu%02upT%9D%10%BC%7D%3C%1E%DF%D9%D9%A9%A9%A9A%FF%F0%F0%10%96%3C%3C%3C%A8%09%A0V%C7%E5%E5%E5%F6%F6v%5BJ%3C%E4%DB%DB%1B))W%D0P%5B%5B%9B%83%9DD%FCm%0A%DEommUWW%CB%18D%1F%C6%3C%3E%3E%8A%A98%0B%23%D1.%2C%2C%B4%B6%B6%3AP%C6LEM1%F4%CE%F3)%A4MF%DB%99%FB%FE%FE%8E_%40YUU%A5%0DSY%25%EE%F3%F3%F3---%0E%94%88%8C%80%D2Q%D7%1C5bn%E2%85%00%7D%7D%7Dm%3D%1F%C9zppPQQA%D7%F1%0B%BC%CCF%89T%C1%18d9%40%13%A6%E2%A6x%23%B5oU%B8%BE%BE%3E%9CEj8%00zuu%05%C3jkk5%82%92%92%92%E6%E6%E6%F3%F3%F3%A7%A7%A7%C5%C5E%5BJ%CC%F1%91%91%11P%0A%A2J%C9%04%90d%B5U%04C%B3%85%9Eqg%9A%F3%F0%EC%EC%0Cm__%9F%D5%D7%A3%A3%A3%DB%DB%5B%10%5B%2F%85'%1C%1D%1De%5DSm%23%9Cj%87S%1D%CDV%9E%98%A3%F0%80%C9%C7%FC%C3%E1%E9%E9)%3A%FD%FD%FDVV%C8%96rll%0C%97*..%8Eg%24%94%5E*%A8%0FP%89%3E%7D%3D99A%07%8B%20%D7w%2F%D2z%7C%7C%9C%94%92%9A%DAd%F7B%F9%09%EA%10zb%81U%EA%9C%FC%05_%D1qf%05%E5%C4%C4%04%93X%CDK%A1t%AD%9D%3E%0A%3EA%ADi%84%16%ACh%AD9%40%DD%DC%DC%90%12yYd%8A%94%B4%D3%2F%A5K%E8%A5%E0%AB%F3%D1%C8%88%AC%A8%FF%8D%8D%8D%DA%B9%CF%CF%CF%B3%B3%B3%18%03%3E%82%D2N%EB%04%F2%FE%D9%94%D5Qu9%C2%9A%2F%AC2%09%A0%E9%E9i%BCT%1B%1A%1AT%CA%9E%9E%9E%97%97%17D%5C%B33gJ%F7%D0%0B%2B%86%91U%2Bu8%9C%99%99%C1%07F%5D%5D%1D)%7B%7B%7B%B1%DA(--M%9AR%83.1%F1K%E9%BEpVYU8%E2%A2%C5%03%80%60nn%0EK%E3T*%85%E9%85%E7%C1%22%B0(%23%A1T%8B%91_JO%9F%22%C2%AA%BD%B1%84%18%10x%7D%AF%AE%AE%82%09%C3%CA%CB%CB%B5%D7%8FV%8Cr%A0%F4%FA%CD%24%AC%E4c%2B%8E%22%D0p%91%8B%26%D4K%B1Y%DE%40%EA%8A37%CAOP%2F%A7%C9BS-Ob*PdE%A2%FEH%E2%82P%FA%D8%80%10Vy%A3%0A%2Bhh'%07%A8%95A%94'%A5%BF%9D%12%8D%95%1D%88%B5V6g%C8*%E5%B6%20%94%BE%B7tlY%85R%C6%C8%87T%3E%B3'%DF%BD'%8D%953L%FD%92%B6%EE%EA%E4O%99%E3%26%99%F6%11%E7%BC%7DR%10%CA%DCw%F3%D4%95%94-J%A1%F8%0A%B6%EDXp%A0%60%0F%3F%00%0D%40%03%D0%00%F4k%F4G%80%01%00%E2%BB%B3%8D%BD%BE%0E%DE%00%00%00%00IEND%AEB%60%82") no-repeat center center; -webkit-background-size: 28px 28px; } input[type=radio] { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D1D1D1)); -webkit-border-radius: 2em; /* Make radios round */ width: 13px; height: 13px; } input[type=radio]:checked { background: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%008%00%00%008%08%02%00%00%00'%E4%ACI%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%03%99IDATx%DA%EC%98AKrA%14%86%BBj%A6%9F%11%04R%B9ID%A1%82%16%11n%A4m%8Bh%11%ED%04%D7%FE%8Bh%95%D8%0F%A8e%7F%40%DADT%B4%8FvA%1BA%DA%84%06%ADZ'%95%A9%BD%DF%7D%F10%DF%CDl%E6*%1F%08s%16r%EF8%F7%CEs%DFsf%CE%99q2%99%CC%C48X%60bL%CC%82ZP%0BjA-%A8%05%B5%A0%16%D4%82%9AXh%24o%E9v%BB%03%FEu%1Cg%04%A0%C3%BCE%F8%F0%92%9FX%D5%F7%0F3V(%18%0C%0EC%A9%FE%AA%ED%C2%E4%B8%26-%BEY%FD%80z%10%85%D2s%ED%7C%B3apC0%7F%94b%9DN%07-%CB%CB%CB%F9%7C~cc%23%99L%E2%B6%D1h%DC%DE%DEV*%95%87%87%07%60%05%02%81%BE%C4%FA%E6d%B3YSP%B1v%BB%0D%CAp8%BC%BF%BF%BF%B3%B3%F3%F1%F1%D1j%B5%C8%0D%B2%C9%C9I%FCu~~~pp%80%BF%D0%02%EFyp%0D%40s%B9%9C%0F%CA%8Ek%00%85CNNNVVV%DE%DE%DE%FA%3E%12%89Dj%B5Z%B1X%FC%FC%FC%04h%C05%1F%AC%C1t%3A%1D41%19%86%DC%7B%7B%7Bp%F7%FB%FB%BB%F3%83%E1c%12%89%C4%FC%FC%FC%CD%CDM%C85%BC%24%D43%FDqCp%90%91%9C%14%12%B7%B8XZZ%DA%DD%DD%7D%7D%7D%1D%AC%0D%3E%03%DDNOO%1F%1F%1F%19%00%9E%0F%D6%9ALSSS%FA%A0%A4%C4%18%04-%14%0A%08J%9D%C1%D0%0D%9D%CB%E52%10!%8D%CA%AA%0B%8Ax%D7%EC%CA%B8%E4%DBq%81%98%5B%5B%5Bc%8B%CE%B3%EB%EB%EBxP%FC.%F1%3AbP%99%E6LB%1Cfaa%01%B8%9A%AA%CC%CD%CD%89%DF%85U%DF%FB%06%A0%22'%AE%C1G1%8Cf.%25%04%22%BC%2F%A2%EA%82j%C6(A%A9%1F%A5E%D8%BD%BC%BC%C4%E3%F1%C1%15%89%24Rtf%80%8A%81%D5%00%D4%B7%A2%18%E6%FE%FE~kk%8B%2B%FC%AFZ%A23%3D%CED%F0%3F%40)-F%3A%3B%3B%DB%DE%DE%D6Q%14%0F%A2%B3h%E9%07%D4%C8%F5%8C*%DE%C2%FB%F5z%FD%EA%EA%0A%AC%83E%C5%23%E8%86%CE%D3%D3%D3%11%D70%A81%A8%FE%82%CF%15%94%AE%E7%82%0A%5D%8F%8E%8E%16%17%17WWW%07%D4%A3%D5j%15%DD%041%EC%9A%AC%A6%BA)tssS3s%AA%E9Dd%00%EB%F5%F5%F5%EC%EC%2C%B2%94T%9Fb%E8%7FyyY*%95%20%5E%2C%16%FB%E3%9A%E0%92U3%91%3A%87%87%87F%F9%13d%98%EF%C8%8A%A8B%9A%CD%26%F2g%D3%B5T*%85%18%40-%06%81%D1%FF%E9%E9%E9%EE%EE%EE%E2%E2%02%F5%1E%F9%08%FA%DD%EF%23v%3D%3D%CB0U%8B%20*%8DQ%9F%9F%9F%8F%8F%8F%3De%1E%98fff%A2%D1(%10%A3%AEQKYD%F5Wb%83%C2%99%A2%06%FE5RblH%85%A2%13z%0B(%DBA%16%E9%99Ji%94%96%CC%B6%22%14U%82U(%A9%1C%ABf%96%D2%D2%8D%2B%11qeI%A2%D3M%13%9B%D9%9E%89%8ArA%95%AC%8D%E1%5B%AE%B5%5D%93%CD%1D%3B%A8yH%ADEL%0Bg%E3%ED%B2%3A%A3%05%17%1C%ED%9Ey%40%E5%7B%C4%DD%B2v%9A%81%9ARr%7B%89%C1%04%88%1A%13%11%17j%3Bq%D5%98%F6%BD%B93%3E)%11VUZ%16~%EA%8EY%80%04NMB~%B6%CB%3E%CE%02d%C3D%C1d%E5%EA%7B%00%E1%994%FE%0F%20%7C%9F%B1%A8%B8%7FS%DCo%93r%C8%13%A8a%0F%C9Fr%00f%CFG-%A8%05%B5%A0%16%D4%82%8E%1F%E8%97%00%03%00%2CK3%C0%95%A6%DFv%00%00%00%00IEND%AEB%60%82") no-repeat center center; -webkit-background-size: 21px 21px; } } span.button, input.button, a.button, a.button:visited { display: block; font-size: 13px; color: #D5D3C8; background-color: #4D4D4D; border: none; text-decoration: none; text-transform: uppercase; text-align: center; padding: 6px; margin-bottom: 10px; } span.button:hover, input.button:hover, a.button:hover { cursor: pointer; background-color: #666666; } form ul li label, form ul li.required-text span, form .links ul li { font-family: 'Trade Gothic Bold', Arial, Helvetica, 'sans serif'; color: #999999; font-size: 11px; text-transform: uppercase; padding-bottom: 2px; } form ul li input { font-family: Arial, Helvetica, 'sans serif'; background-color: #777777; color: #D5D3C8; padding: 0.2em 2px; border: none; font-size: 12px; } form ul li input[type="checkbox"], form ul li input[type="radio"] { background-color: transparent; } form .actions ul li input.linkified { -webkit-appearance:none; /*keeps ipad & iphone from applying apple styles*/ width: 0; height: 0; padding: 0; position: absolute; } /*---- password fields for IE ----*/ form ul li textarea { font-family: Arial, Helvetica, 'sans serif'; background-color: #777777; color: #D5D3C8; font-size: 12px; padding: 0.2em 2px; border: none; } @media only screen and (device-width: 768px) { form ul li textarea { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -webkit-appearance:none; border:none; padding:10px; font-size: 15px; line-height: 19px; } } #messages.errors { float: left; font-size: 12px; text-transform: uppercase; width: 100%; overflow: hidden; margin-bottom: 8px; } #messages.errors ul li { float: left; padding: 7px; color: #D5D3C8; background: #852D2D; } /*------------------- Modals -------------------*/ .simplemodal-overlay { background-color: #000000; cursor: pointer; } .simplemodal-container { background-color: #333333; color: #777777; height:auto; } .simplemodal-data { padding: 30px; } a.modalCloseImg { background: url('/anf/img/global/b_close.png') no-repeat; width: 17px; height: 17px; position: absolute; top: 30px; right: 30px; cursor: pointer; z-index: 100; } a.modalCloseImg:hover { background-position: 0 -20px; } .quick-shop-container a.modalCloseImg { top: 20px; right: 21px; } #modal-container { display: none; /*js appended container was affecting simplemodal's overlay calculations*/ } /*---------------- Legal Pages ------------------*/ .legal-wrap {} .legal-wrap p { font-family: Arial; font-size: 12px; padding-bottom: 15px; line-height: 19px; color: #777777; } .legal-wrap p.indent { font-family: Arial; margin-top: 4px; padding-left: 20px; font-size: 12px; padding-bottom: 15px; line-height: 19px; color: #777777; } .legal-wrap p.first { padding-top: 10px; } .legal-wrap a { color: #6D6D68; } .legal-wrap a:hover { color: #D5D3C8; } .legal-wrap h2, .stores h2 { font-weight: normal; text-transform: uppercase; font-size: 18px; color: #D3D5C8; display: block; border-bottom: 1px solid #505251; min-height: 15px; padding-bottom: 5px; margin-bottom: 4px; } .legal-wrap h3 { font-size: 12px; margin-bottom: 6px; color: #D5D3C8; text-transform: uppercase; } .legal-wrap ol.lower-alpha{ list-style-type: lower-alpha; padding: 10px 0px 15px 20px; font-family: Arial; font-size: 12px; } .legal-wrap ol.lower-alpha li{ padding-top: 5px; padding-bottom: 5px; color:#777777; } .legal-wrap ol.lower-alpha h3 { padding-top:5px; } .legal-wrap ol.lower-roman{ list-style-type: lower-roman; padding: 10px 0px 15px 20px; font-family: Arial; line-height: 19px; font-size: 12px; color: #777777; } .legal-wrap ol.lower-roman li{ padding-bottom: 10px; } .legal-wrap ol.lower-roman p { padding-bottom: 0px; } .legal-wrap ul { padding: 0px 0px 15px 0px; } .legal-wrap ul li { list-style-type: disc; margin-left: 15px; font-family: Arial; margin-top: 5px; font-size: 12px; line-height: 19px; color: #777777; } .legal-wrap ul li h2{ font-family: 'Trade Gothic Bold',Arial,Helvetica,'sans serif'; font-family: 'Trade Gothic Bold' \0/ !important; } .legal-wrap ul.table-content li h2{ font-family: 'Trade Gothic Bold',Arial,Helvetica,'sans serif'; font-family: 'Trade Gothic Bold' \0/ !important; border-bottom-color: #505251; border-bottom-style: solid; border-bottom-width: 1px; color: #D3D5C8; display: block; font-size: 18px; font-weight: normal; margin-bottom: 4px; min-height: 15px; padding-bottom: 5px; text-transform: uppercase; } .legal-wrap ul.table-content li { list-style: none; margin-left: 0px; font-family: Arial; margin-top: 5px; font-size: 12px; line-height: 19px; color: #777777; } .legal-wrap ul.table-content li ul.circle{ padding: 0px 0px 15px 15px; } .legal-wrap ul.table-content li ul.circle li{ list-style-type: disc; list-style-position: outside; } .legal-wrap .sale-terms ul { list-style-type: disc; padding-left: 15px; margin-top: -25px; } .legal-wrap table { font-family: Arial; margin-top: 4px; font-size: 12px; padding-bottom: 15px; line-height: 19px; color: #777777; } .legal-wrap table tr td{ vertical-align: top; padding-top: 3px; padding-bottom: 6px; padding-right: 10px; } .legal-wrap dl { font-family: arial; margin-top: 20px; font-size: 12px; color: #999999; overflow: hidden; } .legal-wrap dd { float: left; width: 390px; padding-bottom: 20px; } .legal-wrap dt { float: left; width: 120px; font-weight: bold; clear: left; padding: 0px 10px 20px 0px; } .stores ul { overflow: hidden; margin-top: -6px; } .stores ul li { float: left; width: 145px; text-align: center; padding: 16px 0px 0px 38px; } .stores ul li.first { padding-left: 0px; margin-left: -10px; } .stores ul li h4, .stores ul li p { font-size: 12px; text-transform: uppercase; color: #6D6D68; } /*------------------- Email Subscribe & Order Tracking Modals -------------------*/ #modal-container #order-tracking { width: 300px; } body.subscribe #primary-content { background: #333 url('/anf/img/global/bg_primary-content-generic.png') left top repeat-x; padding: 60px; } #email-signup { width: 300px; } #email-signup h2, #order-tracking h2 { font-size: 18px; color: #D5D3C8; border-bottom: 1px solid #484848; padding-bottom: 6px; text-transform: uppercase; } #email-signup a.privacy-policy-link { color: #999999; font-size: 12px; text-transform: uppercase; } #email-signup a.privacy-policy-link:hover { color: #D5D3C8; } #email-signup p.email-signup-status-parents, #email-signup p.email-signup-status { font-size: 12px; color: #999999; text-transform: uppercase; padding: 19px 0px; } .js #email-signup p.email-signup-status-parents, .js #email-signup p.email-signup-status { display:none; } #email-signup .form ul li, #order-tracking .form ul li { padding-top: 8px; } #email-signup .form ul li.brands { display:none; } html.js #email-signup .form ul li.brands { display:list-item; } #email-signup .form ul li.extra-subscribe-blurb { text-transform: uppercase; } #email-signup .form ul li.genders, #email-signup .form ul li.brands ul li { overflow: hidden; clear: left; } #email-signup .form ul li.birthday, #email-signup li.legal, #email-signup .form ul li.legal, #email-signup p.legal { padding-top: 15px; clear: left; color: #999; font-size: 11px; text-transform: uppercase; list-style: none; } #email-signup p.legal a, #email-signup li.legal a, #email-signup .form ul li.legal a { font-size: 11px; color: #999; } #email-signup .form ul li.brands { padding-top: 12px; } #email-signup .form ul li.submit, #order-tracking .form ul li.submit { padding-top: 19px; overflow: hidden; text-transform: uppercase; } #email-signup .form ul li.submit .submit, #order-tracking .form ul li.submit .submit { float: left; padding-right: 10px; } #email-signup .form ul li input[type="text"], #email-signup .form ul li input[type="email"], #order-tracking .form ul li input[type="number"], #order-tracking .form ul li input[type="text"] { width: 295px; display: block; } #email-signup .form ul li .radio, #email-signup .form ul li .checkbox, #email-signup .form ul li .select { padding-top: 2px; } #email-signup .form ul li.genders input { background-color: transparent; } #email-signup .form ul li .select select { margin-right: 10px; } #email-signup .form ul li.genders input, #email-signup .form ul li.brands input { float: left; position: relative; *position: static; top: 2px; } #email-signup .form ul li.system, #order-tracking .form ul li.system { display: none; } #email-signup .form ul li.genders label.gender-title, #email-signup .form ul li.brands label.brand-title { display: block; } #email-signup .form ul li.genders label.gender, #email-signup .form ul li.brands label.brand { float: left; color: #777777; padding: 1px 15px 0px 8px; } #email-signup .form ul li.brands label.brand { text-transform: none; } #email-signup .form ul li.brands ul li { padding-top: 4px; } #email-signup .form ul li.fine-print { color: #999; padding-top: 12px; } #order-tracking .form p { color: #777; font-size: 11px; line-height: 1.1em; text-transform: uppercase; } #email-signup .form .validator { clear: both; } #order-tracking .form .validator { margin-left: 10px; max-width: 222px; } #email-signup .form .validator ul li.message, #order-tracking .form .validator ul li.message { padding: 0px; } #secret-sale { padding-right: 90px; float: left; } #email-signup { float: left; } #modal-container #email-signup { float: none; } #modal-container #email-signup #email-signup-form li.extra-subscribe-blurb ul { padding-left: 15px; list-style: disc outside none; } #modal-container #email-signup #email-signup-form .glb-from-blank { text-transform: uppercase; } /*------------------------- A&F Text Modal -------------------------*/ #simplemodal-container #texts-info{ height: 420px; padding-top: 105px; text-align: center; } #simplemodal-container #texts-info img{ padding-bottom: 25px; padding-left: 192px; *padding-left: 0; } #simplemodal-container #texts-info h2{ color: #FFFEF7; padding-bottom: 47px; font-weight: bold; } #simplemodal-container #texts-info p{ font-family: Arial, Helvetica, 'sans serif'; font-size: 1.13em; line-height: 1.4em; } #simplemodal-container #texts-info p strong{ text-transform: uppercase; font-weight:bold; } #simplemodal-container #texts-info a{ text-transform: uppercase; font-family: Arial, Helvetica, 'sans serif'; font-size: 12px; line-height: 1.7em; } /*------------------- Kids Prompt Modal -------------------*/ #kids-prompt { text-align: center; width: 541px; text-transform: uppercase; background: url("/anf/img/global/kids-logo.png") no-repeat 50% 106px; } #kids-prompt div.logo { padding-top: 60px; } #kids-prompt img.logo, #kids-prompt a.button, #kids-prompt p { margin: 0 auto; } #kids-prompt p { font-size: 14px; color: #999; padding: 202px 0px 25px; width: 425px; } #kids-prompt p.button { padding: 0px 0px 70px; } #kids-prompt p.button a { width: 65px; } /*------------------- Shipping Rates -------------------*/ .shipping-wrap{ font-size: 12px; color: #999999; } .shipping-wrap h2 { border-bottom:1px solid #484848; color:#D5D3C8; font-size:18px; padding-bottom: 6px; text-transform:uppercase; } .shipping-wrap ul#tab-links { padding-top: 16px; } ul#shipping-tabs-list { *clear: both; } /*-- Only hide/show div if js is enabled --*/ .js ul#shipping-tabs-list li.shipping-tab { display:none; } .js ul#shipping-tabs-list li.active { display:block; } #countries.eu-shipping-destinations { display: none; } .checkoutsection #modal-container #countries.eu-shipping-destinations { display: block; } #modal-container #countries h3, ul#shipping-tabs-list h3, #ship-dest-head { font-size: 18px; color: #D5D3C8; text-transform: uppercase; padding-top: 16px; padding-bottom: 6px; border-bottom:1px solid #484848; } #modal-container #countries h3 { padding-top: 0; } ul#shipping-tabs-list h4 { font-size: 14px; color: #D5D3C8; text-transform: uppercase; padding-top: 16px; } #modal-container #countries li, .shipping-wrap p, ul#shipping-tabs-list p, ul#shipping-tabs-list ul li { font-size: 12px; color: #999999; padding-top: 6px; } .shipping-wrap p.dest{ font-size: 12px; color: #999999; padding-top: 6px; line-height: 20px; } ul#shipping-tabs-list li .table { padding-top: 16px; } ul#shipping-tabs-list li .table table thead tr { font-size: 13px; color: #D5D3C8; text-transform: uppercase; width: 60px; background-color: #212121; } ul#shipping-tabs-list li .table table thead tr th { text-align: center; width: 100px; border-right: 1px solid #333333; padding: 6px; } ul#shipping-tabs-list li .table table thead tr.alt th { text-align: left; font-size: 14px; padding: 0 0px 6px 0px; background-color: #333333; border: none; } ul#shipping-tabs-list li .table table tbody tr { font-size: 13px; color: #999999; background-color: #212121; border-right: 1px solid #333333; } ul#shipping-tabs-list li .table table tbody tr.alt { background-color: #3C3C3C; } ul#shipping-tabs-list li .table table tbody tr td { text-align: center; border-right: 1px solid #2B2B2B; padding: 6px; } ul#shipping-tabs-list li .table table.gift-card tbody tr th { border-right: 1px solid #2B2B2B; width: 200px; padding-left: 20px; } ul#shipping-tabs-list ol { font-size: 12px; color: #999999; list-style-type: upper-roman; padding-left:16px; margin-top:10px; } ul#shipping-tabs-list ol li{ margin-bottom: 6px; } /*------------------- Size Charts and Customer Service Phone List common styles -------------------*/ .size-charts-wrap h2 { font-size: 18px; color: #D5D3C8; border-bottom: 1px solid #484848; text-transform: uppercase; padding-bottom: 6px; } ul#tab-links, ul#womens-tab-links, ul#mens-tab-links { overflow: hidden; padding-top: 10px; } ul#tab-links li, ul#womens-tab-links li, ul#mens-tab-links li { float: left; padding-right: 10px; } ul#tab-links li a.active, ul#womens-tab-links li a.active, ul#mens-tab-links li a.active { background-color: #666666; } ul#sizechart-tabs-list, ul#customer-service-phone-list { text-transform: uppercase; clear: both; } /*-- Only hide/show div if js is enabled --*/ .js div.simplemodal-wrap ul#sizechart-tabs-list li.sizechart-tab, .js div.sizechart-view-full-chart { display:none; } .js div.simplemodal-wrap ul#sizechart-tabs-list li.active, .js div.simplemodal-wrap li#sizechart-view-full-chart, .js div.simplemodal-data div.sizechart-view-full-chart { display:block; } .js div.simplemodal-data div.sizechart-view-full-chart { width: 190px; padding-top: 30px; } ul#sizechart-tabs-list li h3, ul#customer-service-phone-list li h3 { font-size: 18px; color: #D5D3C8; border-bottom: 1px solid #484848; padding-bottom: 6px; } ul#sizechart-tabs-list li h3.sub { padding-top: 20px; } ul#sizechart-tabs-list li h4 { font-size: 12px; color: #D5D3C8; } ul#sizechart-tabs-list li p { font-size: 13px; color: #999999; padding-top: 10px; } ul#sizechart-tabs-list li a { font-size: 12px; color: #999999; padding-top: 10px; } ul#sizechart-tabs-list li a:hover { color: #D5D3C8; } ul#sizechart-tabs-list li table th, ul#customer-service-phone-list li table th { font-size: 13px; color: #D5D3C8; width: 167px; text-align: center; padding: 6px 0px; border-right:1px solid #333333; } ul#sizechart-tabs-list li table td, ul#customer-service-phone-list li table td { font-size: 13px; color: #999999; text-align: center; padding: 6px 0px; border-right:1px solid #333333; } ul#sizechart-tabs-list li table tr, ul#customer-service-phone-list li table tr { background-color: #3C3C3C; color: #999999; } ul#sizechart-tabs-list li table thead tr, ul#sizechart-tabs-list li table tr.alt, ul#customer-service-phone-list li table thead tr, ul#customer-service-phone-list li table tr.alt { background-color: #212121; } /*------------------- Customer Service Phone List - override styles -------------------*/ ul#customer-service-phone-list { padding-top: 0 !important; } ul#customer-service-phone-list li { padding-top: 30px; width: 50%; float: left; list-style: none; } ul#customer-service-phone-list li h3 { border: none; width: 95%; font-family: 'Trade Gothic Bold', Arial, Helvetica, 'sans serif'; !important; font-family: 'Trade Gothic Bold' \0/ !important; } ul#customer-service-phone-list li table { margin-top: 15px; width: 95%; } ul#customer-service-phone-list li table th { width: 150px; text-align: left; padding: 6px; font-family: 'Trade Gothic Bold', Arial, Helvetica, 'sans serif'; !important; font-family: 'Trade Gothic Bold' \0/ !important; } ul#customer-service-phone-list li table td { text-align: left; padding: 6px; font-family: 'Trade Gothic Bold', Arial, Helvetica, 'sans serif'; !important; font-family: 'Trade Gothic Bold' \0/ !important; } /*------------------- Music Player -------------------*/ body.abercrombie-playlist { margin: 0; padding: 0; background: #333333; display: block; height: 100%; width: 100%; text-align: center; } body.abercrombie-playlist a { font-size: 1.2em; color: #6D6D68; text-transform: uppercase; } body.abercrombie-playlist a:hover { color: #D5D3C8; } body.abercrombie-playlist div.flash-wrapper{ display: block; left: 50%; margin-bottom: 0; margin-left: -120px; margin-right: 0; margin-top: -40px; position: absolute; top: 50%; } /*------------------- Errors -------------------*/ label.error { color: #CA3F45; } li.error { color: #852D2D; *width: 100%; } form ul li .input input.error, select.error, form ul li .text-area textarea.error, form input.error { color: #D5D3C8; background: #852D2D !important; } #messages { margin-bottom: 1em; overflow: hidden; } #messages li.error, .product-view div.error, .category-view div.error, .product-view li.error h4, .category-view li.error h4, .gift-card-view div.error, .gift-card-view li.error h4, #email-signup div.error, #order-tracking div.error, #contact-us-form div.error, #shipping ul li.submit div.error, #billing ul li.submit div.error { float: left; font-size: 11px; padding: 7px; color: #D5D3C8; background: #852D2D; text-transform: uppercase; } .product-view li.error h4, .category-view li.error h4 { margin-top: 10px; } .validator, .product-add-to-bag .validator ul li, #gclookup-form .validator ul li, div#simplemodal-container div#email-signup .validator { display: block; float: left; padding: 7px; font-size: 11px; color: #D5D3C8; background: #852D2D; text-transform: uppercase; overflow: hidden; } .validator ul.all-required-error li.error-fields, .validator ul.data-error li.error-fields { display : none; } div.quick-shop .product-add-to-bag .validator { margin-top: 0px; } .validator-error-required label, .validator-error-invalid label, .validator-error-mismatch label, .required-error label, li.error label { color: #CA3F45 !important; } .validator-error-required input, .validator-error-invalid input, .validator-error-mismatch input, .validator-error-required select, .validator-error-invalid select, .validator-error-mismatch select, .product-add-to-bag .validator-error-required select, .product-add-to-bag .validator-error-invalid select, .product-add-to-bag .validator-error-mismatch select, .validator-error-required textarea, .validator-error-invalid textarea, .validator-error-mismatch textarea, li.error input, li.error select, li.error textarea { color: #D5D3C8; background: #852D2D; } @media only screen and (device-width: 768px) { .validator-error-required select, .validator-error-invalid select, .validator-error-mismatch select, .product-add-to-bag .validator-error-required select, .product-add-to-bag .validator-error-invalid select, .product-add-to-bag .validator-error-mismatch select, li.error select{ background:#852D2D url('/anf/img/global/search-arrow-down.png') no-repeat 97% center; } } /*------------------- Forms -------------------*/ .form-wrap .options { padding-top: 19px; clear: both; } .form-wrap .options select.size { width: 177px; } .form-wrap .options select.qty { margin-left: 7px; width: 40px; } .form-wrap .data { clear: both; } .form-wrap .actions { overflow: hidden; padding-top: 20px; } .form-wrap .actions ul { overflow: hidden; } .form-wrap .actions ul li { float: left; } .form-wrap .actions ul li.wish-list, .form-wrap .actions ul li.view-wish-list { padding: 0 15px; } .form-wrap .actions ul li.add-to-bag a.wait { cursor: wait; } .form-wrap .actions ul li.add-to-bag a.button, .content-wrap .form-wrap .actions ul li.add-to-bag input, .content-wrap .form-wrap .actions ul li.add-to-bag a.button, .content-wrap .form-wrap .actions ul li.add-to-bag span.button { background-color: #666666; width: 135px; } html[lang|="ja"] .form-wrap .actions ul li.add-to-bag a.button, html[lang|="ja"] .content-wrap .form-wrap .actions ul li.add-to-bag input, html[lang|="ja"] .content-wrap .form-wrap .actions ul li.add-to-bag a.button { width: 136px; font-size: 10px; } .form-wrap .actions ul li.add-to-bag a.button:hover { background-color: #777777; } .form-wrap .actions ul li.status { font-size: 11px; color: #6D6D68; padding: 6px 0px 0px 0px; } /*------------------------- Wishlist Modal -------------------------*/ h2.updated { margin:0 0 20px 0; } a.updated { margin:0 auto; width:33%; *margin:0; *width:auto; } /*------------------- Processing GIF -------------------*/ #processing-indicator { display: none; font-size: 18px; color: #D5D3C8; padding: 20px 0px 10px 35px; background: url('/anf/img/global/processing.gif') no-repeat left center; } #processing-indicator span { display: block; padding-bottom: 10px; } /*------------------- VAT Modal -------------------*/ .vat h1 { border-bottom:1px solid #484848; color:#D5D3C8; font-size:18px; padding-bottom:6px; text-transform:uppercase; } .vat ul { padding-top: 10px; padding-bottom: 10px; width:500px; } .vat ul li{ list-style-type: disc; padding-bottom: 6px; margin-left: 25px; font-size: 12px; } .vat ul li p { line-height: 1em; padding-bottom: 5px; padding-top: 5px; } p.duty-details-link { padding: 8px 0px; } div#shiptocountry h4 { padding-top: 20px; padding-bottom: 20px; } div#shiptocountry h3 { padding-top: 20px; } div#shiptocountry p.alert{ padding-top: 20px; font-size: 140%; color: #E12B2B; padding-bottom: 20px; } .extra-subscribe-blurb span { display: block; margin: 0px; padding-top: 5px; position: relative; width: auto; } /*----------------------- Division Landing Display -----------------------*/ div#division-content ul li.division{ float: right; padding: 0px; } /*----------------------- DoubleClick Pixel Styleing -----------------------*/ div.modal-doubleclick-wrap, .doubleclick-tracking-pixel{ display: none } /*----------------------- Click To Chat -----------------------*/ div#lpchat { position: fixed; right: 0; top: 50%; display: block; margin-top: -57px; } /*----------------------- Hide the HTML5 up & down arrows on number fields in Chrome & Safari -----------------------*/ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } /*----------------------- Promo Invalid Modal -----------------------*/ .promo-modal-popup { text-transform:uppercase; } .promo-not-valid-wrap { overflow:auto; /* Fix float/height issue in IE7 caused by floating button to left */ } .promo-not-valid-wrap h2 { border-bottom:1px solid #484848; padding-bottom: 6px; margin-bottom:7px; } .promo-not-valid-wrap .actions { margin:20px 0 0; float:left; clear:both; } .promo-not-valid-wrap a { margin-bottom:0; padding:6px 20px; } .promo-not-valid-wrap a:hover { background-color:#666; } /*----------------------- Promo Valid Modal -----------------------*/ .promo-valid-wrap h2 { margin-bottom:13px; padding-right:40px; } .promo-valid-wrap { overflow:auto; /* Fix float/height issue in IE7 caused by floating button to left */ } .promo-valid-wrap .promo-name { font-size:15px; margin-bottom:18px; } .promo-valid-wrap #show-details { display:block; clear:left; } .promo-valid-wrap #promo-details { display:none; margin-top:24px; clear:both; float:left; margin-top:26px; } .promo-valid-wrap .actions { padding:15px 0 0; } .promo-valid-wrap .actions a { float:left; padding:6px 20px; margin-bottom:0; }