@import url('fusion.css');

#frontBody { background-color: #d0d0d0; font-family: arial, helvetica, sans-serif; margin: 0px 0px; }
#frontBody textarea { font-family: arial, helvetica, sans-serif; font-size: 1em;}
img { border: 0px; }

form, h1, h2, h3, h4, h5, h6, h7 { display: inline; }
#frontBody h1, .fusionH1 { font-family: arial, helvetica, sans-serif; font-size: 2.2em; font-weight: bold; color: #E96200; }
#frontBody h2, .fusionH2 { font-family: arial, helvetica, sans-serif; font-size: 2.5em; font-style: italic; font-weight: normal; text-align: right; }
#frontBody h3, .fusionH3 { font-family: arial, helvetica, sans-serif; font-size: 1.5em; font-style: italic; font-weight: bold; color: #E96200; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; font-weight: normal; }
.bodyLayout { margin-top: 10px; width: 67em; text-align: left; background-color: white; }
input, select { font-size: 1em; }

#calcTable, #contactTable { font-size: 1em; background-color: #f0f0f0; border: 1px solid #aaaaaa; } 
#calcTable th, #contactTable th { padding: 4px; color: white; background-color: #20338F;}
#calcTable td { background-color: white; padding: 2px; }
#contactTable td { vertical-align: middle; background-color: white; padding: 2px; } 

a, a:visited { font-weight: bold; color: #E96200; text-decoration: none; }
a:active { color: #E96200; }

.aBlue, .aBlue:visited { color: #20338F; }
.aMenu, .aMenu:visited { color: #062433; }
a:hover, .aMenu:hover { text-decoration: underline; color: #FFB452; }

.pad5 { margin: 5px; }
.pad10 { margin: 10px; }
.pad5 table { font-size: 1em; }

#mainTable { width: 100%; height: 100%; padding: 0px; margin: 0px; }
#logo { float: left; z-index: 99; position: relative; }
#loginArea { text-align: right; float: right; z-index: 99; position: relative; margin-top: 0px; }
#menuBox { width: 750px; height: 261px; clear: both; z-index: 1; margin-top: 5px; }
.promotionsBox { width: 16.6em; float: left; clear: left; }
.mainBody { float: left; width: 47.7em; margin: 0px 0px 0px 28px; }
.specialOffers { float: left; width: 13.6em; text-align: left; }
#dispFooter { text-align: right; float: right; }
#topFooter { margin-left: 10px; float: left; display: inline; margin-top: 22px; }
#promotionsBar { width: 186px; }
#offersBar { width: 152px; }
#mainBar { width: 347px; }
#tableMenu { font-size: 1.4em; width: 186px; height: 261px; font-weight: bold; color: #476E87; float: left; }
#tableMenu td { background: url('../images/table-bar.gif') no-repeat bottom right; text-align: }
#tableMenu td a { color: #333333; text-decoration: none; }
.subMenu { background-color: #1591CC; width: 197px; height: 261px; font-size: 1.2em; font-weight: bold; float: left; border-left: 1px solid #E96200; display: none; }
#submenu a {  }
#sectionHeaders { width: 67em; height: auto; margin-top: 10px; }
#tabFrame { background-color: white; height: 100%; width: 70em; font-size: 0.7em; }
#tabFrame td { }

#txtUsername { margin-top: 2px; width: 100px; }
#txtPassword { margin-top: 2px; width: 70px; }
#logSubmit { width: 30px; }
  
.Efficient { background: url('../images/reliably-efficient.jpg') no-repeat top center; }
.Dedicated { background: url('../images/dedicated-to-delivery.jpg') no-repeat top center; }
.Focused { background: url('../images/focused-on-innovation.jpg') no-repeat top center; }
.Honouring { background: url('../images/honouring-service.jpg') no-repeat top center; }
.Reliable { background: url('../images/passionately-reliable.jpg') no-repeat top center; }
.Rowers { background: url('../images/rowers.jpg') no-repeat top center; }
.Climber { background: url('../images/climber.jpg') no-repeat top center; }
.Trapeze { background: url('../images/passionate-no-text.jpg') no-repeat top center; }
.Camels { background: url('../images/camels.jpg') no-repeat top center; }
.Bill { background: url('../images/focused-no-text.jpg') no-repeat left center; }
.BigBlue { background: url('../images/blue.jpg') no-repeat left center; }          

.barRight { background: url('../images/bar-right.gif') no-repeat top right;  height: 5px; font-size: 1px; float: right; }
.barLeft { background: url('../images/bar-left.gif') no-repeat top left; height: 5px; font-size: 1px; float: left; }
.arrow { float: left; width: 17px; height: 14px; background: url('../images/menu-arrow.gif') no-repeat right middle; }
.tdMenu { text-align: right; margin-right: 5px;}

.calcElement { border: 0px solid white; font-size: 16pt; font-family: arial, verdana, helvetica, sans-serif; height: 28px; }
.priceElement { border: 0px solid white; font-size: 18pt; font-family: arial, verdana, helvetica, sans-serif; height: 28px; }

.anchorPadding { margin: 6px 0px 0px 10px; } 

#offerHeader, #promotionHeader { margin-top: 8px; }

.mailout_area{
	clear:	none;	
}

.mailout_area ul, .mailout_area ul li{
	list-style: none;
	padding: 0;
	margin: 0 0 0.3em;
}

.mailout_area .errorList li, .mailout_area .invalid label{
	color: #990000;
}

.mailout_area label{
	font-weight: bold;
}

.mailout_area .invalid input, .mailout_area .invalid select, .mailout_area .invalid textarea{
	border:	1px solid #990000;
}