html, body, form { width: 100%; height: 100%; }
body { background: #EAEDEC url('images/BPSBackground.jpg') repeat top center; color:#444444; font-size: 12px; font-family: Verdana, Arial, Helvetica, Sans-Serif; text-align:justify;}
body.jsEnabled #Header, body.jsEnabled #PageContainer, body.jsEnabled #Footer, body.jsEnabled #PDA { display: none; }
br { clear:left; }
h1 { font: bold 24px Georgia, "Times New Roman", Times, serif; margin: 0; background-color: Transparent; text-align: center; line-height: 100%; }
h2 { font: bold 14px Georgia, "Times New Roman", Times, serif; margin: 10px; }

h1, #Header .Phone, thead th, #Login { color: #2763A5; }
p { text-align:justify; font-style:normal; font-size: 12px; padding: 0; margin: 0.5em 2.0em 1.0em 1.0em; line-height: 1.5em; }
/*p span { font-size:10px; font-weight: bold; text-transform:uppercase; letter-spacing: 0px; }*/

#PageContainer, #Header, #Footer { width: 900px; }

.FullWidth { width: 100%; padding: 0; margin: 0; }
.FullWidth:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.Footnote { margin: 0 0 0 22.5em; font-size: 10px; }

.hidden { display:none; }

.Phone { font-size: 18px; color: #00538D; text-align: center; }

.Verbiage { height: 250px; overflow: auto; margin: 0 -10px 0 0; line-height: 1.4em; padding: 0 25px 0 0; }
.Verbiage p, .Verbiage dt, .Verbiage dd, .Verbiage li { font-size: 0.95em; line-height: 1.4em; }
.Verbiage p, .Verbiage dd { text-align: justify; }
.Verbiage dl { margin: 5px 0 5px 0; }
.Verbiage dt { float: left; clear: left; width: 100px; text-align: right; color: #2763A5; margin-top: 0; }
.Verbiage dd { margin: 0 0 5px 110px; }

#PageContainer { margin: 10px auto 0 auto; text-align: left; padding: 0; }

#Header { margin: 50px auto 0 auto; text-align: left; padding: 0; height: 46px; }
#Header, #Header .sb-inner { background:#a1a1a1 url('images/HeaderBackground.png') repeat-x; }
#Header .Logo { margin: -22px 20px 0 20px; display: block; float: left; clear: none; }

#Login { float: right; display: block; padding: 15px 20px 10px 0; font-size: 10px; }

#Footer {clear: both; margin: 10px auto 5px auto; padding: 0 40px 0 40px; }
#Footer p { display: block; float: left; margin: 0 0 0 160px; font-size: 10px; }
#Footer ul { display: block; float: right; margin: 0; padding: 0}
#Footer li { display: inline; list-style-type: none; margin: 0; padding: 0 10px 0 0; font-size: 10px; }
#Footer li  a { text-decoration: none; color: #444444; }

.BPSDemo { border: 0; background: transparent; text-align: left; }
.BPSDemo .ui-dialog-titlebar {  background: transparent; border: 0; color: White; }
.BPSDemo .ui-dialog-titlebar-close {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0;
	background: url('images/PDAButtonOn.png') 0 0 no-repeat;
	position: absolute;
	right: 32px;
	top: -4px;
	width: 40px;
	height: 31px;
	z-index: 100;
}
.BPSDemo .ui-dialog-titlebar-close-hover, .BPSDemo .ui-dialog-titlebar-close:hover { background: url('images/PDAButtonOff.png') 0 0 no-repeat; }
.BPSDemo .ui-dialog-titlebar-close span { display: none; }

#PDA { padding: 0; margin: 0; margin-top: -35px; background: transparent url('images/PDABackground.png') no-repeat top left; }
#PDAScreen { padding: 61px 0px 0px 23px; margin: 0;}
#ScreenShots { width: 240px; height: 320px; }

#MainMenu { float: left; clear: none; margin: 0; padding: 0; border: 0;  }  
#MainMenu ul { list-style: none; position: relative; background-image:url('images/no_flicker.jpg'); }
#MainMenu li{  
	display: block;  
	overflow: hidden;  
	padding: 0;  
	margin: 0;  
	cursor: pointer;  
	float: left;
	width: 125px;
	height: 40px;
	background-image:url('images/BellwetherMenu.png');
	background-repeat:no-repeat;
}

#MainMenu a { display:block; height:40px; text-indent:-9999px; outline:none; }

#MenuItem1 { background-position:0px 0px; }
#MenuItem2 { background-position:-200px 0px; }
#MenuItem3 { background-position:-400px 0px; }
#MenuItem4 { background-position:-600px 0px; }
#MenuItem5 { background-position:-800px 0px; }

#MenuItem1.active, #MenuItem1 a:hover, #MenuItem1 a:focus {background:url('images/BellwetherMenu.png') 0px -40px no-repeat; }
#MenuItem2.active, #MenuItem2 a:hover, #MenuItem2 a:focus {background:url('images/BellwetherMenu.png') -200px -40px no-repeat; }
#MenuItem3.active, #MenuItem3 a:hover, #MenuItem3 a:focus {background:url('images/BellwetherMenu.png') -400px -40px no-repeat; }
#MenuItem4.active, #MenuItem4 a:hover, #MenuItem4 a:focus {background:url('images/BellwetherMenu.png') -600px -40px no-repeat; }
#MenuItem5.active, #MenuItem5 a:hover, #MenuItem5 a:focus {background:url('images/BellwetherMenu.png') -800px -40px no-repeat; }

#HeadingImages { height: 140px; width: 747px; padding: 0; margin: 0; }

#ContentContainer { float: left; padding: 0 0 0 3px; margin: 0; min-height: 485px; width: 750px;}
#ContentContainer, #ContentContainer .sb-inner { background-color: #EAEAEA; }

#Content { margin: 0; padding: 10px 20px 10px 20px; text-align: left;}
#Content a { font-weight: bold; color: #444444; cursor: pointer; text-decoration: none; }
#Content a:hover { background: #dddddd; }
#Content ul { padding: 0; margin: 0 0 0.5em 2.0em; list-style-type: none; line-height:100%; }
#Content li { vertical-align: middle; padding: 0 0.1em 0.5em 1.6em; margin: 0.3em 0 0.3em 0; background: transparent url('images/HornBullet.png') no-repeat 0 .4em; }
#Content .DownloadLink {margin: 1px 0 1px 0; font-weight: normal; text-decoration: underline; }

#Content blockquote { margin: 3px 3px 30px 30px; padding: 0.5em 0.5em 0.5em 3.5em; width: 590px;text-align:justify; }
#Content blockquote p { margin: 0; font-size:14px; line-height: 1.5em; text-align:justify; }
#Content blockquote p.Quote { font-style: normal; }
#Content blockquote p.Author, #Content blockquote p.Company { font-style: normal; font-weight: bold;  font-size: 10px; text-align: right; letter-spacing: .1em; margin-right: 0.5em; }
#Content blockquote p.Author, #Content blockquote .Company {color: #2763A5; }
#Content blockquote p.Company { text-transform: uppercase; }

#Content table { width: 75%; border: 0; margin: 0.5em auto 1.0em 5.0em; }
#Content thead th { padding: 0.5em 0 0 1.5em; border-bottom: 2px solid #C1DAD7; font-weight: bold; font-size: 14px;}
#Content tbody tr { font-size: 11px; color: #333333; }
#Content tbody tr td { border: none; padding: 0.8em 0.5em 0.1em 15.0em;}
#Content tbody tr td.Price { width: 50px; color: #2763A5; font-size: 12px; font-weight: bold; text-align: right; padding: 0.8em 3.0em 0.1em 0;}
#Content tbody tr td.Price span { font-weight: normal; }

#ContactList { padding: 0.5em; padding-left: 140px; font-size: 14px; }
#ContactList h2 { padding:10px; padding-left: 0;}
#ContactList dt { float: left; clear: left; width: 100px; text-align: right; color: #2763A5; }
#ContactList dd { margin: 0 0 30px 110px;}
#ContactList dd a { text-decoration: none; color:#003366; }
#ContactList dd a:visited { color:#003366;}
#ContactList dd ul {margin: 0; }
#ContactList dd li {margin: 0; padding: 3px; background: 0; }

#Content dl.faq dt { font-weight: bold; margin: 15px 0 0 0; color: #2763A5; cursor: pointer; text-indent: 20px;}
#Content dl.faq dt:hover { color: Green; background: transparent url('images/HornLogoSmall.png') no-repeat left center;}
#Content dl.faq dd { margin: 10px 40px 20px 40px; line-height: 1.5em; text-align:justify; }
#Content dl.faq ul, #Content dl.faq ol { margin: 0 0 10px 20px; }

#SubMenu { float: left; width: 140px; padding: 0px; margin: 160px 0 0 7px; }
#SubMenu ul { list-style: none; margin: 0; padding: 0; border: none; }
#SubMenu ul li { margin: 3px 0 0 0; padding: 0; border-bottom: 1px dashed #C39C4E; }
#SubMenu ul li a { display: block; padding: 5px 0px 2px 4px; text-decoration: none; text-indent: 20px; color: #444444; width:140px; }
#SubMenu ul li a:hover, #SubMenu ul li a:focus { color: #2763A5; font-weight: bold; }
#SubMenu ul li a:hover { background: #eeeeee url('images/HornLogoSmall.png') no-repeat left center; }

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}
@media screen {
  .sIFR-active h1, 
  .sIFR-active h2, 
  .sIFR-active h3, 
  .sIFR-active #ContactList dt,
  .sIFR-active #Content blockquote p.Quote,
  .sIFR-active #Content thead th {
    font-family: Verdana;
    visibility: hidden;
  }
  h1.sIFR-replaced { height: 40px; }
  h2.sIFR-replaced { height: 15px; }
  h3.sIFR-replaced { height: 15px; }
  dt.sIFR-replaced { height: 15px; margin-top: -2px; }
  th.sIFR-replaced { height: 12px; }
  blockquote p.sIFR-replaced { min-height: 100px; }
}