@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: condensedbold;
	font-style: normal;
	font-weight: bold;

	src: local('condensedbold'), local('futurastd-condensedbold'), url(fonts/futurastd-medium-webfont.woff) format('woff');
}
body {
	float: none;
	height: auto;
	width: 100%;
	font-size: 16px;
	font-family: condensedbold;
	color: #333;
	line-height: 28px;
	background-color: #ffc700;
	background-image: url(../images/bd.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-weight: 400;
}
body, button, input, select, textarea {
	font-family: "condensedbold";
	color: #333;
}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
a {
	color: #666;
	text-decoration: none;
}


a:hover {
	color: #333;
}
#ybroncontainer {
	float: left;
	height: auto;
	width: 100%;
	background-image: url(../images/INDEX.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	
	

}
#ybroninnercontainer {
	height: 420px;
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}
.ybron {
	float: left;
	height: auto;
	width: 1100px;
}
#topbanner {
	float: left;
	height: 154px;
	width: 1100px;
}
#ybronlogo {
	float: left;
	width: 270px;
	height: 110px;
	padding-top: 43px;
}
#ybrontopmenu {
	float: left;
	width: 698px;
	height: 154px;
	padding-left: 132px;
}
.home {
	background-image: url(../images/home.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 98px;
	width: 140px;
}
.home:hover {
	background-image: url(../images/homehover.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 98px;
	width: 140px;
}
.about {
	background-image: url(../images/aboutus.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 98px;
	width: 146px;
}
.about:hover {
	background-image: url(../images/aboutushover.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 98px;
	width: 146px;
}
.product {
	background-image: url(../images/product.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 98px;
	width: 142px;
}
.product:hover {
	background-image: url(../images/producthover.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 98px;
	width: 142px;
}
.service {
	background-image: url(../images/services.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 98px;
	width: 137px;
}
.service:hover {
	background-image: url(../images/serviceshover.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 98px;
	width: 137px;
}
.contact {
	background-image: url(../images/contactus.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 98px;
	width: 122px;
}
.contact:hover {
	background-image: url(../images/contactushover.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 98px;
	width: 122px;
}#ybron_banner {
	float: left;
	height: 300px;
	width: 1100px;
}
#ybron_banner1 {
	float: left;
	height: 450px;
	width: 1100px;
}
#ybron_welcome {
	background-color: #ffffff;
	float: left;
	height: 510px;
	width: 1100px;
}
#ybron_welcome1 {
	background-color: #ffffff;
	float: left;
	height: auto;
	width: 1100px;
}
#ybronwelcomeout {
	float: left;
	height: 297px;
	width: 1080px;
	padding: 10px;
}
#ybronwelcomeout1 {
	float: left;
	height: auto;
	width: 1080px;
	padding: 10px;
}
#welcome_head {
	float: left;
	height: auto;
	width: 1060px;
	
	font-size: 22px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#welcome_des {
	float: left;
	height: auto;
	width: 1060px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
#welcome_read {
	float: left;
	height: auto;
	width: 1070px;
	padding-bottom: 25px;
	padding-right: 10px;
}
#ybron_clients {
	float: left;
	height: 168px;
	width: 1080px;
	padding: 10px;
}
#ybron_clienthead {
	float: left;
	height: auto;
	width: 1070px;
	padding-bottom: 10px;
	font-size: 22px;
	padding-left: 10px;
}
#ybron_clientdes {
	float: left;
	height: auto;
	width: 1080px;
	padding-bottom: 10px;
}
#ybron_middleouter {
	float: left;
	height: 180px;
	width: 100%;
	background-color: #ededed;
}
#ybron_middleinner {
	height: auto;
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}
#ybron_middlebtmouter {
	float: left;
	height: 188px;
	width: 100%;
}
#ybron_middlebtminner {
	height: 188px;
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	background-color: #ffffff;
}
#ybron_footerouter {
	float: left;
	height: 57px;
	width: 100%;
	background-color: #000000;
}
#ybron_footerinner {
	height: auto;
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #FFF;
}
#customersupport {
	float: left;
	height: 180px;
	width: 697px;
	background-image: url(../images/callus.jpg);
	background-repeat: no-repeat;
}
#customersupport_no {
	float: left;
	height: auto;
	width: 190px;
	padding-top: 80px;
	padding-left: 110px;
	font-size: 24px;
	color: #D20000;
}
#customersupport_contact {
	float: left;
	height: auto;
	width: 270px;
	padding-left: 107px;
	padding-top: 10px;
	font-weight: 800;
	font-size: 18px;
}


#onlineenquiry {
	float: left;
	height: auto;
	width: 353px;
	padding-top: 5px;
	padding-left: 50px;
}
#ourproduct {
	float: left;
	height: auto;
	width: 697px;
}
#ourproductimg {
	float: left;
	height: auto;
	width: 50px;
	padding-left: 17px;
	padding-top: 20px;
}
#ourproductlink {
	float: left;
	height: auto;
	width: 290px;
	padding-top: 20px;
	padding-left: 40px;
}
#ourproductimages {
	float: left;
	height: auto;
	width: 300px;
	padding-top: 10px;
}



#ourcustomers {
	float: left;
	height: auto;
	width: 403px;
}
#ourcustomerimg {
	float: left;
	height: auto;
	width: 50px;
	padding-top: 20px;
	padding-left: 10px;
}
#ourcustomerdes {
	float: left;
	height: auto;
	width: 300px;
	padding-top: 20px;
	padding-left: 33px;
}
#ybron_middletopouter {
	float: left;
	height: auto;
	width: 100%;
}
#ybron_middletopinner {
	height: auto;
	width: 1100px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	background-color: #ffffff;
}
.inputs  {
	background: #f5f5f5;
	font-size: 0.8rem;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	padding: 7px;
	width: 250px;
	margin-bottom: 7px;
	box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 );
	clear: both;
	color: #333;
}
.inputs:focus {
    background: #fff;
    box-shadow: 0px 0px 0px 3px #fff38e, inset 0px 2px 3px rgba( 0,0,0,0.2 ), 0px 5px 5px rgba( 0,0,0,0.15 );
    outline: none;   
}
.inputs1  {
	background: #f5f5f5;
	font-size: 17px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	padding: 7px 7px;
	width: 200px;
	margin-bottom: 7px;
	box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 );
	clear: both;
	color: #333;
}
.inputs1:focus {
    background: #fff;
    box-shadow: 0px 0px 0px 3px #fff38e, inset 0px 2px 3px rgba( 0,0,0,0.2 ), 0px 5px 5px rgba( 0,0,0,0.15 );
    outline: none;   
}
.inputs2  {
	background: #f5f5f5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	padding: 7px;
	width: 70px;
	margin-bottom: 7px;
	box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 );
	clear: both;
	color: #333;
}
.inputs2:focus {
    background: #fff;
    box-shadow: 0px 0px 0px 3px #fff38e, inset 0px 2px 3px rgba( 0,0,0,0.2 ), 0px 5px 5px rgba( 0,0,0,0.15 );
    outline: none;   
}

.enq {
	font-size: 17px;
	font-weight: bold;
	color: #900;
}
.btn {
	-moz-box-shadow: inset 0px 1px 0px 0px #f9eca0;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f9eca0;
	box-shadow: inset 0px 1px 0px 0px #f9eca0;
	background-color: #f0c911;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	text-indent: 0;
	border: 1px solid #e65f44;
	display: inline-block;
	color: #c92200;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	height: 30px;
	line-height: 20px;
	width: 80px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #ded17c;
	cursor: pointer;
}
.btn:hover {
	background-color:#f2ab1e;
}.categoryouter {
	padding: 15px;
	float: left;
	height: auto;
	width: 690px;
	margin-right: 50px;
	margin-left: 50px;
	border: 1px solid #A8A8A8;
	margin-top: 20px;
	margin-bottom: 20px;
}
.categorycap {
	float: left;
	height: auto;
	width: 690px;
	padding-bottom: 10px;
	font-size: 18px;
}

.categoryimg {
	height: auto;
	width: 180px;
	margin-right: 30px;
	background-color: #CCC;
	padding: 5px;
	float: left;
}
.categoryimgouter {
	float: left;
	height: auto;
	width: 220px;
}
.categoryorder {
	float: left;
	height: auto;
	width: 220px;
	padding-top: 20px;
}

.categorydescription {
	float: left;
	height: auto;
	width: 470px;
}
.categoryreadmore {
	float: left;
	height: auto;
	width: 690px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.productout {
	background-color: #DBDBDB;
	margin: 10px;
	float: left;
	height: auto;
	width: 200px;
	padding: 10px;
}
.ff {
	color: #FFF;
	text-decoration: none;
}
.ff:hover {
	color: #DADADA;
	text-decoration: none;
}
.dydes {
	float: left;
	height: auto;
	width: 719px;
	padding-right: 50px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D3D3D3;
	margin-right: 30px;
}
.dydes1 {
	float: left;
	height: auto;
	width: 719px;
	padding-right: 50px;
	
	margin-right: 30px;
}
.dyimage {
	float: left;
	height: auto;
	width: 260px;
	margin-bottom: 20px;
	font-size: 18px;
	padding-top: 10px;
}
.dyimage1 {
	float: left;
	height: auto;
	width: 238px;
	margin-bottom: 20px;
	font-size: 18px;
	border: 1px solid #CFCFCF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.dyimagecontact {
	float: left;
	height: 70px;
	width: 175px;
	margin-bottom: 20px;
	font-size: 21px;
	background-image: url(../images/callus1.jpg);
	padding-top: 80px;
	padding-left: 85px;
	color: #F74B47;
}