html,body {height:100%;width:100%}
body {text-align: center;background-color: #f5f5d9; /*#5d5048;*/margin:0;padding:0;}
pre {color:#000;text-align:left;}
div#pageContainer{width:100%;}
div#wrapper {
		margin: 25px auto 10px auto;
		border: 1px solid #48694a;
		padding:0 0 10px 0;
		width: 760px;
		background-image: url(/assets/images/factory1.png);
		background-position: bottom right;
		background-repeat: no-repeat;
		min-height: 100%;
		background-color:#F5F5D9;
		position:relative;
		height: auto;
		overflow: visible;
				
}

html>body div#wrapper {height: 100%;background-color:#F5F5D9;}
dt{font-weight:bold}
div#leftSide{float:left;width:150px; }
div#leftSide ul{list-style-type:none;margin:10px 0px 5px  0px;padding:0;text-align:left}
div#leftSide ul li {background-color:#48694A;margin:0 0 1px 0;padding:2px}
div#leftSide ul li a,div#leftSide ul li a:link{font-family: Arial, Helvetica, sans-serif;font-size: 9pt;color:#FFF} 
div#logo {
		height: 500px;
		position: relative;
		background:#f5f5d9 url(/assets/images/airstar-vertical.png);
		margin-bottom: -10px;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		background-position: center;
		background-repeat: no-repeat;
		margin-top:-10px;
}

html>body div#logo {min-height: 394px;}


h1 {	color: #7e015d; /*osha purple*/
		font-weight: bold;
		font-size: 18px;
}

h2 {
		color: #423433; /*dark brown*/
		font-size: 14px;
		font-weight: bold;
}

h3	{
		color: #423433; /*dark brown*/
		font-size: 12px;
}
		

table.contact	{
		width:500px;
		margin: 10px 0 10px 0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
}
table.contact td	{
		vertical-align: top;
		text-align:left;
}

b {
		color: #ffffff;
		font-weight: bold;
}

A:link {
	COLOR:#000;
	text-decoration: none;
}
A:visited {
	COLOR:#666;
	text-decoration: none;
} 
A:hover {
	color : #5D2C88;
}

div#footer {
		width: 760px;
		clear: both;
		margin: 0 auto;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight: normal;
		color: #000;
		padding: 0px;
		text-align: right;
		position:relative;
}

div#footer A {
		color: #5d5048; /*dark brown*/
		font-weight: normal;
		text-decoration: none;
		text-transform: uppercase;
}

div#footer a:hover {
		text-decoration: underline;
}


div#content a {
		color: #4d382b; /*dark brown*/
		font-weight: bold;
		text-decoration: none;
}

div#content a:hover {
		text-decoration: underline;
}



div#content {
		text-align: justify;
		padding: 15px 5px 15px 15px;
		margin:0 0 10px 160px;
		width: 450px;
		*width: 490px;
		*margin-left: 70px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
		font-weight: normal;
		color: #425a44; /*dark green*/
		background: transparent; 
		position:relative;
		
}

div#content2 {
		text-align: justify;
		padding: 15px 5px 15px 15px;
		margin:0 0 10px 0px;
		width: 610px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
		font-weight: normal;
		color: #425a44; /*dark green*/
		background: transparent; 
		position:relative;
		
}

div#contentadmin {
	   text-align: left;
	   padding: 15px;
	   margin:0 auto;
	   width: 724px;
	   font-family: Verdana, Arial, Helvetica, sans-serif;
	   font-size: 9pt;
	   font-weight: normal;
	   color: #425a44; /*dark green*/
	   background: transparent; 
}

html>body div#content {
		min-height: 500px;
}

div#topbar {
		height: 65px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
		font-style:italic;
		font-weight: bold;
		text-align: left;
		padding-left: 10px;
		padding-top: 10px;
		color: #48694a;
		border-bottom: 1px solid #999;
		clear: left;
		position:relative;
		background-color: #F4F4E7;
}

div#menu {
		width: 760px;
		height:25px;
		position:relative;
		top:-10px;
}

div#menu A {
		display: block;
		width: 125px;
		position: relative;
		left:0px;
		z-index: 50;
		float: left;
		border: 1px solid #ffffff;
		height: 25px;
		background: #48694a; 
		background-position: center left;
		background-repeat: no-repeat;
		font-family: trebuchet ms,arial,verdana;
		text-align: right;
		font-size: 14px;
		text-decoration: none;
		padding-right: 10px;
		padding-top: 3px;
		font-weight: bold;
		color: #ffffff;
		text-transform: uppercase;
}

div#menu a:hover {
		background: #423433;
		background-position: center left;
		background-repeat: no-repeat;
		color: #bbc6b6;
}

div#attn	{
		background-color: #f4f4e7; /*off white*/
		color: #4d382b; /*dark brown*/
		border:1px solid #000;
		padding: 0 5px 10px 5px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 11px;
		width: 75%;
		margin:0 auto;
}

div#attn h3	{ 
		color:#526b54; /*dark green*/
		font-size: 14px;
		font-weight:bold;
}

div#attn a	{
		color:#7e015d; /*osha purple*/
}


.border	{
		  border:1px solid #000;
		  }
.bd {
  border: thin solid #000;
}

.tblbg {
   background-color: #fff;
}
.tdbg2 {
  background-color: #c0c0c0;
  color:#000;
  font-weight:bold;
  font-size: 9pt;
}

.tdbg1 {

  color:#000;
  font-size: 9pt;
}
.tdbg_grey {
 background-color:#FFF;
 color:#000
}

A.tdbg_grey:link { 
color:#000;
}
A.tdbg_grey:hover {
color:#5D2C88;
 text-decoration:underline;
}
A.tdbg_grey:visited {
 color:#999;
}

.smltext {
  font-size:7pt;
  color:#000000;
}

.smltext_blck {
  font-size:7pt;
  color:#000000;
}
.smltext_white {
  font-size:7pt;
  color:#FFFFFF;
  font-weight:bold;
}

.pageTitle {
   color: #000;
   font-size: 14px;
   font-weight:bold;
   padding:5px;
   
}

.pageTitle_sm {
   color: #FFFFFF;
   background-color:#000000;
   font-size: 12px;
   font-weight:bold;
   padding:2px;
   
}

.pagesubHeader {
   font-size: 10px;
   font-weight:bold;
   padding:2px;
   
}

.pad {
padding:4px;
}

.nopad {
padding:0px
}

a.breadcrumbs {
 color:#333;
 font-size: 10px;
 text-decoration: none;
}
a.breadcrumbs:link {
 color:#000;
 font-size: 10px;
 text-decoration: none;
}
a.breadcrumbs:hover {
  color: #5D2C88;
  text-decoration: none;
  font-size: 10px;
}

a.breadcrumbs:visited {
  color: #999;
  text-decoration: none;
  font-size: 10px;
}

.subnav {
  color:#000;
  font-size: 10px;
  text-decoration: none;
 }
 
 A.subnav:link {
  color:#000;
  font-size: 10px;
  text-decoration: none;
 }
 
  A.subnav:visited {
  color:#666;
  font-size: 10px;
  text-decoration: none;
 }
   A.subnav:hover {
  color:#5D2C88;
  font-size: 10px;
  text-decoration: none;
 }

.adminHelp {
   color:#FF0000;
   font-size: 10px;
   text-decoration: none;
   font-weight:bold;
}


.tdSideBar {
	width: 125px;
	vertical-align: top;
}
.tdMain {
	vertical-align: top;
}

/* ----- MAIN SETTINGS ---- */

/* This is a smaller text used for the wishlist, etc. */
.smalltext {
	font-size : 9px;
}

/* Style for page breaks when printing */
P.pageEnd {page-break-before: always}

/* ----- PAGE SECTIONS & HEADERS -----*/
/* Header is a large separating bar used in page layout */
/* Sections are used for output areas */

.section_title {
	font-size: 12px;
	font-weight: bold;
}


hr {color: #000;height:1px}

HR.thickline {
	height: 2px;
	FONT-SIZE: 1px;
	margin-bottom : 0px;
	margin-top : 0px;
}
HR.thinline {
	height : 1px;
	margin-bottom : 0px;
	margin-top : 0px;
}



/* CATEGORY PAGES: Category itself (large) plus 3 listing sizes  for subcats & article, etc. --------------------------------------------- */
.cat_title_large {
	
}
.cat_title_small {
	
}
.cat_title_list {
	
}
.cat_text_large {
	
}
.cat_text_featured {
	
}
.cat_text_small {
	font-size: 13px;
}
.cat_text_list {
	font-size: 12px;
}

/* FEATURE:.Detail page -------------------------------- */

/* Style for detail item name, if no image defined   */
.FeatureTitle {

}
/* Style for product names, if no image defined   */
.FeatureTeaser {
	
}
.FeatureByline {

	
}


/* PRODUCTS:. --------------------------------------------- */

/* Style for product names, if no image defined   */
.prodname {
	font-size : 16px;
	font-weight : bold;
}

/* Style for product names, if no image defined   */
.prodname_list {
	font-size : 14px;
	font-weight : bold;
}

/* Style for Product SKU line, if turned on */
.prodSKU {
	font-size : 11px;
	color : #5D2C88;
}

/* Style for Product price, if turned on */
.prodprice {
	font-size : 12px;
	color:#ccc;
}

/* Style for Product price emphasized words */
.prodprice2 {
	font-size : 12px;
	font-weight : bold;
	color:#FF9922;
}

/* Style for Product discount line, if turned on */
.proddisc {
	font-size : 12px;
	color : maroon;
}

/* Style for border around image on moreinfo page */
.moreimg {
	border-style : solid;
	border-width : 1px;
	border-color : Silver;
	width: 30%;
	text-align : center;
	padding : 10px;
	background-color: white;
}

.gallery_img {
	border-style : solid;
	border-color : Silver;
	margin-right : 3px;
	border-width : 1px;
}


/* ----- ORDER BOX & HIGHLIGHT BOX -----*/
.boxtitle {
	FONT-SIZE: 16px;  
}
.BoxText {
	FONT-SIZE: 13px;  
}

.BoxBorder {
 border: 1px solid #ccc;
}

.BoxHeaderRow {
 background-color: #666;
}

/* ----- SHOPPING CART  -----*/

/* Style for shopping cart text */
.carttext {
	font-size : 11px;
}

/* Style for small shopping cart text */
.smallcarttext {
	font-size : 10px;
}



/* ----- INPUT FORM ---------------------------------*/
.FormTitle {
	color:#000;
	FONT-SIZE: 14px;
	font-weight : bold;
}
.formtext {
	color:#000;
	FONT-SIZE: 11px;
	vertical-align : baseline;
}

.FormError {
	FONT-SIZE: 12px;
	color : Red;
}

.FormErrorSmall {
	FONT-SIZE: 10px;
	color : Red;
}

.FormTextSmall {
	FONT-SIZE: 10px; 
}

.FormTextVerySmall {
	FONT-SIZE: 9px;
}

.formfield {
	BACKGROUND-COLOR: #fff;
	BORDER-BOTTOM: #666 1px solid;
	BORDER-LEFT: #666 1px solid;
	BORDER-RIGHT: #666 1px solid;
	BORDER-TOP: #666 1px solid;
	COLOR: #000;
	FONT-SIZE: 10px;
}
.formfield_quickLinks {
	BACKGROUND-COLOR: #999;
	BORDER-BOTTOM: #666 1px solid;
	BORDER-LEFT: #666 1px solid;
	BORDER-RIGHT: #666 1px solid;
	BORDER-TOP: #666 1px solid;
	COLOR: #000;
	FONT-SIZE: 11px;
}

.formfieldlogin {
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	FONT-SIZE: 11px;
	BORDER-LEFT: #cccccc 1px solid;
	COLOR: #000;
	BORDER-BOTTOM: #cccccc 1px solid;
	width : 110px;
}
.formfieldcheckbox {
	FONT-SIZE: 10px;
	COLOR: #cccccc;
	
}

.FormButton {
	BORDER-RIGHT: 1px outset;
	BORDER-TOP: 1px outset;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	BORDER-LEFT: 1px outset;
	COLOR: #000;
	BORDER-BOTTOM: 1px outset;
	BACKGROUND-COLOR: #999;
	text-align : center;
}

.FormButton_small {
	BORDER-RIGHT: 1px outset;
	BORDER-TOP: 1px outset;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	BORDER-LEFT: 1px outset;
	COLOR: #000;
	BORDER-BOTTOM: 1px outset;
	BACKGROUND-COLOR: #999;
	text-align : center;
}

A.FormButton:visited {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #000;
	BACKGROUND-COLOR: #999999;
	TEXT-DECORATION: none;
}
A.FormButton:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: white;
	BACKGROUND-COLOR: #999999;
	TEXT-DECORATION: none;
}

/* ----- Listing Outputs (for address lists, etc.) ---------------------------*/
.ResultHead {
	FONT-SIZE: 12px;
}
.listingHead {
	FONT-SIZE: 12px; 
	TEXT-DECORATION: none;
}
.ListingSmall {
	font-size:	10px;
}
.listingTitle {
	FONT-SIZE: 14px;
	TEXT-DECORATION: none;
	font-weight : bold;
}
A.listingTitle:link {
	FONT-SIZE: 14px;  TEXT-DECORATION: none
}
A.listingTitle:visited {
	FONT-SIZE: 14px;  TEXT-DECORATION: none
	}
A.listingTitle:hover {
	FONT-SIZE: 14px; ; TEXT-DECORATION: underline
	}
	
.listingsubtitle {
	FONT-SIZE: 12px; FONT-STYLE: italic;  
}
.listingtext {
	FONT-SIZE: 12px; 
}
.listingsubtext {
	FONT-SIZE: 12px;  
}
.listingtagline {
	FONT-SIZE: 12px; 
}
.listingdate {
	FONT-SIZE: 12px;  
}



/* MENUs --------------------------------------------- */
.menu_category {
	font-size: 12px;
	text-decoration : none;
}
a.menu_category
{
	font-size: 12px;
}

.menu_page {
	text-align:right;
	font-size: 12px;
}

a.menu_page, a.menu_page:link, a.menu_page:visited, A.menu_page:active 
{  text-align:right;
	font-size: 12px;
	color:#000;
}
A.menu_page:hover
{
COLOR:#5D2C88;}

.menu_page_title {
	font-size: 12px;
	FONT-WEIGHT: bold;
}

a.menu_page_title
{
	font-size: 12px;
	FONT-WEIGHT: bold;
}


.menu_trail {
  font-size:10px;
  text-decoration : none;
}
	
 .menu_trail a, .menu_trail a:link,.menu_trail a:visited, .menu_trailA:active 
{
	font-size: 10px;
	color:#000;
	margin:0px;

}

.menu_trail a:hover
{
	font-size: 10px;
	color: #5D2C88;

}

.menu_footer {
	font-size: 10px;
	text-decoration : none;
	text-align : center;
}
a.menu_footer
{
	
}

.menu_admin {
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	TEXT-DECORATION: none
}
A.menu_admin{
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	TEXT-DECORATION: none
}
A.menu_admin:hover{
	
	COLOR: #999;

}


/* ----- INPUT FORM ---------------------------------*/
TD.TopTierHeader {
}
.TopTierHeader {
	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  
}

A.TopTierHeader:link {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px; TEXT-DECORATION: none
}
A.TopTierHeader:visited {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  TEXT-DECORATION: none
}
A.TopTierHeader:hover {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  TEXT-DECORATION: underline
}


/* ----- top tier is tabs; TD produces height ---------------------------------*/
TD.TopTierNav {
	FONT-WEIGHT: bold; FONT-SIZE: 12px;TEXT-DECORATION: none;padding:4px;
}
.TopTierNav {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; TEXT-DECORATION: none
}
A.TopTierNav:link {
	 FONT-SIZE: 11px; TEXT-DECORATION: none; 
	 color:#996633;
}
A.TopTierNav:visited {
	FONT-SIZE: 11px; TEXT-DECORATION: none;
}
A.TopTierNav:hover {
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
	background-color : transparent;
	color:#000;
}

/* ----- the sub tier is for sort  ---------------------------------*/
.SubTierNav {
	FONT-SIZE: 11px; TEXT-DECORATION: none
}
A.SubTierNav:link {
	 FONT-SIZE: 11px;TEXT-DECORATION: none
}
A.SubTierNav:visited {
	FONT-SIZE: 11px;  TEXT-DECORATION: none
}
A.SubTierNav:hover {
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
	background-color : transparent;
}


/* ---------- Links for the sitemap search --------------------- */
A.alphaon:link {
	 FONT-SIZE: 13px;TEXT-DECORATION: none ; Font-Weight: Bold;
}
A.alphaon:visited {
	FONT-SIZE: 13px;  TEXT-DECORATION: none; Font-Weight: Bold;
}
A.alphaon:hover {
	FONT-SIZE: 13px;
	TEXT-DECORATION: none;
	Font-Weight: Bold;
	background-color : #000;
	color:#FFF;
}
A.alphaoff:link {
	 FONT-SIZE: 9px; TEXT-DECORATION: none
}
A.alphaoff:visited {
	FONT-SIZE: 9px; TEXT-DECORATION: none
}
A.alphaoff:hover {
	FONT-SIZE: 9px;
	TEXT-DECORATION: none;
	background-color : #ccc;
	
	
}

.nav {color: #000; text-decoration: none; font-size: 10px;  font-weight: normal}
.nav:hover {
	color: #999;
	font-size: 10px;
	font-weight: normal;
	text-decoration: underline;
}


.required {
	font-weight: bold;
}

.tdHeader {
 text-align:center;
 font-size:80%

}
.rowHeader {
  height:12pt;
}

/**** FOR THE login boxes ****/
.loginForm_Box {
 width:110px;
 padding:3px;
 border: 1px solid #999;
 margin: 5px 0px 5px 2px;
}


 /**** FOR THE login boxes ****/

 /*for form field labels*/
  label {
	float:left;
  }
  
.loginForm {
  width:145px;
  padding:3px;
  margin: 5px 0px 5px 2px;
  text-align:left;
  font-family:trebuchet ms,arial,verdana;
  font-weight:bold;
  font-size:14px;
  position:relative;
  float:Left;
}

.loginForm legend {
  font-size:80%;
  background: #526b54;
  color:#000;
  border:1px solid #999;
  border-bottom-color: color:#999;
  border-right-color: color:#999;
  padding:4px 6px; 
}

.loginForm fieldset {
  border:1px solid #999;
  padding:4px 3px; 
  width:145px;
}

.loginForm p {
  color:#526b54;
  FONT-SIZE: 9px;
}

.loginForm label {
  color:#526b54;
  FONT-SIZE: 9px;
}

.loginForm a:link {
  FONT-SIZE: 9px;
}
.
.logout_box {
  width:125px;
  padding:3px 3px 4px 3px;
  border: 1px solid #ccc;
  text-align:center;
  margin: 5px 0px 5px 2px;
}

.logout {
  width:125px;
  padding:3px 3px 4px 3px;
  text-align:center;
  margin: 5px 10px 5px 2px;
}

.logout legend {
  font-size:80%;
  background: #999;
  color:#000;
  border:1px solid #999;
  border-bottom: color:#999;
  border-right: color:#999;
  padding:4px 6px; 
}

.logout fieldset {
  border:1px solid #ccc;
  padding:4px 3px; 
  width:125px;
}
.myAccount {
    
	font-size: 11px;
	padding-bottom:5px;
	font-weight:bold;
	margin-bottom:5px;
	text-align:center;
}

a.myAccount:link
{ 
	font-size: 11px;
	COLOR:#000;
}

A.myAccount:hover
{
  COLOR:#999;
}

object.td
{
color:#000000}
.debug {
  color:#000;
}

/*defines styles for category,page,feature edit links*/
 .editBtn {
	padding:5px;
	border-top: solid 1px #fff;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	border-left: solid 1px #333;
	background-color:#999;
	text-align:center;
	margin:10px 0 10px 0;
 }
 a.editBtn {
   text-decoration:none;
   color:#000;
   font-size:90%;
 }
 
 /* for item lists for editing */
 .listform {
  background-color: #E7E3D6;
  padding:3px;
  color:#000;
 }
 
 .listform td{
  font-size: 95%;
 }

 .listform a {
   color:#000;
 }
 
  
  .listform a:link {
   color: #000;
   
 }
  .listform a:hover {
   color: #666;
   
 }
 
  .listform a.editBtn {
   text-decoration:none;
   color:#000;
   font-size:100%;
 }
 
  /* for item lists for editing */
 .listform_lo {
  background-color: #CCC;
  padding:3px;
 }
 
 .listform_lo a, .listform_lo td{
   color: #000;
 }
 
  .listform_lo a:link {
   color: #000;
   
 }
  .listform_lo a:hover {
   color: #633;
   
 }
 
  .listform_lo a.editBtn {
   text-decoration:none;
   color:#000;
 }
	
/* the following classes handle sidebar content */
#contentContainer {/*container for catContent and sidebar */

}

.catContent {
  float: left;
  color:#000;
  width:300px;
  margin: 0px -340px 5px 10px;
}
#sidebar {
    margin:0px 5px 5px 15px;/* fix the right margin depending upon your layout */
    float:right;
	width:225px;
	/*background-image: url(../lay/bg_sidebar.gif);
	background-repeat: repeat-x;*/ /* add a background image to the side bar if you wish */
	font-size:80%;
	padding:3px 3px 3px 0px;
}


#sidebar li {
margin-left:0px;
}

#sidebar dl {
font-size:100%;
margin-left:3px;
}

#sidebar dt {
font-size:110%;
}


/*controls look of bread crumb navigation for sub categories */
#subCatBreadCrumbs {
margin:3px 0px;
}
#subCatBreadCrumbs ul {
 margin:0px;
 padding:0px;
}
#subCatBreadCrumbs li {
 font-size:80%;
 list-style:none;
 float:left;
 margin:0px 5px 0px 0px;
}
 
#subCatBreadCrumbs a {
font-size:80%;
}
/*** SITE MAP CLASSES***/
.siteMap {
 margin: 3px 0px 3px 5px;
}

.siteMap li {
  list-style:none;
  margin: 3px 0px;
}

#siteMapProducts {
margin: 3px 0px;
}

#siteMapProducts dt  {
 font-weight: bold;
 font-size:110%;
}

#siteMapProducts dd  {
  list-style:none;
  margin:3px;
}
#siteMapProducts dl ul li  {
  list-style:none;
  margin:3px 0px;
}

/**** STYLES FOR INPUT BOXES AND OUTPUT BOXES ***
  break these up more if need be
*/
.inputBox, .outputBox, .formatBox  {
	padding:0px;
	border:#999 1px solid;
	width:720px;
	margin:0;
}

.inputBox_contact	{
	padding:0px;
	border:#999 1px solid;
	width:550px;
	margin:0;
}
	
.inputBox_contact	h3 {
	background-color:#999;
  	color:#FFF;
  	font-size:130%;
  	padding:3px;
  	border-bottom: 1px solid black;
  	margin:0px;
 	 width:99.5%;
}

.inputBox h3, .formatBox h3 {
  background-color:#999;
  color:#FFF;
  font-size:130%;
  padding:3px;
  border-bottom: 1px solid black;
  margin:0px;
  width:99%;
}

.inputBox p ,.outputBox p, formatBox p {
   font-size: 80%;
   text-align:right;
}

.outputBox h3 {
  background-color:#999;
  color:#FFF;
  font-size:130%;
  padding:3px;
  border-bottom: 1px solid black;
  margin:0px;
  text-align:center;
}