@charset "utf-8";
/* CSS Document */



/*the launch buttons*/

.launch {
   background: url(../images/popup.png) scroll no-repeat center right transparent;
  padding-right:20px;
} 

.citm {
/*site specific styling can be added here i.e. button sprites, margins, etc and stacked with the class of launch on the anchor tag */
   margin: 0 5px 20px 0;    
}

.walmart {
   margin: 0 5px 20px 0;      
}

.abc {
    background:url(../images/modal_launch_graphic_abc_pers.jpg) 0 0 no-repeat;
    height:88px;
    width:495px;
    text-indent:-9999px;
    display:block;        
}

.abc:hover {
    background-position:left -88px;
}


.abc.PersonalHS {
    background:url(../images/modal_launch_graphic_abc_pers.jpg) 0 0 no-repeat;
}

.abc.PersonalHS:hover {
    background-position:left -88px;
}

.abc.BizHS {
    background:url(../images/modal_launch_graphic_abc_biz.jpg) 0 0 no-repeat;
}

.abc.BizHS:hover {
    background-position:left -88px;
}





/* In an instance where the target site's styling does not inherit, or inherited styles need to be overridden, add styling below */

.override {
  font-family:Arial, Helvetica, sans-serif;
}

a.override {
  
}

p.override{
  
}

H2.override {
  
}

/* i hate IE fixes */

.thefeatures, .defaultTxt {
  width:600px;
}

/* the container layers to be overlayed */

.personalCheck {
  background: url(../images/hs_check_personal_front.jpg) center bottom no-repeat transparent scroll;
  width:600px;
  height:320px;
  margin:5px 10px 20px 20px;
}

.personalCheckBack {
  background: url(../images/hs_check_personal_back.jpg) center bottom no-repeat transparent scroll;
  width:600px;
  height:320px;
  margin:5px 10px 20px 20px;
}
.bizCheck {
  background: url(../images/hs_check_biz_front.jpg) center bottom no-repeat transparent scroll;
  width:600px;
  height:293px;
  margin:5px 10px 20px 20px;
}
.bizCheckBack {
  background: url(../images/hs_check_biz_back.jpg) center bottom no-repeat transparent scroll;
  width:600px;
  height:293px;
  margin:5px 10px 20px 20px;
}






/*the  overlay layer*/

.overlay {
  position:absolute;
}

/*.overlay p{
  color:#f00;
  font-size:124px;
}*/

.overlay a  {
  width:25px;
  height:25px;
  background: url(../images/marker.png) 0 0 no-repeat;
  display:inline-block;
/*  z-index:4;*/
  /*text-indent:-9999px;*/
  position:relative;
  font-size: 0; 
  line-height: 0; 
  color: transparent;
  text-transform: capitalize;

}
.overlay a:hover {
  background: url(../images/marker.png) 0 -25px  no-repeat;

}

/*the css for the link that toggles the overlay layer if you want to turn on/off the overlay with JQuery

.showme {
  width: 100px; 
  position: fixed; 
  z-index: 10000; 
  margin-left: -5px; 
  top: 50px;
  background-color:#333333;
  padding:20px;
  border:2px solid #fcfcfc;
  font-size:18px;
  color:#fcfcfc;
  text-decoration:none;
  text-align:center;
  
}

a:hover.showme  {
  color:#FF3300;
}

*/

/*for positioning of markers, in 10 px increments -- stack in the span */

.x1 {left:10px;}
.x2 {left:20px;}
.x3 {left:30px;}
.x4 {left:40px;}
.x5 {left:50px;}
.x6 {left:60px;}
.x7 {left:70px;}
.x8 {left:80px;}
.x9 {left:90px;}
.x10 {left:100px;}

.x11 {left:110px;}
.x12 {left:120px;}
.x13 {left:130px;}
.x14 {left:140px;}
.x15 {left:150px;}
.x16 {left:160px;}
.x17 {left:170px;}
.x18 {left:180px;}
.x19 {left:190px;}
.x20 {left:200px;}

.x21 {left:210px;}
.x22 {left:220px;}
.x23 {left:230px;}
.x24 {left:240px;}
.x25 {left:250px;}
.x26 {left:260px;}
.x27 {left:270px;}
.x28 {left:280px;}
.x29 {left:290px;}
.x30 {left:300px;}

.x31 {left:310px;}
.x32 {left:320px;}
.x33 {left:330px;}
.x34 {left:340px;}
.x35 {left:350px;}
.x36 {left:360px;}
.x37 {left:370px;}
.x38 {left:380px;}
.x39 {left:390px;}
.x40 {left:400px;}

.x41 {left:410px;}
.x42 {left:420px;}
.x43 {left:430px;}
.x44 {left:440px;}
.x45 {left:450px;}
.x46 {left:460px;}
.x47 {left:470px;}
.x48 {left:480px;}
.x49 {left:490px;}
.x50 {left:500px;}

.x51 {left:510px;}
.x52 {left:520px;}
.x53 {left:530px;}
.x54 {left:540px;}
.x55 {left:550px;}
.x56 {left:560px;}
.x57 {left:570px;}
.x58 {left:580px;}
.x59 {left:590px;}
.x60 {left:600px;}

.x61 {left:610px;}
.x62 {left:620px;}
.x63 {left:630px;}
.x64 {left:640px;}
.x65 {left:650px;}
.x66 {left:660px;}
.x67 {left:670px;}
.x68 {left:680px;}
.x69 {left:690px;}
.x70 {left:700px;}

.x71 {left:710px;}
.x72 {left:720px;}
.x73 {left:730px;}
.x74 {left:740px;}
.x75 {left:750px;}
.x76 {left:760px;}
.x77 {left:770px;}
.x78 {left:780px;}
.x79 {left:790px;}
.x80 {left:800px;}

.x81 {left:810px;}
.x82 {left:820px;}
.x83 {left:830px;}
.x84 {left:840px;}
.x85 {left:850px;}
.x86 {left:860px;}
.x87 {left:870px;}
.x88 {left:880px;}
.x89 {left:890px;}
.x90 {left:900px;}




.y1 {top:10px;}
.y2 {top:20px;}
.y3 {top:30px;}
.y4 {top:40px;}
.y5 {top:50px;}
.y6 {top:60px;}
.y7 {top:70px;}
.y8 {top:80px;}
.y9 {top:90px;}
.y10 {top:100px;}

.y11 {top:110px;}
.y12 {top:120px;}
.y13 {top:130px;}
.y14 {top:140px;}
.y15 {top:150px;}
.y16 {top:160px;}
.y17 {top:170px;}
.y18 {top:180px;}
.y19 {top:190px;}
.y20 {top:200px;}

.y21 {top:210px;}
.y22 {top:220px;}
.y23 {top:230px;}
.y24 {top:240px;}
.y25 {top:250px;}
.y26 {top:260px;}
.y27 {top:270px;}
.y28 {top:280px;}
.y29 {top:290px;}
.y30 {top:300px;}

.y31 {top:310px;}
.y32 {top:320px;}
.y33 {top:330px;}
.y34 {top:340px;}
.y35 {top:350px;}
.y36 {top:360px;}
.y37 {top:370px;}
.y38 {top:380px;}
.y39 {top:390px;}
.y40 {top:400px;}

.y41 {top:410px;}
.y42 {top:420px;}
.y43 {top:430px;}
.y44 {top:440px;}
.y45 {top:450px;}
.y46 {top:460px;}
.y47 {top:470px;}
.y48 {top:480px;}
.y49 {top:490px;}
.y50 {top:500px;}

.y51 {top:510px;}
.y52 {top:520px;}
.y53 {top:530px;}
.y54 {top:540px;}
.y55 {top:550px;}
.y56 {top:560px;}
.y57 {top:570px;}
.y58 {top:580px;}
.y59 {top:590px;}
.y60 {top:600px;}

.y61 {top:610px;}
.y62 {top:620px;}
.y63 {top:630px;}
.y64 {top:640px;}
.y65 {top:650px;}
.y66 {top:660px;}
.y67 {top:670px;}
.y68 {top:680px;}
.y69 {top:690px;}
.y70 {top:700px;}

.y71 {top:710px;}
.y72 {top:720px;}
.y73 {top:730px;}
.y74 {top:740px;}
.y75 {top:750px;}
.y76 {top:760px;}
.y77 {top:770px;}
.y78 {top:780px;}
.y79 {top:790px;}
.y80 {top:800px;}

.y81 {top:810px;}
.y82 {top:820px;}
.y83 {top:830px;}
.y84 {top:840px;}
.y85 {top:850px;}
.y86 {top:860px;}
.y87 {top:870px;}
.y88 {top:880px;}
.y89 {top:890px;}
.y90 {top:900px;}


/* if you need to change the z-index */
.z1 {z-index:-1}
.z2 {z-index:-2}
.z3 {z-index:-3}
.z4 {z-index:-4}
.z5 {z-index:-5}
.z6 {z-index:-6}