
.cgContainer{

  width:754px;

  margin:10px auto;

}

.cgMasthead{

  width:754px;
  height:106px;

}

.cgBody{

  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/backCentreHSlither.png) top left repeat-y;
  width:754px;
}

.cgBodyTop{

}

.cgBodyTopCentre{

  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/backCentreVSlither.png) top left repeat-x;

}

.cgBodyTopLeft{

  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/backLeftVertical.png) top left no-repeat;

}

.cgBodyTopRight{

  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/backRightVertical.png) top right no-repeat;
  width:754px;

}

.cgBodyBottom{

  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/backBottomHorizontal.png) top left no-repeat;
  width:754px;
  height:11px;
}

.cgContentSideColumnShow{
float:left;
width:204px;
display:block;
}

.cgContentSideColumnHide{
float:left;
width:204px;
display:none;
}

.cgContentCentreColumn{
float:left;
width:345px;

}

.cgContentCentreColumnWide{
float:left;
width:545px;

}

.cgContentCentreColumn .cgCentrePane{

  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/centreBoxSlither.png) top left repeat-y;
  margin:0 auto;  
  width:337px;
}

.cgContentCentreColumnWide .cgCentrePane{

  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/centreBoxSlither540.png) top left repeat-y;
  margin:0 auto;  
  width:540px;
}
.cgContentCentreColumn .cgCentrePaneTop{

  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/centreBoxTop.png) top left no-repeat;
  width:337px;
  height:42px;
  margin:0 auto;
}

.cgContentCentreColumnWide .cgCentrePaneTop{

  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/centreBoxTop540.png) top left no-repeat;
  width:540px;
  height:42px;
  margin:0 auto;
}

.cgContentCentreColumnWide .cgCentrePaneDeepTop{

  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/centreBoxDeepTop540.png) top left no-repeat;
  width:540px;
  height:100px;
  margin:0 auto;
}

.socBox{
  width:192px;
  margin:10px auto;

}

.socBoxTop{
  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/socBoxTop.png);
  width:192px;
  height:10px; 
}

.socBoxSlither{
  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/socBoxSlither.gif);
  width:192px;
}

.socBoxBot{
  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/socBoxBot.png);
  width:192px;
  height:10px;
}

.cgContentCentreColumn .cgCentrePaneMid{

  /*background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/centreBoxGradient.png) bottom left no-repeat;*/
  width:337px;

}

.cgContentCentreColumnWide .cgCentrePaneMid{

  /*background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/centreBoxGradient540.png) bottom left no-repeat;*/
  width:540px;

}

.cgCentrePaneMid>div{
padding:10px 20px;
}

.cgCentrePaneMid div h2{
  font-weight:bold;
  color:#090;
  font-size:18px;
}

.cgContentCentreColumn .cgCentrePaneSuperBottom{

  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/centreBoxSuperBottom.png) bottom left no-repeat;
  width:337px;
  height:44px;
}

.cgContentCentreColumnWide .cgCentrePaneSuperBottom{

  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/centreBoxSuperBottom540.png) bottom left no-repeat;
  width:540px;
  height:44px;
}

.cgContentCentreColumn .cgCentrePaneSubBottom{
  margin:0 auto;
  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/centreBoxSubBottom.png) bottom left no-repeat;
  width:337px;
  height:9px;
  margin-bottom:30px;
}

.cgContentCentreColumnWide .cgCentrePaneSubBottom{
  margin:0 auto;
  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/centreBoxSubBottom540.png) bottom left no-repeat;
  width:540px;
  height:9px;
  margin-bottom:30px;
}
.cgCentrePaneTop h2,.cgCentrePaneTopWide h2{

  color:#fff;
  text-align:center;
  margin:0px;padding:0px;
  font-size:18px;

}

.cgContentSideColumnMid h2, .cgContentSideColumnMidWide h2{

  color:#fff;
  text-align:center;
  margin:0px;padding:0px;
  font-size:17px;

}

.cgContentSideColumnMid{
padding-top:10px;
  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/sideBoxGradient.png) no-repeat left bottom;
  width: 190px;
    margin:0 auto;
    overflow:hidden;color:#fff;
  background-color:#0f7dfe;
}

.cgContentSideColumnBottom{

  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/sideBoxBottom.png) no-repeat left bottom;
  width: 190px;
    margin:0 auto;
  height:10px;
}

.cgSelectedCardListTop{
  
  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/selectedCardListTop.png) no-repeat left top;
  height:12px ;
  width:178px;
  margin:0 auto;
}

.cgSelectedCardListSlither{
  
  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/selectedCardListSlither.png) repeat-y left bottom;

  width:178px;
  margin:0 auto;
}

.cgSelectedCardListBottom{
  
  background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/selectedCardListBottom.png) no-repeat left bottom;
  height:12px ;
  width:178px;
  margin:0 auto;
}


#fullDetails{
min-height:150px;
}

#fullDetails table.walletTable{
margin-top:10px;
}

.cgContentSideColumnMid #cardList{

  color:#000;

}

.cardSelectionMid tr td:first-child{
  padding:5px;width:100px;
}

.cgCardSelectorMid h3{
color:#006;
}


#intro{
font-weight:bold;
}


.introGfx div{
    
    float:left;

}

div#getStarted{
    background:url(http://images2.moneysavingexpert.com/images/cardGuardv2/card3.png) no-repeat left top;
    width:284px;
    height:182px;
    float:left;
}

.cardListOuter{
  margin:0 auto;
}

.cardListOuterTop{
  background:url(http://monkey.moneysavingexpert.com/rm/cardGuardv2/images/cardListTop.gif) no-repeat left top;
  width: 765px;
  height:10px;
}

.cardListOuterMid{
  background:url(http://monkey.moneysavingexpert.com/rm/cardGuardv2/images/cardListSlither.gif) repeat-y left top;
  width: 765px;

}

.cardListOuterBot{
  background:url(http://monkey.moneysavingexpert.com/rm/cardGuardv2/images/cardListBot.gif) no-repeat left top;
  width: 765px;
  height:10px;
}

.cardListLeft{
  width:222px;

  float:left;
}

.cardListCenter{
  width:320px;

    float:left;
}

.cardListRight{
  width:222px;

    float:left;

}

.cardListLeftInnerTop{
  background:url(http://monkey.moneysavingexpert.com/rm/cardGuardv2/images/cardSelectionTop.gif) no-repeat left top;
  width: 200px;
  height:10px;
overflow:hidden;
margin:0 auto;
}

.cardListLeftInnerMid{
  background:url(http://monkey.moneysavingexpert.com/rm/cardGuardv2/images/cardSelectionSlither.gif) repeat-y left top;
  width: 200px;
overflow:hidden;
margin:0 auto;
}

.cardListLeftInnerBot{
  background:url(http://monkey.moneysavingexpert.com/rm/cardGuardv2/images/cardSelectionBot.gif) no-repeat left top;
  width: 200px;
  height:10px;margin:0 auto;

}

.cardListCenterInnerTop{
  background:url(http://monkey.moneysavingexpert.com/rm/cardGuardv2/images/cardListTopInner.gif) no-repeat left top;
  width: 320px;
  height:10px;
margin:0 auto;
}

.cardListCenterInnerMid{
  background:url(http://monkey.moneysavingexpert.com/rm/cardGuardv2/images/cardListSlitherInner.gif) repeat-y left top;
  width: 320px;
margin:0 auto;
}

.cardListCenterInnerBot{
  background:url(http://monkey.moneysavingexpert.com/rm/cardGuardv2/images/cardListBotInner.gif) no-repeat left top;
  width: 320px;
  height:10px;
  margin:0 auto;
}



.cardListRightInnerTop{
  background:url(http://monkey.moneysavingexpert.com/rm/cardGuardv2/images/cardSelectionTop.gif) left top no-repeat;
  height: 10px;
  width:200px;
margin:0 auto;
}

.cardListRightInnerMid{
  background:url(http://monkey.moneysavingexpert.com/rm/cardGuardv2/images/cardSelectionSlither.gif) left top repeat-y;
margin:0 auto;
  width:200px;
}

.cardListRightInnerBot{
  background:url(http://monkey.moneysavingexpert.com/rm/cardGuardv2/images/cardSelectionBot.gif) left top no-repeat;
  height: 10px;
  width:200px;
  margin:0 auto;
}


#grablinkblock{
	margin-top:0px;
	/*margin-bottom:23px;*/
}

.hidden{
display:none;
}
.results{
  width:565px;
  margin:0 auto;
}


.resultsLeft{
  width:450px;

}

.resultsRight{
  width:112px;

}

.walletTable{
  width:450px;
  margin:0 auto;
  background-color:#fff;
  border-collapse:collapse;
}

.walletTable tr td{
  border:1px solid #DDDDDD;
  text-align:center; 
}

.walletTable tr th {
color:#666666;
background-color:#DDDDDD;
  text-align:center;
}

.walletTableHeader {
background-image:url(http://images2.moneysavingexpert.com/images/cardGuardv2/tableheader.png);
background-position:center top;
background-repeat:no-repeat;
color:white;
font-size:1.1em;
font-weight:bold;
height:29px;
text-transform:uppercase;
}

.allCardsTableHeader {
background-image:url(http://images2.moneysavingexpert.com/images/cardGuardv2/widetableheader.gif);
background-position:center top;
background-repeat:no-repeat;
color:white;
font-size:1.1em;
font-weight:bold;
height:15px;
text-transform:uppercase;
width:948px;
margin:0 auto;
  text-align:center;
  padding: 7px 0;
}


.walletTableBorderLeft {
border-left:1px solid #DDDDDD;
}

.walletTableBorderRight {
border-right:1px solid #DDDDDD;
}

.walletTableBorderBottom{
border-bottom:1px solid #DDDDDD;
}


.walletSaveOptions{
  padding: 20px 0;
  width:450px;
  margin:0 auto;
}

.invisible{
/*visibility:hidden;*/
display:none;
}



#cardGuardFAQs ul { margin:5px; padding:0; }
#cardGuardFAQs ul li { list-style: none; margin:20px 5px; padding:0; }
#cardGuardFAQs ul li a{ color:white; text-decoration:none;}
#cardGuardFAQs ul li a:hover{ color:red;}



#cardGuardFAQs2 ul { margin:5px; padding:0; }
#cardGuardFAQs2 ul li { list-style: none; margin:20px 5px; padding:0; }
#cardGuardFAQs2 ul li a{ color:white; text-decoration:none;}
#cardGuardFAQs2 ul li a:hover{ color:red;}

