.formOrderContainer{
	/*font: normal 9pt/1.2 "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;*/
	min-width:400px;
	max-width:700px;
	padding: 0 20px;
	/*color:#333;*/
}

.formOrderContainer h1{
	font: normal 180%/1.1 Georgia, "Times New Roman", Times, serif;
	color:#d60500;
	/*margin-bottom:0;*/
	padding-bottom:0;
}
.formOrderContainer h3{
	font-size:120%;
	font-weight:normal;
	color:#333;
	border-bottom:solid 1px #ccc;
	padding:.1em 0;
}
.formOrderContainer a img{border:none;}

.formOrderContainer small{
	font-size:9pt;
	color:#888;
}
.formOrderContainer ul{}
.formOrderContainer ul li {
/*	list-style:none;
	padding-left: 14px;
	background: url(/order/images/bullet.gif) 0 0.6em no-repeat;*/
}
.formOrderContainer hr{
	display:block;
	height:1px;
	border:none;
	background-color:#bbb;
	margin:0;
}
.formOrderContainer{margin:0 auto; padding:0;}
.formOrderContainer .formOrder{
	margin:0;
	padding:20px 40px;
	background:#ededed;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

.formOrderContainer dl{zoom:1; margin:5px 0; padding:0;}
.formOrderContainer dl:after {
	content: ' ';
	clear:both;
	display: block;
	width: 0; height: 0;
	overflow: hidden;
	font-size: 0;
}
.formOrderContainer dl dt{
	float:left;
	width:150px;
}
.formOrderContainer dl dd{
	margin-left:170px;
}

.formOrderContainer dl.formHeader{border-bottom:solid 1px #666; padding:5px 0;}
.formOrderContainer dl.formHeader dt{font-weight:bold;}
.formOrderContainer dl.formHeader dd{text-align:right;}

.formOrderContainer dl.formFooter{border-top:solid 1px #666; padding:5px 0;}
.formOrderContainer dl.formFooter dt{font-weight:bold;}
.formOrderContainer dl.formFooter dd{text-align:right;}

.formOrderContainer dl.formResult{
	line-height:30pt;
	font-size:120%;
	padding: 10px 40px 5px;
}

.formOrderContainer dl.formResult dt{color:#333;}
.formOrderContainer dl.formResult dd{text-align:right; color:#333;}
.formOrderContainer dl.formResult dd p{text-align:right; margin:0; padding:0;}
.formOrderContainer dl.formResult dd big{font-size:130%; line-height:1em;}


.formOrderContainer dl.formAction{
	padding-top:5px;
	padding-bottom:10px;
}
.formOrderContainer dl.formAction dd{
	margin-right:40px;
}
.formOrderContainer dl.readyDate{color:#888;}
.formOrderContainer dl.readyDate dt{font-weight:normal;}
.formOrderContainer dl.readyDate em{font-style:normal;}


.formOrderContainer .formPrice dt{
	width:52%;
	padding-left:44px;
}
.formOrderContainer .formPrice dd{
	margin:0 40px 0 60%;
	text-align:right;
}

.formOrderContainer .formHeader.formPrice,
.formOrderContainer .formFooter.formPrice{color:#aaa; border-color:#ddd;}
.formOrderContainer .formHeader.formPrice dt,
.formOrderContainer .formHeader.formPrice dd{
	font-size:8pt; font-weight:normal; 
}

.formOrderContainer .formData.formPrice{margin:0; padding:.5em 0;}
.formOrderContainer .formData.formPrice dt,
.formOrderContainer .formData.formPrice dd{
	/*font-size:110%;*/ font-weight:normal; 
}

.formOrderContainer .formData.formPrice dd label{
	font-size:90%; 
	color:#666;
}
.formOrderContainer .formData.formPrice dd label input{
	margin-right:6px;
}


.formOrderContainer dl.formOverallPrice{
	line-height:20pt;
	padding:0;
}
.formOrderContainer dl.formOverallPrice dt{padding-left:0; width:40%; color:#333; font-weight:bold !important;}
.formOrderContainer dl.formOverallPrice dd{text-align:right; margin-right:0; margin-left:42%; color:#333; font-size:120%;}
.formOrderContainer dl.formOverallPrice dd big{font-size:130%; line-height:1em; color:#333;}

.formOrderContainer dl.formOverallPriceDiscount{border-bottom:solid 1px #ddd;}
.formOrderContainer dl.formOverallPriceDiscount dt{font-size:90%; font-weight:normal !important;}
.formOrderContainer dl.formOverallPriceDiscount dd big{font-size:100%; color:#008000 !important;}
.formOrderContainer dl.formOverallPriceDiscount dd .formHint{margin: 0 2px 0 19px;}
.formOrderContainer dl.formOverallPriceDiscount .formHint span{left:auto; right:100%; top:auto; bottom:100%; width:300px;}

.formOrderContainer .formOverallPriceTax dt .formHint img{margin:3px 4px -1px -15px;}
.formOrderContainer .formOverallPriceTax dd{text-align:left !important;}

.formOrderContainer .formContactInfo{padding:20px 40px;}
.formOrderContainer .formContactInfo dl{
	margin:0 4% 0 0;
	position:relative;
	padding:0;
	float:left;
}
.formOrderContainer .formContactInfo dl dt{float:none;}
.formOrderContainer .formContactInfo dl dd{
	float:none; padding:0; margin:0;
}



.formOrderContainer .formMultipleInfo{padding:0px 0px;}
.formOrderContainer .formMultipleInfo dl{
	margin:0 2% 0 0;
	position:relative;
	padding:0;
	float:left;
}
.formOrderContainer .formMultipleInfo dl dt{float:none;}
.formOrderContainer .formMultipleInfo dl dd{
	float:none; padding:0; margin:0 !important;
}
.formOrderContainer .formMultipleInfo dl dd .actionButton{
	margin-top:1.4em;
}



.formOrderContainer .formPayment .columnLeft{
	float:left; width:50%;
	margin: 0 5% 0 0;
}
.formOrderContainer .formPayment .columnLeft label img{margin:0 0 -2px .25em;}
.formOrderContainer .formPayment .columnRight{
	float:left; width:44%;
}


.formOrderContainer .formDelivery{padding:10px 40px;}

.formOrderContainer .formDelivery dl{}
.formOrderContainer .formDelivery dl dt{width: 42%; text-align:right;}
.formOrderContainer .formDelivery dl dd{text-align:right; margin:0 0 0 45%; float:none;}

/***** Form Layouts *****/

.formOrderContainer label.liteLabel{display:block; font-size:8pt; color:#888; padding:5px 0 0 5px;}

.formOrderContainer .f0{width:99%;}
.formOrderContainer .f1{width:85%;}
.formOrderContainer .f2{width:55%;}

.formOrderContainer .formDataCase{display:none;} 
.formOrderContainer .formDataCaseDefault{display:block;}

/***** Form Buttons *****/

.formOrderContainer .actionButton{
	float:left;
	position:relative;
	height:22px;
	line-height:20px;
	font-size:9pt;
	color:#111;
	text-align:center;
	/*text-shadow:#aaa 1px 1px 1px;*/
	text-decoration:none;
	cursor:pointer;
	border:none;
	padding:0 15px;
	background:transparent url(/order/images/form-button.png) repeat-x 0 -32px;
	margin:0 16px 0 8px;
}
.formOrderContainer .actionButton.right{float:right; margin:0 10px 0 16px;}
.formOrderContainer .actionButton span{
	display:block;
	position:absolute;
	width:8px;
	height:22px;
	top:0;
	bottom:0;
	background:transparent url(/order/images/form-button.png) no-repeat 0 0;
}
.formOrderContainer .actionButton span.left{left:-8px; background-position:0 0;}
.formOrderContainer .actionButton span.right{right:-8px; background-position:0 -64px;}

.formOrderContainer .actionButton:hover{background-position:0 -128px;}
.formOrderContainer .actionButton:hover span.left{background-position:0 -96px;}
.formOrderContainer .actionButton:hover span.right{background-position:0 -160px;}

.formOrderContainer .actionButton:active{background-position:0 -224px;}
.formOrderContainer .actionButton:active span.left{background-position:0 -192px;}
.formOrderContainer .actionButton:active span.right{background-position:0 -256px;}

.formOrderContainer .actionButton.disabled{background-position:0 -320px !important; cursor:auto; color:#aaa; text-shadow:#ddd 1px 1px 1px;}
.formOrderContainer .actionButton.disabled span.left{background-position:0 -288px !important;}
.formOrderContainer .actionButton.disabled span.right{background-position:0 -352px !important;}


.formOrderContainer a.hideFromList{
	float:right;
	margin:2px 0 0 14px;
	display:block;
	width:16px;
	height:16px;
	background:url(/order/images/form-hide-from-list.png) no-repeat 0 0;
}
.formOrderContainer a.hideFromList:hover{
	background-position:0 -16px;
}

.formOrderContainer .formHint{position:relative;}
.formOrderContainer .formHint span{
	display:none;
	background:#ffe;
	border:solid 1px #999;
	position:absolute;
	top:95%; left:0;
	padding:5px 10px 8px 15px;
	font-size:8pt;
	box-shadow: #888 2px 2px 2px;
	-moz-box-shadow: #888 2px 2px 2px;
	-webkit-box-shadow: #888 2px 2px 2px;
	text-align:left;
	line-height:130%;
	width:360px;
	color:#111;
}
.formOrderContainer .formHint:hover span{display:block;}
.formOrderContainer h3 .formHint img{margin:3px 4px -1px -15px;}


/***** Form Tabs *****/

.formOrderContainer ul.formTabs{ margin:0 0 -8px; padding:0; list-style:none;}
.formOrderContainer ul.formTabs li{float:left; margin:0; padding:0; background:none; height: 25px; padding:5px 40px;}
.formOrderContainer ul.formTabs li.checked{
	background-color:#ededed; 
	border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
}
.formOrderContainer ul.formTabs li.controls{width:0; padding:0; overflow:hidden;}
.formOrderContainer ul.formTabs li.controls input{outline:none;}
.formOrderContainer ul.formTabs li label{color:#4a9de0; border-bottom:dashed 1px #4a9de0; cursor:pointer;}
.formOrderContainer ul.formTabs li label:hover{color:#3780ba; border-color:#3780ba;}
.formOrderContainer ul.formTabs li.checked label{color:#111; border-bottom:none; cursor:auto;}

.uploadifyProgress{display:none;}

/***** Metro autocompletion *****/
.ac_results {
	padding: 0px;
	border: 1px solid #aaa;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	padding:0 2px;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
}

.ac_over {
	background-color: #e5f1fc;
}
.ac_results li span{
	line-height:16px;
	display:block;
	padding:0 0 0 18px;
	background:url(/order/images/lines.png) no-repeat 0 0;
}
.ac_results li span.L1{background-position:0 -33px;}
.ac_results li span.L2{background-position:0 -63px;}
.ac_results li span.L3{background-position:0 -93px;}
.ac_results li span.L4{background-position:0 -123px;}
.ac_results li span.L5{background-position:0 -153px;}
.ac_results li span.L6{background-position:0 -183px;}
.ac_results li span.L7{background-position:0 -213px;}
.ac_results li span.L8{background-position:0 -243px;}
.ac_results li span.L9{background-position:0 -273px;}
.ac_results li span.L10{background-position:0 -303px;}
.ac_results li span.L11{background-position:0 -333px;}
.ac_results li span.L12{background-position:0 -363px;}


/*******************  Common styles   *********************/

.clear{ clear:both; }
.clearfix {zoom:1;}
.clearfix:after {
	content: ' ';
	clear:both;
	display: block;
	width: 0; height: 0;
	overflow: hidden;
	font-size: 0;
}

.textleft{text-align:left !important;}
.textright{text-align:right !important;}
.relative{	position:relative; }
.thin{	font-weight:normal; }

.red{color: #ff0000;}