body 
{
	font-family:Arial;
}

table
{
	width:100%;
}

.adThumbnails
{
	width:145px;
}

.background 
{
	margin-left:auto;
	margin-right:auto;
	width: 760px;
}

.backgroundBlock
{
	width:100%;
	background-color:#ccccff;
	height:340px;
}

.backgroundBlock P
{
	margin-left:6px;
}

.backgroundBlock Div
{
	height:50px;
}

.backgroundBlock a
{
	font-weight:bold;
}

.backgroundBlockLink
{
	font-weight:normal;
}

.ContactBlock
{
	width:357px;
	height:340px;
}

.contactHeaders
{
	color: #333366;
	font-style: italic;
}

.banner
{
	height:50px;
	width:100%;
	position: relative; 
}

.trailer
{
	height:50px;
	background: url('../images/menu-background.png') repeat-x left top;
}

.contentPanel
{
	height: 350px; 
	width: 100%;
}

.contentPanelLeft
{
	width: 0%;
}

.contentPanelCenter
{
	width: 80%;
}

.contentPanelRight
{
	left:100%;
	width: 20%;
}

.contentPanelRight div
{
	border-color:#dddada;
	border-width:3px;
	border-style:solid;
	margin-bottom:5px;
}

.contentPanelRight div:hover
{
	background-color:#dddada;
	border-color:#333366;
	border-style:solid;
}

.CenterPlaceholder
{
	float:left;
	width:100%;
	height:auto;
	margin-top:10px;
}

.imageBanner
{
	height:248px;
	width:100%;
}

.image
{
	height:248px;
	width:100%;
	position: relative; 
}

h1
{
	background: url('../images/underline.gif') repeat-x center bottom;
	border-top: 6px solid #dddada;
	color: #414042;
		font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: small;
		line-height: 38px;
}

h2
{
	font-size: small; 
}

td
{
	vertical-align:top;
}
p
{
	font-size: small;
	color: #5c5c5c;
	margin-top:1px;
	margin-bottom:10px;
}

.Products
{
	font-size:small;
	color: #5c5c5c;
	margin-top:1px;
	margin-bottom:1px;
}

.acTrackingSolutions
{
	font-size:14pt;
	font:bold lighter;
}

.FreeButton
{
	Height:27px;
	Width:74px;
	margin-left:6px;
}

.FreeButtonDiv
{
	height:30px;
}

.ApplicationImagePopup 
{
	position:absolute;
	z-index:99;
	width:400px;
	visibility: hidden;
	border:6px solid #333366;
}

.ApplicationImagePopup div img
{
	width:380px;
	border-top:6px solid #333366;
	border-bottom:6px solid #333366;
}

.ApplicationImagePopup li
{
	text-align: left;
}

.ApplicationImagePopup div
{
	background-color:#333366;
	color: #dddada;
	left:5%;
	right:5%;
	width:auto;
	border:6px solid #333366;
	font-size: 14px;
	font-family: arial;
	font-weight:inherit
}

.ApplicationImage img:hover
{
	border-color:#333366; 
	background-color:#dddada;
}

.ApplicationImageNormal
{
	border-color:#dddada;
	border-width:2px;
	border-style:solid;
	width:130px;
	margin-left:13px;
	margin-top:10px;
}

.ApplicationImageLeft
{
	border-color:#dddada;
	border-width:2px;
	border-style:solid;
	width:130px;
	margin-right:1px;
	margin-top:10px;
}

.ApplicationImageRight
{
	border-color:#dddada;
	border-width:2px;
	border-style:solid;
	width:130px;
	margin-left:14px;
	margin-top:10px;
}

.ProductsImg
{
	margin-right: 10px; 
	margin-bottom: 5px; 
	float: left;
	height:130px;
	width:130px;
}

#Menu
{
	height: 50px;
	background: url('../images/menu-background.png') repeat-x left top;
}

#Menu #Current a
{
	border-top:6px solid #333366;
	height: 46px;
	line-height: 50px;
}

.Filler
{
	width:100%;
	border-top:6px solid #dddada;
}

#Menu a
{
	height: 46px;
	border-top:6px solid #dddada;
	line-height: 50px;
	padding-right: 18px; padding-left: 18px; padding-bottom:2px;
	background: url('../images/menu-divider.png') right top no-repeat;
	float: left;
	color: #333366;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-family: arial;
	font-weight:bold;
}

#Menu a:hover, #Menu a.active
{
	border-top:6px solid #333366;
}

/*Element IDs.  The header element is for use with our tabbed menu items*/
/*Make sure that the header is set to float.
A temporary yellow background is added to ensure this parent stretches to fill the entire area behind the tabs. 
We also set some default text properties, ensuring everything inside will be the same*/
#header 
{
    float:left;
	background:#DAE0D2 url("../images/bg.gif") repeat-x bottom;
    font-size:93%;
    line-height:normal;
    width:142%;
}

/*Set all of the default margin/padding values of the unordered list and list items to “0”
and remove the list item marker. Each list item gets floated to the left*/
#header ul 
{
    margin:0;
	padding:10px 10px 0;
    list-style:none;
}

#header li 
{
    float:left;
	background:url("../images/norm_left.gif") no-repeat left top;
    margin:0;
	padding:0 0 0 9px;
}

/*set the anchors to block-level elements so we can control all aspects without worrying about the inline box*/
#header a 
{
    display:block;
	background:url("../images/norm_right.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
}

#header #current 
{
    background-image:url("../images/norm_left_on.gif");
}

#header #current a 
{
    background-image:url("../images/norm_right_on.gif");
	padding-bottom:5px;
}