#designContainer {
	width: 460px;
	height: 368px;
	border: 0;
	background: transparent url('../images/designtool_bg.png') top left no-repeat;
	overflow: hidden;
	float: left;
}

/*
img, #designContainer { behavior: url(iepng.htc); }
*/

#label {
	position: absolute;
	top: 40px;
	left: 40px;
	width: 240px;
	padding: 10px;
	font-size: 10px;
	border: 1px solid #ccc;
	background: #fff;
	z-index: 100;
}

#designContainer { behavior: url(iepng.htc); }

#vanityLight {
	position: absolute;
	z-index: 70;
	overflow: hidden;
	width: 460px;
	height: 368px;
}

#vanityFaucet {
	position: absolute;
	z-index: 65;
	overflow: hidden;
	width: 460px;
	height: 368px;
}

#mirror {
	position: absolute;
	z-index: 60;
	overflow: hidden;
	width: 460px;
	height: 368px;
}

#sink {
	position: absolute;
	z-index: 55;
	overflow: hidden;
	width: 460px;
	height: 368px;
}

#countertop {
	position: absolute;
	z-index: 50;
	overflow: hidden;
	width: 460px;
	height: 368px;
}

#cabinetry {
	position: absolute;
	z-index: 45;
	overflow: hidden;
	width: 460px;
	height: 368px;
}

#toilet {
	position: absolute;
	z-index: 40;
	overflow: hidden;
	width: 460px;
	height: 368px;
}

#accessories {
	position: absolute;
	z-index: 35;
	overflow: hidden;
	width: 460px;
	height: 368px;
}

#showerFaucet {
	position: absolute;
	z-index: 30;
	overflow: hidden;
	width: 460px;
	height: 368px;
}

#tub {
	position: absolute;
	z-index: 25;
	overflow: hidden;
	width: 460px;
	height: 368px;
}

#accentTile {
	position: absolute;
	z-index: 20;
	overflow: hidden;
	width: 460px;
	height: 368px;
}

#floor {
	position: absolute;
	z-index: 15;
	overflow: hidden;
	width: 460px;
	height: 368px;
}

#walls {
	position: absolute;
	z-index: 10;
	overflow: hidden;
	width: 460px;
	height: 368px;
}

#paint {
	position: absolute;
	z-index: 5;
	overflow: hidden;
	width: 460px;
	height: 368px;
}

/*

#wallTile img {
	position: absolute;
	top: 2px;
}

*/

input.formStd, textarea {
	font-family: "Trebuchet MS", arial, verdana;
	font-size: 150%;
	font-weight: normal;
	color: #000000;
	border: 1px solid #D8DAD5;
	width: 220px;
	padding: 2px;
}

input.btnStd {
	font-size: 150%;
	font-weight: bold;
}

.navDiv {
	padding: 5px 8px 5px 8px;
	border: 1px solid #e7e7e7;
	font-size: 100%;
	margin: 0px 0px 3px 0px;
	text-align: left;
}

/* --== Design Page Nav ==-- */

.designerNav {
	font-size: 9pt;
	font-family: Arial, Helvetica, Tahoma, sans-serif;
	width: 160px;
}

.designerNav ul, .designerNav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px;
	float: left;
}

.designerNav ul {
	margin-top: 2px;
}

.designerNav ul li {
	margin-bottom: 1px;
}

.designerNav ul a {
	display: block;
	* width: 142px;
	padding: 5px 8px 5px 8px;
	color: #038C9E;
	border: 1px solid #fff;
	font-size: 100%;
	background: #fff;
}

.designerNav ul a:hover {
	color: #67CD01;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #f7f7f7;
}

.marginSummary {
	padding: 0;
}

.groupSelector {
	float: left;
	clear: both;
	width:460px;
	margin-top: 10px;
	border: #ffffff solid 0px;
}

.groupSelector h3 {
	margin: 0;
	padding: 0;
}

.groupSelector tbody {
	padding: 10px;
	background: #fff;
}

.selections {
	padding: 10px;
	background: #fff;
	margin-top: 2px;
	border: 1px solid #e7e7e7;
	border-top: 0px;
}

.groupDesc {
	clear: both;
	margin: 2px 0 0 10px;
	width: 160px;
}

.groupDesc h3 {
	margin: 0;
	padding: 0;
}

.groupDesc p {
	float: left;
	clear: both;
	margin: 0;
	padding: 10px;
	background: #fff;
	font-size: 11px;
	width: 140px;
}

.designerNav h3 {
	padding: 0;
	margin: 0;
}

.comboDetails {
	float: left;
	display: inline;
	clear: both;
	margin: 10px 10px 0 0;
	width: 160px;
}

.comboDetails h3 {
	padding: 0;
	margin: 0;
}

.comboDetails p {
	padding: 0;
	margin: 0;
}

.details {
	background: #fff;
	padding: 10px;
}

h4.comboName {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 22px;
	margin-bottom: 6px;
}

h4.comboName em {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: 10px;
	color: #666;
}

h4.priceTag {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 22px;
	margin-bottom: 6px;
}

h4.priceTag em {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: 10px;
	color: #666;
}

h4.monthlyEstimate {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 22px;
	margin-bottom: 6px;
}

h4.monthlyEstimate em {
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: 10px;
	color: #666;
}

a:link.comboPick, a:active.comboPick, a:visited.comboPick, a:hover.comboPick {
	color: #fff;
}

p.finePrint {
	font-size: 10px;
	color: #999;
	margin-top: 10px;
}

div.actionBar {
	float: right;
	width: 160px;
	margin-bottom: 10px;
	clear: both;
}

.actionBar ul {
	width: 160px;
	float: right;
}

.actionBar ul, .actionBar ul li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.actionBar ul li {
	float: left;
	clear: both;
	margin-bottom: 2px;
	width: 160px;
	height: 24px;
}

a.actionLink {
	font-size: 12px;
	font-weight: normal;
	line-height: 13px;
	padding: 3px;
	padding-left: 21px;
	display: block;
}

a:link.actionLink, a:active.actionLink, a:visited.actionLink {
	color: #038C9E;
	text-decoration: none;
}

a:hover.actionLink {
	color: #333;
	text-decoration: underline;
}

a:link#saveDesign, a:active#saveDesign, a:visited#saveDesign {
	background: url('../images/icon_saveDesign.gif') 0px 4px no-repeat;
}

a:hover#saveDesign {
	background: url('../images/icon_saveDesign.gif') 0px 4px no-repeat;
}

a:link#orderDesign, a:active#orderDesign, a:visited#orderDesign {
	background: url('../images/icon_orderDesign.gif') 0px 4px no-repeat;
}

a:hover#orderDesign {
	background: url('../images/icon_orderDesign.gif') 0px 4px no-repeat;
}

a:link#startOver, a:active#startOver, a:visited#startOver {
	background: url('../images/icon_startOver.gif') 0px 4px no-repeat;
}

a:hover#startOver {
	background: url('../images/icon_startOver.gif') 0px 4px no-repeat;
}

a:link#accountDash, a:active#accountDash, a:visited#accountDash {
	background: url('../images/icon_dashboard.gif') 0px 4px no-repeat;
}

a:hover#accountDash {
	background: url('../images/icon_dashboard.gif') 0px 4px no-repeat;
}

.shiftLeft {
	float: left;
}

.shiftRight {
	float: right;
}
a.selectBtn {
	background: url('../images/btn_select.gif') no-repeat 0px 0px;
	width: 80px;
	height: 24px;
	display: block;
}