BODY
{	overflow: auto;
	background: #b6b6b6; }

#door-wall
{	position: absolute; top: 0; left: 0; width: 100%; height: 628px;
	background: #888888; }
#door-floor
{	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background: url(/door-config/img/bg-floor.png) repeat-x bottom; }

#door-conf
{	position: absolute; top: 0; left: 0; width: 480px;
	/*background: #e5e5e5;*/ }
#door-conf .ac
{	position: relative; width: 100%; }
#door-conf .ac:after
{	content: ''; display: block; clear: both; }
#door-conf .acl
{	position: relative; top: 30px; right: 50%; float: right; }
#door-conf .acr
{	position: relative; right: -50%; z-index: 1; }

#door-conf .size-n, #door-conf .size-n IMG
{	width: 224px; height: 408px; }
#door-conf .size-l, #door-conf .size-l IMG
{	width: 344px; height: 408px; }
#door-conf .size-xl, #door-conf .size-xl IMG
{	width: 400px; height: 408px; }

#dcfg-hinge, #dcfg-handle, #dcfg-model, #dcfg-filling, #dcfg-filling IMG
{	position: absolute; top: 0; left: 0; }
#dcfg-filling IMG
{	visibility: hidden; }

#door-attr
{	position: absolute; top: 0; left: 480px; width: 436px; padding-top: 10px; }
#door-attr H3
{	margin: 4pt 0 2pt 0;
	color: #ffffff; font: normal 100% serif; }
#door-attr H3:first-child
{	margin-top: 0; }
#door-attr H3 SPAN
{	font-style: italic; }
#door-attr .box
{	height: 58px; }

.box
{	position: relative; overflow: hidden; }
.box .cn
{	position: absolute;
	background: #838383 url(/door-config/img/bg-box.png); font-size: 0; }
.box .cn.tl
{	left: 0; top: 0; width: 100%; height: 100%;
	background-position: -2px -2px; }
.box .cn.r
{	left: -2px; top: 0; width: 2px; height: 100%; margin-left: 100%;
	background-position: 0 -2px; }
.box .cn.b
{	left: 0; bottom: 0; width: 100%; height: 2px;
	background-position: -2px 0; }
.box .cn.br
{	left: -2px; bottom: 0; width: 2px; height: 2px; margin-left: 100%; }

.box .content
/*{	position: absolute; left: 0; top: 0; bottom: 0; right: 0;*/
{	position: relative; width: 100%; height: 100%; padding: 2px;
	font-size: 0; }
.box .content IMG
{	width: 50px; height: 50px; margin: 2px; }
.box .content IMG.hover
{	margin: 0;
	border: 2px solid #00bfff /*DeepSkyBlue*/; }
.box .content IMG.chosen
{	margin: 0;
	border: 2px solid #ffd700 /*Gold*/; }

#door-inquiry, #door-inquiry-off
{	margin-top: 14pt; }
#door-inquiry TR
{	vertical-align: top; }
#door-inquiry LABEL
{	display: block; margin: .2em .2em 0 0;
	text-align: right; }
#door-inquiry .in
{	margin: 1px 0; padding: 0 .2em;
	font: normal 1em serif; }
#door-inquiry .bt
{	margin: 5px 0;
	font: normal 1em serif; }

#door-inquiry-off {display: none;}

#modal-bg
{	display: none; overflow: hidden; z-index: 98;
	position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: .5em;
	background: #333333; color: #ffffff; }
#progress
{	display: none; overflow: hidden; z-index: 99;
	position: absolute; top: 0; left: 0; width: 100%; height: 6px;
	background: url(/door-config/img/progress.gif);}
#copyright
{	position: absolute; bottom: 0; left: 0; margin: 0 0 1em 30px;
	font: normal 10pt sans-serif; color: #2f4f4f; }
#copyright a
{	color: #00c; }