@charset "utf-8";
/* General Colors:
	BasicBrown: #6c4221;
	DarkSage: #325136;
	MediumSage: #869e89;
	LightSage: #9aac9c;
	VeryLightSage: #d7e6d9;
	Copper: #b1775b;
	LightCopper: #e58d5b;
 */

div#print-header {
	display: none;
}
div#sidebar-info {
	float: right;
	width: 220px;
}
div#help,
div#print {
	width: 220px;
	margin-bottom: 1em;
}
div#print {
	background-image: url(../img/sage/section-4.png);
}
div#help div.content,
div#print div.content {
	padding-left: 8px;
	paddign-right: 8px;
	font-size: 0.9em;
}
div#help div.content img {
	vertical-align: text-top;
}
div#print div.content p.print-button {
	text-align: center;
}

div#order-form {
	background-image: url(../img/sage/section-2.png);
	margin-right: 240px;
}

div#order-section-customer {
	padding-bottom: 1em;
}

div#order-section-customer div.row {
	height: 1%;
	position: relative;
	clear: left;
	padding-top: 2px;
	padding-bottom: 2px;
}
/* hide from IE 6 */
div#order-section-customer>div.row {
	overflow: auto;
	width: 100%
}

div#order-section-customer label {
	margin: 0 0 0 0;
	display: block;
	padding-top: 2px;
	width: 10em;
	float: left;
	vertical-align: top;
	color: #325136;
	overflow: hidden;
}
div#order-section-customer label.required {
	font-weight: bold;
}
div#order-section-customer span.value {
	display: block;
	float: left;
}
div#order-section-customer input.text,
div#order-section-customer textarea.text {
	background: White;
	color: Black;
	border: 1px solid #6c4221;
	font-family: "Lucida Grande", Lucida, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 2px;
	width: 20em;
}
div#order-section-customer textarea.text {
	background: White url(../img/sage/textarea-bg.png) no-repeat left top;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}
div#order-section-customer input#phone,
div#order-section-customer input#fax { width: auto; }
div#order-section-customer input.text {
	border-width: 0 0 1px 0;
}
input.default-value,
textarea.default-value {
	color: #CCCCCC !important;
}

div#order-section-customer input.invalid,
div#order-section-customer textarea.invalid {
	background-color: #990000 !important;
	color: White !important;
	background-image: none;
}

textarea#address,
textarea#comments {
	overflow: auto;
}
div#order-section-customer div#row-sample span.value {
	width: 21em;
}
div#order-section-customer div#row-sample span.value label {
	display: inline;
	display: -moz-inline-box;
	display: inline-block;
	float: none;
	overflow: visible;
	color: Black;
	width: 18em;
}
div#order-section-customer div.row span.value label img {
	display: none;
}

table#t-choices {
	clear: left;
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	table-layout: fixed;
	border-spacing: 0;
}
div>table#t-choices {
	width: 100%;
}
table#t-choices.disabled {
	opacity: 0.25;
	filter: alpha(opacity=25);
}
table#t-choices th {
	padding: 4px 2px 3px 2px;
	vertical-align: bottom;
	font-size: 0.9em;
	font-weight: bold;
	border-bottom: 1px solid #325136;
}
table#t-choices th img { border: 1px solid #6c4221; }
table#t-choices th a,
table#t-choices th a:link,
table#t-choices th a:visited {
	text-decoration: none;
}


span.colorBox {
	margin-left: 0.5em;
}
span.colorBox img {
	border: 1px solid Black;
	vertical-align: text-top;
}

td.color-name,
tfoot td.color-names {
	white-space: nowrap;
	text-align: right;
	font-size: 0.75em;
	padding-right: 4px;
}

table#t-choices tr.odd { background-color: #d7e6d9; }
table#t-choices tr#row-color-MIXED td { border-bottom: 1px solid #325136 !important; }
table#t-choices td.ordercount {
	border-left: 1px solid #325136;
	border-right: 1px solid #325136;
	padding: 3px;
	border-spacing: 0;
}

/* General styling for ordercount inputs */
table#t-choices tbody tr td.ordercount input {
	text-align: right;
	background-color: transparent;
	color: Black;
	border: none;
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 1.0em;
}

/* Styling for the scarves row */
table#t-choices tr#row-scarves {
	border-top: 1px solid Black;
}
table#t-choices tr#row-scarves td {
	padding-top: .5em;
	padding-bottom: .5em;
}
table#t-choices tr#row-scarves td.note {
	padding-left: .5em;
	font-size: .75em;
	background: #FEFEFE;
}

table#t-choices td#totalcost {
	padding-top: 3px;
	border-top: 1px solid #325136;
	text-align: center;
}
table#t-choices td#totalcost span.label {
	padding-right: 1em;
	padding-left: 2em;
	color: #325136;
	font-size: 0.9em;
}
table#t-choices td#totalcost span.value {
	font-weight: bold;
}

table#t-choices tbody tr td.ordercount input.error {
	color: White !important;
	background-color: #990000 !important;
}

div.form-buttons {
	margin: 1em 0;
	padding-left: 10em;
}