﻿/* Default Menu Structure Styles */

.nav
{
	display: block;
	margin: 0 auto;
	padding-top: 8px;
	text-align: center;
	z-index: 200;
	width: 1002px;	
	height: 27px;
	position: relative;
	clear: both;	
	text-decoration: none;
	top:-9px;
}

.nav .groups,
.headerbar .groups
{
	list-style-type: none;	
	display: inline;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 20px;
	display: block;
	text-align: left;
}

.nav .groups {
	display: inline-block;
	text-align: left;
}


.headerbar .groups {margin: 0; padding: 0;}

.groups .group,
.nav .groups .group  span
{
	float: left;	
	position: relative;
	margin-right: 14px;
	padding: 0 0 4px 0;
	z-index: 250;
}

.nav.de .groups .group span {
	margin-right: 11px;
}

.groups .group, .nav .groups .group span:hover {
	z-index: 28200;
}

.country .groups .group, .language .groups .group {padding: 0; margin: 0;}

.dealers .groups .group, .language .groups .group {margin: 0}

.nav .groups .group .items,
.nav .groups .group .items .item .subitems,
.headerbar .groups .group .items
{
	list-style-type: none;
	position: absolute;
	top: 27px;
	left: -15px;
	border: none;
	border-top-width: 0px;
	display: none;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	z-index: 300 !important; 
	background: #fff;
} 

.headerbar .emailsignup input {
	margin-right: 9px !important;
	border-right: 1px solid #CCC !important;
}

.headerbar .groups .group .items.storeLocatorDropDown {
	left: auto !important;
    right: 8px !important;
    top: 88%;
    box-shadow: 1px 1px 3px #CCC;
}

.nav .groups .group .items:after,
.nav .groups .group .items .item .subitems:after,
.headerbar .groups .group .items:after {
	width:100%;
	background: transparent;
	height:13px;
	content:"";
	display:block;
	position:relative;
	top:13px;
}



.nav .groups .group .items .item .sm_items
{
	list-style-type: none;
	position: absolute;
	top: 27px;
	left: -15px;
	border: 1px #c8c8c8 solid;
	border-top-width: 0px;
	display: none;
	padding: 0px 0px 5px 0px;
	margin: 0;
	width: 200px;
	text-transform: uppercase;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(239, 239, 237);
	/* RGBa with 0.6 opacity */
	background: rgba(239, 239, 237, 0.9);
	z-index: 300 !important; 
} 




.nav .groups .group .items .item .subitems,
.nav .groups .group .items .item .sm_items
{
	position: absolute;
	top: -1px;
	left: 165px !important;
	border-top-width: 1px;
	border-left-width: 0px;
	text-transform: uppercase;
	z-index: 500 !important; 
}



.nav .groups .group .items .item
{
	position: relative;
}

.groups .custom {
    background: url("../images/icon-custom.png") no-repeat scroll left -3px transparent;
    padding-left: 27px;
}

.country .groups .group .items {width: 265px !important; top: 24px; padding-top: 5px; padding-bottom: 5px;}
.country .groups .group .items .item img {float:left; margin-right: 5px; padding: 2px 8px; width:43px;}
.country .groups .group .items .item  {clear: both; }
.headerbar .groups .group .items {top: 25px; box-shadow: 1px 1px 3px #CCC;}

.nav .utility .items {width: 200px !important;}
.nav .country .item, .nav .utility .item {width: 200px !important;}

/* Hover Events */


.nav .group.hover .items,
.nav .group:hover .items,
.nav .groups .group .items .item.hover .subitems,
.nav .groups .group .items .item:hover .subitems,
.nav .groups .group .items .item.hover .sm_items,
.nav .groups .group .items .item:hover .sm_items,
.headerbar .group.hover .items,
.headerbar .group:hover .items
{
	display:block;
}


/********** large menu block nav css *************/

.newItems {
	list-style-type: none;
	position: absolute;
	top: -6000px;/*27px;*/
	left: -15px;
	border: none;
	border-top-width: 0px;
	display: block;
	padding: 0;
	padding-bottom: 15px !important;
	margin: 0;
	z-index: 300 !important; 
	background: #FFF;
}

.nav .newItems  {
	box-shadow: 1px 1px 3px #CCC;
}

.group.clothing .newItems {
	left:-160px;
}

.group.sox .newItems {
	left:-85px;
}

.men .newItems  {
    width: 621px;
    left: -19px;
}

.men .newItems:after {
    width:679px;
}

.women .newItems {
    width: 621px;
}

.women .newItems:after {
    width:679px;
}

.kids .newItems {
    width: 621px;
}

.kids .newItems:after {
    width:828px;
}

.clothing .newItems {
    width: 621px;
}

.clothing .newItems:after {
    width:679px;
}

.groups .group.accessories.nolink a {
    cursor: default !important;
}

.groups .group.accessories.nolink .newSubItems a {
	cursor: pointer !important;
}

.accessories .newItems {
    width: 366px;
    left: -218px;
    padding-bottom: 30px !important;
}

.nav .groups .group.accessories .newItems li.newItem:nth-of-type(2) span {
	border-bottom: none;
}

.nav .groups .group.accessories .newItems li.newItem:nth-of-type(2) span:after {
	content: '';
	display: block;
	background-color: #dcd8d0;
	height: 1px;
	width: 236px;
	position: absolute;
	top: 27px;
}

.sox .newItems {
    width: 366px;
}

.sox .newItems:after {
    width:424px;
}

.utility .newItems {
    width: 511px;
}

.utility .newItems:after {
    width:569px;
}

.who .newItems {
    width: 511px;
    left:-92px;
}

.who .newItems:after {
    width:569px;
}

.custom .newItems {
    width: 511px;
}

.custom .newItems:after {
    width:569px;
}

.newItemColumn {
	float:left;	
}

.newSubGroupItemHeader {
	margin-bottom:5px;	
}

.newItem a {
	font: 11px 'open_sansregular', Verdana, Geneva, sans-serif;
	text-decoration:none;
}

.menuCategory a {
	font-weight:normal;
	display:inline-block;
	padding:0px 8px 10px;
	font-family: 'open_sansbold';
}

.menuCategory a:hover {
	text-decoration:underline;	
}

.nav .groups .group .newItems span {
	float: none;
	font-size: 16px;
	color: #535353;
	border-bottom: 1px solid #dcd8d0;
	width: 66%;
	font-family: 'open_sansbold';
	text-transform: uppercase;
}

.newSubGroupItemHeader span a {
	float: none;
	font-size: 16px;
	color: #535353;
	font-family: 'open_sansbold';
	text-transform: uppercase;
}

.newSubGroupSubCategoryHeader {
	font-family: 'open_sansbold';
	color: #535353;
	text-transform: uppercase;
	padding-top: 5px !important;
}

.newSubGroupItemHeader span {
    line-height: normal;	
}


.newSubGroupItemHeader span a:hover {
	text-decoration:none;	
}

.dealers > .groups > .group > span {
	border:none;
	display:block;
	height:25px;
	width:auto;
	line-height:25px;
	background:#FFD900;
	text-align:center;
	margin:0;
	padding:5px 8px;
	font-size:18px;
}

#header .dealers li.group li {
	margin-top:0;
	padding-top:0 !important;
}

.newItems ul, .newItems li {
	padding:0;	
}

.menuCategory {
    position: relative;
    left: -10px;
	border-bottom:none !important;
	font:10px verdana !important;
	margin-left:0 !important;
	margin-right:0 !important;
	padding:0 !important;
	color:#000 !important;
}

.newSubItems {
    display: block;
    width: 136px;
	color:#626262;
}

.newSubItems a {
	color:#626262;
	text-transform:capitalize;
}
.newSubItems a:hover {
	color:#626262;	
	text-decoration:underline;
}

.kids .kidsNavSizes {
    width: 170px;
}

.newSubGroupItem {
	padding-left:0 !important;
	padding-top:4px !important;
}

#menNavBgImg,
#womenNavBgImg,
#clothingNavBgImg {
	position:absolute;
	top:0;
	right:0;
	width:195px;
	height:225px;
}

/********** end large menu block nav css *********/

.country .group img,
.headerbar .group span
{
	font: 11px/17px 'open_sansbold', Verdana, Arial, Sans-Serif;
	text-decoration: none;
	text-transform: uppercase;
	top: -5px;
	cursor: pointer;
	margin-bottom: 0 !important;
}



.nav .group>span>a
{
	font: 16px/20px 'open_sansbold'; 
	text-decoration: none;
	text-transform: uppercase;
	color: #535353;
	white-space:nowrap;
}

.nav.fr .group>span>a
{
	font: 12px/20px 'open_sansbold'; 
}


.groups .group .items a
{
	text-decoration: none;
	padding: 5px 15px;
	display: block;
	font: 12px/16px 'open_sansbold', Verdana, Arial, Sans-Serif; 
	width: 135px;
	cursor: pointer;
	color: #535353;
}

.language .groups .group .items a {
	font:11px 'open_sansbold',Verdana,Geneva,sans-serif;
	text-transform: uppercase;
}

.groups .group .sm_items a
{
	text-decoration: none;
	padding: 5px 0px;
	display: block;
	font: 14px/16px 'Coldsmith', Verdana, Arial, Sans-Serif; 
	width: 200px;
	cursor: pointer;
	color: #535353
}

.groups li, .groups ul {
	list-style-type:none;	
}

.groups .group .items .item .sm_items {width: 200px !important; top: 20px; padding-top: 5px; padding-bottom: 10px;}
.groups .group .items .item .sm_items .item img {float:left; margin-right: 5px; padding: 0px 5px ;}
.groups .group .items .item .sm_items .item  {clear: both; height: 16px; padding: 3px 0px; font: 14px/16px 'Coldsmith', Verdana, Arial, Sans-Serif;}




.country .groups .group .items a:link
{
	text-decoration: none;
	padding: 1px 5px 3px 0;
	display: block;
	font: 11px/28px Verdana, Arial, Sans-Serif; 
	width: 260px;
	cursor: pointer;
	color: #535353;
	text-transform:capitalize;
}
.country .groups .group .items a:link[title="Denmark / Danemark / Dänemark"] {
	line-height:normal;	
}


/* HOVER FOR MENUS */
.groups .group .items a:hover,
.groups .group .items a.hover,
.groups .group .subitems a:hover,
.groups .group .subitems a.hover,
.groups .group .sm_items a:hover,
.groups .group .sm_items a.hover
{
	text-decoration:underline !important
}	

.dealers .groups .group .items a {
	font:11px Verdana, Geneva, sans-serif;
	text-transform:capitalize;
	width:270px;
	white-space:nowrap;
}
#dealerNavBgImg {
	height:132px;
	position:absolute;
	left:0;
	top:0;
	width:195px;
	background:url("../images/dealer-watercolor.png") no-repeat;
}

.nav .group.hover span a,
.nav .group:hover span a
{
}

.headerbar .group.hover span,
.headerbar .group:hover span
{
	color: #e5e5e5; 
}

.utility .items a,
.utility .items a:hover,
.utility .items a
{
	width: 170px !important;
}

.country .items a,
.country .item a
{
	width: 260px !important;
}

/* Language/Country Dropdown */

.cartmenu {margin-right: 7px;} 


.emailsignup {
	display:inline-block;
	margin-right: 7px; 
	position:relative;
	top:1px;
	float:left;
}


.emailsignup .lock {
	left: 23px;
    margin: 3px;
    position: relative;
    top: 3px;
    opacity: 0;
} 
.emailsignup input {
	margin: 0px 5px;
	padding-left:30px !important;
} 

.headerbar>.left.middle {
	position:relative;
	/*z-index:1100;*/
}

.country .groups .group>img {
	margin-top:-7px;
}

.languageChooserWrapper {
    width: 100px;
}

#changeCountry {
	position:absolute;
	width:0;
	height:27px;
	padding:2px 0 0 0;
	background:url(../images/change-country-bg.png) no-repeat right;
	right:57px;
	top:-7px;
	text-align:right;
	font:10px/13px 'TitilliumBold', Verdana, Arial, Sans-Serif; 
	color:#728da4;
	overflow:hidden;
}

.dealerSelector {
	position:fixed;
	top:-110px; 
	width:100%;
	left:0;
	padding-bottom: 36px;
	background: #FFF;
	z-index:200000;
}	

@-moz-document url-prefix() { 
	.dealerSelector:after {
		bottom:-71px;	
	}
}
.dealerSelectorContainer {
	width:1040px;
	margin:0 auto;
}
.dealerCountryName {
	position:absolute;
	bottom:-17px;
	left:0;
	white-space:nowrap;
	color:#424242;
	display:none;
	font:8pt/11pt Verdana,Arial,Helvetica,sans-serif;
}
.dealerCountry a img:hover {
	-webkit-box-shadow:0 0 7px #FFFFFF;	
	-moz-box-shadow:0 0 7px #FFFFFF;	
	box-shadow:0 0 7px #FFFFFF;	
}
.region {
    float: left;
    margin-right: 75px;
}
.regionName, #close-dealer-selector {
	color: #424242;
    display: block;
    font: 14px 'open_sansbold';
    margin-bottom: 7px;
    margin-top: 4px;	
}
#close-dealer-selector {
	position:relative;
	top:5px;
	cursor:pointer;
	display:inline;
	font-size:10px;
}
#close-dealer-selector:hover {
	text-shadow:0 0 7px #FFFFFF;
	color:#424242 !important;
}
.dealerCountry {
    float: left;
	margin-right:5px;
	position:relative;
}
.dealerCountry:hover .dealerCountryName {
	display:inline;	
}
#changeCountry {
	cursor:pointer;	
}
