/*@import "webSpares.css";
@import "webProducts.css"; */

body {
   background-color: #e4e4e4;
   margin: 0px;
}

body, INPUT, SELECT {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 16px;
}

@media screen {

.banner {
   border: none 0px;
   margin: 0px;
   padding: 0x;
   background-image: url("foster-refrigeratorR.png");
   background-repeat: repeat-x;
}

}

@media print {
.banner {
   display: none;
}   
}

H1 {
   font-size: 16px;
   margin: 0;
   color: #004196;
}

H2 {
   font-size: 14px;
   margin: 0;
   color: #004196;
}

H3 {
   font-size: 12px;
   margin: 0;
   color: #004196;
}

@media print {
   H1, H2, H3 { color: Black; }

   input[type="text"], textarea { border: 1px solid black; }
}

img {
   border: 0px;
   margin: 0px;
}

.masterLayout {
   width: 100%;
}

.masterLayout td {
   vertical-align: top;
}

a {
	padding: 0px;
	margin: 0px;
	color: #006699;
	text-decoration: none;
}

.fullWidth {
   width: 100%;
}

/** style for rounded boxes */
table.rndBox {
   padding: 0px;
   margin: 0px;
   border: none 0px;
   width: inherit;
   height: inherit;
}

TD.rndBoxTL {
   width: 8px;
   height: 45px;
   background-image: url("heading-left-white.jpg");
}

TD.rndBoxTM {
   height: 45px;
   background-image: url("heading-back-white.jpg");
}

TD.rndBoxTM div {
   padding: 3px;
}

TD.rndBoxTR {
   width: 8px;
   height: 45px;
   background-image: url("heading-right-white.jpg");
   background-position: right;
}

TD.rndBoxML {
   width: 8px;
   background-image: url("rndBox-left-white.jpg");
   background-repeat: repeat-y;
}

TD.rndBoxMR {
   width: 8px;
   background-image: url("rndBox-right-white.jpg");
   background-repeat: repeat-y;
}

TD.rndBoxBL {
   width: 8px;
   height: 8px;
   background-image: url("cornerL.jpg");
}

TD.rndBoxBM {
   height: 8px;
   background-image: url("cornerBack.jpg");
}

TD.rndBoxBR {
   width: 8px;
   height: 8px;
   background-image: url("cornerR.jpg");
   background-position: right;
}

/** styles that apply to left links menu */


@media screen {

.sideMenuCol { width: 202px; }

#theNavMenu {
   width: 200px;
   cursor: pointer;
   background-color: White;
}

#theNavMenu H1 {
   border-bottom: 1px solid #778eaa;
}

#theNavMenu H2 {
   border-bottom: 1px solid #778eaa;
   background-color: #E7F1FE;;
}

#theNavMenu .t0 {
   width: 100%;
   padding: 0px;
   margin: 0px;
   border: none 0xp;
   border-bottom: #778eaa 1px solid;
}
#theNavMenu .t0 td {
   vertical-align: middle;
   padding: 0px;
   border: none 0xp;
}

#theNavMenu .mPlus {
   background-color: #e2e2e2;
   color: #333333;
   border: #999999 1px solid;
   width: 15px;
   float: right;
   text-align: center;
}

#theNavMenu a {
   display: block;
   padding: 10px;
   text-decoration: none;
}

#theNavMenu > div > a {
   border-bottom: #21528c 1px solid;
}

#theNavMenu .l0 {
   background-color: White;
   color: #21528c;
   font-weight: bold;
   font-size: 16px;
}

#theNavMenu .l1, #theNavMenu .l1 a {
   background-color: #849ebd;
   color: White;
   font-size: 14px;
   font-weight: normal;
   border-bottom: #778eaa 1px solid;
}

#theNavMenu .l2, #theNavMenu .l2 a {
   background-color: #a4b7cc;
   color: #003366;
   font-size: 12px;
   font-weight: normal;
   border-bottom: #778eaa 1px solid;
}

#theNavMenu .g0 {
   background-color: White;
   color: #458337;
   font-weight: bold;
   font-size: 16px;
}

#theNavMenu .g1 {
   border-left: #ffffff 2px solid;
   border-right: #ffffff 2px solid;
}

#theNavMenu .g1, #theNavMenu .g1 a {
   background-color: #458337;
   color: White;
   font-size: 14px;
   font-weight: normal;
   border-bottom: #75b076 1px solid;
}

#theNavMenu .g2, #theNavMenu .g2 a {
   background-color: #60a85c;
   color: White;
   font-size: 12px;
   font-weight: normal;
   border-bottom: #75b076 1px solid;
}

}

@media print {
   .sideMenuCol { width: 0px; }
   #theNavMenu { display: none; }
   #printOrder { font-size: 75%; }
}

.inp0 {
   width: 10em;
}

.topPad {
   margin-top: 8em;
}

.cntr {
   margin-left: auto; margin-right: auto;
}