/* ----------------------------------------------*/
/* 01 - Grid Structure
/* ----------------------------------------------*/
html{
	min-height:100%;
}


.row-fluid [class*="span"] {
	min-height: 0;
}

.xtc-wrapper {
	max-width:1280px;
	margin:0 auto;
}

.xtc-fluidwrapper {
	margin:0 auto;
}

.xtc-wrapperpad {
	max-width:1280px;
	margin:0 auto;
}

/* ----------------------------------------------*/
/* 02 - Body
/* ----------------------------------------------*/
body.frontpage,body.innerpage.nosticky {
	margin-top:0px;
}

body.innerpage {
	margin-top:116px;
}

/* ----------------------------------------------*/
/* 03 - Header
/* ----------------------------------------------*/
#headertop {
	padding-left:0px;
	padding-right:0px;
	padding-top:6px;
	padding-bottom:3px;
}

#headertop_inner {
	max-width:1280px;
	margin:0 auto;
}

#headerwrap .xtc-wrapperpad {
	width:auto;
	margin:0 auto;
}


#headerwrap.stickyscroll #header,body.innerpage #header  {
	margin:0 auto;
}



#header {
	position:relative;
	max-width:1280px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin:0 auto;
}

#header.row-fluid{
	width:auto;
}

#topleft {
	float:left;
	margin-left:6px;
}

#topright {
	float:right;
	margin-right:20px;
}

#top {
	float:left;
	padding-top:24px;
}

/* ----Sticky Header ----------------------*/
body.nosticky #headerwrap{
	z-index: 9999999;
	position:relative;
}

body.sticky #headerwrap {
	position:fixed;
	top: 0;
	z-index: 9999999;
	width:100%;
}

#headerwrap.stickyscroll {
	z-index: 99999;
	display:block;
}

#headerwrap.stickyscroll #head-top {
	float:left;
	width:200px;
	margin-top:8px;
	margin-left:10%;
}

#headerwrap.stickyscroll .stickyhide {
	display:none;
}

.frontpage #headerwrap #header {
	opacity:0;
}

.frontpage #headerwrap.stickyscroll #header,.frontpage #headerwrap.nosticky #header,.frontpage #headerwrap #header:hover {
	opacity:1;
}

.innerpage #headerwrap #header {
	opacity:1;
}

/* ----------------------------------------------*/
/* 04 - Logo
/* ----------------------------------------------*/
#logo {
	float:left;
}

#headerwrap.stickyscroll #logo{
	display:block;
}

/* ----------------------------------------------*/
/* 05 - Menus Structure
/* ----------------------------------------------*/
#menuwrap.xtc-wrapper{
	max-width:1280px;
}

#menuwrap {
  float:right;
  margin-top:8px;
  padding-left:0
}

.suckerfish ul.menu > li > ul,.dualfish ul.menu > li > ul {
  margin-left:0
}

#menuwrap .suckerfish ul.menu > li ul li ul {
  margin:-32px 0 0 175px;
  min-width:150px
}

#menuwrap .dualfish ul.menu > li ul li ul {
  margin:-0 0 0 220px;
  min-width:100px;
  padding:6px 12px 12px;
  z-index:99999989
}

#header ul.menu > li > a,#header ul.menu > li.active > a,#header ul.menu > li:hover > a,span.separator {
  text-align:center;
  position:relative;
  display:inline-block;
  letter-spacing:1px
}

#header ul.menu > li.parent:hover > a {
  text-align:center;
  position:relative;
  display:inline-block
}

#menuwrap ul.menu li.parent > ul > li,#menuwrap .dualfish ul.menu ul > li {
  display:block;
  border-bottom:1px solid #fff;
  padding:12px 5px
}

#menuwrap ul.menu li.parent > ul > li:last-child {
  border-bottom:0 solid #fff
}

#menuwrap .dualfish ul.menu li.parent > ul > li:last-child {
  border-bottom:1px solid #fff
}

#menuwrap ul.menu li.parent > ul {
  text-align:center;
  margin-top:31px
}

#menuright1,#menuright2,#menuright1 .module,#menuright2 .module {
  float:right;
  padding-top:5px;
  margin:0
}

/* Suckerfish - Dualfish Common CSS */
.suckerfish ul.menu,.dualfish ul.menu {
  margin:0;
  padding:0
}

.suckerfish ul.menu ul,.dualfish ul.menu ul {
  visibility:hidden;
  overflow:hidden;
  position:absolute
}

.suckerfish ul.menu ul:hover,.dualfish ul.menu ul:hover {
  overflow:visible
}

.suckerfish ul.menu > li,.dualfish ul.menu > li {
  display:inline-block;
  text-transform:uppercase;
  padding:17px 16px
}

.suckerfish ul.menu > li > a,.dualfish ul.menu > li > a,.suckerfish ul.menu > ul > li > a,.dualfish ul.menu > ul > li > a {
  display:block
}

.dualfish ul.menu li a > span,.suckerfish ul.menu li a > span,.suckerfish ul.menu li a span.xmenu,.dualfish ul.menu li a span.xmenu {
  padding:0
}

.suckerfish ul.menu li a img,.dualfish ul.menu li a img {
  padding:0;
  float:left
}

.suckerfish ul.menu li.xtcHover > ul,.dualfish ul.menu li.xtcHover > ul,.suckerfish ul.menu li > ul:hover,.dualfish ul.menu li > ul:hover {
  visibility:visible
}

.suckerfish ul.menu > li > ul li > ul,.dualfish ul.menu > li > ul li > ul {
  visibility:hidden
}

.suckerfish ul.menu li ul li.xtcHover a,.dualfish ul.menu li ul li.xtcHover a,.suckerfish ul.menu > li > ul > li > a:hover,.dualfish ul.menu > li > ul > li > a:hover,.dualfish ul.menu > li > ul li a,.suckerfish ul.menu > li > ul li a,.dualfish ul.menu > li > ul li.active a,.suckerfish ul.menu > li > ul li.active a {
  line-height:120%;
  padding:12px 0 10px 9px
}

.suckerfish ul.menu > li > ul > li:hover > a,.dualfish ul.menu > li > ul > li:hover > a {
  position:relative
}

.suckerfish ul.menu li a > span.image-title,.dualfish ul.menu li a > span.image-title {
  margin:0 0 0 56px;
  padding:12px 0 0;
  display:block
}

/* Suckerfish */
#menuwrap ul.menu li.parent > ul,#menuwrap ul.menu li.parent > ul > li {
  display:block
}

#menuwrap .suckerfish ul.menu > li ul li {
  min-width:170px
}

/* .dualfish */
#menuwrap .dualfish ul.menu > li > ul {
  width:370px;
  padding:8px 8px 14px 0
}

#menuwrap .dualfish ul.menu > li > ul > li {
  width:150px;
  margin:0;
  position:relative;
  float:left;
  margin-left:16px
}

#menuwrap .dualfish ul.menu > li > ul > li > ul {
  left:-50px;
  width:200px;
  margin-top:-40px
}

#menuwrap .dualfish ul.menu > li > ul > li > ul > li > ul {
  left:-15px;
  width:200px;
  margin-top:-38px
}

/* X-Menu */
.xmenu {
  text-transform:none;
  letter-spacing:0;
  font-size:11px
}

#header .menu ul .xmenu {
  line-height:11px
}

#header span.xmenu {
  padding-top:4px;
  margin-bottom:0;
  line-height:85%
}

ul.imgmenu {
  width:100%;
  display:table;
  float:right
}

ul.imgmenu li {
  display:table-cell
}

ul.imgmenu li:first-child {
  padding-left:0
}

ul.imgmenu img {
  float:left;
  padding:0 12px 0 0;
  width:3em
}

ul.imgmenu span.image-title {
  float:left;
  font-size:1em;
  display:inline-block;
  line-height:133%
}

/* Side Menu */
ul.iconside {
  padding:0;
  margin:0
}

.iconside ul {
  padding:0 0 0 12px;
  margin:0
}

.iconside {
  padding:0
}

.iconside li {
  display:block;
  padding:0;
  margin-bottom:6px;
  border-bottom:1px solid #fff
}

.iconside li a {
  display:block;
  position:relative
}

.side_title {
  font-size:16px;
  margin:8px 0;
  display:block
}

.iconside li:hover .ca-main {
  color:#2676ac
}

.iconside li img {
  opacity:.5;
  margin:0 auto;
  width:44px
}

.iconside li:hover img {
  opacity:1
}


/* Icon Side Menu */
.xtc-iconsidemob {
  display:none
}

/* Top Menu */
ul.menutop li {
  list-style-type:none!important;
  display:inline;
  padding-right:12px
}

ul.menutop li:last-child {
  padding-right:0
}

ul.menutop li a {
  color:rgba(255,255,255,0.75);
  font-size:12px;
  font-weight:400
}

ul.menutop li::after {
  content:"|";
  padding-left:12px;
  color:rgba(255,255,255,0.75)
}

ul.menutop li:last-child::after {
  content:"";
  padding-left:0
}

/* Footer Menu */
ul.menufooter {
  margin:0 auto;
  text-align:center
}

ul.menufooter li {
  list-style-type:none!important;
  display:inline;
  padding-right:12px
}

ul.menufooter li:last-child {
  padding-right:0
}

ul.menufooter li a {
  color:rgba(255,255,255,0.75);
  font-size:14px;
  font-weight:400
}

ul.menufooter li::after {
  content:"|";
  padding-left:12px;
  color:rgba(255,255,255,0.75)
}

ul.menufooter li:last-child::after {
  content:"";
  padding-left:0
}

ul.menufooter li::after {
  content:"|"
}

/* Mobile Menu */
.xtcmobilemenu {
  float:left
}

.mobile-menu {
  padding-bottom:20px
}

.mobile-menu select.menu.xtcmobilemenu {
  max-width:100%;
  width:100%;
  min-width:1%;
  border-color:#ddd
}

/*Bottom Menu */
ul.menubottom {
  padding-left:0;
  margin-left:0
}

.menubottom a {
  font-size:12px;
  color:#333
}

.menubottom li {
  padding-bottom:6px;
  margin-bottom:6px;
  list-style:none inside none;
  border-bottom:1px solid #ebebeb
}

/*Side Menu */
ul.menuside {
  padding-left:0;
  margin-left:0
}

.menuside a {
  font-size:14px;
  color:#333
}

.menuside li {
  padding-bottom:6px;
  margin-bottom:6px;
  list-style:none inside none;
  border-bottom:1px solid #ebebeb
}

/* ----------------------------------------------*/
/* 06 - Grid Regions
/* ----------------------------------------------*/
/* Global Region Settings */
#region1.row-fluid,#region2.row-fluid,#region3.row-fluid,#region4.row-fluid,#region5.row-fluid,#region6.row-fluid,#region7.row-fluid,#region8.row-fluid,#region9.row-fluid,#region10.row-fluid,#region11.row-fluid,#region12.row-fluid {
	width:auto;
}

/* Region Padding */
.xtc-spacer {
	margin-bottom:3.727865px;
}

.xtc-gutter {
	padding:0px;
}

.xtc-gutter2 {
	padding:45px 0px 50px;
}

.xtc-gutter3 {
	padding:0 0px;
}

.r1spacer_top,.r2spacer_top,.r3spacer_top,.r4spacer_top,.r5spacer_top,.r6spacer_top,.r7spacer_top,.r8spacer_top,.r9spacer_top,.r10spacer_top,.r11spacer_top,.r12spacer_top {
	padding:0;
}
	
/* ----Region1---------------------------*/
#region1wrap .xtc-wrapper {
	padding:120px 30px;
}

#region1.xtc-fluidwrapper {
	padding:120px 30px; 
}

/* ----Region2---------------------------*/
#region2wrap .xtc-wrapper {
	padding:80px 30px;
}

#region2.xtc-fluidwrapper {
	padding:80px 30px;
}

/* ----Region3---------------------------*/
#region3wrap .xtc-wrapper {
	padding:10px 30px 0px 50px;
}

#region3.xtc-fluidwrapper {
	padding:10px 30px 0px 50px;
}

#component {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	margin-bottom:40px;
}

body.frontpage #region3.xtc-fluidwrapper ,body.frontpage #region3wrap .xtc-wrapper {
	padding-bottom:0px;
}

#newsflash,#banner,#pathway {
	padding-right:0px;
	padding-left:0px;
	margin-bottom:30px;
}

#breadcrumbs .modulecontent {
	padding-right:0px;
	padding-left:0px;
	margin-bottom:30px;
}

/* ----Region4---------------------------*/
#region4wrap .xtc-wrapper {
	padding:0px 30px 90px 30px;
}

#region4.xtc-fluidwrapper {
	padding:0px 30px 90px 30px;
}

/* ----Region5---------------------------*/
#region5wrap .xtc-wrapper {
	padding:60px 30px;
}

#region5.xtc-fluidwrapper {
	padding:60px 30px;
}

/* ----Region6---------------------------*/
#region6wrap .xtc-wrapper {
	padding:90px 30px 60px 30px;
}

#region6.xtc-fluidwrapper {
	padding:90px 30px 60px 30px;
}

/* ----Region7---------------------------*/
#region7wrap .xtc-wrapper {
	padding:0px 30px;
}

#region7.xtc-fluidwrapper {
	padding:0px 30px;
}
/* ----Region8---------------------------*/
#region8wrap .xtc-wrapper {
	padding:100px 30px;
}

#region8.xtc-fluidwrapper {
	padding:100px 30px;
}

/* ----Region9---------------------------*/
#region9wrap .xtc-wrapper {
	padding:60px 30px;
}

#region9.xtc-fluidwrapper {
	padding:60px 30px;
}

/* ----Region10---------------------------*/
#region10wrap .xtc-wrapper {
	padding:100px 30px;
}

#region10.xtc-fluidwrapper {
	padding:100px 30px;
}

/* ----Region11---------------------------*/
#region11wrap .xtc-wrapper {
	padding:100px 30px;
}

#region11.xtc-fluidwrapper {
	padding:100px 30px;
}

/* ----Region12---------------------------*/
#region12wrap .xtc-wrapper {
	padding:100px 30px;
}

#region12.xtc-fluidwrapper {
	padding:100px 30px;
}


/* Footer */
#footerwrap .xtc-wrapperpad {
	padding:20px 0;
}

#footerwrap .xtc-wrapper {
	padding:20px 0;
}

#footer.xtc-fluidwrapper {
	padding:20px 0;
}

/* ----------------------------------------------*/
/* 07 - Module Structure
/* ----------------------------------------------*/
.module{
	margin:0 0 26px  0;
}

.lastarea .module {
    margin-bottom:0
}

/* Leftside Fixed Module */
#leftside {
    z-index:9999;
/* Keep the item above all other elements on the page */
    position:fixed;
    width:auto;
    height:100%;
    top:40%;
/* Vertical position of the elements */
    left:-20px;
/* Horizontal position of the elements */
}

/* ----------------------------------------------*/
/* 08 - Mobile Structure
/* ----------------------------------------------*/
body.mobile .mobilepad {
    padding:0
}

body.mobile .mobile > div:first-child {
    padding:0
}

body.mobile #mobilewrap {
    float:right;
    width:80%
}

body.mobile .module {
    margin:0
}

body.mobile h3.moduletitle,body.mobile .modulecontent {
    border-right:none
}

body.mobile #footerwrap {
    min-width:100%
}

body.mobile span.itemImage img {
    max-width:100%;
    width:auto;
}

body.mobile #mobilewrap .lg > div:first-child,body.mobile #mobilewrap .lg > div:first-child + div {
    float:none;
    width:100%
}

body.mobile #mobilewrap .lg a {
    line-height:16px;
}

#xtc-mobilesitewrap #menu {
    float:none
}

.xtc-iconsidemob select[multiple],.xtc-iconsidemob select[size] {
    width:100%
}

#component.mobilecomponent.clearfix {
    padding:0 12px;
    margin-top:20px
}

.morewrap td.firstcol > div {
    text-align:right
}

.morewrap td.centercol > div {
    text-align:left
}

.area_map table {
    table-layout:fixed
}

/* ----------------------------------------------*/
/* 09 - Responsive Parameters
/* ----------------------------------------------*/
@media(max-width: 0px ){
#region1 {
	display:none;
}
}

@media(max-width: 0px ){
#region2 {
	display:none;
}
}

@media(max-width: 0px ){
#region3 {
	display:none;
}
}

@media(max-width: 0px ){
#region4 {
		display:none;
}
}

@media(max-width: 0px ){
#region5 {
		display:none;
}
}

@media(max-width: 0px ){
#region6 {
		display:none;
}
}

@media(max-width: 0px ){
#region7 {
		display:none;
}
}

@media(max-width: 0px ){
#region8 {
		display:none;
}
}

@media(max-width: 0px ){
#region9 {
		display:none;
}
}

@media(max-width: 0px ){
#region10 {
		display:none;
}
}

@media(max-width: 0px ){
#region11 {
	display:none;
}
}

@media(max-width: 0px ){
#region12 {
	display:none;
}
}

@media(max-width: 900px ){
.frontpage #headerwrap #header {
	opacity:1;
}

#header {
	margin:0px;
}

/* Region1 Padding Overrride */
#region1.xtc-fluidwrapper {
  padding:140px 30px 30px
}

#menu .xtcdefaultmenu {
	display:none;
}

#menu .mobilebtn {
	display:block;
	width:30px;
	height:30px;
	float:right;
}

.mobilebtn select {
	display:block;
	background:none;
	border:none;
	font-size:16px;
	height:30px;
	width:30px;
	opacity:0;
} 

SELECT.menu.suckerfish.xtcmobilemenu,SELECT.menu.dualfish.xtcmobilemenu {
	display:block;
}

#menuwrap {
	margin:8px 30px 0 0;
}
}

@media(max-width: 900px ){
.mobileshow {
	display:block!important;
}

.mobilefloat li {
	display:inline-block;
}
	
ul.mobilefloat{
	margin:0px auto;
	text-align:center;
}
.mobilecenter {
	text-align:center;
}
}
@media(max-width: 900px ){
.mobilehide {
	display:none;
	margin:0px;
	padding:0px;
	height:0px;
}
}