/*
 * productColorizer - jQuery Plugin
 * version: 1.1 May 2012
 * @requires jQuery v1.6 or later
 *
 * Examples at http://nikorablin.com/sandbox/productColorizer/
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 *
 * Copyright 2012 Nik Korablin - nikorablin@gmail.com
 *
 */
 
/* colorizer styles
--------------------------------------------- */
.mask {
	position:absolute;
	/*top:0;
	left:0;*/
	
}

.secondary {
	left:0;
	top:0;
    position: absolute;
    z-index: 500;
}

/* swatch styles
--------------------------------------------- */
.swatch {
	padding:5px 0;
	position:relative;
}

.swatch:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.swatch a {
	display:block;
	width:25px;
	height:25px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-indent:130%;
	white-space:nowrap;
	overflow:hidden;
	float:left;
	margin:2px;
	/*background-image: linear-gradient(bottom, rgb(181,181,181) 53%, rgb(235,235,235) 52%);
	background-image: -o-linear-gradient(bottom, rgb(181,181,181) 53%, rgb(235,235,235) 52%);
	background-image: -moz-linear-gradient(bottom, rgb(181,181,181) 53%, rgb(235,235,235) 52%);
	background-image: -webkit-linear-gradient(bottom, rgb(181,181,181) 53%, rgb(235,235,235) 52%);
	background-image: -ms-linear-gradient(bottom, rgb(181,181,181) 53%, rgb(235,235,235) 52%);*/
}

.swatch a span {
	display:block;
	height:100%;
}

.swatch a.active span {
	border:2px solid yellow;
	height:21px;
}

/* tooltip styles
--------------------------------------------- */
.colorizer-tooltip {
	position:absolute;
	padding:5px;
	font-size:11px;
	-moz-box-shadow:0 0 5px #666;
	-webkit-box-shadow:0 0 5px #666;
	box-shadow:0 0 5px #666;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background:#fff;
	/*top:34px;*/
}

.colorizer-pointer-up,.colorizer-pointer-up-inner {
	position:absolute;
	width:0;
	height:0;
	border-top-width:0;
	background:none;
}

.colorizer-pointer-up {
	border-left:4px solid #ccc;
	border-right:4px solid #ccc;
	border-bottom-width:14px;
	top:7px;
	right:auto;
	left:50%;
	margin-left:-7px;
	box-shadow:0 0 3px #333;
}

.colorizer-pointer-up-inner {
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:7px solid white;
	bottom:auto;
	top:-14px;
	left:-5px;
}

.maskfullcolour { height: 400px; width: 100%; }

.product-preview .masks img { position: absolute; right: 0px !important; bottom: 0px !important;}

.product-preview h3 {
    font-size: 20px;
    font-weight:600;
}

#chosencolour {
    margin-bottom: 9px;
    border:0px;
}

.imagewarning { float: left; display: inline-block; margin-bottom: 20px; font-weight: bold; font-size: 14px; line-height:1.1em; }
#coloursearch {
  background-image: url('/css/searchicon.png'); /* Add a search icon to input */
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 6px 20px 6px 8px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}