﻿html
{
  height: 100%;
}

body
{
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-family: Arial;
  font-size: 10pt;
  height: 100%;
  background-color: #cccccc;
}
img
{
    border: none;
    vertical-align: middle;
}

select option
{
  white-space : pre;
}

a, a:link

{
	color: #153B7C;
	text-decoration: none;
}

a:visited
{
	color: #153B7C;
}

a:active
{
	color: #FF6600;
	text-decoration: underline;
}

a:hover {
	color: #669933;
	text-decoration: underline;
}

table.Wrapper, tr.Wrapper, td.Wrapper
{
 /* border-collapse: collapse; */
  border: none;
  background: transparent;
}

.footerText
{
    color: #ffcc33;
    text-decoration: none;
}

table.maintable {
    background-color: #1c3a70;
    border-collapse: separate;
    border-spacing: 0px;
    border: 2px solid #1c3a70;
    width: 100%;
}

div.productContent {
    margin-right:12px;
}

.dropshadow {
    /*box-shadow: 3px 6px 12px #888888;*/
}

table.GrayBox
{
  background: #F2F2F2; /*  background: #FFFFFF;
  background-image: url('../Images/VertGrayGradient.jpg') ;
  background-repeat: repeat-x;
  border-collapse: collapse; */
  width: 100%;
  text-align: left;
}
tr.griditem td, td.griditem {
    /*background-color:#f8f8f8;*/
    background-color: #FFFFFF;
    border-top: #bfbdbd 1px solid;
    border-left: #bfbdbd 1px solid;
    text-align: center;
}

tr.griditemP td, td.griditemP {
    background-color: #f8f8f8;
    border-top: #bfbdbd 1px solid;
    border-left: #bfbdbd 1px solid;
    padding: 1px 3px 1px 3px;
}

tr.gridaltItem td, td.gridaltItem {
    background-color: #fbfde7;
    border-top: #bfbdbd 1px solid;
    border-left: #bfbdbd 1px solid;
    text-align: center;
}
tr.gridaltItemP td, td.gridaltItemP {
    background-color: #fbfde7;
    border-top: #bfbdbd 1px solid;
    border-left: #bfbdbd 1px solid;
    padding: 1px 3px 1px 3px;
}

tr.gridaltItem a{
    cursor: pointer;
}



tr.Searchitem td , td.Searchitem{
    background-color:#f8f8f8;
    border-bottom: #BFBDBD 1px solid;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 3px;
}

tr.SearchaltItem td , td.SearchaltItem{
    background-color:#efefef;
    border-bottom: #BFBDBD 1px solid;
    padding-bottom: 5px;
    padding-top: 5px;
     padding-left: 3px;
}
tr.Wrapper, td.Wrapper
{
    border-top: none 0px;
    border-left: none;
}

tr.item td , td.item{
    background-color:#f8f8f8;
    border-top: #FFFFFF 1px solid;
    border-left: #FFFFFF 1px solid;
}
tr.altItem2 td , td.altItem2{
    background-color:#efefef;
    border-top: #929292 1px solid;
    border-left: #929292 1px solid;
}
tr.altItem td , td.altItem{
    background-color:#efefef;
    border-top: #FFFFFF 1px solid;
    border-left: #FFFFFF 1px solid;
}
tr.altItem td, tr.item td, tr.altItem td a, tr.item td a, td.item, td.altItem
{
    font: 11px Verdana;
}
tr.itemSplit td , td.itemSplit{
    background-color:#f8f8f8;
    padding: 0px 0px 0px 0px;
    margin: -5px;
    height: 3px;
    text-align: center;
}

tr.itemsml, tr.altItemsml
{
    margin:1px;
    font-size: 11px;
}

tr.itemsml td , td.itemsml{
    background-color:#f8f8f8;
    padding: 4px 4px 4px 4px;
}


tr.altItemsml td , td.altItemsml{
    background-color:#efefef;
    padding: 4px 4px 4px 4px;
}

tr.altItemSplit td , td.altItemSplit{
    background-color:#efefef;
    padding: 0px 0px 0px 0px;
    margin: -5px;
    height: 3px;
    text-align: center;
}

 .dividerCell
{
  border-top: none 0px;
  border-left: none 0px;
  width: 8px;
  background: transparent url(../images/divider.png) repeat scroll 0% 0%;
}


/*     Page Header Classes */
td.PageHeader
{
  background-image: url('../Images/BlueAndYellowBannerWithLogo.jpg');
  background-repeat: no-repeat;
  background-color: #00036E;
  height: 100px;
}
.PhoneNumber
{
	font-family: "Arial Black", Arial, sans-serif; font-weight: 900; font-size: 16pt; color: #000000;
	letter-spacing: 1px;
}
.UserText
{
  float: right;
  color: #000000;
  padding-right: 10px;
  top: 10px;
  position: absolute;
  right: 10px;

}
.UserText a
{
  color: #000000;
  text-decoration: none;
}
.UserText a:hover
{
  color: #000000;
  text-decoration: underline;
}
td.TopLine
{
  padding-top:50;
  font-size:19px;
  color: #FFFFFF;
  font-family: Arial;
  font-style: italic;
}

td.CheckoutSection
{
  font-variant: small-caps;
  font-size: 12px;
  font-weight: bold;
  color: rgb(140,140,140);
  padding: 1px 5px 1px 5px;
}

td.CheckoutSectionDone
{
  font-variant: small-caps;
  font-size: 12px;
  font-weight: bold;
  color: rgb(0,0,0);
  padding: 1px 5px 1px 5px;
}

td.ActiveCheckout
{
  font-variant: small-caps;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  background-image: url('../Images/Orange1x30Gradient.png');
  padding: 1px 5px 1px 5px;
}


/*      Grid Header Cell Classes      */
tr.lvHeader th
{
  border-bottom-style: solid;
  border-bottom-width: thin;
  border-bottom-color: #000000;

}


div.DataHeader {
    /*background-image: url('../Images/catcell-sml.gif');*/
    
    background-repeat: repeat-x;
    background-color: #121212;
    border-bottom: solid 1px #000000;
    text-align: center;
    color: white;
    font-family: Arial;
    font-size: 13px;
    padding: 0px 3px 5px 3px;
}

tr.DataHeader th, td.DataHeader, th.DataHeader {
    /*background-image: url('../Images/catcell-sml.gif');*/
    /*background-color: #121212;*/
    background-repeat: repeat-x;
    background-color: #1c3a70;
    border-bottom: solid 1px #000000;
    text-align: center;
    color: white !important;
    font-family: Arial;
    font-size: 13px;
    padding: 5px 3px 5px 3px;
}



tr.DataHeader > th > a.SortDown, a.SortUp, a.SortUp:hover, a.SortUp:link, a.SortUp:active, a.SortDown, a.SortDown:hover, a.SortDown:link, a.SortDown:active, a.SortNone, a.SortNone:hover, a.SortNone:link, a.SortNone:active {
    color: white !important;
}

tr.DataHeader-sml td, td.DataHeader-sml, th.DataHeader-sml {
    /*background-image: url('../Images/catcell-sml.gif');*/
    background-repeat: repeat-x;
    background-color: #1c3a70;
    border-bottom: solid 1px #000000;
    text-align: center;
    color: white !important;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
}

tr.DataHead th ,td.DataHead, th.DataHead
{
  border-bottom: solid 1px #000000;
  text-align:center;
  color: Black;
  font-family: Arial;
  font-size: 13px;
  padding: 5px 3px 5px 3px;
}



.SmartGridItemSel
{
  cursor: hand;
}

.SmartGridItem
{
cursor: default;
}

.SmartGridHeader {
    /*background-image: url('../Images/catcell.gif');*/
    background-repeat: repeat-x;
    background-color: #1c3a70;
    border-bottom: solid 1px #000000;
    text-align: center;
    color: white;
    font-family: Arial;
    font-size: 13px;
    padding: 5px 15px 5px 15px;
}

th.SmartGridHeader {
    padding: 5px 10px 5px 10px !important;
}


.GridHeader
{
  background-color: #006699;
  color: White;
  text-align: Center;
  font-family: Arial;
  font-size: Small;

}
td.SectionHeader
{
  /*background-image: url('../Images/HorizBlueLrg.jpg');*/
  background-repeat:repeat-y;
  color: White;
  text-align: Center;
  font-family: Arial;
  font-size: medium;
  font-weight: bolder;
  height: 35px;
}


.BoxHeader
{
  font-family:Arial;
  font-size:15pt;
  text-decoration:underline;
  font-variant: small-caps;
}

table.mainBox
{
  background-color: #F9F9F9;
  border-collapse: separate;
  border: none;
  width: 100%;
}

img.HomePageButtons
{
 border: 1px solid #000000;
 border-width: 1px;
}


.Menu
{
  text-decoration:none;
  height: 25px;
  text-align: left;
  background-color : #1c3a70;
  font-family: Arial;
  font-size: 12px;
  color: #ffffff;
  border-collapse: collapse;
  width: 997px;

}
.Menu a.menuItem1
{
  color: White;
  cursor: pointer;
  height: 23px;
  background-color: #1c3a70;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 1px;
  padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 10px;
   padding-right: 10px;
}
.Menu a.menuItem1:Hover
{
  height: 100%;
  color: #000000;
  background-image: url('../Images/menuRoll.png');
  text-decoration: none;
  cursor: pointer;
}

.Menu td.menuItem
{
  cursor: pointer;
  height: 23px;
  background-color: #1c3a70;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 1px;
}
td.menuItem a
{
    color: White;
    text-decoration: none;
     cursor: pointer;
  height: 25px;

  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
 padding-left: 10px;
  /* padding-right: 10px; */
  margin-left: 10px;
}


.Menu td.menuItem:Hover
{
  height: 100%;
  color: #000000;
  background-image: url('../Images/menuRoll.png');
  text-decoration: none;
  cursor: pointer;
}
td.menuItem a:Hover
{
    color: #000000;
    text-decoration: none;
}

.MenuItemHover
{
  background-image: url('../Images/menuItemHover.gif');
  background-position:bottom;
  background-repeat: repeat-x;
}
td.MenuItemText
{
  background: none;

}



.overlay
{
  position: absolute;
  z-index: 102;
  top: 0px;
  left: 0px;
  background-color: #FFFFFF;
  width: 100%;
  height: 100%;
  filter: Alpha(Opacity=80);
  opacity: 0.80;
  -moz-opacity: 0.80;

}


.loader
{
  padding: 15px;
  background-color: White;
  position: absolute;
  left: expression((document.body.scrollWidth / 2)-250 + 'px');
  z-index: 105;
  border: solid 1px #000000;
  width: 250px;
  margin-left: -60px;
  top: 200px;
  left: 50%;
  text-align: center;
  vertical-align: middle;
}

* html .loader
{
  position: absolute;
  margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}
* html .overlay
{
   position: absolute;
   height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
   width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}
.Notice
{
  z-index: 105;
  position: fixed;
  margin-left: 0px;
  padding: 15px;
  top: 200px;
  left: 50%;
  vertical-align: top;
}

* html .Notice
{
  position: absolute;
  margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}



.Prompt
{
  position: fixed;
  width: 300px;
  height: 100px;
  margin-left: 10px;
  top: 50%;
  left: 50%;
  background-image: url('../Images/VertGrayGradient.jpg') ;
  background-repeat: repeat-x;
  border: 1px;
  border-style: solid;
  border-color:Black;
  text-align: center;
  vertical-align: middle;
}

.CutList
{
  z-index: 100;
  position: fixed;
  margin-left: 0px;
  top: 150px;
  Right: 75px;
  text-align: center;
}


.Details
{
  position: fixed;
  margin-left: 10px;
  top: 150px;
  left: 75px;
  vertical-align: middle;
}
.SendEmail
 {
  z-index: 101;
  position: fixed;
  width: 250px;
  height: 70px;
  margin-left: -60px;
  top: 150;
  left: 300;
  background-color: White;
  border: 1px;
  border-style: solid;
  border-color:Black;
  text-align: center;
  vertical-align: middle;
 }

* html .SendEmail
 {
  position: absolute;
 }

.dashes {
border-top: 1px dashed #000000;
border-bottom: 0;
margin-top: 5px;
}

table.tablebg {
    border-top: 1px solid #1c3a70;
    border-left: 1px solid #1c3a70;
    border-right: 1px solid #1c3a70;
    border-bottom: none;
}



/*.tablebg
{
    background-color: #EFF7FB;
    border-collapse:separate;
    border: none; 
}*/
.forumBG {
    background: #FFFFFF;
    border-bottom: 1px solid #1c3a70;
    border-left: 1px solid #1c3a70;
    border-right: 1px solid #1c3a70;
}

/*          FieldSet Classes            */
fieldset
{
    width: 95%;
    margin: 5px auto 10px auto;
    position: relative;
    display: block;
    padding: 0px 10px 10px 10px;
    background: White url(  '../images/GreyGradient.gif' ) repeat-x;
    border-top: solid 1px #BBBBBB;
    border-bottom: solid 1px #BBBBBB;
    border-width: 1px 0 1px 0;
}

fieldset fieldset
{
    width: 85%;
    margin: 20px 0px 20px 10px;
    position: relative;
    display: block;
    padding: 0px 10px 10px 10px;
}

fieldset.info
{
    width: 85%;
    margin: 20px 0px 20px 10px;
    position: relative;
    display: block;
    padding: 0px 10px 10px 0px;
    border-width: 1px 0 0 0;
}

fieldset legend
{
    font: normal 14px "Trebuchet MS";
    padding: 2px 8px;
    margin: 0px 5px 10px 0px;
    border: solid 2px #C5D5E9;
    background-color: #f8f8f8;
}

fieldset fieldset legend
{
    font: bold 12px "Trebuchet MS";
    border-width: 1px 1px 1px 3px;
}

fieldset.info legend
{
    width: 85%;
    margin: 0;
    position: relative;
    display: block;
    padding: 1px;
    border: 0;
    background-color: inherit;
}

fieldset p
{
    color: Black;
    font: 13px Verdana;
    width: 90%;
    padding: 3px;
    margin: 0;
}

.black_overlay
{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  z-index: 1001;
  -moz-opacity: 0.2;
  opacity: .20;
  filter: alpha(opacity=20);
}

.white_content
{
 background-color: White;
 position: absolute;
 left: inherit;
 top: inherit;
 z-index: 1002;
}

.trans_content
{
 position: absolute;
 left: inherit;
 top: inherit;
 z-index: 2002;

}
.cc_left {
    color:#666666;
    font-size:16px;
    font-weight:bold;
    text-align:left;
}
.cc_right {
    text-align:right;
}

.searchInput {
	padding: 3px 3px 3px 3px;
	border-width: 0px 0px 0px 0px;
	BACKGROUND-COLOR: transparent;
	MARGIN: 0px;
	WIDTH: 14em;
	font: normal 11px Verdana;
	VERTICAL-ALIGN: top;
}

.searchButton {
	BORDER: medium none;
	PADDING: 0px;
	BACKGROUND-COLOR: transparent;
	MARGIN: 0px 5px;
	FONT-SIZE: x-small;
	CURSOR: pointer;
}

.searchButton IMG {
	BORDER: medium none;
	PADDING: 0px;
	MARGIN: 0px;
	VERTICAL-ALIGN: middle;
}
.HighlightDiv
{
    overflow: hidden;
    border: solid 1px transparent;
    height: 210px;
    max-height: 210px;
    position: absolute;
    text-overflow: ellipsis;
    font-size: 11px;
    background-color: #ffffff;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
    word-wrap: break-word;
    -ms-text-overflow: ellipsis;
}
.HighlightDiv:hover
{
    box-shadow: 0px 0px 10px #0000FF;
    overflow: visible;
    text-overflow: initial;
    height: auto;
    max-height: inherit;
    z-index: 100;
}

.HighlightDiv:hover .fill, .HighlightDiv:hover .ellipsis
{
    display: none;
}

.notAMenuItem:link, 
    .notAMenuItem:active, 
    .notAMenuItem:visited, 
    .notAMenuItem:hover {
        color: #ffcc33;
        padding-right: 6px;
        font-weight: bold;     
    }

.clearFix::after {
    content: "";
    clear: both;
    display: table;
}

div.footerDiv {
    width: 100% !important;
}

div.footerCell {
    width: 14% !important;
    float: left;
    /*border: 1px solid !important;*/
    text-align:center;
    cursor:pointer;
}

div.footerCell > img {
        width: 82px;
        height: 75px;
    }

div.footerSpacer {
    width: 15% !important;
    float: left;
}

.footerPadding {
    padding-top:40px;
}

#masterPageFooter {
    width: 827px;
    padding: 0px 0px 10px 0px;
}
#footerLinks {
    width:99%;
}

#footerInfo {
    min-width:100%;
    padding-top:10px;
}

#footerInfo > div {
    vertical-align: middle !important;
    /*display: table-cell;*/
    float:left;
    font-size: 28px;
    font-weight: 900;
}
span.masterFooterText {
    padding-top:6px;
    color: #060c62;
    font-family: "Arial Black", Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;

}
.footerPhone {
    color: black;
}

.headerText {
    color: black;
    font-family: "Arial Black", Arial, sans-serif;
    font-size: 30px;
    font-weight: 600;
    padding-bottom: .75em;
}

.headerSubtitle {
    color: #060c62;
    font-family: "Arial Black", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
}

p.headerSubtitle {
    margin-top: .25em !important;
    margin-bottom: .25em !important;
}

#contentHeader {
    padding-top: 1rem;
    padding-bottom: 1rem;
}