

.glossymenu{
margin:   10px;
padding: 0;
width: 190px; /*width of menu*/
border-bottom-width: 0;

}

.glossymenu a.menuitem{
background : url(images/cartons-small.gif) no-repeat top left ;
font: bold 12px Verdana, Helvetica, sans-serif;
color: #000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 17px  0 27px 0 ;
padding-left: 60px;
margin: 10px 0 0 0;
text-decoration: none;
border-bottom: 1px solid #ccc;
height: ;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #000;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
text-decoration: underline;
color: #000;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #ccc;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 12px  Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #ccc;
colorz: white;
}






.glossymenu a.menuitem2{
background : url(images/packaging-small.gif) no-repeat top left ;
font: bold 12px Verdana, Helvetica, sans-serif;
color: #000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 10px  0 20px 0 ;
padding-left: 60px;
margin: 10px 0 0 0;
text-decoration: none;
border-bottom: 1px solid #ccc;
height: ;
}


.glossymenu a.menuitem2:visited, .glossymenu .menuitem2:active{
color: #000;
}

.glossymenu a.menuitem2 .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem2:hover{
text-decoration: underline;
color: #000;
}




.glossymenu a.menuitem3{
background : url(images/mattress-small.gif) no-repeat top left ;
font: bold 12px Verdana, Helvetica, sans-serif;
color: #000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 10px  0 20px 0 ;
padding-left: 60px;
margin: 10px 0 0 0;
text-decoration: none;
border-bottom: 1px solid #ccc;
height: ;
}


.glossymenu a.menuitem3:visited, .glossymenu .menuitem3:active{
color: #000;
}

.glossymenu a.menuitem3 .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem3:hover{
text-decoration: underline;
color: #000;
}





.glossymenu a.menuitem4{
background : url(images/tapes-small.gif) no-repeat top left ;
font: bold 12px Verdana, Helvetica, sans-serif;
color: #000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 17px  0 27px 0 ;
padding-left: 60px;
margin: 10px 0 0 0;
text-decoration: none;
border-bottom: 1px solid #ccc;
height: ;
}


.glossymenu a.menuitem4:visited, .glossymenu .menuitem4:active{
color: #000;
}

.glossymenu a.menuitem4 .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem4:hover{
text-decoration: underline;
color: #000;
}



.glossymenu a.menuitem5{
background : url(images/mailbags-small.gif) no-repeat top left ;
font: bold 12px Verdana, Helvetica, sans-serif;
color: #000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 17px  0 27px 0 ;
padding-left: 60px;
margin: 10px 0 0 0;
text-decoration: none;
border-bottom: 1px solid #ccc;
height: ;
}


.glossymenu a.menuitem5:visited, .glossymenu .menuitem5:active{
color: #000;
}

.glossymenu a.menuitem5 .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem5:hover{
text-decoration: underline;
color: #000;
}



.glossymenu a.menuitem6{
background : url(images/removal-kits-small.gif) no-repeat top left ;
font: bold 12px Verdana, Helvetica, sans-serif;
color: #000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 17px  0 27px 0 ;
padding-left: 60px;
margin: 10px 0 0 0;
text-decoration: none;
border-bottom: 1px solid #ccc;
height: ;
}


.glossymenu a.menuitem6:visited, .glossymenu .menuitem6:active{
color: #000;
}

.glossymenu a.menuitem6 .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem6:hover{
text-decoration: underline;
color: #000;
}
