.subnav ul {list-style: none; padding: 0 0 0 122px; margin: 0; height: 22px; background: url('http://www.sjsproducts.com/assets/5920/home_10.jpg') no-repeat left top;}
.subnav ul li {float: left;}
.subnav ul li a {display: block; width: 165px; height: 22px; background-position: center center; background-repeat: no-repeat; color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-indent: 20px; line-height: 22px;}
.subnav ul li.resource_center a {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/home_11.jpg');}
.subnav ul li.technical_assistance a {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/home_12.jpg'); width:166px;}
.subnav ul li.request_a_quote a {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/home_13.jpg'); width:166px;}
.subnav ul li.factory_partners a {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/home_14.jpg'); width: 161px;}
.subnav ul li.resource_center a:hover {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/homerollover_11.jpg');}
.subnav ul li.technical_assistance a:hover {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/homerollover_12.jpg');}
.subnav ul li.request_a_quote a:hover {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/homerollover_13.jpg');}
.subnav ul li.factory_partners a:hover {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/homerollover_14.jpg');}

.subnav ul li.hk_resource_center a {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/hk_resource.gif');}
.subnav ul li.hk_technical_assistance a {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/hk_tech.gif'); width:166px;}
.subnav ul li.hk_request_a_quote a {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/hk_request.gif'); width:166px;}
.subnav ul li.hk_factory_partners a {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/hk_factory.gif'); width: 161px;}
.subnav ul li.hk_resource_center a:hover {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/homerollover_11.jpg');}
.subnav ul li.hk_technical_assistance a:hover {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/homerollover_12.jpg');}
.subnav ul li.hk_request_a_quote a:hover {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/homerollover_13.jpg');}
.subnav ul li.hk_factory_partners a:hover {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/homerollover_14.jpg');}

.subnav ul li.la_resource_center a {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/la_resource.gif');}
.subnav ul li.la_technical_assistance a {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/la_tech.gif'); width:166px;}
.subnav ul li.la_request_a_quote a {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/la_quote.gif'); width:166px;}
.subnav ul li.la_factory_partners a {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/la_factory.gif'); width: 161px;}
.subnav ul li.la_resource_center a:hover {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/homerollover_11.jpg');}
.subnav ul li.la_technical_assistance a:hover {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/homerollover_12.jpg');}
.subnav ul li.la_request_a_quote a:hover {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/homerollover_13.jpg');}
.subnav ul li.la_factory_partners a:hover {background-image: url('http://www.sjsproducts.com/typeroom/assets/uploads/homerollover_14.jpg');}


/* menu top */
ul.menu {
 margin:0;
 padding:0 0 0 50px;
 width:730px;
 height:30px;
 background:url(http://www.sjsproducts.com/typeroom/assets/uploads/bg-menu.gif) no-repeat;
 list-style: none;
}
ul.menu li {
 float: left;
 padding:0 0 0 18px;
}
ul.menu a {
 color:#000;
 padding:0 0 0 18px;
 font:12px/30px Arial, Helvetica, sans-serif;
 text-decoration: none;
 background:url(http://www.sjsproducts.com/typeroom/assets/uploads/bg-arrow.gif) no-repeat 0 50%;
}
ul.menu a:hover {
 text-decoration: underline;
}

#rghtColumn ul {float: left; margin: 0 10px; padding: 0; width: 80px;}

body {
 margin: 0px auto;
 background-image: url(http://www.sjsproducts.com/typeroom/assets/uploads/bgcontent_02_asia.jpg);
 background-repeat: repeat-x;
 }
#body01 {
 margin: 0px auto;
 background-image: url(http://www.sjsproducts.com/typeroom/assets/uploads/bg_01.jpg);
 background-repeat: repeat-x;
 }
#container {
 margin: 0px auto;
 height: auto;
 width: 780px;
 }
#countryContainer {
 height: auto;
 width: 780px;
 text-align: right;
 }
#countryLinks {
 margin-right: 29px;
 }
#navBG {
 background-image: url(http://www.sjsproducts.com/typeroom/assets/uploads/home_08.jpg);
 }
#topDotdivider {
 background-image: url(http://www.sjsproducts.com/typeroom/assets/uploads/top_dotdivider.gif);
 background-repeat: repeat-x;
 width: 780px;
 height: 11px;
 }
#leftColumn {
 width: 125px;
 float: left;
 text-align: center;
 vertical-align: bottom;
 background-position: bottom;
 }
.rohsImage {
 vertical-align: bottom;
 text-align: center;
 background-position: bottom;
 margin-top: 15px;
 }
#cntrColumn {
 width: 402px;
 float: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
 }
#cntrColumn p {
 margin: 15px 15px 15px 0;
}
#cntrColumn h1 {margin: 15px 0 0 0;}
#laTitle {
 margin-top: 15px;
 margin-bottom: 8px;
 }
#cntrContent {
 margin-right: 36px;
 }
#rghtColumn {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #000000;
 margin-top: 15px;
 width: 200px;
 float: right;
 margin-right: 26px;
 margin-left: 26px;
 }
#compLeft {
 float: left;
 }
#compRght {
 float: right;
 }
#botmColumn {
 width: 780px;
 height: 51px;
 float: left;
 background-image: url(http://www.sjsproducts.com/typeroom/assets/uploads/botm_column.gif);
 background-repeat: no-repeat;
 margin-top: 20px;
 }
#rghtDivider {
 background-image: url(http://www.sjsproducts.com/typeroom/assets/uploads/vert_dots.gif);
 background-repeat: repeat-y;
 height: 310px;
 *height: 335px;
 width: 1px;
 float: left;
 }
#botmLeft {
 float: left;
 margin-top: 8px;
 margin-left: 16px;
 }
#botmRght {
 float: right;
 margin-top: 8px;
 margin-right: 52px;
 }
#laFooter {
 width: 780px;
 float: left;
 }
.style1 {
 text-align:left;
 color: #333333;
 font-size: 10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 }
.style3 {color: #2C6BCA}
.style4 {
 color: #062B55;
 background-color: #9DACBF;
}
.style6 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 18px;
 color: #FAC400;
 font-weight: bold;
 }
.style7 {color: #044088}
.style8 {color: #333333}
.footer {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 line-height: normal;
 font-size: 9px;
 text-align: center;
 padding-bottom: 15px;
 color: #333333;
 }
#countryLinks, #botmRght {
 color: #333333;
 font-size: 10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 }
.style11 {color: #044088}
.style14 {
 color: #333333;
 font-weight: bold;
 }
.style15 {font-size: 9px}
img { border-style: none;
 }
#login {
 text-align: right;
 color: #333333;
 font-size: 10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 }
a:link {
 color: #333333;
 text-decoration: none;
 }
a:visited {
 text-decoration: none;
 color: #333333;
 }
a:hover {
 text-decoration: none;
 color: #044088;
 }
a:active {
 text-decoration: none;
 color: #333333;
 }
a.underline:link {
 color: #333333;
 text-decoration: underline;
}
a.underline:visited {
 color: #333333;
 text-decoration: underline;
 }
a.underline:hover {
 color: #044088;
 text-decoration: underline;
 }
.note {
 font:9px Arial, Helvetica, sans-serif;
 color:#990000;
 padding: 0px;
 }
div.slider {
 margin-top: 6px;
 width: 480px;
 border: 2px solid #EEEEEE;
 cursor: pointer;
 }
div.slider_content {
 margin-top: 6px;
 width: 480px;
 border: 2px solid #EEEEEE;
 }
.required {
 font-weight:bold;
 color: #990000;
 white-space:nowrap;
 }
#rohs {
 height: auto;
 width: auto;
 text-align: center;
 }
#ppt {
 float: left;

 line-height: 18px;
 }
#pptLogo {
 float: left;
 margin-right: 6px;
 margin-top: -1px;
 }
#footDivide {
 background-color: #044088;
 background-repeat: repeat-x;
 margin-top: 30px;
 margin-bottom: 15px;
 height: 1px;
 }
#pptHeader {
 font-weight: bold;
 background-image: url(http://www.sjsproducts.com/typeroom/assets/uploads/ppt_dots.gif);
 background-repeat: repeat-x;
 margin-top: 8px;
 height: 10px;
 display: block;
 }
#dropDown {
 *padding-top: 14px;
 }
#mainBody {
 text-align:left;
 color: #333333;
 font-size: 10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 width: 500px;
 margin: 0px;
 padding: 0px;
 }
#subNav {
 width: 155px;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #999999;
 height: 165px;
 display: block;
 margin-left: 15px;
 padding-left: 15px;
 float: right;
 }
#subnavService {
 width: 155px;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #999999;
 height: 335px;
 display: block;
 margin-left: 15px;
 padding-left: 15px;
 float: right;
 }
#divPix {
 margin-top: 25px;
 }
#divDivider {
 background-image: url(http://www.sjsproducts.com/typeroom/assets/uploads/div_divider.gif);
 background-repeat: no-repeat;
 float: left;
 height: 1px;
 width: 409px;
 }
