@charset "utf-8";
/* CSS Document */

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

/* Global
------------------------------------------*/
body.ma-orderdetail #checkout_flow_steps{display: none;}
img.rich-spacer {display: none!important;}/* need this? */

#content_block.cb_utility .actionButtons{margin:1em 0;}
#content_block.cb_utility .actionButtons input.btn,
#content_block.cb_utility .actionButtons a.btn{display:inline-block;/* width:8em;*/ max-width:20em;margin: 0 1em 0 0;}

/*#content_block select,
#content_block input{width:100%; max-width:45em;}*/
#content_block select{margin:1em 0;}

#content_block input[type=checkbox] {
	margin: 0 .5em 0 0;
	vertical-align: middle;
	width:auto;
}
fieldset{position: relative;}
legend{border: 1px none #fff; /* Need to fake this to change the color in IE 7 */}
select{}

input[type="text"], input[type="password"], select, textarea {
 	color: rgba(0, 0, 0, 0.54) !important;
  transition: all 0.12s ease 0s;
  font-weight:normal !important;
}

#content_block.cb_utility ul{
	/*padding: 1em;*/
}
#content_block.cb_utility li{
	/*padding-bottom: .5em;*/
	padding-bottom: 0;
	/*list-style: disc;*/	
	/*line-height: 1.25em;*/
	
}

/* Side Nav */
#side_nav a:link,
#side_nav a:visited{
	color:#444;
	display: block;
	width: 100%;
	padding:.45em 0 .45em .3em;
	position: relative;
}

#side_nav a:focus,
#side_nav a:hover{
	color: #255722;
	background: #6eb0a3;
	background: rgba(110,176,163,.25);
}

.nav_section_block {
	width: 100%;
	margin: .5em 0;
}

#side_nav .nav_section_block h2{
	font-size: .8em;
	font-weight: 500;
	text-transform: uppercase;
	margin:0;
}
#side_nav .nav_section_block h2 a:link,
#side_nav .nav_section_block h2 a:visited{color:#696969}

/* Icons */
#side_nav .nav_section_block h2 a:before{
	font-family:'icomoon';
	font-weight:normal!important;
	font-style:normal!important;
	font-size: 1em;
	margin:0 .3em 0 0;
	position:absolute;
	top:auto;
	right:0;
}
#side_nav #your_settings h2 a:before{content: "\e001";}
#side_nav #shipment_options h2 a:before{content: "\e0a4";}
#side_nav #your_orders h2 a:before{content: "\e02d";}
#side_nav .nav_section_block h2 a:hover,
#side_nav .nav_section_block h2 a:focus{}

.nav_section_block{}

ul.ma_list_wrap{}

ul.ma_list_wrap li a:link,
ul.ma_list_wrap li a:visited{
display: block;
padding: .45em 0;
font-size: 0.8em;

}

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

}

#emailpanel table {}
#emailpanel table tr{}

#emailpanel table tr td{display:inline;margin-right:1em;}
#emailpanel table tr td input[type="radio"]{display:inline; width:auto; max-width:100%;vertical-align: middle;}
#emailpanel table tr td label{margin-left:.2em; display:inline; font-size:.8em;}

/* Login	
-----------------------------------------------------------*/
form{}
/*#loginForm,
#loginpage_signup{width:70%;}
#loginForm{margin-bottom:1.5em}*/


.email-address-area { float: left; width: 45% !important; }

.have-an-account-area { float: left; width: 50% !important; }

.forgot-your-password-area { float: left; width: 45% !important; }



#loginForm,
#loginpage_signup, #lostPasswordForm{float:left;}
#loginForm, #lostPasswordForm{width:40%;}



#loginpage_signup{
	float:right;
/*	width:57%;*/
	padding:1em;
	background:#fafafa;
	border:1px dotted #ccc;
	border-radius:3px;
}

/*#loginForm {}
#loginpage_signup{float:right;}*/

#loginpage_signup h3{
	font-weight:500;
	font-size:1.2em;
}
#loginpage_signup ul{
	/*border-left:4px solid #ebebeb;*/
	border-radius:3px;
	padding:0 1em;
	margin-left:.5em;
	background:#FAFAFA;

}
#loginpage_signup ul li{
	list-style-type: disc;
	margin:.5em 0;
	line-height:1.35;
	font-size:.9em;
	font-style:italic;
}

#rememberMe_option label{margin-top: 3px;}

.label_note {
	color: #8e8e8e;
	margin-top:.5em;
	display:block; 
	width:100%; 
	font-size: .75em;
}
#rememberMe_option .label_note{}

input.btn{cursor:pointer;}
.lostPassword-link{font-size:.8em;}


/* Profile (New My Account Homepage, not active yet)
-----------------------------------------------------------*/
/* The goal with this page is to create a portal page that
contains the most pertinent info/settings; allowing the
user to accomplish most of their My Account tasks without
digging through multiple pages.*/

/* Settings	
-----------------------------------------------------------*/
#infopanel{
background: #FAFAFA;
padding: 1em 2em;
border: 1px dotted #ccc;
max-width: 450px;
margin-bottom: 1.5em;
}

/* Change Email	
-----------------------------------------------------------*/
.current_email {
	font-weight:500;
	margin-left:.5em;
	padding:.3em;
	border:1px dotted #ccc;
	border-radius:3px;
	background:#FAFAFA;
}
/* Change Name	
-----------------------------------------------------------*/
.captcha_change_name{display:block; margin:.5em 0 0 0; width: 100%; max-width:200px;border: 1px dotted #ccc}

/* Shipping Addresses 	
-----------------------------------------------------------*/
#paymentlistpanel.section_block table,
#addresslistpanel.section_block table{
width:100%;
padding: 1em;
background: #FAFAFA;
border: 1px dotted #ccc;
border-radius:3px;
margin-bottom: 1.8em;
}

#addresslistpanel tr{border-top:1px dotted #ccc; margin-top:.8em;}
#addresslistpanel .dr-table-subheader,
#addresslistpanel tr.dr-table-firstrow{border-top:none;}

#paymentlistpanel.section_block table th,
#addresslistpanel.section_block table th{
	font-weight:500;
	text-align: left; 
	border-top:1px dotted #ccc;
	
}

#paymentlistpanel.section_block table td,
#addresslistpanel.section_block table td{
	vertical-align: top;
	text-align: left;
	padding-top: 1.3em;
}

#shipmentMethodpanel.section_block #shipmentMethodDisplay{
	font-weight:500;
	padding: 0 1ex;
}

#shipmentMethodpanel.section_block table{
	width: 20em;
	padding: 1em;
	background: #FAFAFA;
	border: 1px dotted #ccc;
	border-radius:3px;
	margin-bottom: 1.8em;
}

#shipmentMethodpanel.section_block table td{
	padding:.5em 1em;
	border-bottom: 1px dotted #ccc;
}
#shipmentMethodpanel.section_block table tr:last-child td{border-bottom:none;}

#shipmentMethodpanel.section_block table td label{
	clear: none;
	text-align: left;
	display: inline;
	margin-left: 1em;
}

#paymentlistpanel.section_block table div p,
#addresslistpanel.section_block table div p{
	margin: 0 auto 0 auto;
	font-size: .8em;
	padding:0;
}

#shipmentMethodpanel table tr td{width:100%;display:block;}
#shipmentMethodpanel table tr td input,
#shipmentMethodpanel table tr td label{display:inline; width:auto;}
#shipmentMethodpanel table tr td input{vertical-align: middle;}


/* Your Orders	
-----------------------------------------------------------*/

#orderlistpanel.section_block table{
	width: 100%;
	margin: 1em 0 2em 0;
	border: 1px dotted #ccc;
}

#orderlistpanel.section_block table td{
	font-size:.9em;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px dotted #ccc;
	padding: .5em;
	line-height: 1.5em;
	
}

#orderlistpanel.section_block table td.orderHistory_action{
	text-align: right;
	vertical-align: middle;
}

#orderlistpanel.section_block table tr.lightrow td{
	background-color: #FAFAFA;
}

#orderlistpanel.section_block table tr.darkrow td{
	background-color: #d6d6d6;

}

.pagecount .pc_showing{float:left;width:auto;text-align:left;}
.pagecount .pc_pages{float:right;width:auto;text-align:right;}

.pagecount .pc_pages strong{margin-right:.5em;}
.pagecount .pc_pages a.pagecount_numbers{
	margin-left: .3em;
	font-size: .65em;
	padding: .2em .4em .2em .2em;
	background: #FAFAFA;
	border: 1px solid #B7B7B7;
	border-radius: 3px;
	color: #686868;
}
.pagecount .pc_pages a.pagecount_numbers:hover{background:#B6B6B6; color:#686868!important;}

.changeStatus {
	position: absolute;
	top: .2em;
	right: 8em;
	z-index: 10000;
	display: block;
	text-align: center;
}
.changeStatus img{width:30px;}

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

	MEDIA QUERIES

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

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

/* 	equals 1024px */
@media only screen and (max-width:64.000em){
.lostPassword-link {display:block;width:100%;margin:1em 0 0 0 ;font-size: .8em;}

}

/* 	equals 860px */
@media only screen and (max-width:53.750em){
	body.my-account #side_nav{
		min-width: 0;
		padding: 0;
		width:100%;
		margin-bottom:2em;
	}
/*	.nav_section_block .ma_list_wrap li{display:none;}*/

	.nav_section_block {
			float: left;
			display: block;
			width: 33.33%;
			border-right: 1px solid #e4e4e4;
			margin: 0;
			padding: 0;
		}
	#your_orders.nav_section_block {float: right;border-right:none;}
	#side_nav h2 {}

	#side_nav .nav_section_block h2 {
			margin: 0;
			font-size: .78em;
			text-align:left;
			display:block;
		}

#side_nav a:link, #side_nav a:visited {
  display: block;
  padding: 0.5em 1em;
}

	#side_nav .nav_section_block h2 a:after{
			margin:0 0 .5em 0;
			font-size:1em;
			text-align:right;
			right: auto;
			top: auto;
			position: relative;
		}

		#loginForm, #loginpage_signup{width:100%;}

}



@media only screen and (max-width:39.375em) {

.email-address-area { float: left; width: 100% !important; }

.have-an-account-area { float: left; width: 100% !important;  margin:15px 0; }

.forgot-your-password-area { float: left; width: 100% !important; }	
	
	
	
}

	
/*	equals 640px  */

/* 	equals 480px */
@media only screen and (max-width:639px){
	#side_nav .nav_section_block h2 a:before{font-size:1em;}
	#side_nav .nav_section_block h2 {font-size: 1em;}
	ul.ma_list_wrap li a:link, ul.ma_list_wrap li a:visited {
  font-size: 1em;
}
	.nav_section_block {
  border-right:none;
  display: block;
  float: left;
  margin: 0 0 1em;
  padding: 0 0 1em;
  width: 100%;
  border-bottom: 1px solid #e4e4e4;
}
#side_nav.sn_utility {
  border-right: medium none;

}
	}
								
@media only screen and (max-device-width: 360px) {
    #recaptcha_image{
        width: 250px !important;
    }
	

.Giftcertificate_block .mob-area {min-width:200px; display:block; }


.txtBoxStyle_mob { max-width:85% !important;  }

#recaptcha_area, #recaptcha_table {
  width: 300px !important;
}
	

}



#content_block td {
  font-size: 14px;
  line-height: normal;
  padding: 4px 0;
  vertical-align: top;
}

.titles2 {
  font-weight: bold;
}
#side_nav {
  display: block !important;
  margin-bottom:0 !important;
  padding: 1em 0 0 !important;

}
.item {
  line-height: normal;
  padding-right: 10px;
  vertical-align: middle;
}