body{margin:0px; padding:0px; font-size:12px; font-family:Swis721 Md BT; background:url(../images/jay-bg.jpg) repeat-x top left;}

p{margin:0px; padding:0px;}

ul, li{list-style:none; margin:0px; padding:0px;}

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

h1, h2, h3, h4, h5, h6{margin:0px; padding:0px; font-weight:normal;}

form{margin:0px; padding:0px;}

img{border:none;}

#wrapper{width:1017px; margin:auto; display:table;}



/*************************************************header start****************************************************/



header{width:100%; float:left; height:390px;}

.logo{width:244px; float:left; position:absolute; top:0px; margin-left:49px;}

.top{width:724px; float:left; color:#cdd6db; font-size:14px; font-family:Swis721 Cn BT; position:absolute; top:53px;  margin-left: 293px; z-index:0; background:url(../images/top-menu-bg.jpg) repeat-x top left; height:38px;}

.top ul{width:724px; float:left}

.top ul li{width:694px; padding:0px 0px 0px 30px;}

.top ul li a{float:left; padding:10px 17px 0px 0px; color:#cdd6db;}

.top ul li a:hover{color:#FFFFFF;}

.banner{width:1017px; float:left; position:relative;}



/************************************************content start****************************************************/



article{width:1017px; float:left; background:#e9e9ea; min-height:563px; display:table;}

.content{width:943px; float:left; margin:23px 27px 0px 47px;}

.product{width:247px; float:left;}

.product h1{width:229px; float:left; color:#e9e9ea; font-size:16px; font-family:Swis721 Md BT; background:#5fa4cb; padding:7px 0px 7px 16px; border:#cecece solid 1px;}

nav{width:245px; float:left; font-size:13px; margin:0px; background:url(../images/product-back.jpg) repeat-x top left; height:237px; border:#cecece solid 1px; padding:0px;}

nav ul{width:247px; float:left;}

nav ul li{width:231px; float:left; padding:1px 0px 0px 16px; margin:0px;}

nav ul li a{float:left; padding:4px 0px; color:#4d4d4d; width:247px; background:url(../images/icon.png) no-repeat 205px 8px; line-height:17px;}

nav ul li a:hover{color:#5fa4cb;}

.contact{width:249px; float:left; margin:10px 0px 0px 0px;}

.contact h2{width:231px; float:left; color:#e9e9ea; background:#565859; font-size:16px; padding:7px 0px 7px 16px; border:#cecece solid 1px 1px 0px 1px; text-align:left; font-family:Swis721 Md BT;}

.foram{width:245px; float:left; background:url(../images/form-bg.jpg) repeat-x top left; height:204px; border:#999999 solid 1px; margin-bottom:17px;}

.name{width:71px; float:left; color:#e9e9ea; font-family:Swis721 Md BT; font-size:14px; padding:6px 0px 0px 17px;}

.name-right{width:157px; float:left; padding:5px 0px 0px 0px;}

.input{width:143px; /*float:left;*/ background:url(../images/text-field.png) no-repeat 0px 0px; height:24px; border:none;}

.message{width:143px; float:left; background:url(../images/message-box.png) no-repeat 0px 0px; border:none; height:71px;}

.buton{width:121px; float:left; background:url(../images/butoon.png) no-repeat 0px 0px; border:none; font-size:0px; padding:11px; margin:2px 0px 0px 0px; cursor:pointer;}

.intro{width:654px; float:right; margin:0px 0px 0px 38px; border-left:#d2d2d9 solid 2px;}

.intro h2{width:116px; float:left; color:#e9e9ea; font-family:Swis721 Md BT; font-size:16px; padding:3px 17px 3px 17px; background:#5fa4cb;}

.offering{width:624px; float:left; color:#666666; font-family:Swis721 Md BT; font-size:16px; padding:7px 0px 0px 30px; line-height:22px;}

.demand{width:624px; float:left; margin:0px; font-family:Swis721 Md BT; font-size:12px; padding:12px 0px 9px 30px; line-height:21px; color:#666666; border-bottom:#bec2c6 solid 2px;}

.intro h3{width:116px; float:left; color:#e9e9ea; font-family:Swis721 Md BT; font-size:16px; padding:3px 0px 3px 30px; background:#5fa4cb;}

.prod{width:654px; float:left; margin:0px 0px 0px 0px;}

.geers{width:191px; float:left; margin:0px;}

.geers-tool{width:141px; float:left; padding:20px 0px 0px 50px; margin:0px;} 

.sprs{width:156px; float:left; padding:20px 0px 0px 35px; margin:0px; color:#29475c; font-size:12px; font-family:Swis721 Md BT;}

.wheels{width:158px; float:left;}

.wheels-tool{width:158px; float:left; padding:17px 0px 0px 0px; margin:0px;} 

.worm-wheel{width:143px; float:left; padding:8px 0px 0px 15px; margin:0px; color:#29475c; font-size:12px; font-family:Swis721 Md BT;}

.worm{width:160px; float:left;}

.round-tool{width:160px; float:left; padding:30px 0px 0px 0px; margin:0px;} 

.round-wheel{width:160px; float:left; padding:5px 0px 0px 0px; margin:0px; color:#29475c; font-size:12px; font-family:Swis721 Md BT;}

.indus-geers{width:145px; float:left;}

.indus-tool{width:160px; float:left; padding:30px 0px 0px 0px; margin:0px;} 

.indus-wheel{width:160px; float:left; padding:5px 0px 0px 0px; margin:0px; color:#29475c; font-size:12px; font-family:Swis721 Md BT;}

.slide-line{width:629px; float:left; padding:2px 0px 0px 25px; margin:0px;}

.new{width:630px; float:left; padding-top:6px;}

/*******************************************************footer start****************************************************/



.last{width:1017px; margin:auto;}

footer{width:1017px; background:#29475c; height:184px; float:left;}

.map{width:338px; float:left;}

.right-foot{width:679px; float:left; background:#29475c;}

.fmenu{width:679px; float:left; color:#cdd6db; font-size:14px; font-family:Swis721 Cn BT;}

.fmenu ul{width:679px; float:left}

.fmenu ul li{width:679px; padding:0px 0px 0px 0px;}

.fmenu ul li a{float:left; padding:20px 17px 0px 0px; color:#cdd6db;}

.fmenu ul li a:hover{color:#FFFFFF;}

.estate{width:679px; float:left;}

.add{width:247px; float:left; color:#c0c0c0; font-size:11px; line-height:21px; border-right:#70838d solid 2px; margin:25px 0px 0px 0px;}

.phon{width:403px; float:left; color:#c0c0c0; font-size:11px; line-height:21px; padding:25px 0px 0px 25px;}

.copyright{width:679px; float:left; color:#c0c0c0; font-size:11px; padding:15px 0px 8px 0px;}



/********************************************************company profile page*************************************************************************/



.pintro{width:654px; float:right; margin:0px 0px 0px 38px; border-left:#d2d2d9 solid 2px; min-height:1420px;}

.pintro h2{width:146px; float:left; color:#e9e9ea; font-family:Swis721 Md BT; font-size:16px; padding:3px 0px 3px 30px; background:#5fa4cb;}

.business{width:624px; float:left;}

.primary{width:235px; float:left; padding:34px 0px 0px 30px;}

.manufacturer{width:359px; float:left; padding:34px 0px 0px 0px;}

.nooff{width:235px; float:left; padding:0px 0px 0px 0px; font-size:14px; font-family:Swis721 Md BT; color:#666666;}

.nooffs{width:235px; float:left; padding:6px 0px 0px 0px; font-size:14px; font-family:Swis721 Md BT; color:#666666;}

.nooffsa{width:235px; float:left; padding:80px 0px 0px 0px; font-size:14px; font-family:Swis721 Md BT; color:#666666;}

.manufacturera{width:359px; float:left; padding:0px 0px 0px 0px; font-size:14px; font-family:Swis721 Md BT; color:#666666;}

.manufacturerb{width:359px; float:left; padding:6px 0px 0px 0px; font-size:14px; font-family:Swis721 Md BT; color:#666666; line-height:23px;}

.manufacturerc{width:235px; float:left; padding:6px 0px 0px 0px; font-size:14px; font-family:Swis721 Md BT; color:#666666;}

.pintro h3{width:454px; float:left; color:#666666; font-family:Swis721 Md BT; font-size:14px; padding:20px 0px 3px 30px; border-top:#d2d2d9 solid 2px; margin-top:25px;}

.engineering{width:624px; float:left; padding:20px 0px 0px 30px; font-size:14px; font-family:Swis721 Md BT; color:#666666; line-height:21px;}

.sprokets{width:203px; float:left; padding:15px 0px 0px 30px;}

.sprokets p{width:203px; float:left; font-size:14px; font-family:Swis721 Md BT; color:#666666; padding:3px 0px 0px 0px;}

.helical{width:391px; float:left; padding:15px 0px 0px 0px;}

.helical p{width:391px; float:left; font-size:14px; font-family:Swis721 Md BT; color:#666666; padding:3px 0px 0px 0px;}



/**************************************************************contact-us page************************************************************************/



.contact-us{width: 1000px; float:left; min-height:447px; background:#f5f5f5; margin:8px 8px 9px 9px;}

.cont-name{width:332px; float:left;}

.cont-namea{width:293px; float:left; font-size:11px; color:#6b6b6b; padding:33px 0px 0px 39px; background:url(../images/star-icon.jpg) no-repeat 28px 37px;}

.cont-nameb{width:293px; float:left; font-size:11px; color:#6b6b6b; padding:12px 0px 0px 39px; background:url(../images/star-icon.jpg) no-repeat 28px 17px;}

.cont-form{width:304px; float:left; padding:7px 0px 0px 28px;}

.cont-forma{width:304px; float:left; padding:3px 0px 0px 28px;}

.cont-input{width:262px; /*float:left;*/ background:url(../images/form-new-bg.jpg) no-repeat; border:0px; padding:6px;}

.adda{width:250px; float:left; color:#515151; font-size:11px; line-height:21px; border-right:#b8b8b8 solid 2px; margin:0px 0px 0px 0px; padding:0px 0px 0px 78px; font-family:Swis721 Lt BT; font-size:12px; margin-top:50px;}

.adda h2{width:169px; float:left; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding:0px 0px 0px 104px;}

.cont-work{width:668px; float:left; background:url(../images/contact-page.jpg) no-repeat 210px 0px; width:668px; height:430px;}

.cont-work-namea{width:627px; float:left; font-size:11px; color:#6b6b6b; padding:33px 0px 0px 39px; background:url(../images/star-icon.jpg) no-repeat 28px 37px;}

.cont-work-form{width:640px; float:left; padding:7px 0px 0px 28px;}

.cont-work-nameb{width:627px; float:left; font-size:11px; color:#6b6b6b; padding:12px 0px 0px 39px; background:url(../images/star-icon.jpg) no-repeat 28px 17px;}

.cont-work-formb{width:640px; float:left; padding:3px 0px 0px 28px;}

.cont-input-area{background:#f7f7f7; border:#e0e0e0 solid 1px;}

.phona{width:403px; float:left; color:#515151; font-size:11px; line-height:21px; padding:22px 0px 0px 25px; font-family:Swis721 Lt BT; font-size:12px;}

.foram span.wpcf7-not-valid-tip {

    background: none repeat scroll 0 0 #FFFFFF;

    border: 1px solid #FF0000;

    float: left;

    font-size: 10pt;

    left: 0px !important;

    padding: 2px;

    position: absolute;

    top: 20%;

    width: 150px !important;

    z-index: 100;

}



span.wpcf7-not-valid-tip {

    background: none repeat scroll 0 0 #FFFFFF;

    border: 1px solid #FF0000;

    float: left;

    font-size: 10pt;

    left: 0px !important;

    padding: 2px;

    position: absolute;

    top: 20%;

    width: 255px !important;

    z-index: 100;

}

div.wpcf7-response-output {

margin: 0px !important;

padding: 0px !important;

}

/**************************************************************product page************************************************************************/

.prct{width:100%; float:left; background:#e9e9ea; display:table;}

.product-page{width:654px; float:right; margin:0px 0px 0px 38px; display:table; background:#e9e9ea;}

.spur-gears{/*width:176px; float:left; padding:50px 0px 0px 0px; min-height:150px;*/float: left;

    padding: 7px 2px 0;

    width: 176px; height:200px;}

.border-line{width:3px; float:left; padding:75px 35px 9px 0px;}

.helical-gear{width:184px; float:left; padding:70px 0px 0px 50px;}

.double-border{width:3px; float:left; padding:75px 0px 0px 0px;}

.beval-gear{width:201px; float:left; padding:48px 0px 0px 35px; }

.spur-gearsa{width:204px; float:left; padding:10px 0px 0px 14px; color:#366a89; font-size:12px; font-family: Arial, Helvetica, sans-serif;}

.helical-gears{width:173px; float:left; padding:10px 0px 0px 25px; color:#366a89; font-size:15px; font-family: Arial, Helvetica, sans-serif;}

.beval-gears{width:178px; float:left; padding:10px 0px 0px 40px; color:#366a89; font-size:15px; font-family: Arial, Helvetica, sans-serif;}

.wormandworm{width:171px; float:left; padding:62px 0px 0px 0px;}

.load{width:654px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#29475c; padding:60px 0px 15px 0px; background:url(../images/load.jpg) no-repeat 80px 55px;}



/**************************************************************product1 page************************************************************************/

.product1-page{width:654px; float:right; margin:0px 0px 0px 0px;}

.product1-page h2{width:125px; float:left; color:#e9e9ea; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:3px 0px 3px 15px; background:#8e9498; border-bottom: #9ab9cd solid 1px; margin:5px 5px 0px 5px;}

.heli h2{width:125px; float:left; color:#e9e9ea; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:3px 0px 3px 15px; background:#8e9498; border-bottom: #9ab9cd solid 1px; margin:5px 5px 0px 5px;}



.speci{width:592px; float:left; border-bottom:#9ab9cd solid 1px; margin-top:25px;}

.speci1{width:592px; float:left; /*border-bottom:#9ab9cd solid 1px;*/ margin-top:25px;}

.imag{width:201px; float:left; padding:0px 0px 19px 17px; border-right:#c8c8c8 solid 1px;}

.specificat{width:372px; float:right;}

.specificat h3{width:340px; float:left; color:#496375; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:32px;}

.spur{width:340px; float:left; font-size:12px; color:#515151; padding:3px 0px 0px 32px;}

.specificat h4{width:340px; float:left; color:#515151; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:11px 0px 0px 32px; font-weight:bold;}

.specificat2 h4{width:340px; float:left; color:#515151; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:11px 0px 0px 32px; font-weight:bold;}

.heli{width:654px; float:right;}

/*.heli h3{width:100px; margin-top:20px; color:#e9e9ea; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:3px 0px 3px 15px; background:#8e9498; border-bottom: #9ab9cd solid 1px;}*/

.heli h3{width:340px; float:left; color:#496375; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:32px;}

.specificat2{width:340px; float:left; margin-right:32px;}

/*.specificat2 h4{width:340px; color:#496375; font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:right;}*/

.specificat2 h5{width:340px; float:left; color:#515151; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:11px 0px 0px 0px; font-weight:bold; text-align:right;}

.spurs{width:340px; float:left; font-size:12px; color:#515151; padding:3px 0px 0px 0px; text-align:right;}

.imag2{width:183px; float:right; padding:0px 0px 29px 35px; border-left:#c8c8c8 solid 1px;}

.bevals{width:100px; margin-bottom:20px; color:#e9e9ea; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:3px 0px 3px 15px; background:#8e9498; border-bottom: #9ab9cd solid 1px;}

.loads{width:624px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#29475c; padding:20px 0px 20px 30px; background:url(../images/load.jpg) no-repeat 110px 15px;}

.last-sqru{width:654px; padding:80px 0px 0px 0px; float:left;}

.transit{width:654px; float:left; padding:25px 0px 0px 0px; color:#366a89; font-size:15px; font-family: Arial, Helvetica, sans-serif;}

.nav-right{ margin-left: 950px !important;

    margin-right: 55px !important;

    margin-top: -114px !important;}

.nav-left{/*top:36px !important; left:930px !important;*/margin-top: -111px !important;

margin-left: 930px !important;}



/*******************************************************pop up page*****************************************************************/



.pop{width:100%; float:left; background:#FFFFFF; min-height:391px; margin:0px; padding:0px;}

.pop-u{width:800px; margin:auto; background:url(../images/pop-up-bg.jpg) no-repeat; height:400px;}

.first-pop{width:800px; float:left;}

.arro{width:20px; float:left; padding:240px 0px 0px 15px;}

.pop-last{width:46px; float:left; padding:240px 0px 0px 0px;}

.lastpop{width:801px; float:left; margin-top:-60px !important; margin-left:45px;}

.galleft{width:61px; float:left; padding:45px 0px 0px 15px;}

.galmiddle{width:731px; float:left; padding-top:10px;}

.galright{width:39px; float:left; padding:45px 0px 0px 0px;}

.item_image img{

width: 110px !important;

height: 110px !important;

padding: 2px;

float: left;}

.item_name{text-align:center; width:122px;}



.buton1{width:121px; float:left; background:url(../images/butoon.png) no-repeat 0px 0px; border:none; font-size:0px; padding:11px; margin:2px 0px 0px 0px; cursor:pointer;}





.nav-previous {

	float: left;

	width: 50%;

}

.nav-next {

	float: right;

	text-align: right;

	width: 50%;

}

#nav-above {

	margin: 0 0 18px 0;

}

#nav-above {

	display: none;

}



<style>

nav {

	/* Repeating background image */

	background: url(http://weebtutorials.com/wp-content/uploads/2012/11/a.png);

	width:210px;

	margin:20px;

}



nav ul {

	/* Removes bullet points */

	list-style:none;

	margin:0;

	padding:0;

	

}

nav ul li {

	/* Any child positioned absolutely will be positioned relative to this */

	position:relative;

}

nav a {

	/*color:#e8e8e8;

	padding:12px 0px;

	 Fill all available horizontal space */

	/*display:block;

	 Remove underline */

	/*text-decoration:none;

	 

	New CSS3 animations:

	apply transition to background property, taking 1s to change it 

	

	transition:background 1s;

	-moz-transition:background 1s;

	-webkit-transition:background 1s;

	-o-transition:background 1s;

	font-family:tahoma;

	font-size:13px;

	text-transform:uppercase;

	padding-left:20px;*/

}

/*nav a:hover {

	

	background: RGBA(255,255,255,0.05);

	color:#fff;

	

}

*//*nav a:hover span {

	background: #7d2c41;

	transform:rotate(90deg);

	-moz-transform:rotate(90deg);

	-webkit-transform:rotate(90deg);

}*/

nav ul li:hover ul {

	display:block;

}

nav ul ul {

	position:absolute;

	left:230px;

	top:0;

	border-top:1px solid #e9e9e9;

	display:none;

}

nav ul ul li {

	width:200px;

	background:#f1f1f1;

	border:1px solid #e9e9e9;

	border-top:0;

}

nav ul ul li a {

	color:#a8a8a8;

	font-size:12px;

	text-transform:none;

	background-image:none;

}

nav ul ul li a:hover {

	color:#929292;

}

nav span {

	width:12px;

	height:12px;

	background:#fff;

	display:inline-block;

	float:left;

	margin-top:3px;

	margin-right:20px;

	position:relative;

	transition:all 0.5s;

	-moz-transition:all 0.5s;

	-o-transition:all 0.5s;

	-webkit-transition:all 0.5s;

}

nav span:before {

	content:"";

	width:12px;

	height:2px;

	background:#3a3b3b;

	position:absolute;

	left:0px;

	top:5px;

}

nav span:after {

	content:"";

	width:2px;

	height:12px;

	background:#3a3b3b;

	position:absolute;

	left:5px;

	position:top;

}



</style>

.lastpop img{width:60px; height:60px;}

.spur-img img{width:140px; height:140px;}

.first-pop #slider1 li p{line-height: 18px;
    padding-bottom: 0;
    padding-left: 33px;
    padding-right: 33px;
    padding-top: 0;}
.first-pop .bx-next{margin-right: 22px;
    margin-top: -11px;}
.first-pop .bx-prev{margin-left: 11px;}	
.first-pop #slider1 h3{  margin-bottom: 17px;
    margin-top: 40px !important;}