.BOBContainer { padding: 0px; margin-top:25px; margin-bottom:20px; text-align: center; }
.BOBFrame {	width:45%; padding: 10px; display: inline-block; }
.BOBTitle { font: bold 16px Roboto, verdana, sans-serif; background: #ffd043; color: #21409a; text-align: center; padding: 7px; border-radius:10px 10px 0 0; }
.BOBTitle_GIC  { color: #333399; }
.BOBTitle_TFSA { color: #008499; }
.BOBTitle_RRSP { color: #b50019; }
.BOBTitle_RRIF { color: #009951; }
.BOBTable {	width: 100%; margin: 0; padding: 0; cursor:pointer; }
.BOBLinkBtn { font: bold 15px Roboto, verdana, sans-serif; color: #fff; background: #0d62a2; text-align: center;	padding:7px; }
.BOBLinkBtn:hover {	color: #fff; background: #0091ff; }
.BOBLinkBtn_GetRate { border-radius: 0 0 0 10px; border-right: 1px solid #fff; background: #21409a; color: #eee; }
.BOBLinkBtn_CompareRates { border-radius: 0 0 10px 0; background: #21409a; color: #eee; }
.BOBRate { padding: 10px; border:1px #c6d5e1 solid; text-align: center; height: 60px; width: 50%; font: bold 45px Roboto, verdana, sans-serif; color: #373636;	background: #ffffff; }
.BOBTerms { padding-left: 10px;	font: 15px Arimo, verdana, sans-serif;	background: #ecf2f6; color: #597d98; border:1px #c6d5e1 solid; border-left:none; text-align:left; }
@media screen and (max-width: 1000px) { 
.BOBFrame {	width:45%; }
.BOBLinkBtn { padding:4px; }
.BOBTitle { font: bold 14px Roboto, verdana, sans-serif; padding: 5px; }
.BOBRate  { font: bold 38px Roboto, verdana, sans-serif; }
.BOBTerms { font: 13px Roboto, verdana, sans-serif; }
.BOBLinkBtn { font: bold 13px Roboto, verdana, sans-serif; }
}
@media screen and (max-width: 650px) { 
.BOBFrame {	width:90%; }
.BOBLinkBtn { padding:4px; }
.BOBTitle { font: bold 14px Roboto, verdana, sans-serif; padding: 5px; }
.BOBRate  { font: bold 38px Roboto, verdana, sans-serif; }
.BOBTerms { font: 13px Roboto, verdana, sans-serif; }
.BOBLinkBtn { font: bold 13px Roboto, verdana, sans-serif; }
}