/*--  WCD GOL new top NAV 11/3/2015 --*/

/*  WCD NEW NAVIGATION STYLES  */
.brand-bar {height: 3.125em !important;}
#topNavWrapper {margin: auto; width: 100%}
#mainNavGOL {position:relative;margin-top: -35px;margin-bottom: 10px; width: 990px; float:left;font-family:  Helvetica, Arial, sans-serif;}

#globalLogo {padding-top: 0;padding-left:0px;vertical-align: middle;}
.gpnavigation {display:block;}
.gpnavigation li { display: table-cell;list-style-type: none;text-align: left;padding-left: 30px;padding-top: 50px;}
.gpnavigation a {text-decoration: none; color: #000d42 !important; font-size: 18px; *font-size: 17px; letter-spacing: 0em; }
.gpnavigation a:hover, .gpnavigation a[class*="_selected"] { color: #999999; }
.gpnavigation a[class*="_selected"] { cursor: default; }

/* NAVIGATION GFOL STYLES */
#gfol-globalLogo {padding-top: 0;padding-left:0px;}
.gpnavigation-gfol {display:none;}
.gpnavigation-gfol li { display: table-cell;list-style-type: none;text-align: left;padding-left: 80px;vertical-align: middle; padding-top: 65px; }
.gpnavigation-gfol a {text-decoration: none; color: #000d42; font-size: 18px; *font-size: 17px;letter-spacing: 0em; }
.gpnavigation-gfol a:hover, .gpnavigation-gfol a[class*="_selected"] { color: #CB003D; }
.gpnavigation-gfol a[class*="_selected"] { cursor: default; }
hr .gpnavigation-gfol{background: #000d42 none repeat scroll 0 0; height: 10px; margin-top: 5px; width: 100%;}

.topNavGFOLContainer {display: none;}


/* FACETS STYLES */
.facets-container { color: #020D41; }
#sideNavFacetsHeader { /*width: 152px;*/ background-color: #EEE; color: #020d41; padding-bottom: 10px; }
div.facet { border-bottom: none; }
div.facet .facetName { color: #020D41; }
#facet_color { display: none; }
#facet_price { display: none; }
div.facet_style ul li.style-option { width:152px; color: #333; font-size: 11px; }
div.facet .sprite-button { background-image: url("http://www.gap.com/Asset_Archive/GPWeb/content/0009/938/723/assets/facet_sprite_gol.png"); }
div.facet #size_facet_button { background-position: 0 -30px; height: 24px; width: 120px; }
#facet_header_item_count { font-size:11px; }
div.facet div.flyout-panel { padding: 0 0 10px 5px; }

/* SIDE NAV CATEGORY STYLES */
#sideNavCategories { text-align:left; }
#sideNav ul.category { margin:0; }
#sideNav li.category { margin: 3px 0 0; }
#sideNav li.header { border:none; margin: 0px; padding: 0px; color: #000D42; font-size: 10px; font-weight: bold; margin-top: 10px; padding: 0; }
#sideNav li.categorySelected { padding:0px; margin:0px; }
#sideNav a.categorySelected:link, #sideNav a.categorySelected:visited, #sideNav a.categorySelected:active, #sideNav a.categorySelected:hover { margin: 0px; }
#sideNav li.header.firstHeader { padding: 0px; border:none; }


/*Category HTML banner */
#categoryNameHeader {background-color: #194783 !important;}

.categoryFacetedSearch .productToolsLine .totalItemCountDiv {color: #fff !important;}
.categoryFacetedSearch .productToolsLine .pagePaginatorLabel {color: #fff;}

/* General Styles */
.floatLeft { float: left; }
.floatRight { float: right; }
.posRel { position: relative; }
.posAbs { position: absolute; }
.overHide { overflow: hidden; }
.fixed { position: fixed !important; }

/*SVG HOLIDAY LOGO OVERRIDE */
span.icon-gap, .logo-gap {
  background-image: url("http://www.gap.com/Asset_Archive/GPWeb/content/0010/436/201/assets/GOL_Red_logo_36.png");
  background-repeat: no-repeat; 
}

/*Top Nav on Shopping Bage override to  shoppingBagOptimize.css #universalTopNav */
body.shopping_bagPage #universalTopNav{display:block;}
body.shopping_bagPage #universalTopNav #topNavWrapper, body.orderConfirmPage #universalTopNav #topNavWrapper{max-width:1280px;width:100%;}
body.shopping_bagPage #universalTopNav #topNavWrapper #mainNavGOL, body.orderConfirmPage #universalTopNav #topNavWrapper #mainNavGOL{width:100%;}

/* WCD fixes of IT bugs */
/* Preview Bar fix */
.responsiveShoppingBag #previewBar input[type="radio"] { width:auto; height:auto }



/***** BEGIN JBOX DEFAULT STYLES *****/
#jbox {
  overflow: auto;
}

#jbox #backdrop {
  background: #000000;
  width: 100%;
  height: 100%;
  overflow: auto;
  left: 0;
  opacity: 0.75;
  filter: alpha(opacity = 75);
  z-index: 999;

  position: fixed;
  _position: absolute;
  top: 0;
  _top: expression(eval(document.body.scrollTop));
}

#jbox #box {
  background: transparent;
  left: 50%;
  z-index: 1000;

  position: fixed;
  _position: absolute;
  top: 50%;

  box-shadow: 4px 4px 25px rgba(0, 0, 0, .5);
  -moz-box-shadow: 4px 4px 25px rgba(0,0,0,.5);
  -webkit-box-shadow: 4px 4px 25px rgba(0, 0, 0, .5);

  border: 1px solid #333333;
}

#jbox #topbar {
  position: absolute;
  top: -25px;
  width: 100%;
}

#jbox #title {
  position: absolute;
  left: 0;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 14px;
  color: #ffffff;
}

#jbox #close {
  position: absolute;
  right: 0;
}

#jbox #close a {
  display: block;
  color: #ffffff;
  text-decoration: none;
  font-family: Arial, Helvetica, Sans-serif;
  font-size: 14px;
}

#jbox #close a:hover {
  text-decoration: underline;
}

#jbox #iframeContainer,
#jbox #iframeContainer #iframe {
  background: #ffffff;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#jbox #loading {
  position: absolute;
  color: #000000;
  top: 15px;
  left: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

#jbox #loading img {
  margin-right: 10px;
}
/***** BEGIN JBOX DEFAULT STYLES *****/

html.breakpoint-xlarge .responsiveShoppingBag #promoWrapper { margin-top:-10px;}
html.breakpoint-xlarge .responsiveShoppingBag #promoBanner {height:68px;}
html.breakpoint-xlarge .responsiveShoppingBag .promo-content {height:68px;width:100%;} 
html.breakpoint-xlarge .responsiveShoppingBag .promo-content p {height:100%;padding-top: 5px;}
html.breakpoint-xlarge .responsiveShoppingBag #toggle-down img {width:100%;} 
html.breakpoint-xlarge .responsiveShoppingBag.disruptor_content {width:100%;} 
html.breakpoint-xlarge .responsiveShoppingBag #toggle-up img {width:100%;} 

html.breakpoint-large .responsiveShoppingBag #promoWrapper { margin-top:-10px;}
html.breakpoint-large .responsiveShoppingBag #promoBanner {height:62px;}
html.breakpoint-large .responsiveShoppingBag .promo-content {height:62px;width:100%;} 
html.breakpoint-large .responsiveShoppingBag .promo-content p {height:100%;padding-top: 5px;}
html.breakpoint-large .responsiveShoppingBag #toggle-down img {width:100%;} 
html.breakpoint-large .responsiveShoppingBag .disruptor_content {width:100%;} 
html.breakpoint-large .responsiveShoppingBag #toggle-up img {width:100%;} 

html.breakpoint-medium .responsiveShoppingBag #promoBanner {height:56px;font-size: 12px;}
html.breakpoint-medium .responsiveShoppingBag .promo-content {width:100%;} 
html.breakpoint-medium .responsiveShoppingBag .promo-content p {padding-top:10px;height:100%;width:100%;}
html.breakpoint-medium .responsiveShoppingBag #toggle-down img {width:100%;} 
html.breakpoint-medium .responsiveShoppingBag .disruptor_content {width:100%;} 
html.breakpoint-medium .responsiveShoppingBag #toggle-up img {width:100%;} 
html.breakpoint-medium .responsiveShoppingBag #topNavBannerContainer { display:none; }

html.breakpoint-small .responsiveShoppingBag #topNavBannerContainer { display:none; }
html.breakpoint-small .responsiveShoppingBag #universalTopNavLayout { display:none; }

/*Search box styles */
input, select, button { color: #666666; font-family: "Lucida Grande",Verdana,Arial,Sans-serif; font-size: 9px; margin: 0; padding: 0;}

/* Begin New Search */
#divwrapper_topSearchText { background-color:#ffffff !important; border: 1px solid #bbbbbb; background: url(http://www.gap.com/Asset_Archive/GPWeb/content/0008/073/183/assets/magnifier_bitmap.png) no-repeat; background-repeat:no-repeat; background-size: 11px 11px; background-position: 7px 5px; width:195px; height:20px; }
#newInputBox_topSearchText { width:160px; outline: none; border: 0px; font-family: Arial,Helvetica,Sans-serif; font-size: 11px; margin-top:3px; margin-left:22px; margin-right:4px; margin-right:1px\8; float:left; background-color:#ffffff; }
#closeSearchButton_topSearchText { margin-top:5px; margin-top:1px\8; display:none; }
/* End New Search */

.header-quick-links { float:left; top: 5px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; position:relative; font-size: 8.5px; *font-size: 8px; /* ie7 */ }
.header-quick-links > li { display: inline-block; float: left; color: #000; }
.header-quick-links > li > a { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; display: block; color: #000; }
.header-quick-links > .slash-divider { margin: 0 5px; }

.fixed { position: fixed !important; }

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    /* Styles */
    .gpnavigation { display:none; }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    /* Styles */
    .gpnavigation { display:none; }
}

/* Desktops and laptops ----------- */
@media only screen 
and (max-width : 1250px) {
    /* Styles */
    .gpnavigation { display:none; }
}

@media only screen 
and (min-width : 1224px) {
    /* Styles */

}


/* Responsive bag CSS */
/* Media query breakpoints */
/*@smallMinWidth:		320px;  
@smallMaxWidth:		568px;
 
@mediumMinWidth:	(@smallMaxWidth + 1);
@mediumMaxWidth:	767px;
 
@largeMinWidth:		(@mediumMaxWidth + 1);
@largeMaxWidth:		1023px;
 
@xlargeMinWidth:	(@largeMaxWidth + 1);
@xlargeMaxWidth:	1280px;*/

/* WCD fixes of IT bugs */
/* Preview Bar fix */
.responsiveShoppingBag #previewBar input[type="radio"] { width:auto; height:auto }

/* Brand Button fix */
html.breakpoint-large .responsiveShoppingBag #universalBarTabs .universalBarBrandTab a div, html.breakpoint-xlarge .responsiveShoppingBag #universalBarTabs .universalBarBrandTab a div { background-image:url(/Asset_Archive/GPWeb/content/0008/073/183/assets/universal_bar_sprites.png) }

/* ON Brand Button height/background color fix */
.responsiveShoppingBag #universalBarContainer #universalBarTabs { height:auto !important; }

/* Universal Bar marketing float fix */
.responsiveShoppingBag #universalMarketingContainerTop { float:left; overflow:visible }

/* Universal Bar BG image fix */
html.breakpoint-small .responsiveShoppingBag #universalBar .gidUniversalBar, html.breakpoint-medium .responsiveShoppingBag #universalBar .gidUniversalBar { background-image:url(/Asset_Archive/GPWeb/content/0008/073/183/assets/slice_full_universalBar.png); background-repeat:repeat-x; background-size:100% 100%; }
html.breakpoint-small .responsiveShoppingBag #universalBarTabs .selected div, html.breakpoint-medium .responsiveShoppingBag #universalBarTabs .selected div { height:77px }
html.breakpoint-large .responsiveShoppingBag #universalBar .gidUniversalBar, html.breakpoint-xlarge .responsiveShoppingBag #universalBar .gidUniversalBar { background:url(/Asset_Archive/GPWeb/content/0008/073/183/assets/universalBar_bkg.png) repeat-x }

/* Fix for inline bag container height */
.responsiveShoppingBag #universalInlineBagContainer { height:51px }
.responsiveShoppingBag #inlineBagPlaceHolder { height:21px }

/* Universal bar icon/shadow width fix */
html.breakpoint-large .responsiveShoppingBag .universalBarBrandTab, html.breakpoint-xlarge .responsiveShoppingBag .universalBarBrandTab { background:#fff }
html.breakpoint-large .responsiveShoppingBag .universalBarBrandTab div, html.breakpoint-xlarge .responsiveShoppingBag .universalBarBrandTab div { width:64px }
html.breakpoint-large .responsiveShoppingBag .universalBarBrandTab .universalBarBrandIcon-1, html.breakpoint-xlarge .responsiveShoppingBag .universalBarBrandTab .universalBarBrandIcon-1 { width:69px; background-position:0px -62px }

/* Windy City EDFS postage stamp */
.responsiveShoppingBag #EDFS_container_seg_1 { width: 450px; height: 45px; margin-top: 3px; display:none }
.responsiveShoppingBag #EDFS_container_seg_2 { width: 450px; height: 45px; margin-top: 3px; display:none }
.responsiveShoppingBag #EDFS_container_seg_3 { width: 450px; height: 45px; margin-top: 3px; display:none }
.responsiveShoppingBag #EDFS_container_seg_4 { width: 450px; height: 45px; margin-top: 3px; display:none }
.responsiveShoppingBag #EDFS_container_seg_5 { width: 450px; height: 45px; margin-top: 3px; display:none }

.responsiveShoppingBag #promoWrapper, .responsiveShoppingBag #promoDisruptor, .responsiveShoppingBag #promoDisruptor div, .responsiveShoppingBag #promoDisruptor p, .responsiveShoppingBag #promoBanner, .responsiveShoppingBag #promoBanner div, .responsiveShoppingBag #promoBanner p { box-sizing:content-box }

/* Small Breakpoint - all hidden */
	html.breakpoint-small .responsiveShoppingBag #topNav #universalTopNav { }
	html.breakpoint-small .responsiveShoppingBag #EDFS_container_seg_1 { width:126px; height:41px; margin:12px 0 0 12px; }
	html.breakpoint-small .responsiveShoppingBag #EDFS_container_seg_1 a { display:block; width:126px; height:41px; background-image:url(/Asset_Archive/BRWeb/content/0008/049/655/assets/1025_EDFS.png); background-size:100% 100%; }
	html.breakpoint-small .responsiveShoppingBag #EDFS_container_seg_1 a img { display:none }
	
	html.breakpoint-small .responsiveShoppingBag div#bodyContainer div#mainContent { margin-top:20px }

/* Medium Breakpoint */
	html.breakpoint-medium .responsiveShoppingBag #EDFS_container_seg_1 { width:126px; height:41px; margin:12px 0 0 12px; }
	html.breakpoint-medium .responsiveShoppingBag #EDFS_container_seg_1 a { display:block; width:126px; height:41px; background-image:url(/Asset_Archive/BRWeb/content/0008/049/655/assets/1025_EDFS.png); background-size:100% 100%; }
	html.breakpoint-medium .responsiveShoppingBag #EDFS_container_seg_1 a img { display:none }

	html.breakpoint-medium .responsiveShoppingBag #topNav #universalTopNav { display:block }
	html.breakpoint-medium .responsiveShoppingBag #topNav #infoBarContentWrapper { display:none }

/* Large Breakpoint */
	html.breakpoint-large .responsiveShoppingBag #topNav #universalTopNav { display:block }
	html.breakpoint-large .responsiveShoppingBag #topNav #infoBar { width:100%; box-sizing:content-box }
	html.breakpoint-large .responsiveShoppingBag #topNav #logoWrapper { width:auto }
	html.breakpoint-large .responsiveShoppingBag #topNav #infoBar .header-quick-links { padding:0 }
	html.breakpoint-large .responsiveShoppingBag #topNav #infoBar #topNavSearchWrapper { margin-top:8px }

	/* EDFS asset fix for mid-large- (768-1020) viewports */
	@media all and (max-width: 1020px) and (min-width: 768px) {
		html.breakpoint-large .responsiveShoppingBag #universalMarketingContainerTop { width:134px; height:58px }
		
		html.breakpoint-large .responsiveShoppingBag #EDFS_container_seg_1 { width:126px; height:41px; margin:6px 0 0 6px; }
		html.breakpoint-large .responsiveShoppingBag #EDFS_container_seg_1 a { display:block; width:126px; height:41px; background-image:url(/Asset_Archive/GPWeb/content/0008/073/183/assets/1025_EDFS.png); background-size:100% 100%; }
		html.breakpoint-large .responsiveShoppingBag #EDFS_container_seg_1 a img { display:none }

		html.breakpoint-large .responsiveShoppingBag #EDFS_container_seg_2 { display:none !important }
		html.breakpoint-large .responsiveShoppingBag #EDFS_container_seg_3 { display:none !important }
		html.breakpoint-large .responsiveShoppingBag #EDFS_container_seg_4 { display:none !important }
		html.breakpoint-large .responsiveShoppingBag #EDFS_container_seg_5 { display:none !important }
	}

/* X-Large Breakpoint */
	html.breakpoint-xlarge .responsiveShoppingBag #topNav #universalTopNav { display:block }
	html.breakpoint-xlarge .responsiveShoppingBag #topNav #infoBar { width:100%; box-sizing:content-box }
	html.breakpoint-xlarge .responsiveShoppingBag #topNav #infoBar .header-quick-links { padding:0 }
	html.breakpoint-xlarge .responsiveShoppingBag #topNav #infoBar #topNavSearchWrapper { margin-top:8px }

/* General Styles */
.floatLeft { float: left; }
.floatRight { float: right; }
.posRel { position: relative; }
.posAbs { position: absolute; }
.overHide { overflow: hidden; }

#GID_MarketingContainer_10000394 { margin-top: -5px; }
#universalBar { padding-bottom: 55px !important; }