#stacks_in_47849 .stacks_left { float:left; width:49%; } #stacks_in_47849 .stacks_right { float:right; width:49%; } #stacks_in_7778 { padding: 40px 50px 0px 0px; } #stacks_in_7779 { display:inline-block; width:100%; line-height: 1.120000em; font-size: 147%; } #stacks_in_47858 { padding: 40px 50px 0px 200px; } #stacks_in_47859 { display:inline-block; width:100%; line-height: 1.120000em; } #stacks_in_7788 { margin: 0px 60px 0px 0px; padding: 80px 0px 0px 30px; } #stacks_in_7766 .stacks_left { float:left; width:32%; } #stacks_in_7766 .stacks_right { float:right; width:32%; } #stacks_in_7766 .stacks_middle { position:relative; margin:0 auto; width:32%; } #stacks_in_7766 { padding: 100px 0px 0px 0px; } #stacks_in_7780 { padding: 0px 0px 0px 180px; } #stacks_in_7784 { padding: 0px 0px 0px 200px; } #stacks_in_7782 { padding: 0px 0px 0px 160px; } /* Tabulous v1.2.7 Copyright @2010-2012 Joe Workman */ #stacks_in_7933 .coda-slider-wrapper,.coda-slider-wrapper-in,.coda-slider,.coda-nav-left,.panel,.panel-wrapper,.panel_out,.coda-nav-right{padding:0;margin:0}#stacks_in_7933 .panel_title_stacks_in_7933{display:none}#stacks_in_7933 .coda-nav ul,.coda-nav li{padding:0!important;margin:0!important}#stacks_in_7933 .coda-slider-wrapper-in{width:99%}#stacks_in_7933 .coda-slider-wrapper{padding:20px 0}#stacks_in_7933 .coda-slider-wrapper_no_shadow:before,#stacks_in_7933 .coda-slider-wrapper_no_shadow:after{position:absolute;z-index:1;width:50%;height:20%;content:"";background:rgba(0,0,0,0.7)}#stacks_in_7933 .coda-slider-wrapper_no_shadow:after{right:15px;left:auto}#stacks_in_7933 .coda-slider-wrapper_no_shadow:before{right:auto;left:10px}#stacks_in_7933 .coda-slider{z-index:2;background-color:transparent}#stacks_in_7933 .coda-slider.nav-wrapper{padding-bottom:52px}#stacks_in_7933 .coda-slider,#stacks_in_7933 .coda-slider .panel{width:100%}#stacks_in_7933 .coda-nav ul li a.current{background:#758068;color:#FFFFFF}#stacks_in_7933 .coda-slider .panel-wrapper{padding:20px}#stacks_in_7933 .coda-slider p.loading{display:none}#stacks_in_7933 .coda-nav{width:100%;margin:0;padding:0}#stacks_in_7933 .coda-nav ul{clear:both;display:block;overflow:visible;margin:auto;white-space:nowrap}#stacks_in_7933 .coda-nav ul li{display:inline}#stacks_in_7933 .coda-nav ul li a{font-size:18px;text-align:center;background:#000000;color:#E2D5AF;display:block;float:left;margin-right:1px;padding:3px 6px;text-decoration:none}#stacks_in_7933 .coda-nav ul li:last-child a{margin-right:0}#stacks_in_7933 .coda-slider-wrapper{clear:both;overflow:auto}#stacks_in_7933 .coda-slider{float:left;overflow:hidden;position:relative}#stacks_in_7933 .coda-slider .panel{display:block;float:left}#stacks_in_7933 .coda-slider .panel-container{position:relative}#stacks_in_7933 .top_tabs .coda-nav ul li:first-child a{-webkit-border-top-left-radius:8px;-moz-border-radius-topleft:8px;border-top-left-radius:8px}#stacks_in_7933 .top_tabs .coda-nav ul li:last-child a{-webkit-border-top-right-radius:8px;-moz-border-radius-topright:8px;border-top-right-radius:8px}#stacks_in_7933 .top_tabs .coda-slider{behavior:url(/PIE.htc);-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;-moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;border-radius:0 0 8px 8px}#stacks_in_7933 .top_tabs_no_shadow:before{margin:3px;-webkit-box-shadow:2px 15px 10px rgba(0,0,0,0.4);-moz-box-shadow:2px 15px 10px rgba(0,0,0,0.4);box-shadow:2px 15px 10px rgba(0,0,0,0.4);bottom:35px}#stacks_in_7933 .top_tabs_no_shadow:after{margin:3px;-webkit-box-shadow:-5px 15px 10px rgba(0,0,0,0.4);-moz-box-shadow:-5px 15px 10px rgba(0,0,0,0.4);box-shadow:-5px 15px 10px rgba(0,0,0,0.4);bottom:35px}#stacks_in_7933 .top_tabs_no_shadow:after{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg)}#stacks_in_7933 .top_tabs_no_shadow:before{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg)}#stacks_in_7933 .bottom_tabs .coda-nav ul li:first-child a{-webkit-border-bottom-left-radius:8px;-moz-border-radius-bottomleft:8px;border-bottom-left-radius:8px}#stacks_in_7933 .bottom_tabs .coda-nav ul li:last-child a{-webkit-border-bottom-right-radius:8px;-moz-border-radius-bottomright:8px;border-bottom-right-radius:8px}#stacks_in_7933 .bottom_tabs .coda-slider{behavior:url(/PIE.htc);-webkit-border-top-right-radius:8px;-webkit-border-top-left-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-topleft:8px;border-top-right-radius:8px 8px 0 0}#stacks_in_7933 .bottom_tabs_no_shadow:before{-webkit-box-shadow:2px -15px 10px rgba(0,0,0,0.7);-moz-box-shadow:2px -15px 10px rgba(0,0,0,0.7);box-shadow:2px -15px 10px rgba(0,0,0,0.7);top:40px}#stacks_in_7933 .bottom_tabs_no_shadow:after{-webkit-box-shadow:-5px -15px 10px rgba(0,0,0,0.7);-moz-box-shadow:-5px -15px 10px rgba(0,0,0,0.7);box-shadow:-5px -15px 10px rgba(0,0,0,0.7);top:40px}#stacks_in_7933 .bottom_tabs_no_shadow:after{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg)}#stacks_in_7933 .bottom_tabs_no_shadow:before{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg)}#stacks_in_7933 .no_tabs .coda-slider{behavior:url(/PIE.htc);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px} #stacks_in_7933 .coda-nav-left,#stacks_in_7933 .coda-nav-right{display:block;position:absolute;z-index:100;font-size:14px;font-weight:bold;text-shadow:0 -1px 1px rgba(0,0,0,0.25);font-family:Helvetica Neue,"Arial",Helvetica,Verdana,sans-serif}#stacks_in_7933 .coda-nav-left{bottom:15px;left:15px}#stacks_in_7933 .coda-nav-right{bottom:15px;right:15px}#stacks_in_7933 .coda-nav-left a,#stacks_in_7933 .coda-nav-right a{width:100%;color:#E2D5AF;text-decoration:none}#stacks_in_7933 .coda-nav-left,#stacks_in_7933 .coda-nav-right{float:left}#stacks_in_7933 .coda-nav-left a,#stacks_in_7933 .coda-nav-right a{z-index:100;display:block;text-align:center;text-decoration:none} #stacks_in_7933 { padding: 50px 0px 0px 0px; } #stacks_in_8622 { padding: 30px 0px 0px 0px; } /* This is topbox13 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_7866 { cursor: pointer; } #shade13 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade13.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade13.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade13.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade13 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade13.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade13.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade13.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade13.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade13.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_7866:hover, .topbox:hover { cursor: pointer !important; } #topBox13 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox13, #topBox13::before, #topBox13::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_7866 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_7866 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_7866 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_7866 .topBoxVideo iframe, #topBoxContentstacks_in_7866 .topBoxVideo object, #topBoxContentstacks_in_7866 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose13 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose13 [class^="icon-"] { color: #FFFFFF; } #topBoxClose13:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose13 .topBoxCloseInner, #topBoxClose13 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive13 #topBoxClose13, .topBoxActive13 #topBoxNext13, .topBoxActive13 #topBoxPrev13 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_7866, #shade13, #topBoxClose13, #topBoxNext13, #topBoxPrev13 { display: none !important; } #topBox13 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_7866 { padding: 40px 0px 0px 0px; } #stacks_in_8083 { padding: 30px 0px 0px 280px; } #stacks_in_8180 .stacks_left { float:left; width:35%; } #stacks_in_8180 .stacks_right { float:right; width:35%; } #stacks_in_8180 .stacks_middle { position:relative; margin:0 auto; width:26%; } #stacks_in_8180 { padding: 30px 0px 0px 0px; } #stacks_in_8123 { padding: 0px 0px 0px 80px; } #stacks_in_8124 { font-size: 81%; } #stacks_in_8140 { font-size: 80%; } #stacks_in_8156 { font-size: 81%; } /* This is topbox14 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_7903 { cursor: pointer; } #shade14 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade14.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade14.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade14.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade14 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade14.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade14.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade14.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade14.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade14.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_7903:hover, .topbox:hover { cursor: pointer !important; } #topBox14 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox14, #topBox14::before, #topBox14::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_7903 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_7903 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_7903 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_7903 .topBoxVideo iframe, #topBoxContentstacks_in_7903 .topBoxVideo object, #topBoxContentstacks_in_7903 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose14 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose14 [class^="icon-"] { color: #FFFFFF; } #topBoxClose14:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose14 .topBoxCloseInner, #topBoxClose14 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive14 #topBoxClose14, .topBoxActive14 #topBoxNext14, .topBoxActive14 #topBoxPrev14 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_7903, #shade14, #topBoxClose14, #topBoxNext14, #topBoxPrev14 { display: none !important; } #topBox14 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_7903 { padding: 30px 0px 0px 0px; } #stacks_in_8209 .stacks_left { float:left; width:49%; } #stacks_in_8209 .stacks_right { float:right; width:49%; } #stacks_in_8218 { padding: 30px 0px 0px 0px; } #stacks_in_8220 { padding: 100px 70px 80px 40px; } #stacks_in_8017 { padding: 30px 0px 0px 0px; } #stacks_in_8008 .stacks_left { float:left; width:49%; } #stacks_in_8008 .stacks_right { float:right; width:49%; } #stacks_in_8008 { padding: 30px 0px 0px 0px; } /* This is topbox15 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_7985 { cursor: pointer; } #shade15 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade15.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade15.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade15.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade15 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade15.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade15.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade15.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade15.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade15.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_7985:hover, .topbox:hover { cursor: pointer !important; } #topBox15 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox15, #topBox15::before, #topBox15::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_7985 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_7985 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_7985 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_7985 .topBoxVideo iframe, #topBoxContentstacks_in_7985 .topBoxVideo object, #topBoxContentstacks_in_7985 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose15 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose15 [class^="icon-"] { color: #FFFFFF; } #topBoxClose15:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose15 .topBoxCloseInner, #topBoxClose15 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive15 #topBoxClose15, .topBoxActive15 #topBoxNext15, .topBoxActive15 #topBoxPrev15 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_7985, #shade15, #topBoxClose15, #topBoxNext15, #topBoxPrev15 { display: none !important; } #topBox15 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_7985 { padding: 30px 0px 0px 0px; } #stacks_in_7877 { padding: 80px 0px 0px 80px; } /* This is topbox16 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_8060 { cursor: pointer; } #shade16 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade16.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade16.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade16.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade16 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade16.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade16.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade16.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade16.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade16.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_8060:hover, .topbox:hover { cursor: pointer !important; } #topBox16 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox16, #topBox16::before, #topBox16::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_8060 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_8060 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_8060 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_8060 .topBoxVideo iframe, #topBoxContentstacks_in_8060 .topBoxVideo object, #topBoxContentstacks_in_8060 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose16 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose16 [class^="icon-"] { color: #FFFFFF; } #topBoxClose16:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose16 .topBoxCloseInner, #topBoxClose16 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive16 #topBoxClose16, .topBoxActive16 #topBoxNext16, .topBoxActive16 #topBoxPrev16 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_8060, #shade16, #topBoxClose16, #topBoxNext16, #topBoxPrev16 { display: none !important; } #topBox16 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_8060 { padding: 30px 0px 0px 0px; } #stacks_in_7879 { padding: 80px 0px 0px 80px; } #stacks_in_8601 { padding: 30px 0px 0px 0px; } .stacks_left { float:left; } .stacks_row { overflow:hidden; margin:0 auto; } #stacks_in_8232 .stacks_left { width:380px; } #stacks_in_8232 .stacks_row { width:1140px; } #stacks_in_8239 { padding: 30px 0px 0px 0px; } #stacks_in_8279 { padding: 30px 0px 0px 50px; } /* This is topbox17 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_8150 { cursor: pointer; } #shade17 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade17.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade17.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade17.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade17 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade17.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade17.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade17.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade17.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade17.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_8150:hover, .topbox:hover { cursor: pointer !important; } #topBox17 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox17, #topBox17::before, #topBox17::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_8150 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_8150 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_8150 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_8150 .topBoxVideo iframe, #topBoxContentstacks_in_8150 .topBoxVideo object, #topBoxContentstacks_in_8150 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose17 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose17 [class^="icon-"] { color: #FFFFFF; } #topBoxClose17:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose17 .topBoxCloseInner, #topBoxClose17 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive17 #topBoxClose17, .topBoxActive17 #topBoxNext17, .topBoxActive17 #topBoxPrev17 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_8150, #shade17, #topBoxClose17, #topBoxNext17, #topBoxPrev17 { display: none !important; } #topBox17 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_8165 { padding: 30px 0px 0px 0px; } #stacks_in_8173 { padding: 30px 0px 0px 0px; } #stacks_in_8281 { padding: 30px 0px 0px 50px; } /* This is topbox18 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_8093 { cursor: pointer; } #shade18 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade18.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade18.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade18.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade18 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade18.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade18.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade18.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade18.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade18.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_8093:hover, .topbox:hover { cursor: pointer !important; } #topBox18 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox18, #topBox18::before, #topBox18::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_8093 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_8093 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_8093 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_8093 .topBoxVideo iframe, #topBoxContentstacks_in_8093 .topBoxVideo object, #topBoxContentstacks_in_8093 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose18 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose18 [class^="icon-"] { color: #FFFFFF; } #topBoxClose18:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose18 .topBoxCloseInner, #topBoxClose18 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive18 #topBoxClose18, .topBoxActive18 #topBoxNext18, .topBoxActive18 #topBoxPrev18 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_8093, #shade18, #topBoxClose18, #topBoxNext18, #topBoxPrev18 { display: none !important; } #topBox18 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_8114 { padding: 30px 0px 0px 0px; } #stacks_in_8106 { padding: 30px 0px 0px 0px; } #stacks_in_8283 { padding: 30px 0px 0px 50px; } #stacks_in_8267 { padding: 30px 0px 0px 0px; } #stacks_in_8319 { padding: 30px 0px 0px 50px; } #stacks_in_8265 { padding: 30px 0px 0px 0px; } /* This is topbox19 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_8201 { cursor: pointer; } #shade19 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade19.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade19.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade19.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade19 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade19.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade19.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade19.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade19.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade19.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_8201:hover, .topbox:hover { cursor: pointer !important; } #topBox19 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox19, #topBox19::before, #topBox19::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_8201 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_8201 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_8201 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_8201 .topBoxVideo iframe, #topBoxContentstacks_in_8201 .topBoxVideo object, #topBoxContentstacks_in_8201 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose19 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose19 [class^="icon-"] { color: #FFFFFF; } #topBoxClose19:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose19 .topBoxCloseInner, #topBoxClose19 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive19 #topBoxClose19, .topBoxActive19 #topBoxNext19, .topBoxActive19 #topBoxPrev19 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_8201, #shade19, #topBoxClose19, #topBoxNext19, #topBoxPrev19 { display: none !important; } #topBox19 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_8229 { padding: 30px 0px 0px 0px; } #stacks_in_8217 { padding: 30px 0px 0px 0px; } #stacks_in_8379 { padding: 30px 0px 0px 50px; } #stacks_in_8259 { padding: 30px 0px 0px 0px; } #stacks_in_8327 { padding: 30px 0px 0px 50px; } #stacks_in_8371 { padding: 30px 0px 0px 20px; } #stacks_in_8425 { padding: 30px 0px 0px 50px; } /* This is topbox20 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_8346 { cursor: pointer; } #shade20 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade20.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade20.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade20.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade20 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade20.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade20.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade20.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade20.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade20.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_8346:hover, .topbox:hover { cursor: pointer !important; } #topBox20 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox20, #topBox20::before, #topBox20::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_8346 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_8346 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_8346 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_8346 .topBoxVideo iframe, #topBoxContentstacks_in_8346 .topBoxVideo object, #topBoxContentstacks_in_8346 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose20 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose20 [class^="icon-"] { color: #FFFFFF; } #topBoxClose20:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose20 .topBoxCloseInner, #topBoxClose20 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive20 #topBoxClose20, .topBoxActive20 #topBoxNext20, .topBoxActive20 #topBoxPrev20 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_8346, #shade20, #topBoxClose20, #topBoxNext20, #topBoxPrev20 { display: none !important; } #topBox20 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_8346 { padding: 0px 0px 0px 20px; } #stacks_in_8391 { padding: 30px 0px 0px 0px; } #stacks_in_8401 { padding: 30px 0px 0px 0px; } #stacks_in_8387 { padding: 30px 0px 0px 50px; } #stacks_in_8269 { padding: 30px 0px 0px 0px; } #stacks_in_8335 { padding: 30px 0px 0px 50px; } #stacks_in_8275 { padding: 30px 0px 0px 0px; } /* This is topbox21 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_8441 { cursor: pointer; } #shade21 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade21.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade21.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade21.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade21 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade21.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade21.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade21.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade21.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade21.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_8441:hover, .topbox:hover { cursor: pointer !important; } #topBox21 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox21, #topBox21::before, #topBox21::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_8441 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_8441 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_8441 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_8441 .topBoxVideo iframe, #topBoxContentstacks_in_8441 .topBoxVideo object, #topBoxContentstacks_in_8441 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose21 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose21 [class^="icon-"] { color: #FFFFFF; } #topBoxClose21:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose21 .topBoxCloseInner, #topBoxClose21 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive21 #topBoxClose21, .topBoxActive21 #topBoxNext21, .topBoxActive21 #topBoxPrev21 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_8441, #shade21, #topBoxClose21, #topBoxNext21, #topBoxPrev21 { display: none !important; } #topBox21 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_8456 { padding: 30px 0px 0px 0px; } #stacks_in_8464 { padding: 30px 0px 0px 0px; } #stacks_in_8395 { padding: 30px 0px 0px 50px; } #stacks_in_8243 { padding: 30px 0px 0px 0px; } #stacks_in_8343 { padding: 30px 0px 0px 50px; } #stacks_in_8273 { padding: 30px 0px 0px 0px; } #stacks_in_8272 { padding: 30px 0px 0px 50px; } /* This is topbox22 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_8488 { cursor: pointer; } #shade22 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade22.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade22.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade22.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade22 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade22.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade22.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade22.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade22.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade22.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_8488:hover, .topbox:hover { cursor: pointer !important; } #topBox22 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox22, #topBox22::before, #topBox22::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_8488 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_8488 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_8488 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_8488 .topBoxVideo iframe, #topBoxContentstacks_in_8488 .topBoxVideo object, #topBoxContentstacks_in_8488 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose22 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose22 [class^="icon-"] { color: #FFFFFF; } #topBoxClose22:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose22 .topBoxCloseInner, #topBoxClose22 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive22 #topBoxClose22, .topBoxActive22 #topBoxNext22, .topBoxActive22 #topBoxPrev22 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_8488, #shade22, #topBoxClose22, #topBoxNext22, #topBoxPrev22 { display: none !important; } #topBox22 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_8509 { padding: 30px 0px 0px 0px; } #stacks_in_8501 { padding: 30px 0px 0px 0px; } #stacks_in_8403 { padding: 30px 0px 0px 50px; } .stacks_left { float:left; } .stacks_row { overflow:hidden; margin:0 auto; } #stacks_in_8285 .stacks_left { width:380px; } #stacks_in_8285 .stacks_row { width:1140px; } #stacks_in_8299 { padding: 30px 0px 0px 0px; } #stacks_in_8351 { padding: 30px 0px 0px 50px; } #stacks_in_8365 { padding: 30px 0px 0px 0px; } #stacks_in_8306 { padding: 30px 0px 0px 50px; } /* This is topbox23 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_8533 { cursor: pointer; } #shade23 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade23.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade23.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade23.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade23 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade23.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade23.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade23.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade23.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade23.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_8533:hover, .topbox:hover { cursor: pointer !important; } #topBox23 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox23, #topBox23::before, #topBox23::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_8533 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_8533 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_8533 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_8533 .topBoxVideo iframe, #topBoxContentstacks_in_8533 .topBoxVideo object, #topBoxContentstacks_in_8533 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose23 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose23 [class^="icon-"] { color: #FFFFFF; } #topBoxClose23:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose23 .topBoxCloseInner, #topBoxClose23 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive23 #topBoxClose23, .topBoxActive23 #topBoxNext23, .topBoxActive23 #topBoxPrev23 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_8533, #shade23, #topBoxClose23, #topBoxNext23, #topBoxPrev23 { display: none !important; } #topBox23 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_8546 { padding: 30px 0px 0px 0px; } #stacks_in_8554 { padding: 30px 0px 0px 0px; } #stacks_in_8411 { padding: 30px 0px 0px 50px; } #stacks_in_8301 { padding: 30px 0px 0px 0px; } #stacks_in_8359 { padding: 30px 0px 0px 50px; } #stacks_in_8421 { padding: 30px 0px 0px 0px; } #stacks_in_8314 { padding: 30px 0px 0px 50px; } /* This is topbox24 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_8578 { cursor: pointer; } #shade24 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade24.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade24.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade24.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade24 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade24.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade24.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade24.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade24.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade24.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_8578:hover, .topbox:hover { cursor: pointer !important; } #topBox24 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox24, #topBox24::before, #topBox24::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_8578 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_8578 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_8578 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_8578 .topBoxVideo iframe, #topBoxContentstacks_in_8578 .topBoxVideo object, #topBoxContentstacks_in_8578 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose24 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose24 [class^="icon-"] { color: #FFFFFF; } #topBoxClose24:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose24 .topBoxCloseInner, #topBoxClose24 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive24 #topBoxClose24, .topBoxActive24 #topBoxNext24, .topBoxActive24 #topBoxPrev24 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_8578, #shade24, #topBoxClose24, #topBoxNext24, #topBoxPrev24 { display: none !important; } #topBox24 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_8591 { padding: 30px 0px 0px 0px; } #stacks_in_8599 { padding: 30px 0px 0px 0px; } #stacks_in_8419 { padding: 30px 0px 0px 50px; } .stacks_left { float:left; } .stacks_row { overflow:hidden; margin:0 auto; } #stacks_in_8603 .stacks_left { width:578px; } #stacks_in_8603 .stacks_row { width:1156px; } #stacks_in_8603 { padding: 50px 0px 0px 0px; } #stacks_in_8608 { padding: 30px 0px 0px 0px; } #stacks_in_8216 { padding: 30px 0px 0px 50px; } #stacks_in_8214 { padding: 30px 80px 80px 150px; } #stacks_in_8614 { margin: 50px 0px 0px 0px; } #stacks_in_8406 { padding: 30px 0px 0px 50px; } /* This is topbox27 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_8541 { cursor: pointer; } #shade27 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade27.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade27.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade27.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade27 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade27.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade27.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade27.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade27.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade27.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_8541:hover, .topbox:hover { cursor: pointer !important; } #topBox27 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox27, #topBox27::before, #topBox27::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_8541 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_8541 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_8541 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_8541 .topBoxVideo iframe, #topBoxContentstacks_in_8541 .topBoxVideo object, #topBoxContentstacks_in_8541 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose27 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose27 [class^="icon-"] { color: #FFFFFF; } #topBoxClose27:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose27 .topBoxCloseInner, #topBoxClose27 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive27 #topBoxClose27, .topBoxActive27 #topBoxNext27, .topBoxActive27 #topBoxPrev27 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_8541, #shade27, #topBoxClose27, #topBoxNext27, #topBoxPrev27 { display: none !important; } #topBox27 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_8541 { padding: 600px 0px 0px 0px; } /* This is topbox25 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_8303 { cursor: pointer; } #shade25 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade25.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade25.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade25.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade25 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade25.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade25.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade25.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade25.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade25.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_8303:hover, .topbox:hover { cursor: pointer !important; } #topBox25 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox25, #topBox25::before, #topBox25::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_8303 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_8303 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_8303 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_8303 .topBoxVideo iframe, #topBoxContentstacks_in_8303 .topBoxVideo object, #topBoxContentstacks_in_8303 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose25 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose25 [class^="icon-"] { color: #FFFFFF; } #topBoxClose25:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose25 .topBoxCloseInner, #topBoxClose25 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive25 #topBoxClose25, .topBoxActive25 #topBoxNext25, .topBoxActive25 #topBoxPrev25 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_8303, #shade25, #topBoxClose25, #topBoxNext25, #topBoxPrev25 { display: none !important; } #topBox25 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_8322 { padding: 50px 0px 0px 0px; } #stacks_in_8332 { padding: 50px 0px 0px 0px; } /* This is topbox26 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_8369 { cursor: pointer; } #shade26 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade26.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade26.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade26.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade26 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade26.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade26.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade26.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade26.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade26.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_8369:hover, .topbox:hover { cursor: pointer !important; } #topBox26 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox26, #topBox26::before, #topBox26::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_8369 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_8369 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_8369 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_8369 .topBoxVideo iframe, #topBoxContentstacks_in_8369 .topBoxVideo object, #topBoxContentstacks_in_8369 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose26 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose26 [class^="icon-"] { color: #FFFFFF; } #topBoxClose26:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose26 .topBoxCloseInner, #topBoxClose26 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive26 #topBoxClose26, .topBoxActive26 #topBoxNext26, .topBoxActive26 #topBoxPrev26 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_8369, #shade26, #topBoxClose26, #topBoxNext26, #topBoxPrev26 { display: none !important; } #topBox26 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_8386 { padding: 30px 0px 0px 0px; } #stacks_in_8400 { padding: 30px 0px 0px 0px; } #stacks_in_8624 { padding: 30px 40px 0px 50px; } #stacks_in_8560 { padding: 30px 0px 0px 0px; } .stacks_left { float:left; } .stacks_row { overflow:hidden; margin:0 auto; } #stacks_in_8565 .stacks_left { width:567px; } #stacks_in_8565 .stacks_row { width:1134px; } #stacks_in_8565 { padding: 50px 0px 0px 0px; } #stacks_in_8979 { padding: 30px 0px 0px 50px; } #stacks_in_8983 { padding: 30px 0px 0px 50px; } #stacks_in_8574 { padding: 30px 0px 0px 0px; } #stacks_in_8985 { padding: 30px 0px 0px 50px; } /* This is topbox28 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_8700 { cursor: pointer; } #shade28 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade28.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade28.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade28.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade28 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade28.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade28.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade28.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade28.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade28.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_8700:hover, .topbox:hover { cursor: pointer !important; } #topBox28 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox28, #topBox28::before, #topBox28::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_8700 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_8700 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_8700 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_8700 .topBoxVideo iframe, #topBoxContentstacks_in_8700 .topBoxVideo object, #topBoxContentstacks_in_8700 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose28 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose28 [class^="icon-"] { color: #FFFFFF; } #topBoxClose28:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose28 .topBoxCloseInner, #topBoxClose28 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive28 #topBoxClose28, .topBoxActive28 #topBoxNext28, .topBoxActive28 #topBoxPrev28 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_8700, #shade28, #topBoxClose28, #topBoxNext28, #topBoxPrev28 { display: none !important; } #topBox28 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_8700 { padding: 30px 0px 0px 0px; } #stacks_in_8713 { padding: 30px 0px 0px 0px; } #stacks_in_8987 { padding: 30px 0px 0px 50px; } /* This is topbox29 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_8745 { cursor: pointer; } #shade29 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade29.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade29.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade29.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade29 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade29.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade29.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade29.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade29.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade29.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_8745:hover, .topbox:hover { cursor: pointer !important; } #topBox29 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox29, #topBox29::before, #topBox29::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_8745 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_8745 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_8745 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_8745 .topBoxVideo iframe, #topBoxContentstacks_in_8745 .topBoxVideo object, #topBoxContentstacks_in_8745 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose29 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose29 [class^="icon-"] { color: #FFFFFF; } #topBoxClose29:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose29 .topBoxCloseInner, #topBoxClose29 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive29 #topBoxClose29, .topBoxActive29 #topBoxNext29, .topBoxActive29 #topBoxPrev29 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_8745, #shade29, #topBoxClose29, #topBoxNext29, #topBoxPrev29 { display: none !important; } #topBox29 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_8745 { padding: 30px 0px 0px 0px; } #stacks_in_8989 { padding: 30px 0px 0px 50px; } /* This is topbox30 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_8866 { cursor: pointer; } #shade30 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade30.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade30.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade30.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade30 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade30.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade30.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade30.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade30.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade30.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_8866:hover, .topbox:hover { cursor: pointer !important; } #topBox30 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox30, #topBox30::before, #topBox30::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_8866 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_8866 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_8866 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_8866 .topBoxVideo iframe, #topBoxContentstacks_in_8866 .topBoxVideo object, #topBoxContentstacks_in_8866 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose30 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose30 [class^="icon-"] { color: #FFFFFF; } #topBoxClose30:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose30 .topBoxCloseInner, #topBoxClose30 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive30 #topBoxClose30, .topBoxActive30 #topBoxNext30, .topBoxActive30 #topBoxPrev30 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_8866, #shade30, #topBoxClose30, #topBoxNext30, #topBoxPrev30 { display: none !important; } #topBox30 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_8866 { padding: 30px 0px 0px 0px; } #stacks_in_8868 { padding: 30px 0px 0px 0px; } #stacks_in_8871 { padding: 30px 0px 0px 0px; } #stacks_in_8995 { padding: 30px 0px 0px 50px; } /* This is topbox31 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_8895 { cursor: pointer; } #shade31 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade31.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade31.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade31.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade31 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade31.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade31.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade31.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade31.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade31.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_8895:hover, .topbox:hover { cursor: pointer !important; } #topBox31 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox31, #topBox31::before, #topBox31::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_8895 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_8895 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_8895 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_8895 .topBoxVideo iframe, #topBoxContentstacks_in_8895 .topBoxVideo object, #topBoxContentstacks_in_8895 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose31 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose31 [class^="icon-"] { color: #FFFFFF; } #topBoxClose31:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose31 .topBoxCloseInner, #topBoxClose31 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive31 #topBoxClose31, .topBoxActive31 #topBoxNext31, .topBoxActive31 #topBoxPrev31 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_8895, #shade31, #topBoxClose31, #topBoxNext31, #topBoxPrev31 { display: none !important; } #topBox31 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_8895 { padding: 31px 0px 0px 0px; } #stacks_in_8908 { padding: 30px 0px 0px 0px; } #stacks_in_8916 { padding: 30px 0px 0px 0px; } /* This is topbox32 */ @font-face { font-family: 'FontAwesome'; src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?v=3.0.1'); src: url('../archives_of_former_branch_files/icons/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../archives_of_former_branch_files/icons/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } .icon-remove:before { content: "\f021"; } .icon-chevron-left:before { content: "\f022"; } .icon-chevron-right:before { content: "\f023"; } #topBoxTriggerstacks_in_8956 { cursor: pointer; } #shade32 { z-index: 998; padding: 0; margin: 0; cursor: pointer; overflow: hidden; position: fixed; top: 0; left: 0; display: none; } /* No background */ #shade32.topBoxShadeNone { background: transparent; } /* Solid colour fill */ #shade32.topBoxShadeSolid { background: #000000; } /* Vertical gradient fill */ #shade32.topBoxShadeVertical { background-color: #000000; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(top, #333333, #000000); background-image: -ms-linear-gradient(top, #333333, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(top, #333333, #000000); background-image: -o-linear-gradient(top, #333333, #000000); background-image: linear-gradient(top, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0); } /* Horizontal gradient fill */ #shade32 { background-color: #333333; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, right bottom, from(#333333), to(#000000)); background-image: -moz-linear-gradient(left, #333333, #000000); background-image: -ms-linear-gradient(left, #333333, #000000); background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(left, #333333, #000000); background-image: -o-linear-gradient(left, #333333, #000000); background-image: linear-gradient(left, #333333, #000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=1); } /* Top left to bottom right diagonal gradient fill */ #shade32.topBoxShadeTLDiagonal { background: #333333; background: -moz-linear-gradient(-45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(-45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(-45deg, #333333 0%,#000000 100%); background: linear-gradient(135deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Bottom left to top right diagonal gradient fill */ #shade32.topBoxShadeBLDiagonal { background: #333333; background: -moz-linear-gradient(45deg, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(45deg, #333333 0%,#000000 100%); background: -o-linear-gradient(45deg, #333333 0%,#000000 100%); background: -ms-linear-gradient(45deg, #333333 0%,#000000 100%); background: linear-gradient(45deg, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Radial gradient fill */ #shade32.topBoxShadeRadial { background: #333333; background: -moz-radial-gradient(center, ellipse cover, #333333 0%, #000000 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -o-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: -ms-radial-gradient(center, ellipse cover, #333333 0%,#000000 100%); background: radial-gradient(ellipse at center, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); } /* Local image image applied as a CSS background */ #shade32.topBoxShadeLocalImage { background: url(); background-position: center center; background-repeat: repeat; } /* Warehoused image applied as a CSS background */ #shade32.topBoxShadeWarehousedImage { background: url(); background-position: Center Center; background-repeat: Center Center; } %[if edit]% #topBoxTriggerstacks_in_8956:hover, .topbox:hover { cursor: pointer !important; } #topBox32 { display: none; margin: 0 auto; position: fixed; max-width: 1200px; text-align: center; z-index: 999; overflow: auto; } #topBox32, #topBox32::before, #topBox32::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #topBoxContentstacks_in_8956 { position: relative; z-index: 99999; text-align: left; -webkit-border-radius: px; -moz-border-radius: px; border-radius: px; padding: px; } /* Responsive behavior */ #topBoxContentstacks_in_8956 img { max-width: 100%; max-height: auto; width: auto; height: auto; } #topBoxContentstacks_in_8956 .topBoxVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; overflow: visible; } #topBoxContentstacks_in_8956 .topBoxVideo iframe, #topBoxContentstacks_in_8956 .topBoxVideo object, #topBoxContentstacks_in_8956 .topBoxVideo embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @group Buttons */ /* Close Button */ #topBoxClose32 { display: none; position: fixed; top: -70px; right: -70px; z-index: 1001; cursor: pointer; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 40px; font-weight: 300; width: 140px; height: 140px; margin-top: 0px; font-weight: 100; line-height: 70px; color: #FFFFFF; text-align: center; background: #222222; border: 3px solid #FFFFFF; -webkit-border-radius: 123px; -moz-border-radius: 123px; border-radius: 123px; opacity: 0.50; filter: alpha(opacity=50); transition: all 300ms linear; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; } #topBoxClose32 [class^="icon-"] { color: #FFFFFF; } #topBoxClose32:hover { color: #FFFFFF; text-decoration: none; opacity: 0.99; filter: alpha(opacity=99); } #topBoxClose32 .topBoxCloseInner, #topBoxClose32 a.topBoxButtonLink { position: absolute; bottom: 10px; left: 8px; width: 70px; height: 70px; display: block; } /* Previous Button */ /* Next Button */ /* @end */ /* @group Global stuff */ .topBoxActive32 #topBoxClose32, .topBoxActive32 #topBoxNext32, .topBoxActive32 #topBoxPrev32 { display: block; } .topBoxIE { display: none; } /* @end */ /* @group Responsive stuff */ @media screen and (max-width: 580px) { #topBoxTriggerstacks_in_8956, #shade32, #topBoxClose32, #topBoxNext32, #topBoxPrev32 { display: none !important; } #topBox32 { display: block !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; } } /* @end */ #stacks_in_8956 { padding: 31px 0px 0px 0px; } #stacks_in_8969 { padding: 30px 0px 0px 0px; } #stacks_in_8977 { padding: 30px 0px 0px 0px; } #stacks_in_8997 { padding: 30px 0px 0px 50px; }