/* Fonts */

@font-face {
    font-family: Montserrat;
    src: url(/fonts/Montserrat-Regular.otf);
}
@font-face {
    font-family: Montserrat-Light;
    src: url(/fonts/Montserrat-Light.otf);
}
@font-face {
    font-family: Lato;
    src: url(/fonts/Lato-Reg.otf);
}
@font-face {
    font-family: Lato-Light;
    src: url(/fonts/Lato-Light.otf);
}
@font-face {
    font-family: Roboto-Light;
    src: url(/fonts/Roboto-Light.ttf);
}
@font-face {
    font-family: Roboto-Regular;
    src: url(/fonts/Roboto-Regular.ttf);
}
@font-face {
    font-family: Roboto-Medium;
    src: url(/fonts/Roboto-Medium.ttf);
}
@font-face {
    font-family: Roboto-Bold;
    src: url(/fonts/Roboto-Bold.ttf);
}

/*****
 Overrides to skeleton
*****/

body {
    font-size: 1.2em;
    font-family: 'Roboto-Regular', arial, sans-serif;
    letter-spacing: 0px;
    overflow-x: hidden;
}

h1 { font-size: 3.6rem; }
h2 { font-size: 3.0rem; letter-spacing:0px; }
h3 { font-size: 2.2rem; letter-spacing:0px; }
h4 { font-size: 1.8rem; }
h5 { font-size: 1.5rem; }
h6 { font-size: 1.2rem; }

h1,h2,h3,h4,h5,h6 {
    font-family: 'Montserrat-Light', arial, sans-serif;
}

td, th {
    padding:8px 10px;
    border-bottom:0px;
}

form { margin-bottom:0px; }

li {
    margin-bottom: 0.6rem;
}

a {
    color:#1B345E;
}

.container {
    max-width: 1100px;
}

/* Larger than mobile */
@media (min-width: 400px) and (max-width: 549px)  { 
/* Only Apply these between 750px and 999px*/ 
  .two-xsmall:nth-child(6n+1)   {margin-left: 0;}
  .three-xsmall:nth-child(4n+1) {margin-left: 0;}
  .four-xsmall:nth-child(3n+1)  {margin-left: 0;}
  .six-xsmall:nth-child(2n+1)   {margin-left: 0;}
}
@media (min-width: 400px) {
  .one-xsmall.column,
  .one-xsmall.columns                    { width: 4.66%;  }
  .two-xsmall.columns                    { width: 13.33%; }
  .three-xsmall.columns                  { width: 22%;    }
  .four-xsmall.columns                   { width: 30.66%; }
  .five-xsmall.columns                   { width: 39.33%; }
  .six-xsmall.columns                    { width: 48%;    }
  .seven-xsmall.columns                  { width: 56.66%; }
  .eight-xsmall.columns                  { width: 65.33%; }
  .nine-xsmall.columns                   { width: 74.0%;  }
  .ten-xsmall.columns                    { width: 82.66%; }
  .eleven-xsmall.columns                 { width: 91.33%; }
  .twelve-xsmall.columns                 { width: 100%; margin-left: 0; }
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) and (max-width: 769px) {
/* Only Apply these between 750px and 999px*/ 
  .two-small:nth-child(6n+1)   {margin-left: 0;}
  .three-small:nth-child(4n+1) {margin-left: 0;}
  .four-small:nth-child(3n+1)  {margin-left: 0;}
  .six-small:nth-child(2n+1)   {margin-left: 0;}
}
@media (min-width: 550px) {
  .one-small.column,
  .one-small.columns                    { width: 4.66%;  }
  .two-small.columns                    { width: 13.33%; }
  .three-small.columns                  { width: 22%;    }
  .four-small.columns                   { width: 30.66%; }
  .five-small.columns                   { width: 39.33%; }
  .six-small.columns                    { width: 48%;    }
  .seven-small.columns                  { width: 56.66%; }
  .eight-small.columns                  { width: 65.33%; }
  .nine-small.columns                   { width: 74.0%;  }
  .ten-small.columns                    { width: 82.66%; }
  .eleven-small.columns                 { width: 91.33%; }
  .twelve-small.columns                 { width: 100%; margin-left: 0; }
}

/* Larger than tablet */
@media (min-width: 750px) and (max-width: 999px)  { 
/* Only Apply these between 750px and 999px */

  .two-medium:nth-child(6n+1)   {margin-left: 0;}
  .three-medium:nth-child(4n+1) {margin-left: 0;}
  .four-medium:nth-child(3n+1)  {margin-left: 0;}
  .six-medium:nth-child(2n+1)   {margin-left: 0;}
}
@media (min-width: 750px) {
  .one-medium.column,
  .one-medium.columns                    { width: 4.66%; }
  .two-medium.columns                    { width: 13.33%; }
  .three-medium.columns                { width: 22%;            }
  .four-medium.columns                  { width: 30.66%; }
  .five-medium.columns                  { width: 39.33%; }
  .six-medium.columns                    { width: 48%;            }
  .seven-medium.columns                { width: 56.66%; }
  .eight-medium.columns                { width: 65.33%; }
  .nine-medium.columns                  { width: 74.0%;          }
  .ten-medium.columns                    { width: 82.66%; }
  .eleven-medium.columns              { width: 91.33%; }
  .twelve-medium.columns              { width: 100%; margin-left: 0; }
}

/* Larger than desktop */
@media (min-width: 1000px) and (max-width: 1199px)  { 
/* Only Apply these between 1000 and 1199 px */
 
    /* Reset Margins
  .columns, .column {margin-left: 4%;}
  .column:first-child, .columns:first-child { margin-left: 0; } */
  .two-large:nth-child(6n+1)   {margin-left: 0;}
  .three-large:nth-child(4n+1) {margin-left: 0;}
  .four-large:nth-child(3n+1)  {margin-left: 0;}
  .six-large:nth-child(2n+1)   {margin-left: 0;}
}
@media (min-width: 1000px)  { 
/* Apply these between 1000 and 1199 px and above as default if not set at xlarge size */
  .one-large.column,
  .one-large.columns                    { width: 4.66%; }
  .two-large.columns                    { width: 13.33%; }
  .three-large.columns                  { width: 22%;            }
  .four-large.columns                   { width: 30.66%; }
  .five-large.columns                   { width: 39.33%; }
  .six-large.columns                    { width: 48%;            }
  .seven-large.columns                  { width: 56.66%; }
  .eight-large.columns                  { width: 65.33%; }
  .nine-large.columns                   { width: 74.0%;          }
  .ten-large.columns                    { width: 82.66%; }
  .eleven-large.columns                 { width: 91.33%; }
  .twelve-large.columns                 { width: 100%; margin-left: 0; }
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
  
  /* Reset Margins
  .columns, .column {margin-left: 4%;}
  .column:first-child, .columns:first-child { margin-left: 0; } */
  .two-xlarge:nth-child(6n+1)   {margin-left: 0;}
  .three-xlarge:nth-child(4n+1) {margin-left: 0;}
  .four-xlarge:nth-child(3n+1)  {margin-left: 0;}
  .six-xlarge:nth-child(2n+1)   {margin-left: 0;}
  
  .one-xlarge.column,
  .one-xlarge.columns                    { width: 4.66%;  }
  .two-xlarge.columns                    { width: 13.33%; }
  .three-xlarge.columns                  { width: 22%;    }
  .four-xlarge.columns                   { width: 30.66%; }
  .five-xlarge.columns                   { width: 39.33%; }
  .six-xlarge.columns                    { width: 48%;    }
  .seven-xlarge.columns                  { width: 56.66%; }
  .eight-xlarge.columns                  { width: 65.33%; }
  .nine-xlarge.columns                   { width: 74.0%;  }
  .ten-xlarge.columns                    { width: 82.66%; }
  .eleven-xlarge.columns                 { width: 91.33%; }
  .twelve-xlarge.columns                 { width: 100%; margin-left: 0; }
}


/*****
 Overrides to global
*****/

.Item, .Item table { width:100%; }

.query .horizontallookup label {
    display:inline;
    margin-left:6px;
    margin-right:10px;
}

.Form_Row {
    height:auto !important;
}

.Form_Row_NotValid label.Form_CaptionColumn {
    color:#c00;
}

.Form_CaptionColumn {
    width:40%;
}
.tbox_content .Form_CaptionColumn {
    width:300px;
}
.tbox_content {
    padding:20px;
}

.inlineradio label {
    font-weight:normal;
}

.query td {
    border:0;
}

.query label {
    font-family: 'Roboto-Regular', arial, sans-serif;
    font-weight: normal;
    display:inline-block;
}

.query input, .query textarea, .query select, .query fieldset {
    margin-bottom: 0px;
}

@media (max-width: 1100px) {
    .query label {
        display:block;
    }
}

.Form_InlineCollectionItem {
    background-color: #eee;
    padding: 10px;
    margin-bottom: 10px;
}
.Form_InlineCollectionItem .ItemActions a {
    background-repeat: no-repeat;
    padding-left: 18px;
    margin-right: 10px;
}
td.Buttons {
    padding:0px;
}

.cms {
    border:1px solid #bbb;
    border-radius:4px;
    padding:0px;
    background-image:none;
    margin-top:10px;
}
.cms a {
    border:0px;
    padding:8px 0 8px 32px;
    color:#333 !important;
    background-position:8px center !important;
}
.cms a:hover {
    background-color:rgba(0,0,0,0.1);
}

.cms-progressbar {
    margin-bottom:16px;
}
.cms-progressbar li {
    margin-bottom:0px;
}
.cms-progressbar a:first-child {
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}
.cms-progressbar a:last-child {
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
}
.cms-progressbar a {
    padding:6px 0 6px 20px;
}
.cms-progressbar .active a:after, .cms-progressbar a:after {
    top:7px;
    right:-10px;
    width:21px;
    height:20px;
    z-index:20;
}
.cms-progressbar a, .cms-progressbar a:after,
.cms-progressbar .disabled, .cms-progressbar .disabled:after {
    background:none;
    background-color:#FFFFFF;
}
.cms-progressbar .active a, .cms-progressbar .active a:after {
    background:none;
    background-color:#1C2E3C !important;
}
.cms-progressbar .active {
    background:none;
}
.cms-progressbar .active a:hover, .cms-progressbar a:hover,
.cms-progressbar .active a:hover:after, .cms-progressbar a:hover:after {
    background:none !important;
    background-color:#5785AE !important;
    color:#fff !important;
}
.cms-progressbar .disabled a:hover:after, .cms-progressbar .disabled a:hover {
    background:none;
    background-color:#eee !important;
    color: #d0d0d0 !important;
}
.cms-progressbar .active a {
    color:#fff !important;
}



#login_dialog td {
    border:0px;
}
#login_dialog td.Form_FieldColumn {
    padding:0px 10px;
}

.listcontrol thead {
    background-image:none;
}
.listcontrol thead th {
    border-bottom:1px solid #D0D0D0;
    border-right:0;
    border-left:1px solid #EEE;
}
.listcontrol thead th:first-child, .listcontrol td:first-child {
    border-left:0;
}
.listcontrol tbody td {
    border-right:0;
}

.displaygroup {
    border:0px;
    background-image:none;
    margin:0px;
}
.displaygroup h2 {
    color:#5785ae;
    background-color:transparent;
    font-size:3rem;
    border:0px;
    font-weight:normal;
}

.ui-button-primary {
    background-image:none;
    text-shadow:none;
}
.ui-button-primary:hover {
    background-image:none;
}

.Form_TooltipOnlyColumn {
    margin-bottom:20px;
    padding: 2px 10px;
    box-sizing:border-box;
}
.Form_TooltipOnlyColumn table {
    margin-bottom:0px;
}

/****/


/*
color:#649DD4;
*/

html, body {
    margin:0;
    height:100%;
}

body {
    margin:0;
    font-size:14px;
    color:#0C161F;
}

#stickywrapper {
  min-height: 100%;

  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
  margin-bottom: -290px;

  background-image:url(/BA_ContentPg_Watermark.png);
  background-repeat:no-repeat;
  background-size:30%;
  zbackground-attachment:fixed;

}
.stickyclear {
  height: 290px;
}

h2 { color:#5785AE; }
h3, h4, h5, h6 { color:#9AB8D1; }
h1, h2, h3, h4, h5, h6 { margin-top:1.4em; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top:0px; }

/* Structure */

#contentbody {
    /*min-height:500px;*/
    padding-top:40px;
}

.page-title {
    margin-bottom:50px;
}

/* Page Header */
#header {
    background-image:url('/includes/home_img_2.jpg');
    background-position:top center;
    background-repeat:no-repeat;
    background-color:#0C161F;
    padding-top:20px;
    border-bottom:1px solid #fff;
}
    #heromessage h1 {
        color:#fff;
        text-transform:uppercase;
        font-size:2.8em;
        margin-top:60px;
        text-shadow: 2px 2px 3px #222;
    }
    #heromessage p {
        color:#fff;
        font-size:1.2em;
        margin-bottom:60px;
        text-shadow: 2px 2px 3px #222;
    }
   
    #header .headeraction, #header .headerphone,
    #standardheader .headeraction, #standardheader .headerphone {
        padding:18px 24px;
        display:inline-block;
        background-color:rgba(255,255,255,0.1);
        color:#649DD4;
        font-weight:bold;
        float:right;
        margin-left:6px;
    }
    #header .headeraction a, #standardheader .headeraction a {
        color:#eee;
        text-decoration:none;
    }
    #header .headeraction:hover, #standardheader .headeraction:hover {
        background-color:rgba(255,255,255,0.2);
    }
    #header .headeraction img, #header .headerphone img,
    #standardheader .headeraction img, #standardheader .headerphone img {
        vertical-align:middle;
        height:30px;
    }
    #header .headeractiontext, #standardheader .headeractiontext {
        padding-left:16px;
    }
    #header .headerphone, #standardheader .headerphone {
        background-color:transparent;
    }
    #header #headerlinks {
        display:inline-block;
        float:right;
    }
    #header #headerlinks  a {
        font-family: 'roboto-medium',arial,sans-serif;
        text-decoration:none;
        color:#fff;
        margin-left:20px;
    }
    #header #headerlinks a:hover {
        text-decoration:underline;
    }
    #header #site-logo {
        width:180px;
        margin-bottom:16px;
    }
    
    #header #mobileheadermenu {
        display:none;
        float:right;
        cursor:pointer;
        position:relative;
    }
    #mobileheadermenuinner {
       display:none;
       width:200px;
       position:absolute;
       top:66px;
       right:0px;
       z-index:100;
    }
    #collaspedicon {
       line-height:0px; 
    }
    #mobileheadermenuinner a {
        font-family:'roboto-medium',arial,sans-serif;
        display:block;
        padding:20px;
        background-color:rgba(0,0,0,0.8);
        color:#fff;
        text-decoration:none;
    }
    #mobileheadermenuinner a:hover {
        text-decoration:none;
        background-color:rgba(65,65,65,0.8);
    }
        
    @media (max-width: 780px) {
        #header #headeractions {
            display:block;
            float:none;
        }
    }

    @media (max-width: 1150px) {
        #header #headerlinks {
            display:none;
        }
        #header #mobileheadermenu {
            display:inline-block;
        }
        #header #mobileheadermenu #collaspedicon img {
            height:66px;
        }
    }
    
    #standardheader {
        background-color:#1C2E3C;
        padding:10px;
    }
    #standardheader .logo {
        width:156px;
        float:left;
    }

    #mainmenu {
        background-color:rgba(0, 0, 0, 0.6);
    }

#header .heroaction {
    box-shadow: 2px 2px 3px #000;
}



/* Main Menu */
     #headerlinks { position:relative; list-style:none; padding:0px; margin:0px; }
     #aboutsubmenu { list-style:none; padding:0px; margin:0px; }
     #header #headerlinks a {
         padding:6px 0px;
         margin-right:20px;
         margin-left:0px;
     }
     #header #headerlinks li:last-child a {
         margin-right:0px;
     }
            #headerlinks li {
                position:relative;
                display:inline;
            }
            #headerlinks li a {
                display:inline-block; xborder:1px solid #c00;
            }
            #headerlinks ul {
                margin:0px;
                padding:0px;
            }
            #headerlinks > li:hover > a {
                text-decoration:underline !important;
            }
            #headerlinks li ul {
              position: absolute;
              left: 0%;
              top: 100%;
              padding-top:10px;
              z-index: 100;
            }
            #headerlinks li ul li {
              xvisibility: hidden;
              display: none;
              opacity:0;
              transition: 600ms ease;
              padding:0; margin:0;
              margin-left:-8px;
            }
            #headerlinks > li {
                transition: 600ms ease;
            }
            #headerlinks > li:hover ul li {
              opacity:1;
              xvisibility: visible;
              display:block;
            }
            #header #headerlinks li ul a {
              color:#ddd;
              min-width:180px;
              background-color:rgba(0,0,0,0.8);
              padding:4px 8px;
              border-bottom:2px solid rgba(255,255,255,0.1);
              text-shadow:0px 0px 1px #000;
              margin:0px;
            }




/* Buttons on pages with hero images (e.g. buildings and contents) */
.heroaction {
    font-family: 'roboto-medium', arial, sans-serif;
    background-color: rgba(124,164,196,0.9);
    color: white;
    text-decoration: none;
    margin-bottom: 15px;
}
.heroaction:hover {
    background-color: rgba(124,164,196,1);
    color: white;
}
.heroaction img {
    height: 16px;
    margin-left: 20px;
    margin-bottom: -3px;
}
.heroaction .heroactiontext {
    padding: 0px;
}
.heroaction.darker {
    background-color: rgba(78,127,170,0.9);
}
.heroaction.darker:hover {
    background-color: rgba(78,127,170,1);
}

@media (max-width: 550px) {
    #header h1 {
        margin-top:0.5em;
    }
    .heroaction {
        display:block;
        padding: 10px;
    }
    .heroaction img {
        float: right;
    }
}
@media (min-width: 550px) {
    #header h1 {
        margin-top:1em;
    }
    .heroaction {
        display:inline-block;
        margin-right: 15px;
        padding: 10px 20px;
    }
}



.sm.sm-blue {
  background: transparent;
  z-index:20;
}
    .sm.sm-blue a, .sm.sm-blue a:hover, .sm.sm-blue a:focus, .sm.sm-blue a:active {    
        display:block;
        background-color:#1C2E3C;
        padding:16px;
        color:#fff;
        text-decoration:none;
    }
    .sm.sm-blue a:hover {
        background-color:#5785AE;
    }
    .sm.sm-blue a.current {
        background-color:#5785AE;
    }
    .sm.sm-blue li {
        background-color:#1C2E3C;
        margin-bottom:2px;
        color:#fff;
    }
    .sm.sm-blue li.nolink {
        padding:16px;
    }

.crumbTrail {
    margin-bottom:10px;
}
    .crumbTrail a {
        text-decoration:none;
    }
    .crumbTrail .breadcrumb:last-child {
        font-weight:bold;
    }
    .crumbTrail .seperator {
        margin:0 10px;
    }
    
/* Homepage product boxes */
#homeproducts {}

/* Pipeline */
#pipeline-menu, #pipeline-content {
    float:left;
    display:inline-block;
    vertical-align:top;
    box-sizing:border-box;
}
#pipeline-menu a {
    display:block;
}
#left-column {
    width:27%; margin-right:3%;
}
#pipeline-content {
    width:67%; margin-left:3%;
}
#pipeline-menu a.selected {
    font-weight:bold;
}

.homepagebox { margin:0; box-sizing:content-box; color:#fff; position:relative; }
    .homepagebox a { text-decoration:none; box-shadow:1px 1px 2px #555; display:block; }
    .homepagebox > a > div { padding:10px; }
    .homepagebox p,.assistbox p{ color:#fff; margin-bottom:5px; font-size:0.9em; margin-right:20px; }
    .homepagebox h2,.assistbox h2{ color:#fff; text-transform:uppercase; font-size:1.2em; text-shadow:1px 1px 2px #555; height:2.5em; margin-bottom:0px; }
    .homepagebox .nextarrow,.assistbox .nextarrow{ position:absolute; bottom:50px; right:26px; height:25px; }

    @media (min-width: 950px) {
    .homepagebox h2{ font-size:1.4em; }
    }

    @media (min-width: 750px) {
        .homepagebox > a > div {
            height: 140px !important;
        }
    }

    .orange-action { /* No longer used? */
        background-color:rgba(245,133,44,0.8);
        color:#fff;
        padding:0px 28px 0px 10px;
        display:inline-block;
        height:auto;
        float:right;
        margin:20px 10% 10px 10%;
        background-image:url(/images/ba3/arrowright.png);
        background-repeat:no-repeat;
        background-position:95%;
        background-size:1em;
    }
    .orange-action:hover {
        background-color:rgba(245,133,44,1);
        border:1px solid #fff;
        color:#fff;
    }
    
    @media (max-width: 549px) {
        .homepagebox { padding:0.666%; box-sizing:border-box; margin:0; }
    }
    @media (min-width: 550px) {
        #homeproducts { padding-top:2%; }
        .homepagebox { padding:3% 1.334%; margin:0; box-sizing:content-box; padding-top:0px; }
    }

    /* Colour alternate rows and columns */
    #homeproducts .row:nth-child(odd) .homepagebox:nth-child(odd) > a > div { background-color:rgba(124,164,196,0.8); transition: background-color 0.25s;}
    #homeproducts .row:nth-child(odd) .homepagebox:nth-child(even) > a > div { background-color:rgba(78,127,170,0.8); transition: background-color 0.25s;}

    #homeproducts .row:nth-child(even) .homepagebox:nth-child(odd) > a > div { background-color:rgba(78,127,170,0.8); transition: background-color 0.25s;}
    #homeproducts .row:nth-child(even) .homepagebox:nth-child(even) > a > div { background-color:rgba(124,164,196,0.8); transition: background-color 0.25s;}

    #homeproducts .row:nth-child(odd) .homepagebox:nth-child(odd) > a > div:hover { background-color:rgba(124,164,196,1);}
    #homeproducts .row:nth-child(odd) .homepagebox:nth-child(even) > a > div:hover { background-color:rgba(78,127,170,1);}

    #homeproducts .row:nth-child(even) .homepagebox:nth-child(odd) > a > div:hover { background-color:rgba(78,127,170,1);}
    #homeproducts .row:nth-child(even) .homepagebox:nth-child(even) > a > div:hover { background-color:rgba(124,164,196,1);}


/* Homepage tertiary actions section */
#accountbanner {
    background-color:#f6f6f6;
    padding:25px 0px;
    color:#1C2E3C;
}
#accountbanner:hover {
    color:#1C2E3C;
}
    #accountbanner h3 {
        margin-bottom:6px;
        font-size:1.4em;
        margin-top:0px;
        color:rgba(78,127,170,1);
    }

    @media (max-width: 1370px) {
        .fullwidth {
            margin-left: -12.5%;
            margin-right: -12.5%;
        }
    }
    @media (min-width: 1370px) {
        .fullwidth {
            margin-left: -100%;
            margin-right: -100%;
        }
    }

    .accountoption { min-height:90px; border:1px solid transparent; padding:6px; vertical-align:top; }
    .accountoption:hover { border:1px solid #ccc; }
    .accountoption p     { font-size:0.9em; }
    .accountoption img   { height:100%; }

.optionimageholder {
    float:left;
    height:60px;
    width:100px;
    text-align:center;
    padding:10px 0px;
}

.action-button-blue {
    background-color:#5D93C2;
    padding:5px 15px;
    display:inline-block;
    color:#fff;
    text-decoration:none;
}
.action-button-blue:hover {
    color:#fff;
    background-color:#77BFF9;
}

.btn.btn-primary {
    background-color: #7199BB;
    border:0px;
}
.btn.btn-primary:hover {
    background-color: #6488A6;
}

.clear {
    clear:both;
}


/* Apply Now Holder (Quote Advert) */
.calltoaction { text-align:right; }
.footerclear { height:20px; clear:both; }


/* Show and hide left hand tabs for product pages */
#tabcontent section { display:none; }

#tabnavigation nav {
   background-color:rgba(255,255,255,0.6);
   padding:2px;
   box-shadow:0px 0px 46px #fff;
}
#tabnavigation a {
    display: block;
    text-decoration: none;
    font-family:'Roboto-Regular', sans-serif;
    padding: 6px 10px;
    background-color:#dfe6ec;
    margin-bottom:3px;
    background-image: url(/images/ba3/arrowright.png);
    background-size:12px;
    background-repeat: no-repeat;
    background-position: right 10px bottom 50%;
}
#tabnavigation a:hover {
    background-color:rgb(207, 217, 226);
    color:#1B345E;
}

#tabnavigation a.current {
    background-color:#bfcdd9;
    font-weight:bold;
    color:#1B345E;
}

@media (max-width: 550px) {
    #tabnavigation nav {
        border:1px solid #ccc;
        border-bottom:0px;
        border-radius:4px;
        margin-bottom:20px;
    }
    #tabnavigation nav a {
        border-bottom:1px solid #ccc;
        padding:10px;
    }
}
@media (min-width: 550px) {
    #tabnavigation nav {
        margin-top:50px;
        margin-bottom:20px;
    }
}



/* Site wide footer */
#footer { background-color:#1C2E3C; background-repeat:repeat-x; padding-top:30px; color:#eee; min-height:260px; }
    #footer ul { list-style:none; }
    #footer a { color:#eee; text-decoration:none; }
    #footer a:hover { text-decoration:underline; }
    #footer li.strong { font-weight:bold; font-size:1.1em; margin-bottom:16px; }
    #footer .center { font-size:0.8em; margin-top:10px; text-align:center;}
    #footer .phone img { height:20px; margin-right:10px; }



/* Quote page */
#QuickAmendQuote {
    float: left;
    width: 20%;
    background-color: rgba(200,200,200,0.2);
    padding: 2px;
    box-sizing: border-box;
    font-size:0.75em;
}
    #QuickAmendQuote #WizardPage {
        width:auto;
        height:auto;
    }
    #QuickAmendQuote .Form_CaptionColumn {
        width:100%;
        clear:right;
        float:left;
        display:block;
    }
    #QuickAmendQuote .Form_MandatoryFieldColumn {
        position:absolute;
        top:36px;
        left:8px;
    }
    #QuickAmendQuote .Form_FieldColumn {
        float:left;
    }
    #QuickAmendQuote label {
        font-weight:normal;
    }
    #QuickAmendQuote input,
    #QuickAmendQuote select {
        height:auto;
        padding:6px 4px;
    }
    #QuickAmendQuote h2 {
        font-size:1.5em;
        margin-bottom:0px;
    }
    #QuickAmendQuote #WizardPicture {
        width:0px;
    }
    #QuickAmendQuote .post-caption-help {
        width:auto;
    }
    #QuickAmendQuote input,
    #QuickAmendQuote textarea,
    #QuickAmendQuote select,
    #QuickAmendQuote fieldset { margin-bottom:0px; }
    #QuickAmendQuote #query > table { width:100%; }
    #QuickAmendQuote .Form_Row_UnChecked { clear:both; position:relative; }
    #QuickAmendQuote input[name=fldBuildingsCover_AmtReqd],
    #QuickAmendQuote input[name=fldContentsCover_AmtReqd],
    #QuickAmendQuote input[name=fldArUnspecifiedItems_AmtReqd] { padding-left:14px; }
    #QuickAmendQuote #button_submit { background-color:#fff; padding:0 30px; }
    @media screen and (max-width: 800px) {
        #QuickAmendQuote { width:100%; }
    }

    #quoteControlx { float:left; width:80%; padding:0px 0px 0px 10px; box-sizing:border-box; }

    .QuoteList .copyright { font-size:0.8em; }
    .QuoteList .button:not(.smallbutton),
    .QuoteList .button-primary { width:115px; position:relative; }
    .QuoteList .button.arrowr, .QuoteList .button.arrowd, .QuoteList .button.arrowu {
        padding-left:15px;
    }
    .QuoteList .button.arrowr::after, .QuoteList .button.arrowd::after, .QuoteList .button.arrowu::after {
        content:"\276f"; right:8px; position:absolute;
    }
    .QuoteList .button.arrowd::after {
         display:inline-block;
         -ms-transform: rotate(90deg);
         -webkit-transform: rotate(90deg);
         transform: rotate(90deg);
    }
    .QuoteList .button.arrowu::after {
         display:inline-block;
         -ms-transform: rotate(-90deg);
         -webkit-transform: rotate(-90deg);
         transform: rotate(-90deg);
    }
    .QuoteList tr.processing td,
    .QuoteList tr.pending td,
    .QuoteList tr:not(.quoted) .Tableset_G1,
    .QuoteList tr:not(.quoted) .Tableset_B1,
    .QuoteList tr:not(.quoted) .Tableset_H1,
    .QuoteList tr:not(.quoted) .Tableset_I1,
    .QuoteList tr:not(.quoted) .Tableset_C2,
    .QuoteList tr:not(.quoted) .Tableset_G2 { border-bottom:1px solid #e5e5e5; }
    .QuoteList .Tableset_I1 { width:120px; }
    .QuoteList th:first-child,
    .QuoteList td:first-child { padding-left:10px; }
    .QuoteList .TopBar_2 { text-align:right; }
    .QuoteList .costnote { color:#aaa; font-size:0.75em; text-align:center; margin:0; padding:0; }
    .QuoteList .annualcost { font-family: 'Montserrat-Light', arial, sans-serif; font-size:2.0em; margin:0; padding:0; text-align:center; }
    .QuoteList .monthlycost { font-family: 'Montserrat-Light', arial, sans-serif; font-size:1.8em; margin:0; padding:0; text-align:center; }
    .QuoteList td, .QuoteList th { padding:4px 6px; }
    .QuoteList th:last-child, .QuoteList td:last-child { padding-right: 6px; }
    .QuoteList .Tableset_C1 h3 { margin:0; padding:0; }
    .QuoteList .Tableset_I1 { text-align:right; }
    .QuoteList .summarytable { font-size:0.75em; margin-bottom:1em; }
    .QuoteList .summarytable th { color:#aaa; font-weight:normal; }

    @media print {
        #QuickAmendQuote { display:none; }
        #cms-menu { display:none; }
    }

    .quote-detail {
         font-size:0.8em;
         background-color:#f9f9f9;
         padding:10px;
    }
    .quote-detail .displaygroup h2 {
        font-size:1.6rem; /* Reduce font size */
    }
    .quote-detail .displayrow .darkcellLabel {
        width:35%; /* Increase column width by 10% */
        text-align:left;
    }
    .quote-detail h1 {
        font-size:2.2rem; /* Reduce font size */
        margin-bottom:0.2em;
    }
    .quote-detail .displayGroupParametersTable {
        margin-bottom:0px;
    }
    

    .smallbutton {
        padding:8px;
        width:auto !important;
        height:auto;
        line-height:1em;
        color:#555;
        margin:0px;
    }



    /* Our proposition page */
    .light-expander, .dark-expander {
        margin-left:-100%;
        margin-right:-100%;
        text-align:center;
        padding:40px 0px 40px;
    }
    .dark-expander {
        background-color:rgba(124,164,196,0.15);
    }
    .light-expander section, .dark-expander section {
        text-align: left;
        max-width: 800px;
        display:inline-block;
        width:80vw;
    }
    .light-expander h2, .dark-expander h2 {
        margin-top:0em;
    }
    .sectionicon {
        display:block;
        margin:0 auto;
        width:100px;
    }


/* Buttonset */
.ui-buttonset .ui-button {
  padding:0px;
}
.ui-button-text-only .ui-button-text {
  padding:.4em 15px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color:#000 transparent transparent transparent;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color:#000;
}
.select2-container--default .select2-selection--single {
    border:1px solid #D1D1D1;
}

.ui-button {
  -webkit-appearance: none;
  margin: 0;
  overflow: visible;
  font: inherit;
  color: #222;
  text-transform: none;
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 22px;
  background: #f7f7f7;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  border: 1px solid rgba(0,0,0,.3);
  border-bottom-color: rgba(0,0,0,.3);
  background-origin: border-box;
  background-image: -webkit-linear-gradient(top,#fff,#eee);
  background-image: linear-gradient(to bottom,#fff,#eee);
  border-radius: 4px;
  text-shadow: 0px 2px 0 #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ui-button:hover {
  background-color: #fafafa;
  color: #222;
  outline: 0;
  text-decoration: none;
  background-image: none;
}
.ui-button:focus {
  background-color: #f5f5f5;
  color: #444444;
  outline: none;
  text-decoration: none;
}
.ui-button:active {
  background-color: #f5f5f5;
  color: #222;
  border-color: rgba(0,0,0,.3) rgba(0,0,0,.2) rgba(0,0,0,.2);
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0,0,0,.2);
}
.ui-state-active {
  background-image: -webkit-linear-gradient(top,rgba(124,164,196,0.9),rgba(124,164,196,0.9));
  background-image: linear-gradient(to top,rgba(124,164,196,0.9),rgba(124,164,196,0.9));
  box-shadow: inset 0 2px 5px rgba(0,0,0,.1);
  color: #fff;
  text-shadow: 0px 1px 0px #222;
}

/* Inactive hover */
.ui-state-hover.ui-state-active {
  background-image: -webkit-linear-gradient(top,rgba(78,127,170,0.9),rgba(78,127,170,0.9));
  background-image: linear-gradient(to top,rgba(78,127,170,0.9),rgba(78,127,170,0.9));
  color: #fff;
  text-shadow: 0px 1px 0px #222;
}
.ui-state-hover:not(.ui-state-active) {
    border: 1px solid #999;
    background: linear-gradient(to top,#FFF,#E0E0E0);
}