/* Common Styles */
html { height: 100%; }
body { height: 100%; xpadding-bottom: 50px; font-size: 62.5%; font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif; background: #e3e9f0 url(../i/body_bg.jpg); }
.clear, .Clear{ clear: both; font-size: 0; line-height: 0; height: 0; }

.imgRight { float: right; margin: 5px 0 5px 20px; }
.imgLeft { float: left; margin: 5px 20px 5px 0; }

.sprite { display: block; background: url(../i/sprite.jpg); }

H1 { margin: 0 0 15px; font-size: 2.2em; color: #395d8c; }
H2 { margin: 15px 0 15px; font-size: 1.6em; color: #395d8c; }
.content A { font-weight: bold; color: #395d8c; }
.content A:hover { color: #6486b3; }

.TVI-form {}
.TVI-form LABEL { float: left; width: 55px; padding-right: 5px; vertical-align: top; line-height: 22px; font-size: 1em; font-weight: bold; color: #395d8c; }
.TVI-form .field { float: left; }
.TVI-form .textBox INPUT { float: left; width: 198px; height: 18px; overflow: hidden; padding: 4px 10px 0; font-size: 1.4em; color: #434442; border: 1px solid #ffffff; background: #dcdcd5 url(../i/textbox_bg.gif) repeat-x; }

/* Template Styles */
#master { width: 940px; margin: 20px auto 0; }

#main #mainTop { height: 15px; background: url(../i/mainTop_bg.gif); }
#main #mainContainer { background: url(../i/main_bg.gif); }
#main #mainContainer2 { padding-bottom: 20px; background: url(../i/main_bg_foliage.jpg) no-repeat; }
#main #mainBottom { height: 10px; background: url(../i/mainBottom_bg.gif); }

#header { height: 29px; }
#header .loginForm { position: relative; float: right; margin-right: 20px; }
#header .loginForm .title { float: left; }
#header .loginForm .field { padding-left: 10px; }
#header .loginForm .loginPassword INPUT { width: 98px; background: #dcdcd5 url(../i/passwordback.gif) repeat-x; }
#header .loginForm .button { float: left; margin-left: 10px; }
#header .loginForm .forgottenPassword { float: left; width: 55px; height: 18px; margin: 2px 0 0 10px; text-indent: -9999em; background: url(../i/titles/forgottenPassword.gif); }
#header .loginForm .forgottenPassword:hover { background-position: 0 -18px; }
#header .loginForm .errorMessage { display: none; position: absolute; top: 23px; left: 44px; width: 328px; padding-left: 22px; font-size: 1.1em; font-weight: bold; color: #ffffff; text-transform: uppercase; line-height: 17px; border: 4px solid #162220; border-top: 0; background: #a6273a url(../i/errorMessage.gif) no-repeat 5px 0; }
/* #header .error .errorMessage { display: block; } */
#header .loggedIn { float: right; margin-right: 20px; }
#header .loggedIn .text { float: left; margin-right: 13px; line-height: 24px; font-size: 1.4em; font-weight: bold; color: #ffffff; }
#header .loggedIn .button { float: left; }

#intro { height: 118px; padding: 18px 135px 0 335px; font-size: 1.4em; line-height: 1.3em; color: #c9c9c3; }
#intro STRONG { color: #ffffff; }

#keyPoints { height: 160px; padding: 20px 290px 0 120px; font-size: 1.7em; font-weight: bold; color: #0d4b56; }
#keyPoints LI { margin-bottom: 5px; line-height: 18px; padding-left: 24px; background: url(../i/keyPointBullet.gif) no-repeat 0 0; }

#CTAs { height: 80px; padding: 10px 0 0 40px; margin-bottom: 20px; }

#testimonials { float: left; width: 390px; margin: 0 42px 0 30px; padding: 20px 20px 0; background: #e3e3dd; font-size: 1.2em; line-height: 1.3em; color: #5b625e;}

#testimonials strong { margin-top: 4px; font-size: 1.2em; font-weight: bold; color: #3e3f3d; display: block; }

#brochureRequest { float: left; width: 210px; min-height: 196px; padding: 14px 0 0 188px; font-size: 1.2em; line-height: 1.3em; color: #5b625e; background: url(../i/brochureRequest_bg.jpg) no-repeat; }
#brochureRequest .title { margin-bottom: 7px; }
#brochureRequest .button { margin-top: 14px; }

#footer #footerContainer { width: 890px; overflow: hidden; padding: 22px 25px 8px; background: #545653 url(../i/footer_bg.gif) repeat-x; }
#footer #footerBottom { height: 15px; background: url(../i/footerBottom_bg.gif); }
#footer .col1 { float: left; width: 180px; padding-right: 20px; }
#footer .col2 { float: left; width: 210px; padding-right: 20px; }
#footer .col3 { float: left; width: 455px; }
#footer H2 { margin: 0 0 10px; }
#footer UL LI { font-size: 1.4em; line-height: 1.5em; color: #babab4; }
#footer UL LI A { color: #babab4; text-decoration: none; }
#footer UL LI A:hover { color: #ffffff; }
#footer .TVI-form { margin-top: 15px; }
#footer .TVI-form .newsletterName { display: inline; margin-right: 10px; }
#footer .TVI-form .button { margin-top: 15px; }

#subFooter { margin: 0 20px 50px; }
#subFooter #subFooterContainer { background: url(../i/subFooter_middle.gif); }
#subFooter #subFooterContainer2 { padding: 20px 45px 20px; text-align: center; background: url(../i/subFooter_top.gif) no-repeat; }
#subFooter #subFooterBottom { height: 15px; background: url(../i/subFooter_bottom.gif); }
#subFooter UL LI { display: inline; }
#subFooter TABLE { width: 100%; }

/* BUTTONS */
.button { display: block; text-indent: -9999em; background: url(../i/sprite.jpg); }

.browse { width: 26px; height: 24px; background-position: -176px 0; }
.browse:hover { background-position: -176px -24px; }

.login { width: 54px; height: 24px; background-position: -445px 0; }
.login:hover { background-position: -445px -24px; }

.logout { width: 68px; height: 24px; background-position: -500px 0; }
.logout:hover { background-position: -500px -24px; }

.register { width: 90px; height: 24px; background-position: 0 0; }
.register:hover { background-position: 0 -24px; }

.sendBrochure { width: 170px; height: 35px; background-position: 0 -49px; }
.sendBrochure:hover { background-position: 0 -84px; }

.sendBrochureSmall { width: 130px; height: 24px; background-position: -314px 0; }
.sendBrochureSmall:hover { background-position: -314px -24px; }

.sendQuote { width: 110px; height: 24px; background-position: -203px 0; }
.sendQuote:hover { background-position: -203px -24px; }

.sendYourQuote { width: 420px; height: 70px; background-position: 0 -120px; }
.sendYourQuote:hover { background-position: 0 -190px; }

.subscribe { width: 130px; height: 35px; background-position: -171px -49px; }
.subscribe:hover { background-position: -171px -84px; }

.upload { width: 84px; height: 24px; background-position: -91px 0; }
.upload:hover { background-position: -91px -24px; }

/* OVERLAY STYLES */
.popupWrapper { display: none; position: absolute; top: 0; left: 0; min-height: 100%; width: 100%; background: url(../i/overlay_bg.png); }
.popup { width: 540px; padding: 20px; margin: 170px auto 0; background: url(../i/popupBorder.png); }
.popupContainer { position: relative; padding: 30px 40px; background: #ffffff url(../i/popup_bg.jpg) no-repeat 100% 0; }
.popup .close { position: absolute; top: 10px; right: 10px; display: block; width: 43px; height: 11px; text-indent: -9999em; background: url(../i/popupClose.gif); }
.popup .title { margin-bottom: 10px; }
.popup .TVI-form { width: 460px; overflow: hidden; }
.popup .TVI-form .field { float: none; width: 460px; margin-bottom: 6px; }
.popup .TVI-form LABEL { float: left; width: 120px; padding: 0; }
.popup .TVI-form .textBox INPUT { width: 318px; border-color: #929590; background: #ffffff url(../i/popup_formBG.gif) repeat-x; }
.popup .TVI-form .textArea TEXTAREA { float: left; width: 328px; height: 100px; overflow: auto; padding: 6px 0 6px 10px; font-size: 1.4em; color: #434442; border: 1px solid #929590; background: #ffffff url(../i/popup_formBG.gif) repeat-x; font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif; }
.popup .TVI-form .fileUpload { margin-top: 26px; }
.popup .TVI-form .fileUpload .file { height: 23px; opacity: 0; left: 271px; -moz-opacity:0 ; z-index: 3; filter:alpha(opacity: 0); }
.popup .TVI-form .fileUpload INPUT { width: 224px; border-color: #929590; background: #ffffff url(../i/popup_formBG.gif) repeat-x; position: absolute; }
.popup .TVI-form .fileUpload .button { position: absolute; right: 40px; }
.popup .TVI-form .fileUpload .browse { margin-right: 5px; }
.popup .TVI-form .instructions { padding-left: 120px; font-size: 1.1em; line-height: 1.4em; color: #656764; }
.popup .TVI-form .sendQuote { margin: 20px 0 0 350px; }
.popup .TVI-form .sendBrochureSmall { margin: 20px 0 0 330px; }


.status {color: red; font-weight: bold; font-size: 1.2em;}