/* ----------------------------------------------------------------------------------------------

	HEADER NAVIGATION STYLES  
	// let's eliminate redundancy and navigation style resetting by making 
	// css references unique btwn top level and dropdown <ul> & <li>'s

-----------------------------------------------------------------------------------------------*/

/* Store Nav
--------------------------------------------- */
#mm_searchForm {
	display: none;
}
#store_nav {
	float: left;
	width: auto;
}
#store_nav>li {
	position: relative;
	display: inline-block;
}
#store_nav>li:nth-child(1) a.tlcl-1 {
	font-weight: 900;
	font-style: italic;
}
#store_nav>li:nth-child(3) a.tlcl-1 {
	border-right: 1px solid #979797;
}

#store_nav>li a.tlcl-1:focus{color: #fff;}
#store_nav>li a.tlcl-1 {
	text-transform: none;
	line-height: 1;
	padding: .75em 2em;
	border-left: 1px solid #979797;
	/*border-right:1px solid #000;*/
	/*height: 5.35em;*/
	display: block;
	font-size: .85em;
	font-weight: 500;
	font-family: 'Open Sans';
	text-transform: uppercase;
	/*width:9.625em;*/
	overflow: hidden;
	white-space: nowrap;
	-webkit-tap-highlight-color: rgba(0,0,0,.0);
	color: #fff;
}
/* activated state for dropdown triggers (hover & click/tap) */
.no-touch #store_nav>li:hover a.tlcl-1, .no-touch #store_nav>li:hover a.tlcl-1:focus, .touch #store_nav>li.jq-click a.tlcl-1 {
	background: rgba(170, 217, 207,.1);
	color: #fff;
}
#store_nav>li a.tlcl-1:before {
	font-family: 'icomoon';
	font-weight: normal;
	font-style: normal;
	/*font-size:1.5em;*/
	content: "\f0c9";
	/*	content: "\e03f";*/
	margin-right: 1em;
	display: inline-block;
	width: .9em;
	/*top: .11em;*/
	position: relative;
}
#store_nav>li:nth-child(2) a.tlcl-1:before, #store_nav>li:nth-child(3) a.tlcl-1:before {
	display: none;
}
/* swap menu icon for close (x) icon on touch screens*/
.touch #store_nav>li.jq-click a.tlcl-1:before {
	content: "\e030";
}
#store_nav>li img {
}
#store_nav li .dropdown img {
}
#store_nav li {
}
#store_nav li.mm_search {
	display: none;
}
/* Utility Navigation
--------------------------------------------- */
#utility_block {
	position: relative; /*top:.65em;*/
	float: right;
	width: auto;
}
/* ul wrappers*/
.utility_nav {
	display: block;
	width: 100%;
	text-align: right;
}
.utility_nav-1 {
	font-style: normal;
	text-transform: uppercase;
}
.utility_nav-2 {
}
/* li containers */
.utility_nav>li {
	position: relative;
	display: inline-block;
	margin-right: 1em;
}
/* li containers - unique */
.utility_nav>li.un_customer-care {
	border-right: 1px solid #e0e0e0;
	padding-right: 1em;
	margin-right: 1em;
}
.utility_nav>li.un_cart {
	margin-right: .7em;
}
.utility_nav-1>li {
}
.utility_nav-2>li {
}
/* links */
.utility_nav>li a.untl_link {
	display: block;
	color: #fff;
}
.utility_nav>li a.untl_link i {
	font-size: 1em;
	margin-right: .5em;
	vertical-align: middle;
	color: #fff;
}
.utility_nav>li a.untl_link span {
	font-size: .7em;
	text-transform: uppercase;
	color: #fff;
}
/* links - unique */
.utility_nav>li.un_cart a.untl_link {
	font-size: 1.2em;
	padding: .25em .4em;
	font-weight: 500;
}
.utility_nav>li.un_cart a.untl_link i {/*margin-right:0;*/
}
.utility_nav>li.un_cart a.untl_link .cart-count {
	font-size: 1em;
	margin-left: .2em;
}
.utility_nav>li.un_cart a.untl_link .icon-cart-arrow {
	margin-right: 0;
	margin: 0 0 0 .25em;
}
.utility_nav>li.un_my-account a span em {
	font-size: 71%;
	text-transform: none;
	font-style: normal;
	margin-left: .5em;
	display: none;/* let's see how this plays out. less = more? */
}
/* ----------------------------------------------------------------------------------------------

	HEADER DROP DOWN STYLES

-----------------------------------------------------------------------------------------------*/

/*  Global dropdown 
	Styles wrappers & notch/arrow
------------------------------------*/
.dropdown {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 9999;
	width: auto;
}
#store_nav .dropdown {
	left: 50%;
	margin-left: -6.8em;
	margin-top: 0em;
	width: 13.6em;
}
#utility_block .dropdown {
	left: auto;
	right: auto;
}
#utility_block ul.utility_nav .dropdown.dropdown_myacc {
	width: 10em;
	right: 0;
}
#utility_block ul.utility_nav .dropdown.dropdown_cart {
	width: 16em;
	margin-left: -9em;
}
#utility_block ul.utility_nav .dropdown.dropdown_cart {
	width: 16em;
	margin-left: -9em;
}
/* dropdown notch/arrow */
#utility_block .dropdown .dd_utility:before, #utility_block .dropdown .dd_utility:after, #store_nav .dropdown:before, #store_nav .dropdown:after {
	content: " ";
	position: absolute;
	margin-left: 0;
	left: 25px;
	top: -9px;
	border-style: dashed dashed solid;
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #CCC;
	border-width: 0 8px 8px;
	cursor: default;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 0;
}
#utility_block .dropdown .dd_utility:after, #store_nav .dropdown:after {
	border-bottom-color: #fff;
	top: -8px;
}
#utility_block .dropdown.dropdown_cart .dd_utility:before, #utility_block .dropdown.dropdown_cart .dd_utility:after {
	margin-left: -4px;
	left: 50%;
}
#utility_block .dropdown.dropdown_myacc .dd_utility:before, #utility_block .dropdown.dropdown_myacc .dd_utility:after {
	margin-left: 0;
	left: auto;
	right: 20px;
}
#utility_block .dropdown .dd_utility:before {
	top: -8px;
}
#utility_block .dropdown .dd_utility:after {
	top: -7px;
}
#utility_block .dropdown .dd_utility {
	margin-top: .1em;
}
#utility_block .dropdown.dropdown_myacc .dd_utility {
	margin-top: .65em;
}
/* turn on drop downs for touch and non touch screens*/
.no-touch .utility_nav li:hover .dropdown, .no-touch #store_nav li:hover .dropdown {
	display: block;
}
.touch li.jq-click .dropdown {
	display: block !important;
} /* for touch devices */
/* Store Navigation Drop Downs 
------------------------------------- */
/* 
this element bridges the gap from the trigger link and the menu
extend the height of this to create a larger gap between link and menu
currently off - turn on in category.xhtml
*/
#store_nav .dd_extend {
	display: none;
	height: 2em;
	position: absolute;
	bottom: -2em;
	z-index: 9999;
	left: 0;
	width: 100%;/*background: rgba(255, 0, 0, 0.2);*/ /*for testing position*/
}
#store_nav li:hover .dd_extend {
	display: block;
}
#store_nav li .dropdown {
	/*display:block!important;*//*for testing*/
	margin-left: 0;
	left: 0;
	top: 2.2em;
	width: 44em;
	padding: 1.5em;
	background: #f5fdfb;
	border: 1px dashed #ccc;
	border-top: none;
	-webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
	border-radius: 0 0 3px 3px;
}
.no-csscolumns #store_nav li .dropdown {
	width: 100%;
}
#store_nav li .dropdown.dropdown_about {
	width: 15em;
}
/* persistent hover for top level link when hover over dropdown*/
#store_nav>li:hover a {
	color: #444;
	text-shadow: none;
}
ul.dd_nav {
}
ul.dd_nav.non_shop {
	display: none;
}
ul.dd_nav1 {
	padding: .5em 0;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}
ul.dd_nav2 {
	/*display:none;*//*temporarily commented out for access during development*/
	margin-bottom: .3em;
}
ul.dd_nav2 li {
	list-style-type: none;
}
ul.dd_nav li {
	padding: .2em;
}
ul.dd_nav li a:hover, ul.dd_about li a:hover {
	display: block;
	color: #fff!important;
	background: #6eb0a3;
}
ul.dd_nav li a, ul.dd_about li a {/* this effects all sub level links as well */
	display: block;
	padding: .25em .75em;
	font-size: .85em;
	/*font-family: museo-slab;*/
	/*
	font-size:1em doesn't play nicely with columns in webkit
	it creates space at top of second column
	line-height behaves a similar way
	*/
	font-weight: 500;
	color: #6eb0a3;
	text-align: left;
	position: relative;
}
ul.dd_nav li a:link, ul.dd_nav li a:visited, ul.dd_about li a:link, ul.dd_about li a:visited {
	color: #6eb0a3;
}
ul.dd_nav li a.tlcl-3 {
	font-size: .7em;
	padding: .4em 0 .4em .8em;
}
/* this can be changed to an icon or another unicode character in category.xhtml */
#store_nav .dd_nav1 li a .sub-bullet {
	font-size: .9em;
	font-size: 9em;
	color: #fff;
	position: relative;
	margin: 0;
	display: inline;
	top: auto;
	display: block;
}
/* Utility Navigation Drop Downs 
------------------------------------- */

/* Global Styles
------------------------------------- */
.dd_utility {
	position: relative;
	border: 1px solid #E4E4E4;
	background: #fff;
	-webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
	border-radius: 0 0 3px 3px;
}
.dd_utility li {
	border-bottom: 1px dotted #ccc;
}
.dd_utility li:last-child {
	border-bottom: none;
}
/* persistent hover state for hover trigger */
.no-touch .utility_nav>li:hover a.untl_link.dd-trig {
	color: #255722;
}
/* Logged In Drop Down
------------------------------------------------*/
li.un_my-account.logged-out {
}
li.un_my-account.logged-in {
}
ul.dd_myacc li i {
	width: 1.2em;
	margin-right: .8em;
	display: inline;
}
ul.utility_nav li.un_my-account .dropdown {
/*display:block!important;*/
}
ul.dd_myacc li a {
	font-size: .85em;
	padding: .8em;
	text-align: left;
	display: block;
}
ul.dd_myacc li span {
	display: inline;
	text-transform: none;
	text-align: right;
}
ul.dd_myacc li a:hover {
	background: rgba(0,0,0,.07);
}
ul.dd_myacc li a:hover i {
}
ul.dd_myacc li a:hover span {
}
/* Minicart Drop Down
------------------------------------------------*/
ul.dd_cart p.dd_empty_msg {
	padding: 1.2em 1.2em 0;
	font-size: .75em;
	text-align: center;
	margin-bottom: .8em;
}
ul.dd_cart p.dd_empty_msg a {
	display: inline;
	padding: 0;
}
ul.dd_cart p.dd_empty_msg a:hover {
	text-decoration: underline;
}
/* Cart Items, Sub Totals, & Checkout Btn */
.dd_cart li.dd_item {
	border-bottom: 1px solid #dbdbdb;
}
.dd_cart li.dd_item a {
	display: block;
	padding: .6em;
	text-align: left;
}
.dd_cart li.dd_item a:hover {
	background: rgba(0,0,0,.04);
}
.dd_cart .dd_item span {/* span reset */
	margin: 0;
	margin-top: .3em;
	font-size: 1em;
	text-transform: none;
	text-align: left;
}
.dd_cart .dd_item img {
	width: 3em;
	float: left;
	margin-right: 1.2em;
}
.dd_cart .dd_item .dd_prod_title {
	display: block;
	width: 100%;
	font-size: .8em;
}
.dd_cart .dd_item .dd_description {
	font-size: .7em;
	color: #5F5F5F;
}
.dd_cart .dd_item .dd_quantity {
	margin-left: 1em;
}
/* li reset for <li> elements not in product loop */
.dd_cart .mc_see_all, .dd_cart .dd_cart_btm {
	border: none;
	cursor: default;
}
.dd_cart .mc_see_all a:link, .dd_cart .mc_see_all a:visited {
	display: block;
	border-bottom: 1px solid #dbdbdb;
	background: #ECECEC;
	color: #666;
	font-size: .7em;
	text-transform: uppercase;
	text-align: left;
	text-shadow: 0 1px 0 rgba(255,255,255,.65);
	position: relative;
	padding: .7em 1em .6em;
}
.dd_cart .mc_see_all a:hover, .dd_cart .mc_see_all a:focus {
	background: #dddddd!important;
}
.dd_cart .mc_see_all a i.icon-arrow {
	position: absolute!important;
	margin-right: 0!important;
	right: .8em;
	top: .5em;
	width: auto!important;
	font-size: 1.2em;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}
.dd_cart .mc_see_all a:hover i.icon-arrow {
	right: .3em;
}
.dd_cart_btm, .dd_cart-total {
	display: block;
}
.dd_cart_btm {
	padding: .7em;
}
.dd_cart-total {
	border-radius: 3px;
	padding: .5em .7em .39em .7em;
	border: 1px solid #a8a8a8;
	background: #ECECEC;
	margin-bottom: 8px !important;
}
.dd_cart li .dd_cart-total span {
	text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
	font-size: .8em;
}
.dd_cart-total .dd_cart-qty {
	float: left;
}
.dd_cart-total .dd_cart-subtotal {
	float: right;
}
.dd_cart li a.ddc_btn {
	padding: .48em 0;
	border-radius: 0 0 3px 3px;
	text-transform: uppercase;
}
.dd_cart a.ddc_btn i {
	font-size: 1.2em;
	margin-left: .3em;
	vertical-align: middle;
}

/* 	equals 912px 
-------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:57em) {
ul.dd_nav.non_shop {
	display: block;
}
/* FOR CCA DESIGN -------------------------------*/
.logo {
	margin: .75em 1.6em 0 0;
}
.logo img {
	display: block;
	-webkit-transition: width .2s ease;
	-moz-transition: width .2s ease;
	-o-transition: width .2s ease;
	-ms-transition: width .2s ease;
	transition: width .2s ease;
}
#header_wrapper {
	height: 5em;
}
.header_social {
	margin-top: 1.3em;
}
#store_nav>li a.tlcl-1 {
	overflow: hidden;
	/*width: 4.9em;*/
	white-space: nowrap;/*padding: .65em 1em;*/
}
#store_nav>li a.tlcl-1 {
	width: 1em;
	font-size: 1em;
	border-left: 0;
}
#store_nav>li:nth-child(2), #store_nav>li:nth-child(3) {
	display: none;
}
#store_nav>li a.tlcl-1:before {
	margin-right: 1.2em;
}
#store_nav li .dropdown {
	left: -1.5em;
	width: 23.6em;
	border-radius: 0;
}
#utility_block ul.utility_nav .dropdown.dropdown_myacc {
	right: 50%;
	margin-right: -5em;
}
#utility_block ul.utility_nav .dropdown.dropdown_cart {
	margin-left: 0;
	left: auto;
	right: 0;
}
#store_nav .dropdown:before,  #store_nav .dropdown:after {
	left: 12.5%;
}
#utility_block .dropdown.dropdown_cart .dd_utility:before,  #utility_block .dropdown.dropdown_cart .dd_utility:after {
	margin-left: 0;
	left: auto;
	right: 24px;
}
#utility_block .dropdown.dropdown_myacc .dd_utility:before,  #utility_block .dropdown.dropdown_myacc .dd_utility:after {
	margin-left: -4px;
	left: 50%;
	right: auto;
}
#utility_block .dropdown .dd_utility,  #utility_block .dropdown.dropdown_myacc .dd_utility {
	margin-top: .45em;
}
ul.dd_nav1 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
ul.dd_nav2 {
	display: none;
}
#mm_searchForm {
	display: block;
	position: relative;
	margin-bottom: .6em;
}
#mm_searchForm input.searchBox {
	width: 100%;
	padding: .5em 1.85em .5em 1em;
}
#mm_searchLink {
	position: absolute;
	right: 0.4em;
	top: .2em;
	font-size: 1.4em;
}
/* END FOR CCA DESIGN -------------------------------*/
#utility_block {
	top: 0em;
}
.utility_nav {
	display: inline-block;
	width: auto;
	text-align: right;
}
.utility_nav-1 {
	margin-bottom: 0;
	font-style: normal;
	font-size: 1em;
	text-transform: uppercase;
}
.utility_nav>li {
	/*border-left: 1px solid #e0e0e0;*/
	border-right: none!important;
	padding: 0!important;
	margin: 0!important;
}
.utility_nav>li.un_customer-care {
	border-left: none;
}
.utility_nav>li a.untl_link,  .utility_nav>li.un_cart a.untl_link {
	text-align: center;
	font-size: 1.5em;
	display: block;
	padding: .1em .85em!important;
}
.utility_nav>li.un_cart a.untl_link {
	border: none;
}
.utility_nav>li a.untl_link i {
	margin: 0!important;
}
.utility_nav>li a.untl_link span {
	display: none;
}
#search_block {
	display: none;
}

.prod_social { display:none; }

.utility_nav>li.un-cart {
	margin: 0;
}
ul.utility_nav .dropdown.dropdown_cart {
	width: 24em;
	top: 2.45em;
}
}

/*	equals 650px
-------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:40.625em) {
.logo img {
	display: block;
	
}
}

/* 	equals 480px // for minor tweaking on smaller screens
-------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:30em) {
body {
	font-size: 85%;
}
#utility_block {
	top: auto;
}
.utility_nav>li.un_my-account,  .utility_nav>li.un_customer-care {/*display:none;*/
}
.utility_nav>li.un_cart {
	border: none;
}
.utility_nav>li.un_cart {/*top:.9em;*/
}
.utility_nav>li.un_cart a.untl_link {
	padding: .6em!important;
	border-radius: 0;/*border:1px dotted #e0e0e0;*/
}
#utility_block ul.utility_nav .dropdown.dropdown_cart {
	top: 3.8em;
}
#utility_block .dropdown.dropdown_cart .dd_utility:before,  #utility_block .dropdown.dropdown_cart .dd_utility:after {
	right: 15px;
}
#store_nav>li a.tlcl-1 {
	padding: 1.25em 2em 0em 2em;
}
}