/* layout */
#colourcolleft { float:left; width:315px; height:261px; overflow:hidden; margin:20px 30px 0 0; }
#colourcolcenter { float:left; width:278px; text-align: left;}
#colourcolright { float:right; width:315px; height:281px; overflow:hidden; }
#content h1 { color:#444444; }
#content h1 .colourtitlebox { width:28px; height:28px; float:left; margin:1px 7px 0 0; overflow:hidden; }
#content p.buttonaddtopalette { margin:4px 0 0; clear:both; }
#content p.buttonaddtopalette a { background:url(/images/button-addtomypalette.png) top; display:block; width:142px; height:25px; overflow:hidden; text-indent:-5000px; }
#content p.buttonaddtopalette a:hover { background:url(/images/button-addtomypalette.png) bottom; }
#content p.nomarginbottom { margin-bottom:0; }
#content ul.colourlist { list-style:none; margin:0; font-size:24px; line-height:24px; font-family:"myriad-pro-condensed", "Arial Narrow", Arial, Helvetica, sans-serif; }
#content ul.colourlist li { list-style-type:none; list-style-image:none; margin:0; padding:0; }
#content ul.colourlist li .colourlistbox { width:17px; height:17px; float:left; margin:4px 4px 0 0; overflow:hidden; }

/* colourselector */
#colourselector { margin:2px 0 0; width:968px; height:318px; overflow:hidden; background:url(/images/box-colourselector-base.png) bottom no-repeat; margin-left:9px; }
#colourselector .colourselectorcontainer { width:956px; height:240px; padding:0 10px 0 0; overflow:hidden; border-left:2px solid #7156a4; background:#eeeeee url(/images/imagebox-right.png) top right repeat-y; }
#colourselector .colourselectorbase { width:968px; height:78px; overflow:hidden; background:url(/images/box-colourselector-base.png) bottom no-repeat; }
#colourselector  p.colourinstructions { display:block; width:200px; height:50px; float:left; line-height:18px; font-size:14px; color:#ffffff; padding:5px 0 0 20px; }

/* colourimage */
#colourcolleft .colourimage { width:315px; height:261px; margin:0; overflow:hidden; }
#colourcolleft .colourimageoverlay { background:url(/images/box-image.png) top left no-repeat; width:315px; height:261px; }

/* relatedrows */
#relatedshadow { background:url(/images/box-relatedproducts-base.png) top center; width:920px; margin:0 20px 10px; height:26px; overflow:hidden; }

#relatedrow { margin:30px 0 0; width:960px; height:185px; overflow:hidden; }
#relatedrow .listorder { height:24px; width:918px; clear:both; overflow:hidden; padding:1px 0 0 21px; }
#relatedrow .listorder h2 { margin:0; line-height:24px; font-size:24px; color:#444444; display:block; float:left; height:25px; width:400px; }
#relatedrow .listorder p.ordertext { margin:0; display:block; float:right; height:21px; width:100px; text-align:right; font-size:12px; line-height:20px; padding:3px 3px 0 0; }
#relatedrow .listorder p.listorderbutton { margin:0; }
#relatedrow .listorder p.listorderbutton a { font-size:12px; line-height:20px; margin:3px 0 0 2px; text-decoration:none; color:#222222; float:right; display:block; background:url(/images/button-toggleprice.png) top; width:102px; height:21px; text-align:center; }
#relatedrow .listorder p.listorderbutton a:hover { background:url(/images/button-toggleprice.png) bottom; }
#relatedrowbox { position:relative; width:960px; height:160px; overflow:hidden; }
#relatedrowbox .relatedrowbox { margin:0 19px; width:912px; border:2px solid #cccccc; padding:4px 3px; height:148px; background:url(/images/box-relatedproductsbig-bg.png) repeat-x; }
#relatedrowbox .relatedproduct { width:146px; height:146px; overflow:hidden; border:1px dotted #000000; margin:0 17px; float:left; text-align: center; vertical-align: middle; background: #fff;}
#relatedrowbox .relatedproduct:hover { border:1px solid #7156a4; }
#relatednavleft { position:absolute; left:0; top:50px; width:35px; height:60px; overflow:hidden; }
#relatednavleft a { text-indent:-5000px; display:block; width:35px; height:60px; overflow:hidden; background:url(/images/box-relatedproducts-arrow-left.png) top; }
#relatednavleft a:hover { background:url(/images/box-relatedproducts-arrow-left.png) bottom; }
#relatednavright { position:absolute; right:0; top:50px; width:35px; height:60px; overflow:hidden; }
#relatednavright a { text-indent:-5000px; display:block; width:35px; height:60px; overflow:hidden; background:url(/images/box-relatedproducts-arrow-right.png) top; }
#relatednavright a:hover { background:url(/images/box-relatedproducts-arrow-right.png) bottom; }

#relatedrowmulti { width:960px; height:141px; overflow:hidden; }
#relatedrowmulti .listorder { height:21px; width:918px; clear:both; overflow:hidden; padding:0 0 0 21px; }
#relatedrowmulti .listorder h3 { margin:0; line-height:18px; font-size:18px; color:#444444; display:block; float:left; height:21px; width:400px; padding-top:2px; }
#relatedrowmulti .listorder p.ordertext { margin:0; display:block; float:right; height:21px; width:100px; text-align:right; font-size:12px; line-height:20px; padding:0 3px 0 0; }
#relatedrowmulti .listorder p.listorderbutton { margin:0; }
#relatedrowmulti .listorder p.listorderbutton a { font-size:12px; line-height:20px; margin:0 0 0 2px; text-decoration:none; color:#222222; float:right; display:block; background:url(/images/button-toggleprice.png) top; width:102px; height:21px; text-align:center; }
#relatedrowmulti .listorder p.listorderbutton a:hover { background:url(/images/button-toggleprice.png) bottom; }
#relatedrowmultibox { position:relative; width:960px; height:120px; overflow:hidden; }
#relatedrowmultibox .relatedrowmultibox { margin:0 19px; width:898px; border:2px solid #cccccc; padding:4px 10px; height:108px; background:url(/images/box-relatedproductssmall-bg.png) repeat-x; }
#relatedrowmultibox .relatedproduct { width:106px; height:106px; overflow:hidden; border:1px dotted #000000; margin:0 10px; float:left; }
#relatedrowmultibox .relatedproduct:hover { border:1px solid #7156a4; }
#relatedmultinavleft { position:absolute; left:0; top:30px; width:35px; height:60px; overflow:hidden; }
#relatedmultinavleft a { text-indent:-5000px; display:block; width:35px; height:60px; overflow:hidden; background:url(/images/box-relatedproducts-arrow-left.png) top; }
#relatedmultinavleft a:hover { background:url(/images/box-relatedproducts-arrow-left.png) bottom; }
#relatedmultinavright { position:absolute; right:0; top:30px; width:35px; height:60px; overflow:hidden; }
#relatedmultinavright a { text-indent:-5000px; display:block; width:35px; height:60px; overflow:hidden; background:url(/images/box-relatedproducts-arrow-right.png) top; }
#relatedmultinavright a:hover { background:url(/images/box-relatedproducts-arrow-right.png) bottom; }