/* CSS Document */

#products-shoecase { width:180px; height:auto; margin:0; float:right; border:#d7d7d7 1px solid; }
#products{
	width:490px;
	height:auto;
	float:left;
	}
#products-img{
	width:180px;
	height:200px;
	float:left;
	margin:0;
	}
#products-shoecase2 { width:180px; height:auto; margin:0; float:right; border:#d7d7d7 1px solid; }

#products-img2{
	width:140px;
	height:113px;
	float:left;
	margin:0;
	}
	.thumbnail{
	position: absolute;
	z-index: 0;
	visibility: visible;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #EFEFEF;
padding: 5px;
left: -900px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -110px;}
#leftcolumn { 
 display: inline;
 color: #000;
 margin: 0px;
 padding: 0px;
 width: 225px;
 float: left;
 font-size: 12px;
}


#menu, #menu ul {
	float: left;
	width: 600px;
	list-style: none;
	line-height: 16px;
	background-color:#CCCCCC;
	font-weight: bold;
	padding: 0;
	height:25px;
	border: solid #333;
	border-width: 1px 0;
	margin: 0 0 1em 0;
	padding:2px 0 2px 0;
}

#menu a {
	display: block;
	width: 11em;
	w\idth: 8em;
	color: #000;
	text-decoration: none;
	padding: 0.25em 1em;
}

#menu a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}

#menu li {
	float: left;
	padding: 0;
	width:148px;
	margin-left: 0;
}

#menu li ul {
	position: absolute;
	left: -1100em;
	height: auto;
	width: 170px;
	w\idth: 155px;
	font-weight: normal;
	border-width:1px;
	margin: 0;
}

#menu li li {
	padding-right:5px;
	width: 140px;
	margin-left: 0;
}

#menu li ul a {
	width: 126px;
}

#menu li ul ul {
	margin: 0 0 0 0;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left:0px;
}

#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
	left: auto;
	width: 146px;
}

#menu li:hover, #menu li.sfhover {
	background-color:#66CCFF;
 }
#products-img3{
	width:207px;
	height:auto;
	float:right;
	margin:0;
	padding:0;
	}
#text-left{
	width:450px;
	height:auto;
	float:left;
	margin:0;
	padding:0;
	}
#style-img{
	width:100px;
	height:93px;
	float:left;
	margin:0;
	}
#doorstrikes-img{
	width:75px;
	height:149px;
	float:left;
	margin:0;
	}
#emerg-alarm{
	width:190px;
	height:auto;
	float:right;
	margin:0;
	}
#cards-img{
	width:180px;
	height:180px;
	float:right;
	margin:0;
	}
#camera-img{
	width:175px;
	height:175px;
	float:right;
	margin:0;
	}
#powersupply-img{
	width:150px;
	height:163px;
	float:right;
	margin:0;
	}
#hardware-img{
	width:180px;
	height:110px;
	float:right;
	margin:0;
	}
#pro-specification-main { width:660px; height:auto; margin:0px; float:right; border:#4298da 1px solid; }
.grey-bg-pro { width:660px; height:auto; margin:0px; float:left; background-color:#efefef; }
.grey-bg-pro1 { width:238px; height:22px; padding-top:8px; margin:0px; float:left; padding-left:9px; font-family:Arial;
	font-size:12px;
	color:#000000;
	text-decoration:none;
 }
.grey-bg-pro2{ width:228px; height:22px; padding-top:8px; margin:0px; float:left; font-family:Arial; font-size:12px;	color:#000000;
	text-decoration:none;
 }
.grey-bg-pro3{ width:150px; height:22px; padding-top:8px; margin:0px; float:left; font-family:Arial; font-size:12px; color:#000000;
	text-decoration:none;
 }
.white-bg-pro { width:660px; height:auto; margin:0px; float:left; }
#iguard-bg{
	width:660px;
	height:25px;
	float:left;
	background-color:#0099FF;
	}
#iguard-text{
	width:250px;
	height:auto;
	float:left;
	}
#iguard-right{
	width:300px;
	height:auto;
	float:right;
	}
.iguard-bg2{
	width:660px;
	height:40px;
	float:left;
	background-color:#18b4e5;
	}
.iguard-bg-main{
	width:660px;
	padding-top:1px;
	height:auto;
	float:left;
}
.iguard-bg3{
	width:660px;
	height:35px;
	float:left;
	background-color:#CCCCCC;
}
.text1{
	width:130px;
	height:auto;
	padding-left:5px;
	float:left;
	}
.text2{
	width:150px;
	height:auto;
	float:left;
}
.text3{
	width:150px;
	height:auto;
	float:left;
}
.text4{
	width:120px;
	height:auto;
	float:left;
}
.contact-box2{
	width:659px;
	height:auto;
	float:left;
	padding-left:5px;
}
.iguard-heading { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  font-weight:bold; color:#000000;}
.pro{
	width:220px;
	height:auto;
	float:left;
	}
.pro2-main{
	width:220px;
	height:auto;
	float:left;
	}
.pro2-bg{
	width:204px;
	height:119px;
	float:left;
	background-color:#e3e3e3;
	margin:0;
	}
.text{
	width:100px;
	height:auto;
	float:right;
	padding-top:37px;
	margin:0;
	}
.iguard-text{
	width:100px;
	height:auto;
	float:right;
	padding-top:25px;
	margin:0;
	}
.pro-img1{
	width:95px;
	height:auto;
	float:left;
	padding-left:5px;
	padding-top:10px;
	
	}
.pro2-white{
	width:90px;
	height:auto;
	float:left;
	background-color:#FFFFFF;
	margin:0;
	}
.pro3-bg{
	width:204px;
	height:118px;
	float:left;
	background-color:#e3e3e3;
	margin:0;
	}	
.left-img{
	width:8px;
	height:119px;
	float:left;
	margin:0;
	}
.right-img{
	width:8px;
	height:120px;
	float:right;
	margin:0;
}
	
.pro2{
	width:220px;
	height:auto;
	float:left;
	padding-left:10px;
	}
.middle{
	width:196px;
	height:auto;
	padding-top:1px;
	padding-bottom:1px;
	float:left;
	}
.middle3{
	width:204px;
	height:auto;
	padding-top:1px;
	padding-bottom:1px;
	float:left;
	}
.pro-main{
	width:220px;
	height:auto;
	float:left;
	margin:0;
	}
.pro3{
	width:210px;
	height:auto;
	float:left;
	padding-left:10px;
	}
.pro-main3{
	width:208px;
	height:auto;
	float:left;
	}
.cont-margin{
 	width:680px;
 	height:15px;
 	float:left;
 	margin:0;
 }
.iguard-selguide{
	width:650px;
	height:auto;
	float:right;
	padding-left:3px;
	padding-right:3px;
	
}