ipi-jquery/public/css/styles.css

body {
	background: #f4f4f4;
	font-family: Arial, Helvetica;
}
a {
	text-decoration: none;
}
.navbar {
	background: #444;
  margin: 0 auto;
	width: 600px;
}
.navbar ul {
	margin: 20px 0 0 0;
	padding-left: 0;
}
.navbar ul li {
	display: inline-block;
	padding: 10px 0;
}
.navbar ul li a {
	color: #eee;
	background: #444;
	padding: 10px;
}
.container {
  margin: 0px auto;
	background: #fff;
	border: 1px solid #eee;
	padding: 30px;
	width: 600px;
	box-sizing: border-box;
}
.banner-container {
  margin: 0px auto;
	width: 600px;
	border: none;
}
button {
  padding: 10px;
  color: white;
  border: none;
  border-radius: 3px;
}
.blue {
  background: #24d;
}
.red {
  background: #d42;
}
input {
  border: 1px solid #ddd;
  padding: 8px;
  border-radius: 3px;
}
.product {
	width: 48%;
	margin: 1%;
	border: 1px solid #ddd;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
}
.product img {
	z-index: 5;
	max-width: 100%;
}
.product .overlay {
	position: absolute;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	color: #ccc;
	width: 100%;
	text-align: center;
	padding: 10px 0;
}
table.cart {
	border-collapse: collapse;
}
table.cart tr {
	width: 100%;
}
table.cart td.thumb img {
	max-width: 90px;
}
table.cart th,
table.cart td {
	text-align: center;
	border-bottom: 1px solid #ddd;
}