/* CSS Document */

/*
 * (c) Copyright 2008 Hen's Teeth Network. All rights reserved. www.hens-teeth.net
 */

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

#content {
	font-size: 0.9em;
}
#pdgbasket td {
	font-size: 0.9em;
}
/* 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. */
#main_table {
	width: 100%;
}

#header {

}

#header table, #topnav table {
	width: 100%;
}

#header td.header-mini-cart {
	width: 77%;
	font-size:.8em;
	color:#FFFFFF;
	padding: 0 0.25em;
}

#header td.header-mini-cart a, #header td.header-mini-cart a:visited {
	color:#FFFFFF;
	padding: 0 .1em 0 0;
}

#header td.header-mini-cart hover {
	color:#666666;
}

/* cart icon */
#header td.header-mini-cart img {
	padding-right: 2px;
	vertical-align: text-bottom;
}

#header td.header-search {

}

/* Main Table IDs */

#main_table tr {
	vertical-align: top;
}

#main_table_top, #main_table_bottom {
	background-color: #1e5691;
}
#main_table_left, #main_table_right {
	width: 20%;
	background-color: #938D76;
}

/* Main DIV Regions: header, topnav, content,left_sidebar, right_sidebar, footer bottomnav */

#topnav, #bottomnav {
	
}

#content {
	margin: 0;
	padding: 1em;
}

#left_sidebar, #right_sidebar {
	margin: 0;
	padding: 1em;
	font-size:.8em;
}

#footer {
	margin: 0;
	padding: 1em;
	text-align: center;
	font-size:.75em;
}


/* 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;}

/* Text Styling */


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

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

h1 {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 1em;
}

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

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

#footer p, #footer li {
	
}

#page_checkout p, #page_register p { font-size: 0.8em; }
#page_checkout input, #page_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; }

.vendortext {
	font-weight:bold;
	color:#0000FF;
}

.packQty {
	color: red;
}

.download {
	text-align: right;
}
	
#content #admin strong {
	font-weight: bold;
}

#content #admin table {
	width: 100%;
}

#content #admin th {
	background-color: #CCCCCC;
	font-weight: bold;
}
#content #admin td {
	border: solid 1px #666666;
}

#content #admin table.admin_table {
	
}
#content #admin table.admin_table th {
	width: 25%;
	padding: 0.5em;
	border: none;
	background-color: #FFFFFF;
}
#content #admin table.admin_table td{
	padding: 0.5em;
	border: none;
}

#content #message {
	border: #003366 thick solid;
	background-color: #CCCCCC;
	margin: 2em;
	padding: 1em;
}

#content #error {
	border: #003366 thick solid;
	background-color: #FFCCFF;
	margin: 2em;
	padding: 1em;
}

#content #admin p {
	margin: 0 5em 1em 0;
}

#content #admin fieldset {
	border: solid 1px #000;
	margin: 1em;
	padding: 1em;
}

#content #admin fieldset  legend {
	font-weight: bold;
}

#content #admin form label {
	display: block;
	float: left;
	width: 200px;
	padding: 0.5em 0;
	clear: left;
	font-weight: bold;
}

#content #admin form input, #content form select {
	margin: 0.5em 0;
}

#content #admin form input[type="text"] {
	width: 20em;
}

#content #admin form #form_buttons {
	width: 100%;
	text-align: center;
}

#content #admin form[name="login_form"] label {
	width: 100px;
}



#content table.order th, 
#content table.order td {
	padding: 2px 6px;
}

#content table.order th {
	white-space: nowrap;
}

#content table.order table.topMatter th {
	border: none;
	text-align: right;
	width: 10%;
}

#content table.order table.topMatter td {
	width: 40%;
}

#content table.order table.topMatter td input[type="text"] {
	width: 20em;
}

#input_keywords {
	width: 80%;
}

#highlight-search-button {
	float: right;
}