/* my account login page -------------------------------- */
#my-account-login	table	{
	border: 1px solid #cad3e6;
	float: left;
	margin: 0 0.25em 1em;
	width: 260px;
}

	#my-account-login	table	th, 
	#my-account-login	table	td	{
		font-size: 0.6875em;
		line-height: 1.2em;
		padding: 0.3em;
	}

		#my-account-login	table	thead	th	{
			background-color: #ebf0f9;
			color: #384664;
			font-weight: bold;
			text-align: left;
			text-transform: uppercase;
		}
		
		#my-account-login	table	tbody	th	{
			font-weight: normal;
			text-align: right;
			white-space: nowrap;
		}
		
		#my-account-login	table	tbody	td	{
			color: #666;
		}

			#my-account-login	table	tbody	td	input	{
				border: 1px solid #999;
			}

		#my-account-login	table	tfoot	td	{
			padding: 0.7em;
			text-align: center;
		}
/* my account login page -------------------------------- */


/* my account register page ----------------------------- */
#my-account-register	table	{
	border: 1px solid #cad3e6;
	margin-bottom: 1em;
}

	#my-account-register	table	th, 
	#my-account-register	table	td	{
		color: #666;
		font-size: 0.6875em;
		line-height: 1.2em;
		padding: 0.3em;
		text-align: left;
	}

		#my-account-register	table	thead	th	{
			background-color: #ebf0f9;
			color: #384664;
			font-weight: bold;
			text-transform: uppercase;
		}
		
		#my-account-register	table	tbody	th	{
			color: #333;
			font-weight: normal;
			text-align: right;
			width: 14.5em;
		}

			#my-account-register	table	tbody	input, 
			#my-account-register	table	tbody	select	{
				border: 1px solid #999;
			}

	#my-account-register	.shaded	td, 
	#my-account-register	.shaded	th	{
		background-color: #f7faff;
	}

	#my-account-register	.center	{
		padding-top: 1em;
		text-align: center;
	}

	#my-account-register	a:link, 
	#my-account-register	a:visited	{
		color: #5E75A7;
		text-decoration: underline;
	}
	
	#my-account-register	a:hover, 
	#my-account-register	a:active	{
		background-color: #ebf0fa;
		text-decoration: none;
	}
/* my account register page ----------------------------- */


/* my account ------------------------------------------- */
#my-account-login	h1, 
#my-account-register	h1, 
#my-account	h1	{
	color: #60739b;
	font-size: 1.375em;
	font-weight: bold;
	margin-bottom: 0.8em;
}

#my-account	{
}

.my-account-submenu	{
	border-right: 1px solid #f1edea;
	float: left;
	padding-bottom: 1em;
	padding-right: 0.3em;
	width: 120px;
}

	.my-account-submenu	h5	{
		color: #384664;
		font-size: 0.625em;
		font-weight: normal;
		margin-bottom: 0.2em;
		text-transform: uppercase;
	}

	.my-account-submenu	ul	{
		margin-bottom: 1em;
	}

		.my-account-submenu	li	{
			font-size: 0.6875em;
			margin-bottom: 0.3em;
		}

	.my-account-submenu	a:link, 
	.my-account-submenu	a:visited	{
		color: #5E75A7;
		text-decoration: underline;
	}
	
	.my-account-submenu	a:hover, 
	.my-account-submenu	a:active	{
		background-color: #ebf0fa;
		text-decoration: none;
	}

.my-account-content	{
	float: left;
	overflow: hidden;
	padding-left: 0.3em;
	width: 405px;
}

	.my-account-content	.username	{
		color: #666;
		font-size: 0.625em;
		margin-bottom: 1.4em;
		text-transform: lowercase;
	}

.log-off	{
	float: right;
}

	.log-off	a:link, 
	.log-off	a:visited	{
		background: url(../../images/myaccount/log-out-icon.gif) top left no-repeat #fff;
		color: #5e75a7;
		font-size: 0.6875em;
		line-height: 1.7em;
		padding-left: 1.4em;
		text-decoration: underline;
	}
	
	.log-off	a:hover, 
	.log-off	a:active	{
		text-decoration: none;
	}

		.my-account-content	.username	strong	{
			font-size: 1.1em;
			font-weight: bold;
			text-transform: uppercase;
		}

	.my-account-content	h5	{
		color: #5e75a7;
		font-size: 0.85em;
		font-weight: normal;
		margin-bottom: 0.5em;
		margin-top: 1em;
		text-transform: uppercase;
	}

	.my-account-content	p	{
		color: #666;
		font-size: 0.6875em;
		line-height: 1.2em;
		margin-bottom: 1em;
	}

	.my-account-content	a:link, 
	.my-account-content	a:visited	{
		color: #af2b2b;
		text-decoration: underline;
	}
	
	.my-account-content	a:hover, 
	.my-account-content	a:active	{
		background-color: #af2b2b;
		color: #fff;
		text-decoration: none;
	}

/* ---------------- my account content area table -------------- */
.my-account-content	table	{
	border: 1px solid #cad3e6;
	margin-bottom: 1em;
}

	.my-account-content	table	caption	{
		color: #666;
		font-size: 0.6875em;
		padding: 0.1em;
		text-align: left;
	}

	.my-account-content	table	th, 
	.my-account-content	table	td	{
		color: #666;
		font-size: 0.6875em;
		line-height: 1.2em;
		padding: 0.3em;
		text-align: left;
	}

		.my-account-content	table	thead	th	{
			background-color: #ebf0f9;
			font-weight: bold;
			white-space: nowrap;
		}
		
		.my-account-content	table	tbody	th	{
			font-weight: bold;
			text-align: right;
			width: 11em;
		}

			.my-account-content	table	td	address	{
				font-style: normal;
			}
			
			.my-account-content	table	td	input	{
				border: 1px solid #999;
			}

			.my-account-content	#cc	table	td	input	{
				width: 125px;
			}
			
			.my-account-content	table	td	select	{
				border: 1px solid #999;
				width: 250px;
			}
			
			.my-account-content	#cc	table	td	select	{
				width: 100px;
			}
			
			.my-account-content	table	td	select.state	{
				width: 3em;
			}

		.my-account-content	table	.center	{
			padding-top: 0.5em;
			text-align: center;
		}

		.my-account-content	table	.order-status-items	{
			border-bottom: 1px solid #cad3e6;
			background-color: #f7faff;
		}

			.my-account-content	table	.order-status-items	li	{
				display: inline;
				text-align: left;
			}

				.my-account-content	table	.order-status-items	li	span	{
					padding: 0 0.5em;
				}

		.my-account-content	.shaded	td, 
		.my-account-content	.shaded	th	{
			background-color: #f7faff;
		}

	#checking-info	td	{
		padding: 0;
		vertical-align: top;
	}

	.my-account-content	.disclaimer	{
		background-color: #ebf0f9;
		padding: 0.5em;
	}
	
	.my-account-content	.address-book	{
		border: 0;
		float: left;
		margin-right: 10px;
		width: 190px;
	}

		.my-account-content	.address-book	caption	{
			border-bottom: 1px solid #ccc;
			font-weight: bold;
			margin: 0.1em;
		}
/* my account ------------------------------------------- */


/* account benefits ------------------------------------- */
#my-account-login	.account-benefits	{
	background: url(../../images/myaccount/bg-account-benefits.png) top left repeat-x #384664;
	border-bottom: 1em solid #fff;
	color: #eee;
	padding: 0.75em 0.75em 0;
}

	#my-account-login	.account-benefits	p	{
		font-size: 0.6875em;
		line-height: 1.3em;
	}

		#my-account-login	.account-benefits	p	strong	{
			font-size: 1.2em;
			font-weight: bold;
			text-transform: capitalize;
		}

	#my-account-login	.account-benefits	ul	{
		border-top: 1px solid #202b42;
		margin: 1em -0.75em -0.75em;
		height: 347px;
		overflow: hidden;
	}

		#my-account-login	.account-benefits	li	{
			background: url(../../images/white-arrow.png) top left no-repeat #384664;
			border-bottom: 1px solid #202b42;
			border-top: 1px solid #546383;
			float: left;
			overflow: hidden;
			padding: 0.75em 0.75em 0.75em 36px;
			width: 220px;
		}

			#my-account-login	.account-benefits	li	h3	{
				color: #f00;
				font-size: 0.9em;
				font-weight: bold;
				margin-bottom: 0.1em;
				text-transform: uppercase;
			}

			#my-account-login	.account-benefits	li	p	{
				font-size: 0.75em;
			}

		#my-account-login	.account-benefits	li.one	{
			border-right: 1px solid #202b42;
			height: 95px;
		}

		#my-account-login	.account-benefits	li.two	{
			border-left: 1px solid #546383;
			height: 95px;
		}
		
		#my-account-login	.account-benefits	li.three	{
			border-right: 1px solid #202b42;
			height: 125px;
		}
		
		#my-account-login	.account-benefits	li.four	{
			border-left: 1px solid #546383;
			height: 125px;
		}
		
		#my-account-login	.account-benefits	li.five	{
			height: 48px;
			width: 490px;
		}
/* account benefits ------------------------------------- */