/*
 *   MAZUMA MOBILE - July 2009 Update
 *   ----------------------------------
 *   ID :: My Account Section CSS File
 */

/* ----------- MY ACCOUNT - Login Styles ----------- */

#accountloginBox {
    float: left;
    margin: 16px 0 0 16px;
	padding: 0;
    width: 641px;
    height: 371px;
	background-color: #FFF;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/accountLoginBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#accountPostit {
    float: right;
	margin: 0;
	padding-top: 7px;
    width: 263px;
}

#accountPostit h2 {
	margin: 0;
	padding: 7px 22px 7px 25px;
	color: #4E1C89;
	font-style: normal;
	font-size: 95%;
}

#accountPostit p {
	margin: 0;
	padding: 0px 22px 5px 25px;
	font-style: normal;
	font-size: 75%;
}

#accountPostitForgotten {
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/accountPostitForgotten.gif);
	background-repeat: no-repeat;
	background-position: left top;
    height: 247px;
    padding-top: 13px;
	margin: 0;
}

#accountPostitHelp {
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/accountPostitHelp.gif);
	background-repeat: no-repeat;
	background-position: left top;
    height: 127px;
    padding-top: 13px;
	margin: 0;
}

.accountLoginInputs {
    padding: 0;
	margin: 80px 0 0 275px;
}

.accountLoginInputs .formInput {
	width: 230px;
}

.accountLoginButton {
    padding: 0;
	margin: 10px 0 0 345px;
	outline: none;
}

.accountLoginButton #loginButton {
	outline: none;
}


.accountLoginOptionButtons {
	border-top: 1px solid #4E1C89;
    padding-top: 10px;
	margin: 55px 0 0 275px;
    width: 325px;
    text-align: left;
}

.accountLoginOptionButtons .createAccount {
	margin: 20px 0 0 12px;
	outline: none;
}

.accountLoginOptionButtons .lostPassword {
	margin: 20px 0 0 10px;
	outline: none;
}

.loginError {
	width: 100%;
	font-size: 80%;
	font-weight: bold;
	color: #CC0000;
	text-align: left;
	margin: 0 0 15px 0;
    padding: 0;
}

/* ----------- MY ACCOUNT - Styles ----------- */

#headIconWrapper {
	width: 100%;
	text-align: left;
}

#accountHeadYourOrder {
	float: left;
	width: 155px;
}

#accountHeadChange {
	float: left;
	width: 229px;
}

#accountHeadEdit {
	float: left;
	width: 212px;
}

#accountHeadIcon {
	margin: 0px;
	float: left;
 	padding: 0;
}
#contentMyAccount {
    float: left;
	width: 694px;
    margin: 15px 0 0 0;
    padding: 0;
}

#accountUserOrders {
	width: 694px;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/accountMainContentBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
    margin: 0;
    padding: 15px;
    height: 323px;
}

#accountUserOrders .bluText {
	color: #4E1C89;
    margin: 5px 0 0 5px;
    padding: 0;
}

.orders {
	border: 1px solid #FFF;
	background-color: #F8F6FA;
    text-align: center;
}

table.orders {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 120%;
    margin: 15px 0 0 6px;
}

table.orders tr:hover td {
    background-color: #E2EEFD;
    color: #000000;
	cursor: pointer;
}

#myAccountRightColumn {
    float: right;
	width: 190px;
    margin: 15px 0 0 0;
    padding: 0;
}

#myAccountSubNavBox {
	background-color: #FFF;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/accountRightSubNavBox.v2.gif);
	background-repeat: no-repeat;
	background-position: left top;
    height: 202px;
    padding: 8px 13px 0;
    margin: 0;
}

#myAccountSubNavBox .buttonPadNav {
    padding: 0;
    margin-top: 8px;
    *margin-top: 5px;
}


/* ----------- MY ACCOUNT - ARGOS BOX Styles ----------- */

#myAccountArgosBox {
	background-color: #FFF;
	background-image:  url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/accountArgosBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 15px 0 0 0;
	overflow: auto;
	padding: 0 0 0 0;
	text-align: center;
	width: 190px;
	height: 243px;
}

#myAccountArgosBox p {
	color: #4E1C89;
	font-size: 75%;
	font-weight: bold;
	margin: 52px 0 5px 0;
	padding: 0;
}

#myAccountArgosBox .number {
	color: #000;
	font-size: 130%;
	font-weight: bold;
	margin: 7px 0;
	padding: 0;
}

#myAccountArgosBox .small {
	color: #4E1C89;
	font-size: 70%;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0 7px;
}


/* ----------- MY ACCOUNT - ORDER TABLE Styles ----------- */

.checkoutTableRow {
	background-color: #e0e0e0;
	color: #333;
	font-weight: bold;
}

.status1Row {
	background-color: #FDFBCA;
}

.status2Row {
	background-color: #ECFCD6;
}

.status3Row {
	background-color: #ECFCD6;
}

.status55Row {
	background-color: #D4EFB0;
}

.status5Row {
	background-color: #FEE1E1;
}

.status56Row {
	background-color: #FEE1E1;
}

.status52Row {
	background-color: #FEE1E1;
}

.status51Row {
	background-color: #FEB3B3;
}

.status53Row {
	background-color: #FEE1E1;
}

.status54Row {
	background-color: #FEB3B3;
}

.status57Row {
	background-color: #FEE9D7;
}

.status58Row {
	background-color: #FEE1E1;
}

.status59Row {
	background-color: #FEE1E1;
}

.orderPaginationButtons {
	margin: 20px 0px 0px 0px;
	font-size: 75%;
	text-align: center;
	vertical-align: middle;
}


/* ----------- MY ACCOUNT - LEGEND Styles ----------- */

#myAccountLegend {
    float: left;
	width: 684px;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/accountLegendBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
    height: 169px;
    margin: 13px 0 0 0;
    padding: 13px 20px;
}

#myAccountLegend h2 {
	margin: 0;
	padding: 0;
	color: #CC0000;
	font-style: normal;
	font-size: 80%;
}

#myAccountLegend p {
	margin: 0;
	padding: 0;
	font-size: 70%;
}

#myAccountLegend .statusTop {
	margin: 8px 0;
	padding: 7px 0;
	list-style-type: none;
	border-bottom: 1px solid #dcd2e7;
	border-top: 1px solid #dcd2e7;
	font-size: 70%;
    height: 49px;
}

#myAccountLegend .statusBottom {
	margin: 7px 0 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 70%;
    height: 46px;
}

#myAccountLegend ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#myAccountLegend ul li {
    line-height: 16px;
    margin: 0;
	padding: 0;
}

/* If li position is left static, Internet Explorer disables hyperlinks in the list in all but the final column.
This rule will be processed only by Internet Explorer because only IE believes that thereÕs a level above HTML: */
* html #myAccountLegend ul li
{
	position: relative;
}

/* horizontal position of each column */
#myAccountLegend ul li.column1 { margin-left: 0; }
#myAccountLegend ul li.column2 { margin-left: 350px; }

/* Bring the first item of each column back up to the level of item 1. Vertical return = items * height.
eg, 3 items * 15px line-height = 45px */
#myAccountLegend li.reset
{
  margin-top: -48px;
}

/* ----------- MY ACCOUNT - EDIT DETAILS Styles ----------- */

#contentMyAccountDetails {
	width: 694px;
    float: left;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/accountEditDetailsBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
    margin: 15px 0 0 0;
    padding: 7px 15px;
    height: 456px;
}

#contentMyAccountDetails .detailsForm {
    margin: 20px auto 0;
    padding: 0;
    width: 375px;
}

#contentMyAccountDetails .formInput {
	width: 230px;
}

#contentMyAccountDetails .formCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 120%;
}

#contentMyAccountDetails .actionButtons {
    margin: 15px auto 0;
    padding: 0 0 0 24px;
    width: 375px;
    text-align: center;
	outline: none;
}

/* ----------- MY ACCOUNT - CHANGE PASS Styles ----------- */

#contentMyAccountPassword {
	width: 694px;
    float: left;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/accountChangePassBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
    margin: 15px 0 0 0;
    padding: 15px 15px;
    height: 408px;
}

#contentMyAccountPassword .detailsForm {
    margin: 20px auto 0;
    padding: 0;
    width: 375px;
}

#contentMyAccountPassword .formInput {
	width: 230px;
}

#contentMyAccountPassword .formCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 120%;
}

#contentMyAccountPassword .actionButtons {
    margin: 15px auto 0;
    padding: 0 0 0 24px;
    width: 375px;
    text-align: center;
	outline: none;
}


/* ----------- SUPPLEMENTARY SCREENS - Styles ----------- */

#contentSupplementaryBox {
	width: 837px;
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/supplementScreenBox.gif);
	background-repeat: no-repeat;
	background-position: left top;
    margin: 15px 0 0 8px;
    padding: 65px 0 0 80px;
    /* padding: 65px 0 0 80px; */
    height: 292px;
}

#contentSupplementaryBox .detailsForm {
    margin: 20px auto 0;
    padding: 0;
    width: 375px;
}

#contentSupplementaryBox .formInput {
	width: 230px;
}

#contentSupplementaryBox .formCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 120%;
}

#contentSupplementaryBox .actionButtons {
    margin: 15px auto 0;
    padding: 0 0 0 24px;
    width: 375px;
    text-align: center;
	outline: none;
}

/* lost password form */
#lostPass {
    width: 370px;
    text-align: left;
}

a {
  outline: none;
}


/* ----------- EMAIL PREFERENCES - Styles ----------- */
#emailPrefsTop{
	height:240px;
	margin-bottom: 10px;
	padding-left: 15px;
}

#emailPrefsTop img:first-child{
	float:left;
	height:139px;
	margin-top:52px;
	width:447px;
}

#contentMyAccountEmail{
	float:left;
	height:408px;
	margin:15px 0 0;
	width:694px;
}

#emailPageDiv{
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/contentBoxBG.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 724px;
	overflow: hidden;
	
}

#emailPrefsForm{
	background-image: url(//d3vkhven21kn6n.cloudfront.net/images/mazuma/09/emailPrefForm.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 660px;
	height: 171px;
	margin-left:25px;
	padding-bottom: 21px;
	/*overflow: hidden;*/
	
}

#emailPrefText{
	color:#4c288a;
	font-size: 15px !important;
	padding: 34px 25px 10px;
}

#emailPrefSub {
	color:#4c288a;
	font-style: italic;
	float:right;
	width:310px;
	padding-right: 20px;
	margin:0;
}

.emailActionButtons{
	width:280px;
	float: left;
	margin: 5px 25px;
}
#emailOptIn{
	border:1px solid #838383;
	width:14px;
	height:14px;
	margin:0;
	padding:0;
}

#emailConfirmedYes, #emailConfirmedNo{
	display:none;
	text-align:center;
}

#emailConfirmedYes h3, #emailConfirmedNo h3{
	padding-top: 56px;
	font-size: 1.2em;
	color:#e62600;
}

#emailConfirmedYes p, #emailConfirmedNo p{
	font-size: 1em;
	color:#e62600;
}