body{ margin:0px; padding:0px; background:#fff; font-family:Arial, Helvetica, sans-serif, "Helvetica Condensed"; font-size:13px;} @font-face { font-family:MyriadPro-Regular; src:url('fonts/MyriadPro-Regular.otf'), url('fonts/MyriadPro-Regular.ttf'), url('fonts/MyriadPro-Regular.eot'); /* IE9+ */ } @font-face { font-family:myriadprolight; src:url('fonts/myriadprolight.ttf'), url('fonts/MyriadPro-Light.otf'), url('fonts/MyriadPro-Light.eot');/* IE9+ */ } img {border:0px;} h1{font-size:32px; font-family:MyriadPro-Regular, Arial, Helvetica, sans-serif; color:#c5100d; margin:0px; padding:0px; margin-bottom:5px; font-weight:normal;} h1 span {color:#333;} h2{font-size:17px; font-family:MyriadPro-Regular, Arial, Helvetica, sans-serif; color:#FFFFFF; margin:0px; padding:0px; font-weight:normal;} h3{font-size:20px; font-family:MyriadPro-Regular, Arial, Helvetica, sans-serif; color:#162F83; margin:0px; padding:0px; margin-bottom:5px; margin-top:5px; font-weight:normal; } h4{font-size:17px; font-family:MyriadPro-Regular, Arial, Helvetica, sans-serif; color:#333333; margin:0px; padding:0px; margin-bottom:10px; font-weight:normal;} .product-img{width:160px; height:auto; } .view-large{width:99px; height:29px; position:absolute; margin-top:85px; margin-left:5px; } div, span {margin:0; padding:0;} p{font-size:12px; line-height:18px; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; margin-bottom:7px; color:#2b2b2b;} .clear{ clear:both;} .pagewrapper{ margin:0px auto; padding:0px; width:auto; height:auto; background:url(../images/content-head.jpg) top repeat-x;} .input-form{width:300px; height:30px; margin:0px; padding:0px; padding-left:7px; padding-right:7px; border:1px solid #d9d9d9; line-height:23px; background:url(../images/input-bg.jpg) repeat-x; border-radius:7px; color:#666666;} .input-qu{width:300px; height:100px; margin:0px; padding:0px; padding-left:7px; padding-right:7px; border:1px solid #d9d9d9; line-height:23px; background:url(../images/input-bg.jpg) repeat-x; border-radius:7px; color:#666666;} .wrapper{ margin:0px auto; padding:0px; width:1000px; height:auto; padding-top:30px; } .header-box{ background:url(../images/header-bg.jpg) repeat-x; height:150px; width:100%; margin:0px auto;} .header{height:150px; width:1000px; margin:0px auto;} .logo{ width:359px; height:73px; float:left; margin-top:15px;} .callus{ height:46px; float:right; margin-right:20px; margin-top:25px; width:auto; } .callus-icon{ width:30px; height:40px; float:left; border-right:solid 1px #E6E5E5; } .callus-title{ width:auto; float:left; font-family:MyriadPro-Regular; font-size:22px; margin-left:10px; } .callus-title span {display:block; font-size:16px; color:#0e2777; font-style:italic} .translator_box {font-family:MyriadPro-Regular; font-size:16px; color:#000000; width:220px; float:right; margin-top:-40px; *margin-top:-65px;} /*.slider{ background:url(../images/slider-bg.png) repeat-x; height:308px; width:auto; margin:0px auto;}*/ .slider1{ background:url(../images/innerbg.jpg) repeat-x; height:207px; width:100%; margin:0px auto; overflow:hidden} .innerslider-wrap {width:100%; height:207px; margin:0 auto; background:url(../images/innerbg2.jpg) top center no-repeat} .innerslider {width:1000px; height:auto; margin:0 auto;} #js_wrap {width:100%; height:422px; background:url(../images/slider-bg.png) repeat-x; font-family:Arial, Helvetica, sans-serif; } #js {width:100%; height:422px; background:url(../images/js-bg.jpg) top center no-repeat; } .js-box{width:1020px; height:422px; color:#686666; margin:0 auto;} .slider{ background:url(../images/slider-bg.png) repeat-x; height:422px; width:auto; margin:0px auto;} .slider-img{ margin:0px auto; height:auto; width:1017px;} .slider .slidercontainer{height:306px;width:1000px; margin:0px auto;} .thumb{ height:113px; margin:0px auto; width:auto; margin-bottom:3px;} .thumbox{height:113px; margin:0px auto; width:1000px; } .left{ width:263px; height:auto; float:left; } .our-products-box{ width:259px; height:auto; } .our-products-top{ width:233px; background:url(../images/our-product-header.jpg) no-repeat; height: 49px; font-family:MyriadPro-Regular; font-size:25px; color:#fff; float:left; padding:0px 8px 0px 20px; line-height:48px;} .our-products-mid { width:259px; background:url(../images/our-product-mid.jpg) repeat-y; margin-top:0px; *margin-top:-16px; } .our-products-mid ul{ width:230px; height:auto; margin:0 auto; padding:0px; list-style:none; text-align:left; margin-left:15px; *margin-left:0px; padding-top:57px; *padding-top:4px; } .our-products-mid li{ list-style:none; display:block; height:auto; color:#373735; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; background:url(../images/our-product-line.jpg) bottom no-repeat; padding:4px 0 4px 0; line-height:25px; overflow:hidden } .our-products-mid li a{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; display:block; text-decoration:none;padding:-4px 14px; height:26px; } .our-products-mid li a span{width:10px; height:18px; background:url(../images/our-product-arrow.jpg) left center no-repeat; float:left; margin-left:8px; margin-right:8px; margin-top:3px; } .our-products-mid li a:hover{ background:url(../images/sidebg.png); color:#000; font-size:12px; font-family: Arial, Helvetica, sans-serif; border-radius:5px; } .our-products-mid li a:hover span{width:10px; height:18px; background:url(../images/red.png) left center no-repeat; margin-left:8px; margin-right:8px; margin-top:3px; } .our-products-mid li a:hover, .our-products-mid li.selected a{ background:url(../images/sidebg.png); color:#000; font-size:12px; font-family: Arial, Helvetica, sans-serif; border-radius:5px; } .our-products-mid li a:hover span, .our-products-mid li.selected a span {width:10px; height:18px; background:url(../images/red.png) left center no-repeat; margin-left:8px; margin-right:8px; margin-top:3px; } .our-products-bottom{ width:259px; background:url(../images/our-product-bottom.jpg) no-repeat; height:5px;} .latest-trade-box{ width:259px; height:auto; margin-top:15px;} .latest-trade-top{ width:233px; background:url(../images/latest-trade-head.jpg) no-repeat; height: 49px; font-family:MyriadPro-Regular; font-size:25px; color:#fff; float:left; padding:0px 8px 0px 20px; line-height:48px;} .latest-trade-mid{ background:url(../images/latest-trade-mid.jpg) repeat-y; width:242px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:10px; text-align:justify; *margin-top:-15px;} .textheader{ font-family:Arial, Helvetica, sans-serif; color:#30499B; font-size:12px; font-weight:bold; text-decoration:underline; } .latest-trade-bottom{ background:url(../images/latest-trade-bottom.jpg) no-repeat; width:262px; height:9px;} .product-show-case{ width:260px; float:left; margin-top:15px; margin-bottom:10px; height:75px;} .right{ float:right; width:717px; height:auto; } .welcome{ font-family:MyriadPro-Regular; font-size:30px; color:#000000; float:left; margin-top:5px; } .color{ color:#081C72;} .subcolor{ color:#C5100D;} .more{ width:41px; height:10px; float:left; margin-top:10px;} .center-box{ width:352px; height:auto; float:left; margin-top:20px; margin-left:0px; } .center-box-top{ background:url(../images/center-box-head.jpg) no-repeat; width:319px; height:50px; font-family:MyriadPro-Regular; font-size:25px; color:#fff; float:left; line-height:48px; padding:0px 8px 0px 25px;} .center-box-mid{ background:url(../images/center-box-mid.jpg) repeat-y; width:332px; height:auto; min-height:250px; padding:10px; font-family:Arial, Helvetica, sans-serif; text-align:justify; font-size:12px; *margin-top:-15px; text-align:left} .center-box-bottom{ background:url(../images/center-box-bottom.jpg) no-repeat; width:352px; height:8px;} .head1 {font-size:19px; color:#d51c19; font-family:MyriadPro-Regular; margin:0; padding:0; font-weight:bold; text-align:left} .head2 {font-family:MyriadPro-Regular; margin:0px; padding:0px; font-size:14px; margin-top:3px; color:#2B4495; font-weight:normal; text-align:left} .special-box{width:700px; height:auto; margin-top:10px;} .special-box-top{background:url(../images/center-bottom-box-top.jpg) no-repeat; width:700px; height:49px; font-family:MyriadPro-Regular; font-size:25px; color:#fff; float:left; padding:8px 8px 8px 25px;} .special-box-mid{ background:url(../images/center-bottom-box-mid.jpg) repeat-y; width:700px; height:auto; padding:10px; font-family:Arial, Helvetica, sans-serif; text-align:justify; font-size:12px; *margin-top:-15px;} .special-box-bottom{ background:url(../images/center-bottom-box-bottom.jpg) no-repeat; width:717px; height:8px;} .registration{ height:54px; width:539px; margin-top:10px; background:url(../images/registration-bg.jpg) no-repeat; padding-left:175px;} .registration-left{ background:url(../images/registration-left.jpg) no-repeat; width:5px; height:54px; float:left;} .registration-mid{ background:url(../images/registration-mid.jpg) repeat; height:42px; width:auto; float:left; font-family:MyriadPro-Regular; font-size:25px; color:#000; padding:6px;} .registration p{font-family:MyriadPro-Regular; font-size:19px; color:#081C72; margin:0px; padding:0px;} .registration-right{ background:url(../images/registration-right.jpg) no-repeat; width:6px; height:54px; float:left;} .registration-contaner{ width:717px; height:132px;} .registration-contaner p{ width:550px; float:right; margin-top:25px; font-family:MyriadPro-Regular; font-size:18px; color:#000; line-height:22px; } .registration-icon{ background:url(../images/registration-icon.jpg) no-repeat; width:139px; height:99px; float:left; margin-top:15px;} .slider-bottom{ width:1000px; height:150px; background:#F2F2F0; margin:auto; margin-top:20px; margin-bottom:20px; *margin-bottom:5px;} .sliderheader{font-family:MyriadPro-Regular; font-size:22px; color:#333333; margin-left:22px; margin-top:10px; *margin-top:-10px;} .sliderheader span{ color:#1B1B1B; font-family:MyriadPro-Regular; font-size:13px;} .dev-img {width:108px; height:76px; } .footer{ background:url(../images/footer-bg.jpg) repeat-x; height:auto; width:100%; margin:0px auto; padding:0px; padding-top:15px; margin-top:15px;} .footerbox{ width:1000px; height:auto; margin:0px auto; padding:0px; font-family:MyriadPro-Regular; color:#FFFFFF; font-size:21px; } .foot_head {font-family:myriadprolight; color:#fff; font-size:21px;} .footer-new{ float:left; text-indent:0px; } .footer-new ul{ float:left; margin:0; padding:0; margin-left:25px; } .footer-new ul li{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7FAFFF; text-decoration:none; line-height:20px; clear:both; list-style:url(../images/foot-arrow.png); border-bottom:1px solid #333; } .footer-new ul li a { font-family:Arial, Helvetica, sans-serif; color:#7FAFFF; text-decoration:none; display:block } .footer-new ul li a:hover {color:#fff;} .foot_bot {width:100%; height:40px; background:url(../images/foot-bot.png) top left repeat-x; padding-bottom:10px; padding-top:11px; margin-top:10px;} .menu {width:1020px; margin:0 auto; height:41px; padding-top:6px; margin-top:15px;} .menu ul {list-style: none outside none;margin: 0;padding:0px;} .menu ul li {float: left;list-style: none;padding: 0px 5px; border-right:1px solid #cfcfcf;} .menu ul li a {color: #000;cursor: pointer;display: block; float: left; font-family:MyriadPro-Regular; font-size:16px; height: 32px; font-weight:normal; padding-left:4px; background:none; margin: 0px 0 0 0px; text-decoration: none; margin: 0px 0 0 0px; line-height:32px } .menu ul li a span { display: block; background:none; float: left; height: 32px; line-height: 32px; padding: 0px 14px 0 12px; } .menu ul li a:hover, .menu ul li.selected a{ background:url(../images/menu-left.png) top left no-repeat; } .menu ul li a:hover span, .menu ul li.selected a span { background:url(../images/menu-right.png) top right no-repeat; color:#FFFFFF; } .copyright{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#656464; float:left; } .poweredby{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#656464; float:right; line-height:30px; } .poweredby a {color:#656464; text-decoration:none} .poweredby a:hover {color:#999; text-decoration:underline} .social{ float:left; margin-left:200px; *margin-left:100px; *margin-top:-30px; width:240px; font-family:Arial, Helvetica, sans-serif; font-style:italic; color:#FFFFFF; font-size:12px; text-align:right; font-weight:bold; margin-top:-3px;} .dev-img {width:108px; height:76px;} /*--------------INNER CSS----------------------*/ .box{ width:693px; height:140px; border-radius:7px; border:solid 1px #B7C6F9 !important; margin-top:15px; padding:10px;} .inner-box{ width:400px; height:140px; float:left;} .innner-products{ width:271px; height:138px; float:left;} .inner-title{font-family:MyriadPro-Regular, Arial, Helvetica, sans-serif; font-size:25px; color:#162F83; float:right; margin-right:20px; width:360px; margin-top:8px;} .productcode{ width:300px; `MyriadPro-Regular; font-size:20px; float:left; margin-left:34px; color:#888888 } .enquiry-button{ width:165px; height:37px; margin-left:34px; float:left; margin-top:10px;} /*********** //search style *********************/ .lang-converter {width:120px; height:16px; border:1px solid #ccc; border-radius:3px; float:right; background:#fff; margin-right:15px; margin-top:2px;} .goog-logo-link, .goog-logo-link img {display:none;} .goog-te-combo {background:none !important; border:none !important; width:128px !important; height:16px !important; padding:1px; font-size:11px !important; font-size:museoSlab !important; line-height:14px; display:block !important} .goog-te-combo option {font-size:12px !important; } .goog-te-gadget {font-size:0px !important; color:#000 !important;} .get-discount-btn {background:url(../images/btn-bg.jpg) top left no-repeat; border:none; font-weight:normal; width:100px; height:34px; padding-bottom:7px; color:#333; text-align:left} .get-discount-btn:hover {background-position:0 -40px;} /*******************/ .view_detail { margin-left:450px;} p {text-align:justify;}