body {margin:0px auto; font-family: Arial; background-image:url(../images/pagebg.jpg); }


td {font-family: Arial;font-size:12px;color:#555555; }
P, DIV {padding:0px;margin:0px;font-family: Arial;font-size:12px;font-weight:normal; color:#636363;}
H1, A.H1, A.H1:link, A.H1:visited {float:left; width:100%;font-family: 'Open Sans', sans-serif; font-size:14px; color:#c93030 ; padding-bottom:10px; border-bottom:solid 1px #878786 ; }
H2, A.H2, A.H2:link, A.H2:visited {font-family: 'Open Sans', sans-serif; font-size:14px; color:#c93030 ; float:left; margin:10px 0px 10px 0px}


A:visited {text-decoration: none;color:#9e0b0f; font-weight:normal  }
A:link {text-decoration: none;color:#9e0b0f; font-weight:normal }
A:hover {text-decoration: none;color:#9e0b0f;font-weight:normal}
Select {font-family: Arial;font-size:12px;color:#B09D80; padding:6px;}


.align-right { float:right; margin: 0 0 10px 10px; }
.align-left { float:left; margin:  0 10px 0px 0px; }
.frame { padding: 5px; border: 1px solid #E2E2E2; background-color:#ffffff}
.btn {height:29px; background-image:url('../images/cat_header.jpg'); color:#ffffff; border:0 ; float:right}

/* General Styling  */
#header{width:100%;height:135px; float:left; background-image:url('../images/header.png'); background-repeat:repeat-x}
    #header #header-inner{margin:0px auto; width:980px; height:135px;}
	#header #header-inner .logo {float:left;padding:0px;width:250px;height:117px; position :relative ; top:10px; }
	#header .topmenu{float:right ;  color:#999999;   height:25px; padding-top:10px; font-size:11px; }
	#header .topmenu  a{color:#999999; text-decoration:none; padding:0px 4px 0px 4px }
	
	.logoprint {display:none}

    #top {width:100%;height:425px; float:left; background-image:url('../images/pattern1.png'); background-repeat:repeat-x;  }
    #top1 {width:100%;height:222px; float:left; background-image:url('../images/pattern2.png'); background-repeat:repeat-x;  }
    #top-inner{margin:10px auto; width:980px; height:425px;}
    #top-inner .pics{float:left; width:635px; height:410px; margin-right:8px;}
    #top-inner .pics1{float:left; width:630px; height:197px; margin-right:15px;}
    #top-inner .welcome{float:left; width:335px; height:410px;}
    #top-inner .welcome .bio{float:left; width:305px; height:163px; margin:2px 0 10px 0; background-color:#cc3232; padding:10px 15px 20px 15px; color:#ffffff;}
    #top-inner .welcome .bio span {font-family: 'Ubuntu Condensed', sans-serif; font-size:21px; color:#ffffff; width:100%;}
    #top-inner .welcome .bio p{color:#ffffff; margin-top:6px; line-height:16px;}
    #top-inner .welcome .chart{float:left; width:335px; height:190px; margin-top:4px;}
    
    

/* Menu */
#menu{ float:left;width:500px; margin:60px 0px 0 45px; }
	#menu table{width:auto; height :38px; float :left;color: #FFFFFF; margin-left:80px; }
	#menu table td{color: #b8b8b8; }
	#menu table a {text-decoration:none;color:#333333;   } 
	#menu table a:hover {text-decoration:none;color:#ce3535;  } 
	#menu table .item {text-align:center;padding: 0px 18px 0px 18px; border: 0;color:#333333; }
	#menu table .itemon {text-align:center;padding: 0px 18px 0px 18px; border: 0; color: #ce3535;}

.search{float:left; width:185px; height:32px; background-image:url('../images/searchbg.png'); background-repeat:no-repeat; padding:0 0 0 0 ; margin-top:20px; }
    .search-field{position:relative; top:2px; left:4px; border:0; margin-right:10px;}
	
/* Main Area */

#mainhome {width:100%; float:left; background-image:url('../images/main.png');  }
    #mainhome #main-innerhome{margin:10px auto 0; width:980px;     }

#main {width:100%; float:left; background-image:url('../images/main.png'); }
    #main #main-inner{margin:0px auto; width:950px;    }
    #main #main-inner .container{float:left; width:100%;background-color:#f9f9f9 ;padding:10px 15px 10px 15px;  margin-top:10px; position:relative; right:15px;   }
    #main #main-inner .container .left{float:left; width:232px;   margin-right:20px;}
    #main #main-inner .container .right{float:left; width:695px;     }


#home { float:left;width:980px; }
    #home  .home-left {float:left; width:623px; height:262px; background-color:#ffffff; margin-right:10px; padding:5px 5px 5px 5px   }
    #home  .home-left .products{float:left; width:623px; height:255px; background-color:#ffffff; margin-right:10px;  }
    #home  .home-left .products img{border:0}
    #home  .home-left .products td{width:25%; padding:8px 8px 8px 8px ;vertical-align:top;color:#666666 }
    #home  .home-left .products td p{margin-top:8px;}
    #home  .home-left .products td:hover{ background-color:#efefef}
    #home  .home-right {float:left; width:332px; height:262px; }
    #home  .home-right #news {float:left; width:100%; }
    
.newsheader {float:left;padding:12px 25px 12px 12px; color:#0d4d8d; background-color:#ffffff; font-weight:bold}
.news{float:left;width:310px; height:108px;padding:12px 12px 12px 12px; background-color:#ffffff;}	


.newsheader-inner {float:left;padding:12px 25px 12px 12px; color:#0d4d8d; background-color:#ffffff; font-weight:bold;border:solid 1px #ebebeb; border-bottom:0; position:relative; top:2px; }
.news-inner{float:left;width:208px; padding:12px 12px 12px 12px; background-color:#ffffff; border:solid 1px #ebebeb; }	
    .news-inner ul{float:left;width:190px;margin:10px 15px  ; padding:0 ; list-style-image:url('../images/cross.jpg')}	
    .news-inner ul li{margin-bottom:20px;color:#666666; }	
    .news-inner ul li a{color:#333333; font-weight:bold}	
 
 
.files{float:left; width:320px; height:110px; background-color:#ffffff; margin-top:10px; border:solid 1px #cccccc;padding:8px 8px 8px 8px;}  
   .files img {float:left;  margin:2px 10px 0 0 }  
   .files a{color:#0d4d8d}
   .file1{float:left; border-bottom: dashed 1px #cccccc; padding-bottom:8px;}
   .file2{float:left; padding-top:8px;}

.files-inner{float:left;width:208px; padding:12px 12px 12px 12px; border:solid 1px #cccccc; background-color:#ffffff; margin-top:10px;}
    .files-inner img {float:left;  margin:2px 10px 0 0 }  
    .files-inner  a{color:#0d4d8d}
    
#suppliers{float:left; width:980px; height:220px; margin:50px 0px 0px 0 ;  background-image:url('../images/suppliersbg.png'); background-repeat:repeat-x; background-position:top ; padding-top:10px; }
    #suppliers .logos{float:left; width:950px; height:103px; background-color:#f9f9f9; padding:15px 15px 15px 15px; text-align:center; }
    #suppliers .logos table{width:950px;padding:10px 10px 10px 10px;text-align:center}
    #suppliers .logos table td{border-right:solid 1px #d9d8d8 ;text-align:center}

#cats{float:left; width:240px; position:relative; right:2px; margin-bottom:10px;}
    #cats .cats-head{float: left; width:212px; height:29px; background-image:url('../images/cat_header.jpg'); background-repeat:repeat-x; position: relative; top:-7px ;left:4px; font-size:13px;font-family: 'Open Sans', sans-serif; color:#ffffff; padding:8px 0px 0 20px }
    #cats .cats-top{float:left; width:240px;height:10px; background-image:url('../images/cat_top.png');}
    #cats .cats-inner{float:left; width:240px; background-image:url('../images/cat_bg.png'); background-repeat:repeat-y}
    #cats .cats-bottom{float:left; width:240px;height:12px; background-image:url('../images/cat_bottom.png');}
    #cats .cat {float:left;width:214px;height:21px ; background-image:url('../images/catbg.jpg'); background-repeat:repeat-x; border:solid 1px #e1e1e1;position: relative; top:-7px ;left:5px; padding:4px 4px 4px 10px}
    #cats .selected{width:214px;height:21px ; background-image:url('../images/catselected.png'); background-repeat: no-repeat;  }
    #cats .subcat {float:left;width:210px;height:21px ; background-color:#535352;position: relative; top:-7px ;left:5px; padding:4px 0px 4px 20px; }
    #cats .subcat a{float:left;width:85%;color:#b0b0b0;border-bottom:solid 1px #666666; padding:4px 0px 4px 0px; font-size:11px; }
    #cats .subcat_selected a{color:#ffffff}
    #cats .cat a{color:#333333; font-size:13px;font-family: 'Open Sans', sans-serif;font-weight:bold;}
    #cats .cat a:hover{color:#b0b0b0;}
    

#footer {width:100%; height:96px; float:left; background-image:url('../images/footer.jpg'); background-repeat:repeat-x; }
    #footer #footer-inner{margin:0px auto; width:980px;height:96px;padding:0}
    #footer #footer-inner #menu{ float:left; margin:10px 0 0 0 ; position:relative; right:16px; }
	#footer .terms{float:left;width:100%; margin:20px 0px 30px 0px; }
	#footerprint {display:none}
	#copyright{float:left;color:#5792cd;font-size:12px; }
	#copyright a{color:#ffffff; font-size:11px;}
	#afternet{float:right;color:#5792cd;font-size:12px;  text-align :right;}
	#afternet a{color:#5792cd;}

.clients{width:100%; text-align:center}
    .clients .alt{ background-color:#c4c7ca}
    .clients td{padding:4px 4px 4px 4px }
/* Content*/
.navigation	 {float:left; width:100%; height:25px; color:#333333; font-family: 'Open Sans', sans-serif;font-size:12px; font-weight:bold; border-bottom:solid 1px #b3b2b2 }
    .navigation a{font-family: 'Open Sans', sans-serif;font-size:12px;  color:#0d4d8d  }
    
.content{width:100%;float:left; line-height:19px;}
    
    .content a{color:#0d4d8d}
    .content .list{width:690px; }
    .content .list table{width:100%;}
    .content .list table .list-title{float:left; width:100%;color:#333333; font-size:16px; font-family: 'Open Sans', sans-serif; font-weight: bold ; margin-bottom:10px; }
    .content .list table .list-text{float:left;width:450px; margin-right:20px;}
    .content .list table .list-text a{float:right;color:#266488}
    .content .list table .list-image{float:left;width:200px}
    .content .list table td{padding:10px 4px 10px 4px}
    .content .list table td:hover{ background-color:#efefef}
    
    
    
    
    .content p{float:left;}
    .content .article{padding:0 ; margin:0; width:100%}
    .content .title{width:100%; padding-bottom:30px; color:#333333; font-size:16px; font-family: 'Open Sans', sans-serif; font-weight: bold  }
    .content .SubTitle{color:#42453D; font-size:14px;font-weight:bold}
    .content .impressions{font-size:12px; color:#47393A; font-weight:bold;   }
    .content .date{font-size:11px;color:#8596A0; margin-bottom :20px; }
    .content .user_name{float:left; color:Fuchsia;}
    .content .category{font-weight:bold; font-size :14px;padding:6px ;color:#77C5FD; text-align :right}
    .content .image1{float:left;margin: 0  10px 2px 0 ; }
    .content .thumbnail{float:left; margin:  0px  10px 0 0;}
    .content .overview p{float:left;width:100%;color:#333333;  }
    .content .body p{float:left;margin-bottom:20px;color:#333333; font-size :12px; }
    .content .attachment{float:left;width:100%;font-weight:bold;margin-bottom:10px;}
    .content .externallink{width:100%;font-weight:bold;margin-bottom:10px;}
    .content .SeeAlso{float:left;width:100%;font-weight:bold;margin-bottom:10px;color:red; font-size:14px;}
    .content .SubContent{float:left;width:100%;}
    .content .RelatedContent{float:left;width:100%;}
    .content .links{float:left;width:100%}
    .content .links a:lin{color:#C7B746;font-size:11px;}
    .content .links a:visited{color:#C7B746;font-size:11px;}
	
	.content .gallery{float:left;width:100%;}
	    .content .gallery .gallery-title{color:#333333; font-size:14px ; font-weight:bold;border-bottom:solid 1px #d8d8d8; padding:6px 10px 6px;  background-color:#d9e7ed}
	    .content .gallery table{float:left; margin-top:20px;}
	    .content .gallery table td{padding-left:10px; }
	
#standgallery{width:100%; text-align:center}
    #standgallery td{width:25%; vertical-align:top; border-right:solid 1px #b3b2b2;border-left:solid 1px #b3b2b2; text-align:center; font-size:10px;padding:4px 4px 4px 4px }
    #standgallery td p{width:100%; text-align:center;}
	    
#styletable{border:0; width:100%; float:left; margin-top:20px;}
    #styletable caption{ background-color:#d9e7ed; padding:10px 10px 10px 10px; text-align:center; margin-bottom:4px; color:#333333; font-weight:bold}
    #styletable .sub{font-size:9px; text-align:center}
    #styletable .alt{background-color:#d9e7ed; }
    #styletable .tag{ font-weight:bold; text-align:left }
	#styletable .head{ background-color:#D7E2ED; vertical-align:middle; text-align:center; font-weight:bold; font-size:14px;}
	#styletable th{padding:10px 4px 10px 4px; background-color:#ebf0f3;font-size:12px;color:#333333; vertical-align : middle; font-weight:bold;  text-align: center;border:solid 1px #cccccc;border-collapse:collapse}
	#styletable td{padding:10px 4px 10px 4px;border:solid 1px #cccccc; border-collapse:collapse; color:#333333; text-align:center}
	
#styletable1{border:0; width:100%; float:left; margin-top:20px;}
    #styletable1 caption{ background-color:#d9e7ed; padding:10px 10px 10px 10px; text-align:center; margin-bottom:4px; color:#333333; font-weight:bold}
    #styletable1 .sub{font-size:8px; text-align:center; }
    #styletable1 .alt{background-color:#d9e7ed; }
    #styletable1 .tag{ font-weight:bold; text-align:left; font-size:9px }
	#styletable1 .head{ background-color:#D7E2ED; vertical-align:middle; text-align:center; font-weight:bold; font-size:14px;}
	#styletable1 th{padding:2px 4px 2px 4px; background-color:#ebf0f3;font-size:10px;color:#333333; vertical-align : middle; font-weight:bold;  text-align: center;border:solid 1px #cccccc;border-collapse:collapse}
	#styletable1 td{padding:2px 4px 2px 4px;border:solid 1px #cccccc; border-collapse:collapse; color:#333333; text-align:center;font-size:10px }

	
	
#styleul{float:left; list-style-image:url('../images/cross.jpg');  }
    #styleul li{ margin-bottom:6px; list-style-image:url('../images/cross.jpg'); }

.diagram {float:left; width:100%}
    .diagram  td{padding:4px 4px 4px 4px; vertical-align:top;width:50%; height:35px}

/* Contact */
.contact {width:100%; font-size :13px;  background-color :#ebf0f3; border:solid 1px #cccccc; margin-top:10px; }
	.contact  th{width:50%; text-align :left ; vertical-align :middle;color:#333333;padding:10px 4px 10px 4px; font-weight: bold}
	    .contact  th span{ font-style:italic; font-weight:normal; font-size:12px; color:#666666}
	.contact  td{width:50%; text-align :left ;vertical-align : top;padding:2px 2px 2px 2px  }
	    .contact  td input{padding:6px; border:solid 1px #cccccc; color:#333333}
	    .contact  td select{padding:6px; border:solid 1px #cccccc; color:#333333}
	    .contact  td.sep{background:url('../images/suppliersbg.png') repeat-x ; height:20px;padding:10px; vertical-align:middle; background-position:center}

.contact-info {float:left; width:100%; margin:10px;padding:0;}
    .contact-info p{margin:5px 0px; width:90%}

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative; 
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	height:69px;  list-style-image:url(../images/cross.jpg)
}


.simply-scroll-list li {
	padding: 0;
	margin: 0;
	height:69px;  list-style-image:url(../images/cross.jpg)
}
	

/* Master button styles - note that left and right 
versions are included although they are not used in this example */

.simply-scroll-btn {
	position: absolute;
	background-image: url(../images/buttons.png);
	width: 15px;
	height: 15px;
	z-index:3;
	cursor: pointer;
}
	
	
.simply-scroll-btn-up {
	right: 6px;
	top: 6px;
	background-position: -30px -15px;
}
.simply-scroll-btn-up.disabled {
	background-position: -30px 0 !important;
}
.simply-scroll-btn-up:hover {
	background-position: -30px -15px;
}
	
.simply-scroll-btn-down {
	right: 6px;
	bottom: 6px;
	background-position: -15px -15px;
}
.simply-scroll-btn-down.disabled {
	background-position: -15px 0 !important;
}
.simply-scroll-btn-down:hover {
	background-position: -15px -60px;
}

/* Custom class modifications - adds to / overrides above

Vertical scroller example, with custom base class */

/* Container DIV */
.vert { 
	width: 340px; /* wider than clip for custom button pos. */
	height: 70px;
	margin-bottom: 1.5em; 
}


/* Clip DIV */
.vert .simply-scroll-clip {
	width: 290px;
	height: 70px;
}

/* Explicitly set height/width of each list item */
.vert .simply-scroll-list{
	  list-style-image:url('../images/cross.jpg')
}

.vert .simply-scroll-list li {
	width: 290px;
	height: 70px;  
}

/* Modified button positions, overriding previous styles */
.vert .simply-scroll-btn-up { 
	left: 130px;
	top: 90px;
}

.vert .simply-scroll-btn-down { 
	left: 160px;
	top: 90px;
}


#easyTooltip{
		padding:5px 10px;
		border:0;
		background:#00d74b url(../images/tooltip.jpg) repeat-x;
		color:#fff;
	}

.partners {float:left; width:100%}
    .partners .alt{ background-color:#c4c7ca}
    .partners td{padding:10px 0; border-bottom:solid 1px #b6babd}
    .partners td .store{ font-weight:bold; font-size:14px;}