/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/* ----- */

/* Default */
body {border-top: 5px solid #FE8100;}

a {text-decoration: none;}

a:hover, a.featured {text-decoration: underline;}

strong {font-weight: bold;}

input, select {border: 1px solid #AAAAAA; height: 28px; width: 230px;}

.content .error input,
.content .error select,
#recaptcha_area .error input, 
#loginForm input.error {border: 1px solid #E6242F !important;}

hr {color: #AAAAAA; margin: 0;}

legend {border: 0; border-bottom: 1px solid #AAAAAA; display: block; width: 100%;}
/* ----- */

/* Typography */
.featured,
.breadcrumb,
.button {font-family: verdana;}

.section-title {font-family: 'gill_sans', 'Times New Roman', Times, serif;}

.section-subtitle,
.content-title,
.call-center a,
.call-center {font-family: 'gill_sans_light', 'Times New Roman', Times, serif;}

label,
input[type=text],
select,
.content-description,
.description,
.captcha legend,
.menu a,
.options a,
.tooltip-msg,
.backend-error ul {font-family: 'gill_sans_ultrabold', 'Times New Roman', Times, serif;}

.featured,
.button,
.breadcrumb {font-size: 10px;}

.featured-light label,
.featured-light input,
.featured-light-extra label,
.featured-light-extra input,
.featured-ultra label,
.featured-ultra input,
.featured-extra label,
.featured-extra input,
.content-description,
.description,
.backend-error ul {font-size: 16px; line-height: 19px;}

.content-title {font-size: 23px; line-height: 27px;}

.section-title {font-size: 33px; line-height: 38px;}

.section-subtitle {font-size: 18px; line-height: 25px;}

.featured-light p,
.featured-light .question,
.featured-light select,
.featured-light-extra p,
.featured-light-extra .question,
.featured-light-extra input,
.captcha legend,
.menu a,
.options a {font-size: 14px;}

.call-center a {font-size: 17px;}

.tooltip-msg p {font-size: 11px; line-height: 11px;}
/* ----- */

/* Color */
.featured-ultra,
.button,
.call-center a,
.tooltip-msg p,
.call-center {color: #FFFFFF;}

.featured-light,
.captcha legend {color: #625D5D;}

.section-title,
.content-title,
.content-description,
.featured-extra,
.featured-light-extra {color: #545454;}

.page-section .featured-light .question,
.page-section .featured-light .answer,
.page-section .wrapper.featured-light {background-color: #F0F0F0;}

.page-section .featured-extra,
.page-section .featured-light-extra .question,
.page-section .featured-light-extra .answer {background-color: #D9D9D6;}

.section-subtitle,
.breadcrumb,
.breadcrumb a {color: #99A5AD;}

.description,
.featured-light select {color: #7E868C;}

.menu a,
.options a {color: #A1ACB3;}

.backend-error ul {color: #E6242F;}
/* ----- */

/* Common style */
.container {margin: 0 auto; width: 940px;}

.secure-access-container {min-height: 600px; width: 730px;}

.no-section-subtitle {margin-bottom: 60px;}

.no-content-title {margin-bottom: 30px;}

.no-description {padding-top: 35px;}

.clearfix:before, .clearfix:after {content: " "; display: table;}

.clearfix:after {clear: both;}

.clear {clear: both;}

.fl {float: left;}

.fr {float: right;}

.flexible-image {height: 100%; width: 100%;}
 
span.sprite {display: inline-block;}

.sprite {background: url(../img/sprite.png) no-repeat top left;}

.chat {background-position: 0 0; width: 26px; height: 24px;}

.msg {background-position: 0 -25px; width: 27px; height: 25px;}

.phone {background-position: 0 -51px; width: 25px; height: 17px;}

.faq {background-position: 0 -69px; width: 22px; height: 21px;}

.small-arrow-right-blue {background-position: 0 -91px; width: 3px; height: 5px;}

.small-arrow-right-gray {background-position: 0 -97px; width: 3px; height: 5px;}

.small-doublearrow-right-white {background-position: 0 -103px; width: 6px; height: 5px;}

.arrow,
#recaptcha_area .arrow {border: 10px solid transparent; height: 0; position: absolute; width: 0;}

.tooltip-msg {right: -215px;}

.tooltip-container {display: inline-block; position: relative;}

.tooltip,
#recaptcha_area .tooltip {display: none;}

.wrapper .arrow,
.wrapper .tooltip-msg,
.wrapper.featured-light .arrow,
.wrapper.featured-light .tooltip-msg {bottom: 10px;}

.wrapper .arrow,
.wrapper.featured-light .arrow {right: -30px;}

.arrow.half-left,
#recaptcha_area .arrow.half-left {border-width: 23px 23px 0 0;}

.content .error .arrow.half-left,
#recaptcha_area .error .arrow.half-left {border-right-color: #E6242F;}

.content .success .arrow.half-left {border-right-color: #64A70B;}

.tooltip-msg,
#recaptcha_area .tooltip-msg,
.wrapper.featured-light .tooltip-msg {min-height: 13px; padding: 5px 10px; position: absolute; width: 165px;}

.tooltip-msg .tooltip-title {border-bottom: 1px solid; margin-bottom: 7px;}

.tooltip-msg p {margin-bottom: 2px; word-wrap: break-word;}

.password-hint .tooltip-msg {min-height: 95px; right: -295px; width: 245px;}

.password-hint .tooltip-msg .tooltip-title {text-transform: uppercase;}

.password-hint .tooltip-msg p {font-size: 14px; line-height: 14px;}

.content .error .tooltip-msg p,
.content .success .tooltip-msg p {font-size: 11px; line-height: 11px;}

.answer-hint .tooltip-msg {min-height: 13px;}

.content .error .tooltip-msg {background-color: #E6242F;}

.content .success .tooltip-msg {background-color: #64A70B;}

.content .error .tooltip-msg,
.content .success .tooltip-msg {max-height: 18px; min-height: 13px; overflow: hidden; text-transform: none;}

#recaptcha_area .arrow {right: -27px;}

#recaptcha_area .tooltip-msg {left: 336px; max-height: 13px; max-width: 345px; overflow: hidden;}

#recaptcha_area .tooltip-msg p {line-height: 15px;}

#recaptcha_area .arrow, #recaptcha_area .tooltip-msg {bottom: 8px;}

.button {border: none; cursor: pointer; display: inline-block; zoom: 1; line-height: 30px; padding: 0 25px; text-decoration: none; text-transform: uppercase; white-space: nowrap;}

.button .small-doublearrow-right-white {margin-right: 5px;}

.wrapper label {height: 19px; overflow: hidden; position: relative; top: 4px;}

.wrapper label,
.wrapper input {display: inline-block;}

.featured-light .answer,
.featured-light-extra .answer,
.featured-extra,
.featured-ultra,
.wrapper.featured-light,
.backend-error ul {margin-bottom: 30px;}

.featured-extra,
.featured-ultra,
.wrapper.featured-light {padding: 0 10px;}

.featured-ultra .tooltip-msg,
.featured-extra .tooltip-msg
.wrapper.featured-light .tooltip-msg {width: 165px;}

.wrapper.featured-light,
.featured-extra,
.featured-ultra {height: 50px; line-height: 49px;}

.featured-light select {padding: 3px;}

.featured-light .question,
.featured-light-extra .question {display: block; margin-bottom: 1px; padding: 15px 10px; width: 710px; word-wrap: break-word;}

.featured-light .answer,
.featured-light-extra .answer {height: 60px; line-height: 58px; padding: 0 20px;}

.featured-light .answer option {height: 16px; line-height: 16px; margin: 0; padding: 0;}

.featured-light .arrow,
.featured-light .tooltip-msg,
.featured-light-extra .arrow,
.featured-light-extra .tooltip-msg {bottom: 15px;}

.wrapper.featured-extra label,
.wrapper.featured-ultra label,
.wrapper.featured-light label {max-width: 265px; min-width: 145px;}

.backend-error ul {border: 1px solid #E6242F; padding: 0 10px 10px;}

.backend-error li {margin-top: 10px;}

.answer .error .tooltip-msg {max-width: 410px; overflow: hidden;}
/* ----- */

/* Style */
.page-header {margin-bottom: 30px;}

.page-header .logo {display: block; height: 83px; width: 149px;}

.page-section {padding-top: 30px;}

.page-footer {border-top: 5px solid #4B4A47; margin-top: 5px;}

.section-title {margin-top: 40px; word-wrap: break-word;}

.section-subtitle {margin-bottom: 35px; word-wrap: break-word;}

.content-title {margin-bottom: 30px;}

.navigation {margin-top: 30px;}

.navigation .content-description {margin-bottom: 15px;}

.content .description {margin: 10px 0;}

.captcha fieldset {width: 668px;}

.captcha legend {line-height: 31px; margin-bottom: 10px; padding: 0 20px; text-transform: uppercase;}

.content .captcha {margin-bottom: 45px; padding: 10px;}

.breadcrumb {margin-left: 10px;}

.call-center li {height: 50px; line-height: 50px; overflow: hidden;}

.call-center .chat-container,
.call-center .msg-container,
.call-center .faq-container {margin-right: 5px;}

.call-center .chat-container {width: 140px;}

.call-center .chat {top: 7px;}

.call-center .msg-container {width: 200px;}

.call-center .msg {top: 8px;}

.call-center .faq-container {width: 180px;}

.call-center .faq {top: 6px;}

.call-center .phone-container {width: 195px;}

.call-center .phone-container a {cursor: default; text-decoration: none; text-transform: uppercase;}

.call-center .phone {top: 3px;}

.call-center .sprite {position: relative;}

.breadcrumb .sprite, .call-center .sprite {margin: 0 5px;}

.breadcrumb li, .call-center li {float: left;}

.menu,
.options {margin-left: 10px;}

.menu li,
.options li {line-height: 16px;}

.menu .sprite,
.options .sprite {margin-right: 10px; position: relative; top: -2px;}

.menu li {margin-bottom: 5px;}

.options li {border-bottom: 1px solid #A1ACB3; padding: 10px;}
/* ----- */