/* ------------------------  ORDL AND ORHL PAGES ------------------------ */
#orhl-left, #orhl-right{
width:400px;
margin:10px 0 25px;
padding:0 25px;
}
#orhl-left{
 float:left;
 }
#orhl-right{
 float:right;
 }
#orhl-left h2, #orhl-right h2{
font:bold 18px Arial, Helvetica, sans-serif;
 }
#ordl-left, #ordl-center, #ordl-right{
margin:10px 0 25px;
padding:0 15px;
text-align:center;
}
 #ordl-left{
 width:250px;
 float:left;
 }
 #ordl-center{
 width:400px;
 float:left;
 }
  #ordl-center .ordl-wrappers{
  border:solid #828282;
  border-width:0 1px;
  }
 #ordl-right{
 width:220px;
 float:right;
 }
 #ordl-left h2, #ordl-center h2, #ordl-right h2{
	font:bold 18px Arial, Helvetica, sans-serif;
 }
 
 
 
 
.ordl-wrappers{
padding:20px;
margin-top:5px;
font:normal 14px Arial, Helvetica, sans-serif;
line-height:1.5em;
}
.orhl-wrappers{
width:350px;
height:150px;
border:1px solid #828282;
background:#dedede;
padding:20px;
margin-top:5px;
font:normal 14px Arial, Helvetica, sans-serif;
line-height:1.5em;
color:#333;
}
 
.ordl-wrappers label, .orhl-wrappers label{
 width:115px;
 font-weight:bold;
	}
.ordl-wrappers input.textfield, .orhl-wrappers input.textfield, .panelUN input.textfield, .panelPW input.textfield{
  width:215px;
  }
 .ordl-wrappers p, .orhl-wrappers p{
	font:normal 10px Arial, Helvetica, sans-serif;
	text-align:left;
	padding-top:0.75em;
	margin:0;
	clear:both;
	}
	.logn-wrappers a#showUN, .ordl-wrappers a#showUN, .logn-wrappers a#showPW, .ordl-wrappers a#showPW, .orhl-wrappers a#showUN, .orhl-wrappers a#showPW{
 color:#2f86af;
	text-decoration:underline;
 outline:none;
	}
	.logn-wrappers a#showUN:hover, .ordl-wrappers a#showUN:hover, .logn-wrappers a#showPW:hover, .ordl-wrappers a#showPW:hover, .orhl-wrappers a#showUN:hover, .orhl-wrappers a#showPW:hover{
 color:#828282;
 text-decoration:none;
 outline:none;
	}
.panelUN, .panelPW{
clear:both;
width:75%;
margin:10px auto;
}
	.panelUN h3, .panelPW h3{
	font:bold 16px Arial, Helvetica, sans-serif;
 color:#333;
	}
	.panelUN label, .panelPW label{
 font-weight:bold;
	}


.heading{
background:#ccc;
color:#333;
margin:0 0 12px 0;
padding:4px 4px 4px 12px;
}

/* ------------------------ ORDH AND ORDS PAGES ------------------------ */
#orderhistory-list, #order-contents, #ORDS #customer-fields{
padding:20px;
}
#orderhistory-list table{
border-collapse:collapse;
width:100%;
margin-bottom:100px;
}
#order-contents table{
width:100%;
}
#orderhistory-list table tr.alt-row{
background:#efefef;
}
#order-contents table td, #orderhistory-list table td{ 
vertical-align:top;
padding:3px;
}
#orderhistory-list .order-reorder{
text-align:center;
}
#orderhistory-list .order-invoice{
}
#orderhistory-list .order-description{
text-align:left;
}
#orderhistory-list .order-date{
}
#orderhistory-list .order-purchased{
text-align:center;
}
#orderhistory-list .order-quantity{
text-align:center;
}
#orderhistory-list .order-status{
text-align:center;
}
#orderhistory-list .order-tracking{
text-align:left;
}
#orderhistory-list .order-total{
text-align:right;
}
#orderhistory-list .order-price{
text-align:right;
}
#orderhistory-list .order-view{ 
vertical-align:middle;
padding:0 8px;
}
#orderhistory-list tr.heading td{ 
font-weight:bold;
white-space:nowrap;
}
#order-contents table tr td.order-reorder{
text-align:center;
vertical-align:middle;
}
#order-contents table tr td.order-invoice{
}
#order-contents table tr td.order-description{
text-align:left;
}
#order-contents table tr td.order-date{
text-align:left;
}
#order-contents table tr td.order-purchased{
text-align:center;
}
#order-contents table tr td.order-quantity{
text-align:center;
}
#order-contents table tr td.order-status{
text-align:left;
}
#order-contents table tr td.order-tracking{
text-align:left;
}
#order-contents table tr td.order-total{
text-align:right;
}
#order-contents table tr td.order-price{
text-align:right;
}
#order-contents table tr td.charge-description, #order-contents table tr td.charge-fee{
font-style:italic;
text-align:right;
}
#order-contents table tr td.charge-fee{
text-align:right;
}
#order-contents table tr td.formatted-total, #order-contents table tr td.total-prompt{
text-align:right;
font-weight:bold;
}