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

body {
   margin: 0px;
   margin-left: auto;
   margin-right: auto;
   background-color: #c9c8c6;
}

table#pageShadow {
   border-collapse: collapse;
}

td#pageShadowCntr {
   padding: 0;
}

td#pageShadowLeft {
   width: 76px;
   background-image: url("pagebackLftGrad.png");
   background-repeat: repeat-y;
   background-position:right;
}
td#pageShadowRight {
   width: 76px;
   background-image: url("pagebackRttGrad.png");
   background-repeat: repeat-y;
}

body, INPUT, SELECT {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

@media screen {

.banner {
   border: none 0px;
   margin: 0px;
   padding: 0x;
   height: 141px;
   background-color: Black;
}

.btmLinks 
{
   padding: 3px;
   border: 2px solid #c9c8c6;
   text-align: center;
}

}

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

H1 {
   font-size: 16px;
   margin: 0;
   color: #004196;
   padding-top: 5px;
   padding-bottom: 10px;
}

H2 {
   font-size: 14px;
   margin: 0;
   color: #004196;
   padding-top: 5px;
   padding-bottom: 5px;
}

H3 {
   font-size: 13px;
   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%;
   padding: 0;
   margin: 0;
   border-collapse: collapse;
}

.masterLayout td {
   vertical-align: top;
   padding: 0;
   margin: 0;
}

.masterLayout td.mainContent {
   background-color: #E4E4E4; 
}

div.whiteMainContent {
   background-color: White;
}
div.whiteMainContentBottom {
   background-image: url("fadeWhiteToGrey.png");
   background-repeat: repeat-x;
   height: 52px;
}

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

.fullWidth {
   width: 100%;
}

.greyGradient {
   background-color: #E4E4E4;
   background-image: url("footerback.jpg");
   background-repeat: repeat-x;
   margin: 0;
   padding-bottom: 15px;
   position: relative;
   padding: 6px;
}

.greyRightCorner {
   background-image: url("corner-grey.jpg");
   background-position:top right;
   position: absolute;
   top: 0;
   right: 0;
   height: 37px;
   width: 37px;
}

.greeenRightCorner {
   background-image: url("corner-green.png");
   background-position:top right;
   position: absolute;
   top: 0;
   right: 0;
   height: 37px;
   width: 37px;
}

.greyGradient h1 {
   color: White;
}

.darkGreyCallout {
   background-color: #464443;
   position: relative;
   border-top: solid white 6px;
}

.drakGreyCorner {
   background-image: url("corner-dark.jpg");
   background-position:top right;
   position: absolute;
   top: 0;
   right: 0;
   height: 37px;
   width: 37px;
}

.darkGreyCallout H1 {
   color: #CCCCCC;
   font-weight: normal;
   font-size: 16px;
   margin: 10px;
}

.inp0 {
   width: 10em;
}

.vpadd 
{
   padding-top: 10em;
   padding-bottom: 10em;
}

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

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


@media screen {

.sideMenuCol {
   width: 202px;
   background-color: #E4E4E4;
}

#theNavMenu {
   width: 202px;
   cursor: pointer;
   background-color: #C7C3C2;
   border: solid white 6px;
}

#theNavMenu a {
   color: #333333;
   display: block;
   padding: 10px;
   font-size: 14px;
}

#theNavMenu a:before {
   content: "> "
}

#theNavMenu .l1 a, #theNavMenu .l2 a {
   background-color: #00A4E7;
   color: White;
   font-size: 12px;
}

#theNavMenu .t0 {
   width: 100%;
   padding: 0px;
   margin: 0px;
   color: White;
   background-color: #00A4E7;
}

#theNavMenu .t0 td 
{
   vertical-align: middle;
   padding: 10px;
}

#theNavMenu a.navMenuCurrPage {
   background-color: #0099d8;
}

} /* @media screen */

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

.cookieInfo {
   color: White;
   background-color: Black;
   border: 2px solid Orange;
   font-size: 125%;
   padding: 1.5em;
}