* {
	margin: 0;
	padding: 0;
}

body {
	font: 18px Verdana;
	/*color: #FFF;*/
}
#picbox {
	margin: -15px 5px;
	width: 300px;
}
#boxcard {
	z-index: 1;
	margin: -5px 0 0;
}
#boxcard div {
	/*float: left;
	 width: 40px;
	 height: 40px;
	 margin: 5px;
	 padding: 5px;
	 border: 4px solid #c00011;
	 cursor: pointer;
	 border-radius: 10px;
	 box-shadow: 0 1px 5px rgba(0,0,0,.5);
	 background: #B1B1B1;
	 z-index: 2;*/
	float: left;
	width: 45px;
	height: 45px;
	margin: 5px;
	padding: 5px;
	border: 4px solid #c00011;
	cursor: pointer;
	border-radius: 10px;
	box-shadow: 0 1px 5px rgba(0,0,0,.5);
	background: #B1B1B1;
	z-index: 2;
}
#boxcard div img {
	display: none;
	border-radius: 10px;
	z-index: 3;
	margin: -7px;
	height: 60px;
	width: 60px;
}

#boxbuttons {
	/*text-align: center;
	 margin: 15px;
	 margin-left: 0px;
	 display: block;*/
	text-align: center;
	margin: 15px;
	margin-left: 0px;
	display: block;
	margin-top: 5px
}

#boxbuttons .button {
	text-transform: uppercase;
	background: #c00011;
	padding: 5px 10px;
	margin: 5px;
	border-radius: 10px;
	cursor: pointer;
}
#boxbuttons .button:hover {
	background: #999;
}

@media screen and (max-width: 320px) {
	#boxcard div {
		float: left;
		width: 15px;
		height: 15px;
		margin: 5px;
		padding: 9px;
		border: 4px solid #c00011;
		cursor: pointer;
		border-radius: 10px;
		box-shadow: 0 1px 5px rgba(0,0,0,.5);
		background: #B1B1B1;
		z-index: 2;
	}

	.banner {
		top: 0px;
	}

	.max {
		top: 0px;
	}

	#picbox {
		margin: 17px 35px;
	}

	#boxbuttons {
		margin: 10px;
		margin: 10px;
		margin-left: -35px;
	}

	#boxcard {
		width: 253px;
		margin-left: 25px;
	}

	#boxcard div img {
		display: none;
		border-radius: 10px;
		z-index: 3;
		margin: -8px;
		width: 32px;
		height: 32px;
	}
}