@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; border:0px;}

body{--background:url(../bg/yellow.jpg) center top fixed; background-color:#ffffff; margin: 0px;color:#333333; font-family:  verdana, Arial, Helvetica, sans-serif; font-size:13px; line-height:18px;}

img{max-width:100%; width1:auto;height1:auto}
.clear{clear:both;}



@font-face {
	font-family: 'calibri';
	src: url('../fonts/colabthi.eot');
	src: local('☺'), url('../fonts/calibri.woff') format('calibri'), url('../fonts/calibri.ttf') format('truetype'), url('../fonts/calibri.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}


@font-face{font-family:Arial, Helvetica, sans-serif;}

.industry {
 float: left;
  display: inline;
  
  margin: 9px 37px 10px 0px;
}

/*---------------------------- Common Classes --------------------*/
h1{font-family:'calibri',Sans-Serif; font-size:25px; line-height:35px; color:#4b3b26; text-transform:uppercase;}
h1 b{color:#DA251C;}
h2{font-family:'calibri',Sans-Serif; font-size:25px; line-height:30px;margin-bottom:1%; color:#000000; }
h3{ font-size:15px; line-height:28px;}
h4{ font-size:14px; font-family:'Open Sans', arial; line-height:24px;}
h5{font-family:'calibri',Sans-Serif; font-size:20px; line-height:40px; color:#f00000; }
h6{font-family:'calibri',Sans-Serif; font-size:25px; line-height:25px;margin-bottom:1%; color:#dc0000; text-align:center; }
.h7{font-family:'calibri',Sans-Serif; font-size:20px; line-height:25px;margin-bottom:1%; color:#333333; text-align:center; font-weight:bold;}
.h8{font-family:'calibri',Sans-Serif; font-size:25px; line-height:25px;margin-bottom:1%; color:#dc0000; text-align:left; }

hr{width:98%; float:left; border:1px dotted #a71606; margin:0% 1%; padding:0%; }
.hr{width:98%; float:left; border:none;  border-bottom:1px dashed #666666;margin:0% 1%;}
.arrow{width:90%; margin-left:10%; height:11px; background-image:url(../images/arrow.png); background-position:left; background-repeat:no-repeat; float:left;}


.center{width:85%; max-width:96%;	margin: 0 auto;}

a{color:#333333; text-decoration:none;  -moz-transition: all 1s ease;       -o-transition: all 1s ease;      -ms-transition: all 1s ease;          transition: all 1s ease;}
a:hover{color:#f00;}

.text{text-align:justify;}
.text ul{padding-left:22px; margin:0px;}
.text ul li{list-style-image:url(../images/bult.png); padding:2px 0px;}
.text a{background-color:#F00; color:#fff; text-decoration:none; padding:2px 6px;}
.text a:hover{background-color:#900; color:#fff;}



/*------------------------ Logo and Links --------------------*/ 
#topmenu{float:left; width:100%; --background-image:url(../images/jeanbg.jpg); padding:2px 0px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-family:Verdana, Geneva, sans-serif; font-size:11px; }
#topmenu .left{float:left;font-weight:bold;}
#topmenu .right{float:right; font-weight:normal;}
#topmenu a{color:#999; padding:0px 5px; border-right:1px solid #ADB8C7; line-height:12px;}
#topmenu a:hover{color:#ff6600; text-decoration:underline;}
#topmenu a:last-child{border:none;}
#topmenu a:hover{text-decoration:underline;}

#header{width:100%; float:left; padding-top:0%; ---background-color:#fff;}

.logo{ float:left;padding-top:15px;padding-bottom:14px; }
.logo3{ float:right;padding-top:15px;padding-bottom:14px; }
.logo2{ float:left;padding-top:1%;  }
#links{border-top:4px solid #e4020b;border-bottom:4px solid #e4020b;background-color:#f41720; margin-top:0%; width:100%; float:left; --background-image:url(../images/jeanbg.jpg);}

#header .right-area{float:right; width:30%; border:0px solid #000; font-size:13px; text-transform:uppercase;  text-align:left; padding-top:1%;margin-bottom:0%; }
#header .google{width:70%; margin-top:1%; margin-bottom:1%; float:right; padding:4px 2px;  margin-right:1%;}
#header .date-time{width:80%; margin-top:1%; margin-bottom:1%; float:right; padding:4px 2px;  margin-right:9%;}
/*#header .right .cart{width:80px; float:right; margin-left:1%;}
#header .right .cart p{line-height:30px; background-color:#F1F1F1; padding:1px 8px; border:1px solid #ccc; font-weight:bold;}

#header .right .track{width:100px; padding:8px 4px; border:1px solid #cccccc; float:right; margin-right:2%; margin-top:16px; background:#efefef; font-size:13px;}*/

.search{width:90%; margin-top:0%; margin-bottom:1%; float:right; padding:4px 0px;  margin-right:0%;display:block;}
.search .searchbox{width:70%; float:left; border:1px solid #CCC padding:5px 2px;}
.search .searchbox:hover {border:1px solid #999;}
.searchbtn{background-color:#E80113; float:left;color:#fff; box-shadow:none; margin-left:2%; padding:4px 2px; border:1px solid #E70112; font-weight:bold; cursor:pointer;}
.searchbtn:hover{background-color:#333; border:1px solid #333;}
/*.searchbtn{background-image:url(../images/search.png); background-repeat:no-repeat; height:26px; width:25px; border:0px; float:right; cursor:pointer;}*/
#header .gright{float:left; width:25%; color:#000; font-size:13px; text-transform:uppercase;  text-align:left; padding-top:2%;margin-bottom:0%;margin-left:6%; }



#slidrdiv{width:100%; float:left; ---background-color:#fff; padding-bottom:1%; }

.hdrslider{width:100%; float:left;}
.hdrservies{width:39%; float:left; text-align:center; font-family:'calibri',Sans-Serif; font-size:18px; line-height:28px; color:#fff;}
.hdrservies img{margin:1% 0%;}

.prosdiv{width:100%; float:left;}
.prosdiv .product{float:left; padding:1% 1%; background-color:#f8f8f8; text-align:center;  width:21%; margin:1%; box-shadow:0px 1px 3px #666;}
.prosdiv .product b{font-weight:normal; padding-bottom:2%;width:100%; float:left; text-align:center;}

.prosdiv .product span{width:100%; float:left; margin:2% 0%; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:14px; }
.prosdiv .product .cart{background-color:#e80113; margin:3% 0%; font-weight:bold; border-radius:3px; margin-top:2px;padding:3px 10px; color:#fff;}
.prosdiv .product .cart:hover{background-color:#333;}

.prosdiv .product:hover{box-shadow:0px 1px 6px #333;}

/* below is code for products page only starts */
.productspage{width:93%; float:left; padding:2% 3%; background-color:#f8f8f8;}
.productcate {
 text-decoration: none;font-family:   Verdana, Arial, Helvetica, sans-serif;	font-size: 15px;	font-weight: bold;	color: #4a0000; text-align:left;
}

a.href2:link {
 text-decoration: none;font-family:   Verdana, Arial, Helvetica, sans-serif;	font-size: 13px;	font-weight: normal;	color: #ff0000; text-align:center;
}
a.href2:visited {
text-decoration: none;font-family:   Verdana, Arial, Helvetica, sans-serif;	font-size: 13px;	font-weight: normal;	color: #ff0000; text-align:center;
}
a.href2:active {
text-decoration: none;font-family:   Verdana, Arial, Helvetica, sans-serif;	font-size: 13px;	font-weight: normal;	color: #ff0000; text-align:center;
}
a.href2:hover {
	text-decoration: none;font-family:  Verdana,  Arial, Helvetica, sans-serif;	font-size: 13px;	font-weight: normal;	color: #000000; TEXT-DECORATION: underline; text-align:center;
}


/* below is code for products page only ends */
/*-------------- Text Container -------------------*/

.inquire{background-color:#e80113; margin:0% 0% 0% 50%; font-weight:bold; border-radius:3px; padding:10px 10px; color:#fff;}
.inquire:hover{background-color:#333;color:#fff;}


#section{width:98%; float:left; padding:1%; margin-top:1%;margin-bottom:2%; background-color:#fff; box-shadow:0px 1px 5px  #999; border:1px solid #f3f3f3; border-radius:4px; }
#section .pagetxt{width:63%; float:left; text-align:justify; padding:0%;margin: 1% 2%;}
#section .pagetxtfull{width:96%; float:left; text-align:justify; padding:0%;margin: 1% 2%;}
#section .pageimgs{width:30%; float:right;margin-top:5%;margin-bottom:5%;margin-left:1%;margin-right:1%;}
#section .left{width:22%; float:left;}
#section .right{width:74%; float:right;}
#section .left ul{padding-left:25px; border-left:1px solid #e3e3e3; background-color:#f2f2f2;}
#section .left ul li{list-style:square; color:#DE621A; font-family:'Open Sans';}

#section .right a{color:#333; text-decoration:none; font-size:14px; line-height:25px; background:none;}
#section .right a:hover{text-decoration:underline;}

/*box 1 pritpal*/
.box1{margin-top:1%;margin-left:1%;margin-right:1%; padding:2% 2%;width:94%;border:0px solid #b0b2b6;background:#f2f2f2;-- background-image: url("images/courseformbg.jpg");
border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;behavior:url(PIE.htc);color:#8d8d8d}
.box1txt {font-size:13px;font-weight:normal;font-family:Verdana;color:#000;text-decoration:none;line-height:20px;padding:10 0 0 10px;}

/*box 2 pritpal*/
.box2{margin:1% 1%; overflow: hidden; padding-left:2%;padding-right:2%;padding-top:1%;padding-bottom:2%;width:94%;border:1px solid #e2e2e2;--background:#efefef;-- background-image: url("images/courseformbg.jpg");
border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;behavior:url(PIE.htc);color:#8d8d8d}
.box2txt {color:#666666; font-family:  verdana, Arial, Helvetica, sans-serif; font-size:13px; width:100%; float:right;}
.imgleft {display: block; float:left; margin-bottom:0%; }

/*box 3 pritpal*/
.box3{margin:2% 1%; overflow: hidden;padding:2% 2%;width:94%;border:0px solid #e2e2e2;background:#efefef;-- background-image: url("images/courseformbg.jpg");
border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;behavior:url(PIE.htc);color:#8d8d8d}
.imgcenter {display: block; margin-left: auto;margin-right: auto; margin-bottom:1%; }

.hcol1{width:31%; float:left;  }
.hcol1 .box1txt {color:#666666;  font-family:  verdana, Arial, Helvetica, sans-serif; font-size:15px; line-height:24px;padding:0% 0%;text-align:justify; }

.hcol2{width:31%; float:left; padding-left:37px;}
.hcol2 .box2txt {color:#666666;  font-family:  verdana, Arial, Helvetica, sans-serif; font-size:15px; line-height:24px;padding:0% 0%;text-align:justify; }

.hcol3{width:31%; float:left; padding-left:37px;}
.hcol3 .box3txt {color:#666666; font-family:  verdana, Arial, Helvetica, sans-serif; font-size:15px; line-height:24px;padding:0% 0%;text-align:justify; }

/*box 4 pritpal*/
.box4{margin:1% 1%; padding:2% 2%;width:94%;border:1px solid #e2e2e2;--background:#efefef;-- background-image: url("images/courseformbg.jpg");
border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;behavior:url(PIE.htc);color:#8d8d8d}
.box4txt {color:#666666; font-family:  verdana, Arial, Helvetica, sans-serif; font-size:16px; line-height:24px;padding:0% 15%;text-align:center;}
.imgcenter {display: block; margin-left: auto;margin-right: auto; margin-bottom:1%; }



/*--------------- Services ---------------*/
ul.services{padding-left:22px; padding-right:20px; margin:0px;}
.services li{list-style-image:url(../images/list.png); font-size:14px; border-bottom:1px dashed #ccc; line-height:25px; padding:6px 0px; font-weight:bold;}


/*----------------------------Footer----------------------------*/
.footertop{width:100%; float:left; background-image:url(../images/stitchtop.jpg); background-repeat:repeat-x; background-position:bottom; height:18px; padding-top:20px;}
.footerbtm{width:100%; float:left; background-image:url(../images/stitchbottom.jpg); background-repeat:repeat-x; background-position:top; height:18px;}
#footer{width:100%; float:left; background-image:url(../images/bgbottom.jpg); padding:4% 0%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff;}

#footer nav{float:left; padding:4px 2px; width:18%;}
#footer h3{font-size:16px; line-height:22px; color:#F0BB00; font-family:Arial, Helvetica, sans-serif;}
#footer ul{list-style:none; float:left; padding-left:10px; width:98%;}
#footer ul li{list-style-image:url(../images/marker.png); text-align:left; line-height:16px; font-size:9px; color:#CA3F01; border:none; padding-bottom:3px;}
#footer ul li a{color:#fff; font-size:11px; text-decoration:none;}
#footer ul li a:hover{color:#ff6600; text-decoration:underline;}

#footer .btmlinks{width:100%; float:left; margin-bottom:20px; font-weight:bold;}
#footer .btmlinks a{background-image:url(../images/rs.png); background-position:left; font-weight:normal; background-repeat:no-repeat; padding:2px 8px; color:#66ffff;}
#footer .btmlinks a:hover{text-decoration:underline;}

#footer .contact{float:right; padding:4px 0px; width:22%; text-align:center; margin-bottom:5px;}
#footer .contact p{width:100%; float:left; text-align:center;}
#footer .contact img{padding:10px 0px;}
#footer .contact p img{margin-top:10px; margin-bottom:20px;  padding:0px 4px;
  -webkit-transition: margin 1s ease;   -moz-transition: margin 1s ease;   -o-transition: margin 1s ease;    -ms-transition: margin 1s ease;     transition: margin 1s ease;}

#footer .contact p img:hover { margin-top:10px; margin-bottom:-10px;}


.social-icons { float:right; margin:0px ; padding:0px; }
	.social-icons li { position:relative; overflow:hidden; width:31px; height:38px; padding:0px; margin:0px 3px 4px; display:inline-block; *display:inline; zoom:1;  }
	.social-icons li img { bottom:0px ; left:0px; position:absolute; -webkit-transition:all 300ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -ms-transition:all 200ms linear; transition:all 200ms linear;} 
	.social-icons li img:first-child { bottom:-38px; }
	.social-icons li:hover img:first-child { bottom:0px; z-index:1;  }
	.social-icons li:hover img:last-child { bottom:38px; }	

/* FOR INFRASTRUCTURE PIC */
.infra{width:100%; float:left;}
.infra .infra-pic{float:left; padding:0.5% 0.5%; background-color:#f8f8f8; text-align:center;  width:30%; margin:1% ; --box-shadow:0px 1px 3px #000;}

/* FOR CLIENTS LOGO PIC */
.clients{width:100%; float:left;}
.clients .clients-pic{float:left; padding:0.5% 0.5%; background-color:#f8f8f8; text-align:center; display:block; width:15%; margin:2% ; --box-shadow:0px 1px 3px #000;}

/* FOR PRODUCT RANGE PIC */
.productsrange{width:100%; float:left;}
.productsrange .productsrange-pic{float:left; padding:1% 1%; background-color:#f8f8f8; text-align:center; display:block; width:17%; margin:.5% .5% ; --box-shadow:0px 1px 3px #000;}

/* FOR BIG PRODUCT PIC */
.productbig{width:100%; float:left;}
.productbig .productbig-pic{float:left; padding:0.5% 0.5%; background-color:#f8f8f8; text-align:center; display:block; width:98%; margin:0.5% ; --box-shadow:0px 1px 3px #000;}



.cpy{width:100%; float:left; --background-image:url(../images/jeanbg.jpg); background-color:#000; padding-top:10px; padding-bottom:10px; color:#fff;}
.cpytop{width:100%; float:left; background-image:url(../images/cpytop.jpg); background-repeat:repeat-x; height:20px;}
.cpybtm{width:100%; float:left; background-image:url(../images/cpybtm.jpg); background-repeat:repeat-x; height:12px; }
.cpy .left{float:left;}
.cpy .right{float:right;}


.trackrow{background-color:#efefef; font-size:12px;}
.trackrow td{padding:4px;}

/* --------------- Home Page Crawler ------------------- */
.slidiv{width:98%;margin:1% 1%; float:left;  overflow:hidden;}
    .jcarousel-control {     margin-bottom: 10px;      text-align: center;   }

    .jcarousel-control a {font-size: 75%;     text-decoration: none;  padding:0 5px; margin: 0 0 5px 0; border: 1px solid #fff; color: #eee;       background-color: #4088b8;
        font-weight: bold;   }

    .jcarousel-control a:focus,   .jcarousel-control a:active {       outline: none;   }

    .jcarousel-scroll {   margin-top: 10px;    text-align: center;  }

    .jcarousel-scroll form {margin: 0;       padding: 0;   }

    .jcarousel-scroll select {    font-size: 75%;   }

    #mycarousel-next,  #mycarousel-prev {  cursor: pointer;    margin-bottom: -10px;   text-decoration: underline;    font-size: 11px;  }

.redbtn{background-color:#e80113; border:0px; margin:3% 0%; font-weight:bold; border-radius:3px; padding:3px 10px; color:#fff; cursor:pointer;
-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.redbtn:hover{background-color:#333;}

/*------------------------ Form ------------------------- */
input{ -webkit-box-shadow: inset #ddd 1px 1px 2px; -moz-box-shadow: inset #ddd 1px 1px 2px; box-shadow: inset #ddd 1px 1px 2px; padding:6px 2px; border:1px solid #ccc; border-radius:4px;  }

#form{width:63%;}
#form input, #form textarea, #form select{padding:6px 2px; border:1px solid #ccc; border-radius:4px;  -webkit-box-shadow: inset #ddd 1px 1px 2px; -moz-box-shadow: inset #ddd 1px 1px 2px; box-shadow: inset #ddd 1px 1px 2px; resize:none;}
#form p{width:100%; float:left; padding-bottom:1%; font-family:'Open Sans'}

#form label{width:24%; float:left; font-size:15px;}


.regchkfrm {width:49%;}
.regchkfrm input, .regchkfrm textarea, .regchkfrm select{padding:6px 2px; border:1px solid #ccc; border-radius:4px;  -webkit-box-shadow: inset #ddd 1px 1px 2px; -moz-box-shadow: inset #ddd 1px 1px 2px; box-shadow: inset #ddd 1px 1px 2px;}
.regchkfrm #form label{width:32%; float:left; font-size:15px;}
.regchkfrm  input[type="radio"], .regchkfrm  input[type="checkbox"] {width:20px !important; float:none;}

.loginchkfrm{width:49%;}
.loginchkfrm input, .loginchkfrm textarea, .loginchkfrm select{padding:6px 2px; border:1px solid #ccc; border-radius:4px;  -webkit-box-shadow: inset #ddd 1px 1px 2px; -moz-box-shadow: inset #ddd 1px 1px 2px; box-shadow: inset #ddd 1px 1px 2px;}
.loginchkfrm #form label{width:32%; float:left; font-size:15px;}
.loginchkfrm  input[type="radio"], .loginchkfrm  input[type="checkbox"] {width:20px !important; float:none;}

.checkoutfrm{width:55%;}
.checkoutfrm input, .checkoutfrm textarea, .checkoutfrm select{padding:6px 2px; border:1px solid #ccc; border-radius:4px;  -webkit-box-shadow: inset #ddd 1px 1px 2px; -moz-box-shadow: inset #ddd 1px 1px 2px; box-shadow: inset #ddd 1px 1px 2px;}
.checkoutfrm #form label{width:32%; float:left; font-size:15px;}
.checkoutfrm  input[type="radio"], .checkoutfrm  input[type="checkbox"] {width:20px !important; float:none;}


.prd_pic{width:45%;}
.prd_pic input, .prd_pic textarea, .prd_pic select{padding:6px 2px; border:1px solid #ccc; border-radius:4px;  -webkit-box-shadow: inset #ddd 1px 1px 2px; -moz-box-shadow: inset #ddd 1px 1px 2px; box-shadow: inset #ddd 1px 1px 2px;}
.prd_pic #form label{width:32%; float:left; font-size:15px;}
.prd_pic  input[type="radio"], .prd_pic  input[type="checkbox"] {width:20px !important; float:none;}


@media only screen and (max-width:1366px){
	.hcol1{width:30%;}
	.hcol2{width:30%;padding-left:5%;}
	.hcol3{width:30%; padding-left:5%; }

}

@media only screen and (max-width:1024px){
	.hcol1{width:46%;}
	.hcol2{width:46%;}
	.hcol3{width:100%; padding-left:0; margin-top:10px
	.center{width:100%; max-width:100%;	margin: 0 auto;}

}

@media only screen and (max-width:900px){
	.hcol1{width:46%;}
	.hcol2{width:46%;}
	.hcol3{width:100%; padding-left:0; margin-top:10px}
	.center{width:100%; max-width:96%;	margin: 0 auto;}

	.child1 .ctxt{width:100%;}
	.hdrslider{width:100% !important; float:left;}
	.hdrslider img{width:100%;}
		.hdrservies{width:92%; float:left; margin-top:10%;}
		.hdrservies img{width:46%; float:left; margin:0%;}

				/* 	TABLE SCROLL BAR CODE font small*/
	table { 
	overflow-x: auto;
		display: block; 
		/* border-collapse: collapse;*/
		display: table;
    table-layout: fixed;
    width: 100%;font-size:9px;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}
	/* 	TABLE SCROLL BAR CODE font small ends*/
	}
@media only screen and (max-width:700px){

.prosdiv .product{ width:29%; height:240px;}	
.center{width:100%; max-width:96%;	margin: 0 auto;}
		/* 	TABLE SCROLL BAR CODE font small*/
	table { 
	overflow-x: auto;
		display: block; 
		/* border-collapse: collapse;*/
		display: table;
    table-layout: fixed;
    width: 100%;font-size:9px;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}
	/* 	TABLE SCROLL BAR CODE font small ends*/

}
@media only screen and (max-width:698px){
#header .right-area{width:100%; float:left;}	
#footer nav{float:left; padding:1%; width:28%;}
#footer .contact{padding:10px 10px; width:96%;}
.center{width:100%; max-width:96%;	margin: 0 auto;}

	#section .pagetxt{width:96%; float:left; text-align:justify; padding:2% 2%; margin: 0px 0%;}
	#section .pageimgs{width:100%; float:right;}

			/* 	TABLE SCROLL BAR CODE font small*/
	table { 
	overflow-x: auto;
		display: block; 
		/* border-collapse: collapse;*/
		display: table;
    table-layout: fixed;
    width: 100%;font-size:9px;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}
	/* 	TABLE SCROLL BAR CODE font small ends*/
}

@media only screen and (max-width:600px){
	.hcol1{width:100%;}
	.hcol2{width:100%;padding-left:0; margin-top:10px}
	.hcol3{width:100%; padding-left:0; margin-top:10px}
	.center{width:100%; max-width:96%;	margin: 0 auto;}
#section {margin-top:3%; float:left;}
   	#section .left{width:98%; float:left;}
   #section .right{width:98%; float:left; margin-top:3%;}
  /* .hdrservies img{width:50%; border-right:0px;}
   .hdrservies img:nth-child(2){display:none;}*/
   
   #form{width:99%;}
#form input, #form textarea, #form select{width:94% !important;}
#form label{width:98%;}
#form input[type="radio"], input[type="checkbox"] {width:20px !important;}

	#section .pagetxt{width:96%; float:left; text-align:justify; padding:2% 2%; margin: 0px 0%;}
	#section .pageimgs{width:100%; float:right;}

			/* 	TABLE SCROLL BAR CODE font small*/
	table { 
	overflow-x: auto;
		display: block; 
		/* border-collapse: collapse;*/
		display: table;
    table-layout: fixed;
    width: 100%;font-size:9px;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}
	/* 	TABLE SCROLL BAR CODE font small ends*/
}

@media only screen and (max-width:500px){
	.hcol1{width:100%;}
	.hcol2{width:100%;padding-left:0; margin-top:10px}
	.hcol3{width:100%; padding-left:0; margin-top:10px}
	.center{width:100%; max-width:96%;	margin: 0 auto;}
	#section {margin-top:5%; float:left;}
	#topmenu .right{float:left; padding-top:2%; width:98%; text-align:left;}
	.prosdiv .product span strong{width:98% !important; float:left;}

	#section .pagetxt{width:96%; float:left; text-align:justify; padding:2% 2%; margin: 0px 0%;}
	#section .pageimgs{width:100%; float:right;}


		/* 	TABLE SCROLL BAR CODE font small*/
	table { 
	overflow-x: auto;
		display: block; 
		/* border-collapse: collapse;*/
		display: table;
    table-layout: fixed;
    width: 100%;font-size:9px;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}
	/* 	TABLE SCROLL BAR CODE font small ends*/

}

@media only screen and (max-width:420px){
	.hcol1{width:100%;}
	.hcol2{width:100%;padding-left:0; margin-top:10px}
	.hcol3{width:100%; padding-left:0; margin-top:10px}
	.center{width:100%; max-width:96%;	margin: 0 auto;}
#section {margin-top:5%; float:left;}
	.search{width:100%}
	#header .right-area{ margin-right:5%; margin-left:0%;}
	#header .right .track{ margin-right:5%; margin-left:0%;}
	.prosdiv .product{ width:46%; height:240px;}	
	   .hdrservies img{width:340px; max-width:99%;}
	   #footer nav{float:left; padding:1%; width:48%;}
	
#footer .contact img{padding:6px 2px;}
.checkoutfrm, .regchkfrm, .loginchkfrm{width:99%; float:left !important; margin-bottom:2%;}
.prd_pic{width:99%; float:left !important; margin-bottom:2%;}
.cpy .left{float:left; width:100%; text-align:center;}
.cpy .right{float:left; width:100%; text-align:center;}

	#section .pagetxt{width:96%; float:left; text-align:justify; padding:2% 2%; margin: 0px 0%;}
	#section .pageimgs{width:100%; float:right;}

		/* 	TABLE SCROLL BAR CODE font small*/
	table { 
	overflow-x: auto;
		display: block; 
		/* border-collapse: collapse;*/
		display: table;
    table-layout: fixed;
    width: 100%;font-size:9px;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}
	/* 	TABLE SCROLL BAR CODE font small ends*/
}
@media only screen and (max-width:380px){
	.hcol1{width:100%;}
	.hcol2{width:100%;padding-left:0; margin-top:10px}
	.hcol3{width:100%; padding-left:0; margin-top:10px}
	.center{width:100%; max-width:96%;	margin: 0 auto;}

	#section .pagetxt{width:96%; float:left; text-align:justify; padding:2% 2%; margin: 0px 0%;}
	#section .pageimgs{width:100%; float:right;}

	.infra .infra-pic{float:left; padding:0.5% 0.5%; background-color:#f8f8f8; text-align:center;  width:100%; margin:0.5%; --box-shadow:0px 1px 3px #000;}
	.leather .leather-pic{float:left; padding:0.5% 0.5%; background-color:#f8f8f8; display:block; text-align:center;  width:50%; margin:0.5%; --box-shadow:0px 1px 3px #000;}
	.clients .clients-pic{float:left; padding:0.5% 0.5%; background-color:#f8f8f8; display:block; text-align:center;  width:100%; margin:0.5%; --box-shadow:0px 1px 3px #000;}
	.productsrange .productsrange-pic{float:left; padding:0.5% 0.5%; background-color:#f8f8f8; display:block; text-align:center;  width:70%; margin:0.5%; --box-shadow:0px 1px 3px #000;}

	
	.productspage{width:91%; float:left; padding:2% 5%; margin: 0px 2%; background-color:#f8f8f8;}


	/* 	TABLE SCROLL BAR CODE font small*/
	table { 
	overflow-x: auto;
		display: block; 
		/* border-collapse: collapse;*/
		display: table;
    table-layout: fixed;
    width: 100%;font-size:9px;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}
	/* 	TABLE SCROLL BAR CODE font small ends*/
}

	/*.prosdiv .product{ width:96%; text-align:center;}*/
	.prosdiv .product span{width:100%; float:left; font-size:12px;}
	/*.prosdiv .product .cart{width:78%; margin:2% 10%; float:left;}*/
	
	#header .right{padding-bottom:3%;}
	.shopcart p:nth-child(2){width:90% !important;}
	.shopcart p:nth-child(3),.shopcart p:nth-child(4),.shopcart p:nth-child(5) {width:33% !important; padding-top:1%;}
	.shopinfo p span{width:98% !important; text-align:left !important;}




/*.pagging { height:20px; padding:8px 10px; font-size:12px; line-height:19px; color:#949494; }
.pagging a{ background:url(images/pagging.gif) repeat-x 0 0; height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; color:#949494; margin-left:2px;  }
.pagging b{ background:#2B6A91; color:#fff; height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; margin-left:5px;  }
.pagging a:hover { border-color:#8c3521; background:#2B6A91; color:#fff; }
.pagging span{ float:left; margin-left:2px; padding-top:2px; }*/

	/* 	TABLE SCROLL BAR CODE */
	table { 
	overflow-x: auto;
		display: block; 
		/* border-collapse: collapse;*/
		display: table;
    table-layout: fixed;
    width: 100%;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
	}
	td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}