/* Menu Structure
------------------------------------- */
.mega-drop,
.docked-nav .mega-drop { font-size: 13px; padding: 0; }
.mega-drop *, .mega-drop *:before, .mega-drop *:after,
.docked-nav .mega-drop *, .docked-nav .mega-drop *:before, .docked-nav .mega-drop *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.mega-drop .row-fluid, .mega-drop .row,
.docked-nav .mega-drop .row-fluid, .docked-nav .mega-drop .row { clear: both; padding: 14px 16px; }
.mega-drop .userDrop-body .row-fluid,
.docked-nav .mega-drop .userDrop-body .row-fluid { padding: 0 0 14px 0; }
.mega-drop [class*="span"],
.docked-nav .mega-drop [class*="span"] { margin: 0; }
.mega-drop [class*="span"]:first-child,
.docked-nav .mega-drop [class*="span"]:first-child { border-left: 0; }
.mega-drop .row-fluid .span2, .mega-drop .row-fluid .span3, .mega-drop .row-fluid .span4, .mega-drop .row-fluid .span5, .mega-drop .row-fluid .span6, .mega-drop .row-fluid .span7, .mega-drop .row-fluid .span8, .mega-drop .row-fluid .span9, .mega-drop .row-fluid .span10, .mega-drop .row-fluid .span11,
.docked-nav .mega-drop .row-fluid .span2, .docked-nav .mega-drop .row-fluid .span3, .docked-nav .mega-drop .row-fluid .span4, .docked-nav .mega-drop .row-fluid .span5, .docked-nav .mega-drop .row-fluid .span6, .docked-nav .mega-drop .row-fluid .span7, .docked-nav .mega-drop .row-fluid .span8, .docked-nav .mega-drop .row-fluid .span9, .docked-nav .mega-drop .row-fluid .span10, .docked-nav .mega-drop .row-fluid .span11 { width: 100%; }

/* User Menu - Header */

	/* Sub-menu (logged in user "settings" menu) */

	/* Header */
	.mega-drop .userDrop-header,
	.docked-nav .mega-drop .userDrop-header { 
		position: absolute;
		background-color: #383735; 
		color: #D1CFCD;
		font-size: 12px;
		padding-top: 0;
		top: 0px; }
		.userDrop-name,
		.docked-nav .userDrop-name { 
			color: #fff;
			display: block;
			font-size: 15px;
			line-height: 1;
			margin: 5px 0 0; }
		.userDrop-header .user-avatar a,
		.docked-nav .userDrop-header .user-avatar a {
			float: left;
			position: relative; }
		.userDrop-header .user-avatar span,
		.docked-nav .userDrop-header .user-avatar span {
			visibility: hidden;
			opacity: 0;
			position: absolute;
			left: 1px;
			right: 1px;
			bottom: 1px;
			/*width: 80px;*/
			color: #fff;
			font-size: 10px;
			line-height: 20px;
			text-align: center;
			background: rgba(0, 0, 0, 0.5);
			-webkit-transition: opacity linear 0.2s;
			-moz-transition: opacity linear 0.2s;
			-o-transition: opacity linear 0.2s;
			transition: opacity linear 0.2s; }
		.userDrop-header span.sep,
		.docked-nav .userDrop-header span.sep { color: #666765; }
	/* Body */
		.userDrop-body .divider,
		.docked-nav .userDrop-body .divider { 
			background-color: #ECEBEA;
			margin: 0 16px;
			height: 1px; }
	/* Footer */
	.mega-drop .userDrop-footer,
	.docked-nav .mega-drop .userDrop-footer { 
		padding: 6px 16px;
		border-top: 1px solid #b4b3b2;;
		box-shadow: inset 0 1px 2px rgba(0,0,0,.06); }

/* End: From core styles 
------------------------------------- */

/* Menu Item */

#mega-menu-item > a,
.docked-nav #mega-menu-item > a {
	padding: 0 0 0 18px;
	height: 32px;
	display: block;
	vertical-align: top;
	line-height: 32px;
}

/* Sign In */
#mega-menu-item > a.button-signIn,
#site-navigation .nav-menu li#mega-menu-item.menu-item > a.button-signIn,
.docked-nav #mega-menu-item > a.button-signIn,
.docked-nav #site-navigation .nav-menu li#mega-menu-item.menu-item > a.button-signIn {
	padding: 0 21px;
	margin: 15px auto;
	width: 90%;
	height: auto;
}

/* Avatar in nav-bar */
#mega-menu-item > a img.avatar,
.docked-nav #mega-menu-item > a img.avatar {
	vertical-align: top;
	margin-left: 8px;
	width: 32px;
	height: 32px;
}

/* Menu Content */
#mega-menu-content,
.docked-nav #mega-menu-content {
	display: block;
	background-color: #ffffff;
	border: 0;
	width: 230px;
	padding-right: 0px !important;
	z-index: 1; }
.docked-nav #mega-menu-content { display: block !important; }

/* Avatar in menu header */
.userDrop-header .user-avatar a,
.docked-nav .userDrop-header .user-avatar a {
	background-color: #383735;
	padding: 0;
	margin: 0 15px 0 0;
	width: 45px;
}
.userDrop-header .user-avatar a img,
.docked-nav .userDrop-header .user-avatar a img {
	border: 1px solid #484745;
	height: auto !important;
}
.userDrop-header .userDrop-password,
.docked-nav .userDrop-header .userDrop-password { display: none; }

#mega-menu-item p.navbar-text.dropdown-toggle a, #mega-menu-item i.fa-caret-down,
.docked-nav #mega-menu-item p.navbar-text.dropdown-toggle a, .docked-nav #mega-menu-item i.fa-caret-down {
	vertical-align: top;
}

#mega-menu-item i.fa-caret-down,
.docked-nav #mega-menu-item i.fa-caret-down { 
	font-size: 14px;
	line-height: 32px;
	padding: 0 0 0 2px;
}		

#mega-menu-item a#change_psw,
.docked-nav #mega-menu-item a#change_psw {
	color: #0C8AB7;
	line-height: 1;
	margin-top: 18px;
	font-size: 12px;
}

#mega-menu-item a#change_psw:hover,
.docked-nav #mega-menu-item a#change_psw:hover {
	color: #079DD3;
}

#mega-menu-item .mega-drop-user-links .item-with-stats,
.docked-nav #mega-menu-item .mega-drop-user-links .item-with-stats {
	line-height: 24px;
	position: relative;
}

#mega-menu-item .item-with-stats .item-count,
.docked-nav #mega-menu-item .item-with-stats .item-count {
	position: absolute;
	top: 4px;
	right: 0;
	background-color: #ECEBEA;
	border: 1px solid #d1cfcd;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	margin: 8px 16px 0 0;
	padding: 0 3px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}

#mega-menu-item .mega-menu-footer,
.docked-nav #mega-menu-item .mega-menu-footer {
	background-color: #ffffff;
	border-top: none;
	display: block;
	position: inherit;
	padding-right: 0px;
	margin-right: 15px;
	text-align: center;
	margin-top: 10px;
}

#mega-menu-item .userDrop-footer,
.docked-nav #mega-menu-item .userDrop-footer {
	background-color: #ECEBEA;
}

#mega-menu-item .earnings,
.docked-nav #mega-menu-item .earnings {
	text-align: center;
	font-weight: 800;
	line-height: 1;
	margin-bottom: 10px;
}
#mega-menu-item .earnings-title,
.docked-nav #mega-menu-item .earnings-title {
	display: block;
	font-size: 11px;
}
#mega-menu-item .earnings-total,
.docked-nav #mega-menu-item .earnings-total {
	font-size: 24px;
	line-height: 22px;
	margin-top: 4px;
	display: block; 
}

#mega-menu-item .userDrop-footer a.button-signout,
.docked-nav #mega-menu-item .userDrop-footer a.button-signout {
	display: block;
	background: #FAF9F8;
	border-color: #dAd9d8;
	color: #484745;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	margin-top: 0;
	padding: 8px 10px 9px;
	width: 100%;
}
#mega-menu-item .userDrop-footer a.button-signout i,
.docked-nav #mega-menu-item .userDrop-footer a.button-signout i { margin: 0 0.5em 0 0; }
#mega-menu-item .userDrop-footer a.button-signout:hover, #mega-menu-item .userDrop-footer a.button-signout:focus,
.docked-nav #mega-menu-item .userDrop-footer a.button-signout:hover, .docked-nav #mega-menu-item .userDrop-footer a.button-signout:focus { 
	background: #fff; 
	color: #383735; 
	border-color: #bab9b8; 
	border-top-color: #cac9c8; }

#cart-items-count,
.docked-nav #cart-items-count {
	display: block;
	font-size: 24px;
	font-weight: 800;
	text-align: center;
	padding-top: 30px;
	color: #383735; }

.no-items #cart-items-count,
.docked-nav .no-items #cart-items-count {
	color: #999796; }

#cart-description,
.docked-nav #cart-description {
	color: #383735;
	display: block;
	font-size: 14px;
	font-weight: 800;
	text-align: center;
	padding-top: 20px; }

.no-items #cart-description,
.docked-nav .no-items #cart-description {
	color: #999796;
	font-size: 12px;
	font-weight: 400; }

li#mega-menu-item ul.mega-drop #cart-section a,
.docked-nav li#mega-menu-item ul.mega-drop #cart-section a {
	display: block;
	background: url(../images/shopping-bag-menu-solid.png) no-repeat center 9px;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	color: #999796;
	text-decoration: none;
	padding: 8px 6px;
	border: 1px solid #fff;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px; }

li#mega-menu-item ul.mega-drop #cart-section a:hover,
.docked-nav li#mega-menu-item ul.mega-drop #cart-section a:hover {
	text-decoration: none;
	border-color: #D1CFCD;
}
li#mega-menu-item ul.mega-drop #cart-section.no-items a:hover,
.docked-nav li#mega-menu-item ul.mega-drop #cart-section.no-items a:hover {
	border-color: #fff;
}

.mega-drop #cart-section.no-items a, .mega-drop #cart-section.no-items a:hover,
.docked-nav .mega-drop #cart-section.no-items a, .docked-nav .mega-drop #cart-section.no-items a:hover {
	color: #d1cfcd;
}

.userDrop-container:after,
.docked-nav .userDrop-container:after {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.userDrop-container:after,
.docked-nav .userDrop-container:after {
	display: none;
	border-color: rgba(56, 55, 53, 0);
	border-bottom-color: #383735;
	border-width: 10px;
	left: 50%;
	margin-left: 130px;
}

.userDrop-container .account-options .divider, .userDrop-container #cart-section .divider, .userDrop-container .mega-drop-user-links .divider,
.docked-nav .userDrop-container .account-options .divider, .docked-nav .userDrop-container #cart-section .divider, .docked-nav .userDrop-container .mega-drop-user-links .divider { margin: 0; }


/* Maximum 767 pixels. (smaller than iPad portrait) */
@media screen and (max-width: 767px) {

	#mega-menu-content{
		display: block !important;	
	}

}

/* Minimum width of 768 pixels. */
@media screen and (min-width: 768px) {

	/* Clean slate for styles on mega-drop item links */
	li .mega-drop a { 
		padding: 0;
		line-height: 24px; }

	/* Columns and rows */
	.mega-drop [class*="span"] { padding: 4px 16px 4px 0;  }
	.mega-drop [class*="span"]:first-child { padding-left: 16px; }
	.mega-drop .userDrop-body .row-fluid:first-child { padding-top: 14px; }
	.mega-drop .row-fluid .span2  { width: 16.66666%; }
	.mega-drop .row-fluid .span3  { width: 25%; }
	.mega-drop .row-fluid .span4  { width: 33.33333%; }
	.mega-drop .row-fluid .span5  { width: 41.66666%; }
	.mega-drop .row-fluid .span6  { width: 50%; }
	.mega-drop .row-fluid .span7  { width: 58.33333%; }
	.mega-drop .row-fluid .span8  { width: 66.66666%; }
	.mega-drop .row-fluid .span9  { width: 75%; }
	.mega-drop .row-fluid .span10 { width: 83.33333%; }
	.mega-drop .row-fluid .span11 { width: 91.66666%; }

	.docked-nav .mega-drop [class*="span"] { padding: 0;  }


	#mega-menu-content {
		display: none;		
		position:absolute;	
		border: 1px solid #d1cfcd;
		border-color: #EDEBEA rgba(153,151,150,.3) rgba(153,151,150,.4);
		border-top: none;
		min-width: 330px;
		right: -9px;
		top: 46px;
	}
	.docked-nav #mega-menu-content {
		min-width: 0;
		position: static; }

	#mega-menu-item {
		margin: 14px 0 13px 11px;
		border-left: 1px solid #ebebea;
	}
	.docked-nav #mega-menu-item {
		margin: 0;
		border: 0;
	}

	.mega-drop .userDrop-header { 
		position: static;
		padding-top: 14px; }
	.mega-drop .userDrop-header, .mega-drop .userDrop-footer { padding-left: 0; padding-right: 0; }
	.userDrop-name { font-size: 18px; }
	.userDrop-header .user-avatar a { width: 80px; }
	.userDrop-header .user-avatar a:hover span { visibility: visible; opacity: 1; }
	.userDrop-header .userDrop-password { display: inline; }
	.userDrop-container:after { display: block; }	


	/* Sign In Button */
	#mega-menu-item > a.button-signIn,
	#site-navigation .nav-menu li#mega-menu-item.menu-item > a.button-signIn {
		padding: 0 21px;
		margin: 0 0 0 20px;
		width: auto;
		height: 36px; }

	#mega-menu-item .userDrop-container a { color: #0085b5; }
	#mega-menu-item .userDrop-container a:hover {
		color: #00729c;
		background-color: transparent; }
	#mega-menu-item .userDrop-body a:hover { text-decoration: underline; }

	#mega-menu-item .item-with-stats .item-count { margin: 0; }

	#mega-menu-item .earnings {
		display: inline-block;
		float: left;
		margin-top: -3px;
		margin-bottom: 0;
		text-align: left; }
	#mega-menu-item .userDrop-footer a.button-signout {
		display: inline-block;
		width: auto; }

	.userDrop-container #cart-section .divider, .userDrop-container .mega-drop-user-links .divider { display: none; }
	.docked-nav .userDrop-container #cart-section .divider, .docked-nav .userDrop-container .mega-drop-user-links .divider { display: block; }
	.userDrop-container .account-options .divider { margin: 0 0 8px; }

}