/* CSS Document */

/***************************************************
         CSS INJECTOR STYLESHEET
         (Version 4)
         for ROCKART, Inc. 
         eCommerce Website
***************************************************/




/**************************************
    Content-type styles for: SlideShows

**************************************/

#content .article-type-slideshow  {
  background-color: transparent !important ;
  padding: 8px;
  border-radius: 12px;
  border : solid 1px #dfa000;
}


#content .article-inner .unpublished  { 
  background-color: rgba(255,255,0, 1 ) !important; 
  padding: 4px 12px !important;
  margin: 0px 10 0 10px !important;
  border-radius: 9px;
  text-align: left;
  display: inline-block !important;
  float:  none;
  clear:left;

}


#content .article-type-slideshow  h1 {
  font-weight:bold;
  /* background-color: blue; */

}

#content .article-type-slideshow .field-name-body {
  text-align: left;
  margin: 20px;

}

/****  slide indicator navigational dots ****/
#content .article-type-slideshow .flex-control-nav {
  background-color: rgba(0,210,0,.25 );
  padding: 3px !important;
  border: 1px solid #DFA000;
  border-radius : 19px;
}
 
/****  left / right arrows on slideshow ****/
#content .article-type-slideshow .flex-direction-nav li a {
  background-color: rgba(0,0,0,.15) !important;
  border-radius: 22px;
}


#content .article-type-slideshow .slides li {
  /*  background-color: red;  */
}

/**** End of Slideshow content styles ********/




  /* Holiday Hours Notice */

#block-block-12 {
  background-color: rgba(3,255,0,.55 );
  margin: 10px 15px;
  padding: 15px 15px 2px;
  color: #000;
  border-radius:50px;
  }  

#block-block-12 h2 {
  display:none; 
  } 



/* Production Delays Notice */

.production-delays {
  background: rgba(255, 250, 0, .8);
  color: orangered;
  text-align: center;
  float:right;
  width:; fit-content;
  margin: -15px 0 0 0 ;
  padding:5px 15px 5px 12px;
  border: rgba(255, 0, 0, .30) solid 1px;
  border-left: #ff0011 solid 25px;
  border-radius: 20px;
  display:inline-block;
  }


/**************************************
    Styles for system messages  
    
**************************************/



.power-tip {
  background-color: rgba(200,0,0,.25 );
  margin: 0 50px 10px;
  padding: 2px 15px 4px 45px;
  color: #333;
  border-radius: 25px;
  border: 1px outset rgba( 222,0,0,.3);
  }

.power-tip:before {
  content: "\f040";
  font-family: "FontAwesome";
  color: #444 ;
  font-size: 160%;
  position: relative;
  left: -25px;
  top: 7px;
  display:inline;
  padding: 0 !important;
  margin: 0 !important;
  float: left;
  }

.power-tip:first-letter {

  }

/****
.power-tip p.strong {
  font-weight: bold !important;

  }   
*****/


/* Make the 2 nav menus co-exist  */

.region-secondary-content nav {
  display: inline-block;
}

#block-tb-megamenu-user-menu {
  margin-top: 4px;
  float: right;
}

.tb-megamenu .nav > li > a {
  padding: 12px 10px;
}

.container .region.region-header {
  margin-top: 80px;
}

#block-tb-megamenu-user-menu .tb-megamenu .nav > li > a {
  color: #fff;
  font-weight: normal;
  padding: 8px 12px;
}

/*******   HIGHLIGHT :  NEW PRODUCTS MENU   *******/

#megatop--menu-shop-by-tags--5 {
 /*background-image: linear-gradient(0deg, #ffefbf, #dfa000) !important;
 border-top: 1px solid #FFFFFFF !important;
 margin-top: 1px !important;*/
 background-image: linear-gradient(0deg, #006600, #009900) !important;
}



/* disabled ----------

#megatop--menu-shop-by-tags--4 a {
  color:#88FF77;
}

#megatop--menu-shop-by-tags--4:hover {
   box-shadow: 0 0 -7px 5px rgba(33, 33,33, 0.2)  !important;
  } 

#megatop--menu-shop-by-tags--4:hover a {
  color:#FFee00 !important;
  }
  
  disabled ------------ */


/**************************************************/

html.msie11 #ie-alert {
  display: inline-block;
  position: fixed;
  top: 10px;
  width: 70%;
  background-color: #FFFF99;
  margin: 20px 15%;
  border-radius: 10px 10px;
  padding: 5px 12px 5px;
  left:12px;
  z-index: 1000;
  color: black;
  font-size:1em;
  border:2px solid rgba(255,0,0, 1 );
}

html.msie11 #ie-alert a {
  color: BLUE;
  text-decoration:underline;
}


#logo img {
  width:240px;
  height:auto;
  margin: 0px 0 0 2em;
  float: right;
  display:inline-block;
  position: absolute;
}

#logo img:hover {
  width:260px;
}


#help-me {
  background-color: #ffff99; 
  padding: 5px 5px;
  border-radius: 12px;
  border:1px solid rgba(255,81,0, .5 );
  border-left: 20px solid rgba(255,91,0,.5);
  margin: -10px 20px -30px;
  width: auto;
  white-space:normal;
}

#help-me a {
  font-weight:bold; 
}

#block-block-7 h2 {
   display: none;
}

html * {
/*  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box; */
  box-sizing: content-box;
}

.brochure-callout a{
   font-weight:bold;
   color: red !important;
   text-decoration:underline;
}


*, *:before, *:after {
 /* -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit; */
  box-sizing: inherit;
  }

/******* HIDE ERRORS from Guests ******/

body.not-logged-in #messages-help-wrapper {
/*  display:none; */
}

/******* STAFF MENU STYLES ******/

.menu-name-menu-order-processing-menu ul.menu  {
  background-color: rgba( 0,0,0,.05);
  border-radius: 10px;
  padding: 4px;
}

.menu-name-menu-order-processing-menu ul.menu li span.nolink {
  color: #888;
 /* font-style: italic;*/
  font-weight: bold;
  text-decoration:underline;
}

.menu-name-menu-order-processing-menu ul.menu li ul {
  padding-left: 5px;
  margin-left: 5px;
}
/******* End of STAFF MENU STYLES ******/


/**************************************
   NEW USER REGISTRATION FORM CAPTCHA 
 *************************************/

#google_recaptcha_user_pass:before,
#google_recaptcha_user_register_form:before {
  font-style: italic;
  content:"The box below is to determine if you are a human visitor and helps prevent automated spam submissions.";
  padding: 10px !important;
  }



/**************************************
   MAIL LIST OPT IN TEASER BLOCK
 *************************************/
#block-block-13 {
 display:inline-block;
 text-align:center;
 padding: 0 20px;

}



/*************************************
    Commerce Checkout page mods
*************************************/

.page-checkout fieldset.collapsed legend {
    top: 10px;
}


.ship-fee-notice {
  padding: 3px 9px;
  background-color: rgba(255,255,0, .4);
  border: 1px solid rgba(255,0,0, .2); 
  border-left: 2em solid rgba(255,0,0, .2);
  border-radius: 9px ;
  font-size:.9em;
  font-style: italic;
  color: black;
}

.ship-fee-notice:before { 
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 1.4em;
  position:relative;
  display: inline;
  float:left;
  left:-1.7em;
  color: #a04d01;
  content: "\f0d1"; /* f0d1, f069,  */
}


/*  Dispaly a cautionary note regarding the entry of the Card number:  spaces & hyphens not allowed  */

#payment-details .form-item-commerce-payment-payment-details-credit-card-number:after {
  content: "Please enter the card number only... Do NOT include any spaces or dashes/hyphens." ;
  color: #FF0000;
  display: block !important;
  /*background-color: rgba(255,0,0,.1);*/
  visibility: visible !important;
  padding: 3px 0 0px 0 !important;
  font-size: .9em;
  font-weight: normal;
  font-style: italic;
}



/*************************************
       AJAX Shopping Cart Block
*************************************/

#cart-peek-view {
 /* width: 80%; */
}

.atc-by-sku {
  width:20%;
  float:right;
}

#block-panels-mini-rockart-topdrawer {
  display:inline;
  position:relative;
  background: #333;
  margin: 0 auto;
  overflow:hidden;
  width:800px !important;
}

.ajax-shopping-cart-wrapper  {
  width: 50%;
}

.ajax-shopping-cart-wrapper table td.name {
  font-size: .8em;
  max-width: 460px;
  vertical-align:top;
  text-align:left;
  border-left:1px dotted #ffefbf;
}

.ajax-shopping-cart-wrapper table td.quantity {
  font-size: .8em;
  width:50px;
}

.ajax-shopping-cart-wrapper table td.price {
  font-size:.8em;
  width: 50px;
  vertical-align:top;
  text-align:right;
  border-left:1px dotted #ffefbf;
}

.ajax-shopping-cart-wrapper table td.remove-from-cart {
  font-size: .8em;
  width:20px;
  vertical-align:top;
  text-align:center;
  border-left:1px dotted #ffefbf;
}

.ajax-shopping-cart-wrapper table td.quantity input[type="submit"] {
  font-size:12px !important;
  padding: 2px !important;
  font-weight:normal;
}

.ajax-shopping-cart-more-info  {
  font-size: .75em;
  margin: -4px 0 0 400px;
  padding: 0 2em;
}

.ajax-shopping-cart-checkout a {
  background: #eddeb2;
  color: #421601 !important;
  padding: 2px 5px 2px;
  border-radius: 0 0 6px 6px;
  border:1px #dfa000 inset;
  margin:-12px -9px 0 0 !important;
  width: 92px;
}

.ajax-shopping-cart-checkout a:hover {
  background: #dfa000;
  color: #eee !important;
  border:1px #ffefbf inset;
}



/************************
  QuickAdd to Cart Block
 ***********************/

#block-commerce-quickadd-commerce-quickadd {
  width: 300px;
/*background: #eddeb2;*/
  border: 1px dotted #dfa000;   
  margin: 2px 3px;
  padding-left: 5px;
  text-align:center;
}

#commerce-quickadd-form label {
  font-size: .9em;   
  margin: 3px 6px 3px 2px;
  display: inline-block;
  white-space:nowrap;
  width: 15%;
  text-align:right;
}

#commerce-quickadd-form input {
  width: 50%;
  display: inline;
}

.quickadd-description {
  font-size: .75em;   
  margin: 3px ;
  font-style:italic;
  text-align:center;
}


/************************
  Global Fixes/Tweaks for
  Form Elements
  Buttons & Links
 ***********************/

input[type="submit"] {
  border: 1px outset rgba(180, 180, 180, .5) !important;
  color: #99641f !important;
  padding: 3px 4px !important;
  background-image: linear-gradient(180deg, #dfa000, #ffefbf) !important;
  text-shadow: rgba(255, 255, 255, .5) 1px 1px 0px;
  font-weight: normal;
  font-size:.9em;
  box-shadow: 0px 6px 7px -7px rgba(0, 0, 0, .8) !important;
  /*
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px !important;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfa000), to(#ffefbf));
  background-image: -moz-linear-gradient(180deg, #dfa000, #ffefbf);
  -ms-filter: "progid:dXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr='#dfa000', endcolorstr='#ffefbf')";
  filter: progid:dXImageTransform.Microsoft.gradient(enabled='true',startcolorstr=#dfa000,endcolorstr=#ffefbf,GradientType=0);
  */
}

input[type="text"],
input.form-text,
textarea,
select {
  border: 1px inset rgba(0, 0, 0, .3) !important;
  background-color: rgba(255, 255, 255, 0.8);
  /*-moz-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1) inset  !important;
  -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1) inset !important;*/
  box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2) inset !important;
  border-radius: 6px !important;
}

/*  :HOVER states  */

input.form-text:hover,
textarea:hover,
select:hover {
  border: 1px solid rgba(175, 255, 175, 1) !important;
  border-radius: 6px !important;
/*-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset  !important;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset !important;
  box-shadow: 0 0px 3px 3px rgba(255, 255, 0, 0.8)  !important;*/
}

input[type="submit"]:hover {
  background-image: linear-gradient(180deg, #ffefbf, #dfa000) !important;
/*text-shadow: 1 1px 3px rgba(0, 255, 0, .4) !important;*/
  text-shadow: rgba(255,255,255,0.6) 1px 1px 0px;
  box-shadow:none;
  border: 1px inset rgba(0, 240, 0, .5) !important;
  color: #080 !important;
}


/*  :FOCUS states  */

form.commerce-add-to-cart input[type="text"]:focus,
input.form-text:focus,
textarea:focus,
select:focus {
  border:  inset 1px  rgba( 0, 255, 0 , .8) !important;
  border-radius:  6px !important;
/*  -moz-box-shadow: 0 0px 5px 2px rgba(0, 255, 0, .5) inset !important;
  -webkit-box-shadow:0 0px 5px 2px rgba(0, 255, 0, .5) inset !important;*/
  box-shadow: 0 0px 5px 2px rgba(0, 255, 0, .5) inset !important;
  background-color: #d8ffd8 !important;
}


form.commerce-add-to-cart input[type="text"],
.add-to-cart #edit-actions input,
input #edit-checkout,
input #edit-continue,
input.node-add-to-cart,
input.list-add-to-cart {
  box-shadow: inset 0px 0px 5px 1px rgba(0,0,0, .3);
  color: #000;
  background: #eee !important;
  text-align: center;
  font-size:.9em !important;
  padding: 3px 5px !important;
  border-radius: 6px !important; 
}



/*******************************************************
*
*     MULTI ADD-TO-CART TABLE
*
*******************************************************/



.cbox-id > * {
  margin: 10px 15px;
}

.invisible-atc {
  display:none;
}

.view-multi-add-to-cart-signs- table.views-table {
  background: #f6c360;
  color: #a0410d;
  margin: 5px 0px 2px;
  width: auto;
}

.view-multi-add-to-cart-signs- table.views-table thead th {
  background: #7d421d;
  border-right: dotted 1px #f6c360;
  color: #eddeb2;
  margin: 0 0 0 0;
  padding: 2px 3em;
  text-transform: uppercase;
  font-weight: bold;
  font-size: .7em !important;
  text-align:center;
}

.view-multi-add-to-cart-signs- table.views-table th a:link,
.view-multi-add-to-cart-signs- table.views-table th a:visited  {
  color: #eddeb2;
}

.view-multi-add-to-cart-signs- table.views-table tr td .field-name-commerce-price {
  text-align: center;
 /* font-size: 1.1em !important;*/
}

.view-multi-add-to-cart-signs- table.views-table tr td {
  margin: 0 0 0 0;
  /* font-size: 1em !important; */
  border-right: 1px dotted #7d421d;
  padding: 2px 5px;
  width: 100px;
}

.view-multi-add-to-cart-signs- .views-form  table.views-table {
  overflow-y: scroll;
  height: auto;
  max-height: 400px;
}

/***********************************
 *
 *   STYLES FOR PRODUCT DETAIL PAGES
 *
 *     with MULTIPLE ADD TO CART 
 *
 ***********************************/

/*  Product Image thumbnail styles */

.cloud-zoom-gallery-thumbs:after {
  display: block;
  font-style:italic;
  font-size: 90%;
  margin: 0 20px -18px;
  content:"Click a thumbnail above to view full-sized image ";
  color: #ad4012;
}


.cloud-zoom-gallery-thumbs {
  border: 1px solid rgba(222,160,0, .6);
  border-bottom: 19px solid rgba( 222, 160, 0, .6);
  border-radius: 8px;
}

.cloud-zoom-gallery-thumbs img {
  border-right: 1px solid rgba( 222, 160, 0, .5);
  padding: 8px 10px 2px 10px;
  margin-bottom :-3px;
  margin-top: 0px;
  /*min-height: 100%;
  min-width: 80px !important; */
}

.cloud-zoom-gallery-thumbs a:hover img {
 background-color: rgba( 222, 160, 0, .5);
}


div.please-call.kiosk-pricing {
  background-color: #74bc01;
  margin: 4px 14px;
  padding: 4px 14px;
  border: 2px groove #c8ff70;
  box-shadow: 0 12px 22px -8px rgba(0,0,0,.3)
}

.please-call.kiosk-pricing p {
  font-size:.9em;
  font-weight:bold;
  margin:0;
  text-transform:uppercase;
}

.bulk-pricing-table ,
.hidden-bulk-pricing-table  {
  background-color: #ffefbf;
}

.bulk-pricing-table table ,
.bulk-pricing-table table td,
.hidden-bulk-pricing-table table ,
.hidden-bulk-pricing-table table td {
 border: 1px solid #dfa000;
 margin: 0;
}

a.bulk-toggle {
  background-color: rgba(240,240,240,.3);
  border-radius: 60px;
  padding: 3px 9px;
  text-align: center;
  border: 1px groove #ffefbf;
  font-family: 'Exo';
}

a.bulk-toggle:first-letter {
  font-family: 'FontAwesome';
  padding: 3px !important;
}

a.bulk-toggle + .bulk-pricing-table,
a.bulk-toggle + .hidden-bulk-pricing-table {
   display:  none !important;
}

/*
table.views-table tr td:nth-child(3) {
   position: relative !important;
}
*/

a.bulk-toggle:hover + .bulk-pricing-table,
.bulk-pricing-table:hover ,
a.bulk-toggle:hover + .hidden-bulk-pricing-table,
.hidden-bulk-pricing-table:hover  {
   display: block !important;
   position:  absolute !important;
   box-shadow:  0px 0px 5px 1px rgba(0,0,0, .8);
   border: 1px solid #dfa000;
   margin: 4px;
   z-index: 99;
   /*left:20px;*/
   left: 0%;
   top: 0%;
   font-size:1.4em !important;
   max-width: 350px;
   min-width:250px;
   width:auto;
}

.pane-multi-add-to-cart-signs ,.views-table {
  position: relative !important;

}


/* Specific .view-mode-Hide.Pricing (0) used to display hide pricing (for kiosks, etc) 
   shown in the price column (3rd) of the Multi Add-to Cart view.

   TWO places this is important: Product category views and product detail pages (panels)
*/

.view-mode-Hide.Pricing .views-table td .field-name-commerce-price ,
.view-mode-0 table.views-table td:nth-child(3)  {
  visibility: visible;
  background-image: url(/d72/sites/default/files/call_for_pricing.png) !important ;
  background-size: 120%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-color:transparent;
  color: transparent;
}


/* Specific .view-mode-Multi-Call4Pricing (3) used to display 'call for pricing' 
   on last table cell in last row (replaces last row & cell of bulk price table, with 
   an image, Call for Pricing ) 
   
   TWO places this is important: Product category views and product detail pages (panels)
*/

.view-mode-Multi-Call4Pricing .hidden-bulk-pricing-table table.tableheader-processed tr:last-child td:last-child ,
td.view-mode-3 .hidden-bulk-pricing-table table.tableheader-processed tr:last-child td:last-child {
  visibility: visible;
  background-image: url(/d72/sites/default/files/call_for_pricing.png) !important ;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: yellow;
  color: transparent;
}






/************* STYLES FOR CATALOG VIEWS with MULTIPLE ADD TO CART ***************/

/*
.fa:first-letter {
  font-family: 'FontAwesome' !important;
  padding: 3px !important;
}

.fa {
    font-family: 'Exo';
}

*/

.pict-resize-150 figure img {
 padding: 2px;
 margin: 0;
 width:auto;
 height:auto;
 max-width: 105%;
 max-height:160%;
}

.pict-resize-120 figure img {
  max-width: 120px;
  max-height: 150px;
  width:auto;
  height: auto;
  /* position:  relative; */
  top : 0;
  bottom: 0;
  /* left: -10px; */
  /* margin: 0px; */
  /* padding: 0 5px 0; */
  display: block;
}


.categ-header-pict img {
  max-width: 120px;
  max-height: 120px;
  width: auto;
  height: auto;
/*box-shadow: 2px 1px 5px 1.8px  rgba(0, 0, 0, .33);*/
  margin: 3px 8px 3px 19px;
  float:left;
}


#products-gridview .view-footer,
#products-gridview .view-header {
  text-align:center;
  background: rgba(0,0,0, .10);
  margin: 0 0 0 0px;
  font-size: .85em;
  height:auto;
  padding: 2px 0;
}

#products-gridview .view-header {
  border-radius: 12px 12px 0 0 !important;
}

#products-gridview .view-footer {
  border-radius: 0px 0px 12px 12px !important;
}

#products-gridview .view-filters,
#products-gridview ul.pager {
  text-align:center;
  background: rgba(0,0,0, .10);
  margin: 9px 0 0 0;
  font-size: .95em;
  height: auto;
  padding: 3px 0;
  border-radius: 0 0 0px 0px;
  border-top: 1px inset #ffefbf;
}

#products-gridview .view-filters .views-exposed-form div div {
  text-align:left;
  margin:  0 5px;
}

#products-gridview .view-filters .views-exposed-form div label {
  text-align:center;
  font-size: .9em ;
  display: inline;
  margin: 0 8px 0 8px; 
  text-transform: uppercase;
}


#products-gridview  .panel-panel.panel-col-first  {
  display: table-cell;
  text-align: center;
  text-transform: none;
  clear:left;
  vertical-align:top;
  /* border-right: 1px inset rgba(0,0,0,.2); */
}

#products-gridview .panel-panel.panel-col {
  display: table-cell;
  font-size: .9em;
  border-right: 0px solid  rgba(0,0,0,.2);
  padding: 0px 0;
  margin: 0;
  text-align:left;
}

#produc2ts-gridview .panel-panel.panel-col .inside {
  height: 100% !important;
  display: table-row;
}

#products-gridview .panel-panel.panel-col .field-name-commerce-price {
/*  font-size: 6em !important;*/
  font-weight:bold;
/*border-top: 17px solid #f60060;*/
  padding: 0px 5px 4px 12px;
  margin: 0px 0 5px 0px;
  border-radius: 5px ;
  color: #002200;
  display: inline ;
  position: static;
  background: #00CC00;
  text-align:left;
  width: auto;
  height: 15px;
  float:left;
}



#products-gridview  .panel-panel.panel-col-last {
  display:table-cell;
  font-size: .9em;
  /* background-color: #dfa000; */
  text-align: left;
  margin: 20px 0px 0px 0;
  vertical-align: middle;
  width:24% !important;
  height: auto;
  padding: 3px 0 3px 0;
  /*  border-radius: 0 12px 0 0;*/
}


/****************
 Product Category Grid View CONTAINER
****************/


.ordform-container tbody td {
  font-size:.9em;
  color: #000;
}


.ordform-container {
  padding: 0px;
  margin: 0px;
  border-top:1px outset rgba( 222, 160, 0, .1) ;
  background-color: rgba( 222, 160, 0, .1);
/*  border-radius: 0 0 12px 12px;*/
  width: 100%;
  text-align:center;
  font-size:.85em !important;
  color:#000;
  font-weight:normal !important;
  display:inline-block;
}

.ordform-container > a {
  font-weight:bold;
  display:inline-block;
  background-color:  rgba( 222, 160, 0, .3);
  border-left: 1px solid rgba( 222, 160, 0, .6);
  border-right: 1px solid  rgba( 222, 160, 0, .6);
  border-top: 1px solid  rgba( 222, 160, 0, .6);
  padding: 2px 5px 2px;
  /* margin: 0 6px 0 16px; */
  color:#4d1601;
}


.ordform-container a:hover {
  background-color: rgba( 222, 160, 0, .2);
  border-top: 1px groove rgba( 222, 160, 0, .2) ;
  text-decoration:underline;
}


.ordform-container  .ajax-processed + .order-form-overlay {
  display:none;
}

.ordform-container  .jquery_ajax_load_open + .order-form-overlay {
  display: block;
  z-index:9;
}

.disp-price-0 ,
.disp-price-1 ,
.disp-price-2 ,
.disp-price-3 {
  width:  auto;
  margin: 2px 0px 2px 0;
  padding: 5px 2px 5px 25px;
  border-radius:0px;
  background-position: 0px;
  background-repeat: no-repeat;
  background-size: 210%;
}

.disp-price-0  {
/*  background-color: rgba(0,160,0, .2);
  border: 1px outset rgba(0,200,0, .4);*/
  background-image: url(/d72/sites/default/files/sweaver/pricetag-grn-pointed-2.png) ;
}


.disp-price-1  {
 /* background-color: rgba(0,240,0, .3);
  border: 1px groove rgba(0,200,0, .4);*/
  background-image: url(/d72/sites/default/files/sweaver/pricetag-grn-70pct-pointed1.png) ;
  color:rgba(0,99,0, .9) ;
}


.disp-price-2  {
 /* background-color: rgba(0,200,0, .4);  */
 /* border: 1px outset rgba(0,200,0, .6);  */
  background-image: url(/d72/sites/default/files/sweaver/pricetag-brn-70pct-rounded2.png) ;
  color: #FFF ;
}

.disp-price-3  {
 /* background-color: rgba(0,200,0, .4);  */
 /* border: 1px outset rgba(0,200,0, .6);  */
  background-image: url(/d72/sites/default/files/sweaver/pricetag-brn-70pct-rounded2.png) ;
  color: #FFF ;
}


.display-price {
  font-style: normal;
  font-weight: normal;
  text-align:left;
  font-size: 1.1em ;
  line-height: 1.2em;
  text-shadow: 1px 1px 2px rgba( 0, 0, 0, .5);
  padding: 5px 0;
  height:100%;
}

#products-gridview .panel-display.panel-3col-stacked {
 border-radius: 12px;
 border: 1px solid rgba( 222, 160, 0, .8) ;
 max-width: 100%;
 width: auto;
 padding: 0px;
}


#products-gridview .panel-display.panel-3col-stacked .panel-col-bottom {
 background-color: rgba(222,160,0, .2);
 border-radius: 0 0 12px 12px;
}

/*
#products-gridview .panel-display.panel-3col-stacked .panel-col-bottom .views-form   {
 max-height:300px;
 overflow-y:scroll;  
 overflow-x: hidden;
}
*/

#products-gridview .panel-display.panel-3col-stacked .panel-col-top {
/* background-color: rgba(222,160,0, .4);*/
 border: 1px transparent solid;
 border-radius: 12px 12px 0 0;
 vertical-align: top;
 margin: 0;
 padding: 0px;
 height: 1.4em;
}

#products-gridview .panel-col-bottom ,
#products-gridview .panel-col-top {
 background-color: rgba(222,160,0, .5);
}

#products-gridview  .panel-col-top  .details-link {
 /*background-color: #000;*/
 display: inline-block;
 margin: -1px 0px 0 auto;
 padding: .5em .8em .5em;
 width: auto;
 font-size: .85em;
 font-weight:600 !important;
 float: right !important;
 /*clear:right !important;*/
}


/*************************
Product Details Link styling
'More Info...' link
*************************/


.details-link {
/*  background-color: #000;*/
  color:rgba(255,255,255,0.9) !important;
  text-shadow: rgba(0,0,0,0.5) 1px 1px 0px;
  background-color: rgba(160,70,13, .9) !important;
  border-radius: 0px 12px 0 0;
  border-left: 1px inset  rgba(160,70,13, .8);  
  font-family: 'Exo';
}


.details-link:hover {
  background-color: rgba(220,160,0, .7);
/*  height:auto;*/
  color:rgba(0,250,0,0.9)  !important;
  text-shadow: rgba(0,0,0,0.6) 1px 1px 0px;
  border-left: 1px outset  rgb(223, 160, 0); 
}


.details-link:first-letter  {
  color: rgba(250, 203, 0, 0.8);
  font-family: 'FontAwesome';
}


.details-link:hover:first-letter  {
  color: rgba(0, 250, 0, 0.9);
}



#products-gridview .panel-display.panel-3col   {
 border-radius: 12px;
 border: 1px solid rgba( 222, 160, 0, 1) ;
 max-width: 100%;
 width: auto;
 max-height:100%;
}


/**************************************
**      *STICKY* attribute STYLING
*/

#products-gridview td.sticky-1 .panel-display.panel-3col-stacked .panel-col-top {
  background-image: linear-gradient(180deg, #d68b1a, #ffefbf) !important;
/*  text-shadow: rgba(255, 255, 255, .9) 1px 1px 0px;*/
/* border: none !important;*/
  box-shadow: 0px 6px 3px -6px rgba(0, 0, 0, .8) !important;
/* background-color: rgba(222,160,0, .8);*/
}

#products-gridview td.sticky- .panel-display.panel-3col-stacked .panel-col-top {
 background-color: rgba(222,160,0, .3);
}

/*
**
**************************************/

.prodcat-wrapper {
  margin-top: 10px;
  background-color: rgba(222,160,0, .1);
  border: rgba(222,160,0, .3) 1px solid;
  padding: 0px 0px;
  border-radius: 5px;
}

.prodcat-label {
 background-color: rgba(222,160,0, .34);
 font-weight: normal;
 color: rgba(0,0,0,.8);
 font-size: .8em !important;
 padding: 0px 5px;
 display: block;
 border: 1px solid transparent;
 border-bottom: rgba(222,160,34, .5) 1px solid;
 border-radius: 3px 3px 0 0 !important;
 margin: 0px !important;

}

.prodcat-links {
/* background-color: rgba(222,160,0, .3);*/
 font-weight: bold;
 font-style: italic;
 font-size: .8em;
 padding: 2px 2px 2px 8px;
 display: block;
 color: #429922;

}


/**************************************************************************
**               Product LIST by Category/Tagged  STYLES
*/

.view-product-list-by-taxonomy- td.prod-tags-listview div,
.prod-tags-gridview {
 /*background-color: rgba(0,0,0,.05);*/
 border-radius : 6px;
 white-space: nowrap;
}

.view-product-list-by-taxonomy- td.prod-tags-listview div img ,
.prod-tags-gridview img {
  max-width: 30px; 
  max-height: 30px;
  display: inline;
  padding:3px 3px 0px;
}


.view-product-list-by-taxonomy- .views-table td.prod-img  {
/*  background-color: #fefefe;*/
  min-width: 100px;
  min-height: 100px;
  margin: auto ;
  text-align:center;
  vertical-align:middle;
}

.orde2r-form-overlay  {
  background-color: #fef7e0;
  position: absolute;
  /* display: block !important; */
  right: 10px;
  left: 50px;
  padding: 3px 6px;
  border-radius: 8px;
  margin: 0 15% 0 15%;
  min-width: 40%;
  max-width: 90%;
  border: 1px solid #dfa000;
  box-shadow: 0px 0px 12px 3px rgba(0,0,0, .4);
}

.order-form-overlay .views-table  {
  max-height: 75%;
  height: auto;
  overflow-y:scroll;
}

.order-form-overlay:hover a {
  z-index:50;
}

/*******************************************************
**
**    PAGER STYLES
*/

ul.pager li {
  display: inline;
/*-webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #000;*/
  text-align: center;
  margin-bottom: 10px;
}

ul.pager {
  margin-bottom: 4px;
/*
  border-right: 25px solid #ffefbf;
  border-left: 25px solid #ffefbf;
  border-bottom: 25px outset #fef7e0;  */
}


ul.pager li.pager-item a:link,
ul.pager li.pager-item a:visited {
  color: #777;
  background: #eee;
  padding: 0px 8px;
  border: 1px solid #aaa;
  box-shadow: 1px 1px .5px .5px inset #999;
}

ul.pager li.pager-last a:hover,
ul.pager li.pager-first a:hover,
ul.pager li.pager-previous a:hover,
ul.pager li.pager-next a:hover,
ul.pager li.pager-item a:hover {
  background-color: #dfa000;
  color:  #ffefbf;
  border: 1px solid #dfa000;
}


ul.pager li.pager-current {
  color: #fff;
  background: #dfa000;
  padding: 0px 8px;
  border: 1px outset #d68b1a;
  border-radius: 5px;
  margin: 0px 5px;
}

ul.pager li a:link,
ul.pager li a:visited {
  color: #99641f;
  background: #eddeb2;
  padding: 0px 5px;
  border: 1px groove #d68b1a;
  border-radius: 5px;
  font-size: 1em;
}

/*
**
**
**********  END PAGER STYLES  ****************************/


/************ Multi ATC Category Views ********************
**
**
*/

.matc-embed .views-form table.views-table > thead {
  display: none !important;
}

.matc-embed .views-form table.views-table > tbody tr td.views-field-title,
.matc-embed .views-form table.views-table > thead tr th.views-field-title {
  width: 40% !important ;
}

.matc-embed .views-form table.views-table > tbody tr td:first-child,
.matc-embed .views-form table.views-table > thead tr th:first-child {
  width: 15% !important ;
}

.matc-embed .views-form table.views-table,
table.scroll-tbody {
    width: 100%; /* Optional */
  /*   border-collapse: collapse; */
    border-spacing: 0;
    border: 0px solid rgba(0,0,0,.2);
}

.matc-embed .views-form  table.views-table > tbody,
.matc-embed .views-form  table.views-table > thead,
table.scroll-tbody tbody,
table.scroll-tbody thead {
   display: block; 
   }


.matc-embed .views-form  table.views-table > thead ,
table.scroll-tbody thead {
   width: 100%;
   margin: 0 12% 0 0;
   }


.matc-embed .views-form table.views-table > thead tr th,
table.scroll-tbody thead tr th { 
    height: auto;
    line-height: 1em;
    /*text-align: left;*/
}

.matc-embed .views-form  table.views-table > tbody,
table.scroll-tbody tbody {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.matc-embed .views-form table.views-table tbody,
table.scroll-tbody tbody { 
  border-top: 1px solid rgba(0,0,0,.3); 
}


.matc-embed .views-form table.views-table tbody td,
.matc-embed .views-form table.views-table thead th,
table.scroll-tbody tbody td, 
table.scroll-tbody thead th {
    width: 25%; /* Optional */
  /*  border-right: 1px solid black;*/
}

.matc-embed .views-form table.views-table tbody td:last-child,
.matc-embed .views-form table.views-table thead th:last-child,
table.scroll-tbody tbody td:last-child, 
table.scroll-tbody thead th:last-child {
    border-right: none;
    width: 10%;
}

/******** SCROLLABLE TABLE BODY ********/

.view-product-grid-by-cat-tag-zoom-addtocart- table.views-view-grid.cols-2 td {
  border: 1px dotted #DFA000;
  padding: 0px 5px;
  margin: 10px;
  vertical-align: middle;
}

.view-product-grid-by-cat-tag-zoom-addtocart- table.views-view-grid.cols-2 {
  padding: 0px;
  margin: 15px 0px;
  border-radius: 4px;
}


.prodview-region-name {
}

.prodview-region-edithist {
}

.prodview-region-actionbar {
}

.prodview-region-indicators {
}


/***********************************
**         
**   Product Details Page Formatting
**
*/

.panels-flexible-rockart_product_layout   div.commerce-product-field  {
  margin: 2px 9px;
  display:block;
 /* background-color:#999;*/
  float: none;
  clear:both;
}

.panels-flexible-rockart_product_layout   div.commerce-product-field span {
  border:none;
  width: 25%;
 /* background-color:#999;*/
 color: #a04d01;
}

.BidPricing {
  color: Red;
  font-weight: bold !important;
}

.prodview-region-pictgallery {
}

.prodview-region-descript div a {
 /* background-color: rgba(160,77,1, .4 ); */
  background-color: white;
  color: rgba(0,88,0, .9 );
  font-weight: bold;
  padding: 0px 5px;
  border-radius: 5px;
/*  text-shadow: rgba(0,0,0,0.9) 1px 1px 0px;*/
}


.prodview-region-descript div a:hover {
  background-color: rgba(160,77,1, .1);
  color: rgba(0,170,0, .9 );
  /*  color: green;*/
}


.prodview-region-descript div {
  /* clear: both; */
}

.prodview-region-related {
}

.prodview-region-support {
}

.prodview-region-other {
}

/*********************************************
**
**   START STYLES FOR @MEDIA PRINT QUERY 
*/
@media print {   

html {  /* Turn off background colors on main html tag  */
  background-color: transparent;
  }

body {
  background-color: #FFFFFF; 
  font-size: 1.07em !important;
  }

#admin-menu,
#overlay-disable-message,
#messages-help-wrapper,
#header-wrapper,
#help-me,
#secondary-content-wrapper,
#quint-panels-wrapper,
#page-footer,
#cot_tl_fixed ,
div.region.region-page-bottom,
#sweaver-frontend,
#sweaver-messages,
div.colorpicker,
#columns .columns-inner .region-sidebar-first,
#columns .columns-inner .region-sidebar-second,
#colorbox {
  display: none;
  }

#content-column div.content-inner {
  margin: 0 auto !important;
  width: 98% !important;
  }

}  
/*
**
************ END STYLES FOR @MEDIA PRINT QUERY  *************/




/***********************************************************
**
**             PRINTED ORDER STYLES
*/

/* HIDE page areas that should not print  */

body.page-order-details-print #admin-menu,
body.page-order-details-print #messages-help-wrapper,
body.page-order-details-print #overlay-disable-message,
body.page-order-details-print #header-wrapper,
body.page-order-details-print #help-me,
body.page-order-details-print #secondary-content-wrapper,
body.page-order-details-print #quint-panels-wrapper,
body.page-order-details-print #page-footer,
body.page-order-details-print #cot_tl_fixed ,
body.page-order-details-print div.region.region-page-bottom,
body.page-order-details-print #sweaver-frontend,
body.page-order-details-print #sweaver-messages,
body.page-order-details-print div.colorpicker,
body.page-order-details-print #colorbox {
  display:none;
}

/* 
 *
 * Normalize Text size and Background color for printed page  */

body.page-order-details-print * {
  background-color: #FFFFFF !important;
}

body.page-order-details-print  #content-wrapper * {
  font-size: 1em !important;
  background-color: transparent !important;
}

body.page-order-details #main-content *  {
  font-size: 1em !important;
}

/* make the order detail block text bigger */
body.page-order-details-print #content .panel-panel.panel-col-top .pane-content  {
  font-size:1.3em !important;
}

/*  Stop SKU column from wrapping  */
body.page-order-details-print td.views-field-line-item-label-1 {
   width:auto;
   white-space:nowrap;
   text-align: left;
 }
 
/*  Add spacing to qnty column */
body.page-order-details-print td.views-field-quantity {
  white-space: nowrap;
  padding: 0 18px 0 10px;
  text-align:left;
  width: auto;
}

/* Kill the table caption */
body.page-order-details-print .views-table caption {
  display:none;
}


/* phone number labels   */
body.page-order-details-print .field-items span.field-label {
  color: #000 ; 
  font-weight: bold;
  border: none;
  white-space: nowrap;
  width:auto;
  padding: 0 5px;
}



/* Styling for charge-off date   */
body.page-order-details .pane-commerce-order-field-charge-off-by ,
body.page-order-details-print .pane-commerce-order-field-charge-off-by  {
 border-left: 10px #F00 solid;
 border-radius: 5px;
}


/* Styling for Order Notes   */
body.page-order-details .pane-commerce-order-field-order-notes  ,
body.page-order-details-print .pane-commerce-order-field-order-notes   {
 border-left: 10px #F00 solid;
 border-radius: 5px;
}



/* spacing between Order total and payment paste-area   */
body.page-order-details-print .field-name-commerce-order-total {
  margin-bottom:50px;
} 

/* Order total Label   */
body.page-order-details-print .field-name-commerce-order-total .field-label {
  display:inline-block;
  float:left;
  margin-right: 20px;
  margin-left: -150px;
}

/* Styling of text area where payment info goes   */
body.page-order-details-print #paste-area {
  display: table-cell;
  white-space:normal;
  color: red; 
}

body.page-order-details-print #paste-area:first-line {
  white-space:nowrap !important;
  color: black;  
}


/* make line-item table full width */
body.page-order-details-print .field-type-commerce-line-item-reference,
body.page-order-details .field-type-commerce-line-item-reference   {
  margin: 0 25px;
  width: 95% !important;
}

/* make order totals table full width */

body.page-order-details-print .field-name-commerce-order-total,
body.page-order-details .field-name-commerce-order-total {
  padding: 0 2% 0 73% !important;
  font-weight: bold !important;
  width: 25% !important;
}

/* Close up vertical spaces as needed, so we dont kill more trees! */

body.page-order-details-print {
  min-height: initial !important;
}

/* Kill the dollar signs on unit price and line-ttl and grand total  */

body.page-order-details-print .field-name-commerce-order-total:first-letter,
body.page-order-details-print td.views-field-commerce-total:first-letter,
body.page-order-details-print td.views-field-commerce-unit-price:first-letter {
  visibility:hidden;
}



/***********  ORDER SCREEN & ADDRESS-BOOK STYLES   ******/

div.views-field-rendered-entity > span.field-content,
.field-name-commerce-customer-billing,
.field-name-commerce-customer-shipping-info,
.pane-commerce-order-field-order-notes,
.pane-commerce-order-field-charge-off-by  {
  width: 80%;
  display: inline;
  border: 1px #dfa000 solid;
  margin: 5px 9px;
  padding: 3px;
  float: left;
}

div.field-type-addressfield {
  display: block;
/*clear: right;*/
  width: 70%;
  padding: 1px 0 3px 0px;
}

/**************************************

 Bill-to and  Ship-to Address Form mods
 for when customers are checking out

***************************************/



.organisation-block .form-type-textfield label { 
 color:transparent;
}

.organisation-block .form-type-textfield label:before {
  content: "Division Office/Location (or Company)" ;
  color: black !important;
  visibility:visible !important;
  height: 20px !important;
}


.organisation-block .form-type-textfield:after {
  content: "Examples: Burley Field Office ... Jackson RD ... Zion National Park ... YourCompany, Inc." ;
  color: #bb0000;
  display: block !important;
 /* background-color: #eee;*/
  visibility: visible !important;
  padding: 3px 0 0px 0 !important;
  font-size: .9em;
  font-weight: normal;
  font-style: italic;
}




.views-field span.field-label,
.panels-flexible-row .field-label,
.pane-data span.field-label,
.field-items span.field-label {
  display: inline;
  float: left;
  clear: left;
  padding: 0px 0px 0;
  margin: 2px 5px 0 0;
  color: #777;
  font-weight: normal;
  font-style: normal;
  border-top: 1px dotted #dfa000; 
  height: auto;
  width: 25%;
  font-size: .75em;
  text-transform: uppercase;
  text-align: right;
  white-space: nowrap;
}

.views-field .field,
.panels-flexible-row  div.field,
.pane-data  div.field,
.field-items  .field {
  /* display: inline; */
  /*float: left; */
  clear: right;
  padding: 3px;
  width: 100%;  /*was 70% */
}


.field-name-commerce-line-items {
  clear: both;
}


#block-system-user-menu ul.rotatingmenu-formatter-wrapper {
  margin: 50px 140px 0 0 !important;
}

#block-system-user-menu ul.rotatingmenu-formatter-wrapper li .rotating-title-wrapper {
  display: none !important;
}

/*------ Cart Peek Styles for sliding drawer----------*/

/*   Make the cart peek table wider    */

#draw .ajax-shopping-cart-wrapper {
  width: auto !important;
  margin: 2px 10px;
}

.views-table {
  margin-top: 5px;
}


#draw .views-table thead th {
  font-size: .7em !important;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  padding: 2px 10px;
  border-right : 1px dotted #dfa000;
}


.views-table tbody tr:nth-child(even) {
  background-color: rgba(255,255,255, .15);
/*border-bottom: 1px dotted #ffefbf;*/
}

/*
.views-table tbody tr:nth-child(odd) {
  background-color: rgba(222,222,33, .4);
  border-bottom: 1px inset #dfa000;
}  */

#draw .views-table tbody td {
  border-right: 1px dotted #dfa000;
  font-size: .8em;
  color: #ddd;
}


#draw .views-table tbody td:first-child {
  border-left: 1px dotted #dfa000;
}

#draw .views-table tbody tr:hover {
  background-color: rgba(0,0,0, .15);
}

#draw .views-table thead tr  {
  background-color: #a0410d;
  border: 1px solid #dfa000;
}




/***********  CLOSE UP SOME GAPS IN A FEW PLACES   ******/

.region-secondary-content .block {
  margin-bottom: 0 !important;
}

/************  SITE CREDITS  ****************/

.site-credits tbody,
.site-credits tr {
  border: none !important;
  text-align: center;
  color: #7D421D;
  text-shadow: rgba(0, 0, 0,1) 1px 1px 0px;
/*text-shadow: 1px 1px .5em 1px rgba(255, 0, 0, 1);*/
}

.site-credits tr td a,
.site-credits tr td p {
  font-family: 'Exo';
  padding: 0 34px 0 4px;
}

.u-bettr-reconize p {
  text-align: center;
  color: #dfa000;
  font: normal normal normal 1em/.5em 'Exo';
  clear:both;
}
.u-bettr-reconize p:first-child {
  font-size:1.2em;
  font-weight: bold;
  color: #7f4c2c;
}

.u-bettr-reconize img {
  vertical-align: middle;
}

.u-bettr-reconize a:link,
.u-bettr-reconize a:visited {
  color: #F6C360;
}

.u-bettr-reconize a:hover {
  color: #dfa000;
}

/***********        DRAWER TOGGLE TAB at page top  *********/


@keyframes pulsing {
  0% {
    box-shadow:   0px 4px 12px -3px rgba( 0, 250, 100, 1);
  }
  100% {
    box-shadow:   0px 2px 12px -3px rgba(255, 255, 255, .4);
  }
}

#toggle a {
  font-weight: bold;   
/*  -webkit-animation: pulsing 1s alternate infinite;*/ /* Safari 4+ */
/*  -moz-animation:    pulsing 1s alternate infinite;*/ /* Fx 5+ */
/*  -o-animation:      pulsing 1s alternate infinite;*/ /* Opera 12+ */
/*  animation:         pulsing 1s alternate infinite;*/ /* IE 10+, Fx 29+ */
  border-radius: 0 0 10px 10px;
  padding: 0 15px 2px;
  text-shadow: rgba(0, 0, 0, 1) 1px 1px 0px;
}


/*************    CLOUD ZOOM FIXES    ****************/

#cloud-zoom-big {
  background-color: #ffefbf;
  box-shadow: 0 0px 11px 3px rgba(0,0,0, .5);
  border-radius:2px;
  width: auto;
  margin: 0 20%;
}

/*#wrap a.cloud-zoom .cloud-zoom-lens,
#wrap a.cloud-zoom .cloud-zoom-tint,
#wrap  div.mousetrap,*/
#wrap a.cloud-zoom img { 
  margin: 0 0 0 10%;
  max-width: 80%;
}

figure #wrap  {
  max-width: 90%;
  margin: 0 auto;
  text-align:left;
  float: none !important;
}

/*************  FLOATING TOOL PALETTE    *************/


div#site-tools {
  height: auto;
  width: 50px;
  overflow: hidden;
  position: fixed;
  z-index: 100;
  left: 0px;
  bottom: 10%;
}

.site-tool-group {
  list-style : none;
  list-style-type: none;
  list-style-image: none;
  display: block;
  padding: 0;
  margin: 0;
}
   
.site-tool img,
.site-tool a     {
  border: none ;
}
   
.site-tool-first {
  border: 0px none ;
  background: url(/d72/sites/default/files/sweaver/sweaver_image_7137.png) no-repeat;
  background-position: bottom left;
  width: 48px;
  height: 20px;
}
   
.site-tool-last   {
  border: none ;
  background: url(/d72/sites/default/files/sweaver/sweaver_image_7138.png) no-repeat;
  background-position: top left;
  width: 48px;
  height: 15px;
}
   
.site-tooler a:link,
.site-tooler a:hover {
  padding: 0;
  margin: 0;
  border: 0px solid #000;
  height: 46px;
  width: 48px;
  background: url(/d72/sites/default/files/sweaver/sweaver_image_7139.png) no-repeat;
  background-position: top left;
}

.site-tool-pagetop {
  height: 46px;
  width: 48px;
  background: url(/d72/sites/default/files/sweaver/sweaver_image_7139.png) no-repeat;
  background-position: top left;
}

.site-tool-help {
  height: 46px;
  width: 48px;
  background: url(/d72/sites/default/files/sweaver/sweaver_image_7189.png) no-repeat;
  background-position: top left;
}

.site-tool  {
  height: 46px;
  width: 48px;
}


/******    Make search box wider     ****/

#block-search-form form .form-item .form-text {
  width: 220px;
  height: 100%;
  }

#page-footer .four-4x25 .region {
}

.block-inner .block-content ul li a {
}

/***********  Category and Tag Icon styles shown on product grid page views  ***********/


.tag-badge-icon,
.category-thumb  {
  display: inline;
  border-right: 1px solid #dfa000;
  float: left;
  max-width: 110px;
  height: 110px;
  margin-right: 10px;
  padding: 10px;
}

.tag-badge-icon img,
.category-thumb img {
  vertical-align: middle;
  padding: 2px;
  margin: 2px;
}

.subcats-list .item-list ul {
  list-style-type: none;
  font-size: .8em;
  background-color : rgba(0, 0, 0, 0.1) !important;
  border-radius: 8px 8px;
  clear: both;
}


.subcats-list .item-list ul:before {
  content: "Sub Categories";
  color: #42160d;
  padding: 3px 14px 3px;
  margin: 0px 0px 5px;
  height: 100%;
  display: inline-block;
  font-style:italic;
  font-size: 1.1em;
  background-color: rgba( 223, 160, 0, .3);
  border-radius: 8px 0;
  border:1px groove rgba( 223, 160, 0, .6);
}

.subcats-list .item-list ul:after {
  content: " ";
  display: block;
  clear:both;
  border-radius: 0px 0px 8px 8px;
  color: #777;
  height: 8px;
/*padding: 8px 1px 3px;
  background-color : rgba(0, 0, 0, 0.1) !important;
  margin: 5px 8px;  */
}

.subcats-list .item-list ul li {
  text-align: center;
  margin: 0 1em ;
}

.subcats-list .item-list div ul {
  width: 98%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  background-color : rgba(0,0,0,0.2) !important;
}

.subcats-list .item-list ul li a:link,
.subcats-list .item-list ul li a:visited {
  font-family: 'Exo';
  font-size: 1.1em;
  padding: 2px 6px 4px;
  display: table-cell;
  width: 22%;
  float:left;
  border: 1px groove #ffefbf;
  margin: 2px;
  background-color: #fef7e2;
  font-weight: normal;
}

.subcats-list .item-list ul li a:hover {
  background-color: #a0410d;
  border: 1px inset #f6c360;
  color: #ffefbf;
}

.RA-info-mod {
  font-size: .9em;
  font-style:italic;
  text-align: center;
  margin: .1em 1em;
}

.status-Unpublished {
  font-size: 1em;
  font-weight:bold;
  text-align: center;
  margin: .1em 1em;
  color: Red;

}

.status-Published {
  display: none;
}

/**/




/* TAGS   -----------------------------
   Styling tag icons for panels & views 
   ------------------------------------*/

.advisory {
  background-color: rgba(255,255,0,.65);
  border-radius:7px;
  padding: 1px 9px;
  margin-top: 10px;
  border: rgba(255,0,0,.5) 1px solid;
  border-left: 9px solid  rgba(255,0,0, 1);
  display:block;
  float:none;
  clear:both;
}

.advisory p {
  font-style: italic !important;
  font-size: 8.5pt;
}

 .advisory p:first-line {
  font-weight: bold ;
  color:  #888;
}


.prod-tags-gridview {
  margin: 19px 0 0 0 !important;
}

#products-gridview span.tags-label {
   display: inline-block;
   position: relative;
   clear: both;
   padding: .5em ;
/*   background-color: rgba(0,0,0, .1); */
   text-align: initial;
   width:auto;
   vertical-align: baseline;
   margin: 0 0 0 -2.5em ;  /*-2.3em auto auto -2.16em;*/
   color: rgba(0,0,0, .5);
 /*  font-weight:bold;*/
   border-radius: 6px 6px 0 0;
   transform: rotate(270deg);
   transform-origin: 50% 50%;
   font-size:.8em;
   font-weight:bold;
}

#products-gridview .tag-badge-img {
 /* background-color: rgba(0,0,0, .1);*/
  padding:4px 0 0 0;
  border-radius: 6px;
  margin: 0 0 0 -.8em;
  width: auto;
  display:inline-block;
  float:none;
  clear:left;
}

#products-gridview .tag-badge-img img {
  max-width:30px;
  max-height:30px;
  padding: 1px;
  display: inline-block;
  vertical-align:middle;
  border-radius:6px;
/*  float:right;*/
}

#products-gridview .gridview-tag-wrapper {
  background-color: rgba(222,160,0, .1);
  display:block;
  clear: left;
  padding: 0 0 0 2px;
/* border: 1px outset  rgba(222,160,0, .8);*/
  border-radius: 6px;
  margin: 1em 0 0 0;
  border: 1px solid  rgba(222,160,0, .2);
  border-left: 1.3em solid  rgba(222,160,0, .4);
  height: auto;
}


#products-gridview .tag-container {
  color: #000;
  margin: 0px 2px 0px 0;
  font-family: 'Exo';
  background-color: rgba(0, 0, 0 , .05);
  border-radius: 6px;
  padding: 1px;
  width:auto;
}

#products-gridview .tag-container a {
  padding: 1px 3px;
  background-color: #f6c360;
  border-radius: 5px !important;
  border: 1px outset #ffefbf !important;
  font-size: 1em !important;
  white-space: nowrap;
/*border-right: 4px solid #d68b1a;*/
  font-weight: normal;
  color: #333 !important;
}

#products-gridview .tag-container a:hover {
  background-color: #dfa000 !important;
  border: 1px outset #ffbfef !important;
  color: #fff !important;
}




.icon-tag-group  {
  border: 0px #660 solid;
}

.tags-icon  img {
  width: 40px;
  margin: 5px 2px 0px 2px;
  display: inline;
  float: left;
  padding: 2px;
  background: #eddeb2;
  border: 1px rgba(200,200,200, .7 ) solid;
  border-radius:8px;
}

div.views-field-field-tags {
  font-size: .7em;
  font-weight: bold;
  text-transform: uppercase;
/*background-color: #eee;*/
  display:inline;
  padding: 3px;
  color: #7d421d;
}


div.views-field-field-tags div {
  margin: 0px 0px -3px;
  padding: 0px 0px;
  display: inline !important;
}

div.views-field-field-tags div div ul {
  display: inline !important;
}

div.views-field-field-tags ul li {
  background-color: #eee;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  margin: 9px 4px 0px 4px;
  display: inline;
  padding: 0px 4px 0px;
  color: #555;
  border: 1px #bbb outset;
  text-align: center;
  vertical-align: bottom;
}


/*  SKU FIELD -----------------------------*/

.views-view-grid .views-field-field-disp-sku {
  border-top: 0px solid #f6c360;
  margin: 3px 0 0 0;
  padding: 0;
  clear: left;
  width: auto;
}

.sku-wrapper,
.views-view-grid .field-name-field-disp-sku {
  color: #7d421d;
  text-shadow: 1px 1px 2px rgba( 255, 255, 255, .9);
  display:table-cell;
  font-family: 'Exo';
  font-size: .95em;
  font-weight: bold;
  margin: 0px 6px 2px 10px;
  padding: 1px;
  vertical-align: middle;
  width: auto !important;
  white-space: nowrap;
  overflow:  visible;
  float:left;
}



/* CATEGORY  -----------------------------*/

.views-field-field-catgry {
  border-bottom: 1px solid #f6c360;
  margin: 0;
  padding: 2px 0;
}

.views-field-field-catgry a {
  background-color: #A0410D;
  border:0 inset #FFFFFF;
  border-radius: 0.5em .5em 0 0;
  color: #FFEFBF;
  display: inline;
  font-size: 0.6em;
  font-weight: bold;
  margin: 0 0 0px 0px;
  padding: 2px 5px 4px;
  text-align: right;
}


/* PRODUCT TITLE  -----------------------------*/

.views-field-title {
  width: 95%;
  font-size: .8em;
  margin: 0px 0px 0px 0px;
/*display: block; */
  padding: 2px 5px 4px;
}


div.block-content .node-title {
  font-size: .8em;
  color: #000;
  padding: 2px 2px 0px 4px;
}

div.block-content .node-author {
  font-size: .7em;
  display: block;
  margin: -2px 10px 0 0 ;
/*background: #fff;*/
  padding: 0 2px;
  font-style: italic;
  width: 80%;
  text-align: right;
  color: #ddd !important;
}

div.block-content .node-title span.marker {
  font-size: .8em;
  float: right;
  padding: 2px 5px;
  background-color: #050;
  color: #0E0;
}

div.block-content td.edit a,
div.block-content td.delete a {
  padding: 2px 5px;
  background-color: #555;
  border: 1px outset #888;
  color: #eee;
  text-decoration: none;
  text-transform: capitalize;
  font-size: .6em;
}

.ia-l .field-type-image {
  margin: 0 70px 0 0;
  float: none;
  text-align: left;
}

/**********   Various Block Formatting *************/

.block-forum .item-list ul {
  margin-left: 10px;
}

.block-forum .item-list ul a {
  color: #000 !important;
}

.block-forum ul li {
  border-bottom: 1px solid #dfa000;
  margin: 0;
  padding: 3px;
}

.block-forum ul {
  list-style: none;
  font-size: .8em;
}

.more-link a:link,
.more-link a:visited {
  font-size: .6em;
  font-weight: normal;
  font-style: normal;
  border: 1px #d68b1a outset;
  padding: 1px 5px 1px;
  background: #a0410d;
  color: #ffefbf !important;
  /*text-transform: uppercase;*/
  border-radius: 0 0 4px 4px;

}

.more-link a:hover {
 /* -webkit-box-shadow: none;
  -moz-box-shadow: none;*/
  box-shadow: none;
  border: 1px #d68b1a inset;
  background: #ffefbf;
  color: #7d421d !important;
}

/**********  POSITIONAL FIXES MAIN NAV MENU AND SITE SEARCH on the same line   **************/


#block-system-navigation ,
#block-superfish-5 {
  display: inline;
  float: left;
  max-width: 75%;
  padding: 7px 0;
}

#block-superfish-5 ul {
  text-align:  left;
}


#block-search-form {
  display: inline-block !important;
  float: right; 
  clear:both !important;
  width: auto;
  /* position: absolute; */
  z-index: 5;
  padding: 10px 0px;
}


#block-search-form  input[type="search"] {
  height: 19px !important;
  border-radius: 8px 0 0 8px !important;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.3) inset !important;
  margin: 5px 0 0 0 !important;
}

#block-search-form  input[type="submit"]  {
  box-shadow: 0 0px 7px 1px rgba(0, 0, 0, 0.2) inset !important;
  border-radius: 0px 8px 8px 0px !important;
  height: 21px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  margin: 5px 0 0 -5px !important;
  font-weight: bold;
  color: rgba(0,0,0,.8) !important;
}

.view-search-view-test table.views-view-grid td {
  border: 1px solid #dfa000;
  border-radius: 3px;
}

.view-search-view-test table.views-view-grid td .views-field-field-image  {
    float: left;
    display: inline-block;
    height: 120px;
    width: 100%;
    margin: 2px auto;
 /*   min-width: 80px;*/
    max-width: 18%;
    text-align:center;
}

.view-search-view-test table.views-view-grid td .views-field-title ,
.view-search-view-test table.views-view-grid td .views-field-field-tags ,
.view-search-view-test table.views-view-grid td .views-field-parents-all ,
.view-search-view-test table.views-view-grid td .views-field-field-disp-sku {
  display: inline-block;
  clear: both;
  float: none;
  width: 100%;
  max-width: 78%;
/*  background-color: #eee;*/

}

/*  Close open space at bottom of each product shown in grid view */

.panel-3col-33-stacked .panel-col-bottom .inside {
  margin-bottom:0px;
}


.block-content div.search-tips:first-child {
  border-right: 1px solid #dfa000;
  margin-right: -8px !important;
}

#main-content div.search-tips {
  border-radius: 8px;
  margin: 4px ;
  max-width: 42%;
  padding: 4px;
  width: auto;
  display: inline-block;
  background-color: rgba( 255,255,255, .5);
  border: rgba(0,0,0,.2) solid 1px;
  border-left: rgba(0,0,0,.2) solid 12px;
}


#block-block-6 div.search-tips {
  margin: 0px 0px 0 8px;
  padding: 0 4px;
  width: 45%;
  display: inline-block;
  float:left;
/*  background-color: rgba( 255,255,255, .25);*/
}

#block-block-6 .search-tips p {
  font-size: .8em;
  color: #000;
  font-style: italic;
  padding-left: 5px;
}

#block-block-6 .search-tips h5 {
  font-size: .95em;
  font-weight: normal;
  font-style: italic;
  color: #ffefbf;
}


/**************************************************************************
*                            MISC ADJUSTMENTS
*                             TO THEME STYLES               
**************************************************************************/

/*****************  HEADER AREA **********************/

/* Stormy conditions ahead...   header background keyframe animations
 one default one and a better one while mousing over */

@keyframes cloudswap {
  0% {
    background-position: -2626px bottom;
  }
  25% {
    background-position: -1900px bottom;
  }
  50% {
    background-position: -1313px bottom;
  }
  75% {
    background-position: -656px bottom;
  }
  100% {
    background-position: 0px bottom;
  }
}

@keyframes slowdrift {
  0% {
    background-position: -2626px bottom;
  }
  25% {
    background-position: -655px bottom;
  }
  50% {
    background-position: -1313px bottom;
  }
  75% {
    background-position: -1900px bottom;
  }
  100% {
    background-position: 0px bottom;
  }
}

#header-wrapper {
  background-image: url(/d72/sites/default/files/embedded_images/overlay_bkgnd_header.png);
  background-position: 0 bottom;
  background-repeat: repeat-x;
  border-bottom-width: 0px;
  height: 173px;
  animation-duration: 60s;
  animation-timing-function: step-start;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction:  normal ;
  animation-fill-mode: both;
  animation-play-state:  running;
  animation-name: cloudswap;
}

#header-wrapper:hover {
  animation-duration: 200s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction:  alternate ;
  animation-fill-mode: both;
  animation-play-state:  running;
  animation-name: slowdrift;
}

/*****************  CONTENT AREA **********************/

#content-wrapper,
#content-wrapper.no-secondary  {
  padding-top: 1em !important;
  border: none;
}

#secondary-content-wrapper .texture-overlay {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border: none !important;       /******  removes spurious line across page  *******/
}

#quint-panels-wrapper {
  background-image: url(/d72/sites/default/files/embedded_images/overlay_bkgnd_footer.png);
  background-position: center bottom;
  background-repeat: repeat-x;
  border-bottom-width: 0px;
  border: none !important;
}

/*****************  FOOTER AREA **********************/

div#page-footer {
  background: #7d421d;
  border-top: 2px groove #d68b1a;
}

div#footer-panels-wrapper {
  border: none !important;
  box-shadow: 1px 1px 1px 1px inset rgba(0, 0, 0, .8) !important;
}

div#footer-wrapper {
  border: none !important;
  background: #421601 ;
}

.region-four-first,
.region-four-second,
.region-four-third,
.region-four-fourth {
  background: rgba(4,4,4,.15) ;
  border-radius: 12px ;
  margin:7px 8px 3px -2px;
  padding-top:2px;
  border-top:11px solid rgba(185,145,123,.55);
  border-bottom: 2px solid rgba(0, 0, 0 ,.29);
  border-right: 2px solid rgba(0, 0, 0 ,.3);
  border-left: 1px solid rgba(185,145,123,.75);
  display: inline-block;
 /* clear:none;*/
}

/***********   CSS FIXES FOR: VIEWS DISPLAY for GRID (Tables)   ***********/

table.views-view-grid td {
  border: none;
  vertical-align: top !important;
  width:50%;
}

table.views-view-grid td .field-items {
  height: 100%;
  margin: 0 0 0px ;
  padding: 3px 0 0;
  vertical-align: top;
/*background: #eddeb2;  */
}

.views-view-grid.cols-3 td {
  border: 0px inset #EDDEB2;
  max-width: 33%;
  min-width: 200px;
  width: 33%;
  vertical-align: top;
}

#joyride-tips-content {
  display: none;
}

/*************** END OF CSS INJECTOR v4 ***************/

/*})'"*/