@font-face {font-family:'Lato'; font-style:normal; font-weight:300; src:url('/files/fonts/Lato-Light.eot?#iefix'); src:url('/files/fonts/Lato-Light.woff.eot') format('embedded-opentype'), url('/files/fonts/Lato-Light.woff') format('woff');}
@font-face {font-family:'Lato'; font-style:normal; font-weight:400; src:url('/files/fonts/lato-regular.eot?#iefix'); src:url('/files/fonts/lato-regular.woff.eot') format('embedded-opentype'), url('/files/fonts/lato-regular.woff') format('woff');}
@font-face {font-family:'Oswald'; font-style:normal; font-weight:300; src:url('/files/fonts/oswald-light.eot?#iefix'); src:url('/files/fonts/oswald-light.eot') format('embedded-opentype'), url('/files/fonts/oswald-light.woff') format('woff');}
@font-face {font-family:'Oswald'; font-style:normal; font-weight:400; src:url('/files/fonts/oswald-regular.eot?#iefix'); src:url('/files/fonts/oswald-regular.eot') format('embedded-opentype'), url('/files/fonts/oswald-regular.woff') format('woff');}
body {padding:0px; margin:0px; font-family:'Lato', sans-serif; font-size:15px; color:#2E2D2B;}
#popup .farea {position:absolute; bottom:0; background:#6a2d91; padding:13px; width:103%; font-size:13px;}

#popup .farea .copy {font-weight:300;}
#popup form.ncntcf span {display:block; text-align:center;}
#popup form.ncntcf {background:#ebebeb; display:block; padding:20px; width:337px; margin:0 auto; height:289px;}
div#popup {}
/* global colours */
.txt-purple {color:#6a2d91;}
#popup .sublogo {text-align:center; display:block; margin:20px 0; font-weight:600; text-transform:uppercase;}
.txt-white {color:#fff;}
.st {color:#f7941d; font-size:18px; font-weight:400; margin:0px 0px 2px 0px; display:block; text-align:left;}
.bg-purple {background:#6a2d91;}
input, button, textarea, select {font-family:'Lato', sans-serif; font-size:15px; color:#000; margin:10px 0px;}
input.signup {background:#6a2d91; color:#fff; border-style:none; padding:5px 10px 2px; margin:0px 0px 10px; cursor:pointer;}
img {margin:0px; padding:0px; border:0px;}
#popup img.footicon {position:absolute; top:-165px;}
a {text-decoration:none; cursor:pointer;}
#popup a.logo {display:block; margin:20px auto 0; width:292px;}
.clear {clear:both;}
.req-field {border:solid 1px red !important;}

/* header */
.header {z-index:1;}
.header .harea {max-width:1130px; margin:0px auto; height:150px; position:relative; padding:0 20px; z-index:2;}
.header a.logo {position:absolute; left:35px; top:35px;}
.header span.sublogo {position:absolute;display:block;top:107px;left:35px;font-size:18px;font-weight:600;font-family:'Lato';text-transform:uppercase;}
.header .sitetel {font-size:15px; font-weight:600; font-family:'Lato'; color:#8740b6; position:absolute; right:20px; bottom:63px;}
.header .huserblock {max-width:1130px; margin:0px auto; position:relative; padding:0 20px; z-index:9;}
.header .userblock {width:370px; height:45px; position:absolute; right:20px; line-height:45px; background:#e1e1e1; font-family:'Lato';}
.header .userblock span.label {margin:0 0 0 30px; font-size:15px; color:#646464;}
.header .userblock .register {text-transform:uppercase; text-decoration:underline; font-weight:600; margin:0px 0px 0px 5px;}
.header .userblock .login {display:block; padding:0 28px; text-decoration:none; text-transform:uppercase; font-family:'Lato'; position:absolute; right:0; top:0;}
.header .userblock .login:hover {background:#8740b6; color:#fff;}
.header .userblock .contact-link {display:none; padding:0 28px; text-decoration:none; text-transform:uppercase; font-family:'Lato'; position:absolute; right:0; top:0;}
.header .userblock .contact-link:hover {background:#8740b6; color:#fff;}

.header .header .harea .logo img {display:block;}
.header #menuc {margin:0; padding:0; position:absolute; top:110px; right:20px; z-index:3;}
.header .menucompact {display:none; font-weight:600; color:#fff; font-size:16px; text-transform:uppercase; line-height:29px; cursor:pointer; float:right; margin:9px 0 0;}
.header .menucompact:hover {background:url(/images/template/menu-button-h.png) 100% 50% no-repeat;}
.header .harea #menu {display:block;}
.header .harea .menu {height:auto; margin:0; display:block; z-index:4;}
.header .harea .menu ul {z-index:5; margin:0px; padding:0px; list-style:none;}
.header .harea .menu ul li {float:left; position:relative; padding:0px 15px; text-decoration:none; border-right:solid 1px #c2c1c2;}
.header .harea .menu ul li a {display:block; color:#676767; text-transform:uppercase;}
.header .harea .menu ul li a:hover {text-decoration:none; color:#6a2d91;}
.header .harea .menu ul li a.selected {text-decoration:none; color:#6a2d91;}
.header .harea .menu ul li ul {position:absolute;top:40px !important;left:0px;padding:0px;background:#fff;width:190px !important;display:none;box-shadow:5px 5px 11px rgba(0, 0, 0, 0.34);}
.header .harea .menu ul li ul#sub-services {width:270px !important;}
.header .harea .menu ul li ul li {display:list-item; float:none; margin:0px; padding:0px; border:0; border-bottom:solid 1px #c2c1c2;}
.header .harea .menu ul li ul li a {text-transform:none; font-weight:400; padding:12px 20px 12px 20px;}
.header .harea .menu ul li ul li:hover {background:#6a2d91;}
.header .harea .menu ul li ul li:hover > a {color:#fff;}
.header .harea .menu ul li ul li a.selected {color:#fff; border:none; /* background:url('/images/template/menu-arrow.png') 253px center no-repeat; */}
.header .harea .menu ul li ul li ul {position:absolute; z-index:31000; left:0px; padding:0px; margin:0px; width:270px!important; top:0px !important;}
.header .harea .menu ul li ul li ul li:hover {background:#8857a7;}
.ddshadow {position:absolute; left:0; top:0; width:0; height:0; background:transparent;}
div#popup {position:absolute; top:0; left:0; background:rgba(255, 255, 255, 0.86); z-index:999999; display:none; width:100%;}
div#popup .conten {height:auto; margin:5% auto 0; position:relative; width:531px;}
div#popup .info {width:531px; height:auto; background:#fff; padding:20px; position:relative; border:1px solid #8e8e8e; float:none; min-height:760px;}
div#popup .arrow {display:block; background:url('/images/template/close.png') center no-repeat; width:25px; height:25px; position:absolute; right:0; top:0; cursor:pointer; float:right; z-index:7777;}
div#popup .info div {position:relative; height:auto;}
div#popup .info div.farea {position:absolute; bottom:0;}
/* container */
.container .carea {max-width:1130px; margin:0px auto; position:relative; min-height:179px; padding:0 20px;}
.container .carea .col {float:left;}
.container .col.col1 ul {padding:0 0 0 20px;}
.container .col.col1 ul li {padding:0;}
.container .col.col2 {width:31%; padding:60px 0 0 0;}
.container .col.col2 .fblock {width:243px; margin:0 auto 60px; padding:15px;}
.container .col2 .tittle {font-size:20px; margin:0 0 12px; display:block;}
.container .col2 .rbanner {background:url('/images/site/saving-calculator-graphic.png') center no-repeat; width:226px; height:264px; margin:0 auto; display:block;}
.container .fblock ul {list-style:none; padding:0; margin:0;}
.container .fblock ul li {margin:0 0 10px; padding:0 7px 0 0; background:#fff;}
.container .fblock ul li:hover {background:#f7941d;}
.container .fblock a {color:#514e4e; display:block; padding:6px 20px 6px 15px; background:url(/images/site/side-arrow.png) right center no-repeat #fff;}
.container .fblock a:hover {background:url(/images/site/side-arrow-h.png) right center no-repeat #f7941d; color:#fff;}
.container .col.col1 {width:61.4%; padding:60px 40px 30px 45px; background:#f8f8f8; min-height:400px; line-height:24px; font-size:17px;}
.container .carea span.subtitle {font-size:24px; display:block; margin:15px 0px; font-weight:700;}
.container .carea img.right {float:right; margin:0px 0px 30px 30px; width:354px;}
.container .carea img.left {float:left; margin:0px 30px 30px 0px; width:354px;}
.container carea img {float:none; margin:10px auto; width:354px; display:block;}
.container {width:100%; margin:0px; padding:0px; overflow:hidden; position:relative;}
.container .cpage {display:block; margin:0px;}
.container .hhead {max-width:1130px; margin:0px auto; position:relative; min-height:179px; padding:0 20px;}
.container .head {background:url(/images/template/top-banner.jpg) center no-repeat #459347;}
.container .sitepath {padding:10px 20px 10px 45px; font-size:13px; margin:10px 0 0;}
.container .sitepath a {color:#000;}
.container .sitepath a.active {font-weight:600;}
.container .hr {border-bottom:solid 1px #c8c7c8; margin:20px 0 20px;}
.container h1 {text-align:left; font-size:33px; text-transform:uppercase; font-family:'Oswald'; font-weight:500; letter-spacing:1px; background:url('/images/template/h1-arrow.png') left 8px no-repeat; padding:0 0 0 33px; position:absolute; top:40px; left:33px; width:auto; line-height:40px;}
.container .h2 {font-size:23px; margin:0 0 15px; text-align:left; line-height:22px; display:block;}
.footer {margin:0; padding:0; position:relative;}
.footer .farea {max-width:1130px; margin:0px auto; position:relative; padding:0 20px;}
.footer .flinks {overflow:hidden;padding:50px 0px 10px 0px;background:#f1f2f2;}
.footer .fcol {float:left; width:20%;}
.footer .fcol ul {list-style:none; padding:0; margin:0 35px 0 0;}
.footer .fcol.last ul {margin:0;}
.footer .fcol ul li {padding:0 0 10px;}
.footer .fcol ul a {color:#575757; font-size:14px;}
.footer .fcol ul a:hover {text-decoration:underline;}
.footer .fbanner {background:#233548; height:270px;}
.footer .fbanner .bannerlogo {width:300px; height:126px; position:absolute; right:0px; margin:0px; /* top:80px; */}
.footer .fbanner .fbtxt {position:absolute; top:121px; left:0; font-size:20px; line-height:30px; font-weight:300;}
.footer .fbanner .fbtitle {position:absolute; top:90px; left:0; color:#f7941d; font-size:20px; font-weight:300;}
.footer .banner {position:relative; max-width:980px; margin:0 auto;}
.footer .flinks .farea .fcols {overflow:hidden;padding:0px;float:left;width:76%;}
.footer .farea .fcols .tlbox {display:block; padding:0px 0px 0px 11px; margin:20px 0px 0px; line-height:20px; text-align:justify;}
.footer .foot {height:60px;}
.footer .foot img.footicon {position:absolute; top:-165px; left:33px;}
.footer .foot .copy {line-height:60px; margin:0; font-size:12px;}

.res1810 .header span.sublogo {top:110px;}

.brwIE7 .footer .last.fcol ul {width:150px;}

.res940.brwIE8 .container .col2 .tittle {font-size:17.5px;}

/* WFY Responsive Classes */
.cwrTS {display:block !important;}
.cwrTH {display:none !important;}
.cwrPH {color:#868686 !important;}
#popup input {display:block; margin:0 auto; padding:5px; color:#dfdede !important; width:214px;}
#popup input.submit {background:#f79621; border:0; padding:5px; width:218px; margin:0 auto; cursor:pointer; color:#fff !important; width:230px; text-transform:uppercase;}
#pupup input {border:#dcdbdb; display:block;}
/* laptop 940px */
.res940 .header .harea {height:200px}
.res940 .header span.sublogo {/* font-size:16px; */top:117px;}
.res940 .header #menuc {top:160px;}
.res940 .header .harea .menu ul li ul {top:38px !important;}
.res940 .header .harea .menu ul li.last {}
.res940 .header .harea .menu ul li ul li ul {top:0px !important;}
.res940 .container .col.col1 {width:61.3%; padding:60px 30px 30px 30px; margin:0 0 0 15px;}
.res940 .container .col.col2 {width:273px;}
.res940 .container .col.col2 .fblock {width:201px; margin:0 auto 51px;}
.res940 .container .col2 .rbanner {background:url(/images/site/saving-calculator-graphic-940.png) center no-repeat; width:180px; height:210px;}
.res940 .footer .flinks {}
.res940 .footer .flinks .farea .fcols {width:73%;}
.res940 .footer .fcol ul {margin-right:21px;}
.res940 .footer .fcol ul li a {font-size:13px;}
.res940 .container .fblock a {font-size:14px;}
.res940 .container .col2 .tittle {font-size:18px; line-height:36px;}
/* tablet 720px */
.res720 .header .harea {height:237px;}
.res720 .header a.logo {top:72px;}
.res720 .header span.sublogo {top:134px;font-size:15px;}
.res720 .header #menuc {top:197px;}
.res720 .header .harea .menu ul li {padding:0px 9px;}
.res720 .header .harea .menu ul li ul {top:34px !important;}
.res720 .header .harea .menu ul li ul li ul {top:0px !important;}
.res720 .container .head {background:url(/images/template/top-banner-720.jpg) center no-repeat;}
.res720 .container .hhead {min-height:144px;}
.res720 .container .col.col1 {margin:0 0 0 10px; width:56.2%; padding:60px 30px 30px 30px;}
.res720 .container .col.col2 .fblock {width:179px; margin:0 auto 40px; padding:10px;}
.res720 .container .col.col2 {padding:40px 0 0 0; width:33%;}
.res720 .container .col2 .rbanner {background:url(/images/site/saving-calculator-graphic-940.png) center no-repeat; width:180px; height:210px;}
.res720 .container .col2 .tittle {font-size:15px; line-height:30px;}
.res720 .container .fblock a {font-size:14px;}
.res720 .banner {width:740px;}
.res720 .footer .fbanner {height:180px;}
.res720 .footer .fbanner .fbtitle {font-size:17px; top:43px;}
.res720 .footer .fbanner .fbtxt {font-size:17px; top:72px;}
.res720 .footer .fbanner .bannerlogo {width:220px; /* top:20px; */}
.res720 .footer .flinks .farea .fcols {width:50%;}
.res720 .footer .fcol ul {margin:0 15px 0 0;}
.res720 .footer .fcol ul li a {font-size:13px;}
.res720 .header .userblock span.label {font-size:14px;}
.res720 .header .userblock .register {font-size:14px;}
.res720 .header .userblock {font-size:14px; width:350px;}
/* mobile 480px */
.res480 .container .head {background:url('/images/template/top-banner-480.jpg') center no-repeat; height:144px;}
.res480 .container .hhead {min-height:144px;}
.res480 .container .carea {padding:0 0 180px;}
.res480 .header .harea {height:160px;}
.res480 .huserblock {height:45px; background:#6a2d91;}
.res480 .header .userblock {right:auto; position:relative; background:0; float:left; width:285px;}
.res480 .header .menucompact {display:block; padding:0; background:url('/images/template/menu-icon.png') center no-repeat; width:26px; height:15px; margin:12px 0 0;}
.res480 .header .menucompact:hover {background:url(/images/template/menu-icon-h.png) center no-repeat;}
.res480 .header .userblock .register {color:#fff; float:left; font-size:14px; text-decoration:none; font-family:'Lato'; font-weight:300;}
.res480 .header .userblock .login {color:#fff; float:left; font-size:14px; padding:0px 0px 0px 11px; height:25px; line-height:28px; margin:10px 10px 0px 10px; border-left:solid 1px #fff; position:static;}
.res480 .header .userblock .contact-link {display:block; color:#fff; float:left; font-size:14px; padding:0px 0px 0px 11px; height:25px; line-height:28px; margin:10px 10px 0px 0px; border-left:solid 1px #fff; position:static;}
.res480 .header .userblock span.label {display:none;}
.res480 .header a.logo {top:25px; left:50%; margin:0 0 0 -95px;}
.res480 .header span.sublogo {top:120px;font-size:14px;width:100%;text-align:center;left:0px;margin:0;}
.res480 .header .sitetel {left:0px; width:100%; text-align:center; bottom:60px;}
.res480 .header #menuc {top:160px;width:100%;right:0;z-index:2;}
.res480 .header .harea #menu {display:none;}
.res480 .header .harea .menu ul li {float:none; border:0; background:white; line-height:30px; padding:0; border-bottom:solid 1px #c2c1c2;}
.res480 .header .harea .menu ul li:hover {color:#676767;}
.res480 .header .harea .menu ul li a {padding:0 20px;}
.res480 .header .harea .menu ul li ul li:hover > a {color:#676767; background:#d7d7d7;}
.res480 .header .harea .menu ul li ul li a {background:#ebebeb;}
.res480 .header .harea .menu ul li ul {display:block; position:absolute; width:100% !important; box-shadow:none; top:auto !important; left:0px !important;}
.res480 .header .harea .menu ul li ul li ul {}
.res480 .header .harea .menu ul li ul#sub-services {width:100% !important;}
.res480 .container .col {float:none; width:auto; overflow:hidden; padding:40px 30px 30px 30px;}
.res480 .container .col.col2 {margin:0 auto; position:absolute; bottom:10px; width:440px; padding:0; float:none; left:50%; margin:0 0 0 -220px;}
.res480 .footer .fbanner {height:160px;}
.res480 .footer .banner {max-width:680px;}
.res480 .footer .fbanner .fbtitle {font-size:13px; top:38px;}
.res480 .footer .fbanner .fbtxt {font-size:12px; top:60px; line-height:21px; width:260px;}
.res480 .footer .fbanner .bannerlogo {/* top:27px; */width:166px; height:113px; right:0px;}
.res480 .footer .flinks .farea .fcols {width:100%;float:none;margin:10px 0px;}
.res480 .fcol.last {}
.res480 .fcols {}
.res480 .fcol {width:50%; margin:10px 0px;}
.res480 .fcol.fcol4 {}
.res480 .fcol.fcol3, .res480 .fcol.last {}
.res480 .fcol.fcol2 {}
.res480 .fcol.fcol1 {}
.res480 .footer .fcol ul {margin:0px 12px 0px 0px;}
.res480 .footer .fcol ul li {padding:0px 0px 5px 0px;}
.res480 .footer .fcol ul li a {font-size:12px;}
.res480 .footer .flinks {padding:20px 0px 0px 0px;}
.res480 .footer .foot img.footicon {top:-165px; left:25px;}
.res480 .footer .fbanner .fbtxt br {display:none;}
.res480 .col.col2 .fblock {float:left; width:170px; padding:10px; margin:0px 0px 0px 30px;}
.res480 .container .fblock a {font-size:12px;}
.res480 .container .col2 .tittle {font-size:15px; line-height:25px;}
.res480 .container .col2 .rbanner {float:left; background:url(/images/site/saving-calculator-graphic-480.png) center no-repeat; width:180px; height:180px; margin:0 0 0 20px;}
.res480 a span.arrow {display:block; float:right; width:20px; height:20px; background:url('/images/template/arrow-down.png') center no-repeat; margin:5px 0;}
.res480 a.selected span.arrow {background:url('/images/template/arrow-up.png') center no-repeat;}
.res480 ul li ul li a.selected span.arrow {background:url('/images/template/arrow-down-dark.png') center no-repeat;}
.res480 .header .harea .menu ul li a.selected {background:#6a2d91; color:white;}
.res480 .container h1 {top:0px !important; font-size:25px; background:url(/images/template/h1-arrow.png) left 7px no-repeat;}
.res480 #popup .farea {width:92%;}
.res480 div#popup .info {width:390px; min-height:616px;}
.res480 #popup .farea {width:92%;}
.res480 #popup img.footicon {top:-165px;}
.res480 div#popup .conten {width:440px;}
.res480 .footer .fbanner .bannerlogo a img {width:83px; float:left;}
/* mobile 320px */
.res320 .container .head {background:url('/images/template/top-banner-320.jpg') center no-repeat; height:112px;}
.res320 .container .hhead {min-height:112px;}
.res320 .container .carea {padding:0px 0px 397px 0px;}
.res320 .header .harea {height:164px;}
.res320 .huserblock {height:85px; background:#6a2d91;}
.res320 .header .userblock {right:auto; position:relative; background:0; float:left; width:270px; line-height:40px; height:auto;}
.res320 .header .menucompact {display:block; padding:0px; background:url('/images/template/menu-icon.png') center no-repeat; width:26px; height:15px; margin:12px 0 0;}
.res320 .header .menucompact:hover {background:url(/images/template/menu-icon-h.png) center no-repeat;}
.res320 .header .userblock .register {color:#fff; float:left; font-size:14px; text-decoration:none; font-family:'Lato'; font-weight:300; margin:0px;}
.res320 .header .userblock .login {display:block; color:#fff; float:left; font-size:14px; padding:0px 0px 0px 7px; border-left:solid 1px #fff; height:25px; line-height:27px; margin:8px 8px 0px 8px; position:static;}
.res320 .header .userblock .contact-link {display:block; color:#fff; float:left; font-size:14px; padding:0px 0px 0px 7px; border-left:solid 1px #fff; height:25px; line-height:27px; margin:8px 8px 0px 8px; position:static;}
.res320 .header .userblock span.label {display:none;}
.res320 .header a.logo {top:23px; left:50%; margin:0px 0px 0px -117px;}
.res320 .header span.sublogo {top:80px; font-size:13px; width:100%; text-align:center; left:0px; margin:0px;}
.res320 .header .sitetel {width:100%;text-align:center;left:0px;bottom:15px;}
.res320 .header #menuc {top:164px;width:100%;right:0px;z-index:2;}
.res320 .header .harea #menu {display:none;}
.res320 .header .harea .menu ul li {float:none; border:0px; background:white; line-height:30px; padding:0px; border-bottom:solid 1px #c2c1c2;}
.res320 .header .harea .menu ul li:hover {color:#676767;}
.res320 .header .harea .menu ul li a {padding:0px 20px;}
.res320 .header .harea .menu ul li a:hover {background:#6a2d91; color:#fff;}
.res320 .header .harea .menu ul li ul li:hover > a {color:#676767; background:#d7d7d7;}
.res320 .header .harea .menu ul li ul li a {background:#ebebeb;}
.res320 .header .harea .menu ul li ul {display:block; position:absolute; width:100% !important; box-shadow:none; top:auto !important; left:0px !important;}
.res320 .header .harea .menu ul li ul#sub-services {width:100% !important;}
.res320 .container .col {float:none; width:auto; overflow:hidden; padding:40px 20px 30px 20px;}
.res320 .container .col.col2 {max-width:440px; margin:0px auto; position:absolute; bottom:2px; width:100%; padding:0px;}
.res320 .footer .fbanner {height:216px;}
.res320 .footer .banner {max-width:830px;}
.res320 .footer .fbanner .fbtitle {font-size:15px; top:38px;}
.res320 .footer .fbanner .fbtxt {font-size:15px; top:141px; line-height:17px; width:281px; font-size:12px; width:100%; text-align:center;}
.res320 .footer .fbanner .bannerlogo {/* top:18px; */width:80px; height:96px; left:50%; margin:0px 0px 0px -40px;}
.res320 .footer .fbanner .fbtitle {top:123px; font-size:12px; text-align:center; width:100%;}
.res320 .footer .flinks .farea .fcols {margin:10px auto;width:100%;float:none;}
.res320 .footer .flinks .farea .fcols .fcol {width:100%; float:none;margin:10px 0px;}
.res320 .footer .flinks .farea .fcols .fcol.fcol4 {left:0px; top:180px;}
.res320 .footer .flinks .farea .fcols .fcol.fcol3 {right:0px;}
.res320 .footer .flinks .farea .fcols .fcol.fcol2 {left:97px;}
.res320 .footer .flinks .farea .fcols .fcol.fcol1 {}
.res320 .footer .flinks .farea .fcols .fcol.last {top:180px; right:0px;}
.res320 .footer .fcol ul {margin:0px;}
.res320 .footer .fcol ul li {padding:0px 0px 5px 0px;}
.res320 .footer .fcol ul li a {font-size:12px;}
.res320 .footer .flinks {padding:20px 0px 0px 0px;}
.res320 .footer .foot.bg-purple {height:auto; padding-bottom:15px;}
.res320 .footer .foot img.footicon {top:-141px; left:20px;width:289px}
.res320 .footer .fbanner .fbtxt br {display:none;}
.res320 .col.col2 .fblock {float:none; width:170px; padding:10px; margin:0px auto;}
.res320 .container .fblock a {font-size:12px;}
.res320 .container .col2 .tittle {font-size:15px; line-height:25px;}
.res320 .container .col2 .rbanner {float:none; background:url(/images/site/saving-calculator-graphic-480.png) center no-repeat; width:180px; height:180px; margin:20px auto;}
.res320 a span.arrow {display:block; float:right; width:20px; height:20px; background:url('/images/template/arrow-down.png') center no-repeat; margin:5px 0px;}
.res320 a.selected span.arrow {background:url('/images/template/arrow-up.png') center no-repeat;}
.res320 ul li ul li a.selected span.arrow {background:url('/images/template/arrow-down-dark.png') center no-repeat;}
.res320 .header .harea .menu ul li a.selected {background:#6a2d91; color:white;}
.res320 .container h1 {font-size:20px; background:url(/images/template/h1-arrow-320.png) left 10px no-repeat; padding:0px 0px 0px 20px; left:auto;}
.res320 #popup .farea {width:92%;}
.res320 div#popup .info {width:238px; min-height:593px;}
.res320 #popup form.ncntcf {width:auto;}
.res320 #popup .sublogo {font-size:13px;}
.res320 #popup input {width:185px;}
.res320 #popup input.submit {width:200px;}
.res320 #popup .farea {width:91%;}
.res320 #popup img.footicon {top:-165px;}
.res320 div#popup .conten {width:280px;}

.footer .fbanner .bannerlogo a img {height:270px;}
.res720 .footer .fbanner .bannerlogo a img {height:180px;}
.res480 .footer .fbanner .bannerlogo a img {height:160px;}
.res320 .footer .fbanner .bannerlogo a img {height:125px;}

/* RRSS Header */
.header .huserblock .hsocial {position:absolute; top:8px; right:402px;}
.header .huserblock .hsocial a {display:inline-block; width:30px; height:30px; zoom:1; margin:0px 8px 0px 8px; text-indent:-9999px;}
.header .huserblock .hsocial a.fb {background:url(/images/template/sm-fb.png) center no-repeat;}
.header .huserblock .hsocial a.fb:hover {background:url(/images/template/sm-fb-h.png) center no-repeat;}
.header .huserblock .hsocial a.lk {background:url(/images/template/sm-linkedin.png) center no-repeat;}
.header .huserblock .hsocial a.lk:hover {background:url(/images/template/sm-linkedin-h.png) center no-repeat;}
.header .huserblock .hsocial a.tw {background:url(/images/template/sm-tw-x.png) center no-repeat;}
.header .huserblock .hsocial a.tw:hover {background:url(/images/template/sm-tw-x-h.png) center no-repeat;}

.res480 .header .huserblock .hsocial {right:46px;top:6px;}
.res480 .header .huserblock .hsocial a.fb {background:url(/images/template/sm-fb-480.png) center no-repeat;}
.res480 .header .huserblock .hsocial a.fb:hover {background:url(/images/template/sm-fb-480-h.png) center no-repeat;}
.res480 .header .huserblock .hsocial a.lk {background:url(/images/template/sm-linkedin-480.png) center no-repeat;}
.res480 .header .huserblock .hsocial a.lk:hover {background:url(/images/template/sm-linkedin-480-h.png) center no-repeat;}
.res480 .header .huserblock .hsocial a.tw {/* background:url(/images/template/sm-tw-x-480.png) center no-repeat; */}
.res480 .header .huserblock .hsocial a.tw:hover {background:url(/images/template/sm-tw-x-480-h.png) center no-repeat;}

.res320 .header .huserblock .hsocial {right:50%;top:auto;bottom:10px;margin-right:-101px;}
.res320 .header .huserblock .hsocial a.fb {background:url(/images/template/sm-fb-480.png) center no-repeat;}
.res320 .header .huserblock .hsocial a.fb:hover {background:url(/images/template/sm-fb-480-h.png) center no-repeat;}
.res320 .header .huserblock .hsocial a.lk {background:url(/images/template/sm-linkedin-480.png) center no-repeat;}
.res320 .header .huserblock .hsocial a.lk:hover {background:url(/images/template/sm-linkedin-480-h.png) center no-repeat;}
.res320 .header .huserblock .hsocial a.tw {/* background:url(/images/template/sm-tw-x-480.png) center no-repeat; */}
.res320 .header .huserblock .hsocial a.tw:hover {background:url(/images/template/sm-tw-x-480-h.png) center no-repeat;}

/* RRSS Footer */
.footer .farea .fsocial {position:absolute; top:15px; right:20px;}
.footer .farea .fsocial a {display:inline-block; width:30px; height:30px; zoom:1; margin:0px 8px 0px 8px; text-indent:-9999px;}
.footer .farea .fsocial a.fb {background:url(/images/template/sm-fb-footer.png) center no-repeat;}
.footer .farea .fsocial a.fb:hover {background:url(/images/template/sm-fb-footer-h.png) center no-repeat;}
.footer .farea .fsocial a.lk {background:url(/images/template/sm-linkedin-footer.png) center no-repeat;}
.footer .farea .fsocial a.lk:hover {background:url(/images/template/sm-linkedin-footer-h.png) center no-repeat;}
.footer .farea .fsocial a.tw {background:url(/images/template/sm-tw-x-footer.png) center no-repeat;}
.footer .farea .fsocial a.tw:hover {background:url(/images/template/sm-tw-x-footer-h.png) center no-repeat;}

.res320 .footer .farea .fsocial {position:static; right:auto; top:auto; text-align:center;}

.footer .flinks .farea .footerNews{float:left;width:24%;overflow:hidden;position:relative;margin:0px 0px 20px 0px;}
.footer .flinks .farea .footerNews a.newsbanner{width:244px;height:260px;background:url(/images/site/newsletter.jpg) center no-repeat;display:block;margin:0 auto;}
.footer .flinks .farea .footerNews .title{font-weight:600;text-align:center;font-size:19px;color:#474747;padding:0 0 20px;border-bottom:solid 1px #6a2d91;margin:0 0 20px;text-transform:uppercase;}
.footer .flinks .farea .footerNews .chere{text-align:center;margin:10px 0px;}
.footer .flinks .farea .footerNews .chere a{font-weight:600;color:#611c8d;}
.footer .flinks .farea .footerNews .block{margin:15px 0px;box-sizing:border-box;padding:10px 25px;}
.footer .flinks .farea .footerNews .block .date{font-size:14px;color:#676767;font-weight:600;}
.footer .flinks .farea .footerNews .block .text{margin:10px 0px;}
.footer .flinks .farea .footerNews .block a.readmore{display:block;color:#611c8d;}

.res940 .footer .flinks .farea .footerNews{width:27%;}

.res720 .footer .fcol{width:100%;float:none;margin:10px 0px;}
.res720 .footer .flinks .farea .footerNews{width:50%;}

.res480 .footer .flinks .farea .footerNews{width:100%;float:none;}
.res480 .footer .flinks .farea .footerNews a.newsbanner{background:url(/images/site/newsletter-480.jpg) left top no-repeat;height:85px;width:109px;float:left;margin:0px 15px 0px 0px;}
.res480 .footer .flinks .farea .footerNews .block{float:left;width:71%;padding:0px;margin:0;}

.res320 .footer .flinks .farea .footerNews{float:none;width:100%;}
.res320 .footer .flinks .farea .footerNews a.newsbanner{background:url(/images/site/newsletter-320.jpg) left top no-repeat;height:60px;width:257px;margin:10px 0px;}
.res320 .footer .flinks .farea .footerNews .block{padding:15px 0px;}

/* Two Column Text Start */
.sidetxtcnt {overflow:hidden;}
.sidetxtcnt .colcnt {float:left; width:45%;}
.sidetxtcnt .colcnt.right {float:right;}
.sidetxtcnt .colcnt a {color:#000; font-weight:600;}
.sidetxtcnt .colcnt a:hover {text-decoration:underline;}

.res720 .sidetxtcnt .colcnt {float:none; width:auto;}
.res480 .sidetxtcnt .colcnt {float:none; width:auto;}
.res320 .sidetxtcnt .colcnt {float:none; width:auto;}
/* Two Column Text End */