/*css file for adding customisations to bootstrap*/

body
{
    background-color: #e1edf0;
    color: black;    
}

h5 {
	font: 1.4em Arial, Helvetica, sans-serif;
	color: #FFF;
}

.crossout
{
text-decoration: line-through
}

.breadcrumb
{
  margin-bottom: 0;
}

a:link, a:visited {
	color: grey;
	text-decoration: none;
}
a:hover, a:active {
	color: grey;
	text-decoration: underline;
}



.sidebar, #MobFilter{
    
    background-color: grey;
    color: #fff;
    
}

.sidebar a:link, .sidebar a:visited {
	color: #fff;
	text-decoration: underline;
}

.sidebar a:hover, .sidebar a:active {
	color: #fff;
	text-decoration: underline;
}

a.list-group-item:link, a.list-group-item:visited, a.list-group-item:hover, a.list-group-item:active {
  text-decoration: none;
  color: #fff;
}

.panel
{ 
  background-color: grey;
  color: #fff;
  margin-bottom: 0px;
}

.list-group
{ 
  margin-bottom: 0px;
}

.list-group-item
{ 
  background-color: grey;
  color: #fff;
}

a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus
{
  color: grey;
  background-color: #fff;
}


table
{
    
  border: 1px solid #fff;  
  border-spacing: 5px;
  border-collapse: collapse;
}
td,
th {
  padding: 5px;
  border: 1px solid #fff;
}
th {
    background-color: #fff;
    color: #000;
}

td.red
{
    background-color: red;
}
  


form {
	display: inline;
	background-color: #fff;
}

.form-control-addsearch {
color:#fff;
background-color:#555;
}

.form-control-addsearch::-moz-placeholder {
color:#fff;
opacity:1
}

.form-control-addsearch:-ms-input-placeholder {
color:#fff
}

.form-control-addsearch::-webkit-input-placeholder {
color:#fff
}

.form-control:focus {
  border-color: #1C1C1C;
}

input, select {
    
    color: #000;
    background-color: #fff;
    
}

select option{
    
    color: #000;
    background-color: #fff;
    
}

img.fullwidth{
    
    width: 100%;
    
}

.sidebar input, .sidebar select {
    
    color: #000;
    background-color: #fff;
    
}

.pager .pageno
{
    padding: 14px 14px;   
}

.pager li > a,
.pager li > span {
  background-color: #fff;
  color: #000;
  border: 1px solid #ddd;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #000;
  color: #fff;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #ddd;
}






.pagination>li>a,
.pagination>li>span
{
color:grey;
border:1px solid #ddd;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover
{
color:#000;
background-color: #eee;
  border-color: #000;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover
{
color:#fff;
background-color:#000;
border-color: #fff;
}



.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover
{
background-color:#000;
border-color:#000;
}

.breadcrumb
{
background-color:#000;
}
    
    
.breadcrumb>li+li:before
{
color:#fff;
}
        
.breadcrumb>.active
{
color:grey;
}

 .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 70%;
      margin: auto;
      
      
  }
  

  
  .navbar form{
    
    background-color: #222;
  }
  
  .navbar-default{
color: #fff;
background-color: #39b3d7;
border-color: #269abc;
}
.navbar-default .navbar-nav > li > a{
 color:#fff;
 
}
.navbar-default .navbar-nav > .dropdown > a .caret{
 border-top-color: #fff;
    border-bottom-color: #fff;
}
.navbar-default .navbar-brand{
 color:#fff;
}
.menu-large {
  position: static !important;
  
}
.megamenu{
  padding: 20px 0px;
  width:100%;
  
  
}
.megamenu> li > ul {
  padding: 0;
  margin: 0;
  background-color: #fff;
}
.megamenu> li > ul > li {
  list-style: none;
   font-weight: bold;
}
.megamenu> li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}
.megamenu> li ul > li > a:hover,
.megamenu> li ul > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  color: #999999;
}
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.megamenu.dropdown-header {
  color: #428bca;
  font-size: 18px;
   
}
@media (max-width: 768px) {
  .megamenu{
    margin-left: 0 ;
    margin-right: 0 ;
  }
  .megamenu> li {
    margin-bottom: 30px;
  }
  .megamenu> li:last-child {
    margin-bottom: 0;
  }
  .megamenu.dropdown-header {
    padding: 3px 15px !important;
 
  }
  .navbar-nav .open .dropdown-menu .dropdown-header{
 color:#000;

  }
}

.embed-responsive-custom {
  padding-bottom: 80%;
}

.well {
  background-color: #fff;
  border: 2px solid;
  border-color: #000;
  color: #000;
  
}

.alert-info {
  color: #000;
  background-color: #fff;
  border-color: #000;
}

.alert-info a{
  color: #000;
  
}

.panel-heading .accordion-toggle h4:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  
    content: "\e113";    
    float: right;        
    color: grey;        
    overflow: no-display;
}
.panel-heading .accordion-toggle.collapsed h4:after {
    /* symbol for "collapsed" panels */
    content: "\e114";    
}

.panel-body {
  padding: 0px;
}

a.accordion-toggle{
    text-decoration: none;
}

.panel-heading h4, .panel-heading a:link, .panel-heading a:visited, .panel-heading a:hover, .panel-heading a:active{
    
    
    color: grey;
    text-decoration: none;
    
}



.btn-primary {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus{
  color: #000;
  background-color: #fff;
  border-color: #fff;
}


.well .btn-primary:focus,
.well .btn-primary.focus,
.well .btn-primary:hover,
.well .btn-primary:active,
.well .btn-primary.active,
.open > .dropdown-toggle.well.btn-primary,
.well .btn-primary:active:hover,
.well .btn-primary.active:hover,
.open > .dropdown-toggle.well.btn-primary:hover,
.well .btn-primary:active:focus,
.well .btn-primary.active:focus,
.open > .dropdown-toggle.well.btn-primary:focus,
.well .btn-primary:active.focus,
.well .btn-primary.active.focus,
.open > .dropdown-toggle.well.btn-primary.focus{
  
  border-color: #000;
}


 .float-left{
    
    float: left;
    
 }
 
 .float-right{
    
    float: right;
    
 }
 
 div.sale{
    
    float:right;
    background-color:red;
    text-align: center;
    color:white;
    
 }
 
 table.hatsize, table.deliv, table.hatsize tr, table.hatsize td, table.deliv tr, table.deliv td{
    
    border: 1px solid #000;
    background-color:#fff;
    padding: 5px;
    color: #000;
    
 }
 
  table.deliv th{
    
    border: 1px solid #fff;
    background-color:#000;
    padding: 5px;
    color: #fff;
    
 }




div.tab{
    
    width: 100%;
}

.highlight{
    
    background-color: #1C1C1C;
    
}

div.footer{
    
    font-style: italic;
    font-size: smaller;
    background-color: #222;
    color: #9d9d9d;
    padding: 15px 15px;
    
}

div.footer a:active, div.footer a:hover{
    
    text-decoration: none;
    color: #fff;
    
}