/* CSS File for HHS System: John Germany */
/* August, 2009 */
/* Color Codes */

/* html,body,div	{font-size : 12px; font-family:  Lucida Sans Unicode, sans-serif, Verdana, Tahoma, Arial, Helvetica, Geneva, Georgia, Lucida Grande, Bitstream Vera Sans, Futura ; } */
html,body,div	{font-size : 12px; font-family:  Arial, Sans-Serif, Trebuchet MS, Verdana, Helvetica, Tahoma ; }
/* html,body,container,document,article {height: auto; } */

/* html,body {height: 100%; margin: 3%; }  Neat effect...but not what I need */
body {background-color: #fff; background-image: url(main_bg.png) ;
			background-repeat: repeat ;}
p {padding: 3px; margin: 3px; line-height: 130%; }
form {margin: auto; padding: 5px; width: auto; }
textarea {width: auto; }
input {margin: auto; width: auto;  display: inline; }
table,td {background-color: transparent; border-color: #111;  border-style: inset; border-width: 0px; }
table {border-spacing: 0; border-collapse: collapse; width: auto; }
legend {font-weight: bold;}
td {margin: 0; padding: 2px;}
th {background-color: #eee;}	
a			{text-decoration: underline; color: #11f; margin: 2px 3px; padding: 1px 3px; }
a:link		{text-decoration: underline; color: #11f; margin: 2px 3px; padding: 1px 3px; }
a:visited	{text-decoration: underline; color: #44f; margin: 2px 3px; padding: 1px 3px; }
a:hover		{text-decoration: none;		 color: #fff; margin: 2px 2px; padding: 1px 3px; border: 1px solid #aaf; background-color: #33f;}	
a:active	{text-decoration: none;		 color: #ffd; margin: 2px 2px; padding: 1px 3px; background-color: #33f;  }


h1 {font-family:  Verdana,Arial, Geneva,  Tahoma, Helvetica ; background-color: #ada; 
	text-align: left; font-size: 1.20em; margin: 0px; padding: 4px;  color: #333; height: auto;   
	border-bottom-width: 1px; border-bottom-style: ridge; border-bottom-color: black; padding-left: 35px;
	background-image: url(hammer30.png) ; background-repeat: no-repeat; background-position: 3px 0px; }

li {list-style-type: none; }	
img {border: 1px solid #555; padding: 2px; }
hr {margin: 0px; color: #bbc; border-width: 0px; }
a.image_link:hover  {background:transparent; border: none; padding: 3px; margin: 3px; } 

.contentImage {float: left; margin: 15px 10px 5px 13px;  }

/* The main container */
#container {border: outset rgb(0,98,49) ;
			background-color: #fff ;
			position: relative;
			margin-right: 1%; margin-left: 1%;
			width: auto; min-width: 300px; 
			height: 98%; 
			display: block; overflow: hidden; padding: 0px; }

/* The site header */
#siteHeader {background-color: #57AF69; width: 100%; height: auto; padding: 0px;  }
#siteLogo {float: left; margin: 2px; border: 1px ridge #afa ; }
#siteLogo img {border: 1px ridge #292; padding: 1px; margin: 0px; }
#siteCompany {float: left; color: white; margin: 5px; font-size: 1.35em; border-right: 1px ridge #ccc; padding-right: 5px; }
.siteMotto {font-size: .75em; font-style: italic; padding-left: 7px; color: #ffa; }
.productimagerow img {float: left; border: none; }


#siteSearch {float: left;  }
.getbox {font-size: 1.0em; padding: 1px; border: 1px ridge #ccc; margin: 0px; color: #393; }
.submit {padding: 0px; margin: 0px; font-size: .9em;  }
#siteSearchMenu {clear: both; margin: 0px; width: 2000px; height: auto; background-image: url(menu_bg.png); background-repeat: repeat-x; }
#siteSearchMenu ul {margin: 1px; padding: 5px; height: 17px; border: 0px solid white;  }
#siteSearchMenu li {display:inline; width: 50px; border-right: 1px ridge #222;}
#siteSearchMenu a {text-decoration: none;color: #33f; font-size: 1.2em; height: 30px; }
#siteSearchMenu a:hover {border: 1px solid #aaf; padding: 4px 3px; height: 30px; color: #eef; background-image: url(bg_menu_2.png); background-repeat: repeat-x; font-size: 1.2em; }
#siteSearchMenu a:active {padding: 4px 3px;}
#siteSearch {padding: 0px; }
#siteSearch a {font-size: .8em; padding: 1px; }
.sitebar {padding: 2px; font-style: italic; font-size: .85em; text-align: center; }
ul.horizontalMenu li {display:inline;}

/* concerning site Login Box */
#siteLogin {float: left; width: 300px; margin: 3px; color: #222;  }
#siteLogin a {font-size: 1.1em; text-decoration: none; color: #22d; margin: 2px; padding: 0px 2px; }
#siteLogin a:hover {padding: 1px 1px; background-color: white; border: 1px solid #22f; }
#siteLogin img {border: none; margin: 0px; padding: 0px; }
#siteLoginBar {background-color: #eee; margin: 2px;  padding: 4px; border: 1px solid black; width: 280px; border-top: 1px solid white; border-left: 1px solid white;}
#siteUserBar {background-color: #ddd; margin: 2px; padding: 4px; border: 1px solid black; width: 280px; border-top: 1px solid white; border-left: 1px solid white; }
#siteLoginBar hr  {}
.profitMaker {margin: 5px 20px; font-size: 2.3em; text-align: center; font-style: italic; font-weight: bold; font-family: Geneva; color: #722; }
.profitMaker1 {margin: 5px 0px 5px 35px; font-size: 1.3em; text-align: center; font-style: italic; font-weight: bold; font-family: Geneva; color: #722; }
/* concerning site document*/
#document {overflow: visible; width: auto; display: block; height: 100%; padding: 5px 2px 10px 2px; margin: 0px 2px 4px 141px; }
#document {border: 1px solid green; border-left: 2px solid #5b5; border-top: none; }
#document p {padding: 8px; text-align: justify; color: black; line-height: 130%; }
#documentHeader {margin: 5px 10px; border: 1px ridge #bba; padding: 1px 5px; background-color: #eef;}
#documentFooter {margin: 10px; border: 1px ridge #bba; padding: 1px 5px; background-color: #eef;}

/* Concerning site articles */
.article {overflow: hidden; width: auto; margin: auto; margin-bottom: 15px; display: block;}
.article {background-color: #ffe; border-bottom: 1px dashed #6c9942;}
.article p {margin: 5px; padding: 7px; color: black;}
/* .article img {float: left; margin: 15px 10px 5px 13px;  } */
.articleSideBar {color: #222; font-weight: bold; font-size: .90em; margin: 5px 5px 5px 15px; padding: 5px; width: 150px; float: right; border: 1px inset #222; background-color: #dfd; }
.articleHeader {display: block; height: 14px; background-color: #f5f5f5; margin: 0px; padding: 3px; }
.newstitle {color: #556B2F; text-align: left; }
.newsdesc {color: #556B2F; text-align: left; float: left; padding-left: 5px; }
.newsdate {font-style: italic; font-size: .85em; float: right; padding-right: 5px; }


/* Conerning site products - NEW as of 09/08/2009 */
#products {margin: 5px 2px; border: 0px solid #222222; }
.productRow {display: block; height: auto; width: auto; overflow: hidden;  
			margin: 5px; padding: 3px; background-color: #ffe; border: 1px ridge #bbb; }
.productImage {overflow: hidden; display: block; float: left; width: 130px; margin: 2px 10px 15px 0px; padding: 2px; height: auto;  }
.productImage img {padding: 2px; border: 1px solid #ccc; width: 120px; }
.product_missingimage {width: 120px; border: 1px solid #ccc; padding: 3px; margin-bottom: 3px; text-align: center; }
.productDetail {margin: 0px 0px 5px 0px; display: block; float: left; background-color: #fff;}
/* .productOrder {display: block; float: right; background-color: #c1d; } */
.productID {background-color: #ded; padding: 5px 50px 5px 5px; width: auto; margin-bottom: 5px; display: block; }
.pid   {text-align: left;   font-size: 1.25em; font-weight: bold; color: #aaf; margin: 2px; padding: 1px 3px; border: 1px solid #ccc; background-color: #f0f8ff; }
.pid a:hover {padding: 0px 3px; margin: 3px; border: 0px ridge white; }
.pdesc {text-align: left; font-size: 1.2em;   font-weight: bold; color: #191; margin: 0px 15px;}

tr.rowshade th {color: #555; background-color: #ddd; font-weight: 300; padding: 2px 5px; text-align: center;}
/* tr.rowProduct th {padding: 5px; } */
tr.rowData td {font-weight: bold; padding: 5px; text-align: center;  }
.pFooter   {padding: 5px; width:auto; background-color: #ffa; border-width: 1px; border-style: ridge; }
.catalogBar {display: block; max-width: 600px; min-width: 200px; overflow: hidden; margin: 5px; border: 1px ridge #bba; padding: 3px; background-color: #fff; }
.catalogBar img {margin: 1px; margin-right: 5px;  float: left; }
.catalogBar a {font-size: 1.2em;  font-weight: bold; }
.catalogID {overflow:hidden; background-color: #eef; width: auto; margin: 2px; display: block; font-size: .95em; }
.catalogLink {display: block; overflow: hidden; margin: 4px 4px; border: 1px ridge #bba; padding: 1px; background-color: #eef;}
.catalogLink a {color: #44c; float: left; font-size: .97em; font-weight: normal; margin: 1px 3px; padding: 2px; border-right: 0px solid #222;}
.catalogLink a:hover {color: #ddf;  margin: 1px 3px; padding: 2px; border: none; border-right: 0px solid #222;}

/* concerning site product forms */
.prodcut_tableForm {width: 98%; text-align: left; }
.product_tableForm td {background-color: transparent; border-style: none; text-align: left; width: auto; margin-right: 10px;  }	
.product_tableForm th {text-align: left; }
.product_formFieldset legend {width: 98%; font-style: italic; font-weight: bold; font-size: 1.05em; }
.product_formFieldset {font-size: .95em;  }
.product_status {border: 1px ridge red; margin-left: 10px; font-size: .9em; color: #000; padding: 1px 5px; text-align: center; font-style: italic; }
#featuredVendors {background-color: #ddf; padding: 10px; }
#featuredVendors a {margin: 10px; }
#featuredVendors a:hover {border: none; }
.siteProductForm  {width: auto; margin: 2px; background-color: transparent; border: 1px solid #ddd; }
.siteProductForm input {margin: 2px; }
.siteProductForm select {margin: 2px; }
.siteProductForm label {margin: 2px; text-align: left; }
.siteProductForm textarea {margin: 2px; }
.siteProductBar {overflow: hidden; display: block; margin: 5px ; border: 1px ridge #bba; padding: 3px; background-color: #efe; }		

/* concerning site orders */
.siteOrder {margin: 2px 5px; padding: 2px; border: 0px solid #ccc; font-size: 1.0em; }
.siteOrder legend {font-style: italic; font-weight: bold; font-size: 1.05em; color: #b77;}
.siteOrder fieldset {margin: 2px; padding: 10px; }
.siteOrder form {text-align: left; border: 0px; background-color: transparent; padding: 5px; }
.siteOrder input {font-size: 1.1em;}

/* concerning site order tables */
.OrderTable {margin: 5px; width: auto; border: 1px ridge #aaa; padding: 2px; }
.OrderTable th {background-color: #ffb66f; border: 1px ridge #888; padding: 2px 4px; text-align: center; font-size: .98em; }
/* .OrderTable td{color: black; padding: 3px; background-color: #ffd; font-size: 1.1em; } */
.OrderRowEven  td {background-color: #ffe8bf; padding: 4px; text-align: center; }
.OrderRowOdd td {background-color: #ffffff; padding: 4px; text-align: center; }
.OrderRowCurrent td {background-color: #afa; padding: 4px; font-weight: bold; text-align: center; }
.OrderTableFooter td {background-color: #ccf; padding: 4px; border: 1px ridge #aaa;}
.cartImage {overflow: hidden; display: block; width: 85px; margin: 0px;  padding: 1px; height: auto;  }
.cartImage img {padding: 2px; border: 1px solid #ccc; width: 65px; height: auto; }
.cartMissingImage {width: 85px; border: 1px solid #ccc; padding: 3px; margin: 0px; text-align: center; font-size: .75em; }

/* concerning site tables */
table.siteTable {border-width: 1px; border-style: inset}

/* Concerning site messageboxes, pagers, backlinks, anchorbar */
#messageBox {margin: 5px 15px 15px 15px; padding: 5px 10px 5px 10px; background-color: #ddf; border-style: ridge; border-color: #f22 ;
	border-width: 1px; border-bottom-width: 2px; border-right-style: solid; border-right-style: ridge; color: #222222; font-size: 1.1em; 
	text-align: center; overflow: auto; width: auto; font-weight: bold; height: auto; color: #d33; }
.messageBox span {padding: 0px; font-weight: bold; }
#breadcrumbs {height: 16px; padding: 2px;  background-color: #88ff88; width: 95%; border-style: solid; border-color: #f22 ;
	border-width: 1px; border-right-style: none; border-left-style: none; color: #222222; font-size: .9em; }
#backlinks {height: 16px; padding: 2px;  background-color: #88ff88; width: auto; border-style: solid; border-color: #f22 ;
	border-width: 1px; border-right-style: none; border-left-style: none; color: #222222; font-size: .9em; }
.pager {width: auto; margin: 5px 10px; padding: 2px 3px; background-color: #fc6; border: 1px ridge #863;}
.pager a {padding: 2px; margin: 2px; }
.siteDocumentBar {margin: 10px; border: 1px ridge #bba; padding: 5px; background-color: #eef; }		
.anchorbar {display: block; overflow: hidden; background-color: #eef; border: 1px solid #88a; 
		border-top: 1px solid #aaf; border-left: 1px solid #aaf; padding: 2px; margin: 5px 10px;  }
.anchorbar legend {font-style: italic; font-weight: bold;}
.anchorbar fieldset {font-size: 1.0em;  }
.anchorbar input {}
.anchorbar li {line-height: 170%; }
.helpbar {display: block; overflow: hidden; background-color: #dde; border: 1px dashed #aaf; margin: 10px; padding: 5px; }
.contactWebmaster {display: block; overflow: hidden; background-color: #ffe8bf; border: 1px dashed #b99; margin: 10px; padding: 5px; }
.toolBar {display: block; overflow: hidden; background-color: #eef; border: 1px dashed #aaf; margin: 10px; padding: 5px; border-bottom-color: #88a;}
.vendorList {margin: 5px; display: block; float: right; font-size: .9em; padding: 5px; border: 1px solid #aac; background-color: #ded; }
	
/* concerning site columns */
#siteColumnLeft {float: left; display: block; left: 1px; margin: 2px 0px 5px 0px; width: 135px; padding: 3px 0px; height: auto; border: none; }
#siteColumnLeft h6 {padding: 3px; font-size: 1.2em; color: white; background-image: url(bg_menu_h6.jpg); background-repeat: repeat-y; margin: 0px;}
.siteLeftMenu ol {margin: 0px; padding: 0px;  text-align: left; }
.siteLeftMenu li {border-bottom: 1px solid #cce; margin: 0px; }
.siteLeftMenu a {text-decoration: none; display: block; padding: 2px; color: #44c; }
.siteLeftMenu a:hover {background-image: url(bg_menu_h6.jpg); background-repeat: repeat-y; color: white; padding: 1px; }
/* background-image:url('arrow-left.png'); background-repeat:no-repeat; background-position: right;} */
.siteLeftMenu address {padding: 5px 5px 0px 5px;  }

.listnote p {font-size: .95em; padding: 0px; margin-left: 5px; color: #AAAAAA}
.listimage  {border: none; border-width: 0px; }


/* concerning site telephones and addresses */
.address {text-align: center; color: #666; }
.telephone {text-align: center; font-style: italic; font-weight: 400; font-size: .9em ;}


/* concerning site grids */
.gridTable {margin: 5px; width: auto; border: 1px ridge #252; padding: 3px; }
td.gridTable  {text-align: center; }
tr.gridRow th {padding: 3px; text-align: center; font-size: 1.15em; background-color: #ccf; }
tr.gridFooter td {text-align: center; font-size: .95em; color: black; padding: 10px; background-color: #ffd; }
.gridHeader th {background-color: #ffb66f; border: 1px ridge #888; padding: 2px 4px; text-align: center;}
td.numeric {text-align: right; }
tr.tr1 td {background-color: #ffffff; padding: 5px; }
tr.tr2 td {background-color: #ddffdd; padding: 5px; }

/* concerning site tables */
table.siteTable {border-width: 1px; border-style: inset}

/* concerning site forms */
/* #infoTable {width: auto; } */
.tableForm {width: auto; }
.tableForm td {background-color: transparent; border-style: none; text-align: left; width: 50%; }	
.siteForm  {width: auto; margin: 5px; background-color: #ecf1e3; border-style: ridge; border-width: 1px; border-color: #55ff55;}
.siteForm input {margin-left: 20px; }
.siteForm select {margin-left: 20px; }
.siteForm label {margin-left: 3px; text-align: left; }
.siteForm textarea {margin-left: 20px; }
.formLabel {color: #222; font-size: 1.05em; margin: 0px; text-align: left;  }
.formFieldset legend {width: auto; font-style: italic; font-weight: bold; font-size: 1.2em; }
.formFieldset {font-size: 1.0em;  }

/* concerning site text */
.clearfloat {clear: both; }
.clearmargin {margin: 0px; }
.clearpadding {padding: 0px; }
.float-left {float: left; }
.float-right {float: right; }
.pstandout {font-size: 1.1em; color: #f16220; font-weight: bold; }
.pcenter {text-align: center; }
.pleft {text-align: left; }
.pnumeric {text-align: right; }
.pbold {font-weight: bold; }
.psmallest {font-size: .8em; }
.psmaller {font-size: .85em; }
.psmall {font-size: .9em; }
.plittle {font-size: .95em; }
.plight {color: #448; padding: 10px;}
.pbig {font-size: 1.05em; }
.plarge {font-size: 1.1em; }
.plarger {font-size: 1.2em; }
.plargest {font-size: 1.3em; }
.pitalic {font-style: italic; }
.pname {font-style: italic; font-weight: 300; font-size: 1.05em; color: #44e; }
.pindent {margin-left: 8px; }
.readmore {font-style: italic; font-size: .9em; color: red; }
.nohover {border: none; }
.nohover a {border: none; background-color: transparent; }
.noborder {border: none; }
.numeric {text-align: right; }

/* concerning site footer */
#site_footer {clear: both; display: block; background-color: green; background-image: url(bg_mm_2.png); background-repeat: repeat-x ; height: auto; padding-top: 2px; }
#site_footer {margin: 0px; border: 1px solid #2f4;}
.site_footer_menu {text-align: left; font-size: 1.0em; padding: 0px; margin-top: 3px; }
p.site_copyright {font-size: .9em; padding-bottom: 5px; }
.site_copyright a {color: #6b6;}