#body div.body div.upper {
	margin: 10px 20px 0px 135px;
}
/* Generic product stuff: */
div.product {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #be9a5d;
	font-size: 11px;
}
div.product a {
	text-decoration: none;
	color: #be9a5d;
}

div.product div.details {
	float: left;
}
div.product div.basket {
	float: left;
	width: 54px;
	margin-top: 4px;
}
div.product div.basket img.magnifying-glass {
	/* Just nudge the small magnifying glass into position */
	/* NOTE: I don't think this is needed any more */
	margin: 0px 4px 0px 0px;	
}

div.product div.label {
	float: left;
	font-weight: bold;
	padding-left: 6px;
}
div.product div.label_product_name {
	width: 50px; 
}
div.product div.label_product_code {
	width: 66px; 
}
div.product div.label_price {
	width: 34px; 
}

div.product div.new_text_product_name {
	margin-left: 6px;
}
div.product div.new_text_price {
	margin-left: 6px;
	font-weight: bold;
}


div.product div.text {
	float: left;
	padding-right: 6px;
}
div.product div.details p {
	clear: left;
	margin: 0px 0px 0px 6px;
	padding-top: 10px;
}
div.product div.details p a {
	color: #be9a5d;
	text-decoration: none;
}

/* Intro: */

#body div.body div.upper div.intro {
	font-family: Arial, Helvetica, sans-serif;
	color: #be9a5d;
	margin-bottom: 20px;
}
#body div.body div.upper div.intro div.image {
	float: left;
	margin-right: 20px;
	width: 90px;
	height: 70px;
	background: #fff url(../img/frames/thumb_correct_ratio.jpg) no-repeat;
	padding: 10px 0px 0px 10px;	
}
#body div.body div.upper div.intro div.copy {
	float: left;
	width: 570px;
}
#body div.body div.upper div.intro div.copy h1 {
	font-size: 16px;
	margin: 0.5em 0px 0.5em 0px;
}
#body div.body div.upper div.intro div.copy p {
	font-size: 12px;
	margin: 0.5em 0px 0.5em 0px;
}

/* Five or six products: we used to have different styles for different numbers of products per page, but we now only use this style block to display 6 products */
div.product {
	width: 180px;
	margin: 0px 15px 25px 0px;
}

div.product div.frame {
	width: 162px;
	height: 138px;
	height: 125px;
	background: #fff url(../img/frames/six_products_correct_ratio.jpg) no-repeat;
	padding: 17px 0px 0px 18px;
}
div.product div.details {
	width: 126px; /* This is the width of div.product, -54 for div.basket */
}
div.product div.text_product_name {
	width: 118px; /* This is the width of div.product, -12 for this.padding and -50 for the div.label.product_name */
}
div.product div.text_product_code {
	width: 48px;  /* This is the width of div.details, -12 for this.padding and -66 for the div.label.product_code */
}
div.product div.text_price {
	width: 80px;  /* This is the width of div.details, -12 for this.padding and -34 for the div.label.price */
}

/* Add the Previous/Next/Back buttons */

div.previous, div.next, div.back {
	height: 35px;
	position: absolute;
	margin-top: 150px;
}
div.previous {
	margin-left: -70px;
}
div.next {
	margin-left: 575px;
}
div.back {
	margin-left: -42px;
}

/* Style the products div: */
div.products {
	float: left;
	width: 595px;
	width:  605px;
}