@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:#80271E;
  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;
  }

.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;
 }
 
.main h3 { 
  font-family: 'sandttf', 'sandeot', 'Comic Sans MS', serif; 
  font-style: normal;
  padding: 0px; 
  margin: 0px; 
  border: 0px;
  text-shadow: #7f7f7f 0px 0px 2px;  
  }
  
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; }

.schedule {
  margin-bottom: -0.25em;
}
.schedule td {
  padding-right: 0.5em;
  padding-bottom: 0.25em;
  }

img[src="images/default/invis.gif"] {  border:solid;border:4px;margin:4px;padding:4px;border-color:#ff0000; background-color:#ff0000; }

.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;
  }

hr { display:none }

#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; }

  img {
     border: none;
     }

  strong.alert {
    color: #80271E;
    background: #f4ca5e;
    }

  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.cell,
  td.pricecell,
  td.nocell,
  .confirmnocell
    {
    border: 1px solid #80271E; 
    }

  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;
    }

  .buttonarea {
    margin-top: 0.5em;
    margin-bottom: 0.5em; 
    }
    
  th {
    border: 1px solid #80271E;
    font-weight: normal; 
    }
    
  .nb
    {
    white-space: nowrap;
    }
    
}

@media screen
  { 
  body {
    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; 
    }

  .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;
  }

  }

@media print
  {
  body {
    margin: 0em;
    border: 0em;
    padding: 0em;
    }

p, .p, h4, td, th, li {
  font-size: 18px;
  }
  
  input[type=text]
    {
    color: #00007f;
    font-size: 1.3em;
    font-family: cursive;
    font-style: italic;
    }  
 
  input.forminputsignature {
    font-size: 2em;
    }

  .main a {
    color: #80271E;
    text-decoration: none;
    }
  .main a:visited {
    color: #80271E;
    text-decoration: none;
    }
    
  .screenonly {
    display: none;
    } 

  .paperonly {
    display: block;
    }

  span.screenonly {
    display: none;
    } 

  span.paperonly {
    display: inline;
    }

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

  
  }