/* **************************************************************************************************** Theme Designed and Built by Made Simple Media, www.madesimplemedia.co.uk | (c)madesimplemedia.co.uk **************************************************************************************************** */ #topminus > p:nth-child(2) > a:nth-child(1) > img { margin-top: 79px!important; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block} body, html, img, table, code, pre, * {margin: 0; padding: 0; outline: 0} body {overflow-x: hidden } html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%} .site {overflow-x: hidden} .site img {border: 0; width:auto\9; -ms-interpolation-mode: bicubic; max-width: 100%!important; height: auto} .site table {border-collapse: collapse; border-spacing: 0} .site .clear {clear: both} .site hr {border: 0; border-bottom: 6px solid #e6e6e6; clear: both; margin: 20px; height: 6px; color: #e6e6e6} .site figure {margin: 0; text-align:center} .site hgroup {text-align:center} .site img.ccm-image-block {height: auto!important; display: block} .site .nomargin, .site .nomargin * {margin: 0!important} .site blockquote {margin-left: 22px; padding: 5px 0 5px 25px; background: url('/packages/vision/themes/vision/images/quote.png') 0 22px no-repeat} .site table {margin: 20px; font-size: 14px; line-height: 1.6} .site table tr td {padding: 2px 20px 2px 7px} .site table tr td p {margin:0} .site table tr.even td {background: #f3f3f3} .site table tr.odd td {background: #e9e9e9} .site table.formBlockSurveyTable tr.even td, .site table.formBlockSurveyTable tr.odd td, .site .nostripe table tr.even td, .site .nostripe table tr.odd td {background: none} .site .center, .site .centre {text-align: center} .site .center img, .site .centre img {display: block; margin-left: auto!important; margin-right: auto!important} ::-moz-selection {background: none repeat scroll 0 0 #eee; color: #000} .site pre, .site code {font-family: "Lucida Console", Monaco, monospace} .site .spacer5 {height: 5px} .site .spacer10 {height: 10px} .site .spacer15 {height: 15px} .site .spacer20 {height: 20px} .site .spacer25 {height: 25px} .site .spacer30 {height: 30px} .site .spacer35 {height: 35px} .site .spacer40 {height: 40px} .site .spacer45 {height: 45px} .site .spacer50 {height: 50px} .site .spacer55 {height: 55px} .site .spacer60 {height: 60px} .site .spacer65 {height: 65px} .site .spacer70 {height: 70px} .site .spacer75 {height: 75px} .site .spacer80 {height: 80px} .site .spacer85 {height: 85px} .site .spacer90 {height: 90px} .site .spacer95 {height: 95px} .site .spacer100 {height: 100px} /* Forms ***********************************************************************************************************************/ /* Submit message */ .site .extendedFormSurveyView #msg { background: #ff5a00; border: 1px solid #ff5a00; color: #fff; font-size: 15px; font-weight: bold; margin: 8px; text-align:center } /* Forms */ .site form {} .site form .formBlockSurveyTable {margin: 25px 30px; padding: 0 0 20px 0; overflow: hidden} .site form .formBlockSurveyCell {} .site form h4, .site form .formBlockSurveyCell.line h4 {margin: 0; font-size: 22px} .site form .formBlockSurveyCell.question {padding-right: 0; min-width: 140px; width: auto} .site form label {display: block; min-width: 140px} .site textarea, .site input[type="text"], .site select, .site form form textarea, .site form input[type="text"], .site form select, .site form input[type="email"], .site form .formBlockSurveyCell textarea, .site .formBlockSurveyCell input[type="text"], .site .formBlockSurveyCell select { float: left; width: 160px!important; padding: 5px; background: #dedede; height: auto; border: 0px solid #888; margin-left: 1px; } input.ccm-search-block-submit{ background-color: #75c3b9; border: 0px; width: 23px; height: 23px; margin-left: 3px; background-image: url(/packages/vision/themes/vision/images/searchicon.jpg); background-position: left top; background-repeat: no-repeat; } .site form .selectedField {background: #dedede!important;} .site .formBlockSubmitButton {border: 0; width: 200px; height: 42px; padding: 0; font-size: 15px; text-align: center; color: #ddd!important; background: #111!important; text-transform: uppercase; cursor: pointer; margin: 10px 0 0 0;} .site .formBlockSubmitButton:hover {color: #fff!important} /* C5 standard forms */ .site table.formBlockSurveyTable td {float: left} .site table.formBlockSurveyTable td:first-child {min-width: 140px} /* Media Query Screen Width Overlay ***********************************************************************************************************************/ body:after { content: "less than 320px"; font-size: 200%; font-weight: bold; position: fixed; bottom: 30px; left: 0; width: 100%; text-align: center; background-color: hsla(1,90%,40%,0.3); color: #000; } /* Comment/uncomment this to enabe/disable the overlay */ body:after { content: "" !important; } /* Base (Larger Screens) 990px and Over ***********************************************************************************************************************/ body:after {content: "Base 1000px and Over";} .site div.container {width: 1000px; margin: 0 auto; overflow: hidden; position: relative; z-index: 2} /* Header */ .site div#top {height: 149px; overflow: visible; position: relative; z-index: 4} .site div.site-logo {float: left;} .site div.head-content {float: right; padding: 35px 20px 0 0} /* Main Nav */ .site div.nav-outer {position: absolute; z-index: 7; left: 0; top: 0; width:100%; min-height: 30px; margin-top: -49px;} .site div.nav-container {margin-top: 0px; overflow: visible} .site div.nav-inner {min-height: 54px; color: #444; margin: 0; padding-left: 502px;} .site div#nav {height: 54px; margin: 0;} .site div#nav div#inner-nav {display: block} .site div#nav ul {margin: 0; padding: 0} .site div#nav ul li {margin: 0; padding: 0; display: block; float: left; list-style: none outside; background: none; position: relative; z-index: 8} .site div#nav ul li a {display: block; height: 54px; line-height: 54px; font-size: 16px; font-family: 'Khand', sans-serif; color: #58585a; padding: 0; margin: 0 0 0 11px; text-transform:uppercase; text-decoration: none; border:0} .site div#nav .ccm-block ul li a {margin-left: 24px; margin-right: 24px} /* Nav link spacing edit mode */ .site div#nav ul li a:hover {color: #eca344} .site div#nav ul li a.nav-path-selected {color: #eca344} .site a#pull {display: none} .site div#nav ul ul {position:absolute; left: 0; top: 100%; z-index: 9; margin: -15px 0 0 12px; padding: 10px 0 0 0; background: url('/packages/vision/themes/vision/images/drop-nav.png') 25px 0 no-repeat; display: none} .site div#nav ul ul li {background: none; float: none; width: 250px; padding: 0; } .site div#nav ul ul li a {display: block; position: relative; z-index: 7; margin: 0; padding: 8px 10px 8px 15px; height: auto; line-height: 1.3; border: 0; font-size: 15px; background: #ddd; opacity: 0.95;} .site div#nav ul ul li:first-child a {padding-top: 12px} .site div#nav ul ul li:last-child a {padding-bottom: 12px} .site div#nav ul ul li a:hover, .site div#nav ul ul li a.nav-path-selected {background: #58585a; color: #fff} .site div#nav ul ul ul {left: 100%; top: 0; margin: 0; padding: 0 0 0 15px; z-index: 4; background: url('/packages/vision/themes/vision/images/drop-nav-sub.png') 5px 10px no-repeat;} /* Logo */ .site div.site-logo {overflow: hidden} .site div.site-logo img.ccm-image-block {margin: 0; display: block} /* Cols */ .site div.full-width-col {clear: both; width: 100%; position:relative; z-index:4; min-height: 54px} /* Header Images */ .site div.full-width-col img {min-width: 1200px} .site div.left-col {float: left; overflow: hidden} .site div.right-col {float: right; overflow: hidden} /* Two Col */ .site div.one-col {float: left; width: 100%; overflow: hidden} .site .two-col div.left-col, .site .two-col div.right-col {width: 50%;} /* Three Col */ .site .three-col div.centre-col {float: left; overflow: hidden; margin-left: 5px} .site .three-col div.left-col, .site .three-col div.centre-col, .site .three-col div.right-col {width: 33%;} /* Four Col */ .site .four-col div.centre-left-col {float: left; overflow: hidden} .site .four-col div.centre-right-col {float: left; overflow: hidden} .site .four-col div.left-col, .site .four-col div.centre-left-col, .site .four-col div.centre-right-col, .site .four-col div.right-col {width: 25%;} /* Left Sidebar */ .site .left-sidebar div.left-col {width: 250px} .site .left-sidebar div.right-col {width: 710px} /* Right Sidebar */ .site .right-sidebar div.left-col {width: 710px} .site .right-sidebar div.right-col {width: 250px} /* News Page */ .site .news-page div.left-col {width: 710px} .site .news-page div.right-col {width: 250px} /* News Article */ .site .news-article div.left-col {width: 710px} .site .news-article div.right-col {width: 250px} /* Footer */ .site div#footer-full {background: #111; color: #fff; margin: 4px 0 0 0;} .site div.footer-nav, .site div#footer {overflow: hidden; padding: 20px 0} .site a.scrollTop {float: left; padding: 0 0 0 25px; margin: 45px 0 0 15px; color: #fff; background: url('/packages/vision/themes/vision/images/top.png') 0 50% no-repeat} .site a.scrollTop:hover {color: #ddd} .site div#footer-nav ul {overflow: hidden; margin: 45px 15px 0 0; padding: 0; text-align: right} .site div#footer-nav ul li {margin: 0; padding: 0; display: inline; list-style: none outside; background: none; border-left: 1px solid #555} .site div#footer-nav ul li:first-child {border: 0} .site div#footer-nav a {line-height: 20px; color: #fff; text-decoration: none; border: 0; padding: 0 20px} .site div#footer-nav a:hover {color: #ddd} .site div#footer {color: #888; padding-bottom: 80px} .site div#footer p {} .site div#footer a {border: 0; color: #888} .site div#footer a:hover {color: #fff} /* Breadcrumbs (swp_breadcrumbs) */ .site .swp-breadcrumbs {font-size: 13px; margin: 25px 15px 15px 15px} .site .swp-breadcrumbs a {} .site .swp-breadcrumbs strong {font-weight: normal; color: #888} .site .swp-breadcrumbs .delim {padding: 0 10px; background: url(/packages/vision/themes/vision/images/breadcrumbs/delim.png) 50% 50% no-repeat} /* Powerslider Lite */ .site .powerSliderShell {z-index:2} .site .powerSliderShell, .site .powerSliderPagination, .site .powerSliderContainer {margin: 0 auto; width: 990px!important;} .site .powerSliderContainer {overflow: visible!important} .site .powerSliderShell a.powerSlide {width: 2000px!important; border: none} .site .powerSliderShell img {width: 2000px!important; margin-left: -25%} .site .powerSliderShell, .site .powerSliderContainer, .site .powerSliderShell a.powerSlide, .site .powerSliderShell img {height:555px!important} .site .powerSliderPagination {z-index: 8!important} .site .powerSliderPagination a {background: #111; color: #111; padding: 0 8px; margin: 0 3px; border: 0; font-size: 13px; line-height:1.5; border: 1px solid #fff} .site .powerSliderPagination a:hover {background: #444; color: #444; border: 1px solid #fff} .site .powerSliderPagination a.activeSlide {background: #fff; color: #fff; border-color: #000} .site .powerSliderNext, .site .powerSliderPrev {z-index: 7!important; width: 76px; height: 70px; background: url('/packages/vision/themes/vision/images/fader/arrows.png') 0 0 no-repeat} .site .powerSliderNext {background-position: 100% 0} /* Captions */ .site .powerSlide .largeText, .site .powerSlide .smallText {background: none; text-shadow: none; left: 20px; width: 500px; line-height: 1.2; padding:0} .powerSlide .largeText {bottom: 300px} .powerSlide .smallText {bottom: 270px} /* Sortable Fancybox Gallery */ .site .sortable_fancybox_gallery_container { width: 100%; margin: 25px 15px} .site .sortable_fancybox_gallery_image {padding: 0} .site .sortable_fancybox_gallery_image img {display: block; } .site .sortable_fancybox_gallery_image a {display: block; margin: 0 20px 0 0} /* Galleria (Asmillier) Gallery */ .site #asmillerGallery_main {height:auto!important} .site #asmillerGallery_spacer {display:none} .site .asmillerGalleryBlock {margin: 0 auto} .site .asmillerGalleria_wrapper {display: block} .site ul#asmillerGallery {margin-top: 10px!important} .site ul#asmillerGallery li {width: 150px!important; height: 60px!important} .site img.asmillerGalleria_thumb {display: block; margin-left: 0!important; width: 150px!important; height: 60px!important} .site .asmillerGalleria_caption {margin: 0; padding: 0; line-height: 3} /* News Page */ .site .news-page .ccm-page-list {margin: 20px 15px} .site .news-page div.ccm-pagination {margin: 30px 15px 20px 15px} .site .news-page div.ccm-page-list-description {padding-bottom: 10px; margin-bottom: 10px} /* News Articles */ .site .news-article .ccm-page-list {margin-top: 50px} .site .news-article .ccm-page-list-description {display: none} /* Contact Us Styles */ .site p.address, .site p.tel, .site p.fax {padding-left: 30px; background-position: 0 3px; background-repeat: no-repeat} .site p.address {background-image: url('/packages/vision/themes/vision/images/icon-address.png')} .site p.tel {background-image: url('/packages/vision/themes/vision/images/icon-tel.png')} .site p.fax {background-image: url('/packages/vision/themes/vision/images/icon-fax.png')} #HTMLBlock910 > iframe {height: 467px;} /* Tablet (Portrait) 768px ***********************************************************************************************************************/ @media only screen and (min-width: 768px) and (max-width: 959px) { body:after {content: "768 to 959px Tablet Portrait";} #mobilearea {display: block!important;} .ccm-layout-table .ccm-layout-col{ float: none!important; width: 100%!important; } .onmobile {display: block!important; } .notonmobile { display: none!important; } a.pronav_btn_navbar.pronav_btn_navbar164 { margin: 7px 200px 5px 0; } body {background: none!important;} .justify {text-align: left!important;} h1 {line-height: 28px!important;} #search {display: none!important;} .site div.container {width: 300px} #top-full {display: none!important} #title {width: 100%!important;} p {font-size: 16px!important; line-height: 24px!important;} .full-width-col {display: none!important} #mobileheaderimage { clear: both; width: 100%; height: 210px; background-image: url(/packages/vision/themes/vision/images/mobhead.jpg); background-position: center top; background-repeat: no-repeat; background-size: 1375px 210px; } #mobilemenu { width: 100%; height: 42px; width: 100%; background-image: url(/packages/vision/themes/vision/images/menubg.jpg); background-position: center top; background-repeat: no-repeat; position: relative; z-index: 3000; background-size: 1375px 42px; } #buttondiv {display: none!important;} #strapmobile { width: 100%; height: 43px; background-image: url(/packages/vision/themes/vision/images/strapmobile.png); background-position: center top; background-repeat: no-repeat; background-size: 1375px 43px; } #mobilebuttons{ clear: both; width: 320px; margin: 30px auto; } #title{ margin-top: 0px!important } .strappad {display: none!important } #sffooter { display: none!important; } #mobfootarea {display: block!important; margin-top: 40px; } #mobfoottop {height: 180px; width: 100%; background-image: url(/packages/vision/themes/vision/images/footertopbg.png); background-position: center top; background-repeat: no-repeat; background-size: 1375px 180px; } #mobfootbottom {width: 100%; height: 210px; background-image: url(/packages/vision/themes/vision/images/jackbgmob.png); background-position: center top; background-repeat: no-repeat; } #centreicons { width: 139px; margin: 0 auto; } .mobtoppad1 { padding-top: 22px; } .mobtoppad2 { padding-top: 24px; } .site div.container {width: 620px} .site .cellspacer {height: 215px} /* Header */ .site div.site-logo {width: 230px;} /* Nav */ .site div#nav div#inner-nav {display: block} .site div#nav ul li a {font-size: 15px; margin: 0 17px; padding: 0} .site div#nav .ccm-block ul li a {margin-left: 9px; margin-right: 9px} /* Nav link spacing edit mode */ .site div#nav ul ul li {width: 220px} .site div#nav ul ul li a {font-size: 14px} .site div#nav ul ul {margin-left: 15px} /* Cols */ /* Two Column */ .site .two-col div.left-col, .site .two-col div.right-col {width: 48%} /* Left Sidebar */ .site .left-sidebar div.left-col {width: 200px} .site .left-sidebar div.right-col {width: 560px} /* Right Sidebar */ .site .right-sidebar div.left-col {width: 560px} .site .right-sidebar div.right-col {width: 200px} /* News Page */ .site .news-page div.left-col {width: 560px} .site .news-page div.right-col {width: 200px} /* News Article */ .site .news-article div.left-col {width: 560px} .site .news-article div.right-col {width: 200px} /* Footer */ .site div#footer-nav a {line-height: 20px; color: #fff; text-decoration: none; border: 0; padding: 0 13px} /* Breadcrumbs (swp_breadcrumbs) */ .site .swp-breadcrumbs {font-size: 12px} /* Powerslider Lite */ .site .powerSliderShell, .site .powerSliderPagination, .site .powerSliderContainer {margin: 0 auto; width: 768px!important} .site .powerSliderShell a.powerSlide {width: 1441px!important;} .site .powerSliderShell img {width: 1441px!important; margin-left: -25%} .site .powerSliderShell, .site .powerSliderContainer, .site .powerSliderShell a.powerSlide, .site .powerSliderShell img {height:400px!important} .site .powerSliderNext, .site .powerSliderPrev {bottom: 180px!important} .site .powerSlide .largeText, .site .powerSlide .smallText {width: 400px} #mobilebuttons{ clear: both; width: 650px; margin-left: 65px; } #mobilebuttons > p:nth-child(2) > a:nth-child(1) > img {margin-left: 10px; margin-top: 0px !important;} #mobilebuttons > p:nth-child(2) > a:nth-child(2) > img {margin-top: 0px !important} } /* Mobile (Landscape) 480px ***********************************************************************************************************************/ @media only screen and (min-width: 480px) and (max-width: 767px) { body:after {content: "480px Mobile Landscape";} .ccm-layout-table .ccm-layout-col{ float: none!important; width: 100%!important; } #mobilearea {display: block!important;} .onmobile {display: block!important; } .notonmobile { display: none!important; } a.pronav_btn_navbar.pronav_btn_navbar164 { margin: 7px 150px 5px 0; } body {background: none!important;} .justify {text-align: left!important;} h1 {line-height: 28px!important;} #search {display: none!important;} .site div.container {width: 300px} #top-full {display: none!important} #title {width: 100%!important;} p {font-size: 16px!important; line-height: 24px!important;} .full-width-col {display: none!important} #mobileheaderimage { clear: both; width: 100%; height: 210px; background-image: url(/packages/vision/themes/vision/images/mobhead.jpg); background-position: center top; background-repeat: no-repeat; background-size: 1375px 210px; } #mobilemenu { width: 100%; height: 42px; width: 100%; background-image: url(/packages/vision/themes/vision/images/menubg.jpg); background-position: center top; background-repeat: no-repeat; position: relative; z-index: 3000; background-size: 1375px 42px; } #buttondiv {display: none!important;} #strapmobile { width: 100%; height: 43px; background-image: url(/packages/vision/themes/vision/images/strapmobile.png); background-position: center top; background-repeat: no-repeat; background-size: 1375px 43px; } #mobilebuttons{ clear: both; width: 320px; margin: 30px auto; } #title{ margin-top: 0px!important } .strappad {display: none!important } #sffooter { display: none!important; } #mobfootarea {display: block!important; margin-top: 40px; } #mobfoottop {height: 180px; width: 100%; background-image: url(/packages/vision/themes/vision/images/footertopbg.png); background-position: center top; background-repeat: no-repeat; background-size: 1375px 180px; } #mobfootbottom {width: 100%; height: 210px; background-image: url(/packages/vision/themes/vision/images/jackbgmob.png); background-position: center top; background-repeat: no-repeat; } #centreicons { width: 139px; margin: 0 auto; } .mobtoppad1 { padding-top: 22px; } .mobtoppad2 { padding-top: 24px; } .site div.container {width: 580px;} .site .cellspacer {height: 139px} /* Forms */ .site table.formBlockSurveyTable td {float: none} /* Header */ .site div#top {height: 110px} .site div.site-logo {display: block; width: 229px} /* Main Nav */ .site div#nav ul li a {padding: 0 10px} /* Mobile Nav */ .site div#nav {height: auto; float: right; position: relative; z-index: 8; margin: 0; width: 100%} .site div#nav div#inner-nav {display: none} .site div#nav ul {position: absolute; width: 100%; padding: 0; background: #3a3a3a; z-index:9; right: 0} .site div#nav ul li {float: none; width: 100%; margin: 0; padding: 0; background: none} .site div#nav ul li a {width: 100%; padding: 0; text-indent: 20px; height: 37px; line-height: 37px; margin:0; font-size: 15px; color: #eaeaea} .site div#nav ul li:first-child a {padding-top: 5px;} .site div#nav ul li:last-child a {padding-bottom: 5px;} .site div#nav ul li a:hover, .site div#nav ul li a.nav-path-selected {background: #444; color: #fff} /* Sub Menus (Dropdowns) */ .site div#nav ul ul {position: relative; left: 0; top: 0; z-index: 9; margin: 0; padding: 0; box-shadow: none; background: #2c2c2c} .site div#nav ul ul li {margin: 0; padding: 0; width: 100%} .site div#nav ul ul li a {width: 100%; padding: 0; height: 35px; line-height: 35px; margin:0; text-indent: 28px; font-size: 14px; background: none} .site div#nav ul ul li:first-child a {padding-top: 5px;} .site div#nav ul ul li:last-child a {padding-bottom: 5px;} .site div#nav ul ul li a:hover, .site div#nav ul ul li a.nav-path-selected {background: #393939; color: #fff} /* Sub Sub Menus (Dropdowns) */ .site div#nav ul ul ul {position: relative; left: 0; top: 0; z-index: 9; margin: 0; padding: 0; box-shadow: none; background: #1f1f1f} .site div#nav ul ul ul li {margin: 0; padding: 0; width: 100%} .site div#nav ul ul ul li a {width: 100%; padding: 0; height: 35px; line-height: 35px; margin:0; text-indent: 36px; font-size: 14px} .site div#nav ul ul ul li:first-child a {padding-top: 5px;} .site div#nav ul ul ul li:last-child a {padding-bottom: 5px;} .site div#nav ul ul ul li a:hover, .site div#nav ul ul ul li a.nav-path-selected {background: #2c2c2c; color: #fff} .site a#pull { display: block; background: url('/packages/vision/themes/vision/images/mobile-nav.png') 100% 0 no-repeat; width: 100%; padding: 0; font-size: 14px; text-transform: uppercase; text-align: left; text-indent: 20px; color: #fff; line-height: 54px; height: 54px; text-decoration: none; border: none; z-index: 9 } .site a#pull.active {background-position: 100% 100%} /* Cols */ /* Two Column */ .site .two-col div.left-col, .site .two-col div.right-col {width: 100%} /* Three Col */ .site .three-col div.centre-col {float: left; overflow: hidden; margin-left: 0} .site .three-col div.left-col, .site .three-col div.centre-col, .site .three-col div.right-col {width: 100%;} /* Four Col */ .site .four-col div.centre-left-col {} .site .four-col div.centre-right-col {} .site .four-col div.left-col, .site .four-col div.centre-left-col, .site .four-col div.centre-right-col, .site .four-col div.right-col {width: 50%} /* Left Sidebar */ .site .left-sidebar div.left-col {width: 100%} .site .left-sidebar div.right-col {width: 100%} /* Right Sidebar */ .site .right-sidebar div.left-col {width: 100%} .site .right-sidebar div.right-col {width: 100%} /* News Page */ .site .news-page div.left-col {width: 100%} .site .news-page div.right-col {width: 100%} /* News Article */ .site .news-article div.left-col {width: 100%} .site .news-article div.right-col {width: 100%} /* Footer */ .site div.footer p {text-align: center} .site div#footer-nav {display:none} /* Breadcrumbs (swp_breadcrumbs) */ .site .swp-breadcrumbs {display: none} /* Powerslider Lite */ .site .powerSliderShell, .site .powerSliderPagination, .site .powerSliderContainer {margin: 0 auto; width: 480px!important} .site .powerSliderShell a.powerSlide {width: 1081px!important;} .site .powerSliderShell img {width: 1081px!important; margin-left: -25%} .site .powerSliderShell, .site .powerSliderContainer, .site .powerSliderShell a.powerSlide, .site .powerSliderShell img {height:300px!important} .site .powerSliderNext, .site .powerSliderPrev {bottom: 135px!important} .site .powerSliderPagination {bottom: 30px!important; z-index: 8!important} .site .powerSliderNext, .site .powerSliderPrev {display: none} .site .powerSlide .largeText, .site .powerSlide .smallText {width: 300px} /* Sortable Fancybox Gallery */ .site .sortable_fancybox_gallery_image {padding: 0; width: 100%!important; text-align:center; margin-bottom: 10px } .site .sortable_fancybox_gallery_image img {margin: 0 auto} .site .sortable_fancybox_gallery_image a {border-bottom:0} } /* Mobile (Portrait) 320px ***********************************************************************************************************************/ @media only screen and (max-width: 480px) { .ccm-layout-table .ccm-layout-col{ float: none!important; width: 100%!important; } body:after {content: "320px Mobile Portrait";} .onmobile {display: block!important; } #mobilearea {display: block!important;} .notonmobile { display: none!important; } body {background: none!important;} .justify {text-align: left!important;} h1 {line-height: 28px!important;} #search {display: none!important;} .site div.container {width: 300px} #top-full {display: none!important} #title {width: 100%!important;} p {font-size: 16px!important; line-height: 24px!important;} .full-width-col {display: none!important} #mobileheaderimage { clear: both; width: 100%; height: 210px; background-image: url(/packages/vision/themes/vision/images/mobhead.jpg); background-position: center top; background-repeat: no-repeat; background-size: 1375px 210px; } #mobilemenu { width: 100%; height: 42px; width: 100%; background-image: url(/packages/vision/themes/vision/images/menubg.jpg); background-position: center top; background-repeat: no-repeat; position: relative; z-index: 3000; background-size: 1375px 42px; } #buttondiv {display: none!important;} #strapmobile { width: 100%; height: 43px; background-image: url(/packages/vision/themes/vision/images/strapmobile.png); background-position: center top; background-repeat: no-repeat; background-size: 1375px 43px; } #mobilebuttons{ clear: both; width: 320px; margin: 30px auto; } #title{ margin-top: 0px!important } .strappad {display: none!important } #sffooter { display: none!important; } #mobfootarea {display: block!important; margin-top: 40px; } #mobfoottop {height: 180px; width: 100%; background-image: url(/packages/vision/themes/vision/images/footertopbg.png); background-position: center top; background-repeat: no-repeat; background-size: 1375px 180px; } #mobfootbottom {width: 100%; height: 210px; background-image: url(/packages/vision/themes/vision/images/jackbgmob.png); background-position: center top; background-repeat: no-repeat; } #centreicons { width: 139px; margin: 0 auto; } .mobtoppad1 { padding-top: 22px; } .mobtoppad2 { padding-top: 24px; } .site table tr td {padding-right: 10px} /* Forms */ .site form .formBlockSurveyTable {margin: 15px 20px} /* Header */ .site div#top {height: 110px} .site div.site-logo {display: block; width: 229px} .site div.head-content {display: none} /* Main Nav */ .site div#nav ul li a {padding: 0 10px} /* Mobile Nav */ .site div#nav {height: auto; float: right; position: relative; z-index: 8; margin: 0; width: 100%} .site div#nav div#inner-nav {display: none} .site div#nav ul {position: absolute; width: 100%; padding: 0; background: #3a3a3a; z-index:9; right: 0} .site div#nav ul li {float: none; width: 100%; margin: 0; padding: 0; background: none} .site div#nav ul li a {width: 100%; padding: 0; text-indent: 20px; height: 37px; line-height: 37px; margin:0; font-size: 15px; color: #eaeaea} .site div#nav ul li:first-child a {padding-top: 5px;} .site div#nav ul li:last-child a {padding-bottom: 5px;} .site div#nav ul li a:hover, .site div#nav ul li a.nav-path-selected {background: #444; color: #fff} /* Sub Menus (Dropdowns) */ .site div#nav ul ul {position: relative; left: 0; top: 0; z-index: 9; margin: 0; padding: 0; box-shadow: none; background: #2c2c2c} .site div#nav ul ul li {margin: 0; padding: 0; width: 100%} .site div#nav ul ul li a {width: 100%; padding: 0; height: 35px; line-height: 35px; margin:0; text-indent: 28px; font-size: 14px; background: none} .site div#nav ul ul li:first-child a {padding-top: 5px;} .site div#nav ul ul li:last-child a {padding-bottom: 5px;} .site div#nav ul ul li a:hover, .site div#nav ul ul li a.nav-path-selected {background: #393939; color: #fff} /* Sub Sub Menus (Dropdowns) */ .site div#nav ul ul ul {position: relative; left: 0; top: 0; z-index: 9; margin: 0; padding: 0; box-shadow: none; background: #1f1f1f} .site div#nav ul ul ul li {margin: 0; padding: 0; width: 100%} .site div#nav ul ul ul li a {width: 100%; padding: 0; height: 35px; line-height: 35px; margin:0; text-indent: 36px; font-size: 14px} .site div#nav ul ul ul li:first-child a {padding-top: 5px;} .site div#nav ul ul ul li:last-child a {padding-bottom: 5px;} .site div#nav ul ul ul li a:hover, .site div#nav ul ul ul li a.nav-path-selected {background: #2c2c2c; color: #fff} .site a#pull { display: block; background: url('/packages/vision/themes/vision/images/mobile-nav.png') 100% 0 no-repeat; width: 100%; padding: 0; font-size: 14px; text-transform: uppercase; text-align: left; text-indent: 20px; color: #fff; line-height: 54px; height: 54px; text-decoration: none; border: none; z-index: 9 } .site a#pull.active {background-position: 100% 100%} /* Cols */ /* Two Column */ .site .two-col div.left-col, .site .two-col div.right-col {width: 100%} /* Three Col */ .site .three-col div.centre-col {float: left; overflow: hidden; margin-left: 0} .site .three-col div.left-col, .site .three-col div.centre-col, .site .three-col div.right-col {width: 100%;} /* Four Col */ .site .four-col div.centre-left-col {} .site .four-col div.centre-right-col {} .site .four-col div.left-col, .site .four-col div.centre-left-col, .site .four-col div.centre-right-col, .site .four-col div.right-col {width: 50%} /* Left Sidebar */ .site .left-sidebar div.left-col {width: 100%} .site .left-sidebar div.right-col {width: 100%} /* Right Sidebar */ .site .right-sidebar div.left-col {width: 100%} .site .right-sidebar div.right-col {width: 100%} /* News Page */ .site .news-page div.left-col {width: 100%} .site .news-page div.right-col {width: 100%} /* News Article */ .site .news-article div.left-col {width: 100%} .site .news-article div.right-col {width: 100%} /* Footer */ .site div.footer p {text-align: center} .site div#footer-nav {display:none} .site div.footer-nav ul li:last-child a {padding-right: 0} /* Breadcrumbs (swp_breadcrumbs) */ .site .swp-breadcrumbs {display: none} /* Powerslider Lite */ .site .powerSliderShell, .site .powerSliderPagination, .site .powerSliderContainer {margin: 0 auto; width: 300px!important} .site .powerSliderShell a.powerSlide {width: 1081px!important;} .site .powerSliderShell img {width: 1081px!important; margin-left: -35%} .site .powerSliderShell, .site .powerSliderContainer, .site .powerSliderShell a.powerSlide, .site .powerSliderShell img {height:300px!important} .site .powerSliderNext, .site .powerSliderPrev {bottom: 135px!important} .site .powerSliderPagination {bottom: 30px!important} .site .powerSliderNext, .site .powerSliderPrev {display: none} .site .powerSlide .largeText, .site .powerSlide .smallText {width: 260px} /* Sortable Fancybox Gallery */ .site .sortable_fancybox_gallery_image {padding: 0; width: 100%!important; text-align:center; margin-bottom: 10px } .site .sortable_fancybox_gallery_image img {margin: 0 auto} .site .sortable_fancybox_gallery_image a {border-bottom:0} } #top-full{ width: 100%; height: 164px; background-image: url(/packages/vision/themes/vision/images/topbg.jpg); background-position: center top; background-repeat: no-repeat; margin-top: 7px; } #top-wrap{ width: 1000px; margin: auto; } #top-left{ width: 375px; height: 164px; float: left; } #top-right{ width: 625px; height: 164px; float: left; } #slideshow{ clear: both; width: 100%; position: relative; text-align: center!important; margin-top: 49px; z-index: 1!important;} #topminus{ margin-top: -67px!important; overflow: visible; float: left;} #buttondiv{ clear: both; width: 1000px; margin: 0 auto; z-index: 1000!important; position: relative;} #title{ float: left; width: 80%; margin-top: 65px;} #search{ float: left; width: 20%; margin-top: 53px; } #text{ clear: both; width: 100%; padding-top: 22px; } .strappad {clear: both; padding: 53px 0; } #sffooter { width:100%; height: 317px; margin-top: 0px; background-image: url(/packages/vision/themes/vision/images/footerbg.jpg); background-position: center top; background-repeat: no-repeat; } #footwrap { width: 1000px; margin: 0 auto; height: 317px; } #foot1 { width: 258px; float: left; color: #fff; line-height: 18px; font-size: 14px; padding-top: 53px; } #foot2 { width: 467px; float: left; color: #fff; line-height: 22px; font-size: 14px; padding-top: 54px; } #foot3 { width: 275px; float: left; color: #fff; line-height: 22px; font-size: 14px; padding-top: 54px; text-align: right; } #foot1 a:link { text-decoration: none!important; } #foot1 a:hover { text-decoration: none!important; } #foot1 a:visited { text-decoration: none!important; } .designby { margin-top: 69px; } .linkpad { margin-top: 75px; } .cw { margin-top: 65px; } #mobilearea { display: none; } #mobfootarea { display: none; } .onmobile {display: none; } div.ccm-page-list-description { margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px solid #ccc; } .buttonpad12 { margin-right: 15px!important; }