/*	-------------------------------------------------------
        Project Name //   ROF
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        .developer3@silvertrees.net  // 
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
* { margin:0; padding:0; }
a { text-decoration:none; outline:none; color:#666; }
a:hover { text-decoration:none; }
img { border:none; }
hr { border:0 #e3e7ef solid; border-top-width:1px; clear:both; height:0 }
p { padding-bottom:7px; line-height:18px; }
h1, h2, h3, h4, h5, h6 { margin-bottom:10px; color:#009fe3; font-weight:100 }
h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px }
h4 { font-size:14px; }
h5 { font-size:12px }
h6 { font-size:11px }
button { background:none; border:0; overflow:visible; cursor:pointer; font-family:Arial, Helvetica, sans-serif; cursor:pointer }
body { font:12px Arial, Helvetica, sans-serif; color:#666; }
.note { font-size:11px; color:#666 }
.wrap { width:950px; margin:0 auto }
.clear { font-size:1%; clear:both; height:1%; overflow:hidden; }
.left { float:left; display:inline; }
.right { float:right; display:inline; }
.header { border-top:10px solid #009fe3; padding:35px 0 }
.call { background:url(img/call-ico.png) no-repeat; height:60px; padding-left:75px }
.call h3 { font-size: 40px; font-weight: 700; line-height: 25px; padding-top: 7px; color:#3c3c3b }
.main-nav { border-bottom:3px solid #e5e5e5; border-top:3px solid #e5e5e5 }
.main-nav ul { list-style:none;   }
.main-nav li { display:inline; float:left; position:relative }
.main-nav li:hover ul { display: block;}
.main-nav li a { display:block; font-size:14px; font-weight:700; text-transform:uppercase; padding:20px; border-left:1px solid #e5e5e5 }
 .main-nav li a:hover, .main-nav li a.active { color:#ccc; }

.main { padding: 30px 0 0 0 }
.content { width:650px; padding-top:10px; }
.content h3 { font-size: 18px; font-weight: bold; }
.sidebar { width:230px }
.sidebox { border:3px solid #e0e0e0; padding:15px 16px }
/*forms*/
form { padding:10px 0 0 0 }
.input { margin-bottom:10px; }
.text input, .textarea textarea, .select select { padding:7px 15px; border:1px solid #d2d2d2; width:160px; font-size:12px; }
button { margin-top: 0px !important; }
.image-border { width: 282px; padding: 8px; border:1px #e3e1e1 solid; float: right; }
.image-border-first { width: 282px; padding: 8px; border:1px #e3e1e1 solid; float: left; }
.home-signup { padding: 15px 25px; border:1px #e3e1e1 solid; margin-bottom: 30px; }
.home-signup p { color: #3C3C3B; float: left; font-size: 14px; margin-right: 10px; width: 450px; padding: 0; }
.home-img { margin: 25px 0 45px 0; }
.btn-blue { background-color: #009FE3; color: #FFFFFF; float: right; font-size: 16px;  padding: 6px 30px 8px 30px; text-align: center; }
.btn-orange { background-color: #E94E1B; color: #FFFFFF; float: right; font-size: 16px; margin-top: 15px; padding:6px 30px 8px 30px; text-align: center; }
.home-ul { list-style: none; margin-top: 40px; }
.home-ul2 { list-style: none; margin-top: 15px; }
.li-title { background-color: #009fe3; height: 50px; }
.li-title h3 { font-size: 18px; color: #fff; padding: 15px; float: left; font-weight: bold; }
.li-title img { padding: 10px; float: right; }
.li-element { /*height: 30px;*/
    border-bottom: 1px solid #e3e1e1; padding: 15px; font-size: 12px; }
.li-element span { font-size: 18px; color: #3c3c3b; }
.footer { padding: 40px 0 120px 0; margin-top: 70px; height: 245px; background-color: #009fe3; color: #fff; border-bottom: 2px solid #fff; }
.footer h2 { color: #fff; font-size: 18px; }
.footer span { color: #fff; font-weight: bold; }
.footer td { width: 237px; height: 30px; color: #fff; font-size:14px; }
.footer ul { float: right; position: relative; top: -25px; }
.footer ul li { display: inline-block; margin: 0px 5px; }
.footer ul li a { color: #fff; }
.small-title-li { height: 26px; border: 3px solid #E0E0E0; margin-bottom: 10px; padding:7px 0 7px 10px; }
.small-title-li img { float: left; padding-right: 5px; }
.small-title-li h3 { color: #3C3C3B; float: left; font-size: 14px; font-weight: bold; line-height: 2; margin-left: 5px; }
.left-ul { list-style: none; margin-top: 25px; }
.left-ul-nav { list-style: none; border: 3px solid #E0E0E0; }
.left-ul-nav li:last-child { border: none;}
.li-paging{ margin: 0 auto;padding: 0px !important;text-align: center;}
.li-paging a{display: inline-block !important;             
             float: left;
             margin: 2px;
             line-height: 2.2;}
.left-ul-nav li { padding: 10px 0 8px 15px; border-bottom:  1px solid #E0E0E0; font-size: 14px; color: #999999; overflow: hidden; }
.left-nav-icon { padding-bottom: 8px !important; padding-top: 15px !important; }
.newsletter-icon { margin-top:-2px; }
.left-ul-nav li a { display:block; font-weight: bold; color:#999999; font-size: 14px; }
.left-ul-nav li a:hover { color:#ccc; }
.left-ul-nav li a > span { display: inline-block; font-size: 24px; line-height: 26px; padding-right: 5px; vertical-align: middle; }
#signup-li { height: auto; overflow:hidden; background-color:  #f2f2f2; padding-right: 17px; padding-top: 9px; padding-bottom: 15px; }
.signup-li-img { float: right; margin-top: -10px; padding-right: 45px; }
#signup-li h4 { font-size: 16px; color:#999999; }
.signup-li-text { width: 185px; height: 38px; padding-left: 10px; margin-bottom: 15px; }
.line-divider { margin: 30px 0 20px 0; width: 100%; border-top :1px #e5e5e5 solid; }
.contactus-table { width: 100%; }
.contactus-table tr span { font-size: 13px; font-weight: bold; color: #333333;display: inline-block;width: 45px; }
.contactus-table th { text-align: left; font-size: 16px; text-transform: uppercase; color:#009fe3; }
.map-header { font-size: 20px;margin:-5px 0 25px 0; }
.map-div { width: 571px; height: 350px; margin-top: 10px; clear: right; float: left; }
input, textarea, select { font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.contact-form { display: inline-block; margin-right: 32px; }
.contact-form text, input { padding: 7px 8px; border: 1px solid #d2d2d2; width: 150px; }
.contact-form textarea { padding: 7px 8px; border: 1px solid #d2d2d2; width: 550px; height: 180px; margin-top:25px; resize: none; font-family:Arial, Helvetica, sans-serif }
.contact-form button { margin: 20px 50px 20px 0px !important; }
.latest-news, resource-element { margin: 20px 0 30px 0; }
.faqs { margin: 20px 0 30px 0; border-bottom:  1px solid #d2d2d2; padding-bottom: 30px; }
.faqs h4 { font-size: 16px; font-weight: bold; color:#666666; }
.faqs h4 span { font-size: 16px; color:#009fe3; }
.faqs p{ font-size: 12px;line-height: 16px;display: inline;float: left;width: 90%;}
.toggle{ font-size: 12px; padding-left: 50px; margin-bottom: 25px;line-height: 18px;}
/*{ font-size: 12px; margin-bottom: 25px;}*/
.faqs-span { font-size: 12px;font-weight: bold;color: #009fe3;margin-right: 5px;display: inline-block;float: left;width: 15px;padding-left: 30px;}
.resource-element table td { width: 30%; text-align: center; }
.resource-element table td:first-child { width: 465px; text-align: left; }
.resource-element h4, .latest-news h4 { color: #666666; font-size: 18px; font-weight: bold; }
.latest-news-a { float: left; height: 20px; margin-top: 15px; }
.latest-news img { float: left; font-size: 12px; color:#aaaaaa; margin-right: 10px; }
.latest-news span { float: left; font-style: italic; font-size: 12px; color:#aaaaaa; margin-right: 10px; }
.date-news { margin: 6px 0 8px 0;min-width: 105px;height: 15px;display: inline-block; }
.download-news { padding-left: 15px; border-left: 1px solid #ccc;font-style: italic; margin: 6px 10px 8px 0; width: 120px; height: 15px; display: inline-block; }
.download-news a, .date-news a { margin: 0px; }
.paging { list-style: none; margin-top: 35px; }
.paging li { display: inline-block; text-align: center; width: 25px; height: 25px; border-radius: 5px; line-height: 2; }
.paging img { margin-top:7px; }
.current-page { background: #eaedee; }
.current-page a { color:#8d8158; }
.faq-btn { cursor: pointer;background-color: #009FE3; border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0px 0px; -moz-border-radius: 7px 7px 0px 0px; color: #FFFFFF; float: right; font-size: 12px; font-weight: bold; margin-right: 270px; padding: 3px 0 4px 0; text-align: center; width: 85px;margin-top: 10px }
.left-nav { width: 60%; float: left; }
.img-icon2 { position: relative; float: right; top: -60px; right: -30px; margin-bottom: -35px; }
.img-icon1 { position: relative; float: left; top: -60px; left:  -30px; margin-bottom: -35px; }
.closer-line { margin: 20px 0 10px 0 !important; }
.prev-btn{ background: url(img/page-left.png);height: 25px;width: 25px;display: block; margin-top: 5px;  }
.next-btn{ background: url(img/page-right.png);height: 25px;width: 25px;display: block;margin-top: 5px;   }
.error-message{margin: 5px;color: red;position: absolute;}
.faq { display:block; margin-top:6px; }
div.faq-categories { background:#fff; border:1px solid #E8E8E8 }
.faq-categories ul { margin-left:13px }
.faqs-container { overflow:hidden; padding-top:20px; margin-bottom:15px; }
.faq-left { padding-right:10px; margin:0; float:left; display:inline; overflow:auto; }
.faq-right { float:right; display:inline; width:190px; padding-top:40px; position:relative; margin-top:-70px; margin-right:-16px; padding:40px 4px 0; }
.faq-right .step-paging { position:absolute; bottom:0; width:194px; }
.faq-right .step-paging li a { background:#cecece; }
.faq-right .step-paging li a:hover, .faq-right .step-paging li.current a { background:#8b8b8b; color:#FFF; }
.faq-right h2 { font-size:26px; padding:3px 10px; }
.faq-right ul { list-style:none; }
.faq-right ul li a { padding:4px 0 4px 12px; background:#cecece; margin-bottom:2px; font-size:16px; font-weight:700; color:#333; display:block }
.faq-list { background:#fff; margin-bottom:20px }
.faq-list p { font-size: 12px;display: inline;float: left;width: 90%;}
.faq-list .question { padding:3px 0px 0 0px; display:block; overflow:hidden }
.faq-list .question p { font-size: 16px; font-weight: bold; color:#666666;  }
.faq-list .answer { padding:3px 0 10px; display:block; margin-left:17px; overflow:hidden }
.faq-list .number { padding:0px 9px; font-size:17px; font-weight:700; float:left; color:#329f18; }
.faq-list .question .number {font-size: 16px; color:#009fe3; }
.faq-list .answer .number {font-size: 12px;font-weight: bold;color: #009fe3;margin-right: 5px;display: inline-block;float: left;width: 15px;padding-left: 30px; }
.show-more { display:block; height:22px; position:relative; margin-bottom:7px; border-bottom:1px solid #ccc }
.show-more a, .show-more a:hover { display:block; height:18px; padding-top:5px; width:99px;background-color: #009FE3;border-radius: 7px 7px 0 0; font-size:12px; font-weight:700; color:#FFF; margin:0 auto; text-align:center }
.show-more a.expanded { background-position:bottom; }
.current-menulink{text-decoration: underline;}
.navsub-menu{ display: none; width:200px; position:absolute; border:1px solid #e5e5e5; top:100%}
.navsub-menu li{display: block;float: none !important;border-bottom: 1px solid #e5e5e5;position: relative;z-index: 999;background: #fff;}
.navsub-menu li a{font-size: 12px; padding: 7px 10px;  text-align: center; display:block}
.menudiv-page{text-align: center;
              margin: auto 0;
              overflow: hidden;
              display: inline-block;}
.download-a{
    background: url(img/excel.png) no-repeat;
    width: 83px;
    height: 83px;
    display: block;
    float: right;
    font-size: 20px;
    color: #fff;
    line-height: 5.5;
}