*{
	box-sizing: border-box;
	margin:0;
	padding:0;
	font-size:100%;
	font-family: Verdana, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Time, serif;
}

header, main, footer, article, fieldset, legend, textarea {
	display:block;
}

label, input, select {
	display: block;
	height:24px;
	line-height:24px;
	margin-bottom: 8px;
}

header{
	margin-bottom:8px;
}

#logo{
	width:95px;
	height:69px;
	background-image:url(logo.jpg);
	float:left;
	margin-left:48px;
}

header:after{
	content:".";
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}

h1{
	color: hsl(148, 86%, 35%);
	font-size:24px;
	padding-top:18px;
	padding-left:108px;
}

#wrapper {
	width:550px;
	margin:20px auto;
}

h2{
	color:hsl(148, 86%, 35%);
	font-size:20px;
	margin-left:36px;
	margin-bottom:16px;
}

#accInfo .note, #shipInfo .note, #cookies .note{
	display:none;
	font-size:12px;
	font-style:italic;;
	color:red;
	margin:5px auto;
	padding: 0 66px;
}

#cookies p {
	font-size:12px;
	font-style:italic;;
	color:blue;
	margin:5px auto;
	padding:0 66px;
}


/* form */
fieldset {
	position: relative;
	padding-top:50px;
	padding-bottom:10px;
	margin-bottom: 20px;
	border: 2px solid hsl(148, 86%, 35%);
	box-shadow: 5px 5px 5px hsl(148, 86%, 30%);
	border-radius: 10px;
	background-color:hsl(42, 100%, 88%);
}

legend {
	position:absolute;
	top:16px;
	left:20px;
	font-weight:bold;
}

textarea {
	width:450px;
	margin:0 auto;
	padding:10px;
	height:160px;
	border-radius:10px;
}
/* account information & shipping informaion fieldset */

#accInfo > label, #accInfo > input, #accInfo > select,
#shipInfo > label, #shipInfo > input, #shipInfo > select {
	display: inline-block;
}

#accInfo > label, #shipInfo > label {
	width:100px;
	text-align:right;
}

#accInfo label:nth-of-type(5), #shipInfo label:nth-of-type(3) {
	width:70px;
}

#accInfo label:nth-of-type(6), #shipInfo label:nth-of-type(4) {
	width:58px;
}

#accInfo label:nth-of-type(n+7) {
	width:inherit;
}

#firstName, #lastName {
	width:150px;
}

#address, #addressShip {
	width:411px;
}

#city, #cityShip {
	width:150px;
}

#zip, #zipShip {
	width:58px;
}

#sameAsShip {
	margin-left:20px;
}

/* cookies information fieldset */
#cookies label:nth-of-type(n){
	float:left;
	width:320px;
	text-align: right;
	margin-right:20px;
}

#cookies input:nth-of-type(n){
	width:auto;
	text-align: center;
}

/* submit button */
#submit {
	width:100px;
	height:30px;
	margin: 20px auto 5px;
	border-radius:10px;
	font-weight:bold;
	background-color: hsl(120, 86%, 60%);
}

/* footer */
footer p{
	font-size: 12px;
	font-style: italic;
	margin-left:138px;
}