/* CSS Document */

@font-face {
  font-family: Roboto;
  src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
  font-family: Vinyl;
  src: url(../fonts/Vinyl_George.ttf);
}

body{
	height: 100%;
	background-color:#000000;
	margin:0;
	font-family:Roboto;
}

.topbox{
	margin:0px; padding:15px; text-align:left; border-bottom:solid 1px #ffffff;background-color:#ffffff;
}

.left {
 float:left;
 width:20%;
 text-align:center;
 -webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box;    
 box-sizing: border-box;
}

.left a {
  background-color:#000000;
  padding:5px;
  padding-left:15px;
  /*border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;*/
  font-family: Vinyl;
  display:block;
  width:100%;
  text-decoration:none;
  border-bottom:1px #ffffff solid;
  font-size:2.8vw;
  color:#ffffff;
  text-align:left;
  -webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box;    
 box-sizing: border-box;
  }
  
.left a:hover {
  text-decoration:none;
  color:#cccccc;
}

.main {
  float:left;
  width:60%;
  padding:5px;
  min-height:450px;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;    
  box-sizing: border-box;
  color:#ffffff;
}

.heading{
	width:100%;
	font-family: Vinyl;
	font-size:2.8vw;
}

.main_split{
	width:50%;
	float:left;	
	padding:5px;
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box;    
  box-sizing: border-box;
}


.img_size{
  width:60%;	
}

.img_size_prod{
  width:80%;	
}

.right {
  float:left;
  width:20%;
  text-align:center;
  padding:5px;
-webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box;    
 box-sizing: border-box;
 color:#FFFFFF;
}

.footer{
  /*height:60vh;*/
  background-color:#000000;
  text-align:center;
  padding:10px;
  padding-left:10%;
  padding-right:10%;
  font-size:11px;
  color:#ffffff;
  min-height:100px;
  -webkit-box-shadow: inset 0px 2px 8px 5px rgba(0,0,0,0.29); 
  box-shadow: inset 0px 2px 8px 5px rgba(0,0,0,0.29);
  /*background: url(../images/backing.png);
  background-repeat: repeat;*/
}
.footer_split{
	width:20%;
	float:left;
	text-align:left;
}

.lower_footer_u{
  -webkit-box-shadow: inset 0px 2px 8px 5px rgba(0,0,0,0.29); 
  box-shadow: inset 0px 2px 8px 5px rgba(0,0,0,0.29);
  height:50px;
  background: url(../images/backing_grad_rev.png);
  background-repeat: repeat;
  margin-bottom:5px;
}
.lower_footer{
  -webkit-box-shadow: inset 0px 2px 8px 5px rgba(0,0,0,0.29); 
  box-shadow: inset 0px 2px 8px 5px rgba(0,0,0,0.29);
  height:50px;
  background: url(../images/backing_grad_rev.png);
  background-repeat: repeat;
}

.logo{
	width:12%;
}

.img_resize{
	width:100%;
}

.list{
	width:100%;
	margin-bottom:10px;
}

.item{
	width:30%;
	float:left;
	-webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box;    
 box-sizing: border-box;
 padding:5px;
}

.item_prod{
	width:50%;
	float:left;
	-webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box;    
 box-sizing: border-box;
 padding:5px;
}
.item_main{
	width:50%;
	float:left;
	-webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box;    
 box-sizing: border-box;
 padding:5px;
}
.item_desc{
 margin-left:20px;
 width:70%;
 float:left;-webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box;    
 box-sizing: border-box;
 padding:5px;
 text-align:left;
}

.item_desc_prod{
	margin-left:-20px;
	width:50%;
	float:left;-webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box;    
 box-sizing: border-box;
 padding:5px;
}
.product{
	margin:auto;
}
.size{
	width:13%;
	text-align:center;
	padding:5px;
	float:left;-webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box;    
 box-sizing: border-box;
 border:solid 1px #e6c616;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 margin:5px;
  font-size:12px;
  text-decoration:none;
  color:#e6c616;
}
.back_button{
	width:100%;
	text-align:center;
	padding:5px;
 -webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box;    
 box-sizing: border-box;
 border:solid 1px #e6c616;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
margin:0px;
  font-size:12px;
  text-decoration:none;
  color:#e6c616;
  background-color:transparent;
  cursor:pointer;
  -webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box;    
 box-sizing: border-box;
}
.postal{
display:none;	
}
.size a{
	
	color:#e6c616;
}

.size_no{
	width:13%;
	text-align:center;
	padding:5px;
	float:left;-webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box;    
 box-sizing: border-box;
 border:solid 1px #f2f2f2;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
 margin:5px;
 font-size:12px;
 color:#cccccc;
}

.add_to_cart{
	
  width:200px;
  text-decoration:none;color:#e6c616;border:solid 1px #e6c616; border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;padding:5px;font-size:14px;
 text-align:center;
	
}

.add_to_cart a{
 text-decoration:none;color:#e6c616;
}

.add_to_cart_v2{
	
  width:200px;
  text-decoration:none;
  color:#e6c616;
  border:solid 1px #e6c616;
  border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;padding:5px;font-size:14px;
  text-align:center;
	
}
.little_cart{
	float:right;
	right:0px;
	top:0px;
	position:absolute;
	padding:5px;
}

.add_to_cart_v2 a{
 text-decoration:none;color:#e6c616;
}

 #gallery{
	/* position:absolute;
	 z-index:14;	
	 margin-left:2px;  */
	 width: 100%;
  }
  
 #gallery ul{

  width: 100%;
  margin-right: auto;
 margin-left:-50px;
	 
	 
 }
  #gallery ul li{
 display:inline;
 
 }
 
   #gallery ul li a img{
	
	  padding:10px;
	  color:#FFFFFF;
	 
 }
 
  .thumbnail {
  width: 35px;
  height: 35px;
  overflow: hidden;
}

textarea,select,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
  -webkit-appearance: none;
  border-radius: 0;
}

@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .left, .main, .right  {
    width:100%;
	margin-bottom:20px;
  }
  
  .topbox{
	margin:0px; padding:15px; text-align:center;

}

.logo{
	width:50%;
}

 
.left{
 display:none;
}

 .resp_img{
	 width:50%; 
 }


.logo{
	width:50%;
	height: auto;
}

.resize{
	width:80%;
	height:auto;
	margin:auto;
}

.footer_col{
	width:100%;
	margin-top:10px;
}

.main_split{
	width:100%;
		
}
.hide{
	display:none;
}

.lower_head{
	width:100px;
	height:10px;
	font-family:Vinyl;
	background-color:#000000;
	
}

.item{
	width:100%;
	float:left;
	margin:0px;
}

.item_prod{
	width:100%;
	float:left;
	margin:0px;
}

.item_desc{
	width:100%;
	float:left;
	margin:0px;
}

.item_desc_prod{
	width:100%;
	float:left;
	margin:0px;
}

.img_size{
  width:100%;	
}

.img_size_prod{
  width:100%;	
}

.add_to_cart{
	
  width:90%;
  text-decoration:none;color:#e6c616;border:solid 1px #e6c616; border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;padding:5px;font-size:14px;
 margin:auto;
	
}

.add_to_cart_v2{
	
  width:90%;
  text-decoration:none;
  color:#e6c616;
  border:solid 1px #e6c616;
  border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;padding:5px;font-size:14px;
  text-align:center;
	margin:auto;
}

.desc{
display:none;	
}

}