/** template */

	div#content div.related-page { float: right; margin-left: 0.5em; }
	div#content div.last { margin: 0; clear: left; }
	
	div#content { overflow: visible !important; z-index: 100; }
	div#footer { position: relative; z-index: 90; }
	div#content div#main-panel { 
		background-color: #262626; height: auto !important; height: 20em;
		overflow: hidden; min-height: 20em;
		padding: 0.6em 10px 1em 10px; margin-bottom: 0.5em; 
	}
	div#content h1 { display: none; }

	div#content div#main-panel ul.colour-gateway { list-style-type: none; padding: 0; font-size: 1em; margin: 0.5em 0 0.625em 0; overflow: hidden; width: 100%; background-image: url(/release/images/shop-assets/arrow-large.gif); background-repeat: no-repeat; background-position: -150px -150px; }
	div#content div#main-panel ul.colour-gateway li { display: inline; float: left; padding: 1px; font-size: 1em; margin: 0 10px 8px 0; overflow: hidden; background-position: 0px 0px; background-repeat: no-repeat; }
	div#content div#main-panel ul.colour-gateway li p { color: #000000; margin: 0; width: 50%; padding-left: 0.7em; font-size: 0.7em; line-height: 1.2em; }
	div#content div#main-panel ul.colour-gateway li h2 { padding: 0.4em 0 0 0.49em; margin-bottom: 0em; line-height: 1.3em; text-transform: uppercase; }
	div#content div#main-panel ul.colour-gateway li.last { margin: 0; }
	div#content div#main-panel ul.colour-gateway li a { font-weight: bold; text-decoration: none; color: #000000; }
	div#content div#main-panel ul.colour-gateway li a:hover,
	div#content div#main-panel ul.colour-gateway li a:focus,
	div#content div#main-panel ul.colour-gateway li a:active
	{ text-decoration: none; }
	
	div#content div#main-panel ul.colour-gateway li { width: 442px; height: 138px; }
	div#content div#main-panel ul.colour-gateway li.last, div#content div#main-panel ul.colour-gateway li.right { width: 440px; margin-right: 0; }
	div#content div#main-panel ul.colour-gateway li h2 { font-size: 1.125em; padding-left: 0.35em; }
	div#content div#main-panel ul.colour-gateway li.original { float: left; background-image: url(/release/images/shop-assets/colours-original.jpg); }
	div#content div#main-panel ul.colour-gateway li.fauvism { float: left; background-image: url(/release/images/shop-assets/colours-fauvism.jpg); }
	div#content div#main-panel ul.colour-gateway li.lumi { float: left; background-image: url(/release/images/shop-assets/colours-lumi.jpg); }
	div#content div#main-panel ul.colour-gateway li.additional { float: left; background-image: url(/release/images/shop-assets/colours-additional.jpg); }
	
	div#content div#main-panel ul.colour-gateway li div.details { background-repeat: no-repeat; background-position: 2% 55%; height: 100%; }
	div#content div#main-panel ul.colour-gateway li.active { border: 1px solid #FFFFFF; cursor: pointer; background-position: -1px -1px; padding: 0; }
	div#content div#main-panel ul.colour-gateway li.active div.details { background-image: url(/release/images/shop-assets/arrow-small.gif); } 
	
	div#content div#main-panel div#paint-a-room { 
		width: 260px; float: right; clear: both;
		padding-right: 181px; height: auto !important; height: 180px; min-height: 180px;
		background: no-repeat top right url(/release/images/shop-assets/paint-a-room.jpg);
	}
	 
	div#content div#main-panel div#paint-a-room h2 a { font-size: 1em; text-transform: uppercase; color: #a6a6a6; text-decoration: none; } 
	div#content div#main-panel div#paint-a-room h2 a:hover,
	div#content div#main-panel div#paint-a-room h2 a:focus,
	div#content div#main-panel div#paint-a-room h2 a:active
	{ text-decoration: underline; } 
	div#content div#main-panel div#paint-a-room p { font-size: 0.75em; line-height: 1.3em; color: #a6a6a6; }