body {
   margin:0; 
   padding:0; 
/*   background:#122C5F; */
   background: #dadada;
   color:#000;
}
.homebody {
   margin:0; 
   padding:0; 
   background: #9EB4DB; 
/*   background: #4484B2; */
   color:#000;
}
.contentbody{
   margin:0; 
   padding:0; 
   background: #9EB4DB;    
/*   
   background: #EDEDED;
   background-image: url(/images/gradient_bkg.jpg); 
   background-repeat: repeat-x;
*/   
   color:#000;
}
.whitebody {
   margin:0; 
   padding:0; 
   background:#FFFFFF; 
   color:#000;
}

.bodytable {
   /*background: #122C5F; */ /* dark-blue */
/*   background: #FFFFFF;*/
/*
   background-image: url(/images/body_bkg.gif);
   background-repeat: repeat-x;
*/
}

.subnav {
   background: #F2F2F2; 
/*   background: #0D2045; */
   border-bottom: 1px solid #0D2045;
   border-left: 1px solid #0D2045;
   border-right: 1px solid #0D2045;
/*
   border-left: 1px solid #0D2045;
   border-right: 1px solid #0D2045;
*/
}
/*
.subnav a, .subnav a:hover, .subnav a:active, .subnav a:visited {
   COLOR: #ffffff;
   TEXT-DECORATION: underline;
   FONT-SIZE: 10pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}
*/
hr {
   color: #C4C4C4;
   border-bottom-style: solid;
   border-left-style: solid;
   border-right-style: solid;
   border-top-style: solid;
   line-height: 1px
}
.whitepageheader {
   margin-bottom: 0px;
   FONT-SIZE: 18pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: normal;
   background-image: url(/images/header_extra_wide.gif);
   background-repeat: no-repeat; 
   color: #ffffff; 
   margin-top: 4px;
   padding-left: 10px;
   padding-top: 4px;
   text-align: left;
}
h1 {
   FONT-SIZE: 18pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: normal;
  
/*   background-image: url(/images/header_extra_wide.gif);*/
   background-image: url(/images/page_header_bkg.gif);
   background-repeat: no-repeat; 

    /*color: #0D2045;*/
    color: #ffffff; 
    padding-top: 4px;
    padding-left: 4px;
    text-align: left;
    height:36px;
/*
    border: 1px solid #0D2045;
    background-image: url(/images/circles.gif);
    background-repeat: no-repeat;
    background-position: center right;
*/
}
h2 {
   FONT-SIZE: 11pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: normal;
   COLOR: #000044;
   margin: 2px;
}
h3 {
   FONT-SIZE: 10pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: bold;
COLOR: #000044;
   margin: 2px;
}
h4 {
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   COLOR: #4F7818;
}
.callout {
   background: #EEEEEE;
   border: 1px dotted #AAAAAA; 
   padding: 10px;
}
.important {
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   COLOR: #B4070B;
}
.error {
   FONT-SIZE: 10pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   COLOR: #B4070B; 
}

.error ul li
{
  FONT-SIZE: 10pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   COLOR: #B4070B; 
}

.smalltext {
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
COLOR: #000044;
}

.h1subtext {
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   COLOR: #FFFFFF;
}

p {
   FONT-SIZE: 10pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
/*   COLOR: #000000; */
COLOR: #000044;
}
input {
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
COLOR: #000044;
}

.buttonclass {
   FONT-SIZE: 11pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: normal;
   /*background-color: #122C5F;*/
   /*background-color: #B4070B;*/
   background: #475A84;
   COLOR: #FFFFFF;
}

textarea {
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
COLOR: #000044;
}
select {
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
COLOR: #000044;
}
ul { 
   padding-left: 0px;
   margin-left: 28px;
   /* list-style-image: url(/images/arrow.gif); */
   list-style-image: url(/images/spacer.gif);
}
ul li { 
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   /*COLOR: #122C5F;*/
COLOR: #000044;
   padding: 1px;
}

a {
   COLOR: #0049A2;
   TEXT-DECORATION: underline;
   FONT-SIZE: 10pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}
a:hover {
   COLOR: #0049A2;
   TEXT-DECORATION: underline;
   FONT-SIZE: 10pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}
a:active {
   COLOR: #0049A2;
   TEXT-DECORATION: underline;
   FONT-SIZE: 10pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}
a:visited {
   /*COLOR: #4F7818;*/
   COLOR: #0049A2;
   TEXT-DECORATION: underline;
   FONT-SIZE: 10pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}

.biglink, .biglink:hover, .biglink:active, .biglink:visited {
   FONT-SIZE: 14pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: normal;
COLOR: #000044;
   TEXT-DECORATION: underline;
}

.highlight {
   FONT-SIZE: 14pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: normal;
   COLOR: #B4070B;
}
.bighighlightlink, .bighighlightlink:hover, .bighighlightlink:active, .bighighlightlink:visited {
   FONT-SIZE: 14pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: normal;
/*   COLOR: #4F7818; */
   COLOR: #B4070B;
   TEXT-DECORATION: underline;
}

.smalllink, .smalllink:hover, .smalllink:active, .smalllink:visited {
   COLOR: #0049A2;
   TEXT-DECORATION: underline;
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}

.importantlink, .importantlink:hover, .importantlink:active, .importantlink:visited {
   COLOR: #B4070B;
   TEXT-DECORATION: underline;
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}

.footerlink {
   COLOR: #122C5F;
   TEXT-DECORATION: none;
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}
.footerlink:hover {
   COLOR: #122C5F;
   TEXT-DECORATION: none;
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}
.footerlink:active {
   COLOR: #122C5F;
   TEXT-DECORATION: none;
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}
.footerlink:visited {
   COLOR: #122C5F;
   TEXT-DECORATION: none;
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}

.member {
   text-align: center;
   vertical-align: bottom;
   white-space: nowrap;
}

.memberpic {
/*
   background-image: url(/images/member_pic_bkg.gif);
   background-repeat: no-repeat;
   padding-top: 12px;
   padding-left: 20px;
*/
}

.section .profileinfotable td {
   FONT-SIZE: 9pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
COLOR: #000044;
   text-align: left;
   vertical-align: top;
   border-top: 1px solid #C4C4C4;
}

.section .profileinfotable th {
   FONT-SIZE: 9pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: bold;
   COLOR: #000044;
   text-align: left;
   vertical-align: top;
   border-top: 1px solid #C4C4C4;
}

.infotable {
   background: #FFFFFF;
   /*	 border: 1px solid #122C5F; */
   border: 1px solid #C4C4C4; 
   padding: 0px;
	 
}

/* Changing infotable th should also involve changing section infotable th, in case nested*/
.section .infotable th {
   border-bottom: 1px solid #C4C4C4;
   background: #475A84;
   FONT-SIZE: 10pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   height: 25px;
   padding: 2px;
   font-weight: bold;
   text-align: right;
}

/* Changing infotable th should also involve changing section infotable th, in case nested*/
.section .infotable th {
   border-bottom: 1px solid #C4C4C4;
   background: #122C5F;
   FONT-SIZE: 10pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   height: 25px;
   padding: 2px;
   font-weight: bold;
}

.infotable th {
   border-bottom: 1px solid #C4C4C4;
   background: #122C5F;
   FONT-SIZE: 10pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   height: 25px;
   padding: 2px;
   font-weight: bold;
}
.infotable td {
   border-bottom: 1px solid #C4C4C4;
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   COLOR: #000044;
   padding: 4px;
   vertical-align: top;
}

.infotable th a {
   COLOR: #FFFFFF;
   TEXT-DECORATION: underline;
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: bold;
}

.infotable td a {
COLOR: #000044;
   TEXT-DECORATION: underline;
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: bold;
}

.retailerlisttable
{
   background: #FFFFFF;
   border: 1px solid #AAAAAA; 
   padding: 0px;
}


.retailerlisttable th {
   border-bottom: 1px solid #AAAAAA;
   background: #4F7818;
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   height: 25px;
   padding: 2px;
}

.retailerlisttable td {
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
COLOR: #000044;
   padding:4px;
}

.retailername {
   FONT-SIZE: 10pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: bold;
   COLOR: #B4070B;
   /*COLOR: #D45508;*/
}

.sectionheader {
   FONT-SIZE: 14pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: normal;
   COLOR: #B4070B;
/*   COLOR: #4F7818; */
}

.homesectionheader {
   FONT-SIZE: 14pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: normal;
   /*COLOR: #D45508;*/
   COLOR: #B4070B;
}

.bigretailerlink, .bigretailerlink:hover, .bigretailerlink:active, .bigretailerlink:visited {
   FONT-SIZE: 14pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: normal;
   COLOR: #B4070B;
   TEXT-DECORATION: underline;
}

.bigretailername {
   FONT-SIZE: 14pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: normal;
   COLOR: #B4070B;
}

.section .anchorheader {
/*   background: #475A84; */ /*dark-bluish*/
   background: #122C5F;
   color: #FFFFFF;
}

.anchorheader {
   /* background: #475A84; */ /*dark-bluish*/
   background: #122C5F;
   color: #FFFFFF;
}

.anchorheadertxt {
   FONT-SIZE: 12pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   font-weight: normal;
}

.anchorheaderlink, .anchorheaderlink:visited, .anchorheaderlink:active, .anchorheaderlink:hover {
   FONT-SIZE: 12pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
}

.anchorheader a, .anchorheader a:visited, .anchorheader a:active, .anchorheader a:hover {
   COLOR: #FFFFFF;
   TEXT-DECORATION: underline;
   FONT-SIZE: 10pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}

.footer {
   /* background:#475A84; */ /* med-blue */
   /*background: #122C5F;*/  /* dark-blue */
   background: #FFFFFF;
}

.footer td {
   COLOR: #122C5F;
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}

/*product image container*/
.pimg {
   width: 100px; height:100px; overflow: hidden;
}

.pimghome {
   width: 65px; height:65px; overflow: hidden;
}

.mimghome {
   width: 48px; height:48px; overflow: hidden;
}

.productlist {
   border-bottom: 1px solid #C4C4C4;
}

.productlist td {
   border-top: 1px solid #C4C4C4;
}

.terms {
   FONT-SIZE: 10pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   COLOR: #000000;
}

.homebox {
}
.homebox th {
   FONT-SIZE: 13pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: normal;
   COLOR: #FFFFFF;
   text-align: left;
   vertical-align: top;
   padding-left: 10px;
   padding-top: 10px;   
}

.section {
/*   background: #FFFFFF;*/
    border-bottom: 2px solid #122C5F;
   /* border: 1px solid #122C5F; */
}

.section th {
   FONT-SIZE: 14pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: normal;
   COLOR: #FFFFFF;
/*   color: #475A84;  */
   text-align: left;
   vertical-align: top;
   padding-left: 4px;
   padding-top: 4px;   
}

.section thhighlight {
   FONT-SIZE: 14pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: normal;
   COLOR: #B4070B;
   text-align: left;
   vertical-align: top;
   padding-left: 4px;
   padding-top: 2px;   
}

.section td {
   background: #FFFFFF;
   FONT-SIZE: 10pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   /*COLOR: #122C5F;*/
COLOR: #000044;
   /*text-align: left;*/
}

td {
   FONT-SIZE: 10pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
COLOR: #000044;
   /*COLOR: #000000;*/
}

.footnote {
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   COLOR: #122C5F;
/*   COLOR: #FFFFFF; */
}

.notebox {
   COLOR: #B4070B;
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   background: #FFFFFF;
   /*	 border: 1px solid #122C5F; */
   border: 1px solid #B4070B;
   padding: 0px;
}

.notebox p {
   COLOR: #B4070B;
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

.notebox a {
   COLOR: #B4070B;
   TEXT-DECORATION: underline;
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: bold;
}



.success {
   FONT-SIZE: 10pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: normal;
/*   COLOR: #4F7818;*/
   COLOR: #091732;
}

.notetable {
   background: #FFFFFF;
   border: 1px solid #AAAAAA; 
   padding: 0px;
	 
}
.notetable th {
   background: #0049A2;
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   color: #FFFFFF;
   padding: 2px;
}
.notetable td {
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
COLOR: #000044;
   padding:4px;
}

.notetable th a {
   COLOR: #FFFFFF;
   TEXT-DECORATION: underline;
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: bold;
}

.newnotelink, .newnotelink:visited, .newnotelink:active, .newnotelink:hover {
   COLOR: #0049A2;
   TEXT-DECORATION: underline;
   FONT-SIZE: 8pt;
   FONT-FAMILY:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
   FONT-WEIGHT: bold;
}

.floatercell {
   background: #F4F4EF;
   margin: 4px 0px 4px 0px;
   width: 50px;
   text-align: left;
}
.left {
   float: left;
}
.right {
   float: right;
}

.section .even {
   background-color: #f2f2f2;
}
.section .odd {
   background-color: #ffffff;
}
.section .bgHighlight {
   background: #FFFF00;
}
.even {
   background: #F2F2F2;
}
.odd {
   background: #FFFFFF;
}
.bgHighlight {
   background: #FFFF00;
}

.apitable {
}
.apitable td {
  vertical-align: top;
  padding: 8px;
  border: 1px solid #122C5F;
}
.apitable th {
   background-color: #122C5F;
   color: #ffffff;
   padding: 8px;
}

#memberSearchResults
{
   text-align: center;
}

#memberSearchResults div.member {
	text-align:center;
	border:1px solid #404040;
	padding:10px;
	float:left;
	margin: 20px 5px 10px 5px;
	width:90px;
	height:135px;
	overflow:hidden;
	font-size:12px;
}
#trailimageid
{
   font-size: 0.75em;
   position: absolute;
   display: none;
   left: 0px;
   top: 0px;
   width: 400px;
   height: 0px;
   z-index: 200;
}

legend {
   background-color: #ffffff;
   border: 0px solid #122C5F;
COLOR: #000044;   
   font-family: Arial,Helvetica,sans-serif;
   font-size: 8pt;
   padding: 0px
}
fieldset { 
border: 1px solid #122C5F; padding: 10px; margin-top: 10px;
-moz-border-radius: 4px 4px 4px 4px;
}



/* begin home page scrollers */
div#wn { 
  position:relative;
  width:400px; height:96px; z-index:500;
  clip:rect(0, 400px, 96px, 0); overflow:hidden;
  /*background-color:#ffffff*/ /*let bkg image come through - vsm*/
  }
div#cnt { position:absolute; z-index:1 }
/* Since the images in the example vary in size and do not completely fill scroller space
   width and height needs to be set here to match height and width of the scroller */
div#cnt td {
  width:400px; height:96px; 
  text-align:left; vertical-align:top;
  }

/*graphic scroller*/
div#wn2 { 
  position:relative;
  width:480px; height:270px; z-index:500;
  clip:rect(0, 480px, 270px, 0); overflow:hidden;
  }
div#cnt2 { position:absolute; z-index:1 }
div#cnt2 td {
  width:480px; height:270px; 
  text-align:center; vertical-align:middle;
  }
