.batc-grid-view,.batc-list-view
{
  width: 100%;
  padding-bottom: 30px;
}
.batc-grid-column
{
  display:inline-block;
  width:48%;
  padding:10px;
  position: relative;
}
.batc-qty-div input[type=text] 
{
  font: bold 15px Helvetica, sans-serif;
  padding: 3px 0 0 0;
  text-align: center;
}
.batc-button 
{
  margin: 0 0 0 5px;
  text-indent: -9999px;
  cursor: pointer;
  width: 29px;
  height: 29px;
  display:inline-block;
  text-align: center;
  background: url(../images/buttons.png) no-repeat;
  vertical-align: top;
}
.batc-attribute-name,.batc-attribute-value,.batc-variation-price
{
  font: Helvetica, sans-serif !important;
  /*text-align:center;*/
  padding: 3px 0px;
  margin-left:50px;
}
.batc-variation-image div
{
  text-align: center;
}
.batc-qty-sub
{
 margin: 5px 0px 0px 50px;
 display:block;
 vertical-align:top;
}
.batc-qty-sub input[type="text"]
{
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.inc-batc-button
{
  background: url(../images/plus.png) no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: top;
  margin-right:3px;
  cursor: pointer;
}
.dec-batc-button
{
  background: url(../images/minus.png) no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.batc-list-row
{
  width:98%;
  display:block;
  padding:15px 0px;
  position: relative;
}
.batc-list-column
{
  display: inline-block;
  vertical-align:middle;
}
.batc-list-column img
{
  height:60px !important;
}
.batc-variation-image
{
  padding-bottom:15px;
}
.batc-table-list
{
  display: table;
  width: 98%;
  margin-bottom: 20px;
}
.batc-table-list-row
{
  display:table-row;
}
.batc-table-list-column
{
  display:table-cell;
  padding-bottom:10px; 
  padding-right: 15px;
  padding-top: 10px;
  position: relative;
}
.batc-table-list-column img
{
  width:50px;
}
.batc-table-list-column .batc-qty-label
{
  padding-left: 0px;
}
.batc-table-list-column .qty-list
{
  margin-top: 15px;
}
.batc-qty-txtbox
{
  display:inline-block;
}
#batc-sliderlabel 
{
  border: 1px solid #a2a2a2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  display: block;
  height: 30px;
  overflow: hidden;
  position: relative;
  width: 100px;
}

#batc-sliderlabel input 
{
  display: none;
}

#batc-sliderlabel input:checked + #batc-slider 
{
  left: 0px;
}

#batc-slider 
{
  left: -50px;
  position: absolute;
  top: 0px;
  -webkit-transition: left .25s ease-out;
  -moz-transition: left .25s ease-out;
  -o-transition: left .25s ease-out;
  -ms-transition: left .25s ease-out;
  transition: left .25s ease-out;
}

#batc-sliderOn,#batc-sliderBlock,#batc-sliderOff
{
  display: block;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 0px;
}

#batc-sliderOn 
{
  background: #3269aa;
  background: -webkit-linear-gradient(top, #3269aa 0%, #82b3f4 100%);
  background: -moz-linear-gradient(top, #3269aa 0%, #82b3f4 100%);
  background: -o-linear-gradient(top, #3269aa 0%, #82b3f4 100%);
  background: -ms-linear-gradient(top, #3269aa 0%, #82b3f4 100%);
  background: linear-gradient(top, #3269aa 0%, #82b3f4 100%);
  color: white;
  left: 0px;
  width: 54px;
}

#batc-sliderBlock 
{
  background: #d9d9d8;
  background: -webkit-linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);
  background: -moz-linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);
  background: -o-linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);
  background: -ms-linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);
  background: linear-gradient(top, #d9d9d8 0%, #fcfcfc 100%);
  border: 1px solid #a2a2a2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 28px;
  left: 50px;
  width: 50px;
}

#batc-sliderOff 
{
  background: #f2f3f2;
  background: -webkit-linear-gradient(top, #8b8c8b 0%, #f2f3f2 50%);
  background: -moz-linear-gradient(top, #8b8c8b 0%, #f2f3f2 50%);
  background: -o-linear-gradient(top, #8b8c8b 0%, #f2f3f2 50%);
  background: -ms-linear-gradient(top, #8b8c8b 0%, #f2f3f2 50%);
  background: linear-gradient(top, #8b8c8b 0%, #f2f3f2 50%);
  color: #8b8b8b;
  left: 96px;
  width: 54px;
}
.batc-settings-table h3
{
  color: #0091CD;
  font-weight: bolder;
}
.batc-settings-table th
{
  text-align: left;
  padding-bottom:10px;
}
.batc-settings-table td
{
  padding-bottom:10px;
}
.batc-settings-table input[type="text"], .batc-settings-table input[type="number"], .batc-settings-table input[type="color"]
{
  width:102px;
}
.batc-uploaded-image, .batc-uploader, .batc-uploader-remove
{
  margin-left: 10px;
}
.batc-uploader
{
  display: none;
}
.batc-view-icon
{
  width:100%;
  display: block;
  margin-bottom: 5px;
}
.batc-grid-icon
{
  background: url(../images/grid.png) no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
}
.batc-hover-grid-icon
{
  background: url(../images/grid-hover.png) no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
}
.batc-hover-grid-icon:hover
{
  background: url(../images/grid.png) no-repeat;
  cursor: pointer;
}
.batc-grid-icon:hover
{
  background: url(../images/grid-hover.png) no-repeat;
  cursor: pointer;
}  
.batc-list-icon
{
  background: url(../images/list.png) no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
}
.batc-hover-list-icon
{
  background: url(../images/list-hover.png) no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
}
.batc-hover-list-icon:hover
{
  background: url(../images/list.png) no-repeat;
  cursor: pointer;
}
.batc-list-icon:hover
{
  background: url(../images/list-hover.png) no-repeat;
  cursor: pointer;
}
.batc-table-icon
{
  background: url(../images/table.png) no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
}
.batc-hover-table-icon
{
  background: url(../images/table-hover.png) no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
}
.batc-hover-table-icon:hover
{
  background: url(../images/table.png) no-repeat;
  cursor: pointer;
}
.batc-table-icon:hover
{
  background: url(../images/table-hover.png) no-repeat;
  cursor: pointer;
}
.batc-add-to-cart-button
{
 width: 98%;
 margin-bottom:20px;
 text-align: center;
 cursor: pointer;
}
.batc-add-to-cart-button div:first-child
{
  display:inline-block;
}
.batc-loader
{
  background: url(../images/ajax-loader.gif) no-repeat;
  width: 16px;
  height: 11px;
  display: none;
  margin-left: 5px;
}
.batc-loader-submit
{
  background: url(../images/ajax-loader.gif) no-repeat;
  width: 16px;
  height: 11px;
  display: none;
  margin:0px auto;
}
.img-zoom 
{
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
}

.transition 
{
  -webkit-transform: scale(2); 
  -moz-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  cursor:pointer;
}
.opacity 
{
  opacity : 0.4;
  filter: alpha(opacity=40);
  pointer-events: none;
}
.batc-details-button
{
  width: 100%;
}
.batc-details-button a
{
  color: #3a5795 !important;
  font-size: 13px;
  margin-top: 5px;
  text-decoration: underline;
  margin-left:50px;
}
.batc-details-content
{
  width:450px;
  min-height: 250px;
  position: fixed;
  margin-left: -225px;
  margin-top: -125px;
  border: 1px solid #3a5795;
  background-color: #FFFFFF;
  display: none;
  z-index:99999;
  top: 50%;
  left:50%;
  border: 2px solid #99B3FF;
}
.batc-notify-content
{
  width:600px;
  height:300px;
  position: fixed;
  margin-left: -300px;
  margin-top: -150px;
  border: 1px solid #3a5795;
  background-color: #EEEEEE;
  display: none;
  z-index:99999;
  top: 50%;
  left:50%;
  border: 2px solid #99B3FF;
}
.batc-overlay
{
  background: none repeat scroll 0 0 #000000;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  position: fixed;
  right: 0;
  top: 0;
  z-index:9999;
  display: none;
}
.close-details-popup,.close-notify-popup
{
  background: url(../images/dragable-close.png) no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  right: -7px;
  top: -9px;
}
.close-details-popup:hover,.close-notify-popup:hover
{
  background: url(../images/dragable-close-hover.png) no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.batc-stock-status,.batc-availableStock,.batc-offerStart,.batc-offerEnd,.batc-weight,.batc-length,.batc-width,.batc-height,.batc-description
{
  width: 100%;
  margin:5px 0px;
}
.batc-stock-status div,.batc-availableStock div,.batc-offerStart div,.batc-offerEnd div,.batc-weight div,.batc-length div,.batc-width div,.batc-height div,.batc-description div
{
  display: inline-block;
  width: 150px;
  margin-left:30px;
  font-size: 14px;
}
.batc-description div:first-child
{
  display: inline-block;
  width:150px;
  margin-left:30px;
  font-size: 14px;
  vertical-align: top;
}
.batc-description div:nth-child(2)
{
  width:230px;
}
.batc-content-panel .details-content:nth-child(even)
{
  background: #F8F8F8 ;
}
.batc-content-panel .details-content:nth-child(odd)
{
  background: #CCCCCC;
}
.batc-content-panel
{
  margin-top: 15px;
}
.batc-offer-msg
{
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  top: 0px;
  font-style: italic;
}
.batc-offer-msg a
{
  color: #3a5795 !important;
  text-decoration: underline;
}
.batc-grid-column .batc-variation-image
{
  padding-top: 15px;
}
.batc-notify-header
{
  width:100%;
  background-color:#8b8b8b;
  padding: 5px 0px 5px 20px;
  color:#FFFFFF;
  font-weight: bold;
}
.batc-notify-content-panel div
{
  text-align: center;
}
.batc-notify-content-panel input[type="text"]
{
  width: 300px !important;
  height: 28px !important;
  border: 1px solid #99b3ff;
  font-size: 14px;
  font-style: italic;
}
.batc-notify-content-panel
{
  padding-top:15px;
}
.batc-submit
{
  background: url(../images/submit.png) no-repeat;
  width: 102px;
  height: 25px;
  cursor: pointer;
  margin: 20px auto;
}
.batc-notify-content-panel textarea
{
  width: 300px !important;
  border: 1px solid #99b3ff;
  font-size: 14px;
  resize: none;
  height: 60px;
  font-style: italic;
}
.batc-notify-success
{
  font-size: 14px;
  font-style: italic;
  color: #99B3FF;
  display: none;
  font-weight: bold;
}
.batc-parent-option,.batc-parent-option-title
{
  display: inline-block;
}
.batc-parent-option-title
{
  width: 200px;
}
.batc-parent-option select
{
  width: 200px;
}
.batc-panel-top
{
  width: 95%;
  padding:10px;
  background-color:#0091CD;
  color:#FFFFFF;
  margin-top: 20px;
  font-weight: bold;
}
.batc-panel-top div
{
  display: inline-block;
  width: 16%;
}
.batc-notify-email-panel
{
  width: 97.2%;
  border: 1px solid #0091CD;
  height: 200px;
  overflow: auto;
}
.batc-details-sub img
{
  padding: 5px 0px 0px 5px;
  width: 25px;
}
.batc-details-sub .batc-view
{
  display: inline-block;
  width:16%;
  vertical-align: middle;
}
.batc-details-sub .batc-view:last-child
{
  margin-left: 35px;
  width: 15%;
}
.batc-details-sub
{
  width: 100%;
  display: block;
  border-bottom: 1px solid #0091CD;
}
.batc-details-sub:last-child
{
  border-bottom:none;
}
.batc-details-sub input[type="checkbox"]
{
  margin-left: 10px;
}
.batc-editor,.batc-email-from,.batc-send-mail
{
  width: 97.4%;
  margin-top: 20px;
}
.batc-editor div,.batc-email-from div
{
  width: 100%;
}
.batc-editor textarea
{
  resize: none !important;
  width: 100%;
  border: 1px solid #0091CD;
  height: 50px;
}
.batc-email-from input[type="email"],.batc-email-from input[type="text"]
{
  height: 25px;
  width: 100%;
  border: 1px solid #0091CD;
}
.bact-mail-title
{
  margin-bottom: 20px !important;
}
.batc-select-product,.batc-noti-msg
{
  width: 100%;
  text-align: center;
  padding-top: 20px;
  font-weight: bold;
  font-size: 15px;
}

@media all and (max-width:650px) and (min-width:320px)
{
  .batc-attribute-name,.batc-attribute-value,.batc-variation-price
  {
    margin-left: 15px;
  }
  .batc-qty-sub
  {
    margin: 5px 0px 0px 15px;
  }
  .batc-qty-div input[type="text"] 
  {
    width: 25px;
  }
  .batc-table-list-column span
  {
    padding-left: 10px;
  }
  .batc-table-list-column
  {
    padding-right: 5px;
  }
  .batc-table-list-column img
  {
    width: 25px !important;
  }
  .batc-qty-sub input[type="text"]
  {
    margin-right: 5px;
  }
  .batc-table-list-column .batc-qty-label
  {
    padding-left: 0px;
  }
  .batc-details-button a
  {
    margin-left: 10px;
  }
  .batc-details-content
  {
    width:300px;
    margin-left: -150px;
  }
  .batc-stock-status div,.batc-availableStock div,.batc-offerStart div,.batc-offerEnd div,.batc-weight div,.batc-length div,.batc-width div,.batc-height div,.batc-description div
  {
    width: 100px;
  }
  .batc-description div:first-child
  {
    width: 100px;
  }
  .batc-description div:nth-child(2)
  {
    width: 130px;
  }
}