@charset "utf-8";



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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {



	margin: 0; padding: 0; border: 1; outline: 0;background: transparent;}



body {line-height: 1;}



ol, ul {list-style: none;}



blockquote, q {quotes: none;}



blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}



:focus {outline: 0;}



ins {text-decoration: none;}



del {text-decoration: line-through;}



table {border-collapse: collapse;border-spacing: 0;}



h1,h2, h3{ font-family: 'Denk One', sans-serif; color:#900; letter-spacing:1px;}



/*********************************  ******************************/



.clear { clear:both;  height:0;   font-size: 1px;   line-height: 0px; }



body { position:static; font:14px Tahoma, Arial, Verdana; color:#000; background:#e2e7e5; line-height:18px;}



a {text-decoration:none; color:#000;}



a:hover {text-decoration:none; color:#000;}



.maincontainer {width:1000px; height:auto; margin:0 auto; padding:0; position:relative;}



.header {width:1000px; height:160px; background:#fff; float:left; padding-bottom:5px;}



.head {width:1000px; height:120px; background: url(http://www.3rdeyeindia.in/images/head_bg.jpg) no-repeat left top #fff; float:left;}

.logo {width:659px; height:112px; margin:5px 0 0 5px; float:left;}

.call-us-sup {width:232px; height:80px; float:right; margin:0 10px 0 0;}



.menu {width:1000px; height:40px; background:#e51b23; float:left;}



.slider-box {width:1000px; height:315px; background:#fff; float:left;}



.slider {width:725px; height:300px; padding-bottom:15px; background:url(images/slider-shadow.jpg) center bottom no-repeat; float:left; }

.call-request {width:250px; height:300px; margin-left:15px; margin:0 8px 15px 0; background:#f2f2f2; border:1px solid #ccc; float:right;}

.call-text {width:96%; height:30px; padding-left:4%; background:url(images/call-div.jpg) repeat-x left bottom; float:left;}

.call-text h2{ font:bold 12px Tahoma, Geneva, sans-serif; line-height:30px;  color:#fff;}



.call-form {width:98%; height:auto; float:left; padding:1%;}

.call-form table{ height:20px; padding-left:5px; font:13px Tahoma, Geneva, sans-serif; color:#000;}



.input { width:150px; height:20px; padding-left:5px; line-height:20px; border:1px solid #ccc; margin:5px; }

.input-text { width:160px;  padding-left:5px; line-height:20px; border:1px solid #ccc; margin:5px; overflow:hidden; }

.input-submit { width:80px; height:25px; background:#39F; border-radius:5px; padding-left:5px; box-shadow:1px 1px 2px #000;  font:bold 12px Tahoma, Geneva, sans-serif; color:#fff; line-height:25px; border:1px solid #ccc; margin:8px 5px;  cursor:pointer;}

.input-clear { width:60px; height:25px; background:#39F; border-radius:5px; padding-left:5px; box-shadow:1px 1px 2px #000; font:bold 12px Tahoma, Geneva, sans-serif; color:#fff; line-height:25px; border:1px solid #ccc; margin:8px 0; cursor:pointer;}





.tab-gallery { width:auto ; height:auto; margin:30px 10px 0; border:1px solid #ccc; padding:5px; float:left;}



.cont-body {width:1000px; height:auto; padding-top:10px; padding-bottom:30px; background:#fff; float:left;}





.cont-body-right {width:742px; height:auto; padding-right:8px; float:right;}

.cont-body-right .text{width:742px; height:auto; margin-bottom:30px; float:right;}



.cont-body-right h1{ font:25px 'Denk One', sans-serif; color:#0b37b4;}

.cont-body-right p{ font:12px Tahoma, Geneva, sans-serif; color:#333; text-align:justify; line-height:18px; }

.cont-body-left{width:225px; height:auto; background:#f2f2f2; border:1px solid #ccc; margin:0 15px 20px 8px; float:left;}

.cont-body-left ul {width:100%; height:auto; float:left;}

.cont-body-left ul li{ width:92%; height:20px; background:#ededed; border-bottom:1px solid #ccc; font: 14px Tahoma, Geneva, sans-serif; color:#333; line-height:18px; margin-top:0px; padding:5px 8px;}

.cont-body-left ul li:hover{ height:20px; background:#fff; border-bottom:1px solid #ccc; font:bold 12px Tahoma, Geneva, sans-serif; color:#F00; line-height:18px;}

.cont-body-left ul li a{text-decoration:none; color:#333; }

.cont-body-left ul li a:hover{text-decoration:none; color:#F00; }









.cont-body-left2{width:225px; height:329px; background:#f2f2f2; border:1px solid #ccc; margin:0 15px 20px 8px; float:left;}

.cont-body-left3{width:225px; height:29px; background:#f2f2f2; border:1px solid #ccc; margin:0 15px 20px 8px; float:left;}

.cont-body-left2 .text5{width:211px; height:280px; margin:10px 7px; overflow:hidden;  }

.cont-body-left3 .text6{width:211px; height:0px; margin:10px 7px; overflow:hidden;  }

.cont-body-left2{ font:13px Tahoma, Geneva, sans-serif; color:#333; text-align:left; line-height:18px;}



.bot-box {width:1000px; height:auto; float:left;}

.bot-box .left{width:470px; height:220px; border:2px solid #ccc; margin:0 10px; box-shadow:1px 1px 3px #666; float:left;}

.bot-box .left .part{width:200px; height:180px; margin:5px; float:left;}

.bot-box .right{width:470px; height:220px; border:2px solid #ccc; margin:0 10px; box-shadow:1px 1px 3px #666;  float:right;}

.bot-box .right .part{width:200px; height:180px; margin:5px; float:left;}



.footer {width:1000px; height:199px; background:#000; float:left;}

.fot-text-box {width:980px; height:160px; font:13px Tahoma, Geneva, sans-serif; color:#fff; float:left; padding:10px; }

.fot-text-box-all {width:980px; height:20px; font:11px Tahoma, Geneva, sans-serif; color:#fff; line-height:20px; float:left; padding:0 10px; }

.fot-text-box-all a{ text-decoration:none; color:#fff; }

.fot-text-box-all a:hover{  text-decoration:underline; color:#fff; }



/*************fix*****************/

.request-demo {width:34px; height:142px;  position:fixed; left:0; top:100px; z-index:10; }



.request-demo2 {width:34px; height:142px;  position:fixed; left:0; top:250px; z-index:10; }



.clients-ab {



	width:32px;



	height:32px;



	position:absolute;



	left:116px;



	top:720px;



	z-index:10;



}



.cctv-ab {



	width:32px;



	height:32px;



	position:absolute;



	left:731px;



	top:1428px;



	z-index:10;



}







.gps-ab {



	width:40px;



	height:40px;



	position:absolute;



	left:243px;



	top:1428px;



	z-index:10;



}







.product-ab {



	width:40px;



	height:40px;



	position:absolute;



	left:158px;



	top:481px;



	z-index:10;



}



.call-ab {



	width:40px;



	height:40px;



	position:absolute;



	left:913px;



	top:154px;



	z-index:10;



}
/*********product*********************/
.protcut-gps{ border:1px solid #ccc; float:left; margin:10px 20px 10px 10px;}
.margin table{ font:12px Tahoma, Geneva, sans-serif; color:#333; line-height:16px;}
.border-gps { border:1px solid #ccc;}



/************menu**********************/

.nav { 

width:100%;

height:40px;

padding:0; 

margin:0; 

font:bold 12px Tahoma, Geneva, sans-serif;

line-height:20px;

z-index:100;

}





.nav ul ul {

	display: none;

z-index:100;

}



	.nav ul li:hover > ul {

		display: block;

		

	}



.nav ul {

	padding: 0 0px;

	list-style: none;

	position: relative;

	display: inline-table;

	color:#fff;

}

	.nav ul:after {

		content: ""; clear: both; display: block;

	}



	.nav ul li {

		background:url(images/menu-div.jpg) no-repeat right top;

		float: left;

	}

		.nav ul li:hover {color:#000;		}

		

		.nav ul li:hover a {

			background:#5c7fff;

			color: #fff;

			}

		

		.nav ul li a {

			display: block; padding:10px 20px;

			color:#fff; text-decoration: none;

		}

			

		

	.nav ul ul {

		background:#e41b23; border-radius: 0px; padding: 0;

		position: absolute; top: 100%;

		

	}

		.nav ul ul li {

			width:180px;

			background:none;

			float: none; 

			border-bottom: 1px solid #F93;

			border-left: 1px solid #F93;

			border-right: 1px solid #F93;

			position: relative;

			font:bold 11px Tahoma, Geneva, sans-serif; 

			



			

		}

			.nav ul ul li a {

				padding:8px 10px;

				color: #fff;



			}	

				.nav ul ul li a:hover {

					background:#3b53ae;

					color:#fff;

					

				}

					

	.nav ul ul ul {

		position: absolute; left: 100%; top:0;

	}

		

/****************tab***************/

.bold {font:12px Arial, Helvetica, sans-serif; color:#000000; text-align:center; line-height:20px;}



/* ######### CSS for Shade Tabs. Remove if not using ######### */



.shadetabs{

padding: 3px 0;

margin-left: 0;

margin-top: 1px;

margin-bottom: 0;

font: 12px Verdana;

list-style-type: none;

text-align: left; /*set to left, center, or right to align the menu as desired*/

}



.shadetabs li{

display: inline;

margin: 0;

}



.shadetabs li a{

text-decoration: none;

position: relative;

z-index: 1;

padding:7px;

margin-right: 0px;

border: 1px solid #778;

color: #2d2b2b;

background:#ddd;

}



.shadetabs li a:visited{

color: #2d2b2b;

}



.shadetabs li a:hover{

text-decoration: underline;

color: #2d2b2b;

background:#fff;

}



.shadetabs li a.selected{ /*selected main tab style */

position: relative;

top: 1px;

background:#fff;

}



.shadetabs li a.selected{ /*selected main tab style */

background-image: url(shadeactive.gif);

border-bottom-color: white;

}



.shadetabs li a.selected:hover{ /*selected main tab style */

text-decoration: none;

}



.tabcontent{

display:none;

}



@media print {

.tabcontent {

display:block !important;

}

}





/* Basic jQuery Slider essential styles */



#container{

	max-width:620px;

	margin:0 auto;

	padding-bottom:80px;

}



#banner-fade,

#banner-slide{

	margin-bottom:0px;

}



ul.bjqs-controls.v-centered li a{

	display:block;

	padding:10px;

	background: rgba(255,255,255,0.5);

	color:#000;

	text-decoration: none;

}



ul.bjqs-controls.v-centered li a:hover{

	background:#000;

	color:#fff;

}



ol.bjqs-markers li a{

	padding:5px;

	background:#000;

	font:7px Tahoma, Geneva, sans-serif;

	color:#fff;

	margin:5px;

	text-decoration: none;

}



ol.bjqs-markers li.active-marker a,

ol.bjqs-markers li a:hover{

	background: #999;

}



p.bjqs-caption{

	background: rgba(255,255,255,0.5);

}



/* Basic jQuery Slider essential styles */



ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}

li.bjqs-slide{position:absolute; display:none;}

ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}

ul.bjqs-controls.v-centered li a{position:absolute;}

ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}

ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}

ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}

ol.bjqs-markers.h-centered{text-align: center;}

ol.bjqs-markers li{display:none;}

ol.bjqs-markers li a{display:none;}

p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:20;}