

/* --- START --- */

.gradient-horizontal-background-dark {
	background: #fdb70d;
	background-repeat: repeat-x
}

.gradient-horizontal-dark-light-dark {
	background: #cd8700;
	background: -moz-linear-gradient(left, #cd8700 1%, #fdb70d 20%, #fdb70d 65%, #cd8700 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(1%, #cd8700), color-stop(20%, #fdb70d), color-stop(65%, #fdb70d), color-stop(100%, #cd8700));
	background: -webkit-linear-gradient(left, #cd8700 1%, #fdb70d 20%, #fdb70d 65%, #cd8700 100%);
	background: -o-linear-gradient(left, #cd8700 1%, #fdb70d 20%, #fdb70d 65%, #cd8700 100%);
	background: -ms-linear-gradient(left, #cd8700 1%, #fdb70d 20%, #fdb70d 65%, #cd8700 100%);
	background: linear-gradient(to right, #cd8700 1%, #fdb70d 20%, #fdb70d 65%, #cd8700 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#cd8700, endColorstr=#fdb70d, gradientType=0)
}

.gradient-vertical-dark-light-dark {
	background: #a68a54;
	background: -moz-linear-gradient(top, #cd8700 0, #fdb70d 38%, #fdb70d 63%, #cd8700 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cd8700), color-stop(38%, #fdb70d), color-stop(63%, #fdb70d), color-stop(100%, #cd8700));
	background: -webkit-linear-gradient(top, #cd8700 0, #fdb70d 38%, #fdb70d 63%, #cd8700 100%);
	background: -o-linear-gradient(top, #cd8700 0, #fdb70d 38%, #fdb70d 63%, #cd8700 100%);
	background: -ms-linear-gradient(top, #cd8700 0, #fdb70d 38%, #fdb70d 63%, #cd8700 100%);
	background: linear-gradient(to bottom, #cd8700 0, #fdb70d 38%, #fdb70d 63%, #cd8700 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#cd8700, endColorstr=#fdb70d, gradientType=0)
}

html {
	width: 100%;
	height: 100%;
	overflow-y: hidden;
	overflow-x: hidden;
	background: #fff
}

html.upload {
	background: transparent
}

html.upload body {
	background: transparent
}

html.ie-old {
	overflow-y: hidden;
	overflow-x: hidden
}

h3 {
	margin-bottom: 2pt;
	font-weight: 700;
	font-size: 110%
}

strong {
	font-weight: 700
}

input {
	-webkit-user-modify: read-write;
	-webkit-user-select: text;
	-webkit-touch-callout: inherit
}

.separator {
	margin-top: 10pt
}

.clone {
	display: none
}

body {
	font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size: 14px;
	overflow-y: hidden;
	overflow-x: hidden;
	color: #333;
	height: 100%;
	width: 100%;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.top {
	vertical-align: top
}

.middle {
	vertical-align: middle
}

.bottom {
	vertical-align: bottom
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.clearfix {
	display: inline-block
}

html[xmlns] .clearfix {
	display: block
}

* html .clearfix {
	height: 1%
}

em {
	font-size: larger
}

#navigation {
	position: relative;
	z-index: 1;
	overflow: hidden;
	white-space: nowrap
}

#navigation .ie-old {
	display: none
}

#navigation .menu {
	position: relative;
	height: 91px;
	padding-right: 10px
}

#navigation .menu .account {
	float: right;
	height: 91px;
	color: #000;
	padding: 0 0;
	vertical-align: middle;
	cursor: pointer;
	font-weight: 700;
	font-size: 18px
}

#navigation .menu .account:hover {
	color: #FDB70D
}

#navigation .menu .account:hover a {
	color: #FDB70D
}

#navigation .menu .account.active {
	background: #FDB70D;
	color: #000
}

#navigation .menu .account.active a {
	color: #000
}

#navigation .menu .account a {
	float: none;
	text-decoration: none;
	vertical-align: middle
}

#navigation .client-brand {
	padding: 0 10px
}

#navigation .client-brand img {
	cursor: pointer;
	margin-top: 5px;
	margin-right: 50px
}

#navigation .client-brand .account {
	float: right;
	height: 91px;
	color: #000;
	padding: 0 0;
	vertical-align: middle;
	cursor: pointer;
	font-weight: 700;
	font-size: 18px
}

#navigation .client-brand .account:hover {
	color: #FDB70D
}

#navigation .client-brand .account:hover a {
	color: #FDB70D
}

#navigation .client-brand .account.active {
	background: #FDB70D;
	color: #000
}

#navigation .client-brand .account.active a {
	color: #000
}

#navigation .client-brand .account a {
	float: none;
	text-decoration: none;
	vertical-align: middle
}

#navigation .client-brand .tagline,
#navigation .client-brand .tagline2 {
	position: relative;
	font-size: 19px;
	font-weight: 700;
	top: -4px;
	wrap: no
}

#navigation .client-brand .tagline2 {
	color: #CC5848
}

#navigation.condensed .menu {
	height: 91px
}

#navigation.condensed .account {
	margin-top: 20px
}

#navigation.condensed .client-brand {
	position: absolute;
	top: 0;
	background: transparent
}

#navigation.condensed .client-brand img {
	cursor: pointer;
	margin-top: 0;
	margin-right: 10px
}

.fr #surfacePanelEdit button {
	width: 200px
}

.fr #foregroundPanelEdit button {
	width: 230px
}

.fr #chooseProject {
	width: 150px
}

.fr #snapshotStackCameraDisabledMessage {
	top: 20%
}

.en #foregroundPanelEdit button {
	width: 220px
}

::-webkit-scrollbar {
	background-color: #fff;
	width: .75em
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .5);
	border-radius: .75em
}

.ie body {
	scrollbar-face-color: #b3b3b3;
	scrollbar-base-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-darkshadow-color: #fff;
	font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif
}

.ie #fileUpload {
	background: #fff;
	width: 400px;
	height: 30px
}

.ie #fileUploadSubmit {
	width: 100px;
	height: 30px
}

.ie .seeum {
	display: none
}

.ie .noseeum {
	height: auto;
	width: auto;
	overflow: auto
}

.ie10 .middle,
.ie9 .middle {
	position: relative;
	top: -13px
}

.ie10 #toolPanelEditUndoButton span.icon,
.ie9 #toolPanelEditUndoButton span.icon,
.ie10 #toolPanelEditRedoButton span.icon,
.ie9 #toolPanelEditRedoButton span.icon {
	top: 0
}

.ie10 #toolPanelEditUndoButton span.icon,
.ie10 #toolPanelEditRedoButton span.icon {
	top: -1px
}

.ie9 div.balloon>.content {
	border-radius: 0
}

.ie9 div.balloon button.close {
	border-radius: 0
}

.ie9 #toolPanelEditUndoButton span.icon,
.ie9 #toolPanelEditRedoButton span.icon {
	top: 0
}

.ie9 .swatch.selected img {
	border-collapse: separate
}

.ie8 .middle {
	position: relative;
	top: -7px
}

.ie8 #fileUpload {
	padding-top: 6px
}

.ie-old div.balloon.right>.content,
.ie-old div.balloon.left>.content,
.ie-old div.balloon.below>.content,
.ie-old div.balloon.above>.content {
	background-color: #f7dd7b
}

.ie-old .on-right {
	display: none
}

.ie-old #productPanel {
	overflow-x: hidden
}

.ie-old #navigation .ie-old {
	position: relative;
	display: block;
	background-color: red;
	color: #fff;
	font-size: 13px;
	padding-left: 10px
}

.ie-old #branding {
	margin-top: 0
}

.ie-old #branding .logo {
	filter: none
}

.ie-old #branding .logo img {
	height: 20px
}

.ie-old .rarrow {
	padding-right: 4px
}

.ie-old .zoomInButton,
.ie-old .zoomOutButton {
	padding-right: 4px
}

.ie-old #zoomContainer .message {
	border: 0;
	margin: none;
	background: transparent
}

.ie-old .edit:focus {
	color: green
}

.ie-old .edit.invalid {
	color: red
}

.ie-old button {
	filter: none
}

.ie-old button:hover,
.ie-old button:active {
	filter: none
}

.ie-old button:focus {
	outline: 0
}

.ie-old button.radio.shading {
	width: 50px
}

.ie-old button.close>.mult {
	display: none
}

.ie-old button.close>.ex {
	display: block
}

.ie-old #changeScaleButton span.ie-icon,
.ie-old #removeAllButton span.ie-icon,
.ie-old #toolPanelEditUndoButton span.ie-icon,
.ie-old #toolPanelEditRedoButton span.ie-icon {
	display: block;
	line-height: 13pt
}

.ie-old #changeScaleButton span.icon,
.ie-old #removeAllButton span.icon,
.ie-old #toolPanelEditUndoButton span.icon,
.ie-old #toolPanelEditRedoButton span.icon {
	display: none
}

.ie-old #nextStepsGuidancePanel button,
.ie-old #stepTwoGuidancePanel button {
	margin-right: 4px
}

.ie-old #sampleProjectsContainer,
.ie-old #myProjectsContainer,
.ie-old #uploadProjectContainer {
	background: transparent;
	filter: - "progid:DXImageTransform.Microsoft.gradient(startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF)"
}

.ie-old table.page td.content .startbutton {
	background: transparent
}

.ie-old table.page td.renoworksBrand {
	filter: none
}

.ie-old .projects .item img {
	width: 200px
}

.ie-old .shadow,
.ie-old .glow {
	filter: none!important
}

.ie-old .popup {
	width: 400px
}

.ie-old #designGuidancePanel .swatch.selected {
	filter: none!important
}

.ie-old #designGuidancePanel .swatch.selected img {
	filter: none!important
}

.ie-old .swatch.selected img {
	margin-left: 0;
	margin-top: 0
}

.ie-old .swatch img {
	margin-left: 2px;
	margin-top: 2px
}

.ie-old div.selected div.checkmark {
	display: none!important
}

.ff button {
	padding-bottom: 3px
}

.idevice p.idevice5 {
	display: none
}

.idevice #uploadFrame.idevice5 {
	display: block
}

.idevice .idevice {
	display: block
}

.idevice button.radio.shading {
	width: 38px
}

.idevice #toolPanelEdit button {
	position: relative;
	width: 130px
}

.idevice #toolPanelEdit h3.separator {
	color: #fff;
	margin-top: 5px
}

.idevice #designGuidancePanel .pane.descriptive .swatch img {
	width: 96px
}

.idevice5 p.idevice5 {
	display: block
}

.idevice5 #uploadFrame.idevice5 {
	display: none
}

.idevice5 .idevice {
	display: none
}

.idevice #defineScaleStart img,
.idevice #defineScaleMiddle img {
	width: 60%;
	padding-bottom: 10px
}

.shadow {
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	-moz-box-shadow: 2px 2px 5px 0 #999;
	-webkit-box-shadow: 2px 2px 5px 0 #999;
	box-shadow: 2px 2px 5px 0 #999
}

.glow {
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	-moz-box-shadow: 0 0 10px 5px #999;
	-webkit-box-shadow: 0 0 10px 5px #999;
	box-shadow: 0 0 10px 5px #999
}

.soft-glow {
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	-moz-box-shadow: 0 0 5px 2px #999;
	-webkit-box-shadow: 0 0 5px 2px #999;
	box-shadow: 0 0 5px 2px #999
}

.account-glow {
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	-moz-box-shadow: 0 0 10px 2px #999;
	-webkit-box-shadow: 0 0 10px 2px #999;
	box-shadow: 0 0 10px 2px #999
}

.step {
	position: relative;
	width: 145px;
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color=#999999);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color=#999999);
	-moz-box-shadow: 3px 2px 5px -2px rgba(128, 128, 128, .5);
	-webkit-box-shadow: 3px 2px 5px -2px rgba(128, 128, 128, .5);
	box-shadow: 3px 2px 5px -2px rgba(128, 128, 128, .5);
	margin-left: -13px
}

.step.draw,
.step.group,
.step.design {
	-webkit-border-radius: 0 0 13px 0;
	-moz-border-radius: 0 0 13px 0;
	border-radius: 0 0 13px 0
}

.step.reviewing {
	-webkit-border-radius: 0 0 13px 0;
	-moz-border-radius: 0 0 13px 0;
	border-radius: 0 0 13px 0
}

.step:first-child {
	margin-left: 0
}

.step.draw {
	z-index: 4
}

.step.group {
	z-index: 3
}

.step.design {
	z-index: 2
}

.step.reviewing {
	z-index: 1
}

.round {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px
}

.round-right {
	-webkit-border-radius: 0 0 7px 0;
	-moz-border-radius: 0 0 7px 0;
	border-radius: 0 0 7px 0
}

.polaroid {
	background-color: #e6e6e6;
	border: 10px solid #e6e6e6;
	color: #333
}

.polaroid h3 {
	color: #333
}

.lift {
	outline: 1px solid #d9d9d9
}

.ff .lift {
	outline: 0
}

.panel {
	position: relative;
	margin: 10px
}

.tiny {
	font-size: 13px
}

.fade {
	color: #999
}

.rarrow,
.larrow {
	font-family: Arial
}

.caption {
	white-space: nowrap;
	width: 95%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	vertical-align: middle
}

.edit {
	border: 1px solid #fff;
	padding: 3px;
	background-color: #fff;
	color: #333
}

.edit:focus {
	border: 1px solid black
}

td.edit-radio {
	line-height: 21px;
	vertical-align: top;
	padding: 3px 0
}

.edit-radio {
	margin-left: 5px
}

input[type=email]:focus:valid {
	color: green
}

input[type=email]:invalid {
	color: red
}

.inline {
	display: inline-block;
	zoom: 1;
	*display: inline
}

#branding {
	position: absolute;
	z-index: 1
}

#branding a {
	font-size: 13px;
	padding-left: 5px;
	text-decoration: none;
	color: #ccc;
	text-shadow: 0 0 .5em black, 0 0 .3em black
}

#branding a:hover {
	color: #e6e6e6;
	text-decoration: underline
}

#branding a:active {
	color: #fff;
	text-decoration: underline
}

#branding .logo {
	float: right;
	padding-right: 5px;
	opacity: .5;
	filter: alpha(opacity=50);
	-o-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-webkit-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out
}

#branding .logo img {
	height: 22px
}

#branding .logo:hover {
	opacity: 1;
	filter: none
}

.disclaimer {
	position: relative;
	width: 300px;
	color: #333
}

.disclaimer h1 {
	font-weight: 700;
	margin: 0 0 10px 0;
	text-align: left
}

.disclaimer p {
	font-weight: 400;
	margin: 0 0 10px 0;
	text-align: left
}

.disclaimer button {
	float: right
}

button {
	font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-align: center;
	height: 26px;
	width: 110px;
	cursor: pointer;
	vertical-align: middle;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #222;
	background: #6e6e6e;
	background: -moz-linear-gradient( #bbb, #6e6e6e);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: -webkit-linear-gradient( #bbb, #6e6e6e);
	background: -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: linear-gradient( #bbb 0, #6e6e6e 100%)
}

button:hover {
	border: 1px solid #000;
	background: #3b3b3b;
	background: -moz-linear-gradient( #a2a2a2, #3b3b3b);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #a2a2a2), to( #3b3b3b));
	background: -webkit-linear-gradient( #a2a2a2, #3b3b3b);
	background: -o-linear-gradient( #a2a2a2 0, #3b3b3b 100%);
	background: -ms-linear-gradient( #a2a2a2 0, #3b3b3b 100%);
	background: linear-gradient( #a2a2a2 0, #3b3b3b 100%);
	color: #fff;
	color: #fff
}

button:active {
	border: 1px solid #000;
	background: #080808;
	background: -moz-linear-gradient( #888, #080808);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #888), to( #080808));
	background: -webkit-linear-gradient( #888, #080808);
	background: -o-linear-gradient( #888 0, #080808 100%);
	background: -ms-linear-gradient( #888 0, #080808 100%);
	background: linear-gradient( #888 0, #080808 100%);
	color: #fff;
	color: #fff
}

button:focus {
	border: 1px solid black
}

button.apply {
	cursor: pointer;
	color: #fff;
	border: 1px solid #342200;
	background: #cd8700;
	background: -moz-linear-gradient( #fdb70d, #cd8700);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: -webkit-linear-gradient( #fdb70d, #cd8700);
	background: -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: linear-gradient( #fdb70d 0, #cd8700 100%)
}

button.apply:hover {
	border: 1px solid #000;
	background: #815500;
	background: -moz-linear-gradient( #efaa02, #815500);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #efaa02), to( #815500));
	background: -webkit-linear-gradient( #efaa02, #815500);
	background: -o-linear-gradient( #efaa02 0, #815500 100%);
	background: -ms-linear-gradient( #efaa02 0, #815500 100%);
	background: linear-gradient( #efaa02 0, #815500 100%)
}

button.apply:active {
	border: 1px solid #000;
	background: #674400;
	background: -moz-linear-gradient( #bc8602, #674400);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #bc8602), to( #674400));
	background: -webkit-linear-gradient( #bc8602, #674400);
	background: -o-linear-gradient( #bc8602 0, #674400 100%);
	background: -ms-linear-gradient( #bc8602 0, #674400 100%);
	background: linear-gradient( #bc8602 0, #674400 100%)
}

button.apply2 {
	cursor: pointer;
	color: #fff;
	border: 1px solid #000;
	background: #080;
	background: -moz-linear-gradient( #0a0, #080);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #0a0), to( #080));
	background: -webkit-linear-gradient( #0a0, #080);
	background: -o-linear-gradient( #0a0 0, #080 100%);
	background: -ms-linear-gradient( #0a0 0, #080 100%);
	background: linear-gradient( #0a0 0, #080 100%)
}

button.apply2:hover {
	border: 1px solid #000;
	background: #003c00;
	background: -moz-linear-gradient( #009100, #003c00);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #009100), to( #003c00));
	background: -webkit-linear-gradient( #009100, #003c00);
	background: -o-linear-gradient( #009100 0, #003c00 100%);
	background: -ms-linear-gradient( #009100 0, #003c00 100%);
	background: linear-gradient( #009100 0, #003c00 100%)
}

button.apply2:active {
	border: 1px solid #000;
	background: #020;
	background: -moz-linear-gradient( #005e00, #020);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #005e00), to( #020));
	background: -webkit-linear-gradient( #005e00, #020);
	background: -o-linear-gradient( #005e00 0, #020 100%);
	background: -ms-linear-gradient( #005e00 0, #020 100%);
	background: linear-gradient( #005e00 0, #020 100%)
}

button.apply3 {
	cursor: pointer;
	color: #fff;
	border: 1px solid #040c19;
	background: #1a4e9c;
	background: -moz-linear-gradient( #2a5eac, #1a4e9c);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #2a5eac), to( #1a4e9c));
	background: -webkit-linear-gradient( #2a5eac, #1a4e9c);
	background: -o-linear-gradient( #2a5eac 0, #1a4e9c 100%);
	background: -ms-linear-gradient( #2a5eac 0, #1a4e9c 100%);
	background: linear-gradient( #2a5eac 0, #1a4e9c 100%)
}

button.apply3:hover {
	border: 1px solid #000;
	background: #0f2d5a;
	background: -moz-linear-gradient( #255398, #0f2d5a);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #255398), to( #0f2d5a));
	background: -webkit-linear-gradient( #255398, #0f2d5a);
	background: -o-linear-gradient( #255398 0, #0f2d5a 100%);
	background: -ms-linear-gradient( #255398 0, #0f2d5a 100%);
	background: linear-gradient( #255398 0, #0f2d5a 100%)
}

button.apply3:active {
	border: 1px solid #000;
	background: #0b2245;
	background: -moz-linear-gradient( #1b3c6f, #0b2245);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #1b3c6f), to( #0b2245));
	background: -webkit-linear-gradient( #1b3c6f, #0b2245);
	background: -o-linear-gradient( #1b3c6f 0, #0b2245 100%);
	background: -ms-linear-gradient( #1b3c6f 0, #0b2245 100%);
	background: linear-gradient( #1b3c6f 0, #0b2245 100%)
}

button.active {
	cursor: default;
	color: #fff;
	border: 1px solid #342200;
	background: #cd8700;
	background: -moz-linear-gradient( #fdb70d, #cd8700);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: -webkit-linear-gradient( #fdb70d, #cd8700);
	background: -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: linear-gradient( #fdb70d 0, #cd8700 100%)
}

button.radio {
	position: relative;
	vertical-align: middle;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-left: 1px solid #888
}

button.radio:hover {
	border: 1px solid #000;
	background: #674400;
	background: -moz-linear-gradient( #d59802, #674400);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #674400));
	background: -webkit-linear-gradient( #d59802, #674400);
	background: -o-linear-gradient( #d59802 0, #674400 100%);
	background: -ms-linear-gradient( #d59802 0, #674400 100%);
	background: linear-gradient( #d59802 0, #674400 100%)
}

button.radio:active {
	border: 1px solid #000;
	background: #010100;
	background: -moz-linear-gradient( #a37401, #010100);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #a37401), to( #010100));
	background: -webkit-linear-gradient( #a37401, #010100);
	background: -o-linear-gradient( #a37401 0, #010100 100%);
	background: -ms-linear-gradient( #a37401 0, #010100 100%);
	background: linear-gradient( #a37401 0, #010100 100%)
}

button.radio.active {
	cursor: default;
	color: #fff;
	border: 1px solid #342200;
	background: #cd8700;
	background: -moz-linear-gradient( #fdb70d, #cd8700);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: -webkit-linear-gradient( #fdb70d, #cd8700);
	background: -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: linear-gradient( #fdb70d 0, #cd8700 100%)
}

button.radio.apply {
	cursor: pointer
}

button.radio.apply.active {
	cursor: pointer
}

button.radio.rotation {
	width: 45px
}

button.radio.shading {
	width: auto;
	padding: 0 2px 0 2px;
	min-width: 44px
}

button.radio.first {
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	border-left: 1px solid #222
}

button.radio.first:hover {
	border-left: 1px solid #674400
}

button.radio.first:active {
	border-left: 1px solid #010100
}

button.radio.first.active {
	border-left: 1px solid #9a6500
}

button.radio.last {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0
}

button.radio.single {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-left: 1px solid #222
}

button.radio.single:hover {
	border-left: 1px solid #674400
}

button.radio.single:active {
	border-left: 1px solid #010100
}

button.radio.single.active {
	cursor: pointer;
	border-left: 1px solid #9a6500
}

button.disabled {
	cursor: default;
	color: #a2a2a2;
	border: 1px solid #a2a2a2;
	background: #bbb;
	filter: none
}

button.disabled:hover,
button.disabled:active {
	cursor: default;
	color: #a2a2a2;
	border: 1px solid #a2a2a2;
	background: #bbb;
	filter: none
}

button.disabled.active,
button.disabled.apply {
	cursor: default;
	color: #a2a2a2;
	border: 1px solid #a2a2a2;
	background: #bbb;
	filter: none
}

button.disabled.active:hover,
button.disabled.apply:hover,
button.disabled.active:active,
button.disabled.apply:active {
	cursor: default;
	color: #a2a2a2;
	border: 1px solid #a2a2a2;
	background: #bbb;
	filter: none
}

button.disabled.guidance {
	cursor: default;
	color: #a2a2a2;
	border: 1px solid #a2a2a2;
	background: #bbb;
	filter: none
}

button.disabled.guidance:hover,
button.disabled.guidance:active {
	cursor: default;
	color: #a2a2a2;
	border: 1px solid #a2a2a2;
	background: #bbb;
	filter: none
}

button.close {
	position: absolute;
	top: 0;
	right: 0;
	border-top: 0;
	border-right: 0;
	width: 30px!important;
	height: 30px!important;
	-webkit-border-radius: 0 7px 0 7px;
	-moz-border-radius: 0 7px 0 7px;
	border-radius: 0 7px 0 7px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	line-height: 16px;
	z-index: 1
}

button.close>.mult {
	display: block
}

button.close>.ex {
	display: none
}

#firstSteps,
#nextSteps {
	position: relative;
	vertical-align: middle
}

#firstSteps button {
	width: 150px
}

#left {
	position: absolute;
	padding: 10px;
	z-index: 1
}

#left div.guidance {
	padding-bottom: 10px
}

#left div.guidance .rarrow {
	position: relative;
	margin: 0 15px 0 15px;
	font-size: larger;
	vertical-align: middle;
	color: #fdb70d;
	display: none
}

#right {
	position: absolute;
	background-color: #fff;
	z-index: 0;
	padding-bottom: 10px
}

#right p.helpText,
#right p.last {
	margin-bottom: 0
}

#right .instruction p.helpText {
	margin-top: 8px;
	border-top: 1px solid #888;
	padding-top: 7px;
	margin-bottom: 0
}

#addForegroundButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat #6e6e6e;
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addForegroundButton:hover {
	color: #fff;
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat #cd8700;
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addForegroundButton:active {
	color: #fff;
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat #342200;
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/foreground.png) 3px 1px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addOpeningInteriorWindowButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat #6e6e6e;
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addOpeningInteriorWindowButton:hover {
	color: #fff;
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat #cd8700;
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addOpeningInteriorWindowButton:active {
	color: #fff;
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat #342200;
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/foreground.png) 1px -1px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addOpeningInteriorFireplaceButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat #6e6e6e;
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addOpeningInteriorFireplaceButton:hover {
	color: #fff;
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat #cd8700;
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addOpeningInteriorFireplaceButton:active {
	color: #fff;
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat #342200;
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addOpeningExteriorFireplaceButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat #6e6e6e;
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addOpeningExteriorFireplaceButton:hover {
	color: #fff;
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat #cd8700;
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addOpeningExteriorFireplaceButton:active {
	color: #fff;
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat #342200;
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/fireplace.png) 1px -1px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addOpeningExteriorWindowButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/window.png) 2px 1px no-repeat #6e6e6e;
	background: url(../images/buttons/window.png) 2px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/window.png) 2px 1px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/window.png) 2px 1px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/window.png) 2px 1px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/window.png) 2px 1px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/window.png) 2px 1px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addOpeningExteriorWindowButton:hover {
	color: #fff;
	background: url(../images/buttons/window.png) 2px 1px no-repeat #cd8700;
	background: url(../images/buttons/window.png) 2px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/window.png) 2px 1px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/window.png) 2px 1px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/window.png) 2px 1px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/window.png) 2px 1px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/window.png) 2px 1px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addOpeningExteriorWindowButton:active {
	color: #fff;
	background: url(../images/buttons/window.png) 2px 1px no-repeat #342200;
	background: url(../images/buttons/window.png) 2px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/window.png) 2px 1px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/window.png) 2px 1px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/window.png) 2px 1px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/window.png) 2px 1px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/window.png) 2px 1px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addOpeningInteriorDoorButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat #6e6e6e;
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addOpeningInteriorDoorButton:hover {
	color: #fff;
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat #cd8700;
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addOpeningInteriorDoorButton:active {
	color: #fff;
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat #342200;
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/interiordoor.png) 1px 1px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addOpeningInteriorPatioDoorButton,
#addOpeningExteriorPatioDoorButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat #6e6e6e;
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addOpeningInteriorPatioDoorButton:hover,
#addOpeningExteriorPatioDoorButton:hover {
	color: #fff;
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat #cd8700;
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addOpeningInteriorPatioDoorButton:active,
#addOpeningExteriorPatioDoorButton:active {
	color: #fff;
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat #342200;
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/patiodoor.png) 3px -1px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addOpeningDoorButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat #6e6e6e;
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addOpeningDoorButton:hover {
	color: #fff;
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat #cd8700;
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addOpeningDoorButton:active {
	color: #fff;
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat #342200;
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/entrydoor.png) 2px 2px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addOpeningEntryDoorButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat #6e6e6e;
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addOpeningEntryDoorButton:hover {
	color: #fff;
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat #cd8700;
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addOpeningEntryDoorButton:active {
	color: #fff;
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat #342200;
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/entrydoor.png) 2px 3px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addOpeningScreenDoorButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat #6e6e6e;
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addOpeningScreenDoorButton:hover {
	color: #fff;
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat #cd8700;
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addOpeningScreenDoorButton:active {
	color: #fff;
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat #342200;
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/screendoor.png) 3px 3px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addOpeningGarageDoorButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat #6e6e6e;
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addOpeningGarageDoorButton:hover {
	color: #fff;
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat #cd8700;
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addOpeningGarageDoorButton:active {
	color: #fff;
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat #342200;
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/garagedoor.png) 3px 2px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceRoofButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/roof.png) 2px 2px no-repeat #6e6e6e;
	background: url(../images/buttons/roof.png) 2px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/roof.png) 2px 2px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/roof.png) 2px 2px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/roof.png) 2px 2px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/roof.png) 2px 2px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/roof.png) 2px 2px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceRoofButton:hover {
	color: #fff;
	background: url(../images/buttons/roof.png) 2px 2px no-repeat #cd8700;
	background: url(../images/buttons/roof.png) 2px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/roof.png) 2px 2px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/roof.png) 2px 2px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/roof.png) 2px 2px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/roof.png) 2px 2px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/roof.png) 2px 2px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceRoofButton:active {
	color: #fff;
	background: url(../images/buttons/roof.png) 2px 2px no-repeat #342200;
	background: url(../images/buttons/roof.png) 2px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/roof.png) 2px 2px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/roof.png) 2px 2px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/roof.png) 2px 2px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/roof.png) 2px 2px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/roof.png) 2px 2px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceInteriorPaintButton,
#addSurfaceExteriorPaintButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/paint.png) 3px 2px no-repeat #6e6e6e;
	background: url(../images/buttons/paint.png) 3px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/paint.png) 3px 2px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/paint.png) 3px 2px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/paint.png) 3px 2px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/paint.png) 3px 2px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/paint.png) 3px 2px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceInteriorPaintButton:hover,
#addSurfaceExteriorPaintButton:hover {
	color: #fff;
	background: url(../images/buttons/paint.png) 3px 2px no-repeat #cd8700;
	background: url(../images/buttons/paint.png) 3px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/paint.png) 3px 2px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/paint.png) 3px 2px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/paint.png) 3px 2px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/paint.png) 3px 2px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/paint.png) 3px 2px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceInteriorPaintButton:active,
#addSurfaceExteriorPaintButton:active {
	color: #fff;
	background: url(../images/buttons/paint.png) 3px 2px no-repeat #342200;
	background: url(../images/buttons/paint.png) 3px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/paint.png) 3px 2px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/paint.png) 3px 2px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/paint.png) 3px 2px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/paint.png) 3px 2px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/paint.png) 3px 2px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceBacksplashButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat #6e6e6e;
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceBacksplashButton:hover {
	color: #fff;
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat #cd8700;
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceBacksplashButton:active {
	color: #fff;
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat #342200;
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/backsplash.png) 3px 1px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceCeilingButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat #6e6e6e;
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceCeilingButton:hover {
	color: #fff;
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat #cd8700;
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceCeilingButton:active {
	color: #fff;
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat #342200;
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/ceiling.png) 3px 3px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceFlooringButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat #6e6e6e;
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceFlooringButton:hover {
	color: #fff;
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat #cd8700;
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceFlooringButton:active {
	color: #fff;
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat #342200;
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/flooring.png) 3px 3px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addOpeningInteriorAccessoriesButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat #6e6e6e;
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addOpeningInteriorAccessoriesButton:hover {
	color: #fff;
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat #cd8700;
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addOpeningInteriorAccessoriesButton:active {
	color: #fff;
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat #342200;
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}
#addOpeningExteriorAccessoriesButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat #6e6e6e;
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addOpeningExteriorAccessoriesButton:hover {
	color: #fff;
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat #cd8700;
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addOpeningExteriorAccessoriesButton:active {
	color: #fff;
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat #342200;
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/accessory.png) 3px 3px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceCountertopButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat #6e6e6e;
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceCountertopButton:hover {
	color: #fff;
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat #cd8700;
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceCountertopButton:active {
	color: #fff;
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat #342200;
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/countertop.png) 3px 2px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceMouldingButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat #6e6e6e;
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceMouldingButton:hover {
	color: #fff;
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat #cd8700;
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceMouldingButton:active {
	color: #fff;
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat #342200;
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/moulding.png) 3px 1px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceApplianceButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat #6e6e6e;
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceApplianceButton:hover {
	color: #fff;
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat #cd8700;
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceApplianceButton:active {
	color: #fff;
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat #342200;
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/appliance.png) 1px 2px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceInteriorTrimButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat #6e6e6e;
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceInteriorTrimButton:hover {
	color: #fff;
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat #cd8700;
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceInteriorTrimButton:active {
	color: #fff;
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat #342200;
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/interiortrim.png) 0 -2px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceExteriorTrimButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat #6e6e6e;
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceExteriorTrimButton:hover {
	color: #fff;
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat #cd8700;
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceExteriorTrimButton:active {
	color: #fff;
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat #342200;
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/exteriortrim.png) 2px 1px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceExteriorWallButton,
#addSurfaceWallButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/wall.png) 3px 1px no-repeat #6e6e6e;
	background: url(../images/buttons/wall.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/wall.png) 3px 1px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/wall.png) 3px 1px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/wall.png) 3px 1px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/wall.png) 3px 1px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/wall.png) 3px 1px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceExteriorWallButton:hover,
#addSurfaceWallButton:hover {
	color: #fff;
	background: url(../images/buttons/wall.png) 3px 1px no-repeat #cd8700;
	background: url(../images/buttons/wall.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/wall.png) 3px 1px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/wall.png) 3px 1px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/wall.png) 3px 1px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/wall.png) 3px 1px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/wall.png) 3px 1px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceExteriorWallButton:active,
#addSurfaceWallButton:active {
	color: #fff;
	background: url(../images/buttons/wall.png) 3px 1px no-repeat #342200;
	background: url(../images/buttons/wall.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/wall.png) 3px 1px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/wall.png) 3px 1px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/wall.png) 3px 1px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/wall.png) 3px 1px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/wall.png) 3px 1px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceWallCoveringButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat #6e6e6e;
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceWallCoveringButton:hover {
	color: #fff;
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat #cd8700;
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceWallCoveringButton:active {
	color: #fff;
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat #342200;
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/interiorwall.png) 3px 2px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceSidingButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/siding.png) 3px 1px no-repeat #6e6e6e;
	background: url(../images/buttons/siding.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/siding.png) 3px 1px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/siding.png) 3px 1px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/siding.png) 3px 1px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/siding.png) 3px 1px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/siding.png) 3px 1px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceSidingButton:hover {
	color: #fff;
	background: url(../images/buttons/siding.png) 3px 1px no-repeat #cd8700;
	background: url(../images/buttons/siding.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/siding.png) 3px 1px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/siding.png) 3px 1px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/siding.png) 3px 1px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/siding.png) 3px 1px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/siding.png) 3px 1px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceSidingButton:active {
	color: #fff;
	background: url(../images/buttons/siding.png) 3px 1px no-repeat #342200;
	background: url(../images/buttons/siding.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/siding.png) 3px 1px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/siding.png) 3px 1px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/siding.png) 3px 1px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/siding.png) 3px 1px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/siding.png) 3px 1px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceInteriorMasonryButton,
#addSurfaceExteriorMasonryButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat #6e6e6e;
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceInteriorMasonryButton:hover,
#addSurfaceExteriorMasonryButton:hover {
	color: #fff;
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat #cd8700;
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceInteriorMasonryButton:active,
#addSurfaceExteriorMasonryButton:active {
	color: #fff;
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat #342200;
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/masonry.png) 3px 2px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceDrivewayButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat #6e6e6e;
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceDrivewayButton:hover {
	color: #fff;
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat #cd8700;
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceDrivewayButton:active {
	color: #fff;
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat #342200;
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/driveway.png) 1px 3px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceConcreteButton,
#addSurfaceWalkwayButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat #6e6e6e;
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceConcreteButton:hover,
#addSurfaceWalkwayButton:hover {
	color: #fff;
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat #cd8700;
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceConcreteButton:active,
#addSurfaceWalkwayButton:active {
	color: #fff;
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat #342200;
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/walkway.png) 1px 2px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceDeckButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/deck.png) 3px 2px no-repeat #6e6e6e;
	background: url(../images/buttons/deck.png) 3px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/deck.png) 3px 2px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/deck.png) 3px 2px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/deck.png) 3px 2px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/deck.png) 3px 2px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/deck.png) 3px 2px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceDeckButton:hover {
	color: #fff;
	background: url(../images/buttons/deck.png) 3px 2px no-repeat #cd8700;
	background: url(../images/buttons/deck.png) 3px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/deck.png) 3px 2px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/deck.png) 3px 2px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/deck.png) 3px 2px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/deck.png) 3px 2px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/deck.png) 3px 2px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceDeckButton:active {
	color: #fff;
	background: url(../images/buttons/deck.png) 3px 2px no-repeat #342200;
	background: url(../images/buttons/deck.png) 3px 2px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/deck.png) 3px 2px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/deck.png) 3px 2px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/deck.png) 3px 2px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/deck.png) 3px 2px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/deck.png) 3px 2px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceFenceButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/fence.png) 3px 1px no-repeat #6e6e6e;
	background: url(../images/buttons/fence.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/fence.png) 3px 1px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/fence.png) 3px 1px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/fence.png) 3px 1px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/fence.png) 3px 1px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/fence.png) 3px 1px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceFenceButton:hover {
	color: #fff;
	background: url(../images/buttons/fence.png) 3px 1px no-repeat #cd8700;
	background: url(../images/buttons/fence.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/fence.png) 3px 1px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/fence.png) 3px 1px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/fence.png) 3px 1px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/fence.png) 3px 1px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/fence.png) 3px 1px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceFenceButton:active {
	color: #fff;
	background: url(../images/buttons/fence.png) 3px 1px no-repeat #342200;
	background: url(../images/buttons/fence.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/fence.png) 3px 1px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/fence.png) 3px 1px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/fence.png) 3px 1px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/fence.png) 3px 1px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/fence.png) 3px 1px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceRailingButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/railing.png) 3px 0 no-repeat #6e6e6e;
	background: url(../images/buttons/railing.png) 3px 0 no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/railing.png) 3px 0 no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/railing.png) 3px 0 no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/railing.png) 3px 0 no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/railing.png) 3px 0 no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/railing.png) 3px 0 no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceRailingButton:hover {
	color: #fff;
	background: url(../images/buttons/railing.png) 3px 0 no-repeat #cd8700;
	background: url(../images/buttons/railing.png) 3px 0 no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/railing.png) 3px 0 no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/railing.png) 3px 0 no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/railing.png) 3px 0 no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/railing.png) 3px 0 no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/railing.png) 3px 0 no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceRailingButton:active {
	color: #fff;
	background: url(../images/buttons/railing.png) 3px 0 no-repeat #342200;
	background: url(../images/buttons/railing.png) 3px 0 no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/railing.png) 3px 0 no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/railing.png) 3px 0 no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/railing.png) 3px 0 no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/railing.png) 3px 0 no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/railing.png) 3px 0 no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceVentButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/vent.png) 3px 1px no-repeat #6e6e6e;
	background: url(../images/buttons/vent.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/vent.png) 3px 1px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/vent.png) 3px 1px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/vent.png) 3px 1px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/vent.png) 3px 1px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/vent.png) 3px 1px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceVentButton:hover {
	color: #fff;
	background: url(../images/buttons/vent.png) 3px 1px no-repeat #cd8700;
	background: url(../images/buttons/vent.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/vent.png) 3px 1px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/vent.png) 3px 1px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/vent.png) 3px 1px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/vent.png) 3px 1px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/vent.png) 3px 1px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceVentButton:active {
	color: #fff;
	background: url(../images/buttons/vent.png) 3px 1px no-repeat #342200;
	background: url(../images/buttons/vent.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/vent.png) 3px 1px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/vent.png) 3px 1px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/vent.png) 3px 1px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/vent.png) 3px 1px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/vent.png) 3px 1px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#addSurfaceShutterButton {
	height: 30px;
	color: #fff;
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat #6e6e6e;
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat, -webkit-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat, -moz-linear-gradient( #bbb, #6e6e6e);
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat, -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat, -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat, linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#addSurfaceShutterButton:hover {
	color: #fff;
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat #cd8700;
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat, -webkit-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat, -moz-linear-gradient( #fdb70d, #cd8700);
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat, -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat, -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat, linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#addSurfaceShutterButton:active {
	color: #fff;
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat #342200;
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat, -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat, -webkit-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat, -moz-linear-gradient( #d59802, #342200);
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat, -o-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat, -ms-linear-gradient( #d59802 0, #342200 100%);
	background: url(../images/buttons/shutter.png) 3px 1px no-repeat, linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#changeScaleButton {
	height: 30px;
	color: #fff;
	background: #6e6e6e;
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: -webkit-linear-gradient( #bbb, #6e6e6e);
	background: -moz-linear-gradient( #bbb, #6e6e6e);
	background: -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#changeScaleButton:hover {
	color: #fff;
	background: #cd8700;
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: -webkit-linear-gradient( #fdb70d, #cd8700);
	background: -moz-linear-gradient( #fdb70d, #cd8700);
	background: -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#changeScaleButton:active {
	color: #fff;
	background: #342200;
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: -webkit-linear-gradient( #d59802, #342200);
	background: -moz-linear-gradient( #d59802, #342200);
	background: -o-linear-gradient( #d59802 0, #342200 100%);
	background: -ms-linear-gradient( #d59802 0, #342200 100%);
	background: linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#changeScaleButton span.ie-icon,
#changeScaleButton span.icon {
	position: absolute;
	font-family: Arial;
	font-size: 18pt;
	font-weight: 700;
	color: #888;
	vertical-align: middle
}

#changeScaleButton span.ie-icon {
	display: none
}

#changeScaleButton span.caption {
	position: relative;
	vertical-align: middle
}

#changeScaleButton span.ie-icon,
#changeScaleButton span.icon {
	left: 5px;
	top: -1px
}

#removeAllButton {
	height: 30px;
	color: #fff;
	background: #6e6e6e;
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: -webkit-linear-gradient( #bbb, #6e6e6e);
	background: -moz-linear-gradient( #bbb, #6e6e6e);
	background: -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#removeAllButton:hover {
	color: #fff;
	background: #cd8700;
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: -webkit-linear-gradient( #fdb70d, #cd8700);
	background: -moz-linear-gradient( #fdb70d, #cd8700);
	background: -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#removeAllButton:active {
	color: #fff;
	background: #342200;
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: -webkit-linear-gradient( #d59802, #342200);
	background: -moz-linear-gradient( #d59802, #342200);
	background: -o-linear-gradient( #d59802 0, #342200 100%);
	background: -ms-linear-gradient( #d59802 0, #342200 100%);
	background: linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#removeAllButton span.ie-icon,
#removeAllButton span.icon {
	position: absolute;
	font-family: Arial;
	font-size: 18pt;
	font-weight: 700;
	color: #888;
	vertical-align: middle
}

#removeAllButton span.ie-icon {
	display: none
}

#removeAllButton span.caption {
	position: relative;
	vertical-align: middle
}

#removeAllButton span.ie-icon,
#removeAllButton span.icon {
	left: 5px;
	top: 1px
}

#toolPanelEditUndoButton,
#toolPanelEditRedoButton {
	height: 30px;
	color: #fff;
	background: #6e6e6e;
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6e6e6e));
	background: -webkit-linear-gradient( #bbb, #6e6e6e);
	background: -moz-linear-gradient( #bbb, #6e6e6e);
	background: -o-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: -ms-linear-gradient( #bbb 0, #6e6e6e 100%);
	background: linear-gradient( #bbb 0, #6e6e6e 100%);
	filter: none
}

#toolPanelEditUndoButton:hover,
#toolPanelEditRedoButton:hover {
	color: #fff;
	background: #cd8700;
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #cd8700));
	background: -webkit-linear-gradient( #fdb70d, #cd8700);
	background: -moz-linear-gradient( #fdb70d, #cd8700);
	background: -o-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: -ms-linear-gradient( #fdb70d 0, #cd8700 100%);
	background: linear-gradient( #fdb70d 0, #cd8700 100%);
	filter: none
}

#toolPanelEditUndoButton:active,
#toolPanelEditRedoButton:active {
	color: #fff;
	background: #342200;
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #d59802), to( #342200));
	background: -webkit-linear-gradient( #d59802, #342200);
	background: -moz-linear-gradient( #d59802, #342200);
	background: -o-linear-gradient( #d59802 0, #342200 100%);
	background: -ms-linear-gradient( #d59802 0, #342200 100%);
	background: linear-gradient( #d59802 0, #342200 100%);
	filter: none
}

#toolPanelEditUndoButton span.ie-icon,
#toolPanelEditRedoButton span.ie-icon,
#toolPanelEditUndoButton span.icon,
#toolPanelEditRedoButton span.icon {
	position: absolute;
	font-family: Arial;
	font-size: 18pt;
	font-weight: 700;
	color: #888;
	vertical-align: middle
}

#toolPanelEditUndoButton span.ie-icon,
#toolPanelEditRedoButton span.ie-icon {
	display: none
}

#toolPanelEditUndoButton span.caption,
#toolPanelEditRedoButton span.caption {
	position: relative;
	vertical-align: middle
}

#toolPanelEditUndoButton span.ie-icon,
#toolPanelEditRedoButton span.ie-icon,
#toolPanelEditUndoButton span.icon,
#toolPanelEditRedoButton span.icon {
	left: 5px;
	top: -3px
}

#toolPanelEdit button {
	position: relative;
	width: 130px;
	padding-left: 35px;
	text-align: left;
	margin-bottom: 3px
}

#openingPanelEdit button,
#pathPanelEdit button,
#surfacePanelEdit button,
#foregroundPanelEdit button,
#perspectiveAdjustPanel button {
	position: relative;
	width: 130px;
	padding-left: 10px;
	margin-bottom: 5px;
	text-align: left
}

#zoomContainer {
	position: absolute;
	top: 0;
	z-index: 5;
	right: 0;
	height: 24px;
	padding: 0 2px 2px 2px;
	width: 24px;
	background: #000;
	color: #fff;
	opacity: .6;
	filter: alpha(opacity=60);
	-webkit-border-radius: 0 0 0 13px;
	-moz-border-radius: 0 0 0 13px;
	border-radius: 0 0 0 13px;
	cursor: default
}

#zoomContainer .zoom {
	position: relative
}

#zoomContainer .zoomPercent {
	position: relative;
	font-size: 6.5pt
}

#zoomContainer .message {
	position: relative;
	font-size: 13px;
	background: #000;
	color: #fff;
	padding: 0;
	top: -10px;
	left: 0;
	opacity: 1.0;
	text-transform: none
}

#panBlanket {
	position: relative;
	background: #000;
	opacity: .3;
	filter: alpha(opacity=30)
}

#panBlanketMessage {
	background-color: transparent;
	color: #fff;
	font-size: larger;
	font-weight: 700;
	padding: 0
}

.hotspot.spot {
	position: absolute;
	font-family: Times New Roman, Times Roman, serif;
	font-style: italic;
	font-weight: 700;
	cursor: pointer;
	margin-top: -9px;
	margin-left: -9px;
	width: 18px;
	height: 18px;
	border-radius: 9px;
	color: #333;
	border: 1px solid #be7d00;
	background: #cd8700;
	background: -moz-radial-gradient(center, ellipse cover, #fdb70d 0, #cd8700 60%);
	background: -webkit-gradient(radial, center center, 0px, center center, 60%, color-stop(60%, #fdb70d), color-stop(60%, #cd8700));
	background: -webkit-radial-gradient(center, ellipse cover, #fdb70d 0, #cd8700 60%);
	background: -o-radial-gradient(center, ellipse cover, #fdb70d 0, #cd8700 60%);
	background: -ms-radial-gradient(center, ellipse cover, #fdb70d 0, #cd8700 60%);
	background: radial-gradient(ellipse at center, #fdb70d 0, #cd8700 60%);
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	-moz-box-shadow: 0 0 5px 2px #999;
	-webkit-box-shadow: 0 0 5px 2px #999;
	box-shadow: 0 0 5px 2px #999;
	font-size: 14px;
	line-height: 18px;
	text-align: center
}

.hotspot.spot:hover,
.hotspot.spot:active {
	margin-top: -13px;
	margin-left: -13px;
	width: 26px;
	height: 26px;
	border-radius: 13px;
	line-height: 26px
}

.hotspot.rollover {
	position: absolute;
	padding: 10px 0;
	height: 55px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	-moz-box-shadow: 0 0 5px 2px #999;
	-webkit-box-shadow: 0 0 5px 2px #999;
	box-shadow: 0 0 5px 2px #999;
	background-color: #fff;
	color: #333
}

.hotspot.rollover img {
	position: relative;
	float: left;
	height: 55px;
	width: 90px;
	margin: 0 5px 0 10px
}

.hotspot.rollover div {
	position: relative;
	float: left;
	white-space: nowrap;
	margin-right: 10px
}

.hotspot.rollover .product-name {
	font-weight: 700
}

.hotspot.rollover .more {
	font-size: 13px
}

.hotspot.rollover.right .arrow {
	position: relative;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 12px solid #fff;
	position: absolute;
	left: -12px;
	top: 25.5px
}

.hotspot.rollover.left .arrow {
	position: relative;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #fff;
	position: absolute;
	right: -22px;
	top: 25.5px
}

.hotspot.popup {
	position: absolute;
	background-color: #fff;
	text-align: left;
	font-weight: 400;
	color: #333;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	-moz-box-shadow: 0 0 10px 5px #999;
	-webkit-box-shadow: 0 0 10px 5px #999;
	box-shadow: 0 0 10px 5px #999;
	width: 610px;
	height: 300px;
	padding: 20px;
	z-index: 101
}

.hotspot.popup img.more {
	margin-top: 10px;
	white-space: nowrap;
	cursor: pointer
}

.hotspot.popup img.logo {
	padding-bottom: 5px
}

.hotspot.popup .supplier-name {
	white-space: nowrap
}

.hotspot.popup .product-name {
	font-size: larger;
	font-weight: 700;
	white-space: nowrap
}

.hotspot.popup .description {
	width: 350px
}

.hotspot.popup div.more {
	position: absolute;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	color: #000
}

.hotspot.popup div.more:hover {
	color: #1a1a1a;
	text-decoration: underline
}

.hotspot.popup div.more:active {
	color: #333;
	text-decoration: underline
}

.hotspot.popup .logo-description {
	position: absolute;
	top: 50px;
	left: 280px
}

.hotspot.blanket {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60);
	z-index: 100
}

table.page {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: #fff
}

table.page td.clientBrand {
	height: 91px;
	text-align: left;
	vertical-align: bottom;
	padding: 0 0 5px 30px
}

table.page td.clientBrand img {
	display: none
}

table.page td.content {
	padding: 10px 0 0 20px
}

table.page td.content .frontpage {
	padding: 0 0 0 20px;
	width: 1200px
}

table.page td.content h1.intro {
	font-size: 150%;
	font-weight: 700;
	width: 20px
}

table.page td.content p.intro {
	font-size: 120%;
	width: 20px;
	margin-bottom: 30px
}

table.page td.content img.intro {
	width: 327px;
	margin-bottom: 50px;
	margin-left: -4px
}

table.page td.content strong {
	font-weight: 700;
	color: #000
}

table.page td.content h1 {
	font-size: larger;
	font-weight: 700;
	color: #333;
	margin: 0 0 3px 0
}

table.page td.content .startbutton {
	cursor: pointer;
	padding: 10px;
	width: 20px;
	border: 1px solid transparent;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
	background: rgba(255, 255, 255, .5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff)
}

table.page td.content .startbutton:hover {
	border: 1px solid #333
}

table.page td.content .startbutton:active {
	border: 1px solid #333;
	background: rgba(255, 255, 255, .8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff, endColorstr=#80ffffff)
}

table.page td.content div.rule {
	height: 1px;
	width: 20px;
	border-top: 1px solid #ccc;
	margin: 20px 0 20px 10px
}

table.page td.renoworksBrand {
	height: 22px;
	text-align: right;
	vertical-align: top;
	padding: 5px 30px 0 0
}

table.page td.renoworksBrand img {
	height: 22px
}

table.faded>tbody>tr>td {
	background: #fff;
	background: rgba(255, 255, 255, .7)
}

.frontpage.getstarted {
	position: absolute;
	color: #363636;
	top: 296px;
	width: 285px;
	left: 50%;
	margin-left: -435px;
	border: 1px solid #ccc;
	background: #fff
}

.frontpage.getstartedButton {
	cursor: pointer;
	background: #0795df;
	margin-top: 8px;
	color: #fff;
	font-size: 20px;
	padding: 15px;
	text-align: center
}

.frontpage.table {
	background: #fff
}

.frontpage.bottomBar {
	position: absolute;
	top: 530px;
	width: 100%;
	height: 36px;
	border-top: 8px solid #fff;
	background: #fdb70d
}

.frontpage.bottomButton {
	position: absolute;
	font-size: 17px;
	bottom: 10%;
	width: 250px;
	height: 180px;
	left: 50%;
	cursor: pointer;
	padding: 15px;
	border: 2px solid #ccc;
	background-image: url('../images/blank-90.png');
	color: #000
}

.frontpage.bottomButton h4,
.frontpage.bottomButton p {
	font-weight: 700;
	font-size: 21px;
	margin: 4px 0 20px 0
}

.frontpage.bottomButton:hover {
	border: 2px solid #000;
	background-color: #fff
}

.frontpage .button2 {
	position: relative;
	width: 180px;
	height: 26px;
	opacity: 1;
	font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-weight: 700;
	padding: 7px;
	border-radius: 3px;
	color: #fff
}

.frontpage .button2Y {
	background-color: #EDA70D
}

.frontpage .button2Y:hover {
	background-color: #FDB70D
}

.frontpage .button2R {
	background-color: #B2030A
}

.frontpage .button2R:hover {
	background-color: #D2232A
}

.frontpage .button2B {
	background-color: #1A4E9C
}

.frontpage .button2B:hover {
	background-color: #006FB6
}

.frontpage.background {
	position: absolute;
	top: 91px;
	left: 0;
	width: 100%;
	height: 546px
}

.frontpage.logo {
	position: absolute;
	top: 81px;
	width: 100%;
	height: 200px;
	background: url("../images/curbappeal-logo.png") center center no-repeat;
	margin-left: -285px
}

.frontpage.picture {
	position: absolute;
	top: 70px;
	right: 50%;
	margin-right: -435px;
	width: 25%
}

.frontpage h4 {
	font-size: 15pt;
	font-weight: 700
}

.frontpage p {
	margin-top: 8px
}

.frontpage.difmContainer {
	position: relative;
	top: 196px;
	width: 440px;
	left: 50%;
	margin-left: -434px;
	border: 1px solid #ccc;
	background: rgba(255, 255, 255, .9);
	padding: 20px
}

.frontpage.HR {
	position: absolute;
	top: 216px;
	width: 100%;
	height: 2px;
	background: #fdb70d
}

.frontpage.renoworks {
	position: absolute;
	bottom: -125px;
	left: 50%;
	margin-left: 372px
}

.frontpage.getstartedButton:hover {
	background: #fdb70d
}

.fixed {
	height: 1px;
	padding: 0 0 15px 0
}

.fixed p {
	margin: 0 0 15px 0
}

#myProjectsSignIn p,
#myProjectsNoneMessage p,
#uploadProjectContainer p {
	width: 400px
}

#myProjectsSignIn p a,
#myProjectsNoneMessage p a,
#uploadProjectContainer p a {
	font-weight: 700;
	text-decoration: none
}

#myProjectsSignIn p a:hover,
#myProjectsNoneMessage p a:hover,
#uploadProjectContainer p a:hover {
	text-decoration: underline
}

#sampleProjectsContainer,
#myProjectsContainer {
	width: 100%;
	height: 100%
}

#sampleProjectsScrollContainer {
	-webkit-overflow-scrolling: touch
}

#sampleProjectsContainer .goback,
#myProjectsContainer .goback,
#myProjectsSignIn .goback {
	margin-left: 5px
}

#sampleProjectsList tr,
#myProjectsList tr {
	font-size: 0;
	line-height: 0
}

#sampleProjectsList,
#myProjectsList {
	padding-left: 5px;
	padding-top: 5px
}

.projects {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: 100%;
	padding: 1px
}

.projects .item {
	float: left;
	margin: 0 10px 10px 0;
	width: 200px;
	height: 200px;
	height: auto;
	border: 1px solid transparent;
	border: 1px solid #6e6e6e
}

.projects .item:hover {
	border: 1px solid #fdb70d
}

.projects .item:active {
	border: 1px solid #cd8700
}

.projects img {
	width: 100%;
	opacity: .85;
	filter: alpha(opacity=85)
}

.projects img:hover {
	opacity: 1;
	filter: none
}

.constrain {
	max-width: 400px
}

#uploadFrame {
	width: 100%;
	height: 32px;
	margin: 20px 0
}

#uploadFrameComplete {
	font-weight: 700;
	height: 32px;
	margin-top: 50px
}

.noseeum {
	position: relative;
	height: 0;
	width: 0;
	overflow: hidden
}

#visualizer,
#panels {
	position: relative
}

#display,
#canvas {
	position: absolute;
	overflow: hidden
}

#project {
	position: absolute
}

#left,
#panBlanket,
.disclaimer,
#productInfo,
#visualizer,
#display,
#project,
#canvas,
#canvas>svg,
.render,
#loupe,
#loupe>svg {
	-webkit-user-drag: none!important;
	-webkit-user-modify: read-only!important;
	-webkit-user-select: none!important;
	-webkit-touch-callout: none!important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

#stepOneGuidancePanel h1,
#stepTwoGuidancePanel h1 {
	font-weight: 700;
	margin-bottom: 10pt
}

.help {
	position: absolute
}

#loupe {
	z-index: 20;
	position: absolute
}

#defineScaleStart img,
#defineScaleMiddle img {
	float: right;
	padding-left: 10px
}

#defineScaleEnd .edit {
	width: 50px;
	text-align: right
}

#defineScaleEnd label {
	display: block;
	margin-bottom: 3px
}

.measureCancel span,
.measureAgain span,
.measureComplete span {
	font-family: Arial
}

#productPanel {
	position: relative;
	overflow-y: scroll;
	padding: 6px
}

.pane {
	position: relative;
	display: block;
	padding-bottom: 10px;
	clear: left;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.pane h1 {
	font-size: larger;
	color: #333
}

#designGuidancePanel .swatch {
	position: relative;
	float: left;
	margin: 8px 8px 0 0;
	width: 104px;
	height: 72px;
	overflow: hidden;
	cursor: pointer;
	border: 0 solid #ccc;
	border-radius: 0 0 3px 3px;
	background-color: #000
}

#designGuidancePanel .swatch img {
	position: relative;
	width: 104px;
	border: 0;
	background-color: #fff
}

#designGuidancePanel .swatch.selected {
	cursor: default;
	border: 2px solid #000;
	width: 100px;
	height: 68px
}

#designGuidancePanel .swatch.selected img {
	left: -2px;
	top: -2px
}

#designGuidancePanel .swatch.selected p {
	padding: 3px 0 1px 0
}

#designGuidancePanel .swatch:hover {
	border: 2px solid #000;
	width: 100px;
	height: 68px
}

#designGuidancePanel .swatch:hover p {
	padding: 3px 0 1px 0
}

#designGuidancePanel .swatch p {
	position: absolute;
	color: #fff;
	background-color: #000;
	text-align: center;
	font-size: 12px;
	left: 0;
	bottom: 0;
	padding: 3px 2px 3px 2px;
	width: 100px
}

#designGuidancePanel .pane.descriptive .swatch {
	float: none;
	margin: 12px 0 0 0;
	width: auto;
	height: auto
}

#designGuidancePanel .pane.descriptive .swatch img {
	width: 192px;
	border: 2px solid transparent;
	background-color: #fff
}

#designGuidancePanel .pane.descriptive .swatch.selected {
	cursor: default
}

#designGuidancePanel .pane.descriptive .swatch.selected img {
	border: 2px solid #333;
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	-moz-box-shadow: 0 0 5px 2px #999;
	-webkit-box-shadow: 0 0 5px 2px #999;
	box-shadow: 0 0 5px 2px #999
}

#designGuidancePanel .pane.descriptive .swatch h1 {
	font-size: 110%;
	color: #333;
	background-color: transparent;
	margin: 0 0 0 6px
}

#designGuidancePanel .pane.descriptive .swatch p {
	color: #333;
	margin: 0 0 0 6px
}

#designGuidancePanel .pane.descriptive .swatch p.ieshadow {
	display: none
}

#designGuidancePanel .pane.descriptive .swatch td.first {
	vertical-align: top
}

#stacks {
	position: absolute;
	margin-top: 2px
}

#snapshotContainer {
	position: relative;
	font-size: 13px;
	border-right: 1px solid black;
	padding-right: 10px;
	margin-right: 10px
}

#snapshotContainer p.disabled,
#snapshotContainer p.enabled-snapless {
	position: absolute;
	top: 30%;
	width: 100%
}

#snapshotContainer p.disabled {
	display: none
}

#snapshotContainer.disabled.stock p.disabled.anonymous {
	display: none
}

#snapshotContainer.disabled.stock p.disabled.stock {
	display: block
}

#snapshotContainer.disabled.stock #snapshotStackCameraDisabledMessage {
	display: none
}

#snapshotContainer.disabled.anonymous p.disabled.anonymous {
	display: block
}

#snapshotContainer.disabled.anonymous p.disabled.stock {
	display: none
}

#snapshotContainer.disabled.anonymous #snapshotStackCameraDisabledMessage {
	display: none
}

#productContainer {
	position: relative;
	font-size: 13px
}

.stack {
	position: relative;
	margin-top: 3px
}

.stack-scroll {
	position: absolute;
	bottom: 0;
	cursor: pointer;
	width: 20px;
	height: 40px;
	line-height: 40px;
	background-color: #fff;
	color: #cd8700;
	font-size: 14pt;
	font-family: Times Roman, Times New Roman, serif;
	z-index: 2
}

.stack-left {
	border-right: 1px solid #cd8700;
	-moz-box-shadow: 5px 0 5px -3px #999;
	-webkit-box-shadow: 5px 0 5px -3px #999;
	box-shadow: 5px 0 5px -3px #999
}

.stack-right {
	border-left: 1px solid #cd8700;
	text-align: right;
	-moz-box-shadow: -5px 0 5px -3px #999;
	-webkit-box-shadow: -5px 0 5px -3px #999;
	box-shadow: -5px 0 5px -3px #999
}

.stack-item,
.stack-button,
.stack-slider {
	position: relative;
	cursor: pointer;
	background-color: #ccc;
	color: #cd8700;
	border: 0 solid #cd8700;
	overflow: hidden
}

.stack-item img {
	width: 100%;
	cursor: pointer
}

.stack-button #snapshotStackCameraDisabledMessage {
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	top: 30%;
	text-align: center;
	font-size: 13px
}

.stack-button.disabled #snapshotStackCameraDisabledMessage {
	display: block;
	color: #000;
	cursor: default
}

.stack-button.disabled #snapshotStackCamera {
	cursor: default;
	opacity: .4
}

.stack-button.disabled #snapshotStackCamera div {
	filter: alpha(opacity=40);
	zoom: 1
}

.message {
	position: absolute;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
	font-weight: 700;
	text-align: center;
	background-color: #000;
	color: #fff;
	opacity: .75;
	filter: alpha(opacity=75);
	text-transform: uppercase
}

#productInfoSpeechArrow,
#advancedOptionsSpeechArrow {
	position: relative;
	width: 14px;
	height: 11px;
	top: -11px
}

#advancedContainer {
	position: relative;
	margin: 10px
}

#advancedOptions {
	position: relative;
	background-color: #e6e6e6;
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #ccc;
	padding: 0 10px 10px 10px;
	margin: 0 10px 10px 10px
}

#advancedOptions.cancel,
#advancedOptions.apply {
	margin: 10px 0 0 0;
	width: 100px
}

#advancedOptions h3 {
	color: #333
}

#regionalitySelect {
	position: relative;
	top: 2px;
	left: 10px;
	display: none
}

.popup {
	position: absolute;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 10px;
	font-weight: 700;
	text-align: center;
	background: #fff;
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	-moz-box-shadow: 0 0 10px 5px #999;
	-webkit-box-shadow: 0 0 10px 5px #999;
	box-shadow: 0 0 10px 5px #999
}

.popup button {
	border: 1px solid #888;
	background: #d5d5d5;
	background: -moz-linear-gradient( #eee, #d5d5d5);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #eee), to( #d5d5d5));
	background: -webkit-linear-gradient( #eee, #d5d5d5);
	background: -o-linear-gradient( #eee 0, #d5d5d5 100%);
	background: -ms-linear-gradient( #eee 0, #d5d5d5 100%);
	background: linear-gradient( #eee 0, #d5d5d5 100%);
	float: right;
	color: #333;
	border-color: #a2a2a2
}

.popup button:hover {
	border: 1px solid #555;
	background: #a2a2a2;
	background: -moz-linear-gradient( #d5d5d5, #a2a2a2);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #d5d5d5), to( #a2a2a2));
	background: -webkit-linear-gradient( #d5d5d5, #a2a2a2);
	background: -o-linear-gradient( #d5d5d5 0, #a2a2a2 100%);
	background: -ms-linear-gradient( #d5d5d5 0, #a2a2a2 100%);
	background: linear-gradient( #d5d5d5 0, #a2a2a2 100%)
}

.popup button:active {
	border: 1px solid #222;
	background: #6f6f6f;
	background: -moz-linear-gradient( #bbb, #6f6f6f);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #bbb), to( #6f6f6f));
	background: -webkit-linear-gradient( #bbb, #6f6f6f);
	background: -o-linear-gradient( #bbb 0, #6f6f6f 100%);
	background: -ms-linear-gradient( #bbb 0, #6f6f6f 100%);
	background: linear-gradient( #bbb 0, #6f6f6f 100%)
}

.popup .remove {
	margin-right: 5px
}

.name {
	font-size: larger;
	font-weight: 700;
	padding-bottom: 5px
}

.name.active {
	border: 1px solid #fff
}

input.name {
	font-size: larger;
	font-weight: 700;
	padding-bottom: 5px;
	border: 1px solid transparent;
	width: 100%;
	margin-left: -4px;
	margin-top: -1px;
	padding: 3px
}

input.name.active {
	border: 1px solid #cd8700
}

#review {
	position: absolute;
	padding-bottom: 10px
}

#review .review {
	float: left;
	margin: 10px 10px 0 0
}

#review.swapped .review {
	float: right
}

#productInfo.popup {
	position: absolute;
	font-weight: 700;
	text-align: left;
	color: #333
}

#productInfo.popup table {
	width: 270px;
	font-weight: 400;
	text-align: left;
	padding: 0
}

#productInfo.popup table tbody {
	width: 100%
}

#productInfo.popup table tbody td {
	padding-right: 2px;
	vertical-align: top
}

#productInfo.popup table tbody td.title {
	color: #b3b3b3
}

#productInfo.popup img {
	width: 100px;
	border: 1px solid #cd8700;
	background-color: #fff
}

#productInfo.popup div.inline {
	width: 100px;
	line-height: 0;
	padding-right: 10px
}

#productInfo.popup .fade {
	color: #b3b3b3;
	font-weight: 400
}

#productInfo.popup .name {
	color: #333
}

.review {
	position: relative;
	font-weight: 700;
	text-align: left;
	color: #333
}

.review table {
	width: 270px;
	font-weight: 400;
	text-align: left;
	padding: 0
}

.review table tbody {
	width: 100%
}

.review table tbody td {
	padding-right: 2px;
	vertical-align: top
}

.review table tbody td.title {
	color: #808080
}

.review img {
	width: 100px;
	border: 1px solid #cd8700;
	background-color: #fff
}

.review div.inline {
	width: 100px;
	line-height: 0;
	padding-right: 10px
}

.review .fade {
	color: #808080;
	font-weight: 400
}

.review .name {
	color: #333
}

.review .name .desktop,
.review .name .mobile {
	font-weight: 400
}

div.social a,
div.social div {
	color: #333;
	text-decoration: none;
	display: block;
	border-radius: 3px;
	margin-bottom: 4px;
	padding: 2px;
	cursor: pointer;
	font-size: 16px
}

div.social a:hover,
div.social div:hover {
	background-color: #fdb70d;
	color: #fff
}

div.social a:hover img.light,
div.social div:hover img.light {
	display: none
}

div.social a:hover img.dark,
div.social div:hover img.dark {
	display: inline
}

div.social a:active,
div.social div:active {
	background-color: #a37401;
	color: #fff
}

div.social a:active img.light,
div.social div:active img.light {
	display: none
}

div.social a:active img.dark,
div.social div:active img.dark {
	display: inline
}

div.social a img,
div.social div img {
	vertical-align: middle;
	padding-right: 10px
}

div.social a img.light,
div.social div img.light {
	display: inline
}

div.social a img.dark,
div.social div img.dark {
	display: none
}

.idevice div.social a img.light,
.idevice div.social a:link img.light,
.idevice div.social a:visited img.light,
.idevice div.social:hover img.light,
.idevice div.social:active img.light {
	display: none
}

.idevice div.social a img.dark,
.idevice div.social a:link img.dark,
.idevice div.social a:visited img.dark,
.idevice div.social:hover img.dark,
.idevice div.social:active img.dark {
	display: inline
}

iframe.configurator {
	width: 100%;
	height: 100%
}

div.configurator {
	position: absolute;
	z-index: 101;
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	-moz-box-shadow: 0 0 10px 5px #999;
	-webkit-box-shadow: 0 0 10px 5px #999;
	box-shadow: 0 0 10px 5px #999;
	overflow: hidden;
	-webkit-overflow-scrolling: touch
}

div.configurator-blanket {
	position: absolute;
	z-index: 100;
	background: #fff;
	padding: 40px;
	opacity: .6;
	filter: alpha(opacity=60)
}

iframe.printable {
	width: 100%;
	height: 100%
}

div.printable {
	position: absolute;
	z-index: 101;
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	-moz-box-shadow: 0 0 10px 5px #999;
	-webkit-box-shadow: 0 0 10px 5px #999;
	box-shadow: 0 0 10px 5px #999;
	overflow: hidden;
	-webkit-overflow-scrolling: touch
}

div.printable-blanket {
	position: absolute;
	z-index: 100;
	background: #fff;
	padding: 0 40px 40px 40px;
	opacity: .6;
	filter: alpha(opacity=60)
}

.local-account {
	line-height: 35px;
	position: absolute;
	z-index: 10
}

.local-account h1 {
	line-height: normal;
	font-weight: 700;
	margin-bottom: 10px
}

.local-account td label {
	vertical-align: baseline
}

.local-account td .edit {
	width: 220px;
	margin-left: 5px;
	vertical-align: baseline
}

.local-account td input[type=checkbox],
.local-account td select.edit {
	margin-left: 5px;
	width: auto
}

.local-account div.buttons {
	text-align: right;
	line-height: normal
}

.local-account div.buttons button {
	margin-top: 8px
}

.local-account div.buttons button.apply {
	width: 125px
}

.local-account div.buttons button.cancel {
	width: 100px
}

.local-account .fail {
	margin-top: 10px;
	text-align: center;
	background-color: red;
	color: #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px
}

.local-account .success {
	margin-top: 10px;
	text-align: center;
	background-color: green;
	color: #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px
}

.local-account div.arrow-up {
	position: relative;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #e6e6e6
}

.local-account .create button,
.local-account .update button {
	width: 120px
}

div.balloon {
	position: absolute;
	z-index: 10;
	width: 275px
}

div.balloon>.content {
	position: relative;
	padding: 20px;
	color: #333;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px
}

div.balloon>.content h1 {
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 3px
}

div.balloon .showme,
div.balloon .goaway {
	color: #333;
	border-bottom: 1px solid #333;
	padding-bottom: 1px
}

div.balloon .showme:hover,
div.balloon .goaway:hover {
	border-bottom: 2px solid #333
}

div.balloon.left>.content {
	background-color: #caab49;
	background-image: -moz-linear-gradient(left, #caab49, #f7dd7b);
	background-image: -o-linear-gradient(left, #caab49, #f7dd7b);
	background-image: -webkit-linear-gradient(left, #caab49, #f7dd7b);
	background-image: -ms-linear-gradient(left, #caab49, #f7dd7b);
	background-image: linear-gradient(left, #caab49, #f7dd7b);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#caab49, endColorstr=#f7dd7b, gradientType=1)
}

div.balloon.left>.arrow {
	position: relative;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #f7dd7b;
	position: absolute;
	right: -12px
}

div.balloon.left .close {
	color: #6c5707;
	border-color: #cda40c;
	background-color: #f1c41b;
	background-image: -moz-linear-gradient(left, #f1c41b, #f4d14b);
	background-image: -o-linear-gradient(left, #f1c41b, #f4d14b);
	background-image: -webkit-linear-gradient(left, #f1c41b, #f4d14b);
	background-image: -ms-linear-gradient(left, #f1c41b, #f4d14b);
	background-image: linear-gradient(left, #f1c41b, #f4d14b);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#f1c41b, endColorstr=#f4d14b, gradientType=1)
}

div.balloon.left .close:hover {
	background-color: #e5b80e;
	background-image: -moz-linear-gradient(left, #e5b80e, #f3ca33);
	background-image: -o-linear-gradient(left, #e5b80e, #f3ca33);
	background-image: -webkit-linear-gradient(left, #e5b80e, #f3ca33);
	background-image: -ms-linear-gradient(left, #e5b80e, #f3ca33);
	background-image: linear-gradient(left, #e5b80e, #f3ca33);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#e5b80e, endColorstr=#f3ca33, gradientType=1)
}

div.balloon.left .close:active {
	background-color: #cda40c;
	background-image: -moz-linear-gradient(left, #cda40c, #f1c41b);
	background-image: -o-linear-gradient(left, #cda40c, #f1c41b);
	background-image: -webkit-linear-gradient(left, #cda40c, #f1c41b);
	background-image: -ms-linear-gradient(left, #cda40c, #f1c41b);
	background-image: linear-gradient(left, #cda40c, #f1c41b);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#cda40c, endColorstr=#f1c41b, gradientType=1)
}

div.balloon.right>.content {
	left: 12px;
	background-color: #f7dd7b;
	background-image: -moz-linear-gradient(left, #f7dd7b, #caab49);
	background-image: -o-linear-gradient(left, #f7dd7b, #caab49);
	background-image: -webkit-linear-gradient(left, #f7dd7b, #caab49);
	background-image: -ms-linear-gradient(left, #f7dd7b, #caab49);
	background-image: linear-gradient(left, #f7dd7b, #caab49);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#f7dd7b, endColorstr=#caab49, gradientType=1)
}

div.balloon.right>.arrow {
	position: relative;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-right: 12px solid #f7dd7b;
	position: absolute
}

div.balloon.right .close {
	color: #5e4e1c;
	background-color: #caab49;
	background-image: -moz-linear-gradient(left, #caab49, #ad9033);
	background-image: -o-linear-gradient(left, #caab49, #ad9033);
	background-image: -webkit-linear-gradient(left, #caab49, #ad9033);
	background-image: -ms-linear-gradient(left, #caab49, #ad9033);
	background-image: linear-gradient(left, #caab49, #ad9033);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#caab49, endColorstr=#ad9033, gradientType=1);
	border-color: #ad9033
}

div.balloon.right .close:hover {
	background-color: #c1a038;
	background-image: -moz-linear-gradient(left, #c1a038, #9a802d);
	background-image: -o-linear-gradient(left, #c1a038, #9a802d);
	background-image: -webkit-linear-gradient(left, #c1a038, #9a802d);
	background-image: -ms-linear-gradient(left, #c1a038, #9a802d);
	background-image: linear-gradient(left, #c1a038, #9a802d);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#c1a038, endColorstr=#9a802d, gradientType=1)
}

div.balloon.right .close:active {
	background-color: #ad9033;
	background-image: -moz-linear-gradient(left, #ad9033, #866f27);
	background-image: -o-linear-gradient(left, #ad9033, #866f27);
	background-image: -webkit-linear-gradient(left, #ad9033, #866f27);
	background-image: -ms-linear-gradient(left, #ad9033, #866f27);
	background-image: linear-gradient(left, #ad9033, #866f27);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ad9033, endColorstr=#866f27, gradientType=1)
}

div.balloon.below>.content {
	background-color: #f7dd7b;
	background-image: -moz-linear-gradient(top, #f7dd7b, #caab49);
	background-image: -o-linear-gradient(top, #f7dd7b, #caab49);
	background-image: -webkit-linear-gradient(top, #f7dd7b, #caab49);
	background-image: -ms-linear-gradient(top, #f7dd7b, #caab49);
	background-image: linear-gradient(top, #f7dd7b, #caab49);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#f7dd7b, endColorstr=#caab49, gradientType=0);
	top: 12px
}

div.balloon.below>.arrow {
	position: relative;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #f7dd7b;
	position: absolute;
	top: 0
}

div.balloon.below .close {
	color: #6c5707;
	border-color: #f1c41b;
	background-color: #f4d14b;
	background-image: -moz-linear-gradient(top, #f4d14b, #f1c41b);
	background-image: -o-linear-gradient(top, #f4d14b, #f1c41b);
	background-image: -webkit-linear-gradient(top, #f4d14b, #f1c41b);
	background-image: -ms-linear-gradient(top, #f4d14b, #f1c41b);
	background-image: linear-gradient(top, #f4d14b, #f1c41b);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#f4d14b, endColorstr=#f1c41b, gradientType=0)
}

div.balloon.below .close:hover {
	background-color: #f3ca33;
	background-image: -moz-linear-gradient(top, #f3ca33, #e5b80e);
	background-image: -o-linear-gradient(top, #f3ca33, #e5b80e);
	background-image: -webkit-linear-gradient(top, #f3ca33, #e5b80e);
	background-image: -ms-linear-gradient(top, #f3ca33, #e5b80e);
	background-image: linear-gradient(top, #f3ca33, #e5b80e);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#f3ca33, endColorstr=#e5b80e, gradientType=0)
}

div.balloon.below .close:active {
	background-color: #f1c41b;
	background-image: -moz-linear-gradient(top, #f1c41b, #cda40c);
	background-image: -o-linear-gradient(top, #f1c41b, #cda40c);
	background-image: -webkit-linear-gradient(top, #f1c41b, #cda40c);
	background-image: -ms-linear-gradient(top, #f1c41b, #cda40c);
	background-image: linear-gradient(top, #f1c41b, #cda40c);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#f1c41b, endColorstr=#cda40c, gradientType=0)
}

div.balloon.above>.content {
	background-color: #caab49;
	background-image: -moz-linear-gradient(top, #caab49, #f7dd7b);
	background-image: -o-linear-gradient(top, #caab49, #f7dd7b);
	background-image: -webkit-linear-gradient(top, #caab49, #f7dd7b);
	background-image: -ms-linear-gradient(top, #caab49, #f7dd7b);
	background-image: linear-gradient(top, #caab49, #f7dd7b);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#caab49, endColorstr=#f7dd7b, gradientType=0);
	top: -12px
}

div.balloon.above>.arrow {
	position: relative;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #f7dd7b;
	position: absolute;
	bottom: 0
}

div.balloon.above .close {
	color: #5e4e1c;
	border-color: #ad9033;
	background-color: #ad9033;
	background-image: -moz-linear-gradient(top, #ad9033, #caab49);
	background-image: -o-linear-gradient(top, #ad9033, #caab49);
	background-image: -webkit-linear-gradient(top, #ad9033, #caab49);
	background-image: -ms-linear-gradient(top, #ad9033, #caab49);
	background-image: linear-gradient(top, #ad9033, #caab49);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ad9033, endColorstr=#caab49, gradientType=0)
}

div.balloon.above .close:hover {
	background-color: #9a802d;
	background-image: -moz-linear-gradient(top, #9a802d, #c1a038);
	background-image: -o-linear-gradient(top, #9a802d, #c1a038);
	background-image: -webkit-linear-gradient(top, #9a802d, #c1a038);
	background-image: -ms-linear-gradient(top, #9a802d, #c1a038);
	background-image: linear-gradient(top, #9a802d, #c1a038);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#9a802d, endColorstr=#c1a038, gradientType=0)
}

div.balloon.above .close:active {
	background-color: #866f27;
	background-image: -moz-linear-gradient(top, #866f27, #ad9033);
	background-image: -o-linear-gradient(top, #866f27, #ad9033);
	background-image: -webkit-linear-gradient(top, #866f27, #ad9033);
	background-image: -ms-linear-gradient(top, #866f27, #ad9033);
	background-image: linear-gradient(top, #866f27, #ad9033);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#866f27, endColorstr=#ad9033, gradientType=0)
}

div.checkmark {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 16px;
	height: 16px;
	background-color: green;
	color: #fff;
	-ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#999999);
	-moz-box-shadow: 0 0 5px 2px #999;
	-webkit-box-shadow: 0 0 5px 2px #999;
	box-shadow: 0 0 5px 2px #999;
	border: 2px solid white;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	line-height: 16px;
	display: none
}

#snapshotsReview {
	background: #fff
}

#snapshotsReview div.arrow-down {
	position: relative;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #fff
}

#snapshotsReview .snapshot {
	position: relative;
	float: left;
	margin: 5px;
	border: 2px solid transparent;
	cursor: pointer;
	overflow: hidden
}

#snapshotsReview .snapshot.selected {
	border-color: green
}

#snapshotsReview .container {
	position: relative;
	padding: 0 5px 5px 5px
}

#snapshotsReview .open,
#snapshotsReview .compare,
#snapshotsReview .none,
#snapshotsReview .one {
	vertical-align: middle
}

#snapshotsReview button {
	width: 120px;
	color: #eee;
	border-color: #d59802;
	border: 1px solid #3d2c01;
	background: #d59802;
	background: -moz-linear-gradient( #fdb70d, #d59802);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #fdb70d), to( #d59802));
	background: -webkit-linear-gradient( #fdb70d, #d59802);
	background: -o-linear-gradient( #fdb70d 0, #d59802 100%);
	background: -ms-linear-gradient( #fdb70d 0, #d59802 100%);
	background: linear-gradient( #fdb70d 0, #d59802 100%)
}

#snapshotsReview button.close {
	width: 80px
}

#snapshotsReview button:hover {
	border: 1px solid #010100;
	background: #9a6500;
	background: -moz-linear-gradient( #cd8700, #9a6500);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #cd8700), to( #9a6500));
	background: -webkit-linear-gradient( #cd8700, #9a6500);
	background: -o-linear-gradient( #cd8700 0, #9a6500 100%);
	background: -ms-linear-gradient( #cd8700 0, #9a6500 100%);
	background: linear-gradient( #cd8700 0, #9a6500 100%)
}

#snapshotsReview button:active {
	border: 1px solid #010100;
	background: #9a6500;
	background: -moz-linear-gradient( #cd8700, #9a6500);
	background: -webkit-gradient(linear, 0 0, 0 100%, from( #cd8700), to( #9a6500));
	background: -webkit-linear-gradient( #cd8700, #9a6500);
	background: -o-linear-gradient( #cd8700 0, #9a6500 100%);
	background: -ms-linear-gradient( #cd8700 0, #9a6500 100%);
	background: linear-gradient( #cd8700 0, #9a6500 100%)
}

#snapshotsReview .message {
	position: absolute
}

#snapshotsReview p.message {
	padding: 3px;
	font-size: 13px;
	min-width: 12px;
	bottom: 2px;
	left: 2px;
	opacity: .5;
	filter: alpha(opacity=50);
	font-weight: 400
}

#snapshotsReview p.one,
#snapshotsReview p.compare {
	width: 240px;
	margin-left: 10px
}

#snapshotsReview p.none {
	width: 280px;
	margin-left: 10px
}

#snapshotsReview div.selected div.checkmark {
	display: block
}

.laggs table.contractor {
	width: 340px
}

.laggs table.consumer {
	width: auto
}

.laggs h1 {
	padding: 10px 0 5px 0
}

.laggs input {
	width: 200px;
	padding: 3px;
	margin: 2px;
	border: 1px solid gray
}

.laggs input.error {
	background-color: #ff0
}

.laggs input[type=file] {
	border: 0;
	padding: 3px 6px 3px 0
}

.laggs input[type=image] {
	width: auto;
	border: 0;
	padding-left: 0
}

.laggs input[type=checkbox] {
	width: auto
}

.laggs td.checkbox {
	width: 200px;
	padding: 3px
}

.laggs tr.error td {
	margin: 5px 0;
	padding: 10px;
	background-color: #ff0
}


/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */

