/* -----------------
 * Main Header:  Dropdowns
 * ----------------- */

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #fff;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 11; /* rowblock has z-index 10*/
	margin-top:2px;
}

/* Links inside the dropdown */
#nav_main .dropdown-content a {
	color: #067182;
	padding: 12px 13px 0px;
	text-decoration: none;
	display: block;
	font-size:20px;
}

#nav_main #account-dropdown {
	position: fixed;
	top: 57px;
	right: 3%;
	width:200px;	
}

#nav_main #cart-dropdown {
	position: fixed;
	top: 57px;
	right: 2%;	
}

#nav_main .dropdown-content .dd-heading {
	padding: 12px 16px;
	font-weight:bold;
    	display: block;
    	font-size:14px;
	color:#242424;	
	border-bottom:1px solid #e3e4e5;
}

/* hidden until cart info successfully retrieved */
#nav_main .dropdown-content #cart-dropdown-heading {display:none}

#nav_main .dropdown-content .dd-heading * {
	font-weight:normal;
	font-size:14px;
	color:#242424;
	text-decoration: none;
}

#dd-loggedin {display:none}
#dd-loggedout {display:block}

/* Change color of dropdown links on hover */
#nav_main .dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu. JS adds this class to .dropdown-content */
.show {display:block;}