body#product-view div.view-in-room,
body#product-view div.view-in-room div.title {
	width: 63.8em;
}

body#product-view div.view-in-room h2 {
	margin-bottom: 0;
}

body#product-view div.view-in-room div.inner {
	position:relative;
	width: 61.8em;
	height: 46.8em;
}

div.view-in-room #view-container div.image {
	position: relative;
	width: 33.1em; 
	height: 40.8em;
	margin: 3.5em 0 0 1.4em;
	border: 0.1em solid #959698;
	overflow: hidden;
}

#dialog #view-container div#image-holder {
	position: absolute;
	left: 0;
	top: 0;
	width: 65%;
	height: 90%;
}

#dialog #view-container img.background-colour {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 33.1em;
	z-index: 1;	
}

#dialog #view-container img.background-room {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;	
}

#dialog #view-container img.prod-image {
	position: relative;	
	z-index: 10;
}

#dialog #view-container div.option {
	position: absolute;
	right: 0;
	top: 0;
	width: 25.2em;
	height: 40.8em;
	margin: 4em 0 0 1.3em;
}

#dialog div.option p{
	margin: 0;
	width: 23.6em;	
	font-size: 1em;
}

#dialog #view-container div.roomsets {
	width: 23.6em; 
	height: 9.3em;
	margin-top: 1.3em;
	border: 0.1em solid #959698;
}

#dialog #view-container div.roomsets h3  {
	margin: 0.6em;
}

#dialog #view-container div.my-rooms h3{
	width: auto;
}

#dialog #view-container div.my-rooms {
	width: 22.4em; 
	height: 4.3em;
	margin-top: 1.3em;
	padding: 0.6em;
	border: 0.1em solid #959698;
}

#dialog #view-container div.my-rooms h3.addToProject {
	displaY: none;
}

#dialog #view-container div.my-rooms select {
	position: relative;
	right: 0;
	top: 0;
	width: 15em;
}

#dialog #view-container div.my-wall {
	width: 22.4em; 
	height: 15.8em;
	margin-top: 1.3em;
	padding: 0.6em;
	border: 0.1em solid #959698;
}

#dialog #view-container ul.product-list {
	height: 14em;
	margin-left: 0.6em;
	overflow: auto;	
}

#dialog #view-container ul.product-list li {
	display: inline;
	float: left;
	width: 4.4em;
	height: 5.4em;
	margin: 1.2em 0.7em 0 0;
	border: 0.1em solid #959698;
}

/* Colour Picker */
div.background-colour {
	position: absolute;
	right: 0;
	top: 0px;
	z-index: 10001;
}

div.background-colour a.colour-picker {
	display: block;
	margin: 4px;
}

ul.colours {
	position: absolute;
	right: 4px;
	top: 25px;
	width: 84px;
	padding: 0 0 6px 6px;
	background-color: rgb(40,40,40);
	z-index: 10002;
}

ul.colours li {
	display: inline;
	float: left;
	width: 20px;
	height: 20px;
	margin: 6px 6px 0px 0px;
	border: solid 1px black;
	text-indent: -1000em;
	overflow: hidden;
	cursor: pointer;
}

ul.colours li.default {
	width: 68px;
	height: auto;
	padding: 4px;
	text-indent: 0;
	text-align: center;
	font-weight: bold;
	overflow: auto;
	background-color: rgb(40,40,40);
}

ul.colours li.yellow {
	background-color: #EBCE7E;
}

ul.colours li.terracotta {
	background-color: #D48F58;
}

ul.colours li.red {
	background-color: #B0242A;
}

ul.colours li.pink {
	background-color: #FAB0C2;
}

ul.colours li.lilac {
	background-color: #CDAFD4;
}

ul.colours li.purple {
	background-color: #95416F;
}

ul.colours li.light-blue {
	background-color: #C8E2E9;
}

ul.colours li.blue {
	background-color: #708DB9;
}

ul.colours li.navy-blue {
	background-color: #273E6F;
}

ul.colours li.pale-green {
	background-color: #C0D4A9;
}

ul.colours li.green {
	background-color: #C1AF2C;
}

ul.colours li.dark-green {
	background-color: #566423;
}

ul.colours li.white {
	background-color: #FFFFFF;
}

ul.colours li.cream {
	background-color: #ECE7D0;
}

ul.colours li.beige {
	background-color: #C6AAA0;
}

ul.colours li.stone {
	background-color: #DDCDC7;
}

ul.colours li.gray {
	background-color: #A5A396;
}

ul.colours li.mocha {
	background-color: #927365;
}

ul.colours li.chocolate {
	background-color: #493829;
}

ul.colours li.graphite {
	background-color: #392D2B;
}

ul.colours li.black {
	background-color: #000000;
	border: solid 1px white;
}