/* CSS Document */
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
  	vertical-align: baseline;
	font-size: 100%;
}
html,body{
height:100%;
}
 
body{
  
  color:#141414;
  line-height:1;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 75%;
  
}
h1 {
font-size:130%;
font-weight:bold;
text-align:left;
margin-bottom:5px;

}
h2 {
font-size:120%;
font-weight:bold;
text-align:left;
margin-bottom:2px;
margin-top:10px;
color:#928998;
}
hr{
  color:#141414;
  background: #141414;
}
a, a:visited, a:link, a:active
 {
   color:#141414;
   font-weight:bold;
   text-decoration:none;
 }
a:hover {
  color:#f8ca72;
  font-weight:bold;
 
}
/*container*/
#wrap{
position:relative;
width:100%;
height:auto !important;
min-height:100%;
height: 100%;
min-width:1000px;
}

#header
{
height:88px;
width:100%;
background: url(images/bannerborder.jpg) repeat-x 0 58px;
position:relative;
}
/*override ie inline display*/
#header img, #sidenav li img {
display:block;
}
/*text links on top right*/
#toplinks {
position:absolute;
height:30px;
top:5px;
width:80%;
left:50%;
margin-right:10px;
}

#toplinks li, #footer li
{
 margin-right:1px;
 padding-bottom:5px;
}
#toplinks a, #footer a{
font-weight:normal;
}
/*main menu*/
#menu {
position:relative;
z-index:100;
top:-25px;
left:120px;
height:25px;
}
#menu ul, #sidenav ul, #toplinks ul, #samplecodenl, #app1 ul, #app2 ul, #app3 ul, ul#faq,
 #barcode1 ul, #barcode2 ul, #barcode3 ul, #partner1 ul, #partner2 ul
{
 list-style:none;
}
#app4 {
  margin-top:180px;
}  
  
ul#directions li{
  margin-left:10px;
}
#menu ul li, #toplinks ul li{
float:left;
}
/*sidenav has styles for left nav and news*/
#sidenav {
width:180px;
margin:10px 25px 0 25px;
float:left;
clear:both;
}
#sidenav ul{
width:158px;
margin-bottom: 20px;
}
#sidenav ul li{
border-bottom: 1px solid #141414;
border-left: 1px solid #141414;
border-right: 1px solid #141414;
padding-bottom:2px;
padding-top:2px;
padding-left:17px;
}

#sidenav ul li#barcodes, #sidenav ul li#news, #sidenav ul li#ordering {
  height:27px;
 
  padding:0;
  margin-bottom: 0;
   border:none;
  text-indent:-9999px;
}
#sidenav ul li#barcodes {
 background: url(images/barcodeheader.jpg) no-repeat top left;
}
#sidenav ul li#sampleCode {
 background: url(images/sampleCodeHeader.jpg) no-repeat top left;
}
#sidenav ul li#news{
 background: url(images/newsheader.jpg) no-repeat top left;
}
#sidenav ul li#ordering {
  background: url(images/orderheader.jpg) no-repeat top left;
}
#maincontent {
margin: 10px 20px 20px 230px;
position:relative;

}
#downloadstop {
  float:left;
  width:300px;
}  
#downloadheader,  #downloadcontent
{
  margin-left:300px;
}

#downloadcontent {
  margin-top:20px;
  
  }
#maincontent p, #downloadcontent p{
margin-right:20px;
margin-bottom:10px;
line-height:1.4em;
}


#BuyNow {
  margin-top:10px;
}  
#buysample{
  margin-top:15px;
  padding-top:5px;
  clear:right;
  border-top: 1px dashed #928998;
}
#buysample a{
margin-right:5px;

}
#buysample hr {
   color:#ebdcf5;
   background:#ebdcf5;
   margin-bottom:15px;
}
/*language divs*/
#lang1, #lang2, #lang3 
{
  float:left;
  width:190px;
  margin-right:10px;
}
#app1, #app2, #app3
{
  float:left;
  width:200px;
  margin-right:10px;
}
#barcode1, #barcode2, #barcode3
{
 float:left;
  width:150px;
  margin-right:15px;
}

#partner1, #partner2
{
  float:left;
  width:285px;
  margin-right:25px;
}
#lang1 ul, #lang2 ul, #lang3 ul, #maincontent ul, #maincontent ol{
 list-style-position:inside;
}

#maincontent ul li, #maincontent ol li {
  line-height:1.4em;;
}
#maincontent ul#buyunix  li{
  margin-left:10px;
}
#lang1 li, #lang2 li, #lang3 li{
  color:#f8ca72;
  padding-bottom:2px;
  
}
.gold 
{
  color:#f8ca72;
  font-weight:bold;
  margin:0 5px 0 5px;
  font-size:larger;
}

#lang1 li span, #lang2 li  span, #lang3 li span {
color:#141414;
}

#footer {
 clear:both;
 margin-left:25px;
 padding-top:80px;

}
#footer ul{
 margin-bottom:10px;
 list-style:none;
 height:20px;

}
#footer li{
 float:left;
 
}
#footer p{
 clear:both;
 }
 #address1 {
   margin-top:5px;
 }
 #address1 p, #address2 p {
 line-height:normal;
 margin-bottom:2px;
 }
 
/*classes*/
.italic{
font-style:italic;
}
.bold{
font-weight:bold;
}
.center {
  text-align:center;
} 
.clear {
 clear:both;
} 

#address1 .address, #address2 .address{
margin-bottom:10px;
}
#maincontent .barcodeimg{
float:right;
}

#maincontent .creditcardimg{
float:left;
margin-right:5px;
}
.pricetable
{
  margin-top:20px;
  margin-bottom:20px;
  border-collapse:collapse;
}  
.pricetable td, .pricetable th
{
  /* border: 1px solid #928998;*/
   padding-left:5px;
   padding-bottom:2px;
 } 
.pricetable .standard
{
  width:150px;
}
.pricetable .long
{
  width:250px;
}
.pricetable .short
{
  width:100px;
}
.pricetable th 
{
 font-weight:bold;
 text-align:left;
 }
.prodtable th {
 font-weight:bold;
 font-size:smaller;
 padding-bottom:2px;
 }
 .prodtable th, .prodtable td {
   width:120px;
   text-align:left;
 }
 .prodtable .breakrow  {
  padding-bottom:10px;
 }
 
 .prodtable td {
 vertical-align:middle;
 }

#maincontent .gaptop{
   margin-top:10px;
 }
 #maincontent .gapbottom{
    margin-bottom:10px;
}
#maincontent .gapright{
    margin-right:10px;
}
#maincontent .gapleft{
    margin-left:20px;
}	
 #maincontent .nogapbottom{
   margin-bottom:2px;
 }
#module {
  font-family:"Courier New", Courier, monospace
}
#module  p{
  line-height:normal;
  margin-bottom:2px;
  }
  
.prodtable tr#largeheader th {
  font-size:inherit;
  padding-bottom:0;
  }

.samplecode li {
  color:#928998;
} 
.samplecode li span{
  color:#141414;
} 
.small {
font-size:smaller;
}
.purple {
color:#928998;
}
.purplehr {
color:#928998;
background:#928998;
height:1px;
border:none;
clear:right;
margin-top:2px;
}
.left {
 float:left;
 }
 .right {
 float:right;
 }
 .nobreak {
 white-space: nowrap;
 }
 
 p.barcode36 {font-family: Code39Azalea; font-size: 72px; font-style: normal; font-weight: normal;}
.imagepad{
margin:10px;
vertical-align:middle;
}

.imagepadleft{
margin-left:10px;
}
.imagepadright{
margin-right:10px;
}
.imagepadtop{
margin-top:10px;
}
.imagepadbottom{
margin-bottom:10px;
}
.vertalign{
vertical-align:middle;
}