body {
   width: 980px;
   padding: 0;
   margin: 0 auto;
   background-color: #281eaa;
}
p, h1, h2, h3, h4, h5, li, dt, dd {
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   background: transparent;
}
a, a:visited {
   text-decoration: none;
}
.left {
   float: left;
}
.right {
   float: right;
}
hr {
   height: 1px; color: #ddd; background-color: #ddd; border: 0;
}

#page_wrapper {
   display: block;
   vertical-align: top;
   width: 100%;
   margin: 0 auto;
}

#topnav_wrapper {
   z-index: 900;
   position: fixed;
   top: 0; left 0;
   display: none;
   vertical-align: top;
   width: 100%;
   height: 127px;
   background-color: #281eaa;
   border-bottom: 2px #fff solid;
}
#topnav_outer {
   display: block;
   vertical-align: top;
   width: 100%;
   max-width: 1300px;
   padding: 0;
   margin: 0 auto;
}
#topnav_outer .logo {
   float: left;
   margin: 0 35px 0 20px;
   width: 100%;
   height: auto;
   max-width: 325px;
}
#topnav {
   display: inline-block;
   vertical-alignment: top;
   float: left;
   list-style: none;
   padding: 0;
   margin: 0;
}
#topnav ul {
   list-style: none;
   padding: 0;
   margin: 0;
}
#topnav > li {
   float: left;
   text-align: center;
}
#topnav ul > li {
   text-align: left;
}
#topnav a {
   display: block;
   color: #fff;
   font-size: 125%;
   font-weight: 400;
   text-decoration: none;
   height: 83px;
   padding: 44px 25px 0 25px;
   margin: 0;
}
#topnav a:hover {
   color: #464088;
   background-color: #69c8ed;
}
#topnav .selected {
   color: #464088;
   background-color: #69c8ed;
}
#topnav > li > ul {
   position: absolute;
   display: none;
   padding: 0;
   z-index: 10;
}
#topnav > li:hover > ul {
   display: block;
   z-index: 100;
}
#topnav > li > ul > li a {
   padding: 5px 14px;
   height: auto;
   font-size: 115%;
   font-weight: 400;
   background-color: #464088;
}
#topnav_outer .contactdetails {
   display: inline-block;
   vertical-align: top;
   float: right;
   margin: 10px 20px 0 0;
}
#topnav_outer .contactdetails p {
   text-align: right;
   color: #fff;
   font-size: 125%;
   font-weight: 400;
}
#topnav_outer .contactdetails a, #topnav_outer .contactdetails a:visited {
   color: #fff;
   text-decoration: none;
}
#topnav_outer .contactdetails a:hover {
   color: #69c8ed;
   text-decoration: none;
}

#topnav_min_wrapper {
   display: inline-block;
   vertical-align: top;
   width: 100%;
}
#topnav_min_outer {
   display: block;
   vertical-align: top;
   text-align: center;
   width: 100%;
   margin: 0;
   padding: 0;
}
#topnav_min {
   display: block;
   list-style: none;
   padding: 0;
   margin: 0;
}
#topnav_min ul {
   list-style: none;
   padding: 0;
   margin: 0;
}
#topnav_min > li {
   width: 100%;
   text-align: center;
}
#topnav_min ul > li {
   text-align: center;
}
#topnav_min a {
   display: block;
   background-color: #464088;
   color: #fff;
   font-size: 115%;
   font-weight: 400;
   text-decoration: none;
   padding: 12px 10px;
}
#topnav_min a:hover {
   color: #464088;
   background-color: #69c8ed;
}
#topnav_min .selected {
   color: #464088;
   background-color: #69c8ed;
}
#topnav_min > li > ul {
   position: absolute;
   display: none;
   width: 100%;
   left: 0;
   padding: 0;
   z-index: 10;
}
#topnav_min > li > ul a {
   padding: 8px 0;
   background-color: #464088;
   max-width: 960px;  /* old IE */
}
#topnav_min > li:hover > ul {
   display: block;
   z-index: 100;
}
#topnav_min .menu {
   background-image: url("/images/menu.png");
   background-repeat: no-repeat;
   background-position: left center;
   padding-left: 25px;
   padding-bottom: 1px;
}
#topnav_min a:hover .menu {
   background-image: url("/images/menu-hover.png");
}

#banner_outer {
   width: 100%;
}
#banner {
   display: block;
   vertical-align: top;
   width: 100%;
   max-width: 1400px;
   margin: 0 auto;
   position: relative;
}
#banner img {
   width: 100%;
   height: auto;
}

#ninja-slider-wrapper {
   display: none;
}
#ninja-slider .overlay {
    z-index: 800;
    position: absolute;
    left: -40%; top: 0;
    width: 100%;
    height: auto;
}
#ninja-slider .text_box_wrapper {
   position: absolute;
   top: 0; left: 0;
   z-index: 900;
   width: 100%;
}
#ninja-slider .text_box {
   display: block;
   margin: 0 auto;
   padding: 0;
   width: 100%;
   max-width: 1400px;
   /* background-color: green; */
}
#ninja-slider .text_box h2 {
   color: #69c8ed;
   font-size: 350%;
   font-weight: 600;
   line-height: 120%;
   margin: 30px 50% 15px 5%;
   padding: 0;
}
#ninja-slider .text_box p {
   color: #fff;
   font-size: 130%;
   font-weight: 400;
   line-height: 180%;
   margin: 0 60% 15px 5%;
   padding: 0;
}
#ninja-slider .link {
   padding-top: 5px;
}
#ninja-slider .link a, #ninja-slider .link a:visited {
   padding: 5px 10px;
   color: #464088;
   background-color: #fff;
   border: 0;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}
#ninja-slider .link a:hover {
   color: #464088;
   background-color: #69c8ed;
}

#logobar {
   display: block;
   vertical-align: top;
   width: 100%;
   background-color: #464088;
   border-top: 2px #fff solid;
}
#logobar .logo {
   width: 94%;
   height: auto;
   max-width: 400px;
}

#body {
   display: block;
   vertical-align: top;
   width: 100%;
   max-width: 1400px;
   margin: 0 auto;
}
#body_end {
   clear: both;
}

#content {
   padding: 169px 3% 40px 3%;     /* 127px fixed top + 2px border + 40px margin */
   margin: 0 auto;
   min-height: 400px;
   width: 94%;
   max-width: 1400px;
   background-color: #fff;
}
#content p {
   color: #333;
   font-size: 105%;
   font-weight: 400;
   line-height: 170%;
   margin-top: 0;
   margin-bottom: 7px;
}
#content a, #content a:visited {
   color: #333;
   text-decoration: underline;
}
#content a:hover {
   color: #83ceec;
   text-decoration: none;
}
#content h1 {
   color: #333;
   font-weight: 600;
   font-size: 200%;
   text-align: center;
   margin: 0 20px 35px 20px;
   padding: 0;
}
#content h2 {
   color: #464088;
   font-weight: 600;
   font-size: 150%;
   margin: 25px 20px 10px 0;
   padding: 0;
}
#privacypolicy h2 {
   margin: 25px 0 10px 0;
}
#content h3 {
   color: #333;
   font-weight: 600;
   font-size: 120%;
   margin: 20px auto 5px auto;
   padding: 0;
}
#content h4 {
   color: #333;
   font-weight: 600;
   font-size: 105%;
   margin: 20px auto 5px auto;
   padding: 0;
}
#content ul {
   margin: 0 10px 10px 0;
   list-style: square;
}
#content ol {
   margin: 0 10px 10px 20px;
}
#content li {
   color: #333;
   font-size: 100%;
   line-height: 170%;
   margin: 7px 7px 7px 4px;
}
#content .img {
   display: inline-block;
   vertical-align: top;
   width: 99%;
   height: auto;
   max-width: 400px;
   margin: 0.5%; padding: 0;
}
#content .imgl, #content .imgr, #content .item_img {
   width: 100%;
   height: auto;
}
#content .img {
   margin: 10px;
}
#content .imgr {
   float: right;
   margin: 7px 0 15px 40px;
}
#content .imgl, #content .item_img {
   float: left;
   margin: 5px 40px 15px 0;
}
#content .adminbutton a, #content .adminbutton a:visited {
   font-size: 17px;
   font-weight: 600;
   text-align: center;
   text-decoration: none;
   color: #fff;
   padding: 5px 10px;
   background-color: #464088;
   border: 0;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}
#content .adminbuttonsmall a, #content .adminbuttonsmall a:visited {
   font-size: 14px;
   font-weight: 600;
   text-align: center;
   text-decoration: none;
   color: #fff;
   padding: 3px 5px;
   background-color: #464088;
   border: 0;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}
#content .adminbutton a:hover, #content .adminbuttonsmall a:hover {
   color: #333;
   background-color: #69c8ed;
}
#content .big_button a {
   display: inline-block;
   vertical-align: top;
   width: 96%; max-width: 200px;
   background-color: #464088;
   color: #fff;
   font-weight: 400;
   font-size: 18px;
   text-decoration: none;
   padding: 8px 2%;
   margin: 10px 10px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}
#content .big_button a:hover {
   color: #464088;
   background-color: #69c8ed;
}
#content .breadcrumb a,
#content .breadcrumb > .separator {
   display: inline-block;
   vertical-align: top;
   background-color: #464088;
   color: #fff;
   font-weight: 400;
   font-size: 16px;
   text-decoration: none;
   margin: 0;
   height: 32px;
}
#content .breadcrumb a {
   padding: 3px 10px 0 10px;
}
#content .breadcrumb > .separator {
   padding: 3px 3px 0 3px;
}
#content .breadcrumb > .parent {
   border-radius: 5px 0 0 5px;
   -moz-border-radius: 5px 0 0 5px;
   -webkit-border-radius: 5px 0 0 5px;
}
#content .breadcrumb > .child {
   border-radius: 0 5px 5px 0;
   -moz-border-radius: 0 5px 5px 0;
   -webkit-border-radius: 0 5px 5px 0;
}
#content .breadcrumb a:hover {
   color: #464088;
   background-color: #69c8ed;
}
#content .buttons {
   margin: 0; padding: 10px 0 0 0;
   text-align: center;
}
#content .buttons a, #content .buttons a:visited,
#content .buttons .selected {
   font-size: 100%;
   color: #333;
   margin: 4px;
   padding: 7px 10px;
   background-color: #83ceec;
   text-decoration: none;
   display: inline-block;
   border: 2px #83ceec solid;
}
#content .buttons a:hover {
   color: #fff;
   background-color: transparent;
   text-decoration: none;
}
#content .buttons .selected {
   background-color: transparent;
   color: #fff;
}
#content .boxes {
   display: block;
   text-align: center;
   width: 100%;
   padding: 25px 0;
}
#content .box {
   display: inline-block;
   background-color: #fff;
   width: 30%;
   min-width: 340px;
   padding: 0; margin: 1%;
   position: relative;
}
#content .box_inner {
   border: 2px solid #464088;
   margin: 0;
   padding: 0;
   overflow-y: auto;
   height: 610px;
   border-radius: 20px;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
}
#content .box img {
   width: 100%; height: auto;
}
#content .box_inner h2 {
   font-size: 140%;
   color: #fff;
   background-color: #464088;
   text-align: center;
   margin: 0 0 15px 0;
   padding: 7px;
}
#content .box_inner p {
   font-size: 100%;
   font-weight: 400;
   line-height: 150%;
   margin: 0 8px 8px 8px;
   padding: 0;
}
#content .box_more {
   text-align: center;
   padding: 15px 0;
   margin: 0 auto;
   position: absolute;
   bottom: 25px; left: 0;
   width: 100%;
}
#content .box_more a, #content .box_more a:visited {
   font-size: 110%;
   text-decoration: none;
   padding: 8px 30px 10px 30px;
   color: #fff;
   background-color: #464088;
   border: 0;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}
#content .box_more a:hover {
   color: #464088;
   background-color: #69c8ed;
   text-decoration: none;
}
#content .productcatboxes {
   display: block;
   vertical-align: top;
   text-align: center;
   margin: 0 auto;
   padding: 30px 2% 40px 2%;
}
#content .productcatbox, #content .productcatbox:visited {
   display: inline-block;
   vertical-align: top;
   position: relative;
   height: 260px;
   width: 200px;
   text-decoration: none;
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   font-size: 100%;
   text-align: center;
   line-height: 150%;
   border: 2px solid #464088;
   background-color: #464088;
   color: #fff;
   margin: 13px;
   padding: 0;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .productcatbox:hover {
   border: 2px solid #69c8ed;
   background-color: #69c8ed;
   color: #464088;
}
#content .productcatbox .productcatboximg {
   display: block;
   vertical-align: top;
   width: 200px;
   height: 200px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   border-radius: 8px 8px 0 0;
   -moz-border-radius: 8px 8px 0 0;
   -webkit-border-radius: 8px 8px 0 0;
}
#content .productcatbox .productcatboxtitle {
   display: block;
   vertical-align: top;
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   font-size: 110%;
   margin: 7px 3px;
   line-height: normal;
}
#content .productboxes {
   display: block;
   vertical-align: top;
   text-align: center;
   margin: 0 auto;
   padding: 30px 2% 40px 2%;
}
#content .productbox, #content .productbox:visited {
   display: inline-block;
   vertical-align: top;
   position: relative;
   height: 360px;
   width: 280px;
   border: 2px solid #464088;
   background-color: #464088;
   color: #fff;
   text-decoration: none;
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   font-size: 120%;
   text-align: center;
   line-height: 150%;
   margin: 13px;
   padding: 0;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .productbox:hover {
   border: 2px solid #69c8ed;
   background-color: #69c8ed;
   color: #464088;
}
#content .productbox .productboximg {
   display: block;
   vertical-align: top;
   width: 280px;
   height: 280px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   border-radius: 8px 8px 0 0;
   -moz-border-radius: 8px 8px 0 0;
   -webkit-border-radius: 8px 8px 0 0;
}
#content .productbox .productboxtext {
   display: block;
   vertical-align: top;
   padding: 10px 15px;
   height: 60px;
   line-height: 1.2em;
}
#content .productbox .productboxtitle {
   display: block;
   vertical-align: top;
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   font-size: 110%;
   margin-bottom: 7px;
   line-height: normal;
}
#content .productbox .productboxbitesize {
   font-size: 85%;
}
#content .item_details_wrapper {
   display: table;
   table-layout: fixed;
   width: 100%;
}
#content .item_details {
   display: table-row;
}
#content .item_details_text, #content .item_details_images {
   display: table-cell;
   vertical-align: top;
}
#content .item_details_text {
   text-align: left;
}
#content .item_details_images {
   width: 450px;
   text-align: right;
}
#content .linkboxes {
   display: block;
   vertical-align: top;
   text-align: center;
   margin: 0 auto;
   padding: 30px 2% 40px 2%;
}
#content .linkbox, #content .linkbox:visited {
   display: inline-block;
   vertical-align: top;
   position: relative;
   height: 260px;
   width: 200px;
   text-decoration: none;
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   font-size: 100%;
   text-align: center;
   line-height: 150%;
   border: 2px solid #464088;
   background-color: #464088;
   color: #fff;
   margin: 13px;
   padding: 0;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#content .linkbox:hover {
   border: 2px solid #69c8ed;
   background-color: #69c8ed;
   color: #464088;
}
#content .linkbox .linkboximg {
   display: block;
   vertical-align: top;
   width: 200px;
   height: 200px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   border-radius: 8px 8px 0 0;
   -moz-border-radius: 8px 8px 0 0;
   -webkit-border-radius: 8px 8px 0 0;
}
#content .linkbox .linkboxtitle {
   display: block;
   vertical-align: top;
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   font-size: 110%;
   margin: 7px 3px;
   line-height: normal;
}
#content .call_to_action {
   clear: both;
   text-align: center;
   font-size: 150%;
   color: #464088;
   padding: 10px 0;
   margin: 0 20px;
}
#content .call_to_action a, #content .call_to_action a:visited {
   color: #464088;
}
#content .call_to_action a:hover {
   color: #69c8ed;
}
#content .pb_fullwidthtext, #content .pb_imagelefttext, #content .pb_imagerighttext {
   display: table;
   table-layout: fixed;
   margin: 0 auto 25px auto;
}
#content .pb_admin, #content .pb_admin_inactive {
   display: table;
   table-layout: fixed;
   margin: 0 0 25px 0;
}
#content .pb_width_limiter {
   display: table-row;
}
#content .pb_text_wrapper {
   display: table-cell;
   vertical-align: middle;
}
#content .pb_text_wrapper h2 {
   margin-top: 0;
}
#content .pb_img_wrapper {
   display: table-cell;
   vertical-align: middle;
}
#content .pb_keytext {
   font-size: 115%;
}
#content .pb_imagelefttext .pb_img_wrapper {
   text-align: left;
}
#content .pb_imagerighttext .pb_img_wrapper {
   text-align: right;
}
#content .pb_fullwidthtext img {
   display: block;
   margin: 25px auto 0 auto;
}
#content .pb_imagelefttext img, #content .pb_imagerighttext img, #content .pb_fullwidthtext img {
   border: 0;
   border-radius: 15px;
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
}

#bottombar_outer {
   display: inline-block;
   vertical-align: top;
   width: 100%;
   padding-top: 20px;
}
#bottombar {
   display: block;
   vertical-align: top;
   width: 100%;
   max-width: 1300px;
   margin: 0 auto;
   text-align: center;
}
#bottombar .quicklinks {
   float: left; clear: left;
   margin: 0 0 0 30px;
}
#bottombar .quicklinks h2 {
   font-size: 120%;
   font-weight: 600;
   color: #fff;
   margin: 0 0 3px 0;
   padding: 0;
   text-align: left;
}
#bottombar .quicklinks p {
   font-size: 100%;
   color: #fff;
   margin: 0;
   padding: 0;
   text-align: left;
   line-height: 150%;
}
#bottombar .contact {
   float: right; clear: right;
   margin-right: 30px;
}
#bottombar .contact h2 {
   font-size: 120%;
   font-weight: 600;
   color: #fff;
   margin: 0 0 3px 0;
   padding: 0;
   text-align: right;
}
#bottombar .contact p {
   font-size: 100%;
   color: #fff;
   margin: 0 0 3px 0;
   padding: 0;
   text-align: right;
   line-height: 150%;
}
#bottombar a, #bottombar a:visited {
   color: #fff;
   text-decoration: none;
}
#bottombar a:hover {
   color: #69c8ed;
   text-decoration: underline;
}

#footer_outer {
   display: inline-block;
   vertical-align: top;
   width: 100%;
}
#footer {
   display: block;
   vertical-align: top;
   width: 100%;
   max-width: 1300px;
   margin: 0 auto;
   padding: 0 0 20px 0;
}
#footer p {
   font-size: 96%;
   line-height: 150%;
   color: #fff;
   margin: 0 2%; padding: 0;
   text-align: center;
}
#footer a, #footer a:visited {
   color: #fff;
   text-decoration: none;
}
#footer a:hover {
   color: #69c8ed;
   text-decoration: underline;
}

#form_r {
   display: inline-block;
   vertical-align: top;
   padding: 5px 15px 15px 15px;
   width: 370px;
   border: 5px solid #ddd;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   margin: 15px 4px;
}
#form_r h2 {
   background-color: #464088;
   color: #fff;
   margin: 15px 0 0 0;
   padding: 3px 0;
   font-size: 130%;
   font-weight: normal;
}
#form_r .toph2 {
   margin: 10px 0 0 0;
}
#form_r .info {
   text-align: left;
}
#form_r .text_field,
#form_r .text_area {
   font-size: 100%;
   width: 362px;
   padding: 2px;
   margin: 2px 0;
   border: 2px #ddd solid;
}
#form_r .text_field_non_r {
   font-size: 100%;
   padding: 2px;
   margin: 2px 0;
   border: 2px #ddd solid;
}
#form_r .select_field {
   font-size: 100%;
   width: 370px;
   padding: 2px;
   border: 2px #ddd solid;
}
#form_r .text_area {
   height: 100px;
}
#form_r .label {
   font-weight: bold;
   color: #555;
   text-align: left;
   margin: 8px 0 2px 2px;
}
#form_r .button {
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   font-size: 120%;
   color: #fff;
   background-color: #464088;
   margin-top: 15px;
   padding: 12px 6px;
   border: 0;
   border-radius: 7px;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   width: 100%;
}
#form_r .button:hover {
   color: #333;
   background-color: #69c8ed;
}

#ums_form {
   margin: 0;
   padding: 0;
}
#ums_form .button {
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   font-size: 17px;
   color: #fff;
   background-color: #464088;
   padding: 4px 10px;
   border: 0;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}
#ums_form .button2 {
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #fff;
   background-color: #464088;
   padding: 2px 5px;
   border: 0;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}
#ums_form .button:hover,
#ums_form .button2:hover {
   color: #333;
   background-color: #69c8ed;
}
#ums_form table {
   background-color: #eee;
   padding: 10px;
   margin: 15px;
}
#ums_form th {
   padding: 3px 8px;
   font-weight: normal;
}
#ums_form td {
   padding: 3px 8px;
}
#ums_form .label {
   text-decoration: none;
   text-align: right;
   margin: 0;
   color: #333;
}
#ums_form .checkbox_label {
   text-decoration: none;
   text-align: right;
   font-weight: bold;
}
#ums_form .header {
   text-align: left;
   background-color: #333;
   padding: 3px 8px;
}
#ums_form .header p {
   color: #eee;
   font-size: 90%;
}
#ums_form p {
   color: #333;
   margin: 0 0 2px 0;
}
#ums_form a, #ums_form a:visited {
   color: #555;
}

#ums_index {
   margin: 0;
   padding: 10px 0;
}
#ums_index table {
   background-color: #eee;
   padding: 10px;
}
#ums_index th {
   background-color: #464088;
   padding: 3px 8px;
   font-weight: normal;
}
#ums_index td {
   border-bottom: 1px #464088 solid;
   padding: 4px 8px;
}
#ums_index .line {
   border-bottom: 1px #464088 solid;
}
#ums_index .noline {
   border-bottom: 0 #464088 solid;
}
#ums_index th p {
   color: #fff;
   font-size: 95%;
}
#ums_index p {
   font-size: 95%;
   margin-top: 0;
   margin-bottom: 0;
}
#ums_index a, #ums_index a:visited {
   color: #464088;
}
#ums_index a:hover {
   color: #464088;
}
#ums_html_text_area table {
   margin: 0;
   padding: 0;
   background-color: #f0f0ee;
}
#ums_html_text_area td {
   margin: 0;
   padding: 0;
   border: none;
}
#ums_html_text_area,
#ums_form .color,
#ums_form .text_field,
#ums_form .select_field,
#ums_form .text_area {
   border: 2px #464088 solid;
}
#ums_form .checkbox_label {
   font-weight: normal;

}
#ums_form .help_text {
  font-size: 70%;
}

#content .page_message {
   background-color: #f00;
   color: #fff;
   font-weight: bold;
   font-size: 110%;
   text-align: center;
   margin: 5px 0;
   padding: 1px 2px 3px 2px;
}
#content .field_message {
   background-color: #f00;
   color: #fff;
   font-size: 110%;
   text-align: center;
   margin: 0;
   padding: 1px 2px 3px 2px;
}

@media (min-width: 10px) {
   body {
      width: 100%;
   }
   #topnav_wrapper {
      display: inline-block;
   }
   #ninja-slider-wrapper {
      display: inline;
   }
   #topnav_min_wrapper, #logobar, #bottombar .mobile, #content .mobile {
      display: none;
   }
}

@media (max-width: 1400px) {
   #topnav a {
      padding: 44px 20px 0 20px;
   }
   #ninja-slider .text_box h2 {
      font-size: 225%;
   }
   #ninja-slider .text_box p {
      font-size: 120%;
   }
}
@media (max-width: 1200px) {
   #topnav a {
      padding: 44px 15px 0 15px;
   }
   #ninja-slider .overlay {
       left: -35%;
   }
   #ninja-slider .text_box h2 {
      font-size: 140%;
      margin: 20px 50% 5px 2%;
   }
   #ninja-slider .text_box p {
      font-size: 115%;
      line-height: 160%;
      margin: 0 50% 10px 2%;
   }
   #content h1 {
      font-size: 160%;
   }
   #topnav_outer .contactdetails {
      display: none;
   }
}
@media (max-width: 1000px) {
   #topnav_wrapper,
   #bottombar_outer,
   #footer_outer {
      background-color: #464088;
   }
   #page_wrapper, #topnav_wrapper {
      background-image: none;
   }
   #content .breadcrumb {
      display: none;
   }
   #content .item_details_wrapper, #content .item_details, #content .item_details_text, #content .item_details_images {
      display: block;
   }
   #content .item_details_images {
      width: 100%;
      margin-top: 20px;
      text-align: center;
   }
   #content .pb_fullwidthtext, #content .pb_imagelefttext, #content .pb_imagerighttext, #content .pb_admin, #content .pb_admin_inactive,
   #content .pb_width_limiter, #content .pb_text_wrapper, #content .pb_img_wrapper {
      display: block;
      vertical-align: top;
   }
   #content .pb_imagelefttext .pb_img_wrapper, #content .pb_imagerighttext .pb_img_wrapper {
      text-align: center;
      width: 100% !important;
   }
   #content .pb_imagelefttext img {
      margin: 0 auto 25px auto;
   }
   #content .pb_imagerighttext img {
      margin: 25px auto 0 auto;
   }
   #content .pb_imagelefttext img, #content .pb_imagerighttext img, #content .pb_fullwidthtext img {
      width: 100%; height: auto;
   }
}
@media (max-width: 900px) {
   #topnav_wrapper,
   #ninja-slider-wrapper {
      display: none;
   }
   #topnav_min_wrapper {
      display: inline-block;
   }
   #logobar {
      display: block;
   }
   #content {
      padding: 30px 2% 30px 2%;
   }
   #content .box {
      margin: 10px 1%;
   }
}
@media (max-width: 600px) {
   #bottombar .quicklinks, #bottombar .desktop, #content .desktop {
      display: none;
   }
   #bottombar .contact {
      float: none;;
      margin-right: 0;
   }
   #bottombar .contact h2, #bottombar .contact p {
      text-align: center;
   }
   #bottombar .mobile, #content .mobile {
      display: inline;
   }
}
/*
@media (max-width: 820px) {
   #content .img, #content .imgr, #content .imgl {
      display: block;
      vertical-align: top;
      float: none;
      margin: 25px auto 25px auto;
   }
}
*/
@media (max-width: 475px) {
  #form_r {
      width: 98%;
      border: 0;
      border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      -o-border-radius: 0;
      padding: 5px 0 20px 0;
      margin: 15px 0;
   }
   #form_r .text_field,
   #form_r .select_field,
   #form_r .text_area {
      width: 100%;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
   }
}

/* ************************************************************************************************************* */

/* Visit http://www.menucool.com/responsive-slider for instructions */


#ninja-slider {
    width:100%;
    max-width: 2000px;
    padding: 0!important;
    margin:129px auto -129px auto;
    overflow:hidden;
    box-sizing:border-box;
    background-position: bottom right;
    background-repeat: no-repeat;
}

#ninja-slider .slider-inner {
    /*max-width:720px;*/
    margin:0 auto;/*center-aligned */
    font-size:0px;
    position:relative;
    box-sizing:border-box;
}

#ninja-slider ul {
    position:relative;
    list-style:none;
    padding:0;
    box-sizing:border-box;
}

#ninja-slider li {
    width:100%;
    height:100%;
    top:0;
    left:0;
    position: absolute;
    font-size:12px;
    list-style:none;
    margin:0;
    padding:0;
    opacity:0;
    overflow:hidden;
    box-sizing:border-box;
}


#ninja-slider li.ns-show {
    opacity:1;
}


/* --------- slider image ------- */
#ninja-slider .ns-img {
    background-size:contain;/*Note: If transitionType is zoom, it will be overridden to cover.*/
    /*box-shadow: 0 1px 5px rgba(0,0,0,.8),inset 0 0 2px rgba(255,255,255,.4);*/
    cursor:default;
    display:none;
    position: absolute;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
}


/*---------- Captions -------------------*/

#ninja-slider .caption {
    font-size:10em;
    font-family: 'Bree Serif', sans-serif;
    position:absolute;
    width:100%;
    text-align:center;
    color:rgba(255,255,255,0.8);
    bottom:20%;
}
#ninja-slider li.ns-show .caption {
    /* 5s = (delay + transitionSpeed) set in the ninja-slider.js */
    -webkit-animation: titleAnimation 5s linear both;
    animation: titleAnimation 5s linear both;
}

#ninja-slider li.sl-0 .caption {
    /*delay caption animation for the initial slide*/
    -webkit-animation: none;
    animation: none;
    display:none;
}

@keyframes titleAnimation {
   0% { opacity:0; }
   10% { opacity:0;transform: translateY(-20%);}
   20% { opacity:1;transform: translateY(0%);}
   70% {opacity:1;transform: translateY(0%);}
   80% {opacity:0;transform: translateY(100%);}
   100% {opacity:0;transform: translateY(100%);}
}

@-webkit-keyframes titleAnimation {
   0% { opacity:0; }
   10% { opacity:0; -webkit-transform:translateY(-20%);}
   25% { opacity:1; -webkit-transform:translateY(0%);}
   70% {opacity:1; -webkit-transform:translateY(0%);}
   80% {opacity:0; -webkit-transform:translateY(100%);}
   100% {opacity:0; -webkit-transform:translateY(100%);}
}

/* ---------Arrow buttons ------- */
/* The arrow button id should be: slider id + ("-prev", "-next", and "-pause-play") */
/* Usually the ninja-slider.js will create the arrow buttons and pager(nav dots) automatically, unless you have added their markup manually to the HTML as this demo did.
   This demo has put them inside a DIV.navWrapper.
*/

div.navsWrapper {
    position:absolute;
    width:100px;
    height:50px;
    right:35px;
    bottom:5%;
    z-index:10;
}

#ninja-slider-prev, #ninja-slider-next
{
    position: absolute;
    display:none;
    width:50px;
    height:50px;
    line-height:52px;
    margin:0;
    backface-visibility:hidden;
    color:white;
    overflow:hidden;
    -webkit-user-select: none;
    user-select:none;
    font-family:sans-serif;
    font-size:14px;
    transition:all 0.5s;
    cursor:pointer;
}

#ninja-slider-prev {
    left:auto; right:50%;
   margin-right:-2px;
}

#ninja-slider-next {
    left:50%; right:auto;
}

#ninja-slider-prev:hover, #ninja-slider-next:hover {width:80px;background-color:rgba(0,0,0,0.6);}

/*pagination within the prev/next buttons*/
#ninja-slider-prev div, #ninja-slider-next div {white-space:nowrap;opacity:0;position:absolute;}
#ninja-slider-prev div {left:6px;}
#ninja-slider-next div {right:6px;}
#ninja-slider-prev:hover div, #ninja-slider-next:hover div {opacity:1;}
#ninja-slider-prev:hover.disabled, #ninja-slider-next:hover.disabled {opacity:0.1;cursor:default;}

/* arrows */
#ninja-slider-prev::before, #ninja-slider-next::before {
    position: absolute;
    top: 17px;
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    border-left: 4px solid white;
    border-top: 4px solid white;
    backface-visibility:hidden;
}

#ninja-slider-prev::before {
    -ms-transform:rotate(-45deg);/*IE 9*/
    -webkit-transform:rotate(-45deg);
    transform: rotate(-45deg);
    right:15px;
}

#ninja-slider-next::before {
    -ms-transform:rotate(135deg);/*IE 9*/
    -webkit-transform:rotate(135deg);
    transform: rotate(135deg);
    left:15px;
}


/*------ pager(nav bullets) ------*/
/* The pager id should be: slider id + "-pager" */
#ninja-slider-pager, #ninja-slider-pause-play { display:none;}


/*Responsive settings*/
@media only screen and (max-width:500px){

    #ninja-slider-prev, #ninja-slider-next, #ninja-slider-pager {
        display:none;
    }
}

@media only screen and (max-width:1100px){
    #ninja-slider .caption {
        font-size:7em;
    }
}

@media only screen and (max-width:700px){
    #ninja-slider .caption {
        font-size:3em;
    }
}

@media (min-width: 10px) {
   #ninja-slider .ns-img {
      display:block;
   }
   #ninja-slider-prev, #ninja-slider-next {
      display:inline-block;
   }
}