/* CSS for Hullcompany.com                                      */
/* Special styles for one-time use will be declared on the page */
/* This css is loosely based upon the standard SP style sheet   */


/* 05.May.2010                                 */
/* Removed all unused styles                   */
/* Removed all redundant declarations          */
/* Cleared up several mis-written declarations */




/* This determines what is viewed versus what is printed */

@media print {
 .viewonly {display: none;}
 .printonly {display: inline;}
 body {font-family: georgia,"times new roman",serif;}
 }
 
@media screen {
 .viewonly {display: inline;}
 .printonly {display: none;}
 }




/* Declare the general presentation styles */

body {
 /* background-color: #58a; */
 background-color: #e0dfdb;
 color: #333;
 font-family: arial, helvetica, sans-serif;
 font-size: 12px;
 line-height: 130%;
 font-weight: normal;
 font-style: normal;
 font-variant: normal;
 text-transform: none;
 }
 


/* The sequence of the following pseudo classes is critical */

a:link {color: #06c; text-decoration: none;}

a:visited {color: #06c; text-decoration: none;}

a:hover {color: #c00; text-decoration: underline;}

a:active {color: #900; text-decoration: underline;}

/* The dotted box around active hyperlinks is unattractive */
/* Navigation is keyboard accessible as we show active links via underline */

a:active {border: none; outline: none;}

a:focus {border: none; outline: none;}



b {color: #000;}

dd {color: #333;}   /* lest it inherit from "dl" or "dt" */

dl, dt {color: #000;}
 
h6, h5, h4, h3, h2, h1 {color: #000; font-weight: bold;}

h6, h5 {line-height: 120%;}

h4 {font-size: 14px; line-height: 120%;}

h3, h2, h1 {font-size: 16px; line-height: 120%;}

hr {padding-right: 1em;}

img {
 border: thin #000 solid;
 float: left;
 margin-right: 1em;
 margin-bottom: 1em;
 }

img.onright {
  float: right;
  background-color: #fff;
  margin-left: 1em;
  margin-right: 0em;
  }

img.onleft {
  float: left;
  background-color: #fff;
  margin-left: 0em;
  margin-right: 1em;
  }

input.submit, input.reset {width: 10em; text-align: center;}

ul {list-style-type: circle; padding-top: .3ex; color: #000;}

li {color: #333;}   /* lest it inherit from "ul" or "ol" */
  
ol {list-style-type: decimal; padding-top: .3ex; color: #000;}
  
table {background-color: #fff;}

td {vertical-align: top; text-align: left;} /* correct IE-7 and -8 inheritence stupidity */

sup {vertical-align: text-top; font-size: 70%;}     /* maintain line spacing */

sub {vertical-align: text-bottom; font-size: 70%;}  /* maintain line spacing */



/* Declare the specialty styles */

img.headerlogo {
 border: none;
 background-color: #fff;
 float: none;
 }

table.logo {background-color: transparent;}

.brand {font-size: 14px; font-weight: bold; color: #0677b1;}

a.brand:link, a.brand:visited {
 color: #0677b1;
 text-decoration: none;
 }

a.brand:active, a.brand:hover {
 color: #911;
 text-decoration: underline;
 }

.content {padding-left: 2em; padding-right: 1em;}

.copyright {font-size: smaller; text-align: center;}

.footer {padding-top: 4ex; padding-bottom: 2ex;}

.header {padding-top: 2ex; padding-bottom: 4ex;}

.indent {margin-left: 10px; white-space: nowrap;}

.logotext {
 padding: .2em;
 line-height: 110%;
 text-align: center;
 }

.navlink {
 color: #000;
 font-weight: bold;
 vertical-align: top;
 border-style: none;
 background-color: #fff;
 }

.navbox {
 color: #0055dd;
 vertical-align: top;
 width: 120px;
 text-align: center;
 padding: 2px 5px;
 border-style: solid;
 border-width: thin;
 border-color: #f33;
 }

.pipe {padding-left: .5em; padding-right: .5em;}

.shadow {
  /* border-top: thin #333 solid; */
  border-right: thin #333 solid;
  border-bottom: thin #000 solid;
  /* border-left: thin #000 solid; */
  }

.sidenav {
 background-color: #f5f5f5;
 padding-left: .5em;
 padding-right: .5em;
 white-space: nowrap;
 }

.split {
 border-top: medium #c00 solid;
 padding-bottom: .3ex;
 font-size: 50%;
 line-height: 50%;
 }

td.spec {
 vertical-align: bottom;
 padding-top: .5em;
 padding-right: 1em;
 padding-bottom: 0em;
 padding-left: 1em;
 text-align: left;
 }
 
th.spec {
 text-align: center;
 vertical-align: middle;
 padding: .5em;
 background-color: #528cb5;
 color: #fff;
 font-weight: bold;
 }
 



/* These styles will be obsolete once all converted pages are cleaned up */

br {clear: both;}          /* Takes care of layout issues on some converted pages */

table {clear: both;}       /* Takes care of layout issues on some converted pages */

.SubHead {                 /* Was cited in converted pages but had never been declared */
 font-size: 14px;
 color: #000;
 line-height: 17px;
 font-weight: bold;
 }

.TableCell {               /* Overide some hard-coded html in the dbase template */
 background-color: #fff;
 text-align: left;
 vertical-align: top;
 padding: 1em;
 }

.TableCellHeader {         /* Was cited in converted pages but had never been declared */
 color: #fff; 
 line-height: 17px;
 font-weight: bold;
 /* background-image: url(../images/product_table_bg.gif); */
 background-color: #528CB5;
 }

.TableTitle {
 font-size: 14px;
 color: #000;
 line-height: 17px;
 font-weight: bold;
 clear: both;
 }




/* These styles are for the development site and Data Entry Client; not used on live site */

.breadcrumb { line-height: 16px; background-image: url(../images/product_table_bg2.gif);}

.Debug {font-size: 10px; background: #ff0;}