/* !GREEN */
body {
    color: #959595; 
    background-image: url(https://www.puffin-e-liquids.com/images/backy.jpg);    
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color:#F9F9F8;
}   
  
  
  
  

/* For mobile devices */
@media only screen and (max-width: 767px) {
  body {
    /* The file size of this background image is 93% smaller
     * to improve page load speed on mobile internet connections */
    background-image: url(https://www.puffin-e-liquids.com/images/backmobile.jpg);
  }
	} 
    
    








a, a:visited {color: #959595;}
a:active, a:hover, .active a {color: #da7d03;}

.back-to-top {
background-color: transparent; /* button color */
    display: none;
    z-index: 999;
    /* float in bottom right corner */
    /* 20 pixels from edge */
    position: fixed;
    right: 20px;
    bottom: 20px;
    /* size of button is 50 pixels*/
    width: 50px;
    height: 69px;

}

a.back-to-top {
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.6;
    padding-left: 0px;
    padding-top: 4px;    
}

a.back-to-top .arrow:before {
    line-height: 1;



    text-align: center;
    display: block;
    vertical-align: middle;

    cursor: pointer;
    margin-left: -12px;
}
}

a.back-to-top, a.back-to-top:hover, a.back-to-top:active, a.back-to-top:visited  {
    color: #535353 !important;
}

h1{font-weight: normal; color: #000;}
h2{color: #3F3F3F;}
h3{color: #000;}
h4{color: #3F3F3F;}
h5{color: #000;}
h6{color: #000;}


.breadcrumbs > * a {
      color: #f2f2f2; }
.breadcrumbs > *.current {
      color: #333333;
 }

.search-button{
  background: #3F3F3F;
  color: #fff;
}
.search-button:hover{
  background: #da7d03;
}
#box-search small .fa{
  color: #3F3F3F;
}
#box-search small .fa:hover{
  color: #3F3F3F;
}
.sidebar h3, .navigation .branch-name{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#686868+0,3f3f3f+100 */
background: #686868; /* Old browsers */
background: -moz-linear-gradient(top,  #686868 0%, #3f3f3f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#686868), color-stop(100%,#3f3f3f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #686868 0%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #686868 0%,#3f3f3f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #686868 0%,#3f3f3f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #686868 0%,#3f3f3f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-9 */
border-top-left-radius:10px;
border-top-right-radius:10px;
color: #fff;
}

#box-progress .current a{
color: #fff;
}
#box-progress .next a, #box-progress .previous a{
  color: #a5a5a5;
}

#box-progress .current{
  background: #3F3F3F;
  color: #fff;
}

#box-progress .next, #box-progress .previous{
  background: #EFEFEF;
}
.basket-detail {
  border: 2px solid #404040;
}
.mini-basket-arrow {
    border-bottom: 5px solid #404040;
}
.small-basket-detail-container{
  background: #404040;
}






.check-with-label:checked + .label-for-check {
  color: green;
  font-size: 18px;
}


.label-for-check {
  color: #bd3737;
  font-size: 18px;
}


table.banner {
	width: 450px; 
	border: 1px solid #eba634; 
	padding: 5px; border-radius: 10px; 
	background-color: #686868; 
	padding-top: 8px;
	
}