/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

 #content .col-full{
 	margin-top:69px;
 }
 
@media (min-width: 667px){

	.site-header{
		padding-bottom:0px;
		/*border-bottom:none !important;*/
	}

	.col-full {
		max-width: 85%;
	}
	
	.site-header-cart .cart-contents:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		color:#e46a6b;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		height: 1em;
		float: left;
		content: "\f291";
		line-height: 1.618;
		padding-right:10px;
	}
	
	.site-header-cart .cart-contents:after{
		display:none;
	}
	
	.site-header-cart .cart-contents{
		padding:0px !important;
		font-size:17px;
	}
	
	.left-sidebar .widget-area {
		background:#fcfbfb;
		padding:20px;
	}
	

	

	/**************************************/
	/**remove the side nav from the produc page, make the product page 100%**/
	 #secondary_product {
		position: absolute;
		border-right: 2px solid #e46a6b;
		display: block;
		left: 0px;
		display:none;
		border-radius: 5px;
		webkit-box-shadow: 0 0 10px #ccc;
		box-shadow: 0 0 10px #000;
		margin-left:-300px;
	}
	
	
	#categorymenu{
		position: fixed;
		width: 75px;
		height: 77px;
		background-image: url(../../../../wp-content/themes/storefront/images/categorymenu.png);
		display: block;
		text-indent: -999999px;
		left: 0;
		 transition: width 2s;
		 cursor:pointer;
	}
	
	#categorymenu:hover{
		background-position: 0 -73px;
	}
	
	
	.left-sidebar .widget-area{
		padding:0px;		
	}
	
	 #primary_product {
		width:100% !important;
	}
	/*************************************/

}


/***********CART**********************/
body.woocommerce-cart #secondary{
	display: none;
}


body.woocommerce-cart #primary{
	width:100% !important;
}


td.product-name a{
	color: #555;
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    padding: 8px;
}
/***********CART**********************/
.required{
	color: #e46a6b;
}

.categoryname{
	float:left;
	width:100px;
}

.topprodright{
	float: right;
	padding: 5px;
	background: #58bbed;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	position: relative;
    top: 40px;
}

.topprodright span{
	font-family: "Rammetto One";
	font-size: 15px;
	padding: 0px 5px;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #b2b0b0;
  font-size:13px;
  font-family:trebuchet MS;
  font-style: italic;
}
::-moz-placeholder { /* Firefox 19+ */
color: #b2b0b0;
  font-size:13px;
  font-family:trebuchet MS;
  font-style: italic;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #b2b0b0;
  font-size:13px;
  font-family:trebuchet MS;
  font-style: italic;
}
:-moz-placeholder { /* Firefox 18- */
	color: #b2b0b0;
  font-size:13px;
  font-family:trebuchet MS;
  font-style: italic;
}

.colortypeoptions{
	float: left;
    display: block;
    width: 100%;
    background: #9bb3b7;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-top: 12px;
}

.wb_segementedoptions, .wb_swirloptions, .wb_glowoptions, .wb_customoptions, .cc_customoptions{
	display:none;
}

.description_container ul{
	background: #f6f4f4;
    font-style: italic;
    font-size: 14px;
    padding: 43px;
    font-family: times new roman;
    border-radius: 5px;
}

.description_container ul li{
	padding:10px 0px;
}

#tab-description ul {
	list-style: none;
	font-style: italic;
	color:#6e6c6c;
	padding: 5px;
}

.ctoptions{
	float:left;
	padding:5px;
}

.ctoptions input{
	cursor:pointer;
}

.woocommerce-product-gallery__image{
	width:468px !important;
}

ol.flex-control-nav{
	height: 440px;
	top:384px;
}

.cartmenu{
	position: absolute;
    bottom: 4em;
}

.cartmenu a{
    color: #fff;
    border: 1px solid #ff9933;
    padding: 15px 100px;
    background: #ff9933;
    border-radius: 3px;
    font-size: 19px;
}	

.cartmenu:before{
	content: "\f0a8" !important;
    color: #fff;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: -0.459209em;
    position: relative;
    left: 94px;
}

/*************************TABS**************************/
.woocommerce-Tabs-panel {
	width:100% !important;
	float:left;
	border: 1px solid #ddd;
	padding:10px;
}

#primary_product .tabs{
	float:left;
	width:100%
}

.woocommerce-tabs{
	position: relative;
	top:-150px;
}


.woocommerce-tabs ul.tabs li{
	float: left;
    margin-right: 1px;
    border-top-right-radius: 10px;
}

.woocommerce-tabs ul.tabs li a{
	background: #a0d468;
    padding: 7px 10px;
    border-top-right-radius: 13px;
    color: #fff;
    font-size:14px;
}

.woocommerce-tabs ul.tabs li a:hover{
	background: #74a474;
}

.woocommerce-tabs ul.tabs li.active a{
	background: #e46a6b;
    color: #fff;
}


/*************************TABS**************************/

#homepopular ul li{
		float: left;
		box-shadow: 0px 0px 0px 1px #eee;
		margin: 15px;
		padding: 10px;
		text-align: center;
		max-width: 30%;
		position:relative;
}

.freeshipping{
	width: 0px;
    height: 0px;
    border-style: inset;
    border-width: 0px 0px 68.2px 82px;
    border-color: transparent transparent transparent #cbdbe3;
    float: left;
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    top: 0;
    position: absolute;
    left: 0;
}

.productonsale{
	position: absolute;
	width: 94px;
	height: 106px;
	background-image: url(../../../../wp-content/themes/storefront/images/saleimage.png);
	top: 0px;
    right: -22px;
	text-indent:-99999px;
	border:none !important;
}

.onsale {
	position: absolute;
    width: 94px;
    height: 106px;
    background-image: url(../../../../wp-content/themes/storefront/images/saleimage.png);
    top: 0px;
    right: 0px;
    text-indent: -99999px;
    border: none !important
}	
	
.freeshipping p {
		text-align: left;
		top: 0;
		left: -78px;
		position: relative;
		width: 56px;
		height: 93px;
		margin: 0px;
		color: #fff;
		font-size: 9px;
		line-height: 12px;
		margin-top: 4px;
		font-weight:bold;
}
	

#alertnowidth{
	display:none;
	float: left;
    margin-top: 10px;
    color: #e46a6b;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    font-family: sans-serif;
}

.site-header{
	padding-top: 0px !important;
}
 
 .site-midbranding{
		margin-bottom:10px;
 }
 
 
 .site-midbranding h2{
	font-size: 14px;
    font-family: arial;
    text-transform: uppercase;
    font-style: italic;
    padding: 5px;

 }
 
 #sitedesc, #contactinfo, #certification{
	float:left;
 }
 
 #contactinfo{
	border-left:1px solid #ccc;
	padding: 0px 5px;
	border-right: 1px solid #ccc;
 }
 
  #basket{
	border-left:1px solid #ccc;
	padding: 0px 5px;
	min-height:57px;
	float:left;
 }
 
#basket ul li a span{
	display: block;
    width: 132px;
    text-align:right;
 }
 
 #contactinfo .phonetop{
	background-image: url('../../../../wp-content/themes/storefront/images/phoneicon_03.png');
	background-repeat:no-repeat;
	background-position: left;
	padding-left:40px;
 }
 
 #contactinfo .phonetop span{
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
 }
 
  #contactinfo .emailtop{
	background-image: url('../../../../wp-content/themes/storefront/images/emailicon_03.png');
	background-repeat:no-repeat;
	background-position: left;
	padding-left:40px;
	font-size: 15px;
 }
 
 
 
#sitedesc{
	width:21%;
 }
 
 #certification{
	background: url('../../../../wp-content/themes/storefront/images/googleicon_03.jpg') no-repeat;
	display: block;
    height: 57px;
    width: 105px;
    text-indent: -9999px;
    margin-left: 14px;
    float: left;
    display: none;
 }
 
 #topline{
	position: relative;
    z-index: 9999;
	width:100%;
	background:#8c8a8a;
	height:20px;
	border-bottom:5px solid #ece9e9;
 }
 
#topnav{
	position: relative;
    z-index: 9999;
}	
 
 #topnav ul{
	list-style-type: none;
    float: right;
    position: absolute;
    right: 1px;
    top: 46px;
 }
 
 
  #topnav ul li{
	list-style-type:none;
	float:left;
	
 }
 
 #topnav ul li .customersupport{
	background:#e46a6b;
	padding:3px 8px 3px 10px;
	font-family: Oswald;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
	text-transform:uppercase;
	color:#fff;
	border-top-left-radius:8px;
	border-top:5px solid #ece9e9;
	border-right:2px solid #ece9e9;	
	border-left:5px solid #ece9e9;	
	margin-top: -5px;
    float: right;
	background-image: url('../../../../wp-content/themes/storefront/images/customersupport_03.png');
	background-repeat:no-repeat;
	background-position: left;
	padding-left:25px;
	-webkit-transition: width 2s; /* Safari */
    transition: width 2s;
	cursor:pointer;
 }
 
 .suggestfomr{
	float: left;
    position: absolute;
    right: 5px;
    width: 250px;
    background: #60c2e7;
    min-height: 300px;
    top: 90px;
    padding: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #000;
	display:none;
 }
 
 .suggestfomr p.text-form{
	padding-top:10px;
	font-size:12px; 
	font-style: italic;
	line-height:14px;
 }
 
 .suggestfomr  .btn-primary{
	background:#58bbed !important;
	color:#fff;
	border-radius:5px;
	  transition: width 2s;
 }
 
 .suggestfomr  .btn-primary:hover{
	background:#e46a6b !important;
 }
 
 .suggestfomr form fieldset {
	padding:5px;
 }
 
  .suggestfomr fieldset input, .suggestfomr fieldset textarea{
	margin-bottom: 5px;
	width:100%;
	border-radius:5px;
	border:none;
  }
 
  #topnav ul li .customersupport:hover{
	background:#c25253;
	background-image: url('../../../../wp-content/themes/storefront/images/customersupport_03.png');
	background-repeat:no-repeat;
	background-position: left;
	padding-left:25px;
  }
  
   #topnav ul li a.login{
	background:#b5c6c9;
	padding:3px 8px 3px 10px;
	font-family: Oswald;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
	text-transform:uppercase;
	color:#fff;
	border-top-right-radius:8px;
	border-top:5px solid #ece9e9;
	border-right:5px solid #ece9e9;	
	border-left:2px solid #ece9e9;	
	margin-top: -5px;
    float: right;
	background-image: url('../../../../wp-content/themes/storefront/images/loginicon_03.png');
	background-repeat:no-repeat;
	background-position: left;
	padding-left:25px;
	-webkit-transition: width 2s; /* Safari */
    transition: width 2s;
 }
 
  #topnav ul li a.login:hover{
	background:#9bb3b7;
	background-image: url('../../../../wp-content/themes/storefront/images/loginicon_03.png');
	background-repeat:no-repeat;
	background-position: left;
	padding-left:25px;
  }
  
  
  .sbh0{
	float: left;
    width: 65%;
    border-top-right-radius: 5px;
	  transition: width 8s;
  }
  
  
.widget_product_search form{
	position: relative;
    padding: 10px;
    border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
  
  
  .sbh{
	float: left;
    width: 100%;
	display:block;
  }
  
   #shopwithcategories{
		background-color: rgba(255, 255, 255, 0.8);
		position: absolute;
		width: 100%;
		z-index: 99;
		border-bottom:1px solid #9ca0a4;
		border-top:2px solid #8c8a8a;
		  transition: width 2s;
   }
   
   .searchbutton:before{
		display: inline-block;
		font: normal normal normal 12px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\f002";
		top: 1em;
		left: 1em;
		padding-right: 4px;
   }
  
  .searchbutton{
		margin-top: -8px;
		background: #8c8a8a;
		float: left;
		padding: 0px 20px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		margin-left: 0px;
		text-transform: uppercase;
		font-size: 12px;
		color: #fff;
		transition: width 12s;
		cursor: pointer;
		display:none;
  }
  
  .site-header .site-branding{
	margin-right:0.347826% !important;
  }
  
  .searchbutton:hover{
	background:#f5ac39;
  }
  
  
  .site-fullsearch{
	width:100%;
  }
  
  .site-fullsearch  input{
	background:#e3e0e0;
  }
  
  #shopwithcategories ul{
		list-style-type:none;
  }
  
  #site-header-impcart{
	width:100%;
  }
  
 #shopwithcategories ul li{
	float:left;
	width:8%;
	border-left:1px solid #fff;
	border-right:1px solid #bcbbba;
	/*padding:5px;*/
	text-align:center;
	 transition: .5s ease;
	line-height: 12px;
	min-height: 75px
  }

#shopwithcategories ul li.blankproducts{
	color:#fff;
	background:#a0d468;
	cursor: pointer;
  }


#shopwithcategories ul li.blankproducts ul{
	margin-top: 10px !important;
    float: left;
    width: 10%;
    position: absolute;
    top: 66px;
 }

#shopwithcategories ul li.blankproducts:hover{
	color:#fff;
	background:#e46a6b;

  }

  #shopwithcategories ul li.blankproducts:hover ul li{
	display: block;
  }

  
#shopwithcategories ul li.blankproducts ul li{
	width:100%;
	min-height:30px;
	padding-top:6px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background: #e46a6b;
	display: none;
	color:#fff;
  }

  #shopwithcategories ul li.blankproducts ul li a{
	color:#fff;
  }

 #shopwithcategories ul li.blankproducts ul li:hover{
 	color:#fff;
 }


  .site-header .widget{
	margin-bottom:0px
  }
  
  #shopwithcategories ul li:hover{
	background: rgba(255, 255, 255, 0.8);
  }
  
   #shopwithcategories ul li a{
	color:#4f4e4e;
	text-transform:uppercase;
	font-size:14px;
  }
  
  #shopwithcategories ul li img{
	width:70px;
	height:auto;
	margin:0 auto;
  }
  
  input.search-field{
	border-radius:8px;
	box-shadow{none}
  }
  
  
  .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail{
		height:700px;
  }
  
  .subcatmenuname{
		float:left;
		width:100%;
		display:block;
		font-size: 12px !important;
  }
  
/**home banner***/
.imagebanner{
	position:absolute;
	z-index:999;
	width:100%
}


.textcontentbanner{
	position: absolute;
	bottom:10px;
    z-index: 99999;
    color: #000;
	padding: 40px;
    background-color: rgba(255, 255, 255, 0.8);
	right:80px;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 20.4px;
	width:400px;
	height:auto;
}

.textcontentbanner h2{
	text-transform:capitalize;
	font-weight:500;
}

/**home banner***/

#homepopular{
	padding-top:20px;
	padding-bottom:30px;
	float:left;
}

#mostpopulartitle{
	text-align: center;
    margin: 20px 0px;
    font-family: oswald;
    color: #fff;
    font-size: 25px;
    background: #e46a6b;
    padding: 5px;
}

#homepopular .pricecontainer{
	font-style: italic
}

#homepopular .price  {
	font-weight:bold;
	font-family:arial;
	font-style: none;
}

#homepopular ul{
	list-style-type:none;
}

#homepopular ul li{
	    float: left;
    box-shadow: 0px 0px 0px 1px #eee;
    margin: 15px;
    padding: 10px;
    text-align: center;
    width: 22%;
   min-height: 459px;
    transition: all .2s ease;
    background: #fff;
    border: 1px solid #fafafa
}

#homepopular ul li img{
	padding: 0px;
    margin: 0px auto;
	margin-bottom:15px;
	width: 235px;
}

#homepopular ul li:hover{
	border: 1px solid #fff;
    -webkit-box-shadow: 0 0 10px #ddd;
    box-shadow: 0 0 10px #ddd;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
	background:#f8f8f8;
}

#homepopular ul li:hover .linkshop a{
    background: #2098D1;
	border:none;
	color:#fff;
}


#homepopular ul li h3{
	font-family: Oswald;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 21.4px;
    text-transform: uppercase;

}


#homepopular ul li .price{
	color:#e46a6b;
}

.pricecontainer{
	padding:10px 0px;
}

.linkshop a:before{
	right: 0;
    content: "\f217";
    color: #fff;
    border: none;
    background: 0 0;
    font: normal normal normal 14px/1 FontAwesome;
    speak: none;
    display: block;
    padding: 0;
    text-indent: 0;
    text-align: center;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none!important;
    font-weight: normal;
    font-size: 20px;
    float: left;
    padding-right: 10px;
    border-right: 1px solid #fff;
    margin-right: 10px;
}

.linkshop a{
	background:#a0d468;
	border:1px solid #a0d468;
	color: #fff;
	font-size:14px;
	padding:5px 10px;
}

.customizenow{
	background: #ff9933;
    border: 1px solid #ff9933;
    color: #fff;
    font-size: 14px;
    border-radius: 0px;
    text-align: center;
    width: 90px;
    margin: 0 auto;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.excerphome{
	font-family: 'Century Gothic';
	font-size:14px;
	color:#000;
}

#requestquote{
	font-family: Oswald;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
	text-align:center;
	padding:20px 0px;
	background:#fcfbfb;
}

#requestquote span{
	color:#e46a6b;
	font-weight:bold;
}

#requestquote a.linktoquote{
	font-size: 16px;
    border: 1px solid #58bbed;
    color: #58bbed;
    padding: 15px;
	background-image: url('../../../../wp-content/themes/storefront/images/quoteicon_03.png');
	background-repeat:no-repeat;
	background-position: 10px 5px;
    padding-left: 48px;
}

#requestquote a.linktoquote:hover{
	background:#f6f7f7;
	-webkit-transition: width 2s; /* Safari */
    transition: width 2s;
	background-image: url('../../../../wp-content/themes/storefront/images/quoteicon_03.png');
	background-repeat:no-repeat;
	background-position: 10px 5px;
    padding-left: 48px;
}

#hometext{
	padding:50px 0px;
	border-top: 1px solid #ccc

}

	#foureasysteps {
		background: #fcfbfb;
		padding: 30px 0px;
		width: 100%;
		float: left;
	}

#endorsement .e-col h2{
	font-family: Oswald;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 26.4px;
	text-align:center;
	padding:10px 0px;
	color:#fff;
	background:#b5c6c9;
}

.ftext{
	text-align:center;
	font-family: arial;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 20px;
	margin-bottom:40px;
}



.fstitle{
	font-family: Oswald;
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 26.4px;
    text-align: center;
	margin-bottom:20px;
}

#endorsement .e-col p{
	text-align: justify;
    padding: 15px;
    line-height: 20px;
    font-size: 14px;
    font-family: Helvetica Neue,Helvetica,Arial,\\6587\6CC9\9A5B\6B63\9ED1,WenQuanYi Zen Hei,Hiragino Sans GB,\\5137\9ED1 Pro,LiHei Pro,Heiti TC,\\5FAE\8EDF\6B63\9ED1\9AD4,Microsoft JhengHei UI,Microsoft JhengHei,sans-serif;
	
}

#endorsement .e-col a{
	text-align: center;
    font-size:12px;
	color:#fff;
	font-weight:bold;
	border : 1px solid #a0d468;
	padding:10px;
	background:#a0d468
}


.e-image img{
	width: 262px;
    margin: 0 auto;
    padding-top: 10px;
}


#endorsement .e-col{
	width: 22%;
    float: left;
    display: block;
    text-align: center;
    border: 1px solid #b5c6c9;
    margin: 1%;
    min-height: 425px;
}

#getcustomized{
	background:#fff;
	padding:30px 0px;
	width: 100%;
	float: left;
}

#getcustomizedimage{
	margin-top:60px;
}

#getcustomized .gc-col{
	float:left;
	width:33%;
	position: relative;
}

#getcustomized .gc-col img{
	width:100%;
	height:auto;
}



.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(88, 187, 237, 0.8);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

#getcustomized .gc-col:hover .overlay {
  height: 100%;
}

#getcustomized .text h2{
	text-transform:capitalize;
}

#getcustomized .text {
    color: white;
    font-size: 20px;
    position: absolute;
    overflow: hidden;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
   	font-size:14px;
}

#whoweare{
	background:#fcfbfb;
	padding:30px 0px;
	width: 100%;
	float: left;
}


#whoweare .wwa-col{
	width: 30%;
    float: left;
    display: block;
    text-align: center;
    margin: 1%;
    min-height: 425px;
	padding:3%;
}


.wwa-image img{
	width: 85px;
    margin: 0 auto;
    padding-top: 10px;
}

#homesubscribed{
	background:#fff;
	padding:30px 0px;
	background-image: url('../../../../wp-content/themes/storefront/images/bg_footer_03.png');
	background-repeat:no-repeat;
	background-position: 167% 10px ;
	float:left;
}

.subscribedtous, .paymentaccepted, .bestqualityproducts{
	float:left;
	width:100%;
}

#homesubscribed .fstitle{
	font-family: Oswald;
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 26.4px;
    text-align: left;
	margin-bottom:20px;
}

#homesubscribed .ftext{
	text-align:left;
	font-family: arial;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 20px;
	margin-bottom:40px;
}

.paymentacceptedimg{
	background-image: url(../../../../wp-content/themes/storefront/images/payment_03.png);
    background-repeat: no-repeat;
    width: 400px;
    height: 58px;
    margin-bottom: 50px;
}

.clienticoncontainer{
	float:left;
	width:100%;
	background:#fcfbfb;
	padding:10px;
}


.clienticons{
	background-image: url(../../../../wp-content/themes/storefront/images/clienticons_03.png);
    background-repeat: no-repeat;
    width: 834px;
    height: 80px;
	float:left;
}

.clienticontext{
	float: left;
    margin-top: 25px;
	color:#333333;
}

.footeraddress, ul.socialicons{
	float: left;
    margin-top: 5px;
	color:#fff;
}

#colophon{
	background:#b5c6c9;
	border-top:1px solid #fff;
}

#footercontainer{
	float:left;
	width:100%;

}

.footerleft{
	float: left;
    width: 30%;
}

 #footercontainer a.fa{
	font-size:30px;
	color:#fff;
	transition: .10s ease;
 }
 
  #footercontainer a.fa:hover{
	color:#8c8a8a;
 }

 
 .footerititle{
	font-family: Oswald;
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 26.4px;
    text-align: left;
	color:#fff;
} 

ul.socialicons{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

ul.socialicons li{
	float:left;
	margin:3px;
}
 
 .footerright{
	background-image: url(../../../../wp-content/themes/storefront/images/logowhite_07.png);
    background-repeat: no-repeat;
    width: 125px;
    height: 98px;
	float:right;
	margin-top:30px;
}

#subfooter{
	width:100%;
	background:#8c8a8a;
	color:#fff;
	padding:10px;
	font-size:12px;
	text-align:center;
}


#subfooter a{
	color:#fff;
}

#subfooter a:hover{
	color:#fcfbfb;
}

.woocommerce-breadcrumb{
	margin-bottom:0px !important;
}

h2.woocommerce-loop-product__title{
	text-align:left
}

.storefront-sorting{
	margin:0px;
}

.product_attributes{
	color:#000;
}

ul.products li.product{
	min-height:650px;
	height:650px;
}


ul.products li.product .button{
	margin-bottom: .236em;
    bottom: 0px;
    position: absolute;
    width: 100%;
    left: 0;
}

ul.products li.product .amount{
	color: #e46a6b;
    font-size: 25px;
    text-align: left;
}

ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2, ul.products li.product h3{
	font-family: 'Oswald';
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    line-height: 26.4px;
    text-align: left;
	color:#6d6d6d;
}

ul.berocket_aapf_widget li{
	padding: 10px;
    text-transform: capitalize;
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
	cursor:pointer;
}

ul.berocket_aapf_widget li:hover{
	background:#fff;
}

ul.products li.product .woocommerce-Price-currencySymbol{
	font-size:20px;
	font-weight:bold;
}

#leftnavprodcat ul li{
	float: left;
    width: 100%;
    margin: 0px;
    padding: 10px 0px;
    border-bottom: 1px solid #eee;
	transition: .5s ease;
}


#leftnavprodcat ul li:hover{
	background:#f2f2f2;
	color:#fff
}

#leftnavprodcat ul li a{
	text-decoration:none;
	text-transform:uppercase;
	width:100%;
}

#leftnavprodcat ul li a img{
	float:left;
}

.widget_product_categories ul li:before{
	display:none;
}


ol, ul{
	margin:0px !important;
}

.widget-title{
	margin-top:30px !important;
	float:left;
	width:100%;
	background-color:#f2f2f2;
	padding:10px !important;
}


.posted-on, .author, .cat-links, .comments-link, #post-navigation, #comments{
	display:none;
}

.entry-content{
	width:100%;
}

.berocket_aapf_widget input[type="checkbox"] + label:before{
	margin-right:10px;
}


table.cart td.product-quantity .qty{
	padding: .326em;
    width: 100px !important;
}

@media (min-width: 768px){
	table.cart .qty {
		padding: .875em;
		max-width: 100px;
	}
}

/*******************COLOR PICKER***************************/
ul.colorpicker{
	list-style-type: none;
    text-align: left;
    float: left;
    display: block;
    padding: 0px;
	margin:0px;
	width:100%;
	
}

ul.colorpicker li{
    font-style: italic;
    color: #ccc;
	float: left;
    padding: 0px 2px;
	cursor:pointer;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

ul.colorpicker li:hover{
	border:1px solid #ccc
}

/*******************COLOR PICKER***************************/


/*******************ATTRIBUTES*******************************/
ul.attributes{
	list-style-type: none;
    text-align: left;
    float: left;
    display: block;
    padding: 0px;
	margin:0px;
	
}



.col{
	width:100%;
	float:left;
	display:block;
}

.att_label{
	text-align:left;
	text-transform:uppercase;
	float:left;
	padding-right:3px;
}


ul.attributes li{
    font-style: italic;
    color: #000;
	float: left;
    padding: 0px 2px;
}

ul.colorpickercustomize li{
    font-style: italic;
    color: #000;
	float: left;
    padding: 0px 2px;
	border:1px solid #ddd !important;
}

/*******************ATTRIBUTES*******************************/

/**********************AVAILABLE COLORS CSS*******************************/

ul.attributes li.darkolivegreen{
	background:#556B2F;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li.darkorange{
	background:#FF8C00;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li.darkorchid{
	background:#9932CC;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li.darkred{
	background:#8B0000;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li.darksalmon{
	background:#E9967A;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li.darkseagreen{
	background:#8FBC8F;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li.darkslateblue{
	background:#483D8B;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li.darkslategray{
	background:#2F4F4F;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li.darkslategrey{
	background:#2F4F4F;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li.darkturquoise{
	background:#00CED1;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li.darkviolet{
	background:#9400D3;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li.deeppink{
	background:#FF1493;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li.deepskyblue{
	background:#00BFFF;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li.dodgerblue{
	background:#1E90FF;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

ul.attributes li.firebrick{
	background:#B22222;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li.floralwhite{
	background:#FFFAF0;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li .forestgreen{
	background:#228B22;
	background-image: url(../../../../wp-content/themes/storefront/images/Texture.png);
    width: 50px;
    height: 59px;
    float: left;
    margin: 1px;
    border-radius: 3px;
}

/*ul.attributes li.fuchsia{
	background:#FF00FF;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

ul.attributes li.gainsboro{
	background:#DCDCDC;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}*/
ul.attributes li.ghostwhite{
	background:#F8F8FF;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

/*ul.attributes li.gold{
	background:#FFD700;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}*/

ul.attributes li.goldenrod{
	background:#DAA520;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li.gray{
	background:#808080;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

ul.attributes li.dimgray{
	background:#696969;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

ul.attributes li.greenyellow{
	background:#ADFF2F;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li.honeydew{
	background:#F0FFF0;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li.hotpink{
	background:#FF69B4;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li.indianred{
	background:#CD5C5C;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

/*ul.attributes li.indigo{
	background:#4B0082;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}*/

ul.attributes li.ivory{
	background:#FFFFF0;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

/*ul.attributes li.khaki{
	background:#F0E68C;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

ul.attributes li.lavender{
	background:#E6E6FA;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}*/
ul.attributes li.lavenderblush{
	background:#FFF0F5;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.attributes li.lawngreen{
	background:#7CFC00;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

/***/

/*************colorpicker badgereel **********************/

ul.colorpickercustomize_BR li .black {
	background:#000;
	background-image: url(../../../../wp-content/themes/storefront/images/badgereel.png);
    width: 100px;
    height: 100px;
    float: left;
    margin: 1px;
    border-radius: 3px;
}


ul.colorpickercustomize_BR li .green{
	background:#006600;
	background-image: url(../../../../wp-content/themes/storefront/images/badgereel.png);
    width: 100px;
    height: 100px;
    float: left;
    margin: 1px;
    border-radius: 3px;
}

ul.colorpickercustomize_BR li .grey{
	background-color: #666666;
	background-image: url(../../../../wp-content/themes/storefront/images/badgereel.png);
    width: 100px;
    height: 100px;
    float: left;
    margin: 1px;
    border-radius: 3px;
}

ul.colorpickercustomize_BR li .royal-blue{
	background:#4169e1;
	background-image: url(../../../../wp-content/themes/storefront/images/badgereel.png);
    width: 100px;
    height: 100px;
    float: left;
    margin: 1px;
    border-radius: 3px;
}


ul.colorpickercustomize_BR li .forest-green{
	background:#228b22;
	background-image: url(../../../../wp-content/themes/storefront/images/badgereel.png);
    width: 100px;
    height: 100px;
    float: left;
    margin: 1px;
    border-radius: 3px;
}

ul.colorpickercustomize_BR li .maroon{
	background:#800000;
	background-image: url(../../../../wp-content/themes/storefront/images/badgereel.png);
    width: 100px;
    height: 100px;
    float: left;
    margin: 1px;
    border-radius: 3px;
}


ul.colorpickercustomize_BR li .navy-blue{
	background:#000080;
	background-image: url(../../../../wp-content/themes/storefront/images/badgereel.png);
    width: 100px;
    height: 100px;
    float: left;
    margin: 1px;
    border-radius: 3px;
}

ul.colorpickercustomize_BR li .orange{
	background:#ff9933;
	background-image: url(../../../../wp-content/themes/storefront/images/badgereel.png);
    width: 100px;
    height: 100px;
    float: left;
    margin: 1px;
    border-radius: 3px;
}

ul.colorpickercustomize_BR li .purple{
	background:#800080;
	background-image: url(../../../../wp-content/themes/storefront/images/badgereel.png);
    width: 100px;
    height: 100px;
    float: left;
    margin: 1px;
    border-radius: 3px;
}

ul.colorpickercustomize_BR li .red{
	background:#660000;
	background-image: url(../../../../wp-content/themes/storefront/images/badgereel.png);
    width: 100px;
    height: 100px;
    float: left;
    margin: 1px;
    border-radius: 3px;
}


ul.colorpickercustomize_BR li .white{
	background:#fff;
	background-image: url(../../../../wp-content/themes/storefront/images/badgereel.png);
    width: 100px;
    height: 100px;
    float: left;
    margin: 1px;
    border-radius: 3px;
}


ul.colorpickercustomize_BR li .yellow{
	background:#f0f904;
	background-image: url(../../../../wp-content/themes/storefront/images/badgereel.png);
    width: 100px;
    height: 100px;
    float: left;
    margin: 1px;
    border-radius: 3px;
}

/*************colorpicker badgereel **********************/

/*************colorpicker wristband**********************/
ul#colorsarray li.black > .coloricon{
	background-color:#000;
}

ul#colorsarray li.green > .coloricon{
	background-color:#006600;
}


ul#colorsarray li.royal-blue > .coloricon{
	background-color:#4169e1;
}

ul#colorsarray li.forest-green > .coloricon{
	background-color:#228b22;
}

ul#colorsarray li.maroon > .coloricon{
	background-color:#800000;
}

ul#colorsarray li.navy-blue > .coloricon{
	background-color:#000080;
}

ul#colorsarray li.orange > .coloricon{
	background-color:#ff9933;
}

ul#colorsarray li.purple > .coloricon{
	background-color:#800080;
}

ul#colorsarray li.red > .coloricon{
	background-color:#660000;
}

ul#colorsarray li.white > .coloricon{
	background-color:#fff;
}

ul#colorsarray li.yellow > .coloricon{
	background-color:#f0f904;
}

ul#colorsarray li.grey > .coloricon{
	background-color: #666666;
}

ul#colorsarray li.aliceblue > .coloricon{
	background-color:#F0F8FF;
}

ul#colorsarray li.antiquewhite > .coloricon{
	background-color:#FAEBD7;
}

ul#colorsarray li.aqua > .coloricon{
	background-color:#00FFFF;
}

ul#colorsarray li.aquamarine > .coloricon{
	background-color:#7FFFD4;
}

ul#colorsarray li.azure > .coloricon{
	background-color:#F0FFFF;
}

ul#colorsarray li.beige > .coloricon{
	background-color:#F5F5DC;
}

ul#colorsarray li.bisque > .coloricon{
	background-color:#FFE4C4;
}

ul#colorsarray li.blanchedalmond > .coloricon{
	background-color:#FFEBCD;
}

ul#colorsarray li.blue > .coloricon{
	background-color:#0000FF;
}

ul#colorsarray li.blueviolet > .coloricon{
	background-color:#8A2BE2;
}

ul#colorsarray li.brown > .coloricon{
	background-color:#A52A2A;
}

ul#colorsarray li.burlywood > .coloricon{
	background-color:#DEB887;
}


ul#colorsarray li.cadetblue > .coloricon{
	background-color:#5F9EA0;
}


ul#colorsarray li.chartreuse > .coloricon{
	background-color:#7FFF00;
}

ul#colorsarray li.chocolate > .coloricon{
	background-color:#D2691E;
}

ul#colorsarray li.coral > .coloricon{
	background-color:#FF7F50;
}

ul#colorsarray li.cornflowerblue > .coloricon{
	background-color:#6495ED;
}

ul#colorsarray li.cornsilk > .coloricon{
	background-color:#FFF8DC;
}

ul#colorsarray li.crimson > .coloricon{
	background-color:#DC143C;
}

ul#colorsarray li.cyan > .coloricon{
	background-color:#00FFFF;
}

ul#colorsarray li.darkblue > .coloricon{
	background-color:#00008B;
}

ul#colorsarray li.darkcyan > .coloricon{
	background-color:#008B8B;
}

ul#colorsarray li.darkgray > .coloricon{
	background-color:#A9A9A9;
}

ul#colorsarray li.darkgrey > .coloricon{
	background-color:#A9A9A9;
}

ul#colorsarray li.darkgreen > .coloricon{
	background-color:#006400;
}

ul#colorsarray li.darkgoldenrod > .coloricon{
	background-color:#B8860B;
}


ul#colorsarray li.darkkhaki > .coloricon{
	background-color:#BDB76B;
}

ul#colorsarray li.darkmagenta > .coloricon{
	background-color:#8B008B;
}

ul#colorsarray li.dark-olive-green > .coloricon{
	background-color:#556B2F;
}

/*********/
ul#colorsarray li.dark-olive-green > .coloricon{
	background-color:#556B2F;
}

ul#colorsarray li.dark-orange  > .coloricon{
	background-color:#FF8C00;
}

ul#colorsarray li.dark-orchid  > .coloricon{
	background-color:#9932CC;
}

ul#colorsarray li.dark-red  > .coloricon{
	background-color:#8B0000;
}

ul#colorsarray li.dark-salmon  > .coloricon{
	background-color:#E9967A;
}

ul#colorsarray li.dark-sea-green  > .coloricon{
	background-color:#8FBC8F;
}

ul#colorsarray li.dark-slate-blue > .coloricon{
	background-color:#483D8B;
}

ul#colorsarray li.dark-olive-green > .coloricon{
	background-color:#556B2F;
}

ul#colorsarray li.dark-slate-gray  > .coloricon{
	background-color:#2F4F4F;
}

ul#colorsarray li.dark-turquoise   > .coloricon{
	background-color:#00CED1;
}

ul#colorsarray li.dark-violet  > .coloricon{
	background-color:#9400D3;
}

ul#colorsarray li.deep-pink  > .coloricon{
	background-color:#FF1493;
}

ul#colorsarray li.deep-sky-blue  > .coloricon{
	background-color:#00BFFF;
}

ul#colorsarray li.dim-gray  > .coloricon{
	background-color:#696969;
}

ul#colorsarray li.dodger-blue  > .coloricon{
	background-color:#1E90FF;
}

ul#colorsarray li.fire-brick > .coloricon{
	background-color:#B22222;
}

ul#colorsarray li.floral-white > .coloricon{
	background-color:#FFFAF0;
}

ul#colorsarray li.forest-green > .coloricon{
	background-color:#228B22;
}

ul#colorsarray li.fuchsia > .coloricon{
	background-color:#FF00FF;
}

ul#colorsarray li.gainsboro > .coloricon{
	background-color:#DCDCDC;
}

ul#colorsarray li.ghost-white > .coloricon{
	background-color:#F8F8FF;
}

ul#colorsarray li.gold > .coloricon{
	background-color:#FFD700;
}

ul#colorsarray li.golden-rod > .coloricon{
	background-color:#DAA520;
}

ul#colorsarray li.green-yellow > .coloricon{
	background-color:#ADFF2F;
}

ul#colorsarray li.honey-dew > .coloricon{
	background-color:#F0FFF0;
}

ul#colorsarray li.hot-pink > .coloricon{
	background-color:#FF69B4;
}

ul#colorsarray li.indian-red > .coloricon{
	background-color:#CD5C5C;
}

ul#colorsarray li.indigo > .coloricon{
	background-color:#4B0082;
}

ul#colorsarray li.ivory > .coloricon{
	background-color:#FFFFF0;
}

ul#colorsarray li.khaki > .coloricon{
	background-color:#F0E68C;
}

ul#colorsarray li.lavender > .coloricon{
	background-color:#E6E6FA;
}

ul#colorsarray li.lavender-blush > .coloricon{
	background-color:#FFF0F5;
}

ul#colorsarray li.lawn-green > .coloricon{
	background-color:#7CFC00;
}

ul#colorsarray li.lemon-chiffon > .coloricon{
	background-color:#FFFACD;
}

ul#colorsarray li.light-blue > .coloricon{
	background-color:#ADD8E6;
}

ul#colorsarray li.light-coral > .coloricon{
	background-color:#F08080;
}

ul#colorsarray li.light-cyan > .coloricon{
	background-color:#E0FFFF;
}

ul#colorsarray li.light-golden-rod-yellow > .coloricon{
	background-color:#FAFAD2;
}

ul#colorsarray li.light-gray > .coloricon{
	background-color:#D3D3D3;
}

ul#colorsarray li.light-green > .coloricon{
	background-color:#90EE90;
}

ul#colorsarray li.light-pink > .coloricon{
	background-color:#FFB6C1;
}

ul#colorsarray li.light-salmon > .coloricon{
	background-color:#FFA07A;
}

ul#colorsarray li.light-sea-green > .coloricon{
	background-color:#20B2AA;
}

ul#colorsarray li.light-sky-blue > .coloricon{
	background-color:#87CEFA;
}

ul#colorsarray li.light-slate-gray > .coloricon{
	background-color:#778899;
}

ul#colorsarray li.light-steel-blue > .coloricon{
	background-color:#B0C4DE;
}

ul#colorsarray li.light-yellow > .coloricon{
	background-color:#FFFFE0;
}

ul#colorsarray li.lime > .coloricon{
	background-color:#00FF00;
}

ul#colorsarray li.lime-green > .coloricon{
	background-color:#32CD32;
}

ul#colorsarray li.linen > .coloricon{
	background-color:#FAF0E6;
}

ul#colorsarray li.magenta > .coloricon{
	background-color:#FF00FF;
}

ul#colorsarray li.maroon > .coloricon{
	background-color:#800000;
}

ul#colorsarray li.medium-aqua-marine > .coloricon{
	background-color:#66CDAA;
}

ul#colorsarray li.medium-blue > .coloricon{
	background-color:#0000CD;
}

ul#colorsarray li.medium-orchid > .coloricon{
	background-color:#BA55D3;
}

ul#colorsarray li.medium-purple > .coloricon{
	background-color:#9370DB;
}



/******WRISTBAND SEGMENTED*****/
ul#colorsarray li.segmented-red-white-blue > .coloricon{
	background-image: url(../../../../wp-content/themes/storefront/images/segmented-red-white-blue.png);
}

ul#colorsarray li.segmented-rainbow > .coloricon{
	background-image: url(../../../../wp-content/themes/storefront/images/segmented-rainbow.png);
}

ul#colorsarray li.segmented-red-green-yellow > .coloricon{
	background-image: url(../../../../wp-content/themes/storefront/images/segmented-red-green-yellow.png);
}

ul#colorsarray li.segmented-teal-green-purple > .coloricon{
	background-image: url(../../../../wp-content/themes/storefront/images/segmented-teal-green-purple.png);
}

ul#colorsarray li.segmented-red-yellow-blue > .coloricon{
	background-image: url(../../../../wp-content/themes/storefront/images/segmented-red-yellow-blue.png);
}



/******WRISTBAND SEGMENTED*****/






/*********coloricon********/
ul.colorpickercustomize_WB li{
	 width: 24% !important;
}

ul.colorpickercustomize_WB li .coloricon{
	background-image: url(../../../../wp-content/themes/storefront/images/wristbands_coloricon.png);
     width: 232px;
    height: 129px;
    float: left;
    margin: 1px;
}

ul.colorpickercustomize_CC li{
	 width: 24% !important;
}

ul.colorpickercustomize_CC li .coloricon{
	background-image: url(../../../../wp-content/themes/storefront/images/cancooler_coloricon.png);
     width: 232px;
    height: 232px;
    float: left;
    margin: 1px;
}

ul.colorpickercustomize_PIN li{
	 width: 15% !important;
}

ul.colorpickercustomize_PIN li .coloricon{
	background-image: url(../../../../wp-content/themes/storefront/images/pin_coloricon.png);
     width: 150px;
    height: 150px;
    float: left;
    margin: 1px;
}


ul.colorpickercustomize_TT li{
	 width: 24% !important;
}

ul.colorpickercustomize_TT li .coloricon{
	background-image: url(../../../../wp-content/themes/storefront/images/totebags_coloricon.png);
     width: 232px;
    height: 232px;
    float: left;
    margin: 1px;
}

ul.colorpickercustomize_FW li{
	 width: 24% !important;
}

ul.colorpickercustomize_FW li .coloricon{
	background-image: url(../../../../wp-content/themes/storefront/images/fabricwristbands_coloricon.png);
     width: 232px;
    height: 129px;
    float: left;
    margin: 1px;
}


ul.colorpickercustomize_FS li{
	 width: 24% !important;
}

ul.colorpickercustomize_FS li .coloricon{
	background-image: url(../../../../wp-content/themes/storefront/images/fidgetspinner_collor.png);
     width: 232px;
    height: 129px;
    float: left;
    margin: 1px;
}


ul.colorpickercustomize_MP li{
	 width: 24% !important;
}

ul.colorpickercustomize_MP li .coloricon{
	background-image: url(../../../../wp-content/themes/storefront/images/mousepad_collor.png);
     width: 232px;
    height: 129px;
    float: left;
    margin: 1px;
}


ul.colorpickercustomize_LNYARDS li{
	 width: 19% !important;
}

ul.colorpickercustomize_LNYARDS li .coloricon{
	background-image: url(../../../../wp-content/themes/storefront/images/lanyardpang.png);
    width: 190px;
    height: 113px;
    margin: 0px auto;
    background-size: 191px;
    background-repeat: no-repeat;
}

ul.colorpickercustomize_LNYARDS li.additionalcolor button.coloricon{
	background-image: url(../../../../wp-content/themes/storefront/images/lanyardpang_custom.png);
    width: 190px;
    height: 113px;
    margin: 0px auto;
    background-size: 191px;
    background-repeat: no-repeat;
}	


ul.colorpickercustomize_LNYARDS li.ac_one, ul.colorpickercustomize_LNYARDS li.ac_two, ul.colorpickercustomize_LNYARDS li.ac_three, ul.colorpickercustomize_LNYARDS li.ac_four{
	display: none;
}

.addcolor_button{
	float: left;
    background: #a0d468;
    padding: 0px;
    margin: 5px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;
    font-size: 30px;
}

.addcolor_button:hover{
	background: #ff9933;
}	


#theattributes-bcolor ul li.butt{
	padding: 45px;
}

.addmore{
	font-weight: bold; 
	padding-top: 10px;
}

.colorname{
	width: 100%;
    text-align: center;
    text-decoration: none;
    float: left;
    font-size: 12px;
    font-style: normal;
}

.clrpicker{
	float: left;
    height: 406px;
    overflow: hidden;
    overflow-y: scroll;
	border:1px solid #fff;
	width:100%;
}

.clrpicker::-webkit-scrollbar {
    width: 5px;
}
 
.clrpicker::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
		border-radius: 10px;
}
	 
.clrpicker::-webkit-scrollbar-thumb {
		border-radius: 1px;
		-webkit-box-shadow: inset 0 0 6px rgba(41,123,115,1); 
}


/*************colorpicker wristband **********************/


/**********************AVAILABLE COLORS CSS*******************************/

/***** FRONT SIDENAV COLOR ******/

.imprintcolor_selector ul#fontarray li{
	width:15px;
	height:40px;
	float:left;
	margin:1px;
	border-radius:3px
}

/***********LANYARDS FONT COLORS*************************/
.aliceblue >.colorcont {
	background:#F0F8FF;
}
.black  >.colorcont {
	background:#000;
}
.green  >.colorcont {
	background:#006600;
}
.royal-blue >.colorcont {
	background:#4169e1;
}
.forest-green >.colorcont {
	background:#228b22;
}
.maroon  >.colorcont {
	background:#800000;
}
.navy-blue >.colorcont {
	background:#000080;
}
.orange >.colorcont {
	background:#ff9933;
}
.purple  >.colorcont {
	background:#800080;
}
.red >.colorcont {
	background:#660000;
}
.white  >.colorcont {
	background:#fff;
}
.yellow  >.colorcont {
	background:#f0f904;
}
.grey  >.colorcont {
	background:#666666;
}
.aliceblue  >.colorcont {
	background:#F0F8FF;
}
.antiquewhite  >.colorcont {
	background:#FAEBD7;
}
.aqua  >.colorcont {
	background:#00FFFF;
}
.aquamarine  >.colorcont {
	background:#7FFFD4;
}
.azure  >.colorcont {
	background:#F0FFFF;
}
.beige  >.colorcont {
	background:#F5F5DC;
}
.bisque  >.colorcont {
	background:#FFE4C4;
}
.blanchedalmond  >.colorcont {
	background:#FFEBCD;
}
.blue  >.colorcont {
	background:#0000FF;
}
.blueviolet  >.colorcont {
	background:#8A2BE2;
}
.brown  >.colorcont {
	background:#A52A2A;
}
.burlywood  >.colorcont {
	background:#DEB887;
}
.cadetblue  >.colorcont {
	background:#5F9EA0;
}
.chartreuse  >.colorcont {
	background:#7FFF00;
}
.chocolate  >.colorcont {
	background:#D2691E;
}
.coral  >.colorcont {
	background:#FF7F50;
}
.cornflowerblue  >.colorcont {
	background:#6495ED;
}
.cornsilk  >.colorcont {
	background:#FFF8DC;
}
.crimson  >.colorcont {
	background:#DC143C;
}
.cyan  >.colorcont {
	background:#00FFFF;
}
.darkblue  >.colorcont {
	background:#00008B;
}
.darkcyan  >.colorcont {
	background:#008B8B;
}
.darkgray  >.colorcont {
	background:#A9A9A9;
}
.darkgrey  >.colorcont {
	background:#A9A9A9;
}
.darkgreen  >.colorcont {
	background:#006400;
}
.darkgoldenrod  >.colorcont {
	background:#B8860B;
}
.darkkhaki  >.colorcont {
	background:#BDB76B;
}
.darkmagenta  >.colorcont {
	background:#8B008B;
}
.dark-olive-green >.colorcont {
	background:#556B2F;
}
.dark-olive-green >.colorcont {
	background:#556B2F;
}
.dark-orange >.colorcont {
	background:#FF8C00;
}
.dark-orchid >.colorcont {
	background:#9932CC;
}
.dark-red >.colorcont {
	background:#8B0000;
}
.dark-salmon >.colorcont {
	background:#E9967A;
}
.dark-sea-green  >.colorcont {
	background:#8FBC8F;
}
.dark-slate-blue >.colorcont {
	background:#483D8B;
}
.dark-slate-gray >.colorcont {
	background:#2F4F4F;
}
.dark-turquoise >.colorcont {
	background:#00CED1;
}
.dark-violet >.colorcont {
	background:#9400D3;
}
.deep-pink >.colorcont {
	background:#FF1493;
}
.deep-sky-blue >.colorcont {
	background:#00BFFF;
}
.dim-gray >.colorcont {
	background:#696969;
}
.dodger-blue >.colorcont {
	background:#B22222;
}
.fire-brick >.colorcont {
	background:#B22222;
}
.floral-white >.colorcont {
	background:#FFFAF0;
}
.forest-green >.colorcont {
	background:#228B22;
}
.fuchsia  >.colorcont {
	background:#FF00FF;
}
.gainsboro  >.colorcont {
	background:#F8F8FF;
}
.ghost-white >.colorcont {
	background:#556B2F;
}
.gold  >.colorcont {
	background:#FFD700;
}
.golden-rod >.colorcont {
	background:#DAA520;
}
.green-yellow  >.colorcont {
	background:#ADFF2F;
}
.honey-dew  >.colorcont {
	background:#F0FFF0;
}
.hot-pink  >.colorcont {
	background:#FF69B4;
}
.indian-red  >.colorcont {
	background:#CD5C5C;
}
.indigo  >.colorcont {
	background:#4B0082;
}
.ivory   >.colorcont {
	background:#FFFFF0;
}
.khaki   >.colorcont {
	background:#F0E68C;
}
.lavender   >.colorcont {
	background:#E6E6FA;
}
.lavender-blush  >.colorcont {
	background:#FFF0F5;
}
.lemon-chiffon  >.colorcont {
	background:#FFFACD;
}
.light-blue  >.colorcont {
	background:#ADD8E6;
}
.light-coral  >.colorcont {
	background:#F08080;
}
.light-cyan  >.colorcont {
	background:#E0FFFF;
}
.light-golden-rod-yellow  >.colorcont {
	background:#FAFAD2;
}
.light-gray  >.colorcont {
	background:#D3D3D3;
}
.light-green  >.colorcont {
	background:#90EE90;
}
.light-pink   >.colorcont {
	background:#FFA07A;
}
.light-salmon   >.colorcont {
	background:#FFA07A;
}
.light-sea-green   >.colorcont {
	background:#20B2AA;
}
.light-sky-blue   >.colorcont {
	background:#87CEFA;
}
.light-slate-gray   >.colorcont {
	background:#778899;
}
.light-sea-green   >.colorcont {
	background:#20B2AA;
}
.light-sky-blue   >.colorcont {
	background:#87CEFA;
}
.light-slate-gray   >.colorcont {
	background:#778899;
}
.light-steel-blue   >.colorcont {
	background:#B0C4DE;
}
.light-yellow   >.colorcont {
	background:#FFFFE0;
}
.lime    >.colorcont {
	background:#00FF00;
}
.lime-green   >.colorcont {
	background:#32CD32;
}
.linen    >.colorcont {
	background:#FAF0E6;
}
.magenta    >.colorcont {
	background:#FF00FF;
}
.maroon    >.colorcont {
	background:#800000;
}
.medium-aqua-marine   >.colorcont {
	background:#66CDAA;
}
.medium-blue   >.colorcont {
	background:#0000CD;
}
.medium-orchid   >.colorcont {
	background:#BA55D3 ;
}
.medium-purple   >.colorcont {
	background:#9370DB;
}

/***********LANYARDS FONT COLORS*************************/






ul.berocket_aapf_widget li.aliceblue{
	background:#F0F8FF;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}


ul.berocket_aapf_widget li.fullcolor, ul#fontarray li .fullcolor{
	background-image: url(../../../../wp-content/themes/storefront/images/fullcoloricon.jpg);
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

ul.berocket_aapf_widget li.antiquewhite, ul#fontarray li .antiquewhite {
	background:#FAEBD7;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

ul.berocket_aapf_widget li.aqua, ul#fontarray li .aqua{
	background:#00FFFF;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

ul.berocket_aapf_widget li.aquamarine, ul#fontarray li .aquamarine{
	background:#7FFFD4;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

ul.berocket_aapf_widget li.azure, ul#fontarray li .azure{
	background:#F0FFFF;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

ul.berocket_aapf_widget li.beige, ul#fontarray li .beige{
	background:#F5F5DC;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

ul.berocket_aapf_widget li.bisque, ul#fontarray li .bisque{
	background:#FFE4C4;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

ul.berocket_aapf_widget li.blanchedalmond, ul#fontarray li .blanchedalmond{
	background:#FFEBCD;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.blue, ul#fontarray li .blue{
	background:#0000FF;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.blueviolet, ul#fontarray li .blueviolet{
	background:#8A2BE2;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.brown, ul#fontarray li .brown{
	background:#A52A2A;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.burlywood, ul#fontarray li .burlywood{
	background:#DEB887;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.cadetblue, ul#fontarray li .cadetblue{
	background:#5F9EA0;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.blue, ul#fontarray li .blue{
	background:#0000FF;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.chartreuse, ul#fontarray li .chartreuse{
	background:#7FFF00;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.chocolate, ul#fontarray li .chocolate{
	background:#D2691E;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.blue, ul#fontarray li .blue{
	background:#0000FF;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.coral, ul#fontarray li .coral{
	background:#FF7F50;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.cornflowerblue, ul#fontarray li .cornflowerblue{
	background:#6495ED;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.cornsilk, ul#fontarray li .cornsilk{
	background:#FFF8DC;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.crimson, ul#fontarray li .crimson{
	background:#DC143C;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.cyan, ul#fontarray li .cyan{
	background:#00FFFF;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.blue, ul#fontarray li .blue{
	background:#0000FF;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.darkblue, ul#fontarray li .darkblue{
	background:#00008B;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.darkcyan, ul#fontarray li .darkcyan{
	background:#008B8B;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.dimgray, ul#fontarray li .dimgray{
	background:#696969;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.blue, ul#fontarray li .blue{
	background:#0000FF;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.darkgray, ul#fontarray li .darkgray{
	background:#A9A9A9;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

ul.berocket_aapf_widget li.darkgrey, ul#fontarray li .darkgrey{
	background:#A9A9A9;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.darkgreen, ul#fontarray li .darkgreen{
	background:#006400;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.darkgoldenrod, ul#fontarray li .darkgoldenrod{
	background:#B8860B;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.darkgoldenrod, ul#fontarray li .darkgoldenrod{
	background:#B8860B;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.darkkhaki, ul#fontarray li .darkkhaki{
	background:#BDB76B;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.darkmagenta, ul#fontarray li .darkmagenta{
	background:#8B008B;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.darkolivegreen, ul#fontarray li .darkolivegreen{
	background:#556B2F;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.darkorange, ul#fontarray li .darkorange{
	background:#FF8C00;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.darkorchid, ul#fontarray li .darkorchid{
	background:#9932CC;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.darkred, ul#fontarray li .darkred{
	background:#8B0000;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.darksalmon, ul#fontarray li .darksalmon{
	background:#E9967A;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.darkseagreen, ul#fontarray li .darkseagreen{
	background:#8FBC8F;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.darkslateblue, ul#fontarray li .darkslateblue{
	background:#483D8B;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.darkslategray, ul#fontarray li .darkslategray{
	background:#2F4F4F;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.darkslategrey, ul#fontarray li .darkslategrey{
	background:#2F4F4F;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.darkturquoise, ul#fontarray li .darkturquoise{
	background:#00CED1;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.darkviolet, ul#fontarray li .darkviolet{
	background:#9400D3;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.deeppink, ul#fontarray li .deeppink{
	background:#FF1493;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.deepskyblue, ul#fontarray li .deepskyblue{
	background:#00BFFF;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.dodgerblue, ul#fontarray li .dodgerblue{
	background:#1E90FF;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

ul.berocket_aapf_widget li.firebrick, ul#fontarray li .firebrick{
	background:#B22222;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.floralwhite, ul#fontarray li .floralwhite{
	background:#FFFAF0;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.forestgreen{
	background:#228B22;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.fuchsia, ul#fontarray li .fuchsia{
	background:#FF00FF;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.gainsboro, ul#fontarray li .gainsboro{
	background:#DCDCDC;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.ghostwhite, ul#fontarray li .ghostwhite{
	background:#F8F8FF;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.gold, ul#fontarray li .gold{
	background:#FFD700;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.goldenrod, ul#fontarray li .goldenrod{
	background:#DAA520;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.gray, ul#fontarray li .gray{
	background:#808080;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.green, ul#fontarray li .green{
	background:#008000;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.greenyellow, ul#fontarray li .greenyellow{
	background:#ADFF2F;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.honeydew, ul#fontarray li .honeydew{
	background:#F0FFF0;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.hotpink, ul#fontarray li .hotpink{
	background:#FF69B4;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.indianred, ul#fontarray li .indianred{
	background:#CD5C5C;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.indigo, ul#fontarray li .indigo{
	background:#4B0082;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.ivory, ul#fontarray li .ivory{
	background:#FFFFF0;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.khaki, ul#fontarray li .khaki{
	background:#F0E68C;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.lavender, ul#fontarray li .lavender{
	background:#E6E6FA;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.lavenderblush, ul#fontarray li .lavenderblush{
	background:#FFF0F5;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}
ul.berocket_aapf_widget li.lawngreen, ul#fontarray li .lawngreen{
	background:#7CFC00;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px
}

/***/

ul.berocket_aapf_widget  li.color{
	cursor:pointer;
	border:1px solid rgba(0,0,0,.05);
	padding:5px !important;
}

ul.berocket_aapf_widget  li.color:hover{
	border:1px solid #ccc;
}


ul.berocket_aapf_widget  li.black{
	background:#000;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px;
}

ul.berocket_aapf_widget  li.forest-green{
	background:#228b22;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px;
}


ul.berocket_aapf_widget li.green{
	background:#006600;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px;
}

ul.berocket_aapf_widget li.grey{
	background:#666666;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px;
}

ul.berocket_aapf_widget li.royal-blue{
	background:#4169e1;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px;
}


ul.berocket_aapf_widget li.forest-green{
	background:#228b22;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px;
}

ul.berocket_aapf_widget li.maroon{
	background:#800000;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px;
}


ul.berocket_aapf_widget li.navy-blue{
	background:#000080;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px;
}

ul.berocket_aapf_widget li.orange{
	background:#ff9933;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px;
}

ul.berocket_aapf_widget li.purple{
	background:#800080;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px;
}

ul.berocket_aapf_widget li.red{
	background:#660000;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px;
}


ul.berocket_aapf_widget li.white{
	background:#fff;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px;
}


ul.berocket_aapf_widget li.yellow{
	background:#fff;
	text-indent:-9999px;
	width:15px;
	height:15px;
	float:left;
	margin:1px;
	border-radius:3px;
}


.berocket_aapf_widget li.color input[type="radio"]+ label:before{
	background:none !important;
}

/***** SIDENAV COLOR ******/

button.menu-toggle{
	width:100%;
	border-color:#e46a6b;
	background:#e46a6b;
	color:#fff;
	border-radius:5px;
	margin-top:3px;
}

button.menu-toggle:hover{
	width:100%;
	border-color:#c25253;
	background:#c25253;
	color:#fff;
	border-radius:5px
}

.main-navigation ul li a{
	border-bottom:1px solid #ccc;
}


.unitpricetext{
	font-weight:bold;
	font-size:12px;
	color:#000;
	display: none;
}


#submitbutt_container .grossprice, #submitbutt_container .woocommerce-Price-currencySymbol, #submitbutt_container .totalamount_container{
	font-weight: normal;
    color: #ff9933;
    font-size: 22px;
    margin-left: 8px;
}

#submitbutt_container .totalamount_container{
	float:left;
}

#submitbutt_container #totalamount_c{
	width: 100%;
    float: left;
    display: block;
    text-transform: uppercase;
    padding: 0% 37%;
    font-size: 20px; 
}


#subcontainer_submit .grossprice{
	font-size: 18px; 
	color:#ff9933;
	text-transform: uppercase;
}

#floatingtotal{
	position: fixed;
    right: -250px;
    background: #00a3e0;
    width: 16%;
    padding: 1%;
    border: 3px solid #60c2e7;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    z-index: 99999;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    opacity: 0.7;
}

#floatingtotal .np_changes{ width:100% !important; float: left; width: 50% !important }

.notebottom{
	text-align: center;
    font-style: italic;
    padding: 11px 0px;
    border-top: 1px solid #ccc;
    font-size: 14px;
}


#floatingtotal .quantity_container, #floatingtotal .qty_text, #floatingtotal .np_changes, #floatingtotal .grossprice{
	background: #00a3e0;
	float: left;
	width: 48% !important;
	color: #fff;
	font-size: 13px !important;
}

#floatingtotal .totalamount_container{
	color:#fff;
}

.unitpricenew{
	color: #000 !important;
}

.woocommerce-variation-price .untamt{
	font-weight:normal;
	color:#e46a6b;
	font-size:25px;
}

.woocommerce-variation-price .price{
	display: inline !important;
}

.variations select{
	border-radius: 5px;
    font-size: 18px;
    color: #000;
    padding: 10px;
    width: 100%;
    font-weight: 600;
}

button.alt, .button.alt{
	background-color:#76b51b !important;
	border-radius:5px;
}


ul.attachmentoption li{
	float: left;
	width:100%;
}

.berocket_aapf_widget input[type="radio"] + label:before{
	display: block;
    float: left;
    margin-right: 10px;
}

.radioname{
	display: block;
    float: left;
    width: 80%;
}

.widget_product_categories{
	width: 100%;
    float: left;
    padding: 20px 0px;
}



#customstep_two .quantity .qty {
	width:150px !important;
	display:none;
}


.adultyouth{
	width:100%;
	display:block;
	text-align:center;
	float:left;
}

table#pricetable  tbody td{
	padding:3px !important
}

table#pricetable  tbody td.hdl, table#pricetable  tbody td.psize {
	background: #000 !important;
	font-size:14px !important;
	color:#ccc;
}



/******************SIDENAV COLOR***********************************************/


/***** RESPOSIVE ******/


	
@media only screen and (min-width: 500px) and (max-width : 768px) {
	#requestquote{
		float:left;
	}


	#requestquote a.linktoquote{
		float: left;
		margin-top: 10px;
		text-alig:center;
		margin-left: 30%;
	}
	
	#shopwithcategories{
		display:none;
	}
	
	
}

@media only screen and (max-width : 499px) {
	#requestquote{
		float:left;
	}


	#requestquote a.linktoquote{
		float: left;
		margin-top: 10px;
		text-alig:center;
		width:100%
	}
	
	#shopwithcategories{
		display:none;
	}
	
	#contactinfo{
		border-left:none;
		border-right:none;
	}
	
	#homepopular ul li{
		width: 100% !important;
	}
	
}

@media only screen and (min-width: 200px) and (max-width : 300px) {

	
}

@media only screen and (min-width: 300px) and (max-width : 700px) {
	.woocommerce-active .site-branding{
		width:100%;
	}
	
	#sitedesc{
		width:100%;
	}
	
	.site-header .custom-logo-link{
		float:none;
	}
	
	.site-branding a img{
		width:226px;
		margin: 0 auto;
	}
	
	.textcontentbanner{
		position: absolute;
		right: 0px;
		z-index: 99999;
		color: #000;
		padding: 2%;
		background-color: rgba(255, 255, 255, 0.8);
		font-family: "Arial Narrow", Arial, sans-serif;
		font-size: 18px;
		font-style: normal;
		font-variant: normal;
		font-weight: 500;
		line-height: 20.4px;
		width: 90%;
		height: auto;
	}
	
	#banner-section .carousel{
		height:300px;
	}
	
}

@media only screen and (min-width: 300px) and (max-width : 600px) {
	#homepopular ul li{
		float: left;
		box-shadow: 0px 0px 0px 1px #eee;
		margin: 3%;
		padding: 10px;
		text-align: center;
		max-width: 100%;
	}
	
	#endorsement .e-col {
			width: 100%;
			float: left;
			display: block;
			text-align: center;
			border: 1px solid #b5c6c9;
			margin: 1%;
			min-height: 425px;
		}
		
	#whoweare .wwa-col{
		width: 100%;
		float: left;
		display: block;
		text-align: center;
		margin: 1%;
		min-height: 425px;
		padding:3%;
	}
		
}


@media only screen and (min-width: 600px) and (max-width : 768px) {
	#homepopular ul li{
		float: left;
		box-shadow: 0px 0px 0px 1px #eee;
		margin: 3%;
		padding: 10px;
		text-align: center;
		max-width: 40%;
	}
	
		#endorsement .e-col {
			width: 40%;
			float: left;
			display: block;
			text-align: center;
			border: 1px solid #b5c6c9;
			margin: 1%;
			min-height: 425px;
		}
	
	#whoweare .wwa-col{
		width: 43%;
		float: left;
		display: block;
		text-align: center;
		margin: 2%;
		min-height: 425px;
		padding:3%;
	}
		
		
	#foureasysteps {
		background: #fcfbfb;
		padding: 30px 0px;
		width: 100%;
		float: left;
	}
}

/***********ATTRIBUTES**********/
#masthead{
	border-bottom: 1px solid #ddd !important;
	background: #fff;
    background: -webkit-linear-gradient(red, yellow);
    background: -o-linear-gradient(red, yellow);
    background: -moz-linear-gradient(red, yellow);
    background: linear-gradient(#fff, #fff, #f8f8f8);
    height:78px;
}

#theattributes{
	/*width:100%;*/
	float:left;
}

#theattributes ul{
	list-style-type:none;
}

.additionalupgrades ul li{
	 width: 24% !important;
}

.stichesoption{
	width: 100%;
}

.stichesoption ul li{
	 width: 47% !important;
}

#theattributes ul li{
	float: left;
    width: 19%;
    height: 197px;
    cursor: pointer;
    border: 2px solid #f5f5f4;
    margin: 3px;
}

#theattributes ul li:hover{
	-webkit-box-shadow: 0 0 5px 2px #f1eeee;
    -moz-box-shadow: 0 0 5px 2px #f1eeee;
    box-shadow: 0 0 5px 2px #f1eeee;
	border:2px solid #2ecc71;
}


.au_left{
	width: 50%;
	float: left;
}



#production-time-container{
	visibility: hidden;
}

#theattributes ul#productiontimearray{
	float:left;
	margin-top: 24px !important;
	width: 100%;
}


#theattributes ul#productiontimearray li{
	float: left;
    width: 16%;
    height: 191px !important;
    cursor: pointer;
    border: 1px solid #ccc;
    margin: 3px;
}

#productiontimearray li{
	cursor: pointer !important;
}


#theattributes ul#productiontimearray li img.calendarsmall {
	width: 55px;
	margin: 0 auto;
	margin-top: -10px;
}


#theattributes-font ul, #theattributes-clipart ul, #theattributes-imprintcolor ul, #theattributes-imprintoption ul{
	list-style-type:none;
}

#theattributes-font ul li{
	float:left;
    width: 20%;
	height:70px;
	cursor:pointer;
	margin:3px;
	border:1px solid #eff2f2;
	padding:5px;
	text-transform:uppercase;
	font-size:13px;
	
}


#theattributes-bcolor ul li.additionalcolor{
	background-color: #fff;
	height: 200px !important;
	text-align: center;
}	


.customcolorlabel{
	bottom: -30px;
    position: relative;
    /* top: 1px; */
    float: left;
    width: 100%;
}

#theattributes-bcolor ul li{
	float:left;
    width: 24%;
	height:192px;
	cursor:pointer;
	margin:6px;
	border:1px solid #ccc;
	padding:5px;
	text-transform:uppercase;
	font-size:13px;
}

#theattributes-bcolor ul li.custom{
	width:42% !important;
	float:left;
}

#custombackground{
	display:none;
}

.optiontitle{
	background: #a0d468;
    border-top-left-radius: 6px;
    color: #000;
}


#theattributes-bcolor ul li:hover {
	-webkit-box-shadow: 0 0 5px 2px #f1eeee;
    -moz-box-shadow: 0 0 5px 2px #f1eeee;
    box-shadow: 0 0 5px 2px #f1eeee;
	border:1px solid #ff9933 !important;
}

#theattributes-clipart ul li{
	float:left;
    width: 73px;
	height:73px;
	cursor:pointer;
	margin:3px;
	border:1px solid #eff2f2
}


.wfrontmessage, .wbackmessage{
	width:300px;
	margin:3px;
	float:left;
	display:none;
}

.fbfrontmessage, .fbbackmessage{
	width:300px;
	margin:3px;
	float:left;
}

.fabricbandstexts {
	float:left;
	width:100%;
}



.wwraparoundmessage{
	width:800px;
	margin:3px;
	float:left;
	display:block;
	display:none;
}

input[type=text] .wwraparoundmessage{
	background:#fff;
}

.maximumcharacter{
	font-family: trebuchet MS;
    font-style: italic;
    font-size: 12px;
}

#theattributes-font ul li{
	float:left;
    width: 20%;
	cursor:pointer;
	margin:3px;
	border-top:1px solid #ddd;
	padding:5px 0px;
}

.imprintcolor_selector ul li{
	float:left;
    width: 100% !important;
	cursor:pointer;
	margin:3px;
	border-top:1px solid #e8e8e8;
	padding:5px 0px;
}


ul.colorpickercustomize{
	width:100%
}

#theattributes-imprintcolor ul li .colorcont{
	width: 30px;
    height: 30px;
    display: block;
    margin-right: 10px;
    float: left;
    border: 3px solid #ddd;
    border-radius: 30px;
	}
	
#theattributes-imprintcolor ul li .attname{	
	text-align:left;
	text-transform:uppercase;
}

#theattributes-clipart, #theattributes-imprintcolor {
	float:left;
	width:33%;
}

.secimcol_title, .thrimcol_title{
	color:#ddd;
}

#input_simprintcolor_cont, #input_timprintcolor_cont{
	background-color: #e6e5e5
}

#theattributes-imprintcolor .imprintcolor_selector{
	float:left;
	width:30%;
}

.wborder{
	border:1px solid #e8e8e8;
	border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.onecolumn{
	width: 100%;
	float:left;	
	margin:10px 0;
	padding:10px;
	position: relative;
	top:-25px;
	background: #f2f2f2;
	border: 1px solid #ccc;
}

.onecolumn_a{
	/*width: 100%;
	float:left;	
	margin:10px 0;
	padding:10px;
	position: relative;
	background: #fff;
	border: 1px solid #ccc;
	top:25px;*/
	width: 100%;
    float: left;
    margin: 10px 0;
    padding: 10px 20px 20px 38px;
    position: relative;
    background: #fff;
    border: 1px solid #ccc;
    top: 25px;
}


.onecolumn_a input.txtMessage{
	height: 45px;
    border: 1px solid #ddd;
} 

.onecolumn_b{
	width: 100%;
	float:left;
	padding: 10px 0px;
}


.twocolumn{
	width: 50%;
	float:left;
	padding: 10px 0px;
}

.threecolumns{
	float:left;
	width:33%;
}

.threecolumns ul{
	list-style-type: none;
}

.threecolumns ul li{
	width: 12%;
    float: left;
    padding: 10px;
    border: 1px solid #ccc;
    height: 95px;
    margin: 4px;
}

select.optioncustomdesign{
	width: 95%;
    border: 1px solid #ddd;
    padding: 10px;
    text-transform:uppercase;
    font-weight: bold;
}

.threecolumns ul li .attname{
	font-size: 10px;
	text-transform: uppercase;
}

#input_firstclipart_cont, .txtMessage, #input_secondclipart_cont{
	width: 95% !important;
    
}

.txtMessage{
	height: 63px;
    background: #fff;
    border: none;
}

#theattributes-font ul li:hover, #theattributes-clipart ul li:hover {
	-webkit-box-shadow: 0 0 5px 2px #fff;
    -moz-box-shadow: 0 0 5px 2px #fff;
    box-shadow: 0 0 5px 2px #ccc;
}


.attname{
	font-size:15px;
	text-align:center;
	line-height:18px;
}

.nbst{
	color:#e46a6b;
	font-weight: bold;
	padding-left:14px;
}

.attname_option{
	font-size:.9rem;
	text-align:left;
	line-height:18px;
	text-transform:uppercase;
}

.wc-item-meta{
	font-size: .875em;
    margin-left: 0;
    list-style: none;
    padding: 20px 0px;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

.order_details th{
	vertical-align: middle;
    background: #b5c6c9;
    padding: 0px 10px !important;
    color: #000;
}

.woocommerce-customer-details{
	border-top: 1px solid #ccc;
}

ul.wc-item-meta li{
	padding: 2px 0px;
	text-transform: capitalize;
}

.woocommerce-order td.product-name a{
	border-bottom: none !important;
    padding: 0px !important;
}

.discount-info .new-price{
	font-size: 12px;
}

.imgattc img{
	 width: 72px;
    margin: 0 auto;
}

.calendar img{
	width: 50px;
    margin: 0 auto;
}


.imgfont{
	width:95px;
	margin:0 auto;
	padding-top:20px;
}

.imgfont img{
	width:95px;
	margin:0 auto;
}

.imgclipart img{
	width:40px;
	height:40px;
	margin:0 auto;
}

.attprice{
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#e46a6b;
}

.attprice span{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	margin-right:5px;
	color:#ccc;
}


.txtMessage{
	width:100%;
}

.font_selector, .secondclipart_selector, .firstclipart_selector{
	border:1px solid #ddd;
	background:#f8fbfb;
	float:left;
	height: 500px;
	overflow: hidden;
    overflow-y: scroll;
	position: absolute;
    background: #fff;
    border-radius: 5px;
	z-index:9999999;
	left: 39px;
	
}

.font_selector{
	top: 463px;
}

.secondclipart_selector{
	/*right: 43px;*/
	top: 372px;
} 
.firstclipart_selector{
	/*left: 13px;*/
	top: 280px;
}	

.secondclipart_selector, .firstclipart_selector{
	width:628px;
	box-shadow: 1px 0px 8px 5px #C9C9C9;
    -webkit-box-shadow: 1px 0px 8px 5px #C9C9C9;
    -moz-box-shadow: 1px 0px 8px 5px #C9C9C9;
}


.selection{
	position: relative;
}

.secondclipart_selector ul  li, .firstclipart_selector ul  li{
	width: 95px;
    border: 1px solid #e8e8e8;
    float: left;
    margin: 3px;
    list-style-type: none;
    height: 77px;
    padding: 10px;
    text-transform: uppercase;
    font-size: 9px;
}

.imprintcolor_selector{
	border: 1px solid #ddd;
    float: left;
    height: 500px;
	width:50%;
    overflow: hidden;
    overflow-y: scroll;
    position: absolute;
    background: #fff;
    border-radius: 5px;
	z-index:99999;
}

.imprintcolor_selector_option, .simprintcolor_selector, .timprintcolor_selector{
	border: 1px solid #ddd;
    float: left;
    height: 261px;
    overflow: hidden;
    position: absolute;
    background: #fff;
    border-radius: 5px;
    z-index: 9999999;
    width: 230%;
    top: 72px;
    background: #fff;
    color: #000;
    overflow: hidden;
    overflow-y: scroll;
    box-shadow: 1px 1px 8px 3px #C9C9C9;
}

.imprintcolor_selector_option ul li, .simprintcolor_selector ul li, .timprintcolor_selector ul li
{
	float: left;
    width: 33%;
    height: 33px;
    padding: 1%;
    border-left: 1px solid #eee;
    border-bottom: 1px solid #eee;
}	

.imprintcolor_selector_option ul li .attname, .simprintcolor_selector ul li .attname,  .timprintcolor_selector ul li .attname
{
    font-size:12px !important;
}	


.imprintoption_selector, .numberofcolor_selector{
	border: 1px solid #ddd;
    float: left;
    height: auto;
    overflow: hidden;
    position: absolute;
    background: #fff;
    border-radius: 5px;
    z-index: 9999;
    width: 100%;
    top: 72px;
    background: #58bbed;
    color: #fff;
}



#input_imprintoption_cont ul#fontarray li.one{
	width:80px !important;
}

ul.imprintoption li, ul.numcoloroption li{
	padding:5px 10px;
	border-bottom:1px solid #eee;
	cursor:pointer;
	font-size: 14px;
}

ul.imprintoption li:hover, ul.imprintcolorone li:hover, ul.imprintcolortwo li:hover,
ul.imprintcolorthree li:hover,
ul.numcoloroption li:hover, ul.numcoloroption li:hover, ul.numcoloroption li:hover
{
	background:#000;
	color: #fff;
	cursor: pointer;
}


#input_font_cont, #input_firstclipart_cont, #input_secondclipart_cont, #input_imprintcolor_cont, #input_simprintcolor_cont, #input_timprintcolor_cont, #input_imprintoption_cont, #input_numberofcolor_cont{
	text-transform: uppercase;
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    margin: 4px 2px;
    /*min-width: 176px;*/
    min-width: 95%;
	min-height:42px;
}

#input_font_cont{
	width: 95%;
}

#input_bcolor_cont{
	width:99%;
	min-height:42px;
	text-transform: uppercase;
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    margin: 4px 2px;
	font-size:17px;
}

.wristbandtexts{
	display:none;
}




#input_firstclipart_cont img, #input_secondclipart_cont img{
	float:left;
}	

.customizationtitle, .wristbandtexts{
	float:left;
	width:100%;
}

.button_att {
    background-color: #a0d468 ;
    border: none;
	border-radius:3px;
    color: white;
    padding: 10px 20px;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
	min-width:200px;
	transition: .10s ease;
}

.button_att:hover {
	background-color:#80b449
}

button#submitqtybutt{
	background: #ddd;
    background-image: none !important;
    width:35% !important;
    padding: 3px;
    height: 30px;
    font-size: 11px;
	float:right;
	border-radius:0px;
	transition: .10s ease;
}

button#submitqtybutt:hover{
	background:#e46a6b;
	color:#fff;
}


button#submitqtybutt_wb{
	background: #ddd;
    background-image: none !important;
    width:25% !important;
    padding: 3px;
    height: 30px;
    font-size: 11px;
	float:right;
	border-radius:0px;
	transition: .10s ease;
}

button#submitqtybutt_wb:hover{
	background:#e46a6b;
	color:#fff;
}

.inputcontainer{
	float: left;
    width: 100%;
	background:#fcf9f9;
	margin-top:5px;
	height: 30px;
}

.inputcontainer_wb{
	float: left;
    width: 100%;
	background:#f2f2f2;
	margin-top:5px;
	padding:10px;
	border-radius:3px;
}

#resetqty{
	display: none;
}

#resetqty, #upload, #bgupload{
	padding: 11px 33px;
    margin: 4px 2px;
    font-size: 12px;
    border-radius: 3px;
    background: #9bb3b7;
    color: #fff;
	transition: .20s ease;
}

#resetqty:hover, #upload:hover{
	 background: #e46a6b;
}

.uploadcontainer, #logoview{
	float:left;
	width:49%;
}

#logoview img{
	max-height: 20%;
    max-width: 20%;
    display: block;
}


#bglogoview{
	float: left;
    width: 100px;
}


.subtitle h2{text-align: center; cursor: pointer;}
.subtitle h2:before{
    content: "\f078";
    color: #e46a6b;
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 10px;
    font-size: 30px;
}

.stepscont{
	background: #ff9933;
    padding: 10px;
    background: #fbfafa;
    padding: 10px;
    color: #525050;
    width: 100%;
    font-size: 18px;
    margin-top:0px;
    border-bottom: 2px solid #b5c6c9; 
    text-align: center;
    float: left;
}

.stp{
    padding-right: 10px;
    color: #0372bf;
    font-family: Oswald;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 1px;
}

.arrow-down {
	width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #b5c6c9;
    margin-left: 25px;
    float: left;
    margin-top: -2px;
}


.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-right:10px solid #e46a6b; 
  	transition: .20s ease;
	display:block;
	float:right;
	position:absolute;
	right:0px;
	cursor:pointer;
	top: 36px;
}

.arrow-left:hover{
	border-right:10px solid #f5ac39; 
}

.widget-title {
	cursor:pointer;
}


.arrow-up_suggestion {
  width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #60c2e7;
    float: left;
    position: absolute;
    margin-top: -15px;
    right: 126px;
}

#theattributes-font, #theattributes-imprintoption{
	 float: left;
    width: 100%;
}



#wb_theattributes-font{
	float: left;
    width: 50%;
}

.single_add_to_cart_button{
	visibility:hidden;
}

#submitthisform{
	background: #ff9933;
    color: #fff;
    font-weight: bold;
    -webkit-box-shadow: 0 2px 0 #6f9a37;
    box-shadow: 0 2px 0 #ff9933;
    font-size: 19px;
    transition: .20s ease;
    border-radius: 9px;
    width: 80%;
    height: 54px;
    margin: 30px 0px;
}

#submitthisform:before{
	right: 0;
    content: "\f217";
    color: #fff;
    border: none;
    background: 0 0;
    font: normal normal normal 14px/1 FontAwesome;
    speak: none;
    display: block;
    padding: 0;
    text-indent: 0;
    text-align: center;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none!important;
    font-weight: normal;
    font-size: 30px;
    float: left;
    padding-right: 10px;
    margin-right: 10px;
}

.font_selector_button:before{
	right: 0;
    content: "\f031";
    color: #ccc;
    border: none;
    background: 0 0;
    font: normal normal normal 14px/1 FontAwesome;
    speak: none;
    display: block;
    padding: 0;
    text-indent: 0;
    text-align: center;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none!important;
    font-weight: normal;
    font-size: 20px;
    float: left;
    padding-right: 10px;
    border-right: 1px solid #fff;
    margin-right: 10px;
}

.firstclipart_selector_button:before{
	right: 0;
    content: "\f1c5";
    color: #ccc;
    border: none;
    background: 0 0;
    font: normal normal normal 14px/1 FontAwesome;
    speak: none;
    display: block;
    padding: 0;
    text-indent: 0;
    text-align: center;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none!important;
    font-weight: normal;
    font-size: 20px;
    float: left;
    padding-right: 10px;
    border-right: 1px solid #fff;
    margin-right: 10px;
}

.secondclipart_selector_button:before {
	right: 0;
    content: "\f1c5";
    color: #ccc;
    border: none;
    background: 0 0;
    font: normal normal normal 14px/1 FontAwesome;
    speak: none;
    display: block;
    padding: 0;
    text-indent: 0;
    text-align: center;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none!important;
    font-weight: normal;
    font-size: 20px;
    float: left;
    padding-right: 10px;
    border-right: 1px solid #fff;
    margin-right: 10px;
}


#upload:before, #bgupload:before{
	right: 0;
    content: "\f1c5";
    color: #fff;
    border: none;
    background: 0 0;
    font: normal normal normal 14px/1 FontAwesome;
    speak: none;
    display: block;
    padding: 0;
    text-indent: 0;
    text-align: center;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none!important;
    font-weight: normal;
    font-size: 20px;
    float: left;
    padding-right: 10px;
    border-right: 1px solid #fff;
    margin-right: 10px;
}

.imprintcolor_selector_button:before, .simprintcolor_selector_button:before, .timprintcolor_selector_button:before{
	right: 0;
    content: "\f1fc";
    color: #ddd;
    border: none;
    background: 0 0;
    font: normal normal normal 14px/1 FontAwesome;
    speak: none;
    display: block;
    padding: 0;
    text-indent: 0;
    text-align: center;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none!important;
    font-weight: normal;
    font-size: 20px;
    float: left;
    padding-right: 10px;
    border-right: 1px solid #fff;
    margin-right: 10px;
}

#submitthisform:hover{
	background:#d9924c;
}

ul.berocket_aapf_widget  {
	display:none;
}

.widget .widget-title, .widget .widgettitle{
	margin-bottom:0px !important;
	margin-top:0px !important;

}

.widget .widget-title span{
	width:80%;
	float:left;
	font-size:18px;
	text-transform:capitalize;
}

h3.berocket_aapf_widget-title:after{
	right: 0;
    content: "\f078";
    color: #8c8a8a;
    border: none;
    background: 0 0;
    font: normal normal normal 14px/1 FontAwesome;
    speak: none;
    display: block;
    padding: 0;
    text-indent: 0;
    text-align: center;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none!important;
    font-weight: normal;
}

ul.berocket_aapf_widget{
    float: left;
    width: 100%;
	background: #e6e6e6;
	border:1px solid #ddd;
}

#widthimageleft{
    width: 18%;
    margin: 0px;
    padding: 0px;
	height:175px;
	float:left;
}

#widthimageleft label{
	display: none;
}


/*#widthimageleftsize{
	float: left;
    width: 30%;
    margin: 0px;
    padding: 0px;
	height:175px;
	background-image: url(../../../../wp-content/themes/storefront/images/lanyardsize_size.jpg);
	background-repeat: no-repeat;
	margin-left: 200px;
}*/

#widthimageleftsize{
 /* float: left; */
    float: left;
    width: 23%;
    margin: 0px;
    padding: 0px;
    height: 175px;
    background-image: url(../../../../wp-content/themes/storefront/images/lanyardsize_size.jpg);
    background-repeat: no-repeat;
    /* margin-left: 200px; */
    position: relative;
    top: 5px;
    /* left: 88px; */
}


.attribute_pa_lanyard-size{
	width: 300px;
}

#widthimageright{
	float: right;
    width: 53%;
    min-height: 175px;
    background-image: url(../../../../wp-content/themes/storefront/images/lanyardsize.jpg);
    background-repeat: no-repeat;
    margin-top: 14px;
}

#widthimageright_badgereel{
	float: right;
    width: 60%;
    min-height: 175px;
	background-image: url(../../../../wp-content/themes/storefront/images/badgereelsize.jpg);
	background-repeat: no-repeat;
}

#fidgetspinner_size{
	float: right;
    width: 60%;
    min-height: 175px;
	background-image: url(../../../../wp-content/themes/storefront/images/fidgetspinner_size.jpg);
	background-repeat: no-repeat;
}


#mousepadstype{
	float: right;
    width: 60%;
    min-height: 175px;
	background-image: url(../../../../wp-content/themes/storefront/images/mousepadstype.jpg);
	background-repeat: no-repeat;
}


#widthimageright_wristband{
	float: right;
    width: 60%;
    min-height: 175px;
	background-image: url(../../../../wp-content/themes/storefront/images/wristband.jpg);
	background-repeat: no-repeat;
}

#widthimageright_fabricbands{
	float: right;
    width: 60%;
    min-height: 175px;
	background-image: url(../../../../wp-content/themes/storefront/images/fabricbands2a.jpg);
	background-repeat: no-repeat;
}


#widthimageright_cancooler{
	float: right;
    width: 60%;
    min-height: 175px;
	background-image: url(../../../../wp-content/themes/storefront/images/cancoolerbanner.jpg);
	background-repeat: no-repeat;
}


#widthimageright_totebags{
	float: right;
    width: 60%;
    min-height: 175px;
	background-image: url(../../../../wp-content/themes/storefront/images/totebagside.jpg);
	background-repeat: no-repeat;
}

#widthimageright_pin{
	float: right;
    width: 60%;
    min-height: 175px;
	background-image: url(../../../../wp-content/themes/storefront/images/pinbanner.jpg);
	background-repeat: no-repeat;
}

.quantity_container{
	border:none;
	display:block;
	min-height:15px;
	background: #fff;
	width: 30%;
	margin-left: 1px;
    float: left;
    color:#ff9933;
}

#totalamount_c{
	width:100%;
	float:left;
	display:block;
}

#submitbutt_container #totalamount_c .totalamount_container{
	font-size:37px;
	font-weight: normal;
	font-family: "Oswald";
}

.snote{
	font-size: 15px;
	padding: 1%;
}

.paymentfooter{
	float: left;
    width: 100%;
    padding: 0 28%;
}

#accepted-payments i{
	color: #c1c1c1;
	margin: 0px 3px;
	float: left;
}

.anyq{
	float: right;
	color: #58bbed;
}

#submitbutt_container #totalamount_c .qty_text{
	position: relative;
    top: 14px;
}

.totalalignment{
	float: left;
    /* width: 435px; */
    padding: 0px 35%;
}

.totalalignment .np_changes .grossprice{
	margin-left: -2px !important;
}

#bottomquantity{
	float: left;
    /* padding: 1% 40% 0%; */
    width: 45%;
    padding-top: 2%;
}


#quantity_container input.quantity_container{
	width: 40%;
    padding-left: 7px;
}


.setupfee, .setupfee_numcolor{
	display: none;
	font-style: italic;
	color: #76b51b;
}



.qty_text{
	float:left;
}

#submitbutt_container{
	margin: 10px 0px;
    border: 1px solid #ccc;
    padding: 20px;
    float: left;
    background: #fff;
}

#subcontainer_submit{
	background: #fff;
    width: 100%;
    color: #000;
}


#subcontainer_submit .reviewdetailsbox{
	letter-spacing: -1px;
    color: #e46a6b;
    font-family: Oswald;
    font-size: 25px;
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    padding: 2% 0;
    width:92%;
}


#subcontainer_submit .inner_submit{
	/*padding: 1% 30%;*/
    padding-bottom: 5%;
    border-top: 1px solid #ccc;
}

#subcontainer_submit .inner_submit_bottom{
	background: #fff;
	border-top-left-radius:10px; 
	border-top-right-radius:10px; 
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
}


#subcontainer_submit .np_changes{
	display: block;
    float: left;
    width: 50%;
    /*padding: 0% 40%;*/
}

.totalamount_container{
	font-weight:bold;
}

.single-product div.product table.variations{
	position: relative !important;
    left: -38px !important;
    width: 116% !important;
}

#widthimageleft .np_changes{
	position: relative !important;
    left: -38px !important;
    width: 116%;
    float: left;
    background: #b5c6c9;
    padding: 5px;
}

.woocommerce-tabs{
	padding:0px
}
	.radio_items{
		visibility: hidden;
	}

	.radio_item{
    display: none !important;
    }

    .label_item{
    opacity: 0.1;
    }
	
	img.optionimg{
		display:-webkit-inline-box !important;
		position:absolute;
	}
	
	.dateselection{
		font-size: 17px;
    	text-align: center;
	}

	.dateselection p{
		margin-bottom: 0px; 
	}

	.addtlamnt{
		font-size: 21px;
    	text-align: center;
    	color:#e46a6b;
    	border-top: 1px solid #ddd;
    	/*font-weight: bold;*/
	}

	.deliveryate{
		font-size: 40px;
    	text-align: center;
	}
    
    .radio_item:checked + label {
  		opacity: 1;
    }

	
	.optimizationcontainer{
		padding: 10px;
		background: #fff;
		margin: 10px 0px;
		border-radius: 5px;
		border:1px solid #f7f4f4;
	}
	


	ol.flex-control-nav{
		height: 440px;
		top:-2px;
	    width: 100px;
	    position: absolute;
	    right: 0px;
	    overflow-x: hidden;
	}

	.flex-control-nav::-webkit-scrollbar {
    width: 5px;
	}
	 
	.flex-control-nav::-webkit-scrollbar-track {
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
			border-radius: 10px;
	}
		 
	.flex-control-nav::-webkit-scrollbar-thumb {
			border-radius: 1px;
			-webkit-box-shadow: inset 0 0 6px rgba(41,123,115,1); 
	}

	.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger{
		right: 5.875em;
	}
	

	.single-product div.product .woocommerce-product-gallery{
		margin-bottom: 0.7%;
	}


	.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li{
		width:100% !important;
	}


	.entry-summary{
		width:50%;
	}

	.sat{
		border-bottom:1px solid #b5c6c9;
		padding-top:5px;
		width:100%;
	}

	.sat h4{
		font-weight:bold;
		font-size: 15px;
		color: #b5c6c9;
	}

	.sat h4:before{
		content: "\f058";
	    color: #e46a6b;
	    font: normal normal normal 14px/1 FontAwesome;
	    margin-right: 10px;
	    font-size: 30px;
	    float: left;
	    margin-top: -4px;
	}    

	.actionoptions{
		width: 100%;
	    float: left;
	    background: #b5c6c9;
	    padding: 4px 15px;
	    margin-top: 4px;
	    border-radius: 4px;
	}

	.actionoptions ul{
		list-style-type: none;
	}

	.actionoptions ul li{
		float:left;
		width: 20%;
		padding-top:10px;
		cursor:pointer;
	}

	.actionoptions ul li:hover .aoicon .fa {
		color:#000;
	}	

	.aoicon, .aotitle{
		float: left;
		padding-right: 7px
	}

	.aoicon .fa, #input_secondclipart_cont .fa, #input_firstclipart_cont .fa{
		position: relative;
	}

	.aoicon .fa{
		 top: -7px;
		color: #fff;
	    border: 3px solid #fff;
	    padding: 8px;
	    border-radius: 27px;
	    background: #60c2e7;
	    font-size: 17px;
	}

	.aotitle{
		font-size: 14px;
	    line-height: 14px;
	    color: #fff;
	}

	#primary_product .onsale{
		display: none;
	}

	.virtualbutton{
		margin-top:10px;
		float:left;
		width: 100%;
	}

	.virtualbutton button{
		border-radius:10px;
	}

	.single-product div.product p.price{
		margin:3px !important;
	}

	.additionalinfo{
		cursor: pointer;
		float:right;
		padding: 10px;
		background: #a0d468;
		margin-right:10px;
		color:#fff;
	}

	.single-product div.product .woocommerce-tabs{
		display: block;
		position:relative;
		top:-294px;
		background:#fff;
	}

	.single-product div.product .summary{
		height: 530px;
	}


#customizationleft{
	float:left;
	width:60%;
	height:auto;
	min-height:300px;
	background:#fff;
}

#customizationright{
	float: right;
    width: 38%;
    height: 1185px;
    min-height: 300px;
    background: #ccc;
    /*border:1px solid #e8e8e8;*/
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

#customizationright_c{
	float: right;
    width: 30%;
}

#customizationright_d{
	float: right;
    width: 38%;
}



#customizationright_b{
	float: right;
    width: 50%;
    background:#fff;
}

#customizationleft_b{
	float:left;
	width:70%;
	height:auto;
	background:#fff;
}

#customizationleft_c{
	float:left;
	width:30%;
	height:auto;
	background:#fff;
}

/************************************************************/	
/***view_section***/
/************************************************************/	


  .box {
  border: 2px solid black;
  width: 100px;
  height: 100px;
  /*background-color: green;*/
  margin: 27px;
  position: relative;
}


.ui-rotatable-handle {
  background: url("https://cdn.jsdelivr.net/jquery.ui.rotatable/1.0.1/rotate.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 25px;
  width: 25px;
  position: absolute;
}

.ui-rotatable-handle-sw {
  bottom: -27px;
  left: -27px;
}

.ui-rotatable-handle-nw {
  top: -27px;
  left: -27px;
}

.ui-rotatable-handle-se {
  bottom: -27px;
  right: -27px;
}

.ui-rotatable-handle-ne {
  top: -27px;
  right: -27px;
}

#viewimage_lanyards{
	width: 481px;
    /*min-height: 1330px;*/
    min-height: 1185px;
	background-image: url(../../../../wp-content/themes/storefront/images/lanyrad-view_b.png);
	background-repeat: no-repeat; 
	margin: 0 auto;
	border:1px solid #e8e8e8;
}

#remove{
	position: relative;
    right: 10px;
    float: right;
    color: #fff;
    background: #e46a6b;
    top: -4px;
    font-weight: normal;
    font-size: 15px;
    padding: 3px 5px;
    display: none;
}

.attachment_image{
	position: relative;
    top: 838px;
    right: 2px;
    transform: rotate(-90deg);
}

.attachment_image_two{
	position: relative;
    top:739px;
    right:171px;
    transform: rotate(-90deg);
    display: none;
}

.box-wrapper{
	/*left: 331px;
    top: -268px;*/
    float:left;
}

#textcontainerone{
	height:80px;
}


.ui-resizable{
	 height: 44.8818px; 
	 width: 119.882px;
	 /*transform: rotate(0.174983rad);*/
}

#container{
	/*width: 982.601px;*/
    height: 25.7417px;
    /*transform: rotate(0.178874rad);*/
    overflow: hidden;
}

#container .populate, #container .populate_top{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    word-break: break-all;
    float: left;
    padding-left: 10px;
    color: #fff;
    white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	font-size:23px;
  }	

#bottomlanyards{
    float: left;
    position: absolute;
    top: 470px;
    left: -98px;
    transform: rotate(-78deg);    
    width: 850px;
}


.imprintsidetext{
	text-align: center;
    font-weight: bold;
    display: none;
}

#toplanyards{
	float: left;
    position: absolute;
    top: 405px;
    left: -209px;
    transform: rotate(78.6deg);
    width: 700px;
}


.addupgrades_imageone{
	position: absolute;
    float: right;
    right: 212px;
    top: 21px;
    transform: rotate(-90deg);
    display:none;
}

#viewimage_lanyards{
	position: relative;
}

.viewfooter{
	position: absolute;
    display: block;
    float: left;
    height: 253px;
    border: 1px solid #e8e8e8;
}


#notevisual{
	z-index: 9999;
    padding: 25px 30px;
    background: #74a474;
    color: #fff;
    float:left;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
}

.note{
	color:#000;
	font-weight:bold;
	text-transform: uppercase;
}


.populate_cont{
	visibility: hidden;
}

.populate, .populate_top{
	position: absolute;
	height: 50px;
	top:-13px;
	width:100%;
}

.populate img, .populate_top img{
	width: 12%;
    height: 70%;
    position: relative;
    margin: 0px 2%;
}

#ema{
	position: absolute;
    border: 5px solid #58bbed;
    right: 70px;
    background: #f8f9f9;
    padding: 20px;
    border-radius: 9px;
    top: 20px;
    box-shadow:1px 1px 8px 7px #C9C9C9;
 	-webkit-box-shadow:1px 1px 8px 7px #C9C9C9;
 	-moz-box-shadow:1px 1px 8px 7px #C9C9C9;
 	display: none;
 	z-index: 99;
}

#ema form, #raq form, #reqs form, #askaquestion form {
	margin:0px;	
}

#ema .form-group, #raq .form-group, #reqs .form-group, #askaquestion .form-group{
	padding-bottom: 10px;
}

#ema button, #raq button, #reqs button, #askaquestion button{
	background: #60c2e7;
    width: 100%;
    border: 1px solid #ddd;
    color: #fff;
}

#ema button:hover, #raq button:hover, #reqs button:hover, #askaquestion button:hover{
	background: #5ba9c7;
}


#raq{
	position: absolute;
    border: 5px solid #60c2e7;
    opacity: 1;
    right: 314px;
    background: #fff;
    padding: 20px;
    border-radius: 9px;
    top: 100px;
    box-shadow: 1px 1px 8px 7px #C9C9C9;
    -webkit-box-shadow: 1px 1px 8px 7px #C9C9C9;
    -moz-box-shadow: 1px 1px 8px 7px #C9C9C9;
    width: 420px;
    height: auto;
    display: none;
    z-index: 99;
    color: #000;
}

#raq input, #reqs input{
	width: 100%;
	border:1px solid #ccc;
	background: #fff;
}

#raq textarea, #reqs textarea{
	height: 75px;
	border:1px solid #ccc;
	background: #fff;
}

#askaquestion{
	position: absolute;
    border: 5px solid #58bbed;
    right: 155px;
    background: #f8f9f9;
    padding: 20px;
    border-radius: 9px;
    top: 270px;
    box-shadow:1px 1px 8px 7px #C9C9C9;
 	-webkit-box-shadow:1px 1px 8px 7px #C9C9C9;
 	-moz-box-shadow:1px 1px 8px 7px #C9C9C9;
 	width:300px;
 	height:auto;
 	display: none;
 	z-index: 99;
}

#askaquestion .smallfonts{
	font-size: 13px;
	font-style: italic; 
}

#askaquestion .smallfonts span.signin_aaq{
	color:#ff9933;
	padding-left: 3px;
	cursor: pointer;
}

#askaquestion .smallfonts span.signin_aaq:hover{
	text-decoration: underline;
}

#incorrectqty{
	position: fixed;
    margin: auto;
    border: 5px solid #fff;
    left: 40%;
    background: #e46a6b;
    padding: 20px;
    border-radius: 9px;
    top: 270px;
    box-shadow: 1px 1px 8px 7px #C9C9C9;
    -webkit-box-shadow: 1px 1px 8px 7px #C9C9C9;
    -moz-box-shadow: 1px 1px 8px 7px #C9C9C9;
    width: 300px;
    height: auto;
	display: none;
	z-index: 99;
    color: #fff;
}

.aaq_loginform, .aaq_questionform{
	display: none;
}

#reqs{
	position: absolute;
    border: 5px solid #60c2e7;
    right: 215px;
    background: #fff;
    padding: 20px;
    border-radius: 9px;
    top: 100px;
    box-shadow:1px 1px 8px 7px #C9C9C9;
 	-webkit-box-shadow:1px 1px 8px 7px #C9C9C9;
 	-moz-box-shadow:1px 1px 8px 7px #C9C9C9;
 	width:420px;
 	height:auto;
 	display: none;
 	z-index: 99;
    color: #000;
}


#additionaloptionicon{
	display: block;
    left: 15px;
    /*float:left;*/
    height: 126px;
}

 #brv, #bv, #bh, #stmc {
 	display: none;
    position: relative;
    bottom: 15px;
    left: 15px;
    border: 1px solid #ddd;
    padding: 6px;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    margin-top: 25px;
    min-height: 103px;
 }

 #stsw{
 	display: block;
    position: relative;
    bottom: 15px;
    left: 15px;
    border: 1px solid #ddd;
    padding: 6px;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    margin-top: 25px;
    min-height: 103px;
 }

 #bh img{
 	width: 50px;
 	margin: 0 auto;
 }


 #numattachment{
 	float: left;
    width: 100%;
 }

 ul li.attnum{
 	width:30% !important;
 }

 #theattributes ul.attachmentnumarr li{
 	height: 100% !important;
 	width: 49%;
    float: left;
 }


#theattributes ul.attachmentnumarr li > .imgattc img{
 	width: 221px; !important;
 }


.lanyardtext textarea{
	background: #fff;
    width: 100% !important;
    border: 1px solid #ccc;
    height: 116px;
}

.txtmessage_infor{
	color: #e46a6b;
	padding:5px 0px; 
	text-align: center;
}


.aslowas{
	font-size: 20px;
}

ul.products li.product .price{
	margin-bottom:0px !important;
	font-size: 20px;
}

.bestselling{
	font-size: 20px;
    color: #fff;
    background: #e46a6b;
    width: 61%;
    border-radius: 5px;
    text-align: center;
    margin: 0 auto;
}


.customizenowbutt{
	width: 100%;
    float: left;
    font-size: 20px;
    color: #fff;
    background: #a0d468;
    margin: 0 auto;
    margin-top: 10px;
}

.woocommerce-message{
	display: none;
}

/************************************************************/	
/***view_section***/
/************************************************************/	


/************************************************************/	
/***CART***/
/************************************************************/	
#cart_header{
	text-align: center;
    background: #a0d468;
    color: #fff;
    padding: 1%;
}

#cart_header h1, #cart_header p{
	margin-bottom: 0px;
	color: #fff;
}

#cart_header h1{
	text-transform: uppercase;
}


.inline{
	float:left;
	padding-left: 5px;
}

.variation h2{
	font-weight: bold;
	font-size:14px;
	color:#ff9933;
}


.shop_table tr td{
	padding:5px !important;
	margin-top: 10px;
}

.shop_table tr td.howtopay{
	width:1500px;
}

.howtopay input{
	float:left;
	width: 20%;
	margin-top: 10px;

}

.creditcard{
	width: 80%;
    min-height: 55px;
    background-image: url(../../../../wp-content/themes/storefront/images/creditcardimage.png);
    background-repeat: no-repeat;
    margin: 0 auto;
    background-size: 269px;
    float: left;
    text-indent: -9999px;
}

.paypalimg{
	width: 80%;
    min-height: 55px;
    background-image: url(../../../../wp-content/themes/storefront/images/paypalimg.png);
    background-repeat: no-repeat;
    margin: 0 auto;
    background-size: 40%;
    float: left;
    text-indent: -9999px;
}


.customizebelow h2{
	cursor: pointer;
}

.customizebelow h2:hover{
	color:#00a3e0;
}

#payment_container{
	width:100%; 
	float: left;
	border-top:1px solid #555;
	position: relative;
}


#payment_container .pc_title{
	font-size: 25px;
    font-weight: lighter;
    color: #555;
}

#payment_container .cart_totals, #payment_container .coupon {
	float: left;
	width: 50%;
}

.wc-proceed-to-checkout a.button{
	width: 280px !important;
    font-size: 18px !important;
    font-weight: normal;
    color: #fff;
    float: right;
    border-radius: 3px !important;
}


.wc-forward:after, .woocommerce-Button--next:after{
	content: "\f0a9" !important;
}

.cart_totals td{
	color: #ff9933;
    font-size: 20px;
    font-weight: normal;
    text-align: right !important; 
}

.coupon .button{
	background-color: #a0d468 !important;
}


table.cart  td.product-subtotal, tr.order-total, tr.order-total td{
	font-size: 20px;
    color: #58bbed;
    padding: 0px;
    font-weight: normal;
}

tr.cart_item td a img{
	max-width: 180px !important;
}


/************login checkout ***************/
body.woocommerce-checkout .loginleft{
	float: left;
    width: 60%;
    margin: 3% 20%;
    border: 1px solid #ccc;
}

body.woocommerce-checkout .loginshow{
	background: #347ab6;
    color: #fff;
    width: 100%;
    border-radius: 5px;
    width: 19%;
    text-align: center;
    display: none;
}


body.woocommerce-checkout .loginleft .col-1{
	width: 50% !important;
    padding: 2%;
    float: left;
    background: #f9f9f9;
    margin: 0%;
    border-radius: 5px;
    /* border: 1px solid #ccc; */

}	

body.woocommerce-checkout .loginleft .col-1 .col-1{
	width: 100% !important;
}

body.woocommerce-checkout .loginleft .col-2{
	width: 50% !important;
    padding: 2%;
    float: right;
    background: #f9f9f9;
    margin: 0%;
    border-radius: 5px;
    /* border: 1px solid #ccc; */
    text-align: center;
    height: 498px;
    border-left: 1px solid #ccc;
}	

body.woocommerce-checkout input[type="submit"], body.woocommerce-checkout button{
	background: #347ab6;
	color: #fff;
	width: 100%;
	border-radius: 5px;
}

.logintitle{
	text-align: center;
}


/************login checkout***************/



/************CHECKOUT***************/

.bdo_input{
	padding: 1px 0px;
    font-style: italic;
    color: #585656;
    font-size: 16px;
}

.bdo_input input{
	height: 14px !important;
    margin-right: 10px;
}

.customername{
	position: absolute;
    right: 7px;
    top: 13px;
    font-size: 14px;
    font-style: italic;
}

.customername span{
	font-weight: bold;
}
    

body.woocommerce-checkout #order_review{
	display: none;
}


body.woocommerce-checkout #secondary,
#order_review{
	display: none;
}

body.woocommerce-checkout .content-area, body.woocommerce-checkout #customer_details{
	width: 100% !important;
}

body.woocommerce-checkout #customer_details .col-1, body.woocommerce-checkout #customer_details .col-2{
	width: 70% !important;
    padding: 2%;
    float: left;
    background: #fff;
    margin: 2% 20%;
    border-radius: 5px;
    /*border: 1px solid #f2f0f0;*/
}

body.woocommerce-checkout #customer_details .col-1 input, 
body.woocommerce-checkout #customer_details .col-2 input,
.select2-container--default .select2-selection--single .select2-selection__rendered
{
	background: #fff;
    border: 1px solid #d7d6d6;
    height: 41px;
    box-shadow:none !important;
    border-radius: 4px;
}



.select2-container--default .select2-selection--single{
	border: none !important;
}

#billing_country, #billing_state, #shipping_state, #shipping_country{
	background: #fff;
    border: 1px solid #d7d6d6;
    height: 41px;
    box-shadow:none !important;
    width:80% !important;
}

#ship-to-different-address-checkbox{
	position: relative !important;
    top: 34px !important;
}

#ship-to-different-address{
	background: #e46a6b;
	width: 100%;
	height: 65px;
	padding: 0px 2%;
	font-style: italic;
}

.shiptodiff{
	font-size: 17px !important;
    font-weight: normal !important;
    color:#fff !important;
}  


#createaccount{
	position: relative !important;
    top: 15px !important;
}

body.woocommerce-checkout textarea{
	border:1px solid #d7d6d6 !important;
}


body.woocommerce-checkout #customer_details h3, #order_review h3{
	color: #6a6a6a;
    position: absolute;
    left: 10%;
    text-transform: uppercase;
}

.woocommerce-checkout-review-order-table{
	display: none !important;
}

#order_review{
	margin: 0 auto;
    width: 100%;
    float: left;
}

.thankyou_left{
	float: left;
	width: 45%;
}

.order_details{
	background: #fff !important;
}

body.woocommerce-order-received .woocommerce-order-details{
	 width: 45%;
    float: none;
}

ul.order_details:after, ul.order_details:before{
	display: none;
}

#crcard{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

#crcard .cc_input {
	background: #347ab6;
    float: left;
    width: 17%;
    color: #fff;
    padding: 10px;
    position: relative;
    z-index: 999;
    margin: 5px;
    border-radius: 5px;
    height: 42px;
}

#crcard .cc_input input{
	margin-right: 10px;
	position: absolute;
    top: 3px;
}


#crcard .cc_input span{
	padding: 0px 20px;
}


#paymentnotes{
	color: #7e7d7d;
    position: relative;
    z-index: 999;
    width: 100%;
    float: left;
    padding: 20px;
    text-align: justify;
    background: #fff;
    border: 1px solid #ccc;
    display: none;
    font-style: italic;
}

.woocommerce-billing-fields{
	margin-top: 10px;
	float:left;
	width: 100%
}

.woocommerce-shipping-fields, #payment, .woocommerce-billing-fields{
	display: block;
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 52px;
    border-radius: 10px;
    padding: 4%;
    box-shadow: 6px 8px 5px #616160;
}

.shipping_address p{
	margin-bottom: 15px;
}


.shipping_address p, 
.woocommerce-billing-fields__field-wrapper p, 
.create-account p{
	float:left;
	width: 100%;
}

.shipping_address label, .woocommerce-billing-fields__field-wrapper label{
	width: 20%;
	float: left;
	text-align: right;
	padding-right: 30px;

}

.shipping_address input, .shipping_address .select2, .shipping_address textarea,
.woocommerce-billing-fields__field-wrapper input, .woocommerce-billing-fields__field-wrapper .select2, 
.woocommerce-billing-fields__field-wrapper textarea,
#shipping_country, #shipping_state{
	width: 65% !important;
    float: right;
    margin-right: 15%
}

#account_password_field label{
	width: 20%;
	float: left;
}

#account_password_field input{
	width: 80% !important;
	float: right;
}


.woocommerce-password-strength, .woocommerce-password-hint{
	float: left;
    width: 100%;
    text-align: left;
}


#payment{
	float: left;
}


#payment ul li.payment_method_paypal, #payment ul li.payment_method_gazchap_wc_purchaseordergateway{
	display:none;
}


.billingdataoptions{
	float: left;
    width: 100%;
    margin-bottom: 39px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px 0px;
}

#place_order {
	display: none;
}

#buttonbottom{
	background: #e46a6b !important;
	width: 80%;
	margin: 0 10%;
	/*display: none;*/
}

#billing_shipping_email_field{
	display: none;
}


.woocommerce-checkout-review-order-table_bottom table td, table th{
	padding: 0 !important;
}

#order_summary{
	width: 100%;
	float: left;
	border: 1px solid #ccc;
    margin-bottom: 52px;
    border-radius: 10px;
    padding: 4%;
    box-shadow: 6px 8px 5px #616160;
}
/**********************************/

.starimage{
	background-image: url(../../../../wp-content/themes/storefront/images/lanyard_landing_page/star-rating_03.png);
    width: 125px;
    height: 25px;
   	margin: 0 auto;
}

.lanyardbanner{
	background: #ff9933;
    color: #fff;
    margin: 0.4em 0;
    padding: 3px;
    width: 80%;
    margin: 0 auto;
    border-radius: 6px;

}

#product_list img{
	max-width: 189px;
}



/**********************************/

.productiontime{
	width:100% !important;
	float:left;
}

#submitbutt_container{
	width:100% !important;
	float:left;	
}

.related {
    border-top: 1px solid #ccc;
    float: left;
}


.aoption{
	float: left;
	width: 100%;
	font-size: 13px;
	font-style: italic;
    color: #76b51b;
}
.or{
	float: left;
    background: #e46a6b;
    color: #fff;
    padding: 15px;
    width: 54px;
    height: 54px;
    border-radius: 60px;
    font-weight: bold;
    margin: 0px 42%;
    position: relative;
    z-index: 999999;
}


.bl{
	background-color: #3188f3;
}

.gr{
	background-color: #56cd2c;	
}

.rd{
	background-color: #e46a6b;	
}

.org{
	background-color: #ff9933;	
}

.yl{
	background-color: #e5db3f;	
}

.lbl{
	background-color: #74c1e1;	
}

input[type="text"]:focus{
	background-color: #fff !important 
} 

.ddetail{
	text-transform: capitalize;
}