/* Wiking screen layout (to be used with media="screen") */

@import url(https://fonts.googleapis.com/css?family=Roboto:500,400,300,700&subset=latin-ext);

body {
    font-family: 'Roboto', sans-serif;
    background-color: #B4B5B4;
    margin: 0;
    font-size: 17px;
    line-height: 22px;
    font-weight: 300;
    /* -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}
button, input, select, textarea {
    font-size: 1em;
}
#wrap { 
    width: 1024px; 
    margin: 0 auto;
    position: relative;
}
#wrap-layer1 { 
    position: relative;
    top: 0px;
    left: -128px;
    width: 1280px;
    box-shadow: 0 0 6px #666;
}
#top {
    position: fixed;
    top: 0;
    left: 0px;
    width: 100%; 
    color: #626262; 
    z-index: 100;
    overflow: hidden;
}
#top-layer1 {
    width: 1024px;
    margin: 0 auto;
    z-index: 101;
}
#top-layer2 {
    position: relative;
    overflow: hidden;
    left: -128px;
    width: 1280px;
    z-index: 102;
}
#top-layer3 {
    background-color: #fff;
    box-shadow: 0 -4px 12px 4px #333;
    margin-bottom: 12px;
}
#language-selection {
    position: absolute;
    right: 231px;
    top: 25px;
    font-size: 13px;
    font-weight: 300;
    margin: 0;
    z-index: 102;
    background: #0091a5;
    display: inline-block;
    padding: 0px 2px;
}

#language-selection #language-selection-anchor, #language-selection .sep {
    display: none;
}
#language-selection a:link, #language-selection a:visited,
#language-selection a:link:hover, #language-selection a:visited:hover { 
    color: #fff;
    display: inline-block;
    z-index: 105;
    line-height: 18px;
    padding: 0 3px;
    text-decoration: none;
}
#language-selection a.current, #language-selection a.current:hover {
    color: #444;
    background: #fff;
}

#section-links,
#menu {
    position: relative;
    top: O;
    left: 128px;
    margin: 0 20px;
    width: 960px;
    margin: 0;
    font-size: 17px;
    font-weight: 500;
    z-index: 104;
}
#menu h3 {
    display: none;
}
#menu ul {
    margin: 0;
    padding: 0;
}
#menu li {
    display: inline;
    white-space: nowrap;
    margin-right: 30px;
}
#section-links {
    padding: 3px 0 0 0;
    min-height: 38px;
}
#section-links a,
#menu a.navigation-link {
    display: inline-block;
    z-index: 105;
    text-decoration: none;
    text-transform: uppercase;
}
#menu a.navigation-link {
    color: #0091a5;
    padding: 29px 3px 4px 3px;
}
#menu a.navigation-link.current {
    background-color: #0091a5;
    color: #fff;
}
#section-links a {
    padding: 3px 3px 14px 3px;
    margin-right: 20px;
    color: #626262;
}
#section-links a.current {
    background-color: #626262;
    color: #fff;
}
#menu-button {
    display: none;
}

#logo {
    position: absolute;
    right: 171px;
    top: 22px;
    width: 145px;
    height: 56px;
    z-index: 1;
    background: url(logo-145x56.png) top left no-repeat;

}
#logo .popup-menu-ctrl-widget {
    display: none;
}
#logo .popup-menu-ctrl-widget a {
    padding: 6px 6px;
    background-position: 6px 6px;
    display: inline-block;
}
#maximized-mode-control {
    display: none;
}
#page {
    color: #000;
    background-color: #fff;
    padding-top: 91px;
    padding-bottom: 0;
    min-height: 16em;
    width: 100%;
    margin: 0;
}
#main {
    position: relative;
    left: 0;
    margin: 0 auto;
    width: 1024px;
}
#page.hidden-page #main {
    width: 940px;
    padding: 0 42px;
    background: url(alpha-0091a5-50-20x1.png) 0px top repeat-y;
}
#page.menu-page #messages {
    margin: 22px 0 0 22px;
}
#page.with-submenu.menu-page #messages {
    margin: 0;
}
#content {
    width: 728px;
    text-align: justify;
}
#content .pytis-form {
    text-align: left
}
#content .notebook-widget li.notebook-tab a {
    background-color: #ccc !important;
    font-size: 18px;
    padding: 3px 10px;
}
#content .notebook-widget li.notebook-tab a.current {
    background-color: #fff !important;
    border-bottom-color: #fff !important;
}

#top hr { display: none; }
#links { display: none; }
#breadcrumbs { display: none; }
#site-title { display: none; }
#panels { display: none; }

h1, h2, h3, h4, h5, h6, h7 {
    font-weight: 400;
    text-align: left;
    margin: 0.7em 0 0.2em 0;
}
h1, h2, h3 {
    text-transform: uppercase;
}
h1, h2 {
    font-weight: 500;
    color: #0091a5;
    padding-top: 22px;
    padding-bottom: 14px;
    margin: 0;
}
h1 { font-size: 42px; line-height: 52px; }
h2 { font-size: 42px; line-height: 52px; }
h3 { font-size: 24px; line-height: 24px; }
h4 { font-size: 22px; line-height: 22px; }
h5 { font-size: 18px; line-height: 18px; }
h5 { font-size: 16px; line-height: 16px; }

p {
    margin: 0.15em 0;
}
a:link, a:visited, a:link:hover, a:visited:hover { color: #0091a5; }

#page.menu-page h1 {
    display: none;
}

/* Submenus are now only visible in WMI */

#page.with-submenu {
    padding-top: 108px;
}

#page.with-submenu #main {
    width: 1024px;
}
#page.with-submenu #content {
    text-align: left;
    padding-left: 220px;
    width: 760px;
}
#page.with-submenu.menu-page h1 {
    display: block;
}
#page.with-submenu h1, #page.with-submenu h2, #page.with-submenu h3 {
    text-align: left;
    text-transform: none;
}
#page.with-submenu h1 {
    font-size: 32px;
    line-height: 32px;
    margin-top: 0;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 8px;
}
#submenu {
    position: relative;
    z-index: 1;
    float: left;
    width: 200px;
    padding: 0 0 0 136px;
}
#submenu div.menu-panel  {
    position: relative;
    border: 1px solid #999;
    margin: 0.4em 14px;
}
#submenu h3 {
    margin: 0;
    font-size: 19px;
    padding: 0.1em 0.2em;
    background-color: #ddd;
    border-bottom: 1px solid #999;
}
#submenu button.toggle-menu-expansion {
    position: absolute;
    top: 0.45em;
    right: 0.3em;
}
* html #submenu button.toggle-menu-expansion { right: 0.8em; } /* MSIE hack */

#clearing {
    height: 0;
    font-size: 0;
    clear: left;
}
#page-clearing {
    height: 0;
    font-size: 0;
}

/* Bottom part of the page */

#bottom {
    color: #ddd;
    background-color: #282828;
    clear: both;
    margin-bottom: 150px;
    background: url(bottom-1366x200.png) left top no-repeat;
    font-weight: 400;
    position: relative;
    height: 200px;
}
#bottom a:link, #bottom a:visited, #bottom a:link:hover, #bottom a:visited:hover { 
    color: #fff;
    text-decoration: none; 
}

#bottom-menu {
    margin: 0 auto;
    width: 940px;
    padding: 36px 0 86px 0;
}
#bottom-menu a {
    margin-right: 30px;
    text-transform: uppercase;
}
#social-networks {
    position: absolute;
    top: 28px;
    right: 172px;
    width: 200px;
    text-align: right;
}
#social-networks img {
    border: 0;
}
#social-networks a {
    margin-left: 18px;
}

#footer {
    width: 940px;
    margin: 0 auto;
    font-weight: 200;
}

#shared-audio-player {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1;
}
div#shared-audio-player {
    color: inherit;
    background-color: #fdb;
    border: solid 1px #fba;
    padding: .1em;
}
/* Special controls */

#login-controls {
    position: absolute;
    top: 0.7em;
    right: 0.9em;
    padding: 0.2em 0 0.3em 0;
}
form.login-form {
    background-color: #eee;
    border: 1px solid #ccc;
    border-width: 1px 0;
    padding: .8em 2em;
    margin: 1em 2.5em 1em 0;
}
form.login-form input {
    margin-bottom: 0.5em;
}
form.login-form ul {
    margin-top: 1em;
}
form.login-form label {
    font-weight: 500;
}
div.cms-page-actions {
    border: none;
    padding: 0;
}
div.notebook-widget {
    border: none;
    padding: 0;
}
button, submit {
    font-size: 15px;
}
div.collapsible-pane-widget.collapsed:hover .collapsible-pane-heading {
    background-image: url(pane-collapsed-hover.png);
}
div.collapsible-pane-widget .collapsible-pane-heading {
    padding-left: 40px;
    cursor: pointer;
}

.contact-form-response {
    margin: 1em 0;
    font-size: 30px;
}
.contact-form-response-text {
    margin: 1em 0;
    font-size: 20px;
}

@media only screen and (min-width: 768px) {
#content > section:last-child .section-content.section-level-2 {
    /* Make sure the section heading can be scrolled to the top to make menu highlighting work */
    min-height: 440px;
}
}

.collapsible-pane-widget h4.collapsible-pane-heading {
    min-height: 34px;
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 6px;
    margin-top: 8px;
    padding-top: 5px;
    background-position: left top;
}
/******************************************************************************/
/******************************************************************************/

#animation {
    position: absolute;
    top: 120px;
    z-index: 1;
    margin: 35px 42px;
    font-size: 40px;
    line-height: 70px;
    font-weight: 300;
    display: none;
}
#animation h2 {
    display: none;
}
#animation p {
    margin: 0;
}
#animation b {
    font-weight: 700;
}
#animation p img {
    position: absolute;
    left: -57px;
    top: -20px;
}

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

#content > section {
    padding-top: 8px;
    padding-bottom: 2px;
    position: relative;
    top: 0;
    left: -128px;
    width: 1280px;
}
.default-section .section-container.section-level-2 {
    padding: 0 128px;
}
.default-section .section-content.section-level-2,
.default-section .section-heading.section-level-2 {
    padding: 0 42px;
    width: 688px;
}
.default-section.section-level-2 {
    background: url(alpha-0091a5-50-20x1.png) 128px top repeat-y;
}
#content > p:last-child,
.default-section.section-level-2:last-child .section-content.section-level-2 {
    margin-bottom: 36px;
}


.left-sec, .right-sec {
    margin-bottom: 10px;
}
.left-sec:last-child, .right-sec:last-child {
    margin-bottom: 0;
}
.left-sec h2, .right-sec h2 {
    font-size: 57px;
    padding-top: 26px;
    padding-bottom: 0;
    line-height: 70px;
}
.left-sec .section-heading.section-level-2, .left-sec .section-content.section-level-2,
.right-sec .section-heading.section-level-2, .right-sec .section-content.section-level-2 {
    background-color: #fff;
    padding: 8px 40px 8px 42px;
}

.right-sec .section-container.section-level-2,
.left-sec .section-container.section-level-2 {
    width: 580px;
    padding: 0 128px;
}
.right-sec .section-content.section-level-2,
.left-sec .section-content.section-level-2 {
    min-height: 300px;
    padding-bottom: 35px;
}
.right-sec .section-container.section-level-2 {
    padding-left: 0;
    padding-right: 128px;
    margin-left: 572px;
}
.left-sec .section-container.section-level-2 {
    padding-right: 0;
}

.fixed-sec {
    height: 650px;
}
.fixed-sec .section-content.section-level-2 {
    height: 538px;
    padding-bottom: 8px;
}
.right-sec.fixed-sec .section-container.section-level-2 {
    margin-left: 672px;
    padding-right: 128px;
    width: 480px;
}
.left-sec.fixed-sec .section-container.section-level-2 {
    margin-right: 672px;
    padding-left: 128px;
    padding-right: 0;
    width: 480px;
}

.blue-sec .section-container.section-level-2 {
    background-color: rgba(0,145,165,0.50); /* #0091a5 */
}
.ie7 .blue-sec .section-container.section-level-2,
.ie8 .blue-sec .section-container.section-level-2 {
    background: url(alpha-0091a5-50-20x1.png) top left repeat;
}
.blue-sec .section-heading.section-level-2, .blue-sec .section-content.section-level-2 {
    background: url(alpha-0091a5-50-20x1.png) top left repeat-y;
    background-color: #fff;
}
.blue-sec h2 {
    color: #0091a5;
}

.red-sec .section-container.section-level-2 {
    background-color: rgba(175,0,62,0.50);
}
.ie7 .red-sec .section-container.section-level-2,
.ie8 .red-sec .section-container.section-level-2 {
    background: url(alpha-af003e-50-20x1.png) top left repeat;
}
.red-sec .section-heading.section-level-2, .red-sec .section-content.section-level-2 {
    background: url(alpha-af003e-50-20x1.png) top left repeat-y;
    background-color: #fff;
}
.red-sec h2, .red-sec a {
    color: #af003e;
}

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

#about { background: url(foto1.png) top left no-repeat; }
#services { background: url(foto2.png) top left no-repeat; }
#contact { background: url(foto4.png) top left no-repeat; }
#accessibility-intro { background: url(foto9.png) top left no-repeat; }
#accessibility-solution { background: url(foto7.png) top left no-repeat; }
#references { background: url(foto2.png) top left no-repeat; }

@media only screen and (min-width: 991px) {
#accessibility-intro .image-confirm-order-button-orig {
    position: absolute;
    top: 4px;
    right: 128px;
    border: solid #fff;
    border-width: 0 28px;
}
}

#accessibility-intro .section-heading.section-level-3 { clear: both; }

@media only screen and (min-width: 768px) {
#about .section-content.section-level-2 > .section-content-wrapper {
    width: 370px;
    position: relative;
    top: -200px;
    padding-top: 200px;
    padding-right: 420px;
    background: url(circle.png) 593px 38px no-repeat;
}
#services .section-content.section-level-2 > .section-content-wrapper {
    width: 370px;
    height: 371px;
    position: relative;
    top: -139px;
    left: -750px;
    padding-top: 139px;
    padding-left: 750px;
    background-position: 170px 147px, 442px 355px, 580px 141px;
    background-repeat: no-repeat;
    background-image: url(pin.png), url(pin.png), url(pin.png);
}
}


/******************************************************************************/
#aids-intro { background: url(foto1.png) top left no-repeat; }
#aids {
    background: url(foto3.png) top left no-repeat;
    background-color: #d1d1d1;
}
#aids .section-container.section-level-2 {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
}
#aids .section-content.section-level-2 {
    width: 940px;
}
#aids h2 {
    font-weight: 500;
    font-size: 57px;
    line-height: 70px;
    color: #f6e93c;
    margin: 41px 0 22px 0;
}
#aids div.collapsible-pane-widget .section-heading.section-level-3 {
    cursor: pointer;
}
#aids .section-heading.section-level-3,
#aids .section-content.section-level-3 {
    width: 940px;
    position: relative;
    left: -170px;
    top: 0;
    padding: 0 170px 0 170px;
}
#aids .expanded .section-container.section-level-3 .section-content.section-level-3 {
    background-color: #fff;
    padding-top: 28px;
    padding-bottom: 28px;
}
#aids .collapsed .section-container.section-level-3 .section-heading.section-level-3,
#aids .expanded .section-container.section-level-3 .section-heading.section-level-3 {
    height: 160px;
    width: 360px;
    padding-right: 750px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 17px;
}
#aids .expanded .section-container.section-level-3 .section-heading.section-level-3,
#aids .expanded .section-container.section-level-3 .section-heading.section-level-3:hover,
#aids .collapsed .section-container.section-level-3 .section-heading.section-level-3:hover {
    background-color: #faf3a1;
}
#aids h3 {
    font-size: 32px;
    line-height: 41px;
    font-weight: 400;
    background-position: 0 6px;
    background-repeat: no-repeat;
    margin: 0;
}
#aids h4, #aids h4 {
    margin-top: 28px;
}
#aids .aids-slider {
    position: absolute;
    top: 0;
    left: 670px;
    width: 600px;
}
#aids .aids-slider .visible-area {
    width: 390px;
    height: 160px;
    overflow: hidden;
    padding: 10px 0;
}
#aids .aids-slider .aids-list {
    width: 2000px;

}
#aids .aids-slider .slide-button {
    position: absolute;
    top: 10px;
    left: 0;
    width: 63px;
    height: 111px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
#aids .aids-slider .slide-button.slide-left {
    left: -80px;
    background-image: url(slide-left-yellow.png);
}
#aids .aids-slider .slide-button.slide-right {
    left: 394px;
    background-image: url(slide-right-yellow.png);
}
#aids .aids-slider .slide-button.slide-left:hover {
    background-image: url(slide-left-blue.png) !important;
}
#aids .aids-slider .slide-button.slide-right:hover {
    background-image: url(slide-right-blue.png) !important;
}
#aids .expanded .section-container.section-level-3 .slide-button.slide-left,
#aids .section-heading.section-level-3:hover .slide-button.slide-left {
    background-image: url(slide-left-black.png);
}
#aids .expanded .section-container.section-level-3 .slide-button.slide-right,
#aids .section-heading.section-level-3:hover .slide-button.slide-right {
    background-image: url(slide-right-black.png);
}
#aids .aids-item {
    display: inline-block;
    width: 111px;
    margin-right: 22px;
    text-align: center;
}
#aids .aid-preview {
    border: solid #000 2px;
    border-radius: 57px;
    width: 111px;
    height: 111px;
    cursor: pointer;
    overflow: hidden;
}
#aids .aid-preview:hover { 
    border-color: #0091a5;
}
#aids .aid-title {
    color: #fff;
    background-color: #000;
    padding: 2px 4px;
    margin: 12px 0;
    cursor: pointer;
}

/* Aids leaflets */
#aids .section-content.section-level-4 { 
    position: relative;
    background-color: #fff;
    font-size: 18px;
    line-height: 24px;
}
#aids .section-content.section-level-4 > .section-content-wrapper { 
    padding-top: 16px;
}
#aids .section-heading.section-level-4 {
    padding: 4px 0 4px 0;
    background-position: 816px 24px;
    background-repeat: no-repeat;
}
#aids strong {
    font-weight: 200;
    display: block;
    position: relative;
}
#aids em {
    display: block;
    font-style: normal;
}

/* Specific modifications VisioBook leaflet page. */
#aids .preview-visiobook {
    background: url(visiobook.png) -300px -330px no-repeat;
}
#visiobook .section-heading.section-level-4 {
    background: url(visiobook-logo.png) 812px 24px no-repeat;
}
#visiobook .section-content.section-level-4 { 
    background-image: url(visiobook.png);
    height: 454px;
    color: #fff;
    text-shadow: -2px 0 4px #006d7d, 0 2px 4px #006d7d, 2px 0 4px #006d7d, 0 -2px 4px #006d7d;
    line-height: 22px;
}
#visiobook .section-content.section-level-4 > .section-content-wrapper { 
    margin-left: 540px;
    width: 388px;
}
#visiobook strong {
    left: -294px;
    color: #fff;
    width: 800px;
    font-size: 26px;
    line-height: 30px;
    text-indent: -26px;
    padding-bottom: 18px;
}
#visiobook strong em {
    display: inline-block;
    font-size: 70px;
    line-height: 0px;
    position: relative;
    width: 178px;
    height: 30px;
    top: 1px;
    overflow: visible;
    left: 30px;
}

/* Specific modifications Visio HD leaflet page. */
#aids .preview-visiohd {
    background-image: url(visiohd.png);
    background-position: -600px -186px;
}
#visiohd .section-heading.section-level-4 {
    background-image: url(visiohd-logo.png);
}
#visiohd .section-content.section-level-4 { 
    background-image: url(visiohd.png);
    height: 454px;
}
#visiohd .section-content.section-level-4 > .section-content-wrapper { 
    width: 480px;
}
#visiohd strong {
    position: absolute;
    top: 276px;
    width: 800px;
    color: #0091a5;
    font-size: 26px;
}
#visiohd strong em {
    font-size: 45px;
    line-height: 56px;
}

/* Specific modifications VisioLight leaflet page. */
#aids .preview-visiolight {
    background: url(visiolight.png) -520px -40px no-repeat;
}
#visiolight .section-heading.section-level-4 {
    background: url(visiolight-logo.png) 816px 30px no-repeat;
}
#visiolight .section-content.section-level-4 { 
    background-image: url(visiolight.png);
    height: 400px;
}
#visiolight .section-content.section-level-4 > .section-content-wrapper { 
    width: 480px;
}
#visiolight strong {
    position: absolute;
    top: 248px;
    left: 42px;
    color: #fff;
    font-size: 24px;
    line-height: 28px;
}
#visiolight strong em {
    position: relative;
    left: -4px;
    font-size: 64px;
    line-height: 56px;
}

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

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {

#wrap {
    width: 768px;
}
#wrap-layer1 {
    left: -128px;
    width: 1024px;
}
#top-layer1 {
    width: 768px;
}
#top-layer2 {
    width: 1024px;
}
#language-selection {
    right: 4px;
    top: 32px;
}
#logo {
    right: 168px;
    top: 8px;
    width: 120px;
    height: 46px;
    background-image: url(logo-120x46.png);
}

#section-links,
#menu {
    width: 600px;
}
#menu a.navigation-link {
    padding: 4px 3px;
}
#section-links a {
    padding: 3px;
    margin-right: 10px;
}
#bottom-menu {
    width: 728px;
}
#social-networks {
    right: 148px;
}
#footer {
    width: 728px;
}

#page {
    padding-top: 55px;
}
#main {
    width: 768px;
}
#content {
    width: 688px;
}
#page.hidden-page #main {
    width: 688px;
}
#page.hidden-page #content {
    width: 688px;
}
#content > section {
    width: 1024px;
}
.right-sec .section-container.section-level-2 {
    margin-left: 316px;
}
.right-sec.fixed-sec .section-container.section-level-2 {
    margin-left: 416px;
}

#aids .section-heading.section-level-2,
#aids .section-content.section-level-2,
#aids .section-heading.section-level-3,
#aids .section-content.section-level-3 {
    width: 688px;
}
#aids .collapsed .section-container.section-level-3 .section-heading.section-level-3,
#aids .expanded .section-container.section-level-3 .section-heading.section-level-3 {
    width: 310px;
}
#aids .aids-slider {
    left: 480px;
}

/* Wide Mobile Layout: 480px. */
} @media only screen and (max-width: 767px) {
/*} @media only screen and (min-width: 480px) and (max-width: 767px) {*/

#wrap {
    width: 480px;
}
#wrap-layer1 {
    left: -128px;
    width: 736px;
}
#top-layer1 {
    width: 480px;
}
#top-layer2 {
    width: 736px;
}
#logo {
    right: 128px;
    top: 1px;
    width: 70px;
    height: 27px;
    background-image: url(logo-70x27.png);
}
#menu-button {
    position: relative;
    height: 30px;
    z-index: 105;
    display: block;
    color: #1f1e21;
}
#menu-button .page-title {
    margin: 0 128px;
    padding: 5px 0 5px 24px;
    position: relative;
    top: 0px;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 21px;
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap;
    background: url(menu.png) no-repeat 4px 7px;
}
#menu {
    width: 480px;
    display: none;
    padding-top: 3px;
}
#menu.expanded {
    display: block;
}
#menu li {
    display: block;
    margin-right: 25px;
}
#menu a.navigation-link {
    width: 180px;
    padding: 8px 4px;
    display: block;
}

#section-links {
    display: none;
}
#section-links a {
    padding: 3px;
    margin-right: 10px;
}
#bottom {
    margin-bottom: 40px;
    height: 122px;
}
#bottom-menu {
    display: none;
}
#social-networks {
    top: 20px;
    right: 170px;
}
#footer {
    width: 396px;
    padding-top: 81px;
}
#language-selection {
    right: 0px;
    top: 3px;
}

#page {
    padding-top: 24px;
}
#main {
    width: 480px;
}
#content {
    width: 396px;
}
#page.hidden-page #main {
    width: 396px;
}
#page.hidden-page #content {
    width: 396px;
}
#content > section {
    width: 736px;
}
img.lcg-image {
    max-width: 368px;
}
.default-section .section-content.section-level-2,
.default-section .section-heading.section-level-2 {
    width: 396px;
}
.right-sec .section-container.section-level-2,
.left-sec .section-container.section-level-2 {
    width: 480px;
}
.right-sec .section-container.section-level-2,
.right-sec.fixed-sec .section-container.section-level-2 {
    margin-left: 128px;
}

#accessibility-intro .image-confirm-order-button-orig {
    display: none;
}
.right-sec .section-content.section-level-2,
.left-sec .section-content.section-level-2 {
    min-height: 200px;
}

#aids .section-heading.section-level-2,
#aids .section-content.section-level-2,
#aids .section-heading.section-level-3,
#aids .section-content.section-level-3 {
    width: 396px;
}
#aids .collapsed .section-container.section-level-3 .section-heading.section-level-3,
#aids .expanded .section-container.section-level-3 .section-heading.section-level-3 {
    width: 396px;
    height: 124px;
}
#aids .collapsed #magnification .section-heading.section-level-3,
#aids .expanded #magnification .section-heading.section-level-3 {
    height: 260px;
}
#aids .aids-slider {
    top: 96px;
    left: 178px;
}

/* Mobile Layout: 320px. */
} @media only screen and (max-width: 479px) {

#wrap-layer1,
#top-layer2,
#content > section {
    width: 576px;
}
#wrap,
#top-layer1,
#menu,
#section-links,
#content,
#main,
#page.hidden-page #main,
#page.hidden-page #content,
.default-section .section-content.section-level-2,
.default-section .section-heading.section-level-2,
.right-sec .section-container.section-level-2,
.left-sec .section-container.section-level-2 ,
.right-sec.fixed-sec .section-container.section-level-2,
.left-sec.fixed-sec .section-container.section-level-2,
#footer {
    width: 320px;
}
#footer {
    font-size: 16px;
}
#footer a {
    position: relative;
    left: 42px;
}

.default-section .section-content.section-level-2,
.default-section .section-heading.section-level-2 {
    box-sizing: border-box;
}
.fixed-sec {
    height: auto;
}
.fixed-sec .section-content.section-level-2 {
    height: auto;
    padding-bottom: 12px;
}
#page {
    padding-top: 14px;
}
h2, .left-sec h2, .right-sec h2 {
    font-size: 26px;
    line-height: 30px;
    padding-top: 18px;
}
h3 {
    font-size: 20px;
}
img.lcg-image {
    max-width: 236px;
    margin: 0;
}
.lcg-fieldset table, .lcg-fieldset th, .lcg-fieldset td, .lcg-fieldset tr { 
    display: block; 
}
.lcg-fieldset td {
    padding-left: 24px; 
}

#aids h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 22px;
    padding-top: 12px;
    padding-bottom: 12px;
}
#aids .section-heading.section-level-2,
#aids .section-content.section-level-2,
#aids .section-heading.section-level-3,
#aids .section-content.section-level-3 {
    width: 320px;
    padding: 0 20px;
}
#aids .collapsed .section-container.section-level-3 .section-heading.section-level-3,
#aids .expanded .section-container.section-level-3 .section-heading.section-level-3,
#aids .collapsed .section-container.section-level-3 .section-content.section-level-3,
#aids .expanded .section-container.section-level-3 .section-content.section-level-3,
#aids .collapsed #magnification .section-heading.section-level-3,
#aids .expanded #magnification .section-heading.section-level-3 {
    width: 280px;
    height: auto;
    padding: 0 20px;
}
#aids .collapsed #magnification .section-heading.section-level-3,
#aids .expanded #magnification .section-heading.section-level-3 {
    height: 420px;
}
#aids .aids-slider {
    top: 56px;
    left: 20px;
}
#aids .aids-slider .visible-area,
#aids .aids-slider .aids-list {
    width: 280px;
    height: 320px;
    
}
#aids .section-heading.section-level-3, #aids .section-content.section-level-3 {
    left: -20px;
}

}