/* Responsive styles (mobile through desktop) */

/* Adding the Google Font Lato as a close match to Meta Pro */
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);

html {
    -ms-overflow-style: scrollbar;
}

/* IE10/11 Metro responsive
 Required for Windows 8 Metro split-screen snapping with IE10 and IE11
 Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ */
@-ms-viewport {
    width: device-width;
}
/* Scrollbar fixes for IE10 */
.no-touchcapable,
.fsno-touchcapable {
    -ms-overflow-style: scrollbar;
}

html, body {
    margin:0;
    padding:0;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size:100%;
    color:#333;
    background-color:#FFF;
}

*,
*:before,
*:after {
    box-sizing:border-box;
}

/* Fix table problems */
table {
    font-size:100%;
    border-collapse: collapse;
    width:100%;
}
table td,
table tr {
    vertical-align: top;
}

.table {
    border:1px solid #999;
    border-collapse: collapse;
}
.table th,
.table td {
    padding:0.5em;
}
.table tbody td,
.table tbody th {
    border-top:1px solid #999;
    border-left:1px solid #999;
}

/* Responsive tables */
.responsive-table {
  margin-bottom:2em;
  overflow: auto;
  width: 100%;
  margin-bottom:2em;
  
  background:
    /* Shadow covers */
    linear-gradient(left, white, rgba(255,255,255,0)),
    linear-gradient(left, rgba(255,255,255,0), white) 100% 0,
    
    /* Shadows */
    radial-gradient(left, farthest-side, rgba(0,0,0,.4), rgba(0,0,0,0)),
    radial-gradient(right, farthest-side, rgba(0,0,0,.4), rgba(0,0,0,0)) 100% 0;
  background:
    /* Shadow covers */
    linear-gradient(white, rgba(255,255,255,0)),
    linear-gradient(rgba(255,255,255,0), white) 100% 0,
    
    /* Shadows */
    radial-gradient(farthest-side at 0 50%, rgba(0,0,0,.4), rgba(0,0,0,0)),
    radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.4), rgba(0,0,0,0)) 100% 0;
    
  background-repeat: no-repeat;
  background-color: white;
  background-size: 60px 100%, 60px 100%, 20px 100%, 20px 100%;
    
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
}

input.checkbox { vertical-align:middle }
input.radio { vertical-align:middle }

/* Fixes alignment and spacing problems for embedded media */
object {
    margin:0;
    padding:0;
    border:0;
    display:block;
}
embed {
    margin:0;
    padding:0;
    border:0;
    display:block;
}
iframe {
    margin:0;
    padding:0;
}

/* Clear Fix */
/* Apply the floatwrapper class to any element which acts as a container for floats. */

.floatwrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.floatwrapper {
    display:inline-block;
}
/* Hides from IE-mac \*/
.floatwrapper {display:block;}
* html .floatwrapper {height: 1px;}
/* End hide from IE-mac */

/* Old-fashioned float clear */
.clearfloat {
    clear: both;
}

img {
    height: auto !important;
    max-width: 100%;
    width: auto;
    -ms-interpolation-mode: bicubic;
}

img.inline { 
    display:inline 
}
p { 
    padding:0;
    margin:0 0 .7em 0; 
}
h1,h2,h3 {margin:0; padding:0;}

h1 {font-size:1.7em}
h2 {font-size:1.4em}
h3 {font-size:1.1em}

ul {list-style:outside }
ol {list-style:outside decimal}

a {
    color:#20A1CE;
    text-decoration:none;
}
    a:hover {
        color:#1a3b4f;
    }

    a#skipnav:link,
    a#skipnav:hover,
    a#skipnav:visited {
      height: 1px;
      overflow: hidden;
      position: absolute;
      top: -999em;
    }
    a#skipnav:active,
    a#skipnav:focus {
        position:relative;  
        background: #FFF;
      border: 1px solid #CC0000;
      color: #CC0000;
      height: 1em;
      overflow: visible;
      padding: .3em .3em .5em .3em;
      position: fixed;
      text-align: center;
      top: 0;
      width: 7em;
      z-index: 1000;
    }

a.calltoactionarrow {
    display:block;
    width:19px;
    height:0;
    padding-top:19px;
    overflow:hidden;
    background:url("../images/sprite_circlearrow.png") no-repeat 0 -415px;
}

a.calltoactionarrow2 {
    display:block;
    width:19px;
    height:0;
    padding-top:19px;
    overflow:hidden;
    background:url("../images/sprite_circlearrow.png") no-repeat 0 -591px;
}

    a.calltoactionarrow:hover {
        background-position:0 -331px;
    }
    
    a.calltoactionarrow2:hover {
        background-position:0 -331px;
    }
    
a.calltoactionplus {
    display:block;
    width:19px;
    height:0;
    padding-top:19px;
    overflow:hidden;
    background:url("../images/sprite_plus.png") no-repeat 0 -100px;
}
    a.calltoactionplus:hover {
        background-position:0 -150px;
    }

.btn {
    display:inline-block;
    border:2px solid #000;
    background:url("/images/bg-99-percent-transparent.png") repeat 0 0;
    padding:0.25em 1em;
    color:#000;
    font-size:13px;
    font-weight:700;
    margin-top:1em;
}
.printonly {
    display:none;
}

.visuallyhidden {
    border:0!important;
    clip:rect(0 0 0 0)!important;
    height:1px!important;
    margin:-1px!important;
    overflow:hidden!important;
    padding:0!important;
    position: absolute!important;
    width:1px!important;
}

.centered {
    margin-left:auto;
    margin-right:auto;
}
.lowercase {
    text-transform:lowercase !important;
}
.nocase,
#showcasehead h1 {
    text-transform:none !important;
}

@media (max-width:540px) {
    .lap-and-up-only {
        display:none;
    }
}

/* Forms */
form {
    margin:0;
    padding:0;
}
fieldset {
    border:0;
    margin:0;
    padding:0;
}
.formrow {
    margin-bottom:19px;
}
    .formrow label {
        font-size:16px;
        font-weight:bold;
        display:block;
        margin-bottom:3px;
    }
    .formrow label.error {
        font-weight:normal;
        color:red;
        text-align:left;
    }
    .selectrow label.error,
    .textarearow label.error {
        margin-left:0;
        margin-right:0;
    }
    
    .selectrow,
    .textarearow {
        margin-top:25px;
        margin-bottom:25px;
    }
    .selectrow label,
    .textarearow label {
        font-size:16px;
        display:block;
        text-align:left;
        margin-bottom:3px;
    }
    .selectrow select,
    .textarearow textarea {
        display:block;
    }

    .selectrow select {
        max-width:100%;
    }
    
    .textarearow textarea {
        width:90%;
    }
    
    .formrow input.text {
        position:relative;
        width:100%;
        font-size:16px;
    }
        .formrow input.error,
        .formrow textarea.error {
            background-color:#F7E1E4;
        }
    
    p.formnote {
        font-size:12px;
        margin-bottom:0 !important;
    }

/* Structural IDs */
#container {
    font-size: 14px;
    position: relative;
    text-align: left;
    padding:13px 20px 0;
}

#contentcontainer {
    padding:20px 0 0;
}

#logo {
    position:relative;
    width:88px;
    margin-bottom:12px;
}

.navbar-toggle {
   position: absolute;
   display:block;
   top:20px;
   right:20px;
   padding: 9px 9px !important;
   background-color: #cccccc;
   border: 1px solid transparent;
   border-radius: 4px;
}

.navbar-toggle .icon-bar {
   display: block;
   width: 22px;
   height: 2px;
   background-color:#000000;
   border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar {
   margin-top: 4px;
}

#alls {
    padding:10px;
    background-color:#fff;
}
.no-touchcapable #selects,
.fsno-touchcapable #selects {
    cursor:pointer;
}
#selects img {
    display:inline;
}

.add {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-top: 10px;
    cursor: text;
    display: none;
    text-align: right;
    width: 60px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #999;
    padding-top:5px;
    padding-bottom: 5px;
    line-height:1;
}

.add a {
    color: #999;
    text-decoration: none;
}

.no-touchcapable .add a:hover,
.fsno-touchcapable .add a:hover{
    color: #333;
    text-decoration: none;
}

#masthead #utilitynav {
    position:absolute;
    z-index:900;
    margin-top:-2px;
    right:70px;
    color:#4c4747;
    text-transform:uppercase;
    font-weight:bold;
    font-size:12px;
    line-height:1.1em;
}
    #masthead #utilitynav a {
        color:#4c4747;
    }
        .no-touchcapable #masthead #utilitynav a:hover,
        .fsno-touchcapable #masthead #utilitynav a:hover {
            color:#20a1ce;
        }
    #masthead #utilitynav ul {
        margin:0;
        padding:0;
        list-style:none;
        text-align:right;
    }
        #masthead #utilitynav ul li {
            display:none;
            line-height:1.1em;
            /* border-right:1px solid #4c4747; */
            padding:0 5px;
        }
            #masthead #utilitynav ul li:first-child {
                display:inline;
            }

#mainnav {
    background-color:#e6e6e6;
    /* position:relative; */
    margin:0 -20px;
    font-family:"Lato",Arial,Helvetica,sans-serif;
    font-weight:bold;
    font-size:12px;
}
    
    #mainnav ul {
        list-style:none;
        margin:0;
        padding:0;
    }
    #mainnav > ul {
        position:relative;
        max-height:0;
        overflow:hidden;
        border-bottom:1px solid #d3d3d3;
        
        -webkit-transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
        transition: all 0.5s ease-in;
    }
    #mainnav.expanded > ul {
        max-height:999px;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }
        #mainnav > ul > li {
            line-height:1em;
            white-space:nowrap;
            text-transform:uppercase;
            letter-spacing:1px;
            margin:0;
            border-top:1px solid #d3d3d3;
        }
            #mainnav > ul > li:first-child {
                border-top:none;
            }
        
        #mainnav a {
            display:block;
            padding:1em 20px 0.75em;
            color:#626262;
        }

        .no-touchcapable #mainnav > ul > li > a:hover,
        .no-touchcapable #mainnav ul ul a:hover,
        .fsno-touchcapable #mainnav > ul > li > a:hover,
        .fsno-touchcapable #mainnav ul ul a:hover {
            background-color:#626262;
            color:#fff;
        }

        .technology #mainnav > ul > li#mnavtechnology > a,
        .applications #mainnav > ul > li#mnavapplications > a,
        .showcase #mainnav > ul > li#mnavshowcase > a,
        .about #mainnav > ul > li#mnavabout > a,
        .news #mainnav > ul > li#mnavnews > a,
        .careers #mainnav > ul > li#mnavcareers > a,
        .partners #mainnav > ul > li#mnavpartners > a {
            background:#e51837 !important;
            color:#fff !important;
        }

        /* Items with children */
        #mainnav ul ul {
            position:relative;
            background-color:#ccc;
            max-height:0;
            overflow:hidden;
            
        }
        #mainnav ul ul li {
            border-top:1px solid #d3d3d3;
        }
        #mainnav ul ul li:first-child {
            border-top:none;
        }
        #mainnav ul ul a {
            padding-left:40px;
        }

        #mainnav > ul > li.has-children > a:after {
            font-size:150%;
            content: "\00a0+";
            color:#aaa;
            position:absolute;
            right:20px;
        }
        .no-touchcapable #mainnav ul > li > a:hover:after,
        .fsno-touchcapable #mainnav ul > li > a:hover:after,
        .technology #mainnav > ul > li#mnavtechnology > a:after,
        .applications #mainnav > ul > li#mnavapplications > a:after,
        .showcase #mainnav > ul > li#mnavshowcase > a:after,
        .about #mainnav > ul > li#mnavabout > a:after,
        .news #mainnav > ul > li#mnavnews > a:after,
        .careers #mainnav > ul > li#mnavcareers > a:after,
        .partners #mainnav > ul > li#mnavpartners > a:after {
            color:#fff;
        }

        /* Expanded states */
        #mainnav > ul > li.has-children.expanded > a:after {
            content: "\00a0–";
        }
        #mainnav li.expanded ul {
            max-height:none;
        }
        .no-touchcapable #mainnav .expanded ul a:hover,
        .fsno-touchcapable #mainnav .expanded ul a:hover {
            background-color:#626262;
            color:#fff;
        }


#footer {
    background-color:#e6e6e6;
    position:relative;
    margin:0 -20px -20px;
    padding:20px;
    font-size:12px;
    clear:both;
}
    #footer .footernav {
        font-size:14px;
        font-weight:bold;
        margin-bottom:1.25em;
    }
        #footer .footernav ul {
            list-style:none;
            margin:0;
            padding:0;
        }
        #footer .footernav li {
            margin:0;
            line-height:1;
        }
        #footer .footernav a {
            color:#583172;
            display:block;
            padding:0.5em 0;
        }
            .no-touchcapable #footer .footernav a:hover,
            .fsno-touchcapable #footer .footernav a:hover {
                color:#20A1CE;
            }
        .no-touchcapable #footer a:hover,
        .fsno-touchcapable #footer a:hover {
            color:#583172;
        }
        #footer .copyright {
            clear:left;
            margin-top:1.75em;
        }
        #footer .footersocial {
            display:table;
        }
        #footer .footersocial a {
            display:table-cell;
        }

/* Mobile hiding */
#customershowcasecallout,
#sidenav,
#subnav,
#displaynav,
#applicationsnav {
    display:none;
}

/* Homepage */

/* New homepage slider */
.homefeature {
    margin-bottom:20px;
    position:relative;
}

.featureslide {
    position:relative;
    font-family: "Lato", Arial, sans-serif;
    font-weight:400;
    display:none;
    width:100%;
}
    .featureslide:first-child {
        display:block;
    }
    .no-js .featureslide {
        margin-top:10px;
    }
        .no-js .featureslide:first-child {
            margin-top:0;
        }

    .featureslide-content {
        position:absolute;
        left:10px;
        top:10px;
        right:62%;
        bottom:10px;
    }
    .featureslide-content h2 {
        font-weight:400;
    }
    .featureslide-content p {
        display:none;
        color:#a4a4a4;
        font-weight:400;
    }
    .featureslide-content .trademark {
        font-size:50%;
        position:relative;
        top:-0.25em;
    }
    .featureslide-content .btn {
        display:inline-block;
        border:2px solid #000;
        background:url("/images/bg-99-percent-transparent.png") repeat 0 0;
        padding:0.25em 1em;
        color:#000;
        font-size:13px;
        font-weight:700;
        margin-top:20px;
    }

    /* Blue theme */
    .theme-blue .featureslide-content {
        color:#0a3484;
    }
        .theme-blue .featureslide-content .btn {
            border-color:#0a3484;
            color:#0a3484;
        }

    /* Red theme */
    .theme-red .featureslide-content h2,
    .theme-red .featureslide-content .btn {
        color:#cc141e;
    }
        .theme-red .featureslide-content .btn {
            border-color:#cc141e;
        }

    /* Withings theme */
    .theme-withings .featureslide-content {
        right:48%;
    }
    .theme-withings .featureslide-content .logo-withings {
        max-width:352px;
    }
    .theme-withings .featureslide-content .btn {
        color:#0093d6;
        border-color:#0093d6;
    }

    /* Sony theme */
    .theme-sony .featureslide-content {
        right:42%;
    }

    /* Abbott theme */
    .theme-abbott .featureslide-content h2 {
        font-size:1em;
        line-height:1.2;
        margin-bottom:0.5em;
    }

    /* 32-inch flexible theme */
    .theme-flexible .featureslide-content {
        right:40%;
    }

    /* Eval kit theme */
    .theme-evalkit .featureslide-content {
        right:40%;
    }
    .theme-evalkit .featureslide-content .btn {
        display:none;
    }
    .theme-evalkit .featureslide-content p + .btn {
        display:inline-block;
    }

    /* Responsive adjustments */
    @media all and (min-width:480px) {
        .featureslide-content {
            left:20px;
            top:20px;
            font-size:14px;
        }
        .featureslide-content h2 {
            margin-bottom:10px;
        }
        .featureslide-content p {
            display:block;
        }
        .featureslide-content .btn {
            margin-top:5px;
        }
        .theme-abbott .featureslide-content h2 {
            font-size:1.25em;
        }
        .theme-evalkit .featureslide-content {
            right:0;
        }
        .theme-evalkit .featureslide-content h2,
        .theme-evalkit .featureslide-content p {
            max-width:65%;
        }
        .theme-evalkit .featureslide-content .btn {
            display:inline-block;
            background-color:rgba(255,255,255,0.75);
        }
        .theme-evalkit .featureslide-content p {
            color: #888;
            max-width:24em;
        }
    }
    @media all and (min-width:600px) {
        .featureslide-content {
            font-size:16px;
        }
        .featureslide-content h2 {
            font-size:32px;
        }
        .featureslide-content .btn {
            margin-top:20px;
        }
        .theme-abbott .featureslide-content h2 {
            font-size:1.2em;
        }
    }

    @media all and (min-width:768px) {
        .featureslide-content {
            left:30px;
            top:30px;
            font-size:18px;
        }
            .featureslide-content h2 {
                font-size:42px;
            }
            .featureslide-content p {
                line-height:1.3;
                max-width:14em;
            }

        .theme-abbott .featureslide-content h2 {
            font-size:1.75em;
        }
        .theme-evalkit .featureslide-content h2 {
            font-size:2em;
            max-width:250px;
        }
        .theme-evalkit .featureslide-content p {
            margin-bottom:0;
        }
        .theme-evalkit .featureslide-content .btn + .btn {
        margin-left:10px;
    }
    }
    @media all and (min-width:800px) {
        .featureslide-content h2 {
            font-size:44px;
            margin-bottom:3px;
        }

        /* 32-inch flexible theme */
        .theme-flexible .featureslide-content {
            right:55%;
        }

        .theme-evalkit .featureslide-content h2 {
            font-size:2.5em;
            max-width:350px;
        }
        .theme-evalkit .featureslide-content p {
            max-width:18em;
        }
    }

    

    #featureslidenav {
        position:absolute;
        left:15px;
        bottom:10px;
        z-index:400;
        display:none;
    }
    @media (min-width: 500px) {
        #featureslidenav {
            display:block;
        }
    }
    #featureslidenav a {
        display:inline-block;
        overflow:hidden;
        width:11px;
        height:0;
        padding-top:11px;
        border:1px solid #fff;
        background-color:#000;
        margin-right:6px;
    }

    #featureslidenav a.activeSlide {
        background-color:#cc1028;
    }

/* Homepage layout changes */
@media all and (min-width:600px) {
    .calloutleft,
    .calloutright {
        width:48%;
    }
    .calloutleft {
        float:left;
    }
    .calloutright {
        float:right;
    }
}

@media all and (min-width:768px) {
    .home #sidebar {
        float:right;
        width:32%;
    }
    #homecontent {
        float:left;
        width:66%;
    }
}

/* Value Prop */
#valueprop {
    font-family: "Lato", Arial, sans-serif;
    font-size:17px;
    font-weight:bold;
    text-align:center;
    position:relative;
    z-index:2;
    margin-bottom:20px;
}
    #valueprop .section {
        background-color:#00384f;
        color:#ffffff;
        padding:12px 12px 13px;
    }
    #valueprop h1 {
        font-weight: bold;
        margin:0 auto 0;
        line-height: 1.4;
        font-size: 24px;
        max-width:10em;
    }
    #valueprop ul {
        list-style:none;
        margin:0;
        padding:0;
        line-height:1;
    }
        #valueprop ul li {
            margin:0.5em 0 0;
            padding:0;
        }
            #valueprop ul li:first-child {
                margin-top:0;
            }

/* Announcement callout */
#announcementcallout {
    margin-bottom:20px;
}
    #announcementcallout img {
        margin:0 auto 20px;
    }

/* Customer Showcase callouts */
#customershowcasecallout2 {
    background-color: #bbbaba;
    color: #fff;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    margin-bottom:20px;
}   
    #customershowcasecallout2 h2 {
        font-size:16px;
        text-transform:uppercase;
        line-height:1em;
        margin-bottom:12px;
        padding-left:6px;
    }
    
    #customershowcasecallout2 h3 {
        font-size:20px;
        text-transform:uppercase;
        line-height:1em;
        margin-bottom:12px;
    }
#sidebar {
    clear:both;
}

#sidebar .section,
.home #content .section {
    margin-bottom: 10px;
}

#sidebar .arrowlist {
    font-size:12px;
    padding-top:15px;
}
    .arrowlist h2 {
        font-size:20px;
        margin:0 0 15px 30px;
    }
    .arrowlist ul {
        margin:0;
        padding:0 0 15px 0;
        list-style:none;
    }
    .arrowlist li {
        margin:0 0 18px 0;
        padding:0;
        font-weight:bold;
    }
    .arrowlist li strong {
        font-size:16px;
        text-transform:uppercase;
    }
    .arrowlist li a {
        display:block;
        padding-left:30px;
        background-image:url("../images/sprite_circlearrow.png");
        background-repeat:no-repeat;
        background-position:0 0;
    }
    .arrowlist li.color1 a {
        color:#7e264c;
        background-position:0 0;
    }
    .arrowlist li.color2 a {
        color:#5b273e;
        background-position:0 -83px;
    }
    .arrowlist li.color3 a {
        color:#72316b;
        background-position:0 -164px;
    }
    .arrowlist li.color4 a {
        color:#46275b;
        background-position:0 -247px;
    }
    .arrowlist li a:hover {
        background-position:0 -331px !important;
        color:#20a1ce;
    }

#newscallout {
    background-color:#fff;
    color:#9b9b9b;
}
    #newscallout .newsitem {
        border-top:1px solid #40c7e7;
        font-size:12px;
        padding:18px 0 8px 0;
    }
        #newscallout .newsitem:first-child {
            border-top:none;
        }
        #newscallout .newsitem h2 {
            font-size:20px;
            margin:0 30px 8px 0;
            line-height:1em;
        }
        #newscallout a.calltoactionarrow {
            background-position:0 -331px;
        }
            #newscallout a.calltoactionarrow:hover {
                background-position:0 -415px;
            }

#content h2 {
    color:#1a3b4f;
    font-size:18px;
    padding-left:19px;
    background:url("../images/sprite_arrow_bullets.png") no-repeat 0 6px;
    margin-bottom:5px;
}
#content p {
    line-height:17px;
    margin-bottom:1.25em;
}
#content img {
    margin:0 0 1.25em;
}
#content ul {
    line-height:1.3em;
    margin-bottom:1.25em;
}
ul.arrowlist {
    margin:0 0 .7em 0;
    padding:0;
    list-style:none;
}
    ul.arrowlist li {
        margin:0 0 .5em 0;
        padding:0 0 0 35px;
        background:url("../images/icon_bullet_arrow_sm.png") no-repeat 0 .2em;
        font-weight:normal;
    }

.pagelinks {
    margin:45px 0 45px;
}

/* Landing pages */
#feature {
    background-color:#1a3b4f;
    position:relative;
    padding:20px;
    margin:-20px -20px 27px;
}
    #feature h1 {
        font-size:32px;
        color:#c4ccd1;
        text-transform:uppercase;
        font-weight:bold;
        margin-bottom:30px;
    }
    #feature #tagline {
        position:relative;
        margin:-10px -40px -30px -30px;
        padding:10px 30px;
        color:#fff;
        text-transform:uppercase;
        background:url("../images/bg_stripe_blue.gif") repeat left top #1FA0CE;
    }
        #feature #tagline img {
            position:absolute;
            bottom:-13px;
            left:39px;
        }
        #feature #tagline h2 {
            color:#fff;
            font-size:19px;
            margin:0;
            padding-left:0;
            background:none;
        }
    #feature h2 {
        color:#fff;
        position:relative;
        font-size:25px;
        margin:-10px 0 30px 0;
    }
    #feature p.intro {
        position:relative;
        color:#b3bbc0;
        font-weight:bold;
        font-size:18px;
        line-height:1.3em;
        margin-top:-20px;
        margin-bottom:0;
    }
        #feature p.intro a:hover {
            color:#fff;
        }
    #feature img.featuredownarrow {
        position:absolute;
        bottom:-17px;
        left:37px;
    }
    #featurecontent {
        position:relative;
        margin:0 -40px -30px -30px;
        padding-top:38px;
    }

/* Product Detail page styles */
.productdetail #feature {
    background-color:#7e264c;
    z-index:1;
}
    .productdetail #feature .breadcrumb {
        position:relative;
        margin-top:-10px;
    }
    .productdetail #feature h1,
    .productdetail #feature p {
        color:#ddc6d0;
    }
    .productdetail #feature p {
        font-size:16px;
        margin-bottom:10px;
    }
    .productdetail #feature p.intro {
        margin-right:20px;
    }
    .productdetail #productdetailphoto {
        position:relative;
        margin:-27px 0 25px 0;
    }
    
.productdetail #content h2 {
    color:#782448;
    background:url("../images/sprite_arrow_bullets.png") no-repeat 0 -44px;
    margin-bottom:5px;
}
.productdetail #feature h2 {
    color:#fff;
    position:relative;
    font-size:25px;
    margin:-30px 0 30px 0;
    padding-left:0;
    background:none;
}

/* Award page & Partners list */
.award-list p b,
.award-list p strong {
    display:block;
}
.award-list img {
    margin-bottom:15px;
}
.award-list img,
.partner-list img {
    max-width:130px;
}
.award-list img.med,
.partner-list img.med {
    max-width:150px;
}
.award-list img.wide,
.partner-list img.wide {
    max-width:200px;
}
.partner-list img {
    display:block;
    margin-bottom:10px;
}
.partner-list p {
    margin-bottom:2em !important;
}


    .contentwrapper #content .pagelinks h2 {
        color:#583172;
        font-size:16px;
        text-transform:uppercase;
        padding-left:0;
        background:none;
        margin-bottom:15px;
    }
    .pagelinks ul {
        margin:0;
        padding:0;
        list-style:none;
    }
        .pagelinks ul li {
            margin:0 0 2px 0;
            padding:0;
        }
            .pagelinks ul li a {
                display:block;
                background-color:#583172;
                color:#fff;
                line-height:1em;
                padding:12px 15px 10px;
            }
                .pagelinks ul li a:hover {
                    background-color:#1fa1ce;
                }
                .pagelinks ul li a span {
                    display:inline-block;
                    width:19px;
                    height:0;
                    padding-top:19px;
                    overflow:hidden;
                    background:url("../images/sprite_circlearrow.png") no-repeat 0 -591px;
                    margin-left:7px;
                    vertical-align:middle;
                }

/* Customer Showcase */
#intro {
    background-color:#1a3b4f;
    position:relative;
    padding:20px;
    margin:-20px -20px 0;
}
    #content #intro {
        margin-bottom:30px;
    }
    #sidebar #intro {
        display:none;
    }
    #intro h1 {
        padding:2px 10px 10px 0;
        font-size:36px;
        color:#c4ccd1;
        text-transform:uppercase;
        font-weight:bold;
    }
        #intro h1 img {
            display:inline;
            vertical-align:baseline;
            margin-bottom:-2px;
        }
    #intro p {
        position:relative;
        color:#b3bbc0;
        font-weight:bold;
        font-size:18px;
        line-height:1.3em;
        margin-bottom:0;
    }
    #intro img.introleftarrow {
        position:absolute;
        top:22px;
        left:-18px;
    }

/* Showcase List (Customer Showcase Landing) */
#showcaselist {
    /* margin-left:20px;
    margin-right:31px; */
    max-width:523px;
    margin-left:auto;
    margin-right:auto;
}
    #showcaselist .section {
        padding-top:4px;
        margin-bottom:30px;
    }
    #showcaselist .sectionhead {
        position:relative;
        /* margin-left:-18px; */
    }
        #showcaselist .sectionhead h2 {
            /* float:left; */
            color:#fff;
            font-size:24px;
            line-height:1em;
            padding:11px 10px 11px 20px;
            margin:0;
            /* width:229px; */
            background:url("../images/bg_stripe_darkblue.gif") repeat top left #152f3f;
            position:relative;
            z-index:2;
        }
        #showcaselist .sectionhead a {
            display:block;
            text-align:right;
            padding:9px 20px 6px 0;
            text-transform:uppercase;
            font-size:10px;
            line-height:1;
            background-color:#bbbaba;
            color:#fff;
        }
            #showcaselist .sectionhead a:after {
                content:"";
                display:inline-block;
                position:relative;
                vertical-align:middle;
                width:15px;
                height:15px;
                margin-left:20px;
                top:-1px;
                background:url("../images/sprite_circlearrow_small.png") no-repeat 0 -180px;
            }
            #showcaselist .sectionhead a:hover {
                background-color:#1fa0ce;
            }
    #showcaselist img {
        background:url("../images/bg_stripe_blue.gif") repeat top left #1fa0ce;
        padding-bottom:8px;
        margin-bottom:12px;
    }
    #showcaselist ul li {
        margin-bottom:1em;
    }
    #showcaselist p {
        /* margin-right:88px; */
        max-width:31em;
    }

/* Showcase Detail styles */
#showcasehead {
    background-color:#1a3b4f;
    color:#c4ccd1;
    padding:20px;
    position:relative;
    margin:-20px -20px 0;
} 
#showcasehead sup {
    font-size:50%;
}  
    .breadcrumb {
        font-size:10px;
        color:#20A1CE;
        text-transform:uppercase;
        margin-bottom:3px;
    }
        .breadcrumb a:hover {
            color:#fff;
        }
    #showcasehead h1 {
        font-size:36px;
        text-transform:uppercase;
        line-height:1.1;
    }
    #showcasehead p {
        margin:0;
        font-weight:bold;
        font-size:15px;
    }
#showcaseslidehead {
    background:url("../images/bg_stripe_blue.gif") repeat top left #1fa0ce;
    padding:8px 20px 12px 20px;
    position:relative;
    margin-left:-20px;
    margin-right:-20px;
    z-index:2;
}
    #showcaseslidehead h2 {
        color:#d1e6ed;
        font-size:24px;
        padding-left:0;
        background:none;
        margin-bottom:1px;
    }
    #showcaseslidehead a {
        font-weight:bold;
        font-size:14px;
        color:#1a3b4f;
        padding-right:22px;
        background:url("../images/sprite_circlearrow_small.png") no-repeat 100% -59px;
    }
        #showcaseslidehead a:hover {
            color:#fff;
            background-position:100% -179px;
        }
    #showcaseslidehead img,
    #showcaseslidesbig img {
        display:none;
        margin-bottom:0;
    }
    #showcaseslidehead img:first-child,
    #showcaseslidesbig img:first-child {
        display:block;
    }
#showcaseslidewrapper {
    max-width:590px;
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    background-color:#1a3b4f;
} 
#showcaseslidenav {
    padding:6px 4px 4px 12px;
    background-color:#bbbaba;
    line-height:1em;
    font-size:10px;
    bottom:-2em;
    left:0;
    color:#fff;
    z-index:900;
    white-space:nowrap;
}
#showcaseslidepager {
    display:inline-block;
    margin-right:60px;
}
    #showcaseslidepager a {
        display:inline-block;
        width:6px;
        padding-top:6px;
        height:0;
        overflow:hidden;
        background:url("../images/sprite_slidepager_circles.png") no-repeat 0 0;
        margin-right:8px;
    }
        #showcaseslidepager a:hover,
        #showcaseslidepager a.cycle-pager-active {
            background-position:0 -37px;
        }

.no-js #showcaseslidenav {
    display:none;
}
#showcaseslideprevnext {
    display:inline-block;
}
#showcaseslideprevnext span {
    font-weight:bold;
    padding:0 1px;
}
#showcaseslideprevnext  a.prevnext {
    display:none;
    width:12px;
    padding-top:14px;
    height:0;
    overflow:hidden;
    background-image:url("../images/sprite_previous_next.png");
    background-repeat:no-repeat;
    vertical-align:text-top;
    margin:0 10px;
}
    .slideshow-active + #showcaseslidenav a.prevnext {
        display:inline-block;
    }
    #showcaseslideprevnext  a.previous {
        background-position:0 0;
    }
        #showcaseslideprevnext  a.previous:hover {
            background-position:0 -23px;
    }
    #showcaseslideprevnext  a.next {
        background-position:0 -47px;
    }
        #showcaseslideprevnext  a.next:hover {
            background-position:0 -73px;
        }
#showcasecontent {
    padding:20px 0 46px;
}
    #showcasecontent p {
        line-height:1.3em;
    }

/* News page styles */
#prlist {
    padding-bottom:40px;
}
#prlist ul {
    margin:0;
    padding:20px 0 0;
    list-style:none;
    font-weight:bold;
}
    #prlist ul li {
        margin:0 0 15px 0;
        padding:0;
    }
    #prlist ul strong {
        text-transform:uppercase;
        font-size:12px;
        display:inline-block;
        margin-right:15px;
        vertical-align:top;
        line-height:1.2em;
        padding-top:4px;
    }
    #prlist ul a {
        display:block;
        border-bottom:1px solid #b9bbb9;
        padding-bottom:13px;
        /* width:325px; */
        line-height:1.4em;
        font-size:15px;
    }

#pressinquiriescallout {
    padding:20px;
    background:url("../images/bg_stripe_purple.gif") repeat top left #46275b;
    color:#dad4de;
    line-height:1.3em;
}
    #pressinquiriescallout h2 {
        text-transform:uppercase;
        font-size:22px;
        margin-bottom:10px;
    }
    #pressinquiriescallout a:hover {
        color:#fff;
    }

#presskitcallout a {
    display:block;
    font-size:14px;
    min-height:32px;
}   
    #presskitcallout ul li {
        border-bottom:none;
        margin-right:10px;
        margin-bottom:10px;
    }
    a.downloadpr {
        background:url("../images/sprite_icons.png") no-repeat 0 -812px;
        padding-left:43px;
    }
    a.downloadlogos {
        background:url("../images/sprite_icons.png") no-repeat 0 -920px;
        padding-left:43px;
    }
    #presskitcallout a span {
        display:block;
        border-left:1px solid #9b9d9b;
        padding:0 0 0 19px;
    }
    #presskitcallout a strong {
        text-transform:uppercase;
        font-size:11px;
        color:#9b9c9b;
        display:block;
        padding-top:4px;
    }

    .news .article a:link   { /* font-size: 12px; */ color: #3f3f3f; font-weight: bold; text-decoration: underline;}
    .news .article a:visited{/* font-size: 12px; */ color: #3f3f3f; font-weight: bold; text-decoration: underline;}
    .news .article a:hover  { /* font-size: 12px; */ color: #3f3f3f; font-weight: bold; text-decoration: underline; }
    .news .article { margin-bottom: 2em; }
    .news .date    {color: #666666; font-weight: bold;}
    .news .source  { color:#666666; font-weight: bold;}
    .news .title   { font-weight: bold; color: #008061; text-decoration: none;font-size: 13px;}
    .news .ingress { /*font-size: 16px;*/ color:#666666;  text-decoration: none; font-weight: normal;}
    .news .match   { font-size: 10px;  }
    .news .title a:link   {font-weight: normal; color: #20A1CE; text-decoration: none; /*font-size: 16px;*/}
    .news .title a:visited {font-weight: normal; color: #20A1CE; text-decoration: none; /*font-size: 16px;*/}
    .news .title a:hover  {font-weight: normal; color: #1A3B4F; text-decoration: none; /*font-size: 16px;*/}

.hr-benefits li {
    font-weight:bold;
    margin-bottom:1em;
}
.hr-benefits li i {
    font-weight:normal;
}
.hr-benefits ul {
    margin-top:0.5em;
}
.hr-benefits li li {
    font-weight:normal;
    margin-bottom:0.5em;
}

/* Sidebar callouts */

/* Our Vision/Our Culture callouts (seen on About Us and Careers pages) */
#ourvisioncallout,
#ourculturecallout {
    padding:20px;
    background:url("../images/bg_stripe_blue.gif") repeat top left #1fa0ce;
    color:#fff;
    font-size:12px;
}
    #ourvisioncallout h2,
    #ourculturecallout h2 {
        font-size:20px;
    }
    #ourvisioncallout a.calltoactionarrow,
    #ourculturecallout a.calltoactionarrow {
        color:#fff;
        background-position:0 -591px;
    }
        #ourvisioncallout a.calltoactionarrow:hover,
        #ourculturecallout a.calltoactionarrow:hover {
            background-position:0 -415px;
        }
        
#devcentercallout,
.aquacallout {
    background-color:#20a1ce;
    color:#a6d9eb;
    padding:20px;
    font-size:16px;
}
    #devcentercallout h2,
    .aquacallout h2 {
        font-size:22px;
        text-transform:uppercase;
        margin-bottom:10px;
    }
    #devcentercallout a,
    .aquacallout a {
        color:#a6d9eb;
    }
    #devcentercallout a:hover,
    .aquacallout a:hover {
        color:#fff;
    }
    #devcentercallout a span,
    .aquacallout a span {
        margin-top:10px;
        display:block;
        width:19px;
        height:19px;
        background:url("../images/sprite_circlearrow.png") no-repeat 0 -501px;
    }
        #devcentercallout a:hover span,
        .aquacallout a:hover span {
            background-position:0 -591px;
        }

/* White callout (changing to gray) */
/* Callout with image */
.whitecallout .calloutcontent {
    color:#9b9b9b;
    background-color:#e6e6e6;
    padding:20px;
    font-size:12px;
}
    .whitecallout .calloutcontent h2 {
        font-size:20px;
        margin-bottom:5px;
    }
    .whitecallout .calloutcontent p {
        line-height:1.3em;
        margin-bottom:1em;
    }
    .whitecallout .calloutcontent ul {
        margin:20px 10px 0 0;
        padding:0;
        list-style:none;
    }
        .whitecallout .calloutcontent ul li {
            border-bottom:1px solid #9b9b9b;
            padding:0 0 5px 0;
            margin:0 0 6px 0;
        }
    .whitecallout .calloutcontent a.calltoactionarrow {
        background-position:0 -331px;
    }
        .whitecallout .calloutcontent a.calltoactionarrow:hover {
            background-position:0 -415px;
        }
div.teaser {
    text-transform:uppercase;
    font-weight:bold;
    font-size:16px;
}

/* Now Available callout */
#nowavailablecallout {
    padding:20px;
    background:url("../images/bg_stripe_purple.gif") repeat top left #46275b;
    color:#dad4de;
}
    #nowavailablecallout h2 {
        text-transform:uppercase;
    }
    #nowavailablecallout ul {
        margin:20px 0 20px 0;
        padding:0;
        list-style:none;
        position:relative;
    }
        #nowavailablecallout ul li {
            margin:0 0 5px 0;
            padding-top:8px;
        }
        #nowavailablecallout img {
            float:left;
            width:105px;
            height:auto;
            padding:4px 13px 4px 4px;
            background:url("../images/bg_kit_thumb.gif") no-repeat top left;
            margin:-8px 10px 0 0;
        }
        #nowavailablecallout a {
            color:#dad4de;
            background:url("../images/sprite_circlearrow_small.png") no-repeat 100% -180px;
            font-size:12px;
            padding-right:20px;
            line-height:1.3em;
        }
            #nowavailablecallout a:hover {
                color:#20A1CE;
            }
            
#nowavailablecallout2 {
    padding:20px;
    background:url("../images/bg_stripe_purple.gif") repeat top left #46275b;
    color:#dad4de;
}

#nowavailablecallout2 a {
            color:#dad4de;
            
            font-size:14px;
            padding-right:20px;
            line-height:2em;
        }
            #nowavailablecallout2 a:hover {
                color:#20A1CE;
            }
            
            #nowavailablecallout2 h2 {
        text-transform:uppercase;
    }

#nowavailablecalloutkit {
    padding:20px;
    background:url("../images/bg_stripe_purple.gif") repeat top left #46275b;
    color:#dad4de;
}
    #nowavailablecalloutkit h2 {
        text-transform:uppercase;
    }
    #nowavailablecalloutkit ul {
        margin:20px 0 20px 0;
        padding:0;
        list-style:none;
        position:relative;
    }
        #nowavailablecalloutkit ul li {
            margin:0 0 5px 0;
            padding-top:8px;
        }
        #nowavailablecalloutkit img {
            float:left;
            width:105px;
            height:auto;
            padding:4px 13px 4px 4px;
            background:url("../images/bg_kit_thumb2.gif") no-repeat top left;
            margin:-8px 10px 0 0;
        }
        #nowavailablecalloutkit a {
            color:#dad4de;
            background:url("../images/sprite_circlearrow_small.png") no-repeat 100% -180px;
            font-size:12px;
            padding-right:20px;
            line-height:1.3em;
        }
            #nowavailablecalloutkit a:hover {
                color:#20A1CE;
            }

/* Concept Showcase and History callout */
#conceptshowcasecallout {
    margin-bottom:20px;
    padding:20px 0;
}

#historycallout {
    background-color:#e6e6e6;
    padding:24px 40px 25px 20px;
    font-size:12px;
    color:#9b9b9b;
}
    #conceptshowcasecallout h2,
    #historycallout h2 {
        font-size:20px;
        margin-bottom:8px;
    }
    #conceptshowcasecallout p {
        font-weight:bold;
    }
        #historycallout p {
            font-size:14px;
            margin-bottom:.8em;
        }
            #historycallout p strong {
                display:block;
                font-size:11px;
                text-transform:uppercase;
                color:#e56f15;
                margin-bottom:1px;
            }
    #conceptshowcasecallout .calltoaction,
    #historycallout .calltoaction {
        border-top:1px solid #9b9b9b;
        padding-top:21px;
        line-height:1em;
        font-size:18px;
        font-weight:bold;
    }
        #historycallout .calltoaction {
            margin-top:20px;
        }
        #conceptshowcasecallout .calltoaction a,
        #historycallout .calltoaction a {
            padding-right:33px;
            background:url("../images/sprite_circlearrow_small.png") no-repeat 100% -116px;
            color:#9b9c9b;
        }
            #conceptshowcasecallout .calltoaction a:hover,
            #historycallout .calltoaction a:hover {
                background-position:100% 4px;
                color:#20A1CE;
            }
    #conceptshowcasecallout ul {
        margin:20px 0 20px -4px;
        padding:0;
        list-style:none;
        position:relative;
    }
        #conceptshowcasecallout ul li {
            margin-bottom:5px;
            padding-top:8px;
        }
        #conceptshowcasecallout img {
            float:left;
            width:105px;
            height:auto;
            padding:4px 13px 4px 4px;
            background:url("../images/bg_concept_thumb.gif") no-repeat top right;
            margin:-8px 10px 0 0;
        }

/* New comparison box (seen on new Technology Benefits page) */
.callout-compare {
    background:#ccc;
    padding:15px 15px 0;
    margin:2em 0;
}
    .callout-compare h3 {
        color:#20a1ce;
        font-size:18px;
        margin-bottom:0.5em;
    }

    .compare-items {
        overflow:hidden;
    }
        .compare-items .compare-item {
            margin:14px 5px;
        }
        @media all and (min-width:480px) {
            .compare-items .compare-item {
                margin:14px 40px;
            }
        }
            .compare-items .compare-item img {
                border:1px solid #fff;
                margin-bottom:0 !important;
            }
            .compare-items .compare-item .caption {
                text-align:right;
                font-size:12px;
                margin-top:5px;
                margin-bottom:0;
            }

    .compare-two .compare-item-one {
        float:left;
        margin-left:0;
        width:50%;
    }
    .compare-two .compare-item-two {
        float:right;
        margin-right:0;
        width:50%;
    }
    .compare-two .compare-item .caption {
        text-align:left;
    }
    @media all and (min-width:480px) {
        .compare-two .compare-item-one,
        .compare-two .compare-item-two {
            width:auto;
            float:left;
        }
        .compare-two .compare-item .caption {
            text-align:right;
        }
    }

/* Product accordion */
#productaccordion {
    max-width:435px;
    margin:0 auto;
}
#productaccordion h2 {
    margin:0 0 14px 0;
    padding:0;
    font-size:22px;
    text-transform:uppercase;
}
#productaccordion h2 img {
    margin-bottom:0; 
    display:block;
}
#productaccordion h2.color1 {
    color:#b79ca8;
    background:url("../images/bg_stripes_color1.gif") repeat top left #7e264c;
}
    #productaccordion h2.color1 a {
        color:#b79ca8;
    }
#productaccordion h2.color2 {
    color:#b79ca8;
    background:url("../images/bg_stripes_color2.gif") repeat top left #72314d;
}
    #productaccordion h2.color2 a {
        color:#b79ca8;
    }
#productaccordion h2.color3 {
    color:#b89eb5;
    background:url("../images/bg_stripes_color3.gif") repeat top left #5b2756;
}
    #productaccordion h2.color3 a {
        color:#b89eb5;
    }
#productaccordion h2.color4 {
    color:#a79aaf;
    background:url("../images/bg_stripes_color4.gif") repeat top left #46275b;
}
    #productaccordion h2.color4 a {
        color:#a79aaf;
    }
#productaccordion h2 a {
    display:block;
    position:relative;
    padding:14px 14px 10px 49px;
}
    #productaccordion h2 a:before {
        content:"";
        display:block;
        position:absolute;
        left:16px;
        top:24px;
        width:22px;
        height:22px;
        background:url("../images/sprite_productaccord_plusminus.png") no-repeat 0 0;
    }
    #productaccordion h2 a:hover:before {
        background-position: 0px -100px;
    }
#productaccordion h2 a span {
    color:#e6e6e6;
    font-size:18px;
    text-transform:none;
}

/* Expanded styles */
#productaccordion h2.ui-state-active a:before {
    background-position: 0 -200px;
}   
    #productaccordion h2.ui-state-active a:hover:before {
        background-position: 0 -300px;
    }
#productaccordion h2.ui-state-active img {
    display:none;
}

/* Accordion content styles */
#productaccordion .productcontent {
    padding-bottom:10px;
}
    #productaccordion .productcontent a:hover {
        color:#1a3b4f;
    }
    #productaccordion .productcontent a.calltoaction {
        padding-right:21px;
        background:url("../images/sprite_circlearrow_small.png") no-repeat 100% 0;
    }
        #productaccordion .productcontent a.calltoaction:hover {
            background-position: 100% -60px;
        }
    #productaccordion .productcontent h3 {
        font-size:10px;
        color:#000;
        text-transform:uppercase;
        margin-bottom:4px;
    }
    #productaccordion .productcontent ul {
        margin:0;
        padding:0;
        list-style:none;
        font-size:12px;
    }
        #productaccordion .productcontent ul li {
            margin-bottom:4px;
        }

/* Slideshow on Display Products */
#productaccordion .productcontent .productslide {
    margin-bottom:20px;
    position:relative;
    overflow:hidden;
}
.productslidewrapper {
    position:relative;
    width:100%;
    max-width:435px;
}
    .productslidewrapper img {
        display:none;
    }
    .productslidewrapper img:first-child {
        display:block;
    }

.productslidenav {
    position:absolute;
    padding:8px 8px 6px 12px;
    background-color:#bbbaba;
    line-height:1em;
    font-size:10px;
    bottom:0;
    left:0;
    color:#fff;
    z-index:1000;
}
    .no-js .productslidenav {
        display:none;
    }
    .productslidenav strong {
        padding-right:5px;
        text-transform:uppercase;
    }
    .productslidenav span {
        font-weight:bold;
        padding:0 1px;
    }
    .productslidenav a.prevnext {
        display:none;
        width:12px;
        padding-top:14px;
        height:0;
        overflow:hidden;
        background-image:url("../images/sprite_previous_next.png");
        background-repeat:no-repeat;
        vertical-align:text-top;
    }
        .slideshow-active + .productslidenav a.prevnext {
            display:inline-block;
        }
        .productslidenav a.previous {
            background-position:0 0;
        }
            .productslidenav a.previous:hover {
                background-position:0 -23px;
        }
        .productslidenav a.next {
            background-position:0 -47px;
        }
            .productslidenav a.next:hover {
                background-position:0 -73px;
            }

.disclaimer {
    clear:both;
    margin-top:2em;
    margin-bottom:2em;
}

/* Images in press releases */
.press-image {
    margin-left:auto;
    margin-right:auto;
}
@media all and (min-width:480px) {
    .press-image {
        text-align:right;
        float:right;
        max-width:50%;
        margin-left:20px;
        margin-right:0;
        margin-bottom:10px;
    }
}

/* .image-right {
    margin-left:auto;
    margin-right:auto;
}*/
    .image-right img {
        height: auto !important;
        max-width: 100%;
        width: auto;
        -ms-interpolation-mode: bicubic;
    }
@media all and (min-width:768px) {
    .image-right {
        text-align:right;
        float:right;
        max-width:50%;
        margin-left:20px;
        margin-right:0;
        margin-bottom:10px;
    }
}

/* Developer Center page */
#kitlist h2 {
    margin:0 0 14px 0;
    padding:14px 14px 10px 27px;
    font-size:22px;
    text-transform:uppercase;
}
    #kitlist h2.color1 {
        color:#b79ca8;
        background:url("../images/bg_stripes_color1.gif") repeat top left #7e264c;
    }
    #kitlist h2.color2 {
        color:#b79ca8;
        background:url("../images/bg_stripes_color2.gif") repeat top left #72314d;
    }
    #kitlist h2.color3 {
        color:#b89eb5;
        background:url("../images/bg_stripes_color3.gif") repeat top left #5b2756;
    }
    #kitlist h2.color4 {
        color:#a79aaf;
        background:url("../images/bg_stripes_color4.gif") repeat top left #46275b;
    }
    #kitlist h2 span {
        color:#e6e6e6;
        font-size:18px;
        text-transform:none;
    }

/* Video modal styles */
#video-wrapper {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  padding-top: 25%;
  box-sizing: border-box;
}

#video-inner {
  position: relative;
  width: 100%;
  max-width: 740px;
  margin: 0 auto;
}

#video-wrapper #video-inner {
  clear: both;
}

#video-wrapper .video-close {
  float: right;
  margin-top:-2em;
  margin-right: 10px;
  margin-bottom: 10px;
  background-image: url("../images/close.png");
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 27px;
  padding-top:2px;
  padding-bottom:2px;
}

#video-inner {
  text-align: center;
}
#video-target {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
#video-target iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-caption {
    text-align:center;
    font-weight:bold;
    padding-top:.5em;
}

.logo-sample {
    max-width:200px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}
    .logo-sample img {
        display:block;
        max-width:100%;
        width: auto;
        height:auto !important;
        -ms-interpolation-mode: bicubic;
        margin:0 !important;
    }

/* Print styles */
@media print {

    body {
        min-width: 0;
    }
    #container {
        width:auto !important;
        margin-left: 5% !important;
        margin-right: 5% !important;    
    }

    /* Neutralize backgrounds and colors */
    body, #contentcontainer, #contentcontainer #bottomcap, h1, h2, h3, #feature, .pagelinks ul li a, #sidebar .section, #devcentercallout a, #feature p.intro, #productaccordion h2 a, #productaccordion h2 a span, #intro p, #announcementcallout .announcementcontent, #announcementcallout .announcementcontent, #valuepropaccordion .accordioncontent, #landingcontent, .teaser, .calloutcontent, .breadcrumb, .breadcrumb a, #showcasehead, #showcaseslidehead, #showcasecontent, #historycallout p strong, #feature #tagline, #kitlist h2 span, #nowavailablecallout img, #footer {
        background: none !important;
        background-color: transparent !important;
        color: black !important;
    }

    /* Neutralize positioning */
    /* position:static;
    left:auto;
    top:auto; */

    /* Neutralize widths, padding, and margins */
    #content, #contentcontainer, h1, h2, .pagelinks, #sidebar .section, #feature p.intro, .defaultsection img, #productaccordion h2 a, #valueprop p, #announcementcallout .announcementcontent, .accordioncontent, #landingcontent, .calloutcontent, .productdetail #feature, #showcasehead, #showcaseslidehead, #showcasecontent, .about #feature, .careers #feature, #feature #tagline, .devcenter #feature, .news #feature {
        width:auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
    }

    /* Neutralize heights */
    #masthead  {
        height: auto !important;
        min-height: 0 !important;
    }

    /* Get rid of floats */
    #content, .contentwrapper, #sidebar {
        width: auto !important;
        float: none !important;
        display: block !important;
    }

    /* Hide things that should not print */
    #masthead #utility, #mainnav, .footernav, #subnav, #breadcrumb, #pagetools, #customershowcasecallout, #signupcallout, a.close, .featuredownarrow, .productslidenav, #productaccordion h2 img, a span, #showcaselist .sectionhead a, .introleftarrow, #showcaseslidehead img, #showcaseslidenav, #feature #tagline img, .footersocial {
        display: none !important;
    }

    /* Link reset */
    .pagelinks ul li a, .arrowlist li a, a.calltoactionarrow, a.calltoaction, #productaccordion ul a, #conceptshowcasecallout a, #valuepropaccordion h2 a, #valuepropaccordion h2 a:hover, #valuepropaccordion h2.ui-accordion-notactive a:hover, #valuepropaccordion h2 a.hover, #announcementcallout a.more, a.calltoactionplus, .whitecallout a, .footnote a, .copyright a, #showcasecontent a, #nowavailablecallout a, .intro a, #pressinquiriescallout a, #presskitcallout a, #prlist ul a, #conceptshowcasecallout .calltoaction a, #historycallout .calltoaction a, .kitlinks a {
        width:auto !important;
        height:auto !important;
        background: none !important;
        background-color: transparent !important;
        color: black !important;
        text-decoration:underline !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        margin-left: 0 !important;
    }
    #prlist ul a {
        text-decoration:none !important;
    }

    /* Misc resetting */
    a img {
        border:none !important;
    }
    h1 {
        font-size:30px !important;
    }
    .printonly, .productcontent, #productaccordion h2 a span, .accordioncontent, #presskitcallout a span {
        display: block !important;
    }
    .pagelinks h2 {
        margin-bottom:5px !important;
    }
    .pagelinks ul li a {
        padding-bottom:0;
    }
    #sidebar {
        border-top:1px solid black;
        padding-top:20px;
        margin-top:20px;
    }
    #footer, .home #footer {
        border-top:1px solid #666;
        text-align:left;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top:20px;
        font-size:10px !important;
    }
    #feature { 
        margin-bottom:0;
    }
    #content .benefits ul, #content .benefits h2 {
        float:none;
    }
    .kitlearnmore {
        width:75%;
    }
    #presskitcallout a span {
        padding-left:0;
        border:none;
    }
    #presskitcallout a strong {
        text-decoration:none !important;
    }
    .whitecallout .calloutcontent ul li {
        border:none;
    }
    ul.arrowlist {
        list-style:disc;
        margin-left:1.5em;
    }
        ul.arrowlist li {
            padding-left:0;
            background:none;
        }
    
    #showcaselist p {
        width:500px;
    }
    #infographiccaption {
        width:502px;
    }

    /* Optional rules */

    /*This rule drops in the URL of the link after any printed link in the content area or sidebar, in parentheses.  
    #content a:after, #sidebar a:after {
       content: " (" attr(href) ") ";
       font-size: 90%;
       }*/

    /* If you end up using root-relative links later, this rule should make sure that the printed links have the full URL.  
    #content a[href^="/"]:after, #sidebar  a[href^="/"]:after{
      content: " (http://www.yourwebsite.com" attr(href) ") ";
       }*/

}