/*!
 * Project:   BC Works
 * Date:      2012-11-28  
/* ---------------------------------------- */

* {
    margin:  0;
    padding: 0;
}

html {
    overflow-y: scroll;
    font-size:  100.01%;
}

body {
    background: #002a49;
    font-size:  62.5%;
}

/* background:#002a49 url(/V2/images/bg_body.jpg) no-repeat center top; */

body {
    color:       #fff;
    font-family: 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.43;
}

textarea, input, select, option, button {
    color:       #333;
    font-family: 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
    line-height: 1.43;
}

li, dt, dd, p, figure, th, td, caption, pre {
    font-size: 1.4em;
}

/*---*/
li *, li p, li li, dt *, dd *, p *, figure *, th *, td * {
    font-size: 1em;
}

div, form, blockquote, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 {
    display: block;
    margin:  0 0 15px;
}

:last-child {
    margin-bottom: 0 !important;
}

.last-child {
    margin-bottom: 0 !important;
}

fieldset {
    display: block;
    margin:  0px;
    padding: 0px;
    border:  none;
}

.cf:before, .cf:after {
    content: "";
    display: block;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}

.blogsitesummary {
}

.blogsitesummary li {
    display:       block;
    height:        50px;
    margin-bottom: 0px !important;
    font-size:     12px;
    font-weight:   bold;
}

.blogsitesummary .author, .blogsitesummary .date {
    display: none;
}

#Membership-Form .column {
    max-width: 280px;
}

#Membership-Form #recaptcha_response_field {
    position:   relative !important;
    margin-top: 0px !important;
    top:        5px;
}

.hidden {
    display: none;
}

.req {
    color: red;
}

/*! layout -------- */
.subscriberss {
    font-size: 14px;
}

#root {
    position: relative;
    overflow: hidden;
    margin:   0;
    padding:  0px;
}

#root > header {
    padding-top:    10px;
    padding-bottom: 15px;
    background:     url(/V2/images/bg_body.jpg) no-repeat center top;
}

#top {
    position:  relative;
    z-index:   100;
    max-width: 920px;
    margin:    0px auto 15px;
    padding:   0;
}

#logo {
    overflow:    hidden;
    min-height:  80px;
    margin:      0 0 5px;
    line-height: 1;
}

#logo img {
    float: left;
    width: 100px;
}

#skips, #skips ul {
    position:   absolute;
    position:   fixed;
    top:        50%;
    left:       0;
    z-index:    9999;
    list-style: none;
    width:      100%;
    margin:     -30px 0 0;
    padding:    0;
    text-align: center;
}

#skips li {
    position: absolute;
    left:     0;
    top:      0;
    width:    100%;
    font:     bold 5em/1 'Oxygen', Arial, Helvetica Neue, Helvetica, sans-serif;
}

#skips li a {
    display:               -moz-inline-stack;
    display:               inline-block;
    position:              fixed;
    left:                  -10001px;
    margin:                0 auto;
    padding:               20px 30px;
    border:                1px dotted #fff;
    border-color:          rgba(255, 255, 255, 0.7);
    -moz-border-radius:    20px;
    -webkit-border-radius: 20px;
    border-radius:         20px;
    background:            #333;
    background:            rgba(0, 0, 0, 0.6);
    color:                 #fff;
    text-align:            center;
    text-decoration:       none;
    outline:               none;
}

#skips li a:focus, #skips li a:active {
    position: relative;
    left:     0;
}

#nav {
    position:    relative;
    height:      42px;
    border-top:  1px solid #14324c;
    line-height: 42px;
    z-index:     2;
}

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

#nav ul li {
    position: relative;
    float:    left;
    font:     bold 1.8em/42px 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
}

#nav ul li ~ li {
    margin-left: 25px;
}

#nav ul li a {
    float:           left;
    color:           #fff;
    text-decoration: none !important;
    padding-top:     10px;
    font-size:       14px;
}

#nav ul li a:hover, #nav ul li a:focus, #nav ul li a:active {
    color:           #ffcc00;
    text-decoration: none;
}

#nav ul li.selected > a {
    padding-top: 3px;
    border-top:  7px solid #f9c803;
}

#nav ul li em {
    position: absolute;
    left:     -10001px;
    top:      -10001px;
}

#nav ul li ul {
    display:    none;
    position:   absolute;
    left:       0;
    top:        50px;
    float:      none;
    width:      175px;
    border:     1px solid #111;
    background: #14324c;
}

#nav ul li:hover > ul {
    display: block;
}

#nav ul li ul li {
    float:  none;
    margin: 0;
    font:   12px/1.3 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
}

#nav ul li ul li ~ li {
    border-top: 1px solid #042848;
}

#nav ul li ul li a, #nav ul li ul li.selected > a {
    display:    block;
    float:      none;
    padding:    5px 20px 5px 15px;
    font-size:  13px;
    border-top: none;
}

#nav ul li ul li a:hover, #nav ul li ul li a:focus, #nav ul li ul li a:active {
    background-color: #002A49;
    color:            #fff;
}

#nav ul li ul li.selected > a {
    color:            #FC0;
    background-color: #002A49;
}

#nav ul li ul li ul {
    list-style: none;
    position:   absolute;
    left:       175px;
    top:        4px;
}

#nav .select-a {
    display: none;
    color:   #333;
}

body.IsLoggedIn_0 #Nav_ETUMembers,
body.IsLoggedIn_1 #Nav_MemberLogin {
    display: none;
}

#corner {
    position: absolute;
    right:    0;
    top:      10px;
}

#corner ul {
    float: left;
}

#corner p, #corner form {
    position:    relative;
    float:       left;
    margin-left: 25px;
    font-size:   1.2em;
    margin-left: 10px;
}

#corner p label {
    float:       left;
    padding:     0 10px 0 0;
    line-height: 32px;
    font-size:   15px;
}

.js #corner p label {
    position: absolute;
    left:     10px;
    top:      0;
}

html.js * #corner p label {
    left: 40px;
}

#corner p input {
    float:        left;
    width:        165px;
    height:       30px;
    padding:      0 29px 0 9px;
    border:       1px solid #c7c7c7;
    border-color: #c7c7c7 #fff #fff #c7c7c7;
    line-height:  30px;
}

#corner p label {
    color: #666;
}

#corner p button {
    position:    absolute;
    right:       0;
    top:         0;
    overflow:    hidden;
    width:       32px;
    height:      32px;
    margin:      0;
    padding:     0;
    border:      none;
    background:  url(/V2/images/corner-button-a.png) 50% 50% no-repeat;
    text-indent: 101%;
    white-space: nowrap;
}

#UtilityMenu {
    float:     left;
    font-size: 14px;
}

#UtilityMenu a {
    color: #fff;
}

#UtilityMenu span {
    position: relative;
    top:      -10px;
}

#UtilityMenu i.divider {
    position:   relative;
    top:        1px;
    display:    inline-block;
    *display:   inline;
    zoom:       1;
    width:      2px;
    height:     12px;
    margin:     0px 8px 0px;
    background: #cca719;
}

#UtilityMenu img + img {
    margin-left: 5px;
}

body.IsLoggedIn_0 #UserDetails,
body.IsLoggedIn_1 #MemberLogin {
    display: none;
}

#ContactDetails {
    clear:       both;
    padding-top: 10px;
    text-align:  right;
    font-size:   17px;
}

#ContactDetails img {
    position:     relative;
    top:          5px;
    margin-right: 10px;
}

#content {
    max-width: 920px;
    margin:    0 auto 40px;
}

#content td {
    border: none;
}

#NewsFeed {
    margin:     10px 0px 0px;
    padding:    0px;
    list-style: none;
}

#NewsFeed li {
    display:   block;
    height:    60px;
    overflow:  hidden;
    font-size: 12px;
}

#NewsFeed li p {
    font-size: 12px;
}

#LogoBar {
    position:   relative;
    width:      100%;
    max-width:  920px;
    margin:     0 auto;
    padding:    10px 0px;
    background: #fff;
    color:      #000;
    font-size:  13px;
}

#LogoBar:before, #logoBar > .before {
    position:   absolute;
    left:       -100%;
    right:      -100%;
    top:        0;
    bottom:     0;
    z-index:    -1;
    content:    ' ';
    background: #fff;
}

#LogoBar:after {
    display:  block;
    overflow: hidden;
    clear:    both;
    content:  "";
    width:    100%;
    height:   0;
}

#LogoBar .column {
    text-align:     center;
    vertical-align: middle;
}

#LogoBar td {
    border: none;
}

#PartnerCarousel {
}

#PartnerCarousel .partner {
    float:      left;
    cursor:     pointer;
    height:     120px;
    text-align: center;
    display: flex;
  align-items: center;
  justify-content: center;
}
#PartnerCarousel .partner img{
    max-width:90%;
}

#StaticPartners {
    display: none;
}

#StaticPartners .partner {
    float: left;
    width: 25%;
}

#StaticPartners .partner img {
    max-width: 80%;
}

#footer {
    position:  relative;
    width:     100%;
    max-width: 920px;
    margin:    0 auto;
    padding:   30px 0 15px;
    color:     #ccc;
}

#footer:before, #footer > .before {
    position:   absolute;
    left:       -100%;
    right:      -100%;
    top:        0;
    bottom:     0;
    z-index:    -1;
    content:    ' ';
    background: #001422;
}

#footer:after {
    display:  block;
    overflow: hidden;
    clear:    both;
    content:  "";
    width:    100%;
    height:   0;
}

#footer .wrap {
    overflow:      hidden;
    width:         100%;
    margin:        0 0 10px;
    padding:       0 0 25px;
    border-bottom: 1px solid #606060;
}

#footer .wrap > div {
    float:  left;
    width:  21%;
    margin: 0;
}

#footer .wrap > div ~ div {
    margin-left: 5%;
}

#footer .wrap h3 {
    font-size:   20px;
    font-weight: bold;
    color:       #0774c2;
}

#footer .wrap strong {
    font-weight: normal;
}

#footer .fields {
}

#footer .fields p {
    position: relative;
    overflow: hidden;
    margin:   0 0 10px;
    padding:  0 20px 0 0;
}

#footer .fields p label {
    display: block;
    margin:  0 0 5px;
}

.js #footer .fields p label {
    position:    absolute;
    left:        10px;
    bottom:      0;
    margin:      0;
    color:       #fff;
    line-height: 32px;
}

#footer .fields p input, input#CaptchaV2 {
    width:        100%;
    height:       30px;
    padding:      0 9px;
    border:       1px solid #c7c7c7;
    border-color: #c7c7c7 #fff #fff #c7c7c7;
    color:        #fff;
    line-height:  30px;
}

#footer .fields p > img {
    display: block;
    margin:  0 0 10px;
}

#footer .fields p button {
    position:    relative;
    height:      30px;
    padding:     0 20px;
    border:      none;
    background:  #dddcdc;
    line-height: 30px;
}

#footer .fields p button {
    border-radius:         12px / 15px;
    -moz-border-radius:    12px / 15px;
    -webkit-border-radius: 12px / 15px;
    box-shadow:            inset 0 2px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:       inset 0 2px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:    inset 0 2px 3px rgba(0, 0, 0, 0.2);
    behavior:              url(styles/pie.htc);
}

#footer .fields p button:hover {
    background-color: #0099cc;
    color:            #036;
}

#footer a {
    color: #0099cc;
}

#footer .socials-a {
    float: left;
}

#footer .copys {
    text-align:  right;
    line-height: 32px;
    font-size:   12px;
}

#footer .copys a {
    white-space: nowrap;
}

#footer .copys a:hover, #footer .copys a:focus, #footer .copys a:active {
    color:           #09c;
    text-decoration: underline;
}

/*! grids --------- */

.gridrow-a {
    width: 100%;
}

html * .gridrow-a {
    zoom: 1;
}

.gridrow-a.sep {
    margin:        0 0 30px;
    padding:       0 0 30px;
    border-bottom: 1px solid #cccccc;
}

.gridrow-a:after {
    display:  block;
    overflow: hidden;
    clear:    both;
    content:  "";
    width:    100%;
    height:   0;
}

.gridrow-a .column {
    margin:     0 0 0 4.4%;
    float:      left;
    min-height: 1px;
    position:   relative;
}

html * .gridrow-a .column {
    margin-left: 4.3%;
}

.gridrow-a .column + .column:last-child {
    float:       right;
    margin-left: 0;
}

.gridrow-a .column + .column:last-child {
    float:       right;
    margin-left: 0;
}

.gridrow-a .column:first-child {
    margin-left: 0px;
}

.gridrow-a .column.centered {
    float:  none;
    margin: 0 auto;
}

.gridrow-a .column.w1 {
    width: 4.3%;
}

.gridrow-a .column.w2 {
    width: 13%;
}

.gridrow-a .column.w3 {
    width: 21.68%;
}

.gridrow-a .column.w4 {
    width: 30.4%;
}

.gridrow-a .column.w5 {
    width: 39.1%;
}

.gridrow-a .column.w6 {
    width: 47.8%;
}

.gridrow-a .column.w7 {
    width: 56.5%;
}

.gridrow-a .column.w8 {
    width: 65.2%;
}

.gridrow-a .column.w9 {
    width: 73.9%;
}

.gridrow-a .column.w10 {
    width: 82.6%;
}

.gridrow-a .column.w11 {
    width: 91.3%;
}

.gridrow-a .column.w12 {
    width: 100%;
}

.gridrow-a .o1 {
    margin-left: 13.1%;
}

.gridrow-a .o2 {
    margin-left: 21.8%;
}

.gridrow-a .o3 {
    margin-left: 30.5%;
}

.gridrow-a .o4 {
    margin-left: 39.2%;
}

.gridrow-a .o5 {
    margin-left: 47.9%;
}

.gridrow-a .o6 {
    margin-left: 56.6%;
}

.gridrow-a .o7 {
    margin-left: 65.3%;
}

.gridrow-a .o8 {
    margin-left: 74.0%;
}

.gridrow-a .o9 {
    margin-left: 82.7%;
}

.gridrow-a .o10 {
    margin-left: 91.4%;
}

.gridrow-a .o11 {
    margin-left: 95.7%;
}

.gridrow-a .o1:first-child {
    margin-left: 8.7%;
}

.gridrow-a .o2:first-child {
    margin-left: 17.4%;
}

.gridrow-a .o3:first-child {
    margin-left: 26.1%;
}

.gridrow-a .o4:first-child {
    margin-left: 34.8%;
}

.gridrow-a .o5:first-child {
    margin-left: 43.5%;
}

.gridrow-a .o6:first-child {
    margin-left: 52.2%;
}

.gridrow-a .o7:first-child {
    margin-left: 60.9%;
}

.gridrow-a .o8:first-child {
    margin-left: 69.6%;
}

.gridrow-a .o9:first-child {
    margin-left: 78.3%;
}

.gridrow-a .o10:first-child {
    margin-left: 87.0%;
}

.gridrow-a .o11:first-child {
    margin-left: 95.7%;
}

/*! elements ------ */

.bio-a {
    margin: 0 0 30px;
}

.bio-a + .bio-a {
    padding-top: 30px;
    border-top:  1px solid #ccc;
}

.bio-a figure {
    float:  left;
    width:  180px;
    margin: 0;
}

.bio-a figure img {
    display: block;
}

.bio-a figure a {
    display:     block;
    overflow:    hidden;
    width:       161px;
    height:      35px;
    margin:      10px 0 0;
    background:  url(/V2/images/bio-a-twitter-a.png) no-repeat;
    font-size:   0;
    text-indent: 101%;
    white-space: nowrap;
}

.bio-a figure a:hover, .bio-a figure a:focus, .bio-a figure a:active {
    background-position: 0 -50px;
}

.bio-a figure ~ * {
    margin-left: 230px !important;
}

.bio-a h2 + p.sub {
    margin-top: -15px;
    font-size:  1.5em;
}

.comments-a {
    margin: 0 0 30px;
}

.comments-a h2 {
    margin: 0 0 5px;
}

.comments-a article {
    margin:     0 0 10px;
    padding:    15px 20px;
    background: #e7e7e7;
}

.comments-a article p.author {
    margin: 0 0 5px;
    color:  #09c;
}

.comments-a article p.author strong {
    display: block;
    font:    bold 20px/1 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.comments-a article blockquote {
    margin:  0;
    padding: 0;
}

.comments-a article blockquote p {
    margin: 0;
}

.crumbs-a {
    color:      #999;
    text-align: right;
}

.crumbs-a span {
    padding: 0 2px;
}

.details-a {
    width: 100%;
}

.details-a:after {
    display:  block;
    overflow: hidden;
    clear:    both;
    content:  "";
    width:    100%;
    height:   0;
}

.details-a > .one {
    float:  left;
    width:  30%;
    margin: 0;
}

.details-a > .one ul {
    list-style:    none;
    margin:        0 0 30px;
    padding:       0 0 30px;
    border-bottom: 1px solid #ccc;
}

.details-a > .one ul li {
    padding-left: 15px;
    background:   url(/V2/images/bullet-a.png) 0 7px no-repeat;
}

.details-a > .two {
    margin:       0 0 0 30%;
    padding-left: 25px;
}

.details-a p.pdf {
    padding:       7px 0 7px 30px;
    border-top:    1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background:    url(/V2/images/iconset-a-pdf-a.png) 0 50% no-repeat;
}

.entry-a {
    margin: 0 0 30px;
}

.entry-a header {
}

.entry-a header p {
    margin-top: -15px;
}

.entry-a footer {
    width:      100%;
    padding:    10px 0 0;
    border-top: 1px solid #ccc;
}

.entry-a footer:after {
    display:  block;
    overflow: hidden;
    clear:    both;
    content:  "";
    width:    100%;
    height:   0;
}

.entry-a footer > div {
    float:       left;
    margin:      0;
    font-size:   14px;
    line-height: 20px;
}

.entry-a footer > div p {
    font-size: 14px;
}

.entry-a footer > div + div {
    float: right;
}

.features-a {
    list-style:    none;
    margin:        -15px 0 30px;
    padding:       0 0 30px;
    border-bottom: 1px solid #ccc;
    font-size:     0;
}

.features-a li {
    display:        -moz-inline-stack;
    display:        inline-block;
    overflow:       hidden;
    width:          33.3%;
    margin:         30px 0 0 0;
    padding:        0 5% 0 0;
    font-size:      14px;
    vertical-align: top;
}

html * .features-a li {
    display: inline;
    width:   28%;
}

.features-a li {
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    position:           relative;
}

.features-a li a {
    color:           #fff;
    text-decoration: none !important;
}

.features-a li strong {
    display: block;
    margin:  0 0 10px !important;
    color:   #fff;
    font:    bold 20px/1 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.features-a li strong:before, .features-a li strong > .before {
    float:   left;
    content: ' ';
    width:   65px;
    height:  65px;
    margin:  0 15px 5px 0; /* background: url(/V2/images/features-a-icons-a.png) no-repeat; */
}

.features-a li.web strong:before, .features-a li.web strong > .before {
    background-position: -100px 0;
}

.features-a li.print strong:before, .features-a li.print strong > .before {
    background-position: -200px 0;
}

.features-a li.video strong:before, .features-a li.video strong > .before {
    background-position: -300px 0;
}

.features-a li.social strong:before, .features-a li.social strong > .before {
    background-position: -400px 0;
}

.features-a li.email strong:before, .features-a li.email strong > .before {
    background-position: -500px 0;
}

.features-a li br {
    display: none;
}

.features-a span.item-icon-a {
    display:  block;
    position: absolute;
    top:      0px;
    left:     0px;
}

.features-b {
    list-style: none;
    margin:     30px 0;
    padding:    0;
}

div.features-b {
    margin: 15px 0;
}

.features-b > * {
    position: relative;
    overflow: hidden;
    padding:  0 0 0 100px;
}

.features-b > * + * {
    margin-top:  30px;
    padding-top: 30px;
    border-top:  1px solid #ccc;
}

.features-b a {
    color:           #fff;
    text-decoration: none !important;
}

.features-b strong {
    display: block;
    margin:  0 0 10px !important;
    color:   #fff;
    font:    bold 20px/1.2 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.features-b strong em {
    color:      #09c;
    font-style: normal;
}

.features-b strong:before, .features-b strong > .before {
    position: absolute;
    left:     0;
    top:      30px;
    content:  ' ';
    width:    78px;
    height:   79px;
    margin:   0; /*background: url(/V2/images/features-a-icons-b.png) no-repeat; */
}

.features-b > :first-child strong:before, .features-b > :first-child strong > .before {
    top: 0;
}

.features-b .web strong:before, .features-b .web strong > .before {
    background-position: -100px 0;
}

.features-b .print strong:before, .features-b .print strong > .before {
    background-position: -200px 0;
}

.features-b .video strong:before, .features-b .video strong > .before {
    background-position: -300px 0;
}

.features-b .social strong:before, .features-b .social strong > .before {
    background-position: -400px 0;
}

.features-b .email strong:before, .features-b .email strong > .before {
    background-position: -500px 0;
}

.features-b br {
    display: none;
}

.features-b .button-a {
    margin-right: 100%;
    margin-top:   15px;
}

.features-b span.item-icon-b, .features-b span.item-icon-c {
    display:  block;
    position: absolute;
    top:      32px;
    left:     0px;
}

div.services-detail .features-b span.item-icon-b, .features-b span.item-icon-c {
    top: 0px;
}

.fields-a {
}

.fields-a h2 {
}

.fields-a p.req {
    margin-top: -15px;
    color:      #c00;
}

.fields-a p {
    position: relative;
    width:    100%;
}

.fields-a p em {
    position:   absolute;
    left:       0;
    top:        0;
    color:      #c00;
    font-style: normal;
}

.fields-a p label {
    float:  left;
    width:  260px;
    margin: 0 10px;
    color:  #333;
}

#ratingsContainer p label {
    width: 100% !important;
}

.js .fields-a p label {
    position:    absolute;
    left:        10px;
    top:         0;
    line-height: 32px;
}

.fields-a p input, .fields-a p textarea {
    width:        260px;
    height:       30px;
    margin:       0 0 0 10px;
    padding:      0 9px;
    border:       1px solid #c7c7c7;
    border-color: #C7C7C7 #C7C7C7 #C7C7C7 #C7C7C7;
    background:   #fff;
    line-height:  30px;
}

.fields-a p textarea {
    width:       265px;
    height:      130px;
    padding:     4px 4px 4px 9px;
    line-height: 1.3;
}

.fields-a p img {
    display: block;
    margin:  0 0 5px 10px;
}

.fields-a p button {
    margin-left: 10px;
}

.fields-a div {
    font-size: 1.4em;
}

.fields-a div label {
    display:       inline-block;
    margin-left:   10px;
    margin-bottom: 5px;
}

.fields-a select {
    width:        279px;
    height:       30px;
    margin:       0 0 0 10px;
    border:       1px solid #c7c7c7;
    border-color: #C7C7C7 #C7C7C7 #C7C7C7 #C7C7C7;
    background:   #fff;
    line-height:  30px;
}

.js .fields-a p.captcha {
}

.js .fields-a p.captcha label {
    top:    auto;
    bottom: 0;
}

.js .fields-a p.captcha em {
    top:    auto;
    bottom: 10px;
}

.files-a, .files-a ul {
    list-style: none;
    margin:     0 0 15px;
    padding:    0;
}

.files-a li {
}

.files-a li ~ li {
    border-top: 1px solid #ccc;
}

.files-a li a {
    display:             block;
    padding:             5px 0 5px 30px;
    background-position: 0 50%;
    background-repeat:   no-repeat;
}

.files-a li.doc a {
    background-image: url(/V2/images/iconset-a-word-a.png);
}

.files-a li.xls a {
    background-image: url(/V2/images/iconset-a-excel-a.png);
}

.files-a li.pdf a {
    background-image: url(/V2/images/iconset-a-pdf-a.png);
}

.lead-a {
    margin: 0 0 30px;
    font:   16px/1.3 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
}

h1 + .lead-a {
    margin-top: 5px;
}

.lead-a strong {
}

.newslist-a, .newslist-a ul {
    margin: 0 0 15px;
}

ul.newslist-a, .newslist-a ul {
    padding-left: 20px;
}

.newslist-a li {
    margin: 0 0 15px;
}

.paging-a {
    margin:     30px 0;
    padding:    10px 0 0;
    border-top: 1px solid #ccc;
}

.paging-a ul {
    list-style: none;
    width:      100%;
    margin:     0;
    padding:    0;
}

.paging-a ul:after {
    display:  block;
    overflow: hidden;
    clear:    both;
    content:  "";
    width:    100%;
    height:   0;
}

.paging-a ul li {
    float: left;
    font:  bold 14px/25px 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.paging-a ul li ~ li {
    margin-left: 5px;
}

.paging-a ul li.step {
    font-size:   24px;
    font-weight: normal;
}

.paging-a ul li a {
    float:      left;
    width:      25px;
    height:     25px;
    border:     1px solid #dfdfdf;
    background: #ecebeb;
    color:      #fff;
    text-align: center;
}

.paging-a ul li a:hover, .paging-a ul li a:focus, .paging-a ul li a:active {
    background-color: #dfdede;
    color:            #fff;
    text-decoration:  none;
}

.paging-a ul li.selected a {
    background-color: #009acc !important;
    color:            #fff !important;
}

.qas-a {
}

.qas-a dt {
    margin: 0 0 5px;
    color:  #09c;
}

.js .qas-a dt {
    cursor: pointer;
}

.qas-a dd {
    margin:     0 0 5px 20px;
    padding:    20px 20px 20px 60px;
    background: #e7e7e7;
}

html * .qas-a dd {
    font-size: 10px;
}

.js .qas-a dd {
    display: none;
}

.js .qas-a dd.active {
    display: block;
}

.qas-a dd:before, .qas-a dd > .before {
    float:   left;
    margin:  0 0 0 -40px;
    content: 'A:';
    color:   #09c;
    font:    bold 24px/1.3 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.quote-a {
    padding-bottom: 25px;
}

.quote-a h3 {
    color: #09c;
}

.quote-a h3 + p {
    margin-top: -15px;
    color:      #09c;
}

.quote-a blockquote {
    position: relative;
    margin:   0;
    padding:  0 0 0 50px;
}

.quote-a blockquote:before, .quote-a blockquote > .before {
    position: absolute;
    left:     0;
    top:      3px;
    content:  '“';
    color:    #09c;
    font:     bold 90px/1 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
}

span.select-a {
}

.js span.select-a {
    display:     block;
    position:    relative;
    width:       100%;
    height:      35px;
    border:      1px solid #bab9b9;
    background:  #dddcdc url(/V2/images/select-a-bg-a.png) 100% 50% no-repeat;
    line-height: 33px;
}

.js span.select-a {
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-shadow:         inset 0 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    inset 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
}

.js span.select-a span {
    display:       block;
    position:      absolute;
    left:          20px;
    top:           0;
    bottom:        0;
    right:         55px;
    overflow:      hidden;
    height:        100%;
    font-size:     14px;
    font-weight:   bold;
    text-overflow: ellipsis;
    white-space:   nowrap;
}

.js span.select-a select {
    position: relative;
    z-index:  2;
    float:    left;
    width:    100%;
    height:   100%;
    border:   none;
    opacity:  0;
    filter:   alpha(opacity=0);
}

.js span.select-a.focus {
    border-color: #aaa;
}

.js span.select-a.over {
    border-color: #ccc;
}

.showcase-a {
    position: relative;
    z-index:  1;
    margin:   0 0 20px;
}

.js .showcase-a {
    min-height: 325px;
}

.showcase-a .flexslider {
    padding-bottom: 30px;
    border:         none;
    background:     none;
}

.showcase-a .flexslider .flex-control-nav {
    bottom: 0;
    margin: 0;
}

.showcase-a .flexslider .flex-direction-nav {
    display: none;
}

.showcase-a .slides {
    border-bottom: 1px solid #000;
}

.showcase-a .slides li {
}

.showcase-a .slides li br {
    display: none;
}

.showcase-a .slides li > div {
    position:    absolute;
    left:        25px;
    bottom:      25px;
    max-width:   500px;
    background:  url(/V2/images/bg_SliderText.png) repeat;
    font-size:   18px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
}

.showcase-a .slides li > div > a {
    display: block;
    padding: 15px;
}

.showcase-a .slides li > div span {
    display:       block;
    min-height:    115px;
    height:        auto !important;
    height:        115px;
    padding-right: 100px;
    background:    url(/V2/images/LightningBolt.png) no-repeat 95% center;
}

.showcase-a .slides li > div strong {
    display:        block;
    margin:         0 0 10px;
    font:           normal 36px/1.2 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
    color:          #222222;
    text-shadow:    none;
    text-transform: uppercase;
}

.showcase-a .slides li > div strong em {
    display:     block;
    margin:      2px 0 0;
    color:       #222222;
    font-size:   36px;
    font-weight: bold;
    font-style:  normal;
}

.showcase-a .slides li.hide-text-1 > div {
    display: none;
}

.side-a {
    float:  right;
    margin: -45px 0 -20px;
}

html * .side-a {
    position:    absolute;
    width:       200px;
    margin-left: -200px;
    text-align:  right;
}

.sidebar-a {
    margin: 0 0 30px;
}

.sidebar-a h3 {
    margin:       0;
    padding:      7px 15px 3px;
    border:       1px solid #dfdfdf;
    border-width: 1px 1px 0;
    background:   #09c;
    color:        #fff;
}

.sidebar-a ul {
    list-style: none;
    margin:     0 0 30px;
    padding:    0;
    border:     1px solid #dfdfdf;
    background: #ecebeb;
}

.sidebar-a li {
    float:   none;
    margin:  0;
    padding: 7px 15px;
    font:    14px/1.3 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.sidebar-a li ~ li {
    border-top: 1px solid #dfdfdf;
}

.sidebar-a li a {
    color: #fff;
}

.sidebar-a li a:hover, .sidebar-a li a:focus, .sidebar-a li a:active {
    color:           #09c;
    text-decoration: none;
}

.sidebar-a li.selected > a {
    color: #09c;
}

.sidebar-a div.BlogTagCloud {
    list-style: none;
    margin:     0 0 30px;
    padding:    0;
    border:     1px solid #dfdfdf;
    background: #ecebeb;
}

.sidebar-a div.BlogTagCloud a {
    display: block;
    padding: 7px 15px;
    color:   #fff;
    font:    14px/1.3 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.sidebar-a div.BlogTagCloud a ~ a {
    border-top: 1px solid #dfdfdf;
}

.sidebar-a div.BlogTagCloud a:hover, .sidebar-a div.BlogTagCloud a:focus, .sidebar-a div.BlogTagCloud a:active {
    color:           #09c;
    text-decoration: none;
}

.sidenav-a, .sidenav-a ul {
    list-style:       none;
    margin:           0 0 30px;
    padding:          0;
    border:           1px solid #01192e;
    background-color: #002A49;
}

.sidenav-a ul {
    margin: 0;
    border: none;
}

.sidenav-a li {
    float:  none;
    margin: 0;
    font:   14px/1.3 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.sidenav-a li ~ li {
    border-top: 1px solid #01192e;
}

.sidenav-a li a, .sidenav-a li.selected > a {
    display: block;
    float:   none;
    padding: 7px 20px 7px 15px;
    color:   #fff;
}

.sidenav-a li a:hover, .sidenav-a li a:focus, .sidenav-a li a:active {
    color:           #FC0;
    text-decoration: none;
    background:      #042848;
}

.sidenav-a li.selected > a {
    background-color:    #001422;
    background-position: 100% 50%;
    color:               #FC0;
}

.socials-a {
    list-style: none;
    height:     32px;
    margin:     0 0 15px;
    padding:    0;
}

.socials-a li {
    float: left;
}

.socials-a li ~ li {
    margin-left: 8px;
}

.socials-a li a {
    display:     block;
    overflow:    hidden;
    width:       32px;
    height:      32px;
    background:  url(/V2/images/socials-a-icons-a.png) no-repeat;
    font-size:   0;
    text-indent: 101%;
    white-space: nowrap;
}

.socials-a li a:hover, .socials-a li a:focus, .socials-a li a:active {
    background-position: 0 -40px;
}

.socials-a li.twitter a {
    background-position: -40px 0;
}

.socials-a li.twitter a:hover, .socials-a li.twitter a:focus, .socials-a li.twitter a:active {
    background-position: -40px -40px;
}

.socials-a li.feed a {
    background-position: -80px 0;
}

.socials-a li.feed a:hover, .socials-a li.feed a:focus, .socials-a li.feed a:active {
    background-position: -80px -40px;
}

.socials-a li.vimeo a {
    background-position: -120px 0;
}

.socials-a li.vimeo a:hover, .socials-a li.vimeo a:focus, .socials-a li.vimeo a:active {
    background-position: -120px -40px;
}

.twitEntry {
    font-size: 1.3em;
}

.tweets-a {
    margin: 0 0 30px;
}

.tweets-a h3 {
    margin:       0;
    padding:      7px 15px 3px;
    border:       1px solid #dfdfdf;
    border-width: 1px 1px 0;
    background:   #09c;
    color:        #fff;
}

.tweets-a ul {
    list-style: none;
    margin:     0;
    padding:    0;
    border:     1px solid #dfdfdf;
    background: #ecebeb;
}

.tweets-a li {
    float:   none;
    margin:  0;
    padding: 7px 15px;
    font:    14px/1.3 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.tweets-a li ~ li {
    border-top: 1px solid #dfdfdf;
}

.tweets-a p {
    padding:    5px 15px;
    background: #e3e3e3;
}

.work-a {
    list-style: none;
    margin:     -20px 0 30px -20px;
    padding:    0;
    font-size:  0;
}

.work-a li {
    display:        -moz-inline-stack;
    display:        inline-block;
    width:          25%;
    margin:         20px 0 0 0;
    padding:        0 0 0 20px;
    font-size:      14px;
    font-weight:    bold;
    vertical-align: top;
}

html * .work-a {
    margin-left: 0;
}

html * .work-a li {
    display:      inline;
    width:        23%;
    margin-right: 2%;
    padding-left: 0;
}

.work-a li {
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
}

.work-a li img {
    display: block;
    margin:  0 0 5px;
}

.work-a li img {
    box-shadow:         0 0 3px #d6d6d6;
    -moz-box-shadow:    0 0 3px #d6d6d6;
    -webkit-box-shadow: 0 0 3px #d6d6d6;
    behavior:           url(styles/pie.htc);
}

.work-b {
    list-style: none;
    margin:     -25px 0 30px -25px;
    padding:    0;
    font-size:  0;
}

.work-b li {
    display:        -moz-inline-stack;
    display:        inline-block;
    position:       relative;
    width:          25%;
    margin:         25px 0 0 0;
    padding:        0 0 0 25px;
    font-size:      14px;
    font-weight:    bold;
    vertical-align: top;
}

html * .work-b {
    margin-left: 0;
}

html * .work-b li {
    display:      inline;
    width:        23%;
    margin-right: 2%;
    padding-left: 0;
}

.work-b li {
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;;
}

.work-b li a {
    text-decoration: none !important;
}

.work-b li img {
    position: relative;
    display:  block;
    margin:   0;
}

.work-b li img {
    box-shadow:         0 0 3px #d6d6d6;
    -moz-box-shadow:    0 0 3px #d6d6d6;
    -webkit-box-shadow: 0 0 3px #d6d6d6;
}

.work-b li strong {
    display:    none;
    position:   absolute;
    top:        0;
    right:      0;
    bottom:     0;
    left:       25px;
    padding:    0;
    background: url(/V2/images/work-b-bg-a.png);
    color:      #fff;
    font:       bold 20px/1.2 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
    text-align: center;
}

html * .work-b li strong {
    left: 0;
}

.work-b li a:hover strong {
    display: block;
}

.work-b li strong span {
    position:   absolute;
    left:       0;
    bottom:     0;
    right:      0;
    top:        50%;
    margin:     -20px 0 0;
    text-align: center;
}

.work-b li strong small {
    display: block;
    color:   #ccc;
    font:    14px/1.2 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.work-c {
    font-weight: bold;
}

.work-c img {
    display: block;
    margin:  0 0 5px;
}

.work-c img {
    box-shadow:         0 0 3px #d6d6d6;
    -moz-box-shadow:    0 0 3px #d6d6d6;
    -webkit-box-shadow: 0 0 3px #d6d6d6;
}

/*! headers ------- */

/*! buttons ------- */

.button-a, .productSubmitInput, #catshopbuy {
    display:         -moz-inline-stack;
    display:         inline-block;
    position:        relative;
    height:          28px;
    padding:         0 15px;
    border:          1px solid #999;
    background:      #dddcdc;
    color:           #666;
    line-height:     28px;
    text-decoration: none !important;
    white-space:     nowrap;
}

.button-a, .productSubmitInput, #catshopbuy {
    border-radius:         14px;
    -moz-border-radius:    14px;
    -webkit-border-radius: 14px;
    box-shadow:            inset 0 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:       inset 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow:    inset 0 2px 3px rgba(0, 0, 0, 0.1);
    behavior:              url(styles/pie.htc);
}

html *.button-a, .productSubmitInput, #catshopbuy {
    display: inline;
}

.button-a:hover, .button-a:focus, .button-a:active, .productSubmitInput:hover, #catshopbuy:hover {
    border:           1px solid #069;
    background-color: #0099cc;
    color:            #036;
    cursor:           pointer;
}

/* Multi Purpose Button */
.button, .buttonHolder a {
    cursor:                pointer;
    display:               inline-block;
    *display:              inline;
    zoom:                  1;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
    padding:               10px 15px;
    border-color:          #c9cdd1;
    border-width:          1px;
    border-style:          solid;
    text-align:            center;
    font-family:           Helvetica;
    font-size:             12px;
    line-height:           12px;
    color:                 #434444;
    background:            #ffffff;
    background:            -moz-linear-gradient(top, #ffffff 0%, #e8e9ea 100%);
    background:            -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e8e9ea));
    background:            -webkit-linear-gradient(top, #ffffff 0%, #e8e9ea 100%);
    background:            -o-linear-gradient(top, #ffffff 0%, #e8e9ea 100%);
    background:            -ms-linear-gradient(top, #ffffff 0%, #e8e9ea 100%);
    background:            linear-gradient(to bottom, #ffffff 0%, #e8e9ea 100%);
    filter:                progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e8e9ea', GradientType=0);
}

.button:hover, .buttonHolder a:hover {
    -webkit-box-shadow: 0px 0px 3px 1px #001422;
    -moz-box-shadow:    0px 0px 3px 1px #001422;
    box-shadow:         0px 0px 3px 1px #001422;
    text-decoration:    none;
}

.button:active, .buttonHolder a:active {
    -webkit-box-shadow: 0px 0px 3px 1px #001422;
    -moz-box-shadow:    0px 0px 3px 1px #001422;
    box-shadow:         0px 0px 3px 1px #001422;
    background:         #e8e9ea;
    background:         -moz-linear-gradient(top, #e8e9ea 0%, #ffffff 100%);
    background:         -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e8e9ea), color-stop(100%, #ffffff));
    background:         -webkit-linear-gradient(top, #e8e9ea 0%, #ffffff 100%);
    background:         -o-linear-gradient(top, #e8e9ea 0%, #ffffff 100%);
    background:         -ms-linear-gradient(top, #e8e9ea 0%, #ffffff 100%);
    background:         linear-gradient(to bottom, #e8e9ea 0%, #ffffff 100%);
    filter:             progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e9ea', endColorstr='#ffffff', GradientType=0);
}

#catshopbuy {
    float:  right;
    margin: 0 25px 0 0;
}

.leadin h3 a, .leadin h4 {
    COLOR: #FFF;
}

/*! helpers ------- */

.offset {
    position: absolute !important;
    left:     -10001px !important;
    overflow: hidden !important;
}

/*! defaults ------ */

form {
}

label {
    cursor: pointer;
}

textarea {
    overflow: auto;
    resize:   vertical;
}

button {
    overflow: visible;
    padding:  0 10px;
    cursor:   pointer;
}

button::-moz-focus-inner {
    padding: 0;
    border:  none;
}

table {
    display:         table;
    border-collapse: collapse;
    border-spacing:  0;
}

table th, table td {
    padding: 5px 10px;
    border:  1px solid #eee;
}

h1, h2, h3, h4, h5, h6 {
    color: #ffcc00;
    font:  normal 1em/1.2 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
}

h1 {
    color:          #ffcc00;
    font-size:      2.4em;
    text-transform: uppercase;
}

h2 {
    font-size: 2.0em;
}

h3 {
    font-size: 1.8em;
}

h4 {
    font-size: 1.4em;
}

h5 {
    font-size: 1.2em;
}

h6 {
    font-size: 1.0em;
}

ul, ol, dd, blockquote {
    padding-left: 40px;
}

ul ul, ol ol, ul ol, ol ul {
    margin-bottom: 0;
}

a {
    color:           #ffcc00;
    text-decoration: none;
}

a:hover, a:focus, a:active {
    text-decoration: underline;
}

a span {
    cursor: pointer;
}

#content strong {
    color: #ffcc00;
}

img {
    max-width:              100%;
    border-width:           0;
    image-rendering:        optimizeQuality;
    -ms-interpolation-mode: bicubic;
}

pre {
    font-family: Consolas, Monaco, Courier New, monospace;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap:   break-word;
}

hr, div.hr {
    overflow:   hidden;
    width:      100%;
    height:     1px;
    margin:     30px 0;
    border:     none;
    border-top: 1px solid #143b57;
    background: none;
    font-size:  0;
}

div.hr * {
    display: none;
}

.faq-question + .faq-question {
    padding-top: 15px;
    border-top:  1px solid #14324C;
}

.faq-question > a {
    font-size: 1.4em;
}

.faq-question .faq-details {
    padding: 15px 0px 0px 15px;
}

/* Team */
.stories-b {
}

.stories-b .item {
    overflow:       hidden;
    width:          100%;
    margin-bottom:  30px;
    padding-bottom: 30px;
    border-bottom:  1px solid #e4dcd0;
}

.stories-b .item figure {
    float:  left;
    margin: 0;
}

.stories-b .item figure img {
    display:   block;
    max-width: 242px;
    margin:    0;
}

.stories-b .item figure ~ * {
    margin-left: 260px !important;
}

.stories-b .item h2 {
    margin-bottom: 0;
}

.stories-b .item p.role {
    font-size:   1.5em;
    font-weight: bold;
}

.stories-b .item p.action {
    margin-bottom: 0;
}

.stories-b .item h2 a {
    text-decoration: none;
}

.stories-b figure.left {
    float:  left;
    margin: 5px 20px 5px 0;
}

.stories-b figure.right {
    float:  right;
    margin: 5px 0 5px 20px;
}

.stories-b figure.left img, .stories-b figure.right img {
    display: block;
    margin:  0;
}

/* Ecom */
.products-a {
    margin: 0 -25px 20px;
    width:  100%;
}

.products-a.home {
    width: 100%;
}

.products-a table {
    width:  106%;
    margin: 0 0 25px;
}

.products-a table td {
    width:          33.33%;
    padding:        25px;
    border:         1px solid #eaeaea;
    border-width:   1px 0 0 1px;
    vertical-align: top;
    font-size:      1em;
}

.products-a table td {
    box-sizing:         border-box;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
}

.products-a table td:first-child {
    border-left: none;
}

.products-a table tr:first-child td {
    padding-top: 0;
    border-top:  none;
}

.products-a table tr:last-child td {
    padding-bottom: 0;
}

.products-a table tr:last-child td {
    padding-bottom: 0;
}

.products-a article {
    width: 100%;
}

.products-a article figure {
    position:  relative;
    width:     100%;
    margin:    0 0 15px;
    color:     #eaeaea;
    font-size: 1.2em;
}

.products-a article figure a {
    display: block;
}

.products-a article figure img {
    display: block;
    width:   100%; /* max-width: 280px; */
}

.products-a article figure span.colors {
    position:       absolute;
    left:           0;
    bottom:         0;
    right:          0;
    padding:        3px;
    background:     #574d46;
    background:     rgba(51, 51, 51, 0.65);
    color:          #eaeaea;
    text-align:     center;
    text-transform: lowercase;
}

.products-a article figure span.sale {
    position:    absolute;
    left:        -5px;
    top:         -4px;
    overflow:    hidden;
    width:       61px;
    height:      70px;
    background:  url(/V2/images/product-a-sale-a.png) no-repeat;
    text-indent: -10001px;
    z-index:     400;
}

.products-a article h3 {
    margin-bottom: 5px;
    font-weight:   bold;
    font-size:     16px;
}

.products-a article h3 a {
    color: #fff;
}

.products-a article h3 a:hover, .products-a article h3 a:focus, .products-a article h3 a:active {
    color:           #FC0;
    text-decoration: none;
}

.products-a article h4 {
    margin:         0 0 2px;
    color:          #fefefe;
    font:           normal 13px/1.38 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
    text-transform: none;
}

.products-a article h4 a {
    color: #fff;
}

.products-a article h4 a:hover, .products-a article h4 a:focus, .products-a article h4 a:active {
    color:           #FC0;
    text-decoration: none;
}

.products-a article p {
    margin:    0;
    font-size: 1.3em;
}

.products-a article p.sale {
    color: #89c43d;
}

.products-a article p.review {
    margin-top:  3px;
    font-size:   1.1em;
    line-height: 13px;
}

.products-a article p.review span {
    vertical-align: top;
}

.products-a .paging {
    padding:        0 16px;
    text-align:     right;
    text-transform: lowercase;
}

.products-a .paging strong {
    color:       #89c43d;
    font-weight: normal;
}

.products-a .paging a {
    display:        -moz-inline-stack;
    display:        inline-block;
    overflow:       hidden;
    width:          0;
    height:         0;
    margin:         5px 10px;
    border:         5px solid #757575;
    border-width:   5px 10px 5px 0;
    border-color:   transparent #757575;
    text-indent:    -10001px;
    vertical-align: top;
}

html * .products-a .paging a {
    display: inline;
}

.products-a .paging a:hover {
    border-color: transparent #89c43d;
}

.products-a .paging a.next {
    border-width: 5px 0 5px 10px;
}

.products-a.category {
}

figure.product-image img {
    width:  170px !important;
    height: 150px;
}

.catalogueItem article figure a img {
}

.products-a.prodList article {
    width: 170px;
}

body.ecom.details .products-a.prodList article {
    width: 100%;
}

.products-a .tabs-a p, .products-a .tabs-a ul li, .products-a .details-a p, .products-a .product-attributes {
    font-size: 1.4em;
}

.products-a .catProdAttributeTitle, .product-grouping label {
    display:   block;
    margin:    0 0 2px;
    font-size: 12px;
}

.products-a .product-attributes .catProdAttributeItem select, .products-a .product-grouping select {
    width:     90%;
    height:    27px;
    padding:   3px;
    border:    1px solid #D5D6D6;
    font-size: 14px;
}

.products-a .details-a > .info .qty {
    width: 115px;
    float: left;
}

.products-a .wrap.socials {
    width:    100%;
    overflow: hidden;
    position: relative;
}

.products-a .wrap.socials ul {
    margin:  0px;
    padding: 0px;
}

.products-a .wrap.socials ul li:before {
    display: none !important;
}

.products-a .wrap.socials ul li {
    float:           left;
    list-style-type: none;
    margin-right:    10px;
}

.products-a .wrap.socials ul li a {
    margin-right: 15px;
}

.details-a {
    overflow: hidden;
    width:    100%;
    margin:   0 0 30px;
}

.details-a > .info {
    float:        right;
    width:        34%;
    margin:       0;
    padding-left: 24px;
    border-left:  1px solid #eaeaea;
}

.details-a > .info > .wrap {
    min-height: 25px;
    margin:     0 0 10px;
    padding:    25px;
    background: #eaeaea;
}

.details-a > .info > .wrap:first-child {
    min-height: 350px;
    width:      85%;
    position:   relative;
    overflow:   hidden;
}

.details-a > .info p {
    margin: 0 0 10px;
    width:  90%;
}

.details-a > .info .price {
    margin:      0 0 5px;
    color:       #757575;
    font-size:   2.7em;
    font-weight: bold;
}

.details-a > .info .reviews {
    font-size: 1.1em;
}

.details-a > .info .reviews .rating-a {
    vertical-align: top;
}

.details-a > .info .color {
    margin: 15px 0;
}

.details-a > .info .color label {
    display:   block;
    margin:    0 0 2px;
    font-size: 12px;
}

.details-a > .info .color select {
    width:   100%;
    height:  27px;
    padding: 3px;
    border:  1px solid #d5d6d6;
}

.details-a > .info .qty {
    overflow:    hidden;
    width:       100%;
    line-height: 34px;
}

.details-a > .info .qty label {
    float:         left;
    padding-right: 10px;
    font-size:     12px;
}

.details-a > .info .qty input {
    float:       left;
    width:       30px;
    height:      32px;
    padding:     0 9px;
    border:      1px solid #d5d6d6;
    background:  #fff;
    line-height: 32px;
    text-align:  center;
}

.details-a > .info .qty .button-a, span.addToCart input.productSubmitInput {
    float:       right !important;
    height:      34px !important;
    font-size:   18px !important;
    line-height: 32px !important;
}

.details-a > .images {
    float:  left;
    width:  61%;
    margin: 0;
}

.details-a > .images figure {
    overflow: hidden;
    position: relative;
    margin:   0 0 10px;
}

.details-a > .images figure img {
    display:   block;
    width:     100%;
    max-width: 563px;
}

.details-a > .images figure a {
    display: block;
}

.details-a > .images figure a:before {
    position:    absolute;
    right:       0;
    bottom:      0;
    overflow:    hidden;
    content:     ' ';
    width:       45px;
    height:      45px;
    background:  url(/V2/images/details-a-zoom-a.png) no-repeat;
    text-indent: -10001px;
}

.details-a > .images .thumbs {
    position: relative;
    width:    100%;
}

.details-a > .images .thumbs .wrap {
    position: relative;
    overflow: hidden;
    width:    460px;
    margin:   0 auto;
}

.details-a > .images .thumbs ul.items {
    float:      left;
    width:      99999px;
    list-style: none;
    margin:     0;
    padding:    0;
}

.details-a > .images .thumbs ul.items li {
    position: relative;
    overflow: hidden;
    float:    left;
    width:    100px;
    height:   75px;
    margin:   0 20px 0 0;
    padding:  0;
}

.details-a > .images .thumbs ul.items li:before {
    display: none;
}

.details-a > .images .thumbs ul.items li a {
    float: left;
}

.details-a > .images .thumbs ul.items li a:before {
    position: absolute;
    left:     0;
    top:      0;
    bottom:   0;
    right:    0;
    content:  ' ';
}

.details-a > .images .thumbs ul.items li a:hover:before {
    border: 1px solid #000;
}

.details-a > .images .thumbs ul.items li a img {
    float: left;
    width: 100px;
}

.lt-ie9 .details-a > .images .thumbs ul.items li a img {
    max-width: 100px;
}

.details-a > .images .thumbs ul.index {
    list-style: none;
    margin:     0;
    padding:    0;
}

.details-a > .images .thumbs ul.index li {
    position: absolute;
    left:     0;
    top:      0;
    bottom:   0;
    margin:   0;
    padding:  0;
}

.details-a > .images .thumbs ul.index li.next {
    left:  auto;
    right: 0;
}

.details-a > .images .thumbs ul.index li:before {
    display: none;
}

.details-a > .images .thumbs ul.index li a {
    display:     block;
    overflow:    hidden;
    width:       30px;
    height:      75px;
    background:  #e4e3e3 url(/V2/images/details-a-steps-a.png) 0 50% no-repeat;
    font-size:   0;
    text-indent: -10001px;
}

.details-a > .images .thumbs ul.index li a:hover {
    background-color: #cac9c9;
}

.details-a > .images .thumbs ul.index li.next a {
    background-position: -30px 50%;
}

.tabs-a {
    width:  100%;
    margin: 0 0 40px;
}

.tabs-a > ul {
    overflow:   hidden;
    list-style: none;
    width:      100%;
    margin:     0;
    padding:    0;
}

.tabs-a > ul li {
    float:       left;
    font-size:   1.6em;
    line-height: 40px;
    text-align:  center;
}

.tabs-a > ul li ~ li {
    margin-left: 10px;
}

.tabs-a > ul li:before {
    display: none;
}

.tabs-a > ul li a {
    float:           left;
    min-width:       140px;
    height:          40px;
    padding:         0 10px;
    background:      #c0bebe;
    color:           #5b5b5b;
    text-decoration: none !important;
}

.tabs-a > ul li a:hover {
    background-color: #cfcfcf;
}

.tabs-a > ul li.selected > a, .tabs-a > ul li.active > a {
    background: #09C;
    color:      #fff;
}

.tabs-a > .content > div {
    background: #f3f3f3;
}

.tabs-a > .content > .tab {
    margin:  0;
    padding: 30px 25px;
}

.js .tabs-a > .content > .tab {
    display: none;
}

.js .tabs-a > .content > .tab.active {
    display: block;
}

.show-secure-item-0 {
    display: none !important;
}

body.details {
}

body.details #content > .gridrow-a {
}

body.details #content > .gridrow-a > .column:first-child {
    display: none;
}

body.details #content > .gridrow-a > .column {
    float:  none;
    width:  100%;
    margin: 0;
}

/* hide large product to work JS magic then show w/JS */
.prodLarge {
    display: none;
}

div.tabs-a .quote-a {
    margin:        0 0 25px;
    padding:       0 0 25px;
    border-bottom: 1px solid #eaeaea;
}

div.tabs-a .quote-a blockquote {
    margin:     0 0 10px;
    padding:    20px 25px;
    background: #f3f3f3;
    width:      90%;
}

div.tabs-a .quote-a blockquote:before, .quote-a blockquote > .before {
    display: none;
}

div.tabs-a .quote-a blockquote + p {
    position: relative;
    margin:   0 0 0 90px;
    color:    #666;
}

div.tabs-a .quote-a blockquote + p:before, div.tabs-a .quote-a blockquote + p > .before {
    position:     absolute;
    left:         -40px;
    top:          -10px;
    content:      '';
    overflow:     hidden;
    width:        0;
    height:       0;
    border:       15px solid #f3f3f3;
    border-color: #f3f3f3 #f3f3f3 transparent transparent;
}

.products-a.slider table td {
    width:   25%;
    display: inline-block;
}

.details-a > .images .thumbs {
    overflow: hidden;
}

/*top Bar */
#bar {
    position:    absolute;
    left:        0;
    top:         -55px;
    right:       0;
    height:      43px;
    margin:      0;
    border-top:  1px solid #5d5d5d;
    background:  #333333;
    color:       #fff;
    line-height: 45px;
}

#bar:before, #bar > .before {
    position:   absolute;
    left:       -100%;
    right:      -100%;
    top:        -1px;
    bottom:     0;
    z-index:    -1;
    content:    ' ';
    border-top: 1px solid #5d5d5d;
    background: #333;
}

#bar p {
    float:       left;
    margin:      0;
    font-weight: 300;
}

#bar p strong {
    font-weight: 700;
}

#bar ul {
    float:      right;
    list-style: none;
    margin:     0;
    padding:    0;
}

#bar ul li {
    position: relative;
    float:    left;
}

#bar ul li ~ li {
    margin-left: 25px;
}

#bar ul li:before {
    display: none;
}

#bar ul li ~ li:before {
    display:    block;
    position:   absolute;
    left:       -15px;
    top:        0;
    content:    '/';
    width:      auto;
    height:     auto;
    margin:     0;
    background: none;
}

#bar ul li.button {
    margin-left: 15px;
}

#bar ul li.button a {
    color: #333333;
}

#bar ul li.button:before {
    display: none;
}

#bar ul li a {
    color: #fff;
}

#bar ul li a:hover, #bar ul li a:focus, #bar ul li a:active {
    text-decoration: underline;
}

/* Cart */
.cart-a {
}

.cart-a > .items {
    position:   relative;
    margin:     0 0 5px;
    padding:    50px 0 20px;
    background: #f3f3f3;
    overflow:   hidden;
}

.cart-a > .items .wrap {
    display: table;
    width:   100%;
}

.cart-a > .items .wrap div.row {
    display: table-row;
}

.cart-a > .items .wrap div.row > * {
    display:        table-cell;
    margin:         0;
    padding:        20px 0 0 10px;
    vertical-align: top;
    text-align:     left;
}

.cart-a > .items .wrap div.row > div.title {
    color:       inherit;
    font-size:   14px;
    font-weight: bold;
}

.cart-a > .items .wrap div.row > div.title a {
    color: inherit;
}

.cart-a > .items .wrap div.row > div {
    width:     100px;
    font-size: 14px;
}

.cart-a > .items .wrap div.row > div div.productitemcell {
    height: 80px;
    margin: 0 0 10px;
}

.cart-a > .items .wrap div.row > div div.productitemcell img {
    max-height: 80px;
}

.cart-a > .items .wrap div.row span {
    display: none;
}

.cart-a > .items .wrap div.row label {
    display: none;
}

.cart-a > .items .wrap div.row input {
    display:    block;
    width:      20px;
    padding:    0;
    text-align: center;
}

.cart-a > .items .wrap div.row:first-child > *:before {
    position:    absolute;
    top:         20px;
    margin:      0;
    font-size:   16px;
    line-height: 1;
    font-weight: bold;
}

.cart-a > .items .wrap div.row:first-child > figure:before {
    content: 'Product';
}

.cart-a > .items .wrap div.row:first-child > .price:before {
    content: 'Price';
}

.cart-a > .items .wrap div.row:first-child > .quantity:before {
    content: 'Qty';
}

.cart-a > .items .wrap div.row:first-child > .tax:before {
    content: 'Tax';
}

.cart-a > .items .wrap div.row:first-child > .total:before {
    content: 'Total';
}

.cart-a > .items .wrap div.row:first-child > .action:before {
    content: 'Action';
}

.cart-a > .subtotal {
    display:    table;
    background: #e3e3e3;
    width:      100%;
}

.cart-a > .subtotal p {
    display: table-row;
}

.cart-a > .subtotal p > * {
    display:   table-cell;
    font-size: 16px;
}

.cart-a > .subtotal strong {
    width:   300px;
    padding: 20px 0 20px 20px;
}

.cart-a > .subtotal span {
    width:   210px;
    padding: 20px 0;
}

.cart-a > .subtotal span + span {
    width: 100px;
}

.cart-a > .subtotal a {
}

.cart-a > .codes {
    display:    table;
    list-style: none;
    width:      100%;
    margin:     0 0 5px;
    background: #f3f3f3;
    padding:    0;
}

.cart-a > .codes li {
    display: table-row;
}

.cart-a > .codes li.shipping div {
    display: block;
    width:   75%;
}

.cart-a > .codes li > * {
    display: table-cell;
    padding: 0 20px 10px;
}

.cart-a > .codes li:before {
    display: none;
}

.cart-a > .codes li label,
.cart-a > .codes li div.shippingCountryDiv > span {
    display:   block;
    margin:    0 0 5px;
    font-size: 14px;
}

.cart-a > .codes li input[type=text], .cart-a > .codes li select {
    width:     70%;
    height:    30px;
    font-size: 12px;
}

.cart-a > .codes li input[type=button] {
    height:      30px;
    margin:      0;
    padding:     0;
    border:      none;
    background:  none;
    color:       #f00;
    line-height: 30px;
}

.cart-a > .codes li > span.price {
    width: 29%;
}

.cart-a > .total {
    position:   relative;
    width:      100%;
    margin:     0 0 5px;
    padding:    20px 0;
    background: #e3e3e3;
    font-size:  22px;
}

.cart-a > .total strong {
    padding: 0 0 0 20px;
}

.cart-a > .total span {
    position: absolute;
    right:    0;
    width:    27%;
    padding:  0 0 0 10px;
}

.cart-a > .action {
    width:  100%;
    margin: 15px 0 0;
}

.cart-a > .action:after {
    display:  block;
    overflow: hidden;
    clear:    both;
    content:  "";
    width:    100%;
    height:   0;
}

.cart-a > .action > a {
    float:  left;
    margin: 5px 0 0 20px;
}

.cart-a > .action > span {
    float:   right;
    padding: 0 0 0 10px;
}

.checkout-a {
}

.checkout-a .required {
    float: right;
    color: #bb1515;
}

.checkout-a em {
    color:      #bb1515;
    font-style: normal;
}

.checkout-a h2 {
    margin-bottom: 20px;
}

.checkout-a .wrap {
    margin:        0 0 25px;
    padding:       0 0 30px;
    border-bottom: 1px solid #eaeaea;
}

.checkout-a .wrap .fields {
    overflow: hidden;
    width:    100%;
    margin:   0 0 10px;
}

.checkout-a .wrap .fields p {
    display: inline;
    float:   left;
    margin:  0 0 0 20px;
}

.checkout-a .wrap .fields p:first-child {
    margin-left: 0;
}

.checkout-a label, .checkout-a span.label {
    display:   block;
    margin:    0 0 3px;
    font-size: 12px;
}

.checkout-a input.text {
    width:       265px;
    height:      25px;
    padding:     0 6px 0 7px;
    border:      1px solid #d5d6d6;
    line-height: 25px;
}

.checkout-a select {
    width:      280px;
    padding:    3px;
    border:     1px solid #d5d6d6;
    background: #fff;
}

.checkout-a .half input.text {
    width: 115px;
}

.checkout-a .half select {
    width: 130px;
}

.checkout-a .tick {
    margin-top: 15px;
}

.checkout-a .tick label {
    display:   inline;
    margin:    0;
    font-size: 14px;
}

.checkout-a .cards {
}

.checkout-a .cards img {
    display:    block;
    margin-top: 7px;
}

.checkout-a .total {
    overflow:   hidden;
    width:      100%;
    padding:    20px 0;
    border:     none;
    background: #f3f3f3;
}

.checkout-a .total p {
    float:  right;
    margin: 0 20px;
}

.checkout-a .total p.sum {
    float:       left;
    font-size:   2.6em;
    font-weight: bold;
    line-height: 34px;
}

.checkout-a .total p .button-a {
    height:      34px;
    padding:     0 25px;
    font-size:   18px;
    line-height: 32px;
}

.checkout {
    padding: 0;
}

.checkout form {
    padding:    0;
    background: none;
    color:      #666;
}

.checkout fieldset {
    display: block;
    margin:  0 0 15px;
}

.checkout fieldset.fieldset-a {
    overflow: hidden;
    border:   0;
    margin:   0;
}

.checkout .row {
    margin:         0;
    padding-bottom: 12px;
}

.checkout label {
    margin-left: 0;
    color:       #666;
    font-size:   14px;
    font-weight: normal;
}

.checkout select {
    width: 270px;
}

.checkout .field-b select {
    width: 93px;
}

.checkout .card-expiration select {
    width:        107px;
    margin-right: 20px;
}

.checkout .row-accepted-cards {
    padding: 0 0 16px;
}

.checkout p img {
    margin-left: 5px;
}

.checkout footer {
    position: relative;
    overflow: hidden;
    padding:  0;
}

* html .checkout footer {
    zoom: 1;
}

.checkout footer .total {
    position:              relative;
    width:                 100%;
    overflow:              hidden;
    margin:                0 0 20px;
    padding:               12px 0 8px;
    background:            #68b3af;
    color:                 #fff;
    font-size:             22px;
    line-height:           1;
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    border-radius:         5px;
    -webkit-box-shadow:    0 1px 5px #dedede;
    -moz-box-shadow:       0 1px 5px #dedede;
    box-shadow:            0 1px 5px #dedede;
    behavior:              url(/styles/pie.htc);
}

.checkout footer .total .label {
    float:       left;
    margin-left: 20px;
    font-family: 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
}

.checkout footer .total strong {
    float:       right;
    margin:      -2px 35px 0 0;
    font-weight: bold;
}

.checkout footer button {
    float:      right;
    display:    inline;
    border:     0;
    background: none;
}

.checkout footer button span {
    float:       right;
    padding:     0 18px;
    line-height: 32px;
    border:      1px solid #243e4e;
    background:  #2f4a5b;
    color:       #fff;
}

.checkout footer button:hover span, .checkout footer button:active span, .checkout footer button:focus span {
    background: #68b3af;
    border:     1px solid #60aaa6;
}

.form-container {
    padding: 0 0 50px;
}

.form-container header {
    position: relative;
    width:    100%;
    overflow: hidden;
}

.form-generic-a {
    display:    block;
    zoom:       1;
    position:   relative;
    overflow:   hidden;
    padding:    30px 36px 25px 34px;
    color:      #331301;
    background: #eee;
}

.form-generic-a {
    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:         4px;
    behavior:              url(/styles/pie.htc);
}

html * .form-generic-a {
    zoom: 1;
}

.form-generic-a fieldset {
    border: 0;
}

.form-generic-a hr {
    border-top: 1px solid #ccc;
}

.form-generic-a .col-a {
    float:         left;
    width:         225px;
    padding-right: 25px;
}

.form-generic-a .col-b {
    float: right;
    width: 379px;
}

.form-generic-a .row {
    overflow:      hidden;
    width:         100%;
    padding:       0;
    margin-bottom: 15px;
}

.form-generic-a .row .field {
    float:  left;
    margin: 0;
}

.form-generic-a .row .field-a {
    width:         238px;
    padding-right: 42px;
}

.form-generic-a .row .field-a input {
    width: 238px;
}

.form-generic-a .row .field-col-2 {
    width:         280px;
    padding-right: 42px;
}

.form-generic-a .row .field-col-2 input {
    width: 280px;
}




.form-generic-a .row .field-b {
    width:         140px;
    padding-right: 10px;
}

.form-generic-a .row .field-b input {
    width: 108px
}

.form-generic-a .row .field-c {
    width:         100px;
    padding-right: 13px;
}

.form-generic-a .row .field-c select {
    width: 93px
}

.form-generic-a .row .field-d {
    width:         125px;
    padding-right: 10px;
}

.form-generic-a .row .field-d input {
    width: 125px
}

.form-generic-a h3 {
    margin-bottom: 22px;
    color:         #331301;
    font-size:     18px;
}

.form-generic-a p {
    margin-bottom: 9px;
}

.form-generic-a p img {
    vertical-align: middle;
}

.form-generic-a label {
    display:     block;
    margin:      0 0 0 2px;
    font-size:   13px;
    font-weight: bold;
}

.form-generic-a label em {
    color: #c00;
}

.form-generic-a input {
    width:       238px;
    height:      25px;
    line-height: 25px;
}

.form-generic-a select {
    width:  238px;
    height: 26px;
}

.form-generic-a select.half {
    width: 117px;
}

html * .form-generic-a select {
    height: auto;
}

.form-generic-a .row textarea {
    width:  462px;
    height: 150px;
    margin: 0 0 6px;
}

.form-generic-a .checkbox input {
    display:      inline;
    width:        auto !important;
    height:       auto;
    margin-right: 6px;
    padding:      auto;
    border:       none;
    background:   none;
}

.form-generic-a .checkbox label {
    display: inline;
}

.form-generic-a .row-a p {
    margin: 0 0 17px;
}

.form-generic-a .row .col {
    float:   left;
    display: inline;
    width:   249px;
    margin:  0;
}

.form-generic-a .conditions {
    height:     100px;
    padding:    20px;
    overflow-y: scroll;
    border:     1px solid #ccc;
    background: #fff;
}

.form-nav .back {
    float: left;
}

.form-nav .next, .form-nav button {
    float: right;
}

.secure-page-jumper {
    display: none;
}

div.table {
    position:              relative;
    padding-bottom:        24px;
    border:                1px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    border-radius:         5px;
    behavior:              url(/styles/pie.htc);
}

div.table {
}

div.table .thead {
    margin-bottom: 18px;
    padding-top:   20px;
    border-bottom: 1px solid #eeede3;
}

div.table .row {
    overflow:       hidden;
    width:          100%;
    padding-bottom: 8px;
    margin:         0 0 15px;
    color:          #383621;
}

div.table .row span {
    float:     left;
    font-size: 13px;
}

div.table .row .col1 {
    width:   303px;
    padding: 0 30px;
}

div.table .row .col2 {
    width:   90px;
    padding: 0 30px;
}

/*     Notices
-------------------------------------*/
#notice-slider {
    padding:               20px;
    color:                 #fff;
    font-weight:           bold;
    display:               none;
    margin:                20px 0 20px 0;
    font-size:             1.4em;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:         3px;
    behavior:              url(/styles/pie.htc);
}

.alarm {
    background-color: #333333;
}

.caution {
    background-color: #333333;
}

#bar li.button {
    display: none;
}

.prodList.wishlist {
    margin-left: 0px;
}

.products-a.home.matrix {
    margin: 0px !Important;
}

.products-a.home.matrix article {
    width:          100%;
    display:        inline-block;
    vertical-align: top;
    margin:         0 43px 40px 0;
}

.leadin p{
    line-height:2;
}


.products-a.home.matrix article:nth-child(3n+3) {
    margin-right: 0px !important;
}

.products-a {
    width:    100%;
    overflow: hidden;
    position: relative;
}

/*! mobile -------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    body {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust:     100%;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust:     100%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    body {
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust:     100%;
    }
}

/*! 920px --------- */
@media screen and (max-width: 940px) {

    #root {
        padding-left:  10px;
        padding-right: 10px;
    }

    .details-a > .info {
        padding-left: 20px !important;
    }

}

/*! 850px ------- */
@media screen and (max-width: 850px) {

    #root {
    }

    #footer {
    }

    #footer .wrap > div {
        width: 30%;
    }

    #footer .wrap > div ~ div {
        margin-left: 5%;
    }

    #footer div.address + div.entries {
        display: none;
    }

    .features-a {
    }

    .features-a li {
        width:         50%;
        margin-right:  0;
        padding-right: 2.5%;
    }

    .features-a li:nth-child(2n) {
        padding-right: 0;
        padding-left:  2.5%;
    }

    .features-a li:nth-child(2n) {
        padding-right: 0;
        padding-left:  0%;
    }

    .showcase-a {
    }

    .js .showcase-a {
        min-height: 0;
    }

    .showcase-a .slides li {
        font-size: 1.2em;
    }

    .showcase-a .slides li > span {
        min-width: 330px;
    }

    .showcase-a .slides li > span strong {
        font-size: 16px;
    }

    .showcase-a .slides li > span strong em {
        font-size: 30px;
    }

    .work-b {
    }

    .work-b li img {
        margin: 0 0 5px;
    }

    .work-b li strong {
        display:    block;
        position:   static;
        background: none;
        color:      #09c;
        font:       bold 14px/1.2 'Oxygen', Helvetica Neue, Helvetica, Arial, sans-serif;
        text-align: left;
    }

    .work-b li strong span {
        position:   static;
        margin:     0;
        text-align: left;
    }

    .work-b li strong small {
        display: none;
    }

    .showcase-a .slides li > span span {
        display: block;
        margin:  0 0 15px;
        width:   305px;
    }

    .details-a > .info .qty .button-a, span.addToCart input.productSubmitInput {
        float: none !important;
    }

    .tabs-a > ul li a {
        min-width: 128px;
    }

    .secure-page-jumper {
        display: block !important;
    }

    .secure-page-jumper .select-a {
        width: 300px !important;
    }

}

/*! 768px ------- */
@media screen and (max-width: 768px) {

    #root {
    }

    #root > header {
        margin:  0px -10px 0px -10px;
        padding: 15px 10px;
    }

    #top {
    }

    #logo {
        text-align: center;
    }

    #logo img {
        display: block;
        float:   none;
        margin:  0 auto;
    }

    #corner {
        display: none;
    }

    #nav {
        padding-top: 9px;
    }

    #nav ul {
        display: none;
    }

    .js #nav .select-a {
        display: block;
    }

    #LogoBar {
        padding: 15px 0px;
    }

    #footer {
        text-align: center;
    }

    #footer .wrap > div {
        display:    none;
        width:      100%;
        margin:     0 !important;
        padding:    0 !important;
        text-align: left;
    }

    #footer .wrap > div.address {
        display: block;
    }

    #footer .socials-a {
        display: -moz-inline-stack;
        display: inline-block;
        float:   none;
    }

    html * #footer .socials-a {
        display: inline;
    }

    #footer .copys {
        line-height: 1.42;
        text-align:  center;
    }

    .gridrow-a {
    }

    .gridrow-a.sep {
        margin-bottom:  15px;
        padding-bottom: 0;
        border-bottom:  none;
    }

    .gridrow-a .column {
        float:         none;
        width:         auto !important;
        margin-left:   0 !important;
        margin-bottom: 15px;
    }

    .gridrow-a .column.secondary {
        display: none;
    }

    .bio-a {
    }

    .bio-a figure {
        margin: 0 15px 15px;
    }

    .bio-a figure ~ * {
        margin-left: 0 !important;
    }

    .details-a {
        width: 100%;
    }

    .details-a .one {
        float:         none;
        width:         auto;
        margin:        0 0 30px;
        padding:       0 0 30px;
        border-bottom: 1px solid #ccc;
    }

    .details-a .two {
        width:        auto;
        margin-left:  0;
        padding-left: 0;
    }

    .lead-a {
        font-size: 1.4em;
    }

    .features-a {
    }

    .features-a li {
        width:         100%;
        margin-right:  0;
        margin-top:    15px;
        padding-right: 0;
        font-size:     12px;
    }

    .features-a li:nth-child(2n) {
        padding-left: 0;
    }

    .features-a li strong {
        margin-bottom: 5px !important;
        font-size:     16px;
    }

    .features-b {
    }

    .features-b > * {
        position: relative;
        overflow: hidden;
        padding:  0 0 0 75px;
    }

    .features-b > * + * {
        margin-top:  15px;
        padding-top: 15px;
    }

    .features-b strong {
        font-size: 1.4em;
    }

    .features-b strong:before, .features-b strong > .before {
        width:  65px;
        height: 65px; /* background-image: url(/V2/images/features-a-icons-a.png); */
    }

    .features-b span.item-icon-b, .features-b span.item-icon-c {
        width:  65px;
        height: 65px;
    }

    .features-b span.item-icon-b img, .features-b span.item-icon-c img {
        max-width: 100%;
    }

    .showcase-a {
        display: none;
    }

    .work-a {
        margin-top:  0;
        margin-left: 0;
        text-align:  center;
    }

    .work-a li {
        display:      -moz-inline-stack;
        display:      inline-block;
        width:        auto;
        margin:       0 auto;
        padding-left: 0;
        text-align:   left;
    }

    .work-a li ~ li {
        display: none;
    }

    .work-b {
    }

    .work-b li {
        width: 50%;
    }

    .gridrow-a.lists-a .column, .gridrow-a .column + .column:last-child {
        float: none;
    }

    .features-b span.item-icon-b, .features-b span.item-icon-c {
        top: 17px;
    }

    div.services-detail .features-b span.item-icon-c {
        top: 0px;
    }

    .tabs-a > ul li a {
        min-width: 100px;
    }

    .details-a > .info {
        padding-left: 15px !important;
    }

    .form-generic-a .row {
        margin: 0 0 5px;
    }

    .form-generic-a .row .field {
        float:   none;
        width:   100%;
        margin:  0 0 5px;
        padding: 0;
    }

    .form-generic-a .row .field label:first-child {
        display: block;
        margin:  0 0 2px;
    }

    .form-generic-a .row .field input[type=text], .form-generic-a .row .field input[type=password] {
        width: 100%;
    }

    .form-generic-a .row .field input[type=text], .form-generic-a .row .field input[type=password] {
        box-sizing:         border-box;
        -moz-box-sizing:    border-box;
        -webkit-box-sizing: border-box;
    }

    .form-generic-a .row .field select {
        width: 100% !important;
    }

    .form-generic-a .conditions {
        height: 200px;
    }

    .details-a .thumbs {
        display: none;
    }

    div.table .row .col1 {
        width:   100px !important;
        padding: 0 10px !important;
    }

    #bar p {
        display: none !important;
    }

    .products-a.home.matrix article {
        width:  48%;
        margin: 0 13px 40px 0;
    }

    .crumbs-a {
        padding-top: 15px;
    }

}

@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

    /* iPhone 5 CSS */
    div.table .row .col1 {
        width:   100px !important;
        padding: 0 10px !important;
    }

}

/*! 460px ------- */
@media screen and (max-width: 480px) {

    .work-b {
    }

    .work-b li {
        width: 100%;
    }

    /* Our Team */
    .stories-b .item figure img {
        display:    block;
        max-width:  101px;
        max-height: 101px;
        margin:     0;
    }

    .stories-b .item figure ~ * {
        margin-left: 110px !important;
    }

    .our-team-detail footer a.button-a {
        display: block;
        margin:  0 0 10px 0px;
    }

    .products-a table td {
        width:   100% !important;
        display: block;
    }

    table th, table td, .products-a table td {
        border: 0px !important;
    }

    .products-a article {
        margin-bottom: 15px !important;
    }

    .tabs-a > ul li a {
        min-width: 77px;
    }

    .details-a > .info, .details-a > .images {
        display: block;
        float:   none;
    }

    .details-a > .info, .details-a > .images {
        border: 0px;
        width:  70%;
    }

    .details-a > .images {
        margin-left: 15px;
        width:       86%;
    }

    .details-a > .info {
        width: 444px;
    }

    .details-a > .info > .wrap:last-child {
        display: none;
    }

    .tabs-a > ul {
        margin-left: 15px;
    }

    .tabs-a > .content > .tab {
        width: 415px;
    }

    .details-a .thumbs {
        display: none;
    }

    .details-a > .info > .wrap:first-child {
        width: 83%;
    }

    table.productSmall td.productItem {
        width: 50% !important;
        float: left;
    }

    #bar p {
        display: none !important;
    }

    div.table .row .col1 {
        width:   100px !important;
        padding: 0 10px !important;
    }

    .products-a.home.matrix article {
        width: 50%;
    }

    div.tabs-a .quote-a blockquote {
        width: 80%;
    }

    .products-a.home.matrix article {
        width: 100%;
    }

    .fields-a p input, .fields-a p textarea {
        width: 180px;
    }

    div.tabs-a .quote-a blockquote + p strong {
        display: block;
    }

    .cart-a > .items .wrap div.row > div.img {
        display: none;
    }

    #PartnerCarousel {
        display: none;
    }

    #StaticPartners {
        display: block;
    }
}

/*! 320px ------- */
@media screen and (max-width: 320px) {

    .products-a table td {
        width: 110% !important;
    }

    .tabs-a {
        width: 116% !important;
    }

    .details-a > .images {
        margin-left: 15px;
        width:       270px;
    }

    .details-a > .info {
        width: 259px;
    }

    .tabs-a > ul {
        margin-left: 15px;
    }

    .products-a .tabs-a ul li {
        width:   60%;
        margin:  0px;
        padding: 0px;
    }

    .tabs-a > ul li a {
        width: 100%
    }

    .tabs-a > .content > .tab {
        width: 270px;
    }

    .products-a.prodList article {
        width: 300px;
    }

    .details-a .thumbs {
        display: none;
    }

    .details-a h1 {
        font-size: 3.5em;
    }

    .products-a .tabs-a p {
        width: 250px;
    }

    #bar ul li {
        font-size: 12px;
    }

    #bar ul li ~ li {
        margin-left: 15px;
    }

    #bar ul li ~ li:before {
        display: none;
    }

    .productSmall figure.product-image img {
        max-width:  100%;
        max-height: 100%;
    }

    .productSmall .products-a.prodList article {
        width: 100%;
    }

    table.productSmall td.productItem {
        width: 100% !important;
        float: left;
    }

    h1 {
        font-size: 3em;
    }

    .products-a table tr td.catalogueItem {
        padding: 0px;
        margin:  0px;
    }

    .products-a.catList {
        margin: 0px;
        width:  257px;
    }

    .checkout-a .total p {
        margin: 0px;
    }

    div.table .row .col1 {
        width:   70px !important;
        padding: 0 10px !important;
    }

    .form-generic-a {
        padding: 0px;
    }

    div.tabs-a .quote-a blockquote {
        width: 65%;
    }

    .cart-a > .items .wrap div.row > div.price {
        display: none;
    }

}

/* addons */
.show-app-item-0, .show-app-item- {
    display: none;
}

div.captcha-wrapper {
    width:    100%;
    overflow: hidden;
    position: relative;
}

div.captcha-wrapper p.captcha-label {
}

div.captcha-wrapper div.captchaimg {
}

div.captcha-wrapper .captchaimg img {
    width:  150px;
    height: 30px;
}

div.captcha-wrapper input#CaptchaV2 {
    width: 130px !important;
}

.twitHeader, .twitUser, .twitterUserName, .howManyTweets, .twitNavi {
    display: none;
}

#footer .twitter-a ul {
    margin:  0px;
    padding: 0px;
}

#footer .twitter-a ul li {
    list-style-type: none;
}

#footer .twitter-a ul li + li {
    padding-top: 30px;
}

.blog-form .captcha-wrapper, .fields-a .captcha-wrapper {
    padding-left: 10px;
}

.show-app-item-, .show-app-item-0 {
    display: none;
}

.work-c ul {
    margin:  0px;
    padding: 0px;
}

.work-c ul li {
    list-style-type: none;
}

.work-c ul li a:hover {
    text-decoration: none;
}

.blogsitesummary {
    margin:  0px;
    padding: 0px;
}

.blogsitesummary li {
    list-style-type: none;
    margin-bottom:   15px;
}

.search-results {
    font-size: 1.4em;
}

.search-results .search-result {
    font-size: 11px;
}

.webkit .products-a.home {
    opacity: .9;
}

.bump-left {
    margin-left:  0px !important;
    padding-left: 0px !important;
}

.service-item {
    margin-bottom: 15px !important;
}

/* Raise minimum contrast*/
.light-background {
}

.light-background a {
    color: #002a49;
}

#content .light-background strong {
    color: #002a49;
}

.stronglink {
    text-decoration: underline;
    font-weight:     bold;
    color:           black;
}

input[readonly] {
    background-color: lightgrey;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}