/* Hairgem Global CSS v1.0 */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #ffffff;
	background-image: url(/images/nav/header_bg.gif);
	background-repeat: repeat-x;
}

table {
	clear: both;
}

h1 {
	font-size: 14px;
	color: #660066;
	clear: both;
}

h2 {
	font-size: 12px;
}

h3, h4 {
	font-size: 11px;
}

h5, td, p {
	font-size: 10px;
	color: #000;
}

h6 {
	font-size: 9px;	
}

h1 span.ref {
	font-size: 11px;
	color: #ff0080;
}

/* ID elements */
td#typeArea {
	padding: 12px 24px;
}

td#menu div {
	margin: 0px;
}

td#adminNav {
	border: 1px solid #345610;
	border-width: 1px 0px;
	padding: 8px 4px;
	text-align: center;
}

td#adminNav a {
	color: #345610;
}

td#adminNav a:visited {
	color: #77C326;
}

td#footer {
	padding: 36px 0px;
	text-align: center;
}

td#footer p {
	color: #8e8e8e;
}

form#orderForm input {
	border: 1px solid #519B00;
	background-image: url(/images/forms/field_bg.gif);
	background-position: bottom;
	margin: 6px 0px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

form#orderForm select {
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

/* Class Elements */
span.floatLeft {
	float: left;
	margin: 0px 12px 12px 0px;
}

span.floatRight {
	float: right;
	margin: 0px 0px 12px 12px;
}

table.breakOut {
	border-collapse: collapse;
	border: 1px solid #94004F;
}

table.breakOut td {
	padding: 0px;
	background-color: #FFE0F0;
}

table.breakOut h2 {
	font-size: 12px;
	color: #ff0080;
}

table.breakOutGreen {
	margin: 12px 0px;
	border-collapse: collapse;
	border: 1px solid #345610;
	background-image: url(/images/branding/fact_bg.gif);
	background-repeat:repeat-x; 
	background-position: bottom;
	background-color:#B8EC80;
}

table.breakOutGreen td {
	padding: 0px;
}