@font-face {
  font-family: 'sandttf';
  font-style:  normal;
  font-weight: normal;
  src: url('sand.ttf') format('truetype');
  }
  
@font-face {
  font-family: 'sandeot';
  font-style:  normal;
  font-weight: normal;
  src: url('sand.eot'); /* IE does not respect W3C format("embedded-opentype") */
  }
  
@media all {

  body { 
    background-color:#ffffff;
    color:#000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    
  p, .p, h4, td, th, li {
    margin-top: 0em; 
    margin-bottom: 1em; 
    margin-left: 0em; 
    margin-right: 0em; 
    padding: 0em;
    border: 0em; 
    }
  
  h4 {
    margin-bottom: 0.5em; 
    }  
  
  ul, ol {
    padding-left: 1.5em;
    margin-top: 0.25em; 
    margin-bottom: 0.5em; 
    }  
  
  li {
    font-size: 1em; 
    margin-bottom: 0em;
    }  

  .pricetag {
    font-family: 'sandttf', 'sandeot', 'Lucida Sans Unicode', sans-serif;
    font-size: 1.5em;
    }
    
  .priceinfo {
    font-family: 'sandttf', 'sandeot', 'Lucida Sans Unicode', sans-serif;
    }
    
  table {
      width: 100%;
      font-size: 1.25em;
      margin-bottom: 1em;
      border-collapse: collapse;
      }
  
  td, th { 
    vertical-align: top;
    }
  
  .main h3 { 
    font-family: 'sandttf', 'sandeot', 'Comic Sans MS', serif; 
    font-style: normal;
    color: #80271E;
    padding: 0em; 
    margin: 0em; 
    border: 0em;
    margin-bottom: 0.25em;
    text-shadow: #7f7f7f 0px 0px 2px;  
    }
    
  .schedule {
    margin-bottom: -0.25em;
    }    
  .schedule td {
    padding-right: 0.5em;
    padding-bottom: 0.25em;
    }
  
  hr { display:none }
  
  img {
     border: none;
     }

  p.metastuff {
    font-size: 0.75em;
    }

  .formdivname, 
  .confirmdivname,
  .formdivmark, 
  .confirmdivmark
    {
    float: left;
    }

  .formdivzip, 
  .confirmdivzip, 
  .formdivcity,
  .confirmdivcity 
    {
    float: left;
    }

  .formdivstreet, 
  .confirmdivstreet
    {
    clear: both;
    float: none;  
    }

  .formdivmail input {
    width: 32em;
    }

  .formdivname input {
    width: 20em;
    margin-right: 1em;
    }

  .formdivmark input {
    width: 11em;
    }

  .formdivzip input {
    width: 11em;
    margin-right: 1em;
    }

  .formdivcity input {
    width: 20em;
    margin-right: 0em;
    }

  .formdivsms, 
  .confirmdivsms {
    clear: both;  
    }
    
  .formdivstreet input, 
  .formdivsms input {
    width: 32em;
    }

  .formdivpaymethod, 
  .confirmdivpaymethod {
    clear: both;  
    }

  .formdivnote {
    clear: both;
    }
    
  .confirmdivmail, 
  .confirmdivname,
  .confirmdivmark,
  .confirmdivstreet,
  .confirmdivzip,
  .confirmdivcity,
  .confirmdivpaymethod,
  .confirmdivsms 
    {
    margin-bottom: 0.5em;
    }

  .confirmdivmark,
  .confirmdivcity 
    {
    margin-left: 1em;
    }

  .formlabel,
  .confirmlabel 
    {
    font-size: 0.75em;
    }

  .asterix {
    clear: both;
    margin-top: 0.5em;
    margin-bottom: 1em;
    }

  .formorderlist, .confirmorderlist
    {
    clear: both;
    }

  .forminputno {
    width: 100%;
    }

  .thtype { width: 15%; }
  .thdescription { width: 60%; }
  .thnumberof { width: 10%; }
  .thprice { width: 15%; }

  td.nocell {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 8px;
    }
    
  td.pricecell,
  .confirmnocell
    {
    text-align: right;
    }
      
  th,
  td.cell,
  td.pricecell,
  .confirmnocell
    {
    padding: 2px;
    }

  .freightnote {
    margin-top: 0.5em;
    }

  input.forminputsignature {
    width: 32em;
    margin-left: 0em;
    margin-right: 1em;
    padding-left: 0em;
    padding-right: 0em;
    }

  td.pricecell {
    padding-left: 0.5em;
    text-align: right;
    }

  th {
    font-weight: normal; 
    }
    
  .nb
    {
    white-space: nowrap;
    }
    
}

@media screen
  { 
  body {
    color:#80271E;
    margin: 0em;
    border: 0em;
    padding: 0em;
    }

  p, .p, h4, td, th, li {
    font-size: 13px;
    }
  
  div.col1of1 { 
    clear: both;
    float:left;
    width:740px;
    margin-left:80px; 
    margin-right:80px; 
    margin-top: 0px; 
    margin-bottom: 0px;
    padding: 0px;
    border: 0px; 
    }
    
  div.col1of2 { 
    clear: both;
    float:left;
    width:330px;
    margin-left:80px; 
    margin-right:0px; 
    margin-top: 0px; 
    margin-bottom: 0px; 
    padding: 0px;
    border: 0px; 
    }
    
  div.col2of2 {
    float:left; 
    width:330px; 
    margin-left:80px; 
    margin-right:80px;
    margin-top: 0px; 
    margin-bottom: 0px; 
    padding: 0px;
    border: 0px; 
    }

  .menu { 
    background: #80271E;
    width: 900px;
    height: 150px;
    color: #e4aa2e;
    font-family: 'sandttf', 'sandeot', 'Lucida Sans Unicode', sans-serif;
    font-style:  normal;
    font-size: 1em;
    text-shadow: #000000 0px 0px 2px;
    line-height: 1.75em;
    font-weight: normal;
    letter-spacing: -0.035em;
    margin-bottom: 20px;
    }
  
  .menu h1 {
    margin: 0em;
    padding: 0em;
    font-family: 'Times New Roman', serif;
    font-style: normal; 
    font-size: 3em; 
    }
    
  .menu h2 { 
    margin: 0em; 
    padding: 0em; 
    font-style: normal; 
    font-size: 1.5em;
    word-spacing: -0.15em;  
    font-weight: normal;
    font-style:  normal;
   }
   
  #menulogo { position:absolute; left:625px; top:10px; width:260px; height:125px; }
  #menutext { position:absolute; left:20px; top:20px; width:330px; height:70px; }
  #menuhome { position:absolute; left:20px; top:122px; width:50px; height:20px; }
  #menuabout { position:absolute; left:67px; top:96px; width:160px; height:20px; }
  #menucontact { position:absolute; left:160px; top:122px; width:115px; height:20px; }
  #menuhistory { position:absolute; left:280px; top:96px; width:75px; height:20px; }
  #menuproducts { position:absolute; left:430px; top:96px; width:95px; height:20px; }
  #menuorder { position:absolute; left:313px; top:122px; width:175px; height:20px; }

  span.logofirstline { font-size: 1.25em; font-weight: normal; }
  span.logosecondline { font-size: 0.95em; font-weight: normal; }
  span.logocap { text-transform: capitalize; }
  
  div.menu span a:link { text-decoration: none; color: #e4aa2e; }
  div.menu span a:visited { text-decoration: none; color: #e4aa2e; }
  div.menu span a:hover { color: #ffffff; text-shadow: #5f5f5f 0px 0px 10px; }
  div.menu h1 a:link { color: #ffffff; }
  div.menu h1 a:visited { color: #ffffff; }
  
  .footer {
    clear: both;
    width: 900px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 8px;
    margin-top: 18px;
  	background-color: #80271E; 
    }
    
  div.footer span {
    margin-left: 22px;
    }
  
  strong.alert {
    color: #80271E;
    background: #f4ca5e;
    }

  .buttonarea {
    margin-top: 0.5em;
    margin-bottom: 0.5em; 
    }
    
  .main a {
    font-family: 'sandttf', 'sandeot', 'Lucida Sans Unicode', sans-serif;
    color: #28afcf;
    text-decoration: none;
    font-style:  normal;
    font-size: 1em;
    line-height: 1.75em;
    font-weight: normal;
    letter-spacing: 0.1em;
    }
  .main a:visited {
    color: #28afcf;
    text-decoration: none;
    }
  .main a:hover { 
    color: #48cfef; text-shadow: #9feff7 0px 0px 10px; 
    }
    
  .screenonly {
    display: block;
    } 

  .paperonly {
    display: none;
    }

  span.screenonly {
    display: inline;
    }

  span.paperonly {
    display: none;
    }

  .pdf:after {
    content: url(minipdf.png);
    margin-left: 0.5em;
    }

  .mpg:after {
    content: url(minimovie.png);
    margin-left: 0.5em;
    }

  td.cell,
  td.pricecell,
  td.nocell,
  .confirmnocell,
  th
    {
    border: 1px solid #80271E; 
    }
    
  }

@media print
  {
  body {
    margin: 0em;
    border: 0em;
    padding: 0em;
    margin-left: 4pt;
    border-left: 4pt;
    padding-left: 4pt;
    }

  p, .p, h4, td, th, li {
    font-size: 13px;
    }
  
  input[type=text]
    {
    border: none;
    border-bottom: 1px dotted #000000;
    color: #00007f;
    font-size: 16px;
    font-family: cursive;
    font-style: italic;
    
    }  
 
  td input[type=text]
    {
    text-align: right;
    border-bottom: none;
    }  
 
  .main a, .main a:visited {
    color: #000000;
    text-decoration: none;
    }
    
  .screenonly {
    display: none;
    } 

  .paperonly {
    display: block;
    }

  span.screenonly {
    display: none;
    } 

  span.paperonly {
    display: inline;
    }

  div.col1of1 {
    width:100%;
    }
    
  div.col1of2 { 
    width:66%;
    }
    
  div.col2of2 {
    width:66%; 
    }

  td.cell,
  td.pricecell,
  td.nocell,
  .confirmnocell,
  th
    {
    border: 1px solid #000000; 
    }
  
  }