/* CSS Document */
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('http://d44.dev.pk/domains/websites/template/design18/fonts/League_Gothic-webfont.eot');
    src: url('http://d44.dev.pk/domains/websites/template/design18/fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://d44.dev.pk/domains/websites/template/design18/fonts/League_Gothic-webfont.woff') format('woff'),
         url('http://d44.dev.pk/domains/websites/template/design18/fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('http://d44.dev.pk/domains/websites/template/design18/fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {margin:0; padding:0; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px; color:#191919; line-height:16px; background:#f5f5f5 url(../images/main-bg.jpg) repeat-x;}
a {text-decoration:none;}
ul {margin:0; padding:0; list-style-type:none; float:left;}
* {margin:0; padding:0;}
div.pageNav span.disabled {        /* Design18 changes april */
    border: 1px solid #929292;
    color: #929292;
    margin-right: 2px;
    padding: 2px 5px;
}

div.pageNav span.current {
    background-color:#A02916 ;
    border: 1px solid #E8E8E8; 
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 2px;
    padding: 2px 5px;
	  font-size: 11px;
    margin-left:2px;
}

div.pageNav a {
    background-color: #BEBEBE;
    border: 1px solid #E8E8E8;
    color: #FFFFFF;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 5px;
    text-decoration: none;
}
div.pageNav {
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.black-heading {
	color:#FF6701 !important;      
	}    
	                              

	
.top-bg {width:100%; height:6px; margin:0 auto; background:
url(../images/top-bg.jpg) no-repeat left top;}

.image_con a{
	height:100px;
	
	}
	.imagesize2 img {
	max-height:100px;
	max-widht:100px;	
		}
.header {width:980px; height:103px; margin:0 auto; position:relative;}
.logo {width:80px; height:80px; position:absolute; top:0px; left:1px;}
.title {width:700px; position:absolute; top:32px; left:105px; line-height:24px;}
.title a {font-size:20px; color:#fff; text-decoration:none; font-weight:bold;}
.title span:hover { background-color:#BB0000; }
.lang2 {float:right;}
.search {position:absolute; top:88px; right:3px;}
.search-box {width:242px; padding:5px; height:16px; float:left; border:1px solid #d1d1d1; background:url(../images/search-box-bg.jpg) repeat-x left top;}
.search img {width:63px; height:28px; float:left; margin-left:-1px; display:inline;}
.version {padding-top:25px;width:110px; float:right;font-size:15px; text-decoration:none; font-weight:bold;}

.gk-seal {width:137px; height:46px; position:absolute; top:30px; right:3px; background:#FF0000;}

.top-menu {float:left; top:80px; left:0; position:absolute; font-family:Arial,sans-serif;}
.top-menu ul {float:left;}
.top-menu ul li {padding:16px 28px; float:left; text-transform:uppercase; background:url(../images/nav-sep.jpg) no-repeat left top;}
.top-menu ul li a {font-size:13px; color:#313842; font-weight:bold;}
.top-menu ul li a:hover {color:#bb0000;}
.top-menu ul li a.active {color:#bb0000;}
.top-menu ul li.border-without {border:none;}

.content-box {width:980px; padding:32px 0 8px 0; margin:0 auto; overflow:hidden;}

.left-pan {width:230px; float:left; }
.left-box-cont {width:226px; float:left; margin-bottom:10px;}
.left-box-top {width:226px; height:6px; float:left;background:url(../images/left-box-top.jpg) no-repeat;}
.left-box-mid {width:218px; float:left; background:url(../images/left-box-middle.jpg) repeat-y left top; padding:0 4px;}
.left-box-mid h4 {width:206px; float:left; padding:11px 0 12px 12px; font-weight:normal; background:url(../images/cat-head-bg.jpg) repeat-x; font-family:Arial,sans-serif; font-size:18px;}
.left-box-mid ul {width:218px; padding:6px 0; float:left;}
.left-box-mid ul li {width:183px; padding:7px 10px 7px 25px; float:left; border-bottom:1px solid #e6e6e6; background:url(../images/cat-arrow.jpg) no-repeat 13px 13px;;}
.left-box-mid ul li a {font-size:13px; color:#313842; text-decoration:none;} 
.left-box-mid ul li a:hover {text-decoration:none; color:#bb0000;} 
.left-box-mid ul li.noborder {border-bottom:none;}
.left-box-bot {width:226px; height:6px; float:left; background:url(../images/left-box-bot.jpg) no-repeat;}
.contact-box-mid {width:218px; float:left; background:url(../images/left-box-middle.jpg) repeat-y left top; padding:0 4px 22px 4px;}
.contact-box-mid h4 {width:206px; float:left; padding:11px 0 12px 12px; font-size:18px; font-weight:normal; background:url(../images/cat-head-bg.jpg) repeat-x; font-family:Arial,sans-serif; font-size:18px;}
.contact-box-mid ul {width:218px; padding:10px 0 17px 0; float:left;}
.contact-box-mid ul li {width:200px; padding:5px 10px 5px 12px; float:left; font-size:14px;}
.chat-icon {clear:both; margin:0 auto; padding-top:14px;} 
.contact-btn { float:left; width:218px; text-align:center; margin:0 0 10px 0;}
.download-pdf {width:201px; height:62px; float:right; margin-top:9px;}
.info{
    padding-left:12px;
}
.right-pan {width:743px; float:left; }

.splash {background: url("../images/splash-bg.png") no-repeat scroll 0 0 transparent;float: left;height: 178px;padding: 4px;width: 698px;}
.main-text {width:717px; float:left; font-size:13px; line-height:16px; padding:5px 0 13px 13px;}
.right-pan h3, .right-pan h1 {float:left; width:725px;font-weight:normal; background:url(../images/product-head-bg.png) no-repeat; padding:11px 0 32px 13px; font-family:Arial,sans-serif; font-size:18px; margin:0 11px 0 0; *margin:0 5px 0 0;}
.featured-prod {width:705px; float:right;}
.featured-prod ul {float:left;}
.featured-prod ul li {float:left; width:150px; height: 150px; padding:10px; text-align: center; }
.featured-prod ul li img {max-width:125px; max-height:100px; border:#E6E6E6 1px solid;}
.featured-prod ul li span {width:150px;  padding:7px 0;}
.featured-prod ul li span a {float:left; overflow: hidden; width:125px; color:#ff6701; font-size:16px; font-weight:bold; text-decoration:none; margin-bottom:6px;}
.featured-prod ul li span p {float:left; width:125px; font-size:12px; font-weight:normal;}
.featured-prod ul li span div a{background:url(../images/pdf-icon.gif) no-repeat left top; float:left; font-size:12px; color:#BB0000; margin-top:8px; padding:2px 0 0 20px; font-weight:normal; width:100px;}
.featured-prod ul li span div a:hover {text-decoration:underline;}
.right-pan h4 {font-size:16px; color:#50109f; float:left; width:680px; padding-left:16px; margin-top:28px; padding-bottom:14px;}
.carousel {width:700px; float:left;}
.carousal-before {width:25px; float:left; padding-top:48px;}
.carousal-after {width:25px; float:left; padding-top:32px;}
.carousel ul {width:620px; float:left; padding:14px;}
.carousel ul li {width:100px; float:left; display:inline; margin-right:24px;}
.carousel ul li span {width:100px; float:left; padding-top:8px;}
.carousel ul li span a {font-size:14px; color:#307100; text-decoration:none;}
.other-info {width:660px; float:left; padding:7px 22px 8px 20px;}
.other-info ul {width:660px; float:left;}
.other-info ul li {width:660px; float:left; font-size:13px; color:#fff; padding:4px 0; border-bottom:1px dotted #282828;}
.other-info ul li span {width:212px; float:left; font-weight:bold;}
.other-info ul li.last {border:none;}

.footer {width:100%; background:url(../images/footer-bg.jpg) center top; height:281px;}
.footer-wrap{width:960px; margin:0 auto;}
.footer-wrap h3 {float:left; width:725px; font-weight:normal;font-family:'LeagueGothicRegular',Arial,sans-serif; font-size:26px; color:#FF6701; padding:58px 0 0 20px;}
.copyright
{float:right; color:#fff; width:100%; text-align:center; margin:10px 0 0 0; font-size:15px;}


.fetured-item
{float:right; background:url(../images/featured-bg.png) no-repeat; width:717px; height:220px; }
.featured-pro
{float:left; width:130px;}
.featured-pro-img
{float:left; width:100px; height:100px; background-color:#fff; border:#e8e8e8 1px solid;}
.featured-pro h1
{float:left; width:125px; text-align:center; font-size:14px; padding:5px 0 0 0;}
.featured-pro h1 a
{text-decoration:none; color:#1c1c1c;}
.featured-pro h1 a:hover
{text-decoration:underline;color:#ff6600;}
.featured-tag
{float:left; background:url(../images/featured-tag.png) no-repeat; width:119px; height:118px; position:absolute; top:0px; left:-2px;}


.title-heading {
    border-bottom:1px solid #e0e0e0;
    color: #F27F1E;
    float: left;
    font-family: inherit;
    font-size: 18px;
    margin-bottom: 8px;
    padding-bottom: 3px;
    width: 417px;
    padding-top:10px;
}
 
.pro-desc{
    color: #B03B1C;
    float: left;
    font-size: 16px;
    margin-top: 28px;
    padding-bottom: 14px;
    
    width: 656px;
    
    }
#gkseal1 {
    background: url("../../../../../lang/images/profile_pages/sprite.jpg") no-repeat scroll 0 -112px transparent;
    height: 47px;
    /*margin: -13px 0 0 530px;*/
    
    width: 110px;
   /*position:absolute;*/
  
}
#gkseal {
    background: url("../../../../../lang/images/profile_pages/sprite.jpg") no-repeat scroll 0 -60px transparent;
    height: 48px;
    /*margin: 0px 0 0 530px;*/
    
    width: 139px;
    /*position:absolute;*/
   
}
.position {
    color: #FFFFFF;
    display: inline;
    float: right;
    font-size: 27px;
    font-weight: bold;
    margin: 2px 6px 0 0;
    width: 35px;
}
.position_rank {
    line-height: 33px;
    text-align: right;
    text-decoration:none;
}
.position_rank span {
    font-size: 15px;
    line-height: 10px;
}
.year {
    float: right;
    font-size: 12px;
    height: 10px;
    line-height: 2px;
    margin: 0 0 0 5px;
}
#skseal {
    background: url("../../../../../lang/images/profile_pages/sprite.jpg") no-repeat scroll 0 -164px transparent;
    height: 48px;
    /*margin: 0px 0 0 530px;*/
    width: 139px;
    /*position:absolute;*/
  
}
#vipseal {
    background: url("../../../../../lang/images/profile_pages/sprite.jpg") no-repeat scroll 0 -522px transparent;
    height: 48px;
    /*margin: 0px 0 0 530px;*/
    width: 140px;
  
    
    
}

#slider-code { height: 156px; overflow:hidden;float:right;padding-left:6px; }
#slider-code .viewport { float: left; width: 240px; height: 170px; overflow: hidden; position: relative; }
#slider-code .buttons { display: block; margin: 30px 10px 0 0; float: left; }
#slider-code .next { margin: 30px 0 0 10px;  }
#slider-code .disable { visibility: hidden; }
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider-code .overview li{ float: left; margin: 0 48px 0 0; padding: 1px; height: 151px; width: 201px;}

#pager_container{margin:0;position:absolute;margin-top:4px;margin-left:3px;*margin: 0 0 0 0;*left:905px;*top:392px;}
#slider-code .pager { overflow:hidden; list-style: none; }

#slider-code .pager li { float: left; }
#slider-code .pagenum { background-color: #fff; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 14px; font-weight: bold; display: block; }
#slider-code .active { color: #fff; background-color:  #555555; }

.pro-container{
    float:left;
    font-family:Arial;
    font-size:12px;
    color:#6E2165;
    width:615px;
}
.pro-container p{
    margin:2px 0;
    text-align:center;
    
    }
.pro-container ul{
    float: left;
    list-style-type: none;
    margin:0;
    padding:0;
    width:615px;
    
}
.pro-container ul li{
    float:left;
    margin:5px;
    background:#fff;
    border:1px solid #ccc;
    padding:5px;
}
.pro-container a{
    text-decoration:none;
    color:#6E2165;
}
.pro-container a:hover{
    text-decoration:underline;
    
}

.pagi-td{
    padding-left: 202px;
      
}
div.pagination 
	{
		padding:3px;
		margin:3px;
		text-align:center;
	}
	
	div.pagination a 
	{
	    
		color:#FFFFFF;
		font-family:arial;
		font-size:17px;
	    padding: 2px 5px 2px 5px;
		border: 1px solid #E8E8E8;
		background-color:#BEBEBE;
		text-decoration: none; 
        font-size:12px;
		
	}
	
	div.pagination span.current 
	{
		padding: 2px 5px 2px 5px;
		margin-right: 2px;
		border: 1px solid ;
		background-color: #A02916;
		color: #FFF;
        font-size:12px;
	}
	div.pagination span.disabled 
	{
		padding: 2px 5px 2px 5px;
		margin-right: 2px;
		border: 1px solid #929292;
		color: #929292;
        font-size:12px;
	}
    
/*Carousel Ends */
.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 630px;
    padding: 59px 0 0 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  630px;
    height: 150px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  130px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 130px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
margin:0 15px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 110px;
    right: -35px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../images/next-btn.png) no-repeat;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 110px;
    left: 11px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../images/prev-btn.png) no-repeat;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;

}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
/*Carousel Ends */

.listing-contact
{float:left; width:480px; background:#f0f1f3 url(http://imgusr.tradekey.com/images/uploadedimages/campaign/sem/sem_landing_page2/listing-contact-bg.gif) repeat-x; border:#dcdfe2 1px solid; color:#444;font-family:Arial, Helvetica, sans-serif; position:relative;}
.listing-contact ul
{margin:10px; padding:0; list-style-type:none; float:left;}
.listing-contact ul li
{float:left; width:460px; padding:4px 0; font-size:11px;}
.listing-contact ul li span
{width:65px; text-align:right; float:left; margin:0 10px 0 0; font-size:12px;}
.listing-contact ul li h1
{color:#188D04; font-size:11px; margin:0; padding:0; font-weight:normal; display: inline; margin:0 0 0 10px;}
.listing-contact ul li textarea
{float:left; width:374px; height:96px; border:#ccc 1px solid;}
*html .listing-contact ul li textarea
{width:480px;}
.listing-contact-input
{float:left; border:#ccc 1px solid; width:240px; height:18px;}
.listing-contact input
{float:left;}
.listing-contact-check
{margin:0 0 0 75px; float:left;}
.listing-contact p
{color:#8d8d8e; margin:0 0 0 5px; padding:0; float:left;}
.send-btn-contact
{ background:url(http://imgusr.tradekey.com/images/uploadedimages/campaign/sem/sem_landing_page2/send-btn-contact.jpg) no-repeat; color:#fff; width:76px; height:26px; border:none; font-weight:bold; margin:0 0 0 74px;}
.contact-exit
{float:right; position:absolute; top:0; right:0;}


#faded img{
    width:701px;
}
#faded .pagination{
    position:absolute;
    list-style:none;
    width:auto;
    float:left;
   display:none; 
}
#faded ul li{
 float:left;
}
#faded ul li a{
 text-decoration:none;
 color:#fff;
}
#faded ul li a:hover{
 text-decoration:underline;
 color:#fff;
}

/* from code */
.version {padding-top:25px;width:110px; float:right;font-size:15px; text-decoration:none; font-weight:bold;}

.other-info {
    min-height: 160px;
}

.breadcrumbs {
	text-align: left;
	padding-left: 20px;
}

.hoverBox{border:1px solid #ddd; position:absolute; background-color:#fff; width:180px; left:100%;margin-top:-25px; z-index:9;padding:6px 10px 16px 10px; behavior:url(../PIE.htc); -webkit-box-shadow:#898787 0 3px 6px -2px; -moz-box-shadow:#898787 0 3px 6px -2px; box-shadow:#898787 1px 5px 8px -3px; min-height:30px;}
.submenu {width:100%; float:left; border-bottom:1px dotted #6e2165; padding:6px 0;}
.submenu.smlast {border:0; padding-bottom:0;}
.subtitle1 {width:135px; float:left;}
.subtitle1 a {color:#1f65c4; text-decoration:none; font:12px Arial, Helvetica, sans-serif;color:black}
.subtitle1 a:hover {text-decoration:underline;}
.subcont {width:305px; float:left; margin-left:20px; display:inline;}
.subcont a {color:#333; text-decoration:none; font:11px Arial, Helvetica, sans-serif; padding:0 2px;color:black}
.subcont a:hover {text-decoration:underline;}