/* Reset */
body {color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit; font-size:inherit; font-weight:inherit;}

img{vertical-align:top; border:0px;}
legend{height:0; font-size:0;}
a, input, select, textarea{outline:none;}
.clear, .Clear{clear:both; font-size:0px; line-height:0px; height:0px;}


/* Common Styles */
body { font-size: 62.5%; font-family: Tahoma, Arial, Verdana, Helvetica, Sans-Serif; background: #e3e9f0 url(../i/body_bg.jpg) repeat-x; }

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

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

H1 { margin: 0 0 15px; font-size: 2.2em; color: #395d8c; line-height:1em; }
H2 { margin: 15px 0 15px; font-size: 1.6em; color: #395d8c; line-height:1em; }
.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 LABEL .small { font-weight: normal; }
.TVI-form .TVI-formField { margin-bottom: 6px; }
.TVI-form .textBoxWrapper{float: left; width: 190px; height: 18px; padding: 4px 9px 0; overflow: hidden; border: 1px solid #a8aeb7; background: #f3f3f3 url(../i/field_bg.gif) repeat-x;}
.TVI-form .TVI-textBox INPUT {  width: 190px; height: 18px; font-size: 1.1em; color: #3f4e64; border:0; background:none;}
.TVI-form .TVI-textArea TEXTAREA { float: left; width: 199px; height: 74px; overflow: auto; padding: 4px 0 4px 9px; font-size: 1.1em; color: #3f4e64; border: 1px solid #a8aeb7; background: #f3f3f3 url(../i/field_bg.gif) repeat-x; font-family: Tahoma, Arial, Verdana, Helvetica, Sans-Serif; }
.TVI-form .TVI-dropDownList SELECT { float: left; width: 210px; line-height: 15px; height: 22px; padding: 2px 0 2px 9px; font-size: 1.1em; color: #3f4e64; border: 1px solid #a8aeb7; background: #f3f3f3 url(../i/field_bg.gif) repeat-x; font-family: Tahoma, Arial, Verdana, Helvetica, Sans-Serif; }
.TVI-form .TVI-dropDownList LABEL { line-height: 19px; }
.TVI-form .errors{display:none; color:red;}
.TVI-form .loading{display:none;}
.TVI-form .complete{display:none; color:#21334F; font-weight:bold;}

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

#header {position:relative; height:170px; background:url(../i/header_bg.jpg); }
#header #logo {position:absolute; top:73px; left:29px;}
#header .account {position:absolute; top:15px; right:10px;}
#header .account P A {color:#90969e; text-decoration:none;}
#header .account P A:hover {color:#4f555c;}
#header .loggedOut #accountLoggedIn{display:none;}
#header .loggedIn #accountLoggedOut{display:none;}

#accountLoggedOut {width:180px;}
#accountLoggedOut LABEL {height:8px; overflow:hidden; margin-bottom:5px; line-height:0;}
#accountLoggedOut .TVI-formField {margin-bottom:5px;}
#accountLoggedOut .TVI-textBox .textBoxWrapper{width:160px;}
#accountLoggedOut .TVI-textBox INPUT {width:160px;}
#accountLoggedOut .password .textBoxWrapper{width:137px;}
#accountLoggedOut .password INPUT {width: 137px; background:url(../i/passwordWatermark.gif) 0px 2px no-repeat;}
#accountLoggedOut .password .button {float:left; display:inline; margin-left:3px; margin-bottom:0;}
#loggedOutForm .errors{color:Red; font-size:1.1em; padding-left:1px;}


#accountLoggedIn .button {float:right; margin-bottom:3px;}
#accountLoggedIn .welcomeBack {float:right; margin-bottom: 6px; font-size: 1.4em; color: #8191a7; }
#accountLoggedIn .welcomeBack STRONG { font-weight: normal; color: #304e75; }



#main { padding-bottom: 40px; }
#main .mainLeftCol { float: left; display: inline; width: 246px; margin: 0 14px 0 7px; }
#main .mainRightCol { float: left; width: 686px; }

.leftNav { margin: 0 3px 18px; }
.leftNav .top { height: 21px; background-position: 0 -141px; }
.leftNav UL LI A { display: block; height: 30px; padding-left: 20px; line-height: 30px; font-size: 1.4em; color: #d6e0eb; text-decoration: none; background: url(../i/sprite.gif) 0 -132px; }
.leftNav UL LI A:hover,
.leftNav UL LI.selected A { background-position: 0 -162px; }
.leftNav .subNav {}
.leftNav .subNavTop { height: 5px; line-height: 0; overflow: hidden; background: #0c1a30 url(../i/subNav_top.gif) no-repeat; }
.leftNav .subNavBottom { height: 5px; line-height: 0; overflow: hidden; background: #0c1a30 url(../i/subNav_bottom.gif) no-repeat; }
.leftNav UL LI UL LI A { display: block; height:auto; line-height:1.2em; padding:4px 0px 4px 20px; line-height:normal; font-size: 1.1em; color: #90a5bc; text-decoration: none; background: #0c1a30; }
.leftNav UL LI UL LI A:hover,
.leftNav UL LI UL LI.selected A { color: #ffffff; }

.newsletterSignup { height: 88px; background-position: 0 -194px; padding: 10px 0 0 20px; }
.newsletterSignup .TVI-formField { margin: 0; }
.newsletterSignup LABEL { width: auto; margin-bottom: 4px; font-size: 1.1em; color: #d6e0eb; }
.newsletterSignup .textBoxWrapper{width: 157px; border-color: #5a718e; background: #14233c url(../i/newsletter_bg.gif) repeat-x;}
.newsletterSignup .TVI-textBox INPUT { width: 157px; color: #d6e0eb; border:0; background:none;}
.newsletterSignup .button { float: left; display: inline; margin-left: 3px; }
.newsletterSignup .complete {color:white;}

.associateLogos { background: url(../i/associateLogos_middle.gif); }
.associateLogos .associateLogosContainer { background: url(../i/associateLogos_top.gif) no-repeat 0 0; }
.associateLogos .associateLogosContainer2 { width: 176px; overflow: hidden; padding: 10px 35px 30px; background: url(../i/associateLogos_bottom.gif) no-repeat 0 100%; }
.associateLogos .associateLogosContainer2 UL { width: 210px; }
.associateLogos .associateLogosContainer2 UL LI { float: left; margin: 20px 35px 0 0; }

.content { position: relative; font-size: 1.1em; line-height: 1.6em; color: #5e728c; background: url(../i/conent_bg.gif) repeat-y; }
.contentContainer { width: 640px; overflow: hidden; padding: 25px 23px 20px; background: url(../i/conent_bgBottom.gif) no-repeat 0 100%; }

.footer { margin: 10px 0; text-align: center; }
.footer LI { display: inline; margin: 0 2px; font-size: 1em; color: #7e94b0; }
.footer LI A { font-weight: bold; color: #395d8c; text-decoration: none; }
.footer LI A:hover { color: #6486b3; }
.footer LI.credit A { font-weight: normal; color: #7e94b0; }
.footer LI.credit A:hover { color: #7e94b0; text-decoration: underline; }

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

.download { width: 100px; background-position: -96px 0; }
.download:hover { background-position: -96px -24px; }

.editPassword { width: 116px; height: 19px; background-position: 0 -71px; }
.editPassword:hover { background-position: -116px -71px; }

.loginGo { width: 20px; background-position: 0 0; }
.loginGo:hover { background-position: 0 -24px; }

.logOut { width: 116px; height: 19px; background-position: 0 -93px; }
.logOut:hover { background-position: -116px -93px; }

.newsletterGo { width: 20px; background-position: -314px 0; }
.newsletterGo:hover { background-position: -314px -24px; }

.submit { width: 76px; margin-left: 564px; background-position: -20px 0; }
.submit:hover { background-position: -20px -24px; }

.update { width: 78px; background-position: -196px 0; }
.update:hover { background-position: -196px -24px; }

.viewDownloads { width: 116px; height: 19px; background-position: 0 -49px; }
.viewDownloads:hover { background-position: -116px -49px; }


/* CONTENT STYLES */
.homepageSlideshow { float: right; display: inline; width: 310px; height: 223px; margin: 0 0 20px 20px; overflow: hidden; }
.homepageImages { width: 660px; margin: 20px 0; }
.homepageImages IMG { float: left; display: inline; margin-right: 20px; }
.homepageWhiteBox { padding: 15px 20px; margin: 20px 0; text-align: center; line-height: 1.4em; font-size: 1.6em; color: #395d8c; border: 1px solid #cdd5de; background: #ffffff; }
.homepageWhiteBox H2 { margin-top: 0; }

.audioTestimonial { float: right; display: inline; width: 200px; margin-left: 20px; }

.blueBox { margin: 20px 0; padding: 15px 19px 20px; border: 1px solid #cdd5de; background: #e3e9f0; }
.blueBox H2 { margin-top: 0; }

.breadcrumb { position: absolute; top: -12px; width: 640px; padding-bottom: 4px; border-bottom: 1px solid #c1cbcd; }
.breadcrumb LI { display: inline; margin-right: 4px; font-size: 1.1em; color: #5e728c; }
.breadcrumb LI A { padding-right: 15px; color: #5e728c; text-decoration: none; background: url(../i/breadcrumbChevron.gif) no-repeat 100% 3px; }

.cmsText UL { margin: 15px 0; font-size : 1.3em; color: #395d8c; background: url(../i/bulletList_seperator.gif) no-repeat 100% 100%; }
.cmsText LI { padding: 5px 0 5px 22px; background: url(../i/bullet.gif) no-repeat 100% 0; }

.changePassword H2 { margin-bottom: 20px; font-size: 1.45em; }
.changePassword .TVI-form LABEL { width: 105px; }
.changePassword .button { margin-left: 242px; }

.contact .contactLeft { float: left; display: inline; width: 270px; margin-right: 20px; }
.contact .contactRight { float: left; width: 310px; margin: 20px 0; }
.contact .TVI-form { margin-top: 15px; }
.contact .TVI-form .textArea TEXTAREA { height: 143px; }
.contact .submit { margin-left: 194px; }
.contact .contactDetailsLeft { float: left; width: 170px; }
.contact .contactDetailsRight { float: left; width: 140px; }
.contact H3 { margin-bottom: 3px; font-size: 1.4em; color: #395d8c; }
.contact .detail { margin-bottom: 6px; line-height: 1.3em; }
.contact .detail .label { font-weight: bold; color: #395d8c; }
.contact .detail A { font-weight: normal; text-decoration: none; }
.contact .detail A:hover { text-decoration: underline; }
.contact #map { width: 308px; height: 248px; overflow: hidden; margin: 20px 0; border: 1px solid #cdd5de; }

.downloads { margin: 20px 0; border-top: 1px solid #cdd5de; }
.downloads .downloadBox { padding: 15px 20px; border: 1px solid #cdd5de; border-top: 0; background: #ffffff; }
.downloads .downloadBox H2 { margin: 0 0 10px; }
.downloads .downloadBox .download { margin: 5px 0 0 499px; }

.faq { margin: 6px 0; } 
.faq .question { cursor: pointer; }
.faq .question A { display: block; cursor: pointer; width: 686px; height: 24px; font-size: 1.3em; font-weight: normal; color: #395d8c; text-decoration: none; }
.faq .question A:hover { color: #6486b3; }
.faq .question .FAQArrow { float: left; width: 20px; height: 24px; background-position: -274px 0; }
.faq .question A:hover .FAQArrow { background-position: -274px -24px; }
.faq.open .question .FAQArrow { background-position: -294px 0; }
.faq.open .question A:hover .FAQArrow { background-position: -294px -24px; }
.faq .question .text { float: left; width: 603px; height: 22px; padding-left: 15px; line-height: 22px; border: 1px solid #cdd5de; }
.faq .answer { display: none; margin-left: 20px; padding: 10px 15px; border: 1px solid #cdd5de; border-top: 0; background: #e3e9f0; }

.readMore { float: right; }

.referralBoxes { width: 700px; margin-bottom: 20px; }
.referralBox {float:left; display:inline; margin:0 20px 20px 0; padding-bottom:14px; width:270px; margin-right:20px;}

.rewardBox { padding-bottom: 14px; }
.rewardBox LABEL  { width: 155px; }

.testimonial { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #c5cdd5; }
.testimonial .quoteLeft { float: left; width: 19px; height: 17px; background-position: -1px -113px; }
.testimonial .quoteRight { display: inline-block; width: 12px; height: 11px; line-height: 0; overflow: hidden; margin-left: 3px; background-position: -20px -119px; }
.testimonial .textContainer { display: inline; margin-left: 6px; }
.testimonial .textContainer .text { display: inline; }
.testimonial .textContainer .name { margin-left: 3px; font-weight: bold; color: #395d8c; }
.testimonial IMG { float: left; display: inline; margin: 0 15px 0 0; }