@import "reset.css";

/*======================= Basic =======================*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
}

.left { float: left; }
.right { float: right; }
.inline { display: inline !important; }

html, body { height: 100%; width: 100%; }
body {
	text-align: left;
	overflow: visible;
	font: 13px arial;
}

input, select {
background-color: #eeeeee;
}

label { display:block !important; }

/*====================== Shims =====================*/

.inline{
display:inline;
}

.asterix {
font: bold 13px arial;	
color: #a70000;
}

h3.asterix{
margin-bottom: 30px;
}

.hover-pointer{
cursor:pointer;
}

/*====================== Order =====================*/

.paintCategory{
/*
background-color: #e4eec4;
*/
}


.categoryText{
font: bold 16px arial;
color:#669900;
}


#categoryHBText{
margin-bottom:10px;
}

#categoryHBToggle{
margin-top:10px;
}



/*

#order p { font:1.2em/1.3em arial; color: #333; }

#order h1 { font: bold 2.2em arial; color: #333; }

*/

#topDeck {
font: 20px/24px arial;
color: #970e65;

}

#order_organization{ width: 100%; }

#order #container { width: 630px; margin: 0 32px 24px 12px; }

#order h1 { font: bold 32px arial;}

#order h1 { margin-bottom: 8px; }

#order p { margin-bottom: 15px; }
	
#order form {}
	#order form h2 { border-top: 3px solid #e9e6de; font: bold 1.2em/1.4em arial; padding-top: 12px; margin-top: 12px; }
	/*
	#order form h3 { font: 1em arial; color: #333; margin-bottom: 12px; width: 100%; }
	*/
	#order form label { font:1.2em/1.3em arial; color: #333; display: block; }
	#order form input, #order form select, #order form textarea { border: 1px solid #a7a8a9; display: block; margin-bottom: 12px; }
		#order form input.order_radio { border: none; }
		#order form input { height: 21px; }
		#order form select { height: 25px; }
		#order form .col1 { width:100%; }
		#order form .col2 { width: 293px; }
			#order form select.col2 { width: 293px; }
		#order form .city { width: 293px; }
		#order form select.state, #order form input.zip { width: 140px; margin-left: 13px; }
			#order form label.state, #order form label.zip { margin-left: 13px; }
		#order form textarea { height: 256px; }
		#order form select.event_info { width: 237px; }
		#order form input.event_info { width: 160px; margin-left: 12px; }
		#order form label.event_info { margin-left: 12px; }
		#order form input.order_material { width: 38px; margin: 0 10px; }
		#order form label.order_material { font: 1.2em/2em arial; }

#order .submit_area { margin-top: 12px; }
	#order .submit_area .left { width: 340px; }
		#order .submit_area .left p { font: 1em arial; }
#order #container #formOrder label.error { color: #f00 !important; font-weight: bold !important; zoom: 1; }
#order #container #formOrder input.error, #order #container #formOrder select.error { border: 1px solid #f00; }

#submit_submit { width: 160px !important; height: 35px !important; border: none !important; }