/* this is a custom css stylesheet for Brenton Aisia - Brenton Donguan Co Ltd */

/* HOME PAGE NAV BUTTONS */
.image-swapb1 {
   width: auto;
   height: 80px;
   margin: 0px 0px 0px 0px;
   background-image: url(../images/b1.png);
   background-position: 0 0;
}
 
.image-swapb1:hover {
background-position: 0 100%;
}

.image-swapb2 {
   width: auto;
   height: 80px;
   margin: 0px 0px 0px 0px;
   background-image: url(../images/b2.png);
   background-position: 0 0;
}
 
.image-swapb2:hover {
background-position: 0 100%;
}
/* END HOME PAGE NAV BUTTONS */



/* PRODUCT IMAGE DISPLAY */
.image-swap1 {
   width: 200px;
   height: 254px;
   background-image: url(../images/1.jpg);
   background-position: 0 0;
}
 
.image-swap1:hover {
background-position: 0 100%;
}

.image-swap2 {
   width: 200px;
   height: 254px;
   background-image: url(../images/2.jpg);
   background-position: 0 0;
}
 
.image-swap2:hover {
background-position: 0 100%;
}

.image-swap3 {
   width: 200px;
   height: 254px;
   background-image: url(../images/3.jpg);
   background-position: 0 0;
}
 
.image-swap3:hover {
background-position: 0 100%;
}

.image-swap4 {
   width: 200px;
   height: 254px;
   background-image: url(../images/4.jpg);
   background-position: 0 0;
}
 
.image-swap4:hover {
background-position: 0 100%;
}


.image-swap5 {
   width: 200px;
   height: 254px;
   background-image: url(../images/5.jpg);
   background-position: 0 0;
}
 
.image-swap5:hover {
background-position: 0 100%;
}

.image-swap6 {
   width: 200px;
   height: 254px;
   background-image: url(../images/6.jpg);
   background-position: 0 0;
}
 
.image-swap6:hover {
background-position: 0 100%;
}

.image-swap7 {
   width: 200px;
   height: 254px;
   background-image: url(../images/7.jpg);
   background-position: 0 0;
}
 
.image-swap7:hover {
background-position: 0 100%;
}

.image-swap8 {
   width: 200px;
   height: 254px;
   background-image: url(../images/8.jpg);
   background-position: 0 0;
}
 
.image-swap8:hover {
background-position: 0 100%;
}

.image-swap9 {
   width: 200px;
   height: 254px;
   background-image: url(../images/9.jpg);
   background-position: 0 0;
}
 
.image-swap9:hover {
background-position: 0 100%;
}

.image-swap10 {
   width: 200px;
   height: 254px;
   background-image: url(../images/10.jpg);
   background-position: 0 0;
}
 
.image-swap10:hover {
background-position: 0 100%;
}

.image-swap11 {
   width: 200px;
   height: 254px;
   background-image: url(../images/11.jpg);
   background-position: 0 0;
}
 
.image-swap11:hover {
background-position: 0 100%;
}

.image-swap12 {
   width: 200px;
   height: 254px;
   background-image: url(../images/12.jpg);
   background-position: 0 0;
}
 
.image-swap12:hover {
background-position: 0 100%;
}

.image-swap13 {
   width: 200px;
   height: 254px;
   background-image: url(../images/13.jpg);
   background-position: 0 0;
}
 
.image-swap13:hover {
background-position: 0 100%;
}

.image-swap14 {
   width: 200px;
   height: 254px;
   background-image: url(../images/14.jpg);
   background-position: 0 0;
}
 
.image-swap14:hover {
background-position: 0 100%;
}

.image-swap15 {
   width: 200px;
   height: 254px;
   background-image: url(../images/15.jpg);
   background-position: 0 0;
}
 
.image-swap15:hover {
background-position: 0 100%;
}

.image-swap16 {
   width: 200px;
   height: 254px;
   background-image: url(../images/16.jpg);
   background-position: 0 0;
}
 
.image-swap16:hover {
background-position: 0 100%;
}

.image-swap17 {
   width: 200px;
   height: 254px;
   background-image: url(../images/17.jpg);
   background-position: 0 0;
}
 
.image-swap17:hover {
background-position: 0 100%;
}

.image-swap18 {
   width: 200px;
   height: 254px;
   background-image: url(../images/18.jpg);
   background-position: 0 0;
}
 
.image-swap18:hover {
background-position: 0 100%;
}

.image-swap19 {
   width: 200px;
   height: 254px;
   background-image: url(../images/19.jpg);
   background-position: 0 0;
}
 
.image-swap19:hover {
background-position: 0 100%;
}

.image-swap20 {
   width: 200px;
   height: 254px;
   background-image: url(../images/20.jpg);
   background-position: 0 0;
}
 
.image-swap20:hover {
background-position: 0 100%;
}

.image-swap21 {
   width: 200px;
   height: 254px;
   background-image: url(../images/21.jpg);
   background-position: 0 0;
}
 
.image-swap21:hover {
background-position: 0 100%;
}

.image-swap22 {
   width: 200px;
   height: 254px;
   background-image: url(../images/22.jpg);
   background-position: 0 0;
}
 
.image-swap22:hover {
background-position: 0 100%;
}

.image-swap23 {
   width: 200px;
   height: 254px;
   background-image: url(../images/23.jpg);
   background-position: 0 0;
}
 
.image-swap23:hover {
background-position: 0 100%;
}

.image-swap24 {
   width: 200px;
   height: 254px;
   background-image: url(../images/24.jpg);
   background-position: 0 0;
}
 
.image-swap24:hover {
background-position: 0 100%;
}

.image-swap25 {
   width: 200px;
   height: 254px;
   background-image: url(../images/25.jpg);
   background-position: 0 0;
}
 
.image-swap25:hover {
background-position: 0 100%;
}

.image-swap26 {
   width: 200px;
   height: 254px;
   background-image: url(../images/26.jpg);
   background-position: 0 0;
}
 
.image-swap26:hover {
background-position: 0 100%;
}

.image-swap27 {
   width: 200px;
   height: 254px;
   background-image: url(../images/27.jpg);
   background-position: 0 0;
}
 
.image-swap27:hover {
background-position: 0 100%;
}

.image-swap28 {
   width: 200px;
   height: 254px;
   background-image: url(../images/28.jpg);
   background-position: 0 0;
}
 
.image-swap28:hover {
background-position: 0 100%;
}

.image-swap29 {
   width: 200px;
   height: 254px;
   background-image: url(../images/29.jpg);
   background-position: 0 0;
}
 
.image-swap29:hover {
background-position: 0 100%;
}

.image-swap30 {
   width: 200px;
   height: 254px;
   background-image: url(../images/30.jpg);
   background-position: 0 0;
}
 
.image-swap30:hover {
background-position: 0 100%;
}

.image-swap31 {
   width: 200px;
   height: 254px;
   background-image: url(../images/31.jpg);
   background-position: 0 0;
}
 
.image-swap31:hover {
background-position: 0 100%;
}

.image-swap32 {
   width: 200px;
   height: 254px;
   background-image: url(../images/32.jpg);
   background-position: 0 0;
}
 
.image-swap32:hover {
background-position: 0 100%;
}

.image-swap33 {
   width: 200px;
   height: 254px;
   background-image: url(../images/33.jpg);
   background-position: 0 0;
}
 
.image-swap33:hover {
background-position: 0 100%;
}

.image-swap34 {
   width: 200px;
   height: 254px;
   background-image: url(../images/34.jpg);
   background-position: 0 0;
}
 
.image-swap34:hover {
background-position: 0 100%;
}

.image-swap35 {
   width: 200px;
   height: 254px;
   background-image: url(../images/35.jpg);
   background-position: 0 0;
}
 
.image-swap35:hover {
background-position: 0 100%;
}

.image-swap36 {
   width: 200px;
   height: 254px;
   background-image: url(../images/36.jpg);
   background-position: 0 0;
}
 
.image-swap36:hover {
background-position: 0 100%;
}

.image-swap37 {
   width: 200px;
   height: 254px;
   background-image: url(../images/37.jpg);
   background-position: 0 0;
}
 
.image-swap37:hover {
background-position: 0 100%;
}

.image-swap38 {
   width: 200px;
   height: 254px;
   background-image: url(../images/38.jpg);
   background-position: 0 0;
}
 
.image-swap38:hover {
background-position: 0 100%;
}

.image-swap39 {
   width: 200px;
   height: 254px;
   background-image: url(../images/39.jpg);
   background-position: 0 0;
}
 
.image-swap39:hover {
background-position: 0 100%;
}

.image-swap40 {
   width: 200px;
   height: 254px;
   background-image: url(../images/40.jpg);
   background-position: 0 0;
}
 
.image-swap40:hover {
background-position: 0 100%;
}

.image-swap41 {
   width: 200px;
   height: 254px;
   background-image: url(../images/41.jpg);
   background-position: 0 0;
}
 
.image-swap41:hover {
background-position: 0 100%;
}

.image-swap42 {
   width: 200px;
   height: 254px;
   background-image: url(../images/42.jpg);
   background-position: 0 0;
}
 
.image-swap42:hover {
background-position: 0 100%;
}

.image-swap43 {
   width: 200px;
   height: 254px;
   background-image: url(../images/43.jpg);
   background-position: 0 0;
}
 
.image-swap43:hover {
background-position: 0 100%;
}

.image-swap44 {
   width: 200px;
   height: 254px;
   background-image: url(../images/44.jpg);
   background-position: 0 0;
}
 
.image-swap44:hover {
background-position: 0 100%;
}

.image-swap45 {
   width: 200px;
   height: 254px;
   background-image: url(../images/45.jpg);
   background-position: 0 0;
}
 
.image-swap45:hover {
background-position: 0 100%;
}

.image-swap46 {
   width: 200px;
   height: 254px;
   background-image: url(../images/46.jpg);
   background-position: 0 0;
}
 
.image-swap46:hover {
background-position: 0 100%;
}

.image-swap47 {
   width: 200px;
   height: 254px;
   background-image: url(../images/47.jpg);
   background-position: 0 0;
}
 
.image-swap47:hover {
background-position: 0 100%;
}

.image-swap48 {
   width: 200px;
   height: 254px;
   background-image: url(../images/48.jpg);
   background-position: 0 0;
}
 
.image-swap48:hover {
background-position: 0 100%;
}

.image-swap49 {
   width: 200px;
   height: 254px;
   background-image: url(../images/49.jpg);
   background-position: 0 0;
}
 
.image-swap49:hover {
background-position: 0 100%;
}

.image-swap50 {
   width: 200px;
   height: 254px;
   background-image: url(../images/50.jpg);
   background-position: 0 0;
}
 
.image-swap50:hover {
background-position: 0 100%;
}

.image-swap51 {
   width: 200px;
   height: 254px;
   background-image: url(../images/51.jpg);
   background-position: 0 0;
}
 
.image-swap51:hover {
background-position: 0 100%;
}

.image-swap52 {
   width: 200px;
   height: 254px;
   background-image: url(../images/52.jpg);
   background-position: 0 0;
}
 
.image-swap52:hover {
background-position: 0 100%;
}

.image-swap53 {
   width: 200px;
   height: 254px;
   background-image: url(../images/53.jpg);
   background-position: 0 0;
}
 
.image-swap53:hover {
background-position: 0 100%;
}

.image-swap54 {
   width: 200px;
   height: 254px;
   background-image: url(../images/54.jpg);
   background-position: 0 0;
}
 
.image-swap54:hover {
background-position: 0 100%;
}

.image-swap55 {
   width: 200px;
   height: 254px;
   background-image: url(../images/55.jpg);
   background-position: 0 0;
}
 
.image-swap55:hover {
background-position: 0 100%;
}

.image-swap56 {
   width: 200px;
   height: 254px;
   background-image: url(../images/56.jpg);
   background-position: 0 0;
}
 
.image-swap56:hover {
background-position: 0 100%;
}
/* END PRODUCT IMAGE DISPLAY */


/* OURSOURCING IMAGE DISPLAY */
.image-swap60 {
   width: 200px;
   height: 254px;
   background-image: url(../images/60.jpg);
   background-position: 0 0;
}
 
.image-swap60:hover {
background-position: 0 100%;
}

.image-swap61 {
   width: 200px;
   height: 254px;
   background-image: url(../images/61.jpg);
   background-position: 0 0;
}
 
.image-swap61:hover {
background-position: 0 100%;
}

.image-swap62 {
   width: 200px;
   height: 254px;
   background-image: url(../images/62.jpg);
   background-position: 0 0;
}
 
.image-swap62:hover {
background-position: 0 100%;
}

.image-swap63 {
   width: 200px;
   height: 254px;
   background-image: url(../images/63.jpg);
   background-position: 0 0;
}
 
.image-swap63:hover {
background-position: 0 100%;
}

.image-swap64 {
   width: 200px;
   height: 254px;
   background-image: url(../images/64.jpg);
   background-position: 0 0;
}
 
.image-swap64:hover {
background-position: 0 100%;
}

.image-swap65 {
   width: 200px;
   height: 254px;
   background-image: url(../images/65.jpg);
   background-position: 0 0;
}
 
.image-swap65:hover {
background-position: 0 100%;
}

.image-swap66 {
   width: 200px;
   height: 254px;
   background-image: url(../images/66.jpg);
   background-position: 0 0;
}
 
.image-swap66:hover {
background-position: 0 100%;
}

.image-swap67 {
   width: 200px;
   height: 254px;
   background-image: url(../images/67.jpg);
   background-position: 0 0;
}
 
.image-swap67:hover {
background-position: 0 100%;
}

.image-swap68 {
   width: 200px;
   height: 254px;
   background-image: url(../images/68.jpg);
   background-position: 0 0;
}
 
.image-swap68:hover {
background-position: 0 100%;
}

.image-swap69 {
   width: 200px;
   height: 254px;
   background-image: url(../images/69.jpg);
   background-position: 0 0;
}
 
.image-swap69:hover {
background-position: 0 100%;
}

.image-swap70 {
   width: 200px;
   height: 254px;
   background-image: url(../images/70.jpg);
   background-position: 0 0;
}
 
.image-swap70:hover {
background-position: 0 100%;
}

.image-swap71 {
   width: 200px;
   height: 254px;
   background-image: url(../images/71.jpg);
   background-position: 0 0;
}
 
.image-swap71:hover {
background-position: 0 100%;
}

.image-swap72 {
   width: 200px;
   height: 254px;
   background-image: url(../images/72.jpg);
   background-position: 0 0;
}
 
.image-swap72:hover {
background-position: 0 100%;
}

.image-swap73 {
   width: 200px;
   height: 254px;
   background-image: url(../images/73.jpg);
   background-position: 0 0;
}
 
.image-swap73:hover {
background-position: 0 100%;
}

.image-swap74 {
   width: 200px;
   height: 254px;
   background-image: url(../images/74.jpg);
   background-position: 0 0;
}
 
.image-swap74:hover {
background-position: 0 100%;
}

.image-swap75 {
   width: 200px;
   height: 254px;
   background-image: url(../images/75.jpg);
   background-position: 0 0;
}
 
.image-swap75:hover {
background-position: 0 100%;
}

.image-swap76 {
   width: 200px;
   height: 254px;
   background-image: url(../images/76.jpg);
   background-position: 0 0;
}
 
.image-swap76:hover {
background-position: 0 100%;
}

.image-swap77 {
   width: 200px;
   height: 254px;
   background-image: url(../images/77.jpg);
   background-position: 0 0;
}
 
.image-swap77:hover {
background-position: 0 100%;
}

.image-swap78 {
   width: 200px;
   height: 254px;
   background-image: url(../images/78.jpg);
   background-position: 0 0;
}
 
.image-swap78:hover {
background-position: 0 100%;
}

.image-swap79 {
   width: 200px;
   height: 254px;
   background-image: url(../images/79.jpg);
   background-position: 0 0;
}
 
.image-swap79:hover {
background-position: 0 100%;
}
/* END OURSOURCING IMAGE DISPLAY */





/* MANUFACTURING IMAGE DISPLAY */
.image-swap100 {
   width: 200px;
   height: 254px;
   background-image: url(../images/100.jpg);
   background-position: 0 0;
}
 
.image-swap100:hover {
background-position: 0 100%;
}

.image-swap101 {
   width: 200px;
   height: 254px;
   background-image: url(../images/101.jpg);
   background-position: 0 0;
}
 
.image-swap101:hover {
background-position: 0 100%;
}

.image-swap102 {
   width: 200px;
   height: 254px;
   background-image: url(../images/102.jpg);
   background-position: 0 0;
}
 
.image-swap102:hover {
background-position: 0 100%;
}

.image-swap103 {
   width: 200px;
   height: 254px;
   background-image: url(../images/103.jpg);
   background-position: 0 0;
}
 
.image-swap103:hover {
background-position: 0 100%;
}

.image-swap104 {
   width: 200px;
   height: 254px;
   background-image: url(../images/104.jpg);
   background-position: 0 0;
}
 
.image-swap104:hover {
background-position: 0 100%;
}

.image-swap105 {
   width: 200px;
   height: 254px;
   background-image: url(../images/105.jpg);
   background-position: 0 0;
}
 
.image-swap105:hover {
background-position: 0 100%;
}

.image-swap106 {
   width: 200px;
   height: 254px;
   background-image: url(../images/106.jpg);
   background-position: 0 0;
}
 
.image-swap106:hover {
background-position: 0 100%;
}

.image-swap107 {
   width: 200px;
   height: 254px;
   background-image: url(../images/107.jpg);
   background-position: 0 0;
}
 
.image-swap107:hover {
background-position: 0 100%;
}
/* END MANUFACTURING IMAGE DISPLAY */