* {padding : 0; margin : 0}

p {
margin-bottom:12px;
}

html {
min-height: 100%;
margin-bottom: 1px;
}

img {
	margin: 0;
	border:none;
	
	}
	
	body {
	margin: 0px;
	margin-left: 10px;
	background-color:#fff;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
	color: #666;
	background-image:url(../images/backg.jpg);
	background-repeat:repeat-x;
	
	
	}
	
	h1	{
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 140%;
	color: #2c5584;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight:bold;
	}
	
	h2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	color: #55719c;
	line-height: 100%;
	margin: 0;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	}
	
	h3	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #55719c;
	line-height: 100%;
	margin: 0;
	margin-top:0px;
	margin-bottom:3px;
	font-weight:bold;
	}
	
	#three-cols .dts	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #55719c;
	line-height: 100%;
	margin: 0;
	margin-top:10px;
	margin-bottom:0px;
	font-weight:bold;
	display:block
	}
	
	 
	  
	  
	  label, textarea, input {
	  margin-left: 10px;
	  }
	  
	   
	
 
 
  
  
  
   .odd {
  background-color: #C5E8D6;
  }
  .even {
  background-color: #ADD8E6;
  }	
  
 .intro {
 font-size:110%; 
 font-weight:bold; 
 color:#555;
 }
  
    

#outofdate {
    position: absolute;
    top: 0;
    left: 5px;
	z-index:100;
    width: 170px;
    height: 64px;
    background: transparent url(http://www.blotdesign.com/images/outofdate.jpg) center center no-repeat;
}
#outofdate a {
    display: block;
    width: 170px;
    height: 64px;
    text-decoration: none;
    text-indent: -9999px;
    font-size: 0.1em;
}
  
	
#container {
   
	position: relative;
    height: auto;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
	margin-top:10px;
	margin-bottom:10px;
	border: none;
    width: 746px;
	background-color:#fff;
	border: none;
	padding-left:0px;
	padding-right: 0px;

	
    
}
	#top-section {
  position:relative;
  left:0;
  top:0;
  margin-right: 0px;
	padding-left: 0px;
	margin-bottom: 0px;

  }
  
    
  #menu-section {
 position:relative;
 margin-top:0px;
  background-image:url(../images/menu-bg.png);
  height:25px;
  z-index:999;
 	

 
 
  
    }
  
   
  
  #mid-section {
   position:relative;
 background-color:#c8c8c8;
	padding:15px 15px 15px 15px;
	font-size:85%;
color:#323232;
	 
    }
	
#mid-section-in {
 position:relative;
 background-image:url(../images/in-mid-back.png);
 background-repeat:repeat-y;
 border-top:2px solid #e6e6e6;
	padding:0;
	margin:0;
	font-size:85%;
color:#323232;

}
	
#three-cols {
position:relative;
background-image:url(../images/mid-back.png);
background-repeat:repeat-y; 
padding:0px 10px 10px 10px;
width:694px;



}

#two-cols {
position:relative;
width:744px;
margin:0;
padding:0;



}

	
#h-col-1 {
width:173px; 
float:left;
}

#h-col-2 {
padding-left:58px; 
width:178px; 
float:left;

}

#h-col-2a {
border-bottom: 1px solid #d5d5d5; 
padding-bottom:10px; 
margin-bottom: 10px;

}

#h-col-3 {
padding-left:50px;
width:230px; 
float:left;
}

#manu-cloud {
margin-top:30px; 
width:208px; 
border:1px solid #b2b2b2;  
padding:10px;
background-color:#fff;


}

#featuredprod {
position:relative; 
background-image:url(../images/featured.png); 
margin-top:18px;  
width:115px; 
height:59px; 
padding: 34px 100px 25px 14px;
color:#fff; 
overflow:auto;
}

#feat-apps {
float:left;
width:300px;
margin-top:10px;
}

#datasheets {
margin-top:10px;
float:left;
width:200px;
}



  #bottom-section {
  clear:both;
  position:relative;
  left:0;
  top:0px;
   margin:0;
   background-color:#395f8c;
   width:716px;
   color:#fff;
   margin-top:2px;
   padding: 3px 15px 6px 15px;
  
 
  }
  #bottom-section2 {
   position:relative;
   width:100%;
  left:0;
  top:0px;
   margin:0px;
  margin-top:5px;
  border-top: 1px solid #ccc;
  padding-top:5px;
  padding-left: 0px;
  padding-right: 0px;
  

  }

  
 
 
  
  
  
  #bottom-col-1 {
  position:relative;
  left:0px;
  font-size: 1em;
  text-align: center;
  }
  
  .searchbox {
  position:absolute; 
  left:534px; 
  top:10px; 
  background-image:url(../images/search-bg.png); 
  height:32px; 
  width:212px; 
  overflow:hidden;
  }
  
 table.res {
 	margin-left:0px;
	
	width: 90%;
	border: 1px solid #F3C8CA;
	background: #fff;
	}
	
	table.res th, table.res td {
	margin:0;
	padding: 4px 8px;
	text-align: left;
	background: #FFEAE1;
	
	}  
	  table.res th {
	background: #E0E7F1;
	} 
	
 .sbox {
  height: 280px; 
  overflow: auto; 
  visibility:visible; 
  padding-right:10px;

  }
		
.ileft {
  float: left;
  padding: 0px 12px 10px 0px;
  }
  
 .iright {
  float: right;
  padding: 0px 0px 10px 12px;
  }
	      
  .left {
  float: left;
  text-align: left;
   
  }

.right {
  float: right;
  text-align: right;
 
 
  
  }

 
 .lege {
 margin-bottom:20px; 
 font-size: 130%; 
 padding-left:5px; 
 padding-right:10px;
 color: #777;
 border-color:#777;
 }
 
 fieldset {
 border :  1px solid #777;
 }
 
 .pbox {
 float:left; 
 position:relative;
 width:109px;
 display:inline; 
 margin-bottom:14px; 
 margin-left:34px; 
 margin-right:16px;
 }
 
 .pbox-head {
 background-image:url(../images/prod-top.gif);   
 background-position: top left;   
 background-repeat:no-repeat; 
 background-color:#667fa6; 
 width:93px; 
 height:29px; 
 padding:2px 6px 0px 10px;   
 overflow:hidden; 
 color:#fff;
 }
 
 .pbox-pic {
 margin-top:4px; 
 border: 1px solid #e6e6e6; 
 width:101px; 
 padding:6px 0px 6px 6px; 
 height:100px; 
 overflow:hidden;
 }
 
 .pbox-company {
 padding-left:6px; 
 height:25px; 
 font-size:90%; 
 overflow:hidden;
 
 }
 
 
.teaser {
padding-left:20px;
width:150px;
}

 .tease-top {
  margin:0; 
  padding:0; 
  background-image:url(../images/teaser.jpg); 
  background-position: top left; 
  background-repeat:no-repeat;
  }
  
  .tease-mid {
  font-size:85%; 
  font-weight:normal; 
  background-image:url(../images/teaser-mid.jpg);  
  background-repeat:repeat-y; 
  padding:5px 5px 5px 10px;
  }
  
  .tease-bottom {
  background-image:url(../images/teaser.jpg); 
  background-position: bottom left; 
  background-repeat:no-repeat;
  }

 .legaltext {
  font-size:70%; 
  color:#7f7f7f; 
  font-family:Arial, Helvetica, sans-serif;
  }
  
.cleardiv {
  height:0px; 
  overflow:hidden; 
  clear:both;
  }

.forminput {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
}

#cdiv {
background-color:#fff;
width:205px;
height:220px;
}

#cloud ol {
width:205px;



}


#cloud  li  { 

display:inline;
padding-left:1px ;
margin-left:0px;
list-style-position:inside;
padding-right:3px;



}

#cloud a.b1 {
font-size:100%;
color:#00a94f;

}

#cloud a.b2 {
font-size:120%;
color:#922c2c;

}

#cloud a.b3 {
font-size:140%;
color:#e4c920;

}

#cloud a.b4 {
font-size:160%;
color:#2d348a;


}

#cloud a.b5 {
font-size:210%;
color:#FF0000;


}

tr.odd {
background-color: #EDFFE3;
}

tr.even {
background-color: #BFFF9F;
}

#subnav-area {
float:left; 
position:relative;  
background-image:url(../images/sec-back.png); 
background-repeat:no-repeat; 
background-position:left top;
width:130px; 
background-color:#e6e6e6; 
margin:-20px 0px 10px 0px; 
padding:10px 10px 10px 10px; 


}

#main-content-area {
padding:4px 0px 0px 37px; 
width:525px; 
float:left; 
position:relative;
}


#main-content-area ul {
padding: 5px 0px 8px 25px;
list-style-position:outside;
}


 #main-content-area ol {
padding: 10px 0px 8px 25px;
list-style-position:outside;
}

#head-bar {
position:relative; 
margin:10px 0px 25px 0px; 
background-image:url(../images/second-banner.png); 
background-repeat:no-repeat; 
width:525px; 
height:27px; 
overflow:hidden; 
padding: 8px 0px 0px 20px;


}

#head-title {
float:left; 

}

#head-title h1 {
margin-top:2px;
font-size:130%;
}

#head-email-phone {
width:118px; 
text-align:left;
font-size:100%; 
font-weight:bold; 
color:#385e8a; 
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
background-color:#fff;
border: 1px solid #cfcfcf;

}

#head-email {
float:right; 
width:78px; 
padding-top:0px; 
padding-left:5px;
padding-right: 30px;

}

 #nav1{
margin-top: 0px;
margin-bottom: 0px;
margin-left:270px;
padding-bottom:0px;







}

#nav1 ul {


margin-left: 0;
padding-left: 0;
margin-bottom: 0;
display:inline;

}

#nav1 li {
list-style-type: none;
text-align:center;
padding: 0px 0px 0px 0px;
float:left;
position:relative;
margin-bottom: 0;
margin-right:1px;
display:inline;

}

#nav1 li a {
	float: left;
	padding: 25px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:25px; /* for IE5/Win only */
	
	}

#nav1 li ul {
  display: none;
  position: absolute; 
  top: 25px !important;
  left: 0px;
  background-color:#7791b0;
  margin:0;
 z-index:999;
  }
  
  #nav1 li > ul {
	top: auto;
	left: 0px;
	}
  
#nav1 li ul li  {
float:none; 
display: block; 
padding:7px 0px 4px 0px;
background-color:#7791b0;
margin:0px 9px 0px 13px;
border-bottom:2px solid #6681a6;
text-align:left;
}

#nav1 li ul li a {
	
	float:none;
	background: none;
	padding:0 ;
	
	
	}
  



#nav1 li:hover ul, #nav1 li.over ul { 

display: block; 

}
	


	

#nav1 a.selected     {  cursor: default !important; } 
	
#thome a  {
	width: 64px;
	background: url(../images/nhome.png) top left no-repeat;
	}
	
#tcart a  {
	width: 111px;
	background: url(../images/ncart.png) top left no-repeat;
	}
	

	
#tregister a  {
	width: 77px;
	background: url(../images/nregister.png) top left no-repeat;
	}

	
#tcorporate a  {
	width: 111px;
	background: url(../images/ncorporate.png) top left no-repeat;
	}
	

	
#tcontact a  {
	width: 85px;
	background: url(../images/ncontact.png) top left no-repeat;
	}

#nav1  ul li {
background-image:none;
padding:0;
}	

#nav1 a:hover,  #nav1 a.selected {
	background-position: 0 -25px !important;
	
	}


 #nav2{
margin:0;
padding:0;
width:124px;






}

#nav2 ul {


margin:0;
padding:0;


}

#nav2 li {
list-style-type: none;
text-align:left;
padding: 0;
margin:0;
width:124px;

border-bottom:1px solid #FBD4B2;
background-color:#fef6ef;

}

#nav2 li ul li {
border-bottom:none;


}

#nav2 ul li a {
	color:#5E7EC4; font-size:100%; width:110px;  display:block; font-family:Arial, Helvetica, sans-serif; text-decoration:none; line-height:1.3em; font-weight:bold; padding: 4px 4px 4px 10px; margin:0; 
	
	
	}
	
	
	
#nav2 ul li ul li a {
	color:#CC9667; font-size:90%; width:100px;  display:block; font-family: Arial, Helvetica, sans-serif; text-decoration:none; line-height:1.2em; font-weight:bold; padding: 2px 4px 2px 20px; margin:0; 
	
	
	}
	
#nav2  ul li a:hover,  #nav2  ul li a.selected {
	display:block;  width:110px; background-color:#FACBA3; color:#000066; 
	
	}
#nav2  ul li ul li a:hover,  #nav2  ul li ul li a.selected {
	display:block;  width:100px; background-color:#FCDCC1; color:#000066; 
	
	}
	
#nav2  ul li a.selected     {  cursor: default !important; } 
	

#nav1 a:link, #nav1 a:visited, #nav1 a:active {    color: #2F3488; line-height:130%; text-decoration: none; font-family:     Arial, Helvetica, sans-serif; font-size: 100%;  font-weight: bold} 
#nav1 a:hover, #nav1 a.selected     { color: #999; line-height:130%; text-decoration: none; font-family:  Arial, Helvetica, sans-serif;font-size: 100%; font-weight: bold} 

#nav1 li ul a:link, #nav1 li ul a:visited, #nav1 li ul a:active {    color: #fff; line-height:100%; text-decoration: none; font-family:     Arial, Helvetica, sans-serif; font-size: 85%;  font-weight: normal} 
#nav1 li ul a:hover, #nav1 li ul a.selected     { color: #ccc; line-height:100%; text-decoration: none; font-family:  Arial, Helvetica, sans-serif;font-size: 85%; font-weight: normal} 



a.sbar:link,   a.sbar:visited, a.sbar:active   { color:#55719c; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 100%;  font-weight: normal;} 
a.sbar:hover { color: #000066; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:100%; font-weight: normal; background-color:#F8B67D;} 

a:link,  a:visited, a:active   { color:#5E7EC4; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 100%;  font-weight: bold;} 
a:hover     { color: #000066; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:100%; font-weight: bold;} 

.pbox a:link, .pbox  a:visited,  .pbox a:active   { color:#fff; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 100%;  font-weight: normal;} 
.pbox a:hover     { color: #ccc; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:100%; font-weight: normal;} 


a.legal:link, a.legal:visited, a.legal:active      { color: #7f7f7f; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 70%;  line-height: 140%; font-weight: normal} 
a.legal:hover     { color: #7f7f7f; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:70%; line-height: 140%; font-weight: normal} 

a.tlink:link, a.tlink:visited, a.tlink:active    { color: #fff; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 85%;  font-weight: normal} 
a.tlink:hover     { color: #aaa; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:85%; font-weight: normal} 

a.tlinkm:link, a.tlinkm:visited, a.tlinkm:active    { color: #555; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 100%;  font-weight: bold} 
a.tlinkm:hover     { color: #aaa; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:100%; font-weight: bold} 


a.more:link, a.more:visited, a.more:active      { color: #666; text-decoration: none; font-family:     Arial, Helvetica, sans-serif; font-size: 100%;  font-weight: bold} 
a.more:hover     { color: #999; text-decoration: none; font-family:  Arial, Helvetica, sans-serif;font-size: 100%; font-weight: bold} 

a.sb:link      { color: #70B1CB; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal} 
a.sb:visited   { color: #70B1CB; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal; } 
a.sb:active    { color: #70B1CB; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size: 1em;  font-weight: normal;  } 
a.sb:hover     { color: #000000; text-decoration: none; font-family:   Arial, Verdana, Helvetica, sans-serif; font-size:1em; font-weight: normal} 

.boxhdr
{
    font-weight: bold;
    font-size: 115%;
   	padding:2px 0px 5px 10px;
    margin: 10px 0px 0px 0px;
    color: #ffffff;
   	background-image:url(../images/categorybox.png);
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
	width:120px;
	height:16px;
	overflow:hidden;
}
.boxdetail
{
    padding: 0px 3px 0px 3px;
    font-weight: bold;
    font-size: 100%;
    margin: 0;
    background-image:url(../images/categorybox-mid.png);
	background-repeat:repeat-y;
    text-align: left;
	width:124px;
}

.boxftr {
    background-image:url(../images/categorybox.png);
	background-position: bottom left;
	height:7px;
	width:130px;
	margin-bottom:15px;
	}
	
#user {
margin-top:15px;
font-size:85%; 
float:left;
}

#account {
margin-top:15px;
font-size:85%; 
float:right;
}

td.list
{
    padding-left: 1em;
    padding-top: 5px;
	padding-bottom:5px;
    border-bottom: gray 1px solid
}

.carthd
{
    padding-left: 4px;
	 padding-right: 4px;
    font-weight: bold;
    font-size: 100%;
    padding-bottom: 2px;
    color: #ffffff;
    padding-top: 4px;
    background-color: #00669e
}

th.hdmedium {
padding:5px;
font-size:120%;
font-weight:bold;
}

th.blockhd {
padding-top:26px;
padding-bottom:6px;
}

td.tform {
padding-bottom:8px;
}

.uicon {
float:left; 
width:40px; 
margin-bottom:10px;
}

.udesc {
float:left;
width:350px;
}

.helpbox {
position:absolute; 
top:20px; left:250px; 
visibility:hidden; 
width:230px; 
background-color:#fff; 
font-weight:normal; 
color:#333; 
padding:4px 5px 5px 5px; 
border:2px solid #777; 
z-index:999;
font-size:100%;
}

#billing td, #shipping td {
padding:1px 3px 0px 3px;
}