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

* {
    margin  : 0;
    padding : 0;
}

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

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

body, textarea, input, select, option, button {
    color       : #666;
    font-family : Arial, sans-serif;
    line-height : 1.43;
}

li, dt, dd, p, a, 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;
}

li {
    padding : 5px 0;
}

#livechat {
    position : fixed;
    bottom   : -5px;
    right    : 20px;
    z-index  : 1;
}

#SideButton {
    position : fixed;
    top      : 50%;
    left     : 0px;
    margin   : -110px 0px 0px 0px;
    z-index  : 99999999;
}

/*! layout -------- */

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

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

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

#logo img {
    float : left;
}

#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 Calibri, Myriad Pro, 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 {
    height      : 42px;
    border-top  : 1px solid #ccc;
    line-height : 42px;
    font-family : "cronos-pro", sans-serif;
    font-style  : normal;
    font-weight : 300;
}

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

#nav ul li {
    position  : relative;
    float     : left;
    font-size : 1.8em/42px;
    padding   : 0;
}

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

#nav ul li a {
    float           : left;
    color           : #666;
    text-decoration : none !important;
    font-size       : 20px;
}

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

#nav ul li.selected > a {
    background : url(../images/nav-active-a.png) 50% 0 no-repeat;
    color      : #D60800;
}

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

#nav ul li ul {
    display    : none;
    position   : absolute;
    left       : 0;
    top        : 40px;
    float      : none;
    width      : 185px;
    border     : 1px solid #dfdfdf;
    background : #ecebeb;
    z-index    : 99999;
}

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

#nav ul li ul li {
    float     : none;
    margin    : 0;
    font-size : 14px/1.3;
}

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

#nav ul li ul li a, #nav ul li ul li.selected > a {
    line-height : 28px;
    display     : block;
    float       : none;
    font-size   : 16px;
    padding     : 5px 20px 5px 15px;
    background  : url(../images/nav-over-a.png) -100px -100px no-repeat;
}

#nav ul li ul li a:hover, #nav ul li ul li a:focus, #nav ul li ul li a:active {
    background-color    : #ccc;
    background-position : 100% 50%;
    color               : #fff;
}

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

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

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

#corner ul {
    float : left;
}

#corner p, #corner form {
    position    : relative;
    float       : left;
    margin-left : 25px;
    font-size   : 1.4em;
    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 #e6e6e6 #e6e6e6 #c7c7c7;
    line-height  : 30px;
    font-size    : 14px;
}

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

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

#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 : #303030 url(../images/footer-bg-a.png);
}

#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 {
    color : #ccc;
}

#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       : #666;
    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        : #666;
    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 : #d60800;
    color            : #fff;
}

#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           : #fff;
    text-decoration : underline;
}

#footer a {
    color : #fff;
}

/*! 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 ------ */

#testimonial {
    background : #618601;
    padding    : 10px;
    color      : #fff;
}

#testimonial h3 {
    color     : #fff;
    font-size : 2.2em;
}


#OrangeSideBar{
    background-color:#F29352;
    color:white; 
    padding: 10px;
    
}
#OrangeSideBar h3 {
    color     : #fff;
    font-size : 2.2em;
   
}
.sidesignupbox {
    background : #618601;
   /* padding    : 10px;*/
    color      : #fff;
}

.sidesignupbox h3 {
    color     : #fff;
    font-size : 22px;
}
.sidesignupbox form {
    padding: 10px;
}

.sidesignupbox input {
     width: 100%;
}

.sidesignupbox label {
    color     : #fff;
    font-family: Arial, sans-serif;
    font-size : 14px;
}



.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(../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 adelle, Adelle Basic, 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(../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(../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           : #666;
    text-decoration : none !important;
}

.features-a li strong {
    display : block;
    margin  : 0 0 10px !important;
    color   : #666;
    font    : bold 20px/1 adelle, Adelle Basic, 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(../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           : #666;
    text-decoration : none !important;
}

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

.features-b strong em {
    color      : #D60800;
    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(../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  : 120px;
    margin : 0 10px;
}

#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;
}

.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(../images/iconset-a-word-a.png);
}

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

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

.lead-a {
    margin : 0 0 30px;
    font   : 14px/1.3 adelle, Adelle Basic, Helvetica Neue, Helvetica, Arial, sans-serif;
}

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

.lead-a strong {
    color : #d60800;
}

.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 adelle, Adelle Basic, Helvetica Neue, Helvetica, Arial, sans-serif;
    padding : 0;
}

.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      : #666;
    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            : #666;
    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  : #D60800;
}

.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 adelle, Adelle Basic, Helvetica Neue, Helvetica, Arial, sans-serif;
}

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

.quote-a h3 {
    color : #D60800;
}

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

.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    : #D60800;
    font     : bold 90px/1 adelle, Adelle Basic, 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(../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 {
    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 {
}

.showcase-a .slides li {
}

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

.showcase-a .slides li > span a {
    color      : #fff;
    position   : absolute;
    padding    : 10px 20px;
    top        : 160px;
    left       : 509px;
    width      : 370px;
    background : url(../images/slider_span.png) repeat;
}

.showcase-a .slides li > span a:hover {
    color           : #fff;
    text-decoration : none;
    background      : url(../images/slider_span_hover.png) repeat;
}

.showcase-a .slides li > span strong {
    display     : block;
    margin      : 0;
    font-size   : 24px;
    font-family : "cronos-pro", sans-serif;
    font-style  : normal;
    font-weight : 300;
}

.showcase-a .slides li > span strong em {
    display    : block;
    margin     : 0;
    font-size  : 30px; /*35px;*/
    font-style : normal;
}

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

.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   : #618601;
    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 Helvetica Neue, Helvetica, Arial, sans-serif;
}

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

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

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

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

.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   : #666;
    font    : 14px/1.3 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 div#myMenu1 ul li ul li a {
    font-size   : 15px;
    margin-left : 10px;
}

.sidenav-a div div#myMenu1 ul li.selected ul li.selected a {
    padding-left : 24px;
    margin       : 0px;
}

.sidenav-a, .sidenav-a ul {
    font-size   : 12px;
    list-style  : none;
    margin      : 0 0 30px;
    padding     : 0;
    border      : 1px solid #dfdfdf;
    background  : #ecebeb;
    font-family : "cronos-pro", sans-serif;
    font-style  : normal;
    font-weight : 300;
}

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

.sidenav-a li {
    float     : none;
    margin    : 0;
    font-size : 14px/1.3;
    padding   : 0;
}

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

.sidenav-a li a, .sidenav-a li.selected > a {
    display    : block;
    float      : none;
    padding    : 7px 20px 7px 15px;
    background : url(../images/nav-over-a.png) -100px -100px no-repeat;
    color      : #666;
}

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

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

#myMenu1 {
    margin      : 0;
    font-family : "cronos-pro", sans-serif;
    font-style  : normal;
    font-weight : 300;
}

.socials-a {
    list-style : none;
    height     : 32px;
    margin     : -5px 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(../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.youtube a {
    background-position : -120px 0;
}

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

.socials-a li.linkedin a {
    background-position : -160px 0;
}

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

.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   : #618601;
    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 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(../images/work-b-bg-a.png);
    color      : #fff;
    font       : bold 20px/1.2 adelle, Adelle Basic, 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 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, input[type=button], input[type=submit], input[type=reset] {
    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, input[type=button], input[type=submit], input[type=reset] {
    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, input[type=button], input[type=submit], input[type=reset], {
    display : inline;
}

.button-a:hover, .button-a:focus, .button-a:active, .productSubmitInput:hover, #catshopbuy:hover, input[type="submit"]:hover, .cat_button:hover {
    border           : 1px solid #D60800;
    background-color : #D60800;
    color            : #fff;
    cursor           : pointer;
}

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

/*! 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 : 10px;
}

h1, h2, h3, h4, h5, h6 {
    color       : #618601;
    font-size   : 1em/1.2;
    font-family : "cronos-pro", sans-serif;
    font-style  : normal;
    font-weight : 300;
}

h1 {
    font-size : 4.0em;
}

h2 {
    font-size   : 3.0em;
    border-top  : 1px solid #D4D4D4;
    padding-top : 10px;
}

h3 {
    font-size : 2.5em;
}

h4 {
    font-size : 2.0em;
}

h5 {
    font-size : 1.8em;
}

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

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

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

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

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

a span {
    cursor : pointer;
}

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 #d4d4d4;
    background : none;
    font-size  : 0;
}

div.hr * {
    display : none;
}

/* 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 0px 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        : 0px;
    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%;
    color          : #eaeaea;
    font-size      : 1.2em;
    padding-bottom : 10px;
}

.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(../images/product-a-sale-a.png) no-repeat;
    text-indent : -10001px;
    z-index     : 400;
}

.products-a article h3 {
    color     : #757575;
    margin    : 2px 0 0 0;
    font-size : 20px;
}

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

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

.products-a article h4 {
    margin         : 0 0 2px;
    color          : #757575;
    font           : bold 1.3em/1.38 Helvetica Neue, Helvetica, Arial, sans-serif;
    text-transform : none;
}

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

.products-a article h4 a:hover, .products-a article h4 a:focus, .products-a article h4 a:active {
    color           : #d60800;
    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(../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(../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 : #D60800;
    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;
}

#bar a {
    color : #ccc;
}

/* 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;
    font-size : 14px;
}

.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 a {
    height    : 80px;
    margin    : 0 0 10px;
    font-size : 12px;
}

.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;
    text-align : right;
}

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

.cart-a > .total span {
    padding-right : 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 : "lobster", Verdana, Geneva, 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;
    border     : none;
    background : #fff;
}

.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;
    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 .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-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  : 474px;
    height : 26px;
}

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;
    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;
}

.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 24px 0;
    font-size      : 14px;
    min-height     : 234px;
}

.products-a.home.matrix article a {
    font-size : inherit;
}

.products-a.home.matrix article figure {
    margin-bottom : 0;
}

.products-a.home.matrix article:nth-child(3n+3) {
    margin-right : 0 !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 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 {
    }

    #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;
    }

    #footer {
        text-align : center;
    }

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

    #footer .wrap > div.signup {
        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(../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 : auto;
    }

    .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;
    }

    #SideButton {
        display : none;
    }
}

@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;
    }
}

/*! 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;
}

.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  : 0 !important;
    padding-left : 0 !important;
}

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

aside {
    /* Floated right by default. */
    font-size   : 1.2em;
    width       : 16em;
    min-height  : 4em;
    font-style  : italic;
    float       : right;
    margin-left : 1em;
    border      : 1px solid rgba(0, 0, 0, 0.2);
    padding     : 0.5em 1em;
    box-sizing  : border-box;
}

aside.left {
    float        : left;
    margin-right : 1em;
    margin-left  : 0;
}

aside.center {
    display : block;
    width   : 70%;
    margin  : 1em 15% 2em 15%;
}

aside.warning {
    border : 2px solid red;
}

.ecom.details .ecommerce-page-description {
    /*Hide catalogue description on product detail pages*/
    display: none;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.parsley-errors-list {
    display: inline-block;
}

.pay-an-invoice__form {}

.pay-an-invoice__form input, 
.pay-an-invoice__form select {
    margin-bottom: 20px;
    padding:       5px;
}
 
.pay-an-invoice__form input[type=submit] {
    margin-top: 20px;
    padding:    10px 20px;
    font-size:  18px;
    border-radius: 999px;
    height: auto;
}

.pay-an-invoice__form label {
    font-weight: bold;
}

#Footer_Recaptcha .recaptchatable #recaptcha_response_field{

    font-size: 16pt!important;
}
#Footer_Recaptcha .recaptcha_only_if_privacy{

    display: none;
}

#Footer_Recaptcha{

    transform: scale(0.64);
    -moz-transform: scale(0.64);
    /*zoom:76%;*/
    transform-origin: top left;
}