﻿
/* Framework ---------------- */
body { padding: 0; margin: 0; background-color: #003768; }
#masterWrapper { background-color: #FFF; position: relative; margin: 0 auto; padding: 0; width: 952px; border: solid 1px #000; border-top:0; border-bottom:0; }
#masterWrapper #masterHeader { width: 952px; }

/* Email signup tab ---------------- */
.tabFeature { position: relative; width: 952px; height:18px; no-repeat; padding: 5px 0 0 0; }
.tabFeature div.emailSignup { position: relative; float: left; width: 464px; z-index: 100; }
.tabFeature div.emailSignup div.emailTitle { padding: 3px 0 0 20px; }
.tabFeature div.emailSignup div.emailBox { padding: 0 0 0 5px; }
.tabFeature div.emailSignup div.emailSubmit { padding: 0 0 0 5px; }
.tabFeature div.emailSignup div.emailBox .emailTextBox { font-size: 11px; color: #666; height: 15px; padding: 0px 5px; }
.tabFeature #userNav { position: absolute; top: 5px; right: 15px; width: 600px; height: 35px; }
.tabFeature #userNav #testMcAfee { position: absolute; width: 67px; height: 40px; top: 2px; right: 0px; }
.tabFeature #userNav #userInfo { position: absolute; height: 20px; top: 0px; right: 76px; font-size: 0.846em; }
.tabFeature #userNav #userInfo .navItem { color: #246FA6; display: block; float: right; padding: 3px 8px 1px; border-right: solid 1px #EFEFEF; text-decoration: none; }
.tabFeature #userNav #userInfo a img { vertical-align: middle; margin-right: 2px; }
.tabFeatureHide { position: relative; width: 952px; height: 30px; }
.tabFeatureHide #userNav { position: absolute; top: 0px; right: 15px; width: 600px; height: 35px; }
.tabFeatureHide #userNav #testMcAfee { position: absolute; width: 67px; height: 40px; top: 2px; right: 0px; }
.tabFeatureHide #userNav #userInfo { position: absolute; height: 20px; top: 0px; right: 76px; font-size: 0.846em; }
.tabFeatureHide #userNav #userInfo .navItem { color: #246FA6; display: block; float: right; padding: 3px 8px 1px; border-right: solid 1px #EFEFEF; text-decoration: none; }
.tabFeatureHide #userNav #userInfo a img { vertical-align: middle; margin-right: 2px; }

/* Logo & navigation ---------------- */
#masterHeader #mainHeader { position: relative; width: 952px; height: 91px; background: url(/images/master/navBottomBG.jpg) repeat-x 0px 66px; clear: both; }
#masterHeader #mainHeader #logo { position: absolute; width: 377px; height: 78px; left: 20px; background: url(/images/trus_logo_new.png) no-repeat; }
#masterHeader #mainHeader #logo a span { display: block; position: absolute; width: 377px; height: 74px; top: 8px; left: 20px; }
#masterHeader #mainHeader #logo a span span.logoAlt { visibility: hidden; }
#masterHeader #mainHeader #tagline { position: absolute; width: 378px; height: 12px; top: 72px; left: 20px; background: url(/images/master/tagline2.png) no-repeat; }
#masterHeader #mainHeader #tagline span { display: none; }
#masterHeader #mainHeader #mainNav { position: absolute; width: 520px; height: 36px; top: 33px; right: 0px; }
#masterHeader #mainHeader #mainNav ul { margin: 0; padding: 0; list-style-type: none; }
#masterHeader #mainHeader #mainNav ul li { display: inline; }
#masterHeader #mainHeader #mainNav ul li a { display: block; float: left; margin-left: 2px; width: 99px; padding: 10px 0 11px 0; background: url(/images/master/mainNavTabInactive.png) no-repeat; font-size: 1em; font-weight: bold; line-height: 13px; color: #0C4D85; text-decoration: none; text-align: center; }
#masterHeader #mainHeader #mainNav ul li a.cashForBooks, #masterHeader #mainHeader #mainNav ul li a.media { display: block; float: left; margin-left: 2px; width: 99px; padding: 4px 0 7px 0; background: url(/images/master/mainNavTabInactive.png) no-repeat; font-size: 0.923em; line-height: 12px; color: #0C4D85; text-decoration: none; text-align: center; }
#masterHeader #mainHeader #mainNav ul li a:hover { color: #407BBD; }

/* Yellow subheading ---------------- */
#subHeader { position: relative; width: 912px; padding: 0 20px; height: 40px; background: url(/images/master/subnavBG.jpg) repeat-x; }
#subHeader #sitePromos { position: absolute; width: 281px; height: 28px; left: 648px; }
#subHeader #siteSearch { position: absolute; width: 615px;}
#subHeader #siteSearch #searchBox { display: inline-block; width: 484px; padding: 7px; background: url(/images/master/search30.jpg) no-repeat; }
#subHeader #siteSearch #searchBox input.txtSearch { border: none; border: 0; width: 450px; height: 17px; padding: 1px 0 0 0; }
#subHeader #siteSearch img { vertical-align: middle; padding: 2px 0 2px 6px; margin-left: 10px; border-left: solid 1px #E6BD41; }
#subHeader #siteSearch input { vertical-align: middle; padding-bottom: 4px; }
#masterSubHeader { width: 910px; padding: 10px 20px 0; }
#masterSubHeader a { text-decoration: none; }
#masterSubHeader h1 { margin-top: 10px; }

/* Content ---------------- */
#masterBody { clear: both; width: inherit; }
#masterBody #content { position: relative; background-color: #FFF; padding: 20px; width: 910px; min-height: 300px; }

/* Footer ---------------- */
#masterFooter { background: url(/images/master/footerBG.png) repeat-x; width: 952px; padding: 20px 0; overflow:hidden; }
#masterFooter .footer_main { position: relative; margin: 0 auto; overflow:hidden;}
#masterFooter .footer_main #certs{ display: table-cell; text-align: center; vertical-align: middle; padding-left:20px;}
#masterFooter .footer_main #certs *{vertical-align: middle;}
#certs span { display: inline-block; height: 100%; width: 1px; }
#masterFooter .footer_main #payment {padding-top:20px; vertical-align:middle; }
#masterFooter .footer_main.row1 { width: 906px; padding: 15px 0 15px; border-bottom:solid 1px #EBEBEB; display: table-cell; vertical-align: middle;}
#masterFooter .footer_main.row2 { width: 906px; padding: 15px 0 20px; }
#masterFooter .footer_main.row3 { width:912px; padding: 15px 20px 20px; background:#E9EFF5 url(/images/master/footer/linkBg.jpg) repeat-x top; border-bottom:solid 1px #BACDE3;}
#masterFooter .footer_main.row4 { width: 906px; padding: 15px 0 0; color:#666; }
#masterFooter .footer_main #about {width:500px;}
#masterFooter .footer_main #social img.title {margin-top:25px;}
#masterFooter .footer_main .column_span1 { position: relative; float: left; width: 210px; margin-right: 20px; line-height: 1.231em; color: #6187AD; }
#masterFooter .footer_main .last { margin-right: 0; }
#masterFooter .footer_main .column_span1 h6 { font-size: 1.1em; color: #444; margin: 0 0 15px 0; padding: 0 0 3px 0; font-weight: bold; border-bottom:solid 1px #747474; }
#masterFooter .footer_main .column_span1 a { font-size:0.9em; display: block; color: #26679E; text-decoration: none; line-height:1.5em; }
#masterFooter .footer_main .column_span1 a:hover { text-decoration: hover; }
#masterFooter .footer_main  ul.smLinks {margin: 10px 0 0; padding: 0; list-style-type: none; float:right;}
#masterFooter .footer_main ul.smLinks li {display: inline;}
#masterFooter .footer_main  ul.smLinks li a {display: block; float: left; margin-left: 10px; width: 36px; }

#outage_notice { display: none; visibility: hidden; position: absolute; width: 600px; font-size: 11px; padding: 5px 20px 0px; top: 0px; left: 5px; z-index: 500; color: #999; z-index: 1000; line-height: 12px; }
/* remove comment below to make server outage visible */
/* #outage_notice{display:block; visibility:visible;} */
