@import url('reset.css');

body{ padding:0px; margin:0px; text-align:center; font-size:12px; font-family:Trebuchet MS, Tahoma, sans-serif; min-height:100%; width:100%;background:url(../images/background.png) repeat-x center top;}
a{ text-decoration:none; color:#66667C; } 
h1{ font-size:2.5em; text-align:left; }
h2{ font-size:2em; text-align:left; font-weight:normal; }

#pageWrapper{ /*background:url(../images/bg.png) repeat-x center top;*/ height:100%; text-align:center; position: relative; width: 1082px;  margin: 0 auto; }

.icons-container {position: absolute !important; top:10px !important; right:200px !important; z-index:999 !important;  width:60px !important; height:20px !important; }
.icons-container .login{background:url(../images/log.png) no-repeat center center; width:16px; height:16px; display:block;  float:right;cursor:pointer; top:0px !important ;}
.icons-container .register{background:url(../images/regis.png) no-repeat center center; width:16px; height:16px; display:block; float:right; cursor:pointer;}
.icons-container .logout{background:url(../images/logout.png) no-repeat center center; width:16px; height:16px; display:block; float:right;cursor:pointer;}
.icons-container .track{background:url(../images/track.png) no-repeat center center; width:16px; height:16px; display:block; float:right;cursor:pointer;}


#pageContainer{ width:1082px; margin:0px auto ; min-height:700px; }

#pageHeader{  min-height:112px/*434px*/; position:relative; }




.logo{ display:block; position:relative; /*background:url(../images/logo.png) no-repeat left top; */height:130px; width:276px;top:150px; left:10px;  z-index:1000; position:absolute;}













.product-data{  float:left; width:700px; margin-top:20px; }
.product-data .desc{ margin-left:70px;  }


.products-container .products-list-banner { width:202px; height:26px; background:url(../images/95.png) no-repeat center top; color:#FFF; line-height:25px; font-size:1.6em; text-align:left; text-indent:20px;}
.products-page{ margin:40px 10px  auto 40px; overflow:hidden; }
/*.products-page *{ border:solid 1px #F00;  }*/

.products-page .category-products-container{ position:relative;}

.products-page .category-products-container .products-container{ margin-left:700px; top:0px; position:relative; min-height:100%; width:205px;}

.products-panel{background:url(../images/150.png) repeat-y left top; margin:10px 0px; position:absolute; left:0px; top:0px; width:203px; min-height:330px;  margin-top:36px;}

.products-panel .top-courve{ background:url(../images/150.png) no-repeat right top; position:absolute; left:0px; top:-10px; display:block; height:10px; width:100%;  }
.products-panel .bottom-courve{ background:url(../images/150.png) no-repeat right bottom; position:absolute;  left:0px; bottom:-12px; display:block; height:15px; width:100%; z-index:5; }

.products-panel  UL { list-style:none; padding:0px; margin:0px 10px; }
.products-panel  UL li{ margin:5px 0px; width:163px; text-align:left; }
.products-panel  UL li a{ display:block; background:url(../images/products-link.png) no-repeat center center; text-indent:10px; line-height:25px; white-space:nowrap; }

.products-panel  UL li a:HOVER,
.products-panel  UL li a:focus,
.products-panel  UL li.active a{ background:url(../images/products-over.png) no-repeat center center; color:#FFF; }

.products-page .category-product-container{ float:left; width:700px; min-height:350px; }


.product-container{ overflow:hidden; /* min-height:400px; */ margin-bottom:0px; }
.product-container h2.product-title{ background:url(../images/product-title-bg.png) no-repeat left top; display:block; line-height:27px; text-align:left; text-indent:10px; font-size:1.5em; color:#FFF; float:left; width:310px; }

.product-container .product-image{width:370px; /*height:242px;*/ position:relative;  }

.product-container .product-image .green-border-container{ position:absolute; width:375px; height:100%; left:-2px; top:-3px; background:url(../images/product-image-border.png) no-repeat right top;}

.product-container .product-image .green-border-container .green-bottom-border{ height:100%; margin-top:3px; background:url(../images/product-image-border.png) no-repeat left bottom;  }

.product-container .product-image .green-border-container .green-bottom-border .green-medium-left-border{
	height:95%; width:4px; margin-top:5px; background:url(../images/product-image-border.png) repeat-y -376px top;  float:left;
}

.product-container .product-image .green-border-container .green-bottom-border .green-medium-right-border{
	height:95%; width:4px; margin-top:5px; background:url(../images/product-image-border.png) repeat-y -380px top;  float:right;
}
/*
.product-container .product-image .green-top-border{ width:375px; height:248px; position:absolute; left:-2px; top:-3px; background:url(../images/product-image-border.png) no-repeat center top; }
.product-container .product-image .green-bottom-border{ width:375px; height:248px; position:absolute; left:-2px; top:-3px; }
*/
.product-container .product-image{ float:left; margin-top:-20px; }
.product-container .product-desc{ float:left; clear:left; width:300px; margin-top:10px; }

/**** scroller *****/

.scroll-pane {
height: 330px;
overflow:auto;

}

/*JScrollPane CSS*/
.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
padding-right: 0px;

}
.jScrollPaneTrack{
position:absolute;
cursor:pointer;
right:0;
top:0;
left:90%;
height:100%;
width:17px!important;
background:url(../images/scroll-bar-track.png) repeat-y center top;
text-align:left;
}
.jScrollPaneDrag{
position:absolute;
background:#CCC;
cursor:pointer;
overflow:hidden;
/*-moz-border-radius:6px;
-webkit-border-radius:6px;*/
background:url(../images/jspane.png) repeat-y center bottom;
height:19px!important;
width:13px!important;
margin-left:2px!important;


}

.scroll-pane{padding:0;}
.scroll-pane ul li a {font-size:14px; color:#000;}



.certificates-list{ list-style:none; overflow:hidden; }
.certificates-list li{ border:solid 2px #CCC; margin:10px; float:left; height:150px; cursor:pointer; }
.certificates-list li a img{ height:150px; }


.search-results{ margin:0px; padding:0px; list-style:none; }
.search-results LI{ /*border-bottom:solid 1px #999;*/ margin:20px 10px; }
.search-results LI:first-child{ border:none; }
.search-results a{ display:block; }





.pages-container{ overflow:hidden; }
.pages{ float:right; }
.pages a, .pages span{ display:block; float:left; width:37px; height:37px; line-height:37px; text-align:center; font-size:1.5em; cursor:pointer; }
.pages span.current{ background:url(../images/page-active.png) no-repeat left top; color:#FFF;  }

.pages a{ background:url(../images/page.png) no-repeat left top; color:#FFF; color:#749822; }
.pages a.previous{ background:url(../images/back.png) no-repeat right center; }
.pages a.next{ background:url(../images/next.png) no-repeat left center; }
.pages a.link:hover{ background:url(../images/page-over.png) no-repeat left top; color:#FFF; color:#749822; }




.highlight_word{ color:#900; }

.demo-version{ position:fixed; right:0px; bottom:0px; width:100px; height:97px; background:url(../images/under-test-version.png) no-repeat center center; z-index:50000; }

.demo-version div{ width:100%; height:100%; }

.popup-bg{ background:#D1D7AE; position:fixed; width:100%; height:100%; float:left; left:0px; top:0px; z-index:4999; opacity:0.4;filter:alpha(opacity=40) }
.popup-image{ position:fixed; left:0px; top:0px; z-index:5000; visibility:hidden; }
.image-of-gallery{ cursor:pointer; }


 #dialog-overlay {

	/* set it to fill the whil screen */
	width:100%; 
	height:100%;
	
	/* transparency for different browsers */
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5; 
	background:#000; 

	/* make sure it appear behind the dialog box but above everything else */
	position:absolute; 
	top:0; left:0; 
	z-index:3000; 

	/* hide it by default */
	display:none;
}


#dialog-box {
	
	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	
	/* css3 border radius */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	
	background:#eee;
	/* styling of the dialog box, i have a fixed dimension for this demo */ 
	width:328px; 
	
	/* make sure it has the highest z-index */
	position:absolute; 
	z-index:5000; 


	/* hide it by default */
	display:none;
	z-index:99999999;
}

#dialog-box .dialog-content {
	/* style the content */
	text-align:left; 
	padding:10px; 
	margin:13px;
	color:#666; 
	font-family:arial;
	font-size:11px; 
}



.button {
	/* styles for button */
	margin:10px auto 0 auto;
	text-align:center;
	display: block;
	width:80px;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	border:none;
	
	/* button color */
	background-color: #8E946C;
	
	/* css3 implementation :) */
	/* rounded corner */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	/* drop shadow */
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	
	/* text shaow */
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	
}

.button:hover {
	background-color: #8E946C;	
}

/* extra styling */
#dialog-box .dialog-content p {
	font-weight:700; margin:0;
}

#dialog-box .dialog-content h1 {
	font-weight:bold; margin:0; font-size:14px; color:#666;
}

#dialog-box .dialog-content label {
	width:80px; 
}

#dialog-box .dialog-content input[type=text]{
	width:100px; border:1px solid #999; float:right; margin-right:60px;
}



#dialog-box .dialog-content ul {
	margin:10px 0 10px 20px; 
	padding:0; 
	height:50px;
}

.contact-details{ 
 margin:auto;
 max-width:500px;
}


.t {background: url(../images/dot.png) 0 0 repeat-x;}
.b {background: url(../images/dot.png) 0 100% repeat-x}
.l {background: url(../images/dot.png) 0 0 repeat-y}
.r {background: url(../images/dot.png) 100% 0 repeat-y}
.bl {background: url(../images/bl.png) 0 100% no-repeat}
.br {background: url(../images/br.png) 100% 100% no-repeat}
.tl {background: url(../images/tl.png) 0 0 no-repeat}
.tr {background: url(../images/tr.png) 100% 0 no-repeat; padding:10px} 

.directmail{ clear:both;text-align:right; width:100%;}

/*********************  PAGING  **********************************/


.pages-container{ overflow:hidden; }
.msdn{ float:right; }
.msdn a, .msdn span{ display:block; float:left; width:37px; height:37px; line-height:37px; text-align:center; font-size:1.5em; cursor:pointer; }
.msdn span.current{ background:url(../images/page-active.png) no-repeat left top; color:#FFF;  }

.msdn a{ background:url(../images/page.png) no-repeat left top; color:#FFF; color:#749822; }
.msdn a.previous{ background:url(../images/back.png) no-repeat right center; }
.msdn a.next{ background:url(../images/next.png) no-repeat left center; }
.msdn a.link:hover{ background:url(../images/page-over.png) no-repeat left top; color:#FFF; color:#749822; }

.galleryContainer{ width:900px; height:100%; position:relative;}
.photogallery
{
	float: left;
	margin: 0px;
	width: 490px;
	height: 180px;
	margin:auto;
	position:relative;
	margin-left:50px;
}

.photogallery ul
{
	display: block;
	margin: 0;
	padding:0;
	width: 460px;
}


.photogallery li
{
	list-style: none;
	display: block;
	width: 100px;
	height: auto;
	padding:10px 10px 10px 10px ;
}

.photogallery li a
{
	display: block;
	background-position: center;
	padding:0px ;
	margin:0px ;
	width: auto;
	height: auto ;
}



.photogallery .prev, .photogallery .next
{
	position: absolute;
	top: 60px;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
}

.photogallery .prev
{
	background-image: url(../images/arrow_left.png);
	top:45px;
	left: -40px;
	height:100px;
}

.photogallery .next
{
	background-image: url(../images/arrow_right.png);
	top:45px;
	right: -40px;
	height:100px;
}



.photogallery li img
{
	border:4px solid #A5A990;
	margin: 0 !important;
}


.slides_wrap
{
	position: relative;
	padding: 0 35px;
	height: 180px;
}


#projectGallery{ width:800px; margin:50px; }

#certificateGallery{ width:800px; height:450px; margin:50px; margin-left:-100px; }



















/************   NEW   **************/



#pageBody .home-content-container{ background:url(../images/home-page-container.png) no-repeat center top; height:300px;}
.home-content-container .content{ overflow:hidden; position:relative;   }
.home-content-container .content .home-titles{ position:absolute; width:935px; height:35px; left:20px; top:20px;}

.home-content-container .content .home-left-container{ height:241px; width:320px; float:left; margin-top:10px; margin-left:9px;}
.home-content-container .content .home-center-container{ height:243px; width:314px; float:left; margin-top:8px; margin-left:5px;}
.home-content-container .content .home-right-container{ height:242px; width:320px; float:left; margin-top:10px; margin-left:5px;}


.home-left-container .home-left-content{ width:100%; height:203px; margin-top:38px; }

.home-center-container .home-center-content{ width:100%; height:203px; margin-top:40px; }

.home-right-container .home-right-content{ width:100%; height:203px; margin-top:38px; }



.qualty-part{ background:url(../images/qualty.png) no-repeat left top; width:314px; height:204px; padding:10px; text-align:left; font-size:10px; color:#666;}
.qualty-part h4{ /*color:#5EB400;*/ margin-top:30px;font-size:10px;font-weight:300; width:290px; }

.welcome-part{ background:url(../images/home-stamp.png) no-repeat 210px 95px; padding:20px; text-align:left; font-size:11px; height:90%; color:#666; }

.welcome-part > h4{font-family:Arial; font-size:11px; font-weight:normal; font-style:normal; text-decoration:none; color:#4C4C4C;letter-spacing:0.0em; unicode-bidi:bidi-override;}

.new-page-container{  }



UL.left-menu{ float:left; width:175px; list-style:none; padding:0px; margin-top:30px;  }
UL.left-menu li{ text-align:left;}
UL.left-menu li a{ color:#2B4D07; display:block; font-size:1.3em; text-align:left; text-indent:25px; line-height:32px; white-space:nowrap; }
UL.left-menu li a:HOVER, 
UL.left-menu li.active a,
UL.left-menu li a:FOCUS{ color:#FFF; background:url(../images/left-menu-link.png) no-repeat right top;}


.spage-data{ margin-left:200px; margin-right:20px; margin-top:20px; text-align:justify;}
.content .title{ color:#AAC263; }