body,td,div,p			{font-family: Arial, Helvetica, sans-serif; font-size : 11px; color: #000000}
input,select,textarea	{color: #333333; font-family: Verdana; font-size: 11px}

html{ background-color:#ffffff;}
body{ background-color:#dfdfdf;
background-image:url(/images/bgshadow.jpg);
background-position:center;
background-repeat:repeat-y;

}

strong, b{
font-weight:bold;
}

td.title ul{
position: relative;
left: 1em;
}

.imgdiv {
margin: 0px;
float: left;
text-align: left;
width: 160px;
background-color: white;
padding: 0px 2px 0px 18px;
background-image: url('http://www.icpdas-usa.com/images/pdficon.jpg');
background-repeat: no-repeat;
}

h3{
font-size:14px;
}


a			{color: #3663C5; font-weight: bold}
A:hover		{color: #FF9966; font-weight: bold; text-decoration:none}
A.mn	    {text-decoration: none; color: #FF9966}
A.mn:hover	{
text-decoration: underline;
color: #FF9966
}
A.sm		{
text-decoration: none;
color: #FF9966
}
A.sm:hover	{
text-decoration: underline;
color: #FF9966
}
A.xsm		{
text-decoration: none;
color: #FF9966;
}
A.xsm:hover	{
text-decoration: underline;
color: #FF9966
}
a.xsml		{
text-decoration: none;
color: #FF9966
}
A.xsml:hover	{
text-decoration: underline;
color: #FF9966
}

top		{color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 11px; font-weight: bold; padding:0px 5px 0px 5px}
a.top { color:#000000; text-decoration:none}
a.top:hover { color:#FFFFFF; text-decoration:underline}

.sectiontabtitle {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;  font-weight: bold; color: #000052;}
.sectiontabtitle a:hover{
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;  
font-weight: bold; 
color: #FF9966
}

.menu tr td a	{
color: #ffffff; 
font-family: Arial; 
font-size: 11px; 
text-decoration:none; 
font-weight:bold;
}

.menu tr td a:hover	{
color: #FF9966; 
font-family: Arial; 
font-size: 11px; 
text-decoration:underline; 
font-weight:bold;
}

.pad {padding:10px 5px 10px 0px }
.mn			{color: #FFFFFF; font-family: Tahoma; text-decoration: none; font-size: 11px; font-weight: bold; padding:0px 5px 0px 5px}
.sm			{color: #000000; font-family: tahoma; font-size: 11px; font-weight: bold;}
.xsm		{color: #000000; font-family: Arial; font-size: 11px; font-weight: bold;}
.brd		{ border: 1px solid #686868;}
.xsml		{color: #000000; font-family: Arial; font-size: 11px; font-weight: bold;}

.txt		{padding: 2 0 2 0}

.prodhead {	
font-family: Verdana, Arial, Helvetica, sans-serif;	
font-size: 14px;  
font-weight: bold; 
color: #000052;}

.boldtext{	
font-family: Verdana, Arial, Helvetica, sans-serif;	 
font-weight: bold; }

.unbold{
font-family: Verdana, Arial, Helvetica, sans-serif;	 
font-weight:lighter }


#wt			{color: #000000; font-weight:bold;}
#rd			{color: #990000}
#or			{color: #E15D11}
#dr			{color: #710B00}
#bu			{color: #3663C5}
#bl			{color: #000000; font-weight: bold;}
			 
.smaller{

text-align:left;
font-size:10px;
}

#sites{
background-color:#da9315;
height:22px;
width:550px;
text-align:center;
}

#sites a, #sites2 a{
text-decoration:none;
color:black;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:18px;
font-weight:bold;
}

#sites a:hover, #sites2 a:hover{
text-decoration:underline;
color:black;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

#sites2 a{
font-size:11px; !important
}

#sites .daq, #sites .m2m, #sites .comm, #sites .control, #sites .wireless, #sites m2m{
height:22px;
line-height:22px;
float:left;
padding-left:6px;
padding-right:6px;
padding-top:1px;
}

#sites .daq {
background-image:url(images/orangebg.jpg);
}

#sites .m2m {
background-image:url(images/orangebg.jpg);
}

#sites .comm {
background-image:url(images/controlbg.jpg);
}

#sites .control {
background-image:url(images/orangebg.jpg);
}

#sites .wireless {
background-image:url(images/controlbg.jpg);
}




#sites2 .daq, #sites2 .m2m, #sites2 .comm, #sites2 .control, #sites2 .wireless, #sites2 m2m{
height:22px;
line-height:22px;
float:left;
padding-left:3px;
padding-right:3px;
padding-top:1px;
border-left:dotted 1px white;
background-color:#da9315;
list-style:none;
margin:0;
}

#sites2 ul{
margin:0;
padding:0;
}

#sites2 .daq {
background-image:url(images/orangebg.jpg);
}

#sites2 .m2m {
background-image:url(images/orangebg.jpg);
}

#sites2 .comm {
background-image:url(images/controlbg.jpg);
}

#sites2 .control {
background-image:url(images/orangebg.jpg);
}

#sites2 .wireless {
background-image:url(images/controlbg.jpg);
}

ul.topmenu li{
padding:0; margin:0 8px;
background-color:#ffffff;

height:20px;
list-style:none;
float:left;
display:block;
line-height:19px;
}

ul.topmenu{
list-style:none;
margin:0 0 0 35px; padding:0 0 0 0;
}
#navigation{position:relative; height:42px; background-image:url(/images/menu_bg.gif);}
ul.nav{position:relative; height:42px; background-image:url(/images/menu_l.gif);}
ul.nav{margin:0; padding:0; list-style:none; float:left; text-align:center;}
ul.nav li{ line-height:42px; width:99px; height:42px; background-image:url(/images/menu_bg.gif); background-repeat:repeat-x; list-style:none; float:left; text-align:center;}
ul.nav li.twoline a{margin-top:10px; text-align:center;}
ul.nav li.twoline{line-height:14px; padding-top:7px; text-align:center;}
ul.nav li.twoline img{margin-top:-7px;}
ul.nav img{float:left;}


ul.leftmenu, ul.leftmenu li{list-style:none; margin:0; padding:0;}
ul.leftmenu li{border-bottom:1px black dotted;}
ul.leftmenu li a{text-decoration:none;}
ul.leftmenu li a:hover{text-decoration: underline; color: #FF9966}
ul.leftmenu li{padding:2px 3px}

ul.products, ul.products li{list-style:none; margin:0; padding:0; background-color:white;}
ul.products li{float:left; width:155px; height:180px; margin-top:35px;}

#shopbyindustry{background-color:#ffffff;  width:392px; float:left; height:127px; border-right:1px dotted #000000; margin-top:40px;}
ul.industry{width:392px;}
ul.industry, ul.industry li{list-style:none; margin:0; padding:3px 0 0 0;}
ul.industry li{float:left; width:96px; margin-top:12px; margin-left:0;}
ul.industry li img{border:1px solid #666666; border-collapse:collapse;}
ul.industry li a:hover img{border:1px solid #000000;}

#shopbyindustryalt{background-color:#ffffff;  width:392px; float:left; height:320px; border-right:1px dotted #000000; margin-top:40px;}
ul.industryalt{width:300px; margin:0 auto;}
ul.industryalt, ul.industryalt li{list-style:none; margin:4px; padding:0px 0 0 0;}
ul.industryalt li{float:left; width:140px; margin-top:0px; margin-left:0;}
ul.industryalt li img{border:1px solid #666666; border-collapse:collapse;}
ul.industryalt li a:hover img{border:1px solid #000000;}

#shopbyprotocol{background-color:#ffffff; width:392px; float:left; height:127px; vertical-align:middle; margin-top:40px;}
#shopbyprotocol input{float:left; width:72px; margin:2px; background-color:#666666; color: #FFFFFF; font-weight:normal; font-size:11px; hieght:17px;}
#shopbyprotocol a{color:white; text-decoration:none}
input.shopbyprotocol{float:left; width:72px; margin:2px; background-color:#666666; color: #FFFFFF; font-weight:normal; font-size:11px; hieght:17px;}

#shopbyprotocolalt{background-color:#ffffff; width:392px; float:left; height:320px; vertical-align:middle; margin-top:40px;}
#shopbyprotocolalt input{float:left; width:72px; margin:2px; background-color:#666666; color: #FFFFFF; font-weight:normal; font-size:11px; height:17px;}
#shopbyprotocolalt a{color:white; font-size:12px; text-decoration:none; font-weight:normal;}
#shopbyprotocolalt ul, #shopbyprotocol li{list-style-type:none; float:left; margin:6px;}
#shopbyprotocolalt ul li{width:148px; float:left; height:16px; line-height:16px; margin:3px 2px; background-color:#666666; color:black;
border-top:2px solid #ece9d8; border-left:2px solid #ece9d8;
border-right:2px solid #98968b; border-bottom:2px solid #98968b;
}
input.shopbyprotocolalt{float:left; width:72px; margin:2px;  background-color:#666666; color: #FFFFFF; font-weight:normal; font-size:11px; height:17px;}


.applicationdiv{
margin:2px;
border:1px solid #cccccc;
padding:4px;
}

.applicationdiv img{
border:2px solid #da9315;
margin:2px;
}

/*      SLIDESHOW   */

#slide2, #slide3, #slide4, #slide5, #slide6, #slide7, #slide8, #slide9, #slide10,
#slide12, #slide13, #slide14, #slide15, #slide16, #slide17, #slide18, #slide19, #slide11{
display:none;
}

#slide1, #slide2, #slide3, #slide4, #slide5, #slide6, #slide7, #slide8, #slide9, #slide10,
#slide12, #slide13, #slide14, #slide15, #slide16, #slide17, #slide18, #slide19, #slide11{

padding:4px;

zoom: 1;
}

#slidenav{
height:28px;
text-align:center;
background-color:#da9315;
color:white;
font-weight:bold;
border:1px solid black;
word-spacing:5px;
}

#slidenav a{
	color:black;
	font-weight:bold;
	cursor:pointer;
}
#slidenav a:hover{
color:white;
}

#slidebox div img{
border:2px solid #da9315;
margin:2px;
}

#slidebox{
background-color:white;
border:1px solid black;
}

.blackborder{
border:1px solid black;
}

ul.topslide, ul.topslide li{
list-style-position:inside;
margin:0 0 0 5px;
font-weight:normal;
}


/*             ----------------- PRODUCT TESTING CSS  -----------------------  */

.sectiontabtitleNEW {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px;  font-weight:bolder; color: #000052;}

.sectiontabtitleNEWunderline { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 16px;  font-weight:bolder; color: #000052; border-bottom:1px solid #cccccc;}


/*             ----------------- PRODUCT TESTING CSS  -----------------------  */


/*        --------------KING Appliction CSS    ----------------------  */

.bluestyle{
color:#26417c;
}

h3.bluestyle{
font-family:Georgia, "Times New Roman", Times, serif;
}

/*   -------------BILLSHIP/CHECKOUT CSS------------------- */

.button{
background-color:#666666;
color:white;

}

/*  -------------ARTICLE CSS ---------------------*/

#article p, #article ol{
width: 600px;
padding-left: 60px;
padding-bottom: 11px;
font-weight:300;
font-family: "Helvetica Neue", Helvetica, "Trebuchet MS", verdana, sans-serif;
font-size: 15px;
line-height: 22px;
color: #3b3b3b;
}

#article strong{
font-weight:bold; !important
}

/* ----------- RELATED PRODUCTS CSS -------------*/

td.related{
width:170px;
height:200px;
overflow:hidden;
}

.relateddescr{
width:170px;
height:40px;
overflow:hidden;
text-align:left;
}

.relatedimage{
width:100px;
height:100px;
display:table-cell;
text-align:center;
vertical-align:middle;
background-color:white;
}

/* ---------- NEW PRODUCTS PAGE CSS ----------------- */

td.productreference li{
/*list-style:none;*/
}

td.productreference li{
font-size:11px;
line-height:16px;
font-weight:bold;
}

td.productreference li a{
text-decoration:none;
}

.descriptionNEW{
font-size:14px;
color:#333333;
font-weight:bold;

}

/* ---------- SEP 2011 NEW INDEX CSS ------------- */

div.productsRD{
width:790px;
}

div.productsRD div.productcategoryRD{
float:left;
width:255px;
margin:4px;
height:193px;
}
div.productsRD div.productcategoryRD:hover{
cursor:pointer;
}

div.productsRD div.productcategoryRD:hover h2{
color:#0178f7; !important
}
div.productsRD a {
text-decoration:none; !important
}

div.productsRD div.productcategoryRD img{
text-align:center;
margin:0 auto;
}
div.productsRD div.productcategoryRD div.spacer{
height:106px; width:178px;
}
div.productsRD div.productcategoryRD p{
font-family: 'Arimo', sans-serif;
color:#4c4c4d;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
margin-top:0;
margin-bottom:0;
margin-left:16px;
}
div.productsRD div.productcategoryRD p.darkertext{
font-family: 'Arimo', sans-serif;
font-size:12px;
color:#ff8600;
margin-top:8px;
}
div.productcategoryRD h2{
font-family: 'Arimo', sans-serif;
color:#4b4b4b;
font-size:18px;
text-align:left;
margin-top:6px;
margin-left:16px;
margin-bottom:0px;
}

#navigationrd{position:relative; height:42px;}
ul.navrd{position:relative; height:42px;}
ul.navrd{margin:0; padding:0; list-style:none; float:left; text-align:center; cursor:pointer;}
ul.navrd li{ line-height:42px; width:99px; height:42px; background-image:url(/images/newfront/topmenu.jpg); background-repeat:repeat-x; list-style:none; float:left; text-align:center; font-family: 'Questrial', sans-serif; cursor:pointer;}
ul.navrd li:hover{ background-image:url(/images/newfront/topmenuhover.jpg); cursor:pointer;}
#navigationrd ul.navrd a:hover{color:white; font-family: 'Arimo', sans-serif; text-shadow: #000 1px 1px 2px; text-decoration:underline; } 
ul.navrd a li{font-family: 'Arimo', sans-serif; text-shadow: #000 1px 1px 2px;}
ul.navrd li.twoline a{margin-top:5px; text-align:center;}
ul.navrd li.twoline{line-height:14px; padding-top:7px; text-align:center;}
ul.navrd li.twoline img{margin-top:-7px;}
ul.navrd img{float:left;}

p.shopbyproduct{text-align:right; font-family: 'Arimo', sans-serif; font-size:18px; color:#a6a6a6; margin-top:4px; margin-bottom:4px !important; margin-right:10px; color:#0178f7;}
p.shopbyproduct2{text-align:center; font-family: 'Arimo', sans-serif; font-size:14px; color:#cccccc; margin-top:2px; margin-bottom:2px !important; margin-right:10px; color:#0178f7;}

#shopbyindustryaltrd{background-color:#ffffff;  width:392px; float:left; height:250px; margin-top:34px;}

div.floatleft{float:left; margin:2px 4px;}
div.floatleft p{margin:4px 2px;}



ul.industryalt{width:300px; margin:0 auto;}
ul.industryalt, ul.industryalt li{list-style:none; margin:4px; padding:0px 0 0 0;}
ul.industryalt li{float:left; width:140px; margin-top:0px; margin-left:0;}
ul.industryalt li img{border:1px solid #666666; border-collapse:collapse;}
ul.industryalt li a:hover img{border:1px solid #000000;}

#shopbyprotocolaltrd{background-color:#ffffff; width:392px; float:left; height:250px; vertical-align:middle; margin-top:34px;}
#shopbyprotocolaltrd input{float:left; width:72px; margin:2px; background-color:#666666; color: #FFFFFF; font-weight:normal; font-size:11px; height:17px;}
#shopbyprotocolaltrd a{color:white; font-size:12px; font-weight:normal; text-decoration:none; line-height:22px;}
#shopbyprotocolaltrd ul, #shopbyprotocolrd li{list-style-type:none; float:left; margin:6px; text-align:left; padding:0;}

#shopbyprotocolaltrd ul li{/*width:148px; float:left; height:16px; line-height:16px; margin:3px 2px; background-color:#666666; color:black;
border-top:2px solid #ece9d8; border-left:2px solid #ece9d8;
border-right:2px solid #98968b; border-bottom:2px solid #98968b;*/
width:88px; float:left; height:22px; line-height:22px; margin:3px 2px; color:#0178f7;
background-color:#666666; color:black;
border-top:1px solid #ece9d8; border-left:1px solid #ece9d8;
border-right:1px solid #98968b; border-bottom:1px solid #98968b;
color:white;
text-align:center;
}

#shopbyprotocolaltrd ul li:hover{
background-color:#555555;
}

input.shopbyprotocolalt{float:left; width:72px; margin:2px;  background-color:#666666; color: #FFFFFF; font-weight:normal; font-size:11px; height:17px;}

body {
   behavior: url("/csshover3.htc");
}


.right{
float:right;
margin:10px;
}

.left{
float:left;
margin:10px;
}

#touchscreencontrollers, #industrialethernetswitches, #remotedataacquisitionmodules, #protocolconverters, #scadasoftware, #programmableautomationcontrollers{
width:255px;
height:193px;
background-repeat:no-repeat;
background-position:center;
}

#touchscreencontrollers:hover, #industrialethernetswitches:hover, #remotedataacquisitionmodules:hover, #protocolconverters:hover, #scadasoftware:hover, #programmableautomationcontrollers:hover{
cursor:pointer;
}

#touchscreencontrollers:hover h2, #industrialethernetswitches:hover h2, #remotedataacquisitionmodules:hover h2, #protocolconverters:hover h2, #scadasoftware:hover h2, #programmableautomationcontrollers:hover h2{
color:#0178f7; !important
}


#touchscreencontrollers{
background-image:url(/images/index/touchscreenplc.jpg);
} 

#touchscreencontrollers:hover{
/*background-image:url(/images/index/touchscreenplcover.jpg);*/
} 

#industrialethernetswitches{
background-image:url(/images/index/industrialethernet.jpg);
}

#industrialethernetswitches:hover{
/*background-image:url(/images/index/industrialethernetover.jpg);*/
}

#remotedataacquisitionmodules{
background-image:url(/images/index/remotedataacquisition.jpg);
}

#remotedataacquisitionmodules:hover{
/*background-image:url(/images/index/remotedataacquisitionover.jpg);*/
}

#protocolconverters{
background-image:url(/images/index/protocolconverters.jpg);
}

#protocolconverters:hover{
/*background-image:url(/images/index/protocolconvertersover.jpg);*/
}

#scadasoftware{
background-image:url(/images/index/scadasoftware.jpg);
}

#scadasoftware:hover{
/*background-image:url(/images/index/scadasoftwareover.jpg);*/
}

#programmableautomationcontrollers{
background-image:url(/images/index/programmablecontrollers.jpg);
}

#programmableautomationcontrollers:hover{
/*background-image:url(/images/index/programmablecontrollersover.jpg);*/
}

.redbold{
color:red;
font-weight:bold;
}

ul.redcheck li{
list-style-image:url(/images/redcheck.gif);
}

.bluebold{
font-weight:bold;
color:#1c9bec;
}

.highlight{
font-weight:bold;
background-color:#FFFF99;
