/* CSS Document */

/****** general layout rules */

#posDiv {  /* this rule is declared in IE6 and IE7 */
    position:relative; /* need this for positioning of other elements */
    width:auto;
}

#innerPosDiv {  /* this rule is declared in IE6 and IE7 */
    position:relative; /* need this for positioning of other elements */
    width:auto;
}

#bgLeft {
    width:3px;
    height:180px;
    position:absolute;
    top:0;
    left:0;
    background:url(/images/site/careers_BG_sprite.png) no-repeat top left transparent; /* override this in section specific CSS to change background */
}

#bgRight {
    width:3px;
    height:180px;
    position:absolute;
    top:0;
    right:0;
    background:url(/images/site/careers_BG_sprite.png) no-repeat top right transparent;  /* override this in section specific CSS to change background */
}

#innerbgMid {  /* this rule is declared in IE6 and IE7 */
    background: url(/images/site/careers_BG_mid.png) repeat-x scroll left top transparent;  /* override this in section specific CSS to change background */
    margin-bottom: 20px;
    margin-left:3px;
    margin-right:3px;
    padding: 0 10px;
    min-height: 180px;
}

#innerbgMid div.clear {
    line-height:0;
}

/******* Button styles */

button.tplOrangeBtn {  /* this rule is declared in IE6 and IE7 */
    background: #efab3e; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmYWIzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2Y5ZDE5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2VjOWQxYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWIyNTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #efab3e 0%, #f9d19c 30%, #ec9d1b 95%, #f1b250 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efab3e), color-stop(30%,#f9d19c), color-stop(95%,#ec9d1b), color-stop(100%,#f1b250)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #efab3e 0%,#f9d19c 30%,#ec9d1b 95%,#f1b250 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #efab3e 0%,#f9d19c 30%,#ec9d1b 95%,#f1b250 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #efab3e 0%,#f9d19c 30%,#ec9d1b 95%,#f1b250 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #efab3e 0%,#f9d19c 30%,#ec9d1b 95%,#f1b250 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efab3e', endColorstr='#f1b250',GradientType=0 ); /* IE6-8 */
    height:24px;
    border:1px solid #d69838;
    border-radius:3px;
    padding:3px 5px;
    color:#000;
    -webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.50);
    -moz-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.50);
    box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.50);    
}

:root button.tplOrangeBtn { /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    filter:none\9 ;
}

button.tplOrangeBtn:hover {  /* this rule is declared in IE6 and IE7 */
    background: #8bb7d6; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiYjdkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2M0ZGFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzcxYTdjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOGM5ZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #8bb7d6 0%, #c4daea 30%, #71a7cd 95%, #a8c9e0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8bb7d6), color-stop(30%,#c4daea), color-stop(95%,#71a7cd), color-stop(100%,#a8c9e0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #8bb7d6 0%,#c4daea 30%,#71a7cd 95%,#a8c9e0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #8bb7d6 0%,#c4daea 30%,#71a7cd 95%,#a8c9e0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #8bb7d6 0%,#c4daea 30%,#71a7cd 95%,#a8c9e0 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #8bb7d6 0%,#c4daea 30%,#71a7cd 95%,#a8c9e0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bb7d6', endColorstr='#a8c9e0',GradientType=0 ); /* IE6-8 */
    border:1px solid #71a7cd;
}

:root button.tplOrangeBtn:hover { /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    filter:none\9 ;
}

button.tplOrangeBtn span {
    background:url(/images/site/start-button-arrow-sprite.png) no-repeat top left transparent;
    padding-left:20px;
    line-height:15px;    
}

button.tplOrangeBtn:hover span {
    background:url(/images/site/start-button-arrow-sprite.png) no-repeat bottom left transparent;    
}

button.BrownMultiBtn span,
button.GreenWatchBtn span {
    color:#fff;
    font-weight:bold;
    padding:4px;
    font:bold 12px/12px Arial, Helvetica, sans-serif;
}

button.BrownMultiBtn {  /* this rule is declared in IE6 and IE7 */
    border-radius:3px;    
    background: #847d77; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzg0N2Q3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMGI3YWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #847d77 1%, #c0b7ae 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#847d77), color-stop(100%,#c0b7ae)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #847d77 1%,#c0b7ae 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #847d77 1%,#c0b7ae 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #847d77 1%,#c0b7ae 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #847d77 1%,#c0b7ae 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#847d77', endColorstr='#c0b7ae',GradientType=0 ); /* IE6-8 */
    border-radius:3px;
    border:1px solid #9a8b7c;
    -webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.50);
    -moz-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.50);
    box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.50);
    height:30px;
    margin-right:5px;
    margin-bottom:5px;
}

:root button.BrownMultiBtn {  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    filter:none\9 ;
}

button.BrownMultiBtn:hover {
    background: #c0b7ae; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwYjdhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzg0N2Q3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #c0b7ae 0%, #847d77 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0b7ae), color-stop(99%,#847d77)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c0b7ae 0%,#847d77 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c0b7ae 0%,#847d77 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c0b7ae 0%,#847d77 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #c0b7ae 0%,#847d77 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0b7ae', endColorstr='#847d77',GradientType=0 ); /* IE6-8 */
}

:root button.BrownMultiBtn:hover {  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    filter:none\9 ;
}

button.GreenWatchBtn {  /* this rule is declared in IE6 */
    background: #81922e; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzgxOTIyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiOWMwODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #81922e 1%, #b9c088 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#81922e), color-stop(100%,#b9c088)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #81922e 1%,#b9c088 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #81922e 1%,#b9c088 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #81922e 1%,#b9c088 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #81922e 1%,#b9c088 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81922e', endColorstr='#b9c088',GradientType=0 ); /* IE6-8 */
    border:1px solid #81922e;
    -webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.40);
    -moz-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.40);
    box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.40);
    height:30px;
    border-radius:3px;
    margin-right:5px;
    margin-bottom:5px;    
}

:root button.GreenWatchBtn {  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    filter:none\9 ;
}

button.GreenWatchBtn:hover {
    background: #b9c088; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I5YzA4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzgxOTIyZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #b9c088 0%, #81922e 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9c088), color-stop(99%,#81922e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b9c088 0%,#81922e 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b9c088 0%,#81922e 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b9c088 0%,#81922e 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #b9c088 0%,#81922e 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9c088', endColorstr='#81922e',GradientType=0 ); /* IE6-8 */
}

:root button.GreenWatchBtn:hover {  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    filter:none\9 ;
}

button.GreenWatchBtn span {
    background:url(/images/site/watchBtnArrow.png) no-repeat top left transparent;
    padding-left:28px;
    line-height:12px;
    position:relative;
    z-index:50;
    margin-left:5px;
}

/******* special rules for CSS3 numbering */

ol.mod {  /* this rule is declared in IE6 and IE7 */
    counter-reset: li;
    margin-left: 20px;
    padding-left: 0;
    color: #696A72;    
    font-size:.9em;
    line-height:18px;    
}

ol.mod > li {  /* this rule is declared in IE7 */
    background: none;
    border-top: 1px dotted #e4e4e4;
    list-style: none outside none;
    margin: 0 0 2px 2em;
    padding: 8px;
    position: relative;
}

ol.mod > li:before {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #9A8B7C;
    color: #FFFFFF;
    content: counter(li, decimal);
    counter-increment: li;
    font-family: "Gill Alt One MT",Arial,sans-serif;
    left:-45px;
    position: absolute;
    text-align: center;
    width: 19px;
    height: 19px;
    border-radius:22px; /* makes a circle */
    font-weight:bold;
    padding-right:2px;
}

ol.mod li:last-child {
    border-bottom: 1px dotted #e4e4e4;
}

/************* Video Modal Window styles */

#mask {  /* masking for modal window */
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index:1000; /* must be a value larger than nav and footer */
}

#modal {
    position:absolute;
    background:none;
    border:none;
    padding:0;
    z-index:1010;
}

#modal #content {
    border:none;
    background:none;
    padding:0;
}

#modal #contentwithpadding {
    border-radius:8px;
    background:#fff;
    padding:20px;
}

#modal #content #video {
    background-color:none;
}

#modal a#close {  /* modal close button */
    position:absolute;
    background:url(/images/site/video_close_btn_sprite.png) 0 0 no-repeat;
    display:block;
    text-indent:-9999px;
    top:-15px;
    right:-15px;    
    width: 33px;
    height: 33px;
    z-index: 1011;  
    position: absolute; 
    text-decoration: none;
    border: none;
    cursor:pointer;
}

#modal a#close:hover {
    background:url(/images/site/video_close_btn_sprite.png) no-repeat right bottom transparent;
}

/**************** Primary Landing page Carousel styles */

#tplCarouselBG {  /* this rule is declared in IE6 and IE7 */
    background:url(/images/site/careers_slider_bg2.png) repeat-x top left transparent;  /* override this in section specific CSS to change background behind carousel */
    position:relative;
    padding:20px 10px 0 10px;
    height:263px;
    margin-bottom:-35px;
}

#tplCarouselStretch {  /* this rule is declared in IE6 and IE7 */
    position:relative;
    margin-left:38px;
    right:20px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    box-shadow: 0 0 10px -5px #292929;
    background: none repeat scroll 0 0 #FFFFFF;
    min-height: 215px;
    overflow:hidden;
}

div.tplCarouselImgCnt {
    margin: 1px;
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:auto;
}

div.tplCarouselImgCnt img { /* this one is for landing page only */
    float:right;
    border-top-right-radius:9px;    
}

div.tplCarouselInfoCnt {  /* this rule is declared in IE6 */
    float:left;
    margin-left:20px; 
    margin-top:20px;
    margin-bottom:38px; /* to make room for controller at bottom */
    width:345px; /* width of container holding banner text */
    position:relative;
    z-index:50
}

/******* NEW 6-10-13 */
div.tplCarouselImgCntLeft img { /* this one is for landing page only */
    float:left;
    border-top-right-radius:9px;
    border-top-left-radius:9px;
    position:relative;
    z-index:40;    
}
div.tplCarouselInfoCntLeft {  /* this rule is declared in IE6 */
    margin-bottom:38px; /* to make room for controller at bottom */
    width:345px; /* width of container holding banner text */
    position:absolute;
    left:0;
    z-index:50
}
div.tplCarouselImgCntRight img { /* this one is for landing page only */
    float:right;
    border-top-right-radius:9px;
    border-top-left-radius:9px;
    position:relative;
    z-index:40;    
}
div.tplCarouselInfoCntRight {  /* this rule is declared in IE6 */
    margin-bottom:38px; /* to make room for controller at bottom */
    width:345px; /* width of container holding banner text */
    position:absolute;
    top:0;
    right:0;
    z-index:50
}
div.tplCarouselInfoCntRight img {
    float:right;
    border-top-right-radius:9px;
    border-top-left-radius:9px;
    position:relative;
    z-index:40;
}
/******** END NEW */

div.tplCarouselInfoCnt h2 {
    color:#128cab;
    font-size:1.8em;
    line-height:1em;
    font-family: "Gill Alt One MT Bold",Arial,Helvetica,sans-serif;
    margin: 0;
}

div.tplCarouselInfoCnt h2 span {
    color:#95bacd;
    margin: 0;
    padding: 0;
}

div.tplCarouselInfoCnt p {
    color:#676464;
    font-size:.9em;
    line-height: normal;
    margin-right:25px;
}

.tplCarouselOrangeBtnCnt {
    height: 27px;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
}

div#tplCarouselController {
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(top,  #f4f4f4 38%, #c9c9c9 92%, #adadad 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,#f4f4f4), color-stop(92%,#c9c9c9), color-stop(100%,#adadad)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f4f4f4 38%,#c9c9c9 92%,#adadad 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f4f4f4 38%,#c9c9c9 92%,#adadad 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f4f4f4 38%,#c9c9c9 92%,#adadad 100%); /* IE10+ */
    background: linear-gradient(top,  #f4f4f4 38%,#c9c9c9 92%,#adadad 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#adadad',GradientType=0 ); /* IE6-9 */
    -webkit-border-bottom-left-radius: 9px;
    -webkit-border-bottom-right-radius: 9px;
    -moz-border-bottom-left-radius: 9px;
    -moz-border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    height: 37px;
    position:absolute;
    bottom:0;
    border-left: 1px solid white;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
    border-top: none;
    width:99.8%; /* added for IE7 */
    clear:both; /* added for IE7 */
    text-align: center;
    overflow:hidden;
    z-index: 10;    
}

x:-o-prefocus, div#tplCarouselController {  /* Opera only hack */
    width:99%;
    padding-right:.8%;
}

.slider {
    width: 100%!important;
}

#tplCarouselController a {
    background: url(/images/site/controller_button_skin_sprite.png) no-repeat scroll top left transparent;
    display: block; 
    position: relative; 
    top: 8px;
    left: 43%;
    right: 50%;
    float: left;
    line-height:35px;
    width:19px;
    height:20px;
    margin:0 2px;
    text-decoration:none;
    border: none;
}

#tplCarouselController a:visited {
    background: url(/images/site/controller_button_skin_sprite.png) no-repeat scroll top left transparent;
}


#tplCarouselController a:hover, #tplCarouselController a.activeSlide { 
    background: url(/images/site/controller_button_skin_sprite.png) no-repeat scroll bottom left transparent;
}

#tplCarouselController a:active { 
    background: url(/images/site/controller_button_skin_sprite.png) no-repeat scroll bottom left transparent;
}

#tplCarouselController a img { 
    position:relative;
    z-index:-1 !important;
}

/**************** Secondary & Tertiary Landing page Banner styles */

#tplRandomBannerCnt {
    width:100%;
    height:255px;
    background:url(/images/site/borderBtm.gif) repeat-x left 250px transparent;
    background-color:#9a8b7c;
    border:1px solid #be7f6c;
    margin-bottom:3px;
    margin-left:-1px;
}

div.tplRandomBannerSlide {
    display: none;
}

div.tplRandomBannerImgCnt {
    margin: 1px;
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:auto;
}

div.tplRandomBannerImgCnt img { /* this one is for random load banner pages */
    float:right;
    height:249px;
}

div.tplRandomBannerQuoteCnt {  
    float:left;
    margin-left:30px; 
    width:40%;
    margin-top:6%;
    margin-bottom:6%;
    position:relative;
    z-index:50
}
 
div.tplRandomBannerQuoteCnt h2 {
    color:#fff;
    font-size:1.7em;
    line-height:1.1em;
    font-family: "Gill Alt One MT",Arial,Helvetica,sans-serif;
    font-weight:bold;
    margin: 0;
}

div.tplRandomBannerQuoteCnt h2 span {
    color:#cbd296;
    margin: 0;
    padding: 0;
}

div.tplRandomBannerQuoteCnt p {
    color:#676464;
    font-size:.9em;
    line-height: normal;
    margin-right:25px;
}

div.tplRandomBannerSigCnt { 
    clear:both;
    float:left;
    margin-left:30px; 
    margin-top:20px;
    width:450px; /* width of container holding banner text */
    position:relative;
    z-index:50
}

div.tplRandomBannerSigCnt h3 {
    color:#fff;
    font-size:1.2em;
    line-height:1.1em;
    font-family: "Gill Alt One MT",Arial,Helvetica,sans-serif;
    font-weight:bold;
    margin: 0;
}

div.tplRandomBannerSigCnt h3 span {
    color:#cbd296;
    margin: 0;
    padding: 0;
}

div.tplStaticPageBanner img {  /* this one is for static banner (child) pages */
    float:right;
    height:249px;
    margin-right:1px;
}

/*********** Find Out More styles at page bottom */

#tplFindOutCnt {
    clear:both;
    width:94%;
    margin-left:20px;
    padding-top: 20px;
}

#tplFindOutCnt h2.sc {
    color: #000;
    font-weight:bold;
    font-size:1em;
    margin-bottom:10px;
}

div.leftFade {  /* this rule is declared in IE6 */
    background: url(/images/site/leftFade.png) repeat-y top left transparent;
    height:10px;
    width:20px;
    position:relative;
    top:-6px;
    z-index:5;
}

div.rightFade {  /* this rule is declared in IE6 */
    background: url(/images/site/rightFade.png) repeat-y top left transparent;
    height:10px;
    width:20px;
    position:relative;
    top:-15px;
    right:-25px;
    float:right;
    clear:left;
    z-index:5;
}

ul#tplFindOutController { 
    list-style-type:none;
    margin:0;
    width:100%;
    height:32px; 
    position:relative;
    left:0;
    background:url(/images/site/up_border.png) repeat-x left bottom transparent;    
}

:root ul#tplFindOutController {  /* IE9 only hack */
    height: 32px\9;
}

/* Firefox only hack */
@-moz-document url-prefix() {  
   ul#tplFindOutController {}
   ul#tplFindOutController {
        height:31px;
   }
}

ul#tplFindOutController li { 
    list-style-type:none;
    display:inline;
}

ul#tplFindOutController li a,
ul#tplFindOutController li a:visited {
    font-weight:bold;
    color:#696a72;
    text-decoration:none;
    border-bottom:none;
    padding:15px;
    position:relative;
    z-index:20;
}

ul#tplFindOutController li a:hover,
ul#tplFindOutController li a:active,
ul#tplFindOutController li a.selected {
    background: url(/images/site/up_arrow2.png) no-repeat center 33px transparent;
    text-decoration:none;
    border-bottom:none;
    color:#0f758e;
}

div#tplFindOutInfoCnt {
    width:102%;
    padding-top:15px;
    margin-left:10px;
}

div#tplFindOutInfoCnt h4 {
    color: #1E1D1D;
    font-size: 0.9em;
    line-height: normal;
    margin: 0.8em 0 0.2em;
}

div#tplFindOutInfoCnt p, 
div#tplFindOutInfoCnt ul {
    line-height:18px;
    color: #696A72;
    font-size:.9em;
}

div#tplFindOutInfoCnt ul li {
    padding: 3px 0;
}

div#tplFindOutInfoCnt .vidContain {
    float:left;
    width:18%;
    margin-right:7%;
    text-align:center;
}

div#tplFindOutInfoCnt .vidContain p {
    color:#0f758e;
    text-align:center;
}

div#tplFindOutInfoCnt .vidContent {
    margin-left:10px;
    line-height:normal;
    display:inline;
}

/********* general reusable page containers */

h2.matchH1 {
    font-size:1.7em;
    font-family: "Gill Alt One MT",Arial,Helvetica,sans-serif;
    color:#808082;
    font-weight:normal;
    margin-bottom:15px;
}

h2.matchH1.bannerBtm { /* this rule is declared in IE6 and IE7 */
    margin-bottom:0;
}

div.tplCntStretch {
    clear:both;
    width:99.5%; 
    float:left;
    position:relative;
    margin-bottom:10px;
}

.tplMainBodyLeft {  /* this rule is declared in IE6 */
    position:relative;
    margin-right:320px;
    min-height:215px; /* image height - negative top */
}

.tplMainBodyLeft h2 { /* only for first h2 under secondary/tertiary page banners */
    margin-top:0;
}

.tplMainBodyRight {
    width:300px;
    position:absolute;
    top:0;
    right:0;
}

.tplMainBodyRight .tplMainBodyRightImgQuoteCnt {
    width:300px;
    height:200px;
    position:relative;
    background:url(/images/site/300x200_imageBG.gif) repeat-x left top transparent; /* AC 7-1-13 */
}

.tplMainBodyRight .tplMainBodyRightImgQuoteCnt .tplQuoteCnt {
    height:auto;
    min-height:140px;
    position:relative;
    border:1px solid #7d809b;
    padding:0 10px 10px 10px;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
}
.tplQuoteCnt .tplCaption {
    background-color: #f8f7f7;
    color: #7D809B;
    display: inline;
    padding: 0 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -10px;
    font-weight:bold;
    font-size:16px;
}
.tplQuoteCnt span.tplStatistic {
    font-size:30px;
    line-height:30px;
    font-weight:bold;
    color: #911b1d;
    text-align:center;
    text-transform:uppercase;
}
.tplQuoteCnt { /* took out p */
    font-size: 15px;
    text-transform:uppercase;
    color: #676464;
    margin-top:0;
}

/*********** NEW from Support project */

#tpl2ColMainLeft {
    position:relative;
    margin-right:310px;
    min-height:415px;
    margin-top:20px;
}
#tpl2ColMainRight {
    width:300px;
    position:absolute;
    top:30px;
    right:0;
}
a.pdfIcon {
    background: url("http://www.arm.com/images/site/pdf-icon.png") no-repeat scroll right top transparent;
    border-bottom: medium none;
    height: 27px;
    padding: 5px 30px 5px 0;
    text-decoration: none;
    width: 27px;
}
.tplQuoteCnt,
.tplTestimonialCnt {
    border: 1px solid #7D809B;
    padding: 0 10px 10px; /* support */
    position: relative;
    text-align: center;
    text-transform:none !important; /* support */
    margin-bottom:30px; /* support */
}
.tplTestimonialCnt {
    height:170px;
}
.tplContentCnt {
    height:135px;
}
.tplTestimonialCnt h4,
.tplTestimonialCnt p {
    margin:5px 0 0;
    line-height:normal;
    font-size:.8em;
    color:#676464;
}
.tplFAQCnt .tplCaption,
.tplContentCnt .tplCaption,
.tplTestimonialCnt .tplCaption { /* this rule is declared in IE6 and IE7 */
    background-color:#F8F7F7;
    color: #7D809B;
    display: inline;
    font-size: 16px;
    font-weight: bold;
    padding: 0 10px;
    position: relative;
    text-align: center;
    text-transform:none;
    top: -10px;
    white-space:nowrap;
}
.tplFAQCnt .tplCaption {
    background-color:#fff;
}
.tplFAQCnt,
.tplContentCnt {
    border: 1px solid #7D809B;
    font-family: Arial,Helvetica,sans-serif;
    padding: 0 15px;
    position: relative;
    text-align: center;
    color: #676464;
    font-size: 11px;
    line-height:16px;
    margin-top: 0;
    margin-bottom:30px;
}
.tplFAQCnt {
    padding-right:0;
}
.tplFAQ,
.tplContent {
    text-align:left;
    height: 180px;
    overflow-x:hidden;
    overflow-y:auto;
    font-weight:bold;
}
.FAQbtm {
    position: absolute; 
    height: 20px; 
    background-color: #fff; 
    bottom: 0px; 
    width: 265px;
}
.tplFAQ ul,
.tplFAQ ul li {
    list-style-type:none;
    list-style-image:none;
    padding: 0 5px 10px 0;
    margin-bottom:0;
}
div.tplFAQCnt div.popup {
    background-color: #FFF2E8;
    border: 2px solid #ffcba2;
    border-top:1px solid #ffcba2;
    border-left:1px solid #ffcba2;
    border-radius: 5px;
    padding: 10px;
    position: absolute;
    width: 300px;
    z-index: 20;
    /*box-shadow:1px 1px 5px 1px #ccc;*/
    box-shadow:0 8px 6px -6px grey;
}
div.popup p {
    line-height:normal;
    font-weight:normal;
    font-size:13px;
    color:#000;
}
div#testimonialsCarousel {
    position:relative;
    display:block;
    width:100%;
}
div#testimonialsCarouselController { /* this rule is declared in IE6 and IE7 */
    background:none;
    border:none;
    position:absolute;
    bottom:5px;
    height:20px;
    margin:0 auto;
    width:278px;
    z-index:10;
}
#testimonialsCarouselController a { 
    background: url(/images/site/testimonial-controller-button.png) no-repeat scroll left top transparent;
    border: none;
    display: inline-block;
    height: 20px;
    margin: 0 2px;
    text-decoration: none;
    width: 19px;
}
#testimonialsCarouselController a:hover, 
#testimonialsCarouselController a.activeSlide {
    background: url(/images/site/testimonial-controller-button.png) no-repeat scroll left bottom transparent;
}

/*********** end NEW */

.tplVideoCnt {
    width:100%;
    clear:both;
    /* DO NOT FLOAT THIS */
}

.tplVideoCnt .tplVideoThumbCnt {
    width:145px;
    height:105px;
    text-align:center;
    position:relative;
    z-index:5;
    float:left;
    margin-right:10px; 
}

.tplVideoCnt .tplVideoInfoCnt {
    margin-left:155px;
}

.tplVideoCnt .tplVideoInfoCnt h3 {
    margin-top:0;
}

.tplVideoCnt .tplVideoInfoCnt p {
    font-size:0.8em;
    line-height:normal;
}

a.videoPopLink {
    border-bottom:none !important;
    text-decoration:none;
}

.tplSecondaryCnt {
    clear:both;
    float:left;
    width:100%;
    margin-bottom:10px; 
}

.tplSecondaryImgCnt {
    width:145px;
    background: none;
    text-align:center;
    position:relative;
    z-index:5;
    float:left;
    margin-right:5px; 
}

.tplSecondaryImgCnt img {
    position:relative;
    z-index:1;
}

.tplSecondaryInfoCnt { 
    margin-left:155px;
    min-height:105px;
}

.tplSecondaryInfoCnt h3 {
    margin-top:0;
}

#tpl2ColCnt,
#tpl3ColCnt {
    width:99%;
    float:left; 
    clear:both;
    margin-bottom:20px; 
}

#tpl3ColCnt #col1,
#tpl3ColCnt #col2,
#tpl3ColCnt #col3 {
    width:32%;
    margin-right:1%;
    float:left;
}

#tpl2ColCnt #col1,
#tpl2ColCnt #col2 {
    width:48%;
    float:left;
    margin-right:10px; /* space between two columns */
}

#tpl2ColCnt #col2 {
    margin-right:0;
}

#tpl2ColCnt #col1 h2,
#tpl2ColCnt #col2 h2,
#tpl2ColCnt .tplSecondaryInfoCnt h2, 
.tplCntStretch .tplSecondaryInfoCnt h2, 
.tplSecondaryCnt .tplSecondaryInfoCnt h2 {
    font-size:1em;
    margin-top:0;
}

#tpl2ColCnt img.icon {
    float:left;
    margin-right:10px;
    margin-left:10px;
}

#tpl2ColCnt .tplBlurbImgCnt,
#tpl3ColCnt .tplBlurbImgCnt {  /* this rule is declared in IE6 */
    width:151px;
    height:148px;
    text-align:center;
    position:relative;
    z-index:5;
    float:left;
    margin-right:5px; 
}

#tpl3ColCnt .tplBlurbImgCnt {
    float:none;
}

#tpl2ColCnt .tplSecondaryImgCnt,
#tpl3ColCnt .tplSecondaryImgCnt {
    width:145px;
    background: none;
    text-align:center;
    position:relative;
    z-index:5;
    float:left;
    margin-right:5px; 
}

#tpl2ColCnt .tplSecondaryImgCnt img,
#tpl3ColCnt .tplSecondaryImgCnt img {
    position:relative;
    z-index:1;
}

#tpl2ColCnt .tplSecondaryInfoCnt {
    margin-left:151px;
}

p.tplBlurbDesc {
    font-size:.8em;
    line-height:15px;
}

/**** FAQ page styles */

div#tplFAQPage {
    clear:both;
    width:99.5%; 
    float:left;
    position:relative;
    margin-bottom:20px;
}

div#tplFAQPage p {
    padding-left:10px;
    font-size:1em;
    line-height:18px;
    color: #696A72;    
}

div#tplFAQPage ul {
    color: #696A72;    
}

/******** ARM Locations Map styles */

/* for printing modal window contents only */

.infoModalWindow {
    padding: 10px 40px!important;
    background: #ffffff!important;
    -moz-border-radius: 10px; /* Firefox */  
    -webkit-border-radius: 10px; /* Safari, Chrome */  
    border-radius: 10px; /* CSS3 */  
}

@media print {
    #container { display: none; }
    .infoModalWindow {
        display: block;
        float:none;
        font-size:28px;
        margin-left:-600px;
        height:100%;
    }
}

/* end printing modal window contents */

#globalMap {
    padding:8px;
    background:url(/images/site/global_support_map2.png) no-repeat top left transparent;
    width:744px;
    height:444px;
    position:relative;
}

/* #globalSupport is declared in IE7 */

#globalSupport .bubbleInfo img {
    left:0;
    top:-10px;
    height: 35px;
    position:absolute;
}

#globalSupport .bubbleInfo a {  
    position:absolute;
    font-weight:bold;
    border-bottom:none;
}

#globalSupport a:hover {  
    color: #696a72;
}

#globalSupport .popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
    border:1px solid #9b8d79;
    background: #edeee5; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2VkZWVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #edeee5 1%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#edeee5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #edeee5 1%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #edeee5 1%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #edeee5 1%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #edeee5 1%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeee5', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0 0 5px #666;
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666;
    padding:8px;
    width:35%;
    white-space:nowrap;
    z-index:50;
}

:root #globalSupport .popup {      /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    filter:none\9 ;
}

#globalSupport .popup p {
    line-height:normal;
    font-size: 12px;
}

#globalSupport .popup h3 {
    text-align: center;
    color: #333;
}

#globalSupport .popup ul {
    list-style: square;
    list-style-image:none;
}

#globalSupport .popup ul li {  /* this rule is declared in IE6 and IE7 */
    color: #bdafa2;
    font-size:8px;
}

#globalSupport .popup ul li a {
    font-size: 12px;
    line-height:22px;
}

/* Office Locations */

.bubbleInfo a#namerica {
    top: 180px;
    left: 105px;
}

.bubbleInfo a#europe {
    top: 162px;
    left: 355px;
}

.bubbleInfo a#middleeast {
    top: 200px;
    left: 410px;
}

.bubbleInfo a#asia {
    top: 175px;
    left: 545px;
}

#locationContainer {
    clear:both;
    width:94%;
    margin-left:20px;
}

.locationFindOutMoreBox div.locationContent {
     margin-top:10px;
     border-top: 1px solid #dcdcdc;
     clear: both;
     float:left;
     width:100%;
     position:relative; /* needed to position back to top links */
}

a.locationLearnMore {
    text-decoration: none;
    border: none;
    padding: none; 
    margin: none;
    display: inline;
}

div.locationAddyContainer {
    width:265px;
    float:left;
    padding:10px;
    border: 1px solid #dfdfdf;
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari, Chrome */
    -khtml-border-radius: 10px; /* KHTML */
    border-radius: 10px; /* CSS3 */    
}
div.locationAddyContainer h4 {
    font-size:.9em;
    margin:3px 0;
    color:#696A72;    
}
div.locationAddyContainer ol {
    margin-left:30px;
    font-size:.9em;
}
div.locationAddyContainer a {
    font-size:.8em;
}
div.locationDescContainer {
    margin-left:300px;
    margin-right:215px;
}
div.locationDescContainer h4 {
    margin-top:0;
    margin-botttom:5px;
    font-size:.9em;
    color:#696a72;
}
div.locationDescContainer p {
    font-size:.8em;
    line-height:normal;
    margin-top:0;
}
div.locationDescContainer ul li {
    font-size:.8em;
}
div.locationImgContainer {
    position:absolute;
    top:25px;
    right:0;
    width:200px;
}
div.locationContent a.backToTop {
    position:absolute;
    bottom:0;
    right:0;
    font-size:.7em;
    margin-top:10px;
    line-height:normal;
}

/********* ARM Culture and Values styles **********/

div.interactiveCompanyValuesSection {  /* this rule is declared in IE6 and IE7 */
    display: block;
    width: 97%;
    padding: 10px;
    -moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari, Chrome */
    -khtml-border-radius: 10px; /* KHTML */
    border-radius: 10px; /* CSS3 */
    border: 1px solid #CEC8C0;
    /*background-color: #ddd;*/
    position:relative;
    background:url(/images/site/culture-values-bg.jpg) repeat-x top left #fff;
    box-shadow: 0 0 10px -5px #666666;
}

div.interactiveCompanyValuesSection #pieMiddle {
    position:absolute;
    top:150px;
    left:176px;
    background:url(/images/site/pieMiddle.png) no-repeat top left transparent;
    width: 98px;
    height:99px;
    z-index:198;
}

div.interactiveCompanyValuesSection #responsive {  /* this rule is declared in IE6 and IE7 */
    background:url(/images/site/culture-value-lines-sprite.png) no-repeat 0 0 transparent;
    width:467px;
    height:254px;
    display:none;
    position:absolute;
    top:82px;
    left:-14px;
    z-index:50;
}

div.interactiveCompanyValuesSection #delivery {  /* this rule is declared in IE6 and IE7 */
    background:url(/images/site/culture-value-lines-sprite.png) no-repeat 0 -712px transparent;
    width:467px;
    height:100px;
    display:none;
    position:absolute;
    top:51px;
    left:-14px;
    z-index:50;    
}

div.interactiveCompanyValuesSection #innovation {  /* this rule is declared in IE6 and IE7 */
    background:url(/images/site/culture-value-lines-sprite.png) no-repeat 0 -250px transparent;
    width:467px;
    height:248px;
    display:none;
    position:absolute;
    left:-14px;
    top:85px;
    z-index:50;
}

div.interactiveCompanyValuesSection #personal {  /* this rule is declared in IE6 and IE7 */
    background:url(/images/site/culture-value-lines-sprite.png) no-repeat 0 -490px transparent;
    width:467px;
    height:142px;
    display:none;
    position:absolute;
    left:-14px;
    top:94px;
    z-index:50;
}

div.interactiveCompanyValuesSection #teamwork {  /* this rule is declared in IE6 and IE7 */
    background:url(/images/site/culture-value-lines-sprite.png) no-repeat 0 -641px transparent;
    width:467px;
    height:70px;
    display:none;
    position:absolute;
    left:-14px;
    top:57px;
    z-index:50;
}

div.interactiveCompanyValuesSection #constructive {  /* this rule is declared in IE6 and IE7 */
    background:url(/images/site/culture-value-lines-sprite.png) no-repeat 0 -812px transparent;
    width:467px;
    height:135px;
    display:none;
    position:absolute;
    left:-14px;
    top:52px;
    z-index:50;
}

div.interactiveCompanyValuesSection #partner {  /* this rule is declared in IE6, IE7, IE9 and iPad */  /* this rule is for desktop browsers */
    background:url(/images/site/culture-value-lines-sprite.png) no-repeat 0 -1138px transparent;
    width:467px;
    height:205px;
    display:none;
    position:absolute;
    left:-14px;
    top:52px;
    z-index:50;
}

/* IE9 only */
:root div.interactiveCompanyValuesSection #partner {  
    background-position-y: -952px\9;
}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
div.interactiveCompanyValuesSection #partner {  
    background:url(/images/site/culture-value-lines-sprite.png) no-repeat 0 -952px transparent;
    width:467px;
    height:200px;
    display:none;
    position:absolute;
    left:-14px;
    top:52px;
    z-index:50;
}
}

div.interactiveCompanyValuesSection h2 {
    margin-top:0;
    color: #0036A6;
}

div.interactiveCompanyValuesSection p.intro {
    color:#656565;
    font-size:12px;
    line-height:normal;
    margin-top:5px;
}

div#containValues {/* this rule is declared in IE6 and IE7 */
    position:relative;
}

div.interactiveCompanyValuesSection .interactiveCompanyValuesSectionLeft {
    display: block;
    border: #0f0 solid 0px;
    width:425px;
    height: 250px;
    position:relative;
    z-index:196;
}

div.interactiveCompanyValuesSection .interactiveCompanyValuesSectionRight {  /* this rule is declared in IE6 and IE7 */
    display: block;
    font-size:12px;
    position:absolute;
    top:0;
    margin-left:430px;
    z-index:190;
    width:auto;
}

div.interactiveCompanyValuesSection .interactiveCompanyValuesSectionRight span {
    color:#0082AE;
    font-weight:bold;
    line-height:normal;
    margin-top:10px;
    font-size:14px;
}

.interactiveCompanyValuesSectionRight .gradientBG {
    background: #e8e8e8; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e8e8e8 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e8e8e8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e8e8e8 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e8e8e8 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e8e8e8 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
    border-top-left-radius:10px;
    position:relative;
    z-index:192;
    padding:10px 0 0 10px;
    margin-right:55px;
    margin-top:5px;
    min-height:160px;
}

.interactiveCompanyValuesSectionRight .gradientBG p {
    color:#000;
    line-height:normal;
    margin-right:45px;
    margin-top:0;
}

div.interactiveCompanyValuesSection #cultureValueDude {
    background:url(/images/site/culture-values-dude.png) no-repeat top left transparent;
    width:113px;
    height:221px;
    position:absolute;
    top:50px;
    right:0;
    z-index:194;
}

/********* SideTabby Section **********/

#sideTabbys {
    background-color: none;
    clear: both;
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 99.5%;
}

#sideTabbys #sideTabNaviContent {
    width: 98%;
    border: none;
    margin-top: 10px;
}

#sideTabbys div#sideTabNaviContainer {  
    background-color: none;
    width: 240px;
    float: left;
    margin-right: 15px;
}

.tabbycontent {
    margin-left:255px;
}

#sideTabbys ul#sideTabNavi { /* this rule is declared in IE6 and IE7 */
    background-color: none;
    list-style: none;
    width: 100%;
    padding: 0;
    list-style-image:none;
}

#sideTabbys ul#sideTabNavi li {
    background-color: none;
    padding: 0;
    cursor: pointer;
    border-top: 1px solid #dcdcdc;
}

#sideTabbys ul#sideTabNavi:last-child {
    border-bottom: 1px solid #dcdcdc;
}

#sideTabbys ul#sideTabNavi li.active {
    background: #def0f4; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dceef2'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dceef2)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ffffff,  #dceef2); /* for firefox 3.6+ */
    color: #128cab;
    font-weight: bolder;
}

#sideTabbys ul#sideTabNavi li a {
    display: block;
    width: 100%;
    padding: 3px 5px 3px 10px;
    text-decoration: none;
    border: none;
}

#sideTabbys ul#sideTabNavi li a:hover {
    font-weight:bold;
    color:#128cab;
}

#sideTabbys ul#sideTabNavi li:hover {
    background: #def0f4; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dceef2'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dceef2)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #ffffff,  #dceef2); /* for firefox 3.6+ */
}

#tplFindOutCnt #tplFindOutInfoCnt div.tabcontent {
    display: none;
}

#tplFindOutCnt #tplFindOutInfoCnt div.tabcontentshow {
    display: block;
}