/*  Tags Declaration  */
html {
    font-size: 0.8rem;
}

body {
    font-family: "ProximaNova", "Roboto",  "sans-serif", "Lucida Grande", "Arial";
}

A:not(.nav-link) {
    text-decoration: underline;
}

A:hover {
    cursor: pointer;
}

img {
    border: none;
}

.relax{
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

::placeholder {
  color: navy;
  font-size: 0.9rem;
}

small {
  font-size: 0.9rem;
}

#portal {
    margin-left:10px;
}

#portal_main{
    text-align: left;
    float: left;
    margin-left:10px;
    margin-top:0px;
}

.site-header {
    position: fixed;
    top: 0;
    width: 100%;
    overflow-wrap: break-word ;
    height: 60px;
    background-color: #219fe8; /*#1057c0; #232f3e; #2B547E; */
    padding: 5px;
    z-index: 999;
}

.breadcrumb_banner a {
    color: white;
}

.breadcrumb_banner {
    background: transparent;
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    color: white;
    border-radius: .25rem;
}

.xbreadcrump_div {
    padding: .75rem 0;
}

.xbreadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
     padding: 0;
     margin-bottom: 0;
    list-style: none;
    list-style-position: initial;
    list-style-image: initial;
    list-style-type: none;
    background-color: #1057c0; /*#232f3e; #2B547E; */
    color: white;
    border-radius: .25rem;
}

.xbreadcrumb ul li a{
    color: white;
}

.h-divider{
 margin-top:5px;
 margin-bottom:5px;
 height:1px;
 width:100%;
 border-top:1px solid gray;
}

span.divider {
    margin: 0px 5px;
}

.page-content {
    padding: 1px;
    justify-content: center;
    width:100%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


/*Sidebar Navigation*/
.wrapper {
    display: flex;
    margin-top: 60px;
    width: 100%;
    align-items: stretch;
}


#sidebar.active {
    margin-left: -225px;
}

a[data-toggle="collapse"] {
    position: relative;
}

a[data-toggle="modal"] {
    text-decoration: none;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
}

@media (max-width: 768px) {
    #sidebar {
        margin-left: -225px;
    }
    #sidebar.active {
        margin-left: 0;
    }
}

#sidebar a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
    padding: 0px;
    margin-top: 0px;
}

#sidebar {
    min-width: 225px;
    max-width: 225px;
    top: 0;
    left: 0;
/*    height: 100vh;
*/
    z-index: 100;
    background: #303340;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    transition: all 0.3s;

}

#sidebar .sidebar-header {
    padding: 20px;
    background: #888b96;
}

#sidebar ul.main-menu {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar .dropdown-item {
    background-color: #346b7bfa; /*#d65f5ffa;*/
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a, ul ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}
#sidebar ul li a:hover, ul ul li a:hover {
    color: #303340;
    background: #fff;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: #fff;
    background: #c17658e8; /*#888b96;*/
}

ul ul a {
    padding-left: 30px !important;
    background: #333;
}

ul ul a:not(.dropdown-toggle) {
    font-size: 0.9em !important;
}

ul ul ul a {
    font-size: 0.9em !important;
    padding-left: 60px !important;
    background: #888b96;
}

.overlay {
    display: none;
    position: fixed;
    /* full screen */
    width: 100vw;
    height: 100vh;
    /* transparent black */
    background: rgba(0, 0, 0, 0.7);
    /* middle layer, i.e. appears below the sidebar */
    z-index: 998;
    opacity: 0;
    /* animate the transition */
    transition: all 0.5s ease-in-out;
}
/* display .overlay when it has the .active class */
.overlay.active {
    display: block;
    opacity: 1;
}

#dismiss {
    width: 35px;
    height: 35px;
    position: absolute;
    /* top right corner of the sidebar */
    top: 10px;
    right: 10px;
}

.copyright {
    font-size:13px;
    margin-left: 10px;
    text-align:center;
    color: #333;
}

.dock_image {
    background-repeat: no-repeat;
    width:100px; /*or your image's width*/
    height: 100px; /*or your image's height*/
}

.dock_image_label {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

div.ui-tabs {
    background: none;
}

.ui-tabs .ui-tabs-nav li {
    margin-top: 0.6em;
    font-size: 80%;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs .ui-tabs-nav li.ui-state-active {
    margin-top: 0em;
    font-size: 15px;
    background: #2B547E;
}

#tabs .ui-state-default a {
    color: #333;
}

#tabs .ui-state-active a {
    background: #7d521a; /*#2B547E; /*#990012; /*#ACFA58; */
    color: white;
}

.ui-tabs .ui-tabs-nav{
    background: #d6b78e;
}

.ui-tabs .ui-tabs-panel /* just in case you want to change the panel */
{
    font-size:16px;
    padding: .4em 0.4em;
}

.top_line_menu_div {
    background-color: #1057c0; /*#232f3e; #2B547E; */
    padding: 5px;
    color: #fff;
}

.top_line_menu_div > a > img{
    width: 30px;
    height: 30px;
    margin-left: 5px;
}

.top_line_menu_div span {
    float: right;
    color: #fff;
    display: block;
}

div.top_line_menu_div a {
    color: #fff;
}

.menu_toggle_div {
    display: table-cell;
    width: 130px;
    float: left;
    font-size: 11px;
    font-weight: bold;
}

.search_toggle_div {
    display: table-cell;
    width: 150px;
    float: left;
    font-size: 11px;
    font-weight: bold;
}

.help_div {
    display: table-cell;
    width: 80px;
    float: left;
    font-size: 11px;
    font-weight: bold;
}

.currency_div {
    display: table-cell;
    width: 100px;
    float: left;
    font-size: 11px;
    font-weight: bold;
}

.inline_search_input {
    background-image: url('../images/icons/search-icon-1.png'); /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
}

.controls-div {
    position: fixed;
    top: 80px;
    height: 40px;
    z-index: 999;
}

#navigator_div {
    margin-right: 5px;
}

#navigator_div button{
    float: right;
}

.search_toggle_div a:hover{
    color: #007dc1;
}

table thead th, th{
    border: 1px ridge #3BB9FF;
    background-color: #085f88e3; /* #3AA520; #2B547E;  #99ccff; #1687B1; #A1C935; #E6C9FA; #BEF781; 117DF6; #2ECCFA;  FFA500; */
    color: white;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    height: 40px;

}

th a:link, th a:visited, th a:active {
    color: white;
}

tr td.nowrap{
  white-space: nowrap;
}

tr:nth-child(even) {
    background-color: #f2f2f2;
}

tr {
    height:35px;
}

td a:link{
    font-size: 11px;
    text-decoration: underline;
}

td {
    text-align: center;
}

td.left_align{
    text-align: left;
}

td.right_align{
    text-align: right;
}

td.center_align{
    text-align: center;
}

td.right_align input{
    text-align: right;
}

td.small_size input{
    width: 150px;
}

label {
    overflow-x: auto;
    font-size: 0.9rem;
    margin-top: 0.5rem;
    margin-bottom: 0rem;
}

label.right_align{
    text-align: right;
}

th.small_size, th.right_align{
    max-width: 150px;
    flex-wrap: wrap;
    text-align: right;
    word-wrap: break-word;
}

label.required:before {
    content: "* ";
    color:red;
}

table td a.add {
    color: #27C46B;
}
table td a.edit {
    color: #FFC107;
}

table td a.delete {
    color: #E34724;
}

.search_and_result {
    margin-top: 0px;
    margin-left: 10px;
    position: absolute;
}

.PortalDataSearch {
    margin-left: 10px;
    position: absolute;
}

div.PortalDataSearch table{
    width: 100%;
    margin-left: 10px;
    text-align: left;
}

div.PortalDataSearch td{
    text-align: left;
    font-weight: normal;
}

div.PortalDataSearch td.left_align{
    text-align: left;
}

div.PortalDataSearch td.right_align{
    text-align: right;
}

div.PortalDataSearch td.center_align{
    text-align: center;
}

.PortalDataResSearch {
    margin-left: 10px;
    margin-right: 10px;
}

div.PortalDataResSearch table, #InlineDetailsModalDialog table{
    border: 1px ridge #3BB9FF;
    border-radius: 5px;
    text-align: left;
    width: 100%;
}

div.PortalDataResSearch td{
    height:20px;
    text-align: left;
    font-weight: normal;
}

div.PortalDataResSearch td.left_align{
    text-align: left;
}

div.PortalDataResSearch td.right_align{
    text-align: right;
}

div.PortalDataResSearch table th.total_heading, #InlineDetailsModalDialog table th{
    /*border: 1px ridge #3BB9FF;
    background-color: #b98b25; /*#76BA1B; /*green; /*#BEF781; #E6C9FA; #2B547E; #1687B1;#F9B7FF;   117DF6; #2ECCFA;  FFA500; */
    color: white;
    text-align: center;
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
    height: 40px;
}

div.PortalDataResSearch table tr,  #InlineDetailsModalDialog table tr{
    text-align: left;
}

div.PortalDataResSearch td, #InlineDetailsModalDialog td{
    /*border: 1px ridge #3BB9FF;*/
    text-align: center;
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: normal;
}

div.PortalDataResSearch td.left_align, #InlineDetailsModalDialog td.left_align{
    text-align: left;
}

div.PortalDataResSearch td.right_align, #InlineDetailsModalDialog td.right_align{
    text-align: right;
}


.PortalDataGrid {
    margin-top: 10px;
    margin-left: 10px;
    position:absolute;
    width: max-content;
}

.Dashboard {
    margin-top: 10px;
    margin-left: 10px;
    position:absolute;
}

.DashboardBox {
    border: 2px ridge #42d5ec;
    margin: 5px;
    padding: 10px;
    border-radius: 5px;
    background-color: white; //#B7CEEC;
    text-align: left;
    font-size: 1rem;
    width:300px;
    min-height:200px;
    vertical-align: top;
    display: inline-block;
    overflow-x: wrap;
    /*width: 1000px;*/
}

.DashboardBox-2 {
    border: 2px ridge #42d5ec;
    margin: 5px;
    padding: 10px;
    border-radius: 5px;
    background-color: white; //#B7CEEC;
    text-align: left;
    font-size: .8rem;
    width:615px;
    min-height:200px;
    vertical-align: top;
    display: inline-block;
    overflow-x: wrap;
    /*width: 1000px;*/
}

.DashboardBox-3{
    border: 2px ridge #42d5ec;
    margin: 5px;
    padding: 10px;
    border-radius: 5px;
    background-color: white; //#B7CEEC;
    text-align: left;
    font-size: .8rem;
    width:930px;
    min-height:200px;
    vertical-align: top;
    display: inline-block;
    overflow-x: wrap;
    /*width: 1000px;*/
}

.DashboardDockBox {
    margin: 5px;
    padding: 10px;
    border-radius: 5px;
    background-color: white; //#B7CEEC;
    text-align: center;
    font-size:10px;
    min-height: 40px;
    vertical-align: bottom;
    display: inline-block;
    /*width: 1000px;*/
}

.DockBox {
    margin: 5px;
    padding: 10px;
    border-radius: 5px;
    background-color: white; //#B7CEEC;
    text-align: center;
    min-width:250px;
    min-height:200px;
    vertical-align: top;
    display: inline-block;
    /*width: 1000px;*/
}

.DocumentationBox {
    border: 3px ridge #3BB9FF;
    margin: 10px;
    padding: 10px;
    border-radius: 50px 10px;
    background-color: #F8ECC2;
    text-align: left;
    min-width:150px;
    min-height:150px;
    vertical-align: top;
    display: inline-block;
    /*width: 1000px;*/
}

/* Portal Form is used when you have only form in the page */
.portal_form {
    margin-top: 5px;
    margin-left: 10px;
}

div.portal_form table{
    text-align: left;
}

div.portal_form table tr{
    text-align: left;
}

div.portal_form td{
    font-size: 11px;
    padding-right: 5px;
    font-weight: normal;
}

div.portal_form input.right_align{
    font-size: 11px;
    padding-right: 5px;
    font-weight: normal;
    text-align: right;
}

/* Portal Data  Results is used when you have only results in the page */
.PortalDataResults {
    margin-top: 5px;
    margin-left: 10px;
}

div.PortalDataResults table{
    border: 1px ridge #3BB9FF;
    border-radius: 5px;
    width: 100%;
}

div.PortalDataResults td{
    /*border: 1px ridge #3BB9FF;*/
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: normal;
    height: 18px;
}

/* Portal Data Form Results is used when you have both form and results in the same page */
.PortalDataFormResults {
    margin-top: 5px;
    margin-left: 10px;
}

div.PortalDataFormResults table{
    border: 1px ridge #3BB9FF;
    border-radius: 5px;
    text-align: left;
}

div.PortalDataFormResults table tr{
    text-align: left;
}

div.PortalDataFormResults table th{
    white-space: nowrap;
}

div.PortalDataFormResults table td{
    /*border: 1px ridge #3BB9FF;*/
    text-align: center;
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: normal;
    height: 18px;
}

table td.editable_field{
    /*border: 2px ridge #3BB9FF;*/
    background-color: #9ed3e2; /*#e7ff9d; #FFFFCC;*/
    text-align: left;
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: normal;
}

div.PortalDataFormResults td.left_align{
    text-align: left;
}

div.PortalDataFormResults td.right_align{
    text-align: right;
}

.field_validation_error{
    color: #ff6600;
    font-weight: bold;
    margin-left: 10px;
}

#mask {
    position:absolute;
    z-index:9000;
    background-color:#000;
    display:none;
}
  
#boxes .window {
    position:fixed;
    width:440px;
    height:200px;
    z-index:9999;
    padding:20px;
    display:none;
}

#boxes #dialog {
    width:375px;
    height:203px;
    padding:10px;
    background-color:#ffffff;
}

/*  Header  */

.header {
    float: left;
    width: 100%;
    background-color: #8e811a !important;
}

.loginpage {
    background-color: #05416d !important;
}

.inputwrapper button {
    background-color: #67552c !important;
}

.tas_main_logo {
    background: url("./images/TAS_main_logo.png") no-repeat left;
    background-size:120px 100px;
    height: 100px;
    width: 120px;
    display: block;
    position: absolute;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.tas_main_logo p{
    width: 176px;
    display: block;
    margin-top: 85px;
    left: 0px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    margin-left: 5px;
}

.tas_logo {
    background: url("../images/TAS_logo.png") no-repeat left;
    background-size:176px 80px;
    height: 80px;
    width: 176px;
    display: block;
    position: absolute;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.tas_logo p{
    width: 176px;
    display: block;
    margin-top: 85px;
    left: 0px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
    margin-left: 5px;
}

.call-center {
    color: white;
    text-align: right;
    font-weight:bold;
    clear: both;
    width:180px;
    text-align: left;
    /*margin-left: 700px;*/
    top: 10px;
}

.announcement {
    background: url("../images/welcome/ac-300x277.gif") no-repeat left;
    background-repeat: repeat;
    height: 300px;
    width: 300px;
    display: block;
    position: absolute;
    margin-left: 530px;
    margin-right: 0px;
    margin-top: 30px;
    margin-bottom: 0px;
}

.announcement p{
    margin-top: 10px;
    margin-left: 0px;
    text-align:left;
    font-size: 35px;
    font-weight: bold;
    color: white;
}

.user_registration{
    margin-top: 0px;
    margin-left: 50px;
    text-align:left;
    font-size: 15px;
}

#field_prompt{
    text-align:right;
    margin: 0px 10px 0px 0px;
}

.normal{
    font-weight: bold;
}

.normal .red {
    font-weight: bold;
    display: none;
    margin-right: .25em;
}

.required {
    font-weight: bold;
}

.required .red {
    color: red;
    margin-right: .25em;
}

#login_prompt{
    font-size: 14px;
    text-align:right;
}

#wrapper {
    margin: 0 auto;
    padding: 0 50px 60px 40px;
    min-width: 970px;
    height: 800px;
}

#wrapper1 {
    margin: 0 auto;
    padding: 0 0px 0px 0px;
    width: 1000px;

}

.welcome {
    color: white;
    font-size: 15px;
    text-align: center;
    font-weight:bold;
}

.welcome_user {
    color: #800000;
    font-size: 15px;
    text-align: center;
    font-weight:bold;
}

.heading {
    font-size: 1.2rem;
    font-weight:bold;
    color: #00548B; //#ff6600;
    //text-shadow: 2px 2px 5px greenyellow;
    text-align: left;
}

/*  Content  */

.left-column {
    width: 190px;
    margin-top: 24px;
    float: left;
}

.quick_links {
    color: #ff6600;
    font-size: 11px;
    font-weight:bold;
    clear: both;
    width:180px;
    float: right;
    text-align: left;
    /*margin-left: 720px;*/
    top: 10px;
    position:relative;
}

.call-center {
    color: white;
    border-radius: 15px;
    font-weight:bold;
    clear: both;
    width:180px;
    float: right;
    text-align: left;
    /*margin-left: 700px;*/
    top: 10px;
    position:relative;
}

.home_page{
    color: green;
    font-weight:bold;
    clear: both;
    width:150px;
    float: left;
    text-align: center;
    margin-left: 10px;
    margin-top: 450px;
    position:absolute;
}

.home_page p{
    color: #F6358A;
    font-weight:bold;
    font-size:15px;
    text-align: center;
    text-decoration:underline;
}

.g-plusone{
    clear: both;
    text-align: left;
    width:100px;
    height:100px;
    margin-left: 10px;
    margin-top: 430px;
    position:absolute;
}

.login_page_div{
    color: black;
    border-style:ridge;
    border-width:6px;
    border-color:#98bf21;
    border-radius: 15px;
    font-size: 7px;
    clear: both;
    width:160px;
    float: left;
    text-align: left;
    margin-left: 10px;
    margin-top: 0px;
    position:absolute;
}

.login_page_div td{
    font-size: 13px;
    text-align: left;
}

.login_page_div a{
    font-size: 14px;
    text-align: left;
}

#InlineDetailsModalDialog {
    width: 1100px;
    max-height: 470px;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
}

.top-menu {
    background-color: #F5F5F5;
    height: 32px;
    position: absolute;
    margin-left: 190px;
    margin-top: 100px;
}

.top-menu ul {
    list-style: none;
    display: inline;
    margin: 0px;
    padding: 0px;
    float: left;
    list-style: none;
    margin-top: 0px;
    margin-right: 0px;
}

.top-menu li {
    display: inline;
}

.top-menu ul li a {
    color: black;
    font-size: 16px;
    font-family: "Futura", Arial, Helvetica, sans-serif;
    position: relative;
    z-index: 1000;
    display: block;
    text-decoration: none;
    height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    text-align: center;
    border: none;
    -moz-outline: none;
}

/*.form-group {
    background: #e2e2e6;
}*/

.border {
    border-left-color: #41bcea !important;
    padding-left: 10px;
}

/* style all elements with a required attribute */
:required {
  border-left: 3px solid red;
}

/* Highlight td*/
tr.highlight_red {
  border-left: 5px solid red;
}

tr.highlight_green {
  border-left: 5px solid green;
}

/* Highlight td*/
td.highlight_red {
  border-left: 5px solid red;
}

td.highlight_green {
  border-left: 5px solid green;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #ea9f17;
    color: #fff;
    font-weight: bold;
}

/*.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link>a {
    text-decoration: none;
}*/

.tab-content>.container-fluid{
    width: 98%;
}

.container-fluid {
    padding-right: 5px;
    padding-left: 5px;
}

.expand_collapse_container {
    width:100%;
    border:1px solid grey;
}
.expand_collapse_container div {
    width:100%;
}

.expand_collapse_container .expand_collapse {
    background-color:#a5c3c3; /* #40C0C0; */
    padding: 2px;
    cursor: pointer;
    font-weight: bold;
}

.expand_collapse_container .expand_collapse_details {
    display : none;
    padding : 5px;
}

ul.portal_menu {
    list-style: none;
    padding: 0 20px;
    margin: 0;
    float: left;
    background: #222;
    background: url("../images/menu/topnav_bg.gif") repeat-x;
}
ul.portal_menu li {
    float: left;
    margin: 0;
    padding: 0 15px 0 0;
    position: relative;
}
ul.portal_menu li a{
    padding: 10px 5px;
    color: #fff;
    display: block;
    text-decoration: none;
    font-size: 15px;
    float: left;
}

ul.portal_menu li a:hover{
    background: url("../images/menu/topnav_hover.gif") no-repeat center top;
}

ul.portal_menu li ul.submenu {
    list-style: none;
    position: absolute;
    left: 0;
    top: 32px;
    margin: 0;
    padding: 0;
    display: none;
    float: left;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border: 1px solid #111;
}

ul.portal_menu li ul.submenu li{
    margin: 0;
    padding: 0;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #444;
    clear: both;
    text-align: left;
    width: 195px;
}

html ul.portal_menu li ul.submenu li a {
    float: left;
    background: #333 url("../images/menu/dropdown_linkbg.gif") no-repeat 10px center;
    padding-left: 20px;
    width: 195px;
}

html ul.portal_menu li ul.submenu li a:hover {
    background: #222 url("../images/menu/dropdown_linkbg.gif") no-repeat 10px center;
}

#header img {
    margin: 20px 0 10px;
}

.menu-column {
    width: 190px;
    height: 854px;
    position: absolute;
    top: 280px;
    left: 0px;
}

.menu-column UL {
    margin: 0px;
    padding: 0px;
    float: right;
    margin-top: 50px;
    margin-right: 0px;
}

.menu-column UL LI {
    width: 100%;
    list-style: none;
    list-style-type: none;
    list-style-image: none;
    padding-bottom: 5px;
    clear: both;
}

.menu-column UL LI A {
    color: black;
    font-size: 16px;
    font-family: "Futura", Arial, Helvetica, sans-serif;
    position: relative;
    z-index: 1000;
    display: block;
    height: 23px;
    padding-top: 5px;
    padding-right: 20px;
    float: right;
    border: none;
    -moz-outline: none;
}

.menu-column table {
    float: right;
    color: green;
    border-style:ridge;
    border-width:6px;
    border-color:#98bf21;
    border-radius: 15px;
    font-weight:bold;
    margin-top: 10px;
    margin-right: 0px;
}

/*  Page  */
#page1, #page2, #page3, #page4, #page5, #page6, #page7, #page8, #page9, #portal{
    text-align: left;
    margin-left:200px;
    margin-top:160px;
    position:absolute;
}

#page2 {
    width: 750px;
    text-align: justify;
}

#page5 h1 {
    margin-left: 0px;
    position: absolute;
}

#page7 h1 {
    margin-left: 200px;
    position: absolute;
}

#page8 {
    margin-top:160px;
}

/*a#btn_home:hover, .btn_home, #page1 a#btn_home {
    background-color: #809900;
    color: white;
}

a#btn_about:hover, .btn_about, #page2 a#btn_about {
    background-color: #809900;
    color: white;
}

a#btn_sales:hover, .btn_sales, #page3 a#btn_sales {
    background-color: #809900;
    color: white;
}

a#btn_services:hover, .btn_services, #page4 a#btn_services {
    background-color: #809900;
    color: white;
}

a#btn_facilities:hover, .btn_facilities, #page4 a#btn_facilities {
    background-color: #809900;
    color: white;
}

a#btn_quality:hover, .btn_quality, #page5 a#btn_quality {
    background-color: #809900;
    color: white;
}

a#btn_clients:hover, .btn_clients, #page5 a#btn_clients {
    background-color: #809900;
    color: white;
}

a#btn_careers:hover, .btn_careers, #page6 a#btn_careers {
    background-color: #809900;
    color: white;
}

a#btn_locations:hover, .btn_locations, #page7 a#btn_locations {
    background-color: #809900;
    color: white;
}

a#btn_contact:hover, .btn_contact, #page8 a#btn_contact {
    background-color: #809900;
    color: white;
}

a#btn_coupons:hover, .btn_coupons, #page9 a#btn_coupons {
    background-color: #809900;
    color: white;
} */

depts {
    padding: 5px;
    position: absolute;
    top: 250px;
    left: 250px;
}

#Photo {
    padding: 5px;
    position: absolute;
    margin-left: 200px;
    margin-top: 510px;
}

.em {
    margin-left: 0px;
    margin-top: 10px;
    padding: 0px;
    top: 20px;
    color: white;
    font-family: "Georgia", Times New Roman, Times, serif;
    text-shadow: 2px 3px 2px #8F7;
    font-size: 28px;
    font-style: normal;
    line-height:20px;
}

scroller {
    margin-left: 0px;
    margin-top: 10px;
    padding: 0px;
    position: absolute;
    top: 4px;
    font-family: "Georgia", Times New Roman, Times, serif;
    text-shadow: 2px 3px 2px #8F7;
    font-size: 18px;
    font-style: normal;
    line-height: 19px;
    text-align: center;
    color: #ff6600;
}

#pscroller1{
    height: 100px;
    padding: 5px;
}

#clientele {
    width: 200px;
    position: absolute;
    margin-left: 0px;
    margin-top: 270px;
}

.coverflow {
    height: 170px;
}
.coverflow h1 {
    padding: 0;
    margin: 0 auto;
    padding-left: 5px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 16px;
    font-weight: normal;
    color: #0089d0;
    font-weight: bold;
}

.quote1 {
    text-align: center;
    clear: both;
    display: block;
}

.quote2 {
    font-size: 34px;
    font-style: italic;
    font-weight: bold;
    text-align: left;
}

.eco-site {
    clear: both;
    float: left;
    text-align: left;
    width:70px;
    height:70px;
    margin-left: 10px;
    margin-top: 480px;
    position: absolute;
}

.side-column {
    line-height: 0;
    font-size: 1px;
    float: left;
}

.side-column IMG {
    display: block;
}

.right-block {
    width: 1000px;
    float: left;
    position: relative;
    right: 0px;
}

#slider {
    width: 710px;
    background: #ebebeb;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
}

.top-box-shr {
    float: left;
    width: 100%;
    background: url("../images/backgrounds/top-box-shadow-right.gif") no-repeat right top;
    padding-right: 7px;
    _padding-right: 0px;
}

.top-box-shb {
    float: left;
    width: 100%;
    background: url("../images/backgrounds/top-box-shadow-bottom.gif") repeat-x left bottom;
}

.top-box-shlbc {
    float: left;
    width: 100%;
    background: url("../images/backgrounds/top-box-shadow-lbc.gif") no-repeat left bottom;
}

/*.top-box-shrbc {

    float: left;
    width: 100%;
    background: url("../images/backgrounds/top-box-shadow-rbc.gif") no-repeat right bottom;
    padding-right: 7px;
    _padding-right: 0px;
}*/

/*.top-box-shrtc {
    float: left;
    width: 100%;
    background: url("../images/backgrounds/top-box-shadow-rtc.gif") no-repeat right top;
    padding-right: 7px;
    _padding-right: 0px;
}*/

#slider P {
    font-size: 10px;
    color: #000000;
    margin: 0;
    padding: 0 10px 0 54px;
    line-height: 18px;
}

#slider .heading-top-block {
    font-size: 18px;
    padding: 25px 0px 15px 54px;
    line-height: normal;
    font-weight:bold;
}

#slider .heading-top-block SPAN{
    color: #007dc1;
}

#slider .pic {
    line-height: 0;
    font-size: 0;
    height: 400px;
    border-right: 2px solid #ffffff;
    float: left;
    padding: 0;
    line-height: normal;
}

#slider .general_text {
    font-size: 15px;
    padding: 10px 10px 10px 54px;
    line-height: normal;
}

/*a:visited, a:active {
    color: #333;
}*/

#page7 a:link, #page7 a:visited, #page7 a:active {
    font-weight:bold;
}

a:hover {
    color: #000;
}

button a:link, button a:visited{
    color: white;
    text-decoration: none;
}

.btn {
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    margin: 2px;
    height: 35px;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    padding: .375rem .75rem;

    border-radius: 5px;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn:hover {
    background-position: 100% 0;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn:focus {
    outline: none;
}

/*.btn-hover.color-1 {
    background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75);
}
.btn-hover.color-2 {
    background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);
    box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}
.btn-hover.color-3 {
    background-image: linear-gradient(to right, #667eea, #764ba2, #6B8DD6, #8E37D7);
    box-shadow: 0 4px 15px 0 rgba(116, 79, 168, 0.75);
}
.btn-hover.color-4 {
    background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
    box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);
}
.btn-hover.color-5 {
    background-image: linear-gradient(to right, #0ba360, #3cba92, #30dd8a, #2bb673);
    box-shadow: 0 4px 15px 0 rgba(23, 168, 108, 0.75);
}
.btn-hover.color-6 {
    background-image: linear-gradient(to right, #009245, #FCEE21, #00A8C5, #D9E021);
    box-shadow: 0 4px 15px 0 rgba(83, 176, 57, 0.75);
}
.btn-hover.color-7 {
    background-image: linear-gradient(to right, #6253e1, #852D91, #A3A1FF, #F24645);
    box-shadow: 0 4px 15px 0 rgba(126, 52, 161, 0.75);
}
.btn-hover.color-8 {
    background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);
    box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
}
.btn-hover.color-9 {
    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
}
.btn-hover.color-10 {
    background-image: linear-gradient(to right, #ed6ea0, #ec8c69, #f7186a , #FBB03B);
    box-shadow: 0 4px 15px 0 rgba(236, 116, 149, 0.75);
}
.btn-hover.color-11 {
   background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);
   box-shadow: 0 5px 15px rgba(242, 97, 103, .4);
}*/


.btn.btn-dark {
/*    background-color: #b16a22;
*/
    background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);
    box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);
}

.btn.btn-primary {
/*    background-color: #085f88e3; /*#0d46ad;
    border-color: white;*/
/*    background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);
    box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);
*/
    background-image: linear-gradient(to right, #fc6076, #ff9a44, #ef9d43, #e75516);
    box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75);

}

.slide {
    float: left;
    width: 710px;
}

#slider A {
    line-height: 0;
    font-size: 1px;
    border-left: 2px solid #ffffff;
    float: left;
}

.bottom-box {
    width: 294px;
    border: 9px solid #ffffff;
    background: #a2b4bd;
    position: relative;
    right: 0;
    bottom: 0;
    float: left;
    margin: 380px 0 0 30px;
    height: 170px;
    _height: 188px;
    display: inline;
}

.bottom-box FORM {
    padding: 0;
    margin: 0;
}

.bottom-box P {
    color: #ffffff;
    font-size: 14px;
    font-family: "Futura", Arial, Helvetica, sans-serif;
    z-index: 200;
    position: relative;
    margin: 0;
    padding: 0 12px;
    line-height: 20px;
}

.bottom-box .dblue {
    color: #0078b9;
    font-size: 16px;
    line-height: 25px;
}

.bottom-box .orang {
    color: #d8701c;
    font-size: 12px;
}

.bottom-box IMG {
    position: absolute;
    bottom: -9px;
    right: -9px;
    z-index: 1;
}

.bottom-box .bigf {
    font-size: 20px;
    padding-top: 5px;
}

.bottom-box LABEL {
    color: #ffffff;
    font-size: 15px;
    float: left;
    padding-left: 14px;
    cursor: pointer;
}

.bottom-box INPUT {
    color: #000000;
    background: #ffffff;
    float: right;
    border: none;
    width: 157px;
    height: 18px;
    z-index: 200;
    position: relative;
    right: 55px;
}

.button-submit {
    background-color:#98bf21;
    float: left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 5px solid #FFFFFF;
    width: 90px;
    height: 30px;
    font-weight:bold;
    font-size:12px;
    cursor: pointer;
}

.button-submit-long {
    background-color:#98bf21;
    float: left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 5px solid #FFFFFF;
    width: 150px;
    height: 30px;
    font-weight:bold;
    font-size:12px;
    cursor: pointer;
}

.button-submit-very-long {
    background-color:#98bf21;
    float: left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 5px solid #FFFFFF;
    width: 200px;
    height: 30px;
    font-weight:bold;
    font-size:12px;
    cursor: pointer;
}

.bottom-box .row {
    width: 100%;
    float: left;
    padding-top: 8px;
}

.page_under_construction {
    background: url("../images/page_under_construction.jpg") no-repeat left;
    background-size:300px 300px;
    height: 300px;
    width: 300px;
    display: block;
    position: absolute;
    left: 0px;
    margin-left: 200px;
    margin-right: 0px;
    margin-top: 20px;
    margin-bottom: 0px;
}

.ipage_affliliate{
    clear: both;
    width:150px;
    float: left;
    text-align: left;
    margin-left: 10px;
    margin-top: 550px;
    position: absolute;
}

.site-by {
    clear: both;
    width:150px;
    float: left;
    text-align: left;
    margin-left: 10px;
    margin-top: 580px;
    position: absolute;
}

.site-by A {
    color: black;
    font-size: 13px;
    margin: 0;
}

.site-by SPAN {
    color: black;
    padding: 6px 13px 0 0;
}

.site-by .green{
    color: #91bd24;
    font-size: 10px;
    margin: 0;
}

.site-by-home {
    clear: both;
    color: white;
    width:150px;
    float: left;
    text-align: left;
    margin-left: 10px;
    margin-top: 450px;
    position: absolute;
}

.site-by-home A {
    color: white;
    font-size: 13px;
    margin: 0;
}

.site-by-home SPAN {
    color: #aeb3b5;
    padding: 6px 13px 0 0;
}

.site-by-home .green{
    color: #91bd24;
    font-size: 10px;
    margin: 0;
}

/*  Footer  */
.footer {
    float: left;
    width: 100%;
    margin-left: 200px;
    margin-top: 170px;
}

.relaxator{
    width:100%;
    clear:both;
    float:left;
    height:1px;
}

#polaroids {
    background: url("../images/abt_polaroids.png") no-repeat bottom;
    width: 638px;
    height: 220px;
    float: right;
    margin-right: 200px;
    margin-top: 170px;
}

#timeline {
    background: url("../images/abt_timeline.png") no-repeat center;
    width: 893px;
    height: 219px;
    padding-top: 68px;
    float: right;
    margin-top: 0px;
}

#timeline a {
    font-family: "Futura", Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #7c7c7c;
    cursor: pointer;
}

#timeline p:hover, #timeline a:hover {
    text-decoration: underline;
    color: #000000;
}

.year-2003, .year-2004, .year-2007, .year-2008, .year-2009, .year-2010, .year-2011 {
    float: left;
    height: 210px;
    width: 80px;
    margin-left: 40px;
}

.year-2003 {
    margin-left: 50px;
}

.year-2004 {
    line-height: 25px;
}

.year-2008 {
    margin-left: 25px;
}

.year-2010 {
    margin-left: 20px;
}

#mattextarea p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #007dc1;
}

#mattextarea {
    width: 1025px;
    height: 225px;
    float: left;
    clear: both;
    margin: 160px 0 0 300px;
}

.icon {
    float: left;
    display: block;
    width: 305px;
    padding: 2px;
}

.activeicn:hover {
    background-color: #FFFFFF;
}

.car {
}

.icon img {
    float: left;
    padding: 10px;
}

.icn_grey {
    color: #535353;
    font-size: 12px;
}

.page-heading {
    font: Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;
    color: black;
    line-height: 24px;
}

.brands {
    height: 80px;
    color: green;
    border-style:ridge;
    border-width:15px;
    border-color:#98bf21;
    border-radius: 15px;
    float: left;
    margin-top:0px;
}

.clients {
    border-style:ridge;
    border-width:15px;
    border-color:#98bf21;
    border-radius: 15px;
    float: left;
    font-size: 25px;
}

.clients td{
    font: Arial, Helvetica, sans-serif;
    margin:20px 20px 20px 20px;
    font-style: italic;
    font-weight: bold;
    font-size: 25px;
    color: #007dc1;
}

.gallery {
    background: url("../images/frame_background_200_250.png") no-repeat;
    background-size:200px 250px;
    width: 200px;
    height: 250px;
    float: left;
    top: 200px;
    margin: 10px 5px 0 0;
}

.gallery-heading {
    font: Arial, Helvetica, sans-serif;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: green;
    margin: 30px 20px 10px 20px;
    line-height: 18px;
}

.gallery p {
    font: Arial, Helvetica, sans-serif;
    float: left;
    font-size: 13px;
    color: black;
    margin: 10px 20px 10px 20px;
    line-height: 18px;
}

.coupons {
    background: url("../images/frame_background_300_300.png") no-repeat;
    background-size:300px 300px;
    width: 300px;
    height: 300px;
    float: left;
    margin-right: 10px;
}

.coupons-heading {
    font: Arial, Helvetica, sans-serif;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: green;
    margin: 40px 40px 10px 40px;
    line-height: 18px;
}

.coupons p {
    font: Arial, Helvetica, sans-serif;
    float: left;
    font-size: 14px;
    color: black;
    margin: 20px 30px 20px 30px;
    line-height: 18px;
}

.tandc {
    font: Arial, Helvetica, sans-serif;
    float: left;
    font-size: 11px;
    color: red;
    margin: 0px 0px 30px 0px;
    line-height: 18px;
}

.notes {
    font: Arial, Helvetica, sans-serif;
    float: left;
    font-size: 11px;
    color: green;
    margin: 0px 550px 30px 30px;
    line-height: 18px;
}

#bench {
    float: right;
    margin: 25px 60px 0 0;
    clear: both;
}

#newspaper {
    background: url("../images/prd_newspaper.png") no-repeat bottom;
    width: 795px;
    height: 538px;
    float: right;
}

#woodtexttop {
    width: 330px;
    float: left;
    margin: 0 0 0 20px;
}


#woodtexttop li {
    font: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
}

#woodtextmid {
    width: 330px;
    float: left;
    margin: 0 0 0 20px;
}

#woodtextmid li {
    font: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
}

#woodtextright {
    width: 300px;
    float: right;
    margin-right: 20px;
}

#woodtextright li {
    font: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
}

.textcolor1 {
    color: #cc7d01;
    font-size: 15px;
}

.textcolor2 {
    color: #1387c6;
    font-size: 15px;
}

.textcolor3 {
    color: #f24a4a;
    font-size: 15px;
}

#wood {
    background-color: #000;
    width: 675px;
    height: 854px;
    float: right;
}

#feedback {
    background: url("../images/adv_feedback.gif") no-repeat;
    width: 221px;
    height: 400px;
    float: left;
    margin: 150px 0px 0 0;
}

#feedback p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #535353;
    margin: 200px 0 0 0px;
    float: left;
    line-height: 25px;
    font-weight: bold;
}

#chart {
    background: url("../images/clr_chart.png") no-repeat;
    width: 631px;
    height: 289px;
    float: right;
    margin: 210px 40px 0 0;
}

#clipboard {
    background: url("../images/k_cnt_clipboard.png") no-repeat top;
    width: 690px;
    height: 363px;
    clear: both;
    margin-left: 200px;
    margin-top: 150px;
}

#keys {
    background: url("../images/cnt_keys.png") no-repeat bottom;
    width: 399px;
    height: 475px;
    float: right;
    margin-right: 250px;
}

#cntleft {
    width: 200px;
    float: left;
    margin: 20px 0 0 0px;
}

#cntright {
    width: 200px;
    float: right;
    margin: 20px 60px 0 0;
}

#cntleft p {
    font: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #535353;
}

#cntright p {
    font: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #535353;
}

.cntcolor1 {
    color: #e57f2b;
    font-size: 14px;
    font-weight: bold;
}

.cntcolor2 {
    color: green;
    font-size: 14px;
    font-weight: bold;
}

.namecolor1 {
    color: #007dc1;
    font-size: 12px;
    font-weight: bold;
}

.namecolor2 {
    color: #eb0b0b;
    font-size: 12px;
    font-weight: bold;
}

.intro p {
    font: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #535353;
    margin: 100px 0px 0 0;
    float: left;
}

.locations {
    font: Arial, Helvetica, sans-serif;
    width: 700px;
    float: left;
}

.location_left {

    width: 250px;
    height: 170px;
    float: left;
    font-size: 14px;
    margin: 20px 0px 0 0px;

}

.location_right {

    width: 250px;
    height: 170px;
    float: right;
    font-size: 14px;
    margin: 20px 60px 0 0px;

}

.location_heading {

    color: #e57f2b;
    font-size: 15px;
    font-weight: bold;

}

.location_city {

    color: green;
    font-size: 15px;
    font-weight: bold;

}

.contact {
    font: Arial, Helvetica, sans-serif;
    width: 850px;
    float: left;
}

.contact_left {
    width: 410px;
    float: left;
    font-size: 14px;
    margin: 0px 0px 0 0px;

}

.contact_right {
    width: 400px;
    float: left;
    font-size: 14px;
    margin: 0px 0px 0 20px;

}

.contact_name {
    color: green;
    font-size: 16px;
    font-weight: bold;

}

.contact_designation {

    color: #e57f2b;
    font-size: 14px;
    font-weight: bold;

}

.contact_mail {
    color: blue;
    font-size: 14px;
}

.sm {
    list-style:none;
    display:block;
    overflow:hidden;
}

.sm, .sm li, .sm ul {
    margin: 0px;
    padding: 0px;
}

.sm li {
    float:left;
    display:inline;
    overflow:hidden;
    width: 34px;
    height: 332px;
    text-align: justify;
}


li.open {
    width: 570px;
}

li.open-careers {
    width: 640px;
}

.inner-slider-list, .inner-slider-list li, .inner-slider-list ul {
    margin: 0px;
    padding: 0px;
}

.inner-slider-list li  {
    width: 434px;
    height: 18px;
    font-size: 14px;
    padding: 0px 10px 0px 24px;
    overflow: visible;
    line-height: normal;
    list-style-type: circle;
}

#open1, #open2, #open3, #open4, #open5, #open6 {
    height: 332px;
    width: 33px;
    display: block;
    background-position: left;
}

#open1 {
    background-image: url("../images/titles/welcome-pic.jpg");
}

#open1:hover {
    background-position: right;
}

#open2 {
    background-image: url("../images/titles/quality.jpg");
}

#open2:hover {
    background-position: right;
}

#open3 {
    background-image: url("../images/titles/experience.jpg");
}

#open3:hover {
    background-position: right;
}

#open4 {
    background-image: url("../images/titles/capacity.jpg");
}

#open4:hover {
    background-position: right;
}

#open5 {
    background-image: url("../images/titles/weaim.jpg");
}

#open5:hover {
    background-position: right;
}

#open6 {
    background-image: url("../images/titles/price.jpg");
}

#open6:hover {
    background-position: right;
}

.sm img {
    float: left;
}

#careers_slider {
    width: 710px;
    background: #ebebeb;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
}

#careers_slider p {
    font-size: 10px;
    color: #000000;
    margin: 0px;
    padding: 0px 10px 0px 54px;
    line-height: 18px;
}

#careers_slider .heading-top-block {
    font-size: 18px;
    padding: 20px 0px 15px 54px;
    line-height: normal;
    font-weight:bold;
}

#careers_slider .heading-top-block SPAN{
    color: #007dc1;
}

#careers_slider .pic {
    line-height: 0;
    font-size: 0;
    height: 400px;
    border-right: 2px solid #ffffff;
    float: left;
    padding: 0;
    line-height: normal;
}

#careers_slider .general_text {
    font-size: 15px;
    padding: 10px 10px 10px 54px;
    line-height: normal;
}

#service-tech, #service-engineer, #service-manager, #cnc-milling-op, #cnc-turning-op, #surface-grinding-op{
    height: 332px;
    width: 33px;
    display: block;
    background-position: left;
}

#service-tech  {
    background-image: url("../images/titles/service-tech.jpg");
}

#service-tech :hover {
    background-position: right;
}

#service-engineer  {
    background-image: url("../images/titles/service-engineer.jpg");
}

#service-engineer :hover {
    background-position: right;
}

#service-manager  {
    background-image: url("../images/titles/service-manager.jpg");
}

#service-manager :hover {
    background-position: right;
}

#cnc-milling-op  {
    background-image: url("../images/titles/cnc-milling-op.jpg");
}

#cnc-milling-op :hover {
    background-position: right;
}

#cnc-turning-op  {
    background-image: url("../images/titles/cnc-turning-op.jpg");
}

#cnc-turning-op :hover {
    background-position: right;
}

#surface-grinding-op  {
    background-image: url("../images/titles/surface-grinding-op.jpg");
}

#surface-grinding-op :hover {
    background-position: right;
}

.sm-careers img {
    float: left;
}

#colours span {
    width: 100px;
    height: 20px;
    display: block;
    color: #FFFFFF;
}

#colours {
    font-size: 12px;
    position: relative;
    width: 598px;
    left: 500px;
    top: 50px;
    display: block;
}

#colours th {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    padding: 5px;
}

#colours td {
    font-weight: normal;
    padding: 3px;
}

#tooltip {
    background: #111111;
    color: #FFF;
    border: 2px solid #000;
    position: absolute;
    z-index: 3000;
    display: none;
    cursor: help;
    width: 200px;
}

#tooltip h3 {
    font-style: normal;
    font-size: 11px;
    color: #FFF;
    margin: 0;
    padding: 5px;
    background: none;
    border: 1px solid #2a2a2a;
}

#tooltip h1 {
    font-size: 14px;
    border: none;
    float: none;
    padding: 0px;
    margin: 0px;
    padding-bottom: 10px;
}

#scroll-pane,.scroll-pane{position:relative}
.scroll-content {position:absolute;top:0;left:0}
.slider-wrap{position:absolute;right:0;top:0;background-color:lightgrey;width:20px;border-left:1px solid gray;}
.slider-vertical{position:relative;height:100%}
.ui-slider-handle{width:20px;height:10px;margin:0 auto;background-color:darkgray;display:block;position:absolute}
.ui-slider-handle img{border:none}
.scrollbar-top{position:absolute;top:0;}
.scrollbar-bottom{position:absolute;bottom:0;}
.scrollbar-grip{position:absolute;top:50%;margin-top:-6px;}
.ui-slider-range{position:absolute;width:100%;background-color:lightgrey}

.scroll-content-item {background-color:#fcfcfc;color:#003366;width:150px;height:150px;float:left;margin:10px;font-size:1em;text-align:center;border:1px solid gray;display:inline;padding:10px;line-height:1.2em}
.scroll-content-item p {margin-top:0}
.ui-autocomplete{margin:0;padding:0;list-style-type:none;border:1px solid gray;background-color:#EEEEEE;width:300px;font-size:0.9em}
.ui-menu-item a{display:block;width:100%;cursor:pointer}
.ui-menu-item a.ui-state-hover{background-color:#666666;color:white;}
p#prompt{margin-left:50px}

#slider_container_1 { float: left; padding: 10px; width: 650px; background: #000000; -moz-border-radius: 10px 10px; -webkit-border-radius: 10px 10px; border-radius: 10px 10px;}

#SliderName{
    left: 300px;
    top: 500px;
    width: 640px;
    height: 300px;
}

.SliderNamePrev{
    background: url('../images/photos/left.gif') no-repeat center center;
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 138px;
    left: 10px;
    text-decoration: none;
}

.SliderNameNext{
    background: url('../images/photos/right.gif') no-repeat center center;
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 138px;
    right: 10px;
    text-decoration: none;
}

.SliderNameDescription{
    font-family: Verdana;
    font-size: 10px;
    text-align: left;
    padding: 5px;
}

#SliderNameNavigation { margin: 10px 0 0 0; padding-top: 15px; height: 15px; text-align: center; -moz-border-radius: 6px 6px; background: #aaa;}

#SliderNameNavigation a:link, #SliderNameNavigation a:active, #SliderNameNavigation a:visited, #SliderNameNavigation a:hover{
    margin: 0 2px;
    background: url(../images/photos/nav.gif) no-repeat center center;
    font-size: 0px;
    line-height: 0px;
    padding: 12px;
    text-decoration: none;
}

#SliderNameNavigation a.active:link, #SliderNameNavigation a.active:active, #SliderNameNavigation a.active:visited, #SliderNameNavigation a.active:hover{
    background: url(../images/photos/nav_active.gif) no-repeat center center;
}