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

* { margin: 0; padding: 0; }

html { overflow-y: scroll; font-size: 100.01%; }
body { background: #f4f4f4; font-size: 62.5%; }

body, textarea, input, select, option, button { color: #666; font-family: 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; }

/*! 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 15px; 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; }
   #nav ul { float: right; list-style: none; margin: 0; padding: 0; }
    #nav ul li { position: relative; float: left; font: bold 1.8em/42px adelle,Adelle Basic,Helvetica Neue,Helvetica,Arial,sans-serif; }
    #nav ul li ~ li { margin-left: 25px; }
     #nav ul li a { float: left; color: #666; text-decoration: none !important; }
     #nav ul li a:hover, #nav ul li a:focus, #nav ul li a:active { color: #b5b5b5; text-decoration: none; }
     #nav ul li.selected > a { background: url(../images/nav-active-a.png) 50% 0 no-repeat; color: #792218; }
     #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: 175px; border: 1px solid #dfdfdf; background: #ecebeb; }
     #nav ul li:hover > ul { display: block; }
      #nav ul li ul li { float: none; margin: 0; font: 14px/1.3 Helvetica Neue,Helvetica,Arial,sans-serif; }
      #nav ul li ul li ~ li { border-top: 1px solid #dfdfdf; }
       #nav ul li ul li a, #nav ul li ul li.selected > a { display: block; float: none; 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: #792218; background-position: 100% 50%; color: #015a86; }
       #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 #fff #fff #c7c7c7; line-height: 30px; }
    #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: #792218; color: #036; }
  #footer .socials-a { float: left; }
  #footer .copys { text-align: right; line-height: 32px; }
   #footer .copys a { white-space: nowrap; }
   #footer .copys a:hover, #footer .copys a:focus, #footer .copys a:active { color: #792218; 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(../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: #792218; }
   .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: #792218; 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: bold 20px/1.3 adelle,Adelle Basic,Helvetica Neue,Helvetica,Arial,sans-serif; }
h1 + .lead-a { margin-top: -10px; }
 .lead-a strong { color: #792218; }

.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; }
  .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: #792218; }
 .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: #792218; font: bold 24px/1.3 adelle,Adelle Basic,Helvetica Neue,Helvetica,Arial,sans-serif; }
  
.quote-a { padding-bottom:25px; }
 .quote-a h3 { color: #792218; }
 .quote-a h3 + p { margin-top: -15px; color: #792218; }
 .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: #792218; font: bold 60px/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 { border-bottom: 1px solid #eaeaea; }
    .showcase-a .slides li { }
     .showcase-a .slides li br { display: none; }
     .showcase-a .slides li > span { position: absolute; left: 25px; top: 60px; max-width: 400px; }
      .showcase-a .slides li > span strong { display: block; margin: 0 0 10px; font: bold 20px/1.2 adelle,Adelle Basic,Helvetica Neue,Helvetica,Arial,sans-serif; }
       .showcase-a .slides li > span strong em { display: block; margin: 2px 0 0; color: #792218; font-size: 40px; 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: #792218; 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: #792218; text-decoration: none; }
   .sidebar-a li.selected > a { color: #792218; }
 .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: #792218; text-decoration: none; }

.sidenav-a, .sidenav-a ul { list-style: none; margin: 0 0 30px; padding: 0; border: 1px solid #dfdfdf; background: #ecebeb; }
.sidenav-a ul { margin: 0; border: none; }
 .sidenav-a li { float: none; margin: 0; font: 14px/1.3 Helvetica Neue,Helvetica,Arial,sans-serif; }
 .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: #792218; text-decoration: none; }
  .sidenav-a li.selected > a { background-color: #792218; background-position: 100% 50%; color: #015a86; }

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

.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: #792218; 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 { 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: #792218; color: #fff; cursor: pointer;}

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

/*---Galleries---*/
.flex-grid {display: flex;}
.col {flex: 4;}
.flex-grid-thirds {display: flex;justify-content: space-between;}
.flex-grid-thirds .col {width: 32%;}

/*! 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: #666; font: bold 1em/1.2 adelle,Adelle Basic,Helvetica Neue,Helvetica,Arial,sans-serif; }
h1 { color: #792218; font-size: 4.0em; }
h2 { font-size: 2.4em; }
h3 { font-size: 2.0em; }
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: #792218; 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 -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 5px; 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(../images/product-a-sale-a.png) no-repeat; text-indent: -10001px; z-index:400;}
    .products-a article h3 { color: #757575; }
     .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: #792218; 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: #792218; 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: #792218; 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(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; }
 .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(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(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(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;}
.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: #792218; 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;}
	
} 


@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:0px  !important; padding-left:0px !important; }
.service-item {margin-bottom:15px !important;}

.plugin.twitter {float:left; margin-right:15px;}
.plugin.facebook {float:left;}
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {display: none !important;}

/*  added PMK  */
.copy{width:100%;margin:30px 0px;}
.white{color:#fff !important;}
.image-right{float:right;display:inline;margin:0px 0 20px 20px;}
.image-left{float:left;display:inline;margin:20px 20px 20px 0;}