/* CSS Document */

/* <<< general >>>*/
img {
    border-style: none;}

h1 { 
    color: white;
    font: bold 14pt arial,sans-serif;
    display: block;
    text-align: center;
    background: #3A3F8E;
    padding: 2px 0 2px 0;
    margin-top: 20px;
    }
    
h2{
          padding-left: 5px;
          text-align: left;
          color: white;
          font: bold medium arial,sans-serif;}
h2.asterisk {
	text-align: center;
	background: red;
	}
p {
  font-family: arial, sans-serif;
  }
          
p.disclaimer {  
  font-size: x-small;
  
  margin: 10px;
  }
  
em {
  font-style: normal;
  font-weight: bold;
  
  }
.disclaimer em {
  color: red;
  font-style: normal;
  }

em.black {
    color: black;
    }
/* <<< header >>>*/
#header{
        position: relative;
        background: white url(images/clouds.jpg) 0 0 no-repeat;
         }


div#seal {position: absolute; left: 14px; top: 12px; width:105px; height:105px;}
div#euro {position: absolute; left: 139px; top: 12px; width:106px; height:105px;}
div#stripes {position: absolute; right: 0px; top: 0px; width:267px; height:132px;}
div#logo  {position: absolute; left: 50%; top: 12px; width:262px; height:105px; margin-left: -131px;}

div.contactstrip  {
         text-transform: uppercase;
         font: bold 8pt arial, verdana, sans-serif;
         color: white;
         background: #3A3F8E;
         width: 100%;
         height: 18px;
         text-align: center;
         }

div#header .contactstrip  {        
        position: absolute;
         bottom: 0;
         left: 0;
         }
         
div.contactstrip a, span {
        text-decoration: none;
        padding-top: 5px;
        margin-left: 10px;
        margin-right: 10px;
        color: white;
        line-height: 18px;
        vertical-align: bottom;}
        
div.contactstrip a:visited {
        color:white;
        text-decoration: none;}
        
/* <<< left bar >>>*/
       
#leftcol {
          height: 100%;}       

#menu {
    padding: 12px 0 20px 0;
    height: 100%;
    }
        
/* <<< middle >>>*/

div#content {
        border: 1px solid black;
        background: #ffc;
        margin: 20px 0 14px 0; 
        position: relative;
        
        }

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

#corner {
        position: absolute;
        right: 0;
        top: 0;}
#title_materials {
                  background: #ed2690;}

#title_lasercopyjet {
                  background: #c25753;}
#title_address {
                  background: #c25753;}    
#title_jetkrac {
                  background: #939;}
#title_solidbac {
                  background: #008FBE;}
#title_easikrac {
                  background: #369;} 
#title_contact {
                  background: #e95124;}     
#title_about {
                  background: #b0e902;}        
#title_inreg {
                  background: #d9a45e;}                                                        
#sub {
                  background: #ccc;}                             
                 
/* <<< right bar >>> */
        
       
/* <<< page specific >>> */

/* <<< homepage >>> */

div.homepage p:first-letter {
                        font: 13pt arial,sans-serif;}
.homepage p {
          margin-left: 10px;
          margin-right: 10px;}

/* <<< materials styles >>>*/
div#matlist {
                font: 8pt arial,sans-serif;
               margin: 5px 0 5px 5px;
               }
               
div#matlist h3 {
                font: bold 8pt arial,sans-serif;
                line-height: normal;
                margin: 0 0 0 0;
                padding-top: 3px;
                color: #339;
                border-top: 1px solid red;}
   
div#matlist img {
                      margin: 1px 0 0px 0;
                      padding-top: 0px;
                      float: right;
                      clear: both;
                      width: 93px;}
                      
                      
div#matlist h2  {
                  background: #f39;
                  color: white;
                  display: block;
                  margin: 5px 0 5px -5px;
                  width: 100%;}
/***lcj styles***/
#lcjmenu {
    width: 401px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }  

#lcjmenu a {
    color: red;
    font: bold 16pt arial, verdana, sans-serif;
    text-decoration: none;
    padding: 5px;
    margin: 10px 0 10px 0;
    display: block;
    border: 1px solid gray;
  }
#lcjmenu img {
  float: right;
  margin-top: -10px;
  margin-right: -10px;
  
  }  
/***roll styles***/
h2.roll {
          background: #099;}
div#rollform {
              font: small arial,sans-serif; margin: 0 0 0 9px;}
#rollform textarea {
                    width: 80%;}          

#rollform input { 
    font: small arial, sans-serif;
    }      
    
/***bespoke styles***/
h2.bespoke {
            background: #39C;}
            
/***krac styles***/


            
.kractable  {
            background: #ffc;}
            
.kractable table {
                  background: #ffc;}
                              
.kractable td {
                border: solid black 1px;
                font: xx-small arial,sans-serif;
                text-align: center;}
              

.kractable th {
              text-align: left;
              color: white;
              font: bold x-small arial,sans-serif;
              padding-left: 15px;
              }
              
td.maincol {
              background: yellow;
              font-size: small}      
            
td.subcol {
          background: white;
          }
          
th.jetkrac {
            background: #939;
            }
            
th.easikrac {
            background: #369;
            }
th.solidbac {
            background: #09C;
            }
            
/***contact styles***/
#contactform {
              margin: 1em 1em 0 1em;
            font: 10pt arial,sans-serif;
            }
#contactform input {
      font: small arial, sans-serif;
    }
    
/***inreg styles***/
input {
        font: 12pt monospace;
        margin: 0;}

div#input {
        position: relative;
        /*width: 100%;*/
        height: 28px;    
        font: 12pt monospace;
        background-color: #fff433;
        
       }
      
input.inputinreg {
                  font-size: 7pt;}
       
#inregbox {
                width: 579px;
                height: 28px;
                background: blue url(images/inregsearchback.gif) no-repeat 0 0;
                
                }
span#inregbox1 {
                position: absolute;
                left: 111px;
                bottom: 4px;}
span#inregbox2 {
                position: absolute;
                left: 191px;
                bottom: 4px;}
span#inregsubmit {
                position: absolute;
                left: 225px;
                bottom: 2px;}
                
div#inregtable {
                width: 100%;
                text-align: center;
                position: relative;
                }
                
div#inregtable td {
                    font: xx-small arial,sans-serif;
                    text-align: center;
                  }
                
div#inregtable th {
                    font: bold xx-small arial,sans-serif;
                    text-align: center;
                }
.highlight {
    border:  1px solid red;
    }
#credit  {
	position: absolute;
	bottom: -15px;
	right: 5px;
	font-size: 12px;
}
#credit  a {
	color: gray;
	text-decoration: underline;
	font-family: arial;
	}