#content { background: url(images/account-theme-bg.png) 0 111px repeat-x; padding-top: 111px; }

.location { text-indent: -1000px; overflow: hidden; font-size: 22px; padding: 17px 0 30px 0; }
	.location a, .location span, .location strong { 
		float: left; margin-right: 16px; padding: 0 0 0 26px; 
		text-indent: 0; color: white; text-decoration: none;
		background: url(images/account-icons.png) 0 4px no-repeat; }
	.location strong { background-position: 0 -30px; font-weight: normal; }

.navigation { float: left; margin: 8px 16px 0 0; width: 230px; }
	.navigation h4 {
		margin: 12px 0 0 0; padding: 12px 0 4px 0;
		border-top: 3px solid #e6e6e6; }
		.navigation h4.first { border: none; padding: 0 0 4px 0; margin: 0; }
		.navigation h4 a { 
			padding: 2px 0 4px 22px;
			font-size: 14px; color: #7b9c34; font-weight: normal;
			background: url(images/account-icons.png) 0 -66px no-repeat; }
	.navigation p { margin-left: 22px; }
	.navigation ul { margin: 8px 0 8px 22px; }
		.navigation ul li { 	margin: 4px 0 0 0; }
			.navigation ul li a { 
				padding: 0px 0 4px 20px; color: #ff7c10; color: #666;
				background: url(images/account-icons.png) 0 -112px no-repeat; }

.contentBox { width: 690px; float: left; }
.pad, .padd { background: white; overflow: hidden; margin-right: 16px; padding: 16px; }
	.padd { padding: 32px; }
.boxed .inner { padding: 16px 16px 24px 16px; }
	
/* Bordered boxes (Promote?) */
.border { border: 1px solid #b2b2b2; padding: 4px; background: #f2f2f2; }
	.border.dimmed { border-color:#d9d9d9; }
	.border .inner { background: white; overflow: hidden; padding: 6px; }

	form label.radio { margin: 0; }
	form .field { 
		padding: 8px 4px; background: #e6e6e6; 
		-webkit-border-radius: 2px; -moz-border-radius: 3px; }
		form .radio .field { 
			padding: 1px; background: transparent;
			-webkit-border-radius: 2px; -moz-border-radius: 3px; }
		form .error .field { background-color: #ff9740; }
		form .field.block { display: block; padding: 4px; }
		form .field input,
		form .field select { padding: 2px; }

	form fieldset { margin: 0; overflow: hidden; }
		form fieldset label { display: block; padding: 0 2px; margin: 0 0 8px 0; }
		form fieldset label.inline { display: inline; }
		form fieldset label.trigger { margin: 0; }
		form fieldset .foldout span label { margin: 6px 0 6px 0; }
		form fieldset div { overflow: hidden; padding: 8px 0 0 0; }
			form fieldset div p { float: left; margin-right: 16px; padding: 0 0 5px 0; }

.complete,
.errors { background: white; margin-bottom: 16px; }
	.complete .inner, .errors .inner { 
		background: #f2f2f2 url(images/order-icon-error.png) 61px 14px no-repeat;
		padding: 16px 16px 16px 109px; }
	.complete .inner { background-image: url(images/order-icon-complete.png); }
	.complete h3, .errors h3 { font-size: 14px; border: none; font-weight: bold; margin: 0 0 4px 0; }

.button { background: url(images/account-button-sprites.png) 0 0 no-repeat; padding: 4px 10px; }	
	.button.forward { background-position: 100% 0; padding-right: 25px; }	
	.button input { background: none; border: none; padding: 0; color: white; }	
	.button a { color: white; text-decoration: none; }	

.boxed { 
	background: white; border-bottom: 1px solid #d6d6d6;}
	.boxed h2.title { 
		padding: 6px 16px; background: white;
		border: 1px solid #d6d6d6; border-bottom: 2px solid #8ed000; }
	.boxed h3.title { 
		padding: 6px 16px; font-size: 12px; text-transform: uppercase; 
		border: 1px solid #d6d6d6; border-width: 2px 1px; border-top-color: #8ed000; }
	.boxed h2.title small a, .boxed h3.title small a { text-transform: none; color: #7b9c34; }
	.boxed .box { border: 1px solid #d6d6d6; border-width: 0 1px; overflow: hidden; background: white url(images/account-bg.png) 0 100% repeat-x }

.accountBar { 
	padding: 16px; position: relative; border-bottom: 1px solid #d9d9d9;
	background: #f5f5f6 url(images/account-topbar-bg.png) 0 0 repeat-x; }
	.accountBar .avatar { float: left; margin: 0; }
	.accountBar div { margin-left: 64px }
		.accountBar h2 { color: #7b9c34; font-weight:bold; margin: 0; }
	.accountBar .actions { position: absolute; top: 16px; right: 16px; }
		.accountBar .actions a { padding: 3px 10px; border: 1px solid #ececec; background: white; }

.pagination { margin-top: 8px; }

.bonusSummary { 
	background: url(images/account-icon-bonus.png) 0 0 no-repeat; }
	.bonusSummary table { margin-left: 65px;}
		.bonusSummary table .total { width: 100px; }
		.bonusSummary th { font-weight: normal; font-size: 13px; padding: 0 3px; }
		.bonusSummary td { font-weight: bold; font-size: 14px; padding: 0 3px; }
	.bonusSummary p { margin: 16px 0 0 0 }

#default .login h2, #default .register h2 { color: #7b9c34; font-weight: bold; }
	#default .border .inner { padding: 26px 26px 32px 172px; }
	#default .login { margin-bottom: 16px; }
		#default .login .inner { background: white url(images/account-icon-login.png) 46px 26px no-repeat; }
		#default .login .loginButton { margin-top: 25px; }
		#default .register .inner { background: white url(images/account-icon-register.png) 46px 26px no-repeat; }
		#default .register .registerButton { margin-top: 16px; }
	#default .login fieldset { margin: 0 0 8px 0; }
	#default .register p { margin: 8px 0 }

#default .order table { margin: 0 0 8px 0; width: 100%; }
	#default .order td { font-weight: bold; font-size: 14px; padding: 0 3px; }
	#default .order th { font-weight: normal; font-size: 13px; padding: 0 3px; }
	#default .order table .number { width: 90px; }
	#default .order table .date { width: 80px; }
	#default .order table .total { width: 80px; }
	#default .order table .address span { white-space: pre; }
	#default .order .status { border: 1px solid #ccc; background: #f2f2f2 url(images/account-status-icons.png) 6px 4px no-repeat; padding: 4px 4px 4px 30px; }
		#default .order .status strong { font-size: 14px; }
	#default .order .actions { margin: 16px 0 0 0; }
		#default .order .actions a { border: 1px solid #d9d9d9; background: white; padding: 3px 10px; }

#register h2 { color: #7b9c34; font-weight: bold; }
	#register .registration .inner { 
		padding: 26px 26px 32px 172px;
		background: white url(images/account-icon-register.png) 46px 26px no-repeat; }
	#register fieldset { margin: 0 0 8px 0; border-bottom: 1px solid #f2f2f2; }
		#register #firstName, #register #lastName, #register #email, #register #password { width: 200px; }
	#register .actions { margin: 16px 0 0 0 }


#details {}
	#details .boxed { background: url(images/account-bg.png) 0 100% repeat-x; }
	#details fieldset { 
		padding: 0 0 16px 48px; 
		border-bottom: 1px solid #d6d6d6; }
	#details .actions { margin: 16px 0; padding: 0 0 0 48px; }

	#details #customerNumber { width: 90px; }
	#details #firstName, #details #lastName { width: 200px; }
	#details #company { width: 300px; }
	#details #address { width: 430px; }
	#details #postalCode, #details #city, #details #country { width: 125px; }

	#details #email { width: 300px; }
	#details #skin { width: 150px; }

#group .header {}
	#group .header .inner { background: url(images/group-icon-group.png) 16px 16px no-repeat; }
	#group .header .details { padding: 0 0 0 64px; min-height: 48px; }
		#group .header h3 { font-size: 14px; font-weight: bold; margin-bottom: 4px; }
			#group .header h3 a { color: #4d4d4d; }
		#group .header .description { margin-top: 4px; }
		#group .header .actions { margin: 16px 0 0 0; }
			#group .header .actions a { border: 1px solid #d9d9d9; background: white; padding: 3px 10px; }

#group #default, #group #select {}
	#group #default .groups .inner, #group #select .groups .inner {
		background: url(images/group-icon-group.png) 16px 16px no-repeat; padding: 16px 16px 16px 80px; }
	#group #default .groups .group, #group #select .groups .group { 
		display: block; color: #4d4d4d; margin: 4px 0 8px 0; text-decoration: none; }
	#group #default .groups .group strong, #group #select .groups .group strong { 
		font-size: 15px; }

#group #order {}
	#group #order .sort { margin: 2px 0 4px 2px; }
		#group #order .sort span { cursor: pointer; }
			#group #order .sort span.selected { font-weight: bold; }
	#group #order .selections { padding: 1px; }
	#group #order .memberList { width: 100%; }
		#group #order .member td { background: #fafafa; padding: 8px 12px; border-bottom: 1px solid #d6d6d6; }
		#group #order .member.current td { background-color: white; border-bottom: none; color: #7b9c34; }
		#group #order .member .name { background: #fafafa url(images/group-icons.png) 10px 7px no-repeat; font-weight: bold; padding-left: 28px; }
			#group #order .member.current .name { background: white url(images/group-icons.png) 10px -23px no-repeat; font-weight: bold; padding-left: 28px; }
			#group #order .member .name a { color: #666; }
		#group #order .member .count { width: 50px; }
		#group #order .member .total { width: 60px; }
		#group #order .member .actions { width: 35px; }
		#group #order .selection { padding: 0 8px 8px 8px; border-bottom: 1px solid #d6d6d6; }
		#group #order .selection p { padding: 5px; border: 1px solid #d6d6d6; background: #fafafa; margin-bottom: 8px; }

		#group #order .memberList .orderSummary td,
		#group #order .memberList .orderSummary th { background: #f2f2f2; 
			font-size: 15px; font-weight:bold; padding: 8px 5px; border-top: 1px solid #d6d6d6; }
		#group #order .memberList .orderSummary th { padding: 8px 10px }
		#group #order .memberList .orderSummary .actions { width: 25px; }
		#group #order .memberList .orderSummary .total { width: 100px; text-align: right; }
		#group #order .memberList .orderSummary .count { width: 50px; text-align: center; }
		#group #order .productList { width: 100%; }
			#group #order .productList .price { width: 70px; }
			#group #order .productList .total { width: 90px; }
			#group #order .productList .size { width: 70px; }
			#group #order .memberList .productList tfoot th,
			#group #order .memberList .productList tfoot td { 
				padding: 8px 5px; font-size: 13px; font-weight: normal; background: #fafafa;
				border-width: 1px 0 0 0; color: #7b9c34; font-weight: bold; }
	#group #order .bonusSummary, #group #order .stockNotice { padding: 8px 12px; border-top: 1px solid #d6d6d6; }
	#group #order .orderActions { padding: 16px 12px; overflow: hidden; }
		#group #order .return { float: left; }
		#group #order .continue { float: right; }

#group #home {}
	#group #home .actions { margin: 16px 0 0 0 }
		#group #home .actions a { border: 1px solid #d9d9d9; background: white; padding: 3px 10px; }
			#group #home .actions a.order { border-color: #f8cff3; color: #bc1aa6 }
	#group #home .order .summary {
		border: 1px solid #ccc; padding: 5px 5px 5px 28px; font-weight: bold; font-size: 14px;
		background: #f2f2f2 url(images/group-icons.png) 5px -89px no-repeat; margin-bottom: 4px; }
	#group #home .comments {}
		#group #home .comments ul { background: none; border: none; }
		#group #home .comments form { background: #f2f2f2; padding: 12px 16px 16px 16px; border-bottom: 1px solid #d6d6d6 }
			#group #home .comments form textarea { width: 475px; height: 55px; }
			#group #home .comments form .button { position: relative; top: -6px; }
	#group #home .recommendations { overflow: hidden; }
	#group #home .recommendations .item { width: 328px; float: left; height: 90px; position: relative; margin-top: 8px; }
		#group #home .recommendations .item .thumbnail { 
			float: left; position: relative; overflow: hidden; 
			border: 1px solid #e6e6e6; width: 88px; height: 88px; }
			#group #home .recommendations .item .thumbnail img { position: absolute; left: -26px; }
		#group #home .recommendations .item h3,
		#group #home .recommendations .item .byline,
		#group #home .recommendations .item blockquote { padding-left: 106px; overflow: visible; }
		#group #home .recommendations .item h3 { font-size: 13px; font-weight: bold; }
			#group #home .recommendations .item h3 a { color: #4d4d4d; }

#group #mail #subject { margin-bottom: 16px; width: 250px; }
#group #mail #messageBody { width: 250px; height: 6em;}
	#group #mail #receiverSelection { height: 100px; overflow: auto; display: block; margin: 8px 0 0 20px; }

#group #comments ul { background: none; border: none; }

#bonus {}
	#bonus .history { width: 100%; }
	#bonus .history th { padding: 4px 8px; }
	#bonus .history td { padding: 4px 8px; font-weight: bold; border-top: 1px solid #d6d6d6; }
		#bonus .history .description { text-align: right; }
		#bonus .history .credit, #bonus .history .debit { text-align: center; }

#orders {}
	#orders .contentBox .boxed p { border-bottom: 2px solid #d6d6d6; padding: 16px; }
	#orders .contentBox table { width: 100%; }
		#orders .contentBox thead th { padding: 4px 8px; }
		#orders .contentBox tbody td { border-top: 1px solid #d6d6d6; padding: 4px 8px; font-weight: bold; }
		#orders .contentBox .orderNumber { width: 30%; text-align: right; }
		#orders .contentBox .total { width: 30%; text-align: right; }
		#orders .contentBox .date, #orders .contentBox .type { width: 20%; }

#orderDetails {}
	#orderDetails .summary { margin: 0 0 8px 0; width: 100%; }
		#orderDetails .summary td { font-weight: bold; font-size: 14px; padding: 0 3px; }
		#orderDetails .summary th { font-weight: normal; font-size: 13px; padding: 0 3px; }
		#orderDetails .summary .number { width: 90px; }
		#orderDetails .summary .date { width: 80px; }
		#orderDetails .summary .total { width: 70px; }
		#orderDetails .summary .address span { white-space: pre; }
	#orderDetails .status { border: 1px solid #ccc; background: #f2f2f2 url(images/account-status-icons.png) 6px 4px no-repeat; padding: 4px 4px 4px 30px; }
		#orderDetails .status strong { font-size: 14px; }
	#orderDetails .normal, #orderDetails .bonus { margin: 16px 0 0 0; }
		#orderDetails .normal .user td, #orderDetails .normal .user th { font-weight: bold; }
		#orderDetails .normal .subtotal td, #orderDetails .normal .subtotal th { background: #fafafa; }
		#orderDetails .normal tfoot td, #orderDetails .normal tfoot th,
		#orderDetails .bonus tfoot td, #orderDetails .bonus tfoot th { 
			padding: 5px 3px; font-size: 13px; }
	#orderDetails .actions { margin: 16px 0 0 0; }
		#orderDetails .actions a { border: 1px solid #d9d9d9; background: white; padding: 3px 10px; }