body {

	font-size:62.5%;

	font-family: Arial, Helvetica, sans-serif;

	margin:0; 

	padding:0;

	background: #fff url(../images/body-bg.jpg) center repeat-y;

	border-top:5px solid #005eb4;

}



#wrapper {

	width:978px;

	background-color:#fff;

	margin:0 auto;

	padding:0;

}



/*---------------------------------header ------------------------*/

#header {

	width:978px;

	clear:both;

}

#header h1 {

	width:385px;

	height:30px;

	background: url(../images/JSJS_logo.gif) 0 0 no-repeat;

	float:left;

	clear:both;

	margin:0;

	padding:0 0 25px;

}

#header h1 a {

	text-indent:-9999px;

	width:385px;

	height:30px;

	display:block;

}



/*---------------------------------top-right-navigation ------------------------*/

#top-right-navigation {

	height:17px;

	width:978px;

	clear:both;

	margin:0;

	padding:7px 0 0;

	

}

#top-right-navigation ul {

	height:13px;

	width:490px;

	clear:both;

	list-style:none; 

	margin:0;

	padding:8px 0 0;

	float:right;

	

}

#top-right-navigation ul li {

	list-style:none; 

	float:left;

	height:13px;

	display:inline;

	margin:0;

	padding:0;

	font-size:1.2em;

	color:#999;

}



#top-right-navigation ul li a{

	height:13px;

	margin:0;

	padding:0 5px;

	color:#999;

}

#top-right-navigation li a:hover{

	color:#005eb4;

}

#top-right-navigation li a.active {

	color:#005eb4;

}

#top-right-navigation li a.german {

	width:13px;

	height:13px;

	margin:0 6px;

	padding:0;

	text-indent:-9999px;

	display:block;

	background: url(../images/flag.jpg) 0 -13px no-repeat;

	overflow: hidden;

}

#top-right-navigation li a.german:hover {

	width:13px;

	height:13px;

	margin:0 6px;

	padding:0;

	text-indent:-9999px;

	display:block;

	background: url(../images/flag.jpg) 0 0px no-repeat;

	overflow: hidden;

}



#top-right-navigation li a.england {

	width:13px;

	height:14px;

	margin:0 6px;

	padding:0;

	text-indent:-9999px;

	display:block;

	background: url(../images/flag.jpg) -13px  0px no-repeat;

	overflow: hidden;

}

#top-right-navigation li a.england:hover {

	width:13px;

	height:14px;

	margin:0 6px;

	padding:0;

	text-indent:-9999px;

	display:block;

	background: url(../images/flag.jpg) -13px 0px no-repeat;

	overflow: hidden;

}









/*---------------------------------navigation ------------------------*/

#navigation {

	height:27px;

	width:978px;

	clear:both;

	margin:0;

	padding:0;

}

#navigation ul {

	height:27px;

	width:978px;

	clear:both;

	list-style:none; 

	margin:0;

	padding:0;

}

#navigation li {

	list-style:none; 

	float:left;

	height:27px;

	display:block;

	margin:0;

	padding:0;

}



#navigation li a{

	display:block;

	height:27px;

	text-indent:-9999px;

	margin:0;

	padding:0;

}

#navigation li a:hover{

	color:#f60;

}

#navigation li a.home {

	width:123px;

	height:27px;

	background: url(../images/main-menu.jpg) 0 0 no-repeat;

}

#navigation li a.aboutjs {

	width:207px;

	height:27px;

	background: url(../images/main-menu.jpg) -123px 0 no-repeat;

}

#navigation li a.products {

	width:143px;

	height:27px;

	background: url(../images/main-menu.jpg) -330px 0 no-repeat;

}

#navigation li a.formedia {

	width:178px;

	height:27px;

	background: url(../images/main-menu.jpg) -473px 0 no-repeat;

}

#navigation li a.investor {

	width:175px;

	height:27px;

	background: url(../images/main-menu.jpg) -651px 0 no-repeat;

}

#navigation li a.contactus {

	width:152px;

	height:27px;

	background: url(../images/main-menu.jpg) -826px 0 no-repeat;

}



#navigation li a.aboutjs:hover, #navigation li a.aboutjsactive {

	width:207px;

	height:27px;

	background-position: -124px -27px;

}

#navigation li a.products:hover, #navigation li a.productsactive {

	width:143px;

	height:27px;

	background-position: -330px -27px;

}

#navigation li a.formedia:hover, #navigation li a.formediaactive {

	width:178px;

	height:27px;

	background-position: -473px -27px;

}

#navigation li a.investor:hover, #navigation li a.investoractive {

	width:175px;

	height:27px;

	background-position: -651px -27px;

}

#navigation li a.contactus:hover , #navigation li a.contactusactive{

	width:152px;

	height:27px;

	background-position: -826px -27px;

}

#navigation li a.homeactive {

	width:123px;

	height:27px;

	background-position: 0 -54px;

}

#navigation li a.homeactive:hover {

	width:123px;

	height:27px;

	background-position: 0 0;

}

/*-------------------------------banner----------------------*/

#banner {

	width:978px;

	clear:both;

	margin:0;

	padding:0;

}

.homebanner {

height:300px;

background: url(../images/homepage-banner.jpg) 0 0 no-repeat;

position:relative;

}

.homebanner h2 {

	margin:0;

	padding:0;

	font-size:2.9em;

	display:block;

	position:absolute;

	top:66px;

	left:44px;
	
	
	
	

	clear:both;

}

.homebanner p {
	
	

	margin:0;

	padding:0;

	position:absolute;

	top:110px;

	left:44px;

	font-size:1.8em;

	width:460px;

}

.about_banner, .products_banner, .formedia_banner, .investor_banner, .contact_banner, .terms_banner, .sitemap_banner {

	height:116px;

	position:relative;

}

.about_banner {

	background: url(../images/about-us-hero.jpg) 0 0 no-repeat;

}

.products_banner {

	background: url(../images/products-hero.jpg) 0 0 no-repeat;

}

.formedia_banner {

	background: url(../images/for-media-hero.jpg) 0 0 no-repeat;

}

.investor_banner {

	background: url(../images/investor-info-hero.jpg) 0 0 no-repeat;

}

.contact_banner {

	background: url(../images/contact-us-hero.jpg) 0 0 no-repeat;

}

.terms_banner {

	background: url(../images/investor-info-hero.jpg) 0 0 no-repeat;

}

.sitemap_banner {

	background: url(../images/investor-info-hero.jpg) 0 0 no-repeat;

}

.about_banner h2, .products_banner h2, .formedia_banner h2, .investor_banner h2, .contact_banner h2, .terms_banner h2, .sitemap_banner h2  {
	
    
	margin:0;

	padding:0;

	font-size:2.9em;

	display:block;

	position:absolute;

	clear:both;

	top:35px;

	left:44px;

}

.about_banner p, .products_banner p, .formedia_banner p, .investor_banner p, .contact_banner p, .terms_banner p, .sitemap_banner p  {
display:none;
	margin:0;

	padding:0;

	position:absolute;

	font-size:1.8em;

	top:50px;

	left:44px;

	width:460px;

	line-height:20px;

}



/*---------------------------------content-main------------------------*/

#content-main {

	clear:both;

}

/*---------------------------sidebar-------------------------*/

#sidebar {

	margin:0;

	padding:25px 0 0 0;

}

.side-nav {

	width:291px;

	margin:0;

	padding:0;

	height:auto;

	position:relative;

	

}



.side-nav h2 {

	width:266px;

	height:29px;

	margin:0;

	padding:0 0 0 25px;

	background: url(../images/promo_box/publications_title_bg.png) 0 0 no-repeat;

	line-height:29px;

	color:#fff;

	font-size:1.2em;

	text-transform:uppercase;

}

.subnav h2 {

	background: url(../images/for_sub_nav/publications_title_bg.png) 0 0 no-repeat;

}

.side-content {

	width:291px;

	min-height:219px;

	height: auto !important;

	height:219px;

	margin:0;

	padding:0;

	background: #0f0f0f url(../images/promo_box/publications_middle_bg.png) 0 0 repeat-x;/*494949*/

}

.subnav .side-content {

	width:291px;

	min-height:129px;

	height: auto !important;

	height:129px;

	margin:0;

	padding:0;

	background: #7d7d7d url(../images/for_sub_nav/publications_middle_bg.png) 0 bottom repeat-x;

}



.extrapadding {

 padding:0 0 15px;

}

.side-content p {

	padding:0 20px 25px 25px;

	font-size:1.2em;

	color:#fff;

}

.side-content ul {

	list-style:none;

	margin:0;

	padding:20px 20px 0 25px;

}

.side-content ul li {

	margin:0;

	padding:0 0 10px 15px;

	list-style:none;

	background: url(../images/white-arrow.gif) 0 3px no-repeat;

}

.side-content ul li a {

	margin:0;

	padding:0;

	color:#fff;

	font-size:1.2em;

	font-weight:700;

}

.side-content ul li a:hover {

	color:#000;

}

.side-content ul li a.active {

	color:#000;

}

	

.bottomcap {

	width:291px;

	height:3px;

	margin:0;

	padding:0;

	bottom:0;

	position:absolute;

	background:url(../images/promo_box/publications_bottomcap_bg.png) 0 0 no-repeat;

	line-height:3px;

}

.subnav .bottomcap {

	background:url(../images/for_sub_nav/publications_bottomcap_bg.png) 0 0 no-repeat;

}

.news-bar {

	width:291px;

	margin:0;

	padding:25px 0 35px;

}

.each-news {

	clear:both;

	margin:0;

	padding:0 0 10px;

	background: url(../images/dot-border.gif) 0 bottom repeat-x;

}

.noborder {

background:none;

}

.news-bar h2{

	width:291px;

	background: url(../images/gray-dot.gif) 0 bottom repeat-x;

	height:12px;

	margin:0;

	padding:0;

}

.news-bar h2 span{

	display:block;

	height:12px;

	width:50%;

	background-color:#fff;

	color:#333;

	line-height:12px;

	font-size:13px;

}

span.date {

	display:block;

	color:#666;

	font-size:1.1em;

	padding:10px 0 0 0;

}

.news-bar p {

	font-size:13px;

	color:#000;

	line-height:16px;

	margin:1em 0;
	padding:5px 0;

}

.news-bar a {

	background:url(../images/round-arrow.gif) 0 3px no-repeat;

	padding:0 0 0 15px;

	text-decoration:none;

	font-size:1.1em;

	color:#000;

	display:block;

	

}

/*----------------------------------body-content----------------------------------*/

#body-content {

	margin:0;

	padding:25px 0 40px 0;

}



#body-content h3 {

	

	background: url(../images/gray-dot.gif) 0 bottom repeat-x;

	height:26px;

	margin:0 0 20px;

	padding:0;

}

#body-content h3 span{

	display:inline;

	height:26px;

	

	background-color:#fff;

	color:#333;

	line-height:26px;

	font-size:26px;

	font-weight:400;

}

#body-content ul {

	margin:0;

	padding:0 10px;

}

#body-content ul li{

	list-style:none;

	margin:0;

	padding:5px 0;

}

#body-content ul li a{

	color:#005eb4;

	font-size:1.2em;

}

#body-content ul li a:hover{

}

#body-content .single-data {

	clear:both;

	margin:0;

	padding:0 0 5px;

	background:url(../images/gray-dot.gif) bottom repeat-x;

}

#body-content .single-data p {

	margin:0;

	padding:0 0 20px;

	font-size:1.3em;

}

#body-content .single-data p a {

	color:#005eb4;

	text-decoration:none;

	background: url(../images/blue-arrow.gif) right 6px no-repeat;

	padding:0 12px 0 0;

	text-align:left;	

	margin:0;

	

}

#body-content .single-data a.single {



	background:url(../images/round-arrow.gif) 0 3px no-repeat;

	padding:0 0 0 15px;

	text-decoration:none;

	font-size:1.1em;

	color:#000;

	display:block;

	width:30%;

	font-weight:700;

	

}

a.single {



	background:url(../images/round-arrow.gif) 0 3px no-repeat;

	padding:0 0 0 15px;

	text-decoration:none;

	font-size:1.1em;

	color:#000;

	display:block;

	width:30%;

	font-weight:700;

	

}

#body-content .nobg {

	background:none;

}

#body-content .single-data h4{

	font-size:1.8em;

	margin:0;

	padding:15px 0 10px;

	color:#333;

	font-weight:500;

}

#body-content .single-data h5{

	font-size:1.1em;

	margin:-8px 0 0;

	padding:0 0 15px;

	color:#666;

	font-weight:500;

}

#body-content p {

	font-size:1.3em;

	color:#000;

	padding:0 0 8px;

	line-height:22px;

	text-align:left;

	margin:0;

}

#body-content table {

	font-size:1.3em;

	color:#000;

	text-align:left;

	margin:0;
	
	border:0;

}

#body-content tr{
	border:0;
}

#body-content td{
	border:1px solid #999;
}

#body-content p a {

	color:#005eb4;

	text-decoration:none;

	background: url(../images/blue-arrow.gif) right 6px no-repeat;

	padding:0 20px 0 0;

	text-align:left;	

	margin:0;

}

/*----------------------------------products-display--------------------*/

.products-display {

	clear:both;

	margin:0;

	padding:0;

}

#body-content .products-display h4 {

	width:100%;

	background: url(../images/gray-dot.gif) 0 bottom repeat-x;

	height:41px;

	margin:0;

	padding:15px 0 0;

}

.products-display h4 strong{

	display:block;

	height:41px;

	width:129px;

	background:#fff url(../images/productsdisplay_title.gif) 0 0 no-repeat;

	color:#333;

	line-height:41px;

	font-size:1.3em;

	font-weight:400;

	padding:0 0 0 5px;

}

.product {

	width:132px;

	float:left;

	margin:0;

	padding:20px 38px 0 0;

	.padding:20px 19px 0 0;

	display:inline;

}

.pro_padding {

	padding:20px 0 0 0;

}

.product div {

	

	float: left;

	text-align: center;

	width:132px;

	height:89px;

	margin:0 0 15px;

	.margin:0;

	font-size: 1em;

	line-height: 89px;

	background: url(../images/product-display-bg.gif) 0 0 no-repeat;



}

.product div img {

	margin-top: expression(( 89 - this.height ) / 2); 

	}

html>body .product div img { 

   /*hidden from IE 5-6 */

	margin-top: 0; /* to clean up, just in case IE later supports valign! */

	vertical-align: middle;

}

#body-content .product p {

	font-size:1.1em;

	margin:0;

	padding:0;

	line-height:15px;

	color:#666;

}

#body-content .product a {

	background:url(../images/round-arrow.gif) 0 12px no-repeat;

	padding:10px 0 0 15px;

	text-decoration:none;

	font-size:1.1em;

	color:#000;

	display:block;

	width:100%;

}



/*-----------------pro_photo----------------*/

div.pro_photo {

	

	float: left;

	text-align: center;

	width:175px;

	height:148px;

	margin:0 10px 0 0;

	.margin:0 10px 0 0;

	font-size: 1em;

	line-height: 148px;

	background-color:#f0f0f0;



}

div.pro_photo img {

	margin-top: expression(( 148 - this.height ) / 2); 

	}

html>body div.pro_photo img { 

   /*hidden from IE 5-6 */

	margin-top: 0; /* to clean up, just in case IE later supports valign! */

	vertical-align: middle;

}



#body-content .single-data div.pro_photo {

	float: left;

	text-align: center;

	width:132px;

	height:89px;

	margin:16px 10px 0 0;

	.margin:16px 10px 0 0;

	font-size: 1em;

	line-height: 89px;

	background:#f0f0f0 url(../images/product-display-bg.gif)0 0 no-repeat;

}

#body-content .single-data div.pro_photo img {

	margin-top: expression(( 89 - this.height ) / 2); 

	}

html>body #body-content .single-data div.pro_photo img { 

   /*hidden from IE 5-6 */

	margin-top: 0; /* to clean up, just in case IE later supports valign! */

	vertical-align: middle;

}

/*-----------------------------grid-----------------------------*/

.grid1 {

	width:330px;

	margin:0;

	padding:0;

	float:left;

}

.grid2 {

	width:645px;

	margin:0;

	padding:0;

	float:left;

}

.gridfull {

	width:975px;

}

.grid3 {

	width:291px;

	margin:0;

	padding:0;

	float:right;

}







/*--------------------------------------footer-----------------------------------*/

#footer {

	width:978px;

	background: #535353 url(../images/footer-bg.gif) 0 bottom no-repeat;

	color:#fff;

}

.address {

	float:left;

	padding:20px 0 0 25px;

	width:262px;

	height:88px;

	background: url(../images/right-border-bg.gif) right 15px no-repeat;

}

.address p{

	margin:0;

	padding:0 0 5px;

	color:#ccc;

}

.address a {

	color:#fff;

	text-decoration:none;

}

.fottermenu ul{

	float:left;

	width:144px;

	margin:0;

	padding:20px 0 0 25px;

}

.fottermenu li {

	list-style:none;

	font-size:1.1em;

	padding:0 0 5px;

}

.fottermenu li a {

	color:#fff;

}

.copyrightinfo {

	float:left;

	padding:20px 0 0 25px;

	height:88px;

	background: url(../images/right-border-bg.gif) 0 15px no-repeat;

}

.copyrightinfo p {

	font-size:1.1em;

	margin:0;

	padding:0 0 5px;

}

#contact-side p{
	margin:0;
	padding:1em 25px;
	line-height:2em;
}