/* DIV ids  and classes for fixed elements of all pages */

#toptab {
	position: absolute; top: 0; left: 0;
   z-index:5;
}
#toplogo {
	position: absolute; top: 0; left: 0;
   z-index:6;
}

#toplogotext {
   position: absolute; top: 52px; left: 278px; width: 324px; height: 42px;
   text-decoration: none; color: black; 
   font-family: verdana; font-size: 17px; font-weight: bold;
   z-index:7;
}


div.topmessage {
   position: absolute; top: 4px; left: 642px; width: 130px;
   font-family: verdana; font-size: 11px; line-height: 1.1; 
   color: blue; background-color: white;
}

div.topmessage A:link    { text-decoration: underline; color: blue; }
div.topmessage A:visited { text-decoration: underline; color: blue; }
div.topmessage A:active  { text-decoration: underline; color: blue; }
div.topmessage A:hover   { text-decoration: none;      color: blue; }

#pageframe {
	position: absolute; top: 132px; left: 0px;
}

#toptabtext {
   position: absolute; top: 140px; left: 10px; width: 400px; 
   text-align: center; text-decoration: none; color: black; 
   font-family: verdana; font-size: 18px; font-weight: bold;
}

#pageframeChecklist {
	position: absolute; top: 187px; left: 43px;
   width: 590px;
}


ul.checklist {
   margin:0px;
   margin-top:5px;
   padding:0px;
   margin-left:20px;
  font-family: verdana; font-size: 12px; 
  color: black; background-color: white;
  line-height: 1.33; 
   
}

ul.checklist li {

  list-style-image:url(check.gif); 
  margin-bottom:5px;
  margin-left:16px;
  padding-left:3px;
  font-family: verdana; font-size: 12px; 
  color: black; background-color: white;
  line-height: 1.33; 
}

ul.checklist li p {
   margin-left:2em;
   text-indent:-1.8em;
}

ul.checklist li p span.note {
   color:blue;
   background-color:white;
   font-size:8pt;
}

img#redarrow {
   position:absolute; top: 46px; left:618px;
}

#telephoneMsg {
   position: absolute; top: 115px; left: 30px; width: 800px;
   font-family: verdana; font-size: 14px; line-height: 1; color: blue; 
   background-color: white; font-weight: normal;text-decoration: underline; 
}

div.cookiesMsg {
   position: absolute; top: 143px; left: 456px; width: 360px;
   font-family: verdana; font-size: 13px; line-height: 1; color: red; 
   background-color: #FFFFFF; font-weight: normal
}

div.cookiesMsg A:link    { text-decoration: underline; color: red; }
div.cookiesMsg A:visited { text-decoration: underline; color: red; }
div.cookiesMsg A:active  { text-decoration: underline; color: red; }
div.cookiesMsg A:hover   { text-decoration: none;      color: red; }

#noearnings { position: absolute; top: 705px; left: 80px; }

#debug { position: absolute; top: 1430px; left: 0px; }


div.pagenumbers {
   position: relative; top: 1420px; text-align: center;
   width: 766px; 
   color: black; font-family: verdana; font-size: 16px; font-weight: bold;
}

div.pagenumbers A:link     {text-decoration: underline; color: black; }
div.pagenumbers A:visited  {text-decoration: underline; color: black; }
div.pagenumbers A:active   {text-decoration: underline; color: black; }
div.pagenumbers A:hover    {text-decoration: underline; color: blue; }

#bottomgraphic { position: absolute; top: 1500px; left: 0px; }

div.bottommenu {
   position: absolute; top: 1510px; left: 100px; width: 500px;
   color: black; font-family: verdana; font-size: 12px; font-weight: bold
}

div.bottommenu A:link     {text-decoration: none; color: black; }
div.bottommenu A:visited  {text-decoration: none; color: black; }
div.bottommenu A:active   {text-decoration: none; color: black; }
div.bottommenu A:hover    {text-decoration: none; color: blue; }

#bottomgraphic2 { position: absolute; top: 820px; left: 0px; }

div.bottommenu2 {
   position: absolute; top: 830px; left: 100px; width: 500px;
   color: black; font-family: verdana; font-size: 12px; font-weight: bold
}

div.bottommenu2 A:link     {text-decoration: none; color: black; }
div.bottommenu2 A:visited  {text-decoration: none; color: black; }
div.bottommenu2 A:active   {text-decoration: none; color: black; }
div.bottommenu2 A:hover    {text-decoration: none; color: blue; }

/* index page elements  */

div#datestring {
	position: absolute; top: 84px; 
   font-size: 11px; font-family: arial; font-weight:bold;
   z-index:7;
}

#leftframe {
	position: absolute; top: 132px; left: 10px;
}

#sidebar {
	position: absolute; top: 132px; left: 470px;
}

#leftframelabel {
   position: absolute; top: 8px; left: 0px; width: 372px; 
   text-align: center; text-decoration: none; color: black; 
   font-family: verdana; font-size: 18px; font-weight: bold;
}

#sidebarlabel {
   position: absolute; top: 8px; left: 0px; width: 230px; 
   text-align: center; text-decoration: none; color: black; 
   font-family: verdana; font-size: 18px; font-weight: bold;
}

#sidebarlabel2 {
   position: absolute; top: 300px; left: 0px; width: 230px; 
   text-align: center; text-decoration: none; color: black; 
   font-family: verdana; font-size: 16px; font-weight: bold;
}
#upperrightlink {
   position: absolute; top: 65px; left: 670px; width: 80px; 
}

#lowerleftlink {
   position: absolute; top: 580px; left: 0px; width: 436px; 
   text-align:center;
}

#leftheader2 {
   position: absolute; top: 48px; left: 8px; 
   width: 436px;  height: 80px;
}

ul.benefits {
   margin:0px;
   margin-top:10px;
   padding:0px;
   padding-left:5px;
  font-family: verdana; font-size: 12px; 
  color: black; background-color: white;
  line-height: 1.33; 
   
}

ul.benefits li {
  list-style-image:url(check.gif); 
  margin-bottom:5px;
  margin-left:16px;
  padding-left:3px;
  font-family: verdana; font-size: 12px; 
  color: black; background-color: white;
  line-height: 1.33; 
}

ul#benefits1 {
	position: absolute;
	top: 347px;
	left: 292px;
	width: 360px;
}

ul#benefits2 {
  position: absolute; top: 460px; left: 17px; width: 380px; 
}

ul#benefits3 {
  position: absolute; top: 180px; left: 480px; width: 240px; 
}

ul#benefits4 {
  position: absolute; top: 240px; left: 550px; width: 200px; 
}

#benefits5 {
  position: absolute; top: 492px; left: 492px; width: 240px; 
}

img#logos {
   position: absolute; top: 656px; left: 474px;  
   z-index:8;
   padding:0px;
   margin:0px;
  
}

img#privacylogo {
   position: absolute; top: 656px; left: 664px;  
   z-index:7;
   border:none;
   padding:0px;
   margin:0px;
}

/* join page elements */

div#content {
	position: absolute; top: 225px; left: 58px; width:600px;
   font-family: verdana; font-size: 14px; font-weight: bold;
   line-height: 1.33; color: black; background-color: white;
}

div#join1 {
   width:420px;
   font-family: verdana; font-size: 12px;
   line-height: 1.33;
   color: black; background-color: white;
   font-weight:normal;
   margin-bottom:10px;
}

div#bluebox {
   position:absolute;top:200px;left:520px;
   width:210px;height:228px;
   color: #0000ff; background-color: #cccccc; 
   font-family: verdana; font-size: 10px; 
   line-height: 1.33; 
}

img#bluearrows {
   position:absolute;top:244px;left:448px;
}

input.text {
   position: absolute; left: 140px;
}

img#joinbutton {
   border:0px;
   position: absolute; top: 255px; left: 375px;  
   z-index: 8;
}
/* text style classes */
.highlight1 {
	font-weight: bold; font-size: 14px; color: red; font-family: arial; 
}

.class1 {
   font-family: verdana; font-size: 12px;
   line-height: 1.33;
   color: black; background-color: white;
   font-weight:normal;
}

.class2 {
font-family: verdana;
font-size: 9px;
line-height: 1.33;
color: #666666;
font-weight: bold;
background-color: #FFFFFF;
}

.class5 {
font-family: verdana;
font-size: 12px;
line-height: 1.33;
color: black;
background-color: white;
font-weight: bold;
}

.class7 {
font-family: verdana;
font-size: 11px;
line-height: 1.2;
color: black;
background-color: #FFFFFF;
font-weight: normal;
}

.class3 A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 23px; COLOR: red; FONT-FAMILY: verdana; TEXT-DECORATION: underline
}
.class3 A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 23px; COLOR: red; FONT-FAMILY: verdana; TEXT-DECORATION: underline
}
.class3 A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 23px; COLOR: red; FONT-FAMILY: verdana; TEXT-DECORATION: underline
}
.class3 A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 23px; COLOR: blue; FONT-FAMILY: verdana; TEXT-DECORATION: underline
}
.class4 A:link {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: red; FONT-FAMILY: verdana; TEXT-DECORATION: underline
}
.class4 A:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: red; FONT-FAMILY: verdana; TEXT-DECORATION: underline
}
.class4 A:active {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: red; FONT-FAMILY: verdana; TEXT-DECORATION: underline
}
.class4 A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: blue; FONT-FAMILY: verdana; TEXT-DECORATION: underline
}

/* div classes for offer elements */

/* offerbox is used to position all offer elements */
div.offerbox {
   position: absolute; 
}

div.row1 { top: 400px; }
div.row2 { top: 730px; }
div.row3 { top: 1060px; }


div.col1 { left: 50px; }
div.col2 { left: 290px; }
div.col3 { left: 530px; 
}


/* these elements are positioned inside offerbox div */
div.offertitle {
   position: absolute; top: 15px; left: 5px; width: 178px; text-align: center;
   text-decoration: underline; color: black; 
   font-family: verdana; font-size: 16px; font-weight: bold
}

div.offertitle A:link    { text-decoration: underline; color: black; }
div.offertitle A:visited { text-decoration: underline; color: black; }
div.offertitle A:active  { text-decoration: underline; color: black; }
div.offertitle A:hover   { text-decoration: underline; color: red; }

div.offerlogo {
   position: absolute; top: 54px; left: 20px; 
}

div.offerdescription {
   position: absolute;  top: 110px; left: 15px;
   width: 170px; height: 140px; overflow:hidden;
   font-family: verdana; font-size: 11px; line-height: 1.3; color: black; 
   background-color: #FFFFFF; font-weight: normal;
}

div.offerdescription A:link    { text-decoration: none; color: black; }
div.offerdescription A:visited { text-decoration: none; color: black; }
div.offerdescription A:active  { text-decoration: none; color: black; }
div.offerdescription A:hover   { text-decoration: none; color: blue; }

div.offeramount {
   position: absolute;  top: 260px; left: 50px; width: 98px; text-align: center;
   font-family: verdana; font-size: 16px; font-weight: bold;
   color: white; background-color:transparent;
}

div.offeramount A:link    { text-decoration: underline; color: white; background-color:transparent   }
div.offeramount A:visited { text-decoration: underline; color: white; background-color:transparent }
div.offeramount A:active  { text-decoration: underline; color: white; background-color:transparent }
div.offeramount A:hover   { text-decoration: underline; color: red; background-color:transparent }

div.offernum {
   position: absolute;  top: 283px; left: 60px; width: 50px; text-align: center;
   color: red; font-family: arial; font-size: 15px; font-weight: bold
}

img.catboxtop    { position: absolute; left: 770px; top: 164px }
img.catboxleft   { position: absolute; left: 774px; }
img.catboxright  { position: absolute; left: 938px; }
img.catboxbottom { position: absolute; left: 770px; }

span.catboxitem     { position: absolute; left: 786px; width: 180px;
                      color: red; font-family: verdana; font-size: 16px; 
                      font-weight: bold; text-decoration: none;}
span.catboxitem A:link    { text-decoration: underline; color: black; }
span.catboxitem A:visited { text-decoration: underline; color: black; }
span.catboxitem A:active  { text-decoration: underline; color: black; }
span.catboxitem A:hover   { text-decoration: none;      color: blue; }