@import url('https://fonts.googleapis.com/css?family=Roboto');

* {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
body {
	font-family: 'Roboto';
	font-size:13px;
	color:#333;
	margin:0;
}
p,h1,h2,h3,h4,h5,h6,ul,li,a{
	margin: 0;
	padding:0; 
	line-height:1
}
p {
    font-size: 15px;
    color: #333;
    line-height: 20px;
}
a {
	text-decoration:none;
	outline:none;
	color:#333;
}
a:hover {
	color:#0000EE;
	text-decoration:none;
}
.clearfix:after {
	clear:both;
	display:block;
	visibility:hidden;
	content:"";
}
/* header - css-*/
.header_top{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 6px 0px 15px;}
.header_left a {display: inline-block;}
.header_right {width: 26%;}
.header_right a{color: #333;font-size: 16px;display: inline-block;padding-bottom: 5px;}
.header_right a:hover{color: #0000EE;}
.menu_innr{background-image: linear-gradient(#f5f5f5, #c8c8c8);padding: 4px 12px;}
.menu_innr ul {display: flex;justify-content: space-between;}
.menu_innr ul li{position:relative;display: inline-block;}

/*.menu_innr ul li a{font-size: 18px;color: #333;line-height: normal;}*/
.menu_innr ul li a {
    font-size: 15px;
    color: #333;
    line-height: normal;
}

.menu_innr ul li:hover a{color: #0000EE;}
.menu_innr ul li ul.sub-menu{display:none;position:absolute;top:100%;left:-12px;margin:0;z-index:999;transition:all ease .5s 0s;min-width: 250px;padding-top: 4px;}
/*.menu_innr ul li ul.sub-menu li a{display:block;background-image: linear-gradient(#f5f5f5, #c8c8c8);color:#333;padding:6px 14px;border-top:solid 2px #fff} */
.menu_innr ul li ul.sub-menu li a{display:block;background-color: #fff;color:#333;padding:6px;border-top:solid 1px #000;font-size:13px;}
.menu_innr ul li ul.sub-menu li{display:block;padding:0}
.menu_innr ul li ul.sub-menu li:after{display: none;}
.menu_innr ul li:hover ul.sub-menu{display:block}
.menu_innr ul li:last-child:hover ul.sub-menu{right: -12px;left: inherit;}
.menu_innr ul li ul.sub-menu li a:hover{background:#0000EE;color: #fff;}
.menu_innr ul li ul.sub-menu li ul.sub-menu{display: none;}		
.menu_innr ul li ul.sub-menu li:hover ul.sub-menu{display: block;left: 100%;top: -4px;}
.header_right .form-group{margin-bottom: 10px;}
/* header - css-*/

/* banner - css-*/
.banner{width: 100%;position: relative;z-index: 1;}
.banner_img{position: relative;outline: none;}
.banner_img img{width: 100%;height: 350px;object-fit: cover;}
.banner_text {position: absolute;left: 0;top: 54%;transform: translateY(-50%);right: 0;z-index: 1;}
.banner_slide_left h1 {font-size: 60px;color: #fff;text-transform: uppercase;margin-bottom: 10px;}
.banner_slide_left p{color: #fff;padding-bottom: 20px;padding-right: 80px;}
/* banner - css-*/

.info_div{width: 100%;display: block;padding: 50px 0px;}
.info_otr{margin: 0 -15px;text-align: center;}
.info_col{width: 33.33%;display: inline-block;margin-right: -3px;vertical-align: top;padding: 0 15px;}

/*.info_col_inr{border: solid #ddd 1px;border-radius: 15px;overflow: hidden;}*/
.info_col_inr {
    border: solid #ddd 1px;
    border-radius: 5px;
    overflow: hidden;
}

.title{text-align: center;background: #eee;padding: 10px;border-bottom: solid #ddd 1px;}
.title h4{font-size: 20px;color: #005481;margin: 0;}
.product_info{padding: 15px;}
.product_info p{line-height: 26px;}
.product_info p a{color: #0000EE;}
.product_info p a:hover{text-decoration: underline;}
.product_info img {margin-bottom: 10px;}
.product_info_img {width: 49%;display: inline-block;padding: 10px;}
.product_info_img p {font-size: 10px;line-height: 18px;}
.product_info_img a{display: inline-block;}
.product_info img:hover{box-shadow: 0px 2px 10px 5px rgba(0,0,0,0.50)}

footer{text-align: center;margin-top:30px;}
.footer_top {text-align: center;}
.footer_middle{padding: 30px 0px 20px;}
.footer_middle ul{width: 77%;margin: 0 auto;}

/*.footer_middle li{display: inline-block;list-style: none;padding:5px 10px;position: relative;}*/
.footer_middle li {
    display: inline-block;
    list-style: none;
    padding: 5px 10px;
    position: relative;
}
.footer_middle li:after{position: absolute;content: "";right: 0;height: 13px;width: 2px;background: #888;top: 6px;}
.footer_middle li:last-child:after, .footer_bottom li:last-child:after{display: none;}
.footer_middle li a{font-size: 16px;color: #888;}
.footer_middle li a:hover, .footer_bottom li a:hover{color: #000;}
.footer_bottom li{list-style: none;display: inline-block;font-size: 16px;color: #888;position: relative;padding:5px 10px; }
.footer_bottom li:after{position: absolute;content: "";right: 0;height: 13px;width: 2px;background: #888;top: 6px;}
.footer_bottom li a{font-size: 16px;color: #888;}
.footer_img {padding: 40px 0px 20px;}
.footer_img a{display: inline-block;}
.footer_bottom a{display: inline-block;}
.footer_ev {padding-top: 20px;}
.footer_ev a{font-size: 16px;}
.menu_innr ul li:after {content: "";position: absolute;right: -60px;height: 13px;background: #888;top: 4px;width: 2px;}
.menu_innr ul li:last-child:after{display: none;}

.about_us {padding: 30px 50px 0px;}
.title_inr {text-align: center;padding-bottom: 30px;}
.title_inr h2 {font-size: 26px;color: #555;}
.about_right {float: right;margin-left: 20px;margin-bottom: 20px;}
.about_left h4 {font-size: 20px;color: #005481;padding-bottom: 10px;}
.about_left p{text-indent: 30px;padding-bottom: 30px;}

.contact_us{padding:30px 80px 0;}
.contact_info{border:solid 2px #6c6c6c;padding: 20px;position: relative;margin-bottom: 20px;}
.contact_info h4 {font-size: 18px;background: #fff;padding: 3px;display: inline-block;position: absolute;top: -12px;}
.contact_info .call {width: 30%;display: inline-block;vertical-align: top;}
.contact_info .no {width: 68%;display: inline-block;vertical-align: top;}
.contact_inr label{font-size: 16px;margin-bottom: 0;}
.contact_info a{font-size: 16px;}
.contact_info .no p {font-size: 16px;width: 40%;}
.contact_info .no img{margin-bottom: 10px;}
.contact_info input,.contact_info select,.contact_info textarea{margin-bottom: 10px;border: 1px #666666 solid;background-color: #fafafa;border-radius: 3px;}
.submit_btn {text-align: center;}
.submit_btn input{padding: 8px 90px;font-size: 18px;border: 1px #666666 solid;background-color: #EAEAEA;border-radius: 3px;display: block;}
.submit_btn input:hover{background: #0000EE;color: #fff;}
.searchlist img {max-height:125px;max-width:125px;}
.page-title {
	margin: 0 0 20px 0;
}
#content{font-family:'Roboto';font-size:15px;}	
/* SELECTORS */	
#selector {	
	color: #333;	
	margin-left: 100px;	
}	
#selector ul {	
	margin: 0;	
	padding: 0;	
	list-style-type: none;	
	display: inline-block;	
	cursor: pointer;	
	vertical-align: top;	
	border: solid #ccc 1px;	
	float: left;	
	margin-bottom: 15px;	
	background: url(selector-background.jpg) top left repeat-x;	
}	
#selector li {	
	line-height: 20px; /* HEIGHT OF TOP MENU BAR */	
	z-index: 1;	
	text-align: center;	
}	
#selector li a {	
	display: block;	
	text-decoration: none;	
	background-color: #fff;	
	font-size: 12px;	
	color: #005481;	
}	
#selector li a:link, #selector li a:visited {	
	color: #005481;	
}	
#selector li a:hover {	
	background-color: #ddd; /* HOVER COLOR */	
}	
#selector ul li { /* FIRST ITEM OF EACH BAR */	
	font-size: 13px;	
	width: 200px;	
	border-right: solid #ccc 1px;	
}	
#selected {	
	font-weight: bold;	
}	
/* 1 DEEP SUB MENUS */	
#selector ul ul { 	
	display: none;	
	position: absolute;	
	margin-left: -1px;	
}	
#selector ul li:hover ul {	
	display: block;	
}	
#selector ul ul li {	
	width: 199px;	
	line-height: 20px; /* HEIGHT OF SUB MENU BARS */	
	border: solid #ccc 1px;	
	border-top: none;	
}	
/* SEARCH PAGE */	
#searchpagepic {	
	max-height: 150px;	
	max-width: 150px;	
}	
#shade {	
	background-color: #eee;	
}	
#search-desc {	
	text-align: center;	
}	
#tile img {	
    max-width: 190px;	
    max-height: 190px;	
    margin: 5px;	
}	
#search-desc tr{background:none;}	
/* CAPTIONED IMAGES */	
#sideimg {	
	float: right;	
	margin: 0px;	
	margin-left: 10px;	
	padding: 0px;	
	text-align: center;	
	text-indent: 0px;	
	max-width: 200px;	
	background-color: #eeeeee;	
	-webkit-border-radius: 10px;	
	-moz-border-radius: 10px;	
	border-radius: 10px 10px 10px 10px;	
	width: 200px;	
}	
#sideimg img {	
	max-width: 190px;	
	margin: 5px;	
}	
#sideimg p {	
	font-size: 12px;	
	margin: 5px;	
	margin-bottom: 10px;	
	margin-top: 0px;	
	color: #555;	
	text-indent: 0px;	
	max-width: 190px;	
}	
#sideimg a:hover p {	
	text-decoration: underline;	
}	
/* PART PAGE */	
 	
#partinfo {	
	min-width:350px;	
	max-width: 400px;	
	-webkit-border-radius: 12px;	
	-moz-border-radius: 12px;	
	border-radius: 12px 12px 12px 12px;	
	background-color: #eef;	
}	
#partinfo td{ padding:2px;}	
#parthead {	
	font-weight: bold;	
	color: #222;	
}	
#partpagepic {	
	max-height: 300px;	
	max-width: 300px;	
}	
#partpagelinks {	
	-webkit-border-radius: 12px;	
	-moz-border-radius: 12px;	
	border-radius: 12px 12px 12px 12px;	
	background-color: #eec;	
	width: 300px;	
	text-align: center;	
}	
#partpagelinks td{ padding:2px;}	
/* change widht from 300px to 100% */	
#partstockhead {	
	-webkit-border-radius: 12px 12px 0px 0px;	
	-moz-border-radius: 12px 12px 0px 0px;	
	border-radius: 12px 12px 0px 0px;	
	background-color: #ddd;	
	width:  100%;	
	text-align: center;	
}	
#partstock {	
	-webkit-border-radius: 0px 0px 12px 12px;	
	-moz-border-radius: 0px 0px 12px 12px;	
	border-radius: 0px 0px 12px 12px;	
	background-color: #eaeaea;	
	width:  100%;	
}	
/* Added By Ranjit for part classed added for new part managnement */	
.part_data{ background-color:#eef;border-radius:12px 12px 12px 12px;}	
.part_links{ background-color:#eec;border-radius:12px 12px 12px 12px;}	
.part_images{max-width: 100%;   overflow: inherit;}	
.part_stocks{ background-color:#eaeaea;border-radius:12px 12px 12px 12px;margin-top:20px;}	
.part_stocks > .card{ background-color:#eaeaea;}	
.part_stocks > .card > .card-body{ padding:0px;}	
.part_stocks > .card > .card-body > .card-title{ background-color:#ddd;margin:0px;padding:10px;font-size: 18px;font-weight: bold;}	
@media only screen and (max-device-width: 480px) {	
	.m-3{margin:10px!important;}	
}
@media only screen and (min-width: 800px) { 
  .container{width:800px;}
  .menu_innr ul li:after{right:-30px;}
}