﻿/* ===== TAGS ===== */

/* ----- THE HACK ----- */
.hack {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000066;
}

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.98em;
}

/* ----- HEADINGS ----- */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
	/* color: #98741f; */
	color: #001f67;
}
h2 {
	font-size: 1.5em;
	margin: 0.75em 0;
	color: #98741f;
}
h3 {
	font-size: 1.17em;
	margin: 0.83em 0;
	color: #98741f;
}
h4 {
	margin: 1.12em 0;
	color: #98741f;
}

/* ----- IMAGES ----- */
img {
	border: none;
}
a img {
	text-decoration: none;
}
p img {
	float: left;
}

/* ----- LINKS ----- */
a {
	color: #98741f;
}
a:hover {
	color: #000066;
}
a.special {
	color: #98741f !important;
}

/* ----- FORMS ----- */
form {
}
fieldset {
	border-style: none;
}
legend {
}
label {
	/* width: 180px; */
}
label.required {
	font-weight: bold;
}
label.required:after {
	content: '*';
}
input {
}
textarea {
}
input, textarea {
}
select {
	/* width: 250px; */
}
optgroup {
}
option {
}

/* ----- TABLES ----- */
table {
	caption-side: bottom;
}
caption, td.caption {
	font-size: 0.8em;
	text-align: left;
}
thead {
}
tbody {
}
tfoot {
}
tr {
}
tr .alt {
}
th {
	background-color: #d8dcec;
}
td {
}
.products th, .products td {
	border: solid 1px #797979;
}
.products.tmo th {
	width: 100px;
}

/* ----- PARAGRAPHS ----- */
p {
	padding: 5px;
}

/* ----- LISTS ----- */
ul {
	list-style-image: url(images/bullet_diamond.gif);
	list-style-type: circle;
}
ul.figures {
	list-style-type: none;
	padding-left: 0;
}
	li {
	}

/* ----- OTHER ----- */
hr {
	height: 1px; /* doesn't work */
	color: #000066;
}
address {
	text-align: center;
}


/* ===== CLASSES ===== */

.hide {
	display: none;
}
.show {
	display: block;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
ul.plain {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 5px;
}
img.wrapLeft {
	float: left;
}
h2.heading {
	font-size: 2.1em;
	font-weight: lighter;
	width: 100%;
}
img.wrapRight {
	float: right;
}
.error label {
	color: #ff0000;
	font-weight: bold;
}
ul.errors li {
	color: #ff0000;
	font-weight: bold;
}
.wide {
	width: 100%;
}
.smallFont {
	font-size: 0.8em;
}
.notice {
	font-size: 0.8em;
}
.disclaimer {
	font-size: 0.6em;
}
.disclaimer p {
	margin-left: 5px;
	margin-right: 5px;
	padding: 0;
}
.shortBottom {
	margin-bottom: 0;
	padding-bottom: 0;
}
.shortTop {
	margin-top: 0;
	padding-top: 0;
}
.tallTop {
	margin-top: 5px;
	padding-top: 5px;
}
p.blueBox {
	color: #ffffff;
	background-color: #001f67;
	width: 145px;
	margin-left: auto;
	margin-right: auto;
}
p.blueBox a {
	color: #ffffff;
	text-decoration: none;
}
.greyBox {
	background-color: #b9b9b9;
	width: 175px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 175px;
}
.redBox {
	background-color: #a50021;
	border: 1px solid #a50021;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	width: 200px;
}
	.redBox * {
		color: #ffffff;
		margin-top: 0;
		margin-bottom: 0;
	}
	.redBox p {
		text-align: center;
	}
.whiteBox {
	border: 1px solid #001f67;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}
	.whiteBox * {
		margin-top: 0;
		margin-bottom: 0;
	}
	.whiteBox p {
		text-align: left;
	}
p.contactBox {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 200px;
}
.lcppoGraphs {
	text-align: center;
}
.headerColor2 {
	color: #001f67;
}

/* ===== TOC ===== */
.tocContents {
}
.tocContents.levelOne {
}
.tocContents.levelTwo {
	padding-left: 2em;
}
.tocContents.levelThree {
	padding-left: 4em;
}
.tocContents.levelFour {
	padding-left: 6em;
}
.pageNumber {
	text-align: right;
}


/* ----- ORDER FORM ----- */

#customerInfo h3,
#paymentInfo h3 {
}
#customerInfo hr,
#paymentInfo hr {
	margin-top: 0;
	padding-top: 0;
}
table#customer,
table#creditCard,
div#pricing {
}
table#customer {
}
table#creditCard {
	float: left;
	width: 500px;
}
	table#customer label,
	table#creditCard label {
		width: 100%;
		text-align: right;
	}
div#pricing {
	float: right;
	width: 250px;
}


/* ===== IDS ===== */

/* ----- WHATS NEW ----- */
#whatsNew {
	width: 240px;
	background: url("images/pills.gif");
	margin: auto;
}
#whatsNew h3 {
	color: #ffffff;
	text-align: center;
	background-color: #98741f;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0;
	margin-bottom: 2px;
}
#whatsNew p {
	color: #ffffff;
}

/* ----- FREE SAMPLE ----- */
#freeSample {
	width: 240px;
	background: #cecfce;
	margin: auto;
}
#freeSample h3 {
	color: #ffffff;
	text-align: center;
	background-color: #98741f;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0;
	margin-bottom: 2px;
}
#freeSample p {
	margin-top: 0;
	padding-top: 0;
}

/* ----- NAVIGATION PRIMARY ----- */
#navigation table {
	margin-top: 2px;
	margin-bottom: 0;
}

/* ----- NAVIGATION SECONDARY ----- */
#credits ul {
	text-align: center;
	white-space: nowrap;
	width: 100%;
}
	#credits li {
		display: inline;
		margin: 7px;
		font-size: 0.95em;
	}

/* ----- HOME MENU ----- */
#homeMenu {
	margin: 10px;
}
.subPage1 #homeMenu {
	position: relative;
	float: right;
}
.subPage2 #homeMenu {
	position: relative;
	float: right;
}
.subPage3 #homeMenu {
	position: relative;
	float: right;
}

/* ----- LAYOUT ----- */
#container {
	width: 780px;
	margin: auto;
}
#branding {
	width: 780px;
}
#navigation {
	width: 780px;
}
#credits {
	width: 780px;
}
#contentHeading {
	padding-top: 20px;
	width: 780px;
}
	#contentHeading div {
		float: left;
	}
		#contentHeading h1 {
			font-size: 2.5em;
			margin-top: 5px;
			margin-bottom: 5px;
		}
		#contentHeading h2 {
			font-size: 2.1em;
			font-weight: lighter;
		}
	#contentHeading ul {
		padding-left: 0;
		float: right;
		width: 230px;
	}
		#contentHeading ul li {
			margin-top: 3px;
			margin-bottom: 3px;
		}
	#contentHeading table {
		margin-top: 15px;
		margin-bottom: 15px;
		clear: both;
	}
		#contentHeading table td {
			/* background: #001f67 url("images/nav_boxes/product_nav_box.png") center no-repeat; */
			background: #272e51 url("images/nav_boxes/product_nav.gif") center no-repeat;
			background-color: #ffffff;
			color: #ffffff;
			width: 140px;
			height: 74px;
			text-align: center;
			padding: 0 15px;
		}
			#contentHeading table td.current {
				background: #b0b7da url("images/nav_boxes/product_nav_current.gif") center no-repeat;
				background-color: #ffffff;
				color: #272e51;
			}
			#contentHeading table td.order {
				background: #a50021 url("images/nav_boxes/product_nav_order.gif") center no-repeat;
				background-color: #ffffff;
			}
			#contentHeading table td a {
				color: #ffffff;
				text-decoration: none;
				font-size: 1.2em;
			}
				#contentHeading table td.current a {
					color: #272e51;
				}
#contentPrimary {
	position: relative;
	float: left;
	height: 100%;
}
#contentSecondary {
	position: relative;
	float: right;
	height: 100%;
}
	#contentSecondary ul {
		padding-left: 0;
	}
		#contentSecondary ul li {
			margin-top: 3px;
			margin-bottom: 3px;
		}

.homePage #contentPrimary {
	width: 450px;
}
.homePage #contentSecondary {
	text-align: center;
	width: 330px;
}

.subPage1 #contentPrimary {
	width: 520px;
}
.subPage1 #contentSecondary {
	width: 260px;
}

.subPage2 #contentPrimary {
	width: 780px;
}
.subPage2 #contentSecondary {
	display: none;
	width: 0px;
}

.subPage3 #contentPrimary {
	float: right;
	padding-left: 15px;
	width: 515px;
}
.subPage3 #contentSecondary {
	float: left;
	/* margin-top: 40px; */ /* don't know why this was put here */
	padding-top: 15px;
	width: 250px;
}
