#CollectionBox {
position: relative;
height: 440px;
margin-bottom: 0;
}

#Prod1 {
position: absolute;
width: 290px;
height: 290px;
top: 0;
left: 0;
}

#Prod2 {
position: absolute;
width: 140px;
height: 140px;
top: 0;
left: 300px;
}

#Prod3 {
position: absolute;
width: 140px;
height: 140px;
top: 0;
left: 450px;
}

#Prod4 {
position: absolute;
width: 140px;
height: 140px;
top: 0;
left: 600px;
}

#Prod5 {
position: absolute;
width: 140px;
height: 140px;
top: 300px;
left: 0px;
}

#Prod6 {
position: absolute;
width: 140px;
height: 140px;
top: 300px;
left: 150px;
}

#Prod7 {
position: absolute;
width: 140px;
height: 140px;
top: 300px;
left: 300px;
}

#Prod8 {
position: absolute;
width: 290px;
height: 290px;
top: 150px;
left: 450px;
}

#ProdSpacer {
position: absolute;
width: 140px;
height: 140px;
top: 150px;
left: 300px;
}

.HoverBox {
position: absolute;
width: 150px;
background-color: #ffefef;
border: 1px solid #6b1815;
padding: 4px;
color: #2b0102;
display: none;
}

.HoverBox p {
margin-top: 0;
}

/* Absolute Positions of hover boxes */

#HoverBox1 {
top: 0px;
left: 290px;
}

#HoverBox2 {
top: 0px;
left: 140px;
}

#HoverBox3 {
top: 0px;
left: 290px;
}

#HoverBox4 {
top: 0px;
left: 440px;
}

#HoverBox5 {
top: 300px;
left: 140px;
}

#HoverBox6 {
top: 300px;
left: 290px;
}

#HoverBox7 {
top: 300px;
left: 440px;
}

#HoverBox8 {
top: 150px;
left: 290px;
}

#Filters {
margin-bottom: 1em;
}

#Filters select {
width: 100px;
margin-right: 5px;
border: 1px solid #7f231c;
background-color: #4d0404;
color: #c27d7d;
font-size: 0.9em;
}

#FilterSubmit {
margin-left: 5px;
}

#SortLinks {
float: left;
color: #9d2a24;
}

#SortLinks a {
color: #9d2a24;
text-decoration: none;
}

#SortLinks a:hover {
text-decoration: underline;
}

#SortLinks a.Selected {
color: #fff;
}

.PageList {
float: right;
text-align: right;
color: #9d2a24;
}

.PageList a {
color: #9d2a24;
text-decoration: none;
}

.PageList a:hover {
text-decoration: underline;
}

.PageList a.Selected {
color: #fff;
}