body {
    background: #F1F1FD url(files/tracen_bg.gif) repeat-x;
    text-align: center;
    font-family: Arial, sans-serif;
}
h3 
{
	font-size: 12pt;
	color: #333;
	margin: 0;
}
h4 
{
	font-size: 11pt;
	color: #333;
	margin: 0;
}
img 
{
	border-style: none;
    border-color: inherit;
    border-width: 0;
    text-align: center;
}
#top
{
    position: relative;
    top: 8px;
}
CellGrad {
    background-image: url(files/tracen_bg.gif);
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    text-align: center;
}
div, ul {
    font-family: Arial, sans-serif;
    font-size: 10pt;
}
div#body {
    margin: 0 auto;
    position: relative;
    top: 4px;
    text-align: left;
    width: 762px;
    min-height: 535px;
    padding: 4px;
    /*border: solid 2px #E2EAF8;*/
    border-left: solid 2px #E2EAF8;
    border-right: solid 2px #E2EAF8;
    border-bottom: solid 2px #E2EAF8;
    background: #FFF;
}
div#bodyPrice {
     margin: 0 auto;
     position: relative;
     top: 8px;
     text-align: left;
     width: 761px;
     /*height: 545px;*/
     height: 884px;
     min-height: 520px;
     padding: 4px;
     border-left: solid 2px #E2EAF8;
     border-right: solid 2px #E2EAF8;
     border-bottom: solid 2px #E2EAF8;
     background: #FFF;
    left: 0px;
}
div#body2 {
     margin: 0 auto;
     position: relative;
     top: 8px;
     text-align: left;
     width: 762px;
     /*height: 545px;*/
     height: 680px;
     min-height: 520px;
     padding: 4px;
     border-left: solid 2px #E2EAF8;
     border-right: solid 2px #E2EAF8;
     border-bottom: solid 2px #E2EAF8;
     background: #FFF;
    left: 0px;
}
div#bodyCM {
     margin: 0 auto;
     position: relative;
     top: 8px;
     text-align: left;
     width: 762px;
     /*height: 545px;*/
     height: 970px;
     min-height: 520px;
     padding: 4px;
     border-left: solid 2px #E2EAF8;
     border-right: solid 2px #E2EAF8;
     border-bottom: solid 2px #E2EAF8;
     background: #FFF;
    left: 0px;
}
img#title {
    margin-top: 2px;
}
a#skip, .mobile
{
	display: none;
}
#NAVI
{
display:inline;
position:relative;
margin:-10px;
top:-18px;
left:3px;
}
#navBar {
 display: inline;
 position: relative;
 top: -27px;
 /*left: 25px;*/
 left: 5px;
 margin: -10px;
 padding: 2px;
 list-style: none;
}
#navBar li 
{
	display: inline;
}
a:link 
{
	text-decoration: none;
}
a:hover, a:visited:hover 
{
	text-decoration: underline;
}
a:visited 
{
	color: #0000B4;
	text-decoration: none;
}
#navBar a, #navBar .item, a.topNav, a.selected {
 /*padding: 2px 6px;*/
 margin: 0 10px;
}
#navBar a, a.topNav:link, a.topNav:visited, a.selected:link, a.selected:visited, a.sideNav:link, a.sideNav:visited, a.sideSub:link, a.sideSub:visited, a.sideSelected:link, a.sideSelected:visited {
 font-family: "Arial Narrow", Arial, sans-serif;
 font-size: 13pt;
 font-weight: normal;
 text-decoration: none;
 color: #838383;
}
a.sideSub:link, a.sideSub:visited 
{
	font-size: 9pt;
}
#navBar .selected, a.selected:link, a.selected:visited, a.sideSelected:link, a.sideSelected:visited {
 font-weight: bold;
 text-decoration: none;
 color: #537694;
}
a.more:link, a.more:visited {
 font-size: 8pt;
 float: right;
}
#navBar a.selected:hover
{
    color:#537694;   
}
#navBar a:hover, a.topNav:hover, a.sideNav:hover, a.sideSub:hover {
 color: #9E0704;
}
div#imageBar {
 padding-left: 3px;
}
div#banner {
 position: absolute;
 top: 68px;
 left: 162px;
 width: 600px;
 height: 75px;
}
div#bannerText {
 position: absolute;
 top: 96px;
 left: 213px;
 font-family: "Arial Narrow", Arial, Sans-Serif;
 font-size: 16pt;
 font-weight: bold;
 color: #9E0704;
}
span#bannerSubText, .bannerSubText 
{
	font-weight: normal;
}
div#side {
 /*position: absolute;
 top: 144px;
 left: 4px;*/
 float: left;
 margin: 4px 1px 1px;
 background: #fff url('files/left_bar.gif') repeat-x left top /*#CBD9E7*/;
 width: 156px;
 height: 464px;
}
#sideNav, div.sideNav {
 margin: 6px;
 border: solid 2px white;
 background-color: #F0F4F8;
 padding: 6px;
}
#sideFeatures, div.sideFeatures {
 margin: 6px;
 border: solid 2px #F0F4F8;
 background-color: #FFFFFF;
 padding: 6px;
}
#sideDesc {
 font-size: 8pt;
 font-style: italic;
 margin: 6px;
 margin-top: 14px;
 padding: 24px;
}
#sideDesc2 {
 font-size: 8pt;
 font-style: italic;
 margin: 6px;
 margin-top: 14px;
 padding: 5px;
}
#sideDesc ul 
{
	margin: 8px 0 0 0;
	padding-left: 16px;
}
#sideTop {
 font-family: "Arial Narrow", Arial, Sans-Serif;
 font-size: 14pt;
 color: #757575;
 padding-top: 8px;
 padding-left: 22px;
 width: 20px;
}
#sideBottom {
 font-family: Arial;
 font-size: 12pt;
 color: #C00805;
 padding-top: 40px;
 padding-left: 22px;
 width: 20px;
}
a.sideNav:link, a.sideNav:visited, a.sideSelected:link, a.sideSelected:visited {
 font-size: 10pt;
 text-align: center;
 
}
div#content {
 margin-top: 12px;
 margin-left: 172px;
 width: 577px; /*568px;*/
 height: auto;
 z-index: 1;
}
#content.home table
{
	font-size: 11pt;
	width: 100%;
	height: 100%;
}
#content.home td
{
	padding: 16px;
	display: block;
}
#content.home td a 
{
	font-size: 13pt;
}
div.pageDesc 
{
	position: absolute;
	z-index: 1;
	top:75px;
}
#pageDesc, .pageDesc {
 font-size: 12pt;
 color: #9E0704;
}
div#formContainer {
 background: #CCD8E6 url(files/TextBarRT.jpg) repeat-y scroll top left;
 padding: 6px 4px 8px;
 /*position: absolute;
 top: 60px;
 left: 0px;*/
 width: 100%;/*560px;*/
 height: auto;/*310px;*/
 margin-top: 10px;
 margin-bottom: 4px;
}
div#formContainer input[type="text"]
{
	margin: 0;
}
div#formContainer .spacer 
{
	width: 20%;
}
div#formContainer .buttons 
{
	text-align: center;
	width: 168px;
}
div#formTextBoxes 
{
	position: relative;
	left: 114px;
	top: -165px;
}
div#formRightSide 
{
	padding: 4px;
	position: relative;
	top: 0px;
	left: 290px;
}
div#formBottom 
{
	position: relative;
	top: 230px;
	left: 10px;
}
div#formButtons 
{
	position: absolute;
	top: 20px;
	left: 400px;
}
span.header, .brand
{
	color: #9E0704 !important;
}
ul.nobullets 
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.nobullets li
{
	margin: 7px 0;
}
/* front page */
div#frontItem1, div#frontItem2, div#frontItem3 {
 width: 568px;
}
div#frontItem1 {
 background-image: url(files/TextBarLT.jpg);
 background-color: white;
 height: 87px;
 /* 2 text lines: height: 77px; padding-top: 22px; */
 padding-top: 12px;
}
div#frontItem2 {
 background-color: white;
 height: 87px;
 padding-top: 12px;
}
div#frontItem3 {
 background-image: url(files/TextBarRT.jpg);
 background-color: white;
 height: 71px;
 /* height: 136px; */
 /* 1 text line: padding-top: 28px; */
 padding-top: 28px;
 overflow: hidden;
}
img.frontItem 
{
	filter: alpha(opacity=80);
	opacity: 0.8;
	float: left;
	border: 0px;
	margin: 0px 25px 0px 11px;
	position: relative;
	top: -17px;
}
#frontItem1 a, #frontItem2 a, #frontItem3 a, span#frontFooter1 {
 font-family: Arial;
 font-size: 14pt;
 color: #9E0704;
}
a:hover img.frontItem, img.normal
{
	filter: none;
	opacity: 1.0;
}
.frontItemDesc {
 font-family: Arial;
 font-size: 10pt;
 color: #000000;
}
span#frontFooter {
 padding-left: 1em;
 font-family: "Arial Narrow";
 font-size: 10pt;
 color: #000000;
}
/* end front page */
span.soar, .soarTitle span
{
	color: #009;
}
.soarTitle
{
	color: #4d4d4d;
}
h3.soarTitle, h4.soarTitle
{
	font-weight: normal;
	margin-bottom: 8px;
}
.command 
{
	color: #0D4D9C;
}
div.thirdCol 
{
	width: 33%;
	float: left;
	margin-top: 12px;
	margin-right: 5px;
}
div.thirdCol + div.thirdCol 
{
	margin: 12px 4px 0 4px;
}
div.halfCol 
{
	width: 48%;
	float: left;
	margin: -7px 4px 8px 0;
	padding: 3px;
	background: #DFE7F0 url(files/TextBarRT.jpg) repeat-y scroll top center;
}
div.halfCol + div.halfCol 
{
	margin: -7px 0 8px 4px;
}
div.soar 
{
	font-size: 9pt;
	font-weight: bold;
}
div.soar ul 
{
	font-size: 10pt;
	font-weight: normal;
	list-style: disc url(files/check.gif) outside;
	padding: 0 0 0 16px;
	margin-left: 0;
	margin-top: 8px;
}
#description 
{
	border-style: solid;
	border-width: 1px;
	margin: 36px 16px 16px 16px;
	padding: 4px;
	display: none;
	background: #fff;
}
.faded 
{
	filter: alpha(opacity=40);
	opacity: 0.4;
}
#close
{
	text-align: right;
	font-weight: normal;
}
div#leftHalf {
 font-size: 9pt;
 position: absolute;
 left: 5px;
 top: 44px;
 width: 250px;
}
div#rightHalf, div#rightNoBG {
 position: absolute;
 left: 288px;
 top: 54px;
 width: 250px;
}
div#rightHalf {
 top: 34px;
 padding: 10px;
 padding-right: 25px;
 background-image: url(files/TextBarRT.jpg);
 font-size: 10pt;
}
div#topSection 
{
	margin-top: 12px;
}
.bottomBackground
{
	background-image: url(files/BottomTextBoxBar.png);
	background-repeat:no-repeat;
	position: relative;
	top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
div#bottomSection 
{
	background: #CCD8E6 url(files/TextBarRT.jpg) repeat-y scroll top left;
	position: relative;
	top: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.rightGrad 
{
	background-color: white;
	background-image: url(files/TextBarRT.jpg);
	background-repeat: repeat-y;
	background-position: top right;
}
img#rightBar 
{
	position: relative; 
	top: 0px; 
	left: 491px; 
	width: 77px; 
	height: 354px;
	z-index: 0;
}
div#newsContainer 
{
	font-family: "Times New Roman", Arial, Sans-Serif;
	font-size: 10pt;
	text-align: justify;
	padding: 4px;
	border: solid 1px #CBD9E7;
	background-color: White;
	margin-top: 15px;
	width: 373px;
	height: 222px;
	overflow: auto;
}
span.newsItems 
{
	font-size: 10px;
	color:#9E0704;
}
a span.newsItems
{
    color:#9E0704;
}
div#formrightside a:link, div#formrightside a:hover, div#formrightside a:visited:hover 
{
	text-decoration: none;
}
#bottomRightGradient {
 position: absolute;
 top: 275px;
 left: 225px;
 width: 350px;
 height: 90px;
}
#bottomNote 
{
	font-size: 8pt; 
	padding-top: 13px;
	padding-bottom: 13px;
	background: #CCD8E6 url(files/TextBarRT.jpg) repeat-y scroll top left; 
	width: 568px;
}
#copyright {
 /*position: absolute;
 top: 566px;
 left: 521px;*/
 position: relative;
 top: 26px;
 left: 0px;
 font-family: Helvetica;
 font-size: 7pt;
 text-align: right;
 color: #874c4c;
 margin: -12px auto 16px;
 width: 762px;
}
table.hosting 
{
	width: 100%;
}
.hosting h3 
{
	display: inline;
}
.hosting td 
{
	height: 22px;
}
.hosting td + td
{
	text-align: center;
	border-left: solid 1px #999;
}
.hosting tr.title td 
{
	color: #5376A6;
	font-weight: bold;
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;
}
table.products 
{
	width: 100%;
	border-collapse: collapse;
}
table.products td 
{
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 19px;
	border-bottom: 1px solid #E2EAF8;
}
div.product 
{
	padding-bottom: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	clear: left;
	line-height: 19px;
	border-bottom: 1px solid #E2EAF8;
}
div.product img 
{
	float: left;
	margin-right: 6px;
	width: 80px;
	height: 60px;
}
div.product .price, table.products .price
{
	color: #333;
}
div.product .price
{
	float: right;
	margin-left: 14px;
}
div.product div.p 
{
	line-height: normal;
}
div.product p, table.products td p 
{
	line-height: normal;
	padding-right: 6px;
	width: 443px;/*516px;*/
	margin: 0;
}
.cartfooter, .cartfooter td 
{
	border-top: 1px solid #999;
	color: #9E0704;
}
img.product 
{
	max-width: 160px;
	max-height: 120px;
}
.style3
{
    color: #0E4D9C;
}
.style4
{
    background-color: white;
    background-image: url('files/TextBarRT.jpg');
    background-repeat: repeat-y;
    background-position: right top;
    font-size: x-large;
    text-align: center;
}
.style5
{
    font-size: xx-small;
    color: #0066CC;
}
#Prices
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#Prices td, #Prices th 
{
font-size:1em;
border:1px solid #0E4D9C;
paddingding:3px 7px 2px 7px;
}
#Prices th 
{
font-size:1.1em;
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-color:#0E4D9C;
color:#ffffff;
}
#Prices tr.alt td 
{
color:#ffffff;
background-color:#277AC6;
}