/* Container */

body {
	background: url(/repo/DAL/desktop/header/02-images/160212_DAL_Header_Body.gif) 0 168px repeat-x;
}

.hd-container {
	background-color: #fff;
	height: 83px;
	margin: 0 auto;
	max-width: 1003px;
}

.hd-container-sticky {
	position: fixed;
	top: 0;
	max-width: 1003px;
	width: 1003px;
	z-index: 1510;
}

.outerPageContainer .hd-container-sticky {
    max-width: 1300px;
    width: 1300px;
}

.hd-wrapper {
	height: 100%;
	margin: 0 auto;
	max-width: 1003px;
	width: 100%;
}

/* Back to top */

.hd-backtotop {
	background: url(/repo/DAL/desktop/header/02-images/160212_DAL_Header_BackToTop.png) 15px 15px no-repeat #fff !important;
	border: 1px solid #000;
	bottom: 20px;
	display: none;
	height: 55px;
	opacity: .5;
	position: fixed;
	right: 20px;
	text-align: center;
	text-indent: -99999px;
	width: 55px;
	z-index: 2000;
}

.hd-backtotop:hover {
	opacity: .8;
}

/* Sticky elements */

.hd-sticky-wrapper,
.hd-sticky-placeholder {
	background-color: #fff;
	display: none;
	width: 100%;
	z-index: 1000;
}

.hd-sticky-wrapper {
	left: 0;
	position: fixed;
	top: 0;
}

.hd-sticky-wrapper-active,
.hd-sticky-placeholder-active {
	display: block;
}

/* Search */

.hd-search {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	float: left;
	height: 33px;
	padding: 25px 0;
	width: 33%;
}

.hd-search .title {
	display: none;
}

#searchArea-4,
#searchForm {
	float: none;
	height: 100%;
}

#searchArea-4 {
	border: 1px solid #c8c8c8;
	box-sizing: border-box;
	transition: .4s;
	width: 75%;
}

.searchArea-4-focus {
	width: 100% !important;
}

#searchForm {
	width: 100%;
}

#searchKeyWords {
	border: 0;
	box-sizing: border-box;
	float: left;
	font: 12px/31px 'CircularBook' !important;
	height: 100%;
	letter-spacing: 2px;
	margin: 0 !important;
	outline: none;
	padding: 0 10px;
	text-transform: uppercase;
	width: calc(100% - 37px);
}

#searchButton {
	background: url(/repo/DAL/desktop/header/02-images/160212_DAL_Header_Search.png) center no-repeat;
	border: 0;
	float: right;
	height: 100%;
	margin: 0 !important;
	outline: none;
	text-indent: -99999px;
	width: 37px;
}

#searchCon {
	display: none;
}

/* Logo */

.hd-logo {
	float: left;
	height: 100%;
	text-align: center;
	width: 34%;
}

.hd-logo-link {
	background: url(/repo/DAL/desktop/header/02-images/160212_DAL_Header_Logo.png) center no-repeat;
	display: inline-block;
	height: 100%;
	text-indent: -99999px;
	width: 212px;
}

/* Links */

.hd-links {
	float: right;
	padding-top: 14px;
	width: 33%;
}

.hd-links-primary {
	background-color: #f5f5f5;
	float: right;
	height: 30px;
	list-style: none;
	margin: 0;
	padding: 0 5px 0 10px;
}

.hd-links-primary-item {
	float: left;
}

.hd-link-primary {
	color: #717171 !important;
	font: 12px/30px 'CircularBook';
	letter-spacing: 1px;
	margin-right: 10px;
	text-decoration: none !important;
}

.hd-link-primary:hover {
	text-decoration: underline !important;
}

.hd-link-primary svg {
	fill: #717171;
	margin: 0 3px -4px 0;
}

#gotoCheckOutContainerLink {
	float: left;
	height: auto;
	margin: 1px 0 0;
	padding: 0;
	width: auto;
}

.hd-link-bag::before {
	background: url(/repo/DAL/desktop/header/02-images/160212_DAL_Header_Bag.png) no-repeat;
	content: "";
	display: inline-block;
	float: left;
	height: 18px;
	margin: 4px 5px 0 0;
	width: 18px;
}

.hd-link-bag:before {
	background: url(/repo/DAL/desktop/header/02-images/160212_DAL_Header_Bag.png) no-repeat;
	content: "";
	display: inline-block;
	float: left;
	height: 18px;
	margin: 4px 5px 0 0;
	width: 18px;
}

.hd-link-bag-num {
	color: #fff;
	display: inline-block;
	margin-left: -22px;
	text-align: center;
	width: 18px;
}

.hd-links-secondary {
	clear: both;
	float: right;
	list-style: none;
	margin: 7px 0 2px;
	padding: 0;
}

.hd-links-secondary-item {
	float: left;
}

.hd-link-secondary {
	color: #717171 !important;
	display: inline-block;
	font: 12px/30px 'CircularBold';
	letter-spacing: 2px;
	text-decoration: none !important;
	text-transform: uppercase;
}

.hd-link-secondary:hover {
	text-decoration: underline !important;
}

.hd-link-account {
	position:relative;
	width:234px;
	text-align: right;
}

.hd-message {
	position:absolute;
	right:0;
	color: #717171;
	font: 11px 'CircularBook';
	margin-top: -10px;
}

.hd-link-flags {
	margin: 6px 0 0 20px;
	position: relative;
}

.hd-flags {
	height: 0;
	right: 0;
	overflow: hidden;
	position: absolute;
	top: 18px;
	z-index: 2000;
}

.hd-flags-active {
	height: auto;
}

.hd-flags-list {
	background-color: #fff;
	border: 1px solid #ccc;
	list-style: none;
	margin: 0;
	padding: 3px 4px;
	width: 160px;
}

.hd-flag-uk,
.hd-flags-list a {
	color: #717171;
	font: 13px 'CircularBook';
}

.hd-flag-uk::before,
.hd-flags-list a::before {
	background: url(/repo/DAL/desktop/header/02-images/160212_DAL_Header_Flags.gif) no-repeat;
	content: "";
	display: inline-block;
	float: left;
	height: 12px;
	width: 24px;
}

.hd-flag-uk:before,
.hd-flags-list a:before {
	background: url(/repo/DAL/desktop/header/02-images/160212_DAL_Header_Flags.gif) no-repeat;
	content: "";
	display: inline-block;
	float: left;
	height: 12px;
	width: 24px;
}

.hd-flag-uk {
	cursor: pointer;
	padding-bottom: 2px;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.hd-flag-uk::before {
	margin: 2px 5px 0 0;
}

.hd-flag-uk:before {
	margin: 2px 5px 0 0;
}

.hd-flag-uk::after {
	content: "V";
	display: inline-block;
	float: right;
	font: 10px 'CircularBook';
	margin: 2px 0 0 4px;
}

.hd-flag-uk:after {
	content: "V";
	display: inline-block;
	float: right;
	font: 10px 'CircularBook';
	margin: 2px 0 0 4px;
}

.hd-flags-list a {
	display: block;
	padding: 4px 5px;
	text-transform: none;
}

.hd-flags-list a::before {
	margin: 2px 5px 0 0;
}

.hd-flags-list a:before {
	margin: 2px 5px 0 0;
}

.hd-flag-usa a::before { background-position: 0 -12px; }
.hd-flag-usa a:before { background-position: 0 -12px; }
.hd-flag-ireland a::before { background-position: 0 -24px; }
.hd-flag-ireland a:before { background-position: 0 -24px; }
.hd-flag-germany a::before { background-position: 0 -36px; }
.hd-flag-germany a:before { background-position: 0 -36px; }
.hd-flag-france a::before { background-position: 0 -48px; }
.hd-flag-france a:before { background-position: 0 -48px; }
.hd-flag-spain a::before { background-position: 0 -60px; }
.hd-flag-spain a:before { background-position: 0 -60px; }
.hd-flag-finland a::before { background-position: 0 -72px; }
.hd-flag-finland a:before { background-position: 0 -72px; }
.hd-flag-sweden a::before { background-position: 0 -84px; }
.hd-flag-sweden a:before { background-position: 0 -84px; }
.hd-flag-netherlands a::before { background-position: 0 -96px; }
.hd-flag-netherlands a:before { background-position: 0 -96px; }
.hd-flag-italy a::before { background-position: 0 -108px; }
.hd-flag-italy a:before { background-position: 0 -108px; }
.hd-flag-euro a::before { background-position: 0 -120px; }
.hd-flag-euro a:before { background-position: 0 -120px; }

/* Primary Nav */

.headerNav {
	margin: 0 auto 20px;
	max-width: 1003px;
}

.headerNav-sticky {
	z-index: 1500;
}

.headerNav .primaryNav {
	background-color: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 0;
	padding: 20px 0;
}

.headerNav .primaryNav-sticky {
	position: fixed;
	top: 83px;
	width: 1003px;
	z-index: 1500;
}

.primaryNav > li {
	margin: 0;
	text-align: center;
	width: 9.5%; /* 10 menu items */
}

.primaryNav > li.swimwear {
	width:10.5%;
}

.primaryNav > li.accessories {
	width: 12.090909%;
}

.primaryNav > li.sale {
	width: 6.090909%;
}

.primaryNav > li.holiday a:hover {
	color:#03b3e4;
}

.mainNav > li > a,
.mainNav .navColumnContainer .categoryHeading,
.mainNav .navColumnContainer .categoryHeading a,
.mainNav .navColumnContainer .subCategoryHeading,
.mainNav .navColumnContainer .subCategoryHeading a {
	color: #000;
	font: 12px 'CircularBold';
	letter-spacing: 2px;
	text-transform: uppercase;
}
.mainNav > li > a:hover {
	text-decoration: underline;
}

.mainNav .navColumnContainer {
	border: 1px solid #c8c8c8;
	box-shadow: none;
	text-align: left;
}

.mainNav .navColumnContainer .categoryHeading,
.mainNav .navColumnContainer .subCategoryHeading a {
	text-decoration: underline;
}

.navGroup li {
	padding: 7px 0;
}

.navGroup a {
	color: #000;
	font: 12px 'CircularBook';
	letter-spacing: 1px;
}
.navColumnContainer a#DDM_pro_Swimwear {
	color: #000;
	font: 12px 'CircularBook';
	letter-spacing: 1px;
}

/* Mini Bag Styling */
#miniBagFooterCapTopRight {
	background: url(/repo/DAL/desktop/header/02-images/CGN_minibagBoxTopRtCap.png) no-repeat scroll right bottom transparent !important;
}
#miniBagFooterCapTopLeft {
	background: url(/repo/DAL/desktop/header/02-images/CGN_minibagBoxTopLtCap.png) no-repeat scroll left bottom transparent !important;
}
#miniBagFooterCapBotLeft {
	background: url(/repo/DAL/desktop/header/02-images/CGN_minibagBoxBotCap.png) no-repeat scroll left bottom transparent !important;
}
#miniBagFooterCapBotRight {
	background: url(/repo/DAL/desktop/header/02-images/CGN_minibagBoxBotCap.png) no-repeat scroll right bottom transparent !important;
}
#miniBagContainer {
	background-color: #e8e7e7 !important;
}
#miniBagContainer #recentTitle p, #miniBagTitle p, #miniBagContainer .itemName p, #miniBagContainer .itemPrice p, #miniBagContainer .wasPrice p, #miniBagContainer .mbPricing p, #miniBag #miniBagEmptyMessage, #recentlyViewed #miniBagEmptyMessage {
	font-family: 'CircularBook', Arial, Helvetica, sans-serif !important;
	font-weight:normal !important;
}
#miniBagContainer #recentTitle p {
	padding:7px 0 0 15px;
	letter-spacing:0.05em;
}
#miniBagTitle p {
	padding:7px 0 0;
	letter-spacing:0.05em;
}
#miniBagContainer .itemName p {
	font-family: 'CircularBold', Arial, Helvetica, sans-serif !important;
	text-transform:uppercase;
	letter-spacing:0.05em;
}
#miniBagContainer .curveLT, #miniBagContainer .curveRT, #miniBagContainer .curveLB, #miniBagContainer .curveRB {
	background: none !important;
}
#miniBagContainer #miniBagTitle {
	background-color: #000000;
	border-bottom: 1px solid #000000;
}
#miniBagTitle p {
	color: #ffffff !important;
	text-transform: uppercase !important;
}
#miniBagContainer #recentTitle p {
	text-transform: uppercase !important;
}
.qtip .smallBtnGeneric .smallBtnCapLt {
	display: none;
}
.qtip .smallBtnGeneric .smallBtnCapRt {
	display: none;
}
.qtip .smallBtnGeneric a, .smallBtnGeneric a:link, .qtip .smallBtnGeneric a:visited {
	background-image: url(/repo/DAL/desktop/header/02-images/CGN_btnSmallBg_green.gif);
	text-transform: uppercase !important;
	font-size: 10px !important;
	text-decoration: none;
	padding: 0 7px !important;
	border-left: 1px solid #3a981e;
	border-right: 1px solid #3a981e;
}
.qtip .remove a {
	border-left: 1px solid #ff232d !important;
	border-right: 1px solid #ff232d !important;
	background-image: url(/repo/DAL/desktop/header/02-images/CGN_btnSmallBg_red.gif) !important;
}
.qtip .remove a:hover {
	text-decoration:underline;
}
.qtip .mbCheckoutButtonContainer {
	margin: 4px 3px 4px 0 !important;
	width: 237px !important;
}
.qtip .commonBtnContinueTinted .commonBtnCapLt {
	background-image: url(/repo/DAL/desktop/header/02-images/CGN_btnTintedContinueCapLt.gif);
	width: 8px !important;
}
.qtip .commonBtnContinueTinted a, .qtip .commonBtnContinueTinted a:link, .qtip .commonBtnContinueTinted a:visited {
	background-image: url("/repo/CGN/desktop/header/02-images/CGN_btnTintedContinueCapLt.gif");
	width: 180px !important;
}
.qtip .commonBtnContinueTinted .commonBtnCapRt {
	background-image: url(/repo/DAL/desktop/header/02-images/CGN_btnTintedCapRt.gif);
	width: 30px;
}
.qtip .commonBtnContinueTinted a, .qtip .commonBtnContinueTinted a:link, .qtip .commonBtnContinueTinted a:visited {
	background-image: url(/repo/DAL/desktop/header/02-images/CGN_btnTintedBg.gif);
	text-decoration: none !important;
	text-transform: uppercase !important;
	color: #ffffff;
	font-family: 'CircularBook', Arial, Helvetica, sans-serif !important;
	font-weight:normal !important;
	padding-right: 10px;
	padding-top: 6px;
}
.qtip .commonBtnContinueTinted a:hover {
	color: #ffffff !important;
	text-decoration:underline;
}
.qtip .smallBtnGeneric a:hover {
	color:#3A981E;
	text-decoration:underline;
}
