/* Shave Shop Group - Base Styles

-------------------------------------------------- */

/* Base
-------------------------------------------------- */
@import url('/FormBuilder/_Resource/_module/plugin/base.css');
@import url('/FormBuilder/_Resource/_module/plugin/font-awesome.min.css');
@import url('/FormBuilder/_Resource/_module/plugin/webfonts.css');
@font-face {
    font-family: 'AvenirNextLTPro';
    src: url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Regular.eot');
    src: url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Regular.woff2') format('woff2'),
        url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Regular.woff') format('woff'),
        url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Regular.ttf') format('truetype'),
        url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AvenirNextLTPro';
    src: url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Medium.eot');
    src: url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Medium.eot?#iefix') format('embedded-opentype'),
        url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Medium.woff2') format('woff2'),
        url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Medium.woff') format('woff'),
        url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Medium.ttf') format('truetype'),
        url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Medium.svg#AvenirNextLTPro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AvenirNextLTPro';
    src: url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Heavy.eot');
    src: url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Heavy.eot?#iefix') format('embedded-opentype'),
        url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Heavy.woff2') format('woff2'),
        url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Heavy.woff') format('woff'),
        url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Heavy.ttf') format('truetype'),
        url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Heavy.svg#AvenirNextLTPro-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AvenirNextLTPro';
    src: url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Bold.eot');
    src: url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Bold.woff2') format('woff2'),
        url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Bold.woff') format('woff'),
        url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Bold.ttf') format('truetype'),
        url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/font/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html { font-size: 62.5%; height: 100%; }
body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight:400; color: #000000; height: 100%; line-height:1.5em; background: #FFFFFF; height: 100%;  }
.container { max-width: 940px; padding: 0 20px; }
.wrap { min-height: 100%; }
.NAwarningMessage { display: none !important; }
.ie7 .columns:first-child { margin-left: 0; }
.ie7 .columns { margin-left: 3%; }
hr { border-color: #dcdcdc !important; }
img { width: 100%; }

/* Typography
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {  margin: 0 0 15px 0; padding: 0; color: #e77919; line-height: 1; font-family: "dax-bold", arial, sans-serif; text-transform: uppercase; }
h1 { font-size: 45px;  margin: 0 0 30px 0;}
h2 {  }
h4 { font-size: 19px; }

p { margin: 0 0 15px 0;}

/* Links
-------------------------------------------------- */
a { color: #e77919; outline: none; text-decoration: none; }
a:hover { color: #e77919; text-decoration: underline;  }
.active {   color: #e77919 !important;  background-color: #fff;  -moz-border-radius-topleft: 5px;  -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px;  -webkit-border-top-right-radius: 5px;  border-top-left-radius: 5px;  border-top-right-radius: 5px;}
.relative { position: relative; }


/* Primary Header - branding
--------------------------------------------------------*/
#mobileMenuBtn {display: none; position: absolute; cursor: pointer; right: 15px; top: 35px; }
#mobileMenuBtn span { display: none;}
#mobileMenuBtn:after { content: "\f0c9";  position:absolute; font-family: 'FontAwesome'; top:0px; right:0px; font-size: 30px; color: #434343; }
#mobileMenuBtn.selected:after { content: "\f00d";  position:absolute; font-family: 'FontAwesome'; top:0px; right:0px; font-size: 30px; color: #434343; }

.branding { box-sizing: border-box; position: relative; z-index: 999; width: 100%; height: auto; margin: 0 0 15px 0;}
.branding .logo-row { padding: 10px; *width: 250px !important }
/*#logo { background: url(/FormBuilder/_Resource/_module/9D1jtIKFMk-ymn1DO5ieQQ/image/gateway-logo.png) no-repeat 0 0px; display: block; height:125px; width: 280px;}*/
#logo { float: left;}
.site-tagline { margin: 40px 0 0 0; display: inline-block; font-family: "dax", arial, sans-serif; font-size: 32px; color: #e77919; }
.header-emailalerts { color: #434343 !important; display: block; margin: 40px 0 0 0; text-decoration: none !important;}
.header-emailalerts:hover { color: #e77919 !important; }
.header-emailalerts i { margin: 0 10px 0 0; font-size: 20px; }

.orange-strip { height: 28px; margin: 0 0 8px 0; background: url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/images/orange-strip.jpg'); text-align: right;}
.orange-strip a { background: #fff; height: 35px; line-height: 25px; padding: 5px; border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0; font-size: 13px; font-family: "dax-regular", arial, sans-serif; text-transform: uppercase; text-decoration: none; color: #434343; }
.orange-strip a:hover { color: #e77919 !important; }


/* Banner
--------------------------------------------------------*/
.banner { margin: 0 0 25px 0;}
.banner .row {  background: url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/images/banner.jpg') center center; height: 416px; }
.banner img { width: 100%; }
.banner-text-container {position: relative;  display: table; height: 416px;width: 50%;background: -moz-linear-gradient(top, rgba(244,121,55,0.7) 0%, rgba(244,121,55,0.7) 100%);background: -webkit-linear-gradient(top, rgba(244,121,55,0.7) 0%,rgba(244,121,55,0.7) 100%);background: linear-gradient(to bottom, rgba(244,121,55,0.7) 0%,rgba(244,121,55,0.7) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3e77919', endColorstr='#b3e77919',GradientType=0 );}
.banner-text-wrap { display: table; margin: 0; width: 100%; top: 0; height: 100%; }
.ie8 .banner-text { padding: 110px 20px; }
.banner-text { display: table-cell; vertical-align: middle; padding: 0 6%; }
.banner-text span {font-family: "dax-bold", arial, sans-serif;text-transform: uppercase;color: #fff;font-size: 42px;line-height: 1; display: block;}
.banner-text p { text-align: left; color: #fff; font-size: 15px; margin: 0; display: inline-block; }
.banner-text .sign-up { text-align: center; background: #fff; color: #f47939; display: inline-block; margin: 10px 10px 10px 0; padding: 10px; font-size: 19px; }
.banner-text .sign-up:hover { background: #f47939 !important; color: #fff !important; }

/* Primary Header - Main Navigation
--------------------------------------------------------*/
.navigation { width: 100%; margin: 20px 0 25px 0; background: #fff; border-bottom: 1px solid #e77919; border-top: 1px solid #e77919; }
.nav { margin: 0; padding: 0; height: 67px;}
.nav li:first-child { background: none; }
.nav li { cursor: pointer; float: left; padding: 12px 7px 0 7px;    /* height: 64px; */ /* max-width: 100px; */ min-width: 70px; box-sizing: initial; background: url('/FormBuilder/_Resource/_module/skypEnUgiUKK8qNU-7Y9GA/images/bg-main-menu-divider.gif') 0 0 no-repeat;}
.nav li a { color: #434343; text-decoration: none; padding-top: 0; padding-bottom: 0; z-index: 999; display: block; cursor: pointer; font-family: "dax-regular", arial, sans-serif; font-size: 13px; text-transform: uppercase; padding: 8px 2px 0 2px; display: inline-block; height: 55px; width: 100%; }
.nav li:hover a, .nav li a:hover { color: #e77919; color: #e77919;    background-color: #fff;    -moz-border-radius-topleft: 5px;    -moz-border-radius-topright: 5px;    -webkit-border-top-left-radius: 5px;    -webkit-border-top-right-radius: 5px;    border-top-left-radius: 5px;    border-top-right-radius: 5px;}

.sub-menu { display: none; position: absolute; padding: 0 0 10px 0; background: #fff; color: #e77919; width: 100%; max-width: 183px; min-width: 183px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.17); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.17); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.17); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;  z-index:1000; border:1px solid #e77919;}
.sub-menu li { padding: 0; list-style-type: none; background: none; width: 100%; }
.sub-menu li a { color: #e77919; font-weight: normal; padding: 15px 10px 8px 15px; line-height: 1; height: auto; font-family: Arial, Helvetica, sans-serif; text-transform: capitalize; font-size: 12px; border-radius: 0 !important;}
.sub-menu li a:hover { background: #e77919; color: #fff !important; }
.sub-menu li .active { background: #e77919 !important; color: #fff !important; }

.page-title { padding: 0;  color: #e77919;  line-height: 1;  font-family: "dax-bold", arial, sans-serif;  text-transform: uppercase;  font-size: 30px;  margin: 90px 0 0 0; }

.mobile-nav { display: none; }
.mobile-nav ul { position: relative;  width: 100%;  text-align: left;  margin: 0;  float: left;  height: auto;  padding: 0; border-radius: 0 !important; }
.mobile-nav ul li { display:block; float:left; width: 100%; }
.mobile-nav ul li a {  padding: 10px 20px;  color: #fff;  background: #e77919;  height: auto;  border-radius: 0;  display: block;  font-family: "dax-regular", arial, sans-serif;  font-size: 13px;  text-transform: uppercase;  font-weight: bold;  border-bottom: 1px solid #fff; text-decoration: none;}
.mobile-nav ul li a br {  display: none; }
.mobile-nav .sub-menu a {  background: #fff;  color: #e77919;  font-family: arial;  text-transform: capitalize;  font-size: 12px;  font-weight: normal;  display: block;  padding: 10px 20px 10px 35px; border-radius:0 !important; }
.arrow-down:after { content: "\f078"; font-family: fontawesome; position: absolute; right: 20px; }
.arrow-up:after { content: "\f077" !important; }


/* Primary Page content
--------------------------------------------------------*/
.page-content { box-sizing: border-box; background: #FFF; padding: 0 0 181px 0; width: 100%; }
.page-content .container { padding-bottom: 181px; }
.columns.no-margin { margin: 0;}

.right-callout { padding: 25px 20px; background: #f2f2f2; text-align: center; margin: 0 0 20px 0; }
.price-latest { line-height: 1; font-size: 40px; font-family: "dax-bold", arial, sans-serif; margin: 0 0 10px 0;}
.price-move { display: inline-block; }
.price-move:before { font-family: FontAwesome; font-size: 14px; margin-right: 5px;  content: "\f0d8" ; color: #0C0; }
.price-move.negative:before { content: "\f0d7" !important;  color: red !important; }
.price-move.zero:before { content: none !important; }
.price-percent { display: inline-block; }
.price-date { display: block; margin: 10px 0 15px 0; }


.announcements-box table { text-align: left; }
.announcements-box th { display: none; }
.announcements-box td { display: block; }
.announcements-box tr:first-child { display: none; }
.announcements-box tr { margin: 0 0 10px 0; display: block; }

.right-callout .btn { display: inline-block; }
.right-callout.home-announcements .ASXAnnouncements td { padding: 0; border-bottom: 0; }

.left-side {  padding: 25px 20px;  width: 55%;  height: 100%; background: #f2f2f2; position: relative; }
.left-callout {  margin: 0 0 20px 0; }
.left-callout.annual-report { background: url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/images/home-annualreport2016.jpg'); height: 290px; background-position-x: 36px; }
.left-callout.prospectus { background: url('/FormBuilder/_Resource/_module/wFMSjMp880CoIT0SQz1Qsw/images/home-prospectus.jpg'); height: 290px; background-position-x: -17px; }

.left-side .btn { display: inline-block; position: absolute; bottom: 25px; }


/* ASX Announcements
-------------------------------------------------- */
.announcementsTable { width:100%; margin: 0 0 1em 0 }
.announcementsTable th {background: #f2f2f2; font-weight:bold; color: #e77919; padding:10px; text-align:left;font-family: "dax-bold", arial, sans-serif;font-size: 15px;}
.announcementsTable td {padding:10px; border-bottom: 1px solid #dcdcdc;}
.announcements-filter { display: block; text-align: right; float: right; margin: 0 0 10px 0; }
.announcements-filter label[for="KeywordSearch"] { line-height: 41px; padding: 0; }
.announcements-filter .filterButton.btn { float: right; }
.announcements-filter #KeywordSearch { margin: 8px; min-width: 250px; }
.ASXAnnouncements .loadNext.btn { display: inline-block;  }
.announcementsTableDiv td a {  color: #434343; }
.announcementsTableDiv td a:hover { color: #e77919; }
.announcements-box .announcementsTableDiv td a { color: #e77919;}

.announcementDateHeader { width: 10%; min-width: 90px;  }

#tab-group { margin: 10px 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px #f2f2f2 solid; }
#tab-group ul { padding: 0; display: block; }
#tab-group ul li { list-style-type: none; display: inline-block; }
#tab-group ul li a { display: inline-block; }

/* Media Releases
-------------------------------------------------- */
.media-row { margin: 0 0 30px 0; }
.media-row h3 { margin-bottom: 0; }
.media-row span { display: block; margin: 0 0 15px 0; }
.media-row .btn { display: inline-block; }

/* Annual Reports
-------------------------------------------------- */
.reports .btn {  display: inline-block; }
.reports img { max-width: 276px; margin: 0 0 10px 0; }

/* Result Centre
-------------------------------------------------- */
.results-centre { margin: 0 0 20px 0; position: relative;  }
.results-centre .tablestyle tbody tr th:first-child { min-width: 238px; }

/* Share Price and Graph
-------------------------------------------------- */
.shareprice-table th, .shareprice-table td { text-align: center !important; }
.shareprice-table-mobile { text-align: center; display: none; }
.shareprice-table-mobile table {  margin: 10px auto 20px auto;  background: #f2f2f2; }
.shareprice-table-mobile table th, .shareprice-table-mobile table td {  padding: 5px 10px; }
.shareprice-table-mobile table th { text-align: right; }
.shareprice-table-mobile table td { text-align: left; }
.shareprice-table-mobile .price-date {  border-top: 1px solid #dcdcdc;  padding: 20px 0 0 0;  margin: 0 0 30px 0; }

/* History Share Price
-------------------------------------------------- */
.priceHistoryContainer { width:100%; margin: 20px 0 0 0; }
.priceHistoryContainer th {background: #f2f2f2; font-weight:bold; color: #e77919; padding:10px; text-align:left;font-family: "dax-bold", arial, sans-serif;font-size: 15px;}
.priceHistoryContainer td {padding:10px; border-bottom: 1px solid #dcdcdc;}
.priceHistoryContainer .loadNext.btn { display: inline-block;  }
.priceHistoryTable { width: 100%; display: block; overflow-x: auto; }
.priceHistoryTable tbody { display: table; width: 100%; }

.priceHistoryTableDiv .loadNext { position: relative; display: inline-block; font-weight: bold; padding: 10px; font-size: 15px; color: #fff; border: none; cursor: pointer; background: #e77919; border-radius: 10px; text-decoration: none; font-family:"dax-bold", arial, sans-serif; text-transform: uppercase;  }
.priceHistoryTableDiv .loadNext:hover {background: #f6935f; text-decoration:none; color: #fff; }

/* Email Alerts
-------------------------------------------------- */
.emailSubscriptionView .row { margin: 0 0 20px 0; }
.emailSubscriptionView .label { margin: 0 0 10px 0; font-weight: bold; }
.emailSubscriptionView input[type="checkbox"], input[type="radio"] { vertical-align: }
.emailSubscriptionView #subscriptions {  padding: 0; }
.emailSubscriptionView #subscriptions li { list-style-type: none; }
.emailSubscriptionView #subscriptions li input {  margin-right: 10px; }
.emailSubscriptionView ul li label { padding: 0; width: auto; font-weight: normal; }
.emailSubscriptionView ul li { padding: 3px 0; }
.oc-form-error-container ul { padding: 0; margin: 0 0 20px 0; }
.oc-form-error-container li { color: red; list-style-position: inside; }
.oc-form-error-container label { padding: 0; }

/* Calendar
-------------------------------------------------- */
#calendar_ShaverShop_Calendar { width: 320px; }
.calender-intro { display: block; width: 100%; float: none; margin-bottom: 30px;}
.calender-intro .color-block { height: 30px; float: left; margin: 5px 10px 10px 0px; width: 30px; background-color: #CD202C}

.ui-datepicker table { width: 100%; position: relative; background: #f5f5f5; }
.ui-datepicker-header { position: relative; color: #fff; font-weight: bold; text-align: center; overflow: hidden; }
.ui-datepicker-title { display: block; padding: 10px 0; background: #e77919; }
.ui-datepicker-prev, .ui-datepicker-next { cursor: pointer; }
.ui-datepicker-prev .ui-icon, .ui-datepicker-next .ui-icon { top: -9999px; }

.ui-datepicker-next { position: relative; float: right; }
.ui-datepicker-next:before { content: "\f0da";  position:absolute; font-family: 'FontAwesome'; top:10px; right: 10px; font-size: 25px; color: #FFFFFF }
.ui-datepicker-prev { position: relative; float: left; }
.ui-datepicker-prev:before { content: "\f0d9";  position:absolute; font-family: 'FontAwesome'; top:10px; left: 10px; font-size: 25px; color: #FFFFFF; }

.ui-datepicker th { color: #333; background: #f2f2f2; text-align: center; padding: 3px 0;}
.ui-datepicker td { padding: 0px; border: none; }
.ui-datepicker td a { color: #000; }
.ui-datepicker td a:hover { color: #FFF !important;  background: #e77919 !important;  }
.ui-datepicker td .ui-state-default, .ui-datepicker td a:visited { display: block; text-decoration: none; background: #FFF; text-align: center; color: #000; margin: 1px; padding: 10px }
.ui-datepicker td .selected { font-weight: bold; background: #e77919 !important; color: #fff !important;  }
.ui-datepicker td .selected:hover { color: #fff; background: #e77919; }
.ui-datepicker td .ui-state-highlight, .ui-datepicker td .ui-state-highlight:hover { background: #e77919; color: #FFFFFF; font-weight: bold; }
.ui-datepicker td .ui-state-active { background: #e77919 !important; color: #FFFFFF !important; font-weight: bold;  }
.ui-datepicker td .ui-state-default.ui-state-highlight.ui-state-active.selected { color: #fff !important; }
.ui-datepicker td .ui-state-default.ui-state-highlight.selected { color: #fff !important; }
#calendarModule_ShaverShop_Calendar a span { display: none; }

.date-display { font-weight: bold; font-size: 14px; padding: 10px 0; }

.calendar-events { margin: 2em 0;}

.color-block {  height: 30px; float: left;  margin: 0 10px 10px 0;   width: 30px;   background-color: #e77919; }

/*  About us
-------------------------------------------------- */
.about-us-tab { margin: 10px 0 25px 0; }

/* Board and Management
-------------------------------------------------- */
.board-tab { margin: 10px 0 25px 0 !important; }
.board-content { padding: 0 0 25px 0;  border-bottom: 1px #f2f2f2 solid;  margin: 0 0 25px 0; }
.board-content img { width: 100% !important; max-width: 276px; }
.management-content { padding: 0 0 25px 0;  border-bottom: 1px #f2f2f2 solid;  margin: 0 0 25px 0; }
.management-content img { width: 100% !important; max-width: 276px; }
.management-content .eight.columns p:last-child, .board-content .eight.columns p:last-child { margin: 0; }

/* Footer
--------------------------------------------------------*/
.page-footer{ background: #fd8d43 url('/FormBuilder/_Resource/_module/skypEnUgiUKK8qNU-7Y9GA/images/bg-dots-pattern.png'); box-sizing: border-box;  color: #FFFFFF; text-align: left; position: relative; height: 181px; margin-top: -181px; clear: both; /* sticky footer */ }
.copyright { margin: 0; line-height: 1.2; font-weight: bold; padding: 23px 0;}
.copyright a { color: #FFFFFF; text-decoration: none; }
.copyright a:hover { color: #ffc8a4; }

.footer-top { border-bottom: 1px solid #fff; padding: 40px 0; }
.footer-top span { font-family: "dax-bold", arial, sans-serif; font-size: 24px; display: inline-block; font-style: italic; }
.footer-top ul { display: inline-block; }
.footer-top ul li { display: inline-block; list-style-type: none; margin: 0 5px 0 0; }
.footer-top ul li a:hover { background: #e77919; border-color: #e77919; }
.footer-top ul li a { color: #fff; font-size: 22px; border: 2px solid #fff; border-radius: 100%; height: 40px; width: 40px; display: block; line-height: 30px; text-align: center; }
.footer-top ul li a i { line-height: 40px; }

/* HIPPO Forms
-------------------------------------------------- */

/******************* Forms **********************/
.step .row {clear: both;}
.row label {display:inline-block; *display: inline; zoom: 1; width:300px; padding:5px 10px 0 0; font-weight:bold; vertical-align: top;}
.row .inputFields { display:inline-block; *display: inline; zoom: 1;}
    .inputFields label { display: inline; float: none; padding: 0 20px 0 0; text-align: left; width: auto;}
/*.row .inputFields input {margin:5px;float:left;}*/
.row select, .row input.text {  padding:5px; margin:0; width:250px; display:inline-block; *display: inline; zoom: 1; border: 1px solid #CCCCCC; border-radius: 3px;}
.row select { width: 262px;}
.row input.text.tiny {width:150px;}
.row strong {font-weight:bold;}
.row .hint {display:block; margin-left:0px;color:#666;clear:both;font-size: 12px;}
.row .text { display:inline-block; *display: inline; zoom: 1;}

.row .inputFields input.checkbox {margin:0px 7px 0 0;padding:0;}
.row .SelectApplicationType2, .row .SelectApplicationType3 {*display:inline;}
.row.checkboxFullWidth {padding:2% 0; background: #FFFFFF; border-top: 1px solid #CCC}
.row.checkboxFullWidth .inputFields {width:100%;}
.row.checkboxFullWidth label {width: auto;}


/******************* Buttons **********************/

input.next {float:right; margin-left: 10px;}

input.next,
input.back,
.btn { position: relative; display:block; font-weight: bold; padding: 10px; font-size: 15px; color: #fff; border: none; cursor: pointer; background: #e77919; border-radius: 10px; text-decoration: none; font-family:"dax-bold", arial, sans-serif; text-transform: uppercase; outline: none; }

input.next:hover,
input.back:hover,
.btn:hover,
.home-btn:hover {background: #f6935f; text-decoration:none; color: #fff; }
.button input {  padding: 10px 20px; }
.btn:focus { color: #fff; }
.home-return { float: left; }
.current { background: #f6935f; }


/* Homepage buttons */
.home-btn { color: #fff !important; padding: 10px 20px 10px 40px; }
.home-btn:before {  content: "\f0da";  font-family: FontAwesome; position: absolute;  left: 20px;  top: 50%;  margin-top: -13px; }
.home-btn h2 { color: #FFFFFF; margin: 10px 0; padding: 0; display: block; width: 100%;}


/******************* Icons **********************/
.iconLink {background: #f2f2f2; padding:10px 0;margin: 15px 0; -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.iconLink a { background-image: none !important; padding: 10px 15px 10px 70px !important; display:block; position:relative; text-decoration: none; color: #434343;}
    .iconLink a[href*="/DocumentDownload"]:before { content: "\f1c1";  position:absolute; font-family: FontAwesome; top:10px; left:20px; font-size: 35px } /* for PDF icons */
    .iconLink a[href*="print"]:before { content: "\f02f";  position:absolute; font-family: FontAwesome; top:10px; left:20px; font-size: 35px } /* for PDF icons */
.iconLink:hover { background: #e77919; }
.iconLink:hover a { color: #fff !important; }
.text { padding: 5px 0;}


/*** Content table ***/
.tablestyle { width:100%; margin: 0 0 1em 0; overflow-x: auto; }
.tablestyle th {background: #f2f2f2; font-weight:bold; color: #e77919; padding:10px; text-align:left;font-family: "dax-bold", arial, sans-serif;font-size: 15px;}
.tablestyle td {padding:10px; border-bottom: 1px solid #dcdcdc;}
.tablestyle td a { color: #434343; }
.tablestyle img { width: auto; }

.confirmation { padding:20px 0;}
.confirmation table { width: 80%;}
.confirmation table td {border-bottom:1px solid #CCC; padding:5px;}

.entitlementGrid { margin:0 0 20px 0; width: 80%;}
.entitlementGrid td {border-bottom:1px solid #CCC; padding:5px;}

td.label{font-weight:bold;width: 250px;vertical-align: top;}

/*** FAQ ***/
.QAViewer {margin: 0 0 15px 0; background: #f2f2f2; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.QAViewer .QALink { position:relative; padding:10px 15px 10px 40px !important; display:block; text-decoration: none; color: #434343;}
    .QALink:before { content: "\f054";  position:absolute; font-family: 'FontAwesome'; top:10px; left:10px; font-size: 18px;}
    .open .QALink:before { content: "\f078";  position:absolute; font-family: 'FontAwesome'; top:10px; left:10px; font-size: 18px;}
.QAViewer .QALink:hover { color: #fff;	 background: #e77919;}
.QAViewer .answer {padding: 20px 10px 20px 40px;}
.QAViewer .answer p {margin:0 0 10px 0;}
.answer p:last-child { margin-bottom: 0; }
.QAViewer.open .QALink { background: #e77919; color: #fff; }



/* Print Styles */
@media print {
    .branding { height: auto !important;}
    .branding .logo-row { padding: 5px 0px !important}
    .branding .logo-row #logo { background-size: 50%}
    .confirmation { padding: 0 0 5px 0 !important}
    .iconLink, a.btn { display: none;}

}

/* Media Queries
-------------------------------------------------- */

@media (max-width: 767px) {

    /* general */
    #wrapper { width: 100%; margin: 0 auto;}
    .container { clear: both; display: block; margin: 0; width: 100%;}
    .column, .columns { float: none; width: 100% !important; display: block; margin: 0; }
    h1 { font-size: 35px; }
    .page-content .container { padding: 0 20px; }

    .tablestyle { display: block; overflow-x:auto; }
    .tablestyle tbody { display: table; width: 100%; }

    /* Header */
    .branding { padding: 0; border: 0; position:relative; height: auto;}
    .branding .logo { margin: 0; padding: 25px;}
    h1.top-title{ display: none;}
    .page-title {   margin: 20px 0 0 0; width: 100%;  }
    .header-emailalerts { display: none; }

      /* main-nav */
    #mobileMenuBtn {display: block;}
    .navigation { width: 100%; margin: 0 0 10px 0; display: none; float: none; background: none; }
    .nav { display: none; }
    .active { color: #fff !important; background: #f6935f !important; }
    .sub-menu li .active { color: #fff !important; background: #f6935f !important; }
    .navigation .container { padding: 0; }
    .sub-menu { position: relative; float: left; width: 100%; max-width: none; padding: 0; border: 0; }
    .sub-menu li a { padding: 10px 20px 10px 35px; }
    .sub-menu li .active { background: #e77919 !important; color: #fff !important; }
    .mobile-nav { display: block !important; }



    /* page-content */
    .inputFields { width: 100% !important; }
    .content-row .three.columns {  margin: 0 0 20px 0; }
    .left-callout.prospectus, .left-callout.annual-report { background-position-x: right; }
    .shareprice-table { display: none; }
    .shareprice-table-mobile { display: block; }
    .highcharts-input-group { display: none; }
    .about-us-tab ul li, .about-us-tab ul li a, .board-tab li a, .board-tab li { display: block !important; text-align: center; }
    .about-us-tab ul li, .board-tab li { margin: 0 0 10px 0; }

    .board-content img { margin: 0 0 20px 0; }
    .management-content img { margin: 0 0 20px 0; }

    /* buttons */
    .home-btn {/* padding: 5px; */}

      /*footer*/
    .page-footer { height: auto; margin-top: 0; }
    .copyright { text-align:center; line-height: 1; padding: 25px 0;}

}

@media (max-width: 650px) {
    .footer-top span { display: block; margin: 0 0 10px 0; text-align: center; }
    .footer-top ul  { display: block; padding: 0; text-align: center; }
}

@media (max-width: 600px) {
    .banner-text span { font-size: 33px; }
    span.site-tagline { display: none; }
}

@media (max-width: 420px) {
    .banner-text span { font-size: 24px; }
}

@media (max-width: 340px) {
    .banner-text span { font-size: 18px; }
    .left-callout.prospectus { background-position-x: -17px; }
    .left-callout.annual-report { background-position-x: 36px; }
}
