*, html {
	padding:0;
	margin:0;
}

body {
	text-align: left;
	margin-top: 4px;

	background-image: url("../images/bg.png");
	background-repeat: repeat-x;
}

#doc {
	margin: 0 auto;
	text-align:left;
}

a img {
	border: 0;
}

a.add {
	text-decoration: none;
	color: maroon;
}



.formContainer {
	padding: 4px;
	border:1px solid red;
}

#checkoutFormContainer {

}

#checkoutContent {
	text-align: left;
}

div.price {
	margin-top: 1px;
	background-image: url(../images/pricebg.png);
	background-repeat: no-repeat;
	background-position: center;
}

form {
	padding:0;
	margin: 0;
}

.product {
	width: 220px;
	border:1px solid white;
	background-color: #C3C3C3;
}
#bottom {
	border:1px solid black;
	background-color: white;
	padding:4px;
}

#cartTable {
	width: 90%;
}
#cartTable th.options, th.title {
	width: 200px;
}
#cartTable th {
	text-align: left;
}
#cartTable input.quantity {
	border: 1px inset #d3d3d3;
	width: 50px;
	padding:3px;
}

#cartTable tr th {
	font-weight: normal;
	padding: 3px;
	border-bottom: 1px solid gray;
}
#cartTable tr td {
	width: 100px;
	padding: 3px;
	border-bottom: 1px dashed silver;
}

#cartTable tr td a {
	color: #00488c;
	text-decoration: none;
}
#cardContainer td.title { width: 200px; }

#checkoutFormContainer {
	padding: 4px;
	border:1px solid black;
	background-color: white;
	margin-top: 4px;
}



/* BUTTONS */
.buttons {
	padding-left: 7px;
}
.buttons a, .buttons button{
	display:block;
	float:left;
	margin:0 7px 0 0;
	background-color:#f5f5f5;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;

	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer;
	padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
	width:auto;
	overflow:visible;
	padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
	padding:5px 10px 5px 7px; /* Firefox */
	line-height:17px; /* Safari */
}
*:first-child+html button[type]{
	padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
	margin:0 3px -3px 0 !important;
	padding:0;
	border:none;
	width:16px;
	height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
	background-color:#dff4ff;
	border:1px solid #c2e1ef;
	color:#336699;
}
.buttons a:active{
	background-color:#6299c5;
	border:1px solid #6299c5;
	color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
	color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
	background-color:#E6EFC2;
	border:1px solid #C6D880;
	color:#529214;
}
.buttons a.positive:active{
	background-color:#529214;
	border:1px solid #529214;
	color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
	color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
	background:#fbe3e4;
	border:1px solid #fbc2c4;
	color:#d12f19;
}
.buttons a.negative:active{
	background-color:#d12f19;
	border:1px solid #d12f19;
	color:#fff;
}

.simply-scroll { 
	width: 100px;
	height: 150px;
	margin-bottom: 1em;
}
.simply-scroll .simply-scroll-clip {
	width: 100px;
	height: 150px;
}


.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 100px;
	height: 150px;
}