/* Borrowed from Timmy. */
/* START RESET normalize the playing field between browsers*/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td {margin:0;padding:0;}
table{font-size: 12px;border-collapse:collapse;border-spacing:0;}
img{border:0;}

div
{
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0;
    padding: 0;
}
/* END RESET */

/* START CLEAR FIX */
/* This fixes IE has layout bug */
/* http://positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* This causes a warning with Firefox. */
/* .clearfix {display: inline-table;} */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* END CLEAR FIX */

li {
    margin-bottom: 5px;
}

a 
{
  text-decoration: none;
  color: #a81b1b;
}

b 
{
  color: #444;
}

h1, h2, h3, h4
{
  padding-left: 0px;
  padding-bottom: 3px;
  font-weight: lighter;
  color: #333;
}

body
{
  background-color: #444;
  background-image: url('../images/bg.jpg');
  background-repeat: no-repeat;
  font-family: verdana;
  margin: 10px;
}

#footer
{
    width: 100%;
    height: 30px;
    background-color: #bf1919;
    color: #fff;
    font-size: .9em;
}

#footer a
{
    color: #fff;
}


#tabContent
{
    padding: 20px;
    /*border-left: 2px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;*/
}

#tabContent p {
	margin-top: 10px;
}

#commonBody
{
}

#commonNavigation
{
  background-color: #444;
  color: #fff;
}

#navigation
{
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#navigation li
{
    list-style: url("http://png.com/ellipse.png");
}

#navigationItem {
    padding: 0px;
    display: inline;
}

#navigationItem a:link,
#navigationItem a:visited
{
    color: #fff;
    font-weight: bold;
    padding: 6px 20px 5px 5px;
}

#navigationItem a:hover,
#navigationItem a:active
{
    background-color: #999;    
}

#navigationItem.selected
{
    background-color: #999;
    padding: 5px 0px 5px 0px;
    font-weight: bold;
}


#tabmenu {
    color: red;
    /*border-bottom: 2px solid black;*/
    margin: 30px 0px 0px 0px;
    padding: 0px;
    z-index: 1;
    padding-left: 10px 
}

#tabmenu li {
    display: inline;
    overflow: hidden;
    list-style-type: none; 
}

#tabmenu a, a.active {
    color: red;
    background: #fff;
    /*border: 2px solid black;*/
    padding: 6px 6px 6px 6px;
    margin: 0px 25px 2px 0px;
    font-weight: bold;
    text-decoration: underline; 
}

#tabmenu a.active {
    background: red;
    color: #fff;
    text-decoration: none;
    /*border-bottom: 2px solid #fff; */
}

#tabmenu a:hover {
    color: #222;
    background: #ccc; 
}

#tabmenu a.active:hover {
    color: #222; 
}

.lbreak {
	clear: both;
}

.container {
	padding: 20px;
}

#splash{
    width: 800px;
    height: 400px;
    margin: 0px;
}

#splash td {
    vertical-align: top;
}

#splash .rows {
    width: 580px;
}

#splash .splash-row {
    margin: 25px 0px 15px 0px;
}

#splash .splash-row img {
	float: left;
}

#splash .splash-row h2, p {
	margin: 0px;
	color: #333;
}

#splash .splash-row h2 {
	color: #900;
}

#splash td.packaging-division {
    width: 227px;
    height: 441px;
    background-image: url('../images/splash-packaging-division-b.gif');
    background-repeat: no-repeat;
}

#splash td.packaging-division .packaging-button {
    margin: -90px 0px 0px 10px;
}

#splash td.packaging-division ul {
    margin: 140px 0px 0px 30px;
}

#splash td.packaging-division ul a {
    padding: 2px;
}

.padded {
	padding: 10px;
}

.on {
	background-color: #900;
	color: #fff;
}