﻿@media (max-width:400px) {
 .patchCables .contents table a , .patchCables .contents table tr th{
  font-size:10px;
 }
 .patchCables .contents table td
 {
    overflow:hidden;     
}
 .patchCables .contents table tr th {
  /*! font-size:10px */
 }
 .patchCables .contents table th.rowhead {
  font-size:10px
 }
 .patchCables .contents table a>i {
  font-size:10px
 }
}
#SearchProduct
{
display:inline;
}
.header-container
{
    min-height:62px;
}
#header-middle ul.mainNav li a
{
    padding:20px 15px 26px;
}
.slick-track,#slider
{
    max-height:430px;    
    overflow:hidden;
}
.login-submit
{
    width:100%;    
}
.field-validation-error
{
    color:Red;    
}
.input-validation-error
{
    border-color:red;    
}
.sweet-alert h2
{
    font-size:20px;
}
.sweet-alert .text-muted
{
    font-size:16px;    
}
#panel .inner-page .panel-footer a
{
     font-size:13px;
}
.pricestyle font
{
    text-decoration: line-through;    
}
#userBox
{
    position:relative;
}
.hoverCart
{
    top:45px;    
    min-width:600px;
}
.panel-footer a
{
    
}
#basket .extPrice
{
    width:70px;
}
.shippingOptionContainer
{
    display:block;
}
.validation-summary-errors li
{
    line-height:18px;
    height:18px;    
}
.step3 .form-control
{
    padding:0px;    
}
/*UI Loading*/
.loading-message {
  display: inline-block;
  min-width: 125px;
  margin-left: -60px;
  padding: 10px;
  margin: 0 auto;
  color: #000 !important;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle; }
  .loading-message.loading-message-boxed {
    border: 1px solid #ddd;
    background-color: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); }
  .loading-message > span {
    line-height: 20px;
    vertical-align: middle; }

.page-loading {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 125px;
  margin-left: -60px;
  margin-top: -30px;
  padding: 7px;
  text-align: center;
  color: #333;
  font-size: 13px;
  border: 1px solid #ddd;
  background-color: #eee;
  vertical-align: middle;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); }
  .page-loading > span {
    line-height: 20px;
    vertical-align: middle; }

.page-spinner-bar {
  position: fixed;
  z-index: 10051;
  width: 100px;
  top: 40%;
  left: 50%;
  margin-left: -55px;
  text-align: center; }
  .page-spinner-bar > div {
    margin: 0 5px;
    width: 18px;
    height: 18px;
    background: #eee;
    border-radius: 100% !important;
    display: inline-block;
    -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
    animation: bounceDelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .page-spinner-bar .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s; }
  .page-spinner-bar .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s; }

.block-spinner-bar {
  display: inline-block;
  width: 80px;
  text-align: center; }
  .block-spinner-bar > div {
    margin: 0 2px;
    width: 15px;
    height: 15px;
    background: #eee;
    border-radius: 100% !important;
    display: inline-block;
    -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
    animation: bounceDelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .block-spinner-bar .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s; }
  .block-spinner-bar .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s; }
.category_ul
{
   
   
}
.category_ul li:first-child
{
    border-top:1px solid #999;
    border-left:1px solid #999;
    margin-left:1px;
}
.category_ul .topborder
{
    border-top:1px solid #999;
}
.category_ul .leftborder
{
    border-left:1px solid #999;
}
.category_ul li
{
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    float:left;
    width:16.4%;
    text-align:center;
    overflow:hidden;
    cursor:pointer;
    height:40px;
    line-height:40px;
    font-weight:bold;
    list-style:none;
}
.category_ul a
{
    
}
.category_ul li:hover,.category_ul li:hover a,.category_ul .selected,.category_ul .selected a
{
   background-color:Orange;
   color:Red;  
}
.table .desc
{
    width:400px;    
}
.table .desc,.table .no,.table .carton,.table .stock,.table .eta
{
    padding:10px;    
}
.checkout .qty input
{
    width:80px;    
}
.padding-5-for-table tbody tr td
{
    padding:5px;
}
.padding-10-for-table tbody tr td
{
    padding:10px;
}
.smallTitle
{
   position: relative;
    margin-top: 10px;
    text-align: right;
    height: 30px;
    margin-bottom: 35px; 
}
.smallTitle span
{
    position: absolute;
    top: 35px;
    z-index: 1;
    left: 0px;   
    font-weight:bold;
    font-size:1.2em;
}
.smallTitle a
{
    font-size:14px;    
}
.qty input,.checkout .table td.qty,input[name="qty"]
{
    text-align:right;    
}
.home .mainCol .col-md-3 .panel
{
    min-height:250px;    
}
.qty{ position:relative;}
.qty-red{position:absolute; top:0px; left:0px;color:Red;line-height:28px;}
.quickOrder .no{ width:auto;}
.quickOrder .id{ min-width:130px;}
.nav > li.welcome{ font-size:15px; color:Yellow;}
#CreditCardPaymentInfo .input-text,#CreditCardPaymentInfo .input-requiredtip,#CreditCardPaymentInfo .input-errortip
{
    display:inline-block;    
}