/*-------------------
Site-Wide Error Page
-------------------*/

/*-------------------
Global Reset
-------------------*/
html, body {
	height: 100%;
}
body, body * {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
ol, ul {
    list-style: none outside none;
}

/*--------------
Error Message 
---------------*/
body.error-page {
}
	body.error-page .content {
	}
		body.error-page #error-message-content {
			text-align: center;
		    margin: 100px auto;
		    width: auto;
		    text-transform: uppercase;		
		}
			body.error-page #error-message-content h2 {
			    border-bottom: 1px solid #35383B;
			    border-top: 1px solid #35383B;
			    color: #D5D3C8;
			    font-size: 22px;
			    line-height: 26px;
			    margin: 0 auto 25px auto;
			   	display: inline-block;
			    padding: 26px 10px;
			}
			body.error-page #error-message-content h3 {
				font-weight: normal;
				font-size: 18px;
				color: #6D6D68;
				margin-bottom: 20px;
			}
			body.error-page #error-message-content span.return-links {
				padding: 10px 0;
				font-weight: normal;
				font-size: 14px;
				color: #6D6D68;
			}
			body.error-page #error-message-content span.return-links a {
				text-decoration: underline;
				margin: 0 8px;
			}
			body.error-page.internal #header,
			body.error-page.tempdown #header {
				height: 107px;
				min-height: 107px;
			}

/*-------------------
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/html/font/tradegothic-bold-webfont.eot');
    src: local('☺'), url('/anf/html/font/tradegothic-bold-webfont.woff') format('woff'), url('/anf/html/font/tradegothic-bold-webfont.ttf') format('truetype'), url('/anf/html/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/html/font/tradegothic-boldcondtwenty-webfont.eot');
    src: local('☺'), url('/anf/html/font/tradegothic-boldcondtwenty-webfont.woff') format('woff'), url('/anf/html/font/tradegothic-boldcondtwenty-webfont.ttf') format('truetype'), url('/anf/html/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 {
    font-family: 'Trade Gothic Bold', Arial, Helvetica, 'sans serif';
    font-family: 'Trade Gothic Bold' \0/ !important;
    font-size: 11px;
    background: #2c2c2c;
}
    .content-wrap {
        margin: 0 auto;
        position: relative;
 		background:#2c2c2c url('/anf/html/img/bg_wallpaper.png') top center;
    }
        .content {
            margin: 0 auto;
            width: 960px;
        }
            #header {
                position: relative;
                z-index: 1000;
                min-height: 155px;
                min-width:960px;
            }
            	#header-banner {
					background: url('/anf/html/img/anf_bg_header.jpg') repeat #2a2a2a;
            	}
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: 50px;
    background: url('/anf/html/img/anf_logo.png') no-repeat left 20px;
    overflow: hidden;
    text-indent: -10000px;
    width: 440px;
    margin:0 auto;
    padding:27px 0 0;
}
#logo-print {
    display: none;
}

/*-------------------
Common Social Links Styles
-------------------*/
.social-links-sprite{
    background: url('/anf/html/img/anf-social-integration-buttons.png') no-repeat;
}
#footer .fb-like span{
    height:25px !important;
    width:50px !important;
}

/* make the like button smaller */
#footer .fb_edge_widget_with_comment iframe
{
    height:25px !important;
    width:50px !important;
}

/* but make the span that holds the comment box larger */
#footer span.fb_edge_comment_widget.fb_iframe_widget iframe
{
    height:150px !important;
    width:401px !important;
    display: none !important; /*Hides comment box*/
}

#footer li.facebook > div{
    overflow:hidden; 
    width: 50px;
    height:25px;
    zoom: 1;
    filter: alpha(opacity=60);
    opacity: 0.6; 
    *display: inline;
}
    #footer li.facebook div:hover{
        filter: alpha(opacity=100);
        opacity: 1; 
    }
        #footer 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; 
        }
		
/*-------------------
Persistant Header
-------------------*/
#navigation {
	width: 100%;
	min-width: 960px; /* Keeps utility nav from jumping down to next line at small browser widths */
	min-height: 30px;
	background: #2A2A2A;
	top: 0;
	z-index: 22200;
}
#shortPromo,
#utility-nav ul {
	-webkit-transform: translateZ(0);
}
.fixed-header #header {
	z-index: 2200;
}
	.fixed-header #primary-nav-wrap {
		z-index: 2200;
		position: fixed;
		top: 30px;
		width: 100%;
	}
@media only screen and (max-device-width: 1024px) {
	#activate-pHeader {
		display: none;
	}
}
		
/*-------------------
Primary Nav
-------------------*/
#primary-nav-wrap {
	border-top: 1px solid #434242;
	background: url('/anf/html/img/anf_bg_header.jpg') repeat #2a2a2a;
	font-family: 'Trade Gothic Condensed Bold';
	z-index: 2200;
	text-align:center;
	box-shadow:0 7px 8px -4px rgba(0, 0, 0, .3);
}
	#primary-nav {
		max-width:960px;
		margin:0 auto;
		position:relative;
		height:47px;
	}
	    #primary-nav > ul {
	    	display:inline-block;
			zoom: 1; /* IE7 */
			*display: inline; /* IE7 */
			overflow: visible;
			margin: 13px auto 0;
			min-width: 960px;
			height: 33px;
			padding-left:0;
	    }
	        #primary-nav ul li {
	            display:inline-block;
	            zoom: 1; /* IE7 */
				*display: inline; /* IE7 */
	            padding: 0 18px 0 13px;
	            background: url('/anf/html/img/bg_primary-nav-separator.png') center right no-repeat;
	            vertical-align: middle;
	        }
	        #primary-nav ul li.last {
	            background: none;
	        }
	            #primary-nav ul li a {
	            	text-decoration: none;
	            }
		            #primary-nav ul li a h2 {
		            	border:1px solid transparent;
			            color: #898989;
		                font-size: 15px;
		                text-transform: uppercase;
		                padding: 1px 8px 1px 8px;
		                white-space: nowrap;
		            }
		            #primary-nav ul li a:hover h2,
	            	#primary-nav ul li.current a h2,
	            	#brand-content #primary-nav ul li.lifestyle a h2 {
		                color: #D5D3C8;
		                padding: 1px 8px 1px 8px;
		                background-color: #646464;
		                border-color:#3C3C3B;
		            }
		            /*--Special styling for kids link--*/
		            #primary-nav ul li a.kids h2{
		                color: #777777;
		                text-transform: lowercase;
		                font-family: 'Trade Gothic Condensed Bold';
		            }
		            #primary-nav ul li a.kids:hover h2,
	            	#primary-nav ul li.current a.kids h2{
		                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 li.last {
	padding-right:0;
}
#primary-nav #site-search {
	display: none; /* hide by default */
	zoom: 1; /* IE7 */
	width: 170px;
	height: 22px;
	margin: -2px 9px 0 0;
	background: none;
}
	#primary-nav ul.site-search-enabled #site-search {
		display: inline-block; /* show if enabled */
		*display: inline; /* IE7 */
	}
	#primary-nav ul.site-search-enabled #site-search form {
		display: none; /*with js disabled, this form is hidden*/
	}
	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 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.active {
			text-transform: none;
		}
		#primary-nav ul.site-search-enabled #site-search form .actions {
			width: 25px;
		}
			#primary-nav ul.site-search-enabled #site-search div.actions ul li {
				padding: 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 {
			background: #3E3E3E url('/anf/html/img/anf-search-icon.jpg') no-repeat;
			padding: 0;
			height: 22px;
			width: 25px;
		}
		#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/html/img/bg_category-nav-wrap.jpg') left 517px repeat;
    _height: 100%;
}
body.help-view #primary-content {
    overflow: hidden;
    background: url('/anf/html/img/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/html/img/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/html/img/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/html/img/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;
    z-index: 22200;
	height: 30px;
}
    #utility-nav {
        float: right;
        white-space: nowrap;
    }
        #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/html/img/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, #utility-nav ul li #util-account-header 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/html/img/b_prev-arrow.png') no-repeat left 3px;
                padding-left: 10px;
            }
            #utility-nav .pagination .prev-next a.next {
                background: url('/anf/html/img/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: block;
    }
        #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;
                        text-decoration: underline !important; 
                    }
                    #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-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;
                        white-space: normal;
                    }
                    #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 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: #888;
        text-transform: uppercase;
		z-index: 22300;
		padding: 7px 16px 8px;
		float:left;
    }
        #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 span a {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    color: #D3D5C8;
    padding:0;
    margin:0;
    text-decoration:none;
}

#promo-nav span 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: 40px;
	background: url('/anf/html/img/bg_generic-checkout-shadow.jpg') left top repeat-x;
}
#primary-content {
    clear: both;
    overflow: hidden;
    _height: 100%;
}

/*-------------------
Footer
-------------------*/
#footer-wrap {
	clear:both;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom:10px;
    background: #2c2c2c;
}
#footer {
    overflow: hidden;
    margin:0 auto;
    background: url('/anf/html/img/bg_footer.png') repeat-x;
}
    #footer ul.primary {
        position: relative;
        clear: left;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        min-height: 49px;
		width:960px;
		margin:0 auto;
    }
        #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/html/img/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/html/img/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/html/img/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;
        padding-bottom: 18px;
        padding-left:22px;
        margin: 12px auto 0;
        width: 941px;
        text-align: left;
    }
        #footer .secondary span a, 
        #footer .secondary span {
            color: #666666;
            font-size: 12px;
            padding-bottom: 3px;
            text-decoration: none;
            text-transform: uppercase;
            display: block;
        }
        #footer .secondary .help,
        #footer .secondary .site-info,
        #footer .secondary .about{
            float: left;
            width: 176px;
            _width: 171px;
        }
        #footer .secondary .brands {
            float: right;
            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;
            }
                #footer .secondary ul li a:hover {
                    color: #888888;
                }
        #footer .secondary .brands span {
            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/html/img/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;
}

textarea {
	resize: 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/html/img/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[placeholder]{
    color:  #999999;
}

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/html/img/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;
}
#fis-survey a.modalCloseImg {
    background: url('/anf/html/img/b_close.png') no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 100;
}
#fis-survey 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 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/html/img/bg_primary-content-generic.png') left top repeat-x;
    padding: 60px;
}
#email-signup {
    width: 300px;
    float: left;
}
    #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.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 {
    	display: none;
        padding-top: 12px;
    }
        html.js #email-signup .form ul li.brands {
            display:list-item;
        }
    #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;
}

#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 span{
        color: #FFFEF7;
        padding-bottom: 47px;
        font-weight: bold;
        font-size: 18px;
        display: block;
        text-transform: uppercase;
    }
    #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;
    }
    .checkout #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,
    ANF_helper.utility.countryChange {
        display:block;
    }
    ANF_helper.utility.countryChange {
        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 {
	            padding-top: 16px;
	        }
        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{
			width: 100%;
		}
        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 th {
				*width: auto !important; /*IE7 fix for when header has colspan element and a fixed width that breaks center aligned text*/
			}	
        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,
.error {
    color: #CA3F45;
}
.validator-error-required input,
.validator-error-invalid input,
.validator-error-mismatch input,
.validator-error-invalid-char 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/html/img/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;
            }
            .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/html/img/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: 1.2em;
            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 div {
    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;
    max-height:300px;
    padding:0; /* There is some weirdness in IE7 vs IE8 if you set padding on an element that can expand, along with limiting it's height. So set padding on the first child of that element instead (.promo-valid-wrap). */
    }
    .promo-not-valid-wrap {
        padding:30px;   
    }
        .promo-not-valid-wrap h2 {
            border-bottom:1px solid #484848;
            padding-bottom: 6px;
            margin-bottom:7px;
        }
        .promo-not-valid-wrap .actions a {
            margin-top:20px;
            display:inline-block;
        }
            .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 {
    padding:30px;
}
.promo-valid-wrap h2 {
    margin-bottom:13px;
    padding-right:40px;
}

    .promo-valid-wrap .promo-name {
        font-size:15px;
        margin-bottom:7px;
    }
    .promo-valid-wrap #show-details {
        display:block;
        margin-bottom:20px;
    }
    .promo-valid-wrap #promo-details {
        display:none;
        margin-top:26px;
    }
        .promo-valid-wrap .actions a {
            display:inline-block;
            margin-bottom:0;
        }
/*-----------------------
Loyalty Tooltip
-----------------------*/
#loyalty-container {
    background:none;
    min-width:206px;
    overflow:visible;
}
    body div.simplemodal-wrap div.loyalty-tooltip-wrap {
        background-color:#EBE9E0;
        color:#666666;
        font-family:Arial,Helvetica,sans-serif;
        padding:20px;
        min-width:166px;
        z-index:9999;
        position:absolute;
    }
        .loyalty-tooltip h4 {
            color:#333;
            font-family:'Trade Gothic Condensed Bold';
            font-size:16px;
            padding-bottom:6px;
            margin-bottom:7px;
            border-bottom:1px solid #999;
        }
        .loyalty-tooltip p {
            text-transform:none;
            white-space:normal; /* For some reason, text wraps if this isn't set. Temporary until I find reason. */
        }
        .loyalty-tooltip .simplemodal-close {
            cursor:pointer;
            text-decoration:underline;
            margin-top:10px;
        }
        div.loyalty-tooltip .tooltip-arrow-top {
            border-top: 0;
            border-right: 12px solid transparent;
            border-bottom: 12px solid #ebe9e0;
            border-left: 12px solid transparent;
            position:absolute;
            left: 44%;
            top: -12px;
        }
        
/*-----------------------
Cookies-on-our-site 
-----------------------*/
#cookies-wrap.cookies-on-site,
#googleshopping-wrap {
    position: fixed;
    background: url('/anf/html/img/SHADOW.png') top center repeat-x;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center; 
    color: #676767;
    display: none;
    padding-top: 14px;
    z-index: 220;
    font-family: 'Trade Gothic Condensed Bold';
}
	#cookie-banner.cookies-on-site,
    #googleshopping-banner {
		background: #333333;
		position: relative;
		padding: 26px 32px 30px 32px;
	}
		#cookie-banner.cookies-on-site h2,
        #googleshopping-banner h2 {
			margin: auto;
			padding-bottom: 4px;
			width: 960px;
			color: #676767;
			font-size: 23px;
		}
		#cookie-banner.cookies-on-site p,
        #googleshopping-banner p {
			margin: auto;
			width: 898px;
			font-size: 16px;
		}
		#cookie-banner.cookies-on-site .cookies-close,
        #googleshopping-banner .googleshopping-close {
			background: url("/anf/img/global/b_close.png") no-repeat transparent;
			top: 13px;
			right: 16px;
			height: 17px;
			width: 17px;
			position: absolute;
		}
		#cookie-banner.cookies-on-site .cookies-close:hover,
        #googleshopping-banner .googleshopping-close:hover {
			background-position: 0 -20px;
		}

/*-----------------------
Language Selection
-----------------------*/

#language-selection {
	padding: 0;
	display: none;
}

/*-----------------------
	tool tip
-----------------------*/
 
/* CSS only polygon shapes for tooltip pointers, http://bit.ly/39eRj */
	.tooltip .tooltip-arrow-left, 
	.tooltip .tooltip-arrow-top, 
	.tooltip .tooltip-arrow-bottom {
		position: absolute;
		width: 0;
		height: 0;
		padding: 0 !important;
		border: 0;
		background: none;
	}
	.tooltip .tooltip-arrow-left {
		border-top: 12px solid transparent;
		border-right: 12px solid #ebe9e0;
		border-bottom: 12px solid transparent;
		left: -12px;
		top: 18px;
	}
	.tooltip .tooltip-arrow-top {
		border-top: 0;
		border-right: 12px solid transparent;
		border-bottom: 12px solid #ebe9e0;
		border-left: 12px solid transparent;
		left: 49%;
		top: -12px;
	}
	.tooltip .tooltip-arrow-bottom {
		border-bottom: 0;
		border-right: 12px solid transparent;
		border-top: 12px solid #ebe9e0;
		border-left: 12px solid transparent;
		left: 49%;
		bottom: -12px;
	}
/* CSS Icons */
.location-icon {
    background-color: #777777;
    border-radius: 14px 14px 14px 14px;
    display: inline-block;
    height: 14px;
    margin-right: 6px;
    width: 14px;
}
    .location-icon:after {
        border-left: 5px solid rgba(119, 119, 119, 0);
        border-right: 5px solid rgba(119, 119, 119, 0);
        border-top: 10px solid #777777;
        content: "";
        display: inline-block;
        left: 2px;
        position: relative;
        top: 7px;
    }
/*-"WebContent/anf/css/global/marketing.css"----------------------
Product Recommendations
-----------------------*/
.product-recommendations{
	display: none;
}

/*-----------------------
Division Page Product Recommendations
-----------------------*/
#catalog-divisionview #product-recommendations{
	padding: 20px 0px 60px 210px;	
}
	#catalog-divisionview #product-recommendations h2 { 
		width: 150px;
		float: left;
		text-align: center;
		padding: 15px 0px 15px 0px;
		font-size: 16px;
	} 
	#catalog-divisionview #product-recommendations div.line { 
		margin-top: 25px; 
		content: ""; 
		display: block; 
		border-top: solid 1px #666666; 
		width: 250px; 
		height: 1px; 
		z-index: 1; 
		float: left;

	}
	#catalog-divisionview #product-recommendations .left {
		margin: 0px 15px 0px 35px;
	}
	#catalog-divisionview #product-recommendations .right {
		margin: 0px 0px 0px 15px;
	}
	#catalog-divisionview #product-recommendations div.recommended {
		padding: 0px 0px 0px 30px;	
	}
	#catalog-divisionview #product-recommendations ul.recommendation-slots li.recommendation-product {
		padding: 20px 50px 40px 0px;
	} 
		#catalog-divisionview .product-recommendations ul.recommendation-slots li.recommendation-product img {
			border: 3px solid #484848;
		}
		#catalog-divisionview #product-recommendations ul.recommendation-slots li.recommendation-product ul.recommendation-info {
			display: none !important;
		}



body.error.mobile .content {
	width: auto;
	background-color: #333;
}
body.error.mobile h1 {
	width: auto;
}
body.error.mobile #primary-content {
	background-image: none;
}


/*-----------------------
Alt Error Page Overrides
-----------------------*/
body.error.alt {
	font-family:'Trade Gothic Condensed Bold', Arial, Helvetica, 'sans serif';
}
	body.error.alt #primary-content {
		margin-top:75px;
	}
		body.error.alt h1 {
			border:none;
			padding:0;
			margin:0 auto 31px;
		}
		body.error.alt h2 {
			color:#999;
			margin:0 0 15px;
		}