body {
	margin:0;
	padding:0;
}

.door-0 	{ background: url(/resources/images/doors/door0.jpg) 0 0 no-repeat transparent;}
.door-1 	{ background: url(/resources/images/doors/door1.jpg) 0 0 no-repeat transparent;}
.door-2 	{ background: url(/resources/images/doors/door2.jpg) 0 0 no-repeat transparent;}
.door-3 	{ background: url(/resources/images/doors/door3.jpg) 0 0 no-repeat transparent;}
.door-4 	{ background: url(/resources/images/doors/door4.jpg) 0 0 no-repeat transparent;}
.door-5 	{ background: url(/resources/images/doors/door5.jpg) 0 0 no-repeat transparent;}
.door-6 	{ background: url(/resources/images/doors/door6.jpg) 0 0 no-repeat transparent;}
.door-7 	{ background: url(/resources/images/doors/door7.jpg) 0 0 no-repeat transparent;}
.door-8		{ background: url(/resources/images/doors/door8.jpg) 0 0 no-repeat transparent;}
.door-9		{ background: url(/resources/images/doors/door9.jpg) 0 0 no-repeat transparent;}
.door-10	{ background: url(/resources/images/doors/door10.jpg) 0 0 no-repeat transparent;}

.product {
	cursor: pointer;
}

.productTip {
	margin: 0 10px 5px 0;
	cursor: pointer;
	border: 0px;
}

.buttonBar {
	width: 611px;
	height: 35px;
	clear: both;
}

.box, .inputButton, .displayBox, .pageButton, .prevPage, .nextPage, .PBBAcpButton {
	color: #80261D;
	border: 2px solid #80261D;
	background-color: #F2BE82;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
}
.PBBAcpButton {
	cursor: pointer;
}

.inputButton {
	clear: both;
	margin-right: 20px;
	cursor: pointer;
}

.delButton {
	border: 2px solid #80261D;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	float: left;
	cursor: pointer;
}

.displayBox {
	border: 0px solid #80261D;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	float: left;
}

.pageButton, .prevPage, .nextPage {
	cursor: pointer;
}

.prevPage {
	float: left;
}

.nextPage {
	float: right;
}




#main {
	width: 941px;
	height: 1014px;
}


#main .mainTop {
	clear: both;
	float: right;
	width: 941px;
	height: 208px;
	background: url(/resources/images/layout/roof.jpg) 0 0 no-repeat transparent;
}

#main .mainBottom {
	clear: both;
	width: 941px;
	height: 766px;
}

#main .mainNav {
	float: left;
	clear: none;
	width: 308px;
	height: 772px;
	background: url(/resources/images/layout/frameLeft.jpg) 0 0 no-repeat transparent;
	margin: 0px;
	padding: 0px;
}

#main .mainDoor {
	background: url(/resources/images/doors/door-0.jpg) 0 0 no-repeat transparent;
	overflow: hidden;
	float: left;
	width: 611px;
	height: 772px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}}

#main .contentFrame {
	display: none;
	width: 611px;
	height: 440px;
	background: url(/resources/images/doors/doorsign.png);  0 0 no-repeat transparent;
}

#main .mainRight {
	float: left;
	width: 22px;
	height: 772px;
	background: url(/resources/images/layout/frameright.jpg) 0 0 no-repeat transparent;
}

#main .mainFloor {
	clear: both;
	float: right;
	width: 941px;
	height: 35px;
	background: url(/resources/images/layout/framebottom.jpg) 0 0 no-repeat transparent;
}

.nav {
	margin-right: 15px;
	cursor: pointer;
	width: 175px;
	height: 48px;
	clear: both;
	float: right;
	background: url(/resources/images/layout/leftnav.png) 0 0 no-repeat transparent;
}

.navLink {
	margin-right: 15px;
	cursor: pointer;
	width: 175px;
	height: 48px;
	clear: both;
	float: right;
	background: url(/resources/images/layout/leftnav.png) 0 0 no-repeat transparent;
	text-decoration: none;
}

.navText {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	text-decoration: none;
	width: 175px;
	height: 48px;
}

.navTextOver {
	color: #80261D;
}
.navText a {
	text-decoration: none;
	color: #ffffff;
}
.navText a:hover {
	color: #80261D;
}

.binpart {
	cursor: move;
	border: 0px;
}

.selectedPart {
	border: 0px solid #F2BE82;
	background-color: #F2BE82;
	opacity: 0.4;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
}

.helpTitle {
	font-weight: bold;
	font-size: 20px;
	float: left;
	clear: both;
}

.helpKey {
	font-weight: bold;
	font-size: 12px;
	width: 200px;
	float: left;
	padding: 0 0 0 5px;
}

.helpText {
	font-size: 12px;
	width: 350px;
	float: right;
}

.helpSpacer {
	clear: both;
	height: 20px;
}

.toolbarButton {
	cursor: pointer;
}

.toolbarTip {
	color: #80261D;
	border: 2px solid #80261D;
	background-color: #F2BE82;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	cursor: pointer;
}

.partBinDesc, .partBinTitle {
	color: #80261D;
	border: 2px solid #80261D;
	background-color: #F2BE82;
	font-weight: bold;
	clear: both;
	padding: 5px 5px 5px 5px;
}

.partBinTitle {
	margin: 40px 0 0 0;
}


.infoBox {
	color: #80261D;
	border: 2px solid #80261D;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	clear: none;
	float: left;
}

.clear {
	clear: both;
	float: left;
	height: 0px;
}

.binlistpart {
	cursor: pointer;
}

.binlistpartchild {
	cursor: pointer;
	padding: 0 3px 0 0;
}

.doorPanel {
	width: 611px;
	height: 200px;
	clear: both;
	float: right;
	background: url(/resources/images/doors/door_sign_panel.png) 0 0 no-repeat transparent;
}

.doorPanelText, .doorPanelLink {
	width: 611px;
	height: 200px;
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.doorPanelLink {
	cursor: pointer;
}


.infoKey {
	font-family: arial, 'lucida console', sans-serif;
	font-weight: bold;
	font-size: 12px;
	width: 96px;
	height: 15px;
	float: left;
	padding: 5px 5px 5px 5px;
	border: 2px solid #cccccc;
}

.infoText {
	font-family: arial, 'lucida console', sans-serif;
	font-weight: bold;
	font-size: 12px;
	width: 151px;
	height: 15px;
	float: right;
	padding: 5px 5px 5px 5px;
	border: 2px solid #cccccc;
}

#introBin {
	font-family: arial, 'lucida console', sans-serif;
	font-size: 16px;
	padding: 5px 5px 5px 5px;
}

/*
.toolbarIcon {
	width: 32px !important;
	height: 32px !important;
	cursor: pointer;
}
*/

.toolbarIcon {
	cursor: pointer;
}


.designPreview {
	font-family: arial, 'lucida console', sans-serif;
	font-weight: bold;
	font-size: 12px;
	width: 83px;
	height: 120px;
	cursor: pointer;
	margin: 0 0 0 0;
	float: left;
	border: 1px solid #cccccc;
}


#vertical{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
}

#hoz {
    margin-left:auto;
    margin-right:auto;
    overflow:auto;/* allow content to scroll inside element */
    text-align:center;
}


.overDesignIconBox {
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}


.overDesignIconImg {
	opacity: 1.0;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	/*background-color: #F2BE82;
	opacity: 0.4;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;*/
}