body { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}


/* CALCULATORS */
#calculators #learn .grid h3 { margin-top: 15px; }
#calculators .grid { width: 620px; padding: 25px 40px 0 20px; margin: 0; }
.holder { width: 620px; padding: 5px 0 0 0; margin-top: 10px; background: url(../../calc/images/calctop.png) no-repeat left top; }
.holder h4 { margin: 15px 0 0 15px; padding: 8px 0 0 36px; height: 32px; background: url(../../calc/images/smcalculator.png) no-repeat left top;}

.calc { width: 620px; font-size: 12px; font-weight: bold; background: #f0f0ef url(../../calc/images/calcbottom.png) no-repeat left bottom; border-spacing: 0; border-collapse: collapse; }
.calc tbody tr td { padding: 3px 5px 10px 20px; }
.calc tbody tr td.first { padding-left: 20px !important; }
.calc tbody tr td input { margin: 4px 4px 0 0; padding: 6px 0 0 4px; height: 23px; border: 0; font-size: 14px; }
.calc tbody tr.bump td { padding-top: 20px; font-weight: normal; }

.calc2 { width: 600px; padding: 0; border-spacing: 0; border-collapse: collapse; margin-left: -10px; }
.calc2 tbody tr td { padding: 3px 5px 10px 10px; }
.calc2 tbody tr.split td { padding-top: 15px; }

.simple { width: 620px; padding: 0; margin-top: 20px; border-spacing: 0; border-collapse: collapse; }
.simple tbody tr td { padding: 3px 5px 10px 10px; border-right: 1px solid #ccc; }
.simple tbody tr td.no { border: 0; }
.simple tbody tr.split td { padding-top: 15px; }

.label2col { font-weight: bold; color: #333; width: 50%; }
.label3col { font-weight: normal; color: #333; width: 28%; }
.label4col { font-weight: normal; color: #333; width: 22%; }
.val { color: #005bff; font-size: 16px; margin-top: 3px; padding: 5px 4px 0 4px; width: 100px; height: 25px; background: #ddd; }
.val4col { color: #005bff; font-size: 16px; padding: 5px 4px 0 4px; width: 70px; height: 25px; background: #ddd; }

input.button { height: 33px !important; margin-left: -10px !important; }
.qtrdrop { width: 70px; font-size: 14px; padding: 0; margin: 6px 0 8px 0; color: #000; background-color: #fff; }
.dropfind { width: 125px; font-size: 14px; padding: 0; margin: 6px 0 8px 0; color: #000; background-color: #fff; }

#demo-bar { margin: 0 0 -10px 0; padding: 0; width: 620px; height: 38px; background: url(/calcnav.png) no-repeat left top; }

ul#calcnav { margin: 0; padding: 0 0 0 20px; font-size: 14px; line-height: 38px; list-style: none; float: left; }
ul#calcnav li { margin: 0; padding: 3px 20px 0 0; display: inline; list-style: none; }
.apply { margin: 2px 5px 0 0; padding: 0 !important; float: right; }
ul#calcnav li a.on { color: #fff; }
ul#calcnav li a { color: #333; }

#demo-wrapper { margin: 0; overflow: hidden; width: 620px; height: 500px; position: relative; }
#demo-inner { width: 2480px; height: 550px; position: relative; }
.scrolling-content { width: 139px; height: 73px; text-align: center; position: absolute; }

#content1 { left: 0; top: 0; width: 620px; height: 500px; text-align: left; }
#content2 { left: 620px; top: 0; width: 620px; height: 500px; text-align: left; }
#content3 { left: 1240px; top: 0; width: 620px; height: 500px; text-align: left; }
#content4 { left: 1860px; top: 0; width: 620px; height: 500px; text-align: left; }