/* CSS Document */
/*
COLOURS:

BLUE		: 47C7F4
GREY-light	: A2AAB7
GREY-dark	: 455560
Main text	: 999999

*/

div.pop-close-button{
	position: absolute; 
	top: 0px; 
	right: 0px;
	z-index: auto;
}

div#frames-holder{
	width: 600px;
	height: 295px;
	float: left;
	border: 0px solid #333;
	/*background-image:url(../images/backgrounds/doordesigner-bg.png);*/
	background-repeat: repeat-x;
}

div.frameSelector-selected{
	/*width: 120px;*/
	height: 3px;
	/*background-color: #00FF00;*/
	background-color: #47C7F4;
	font-weight: bold;
	font-variant:small-caps;
	float: left;
	border: 0px 1px 0px 1px;
	border-color: solid #CCCC;
}
div.frameSelector{
	/*width: 120px;*/
	height: 3px;
	background-color: #FFF;
	font-weight: bold;
	font-variant:small-caps;
	float: left;
}

div#frames-swatch-wrapper{
	width: 300px;
	height: 125px;
	float: left;
	border: 0px solid #333;
}

div#frames-swatch-wrapper a{
	font-size: 10px;
	text-decoration: none;
}

div#colour-swatch-wrapper{
	width: 90%;
	height: 125px;
	float: left;
	border: 0px solid #333;
}
div.swatchHolder{
	width: 50px;
	height: 125px;
	float: left;
	padding-right: 5px;
	border: 0px solid #333;
	font-size: 10px;
}

div.colourSwatchHolder{
	width: 50px;
	height: 125px;
	float: left;
	padding-right: 5px;
	border: 0px solid #333;
	cursor: pointer;
	font-size: 10px;
	color: #666;
}

div.colourSwatchHolder-adv{
	width: 50px;
	height: 70px;
	float: left;
	padding-right: 5px;
	border: 0px solid #333;
	cursor: pointer;
	font-size: 10px;
}

div#frames-holder-style-1{
	width: 480px;
	height: 285px;
	float: left;
	border: 0px solid #333;
	/*background-image:url(../images/backgrounds/doordesigner-bg.png);*/
	/*background-image: url(../images/backgrounds/minimalist_doors_bg.jpg);*/
	background-image: url(../images/backgrounds/single-panel-configurator.jpg);
	background-repeat: repeat-x;
}

div#frame-control-panel{
	width: 220px;
	height: 265px;
	float: right;
	border: 1px solid #FFFFFF;
	padding: 10px;
	background-color: #47C7F4;
	color: #FFFFFF;
	font-family: arial;
}

div#frame-control-panel.domalti{border: 1px solid #000; font-size: 11px; background-color: #FFF; color: #000; font-family: "Times New Roman", Times, serif;}
div#frame-control-panel.ispace{border: 1px solid #000; font-size: 11px; background-color: #FFF; color: #000;}
div#frame-control-panel.basix{border: 1px solid #000; font-size: 11px; background-color: #FFF; color: #000;}
div#frame-control-panel.spacepro{border: 1px solid #000; font-size: 11px; background-color: #FFF; color: #000;}

div.configurator-door{
	/*background-image: url(../images/backgrounds/minimalist_doors_bg.jpg);*/
	/*background-image: url(../images/backgrounds/blank_configurator_door.jpg);*/
	background-image: url(../images/backgrounds/single-panel-configurator.jpg);
	/*width: 120px;*/
	height: 285px;
	float: left;
	border: 1px solid #CCCCCC;
	cursor: pointer;
}



.frame-style-1{width: 164px; height: 285px;float: left; text-align: center;}
.frame-style-2{width: 164px; height: 285px; float: left; text-align: center;}
.frame-style-3{width: 120px; height: 285px; float: left; text-align: center;}
.frame-style-2plus1-centre{width: 164px; height: 285px; float: left; text-align: center;}

.full-panel{width: 164px; height: 285px; float: left; padding: 0px; margin: 0px; background-color:transparent; overflow: hidden; border-color:#333;border-style: solid; border-width: 0px 1px 1px 0px;}
.half-panel{width: 164px; height: 142px; float: left; padding: 0px; margin: 0px; background-color:transparent; overflow: hidden; border-color:#333;border-style: solid; border-width: 0px 1px 1px 0px;}
.third-panel{width: 120px; height: 94px; float: left; padding: 0px; margin: 0px; background-colortransparent; overflow: hidden; border-color:#333;border-style: solid; border-width: 0px 0px 0px 0px;}
.centre-panel{width: 164px; height: 85px; float: left; padding: 0px; margin: 0px; background-color:transparent; overflow: hidden; border-color:#333;border-style: solid; border-width: 0px 1px 1px 0px;}
.half-panel-squat{width: 164px; height: 99px; float: left; padding: 0px; margin: 0px; background-color: transparent; overflow: hidden; border-color:#333;border-style: solid; border-width: 0px 1px 1px 0px;}


/*INTERIORS*/
div.interior-item-holder{
	width: 315px;
	height: 315px;
	margin: 0px 20px 20px 0px;
	float: left;
}