@import "./brandbox.css";

#page { background: #FFF; }
.product { width: 180px; height: 180px; float: left; margin: 20px 20px 0 0; color: #000; font-size: 10pt; text-align: center; border: 1px dotted #CCC; overflow: hidden; }
.product a { color: #000; display: block; font-size: 9pt; margin: 0 auto; width: 120px; }
.product a:hover { color: #7BAFDF; }

.left { float: left; width: 700px; }
.right { float: right; width: 220px; }

table.nav { margin: 10px auto; border-spacing: 2px; }
table.nav td, table.nav th { color: #7BAFDF; font-size: 10pt; }
table.nav td.current { border: 1px solid #7BAFDF; padding: 0 6px; height: 18px; line-height: 18px; }
table.nav td a { border: 1px solid #7BAFDF; background: #7BAFDF; display: block; padding: 0 6px; height: 100%; line-height: 18px; color: #333; }
table.nav td a:hover { border: 1px solid #333; }

div.pagenav { text-align: center; font-size: 10pt; }
div.pagenav span.currentpage { padding: 2px 4px; line-height: 18px; border: 1px solid #333; }
div.pagenav a { padding: 2px 4px; line-height: 18px; border: 1px solid #7BAFDF; background: #7BAFDF; color: #333; }
div.pagenav a:hover { border: 1px solid #333; color: #fff; }

/* Changes as per MNW's request */
.product { border: none; }

div.brandstop { margin: 91px 0 0 0; }
div.nonav { margin: 39px 0 0 0; }