/* ------- BANNER SETUP ------- */
body, html{margin:0; padding:0;}
#wrapper{
  width:160px; height:600px;
  overflow:hidden; background:#ffffff;
  position:absolute;
}
#content{
  width:160px; height:600px;
  position:relative; top:0; left:0;
  perspective: 160px; -webkit-perspective: 160px;
}
.hideMe{visibility:hidden;}


/* ------- DEFINE SPRITES ------- */
.spr-lu, .spr-t1, .spr-t2, .spr-t3, .spr-cta1, .spr-pr1, 
.spr-pr2, .spr-pr3 {
    background-image: url('img/spr.png');
    background-repeat: no-repeat;
    display: block;
	position:absolute;
}
.spr-t3 { background-position: -2px -0px; width: 146px; height: 55px; }
.spr-cta1 { background-position: -2px -57px; width: 142px; height: 32px; }
.spr-lu { background-position: -2px -91px; width: 140px; height: 34px; }
.spr-t1 { background-position: -2px -127px; width: 134px; height: 48px; }
.spr-t2 { background-position: -2px -177px; width: 134px; height: 48px; }
.spr-pr1 { background-position: -2px -227px; width: 130px; height: 68px; }
.spr-pr2 { background-position: -2px -297px; width: 130px; height: 67px; }
.spr-pr3 { background-position: -2px -366px; width: 130px; height: 68px; }
.spr-glimmer-cta { background-position: -154px -167px; width: 76px; height: 64px; z-index: 950;}


.p1 {
    background-image: url('img/p1.jpg');
    background-repeat: no-repeat;
    width: 300px; height: 318px;
    display: block;
    position:absolute;
}
.p2 {
    background-image: url('img/p2.jpg');
    background-repeat: no-repeat;
    width: 300px; height: 318px;
    display: block;
    position:absolute;
}



/* ------- POSITION SPRITES ------- */
.spr-lu { left: 10px; top:530px; }
.spr-t1 { left: 11px; top:335px; z-index: 600;}
.spr-t2 { left: 11px; top:335px; z-index: 600;}
.spr-t3 { left: 8px; top:45px; z-index: 800;}
.spr-cta1 { left: 10px; top:433px; z-index: 800;}
.spr-pr1 { left: 17px; top:130px; z-index: 800;}
.spr-pr2 { left: 17px; top:230px; z-index: 800;}
.spr-pr3 { left: 17px; top:328px; z-index: 800;}
.p1 { left: 0px; top:0px; }
.p2 { left: 0px; top:0px; }


/* ------- OTHER CSS ------- */



.wiper {
	position: absolute;
	width: 300px;
	height: 600px;
	left: 0px;
	top: 610px;
	border-width: 0px;
	border: 0px solid transparent;
	overflow: hidden;
	z-index: 700;
	background: #4ed168;
}

.bar {
	position: absolute;
	width: 300px;
	height: 88px;
	left: 0px;
	top: 315px;
	border-width: 0px;
	border: 0px solid transparent;
	overflow: hidden;
	z-index: 100;
	background: #4ed168;
}



#glimmer-cta-box {
	position: absolute;
	width: 214px; height: 49px;
	left: 42px; top:433px;
	border-width: 0px;
	border: 0px solid transparent;
	overflow: hidden;
	z-index: 900;
}
#glimmer-cta {
    position: relative;
      top:0px;
      left: -220px;
      border-width:0px;
      border: 0px solid transparent;
      opacity: .75
}

#rolloverCatch {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 999;
    cursor: pointer;
}

/* ------- BORDER ------- */
#brdr-t, #brdr-b {
	width:160px;
	height:1px;
	background-color:#000000;
	z-index:950;
}
#brdr-l, #brdr-r {
	width:1px;
	height:600px;
	background-color:#000000;
	z-index:950;
}
#brdr-t {left:0px; top:0px; position:absolute;}
#brdr-b {left:0px; top:599px; position:absolute;}
#brdr-l {left:0px; top:0px; position:absolute;}
#brdr-r {left:159px; top:0px; position:absolute;}