/* this is an example CSS file for the shop, which uses the default templates. 
You can use the CSS as is, or copy the rules into your own stylesheet and modify them, or completely ignore this.
*/

/* main structural elements
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #333;
	font: 0.688em/1.3 Helvetica, Arial, sans-serif;
}*/


#wrapper {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	position: relative;
}

#content {
	float: right;
	width: 790px;
	padding: 8px;
	border-radius: 6px;
		-moz-box-shadow:4px 4px 13px #bbbbbb;
	-webkit-box-shadow:4px 4px 13px #bbbbbb;
	box-shadow:4px 4px 13px #bbbbbb;
	background-color: #d8decd;
}



/*#header {
	position: relative;
	width: 780px;
}

#header h1 {
	font-size: 136.4%;
	font-weight: normal;
	margin: 0;
	padding: 1em 0 5px 0;
	border-bottom: 1px solid #cfcfcf;
}

#header .viewcart {
	position: absolute;
	bottom: 5px;
	right: 0;
}*/

 .productlist {
	width: 150px;
	height: 125px;
	background-color: #fff;
	/*background-color: #eae6da;*/
	border: 1px solid #444f43; /*was ddd*/
	text-align:center;
	/*margin-right: 15px;*/
	margin: 10px;
	padding: 5px;
	/* try this to align divs 
	display: inline-block; 
    vertical-align: top;	
    float: none; */
	float: left;
	border-radius: 6px;	
	-moz-box-shadow:4px 4px 13px #bbbbbb;
	-webkit-box-shadow:4px 4px 13px #bbbbbb;
	box-shadow:4px 4px 13px #bbbbbb;
}
.content .productlist h2 {

	text-align:center;

}

.content .productlisting {
	margin: 10px 0 0 0;
	/*padding: 0 0 1em 0;*/
	list-style: none;
	display: inline-block;
	text-indent: 0;
}

.content .productlisting li {
	/*padding: 0 3em 2em 0;*/
	display: inline;
 list-style-type: none;
 text-indent: 0;

}

.content .productlisting h2 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0.7em 0;
}

.details {
	padding: 0 0 1em 0;
}

form {
	background-color: #cfcfcf;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}

label {
	float: left;
	width: 100px;
}

.buttons {
	padding: 5px 0 0 0;
	margin: 5px 0 0 0;
	border-top: 1px solid #fcfcfc;
}
.paging {
	
	margin: 30px 0 0 30px;
	
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    /*height:0;
    font-size: 0px;
    line-height: 0px;*/
}
.solddiv {
margin-top: -25px;


}
.solddiv p {

text-align:center;
color:#FF0000;
font-weight:bold;
font-size: 1.2em;
text-transform:uppercase;
}
.sold {
color:#FF0000;
font-size: 1.2em;
text-transform:uppercase;
font-weight:bold;
}
.smalltext {
	font-size: 0.9em;
	margin-top: 40px;
	 

}