#coat
{
	position:relative;
}
#cont_left,#cont_right
{
	float:left;
}
#cont_left
{
	width:650px;
	padding-right:50px;
	border-right:1px solid grey;
}
#cont_right
{
	width:350px;
	padding-left:49px;
}

h1
{
	font-weight:bold;
	font-size:1.8em;
	letter-spacing:1px;
	width:100%;
}
h1 span
{
	color:#b11;
}
h4
{
	margin:10px 0;
}
table
{
	margin-left:.5em;
}
table td
{
	padding:2px 0;
}
table td:first-child
{
	color:grey;
}
input[type=text]
{
	border:1px solid grey;
}
/*-------------------------- instructions ----------------------------- */
#instructions h2
{
	font-size:1.5em;
	font-weight:bold;
	letter-spacing:1px;
	width:100%;
	border-bottom:1px solid black;
}
#instructions h2 .beta
{
	font-size:.7em;
	color:#b11;
	margin-left:5px;
}
#instructions ol
{
	margin-top:5px;
	list-style:decimal;
}
#instructions ol li
{
	padding:10px 0;
	font-size:1.1em;
	line-height:1.1em;
}
#important
{
	margin-top:1em;
}
#important td:first-child
{
	color:#666;
	padding-right:5px;
}
/*-------------------------- order code ----------------------------- */

#ordercode
{
	padding:0;
	margin:0;
	margin-bottom:1em;
}
#ordercode *
{
	height:20px;
}
#ordercode input[type=text]
{
	width:20em;
}
#ordercode input[type=submit]
{
	height:25px;
	font-size:1em;
}

/*-------------------------- order list -----------------------------*/
#ordercoat > *
{
	float:left;
	clear:left;
}

#ordercoat input[type=submit]
{
	font-size:1.1em;
	height:25px;
}
#orderlist
{
	margin-top:5px;
	border:1px solid #aaa;
	background-color:#eee;
	padding:10px;
}
#orderlist li
{
	display:inline-block;
	vertical-align:middle;
	width:80px;
	padding:1px 3px;
}
#ordersummary li
{
	
}
#orderlist .m,#orderlist .f,.dollar
{
	padding-left:20px;
	height:20px;
	line-height:20px;
}
#orderlist .m
{
	background:url('../../view/images/male.png') no-repeat center left;
}
#orderlist .f
{
	background:url('../../view/images/female.png') no-repeat center left;
}
.dollar
{
	margin-top:5px;
	clear:left;
	float:left;
	font-weight:bold;
	color:green;
	font-size:1.2em;
	background:url('../../view/images/money.png') no-repeat center left;
}
#ordercoat label
{
	font-weight:bold;
	padding:2px 0;
	font-size:1.1em;
}
#orderlist,#ordersummary,#note
{
	margin-left:5px;
	float:left;
	clear:left;
}
#note
{
	margin-top:5px;
	font-size:.85em;
	color:#e11;
}

/*-------------------------- footer -----------------------------*/

#coatfooter
{
	clear:both;
	float:left;
	width:100%;
	margin-top:20px;
}
#coatfooter span
{
	display:block;
	text-align:center;
	color:grey;
	padding:2px 0;
}


/*-------------------------- orderstatus -----------------------------*/

#orderstatustitle
{
	margin:0 5px;
	color:green;
}
#orderedcoats th
{
	font-weight:bold;
	font-size:1em;
}
#orderedcoats td,#orderedcoats th
{
	padding:2px 4px;
	text-align:left;
}
#orderedcoats tr.total td
{
	border-top:1px solid #aaa;
}