/** Main styling file for the 2013 layout **/


/*-----------------------------------*/
/*-------- GLOBALS ------------------*/
/*-----------------------------------*/
root { display: block; }
body{
    font-family: 'Open Sans 400', 'Open Sans', sans-serif;
    line-height: 24px;
    color: #3d4856;
    font-size: 16px;
    position: relative;
}

a, a:hover {
    color: #0b61ce;
}
a:hover {
    text-decoration: underline;
}
h1, h2, h3, h4{
    letter-spacing: -1px;
}

/***** Helpers *******/
.align-right{ text-align: right }
.align-left{ text-align: left }
.align-center{ text-align: center }
.spacing-top{ margin-top: 20px; }
.spacing-bottom{ margin-bottom: 20px; }
.spacing-top-double{ margin-top: 40px; }
.spacing-bottom-double{ margin-bottom: 40px; }
.clear-floats{ clear: both; }

/**** MODAL *******/
.modal{
    padding: 15px;
}

/*** More link ******/
span.more{
    font-size: 14px;
    line-height: 21px;
}

/*-----------------------------------*/
/*-------- GLOBAL FORMS -------------*/
/*-----------------------------------*/
form.generic input[type=text],
form.generic input[type=password],
form.generic textarea,
form.generic select{
    /*
    Box sizing: Works in all browsers, IE9+.
    All inputs of width 100% with padding will still be contained inside
    the original container, and not overflow it.

    In IE7 and IE8, we will override it.

    */
     width: 100%;
     box-sizing: border-box;
     height: 45px;
     line-height: 38px;
     font-size: 16px;
     border: 1px solid #dcdcdc;
     background-color: #f5f5f5;
     margin-bottom: 0px;
}
form.generic textarea, form.generic select[multiple]{
    height: 200px;
}
form.generic label{
    color: #3d4856;
    font-size: 16px;
}
form.generic .has_error label, form.generic .err{
    color: #d00;
}
.login-error-message {
    font-size: 13px;
    margin-bottom: 25px;
    line-height: 19px;
}

form.generic input[type=checkbox]{
    margin:0;
    margin-right: 10px;
}

form.form-horizontal div.err.help-block {
    color: #c00;
}
/*-----------------------------------*/
/*-------- BUTTONS ------------------*/
/*-----------------------------------*/
.btn-primary{
    color: white;
    font-family: 'Open Sans 600i','Open Sans', sans-serif;
    line-height: 30px;
    font-size: 21px;
    font-weight: 600;
    font-style: italic;
    background: rgb(250,162,18); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYTIxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjQ5MjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(250,162,18,1) 0%, rgba(239,73,35,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,162,18,1)), color-stop(100%,rgba(239,73,35,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(250,162,18,1) 0%,rgba(239,73,35,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(250,162,18,1) 0%,rgba(239,73,35,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(250,162,18,1) 0%,rgba(239,73,35,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(250,162,18,1) 0%,rgba(239,73,35,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa212', endColorstr='#ef4923',GradientType=0 ); /* IE6-8 */
}
.btn-primary:hover{
    background: rgb(250,173,50); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYWQzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMTYwM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(250,173,50,1) 0%, rgba(241,96,63,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,173,50,1)), color-stop(100%,rgba(241,96,63,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(250,173,50,1) 0%,rgba(241,96,63,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(250,173,50,1) 0%,rgba(241,96,63,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(250,173,50,1) 0%,rgba(241,96,63,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(250,173,50,1) 0%,rgba(241,96,63,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faad32', endColorstr='#f1603f',GradientType=0 ); /* IE6-8 */

}
.btn:hover, .btn:focus {
    background-position:inherit !important;
}
.btn-normal{
    color: white;
    font-family: 'Open Sans 600i','Open Sans', sans-serif;
    line-height: 30px;
    font-size: 21px;
    font-weight: 600;
    font-style: italic;
    background: rgb(209,209,209); /* Old browsers */
    text-shadow: none;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZTllOWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(209,209,209,1) 0%, rgba(158,158,158,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,209,209,1)), color-stop(100%,rgba(158,158,158,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(158,158,158,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(158,158,158,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(158,158,158,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(209,209,209,1) 0%,rgba(158,158,158,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#9e9e9e',GradientType=0 ); /* IE6-8 */


}
.btn-normal:hover{
    color: white;
    background: rgb(212,212,212); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q0ZDRkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNGE0YTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(212,212,212,1) 0%, rgba(164,164,164,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(212,212,212,1)), color-stop(100%,rgba(164,164,164,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(212,212,212,1) 0%,rgba(164,164,164,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(212,212,212,1) 0%,rgba(164,164,164,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(212,212,212,1) 0%,rgba(164,164,164,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(212,212,212,1) 0%,rgba(164,164,164,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#a4a4a4',GradientType=0 ); /* IE6-8 */

}

/*-----------------------------------*/
/*-------- HEADER STUFF -------------*/
/*-----------------------------------*/
#header .container{
    position: relative;
}
#header .stripe-area{
    background-color: #3c4856;
    height: 35px;
    display: block;
    width: 100%;
}
#header .white-area{
    display: block;
    border-bottom: 1px solid #cccccc;
    width: 100%;
    height: 102px;
}

/********** Secondary nav ***********/
#secondary-nav{
    position: absolute;
    right: 525px;
    top: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    letter-spacing: 0px;
}
body.lang-fr #secondary-nav{
    right: 550px;
}
#secondary-nav li{
    display: inline-block;
    color: #ccc;
}
#secondary-nav li.logout {
    margin-left: 12px;
}
#secondary-nav li.logout .name {
    color: #aaa;
}

#secondary-nav li.logout .name strong {
    color: #a8e0fe;
}
#secondary-nav a{
    color: white;
    margin-left: 12px;
}


/********** Logo ***********/
#header .logo{
    margin-top: 25px;
    margin-top: 0px\9; /* IE9 */
    display: inline-block;
}

#search {
    position: relative;
    border-left:1px solid #FFF;
    padding:4px 0 0 25px;
    margin:0px;
    height:35px;
}
#search > *{
    display:inline-block;
    vertical-align:middle;
}
#search .search-label{
    color: #FFF;
    margin-right:10px;
    font-weight:500;
    font-family: 'Open Sans', sans-serif;
    line-height:27px;
}
#search fieldset{
    margin-right:10px;
}
#search fieldset:last-of-type{
    margin-right:5px;
}
#search fieldset label{
    color: #FFF;
    margin:0 5px 0 0;
    line-height:27px;
    font-size:16px;
    font-family: 'Open Sans', sans-serif;
    font-weight:500;
}
#search fieldset input{
    margin:0px;
}
#search fieldset > *{
    display:inline-block;
    vertical-align:middle;
}
#search .submit-wrap{
    position:relative;
}
#search input.search-input {
    width: 205px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 26px;
    margin-bottom:0px;
}
#search .search-submit {
    position:absolute;
    right: 0px;
    top: 2px;
    width: 27px;
    height: 24px;
    background: url(../_media/en/icon_search.png) center top no-repeat #fff;
    border-width: 0px;
    border-radius: 5px;
}
#search button {
    height: 26px;
    line-height: 18px;
}


/******** Main menu *******/
#main-menu{
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 35px;

}

.navbar-inner {
    filter: none; /* remove the background gradient in IE */
}

#main-menu .navbar-inner{
    padding:0px;
    box-shadow: none;
}
#main-menu .nav{
    margin: 0px auto;
    float:none;
    left:auto;
}
#main-menu .nav > li{
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
    float:none;
}
#main-menu .nav .active > a{
    color: white;
    box-shadow: none;
    background: rgb(147,215,249); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzZDdmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOWEyZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(147,215,249,1) 0%, rgba(57,162,214,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(147,215,249,1)), color-stop(100%,rgba(57,162,214,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(147,215,249,1) 0%,rgba(57,162,214,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(147,215,249,1) 0%,rgba(57,162,214,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(147,215,249,1) 0%,rgba(57,162,214,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(147,215,249,1) 0%,rgba(57,162,214,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93d7f9', endColorstr='#39a2d6',GradientType=0 ); /* IE6-8 */

}
#main-menu .nav > li > ul.dropdown-menu{
    margin-top: -10px;
    margin-left: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#main-menu .nav > li > a{
    padding: 5px 10px 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 5px;
}

#main-menu .nav > li > a:hover{
    background-color: #a8e0fe;
    color: white;
}

#main-menu .dropdown-menu li{
    padding: 5px 9px 5px 5px;
    min-width: 190px;
    max-width: 260px;
}
#main-menu .menu.products .dropdown-menu li{
    min-width: 220px;
}

#main-menu .dropdown-menu a{
    padding: 5px;
    margin-left: 0;
    color: white;
    white-space: normal;
}

#main-menu a:hover
{
    background-color: #6999d6;
    background-image: none;
}

#main-menu .dropdown-menu a[target='_blank'],
#main-menu .dropdown-menu a[target='_blank']:hover
{
    background-image: url(../_media/icon-external-link-white.png) !important;
    background-position: right center;
    background-repeat: no-repeat;
}

#main-menu .dropdown-menu, #main-menu .dropdown-submenu{
    background-color: #6ab8e3;
    min-width: 100%;
}
#main-menu .dropdown-submenu > a:after{
    content:none;
}
#main-menu .dropdown-submenu > a, #main-menu .dropdown-menu > a {
    background: url(../_media/menu-arrow.png) right center no-repeat;
    padding-right: 15px;
}
#main-menu .dropdown-submenu > a:hover, #main-menu .dropdown-menu > a:hover {
    background: url(../_media/menu-arrow.png) right center no-repeat #6999d6;
}


#main-menu .dropdown-submenu.reveal_sections_on_left .dropdown-menu{
    left: -100%;
    border-radius: 6px 0px 6px 6px;
    -moz-border-radius: 6px 0px 6px 6px;
    -webkit-border-radius: 6px 0px 6px 6px;
    margin-top: 0px;
}

#main-menu a{
    color: #024e8f;
    font-weight: 600;
    text-shadow: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#main-menu .dropdown-menu::before,
#main-menu .dropdown-menu::after {
    border-style: none;
    border-color: transparent;
    content: none;
}
#main-menu .expander{
    display: none;
}


/********* Homepage slideshow *******/
/* Prevents slides from flashing */
#slides {
  display:none;
  position: relative;
  height: 272px;
}
#slides > a,
#slides a > img {
    width: 100%;
}

#slides .slidesjs-container {
    position: relative;
}
#slides .slidesjs-pagination{
    z-index: 10;
    list-style: none;
    position: absolute;
    left: 20px;
    bottom: 20px;
    margin: 0 0 0 0;
/*    float: right;
    margin-top: -20%;
    margin-right: 46px;
    position: relative;*/
}
#slides .slidesjs-pagination a{
    font-size: 0;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #6ab8e3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border:1px solid #eee;
}
#slides .slidesjs-pagination a.active {
    background-color: #eef;
    border-color:#6ab8e3;
}

#slides .slidesjs-pagination > li {
    display: inline-block;
    margin-left:10px;
    *float: left;
}
#slides .slidesjs-pagination > li:first-child {
    margin-left: 0px;
}

/********* Homepage area2 *******/
/*------------------------------*/
#homepage-area1{
    background-color: #e9eef0;
    min-height: 205px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #ccc;
}
#homepage-area1 h1{
    font-family: 'Open Sans 600i', 'Open Sans';
    font-size: 30px;
    font-style : italic;
    font-weight: 600;
    letter-spacing: -1px;
}
#homepage-area1 h1 img{
    margin-right: 10px;
}
#homepage-area1 p {
    font-family: 'Open Sans 600', 'Open Sans';
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0;
}

/********* Homepage area2 *******/
/*------------------------------*/
#homepage-area2 h1, .content-aside ul li.level-0 > a {
    font-family: 'Open Sans 600', 'Open Sans';
    font-weight: 600;
    font-size: 24px;
}
#homepage-area2 h1 {
    border-bottom: 2px solid #cccccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

/********* Literature list ********/
#homepage-area2 .literature-and-manuals ul, .content-aside ul li.level-0 ul {
    margin:0;
    padding:0;
    margin-left: 5px;
    list-style-position: inside;
}
#homepage-area2 .literature-and-manuals ul li {
    border-bottom: 1px solid #cccccc;
    padding-top: 14px;
    padding-bottom: 15px;
    list-style-image:url(../_media/en/arrow_right.png);
}
#homepage-area2 .literature-and-manuals ul li a, .content-aside ul li.level-1 a, .content-aside ul li.level-2 a {
    font-size: 16px;
    line-height: 21px;
}
#homepage-area2 .literature-and-manuals ul li:first-child{
    border-top: 0px;
    padding-top:0px;
}

/********* My Velan list ********/
#homepage-area2 .join-my-velan ul{
    font-size: 14px;
    line-height: 21px;
    margin-left: 20px;
}
#homepage-area2 .join-my-velan ul li{
    border-top: 1px solid #cccccc;
    padding-top: 9px;
    padding-bottom: 10px;
}

/********* News ********/
#homepage-area2 .news-and-contact .news ul{
    margin-left:20px;
    padding:0;
    font-size: 14px;
    line-height: 21px;
}
#homepage-area2 .news-and-contact .news ul li {
    list-style-image:url(../_media/en/arrow_right.png);
}
/******** Events *********/
.events-item{
    margin-bottom: 40px;
}
.events-item h2{
    border-bottom: 1px solid darkgray;
    padding-bottom: 15px;
}
.events-item .news-item > a{
    font-weight: 800;
}


/********* Contact ********/
.news-and-contact .contact{
    font-size: 14px;
    line-height: 21px;
}
#homepage-area2 .news-and-contact .contact .bootstrap-select{
    width: 100%;
}

#homepage-area2 .news-and-contact .contact .bootstrap-select .dropdown-menu{
    max-height: 200px;
}
.contact-widget-parts {

}
.contact-widget-parts div, .contact-widget-parts label{
    display: inline-block;
    vertical-align: middle;
}
.contact-widget-parts label{
    margin: 0px 5px 0px 0px;
}
.contact-widget-parts .bootstrap-select,.contact-widget-parts .bootstrap-select.span2 {
    margin: 0px 20px 0px 0px;
}


/****** News items *******/
.news-item{
    padding-bottom: 15px;
    padding-top: 15px;
    border-top: 1px solid #cccccc;
}
news-item p{
    margin-bottom: 0px;
}
.news-item.first-child{
    padding-top:0px;
    border-top: none;
}
.news-item .img{
    display: inline-block;
    zoom: 1;
    float: right;
    padding-left: 10px;
    padding-bottom: 10px;
    *display: inline;
    margin-top: 10px;
}

/******* News page *********/
#news-page .date{
    margin-bottom: 30px;
}
#news-page .body .img{
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}
#news-page .related{
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin-top: 40px;
    margin-bottom: 20px;
}
#news-page .related ul{
    margin-left: 60px;
    margin-top: 20px;
}


/****** News archive page *******/
#news-archive .select-year label{
    display: inline-block;
    margin-right: 20px;
}
#news-archive .select-year .bootstrap-select{
    margin-bottom: 0px;
    *display: inline;
    zoom: 1;
}


.inside-page-header {
    max-height: 180px;
    margin-bottom:1px;
}

.breadcrumbs {
    border-top: 1px solid #ccc;
    height: 39px;
    background-color: #f3fafc;
}
.breadcrumbs ul {
    margin: 0px;
}
.breadcrumbs ul li {
    float:left;
    list-style-type: none;
    line-height: 39px;
    padding-right: 20px;
    padding-left: 10px;
    color: #999;
    background: url(../_media/en/arrow_breadcrumb.png) right center no-repeat;
}
.breadcrumbs ul li:first-child {
    padding-left: 0px;
}
.breadcrumbs ul li.bc-last {
    background-image: none;
}

.breadcrumbs ul li a {
    color: #000;
}



.content {
    margin-top: 30px;
    position: relative;
}
.content-main {
    font: 400 16px/30px 'Open Sans';
}
.content-main h1, .content-main h2, .content-main h3 {
    font-family: 'Open Sans 600i', 'Open Sans';
    font-weight: 600;
    font-style: italic;
    line-height: 48px;
    color: #485767;
    font-size: 48px;
    letter-spacing: -1px;
    margin-bottom: 18px;
    position: relative;
}
.content-main h1{
    margin-bottom: 40px;
}
.content-main h3, .content-main h2 {
    font-size: 24px;
    line-height: 30px;
    color: #3d4856;
    letter-spacing: 0px;
    margin-bottom: 10px;
}

.content-main ul li {
    line-height: 30px;
}

.content-aside ul {
    margin: 0px;
}
.content-aside ul.side-nav {
    width: 94%; /* on normal size screens, width becomes 282px, which is OK for side banners */
    margin-top: 0px;
}
.content-aside a {
    display: inline-block;
    font: 400 16px 'Open Sans 400', 'Open Sans';
}
.content-aside a[target="_blank"]::after,
a.apply-now[target="_blank"]::after{
    background: url(../_media/icon-external-link.png) left center no-repeat;
    content: '';
    width:15px;
    height:14px;
    display:inline-block;
    vertical-align:middle;
    margin-left:10px;
}
a.apply-now[target="_blank"]::after{
    background: url(../_media/icon-external-link-white.png) left center no-repeat;
}
.content-aside > ul li {
    list-style-type:none;
    border-top: 1px solid #ccc;
}

.content-aside > ul li a {
    padding: 14px 0px 14px 15px;
}
.content-aside ul li.level-1 > a {
    padding: 14px 0px 14px 19px;
    background: url(../_media/en/arrow_right.png) left center no-repeat;
}

.content-aside ul li a.current {
    color: #666;
}

.content-aside ul li.level-0 {
    border-top: 0px solid #fff;
}

.content-aside ul li.level-0 > a{
    color: #3d4856;
    padding-bottom: 10px;
    background:none;
    padding-left: 15px;

}
.content-aside ul li.level-0 > ul {
    border-top: 1px solid #ccc;
}

.content-aside ul li.level-0 a:hover {
    text-decoration: none;
}
.content-aside ul li.level-1 a {
    margin-left: 15px;
}

.content-aside ul li.level-2 a {
    margin-left: 30px;
}

.content-aside ul li.level-3 a {
    margin-left: 0px;
    padding-right: 15px;
}

.content-aside ul .hide {
  display: block;
}
.content-aside .side-banner {
    margin: 10px 0px;
}

.content-aside .scroll-with-page.fixed {
    position:fixed;
    top: 0px;
    width: 282px;
}
.content-aside .scroll-with-page.fixed-bottom {
    position:absolute;
    width: 282px;
    bottom: -90px;
}
.content-aside .news-and-contact .contact {
    padding-left: 15px;
    padding-right: 20px;
}
.content-aside .news-and-contact .contact a {
    font-size: 14px;
}
.subnav ul.products li.hide ul {
    display: none;
}

.subnav ul.products .subsubsubnav {
    display: none;
    left: 300px;
    position: absolute;
    border: solid 1px #ccc;
    margin-top: -50px;
    background-color:#fff;
    z-index: 2;
}


/*-------- FOOTER STUFF -----*/
#footer{
    background-color: #3c4856;
    color: white;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-top: 40px;
}
/********** Slogan ********/
#footer .quality-that-lasts {
    margin-top: 15px;
}
#footer .slogan{
    margin-bottom: 55px;
}
#footer .slogan .blurb{
    font-family: 'Open Sans 400i', 'Open Sans';
    font-style: italic;
    font-size: 14px;
    line-height: 21px;
    padding-left:20px;
    padding-top:10px;
    padding-bottom: 10px;
}

/********** SITEWELL ********/
#sitewell ul{
    list-style: none;
}
#sitewell .span3 > ul{
    padding-bottom: 20px;
}
#sitewell .span3 > ul, #sitewell .span3 > ul > ul{ /* First and second level ul */
    margin: 0;
}
#sitewell a{
    color: white;
}
#sitewell ul li a {
    font-size: 12px;
    line-height: 21px;
}

#sitewell ul li a[target='_blank'] {
    padding-right: 25px;
    background-image : url(../_media/icon-external-link-white.png) !important;
    background-position: right center;
    background-repeat: no-repeat;
}

#sitewell .span3 > ul > li{
    border-bottom: 1px solid gray;
    padding-bottom: 11px;
    margin-bottom: 16px;
}

#sitewell .span3 > ul > li > a{ /* Headline */
    font-size: 18px;
    letter-spacing: 0px;
}
#sitewell span.continued{
    font-size: 12px;
    color: #959595;
}


#copyrights {
    height: 75px;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    line-height: 75px;
}
#copyrights .visible-phone {
    line-height: 40px;
}
#copyrights a {
    color: #99c;
}
#copyrights .separator {
    color: #666;
    padding: 0px 8px;
}

#copyrights .credits {
    background-color: #000;
    text-align:center;
}
#copyrights .credits img {
    opacity: 0.8;
    transition: opacity 0.3s;
    margin-left: 10px;
}

#copyrights .credits img:hover {
    opacity: 1.0;
}

/*********** COMPANY PAGES **************/
table.logo-policy td {
    font-size: 13px;
    line-height: 20px;
}

/************ PRODUCT PAGES****************/
body.products .content-main h2 {
    border-bottom: 2px solid #ccc;
    padding: 20px 0px;
}
body.products .content-main h2, body.products .content-main h3 {
    margin-top: 30px;
}

.product-category-listing .category {
     clear:left;
}

.product-category-listing ul li {
    height: 70px;
    border: 1px solid #ddd;
    padding: 11px 10px;
    position: relative;
    margin-bottom: 20px;
}
.product-category-listing ul li .title {
    position: absolute;
    left: 90px;
    top: 10px;
    font-size: 14px;
    line-height: 18px;
    *width: 200px;
}

a.back-to-top {
    font-size: 13px;
    border: 1px solid #ccc;
    line-height:19px;
    padding: 2px 15px;
    color: #3d4856;
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
}

.ie6-message {
    display:none;
}

html.msie6 .ie6-message {
    display:block;
}

.content-main .cat_list {
    border-bottom: 1px solid #ccc;
}
.content-main .cat_list li {
    list-style-image: url(../_media/en/arrow_right.png);
}

.productOverviewImages {
    float: right;
    padding-left: 10px;
    padding-bottom: 10px;
    border: 0;
}
ul.product-listing {
    margin:0px;
    padding: 0px;
}

ul.product-listing li {
    float:left;
    width: 200px;
    list-style-type: none;
    border: 1px solid #ccc;
    margin-left: 4px;
    margin-bottom: 4px;
}

ul.product-listing li .img-wrap {
    min-height: 280px;
}

ul.product-listing li table {
    width: 100%;
}
ul.product-listing li table td {
    text-align:center;
}
ul.product-listing li img {
    display:block;
    margin: 10px auto;
}
ul.product-listing .product-title {
    display:block;
    height: 54px;
    line-height: 19px;
    font-family: 'Open Sans 600', 'Open Sans';
    font-weight: 600;
    padding: 5px;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
}

ul.product-listing li dl {
    height: 140px;
    font-size: 12px;
}

#relatedproducts ul.product-listing li dl, body.products .search-results ul.product-listing li dl, body.industries_served ul.product-listing li dl {
    margin: 0px;
    height: 200px;
}

ul.product-listing li dt{
    margin-left: 10px;
    margin-top: 10px;
}
ul.product-listing li dd{
    line-height: 16px;
}
body.products .single-product h3.productSubhead {
    margin-top: 0px;
}

body.products .single-product .product-listing {
    float:right;
    margin-left: 30px;
    margin-bottom: 20px;
}
body.products .single-product #relatedproducts .product-listing {
    float:none;
    margin: 20px 0px;
}
body.products .single-product .info {
    min-height: 500px;
}

/*************** LITERATURE ********************/
body.resources #frmFilter {
    background-color:#f1f1f1;
    padding:20px 30px;
}
body.resources #frmFilter.form-horizontal label.control-label {
    padding-right: 10px;
    padding-top: 8px;
    width: 20%;
}
body.resources #frmFilter .control-group {
    margin-bottom:5px;
}
body.resources #frmFilter .controls {
    margin-left: 90px;
}
body.resources #doctypeFilter {
    width: 75%;
}
body.resources h2.productCategories {
    clear:left;
    margin-top: 30px;
}
ul.literatureTable, .product-category-listing ul, body.industries_served ul.industry_list {
    margin: 0px;
    padding: 0px;
}
.literatureTable li {
    list-style-type:none;
    margin: 0px;
    position:relative;
}
.literatureTable .document-code {
    display:block;
    font-size: 13px;
    color: #333;
}
body.resources .literatureTable li, .product-category-listing ul li, body.industries_served ul.industry_list li {
    position: relative;
    list-style-type:none;
    margin: 0px;
    float: left;
    width: 278px;
    height: 180px;
    padding: 30px 15px;
    border: 1px solid #ccc;
}
#literature-listing .eof {
    border:1px solid #ccc;
    padding: 50px 10px;
    text-align:center;
}
.product-category-listing ul li {
    height: 70px;
    padding: 12px 15px;
}
body.industries_served ul.industry_list li {
    height: 100px;
    padding: 12px 15px;
}

body.resources .literatureTable li .coverImage{
    float:left;
}
body.resources .literatureTable li .infoColumn{
    margin-left: 87px;
    font-size: 14px;
    line-height: 20px;
}
body.resources .literatureTable li .docType, body.resources .literatureTable li .docTitle, body.resources .literatureTable li .docSize{
    display:block;
}
body.resources .literatureTable li .docType {
    font-weight: 600;
    font-family: 'Open Sans 600', 'Open Sans';
}

.emailDocument, .minicart-submit, .add-to-cart {
    padding: 5px 32px 5px 10px;
    background: url(../_media/en/icon_email_small.png) 95% center no-repeat;
    font: normal 12px Arial, Helvetica;
    line-height: 14px;
    color: #000;
    border: 1px solid #ccc;
}
.emailDocument.selected {
    background-image: url(../_media/en/icon_check.png);
}

.email-documents-cart {
    margin-top: 20px;
    border:1px solid #ccc;
    display: none;
}
.email-documents-cart h4 {
    background-color: #A9E0FF;
    font-size: 14px;
    margin: 0px;
    padding: 5px 5px 5px 10px;
}
.email-documents-cart ol {
    margin: 10px auto;
    width: 88%;
    padding: 2px 5px 2px 5px;
}

.email-documents-cart ol li {
    padding: 10px 0px;
    font-size: 12px;
    line-height: 18px;
    list-style-position:inside;
    border-bottom: 1px solid #ccc;
    list-
}
.email-documents-cart ol li:first-child {
    border-top: 1px solid #ccc;
}
.email-documents-cart ol li a {
    font-size: 12px;
    line-height: 18px;
    color: #000;
    display:inline;
}
.email-documents-cart .emailDocument.submit {
    width: 47%;
    margin-left: 33%;
    margin-bottom: 20px;
    cursor:pointer;
}

body.resources .literatureTable li .emailDocument {
    position:absolute;
    right: 15px;
    bottom: 20px;
}
body.resources .add-to-cart {
    font-size: 19px;
    background-image:url(../_media/en/icon_cart.png);
    padding: 15px 46px 15px 10px;
}

.emailDocument:hover,
.minicart-submit:hover,
.literatureTable li .arrow a,
.product-category-listing li a.arrow,
ul.industry_list li a.arrow  {
    text-decoration:none;
}
body.resources .literatureTable li .arrow a,
.product-category-listing li a.arrow,
body.industries_served ul.industry_list li a.arrow {
    display: block;
    position:absolute;
    right: 15px;
    bottom: 60px;
    width: 21px;
    height: 21px;
    background: url(../_media/en/button_more.png) center center no-repeat;
}
.product-category-listing li a.arrow, body.industries_served ul.industry_list li a.arrow {
    bottom: 12px;
}

body.resources .literatureTable li .reqColumn {
    position: absolute;
    width: 90%;
    bottom: 15px;
    border: 1px solid #e3e3e3;
    padding: 1px 0px 4px 0px;
}
body.resources .literatureTable li .reqColumn.unavailable, body.products .reqColumn.unavailable  {
    font-size: 13px;
    color: #999;
    border: 0px;
}
body.resources .literatureTable li .reqPrintCopies {
    clear:both;
    width: 99%;
}

body.products .reqPrintCopies {
    border: 1px solid #ccc;
    padding: 2px 5px 5px 0px;
    display: block;
}

.reqPrintCopies td label {
    padding-left: 34px;
    font-size: 13px;
    line-height: 16px;
    padding-top: 6px;
    background: url(../_media/en/icon_printer.png) 9px 6px no-repeat;
}
body.products .reqPrintCopies td label {
    padding-right:6px;
}
.reqPrintCopies td.quantity {
    text-align:right;
}
.reqPrintCopies td.quantity input {
    width: 60px;
    text-align: right;
    margin-bottom: 0px;
    height: 16px;
    font-size: 12px;
}
h3.productsCategoryHeader {
    font-style: normal;
    font-family: 'Open Sans 600', 'Open Sans';
    font-weight: 600;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.literatureTable .lit-description {
    padding-left: 20px;
    background: url(../_media/en/arrow_right.png) 4px 6px no-repeat;
}
.literatureTable .download {
    line-height: 23px;
}


body.industries_served ul.industry_list li a.img {
    float: left;
    display:block;
    width: 100px;
    height: 100px;
}
body.industries_served ul.industry_list li a.title {
    margin-left: 15px;
}

body.industries_served .article-images {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

body.my_velan .contact h2 {
    border-bottom:1px solid #ccc;
    padding-bottom: 15px;
}
body.my_velan .contact h3 {
    font: 600 18px/21px 'Open Sans 600', 'Open Sans';
    font-style: normal;
}
body.my_velan .contact .info address {
    line-height: 28px;
}


body.my_velan .note-change-email {
    display:none;
    font-size: 13px;
    line-height: 17px;
    color:#888;
    margin-top: 6px;
}

body.my_velan .email_updated_message {
    margin: 20px 0px;
    background-color:#eee;
    padding: 5px 10px;
    border: 1px solid #999;

}

.timeline-two-column {
    display:block;
    margin: 0 auto;
}
.timeline-one-column {
    display:none;
    margin: 0 auto;
}


/********* MINICART **********/

.minicart {
    margin: 20px 0px;
    border:1px solid #ccc;
}

.minicart table {
    width: 92%;
    font-size: 13px;
    display: block;
    margin: 12px auto;
}
.minicart h3 {
    background-color: #A9E0FF;
    color: #333;
    text-align:left;
    font-size: 16px;
    line-height: 30px;
    padding: 0px 10px;
    margin: 0px;
}
.minicart table thead td {
    border-top: 1px solid #ccc;
}
.minicart table thead td, .minicart table tbody td {
    border-bottom: 1px solid #ccc;
    padding: 4px 0px;
}
.minicart table thead td.items{
    text-align:left;
}
.minicart table thead td.qty{
    text-align:right;
}
.minicart table tbody td, .minicart table tbody td a {
    font-size: 13px;
}
.minicart table tbody td.qty {
    text-align: right;
    vertical-align: top;
}

.minicart a.minicart-submit {
    margin-top: 10px;
    font: normal 12px Arial, Helvetica;
    background: url(../_media/en/icon_submit.png) 95% center no-repeat;
}


/******** MY VELAN ***********/
body.my_velan table.my-velan-dashboard {
    background-color: #f1f1f1;
    margin: 60px 0px;
}
body.my_velan table.my-velan-dashboard td {
    padding: 15px 7px;
    border-bottom: 1px solid #fff;
}
body.my_velan table.my-velan-dashboard td a {
    font-weight: 600;
    font-family: 'Open Sans 600', 'Open Sans';
}
/******** MY ORDERS *******/
table.shoppingCart thead th {
    background-color: #A9E0FF;
}

table.shoppingCart td {
    font-size: 14px;
}
table.shoppingCart td.thumb img{
    width: 60px;
}
table.shoppingCart td.doc-code {
    white-space:nowrap;
}
table.shoppingCart td.qty {
    text-align:right;
}
form.generic table.shoppingCart td textarea {
    display:block;
    height: 140px;
    margin: 0px auto;
    background-color:#fff;
    *width : 580px;
}

form.generic table.shoppingCart td input.span1 {
    font-size: 13px;
    height: 28px;
    width: 40px;
    background-color:#fff;
    text-align:right;
    line-height: 14px;
}

#prodRequestHideShipping {
    display: none;
}
#frmPrintRequest a.view-all-literature {
    background: url(../_media/en/arrow_right.png) 3px center no-repeat;
    padding-left: 22px;
}
#frmPrintRequest .form-actions {
    padding-left: 20px;
}
#shippingInfo {
    display: none;
}
body.my_velan #frmPrintRequest h2 {
    width: 88%;
    margin-top: 50px;
    margin-bottom: 0px;
}
body.my_velan .shipping-address-actions {
    float:right;
    margin-top: -28px;
    font-size: 13px;
}
body.my_velan .shipping-address-actions a {
    border: 1px solid #ccc;
    padding: 3px 18px 3px 8px;
    color: #000;
    background-position:85% center;
    background-repeat: no-repeat;
}

body.my_velan .shipping-address-actions a#prodRequestEditShipping {
    background-image:url(../_media/en/arrow_down_small.png);
}
body.my_velan .shipping-address-actions a#prodRequestHideShipping {
    background-image:url(../_media/en/arrow_up_small.png);
}


/********* ORDER HISTORY **************/
form.generic.order-history label {
    display:block;
    clear:left;
    margin-top: 13px;
}
form.generic.order-history input {
    width: 80%;
}
form.generic.order-history .icon-calendar {
    background: url(../_media/en/arrow_down_small.png) 90% 90% no-repeat #fff;
    width: 25px;
    height: 25px;
    padding: 8px 13px;
    border: 1px solid #ccc;
    margin-left: 10px;
    margin-top: -8px;
    cursor: pointer;
}

body.my_velan table.orderHistory tbody td, body.my_velan table.orderHistory thead th {
    font-size: 14px;
}
body.my_velan table.orderHistory thead th {
    background-color: #A9E0FF;
    border-right: 1px solid #fff;
}

body.my_velan table.orderDisplay td.title {
    width: 35%;
}
body.my_velan table.orderDisplay td.data {
    width: 65%;
}


/************ CAREER SUBMISSION FORM **********/
#career_submission #label_locations{
    float: left;
    width: 30%;
}
#career_submission #field_locations{
    float: right;
    width: 60%;
}

/************ CAPTCHA UNITS **********/
#captcha-image
#captcha-image-reload,
#captcha-text{
    float: left;
}
#captcha-images #captcha-text{
    float: left;
    width: 47%;
    margin-right: 5px;
}


/******** RSS links ***********/
.rss{
    position: absolute;
    right: 0;
}

/************ SERVICE LOCATIONS ************/
#map_canvas {
    margin-top:20px;
    width:100%;
    height:400px;
}

#map-form {
    margin:20px 0px;
}
#map-form div {
    margin:10px 0px;
    padding:10px 0px;
}
#map-form label {
    font-weight:bold;
    display:inline-block;
    width:170px;
}

#map-form #autocomplete, #service_level {
    display:inline-block;
    padding:2px;
    width:300px;
}
#service_level  {
    width:308px; /* need to make a select box a little wider to it look the same width as #autocomplete */
}
.service_level_1 { color:red; }
.service_level_2 { color:green; }
.service_level_3 { color:blue; }
.service_level_4 { color:purple; }
.map-info-window-content td {
    font-size: 13px;
    line-height: 18px;
}
.map-info-window-content td h3 {
    font-size: 15px;
    line-height: 20px;
    margin: 0px;
}

/****** CONTACTS PAGE **********/
#contact-head-office{
    width: 100%;
    background-color: #EEE;
    color: #3d4856;
    margin-bottom: 30px;
}
#contact-head-office tr:first-child th{
    border-bottom: 1px solid #cccccc;
    text-align: left;
    font-family: 'Open Sans 600i', 'Open Sans';
    font-style: italic;
    font-weight: normal;
    font-size: 24px;
    letter-spacing: -1px;
}
#contact-head-office th{
    padding: 30px 20px 20px 20px;
}
#contact-head-office td{
    padding: 20px 20px 30px 20px;
    line-height: 30px;
}
#contact-head-office td:first-child{
    box-sizing: content-box;
    border-right: 1px solid #cccccc;
}
/* Column items.. */
body.contacts .toparea  h1{
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -1px;
    font-weight: 600;
    font-style: italic;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5px;
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 0px;

}
body.contacts .toparea  h2{
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    margin-bottom: 0px;
    margin-top: 0px;
}
body.contacts .toparea  br{
    display: block;
    height: 10px;
    margin:0;padding:0;
}
body.contacts .toparea  em{
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
}
/* Google maps */
#contact-map{
    width: 100%;
    height: 400px;
}
#contact-map, #contact-map-legend{
    margin-bottom: 30px;
}
#contact-map .googlemap-info-window{
    font-size: 12px;
    line-height: 15px;
    min-height: 110px;
    height: auto;
}
#contact-map .googlemap-info-window > div{
    margin-bottom: 7px;
}
#contact-map .googlemap-info-window > div.tel:not(:last-child){
    margin-bottom: 0px;
}

#contact-map .googlemap-info-window .title{
    font-weight: bold;
    border-bottom: 2px solid #cccccc;
}
#contact-map .googlemap-info-window .subtitle{
    font-style: italic;
    margin-right:5px; /* otherwise italics can go outside the window */
}
#contact-map div > img, #contact-map div > img[draggable] {
    max-width: none; /* max-width: 100% from bootstrap screws up the map info window arrow. This fixes it. */
}

/****** CONTACTS / SALES, CONTACTS / SERVICE ******/
#find-contact{
    margin-top: 30px;
    position:relative;
}
#find-contact .upper-area, #find-contact .lower-area{
    padding: 20px;
}
#find-contact .upper-area{
    background-color: #EEE;
}
#find-contact .upper-area select[name=country-select]{
    margin-bottom: 0px;
}
#find-contact .lower-area{
    background-color: #E0E0E0;
}
#find-contact table .title-container{
    width: 140px;
}
#find-contact table .button-container{
    width: 100px;
}
#find-contact .bootstrap-select{
    margin-bottom: 0px;
}
#find-contact .lower-area h3{
    margin-top: 25px;
    font-size: 20px;
    border-bottom: 1px solid #ccc;
}
#find-contact #submit-btn{
    margin-top: 10px;
}

/***** MY VELAN LOGIN PAGE *******/
body.my_velan .login-form .inline input[type=checkbox]{
    margin-top: 0;
    margin-bottom: 0;
}
body.my_velan .login-form .inline label{
    margin-top: 0;
    margin-bottom: 0;
}

#external-news-feed {
    display:block;
    width: 99%;
    border-width: 0px;
    overflow: hidden;
    height: 260px;
}

/***** GDPR NOTICE *******/
#gdpr-notice-wrapper{
    height:100%;
    width:100%;
    animation: 1s FadeOut;
    background-color: rgba(0,0,0,0.3);
    position:absolute;
    top:0;
    left:0;
    z-index:99;
}
@keyframes FadeOut {
    0% {
      background-color: rgba(0,0,0,0);
    }
    100% {
      background-color: rgba(0,0,0,0.3);
    }
}
#gdpr-notice{
    background: #000;
    color: #FFF;
    position:fixed;
    bottom:0;
    width:100%;
    padding:30px;
    font-size:20px;
    line-height:30px;
    box-sizing: border-box;
}
#gdpr-notice-wrapper .gdpr-flex-center{
    display:flex;
    align-items: center;
}
#gdpr-notice-wrapper .gdpr-flex-top{
    display:flex;
    align-items: start;
}
#gdpr-notice .btn{
    margin-left:15px;
}
#gdpr-notice .privacy-link{
    color: #AAA;
    font-size:14px;
}
#gdpr-notice-myvelan{
    background-color:#FFF;
    color: #000;
    border-radius:2px;
    width: 585px;
    max-width:100%;
    position:fixed;
    top: 138px;
    left:50%;
    transform:translateX(-50%);
    padding:80px 60px 60px 60px;
    font-size:20px;
    line-height:30px;
    box-sizing: border-box;
}
#gdpr-notice-myvelan .gdpr-warning-icon{
    margin-right:15px;
    width:57px;
}
#gdpr-notice-myvelan .privacy-link{
    margin-top:25px;
    margin-bottom:25px;
    display:block;
    font-size:14px;
}
/*-------- RESPONSIVE :: LARGE DESKTOP -----------*/
@media (min-width: 1200px) {
    body.products ul.product-listing li {
        width: 250px;
    }

    body.resources .literatureTable li, .product-category-listing ul li, body.industries_served ul.industry_list li {
        width: 352px;
    }

    


}



/*-------- RESPONSIVE: NORMAL DESKTOP ----------------- */
@media (min-width: 980px){
    #main-menu .nav > li:hover > ul.dropdown-menu{
        display: block;
    }
    .dropdown-submenu:hover > .dropdown-menu{
        display: block;
    }

    #find-contact #submit-btn {
        position: absolute;
        right: 20px;
        top: 50px;
    }

}

@media (min-width: 980px) and (max-width: 1199px) {
    #main-menu{
        text-align:center;
    }
}
/*-------- RESPONSIVE :: MEDIUM SCREEN -----------*/
@media (max-width: 1199px){
    #header a.logo {
        margin: 15px auto;
        display: block;
        text-align: center;
        width: 300px;
    }
    #main-menu{
        display: block;
        position: relative;
        top:auto;
        right: auto;
    }
    

/*-------- RESPONSIVE :: TABLET LANDSCAPE -----------*/
@media (max-width: 979px){
    /* Header stuff */
    #header .white-area .span9{
        margin-top: -30px;
    }
    #header .white-area{
        height: auto;
        min-height: 102px;
    }


    /******** MAIN MENU ***************/

    #main-menu .btn-navbar{
        margin-right: 10px;
    }
    #main-menu .nav ul{
        margin: auto auto auto auto !important;
    }
    #main-menu .nav li{
        display: block;
        padding: 0;
        border-top: 1px solid white;;
    }

    #main-menu .dropdown-menu li{
        width: 100%;
        max-width:none;
    }

    #main-menu .nav > li:first-child{
        border-top: 0px;
    }
    #main-menu .nav li a{
        color: #6ab8e3;
        margin-left: 0px;
        margin-bottom: 0;
        padding-right: 55px;
        white-space: normal;
    }
    #main-menu .nav{
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    #main-menu li.expanded > ul{
        display: block;
    }
    #main-menu .expander{
        position: absolute;
        right: 15px;
        top: 2px;
        display: block;
    }
    /* level 1 */
    #main-menu .nav > li > a{
        color: white;
        background-color: #a8e0fe;padding-left: 20px;
    }
    /* level 2 bg */
    #main-menu .nav > li > ul > li > a{ padding-left: 40px; }
    /* level 3 bg */
    #main-menu .nav > li > ul > li > ul > li > a{ padding-left: 60px; }
    /* level 4 bg */
    #main-menu .nav > li > ul > li > ul > li > ul > li > a{ padding-left: 80px; }
    #main-menu .dropdown-menu {
        background-color: white;
    }
    #main-menu .dropdown-menu a{
        color: blue;
    }
    #main-menu .dropdown-submenu > a:after{
        border-style : none;
    }

    #main-menu .dropdown-menu li, #main-menu .dropdown-menu li > a:hover{
        background-color: transparent;
    }
    #main-menu .dropdown-menu a{
        border-bottom: 1px solid #a8e0fe;
    }
    #main-menu .dropdown-menu a[target='_blank'],
    #main-menu .dropdown-menu a[target='_blank']:hover {
        background-image: url(../_media/icon-external-link.png) !important;
        background-position: 97% center;
    }



    #homepage-area1 .span4 h1 img {
        width: 40px;
    }

    body.products ul.product-listing li {
        width: 230px;
    }
    body.resources .literatureTable li, .product-category-listing ul li, body.industries_served ul.industry_list li {
        width: 93%;
        margin-bottom: 10px;
    }

    .contact-widget-parts label {
        width: 250px;
    }

    .contact-widget-parts label, .contact-widget-parts div {
        margin-bottom: 10px;
    }

    .contact-widget-parts .bootstrap-select {
        width: 350px;
    }

    body.resources #frmFilter {
        padding: 15px;
    }
    
    #gdpr-notice-myvelan{
        top:30px;
        padding:15px;
    }
    #gdpr-notice-wrapper .gdpr-flex-center{
        display:block;
    }
    #gdpr-notice .btn{
        margin:10px 0;
    }
}

/*-------- RESPONSIVE :: PORTRAIT TABLET TO LANDSCAPE TABLET -----------*/
@media (min-width: 768px) and (max-width: 979px) {
     /****** header span adjustment *******/
    #header .white-area .span3, #header .white-area .span9{
        float: none;
        width: 724px;
    }

}

/*------- RESPONSIVE :: only desktop and large tablet. NOT MOBILE ----------*/
@media (min-width: 768px) {
    #footer .slogan img.quality-that-lasts{
        padding: 30px 5px;
    }
    #footer .blurb {
        padding: 0px 7%;
        border-right: 1px solid gray;
        border-left: 1px solid gray;
    }
    #footer .logos {
        text-align:center;
    }
}

/*-------- RESPONSIVE :: SMALL TABLET OR LARGE PHONE ----------*/
@media (max-width: 767px) {
    body {
        padding: 0px;
    }
    #header {
        width: 100%;
    }

    #header .stripe-area {
        height: auto;
    }
    #slides {
        height: 200px;
    }
    #slides .slidesjs-pagination{
        bottom: 90px;
        right: 10px;
    }
    #slides .slidesjs-pagination a.active {
        background-color: #ccf;
    }
    #secondary-nav {
        position:relative;
        text-align:right;
        right: 15px !important;
    }

    #header #search{
        float:none;
        margin: 10px auto;
        height:auto;
        border-left:none;
        padding:0px 15px;
    }
    #search .submit-wrap{
        display:block;
    }
    #header #search input.search-input{
        display:inline-block;
        width:calc(100% - 75px);
    }
    #header #search .search-submit{
        display:inline-block;
    }

    #main-menu {
        position:relative;
        top: -20px;
    }
    #main-menu .dropdown-menu a[target='_blank'],
    #main-menu .dropdown-menu a[target='_blank']:hover {
        background-position: 94% center;
    }

    #homepage-area1, #homepage-area2, #footer .container {
        width: 96%;
        padding: 0px 2%;
        margin:0px auto;
    }

    .content-aside {
        display:none;
    }
    .content-main {
        padding:10px;
    }
    .breadcrumbs ul {
        margin-left: 10px;
    }

    body.products ul.product-listing li {
        width: 98%;
    }
    body.products ul.product-listing li dl{
        font-size: 14px;
    }
    body.products ul.product-listing li dl dd{
        line-height: 20px;
    }
    body.resources #frmFilter .controls {
        margin-left: 0px;
    }
    body.resources .literatureTable li, .product-category-listing ul li, body.industries_served ul.industry_list li {
        width: 44%;
        margin-bottom: 0px;
    }

    #footer .slogan .blurb {
        margin: 10px 0px;
        padding-left: 0px;
    }

    #copyrights {
        height: 80px;
    }

    form.generic.order-history input{
        display: inline-block;
        width: 75%;
    }
    
    #map-form div{
        margin:0px;
    }
    #map-form label,
    #map-form #autocomplete, 
    #service_level{
        float:none;
    }
}

/*-------- RESPONSIVE :: IPHONE 5 LANDSCAPE ----------*/
@media (max-width: 568px) {
    .content-main h1 {
        font-size: 36px;
        margin-bottom: 20px;
    }
    .breadcrumbs ul li {
        font-size: 13px;
    }
    form.generic.order-history input{
        display: inline-block;
        width: 75%;
    }
}


/*-------- RESPONSIVE :: MOBILE LANDSCAPE ----------*/
@media (max-width: 480px) {
    .content-main h1 {
        font-size: 38px;
        line-height: 38px;
    }
    #slides {
        height: 130px;
    }
    #slides .slidesjs-pagination{
        bottom: 50px;
    }
    body.resources .literatureTable li,.product-category-listing ul li, body.industries_served ul.industry_list li {
        width: 90%;
        margin-bottom: 10px;
    }

    #secondary-nav li {
        font-size: 11px;
    }
    #secondary-nav a {
        margin-left: 7px;
    }

    #footer .slogan .span4 {
        text-align:left;
    }
    body.lang-fr #footer .slogan .span4 img {
        max-width:94%;
    }
    #footer .slogan .span7 {
        padding-left:10px;
    }

    .timeline-two-column {
        display:none;
    }
    .timeline-one-column {
        display:block;
    }
    form.generic.order-history input{
        display: inline-block;
        width: 75%;
    }

    .contact-widget-parts .bootstrap-select {
        width: 280px;
    }
}


/*-------- RESPONSIVE :: MOBILE PORTRAIT ----------*/
@media (max-width: 320px) {
    #slides {
        height: 90px;
    }
    #slides .slidesjs-pagination{
        bottom: 35px;
    }
    .breadcrumbs ul li {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 15px;
    }
    form.generic.order-history input{
        display: inline-block;
        width: 75%;
    }

}