.purpleFade{
position:relative;
background:url(http://images2.moneysavingexpert.com/images/rewardsChecker/newSkin/redFade.gif) 5px 5px no-repeat;

}

.frameTop{
background:url(http://images2.moneysavingexpert.com/images/rewardsCheckerAug2010/frameTop.gif) left top no-repeat;
height:10px;
width:759px;
overflow:hidden;

}
.frameMid{
background:url(http://images2.moneysavingexpert.com/images/rewardsCheckerAug2010/frameSlither.gif) left top repeat-y;
overflow:hidden;
width:759px;

}


.frameMidInner{
background:url(http://images2.moneysavingexpert.com/images/rewardsCheckerAug2010/backgroundSlither.gif) left bottom repeat-x;
overflow:hidden;
width:746px;
margin:0 auto;
}


.frameBot{
background:url(http://images2.moneysavingexpert.com/images/rewardsCheckerAug2010/frameBottom.gif) left bottom no-repeat;
height:7px;
width:759px;

}
.upperContent h1{
margin-top:5px;
margin-bottom:5px;
text-align:center;
font-size:24px;
}

.upperContent{
margin-bottom:20px;
}

.rewardsCheckerTitle{
background:url(http://images2.moneysavingexpert.com/images/rewardsChecker/newSkin/rewardsCheckerText.gif) left top no-repeat;
height:50px;
width:540px;
margin:0 auto;
}

.mastHeadPresentImage{
position:absolute;
left:0px;
top:0px;
}
.mastHeadMagnifierImage{
position:absolute;
right:13px;
top:4px;
}

.upperContent h2{
margin:5px;
text-align:center;
color:#66B7FD;
font-size:20px;
}

.wannaKnow{
background:url(http://images2.moneysavingexpert.com/images/rewardsChecker/newSkin/wannaKnow.gif) left top no-repeat;
width:292px;
height:52px;
margin:20px auto 0;
}

.buttonBar{
position:relative;
width:526px;
margin:0 auto 0;
}

.or{
position:absolute;  
top:-10px;
left:203px;
}

.leftButtonDiv img, .rightButtonDiv img{
cursor:pointer;
}

.leftButtonDiv{
float:left;

width:263px;
}

.rightButtonDiv{
float:left;


width:263px;
}




.onBlockOver{
width:235px;
height:79px;
background:url(http://images2.moneysavingexpert.com/images/rewardsCheckerAug2010/onBlockBackOn.gif) left top repeat-y;
margin:0 auto;

visibility:visible;
color:#878787;
}



.onBlockOn{
margin-left:13px;

width:235px;
height:79px;
background:url(http://images2.moneysavingexpert.com/images/rewardsCheckerAug2010/onBlockBackOn.gif) left top repeat-y;


visibility:visible;
color:#000;

}


.onBlockOff{
width:235px;
height:79px;
margin:0 auto;

visibility:hidden;
}

.blockText{
margin:0px ;

font-size:14px;
font-weight:bold;
padding:15px 5px 0px ;
text-align:center;

}

#cCardBlock .blockText{
  background:url(http://images2.moneysavingexpert.com/images/rewardsCheckerAug2010/onBlockLeftOn.gif) left top no-repeat;
}

#lCardBlock .blockText{
  background:url(http://images2.moneysavingexpert.com/images/rewardsCheckerAug2010/onBlockRightOn.gif) left top no-repeat;
}

.contentBoxTopLeftOut{
  margin:0 auto;
  width:730px;
 height:11px;
  background: url(http://images2.moneysavingexpert.com/images/rewardsCheckerAug2010/contentBoxTopLeft.gif) left top no-repeat;
  overflow:hidden;
}

.contentBoxTopRightOut{
  margin:0 auto;
  width:730px;
  height:11px;
  background: url(http://images2.moneysavingexpert.com/images/rewardsCheckerAug2010/contentBoxTopRight.gif) left top no-repeat;
  overflow:hidden;
}

.contentBoxMid{
  margin:0 auto;
  width:730px;
  overflow:hidden;
  background: url(http://images2.moneysavingexpert.com/images/rewardsCheckerAug2010/contentBoxMid.gif) left top repeat-y;

}
.contentBoxBot{
  margin:0 auto;
  width:730px;
  height:12px;
  background: url(http://images2.moneysavingexpert.com/images/rewardsCheckerAug2010/contentBoxBot.gif) left bottom no-repeat;

}

.leftBox, .rightBox{
  width:362px;
  float:left;
}
.rightBox{
text-align:center;
}
#inputForm{

text-align:center;

}

#select{
width:250px;
}
#input{
width:50px;
}

#inputForm p{
margin:30px;
font-size:14px;
font-weight:bold;

}

#resultContent img.mag
{
margin:89px 0;
}


.resultsText{

line-height:2em;
margin-top:10px;
}

.resTextAnswer{
font-size:22px;
font-weight:bold;
color:#090;
}

.resTextLarge{
font-size:18px;
font-weight:bold;
}

.resTextSmall{
font-size:14px;
font-weight:bold;
}

.resTextNotes{
font-size:14px;
margin: 20px;
border:1px dotted #f00;
}

label{
color:#01A1C7;
}

.warning{
margin:10px auto;
width:500px;

}
#checkerHeaderImage{
  width:540px;
   height:50px; 
   margin:0 auto;
}