/* This sets the default font size to 10pt */
/* Use ems to set font sizes from here on -- 1em == 10pt 1.2em == 12pt etc */
html {font-size: 62.5%;}

/* CSS Document */
/* Center the window and set width */
#htn_container { width: 950px; margin: 0 auto; text-align: left; }

/* Simple Nav Bar - Horizontal */
.navbar { margin: 0; padding: 0; }
.navbar ul li {display:inline; margin:0 10px 0 0;list-style:none;}
.navbar ul li a {color: #333;display:block;float:left;padding:5px;}
.navbar ul li a:hover {background:#ccc;color:black;}

/* Simple Nav Menu - Vertical */
.navmenu { margin: 0; padding: 0; }
.navmenu ul li {display:inline;margin:0 10px 0 0;list-style:none;}
.navmenu ul li a {color: #333;display:block;padding:5px;}
.navmenu ul li a:hover {background:#ccc;color:black;}

/* HTN Table Settings - tables are refered to by direction (top, left, etc.) 
   Just adjust size and other table specific settings here. Use HTN content
   styles below for specific styling of header, footer sidebar, etc. */
#htn_table {
	width: 100%;
}
#htn_table_top {

}
#htn_table_left, #htn_table_right {
	width: 20%;

}
#htn_table_bottom {

}
#htn_table tr {
	vertical-align: top;
}

#htn_header {
	margin: 0;
	padding: 0;
}

#htn_topnav, #htn_botnav {
	text-align: center;
	width: 100%;
	float: left;

}

#htn_topnav table {
	width: 100%;
	text-align: center;
}

#htn_content {
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

#htn_left_sidebar, #htn_right_sidebar {
	margin: 0;
	padding: 1em;
	border: solid 1px #CCCCCC;
}

#htn_footer {
	width: 100%;
	padding: 1em;
	text-align: center;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/* Text Styling */


body, p, li, h1, h2, h3, h4, h5, h6, h7 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p, li {
	font-size: 1em;
}

#htn_content p {
	padding-bottom: 1em;
}

h1 {
	font-size: 1.4em;
	font-weight: bold;
}

h2  {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.8em 0 0 0;	
}

h3 {
	font-size: 1.0em;
	font-weight: bold;
	padding: 0.6em 0 0 0;	
}

#htn_footer p, #htn_footer li {
	font-size: 0.9em;
}

#htn_checkout p, #htn_register p { font-size: 0.8em; }
#htn_checkout input, #htn_register input { font-size: 0.8em; }

.checkout fieldset, .register fieldset { margin: 1em; padding: 1em 1em 1em 1em; border: #000000 solid 1px; }
.checkout legend, .register legend { font-size: 1em; font-weight: bold;}
.checkout label, .register label { font-size: 1em; padding: 3pt 0 3pt 0; }
.checkout input, .register input { margin: 3pt; }
.checkout input[type="text"], .register input[type="text"] { width: 15em; }
.checkout input[type="password"], .register input[type="password"] { width: 15em; }

.checkout table, .register table { width: 100%; }
.checkout td.form_label, .register td.form_label { vertical-align: middle; width: 40%; text-align:right; padding: 0 3pt 0 0; }

/* Layout */

table.layout, table.pdgmain, table.pdgoutertable
{
	width:100%;
}

td
{
	vertical-align:top;
	text-align:left;
}

tr.separator, hr
{
	border-width:0;
	border-bottom:1px solid black;
	width:100%;
}

td.pdgmain
{
	text-align:center;
}

	table.layout td.content
	{
		text-align:center;
	}
	
	table.layout td.content table
	{
		width:100%;
	}

table.layout td.layout
{
	padding:1em;
}

	table.layout td.topNav
	{
		padding:0;
	}
	
	table.layout td.leftNav, table.layout td.rightNav
	{
		width:20%;
		text-align:center;
	}
	
	table.layout td.content
	{
		width:60%;
	}

table.layout td.topNav table.topTable
{
	width:100%;
}

table.layout td.topNav table.topTable td.topLinks
{
	text-align: center;
	padding:.25em;
}

table.layout td.bottomNav
{
	text-align:center;
}

table.layout td.content td
{
	padding:.4em;
}


/* forms */

table.layout td.content input[type="text"], table.layout td.content input[type="password"], table.layout td.content select
{
	padding:.1em,0,.1em,0;
	width:300px;
}

table.layout td.content table.pdgmain td.pdgmain input[type="text"]
{
	width:50px;
}

td.options
{
	text-align:center;
}
#footer_seals {
	width: 90%;
	padding-bottom: 2em;
	margin: auto;
}

.prod_desc ul {
	margin-left: 2em;
	margin-bottom: 1em;
}

.prod_desc li {
	list-style: disc;
}