@charset "utf-8";

/* CSS Document */



body{margin:0; padding:0; background:#FED954; font-family: Arial,Helvetica, sans-serif;}



/* common */

.btn-black{background:#000}.btn-black:hover{color:#ccc}

.tn-form label{font-weight:normal; padding:0; font-size:0.9em; vertical-align:middle}

.tn-col{ margin:0; padding:0 !important}

.tn-col-2{padding:2px  !important}

.tn-form .form-group,

.tn-form .form-group .col-xs-2,

.tn-form .form-group .col-xs-3,

.tn-form .form-group .col-xs-4,

.tn-form .form-group .col-xs-5,

.tn-form .form-group .col-xs-6,

.tn-form .form-group .col-xs-7,

.tn-form .form-group .col-xs-8,

.tn-form .form-group .col-xs-9

{padding:0}

.form-group .col-xs-2.tn-col-2,

.form-group .col-xs-3.tn-col-2,

.form-group .col-xs-4.tn-col-2,

.form-group .col-xs-5.tn-col-2,

.form-group .col-xs-6.tn-col-2,

.form-group .col-xs-7.tn-col-2,

.form-group .col-xs-8.tn-col-2,

.form-group .col-xs-9.tn-col-2

{padding:2px}

.arial{font-family:Arial, Helvetica, sans-serif}



.text-normal{font-weight:normal}

.tn-form .form-group{margin-bottom:5px; display:block; overflow:hidden}

.marginR15{margin-right:15px;}

.marginL15{margin-left:15px}

.marginB15{margin-bottom:15px;}

.marginT15{margin-top:15px;}

.marginLR15{margin:0 15px}

.marginTB15{margin:15px 0}

.marginLT15{margin:15px 0 0 15px}

.marginRT15{margin:15px 15px 0 0}

.marginLB15{margin:0 0 15px 15px}

.marginRB15{margin:0 15px 15px 0}

.margin15{margin:15px}

.panel-register{border-color:#ebebeb}

.panel-register .panel-body{padding:22px 15px}

.panel-quickSearch{border-color:#9c0028}

.panel-quickSearch .panel-body{background:#fd0042; color:#fff; padding:10px; border-top:1px solid #fe6990}

.quickSeach-devider{width:100%; height:1px; background:#fe6990; margin:0 0 10px 0; display:block; overflow:hidden; clear:both}

.link-small{font-size:0.8em}

.panel{margin-bottom:0}

.panel-support .panel-heading{text-align:center}

.panel-support .panel-title{font-size:19px; color:#00587c; font-weight:bold}

.panel-support .sub-title{font-size:11px; line-height:13px; margin-top:5px; display:block; overflow:hidden}

.panel-support .btn-support{border-radius:0}

.panel-support .customer-care-number{text-align:right; padding:7px 10px}

.panel-support .customer-care-number .number{font-weight:bold; font-size:20px; color:#ff0066; font-family:Arial, Helvetica, sans-serif}

.panel-support .customer-care-number .number a:hover{text-decoration:none}







/* Layout */

.container{width:1020px; background:#fff; padding:0 0 15px 0; margin-bottom:25px; box-shadow:0 0 10px #ddd}

@media(min-width:320px){.container{width:1020px !important}}

.header{width:100%; height:165px;display:block;}

.article{width:100%; padding:20px; display:block; overflow:hidden}



.header .title-area{width:100%; padding:30px 20px 10px 20px; display:block; overflow:hidden}

.nav-area{width:100%; padding:0 20px;}



ul.slider{margin:0; padding:0; list-style:none}

.article .left-col{width:620px; float:left;}

.article .right-col{width:345px; float:right;}

.std-quick-search{width:460px; float:left}

.std-support-wrapper{width:145px; float:left}









ul.featured{width:100%; margin:0 0 20px 0; padding:0; list-style:none; display:block; overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd}

ul.featured li{float:left; border-right:1px solid #ddd; width:33.3333%;}

ul.featured li:last-child{border:none}

ul.featured li .image-wrapper{width:140px; height:145px; text-align:center; display:table; float:left}

ul.featured li .image{width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle}

ul.featured li .detail{float:left; width:180px; padding:0 10px 0 0; font-size:13px}

ul.featured li .detail h1{font-size:20px}

ul.featured li .detail h1 span{font-size:14px; display:block}



.nav-pane {height:47px;background: url(../img/nav-bg.gif) repeat-x}

.nav-pane .left-curve {background:#bbb url(../img/nav-curves.gif) no-repeat left top;width:6px;float:left;height:47px}

.nav-pane .right-curve {background:#bbb url(../img/nav-curves.gif) no-repeat right top;width:13px;float:right;height:47px;}

.nav-pane .side-nav {float:right;font:bold 13px/47px Arial, Helvetica, sans-serif;color:#a11a1c;}

.nav-pane a {display:inline-block;padding:0 13px;font:bold 13px/47px Arial, Helvetica, sans-serif;color:#a11a1c;text-decoration:none !important;}

.mega-nav li a:hover,.nav-pane a:hover {color:#000066}

ul.mega-nav {height:47px; position:relative;float:left;background: url(../img/nav-bg.gif) repeat-x 0 0px; display:block; overflow:visible;}

ul.mega-nav li {float:left;font:bold 13px Arial, Helvetica, sans-serif;color:#a11a1c; line-height:47px; position:static }

ul.mega-nav li a{float:left;background: url(../img/nav-bg.gif) repeat-x 100% -1px; display:block; padding:0 13px; margin:1px 0 0 0; font: bold 13px/47px Arial, Helvetica, sans-serif;color:#a11a1c; text-decoration:none;}

ul.mega-nav li a.dc-mega {position: relative;}

ul.mega-nav li a .dc-mega-icon {display: block; position: absolute; top: 22px; right: 2px; width: 8px; height: 6px; background: url(../img/arrow.png) no-repeat 0 0;}

ul.mega-nav li.mega-hover a, ul.mega-nav li a:hover {background-position: 100% -48px; color: #000; text-shadow: none;}

ul.mega-nav li.mega-hover a .dc-mega-icon {background-position: 0 100%;}

ul.mega-nav li ul{display:none}

ul.mega-nav li .sub-container {position: absolute; background: url(../img/bg_sub_left.png) no-repeat 0 100%; padding-left: 20px; margin-left: -3px; margin-top:-3px;}

ul.mega-nav li .sub {background: url(../img/bg_sub.png) no-repeat 100% 100%; padding: 20px 20px 20px 10px;}

ul.mega-nav li .sub-container.mega .sub {padding: 20px 20px 10px 0;}

ul.mega-nav li .sub .megaRow {width: 100%; overflow: hidden; clear: both; margin:0; padding:0}

ul.mega-nav li .sub li {list-style: none; float: none; width: 170px; font-size: 1em; font-weight: normal;}

ul.mega-nav li .sub li.mega-hdr {margin: 0 10px 10px 0; float: left;}

ul.mega-nav li .sub li.mega-hdr.last {margin-right: 0;}

ul.mega-nav li .sub li.mega-hdr ul{margin:0; padding:0}

ul.mega-nav li .sub a {background: none; border: none; text-shadow: none; color: #111; padding: 7px 10px; display: block; float: none; text-decoration: none; font-size: 0.9em;  line-height:16px;}

ul.mega-nav li .sub li.mega-hdr a.mega-hdr-a {padding: 5px 5px 5px 15px; margin-bottom: 5px; background: #8A98A9 url(../img/bg_mega_hdr.png) no-repeat 0 0; text-transform: uppercase; font-weight: bold; color: #fff; text-shadow: 1px 1px 1px #333;}

ul.mega-nav li .sub li.mega-hdr a.mega-hdr-a:hover {color: #000; text-shadow: none;}

ul.mega-nav .sub li.mega-hdr li a {padding: 4px 5px 4px 20px; background: url(../img/arrow_off.png) no-repeat 5px 8px; font-weight: normal;}

ul.mega-nav .sub li.mega-hdr li a:hover {color: #a32403; background: #efefef url(../img/arrow_on.png) no-repeat 5px 8px;}

ul.mega-nav .sub ul li {padding-right: 0;}

ul.mega-nav li .sub-container.non-mega .sub {padding: 20px 20px 20px 0;}

ul.mega-nav li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;}

ul.mega-nav li .sub-container.non-mega li a {padding: 7px 5px 7px 22px; background: url(../img/arrow_off.png) no-repeat 7px 10px;}

ul.mega-nav li .sub-container.non-mega li a:hover {color: #a32403; background: #efefef url(../img/arrow_on.png) no-repeat 7px 10px;}



.wizard-nav-wrapper{padding:0; background:#f0f0f0; border:1px solid #ddd; border-radius:6px}

ul.wizard-nav{list-style:none; display:block; overflow:hidden; width:100%; margin:0; padding:0}

ul.wizard-nav li{float:left; width:33.33%; padding:10px 0; position:relativ; border-right:1px solid #ddd; border-left:1px solid #f9f9f9; color:#999}

ul.wizard-nav li:first-child{border-left:none; padding-left:2%;}

ul.wizard-nav li:last-child{border-right:none; padding-right:2%;}

ul.wizard-nav li a{width:100%; display:block; overflow:visible; color:#333; text-shadow:1px 0px 0px #fff; text-decoration:none;   }ul.wizard-nav li a:hover{text-decoration:none}

ul.wizard-nav li .wizard-bar{width:100%; height:20px; line-height:20px; background:#e6e6e6; border-top:1px solid #ccc; border-bottom:1px solid #fff; text-align:center; display:block; overflow:visible; position:relative}

ul.wizard-nav li a .wizard-bar{border-top:1px solid #999; background:#ccd6da;}

ul.wizard-nav li:first-child .wizard-bar{border-radius:10px 0 0 10px; }ul.wizard-nav li:last-child .wizard-bar{border-radius:0 10px 10px 0; }

ul.wizard-nav li .wizard-nav-text{ text-align:center; padding:10px 1% 0 1%;  font-size:0.8em; line-height:normal; display:block; overflow:hidden}

ul.wizard-nav li .wizard-number{width:33px; height:38px; line-height:32px; position:absolute; top:-7px; left:50%; margin-left:-17.5px; z-index:900}

ul.wizard-nav li.active{color:#000;}

ul.wizard-nav li.active .wizard-bar{background:#ccd6da}

ul.wizard-nav li.active .wizard-number{background:url(../img/wizard-nav.png) no-repeat}

ul.wizard-nav li.completed .wizard-number{color:#fff; text-shadow:none}

ul.wizard-nav li.completed .wizard-bar{background:#5cb85c}

ul.wizard-nav li.incompleted .wizard-number{color:#fff; text-shadow:none}

ul.wizard-nav li.incompleted .wizard-bar{background:#d25959}



.nik-form-wrapper{width:100%; margin:25px 0; padding-top:20px; display:block; overflow:hidden; font-family:Arial, Helvetica, sans-serif}

.nik-form-title{font-size:18px; margin:20px 0; padding:0 0 10px 0; border-bottom:1px dashed #ddd; color:#fd0042; display:block; overflow:hidden; clear:both; float:none}

.nik-form-title.no-top-margin{margin-top:0}

.nik-form .checkbox-hint{margin:-10px 0 0 17px;}

.nik-form .form-group{display:block; overflow:visible; clear:both; float:none; width:100%; margin-bottom:5px;}

.nik-form .control-label{line-height:11px; padding-top:3px;}

.nik-form .form-group.required .control-label:after {content:"*";color:red;font-size:22px; line-height:10px; position:relative; top:5px; left:5px }

.nik-form .checkbox{margin:0}

.nik-form .checkbox-inline{

-webkit-column-count: 2; /* Chrome, Safari, Opera */

    -moz-column-count: 2; /* Firefox */

    column-count: 2;

}

.nik-form .checkbox-inline .checkbox{display:inline-block; margin-right:10px;}

.nik-form .checkbox-inline .checkbox .label-checkbox{ vertical-align:top; margin-top:5px; width:200px; display:inline-block}

.nik-form .checkbox-inline .bootstrap-checkbox > button.btn{width:15px; padding-left:0}

label.error{color:#ff0000}

input.error, select.error, textarea.error{border:1px solid #ff0000; box-shadow:0 0 10px #ff0000}

.bootstrap-checkbox > .btn.btn-link{outline:none}

.nik-form .form-group.photo-input{width:180px;text-align:center; margin:0 auto;}

.nik-form .form-group.photo-input.small{width:160px;}

.nik-form .form-group.photo-input .photo-preview{min-height:120px; margin:0 0 5px 0; font-size:0.8em; color:#666; border:3px dotted #ddd;padding:1%; display:block; overflow:hidden; background:url(../img/no-proifile-photo.png) center center no-repeat }

.form-hint{margin-top:5px; font-size:13px; color:#999;display:block; overflow:hidden}

.form-hint a{color:#06C}

div.tooltip-inner {max-width: 350px;}

.no-padding{padding:0}

.no-padding-r{padding-right:2px}

.no-padding-l{padding-left:2px}

.no-padding-rl{padding:0 2px}



.play-icon{padding:0 20px 0 0}

.app-text .title{font-weight:bold}

.app-text .text{font-size:0.8em}

.app-arrow{font-size:26px; padding:10px 0; text-align:right}



ul.footer-nav{margin:0; padding:0; list-style:none; display:block; overflow:hidden; font-size:12px;}

ul.footer-nav li{display:inline-block;}

ul.footer-nav li::after{content:"|"}

ul.footer-nav li:last-child::after{content:''}

ul.footer-nav li a{padding:0 5px; display:inline-block; overflow:hidden; vertical-align:middle; color:#666;}

ul.footer-nav li a:hover{color:#333; text-decoration:none}

.policy{font-size:12px; margin-top:10px}



.nomargin-formgroup .nm-fg{padding:0 5px}

@media (min-width: 979px) {

  #side-nav.affix-top {

    position: static;

  	margin-top:5px;

  	width:245px;

  }

  

  #side-nav.affix {

    position: fixed;

    top:20px;

    width:245px;

  }

}



.affix,.affix-top {

   position:static;

}