
/* header horizontal menu rules */ 

=================================================================================== */
.clearit

{
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

.horizontal {
	width: 100%;
	height: 25px;
	margin: 0;
	padding: 0;
	background: #000000 url(images/css/bg-bubplastic.gif) top left repeat-x;
}
.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(images/css/bg-bubplastic-button.gif) top left no-repeat;
}

.horizontal ul li a {
	display: block;
	height: 25px;
	padding-left: 9px;
	float: left;
	text-transform: uppercase;
	font-family: sans-serif,arial;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}

.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 25px;
	padding-top: 5px;
	padding-right: 10px;
	background: transparent url(images/css/bg-bubplastic-button.gif) top right no-repeat;
	color: #FFFFFF;
	cursor: pointer;
}

/* HOVER */

.red ul li a:hover,
.red ul li.highlight a {
	background: transparent url(images/css/bg-bubplastic-h-red.gif) top left no-repeat;
	color: #d7ebff;

}
.red ul li a:hover span.menu_ar,
.red ul li.highlight a span.menu_ar {
	background: transparent url(images/css/bg-bubplastic-h-red.gif) top right no-repeat;
}

#test li {
	display: block;
	border: solid 5px red;

}

/* end horizontal menu rules 
=================================================================================== */

/* common paddings */
.Pad3Top
{padding-top:3px; 
background:#ca0002;
}

.Pad1Top
{padding-top:1px; 
background:#cccccc;
}
.Pad5Top
{
padding-top:5px;
} 
.Pad10Top
{
padding-top:10px;
} 

.Pad20Top
{
padding-top:20px;
}

.Pad25Top
{
padding-top:25px;
}

.Pad12Left
{
padding-left:12px;
}

.Pad15Right
{
padding-right:15px;
}

.Pad5Bottom
{
padding-bottom:5px;
}

.Pad10Bottom
{
padding-bottom:10px;
}