/* Items in the sandbox */
/* Dimensions and positions of the major elements */

#save-more { top:240px; right:15px; width:360px; text-align:right }
#apply-now { top:150px; right:45px }
#mortgage-rate { top:35px; right:0; width:365px }
#toll-free { bottom:0; right:0; width:340px;}

#renew-your-mortgage { top:0; left:15px; width:380px; }
#advantages { top:285px; left:35px; width:385px }
#circle { top:220px; left:335px; height:121px; width:121px; }
#mortgage-rate { color:#000; text-align:center }
#mortgage-rate strong { display:block; height:20px; font-size:14px ! important; color:#B9232E}
#mortgage-rate a { display:block; height:60px; font-size:45pt; text-decoration:none; line-height: 60px; font-weight:bold }
#mortgage-rate p { line-height: 1.1em; font-size: 0.9em; color:#333 }
#renew-your-mortgage .inner-box.first h1 { font-weight:300; font-size:24px; font-family: "Verdana" }
#renew-your-mortgage .inner-box.first { color:#FFF; background-color:#2B4F83; background-image:none }
#renew-your-mortgage .inner-box.second { height:250px }
#renew-your-mortgage .inner-box { color:#000; background:#FFF url(http://canequity-assets.s3.amazonaws.com/ratesmortgage/assets/images/blue-bg.png) repeat-x }
#renew-your-mortgage .inner-box.second .second { padding-right:75px }
#save-more .inner-box { color:#000; background:#B0DBA5 url(http://canequity-assets.s3.amazonaws.com/ratesmortgage/assets/images/green-bg.png) repeat-x;}
#save-more .inner-box .first { margin-bottom:0.5em }
#save-more .inner-box p.second { margin-left:50px }
#save-more .inner-box p.third { margin-left:110px }
#advantages .inner-box { color:#000; background:#fff url(http://canequity-assets.s3.amazonaws.com/ratesmortgage/assets/images/wood-bg.png) repeat-x }
#advantages .inner-box .padding { padding-right:30px }
#advantages .inner-box p, #advantages .inner-box h2 { padding-top:5px }
#circle { background:url(http://canequity-assets.s3.amazonaws.com/ratesmortgage/assets/images/circle.png) no-repeat; color:#FFF; font-family:Arial; font-size:18px; font-weight:bolder; line-height:19px; text-align:center; text-transform:uppercase }
#toll-free { color:#B9232E; font-size:11pt; text-align:center; font-weight:bold }
#toll-free img:first-child { display:block }
#toll-free img:first-child + img { margin-right:15px }
#toll-free .phone-number { display:block; color:#2B4F83; font-size:25pt; margin-top:5px; font-family:"Arial"; font-weight:bold }
#toll-free span.benefits { display:block; margin-top:10px; font-weight:normal; color:black; font-size:9pt; line-height:1.2em }
#circle div { margin:20px }

a.smaller { font-size:90% }

#sandbox { width:766px; min-height:520px }


img.executive-member { float:left; margin: -1px 10px -1px -5px }

.bottom-division-floats { float:right; width:210px; margin:0 22px 10px 22px }
.bottom-division-floats h2 { color:#b9232e; margin-bottom:-5px }

/* Insurance info popover */
#insurance-info { display:none } /* Hide the content we fill from. */
/* #insurance-info-popover .bd is the content area of the popover bd = "body data" probably */
#insurance-info-popover .bd { background:white; }
#insurance-info-popover .bd a { color:black }
#insurance-info-popover .bd a:hover { color:#243D62 }

#insurance-info-popover .bd a.button { display:block; text-decoration:none; margin:0 0 0 auto; width:70px; border:1px solid #888; text-align:center}
#insurance-info-popover .bd a.button:hover { background-color: #ddd }

#advantages ul { padding-left:20px }