@charset "utf-8";
/* ------------------------------- */
/* ---- MF MY ACCOUNT STYLING ---- */
/* ------------------------------- */

/* TOC
	01. Structure
	02. Content
	03. Profile Cards
	04. Profile Sections
	05. Sidebar
*/


/* 01. STRUCTURE
------------------------------------------------------------------------------*/

#myAccount {
	background-color: #fff;
	padding: 6px;
	width: 738px;
}

/* 02. CONTENT
------------------------------------------------ */

.contentHeader {
	background: transparent url("/img/brand/mf/my-account/content_header.png") scroll no-repeat;
	color: #fff;
	font: bold 1.8em/1 Arial, sans-serif; /* 18px/18px */
	height: 26px;
	margin: -6px -6px 0;
	padding: 7px 10px 0;
	width: 730px;
}

.contentHeader a {
	color: #fff;
	font-size: 0.6666em; /* 12px/inherit */
	font-weight: normal;
	text-decoration: none;
}

/* 03. PROFILE CARDS
------------------------------------------------ */

.profileCard {
	display: inline-block;
	min-height: 192px;
	height: auto !important;
	height: 192px;
	margin: 0 0 0 16px;
	vertical-align: top;
	width: 358px;
}

.profileCard a {
	color: #264160;
	font: bold 1.2em/1.34 Arial, sans-serif; /* 12px/16px */
	text-decoration: none;
}

.profileCardHeader {
	color: #264160;
	font: bold 1.8em/1 Arial, sans-serif; /* 18px/18px */
	padding: 10px;
}

.profileCardUserImage {
	float: left;
	margin: 0 10px 0 0;
}

.profileCardUserImage a {
	background: transparent url("/img/brand/mf/cmn/link_arrow_e_blue.gif") scroll right center no-repeat;
	color: #264160;
	font: normal 1.2em/1.34 Arial, sans-serif; /* 12px/16px */
	padding: 0 9px 0 0;
	text-decoration: none;
}

.profileCardUserImage img {
	border: 2px solid #264160;
}

.profileCardContent {
	border: 0 solid #ddd;
	border-bottom: 0 none;
	color: #414141;
	min-height: 117px;
	height: auto !important;
	height: 117px;
	padding: 10px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-box-shadow: 0px 2px 6px #9C9C9C;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-box-shadow: 0px 2px 6px #9C9C9C;
}

.profileCardContent .hdr {
	background-color: #264160;
	border: 0 solid #ddd;
	border-bottom: 0 none;
	color: #fff;
	font: bold 1.2em/1 Arial, sans-serif; /* 12px/12px */
	margin: -10px -10px 5px;
	padding: 7px 10px;
	position: relative;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-box-shadow: 0px 0px 3px #9C9C9C;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px #9C9C9C;
}

.profileCardContent .hdr a,
.profileSection .hdr a {
	background: url(/img/brand/mf/cmn/link_arrow_e_white.gif) no-repeat right center;
	color: #fff;
	font-size: 1em; /* 12px */
	line-height: 1; /* 12px */
	padding: 0 9px 0 0;
	position: absolute;
	right: 10px;
	top: 7px !important;
	top: 10px;
}

.profileCardInfo {
	display: table;
	font: normal 1.2em/1.5 Arial, sans-serif; /* 12px/18px */
}

.profileCardUserName {
	font: bold 1.17em/1.29 Arial, sans-serif; /* 14px/18px relative to parent */
}

.profileCardDrawer {
	background: #eaeaea url("/img/brand/mf/my-account/drawer_bg.png") scroll repeat-x;
	border: 0 solid #ddd;
	border-top: 0 none;
	min-height: 60px;
	height: auto !important;
	height: 60px;
	padding: 5px 10px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-box-shadow: 0px 3px 6px #9C9C9C;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-box-shadow: 0px 3px 6px #9C9C9C;
}

.profileCardTasks {
	display: inline-block;
	width: 49.01%;
	vertical-align: top;
}

.profileCardTasks li {
	display: inline;
}

/* ::::: Orders and Quotes Card ::::: */

#ordersAndQuotesCard .profileCardInfo {
	font-weight: bold;
}

#ordersAndQuotesCard .orderStatus {
	color: #39b54a;
}

#ordersAndQuotesCard .orderArrivalETA {
	font-weight: normal;
}

#ordersAndQuotesCard .orderTrackingNum,
#ordersAndQuotesCard .orderPointsEarned {
	font-size: 1em; /* inherit */
	line-height: 1;
}

/* 04. PROFILE SECTIONS
------------------------------------------------ */

.profileSection {
	font: normal 1.2em/1.27 Arial, sans-serif; /* 12px/14px */
	margin: 20px 0 0 0;
	width: 738px;
}

.profileSection a {
	color: #264160;
	font: bold 1em/1.67 Arial, sans-serif; /* 12px/20px relative to parent */
	text-decoration: none;
}

.profileSection .hdr {
	background-color: #264160;
	color: #fff;
	height: 25px;
	/*padding: 7px 10px;*/
	position: relative;
}

.profileSection td {
	border-left: 1px solid #d4d4d4;
	font: normal 0.92em/1.3 Arial, sans-serif; /* 11px/14px relative to parent */
	padding: 5px 10px;
	vertical-align: top; /* 230, 1, 227, 1, 279 */
}

.profileSection td.first-child {
	border-left: 0 none;
}

.profileSectionLinks a {
	font-size: 1.09em; /* 12px/20px relative to parent */
	line-height: 1.67;
}

.profileSection .infoName {
	font-size: 1.09em; /* 12px/18px relative to parent */
	line-height: 1.5;
}

/* 05. SIDEBAR
------------------------------------------------ */
/*
#sidebar .refineBy h3 {
	background: transparent url(/img/brand/mf/my-account/sidebar_plus.png) right top no-repeat;
	font-size: 1.3em;
	line-height: 1.5;
	padding: 0 27px 0 0;
}

#sidebar .refineBy li {
	border-bottom: 1px solid #d4d4d4;
	padding: 8px 6px 10px 10px;
}

#sidebar .refineBy li.last-child {
	margin: auto;
}
*/