/* Site name
   Author:     Your name
   ----------------------------------------------------*/
/* COLORS
   Body Background:       #fff
*/
/* GLOBAL
   HEADER
   CONTENT
   FOOTER
   FORMS
*/

/* =GLOBAL
   ----------------------------------------------------*/
    body {
        text-align: center;
        margin: 0;
        padding: 0;
        font-size: 100.1%;
        line-height: 1.1em;
        font-family: verdana;
        height: 100%;
        text-align: center;
        background: url(../img/bg.gif) repeat-y center #444;
    }

    div#wrapper {
        width: 980px;
        margin: 0 auto;
        padding: 0;
        text-align: left;
        background: #fff;
    }

    #flashBanner {
        height: 289px;
        width: 940px;
    }

    .clear {
        clear: both;
    }

    .right {
        float: right;
    }

    .left {
        float: left;
    }

    button {
        background: transparent;
        padding: 0;
        margin: 0;
        display: inline;
        border: 0;
        cursor: pointer;
    }

    a img {
        border: 0;
    }

    .hidden {
        display: none;
    }

    div.divider,
    div.dividerTop,
    div.dividerSmall {
        height: 2px;
        background: #eb4a00;
        margin: 3px 0;
        padding: 0;
        overflow: hidden;
    }

    div.dividerTop {
        margin: 0;
    }

    div.dividerSmall {
        height: 2px;
    }

    input, textarea, select {
        font-family: arial;
        padding: 0.1em;
        font-size: 1em;
    }

    h1,h2,h3 {
        margin-top: 0;
        padding-top: 0;
        line-height: 1.2em;
        font-weight: normal;
    }

    h1 {
        margin: 0 0 6px 0;
        font-size: 1.5em;
    }

    h2 {
        font-size: 1.3em;
    }

    h1.filledTitle {
        background: #ec5f1e;
        color: #fff;
        padding: 20px;
        background: url(../img/h1-bg.gif) repeat-x #f60;
        font-weight: normal;
        font-size: 1.8em;
        line-height: 1.1em;
    }

    .textBox h2,
    .textBox h1,
    .textBox h3 {
        background: transparent !important;
        color: #B44916 !important;
    }

    .leftColumn h2 {
        color: #fff;
        line-height: 1.4em;
        font-weight: bold;
        background: url(../img/h1-bg.gif) repeat-x #f60;
    }
    
    .rightColumn h2 {
        color: #fff;
        line-height: 1.4em;
        font-weight: bold;
        background: url(../img/h2-light-grey.gif) repeat-x #b9b9b9;
    }

    .leftColumn .textBox {
        margin-top: 3px;
    }

    .leftHalf h2 {
        color: #fff;
        background: url(../img/h2-grey.gif) repeat-x;
    }

    p {
        padding: 0 0 10px 0;
        margin: 0;
    }
/* =HEADER
   ----------------------------------------------------*/
    #topNavBar {
        width: 100%;
        height: 74px;
        background: #666;
        margin-bottom: 3px;
        overflow: hidden;
    }

    #topNavBar ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #topNavBar ul li {
        float: left;
    }

    #topNavBar ul li a {
        display: block;
        height: 74px;
        line-height: 74px;
        float: left;
        padding: 0 10px;
        color: #fff;
        text-decoration: none;
        font-size: 0.8em;
        font-weight: bold;
        background: url(../img/top-nav-divider.gif) no-repeat;
    }

    #topNavBar ul li a.first {
        margin-left: 10px;
        background: transparent;
    }

    #topNavBar ul li a:hover {
        text-decoration: underline;
    }

    div#banner {
        margin: 20px 20px 0 20px;
    }
/* =CONTENT
   ----------------------------------------------------*/
    .bannerImage {
        margin-bottom: -3px;
    }
    
    div#content {
        margin: 20px;
        font-size: 0.7em;
    }

    .homepage .leftColumn {
        float: left;
        width: 350px;
        margin-right: 20px;
    }

    .homepage .rightColumn {
        float: left;
        width: 570px;
    }

    .template2 .leftColumn,
    .template3 .leftColumn {
        float: left;
        width: 245px;
        margin-right: 20px;
    }

    .template2 .middleColumn,
    .template3 .middleColumn {
        float: left;
        width: 405px;
        margin-right: 20px;
    }

    .template2 .middleColumnNoRight,
    .template3 .middleColumnNoRight {
        float: left;
        width: 690px;
    }

    .template2 .rightColumn,
    .template3 .rightColumn {
        float: left;
        width: 245px;
    }

    .textBox {
        padding: 20px;
        background: url(../img/text-box-bg.gif) repeat-x;
        color: #B44916 !important;
    }

    ul.subnav {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    ul.subnav li a {
        text-decoration: none;
        color: #eb4a00;
    }

    ul.subnav li a:hover {
        text-decoration: underline;
    }

    .textBox .subNavItem {
        display: block;
        text-decoration: none;
        color: #a1a1a1;
        margin-top: 10px;
        padding-top: 10px;
        clear: both;
    }

    .textBox .subNavItem img {
        float: left;
        display: block;
    }

    .textBox .subNavItem div {
        margin-left: 120px;
        color: #000;
    }

    .textBox .subNavItem strong {
        color: #EB4A00;
    }

    .textBox .subNavItem a {
        color: #EC5F1E;
        text-decoration: none;
    }

    .textBox .subNavItem strong a:hover {
        text-decoration: underline;
    }

    .imageContainer,
    .imageContainerLast {
        float: left;
        border: 1px solid #414244;
        margin-right: 11px;
        margin-bottom: 11px;
    }

    .imageContainerLast {
        margin-right: 0;
    }

    .imageContainer a img,
    .imageContainerLast a img {
        border: 1px solid #fff;
        float: left;
    }

    .flashContainer {
        border: 1px solid #414244;
        text-align: center;
        padding: 1px;
        height: 300px;
    }

    .homepage .flashContainer {
        height: 300px;
        width: 340px;
        border: 0;
        padding: 0;
    }


/* =PANEL
   ----------------------------------------------------*/
    .panel {
        /*float: left;*/
        color: #666;
        margin-bottom: 10px;
    }

    .hSplit .panelNews div.column {
        width: 190px;
    }

    .hSplit .panelNews div.column p {
        display: block;
    }

    .panelNews div.column { 
        width: 105px;
        float: right; 
    }

    .panelNews div.column p {
        display: none;
    }


    .panel .panelTop,
    .panel .panelBottom {
        background: url(../img/panel-top.gif) no-repeat;
        height: 4px;
    }

    .panel .panelRightTop,
    .panel .panelRightBottom {
        background: url(../img/panel-top-right.gif) no-repeat;
        height: 4px;
        width: 3px;
        float: right;
        overflow: hidden;
    }

    .panel .panelBottom {
        background: url(../img/panel-bottom.gif) no-repeat;
        width: 100%;
    }

    .panel .panelRightBottom {
        background: url(../img/panel-bottom-right.gif) no-repeat;
    }

    .panel h2 {
        margin: 0;
        padding: 10px;
        color: #fff;
        font-size: 1.25em;
        font-weight: bold;
    }

    .panel .contentWrapper,
    .panel .contentWrapperWhite {
        clear: both;
        background: #f3f3f3;
        width: 100%;
    }
    
    .panel .contentWrapperWhite {
        background: #fff;
    }

    .panel .panelContents {
        margin: 0 10px;
        padding: 10px 0 0 0;
    }

    .panel .panelContents p {
        padding-top: 0;
    }

    .panel blockquote {
        font-family: "Lucida Sans";
        font-size: 1.8em;
        line-height: 1.3em;
        font-weight: bold;
        color: #eb4a00;
        margin: 20px 0;
        padding: 0;
    }

    .panel .author {
        margin-bottom: 20px;
    }

    .panel .panelNews {
        display: block;
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #dbdbdb;
        clear: both;
        line-height: 1em;
    }

    .panel .panelNews .news_text {
        margin-top: 5px;
        float: left;
        width: 120px;
    }

    .leftHalf .panel .panelNews .news_text {
        width: 180px;
    }

    .panel .panelNews a {
        color: #EC5F1E;
        text-decoration: none;
        line-height: 1.2em;
    }

    .panel .first {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }

    .panel .panelNews strong {
        color: #eb4a00;
        display: block;
    }

    .panel .panelNews a:hover {
        text-decoration: underline;
    }

    .panel .panelNews img {
        float: left;
        margin-right: 10px;
    }

    .news a {
        color: #EC5F1E;
        text-decoration: none;
    }

    .news a:hover {
        text-decoration: underline;
    }

    .panel .panelNews p {
        margin: 0;
        padding: 0;
        line-height: 1.1em;
    }

    .videoPanel .panelContents {
        margin: 0;
        padding: 0;
        background: url(../img/homepage-video.gif) #656565 right bottom no-repeat;
    }

    .videoPanel .text {
        float: right;
        color: #fff;
        font-family: arial;
        font-size: 1.4em;
        width: 200px;
        margin-top: 30px;
        line-height: 1.3em;
    }
    
    .videoPanel .text a.right {
        font-size: 0.8em;
        margin-right: 20px;
        color: #fff;
        text-decoration: none;
    }
    
    .videoPanel .text a.right:hover {
        text-decoration: underline;
    }

    .hSplit .leftHalf,
    .hSplit .rightHalf {
        width: 50%;
        float: left;
    }

    .hSplit .leftHalf .panel {
        margin-right: 10px;
    }

    .homepage .leftHalf {
        width: 60%;
    }
    .homepage .rightHalf {
        width: 40%;
    }
    .homepage .applications {
        width: 100%;
    }

    .subNav ul,
    .newsSubNav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .subNav ul li.selected a,
    .newsSubNav ul li.selected a{  
        color: #EB4A00;
    }

    .subNav ul li a img,
    .newsSubNav ul li a img {
        position: absolute;
    }
    .newsSubNav ul li a img {
        margin-top: 11px;
    }

    .subNav ul a,
    .newsSubNav ul li a {
        color: #666;
        text-decoration: none;
        display: block;
        font-weight: bold;
        min-height: 34px;
    }
    .subNav ul a span,
    .newsSubNav ul a span {
        display: block;
        padding-top: 7px;
        margin-left: 40px;
        width:180px;
        cursor: pointer;
    }

    .subNav ul a:hover,
    .newsSubNav ul a:hover {
        color: #EB4A00;
    }

    .subNav .contentWrapper,
    .newsSubNav .contentWrapper {
        background: #fff;
        margin-bottom: 10px !important;
    }

    #requestDemoPanelForm input {
        width: 108px;
    }

    .panel .applicationLink {
        float: left;
        width: 75px;
        text-align: center;
    }

    .keyNavigation .nav {
        padding-bottom: 10px;
    }

    .panel .soundWithoutSpeakersLink {
        color: #EC5F1E;
        text-decoration: none;
        font-weight: bold;
        /*font-size: 1.2em;*/
        float: left;
    }

    .keyNavigation .panelText {
        float: left;
        width: 160px;
        line-height: 1.1em;
    }

    .keyNavigation img {
        margin-right: 5px;
    }

    .panel .soundWithoutSpeakersLink:hover {
        text-decoration: underline;
    }



/* =FOOTER
   ----------------------------------------------------*/
    #footer {
        width: 100%;
        height: 60px;
        line-height: 60px;
        background: #666;
        color: #b3b3b3;
        font-size: 0.7em;
        clear: both;
    }

    #footer span {
        margin-left: 39px;
    }

    #footer ul {
        float: right;
        list-style: none;
        margin: 0;
        padding: 0;
        margin-right: 29px;
    }

    #footer ul li {    
        float: left;
    }

    #footer ul li a {
        display: block;
        color: #b3b3b3;
        padding: 0 10px;
        text-decoration: none;
        background: url(../img/footer-nav-divider.gif) no-repeat;
    }

    #footer ul li a.first {
        background: transparent;
    }

    #footer ul li a:hover {        
        text-decoration: underline;
    }

    #footer span a {
        color: #b3b3b3;
        text-decoration: none;
    }

    #footer span a:hover {
        text-decoration: underline;
    }
/* =FORMS
   ----------------------------------------------------*/
    input,
    textarea,
    select {
        border: 1px solid #676767;
    }

    input.checkbox {
        border: 0;
    }

    button {
        background: url(../img/button.gif) no-repeat;
        width: 86px;
        height: 28px;
        font-weight: bold;
        color: #fff;
        font-size: 0.95em;
    }

    form {
        padding: 0;
        margin: 0;
    }

    label {
        font-weight: bold;
        font-family: "Lucida Sans";
        color: #444;
        font-size: 1.1em;
        width: 70px;
        text-align: right;
        margin-right: 10px;
        margin-bottom: 10px;
        display: block;
        float: left;
    }

    textarea {
        margin-bottom: 10px;
    }

    label.wide {
        width: 100px;
    }

    label.error {
        color: #EC5F1E;
    }

    input.error,
    textarea.error {
        border: 1px solid #EC5F1E;
    }

    #pContactEnquiry {
        width: 125px;
    }

/* =LIGHTBOX
   ----------------------------------------------------*/
    #jquery-overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 90;
        width: 100%;
        height: 500px;
    }
    #jquery-lightbox {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
        text-align: center;
        line-height: 0;
    }
    #jquery-lightbox a img { border: none; }
    #lightbox-container-image-box {
        position: relative;
        background-color: #fff;
        width: 250px;
        height: 250px;
        margin: 0 auto;
    }
    #lightbox-container-image { padding: 10px; }
    #lightbox-loading {
        position: absolute;
        top: 40%;
        left: 0%;
        height: 25%;
        width: 100%;
        text-align: center;
        line-height: 0;
    }
    #lightbox-nav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
    }
    #lightbox-container-image-box > #lightbox-nav { left: 0; }
    #lightbox-nav a { outline: none;}
    #lightbox-nav-btnPrev, #lightbox-nav-btnNext {
        width: 49%;
        height: 100%;
        display: block;
    }
    #lightbox-nav-btnPrev { 
        left: 0; 
        float: left;
    }
    #lightbox-nav-btnNext { 
        right: 0; 
        float: right;
    }
    #lightbox-container-image-data-box {
        font: 10px Verdana, Helvetica, sans-serif;
        background-color: #fff;
        margin: 0 auto;
        line-height: 1.4em;
        overflow: auto;
        width: 100%;
        padding: 0 10px 0;
    }
    #lightbox-container-image-data {
        padding: 0 10px; 
        color: #666; 
    }
    #lightbox-container-image-data #lightbox-image-details { 
        width: 70%; 
        float: left; 
        text-align: left; 
    }	
    #lightbox-image-details-caption { font-weight: bold; }
    #lightbox-image-details-currentNumber {
        display: block; 
        clear: left; 
        padding-bottom: 1.0em;	
    }			
    #lightbox-secNav-btnClose {
        width: 66px; 
        float: right;
        padding-bottom: 0.7em;	
    }