.label {
	font-weight: bold;
	color: #333;
}
#content .configurator li {
	list-style: none;
}
#configuratorForm {
}

.buttons .next,
	.buttons .finish {
	float: right;
	margin-right: 20px;
}

.buttons .previous {
	float: left;
}

.buttons {
	margin-bottom: 10px;
}

.configuration-step {
	font-weight: bold;
}

.configurator-steps-wrapper {
	margin-right: 10px;
	width: 420px;
    float: right;
}

#configurator-right-sidebar {
	float: right;
	width: 180px;
	border: 1px solid #0908CE;
}

.configurator ul {
	list-style-type: none;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

ul.steps .option-step {
	padding: 3px 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	clear: left;
}

.price.free {
	display: none;
	height: 1px;
}

#updateButton {
	margin-top: 10px;
	width: 180px;
}

.valueOption input {
	margin-left: 10px;
	margin-bottom: 10px; /*width: 80px;*/
	padding: 2px;
}

.quantityOption input {
        width: 20px;
	margin-left: 10px;
	border: 1px solid #003366;
	padding: 2px;
	text-align: right;
}

.option.dropdownStep select {
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #003366;
}

.picture img {
	border: 0;
}

.base-price-row {
	border-bottom: none;
	font-size: 12px;
	padding: 3px;
	color: #fff;
	background-color: #2159cb;
	text-align: center;
}

.configured-price-row {
	border-top: none;
	padding: 3px;
	color: yellow;
	font-weight: bold;
	background-color: #2159cb;
	text-align: center;

}

.arrow {
	font-family: "Trebuchet MS", Geneva, sans-serif;
	color: #71984e;
	font-weight: bold;
	font-size: 1.4em;
	letter-spacing: -1px;
}

* html .arrow {
	letter-spacing: -1em;
}

.configured-price-row .price {
}

table.selected-options {
	padding: 5px;
	margin-top: 0;
	font-size: 10px;
	width: 100%;
	text-align: left;
}

a.step-name {
	font-weight: bold;
	font-size: 1.1em;
	padding-left: 4px;
}

a:link.step-name,
	a:visited.step-name {
	color: blue;
}

a:hover.step-name {
	color: blue;
	text-decoration: none;
}

table.selected-options .name {
	padding-left: 15px;
}

table.selected-options .value {
	margin-left: 3px;
}

table.selected-options .price.negative {
	color: red;
}

table.selected-options .price.positive {
	color: green;
}

input.error {
	background-color: #ffc0c0;
	color: inherit;
	font-weight: inherit;
}

span.error, div.error {
	font-weight: bold;
	color: red;
	margin-left: 5px;
	background-image: url( /images/exclamation-16.png );
	background-repeat: no-repeat;
	padding-left: 20px;
}

li.option.has-picture {
	float: left;
	font-size: 10px;
	text-align: center;
	padding-bottom: 3px;
	margin-right: 2px;
	margin-left: 5px;
	margin-bottom: 2px;
	clear: none;
	width: 88px;
	min-height: 140px;
}
* html li.option.has-picture {
	height: 120px;
}

li.option.no-picture {
	clear: left;
}
.option.has-picture .input-container {
	float: left;
	width: 20px;
	height: 10px;
	margin-left: 0;
}

li.booleanOption,
	li.immutableOption {
	text-align: left;
	margin-bottom: 5px;
}

.booleanOption .price {
	clear: left;
	text-align: center;
}

li.option.has-picture img {
	border: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

li.option.has-picture img.landscape {
	width: 80px;
}

li.option.has-picture img.portrait {
	height: 80px;
}

.label-option {
	display: block;
	font-weight: bold;
	width: 90%;
	text-align: left;
	clear: left;
	padding-left: 10px;
	color: #71984e;
	border-bottom: 1px dashed #71984e;
	margin-bottom: 5px;
}

.with-picture-name {
}

#configuratorForm label.disabled {
	color: #aaaaaa;
}
.booleanOption .price,
.immutableOption .price {
	background-color: #ffc;
	padding: 0 2px;
}

