/*
 * AccountPage stylesheet
 * Styling of past orders and the member form (if required) here
 */
 
/*
 * Past orders div containing the order history styling
 */

/* create a box floated to the right */
#PastOrders {
	float: right;
	border: 0;
	text-align: left;
	margin: 0;
    width: 350px;
    padding: 5px 20px 20px 0;
}
	#PastOrders li {
`		/* turn of list-styles for these list items */
		list-style: none;
		list-style-type: none;
		
		font-size: 1.2em;
	}
		/* apply correct font weight and family to these headers */
		#PastOrders h3,
		#ShopAccountForm_MemberForm h3 {
			font-weight: normal;
			font-family: Tahoma, Verdana, sans-serif;
		}
		/* apply h3 styling to past orders div, as well as the member form */
		#PastOrders h3,
		#ShopAccountForm_MemberForm h3 {
			color: #980000;
			font-size: 1.3em;
		}
		/* apply h4 styling (completed orders, incomplete orders header inside box) */
		#PastOrders h4 {
			line-height: 2.5em;
		}
		/* link colours for links */
		#PastOrders a {
 			text-decoration: none; 
			color: #980000;
		}
			#PastOrders a:hover { 
 				text-decoration: underline;
	 		}

/*
 * Member form styling, and tweaks to the login form as well
 */
#ShopAccountForm_MemberForm {
	width: 500px;
}
/* apply some margin to the h3 elements in the form to look better */
#ShopAccountForm_MemberForm h3 {
	margin-bottom: 15px;
	font-weight: normal;
}
/* these labels don't have a bold font weight, so apply it */
#ShopAccountForm_MemberForm label.left,
#LoginForm_LoginForm label.left {
	font-weight: bold;
	float: left;
	width: 150px;
}
/* country select dropdown width is wrong, so reapply it */
#ShopAccountForm_MemberForm #Country select,
#Account input {
    background-color: #EFEDE3;
    border: #E4E1D1 solid 1px;
    width: 250px;
}

#Account input.action {
	width: 213px;
	border: 0;
	margin-left: 156px;
}

#Account {
    width: 900px;
    margin: 0 auto;
    padding-bottom: 10px;
    text-align: left;
}

#Account h3 {
    border-bottom:1px solid #CCCCCC;
    margin:20px 0pt;
    color:#980000;
    font-family:Tahoma,Verdana,sans-serif;
    font-size:16px;
    font-weight:normal;
    padding-bottom:5px;
}

#Account h2 {
    font-size: 16px;
    color: #980000;
}

#Account fieldset {
    border: 0;
}

#Account form input.nolabel {
    margin-left:150px;
}

#Account table {
	border-collapse: collapse;
}

#Account .block, #Account .block .transparent {
    background-color: #EEEBE6;	
}

#Account .typography {
	padding-top: 15px;
}