@charset "utf-8";
/* (c) 2011 Pine Grove Software, all rights reserved. www.pine-grove.com */
/* Simple Box layout by Tedd http://sperling.com/web-tips.php : http://webbytedd.com/c/js-animation/ & http://berniesumption.com/software/animator/
/* Animation found at http://webbytedd.com/a.php
/* Steel Gray Look inspiration of: hongkiat see: Design Realistic Stainless Steel Background and Text [Photoshop Tutorial]
/* http://www.hongkiat.com/blog/realistic-stainless-steel-background-and-text-photoshop-tutorial/
/* compressed at: http://www.cssdrive.com/index.php/main/csscompressor
*/
/* \*/
* html #tlc, * html #trc{height:1%}
/* */
html, body{margin:0; padding:0; background-color:#fff; font-family:Verdana,Tahoma,Geneva,Gotham,arial,helvetica,sans-serif; font-size:12px; color:#000; line-height:16px; text-align:center}

body{background-image:url(/images/gray-steel-bg.png); background-repeat:repeat-x; height:100%}

.container_16--{background:url(/images/16_col.gif) repeat-y}
.container_12--{background:url(/images/12_col.gif) repeat-y}
.container_16, .container_12{text-align:left}

h1{font-family:helvetica,arial; font-weight:bold; color:#2a2a2a; font-size:16px; line-height:125%; letter-spacing:1px}
h2{font-family:helvetica,arial; font-weight:bold; color:#2a2a2a; font-size:14px; line-height:110%; padding-bottom:16px}
h3{font-family:helvetica,arial; font-weight:bold; color:#2a2a2a; font-size:12px; line-height:125%; padding-bottom:12px}
h4{font-family:helvetica,arial; font-weight:bold; color:#2a2a2a; font-size:12px; line-height:125%; padding-bottom:12px}
img{border:none}
.c{text-align:center}
.r{text-align:right}
.l{text-align:left}
.b{font-weight:bold}
.sm{font-size:80%}
.nm{margin:0}

.sup{vertical-align:super}
.clear{clear:both}
.empty{clear:both; width:100%; height:1px}
.spacer6{height:6px}
.spacer8{height:8px}
.spacer12{height:12px}
.spacer24{height:24px}
.spacer50{height:50px}
.scrn{cursor:pointer}
.scrn_cap{text-align:center; font-style:italic; font-size:12px; font-weight:bold}
.nobr{white-space:nowrap}
.bar{width:80%; margin:10px auto 0 auto; text-align:center}
.bar.m-adjust{margin:0 auto 14px auto}
.new{color:red; font-weight:bold}
.blog{margin:10px 12px 0 12px; line-height:150%; text-align:center}

p{margin:0 0 24px 0; font-size:12px; font-family:Verdana}
p.comment{margin:0 85px 24px 85px}
p.formula{margin-left:24px}
p.mono_text{font-family:"Courier New",Courier,monospace}
p.just_left{float:left}
p.just_right{float:right}
a{color:#4c6e8e; text-decoration:none; font-style:italic}
a:hover{text-decoration:underline}
a:visited{color:#6c9cc9}

ul, ol{font-size:12px; font-family:Verdana; margin:0 0 24px 48px; list-style-position:outside}
ul{list-style-type:disc}
ul.Circle{list-style-type:circle}
ul.Square{list-style-type:square}
ul.nomark{list-style:none}
ol{list-style-type:decimal}
ol.Roman{list-style-type:lower-roman}
ol.uRoman{list-style-type:upper-roman}
ol.Letters{list-style-type:lower-alpha}
ol.uLetters{list-style-type:upper-alpha}
li{line-height:150%; margin-top:6px}
ul a, ol a{color:#2a2a2a}

#heading{margin-bottom:24px}
#heading img{position:relative; z-index:10}
#heading h1{position:relative; z-index:0; margin-top:-30px; text-align:center}

#header{height:220px; margin-top:20px}
#header #PGSLogo{margin-top:18px; width:99px; height:89px; overflow:hidden}
#header #PGSLogo:hover a:hover img{margin-left:-98px}

.GSearch{background:#fff url(/online-calculators/images/google-custom-search-logo-d.jpg) no-repeat left bottom}
#searchForm{width:230px; margin-top:50px}
#searchForm #GSearch{border:1px solid #2a2a2a; height:18px; float:left; padding-left:10px}
#searchForm #btnS{float:right}
#searchForm #chkBxS{font-size:80%; color:#92b6d9}

/**/
#footer{background-color:#000; height:290px; font-size:12px; color:#fff}
#footer-min{background-color:#000; height:36px; margin-top:4px; font-size:12px; color:#fff}
#footer ul{margin:0; padding:0; text-align:left; list-style:none}
#footer li{margin:0 7px; font-size:10px; line-height:12px}
#footer #tut_list li{margin-top:6px; margin-bottom:12px}/**/
 
/**/ #footer a, #footer-min a{overflow:hidden; color:#808080}
#footer a:hover, #footer a:active, #footer a:focus, 
#footer-min a:hover, #footer-min a:active, #footer-min a:focus{overflow:hidden; color:#FFF}
#footer a:visited, #footer-min a:visited{color:#d1d1d1}
#footer .v-line{position:absolute; width:2px; background-color:#404040; height:170px; top:50px}
#footer .v-line1{left:230px}
#footer .v-line2{left:470px}
#footer .v-line3{left:710px}
#footer .col_h{margin-top:10px; margin-bottom:10px; text-align:center}
#footer .cr, #footer-min .cr{float:left; margin-top:12px; width:100%; text-align:center}
/**/
#foot-3-col{background-color:#000; height:224px; font-size:12px; color:#fff}
#footer-min{background-color:#000; height:36px; margin-top:4px; font-size:12px; color:#fff}
#foot-3-col ul{margin:0; padding:0; text-align:left; list-style:none}
#foot-3-col ul.first{margin-left:12px}
#foot-3-col li{margin:1px 7px; font-size:10px; line-height:12px}
#foot-3-col a, #footer-min a{overflow:hidden; color:#a0a0a0}
#foot-3-col a:hover, #foot-3-col a:active, #foot-3-col a:focus, 
#footer-min a:hover, #footer-min a:active, #footer-min a:focus{overflow:hidden; color:#FFF}
#foot-3-col .v-line{position:absolute; width:2px; background-color:#404040; height:144px; top:40px}
#foot-3-col .v-line1{left:310px}
#foot-3-col .v-line2{left:630px}
#foot-3-col .col_h{margin-top:10px; margin-bottom:10px; text-align:center}
#foot-3-col .cr, #footer-min .cr{float:left; margin-top:12px; width:100%; text-align:center}

.calc-list{background-color:#000; height:20px; width:100%; overflow:hidden; font-size:10px; text-align:left; margin:0; padding:0; list-style:none}
.calc-list li{margin:3px 7px 0 7px; float:left}
.calc-list a{color:#a0a0a0}
.calc-list li a:hover{color:#fff}
#calc-list-top{position:absolute; top:0; left:0; z-index:10}
#calc-list-bottom{position:relative; float:left}

#content-title{background-color:#575757; height:50px; width:100%; clear:both; text-align:center; margin-bottom:24px}
.content-sub-title{background-color:#c7c7c7; height:30px; width:100%; clear:both; margin-bottom:24px}
#content-title h1{color:#fff; padding-top:15px}
.content-sub-title h2{color:#2a2a2a; padding-top:7px; margin-left:12px}
.group-box{background:url(/images/gray-steel-top.png) no-repeat}
.group-box-460{background:url(/images/gray-steel-top-460.png) no-repeat}
.group-box p{margin-left:12px; margin-right:12px; font-size:85%}
.group-title{margin:5px 0 0 10px}
ul.calc-group, ol.calc-group{margin-left:28px}
ul.calc-group a{color:#2a2a2a; font-style:italic}

ul.calc-group a:hover{color:#0b73a7}
ul.calc-group a:visited{color:#006fa7}

#OLC #body-content-wrap{margin-top:110px}
#WIN #body-content-wrap{margin-top:0}
#body-content-col{position:absolute; left:0; top:0}
 
#body-content-head{position:absolute; top:0; left:0; height:100px}
#Ad1{position:absolute; top:0; left:0}
#Ad2{position:absolute; top:0; right:0}

#body-content .note{color:#f00; font-weight:bold; text-transform:uppercase}
#body-content .AppliesT0{font-style:italic; color:#f00}
#body-content .enter{font-weight:bold}
#body-content #link{overflow:auto; padding:6px; border:1px dotted #2a2a2a; font-size:10px; margin-top:-6px}
#body-content .headline{font-family:'Hoefler Text',Georgia,'Times New Roman',Times,serif; font-weight:normal; color:#2a2a2a; font-size:18px; line-height:125%; letter-spacing:2px; text-align:right; margin-top:20px}
#body-content .headline_r{margin-top:20px}
#body-content .headline a{color:#2a2a2a; text-decoration:underline; font-style:italic}
.featured-calc{margin:0 0 6px 0; text-align:center}

ul#menu0{list-style-type:none; margin-top:20px; margin-right:10px; float:right}
#menu0 li{position:relative; float:left; margin:0; padding:4px 0 0 0; text-indent:2px; height:42px}
#menu0 a{color:#cbcbcb; text-decoration:none; font-size:6px; display:block; width:110px; height:42px}
#menu0 .span1{display:block; width:110px; height:46px; cursor:pointer}
#menu0 .products{background:url(/images/menu-b.png) 0 0}
#menu0 .contact{background:url(/images/menu-b.png) -110px 0}
#menu0 .consult{background:url(/images/menu-b.png) -220px 0; width:109px}
#menu0 .blog{background:url(/images/menu-b.png) -330px 0; width:108px}
#menu0 .downloads{background:url(/images/menu-b.png) no-repeat -440px 0; width:107px}
#menu0 .store{background:url(/images/menu-b.png) no-repeat -550px 0; width:107px}
#menu0 .span1{ position:absolute; top:0; left:0; z-index:20}
#menu0 .current .span1{cursor:default}
#menu0 .products a:hover .span1, #menu0 .products .current .span1{background:url(/images/menu-b.png) 0 -46px}
#menu0 .contact a:hover .span1, #menu0 .contact .current .span1{background:url(/images/menu-b.png) -110px -46px}
#menu0 .consult a:hover .span1, #menu0 .consult .current .span1{background:url(/images/menu-b.png) -220px -46px; width:109px}
#menu0 .blog a:hover .span1, #menu0 .blog .current .span1, #menu0 .blog-active .span1, 
#menu0 .blog-active a:hover .span1, #menu0 .blog-active .current .span1{background:url(/images/menu-b.png) -330px -46px; width:108px}
#menu0 .downloads a:hover .span1, #menu0 .downloads .current .span1{background:url(/images/menu-b.png) -440px -46px; width:107px}
#menu0 .store a:hover .span1, #menu0 .store .current .span1{background:url(/images/menu-b.png) -550px -46px; width:107px}

ul#menu1{list-style-type:none; margin-top:-20px; margin-right:10px; float:right}
#menu1 li{position:relative; float:left; margin:0; padding:30px 0 0 25px; text-indent:0; width:55px; height:62px}
#menu1 .slvit, #menu1 .slvit-active{margin-right:20px}
#menu1 .cv, #menu1 .cv-active, #menu1 .amort, #menu1 .lcp{margin-right:27px}
#menu1 .win, #menu1 .win-active{margin-right:28px}
#menu1 .olc, #menu1 .olc-active{margin-right:15px}
#menu1 a{color:#8e8e8e; text-decoration:none; font-size:8px; display:block; width:55px; height:62px}

#menu1 .span1, #menu1 .span2{position:absolute; top:0; left:0; z-index:20; display:block; width:80px; height:117px; cursor:pointer}

#menu1 .slvit .span2{background:url(/images/calculators.png) 0 0}
#menu1 .slvit-active .span2{background:url(/images/calculators.png) -80px 0}
#menu1 .cv .span2{background:url(/images/calculators.png) -150px 0}
#menu1 .cv-active .span2{background:url(/images/calculators.png) -230px 0}
#menu1 .amort .span2{background:url(/images/calculators.png) -309px 0}
#menu1 .lcp .span2{background:url(/images/calculators.png) -468px 0}
#menu1 .win .span2{background:url(/images/calculators.png) -630px 0}
#menu1 .olc .span2{background:url(/images/calculators.png) -790px 0}
#menu1 .win-active .span2{background:url(/images/calculators.png) -1775px 0}
#menu1 .olc-active .span2{background:url(/images/calculators.png) -1108px 0}

#menu1 .current .span1, #menu1 .current .span2{cursor:default}
#menu1 .slvit a:hover .span1, #menu1 .slvit .current .span1{background:url(/images/calculators.png) -80px 0}
#menu1 .slvit-active a:hover .span1, #menu1 .slvit-active .current .span1{background:url(/images/calculators.png) -80px 0}
#menu1 .cv a:hover .span1, #menu1 .cv .current .span1{background:url(/images/calculators.png) -230px 0}
#menu1 .cv-active a:hover .span1, #menu1 .cv-active .current .span1{background:url(/images/calculators.png) -230px 0}
#menu1 .amort a:hover .span1, #menu1 .amort .current .span1{background:url(/images/calculators.png) -389px 0}
#menu1 .lcp a:hover .span1, #menu1 .lcp .current .span1{background:url(/images/calculators.png) no-repeat -548px 0}
#menu1 .win a:hover .span1, #menu1 .win .current .span1{background:url(/images/calculators.png) no-repeat -710px 0}
#menu1 .olc a:hover .span1, #menu1 .olc .current .span1{background:url(/images/calculators.png) no-repeat -870px 0}
#menu1 .win-active a:hover .span1, #menu1 .win-active .current .span1{background:url(/images/calculators.png) no-repeat -1854px 0}
#menu1 .olc-active a:hover .span1, #menu1 .olc-active .current .span1{background:url(/images/calculators.png) no-repeat -1187px 0}

.btnDwnld{width:148px; height:53px; margin:0 auto}
.btnDwnld a{background:url(/images/button.png) 0 0; width:148px; height:53px; display:block}
.btnDwnld a:hover, .btnDwnld a:focus{background:url(/images/button.png) 0 -53px; width:148px; height:53px}
.btnDwnld a:active{background:url(/images/button.png) 0 -106px; width:148px; height:53px}

.btnWhat{width:148px; height:53px; margin:0 auto}
.btnWhat a{background:url(/images/button.png) -152px 0; width:148px; height:53px; display:block}
.btnWhat a:hover, .btnWhat a:focus{background:url(/images/button.png) -152px -53px; width:148px; height:53px}
.btnWhat a:active{background:url(/images/button.png) -152px -106px; width:148px; height:53px}

.btnBuy{width:148px; height:53px; margin:0 auto}
.btnBuy a{background:url(/images/button.png) -302px 0; width:148px; height:53px; display:block}
.btnBuy a:hover, .btnBuy a:focus{background:url(/images/button.png) -302px -53px; width:148px; height:53px}
.btnBuy a:active{background:url(/images/button.png) -302px -106px; width:148px; height:53px}

#share_btns{position:absolute; left:0}
#share_btns p{margin-bottom:2px}
.share_btn_wrapper{margin:0 auto; width:480px}

.share_btns_top{top:110px}
.share_btns_bottom{bottom:4px}
.share_btns_right{right:0}
#g-wrap{position:relative; float:left; width:72px; top:0}
#fb-wrap{top:2px; float:left; height:25px; position:relative}
#follow{width:60px; margin:0 auto}
#t-wrap{top:2px; width:56px; float:left; height:25px; position:relative; margin-right:3px}
.share a{display:block; width:25px; height:25px}

.share, .share_ovr{height:25px; width:25px; background:none; float:left; text-indent:-9999px}
.share_face{background:url(/images/networks.sm.png) no-repeat 0 0}
.share_face a.share_ovr:hover{background:url(/images/networks.sm.png) no-repeat -25px 0}

.share_digg{background:url(/images/networks.sm.png) no-repeat 0 -25px}
.share_digg a.share_ovr:hover{background:url(/images/networks.sm.png) no-repeat -25px -25px}

.share_deli{background:url(/images/networks.sm.png) no-repeat 0 -50px}
.share_deli a.share_ovr:hover{background:url(/images/networks.sm.png) no-repeat -25px -50px}

.share_stum{background:url(/images/networks.sm.png) no-repeat 0 -75px}
.share_stum a.share_ovr:hover{background:url(/images/networks.sm.png) no-repeat -25px -75px}

.share_redd{background:url(/images/networks.sm.png) no-repeat 0 -100px}
.share_redd a.share_ovr:hover{background:url(/images/networks.sm.png) no-repeat -25px -100px}

.share_blink{background:url(/images/networks.sm.png) no-repeat 0 -125px}
.share_blink a.share_ovr:hover{background:url(/images/networks.sm.png) no-repeat -25px -125px}

.share_twit{background:url(/images/networks.sm.png) no-repeat 0 -150px}
.share_twit a.share_ovr:hover{background:url(/images/networks.sm.png) no-repeat -25px -150px}

.share_tech{background:url(/images/networks.sm.png) no-repeat 0 -175px}
.share_tech a.share_ovr:hover{background:url(/images/networks.sm.png) no-repeat -25px -175px}

.share_buzz{background:url(/images/networks.sm.png) no-repeat 0 -200px}
.share_buzz a.share_ovr:hover{background:url(/images/networks.sm.png) no-repeat -25px -200px}

.share_news{background:url(/images/networks.sm.png) no-repeat 0 -225px}
.share_news a.share_ovr:hover{background:url(/images/networks.sm.png) no-repeat -25px -225px}

.share_link{background:url(/images/networks.sm.png) no-repeat 0 -250px}
.share_link a.share_ovr:hover{background:url(/images/networks.sm.png) no-repeat -25px -250px}

.calc{margin:0 auto; text-align:center; width:75px}
.calc a{position:relative; z-index:10; width:78px; height:73px; display:block; overflow:hidden}
.calc a .span1{position:absolute; z-index:15; top:5px; left:15px; height:50px; display:block; font-size:6px; cursor:pointer; text-align:center}
.calc a .span2{position:absolute; z-index:20; top:0; left:0; width:80px; height:73px; display:block; background:url(/images/calculators.png) no-repeat -1430px -27px; cursor:pointer}
.calc a:active .span2, .calc a:hover .span2, .calc  a:focus .span2{background:url(/images/calculators.png) no-repeat -1509px -27px; cursor:pointer}

.molc{margin:0 auto; text-align:center; width:75px}
.molc a{position:relative; z-index:10; width:78px; height:98px; display:block; overflow:hidden}
.molc a .span1{position:absolute; z-index:15; top:30px; left:15px; height:50px; display:block; font-size:6px; cursor:pointer; text-align:center}
.molc a .span2{position:absolute; z-index:20; top:0; left:0; width:80px; height:98px; display:block; background:url(/images/calculators.png) no-repeat -1110px 0; cursor:pointer}
.molc a:active .span2, .molc a:hover .span2, .molc  a:focus .span2{background:url(/images/calculators.png) no-repeat -1189px 0; cursor:pointer}

.hCollapse{display:none}
#hText{font-family:Verdana,Tahoma,arial,helvetica,sans-serif; line-height:1.5; width:360px; height:440px; overflow:auto; text-align:left}
#hText h2{margin-top:12px}
#hTitle{font-family:helvetica,geneva,arial,sans-serif; text-align:center}