/* ------------------------------------------
	Customer Care Styles
------------------------------------------ */

/* Global
------------------------------------------*/
#content-container label{
	position:relative;
	display: block;
	width: 100%;
	text-align: left;
	margin: 0 0 .15em 0;
	font-size: 1em;

}
body.customer-care div#content-container {
	max-width: 1140px;
	margin: 0 auto;
	margin-top: 4em;
}

.label_note{
	position:absolute;
	bottom:.1em;
	right:0;
	font-size: .7em;
}

.bd_wrap {
	margin-top: 1em;
}

/* Side Navigation
--------------------------------------------*/
#side_nav h3 {
	font-size:1em;
	font-weight:500;
	position: relative;
	display:none;
	/*
	hmm...  I kinda like the side nave without the "Select a topic" headline
	let's leave it like this for a little and see how it feels
	*/
}

.heading {
    background: url(http://images.samueladamsstore.integ.mythos.suresource.com/imagesCategory/cat_barware.jpg) top center no-repeat; 
    width: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    position:relative;
    z-index:1;
    margin:0;
}

.heading h1 {
 font-size: 2em;
 
text-align: left;
display: block;
padding: 1.5em 0;
font-family: "quatro-slab";
text-transform: uppercase;
color: #FBF4EC;
}

/* HTML5 Nav element*/
.cc_navigation {}

/* HTML5 Section element */
.ccn_section {
	display: block;
	position: relative;
	margin:1em 0;
}
.ccn_section h4 {
	font-size: .8em;
	font-weight: 600;
	text-transform: uppercase;
	color: #081E3F;
}

.ccn_section ul{}
.ccn_section ul li{margin:0;padding:0;}

.ccn_section a:link,
.ccn_section a:visited{
	color: #6c6651;
	display: block;
	padding:.45em 0 .45em .3em;
	font-size: .75em;
	position:relative;
}
.ccn_section ul li.sn-active a,
.ccn_section ul li.sn-active a:link,
.ccn_section ul li.sn-active a:visited{
	background: #D6C8AC;
color: #0B6A9B;}
.ccn_section ul li.sn-active a:before{color:#0B6A9B;}

.ccn_section ul li a:before {
	font-family:'IcoMoon';
	content: "\f0da";
	color:#d6c8ac;
	margin:0 .3em 0 0;
	display:block;
	position:absolute;
	top:.48em;
	right:0;
}

.ccn_section a:hover,
.ccn_section a:focus{
	background: #D6C8AC;
color: #0B6A9B;
padding-left: 5%;
}


/* Pages
------------------------------------------*/

/* cc_index
-----------------------------------------------------------*/
h3.cc-main-topic{

	font-weight: 300;
	line-height: 1.4;
	padding-bottom: .8em;
	margin-bottom: .8em;
	border-bottom: 1px dotted #CCC;
}
/*.cc-home-links{float:right; margin:0 0 2em 2em;}*/
.cc-home-links{
	margin:1.5em 0;
	padding:1em 1.5em;
	border: 1px dotted #CCC;
}
.cc-home-links h4{
	margin-bottom:1em;
	font-size:1.4em;
	font-weight:100;
}
.cc-home-links ul{}
.cc-home-links ul li{
	margin:0 .5em .5em 0em;
	display:inline-block;
}
.cc-home-links ul li a{
	display:block;
	padding:.4em .8em;
	background:#f2f2f2;
	border:1px solid #ccc;
	border-radius:4px;
}
.cc-home-links ul li a:hover{
	background:#dfdfdf;
}

/* cc_myaccount
-----------------------------------------------------------*/
.cc-myaccount #content_block ul{
	list-style:disc;
	margin-left:1.4em;
}
.cc-myaccount #content_block ul li{
	margin:1em 0;
	line-height:1.4;
	list-style-position:outside;
}

/* cc_paymentmethods
-----------------------------------------------------------*/
ul.cc_creditcard  {
	display: block;
	float: right;
	padding: 1em;
	margin: 0 0 1em 1em;
	border: 1px solid #CCC;
	background:#F0F0F0;
	background: rgba(0, 0, 0, 0.06);
	width:auto;
	text-align: center;
}
ul.cc_creditcard li{display:inline;}
ul.cc_creditcard li img{display:inline; width:4em;}

/* cc_promotions
-----------------------------------------------------------*/

/* cc_shipmultiple
-----------------------------------------------------------*/

/* cc_shipcharges
-----------------------------------------------------------*/
body.cc-shipcarriers .icon-priority{
	font-size:2em;
	color:#46AC42;
	top:.17em;
	margin-right:.4em;
}

/* cc_delivery
-----------------------------------------------------------*/

/* cc_trackship
-----------------------------------------------------------*/
.block01,.block02 {float:left; width:70%;}
.block01{margin-bottom:2em;}
.block02{float:left;margin}
input.b_email-submit.btn,
input.b_track-submit.btn{
  width:20em;
}

/* cc_easyreturns
-----------------------------------------------------------*/

/* cc_privacy
-----------------------------------------------------------*/

/* cc_safeshopping
-----------------------------------------------------------*/

/* cc_signup
-----------------------------------------------------------*/
#emailSelectForm table{width:22.5em;margin:2em 0;}
#emailSelectForm input[type=radio]{
	border: none;
	margin:0 .8em 0 0;
	display:inline;
  vertical-align: top;
	width:auto!important; /*fix other styles*/
}

#emailSelectForm table label{
	display: inline;
  font-size:.85em;
}
.emailSelectSubmit{margin:1em 0 0;}

/* cc_contactus
-----------------------------------------------------------*/
.contactus_form{
	width: 55%;
	display: block;
	position: relative;
}

.contactus_form div{
	width: 100%;
}

.contactus_form span{
	display: inline;
	white-space: nowrap;
}
#content_block .contactusForm select{
  color:#555;
}
.contactus_info{
	display: block;
	position: absolute;
	top: 4.95em;
	right: 0;
	padding: .5em 1em;
	border-radius: 3px;
	border: 1px dotted #CCC;
	line-height: 1.5em;
}

ul.cu_section{display:block;}
ul.cu_section li{display:block;font-size:.9em;}
ul.cu_section li strong{text-transform:uppercase;}

ul.cu_section.cu_mail{
	padding-bottom:.5em;
	margin-bottom:.5em;
	border-bottom:1px dotted #ccc;
}

/* cc_legal
-----------------------------------------------------------*/

/* cc_proposition65
-----------------------------------------------------------*/
.cc-calprop65 #content_block p em{
  color:#8F3F35;
}


/* sitemap
-----------------------------------------------------------*/
/*
very basic styling -
this uses category-sitemap.xhtml so we don't overlap styling with the main store_nav in the header (category.xhtml)
there are unique classes on each category/sub-cats and links if you need them
*/
ul.sitemap_categories{}
ul.sitemap_categories li{}

ul.sitemap_categories li a.sm_link_1{
	font-size:1.5em;
	margin-bottom:.5em;
	font-weight:700;

}

ul.sitemap_categories li a{padding:.3em 0;line-height:1.5;}
ul.sitemap_categories li ul{list-style: disc;}

ul.sitemap_categories li ul li{margin: .4em 0;}
ul.sitemap_categories li ul li a{font-size:1em;}

ul.sitemap_categories li ul li ul{margin-left:.5em;padding-left:.5em;border-left:1px dotted #ccc;}
ul.sitemap_categories li ul li ul li{}
ul.sitemap_categories li ul li ul li a{font-size:.8em;}



/*----------------------------------------------------------------------------------
		Everything below needs to be cleaned up and (with respect to HTML as well)
		ID's should be replaced with classes and a more clear structure defined
		THEN All should go above pages styles	in Global at top of this stylesheet
----------------------------------------------------------------------------------*/

/* Content Block
--------------------------------------------*/

.errors span.errors{
	float: left;
	position: relative;
	margin-left: 15px;
}

.errors input,.errors select,.errors textarea{
	background-color: #FFFFD5 !important;
	border: 1px solid #990000 !important;
	margin-bottom: 1px !important;
	margin-top: 1px !important;
}

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

	MEDIA QUERIES

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

/* 	equals 1445px */
@media only screen and (min-width:90.313em){}

/* 	equals 1024px */
@media only screen and (max-width:64.000em){}

/* 	equals 860px */
@media only screen and (max-width:53.750em){
	/* Setup for off canvas menu */
	body.customer-care #side_nav,
	body.customer-care #content_block,
	body.customer-care #content-container{
		-webkit-transition:all .18s ease;
		-webkit-backface-visibility: hidden;
	}
	body.customer-care #side_nav{
		float:none;
		position:absolute;
		z-index:1;
		top:5.4em;
		left:0;
		border-radius:0 0 3px 3px;
		width: 100%;
		box-shadow:0 2px 3px rgba(0,0,0,.3);
		-webkit-transform: translateX(-120%);
	}
	.cc_header h2 .icon-sn-menu{
		display:inline-block;
		cursor:pointer;
		border:1px dotted #ccc;
		margin-right:.5em;
		padding:.3em;
		border-radius:3px;
	}
	#content-container.sn-offcanvas #content_block .cc_header h2 .icon-sn-menu{border-color:#ff6261;}
	#content-container.sn-offcanvas #content_block .cc_header h2 .icon-sn-menu:before{color:#ff6261; content: "\e02e";}
	body.customer-care #content-container.sn-offcanvas{}
	body.customer-care #content-container.sn-offcanvas #side_nav{-webkit-transform: translateX(0);}
	body.customer-care #content-container.sn-offcanvas #content_block{opacity:.4;}

	.ccn_section {
		margin: 1em 0 .5em;
		float: left;
		width:43%;
		min-height: 138px;
	}
	.ccn_section:last-child {
		margin: .5em 0 1em;
	}
	.ccn_section:nth-child(even){float:right;}
}

/*	equals 640px  */
@media only screen and (max-width:39.375em){
	.contactus_form{width: 100%; margin-bottom:1.8em;}
	.contactus_info{
		position: relative;
		top: auto;
		right: auto;
		max-width: 100%;
	}
	ul.cu_section {
		float:left;
		width:47%;
	}
	ul.cu_section.cu_mail {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none;
		border-right: 1px dotted #CCC;
	}
	ul.cu_section.cu_phone {
		float:right;
	}
	.block01,.block02 {float:none; width:100%;}
	.block01{margin-bottom:2.2em;}
}

/* 	equals 480px */
@media only screen and (max-width:30em){
	ul.cc_creditcard  {
		float: none;
		margin:1em 0;
		width:100%;
	}
	.ccn_section{min-height:0; float:none;width:100%;}
}