body {
    text-align: center;
    background: #fff;
}

* {
	font-family: Helvetica, Verdana, sans-serif;
}

#wrapper {
    width: 600px;
    margin: 0px auto;
    background: #eee;
    border: 1px solid #336699;
    padding: 10px;
}

#soapphoto {
    background: url(../images/topbar.jpg);
    width: 600px;
    height: 251px;
    margin-bottom: 10px;
}

#title {
	background: url(../images/shoresoap.gif);
	height: 120px;
	margin: 0px auto;
	width: 600px;
}

#description {
    text-align: justify;
    font-style: italic;
    line-height: 1.4em;
    font-size: 15px;
    margin-bottom: 10px;
    color: #555;
}

#soap_list {
    color: #555;
}

.soap .name {
    float: left;
    color: #444;
}

.soap .price {
    float: right;
    color: green;
}

.quantity {
	color: #999;
	float: left;
	margin-left: 10px;
}

.purchase {
    float: right;
}

#error {
    color: red;
    padding: 10px 0px;
}

.desc {
	background: #fffddd;
	padding: 5px;
	font-size: 14px;
	text-align: left;
}

.content {
	overflow: hidden;
	border-bottom: 1px solid #999;
}

.toggle {
	padding: 5px;
	cursor: pointer;
	cursor: hand;
	color: #333;
	background: #fff;
	border-bottom: 1px dotted #555;
}

.toggle_active {
	background: yellow;
	cursor: pointer;
	cursor: hand;
	border-bottom: 1px solid #999;
}

ul,ol,li {
	margin: 0px;
}

a,a:visited {
	color: blue;
	text-decoration: underline;
}

a:hover, a:active {
	color: purple;
}

p {
	padding: 0px;
	margin: 0px;
}

.purchase {
    display: block;
}

.purchase select {
    width: 50px;
    border: 1px solid #777;
    margin: 0px 0px 0px 10px;
}

.checkout {
    text-align: right;
    margin-top: 5px;
}

.checkout input {
    border: 1px solid #777;
    background: #fff;
    font-size: 15px;
}

form {
    margin: 0px;
    padding: 0px;
}

.note {
    text-align: justify;
    color: #555;
}

.note .price {
    color: green;
}