@charset "utf-8";
/* CSS Document */
#colorBox {
background-color:#ec1928;
}
#main {
background-color:#e7771f;
}


#subNav {
margin:22px 0px 23px 22px;
float:left;display:inline;
}
#subNav ul {
list-style:none;
margin:0px;
padding:0px;
}
#subNav ul li {
margin-bottom:3px;
line-height:18px;
}
#subNav ul ul li {
margin:0px;
}
#subNav ul ul {
margin-bottom:3px;
display:none;
}
#subNav ul li.selected ul {
display:block !important;
}
#subNav ul a {
font-size:14px;
font-family:"Helvetica",Arial;
font-size:14px;
line-height:18px;
font-weight:bold;
text-decoration:none;
color:#000000;
text-transform:uppercase;
}
#subNav ul a:hover, #subNav li.selected a {
color:#fff;
}
#subNav li.selected ul a {
color:#000;
}
#subNav li.selected ul a:hover, #subNav li.selected ul li.selected a {
color:#fff;
}
#subNav ul ul a {
font-size:12px;
padding-left:8px;
font-weight:normal;
background:url(/Images/subNav_dot.png) 0px 5px no-repeat;
text-transform:none;
}
#subNav img { display:none; }

body {
margin:0px;
padding:0px;
background:url(/Images/bg.png) repeat;
font-family:Arial, Helvetica, sans-serif;
}
.graphicLink {
width:100%;
height:100%;
float:left;display:inline;
outline:none;
text-decoration:none;
font-size:0pt;
line-height:0pt;
list-style:
}
.graphicLink span {
visibility:hidden;
}
#marginWrap {
width:950px;
margin:0px auto;
}
#header {
width:950px;
height:197px;
background:url(/Images/header.png) no-repeat;
}

#logoWrap {
width:251px;
height:53px;
margin:21px 0px 0px 0px;
float:left;display:inline;
position:relative;
}
#logo {
position:absolute;
top:43px;
left:50px;
z-index:800;
width:154px;
height:53px;
}
#logoBtm {
width:154px;
height:53px;
float:left;display:inline;
z-index:200;
position:Absolute;
top:43px;
left:50px;
}
#logoBtm ul {
list-style:none;
margin:0px;
padding:0px;
}
#logoBtm li {
position:absolute;
top:0px;
left:0px;
display:none;
}
#colorBar {
width:699px;
height:130px;
background:blue;
float:left;display:inline;
margin:21px 0px 0px 0px;
}
#headerImage {
width:513px;
height:130px;
float:left;display:inline;
}
#colorBox {
width:186px;
height:130px;
float:left;display:inline;
}
#primary_nav {
width:921px;
height:28px;
float:left;display:inline;
overflow:hidden;
margin:9px 0px 0px 15px;
}
#primary_nav ul {
list-style:none;
margin:0px;
padding:0px;
}
#primary_nav ul li {
float:left;display:inline;
height:28px;
}
#primary_nav ul li a {
width:100%;
float:left;display:inline;
text-decoration:none;
height:100%;
outline:none;
}
#primary_nav ul li a span {
visibility:hidden;
}
#primary_home {
width:57px;
}
#primary_home:hover {
background:url(/Images/primary_navOn.png) 0px 0px no-repeat;
}
#primary_about {
margin-left:1px;
width:67px;
}
#primary_about:hover {
background:url(/Images/primary_navOn.png) -58px 0px no-repeat;
}
#primary_bags {
margin-left:1px;
width:58px;
}
#primary_bags:hover {
background:url(/Images/primary_navOn.png) -126px 0px no-repeat;
}
#primary_packaging {
width:101px;
margin-left:1px;
}
#primary_packaging:hover {
background:url(/Images/primary_navOn.png) -185px 0px no-repeat;
}
#primary_equipment {
width:102px;
margin-left:1px;
}
#primary_equipment:hover {
background:url(/Images/primary_navOn.png) -287px 0px no-repeat;
}
#primary_jansan {
width:87px;
margin-left:1px;
}
#primary_jansan:hover {
background:url(/Images/primary_navOn.png) -390px 0px no-repeat;
}
#primary_quotes {
width:75px;
margin-left:1px;
}
#primary_quotes:hover {
background:url(/Images/primary_navOn.png) -478px 0px no-repeat;
}
#primary_green {
width:90px;
margin-left:1px;
}
#primary_green:hover {
background:url(/Images/primary_navOn.png) -554px 0px no-repeat;
}
#primary_news {
width:62px;
margin-left:1px;
}
#primary_news:hover {
background:url(/Images/primary_navOn.png) -645px 0px no-repeat;
}
#primary_facts {
width:134px;
margin-left:1px;
}
#primary_facts:hover {
background:url(/Images/primary_navOn.png) -708px 0px no-repeat;
}
#primary_contact {
width:78px;
margin-left:1px;
}
#primary_contact:hover {
background:url(/Images/primary_navOn.png) -843px 0px no-repeat;
}

#main {
float:left;display:inline;
width:950px;
background:url(/Images/content_rpt.png) repeat-y;
position:relative;
}
#leftBtm {
width:251px;
height:77px;
float:left;display:inline;
position:absolute;
bottom:0px;
left:0px;
background:url(/Images/leftBtm.png) no-repeat;
}
#leftBtm ul {
list-style:none;
margin:29px 0px 0px 35px;
padding:0px;
}
#leftBtm a {
background:url(/Images/leftBtm_bullet.png) 0px 4px no-repeat;
line-height:18px;
font-size:14px;
font-family:Arial;
font-weight:bold;
text-decoration:none;
color:#fff;
padding-left:12px;
}
#leftBtm a:hover {
text-decoration:underline;
}
#left {
width:251px;
float:left;display:inline;
padding-bottom:77px;
position:relative;
font-size:14px;
line-height:22px;
color:#333333;
}
#leftContent {
width:203px;
float:left;display:inline;
margin:0px 0px 0px 22px;
}
#main p {
margin:0px 0px 15px 0px;
}
#pageBottom {
float:left;display:inline;
width:950px;
height:26px;
background:#000;
color:#fff;
text-align:right;
font-size:13px;
line-height:26px;
}
#phone {
padding-right:15px;
}

#content {
float:left;display:inline;
width:699px;
}
#rotation {
width:699px;
height:392px;
overflow:hidden;
position:relative;
float:left;display:inline;
}
#rotation ul {
list-style:none;
margin:0px;
padding:0px;
}
#rotation ul li {
position:Absolute;
top:0px;
left:0px;
display:none;
}

#contentText {
float:left;display:inline;
margin:0px 0px 0px 14px;
width:675px;
font-size:14px;
line-height:18px;
}

#footer {
float:left;display:inline;
width:950px;
margin-bottom:20px;
color:#cccccc;
font-size:13px;
line-height:17px;
}
#footerLinks {
float:left;display:inline;
width:100%;
margin-top:38px;
}
#footerLinks ul {
margin:0px;
padding:0px;
list-style:none;
text-align:center;
}
#footerLinks ul li {
display:inline;
margin:0px 4px;

}
#footer a {
color:#cccccc;
text-decoration:none;
font-size:13px;
}
#footer a:hover {
color:#000000;
}
#copyright {
width:418px;
float:left;display:inline;
text-align:right;
margin:16px 0px 0px 0px;
}
#alien {
float:left;display:inline;
width:404px;
text-align:right;
margin:16px 0px 0px 0px;
}
#alien img {
vertical-align:middle;
}

/* For iframe on jansan.html */

#outerdiv
{
width:316px;
height:246px;
overflow:hidden;
position:relative;
background-image: url(/images/loading-bg.png);
background-repeat: no-repeat;
background-position:center center;
}

#inneriframe
{
height:1200px;
left:-476px;
position:absolute;
top:-290px;
width:1280px;
}