/*
	--------------------------
	Product Styles
	--------------------------
*/

div#productsouter   { position: relative; width: 830px; float: left; overflow: hidden; }

a.nextprev { padding: 0px; display: block; float: left; text-decoration: none; margin-top: 12em; color: #ccc; }
a.nextprev:hover    { color: #000; }

div.productlist ul  { list-style-type: none; margin: 0px; padding: 0px; }
div.productlist ul li  { width: 165px; float: left; margin: 20px; }
div.productlist ul li div.imageholder { width: 122px; height: 122px; }
/*div.productlist ul li img { width: 100%; max-height: 165px; }*/
div.productlist ul li img { max-width: 100%; max-height: 100%; }
div.productlist ul li img.noimage   { width: 122px; }
div.productlist ul li div.imgholder { position: relative; height: 165px; }
div.productlist ul li img.discount   { width: auto; position: absolute; top: 0px; right: 0px; }
div.productlist ul li.noright  { margin-right: 0px; }
div.productlist ul li ul li  { height: 210px; }
div.productlist span.was { text-decoration: line-through; }

div.productlist ul#scroller li.nomarg  { margin: 0px; padding: 0px; }

div.productimage { width: 26em; float: left; Padding: 0em; margin-right: 0.5em; text-align: left; position: relative; }
div.productimage img { max-width: 26em; max-height: 26em; }

div.productimage img.discount { position: absolute; top: 0px; right: 1em; }

div.productimage ul { list-style-type: none; margin: 0px; padding: 0px; }
div.productimage ul li  { float: left; margin: 0.25em; }
div.productimage ul li img { max-width: 7em; max-height: 7em; }

div#productdetails { width: 29.5em; float: right; font-size: 1em; }
div#productdetails span.was { text-decoration: line-through; }
div#productdetails ul.colours   { list-style-type: none; padding: 0px; margin: 0px; }
div#productdetails ul.colours li   { float: left; text-align: center; margin-right: 1em; }

div.related   { clear: both; margin-top: 1em; float: left; width: 100%; }
div.related h2  { border-bottom: solid 1px #d9d9d9; padding: 0px 0px 0.75em 0px; }
div.related ul  { list-style-type: none; margin: 0px; padding: 0px; }
div.related ul li  { width: 165px; float: left; margin: 20px; }
div.related ul li div.imgholder { width: 122px; height: 122px; margin: auto; }
div.related ul li img { max-width: 100%; max-height: 100%; }
div.related ul li img.noimage   { width: 122px; }

div.paging  { width: 100%; }
div.paging div    { float: left; }
div.paging div.pages    { float: right; }
div.paging div.pages ul    { list-style-type: none; margin: 0px; padding: 0px; }
div.paging div.pages ul li  { display: inline; }
div.paging div.pages ul li a  { padding: 0px 0.5em; text-decoration: none; }
div.paging div.pages ul li:hover a  { text-decoration: underline; }
div.paging div.pages ul li a:active  { color: #999; }
div.paging div.pages ul li:hover a:active  { text-decoration: none; }