@font-face {
    font-family: 'HeadingSansThin';
    src: url('../fonts/OceanSansLightCondensed.eot');
    src: local('Ocean Sans MT Light Cond'), local('OceanSansMT-LightCond'), url('../fonts/OceanSansLightCondensed.ttf') format('truetype');
}

body {
  margin: 0px;
  font-family: BodySerif, Georgia, serif;
}

h1 {
  font-family: HeadingSansThin, sans-serif;
  font-size: 50px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: -0.1ex;
  color: #888;
  margin-top: 10px;
  margin-bottom: 0px;
}

h2 {
  font-family: HeadingSansThin, sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  color: maroon;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 0.5ex;
}

strong {
  font-family: HeadingSansThin, sans-serif;
  text-transform: uppercase;
  font-size: large;  
}

p {
/*  font-family: BodySerif, Georgia, serif;*/
  line-height: 1.5;
}

ul {
  list-style: square url("../images/listArrow.gif");
}

.blockcenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.textcenter {
  text-align: center;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

#background {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 75%;
  width: 100%;
  z-index: -1;
}

#logo {
  position: absolute;
  z-index: 100;
  top: 10px;
  left: 0px;
  width: 400px;
  height: 85px;
  border: none;
}

#logobar {
  position: absolute;
  z-index: 50;
  top: 10px;
  left: 400px;
  right: 3px;
  height: 85px;
}
#logobar .transparency {
  z-index: 49;
  width: 100%;
  height: 85px;
  background: black;
  
  /* opacity commands for various old/non-conforming browsers */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: .5;
}
#logobar #categories {
  position: absolute;
  z-index: 75;
  top: 44px;
  right: 0px;
  
  font-family: HeadingSansThin, sans-serif;
}
ul.navlist  {
  padding: 0px;
  margin: 0px;
  white-space: nowrap;
}
.navlist li {
  display: inline;
}
.navlist a {
  color: #999999;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
}
.navlist a:hover, .navlist a.highlight {
  color: orange;
}
.navlist a:hover {
  text-decoration: underline;
}
#majornav {
  font-size: 25px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 1ex;
  padding-left: 1ex;  
  height: 33px;
  background: black;
}
#majornav a {
  border-right: thin maroon solid;
  padding-right: 0.75ex;
  padding-left: 0.25ex;
}
#majornav a.last {
  border-right: none;
  padding-right: 0px;
}

#minornav {
  background: black;
  font-size: 18px;
  padding-right: 1.2ex;
  padding-left: 1.2ex;

  /* opacity commands for various old/non-conforming browsers */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  -khtml-opacity: 0.75;
  opacity: .75;
}
#minornav li {
  margin-left: auto;
  margin-right: auto;
}
#minornav .bullet {
  padding-bottom: 2px;
}
#minornav a {
  margin-left: -1px;
  margin-right: -1px;
  padding-left: 0.5ex;
  padding-right: 0.5ex;
}

#toppad {
  height: 125px;
}

#lowerpart.withimage {
  position: absolute;
  top: 65%;
  width: 100%;
}

#content {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  width: 900px;
  overflow: hidden;
}
#content .transparency {
  z-index: -1;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1000px;   /* larger than contents; hidden by container's overflow: hidden */
  height: 3000px;
  background: white;

  /* opacity commands for various old/non-conforming browsers */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  -khtml-opacity: 0.75;
  opacity: .75;
}
#content .opaque {
  width: 100%;
/*   height: 100%; */
  border-left: 2px gold solid;
  border-right: 2px #eee solid;
  margin-left: 2px;
/*   border-top: 2px gold solid; */
  margin-top: 2px;

  background-image: url("../images/common_right_stripe.gif");
  background-position: top right;
  background-repeat: no-repeat;
}

.contenttext {
  padding: 10px 20px;
}


#footer {
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  background: white;
}
#footertext {
  text-align: center;
  padding-top: 2.5ex;
}
#footslogan {
  letter-spacing: 1ex;
  font-size: 10px;
  padding-top: 25px;
  color: silver;
}
#footlogo {
/*   height:; */
  width:35ex;
}
#footertext ul {
  display: inline;
  padding: 0px;
  margin: 0px;
}
#footertext li {
  display: inline;
  padding-left: 1ex;
  padding-right: 1ex;
  border-left: thin maroon solid;
}
#footertext li.first {
  border-left: none;
}
#footertext a {
  color: maroon;
}
#footertext p {
  margin: 0px;
}
#footertext #copyright {
  line-height: 1;
  font-size: x-small;
  margin-top: 1ex;
  color: silver;
}
#footer .footerlogo {
  height: 70px;
  width: 106px;
  padding-top: 5px;
  border: none;
}
#scotchprintlogo {
  float:left;
  padding-left: 15px;
  width:121px;
  margin-top:2ex;
  margin-bottom: 5em; /* bottom extends to keep footer elts centered */
}
#balancelogo {
  float:right;
  padding-right: 15px;
  width:121px;
  margin-bottom: 4em; /* bottom extends to keep footer elts centered */
  text-align: center;
}
#balancelogo p {
  font-family: sans-serif;
  line-height: 1;
  font-size: 8px;
  font-weight: bold;
  color: #333;
  margin-top: 0px;
}