/******* LAYOUT.CSS START ******/   
			/* ========================= */
/* ========================= */
/*             
*          01 RESET
*/
/* ========================= */
/* ========================= */

/* ----- reset ----- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  list-style: none;
}                  
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/* End of Reset CSS 

fonts.css from the YUI Library: developer.yahoo.com/yui/ */

body { font:100%; *font-size:small; } /* hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/* 
 * HTML5 Boilerplate - minimal base styles 
 */

body, select, input, textarea { 
  color: #444; 
  /* font-family: Georgia, serif;  */   
}
h1,h2,h3,h4,h5,h6 { font-weight:100; margin-bottom:7px;}
html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none;} 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { 
  padding: 15px; 
  text-align:left;
}
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 0px;
    -moz-box-shadow: 0px 0px 0px red; 
 -webkit-box-shadow: 0px 0px 0px red; 
         box-shadow: 0px 0px 0px red;
}
.no-boxshadow input:invalid, 

/* By default the selection color is pink */
::-moz-selection{ color:#fff; background:#09F; text-shadow: none; }
::selection { color:#fff; background:#09F; text-shadow: none; } 
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

*, *:after, *:before{
padding: 0;
margin: 0;
text-decoration: none;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}

*:focus
{
    outline: none;
}


::-webkit-input-placeholder {
   color: #a39e9b;
}

:-moz-placeholder { /* Firefox 18- */
   color: #a29d9a;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #a29d9a; 
}

:-ms-input-placeholder {  
   color: #a29d9a;  
}

/* ----- hidden ---- */

.hidden {
	display:none;
}

/* ----- clearfix ----- */
.cf:before,
.cf:after {
    content: "";
    display: table;
}

input, textarea { outline: none; }

.cf:after {
    clear: both;
}

/* ----- ie6 / 7  & iefix ----- */
.cf {
    zoom: 1;
}

pre {
	padding: 0;
}

.ie .cols{
	margin: 0 2px !important;
}

.ie .newsform{
	width: 90%;
}

/* ========================= */
/*             
*          01 ICOMOON
*/
/* ========================= */
/* ========================= */

@font-face {
	font-family: 'icomoon';
	src:url('../../fonts/icomoon/icomoon.eot');
	src:url('../../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/icomoon/icomoon.woff') format('woff'),
		url('../../fonts/icomoon/icomoon.ttf') format('truetype'),
		url('../../fonts/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to { 
    -webkit-transform: rotate(360deg);
  }
}
 
.loader
{
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         1.3s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function:  linear;
    display: inline-block;
    font-size: 0.875em;
}
/* ========================= */
/* ========================= */
/*             
*        02 STRUCTURE
*/
/* ========================= */
/* ========================= */

/* ----- content ----- */
body {
	color: gray;
	width: 100%;
	height: 100%;
	background: whitesmoke;
}

#content {
	background: white;
	padding: 30px 0;
}

.wrap {
	max-width: 980px;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#contain {
	position: relative;
	display: block;
	width: 980px;
	margin: 0 auto;
}

#topbar {
	width: 100%;
	height: 35px;
}

iframe{
	width:100%;
	}
	
.sagepayiframe{
	width:100%;
	height:700px;
	}

.block {
	margin: 10px 0;
}

a {
	color: teal;
}

a:hover {
	color: gray;
}

.dotted {
	border-bottom: 1px dotted;
}

.light {
	color: whitesmoke;
}

.image{
	position: relative;
}

.image img{
	padding: 3px;
}

.img_header img {
	width: 100%;
}

.text li {
	line-height: 24px;
	margin: 0 0 0 15px;
}

.clear {
	clear: both;
}

.section {
	margin: 10px 0;
}

.padding {
	padding: 15px;
	margin: 0;
}

.first {
	margin-left: 0 !important;
	clear: left;
}

.last {
	margin-right: 0 !important;
	clear: right;
	float: right !important;
}

.right {
	text-align: right;
	float: right;
	margin: 0 0 0 15px;
}

.left {
	text-align: left;
	display: inline;
	float: left;
}

.center {
	text-align: center;
}

.small {
	font-size: 0.750em;
	margin: 2px 0 0 0;
	line-height: 12px;
}

.spacer {
	margin: 5px 0;
}

.popupmessages{
	display: none;
}

.404 {
	text-align: center;
}

.bw {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.bw:hover {
  -webkit-filter: grayscale(100%);
}

.blur {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.blur:hover {
  -webkit-filter: blur(1px);
}

.green, .good {
	color: #78AA00;
	background: #EAF4C2;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
	padding: 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.orange, .notify {
	color: #C58700;
	background: #FFE5AC;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
	padding: 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.red, .bad {
	color: #C40000;
	background: #FEDEDE;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
	padding: 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.highlight {
	color: teal;
}

.mobileshow {
	display:none;
}

.standout {
	display: inline-block;
	background: teal;
	padding: 15px;
	color: white;
	margin: 10px 0 25px 0;
}

/* ----- boxes ----- */
.boxstandard {
	background: whitesmoke;
	padding: 15px;
}

.boxstandard label {
	display: inline-block;
	margin: 5px 0 5px 0;
	width: 100%;
}

/* ----- columns ----- */
.col_full {
	max-width: 980px;
	width: 100%;
}

.col_uncontained {
	width: 100%;
}

.col_half {
	width: 47.5%;
}

.col_third {
	width: 30%;
}

.col_quarter {
	width: 24%;
}

.col_twothirds {
	width: 65%;
}

.col_threequarters {
	width: 74%;
}

.cols {
	margin: 0 1%; /*  16 x 0.938 = 15px */
	float: left;
	display: inline;
}

.col-2-3 {
  width: 65%;
}
.col-1-3 {
  width: 32%;
}
.col-1-2 {
  width: 50%;
}
.col-1-4 {
  width: 25%;
}
.col-1-8 {
  width: 12.5%;
}

/* ----- font ----- */
h1 {
	font-size: 1.500em; /* 16 x 1.500 = 24px */
}

h2 {
	font-size: 1.250em; /* 16 x 1.250 = 20px */
}

h3 {
	font-size: 1.125em; /* 16 x 1.125 = 18px */
}

h4 {
	font-size: 1.000em; /* 16 x 1.000 = 16px */
}

p {
	font-size: 0.813em; /* 16 x 0.813 = 13px */
	line-height: 1.375em; /* 16 x 1.375 = 22px */
	margin-bottom:1.375em;
}

.text li {
	line-height: 1.75em; /* 16 x 1.375 = 22px */
	}

.text p {
	line-height: 1.375em; /* 16 x 1.375 = 22px */
}

.maintext p {
	
}

/* ----- header ----- */
header {
	width: 100%;
	display: block;
	margin: 0 auto;
	position: relative;
}

header #header_logo {
	margin: 35px 0;
	display: inline-block;
	text-indent: -9999px;
}

header .left {
	margin: 0;
}

header .right {
	margin: 25px 0 0 0;
}

header .right .head_info {
	font-size: 1.000em;
	margin: 0 0 10px 0;
}

header .right #accountnav {
	background: white;
	padding: 0;
	display: inline-block;
	margin: 60px 0 0 0;
	font-size: 0.875em;
}

header .right #accountnav li {
	float: left;
}

header .right #accountnav li a {
	padding: 1.5em;
}

header .right #accountnav .items a, header .right #accountnav .checkout a {
	background: white;
}

header .right #accountnav .myaccount a {
	background: teal;
	color: white;
}

header .right #accountnav .myaccount a:hover {
	background: gray;
}

nav {
	z-index: 6;
	width: 100%;
	clear: both;
	margin: 40px 0 20px 0;

}

nav .divider {
	height: 44px;
	width: 2px;
	position: absolute;
	top: 7px;
}

nav>ul {
	text-align: justify !important;
    font-size: 0.1px; /*hide whitespace between elements*/
	width:100%;
}
	
nav>ul:after {
    content: '';
    display: inline-block;
    width: 100%;
}

nav>ul li {
	display:inline-block;
	float:none;
	position:relative;
}

nav ul ul {
	width:auto;
	min-width:100%;
	white-space: nowrap;
}

nav ul ul .submenulist{
	display:table-cell;
	/*float:left;
	background: inherit;*/
}

nav ul li a, nav ul li p {
	padding: 1.315em 1.500em;
}

nav ul>li a, nav ul>li p {
	font-size: 16px;
	display: block;
}

nav ul ul { 
	list-style: none; 
	display: none; 
	position: absolute;  
	z-index: 99999; 
	background: gray;
}

nav ul ul li { 
	float: none; 
	margin: 0; 
	padding: 0 0px; 
	display: block;
}

nav ul ul li a, nav ul ul li p { 
	border-right: none;  
	text-align: left;
	white-space: nowrap; 
	display: block;
} 

nav ul ul ul { 
	left: 100%; 
	top: 0;
	font-size: 1.1em; 
}

nav ul li:hover > ul { 
	/* visibility: visible; */
}

#sidenav {
	background: gray;
}

#sidenav li {
	list-style: none;
}

#sidenav li a {
	display: block;
	padding: 12px;
}

#sidenav li a:hover, #sidenav li .active {
	padding-left: 30px;
}

#sidenav ul li a {
	display: block;
	padding: 12px;
}

#sidenav ul li a:hover, #sidenav ul li .active {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	padding-left: 30px;
}

/* ----- footer ----- */
footer {
	clear: both;
	margin: 50px 0 0 0;
	text-align: left;
	position: relative;
	padding: 25px 0;
	background: gray;
	color: lightgray;
	display: inline-block;
	width: 100%;
	font-size: 0.750em;
}

footer p {
	display: inline;
}

.footercen {
	margin: 0 auto;
}

footer a {
	color: white;
}

footer a:hover {
	color: lightgray;
}

footer .col_quarter li {
	line-height: 26px;
}

footer .col_quarter li:first-child {
	margin: 10px 0 0 0;
}

#cookiesprefsbar {
	margin: 10px 0;
	background: whitesmoke;
	color: gray;
	border-radius: 0px;
}

/* ----- input, labels & forms ----- */

.unauthorised  #noentry{
	display:block;
}


input, textarea {
	padding: 15px;
	border: none;
}

.inputerror, .errormessage {
	text-align: right;
	font-size: 11px;
	color: red;
	float: right;
	margin-top: 3px;
}

.formlabel {
	display: inline-block;
	margin: 0 0 5px 0;
	font-size: 0.813em;
}

.forminput {
	width: 100%;
	background: whitesmoke;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	margin: 0 0 10px 0;
	font-size: 0.813em;
}

.forminput-alt {
	float: left;
	width: 100%;
	background: white;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	margin: 0 0 10px 0;
	font-size: 0.813em;
}

/* ----- buttons ----- */
.button {
	padding: 8px 10px;
	position: relative;
	text-align: center;
	cursor: pointer;
	-webkit-appearance: none;
	font-size: 0.875em;
}

/* ----- icons ----- */
.icon-phone {
	height: 15px;
	width: 15px;
	margin: 0 8px 0 0;
	display: inline-block;
}

.icon-mail {
	height: 12px;
	width: 18px;
	margin: 0 8px 0 0;
	display: inline-block;
}

.icon-zoom {
	background: url('icon-zoom.png') no-repeat transparent;
	height: 16px;
	width: 16px;
	margin: 0 0 0 8px;
	vertical-align: middle;
	display: inline-block;
}

.absolutecentre{
	position: absolute;
	display: block;
	width: 1px;
	height: 1px;
	background: transparent;
	top: 50%;
	left: 50%;	
}

/* ========================= */
/* ========================= */
/*             
*          03 COLOURS
*/
/* ========================= */
/* ========================= */

/* Primary Font Colour */
.pfc {
	color: teal;
}

/* Secondary Font Colour */
.sfc {
	color: maroon;
}

/* Primary BG Colour */
.pbc {
	background: teal;
	color: white;
}

.pbc:hover {
	background: gray;
	color: white;
}

/* Secondary BG Colour */
.sbc {
	background: maroon;
	color: white;
}

.sbc:hover {
	background: gray;
	color: white;
}

/* ========================= */
/* ========================= */
/*             
*          04 ELEMENTS
*/
/* ========================= */
/* ========================= */

/* ----- full width ----- */
.fullwidth {
	margin: 0;	
}

#fullwidth {
	width: 100%;
	overflow: hidden;
	background: gray;
	display: block;
	position: relative;
	max-height:400px;
}

#fullwidth  img {
	margin: 0;
	padding: 0;
}

#fullwidth .cover {
	height: 94%;
	width: 98%;
	position: absolute;
	z-index: 100;
	margin: 1%;
	border: 1px solid white;
}

#fullwidth .wrap {
	height: 100%;
	background: transparent;
	z-index: 2000;
}

#fullwidth .wrap  .border {
	position: absolute;
	bottom: 30px;
	right: 0;
}

#fullwidth .wrap  .caption {
	background: white;
	padding: 20px;
}

#fullwidth .wrap  .caption li {
	margin: 10px 0;
}

#fullwidth .wrap  .caption li .light {
	margin: 0 5px 0 0;
}

#fullwidth .wrap  .caption li:first-child {
	margin-top: 0;
}

#fullwidth .wrap  .caption li:last-child {
	margin-bottom: 0;
}

#fullwidth .wrap  .button {
	position: absolute;
	bottom: 30px;
	left: 0;
	font-size: 1.500em;
	padding: 20px 35px;
}

/* -----  personnel -----*/
.personnel {
	display: block;
	background: whitesmoke;
	margin: 0 0 15px 0;
	padding: 15px;
}

.personnel:last-child {
	margin-bottom: 0px;
}

.personnel img.thumb {
	margin: 0 0 10px 0;
}

.personnel .personneldata {
	float: left;
	display: inline;
}

.personnel .right img.icon {
	margin: 0 5px;
}

/* ----- slogan ----- */
.slogan {
	background: teal;
	color: white;
	padding: 26px;
	text-align: center;
	margin: 0;
	border-top: 1px solid whitesmoke;
	border-bottom: 1px solid white;
}

.slogan h1 {
	color: white;
	border: none;
	margin: 0;
	padding: 0;
	text-shadow: none;
}

/* ----- product carousel ----- */
.productcarousel {
	margin: 40px 0 50px 0;	
}

.productcarousel #productthumbnails {
	background: none;
}

.productcarousel ul li {
	float: left;
	background: whitesmoke;
	position: relative;
	padding: 10px;
	margin: 0 17px;
	border-bottom: 1px solid gray;
	height: 255px;
}

.productcarousel ul li .price {
	position: absolute;
	top: 10px;
	right: 10px;
	background: whitesmoke;
	padding: 2px 2px 10px 8px;
	color: maroon;
}

.productcarousel ul li h2 {
	margin: 10px 0 0 0;
}

.productcarousel ul li .link {
	margin: 10px 0 3px 0;
	border-bottom: 1px dotted;
	display: inline-block;
	position: absolute;
	bottom: 10px;
}

.productcarousel ul li p {
	color: gray;
}

.productcarousel .flex-direction-nav {
	display: none;
}

.list_carousel {
	margin: 50px 0;
	width: 100%;
}
.list_carousel ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.list_carousel.responsive {
	width: auto;
	margin-left: 0;
}
.prev {
	background: url('arrows-prev.png') no-repeat;
	height: 47px;
	width: 24px;
	display: block;
	position: absolute;
	left: -70px;
	top: 90px;
	cursor: pointer;
}
.next {
	background: url('arrows-next.png') no-repeat;
	height: 47px;
	width: 24px;
	display: block;
	position: absolute;
	right: -70px;
	top: 90px;
	cursor: pointer;
}

.next:hover, .prev:hover {
	background-position: 0 -47px;
}

.caroufredsel_wrapper {
	background: none;
}

/* ----- featured product ---- */
.featuredproductimage{
	background: url('product.png') no-repeat center;
	display: block;
	width: 100%;
	position: relative;
	height: 100%;
}

.featuredproductmiddle{
	position: absolute;
	display: block;
	width: 1px;
	height: 1px;
	background: transparent;
	top: 50%;
	left: 50%;
}

.featuredproductmiddle #hs1{
	top: 0px;
	left: -150px;
}

.featuredproductmiddle #hs2{
	top: 95px;
	left: 135px;
}

.featuredproductmiddle #hs3{
	top: 25px;
	left: 15px;
}

.featured-product {
	width: 100%;
	height: 385px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	margin: 0 0 40px 0;
	
	background: whitesmoke;
}


.featured-product .wrap .info {
	color: gray;
	cursor: pointer;
}

.featured-product .wrap .info:hover {
	color: teal;
}

.featured-product .wrap .info h3 {
	margin: 0 0 2px 0;
}

.featured-product .wrap .button {	
	padding: 20px 30px;
	position: absolute;
	right: 0;
	bottom: 30px;
}

.hotspotinfo {
	position: absolute;
	display: inline-block;
	top: 10px;
	left: 0;
}

.featureinfo {
	position: absolute;
	display: inline-block;
	top: 30px;
	left: 30px;
}

.featureinfo li {
	cursor:pointer;
	background: white;
	margin: 1px 0;
	padding: 10px;
	opacity: 0.8;
}

.featureinfo li.hover, .featureinfo li:hover{
	opacity:1;
	color: white;
	background: teal;
}

.featureinfo li h3 {
	margin: 0;
	padding: 0;
}

.hotspotinfo li{
	cursor:pointer;
	background: white;
	margin: 20px 0;
	padding: 15px;
	width: 100%;
	opacity: 0.8;
}

.hotspot{
	position: absolute;
	display: block;
	width: 23px;
	height: 23px;
	background: teal;
	opacity: 0.8;
	font-size: 0.750em;	
	text-align: center;
	line-height: 22px;
	border-radius: 15px;
	cursor: pointer;
	color: white;
	z-index: 10000;
	outline: none;
}

.hotspot:hover, .hotspot.hover {
	opacity:1;
	background: maroon;
	color:white;	
}

.hotspotinfo li.hover, .hotspotinfo li:hover{
	opacity:1;
	color: white;
	background: teal;
}

.hotspotinfo li.hover h3, .hotspotinfo li:hover h3{
	color: white;
}

.slidercontainer {
	position: relative;
}

#productfeatureimages {
	z-index: 98;
}

/* ----- latest news ----- */
.latestnews h2 {
	border-bottom: 1px solid gray;
	padding: 0 0 10px 0;
}

.latestnews .homenews li.news-item {
	width: 46%;
	margin: 0px 15px 0 15px;
	line-height: 22px;
	float: left;
}

.latestnews .homenews li.news-item .news-date {
	font-size: 0.750em;
	color: maroon;
}

.latestnews .homenews li.news-item .news-more {
	float: right;
	border-bottom: 1px dotted;
	font-size: 0.813em;
}

.latestnews .homenews li.news-item:first-child {
	margin-left: 0;
}

.latestnews .homenews li.news-item:last-child {
	margin-right: 0;
}

/* ----- article stories ----- */
.article_holder {
	background: whitesmoke;
	padding: 15px;
	margin: 10px 0;
}

.article_holder:first-child {
	margin-top: 0px;
}

.article_holder:last-child {
	margin-bottom: 0px;
}

.article_holder img {
	margin-right: 15px;
}

/* ----- Community ----- */
.community h2 {
	padding: 0 0 10px 0;
}

.community .community-social li {
	padding: 21px 20px 21px 65px;
	display: inline-block;
	width: 100%;
	margin: 5px 0;
	cursor: pointer;
	font-size: 0.750em;
}

.community .community-social li.twitter {
	background: whitesmoke url('icon-twitter.png') no-repeat 15px 10px;
	color: #00aced;
}

.community .community-social li.facebook {
	background: whitesmoke url('icon-facebook.png') no-repeat 15px 10px;
	color: #236ea2;
}

.community .community-social li.pinterest {
	background: whitesmoke url('icon-pinterest.png') no-repeat 15px 10px;
	color: #cb2027;
}

.community .community-social li.twitter:hover {
	background: #00aced url('icon-twitter-hover.png') no-repeat 15px 10px;
	color: white;
}

.community .community-social li.facebook:hover {
	background: #236ea2 url('icon-facebook-hover.png') no-repeat 15px 10px;
	color: white;
}

.community .community-social li.pinterest:hover {
	background: #cb2027 url('icon-pinterest-hover.png') no-repeat 15px 10px;
	color: white;
}

/* ----- newsletter ----- */
.newsletter-signup {
	display: inline-block;
	width: 100%;
	margin: 26px 0 0 0;
}

.newsletter-signup .right {
	margin: 0;
}

.newsletter-signup input {
	width: 41%;
	margin-right: 15px;
	border-radius: 0px;
}

.newsletter-signup input:hover, .newsletter-signup input:focus {
	background: teal;
	color: white;
}

.newsletter-signup .button {
	padding: 14px;
}

.newslettersignup h3 {
	margin: 0 0 10px 0;
}

.newslettersignup .newsletter-signup input {
	width: 100%;
}

/* ----- account ----- */


.userlogin #userlinks {
	margin: 10px 0 0 0;
}

.userlogin #userlinks li a {
	margin: 5px 0 0 0;
	padding: 8px 10px 8px 25px;
	display: inline-block;
	font-size: 0.813em;
	color: teal;
}

.userlogin #userlinks li a.details:hover, .userlogin #userlinks li a.shoppingcart:hover, .userlogin #userlinks li a.purchases:hover {
	color: maroon;
}

.account{
	margin: 0;
}

.account .text {
	margin: 0 0 10px 0;
}

.dateconfirmed {
	margin-right: 12px;
}

#userorders h3 {
	margin: 0;
	font-size: 0.8em;
}

#userorders .item p {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid gray;
}

/* ----- contact ----- */
.contactinfo {
	line-height: 22px;
}

/* ----- products -----*/
#productlist {
	position: relative;
	text-align: justify;
	margin-top:5px;
}


#productlist:after {
    content: '';
    display: inline-block;
    width: 100%;
}

#productlist .productitem {
	background: whitesmoke;
	padding: 10px;
	border-bottom: 1px solid #e1e1d4;
	display: inline-block;
	float: none;
	position: relative;
	vertical-align: text-bottom;
	opacity:0;
	display:none;
}


#productlist li.productitem .button {
	margin: 10px 0 0 0;
	display: inline-block;
}

#productlist li.productitem .forminput-alt {
	width: 40px;
	padding: 8px;
	display: inline-block;
	margin: 10px 5px 0 0;
	height: 32px;
}

#productlist li {
	margin: 15px 0;
	padding: 15px;
	position: relative;
	width: 100%;
}

#productlist li:first-child {
	margin-top: 0;
}

#productlist li:last-child {
	margin-bottom: 0;
}

#productlist li a {
	border-bottom: none;
	margin: 0;
}

#productlist li a.cut {
	overflow: hidden;
}

#productlist li a .thumb {
	margin-right: 10px;
}

#productlist li .bottom {
	position: absolute;
	bottom: 15px;
	right: 15px;
	width: 71%;
}

#productlist li .bottom h3 {
	position: absolute;
	bottom: 0;
	margin: 0;
}

#productlist li .bottom .forminput-alt {
	margin-left: 5px;
}

.product .description {
	margin: 30px 0 15px 0;
}

.product .productinfo .preselects ul li.preselectoption {
	margin: 5px 8px;
}

.product .productinfo .preselects ul li.preselectoption:first-child {
	margin-left: 0;
}

.product .productinfo .preselects ul li.preselectoption:last-child{
	margin-right:0;
}

.product .productinfo .preselects .preselectoption {
	background: white;
	border-bottom: 2px solid white;
}

.product .productinfo .preselects .preselectoption.selectedoption {
	border-bottom: 2px solid teal;
}

.product .productinfo .preselects .preselectoption .highlight {
	margin: 25px 0 0 0;
}

.product .productinfo h2 {
	margin: 0;
}

.product .productinfo .addedtocart {
	width: 100%;
	margin: 10px 0;
}

.product .productinfo h2.totalprice {
	background: whitesmoke;
	color: teal;
	padding: 20px;
}

.product .productinfo .customise {
	margin: 0 0 30px 0;
}

.product .productinfo .customise .left {
	width: 30%;
}

.product .quantity {
	display: block;
	margin: 0 0 15px 0;
	float: right;
}

.product #atc_loading {
	position: absolute;
	right: 5px;
	top: 5px;
}

.product .quantity .forminput {
	border: none;
	width: 30px;
	float: right;
	padding: 0 0 5px 5px;
	margin: 0 0 0 5px;
	background: none;
	border-bottom: 1px solid;
}

.product button {
	font-size: 1.500em;
	border: none;
	margin: 10px 0;
	padding: 20px;
}

.product .totalprice {
	font-size: 1.500em;
}

.product .productinfo .ref {
	margin: 0 0 10px 0;
}

.product .productinfo .ref span, .product .productinfo h2 span {
}

.product .productinfo .enticer, .product .description {
	line-height: 22px;
}

.product .description {
	margin: 0 0 15px 0;
}

.product .icon-cart {
	height: 14px;
	width: 17px;
	display: inline-block;
}

.product .productinfo h2 {
	margin: 10px 0;
}

.product .productinfo .reduction {
	padding: 15px;
	float: right;
	border-radius: 3px;
}

.product .productinfo .engraving h4, .product .productinfo .customise h4, .product .productinfo .colours h4, .product .productinfo .additional h4, .product .description h4, .product .productinfo .preselects h4 {
	font-size: 1.000em;
	margin: 0px 0 5px 0;
}

.product .productinfo .preselects .preselectoption {
	width: 31.6%;
	display: inline-block;
	float: left;
	margin: 5px;
	padding: 10px;
}

.product .productinfo .preselects .preselectoption:last-child {
	margin-right: 0;
}

.product .productinfo .preselects .preselectoption .button {
	margin: 12px 0 0 0;
	display: inline-block;
}

.product .productinfo .customise h4 span, .product .productinfo .additional span {
}

.product .productinfo .customise {
	width: 100%;
}

.product .productinfo .customise .name {
}

.product .productinfo .customise .dropdown {
	float: left;
	display: inline-block;
}

.product .productinfo .additional {
	margin: 20px 0 25px 0;
}

.product .productinfo .additional h5 {
	margin: 10px 0 0 0;
}

.product .productinfo .additional label {
	margin: 5px 0 0 10px;
	display: inline-block;
}

.product .productinfo .additional p {
	margin: 0 0 10px 10px;
}

.product .productinfo .customise .dropdown select {
	width: 85px;
}

.product .productinfo .customise .spacer {
	margin-right: 15px;
	float: left;
}

.product .productinfo .engraving, .product .productinfo .preselects, .product .productinfo .initialprice {
	width: 100%;
	display: inline-block;
	margin: 0 0 25px 0;
}

.product .productinfo .colours {
	margin: 5px 0 10px 0;
	width: 100%;
	display: inline-block;
}

.product .productinfo .engraving .holder {
	width: 48%;
	float: left;
	display: inline-block;
	margin: 0 12px 0 0;
}

.product .productinfo .engraving .holder input {
	border: none;
	width: 100%;
	padding: 10px 0;
	margin: 0 0 20px 0;
}

.colourblock {
	width:32px;
	height:32px;
	display:inline-block;
	margin:2px;
	float:left;
	border-radius: 3px;
	cursor: pointer;
}

.colourblock div {
	width:100%;
	height:100%;
	cursor: pointer;
}

.colourblockselected{
	height: 36px;
	width: 36px;
}

#productimages {
	height: auto;
	overflow: hidden;	
}

#productthumbnails {
	background: whitesmoke;
	border-radius: 0px;
	padding: 0 20px;
	margin: 15px 0 0 0;
	overflow: hidden;
}

#productthumbnails ul li {
	margin: 0 7px;
}

#productthumbnails ul li:first-child {
	margin-left: 0;
}

#productthumbnails ul li:last-child {
	margin-right: 0;
}

.slidercontainer {
	margin: 0 0 30px 0;
}

.flex-direction-nav a {
	z-index: 100;
	background: url('slider_nav.png') no-repeat;
	top: 50%;
}

.flex-caption {
	background: whitesmoke;
	padding: 10px;
	display: inline-block;
	width: 100%;
	height: 40px;
}

#categorylist a {
	text-decoration: none;
}

#categorylist li {
	background: #f2f2f2;
	margin: 5px;
	padding: 15px;
	position: relative;
	display: inline-block;
	width: 31.6%;
}

#categorylist li:hover {
	background: #f7f7f7;
}

#categorylist li .thumb {
	background: white;
}


#categorylist li  h3, #categorylist li  img {
	position:absolute;
    text-align: center;
	width:100%;
	word-break: break-word;
	z-index:8
}

#categorylist li  h3 {
	z-index:9;
	top:16%;
	margin: 0 2%;
	width: 96%
}
	

/* ----- cart ----- */

#overviewcartmessage {
	margin: 15px 0 0 0;
	width: 100%;
	background: rgb(255, 185, 185);
	color: red;
	padding: 8px;
	width: 100%;
	display: inline-block;
	margin: 5px 0;
}

.cart_item {
	background: whitesmoke;
	color: maroon;
	margin: 0 0 1px 0;
	padding: 15px;
	position: relative;
	display: inline-block;
	width: 100%;
}

.cart_item:last-child {
	margin-bottom: 0;
}

#cart_progressbar {
	background: whitesmoke;
	list-style: none;
	clear: both;
	margin: 0 0 20px 0;
	font-size: 0.813em;
}

#cart_progressbar a {
	padding: 17px 14px;
	display: block;
	position: relative;
}

#cart_progressbar li {
	display: inline;
	float: left;
	margin: 0 1px;
}

#cart_progressbar a .steparrow{ 
	position: absolute;
	top: 0px;
	right: -15px;
	width: 15px;
	height: 32px;
	padding-left: 0px;
}

#cart_progressbar span, #cart_progressbar img {
	padding-left: 14px;
	vertical-align: middle;
}

.cartmessage textarea {
	border: none;
	background: whitesmoke;
	padding: 15px;
	height: 100px;
	width: 100%;
}



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

.cartmessage label {
	margin: 0 0 7px 0;
	font-size: 0.830em;
}

.cart_item .thumb {
	float: left;
	margin-right: 15px;
	overflow: hidden;
	height: 75px;
	width: 24%
}

.cart_item .delete {
	cursor: pointer;
	z-indeX: 99;
	background: #b94328;
	padding: 3px 8px 4px;
	border-radius: 2px;
	text-decoration: none;
	color: white;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
}

.cart_item .delete:hover {
	background: #842611;
}

.cart_item .info {
	display: inline-block;
	position: relative;
	height: 77px;
	width: 70%;
	float: right;
}

.cart_item .info .bottom {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

.cart_item .info .bottom .forminput {
	border-bottom: 1px solid;
	width: 30px;
	padding: 0 0 5px 5px;
	margin: 0 0 0 5px;
}

.cart_item .custom {
	clear: both;
	margin: 15px 0 0 0;
	display: block;
}

.cart_item .thumb img {
	margin: -35px 0 0 0;
}

.cart_item .custom ul li {
	background: whitesmoke;
	color: teal;
	padding: 7px 11px;
	margin: 5px 0 5px 0;
}

.cart_item .total span {
	color: teal;
}

.totals {
	float: left;
	position: relative;
	margin: 15px 0;
	width: 100%;
}

.totals h2 {
	font-size: 1.500em;
}

.cart_item .delete {
	border-radius: 0px;
}

#cart_progressbar span, #cart_progressbar img {
	padding: 0;
	margin-left: 5px;
}

#cart_progressbar .completed {
	color: lightgray;
}

#payment h2 {
	margin: 10px 0 5px 0;
}

.paymentmethods {
	background: whitesmoke;
	border-radius: 0px;
	margin: 5px 0;
	padding: 15px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	width: 100%;
}

.paymentmethods img {
	float: left;
	margin: 0 15px 0 0 !important;
}

#thankyou {
	width: 100%;
}

.thanksinfo .shippingaddress {
	border-radius: 0px;
	background: #f7f7f7;
	color: teal;
	margin: 10px 0 0 0;
	padding: 15px;
	display: inline-block;
}

.thankyou {
	background: white;
	padding: 15px;
	clear: both;
	width: 100%;
	display: inline-block;
}

#userdetails {
	float: left;
	position: relative;
	width: 100%;
	margin: 0;
}

#userdetails, #address, #information {
	margin: 0 0 45px 0;
}

#terms, #giftaid, #passwordinfo, #thankyou {
	position: relative;
	margin: 10px 0;
	display: inline-block;
	width: 100%;
}

.holdme {
	background: white;
	padding: 15px;
}

.shipping {
	background: #fce4a1;
	color: #c47119;
	padding: 8px;
	width: 100%;
	display: inline-block;
	margin: 5px 0;
}

/* ----- microbasket ----- */
.microbasket {
	background: whitesmoke;
	padding: 15px;
}

#microbasket {
	padding: 0;
}

#microbasketitems .smallnote {
	font-size: 0.750em;
	color: #e3b304;
	clear: both;
}

#microbasketitems .basketitem {
	background: gray;
	color: white;
	padding: 8px;
	width: 100%;
	display: inline-block;
	margin: 5px 0;
}

#microbasketitems .basketitem .forminput {
	background: none;
	margin: 0 5px;
	width: 30px;
	padding: 0 0 3px;
	display: inline;
	float: right;
	border-bottom: 1px solid white;
	color: white;
}

#microbasketitems .total {
	width: 100%;
	display: inline-block;
	margin: 5px 0;
	border-top: 1px solid #d8d8d8;
	padding: 10px 0 0 0;
}

#microbasketitems .shipping {
	background: #fff9b9;
	color: #e2b204;
	padding: 8px;
	width: 100%;
	display: inline-block;
	margin: 5px 0;
}

#microbasket .prices {
	margin: 10px 0 0 0;
	padding: 15px;
}

/* ----- donations ----- */
#donationsmade li.donation, #subscriptions>li {
	width: 100%;
	margin: 5px 0;
	padding: 15px;
	display: inline-block;
	cursor: pointer;
	position: relative;
}

#donationsmade li.donation img {
	float: left;
	margin: 0 12px 0 0;
}

#donationsmade .paymentlist, #subscriptions .paymentlist {
	list-style: none;
}

#donationsmade .paymentlist li, #subscriptions .paymentlist li {
	margin: 7px 0;
}

#donationsmade .paymentlist li:last-child, #subscriptions .paymentlist li:last-child {
	margin-bottom: 0;
}

#donationsmade .cancel, #subscriptions .cancel {
	float: left;
	margin: 6px 0 0 0
}

#donationlist {
	list-style:none;
	margin:0;	
}

.addedtocart {
	display: none;
	padding: 10px;
	margin: 10px 0;
}

#donate-section li {
	display: inline-block;
	width: 100%;
	position: relative;
}

#donate-section li .thumb {
	float: left;
	margin: 0 15px 15px 0;
}

#donate-section .holder {
	padding: 15px;
}

#donate-section .holder .top {
	margin: 0 0 10px 0;
	display: inline-block;
	width: 100%;
}

#donate-section .holder .top .half {
	width: 50%;
}

#donate-section .bc {
	margin: 0 0 15px 0;
}

#donate-section .holder .large {
	font-size: 1.125em; /* 18px */
}

#donate-section .holder .howmuch {
	margin: 0 0 15px 0;
	display: inline-block;
	width: 100%;
}

#donate-section .holder .howmuch a {
	font-size: 0.875em; /* 14px */
	padding: 7px;
	display: inline-block;
	margin-bottom: 5px;
}

#donate-section .holder .spec .full {
	width: 100%;
}

#donate-section .holder .payment {
	float: right;
	display: inline-block;
	width: 100%;
}

#donate-section .holder .payment a {
	float: right;
	font-size: 0.813em;
	margin: 0;
	display: inline-block;
}

#donate-section .holder .payment a.spacer {
	margin: 0 5px 0 0;
}

#donate-section input.cinput {
	width: 92%;
	padding: 3px;
	margin: 0 0 8px 5px;
	font-size: 0.830em;
	float: left;
}

#donate-section .sidebar input.cinput {
	width: 80%;
}

.progressbar {
	border-radius: 0px;
	height: 5px;
	background: teal;
	margin-top: 0.875em;
}

.ui-progressbar .ui-progressbar-value {
	margin: 0;
	border-radius: 0px;
	background: white;
}

/* ----- grid ----- */
#grid {
}

#grid li {
	margin: 0 0 15px 0;
	display: inline-block;
	width: 100%;
	padding: 15px;
}

#grid li .maintext {
}

#grid li:first-child {
	margin-top: 0;
}

#grid li:last-child {
	margin-bottom: 0;
}

#grid li img {
	float: left;
	margin-right: 2%;
	margin-bottom: 1%;
}

#grid h2 {
	margin: 0;
	padding: 15px;
}

#grid li ul li {
	margin: 10px 0;
	padding: 0;
}

/* ----- calendar ----- */
.calendar {
	display: block;
	clear: both;
	position:relative;
	float: left;
	width: 100%;
}

.calendar .calendarMonth {
	position: relative;
	line-height: 47px;
	height: 47px;
	font-size: 1.000em;
}

.arrow {
	height: 16px;
	width: 16px;
	display: block;
}


.calendar .calendarMonth .current {
	position: relative;
	text-align: center;
}

.calendar .calendarMonth .next {
	position: absolute;
	right:15px;
	width: 15px;
	text-decoration: none;
	top: 0px;
	z-index:2 0;
}

.calendar .calendarMonth .previous, .calendar .calendarMonth .noPrevious {
	position: absolute;
	left: 15px;
	width: 15px;
	text-decoration: none;
	top: 0px;
	z-index: 20;
}

.calendar .calendarMonth .previous {
	text-decoration: none;
}

.calendar .calendarDayNames {
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
	font-family: 'Arial', sans-serif;
}

.calendar .calendarDayNames>li {
	position: relative;
}

.day {
	position: relative;
	float: left;
	width: 14.2%;
	text-align: center;
	display: inline-block;
}

.calendar .calendarDays {
	position: relative;
	float: left;
	width: 100%;
	margin-left: 0.5%;
}

.calendar .calendarDays .date {
	line-height: 34px;
	text-align: center;
	width: 100%;
	height: 35px;
}

.day-in {
	position: relative;
	float: left;
	width: 14.2%;
	height: 35px;
	font-size: 0.750em;
	text-align: center;
	display: table;
	list-style: none;
}

.calendarDays .date{
	cursor: pointer;
}

.arrow:hover {
	cursor: pointer;
}

.calendar .calendarMonth .current {
	position: relative;
	text-align: center;
}

.date {
	font-size: 0.625em;
	float: left;
}

.calendar .dayevent{
	display:block;
	margin:2px;
}

.calendar .dayevent.count1{
	height:100%;
}
.calendar .dayevent.count2{
	height:50%;
}
.calendar .dayevent.count3{
	height:33%;
}
.calendar .dayevent.count4{
	height:25%;
}

.col_full .calendar .day-in{
	height: 70px;
}
.col_half .calendar .day-in{
	height: 50px;
}
.col_third .calendar .day-in{
	height: 35px;
}
.col_quarter .calendar .day-in{
	height: 30px;
}
.col_fifth .calendar .day-in{
	height: 25px;
}
.col_twothirds .calendar .day-in{
	height: 70px;
}
.col_twoquarters .calendar .day-in{
	height: 50px;
}
.col_threequarters .calendar .day-in{
	height: 70px;
}
.col_fourfifths .calendar .day-in{
	height: 70px;
}

.calendarDays .date {
	background: none;
}

/* ----- random ----- */
.incorporating{
	width: 100%;
	clear: both;	
	margin-bottom: 6px;
	text-align: right;
}

.incorporating h2{
	display: inline-block;
	margin-right: 7px;
	vertical-align: -90%;
}

.incorporating a{
	display: inline-block;
	margin-right: 10px;
	vertical-align:-120%;
}

.incorporating img{
	vertical-align: middle;
}

.map_canvas{
	width: 100%;
	height: 210px;
	display: inline-block;
	float: right;
}
	
.formresult {
	margin: 5px 0 10px 0;
	padding: 5px;
	width: 100%;
}

.cartlink {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99;
	text-align: center;
	background: rgba(255,255,255,0.9);
	font-size: 0.830em;
}

.clink {
	display: block;
	margin: 10px;
	text-decoration: none;
}

a.pdf {
	padding: 13px;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}

.resource_dl {
	display: block;
	padding: 15px;
	overflow: auto;
}

.resource_dl h4 {
	margin-bottom: 8px;
}

.mod_youtube {
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 1px;
	width: 100%;
}

.vidslider {
	position: absolute;
	z-index: 3000;
	top: 30;
	left: 50;
	height: 200px;
}

.errormessages {
	display: none;
}

/* ----- cookies ----- */
.cookies {
	cursor: pointer;
}

.cookies  .icomoon{
	margin:0 2px 0 0;
}

.ui-dialog .ui-widget .ui-widget-content .ui-corner-all .ui-draggable .ui-resizable {
	width: 400px !important;
}

#cookiedialog{
	text-align: left;
}

#cookiedialog p{
	font-weight: normal;
	font-size: 0.688em;
	margin-bottom: 4px;
	line-height: 16px;
}

#cookiedialog h4{
	margin: 15px 0 5px 0;;
}

#cookiedialog h3{
	margin-top: 10px;
	text-align: center;
}

#cookiedialog h2{
	margin-top: 10px;
	text-align: center;
}

#cookiesprefsbar{
	position: relative;
	padding: 8px;
	margin: 0 0 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: none;
}

#cookiesprefsbar::after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 145px;
	border-width: 15px 15px 0;
	border-style: solid;
	border: transparent;
	display: block;
	width: 0;
}

#nogo {
	background: white;
	text-align: center;
	padding: 100px 0;
} 

.deloptions li{
	font-size: 13px;
    line-height: 1.2;
    margin-bottom: 8px;	
}

/* ----- ui ----- */
.ui-tabs{
	padding:0px;
}

.ui-tabs .newsitems {
	padding:0;	
	border:none;
}

.ui-tabs .news, .ui-widget-content, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-widget-header {
	border:none;
}

.news .divheader, .news .ui-widget-header, .news .ui-widget-content {
	background: none;
}

.ui-tabs .ui-tabs-nav li a{
	padding:0 1em;
}

.divheader, .ui-widget-header{
	line-height: 37px;
	text-align: left;
	font-size: 1.000em;
}

.divheader a, .ui-widget-header a, .ui-widget-header span{
	margin-top:0 !important;
	margin-bottom:0 !important;
	line-height:26px;
	padding: 0; 
}

.ui-dialog .ui-dialog-titlebar-close {
	right: 10px;
	top: 10px;
}

.ui-tabs .ui-tabs-nav {
	padding: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	height: 39px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a, .ui-tabs .ui-tabs-nav .ui-state-default a {
	color: white;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: white;
}

.ui-accordion .ui-accordion-content {
	background: white;
	width: 100%;
}

.ui-tabs .ui-tabs-nav li {
	margin: 0 2px 0 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: 0;
	padding-bottom: 0;
}

.ui-tabs .ui-tabs-nav li a {
	padding: 15px;
}

.ui-tabs .news {
	padding: 15px;
	font-size: 0.875em;
	text-align: left;
	line-height: 1.375em;
}

.ui-tabs .news .newsdate {
	font-size: 0.688em;
}

.ui-state-default, .ui-widget-content .ui-state-default {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	height: 39px;
	font-weight: 400;
	font-size: 0.875em;
}

.ui-button-text-only .ui-button-text {
	font-size: 0.813em;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 0;
}

.ui-dialog .ui-dialog-title {
	padding: 5px 10px;
}

.twitter-share-button {
	margin-top: 10px;
}

.ui-accordion .ui-accordion-content {
	padding: 15px;
	background: whitesmoke;
}

.ui-accordion .ui-accordion-content .pbc {
	color: white;
}

.ui-state-default, .ui-widget-content .ui-state-default {
	border-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: 0px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: teal;
	color: white;
	height: auto;
}

.ui-accordion .ui-accordion-header {
	padding: 15px;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	display: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	height: auto;
	background: gray;
	color: white;
}

.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
	background: gray;
	color: white;
}

/* ----- accessibility bar ----- */
#accesstab{
	color: darkGray;
	right:0px;
	background: #dfdfdf;
}

.access_colours{
	border:1px solid #444;
}

.access_colour_bw{
	color:#000 !important;
	background:#FFF !important;
}

.access_colour_yb{
	color:#FF0 !important;
	background:#000 !important;
}

.access_colour_bp{
	color:#000 !important;
	background:#FFEAFF !important;
}

.ac_reset{
	color:#fff !important;
	background:#285E65 !important;
}

#accessibility{
	width:100%;
	padding-bottom:10px;
}

#accessibility .options{
	padding:15px 15px 0 15px;
	float:left;
	display:inline-block;
	text-align:center;
	width:240px;
}

#accessibility h6{
	margin-bottom:0.5em;
}

#accesstab{
	position:absolute;
	padding:6px;
	cursor:pointer;
	z-index:20;
	width:150px;
	text-align:center;
	right:0px;
}

.access_colours{
	display:inline-block;
	float:left;
	margin:6px;
	padding:7px 14px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}

#accessibility{
	background: #dfdfdf;
}

#accessibility h6{
	color:#fff;
}

#accessibility a, #accessibility p{
	color:#fff;
}

/* --- isotopeshowcase ---*/
#isotope {
	margin-top: -35px;
}

#isotope h3{
	margin: 20px 0 0 0;
	font-size: 1.000em;
}

#isotope .filters {
	list-style: none;
	display: block;
	margin: 3px 0 15px 0;
}

#isotope .filters li a {
	display: block;
}

#isotope .filters li p {
	display: block;
	cursor:pointer;
}

#isotope .filters li:first-child {
	margin-left: 0;
}

#isotope #container {
	margin: 15px 0 0 23px;
	float: left;
	width: 72%;
}

#isotope #container .element {
	float: left;
	display: inline;
	overflow: hidden;
	margin: 10px 5px 35px 10px;
	width: 320px;
}

#isotope #container .element img {
	height: 200px;
	width: 320px;
	overflow: hidden;
}

#isotope #container .thumb-shadow {
	background: url('thumb-shadow.png');
	float: left;
	width: 305px;
	height: 14px;
	margin: -4px 0 0 0;
}

#isotope .gal-desc{
	display: block;
	width: 310px;
	font-size: 0.813em;
	text-align: left;
}

/*------ chat -------- */

#chatbox{
	width:100%;
	height:250px;
	overflow-y:scroll;
}

#chattext{
	padding:7px;
	font-size:16px;
	width:55%;
}

#chatconversation li{
	padding-bottom:2px;
	margin:6px 3px 0 3px;
	padding:2px;
	word-wrap:break-word;
}

#chatconversation li{
	padding-bottom:2px;
	margin:6px 3px 0 3px;
	padding:2px;
	word-wrap:break-word;
	font-size:11px;
}

#chatconversation li .chatmessage{
	font-size:12px;

}

#chatconversation li.user{
	background:#f2f1ed;
}

#chatconversation li.operator{
	background:#bcb6a6;
}

/* ----- ctas sidebar ----- */
.cta{
	position: relative;
	width: 100%;
	display: inline-block;
}

.cta:hover {
	background-position: 0 100% !important;
}

.ctaheight{
	display:block;
	height:1px;
}

.sharebuttons{
	clear:both;

}

.thumbcta {
	color: #722018;
	position: relative;
	width: 100%;
	display: inline-block;
} 

.thumbcta:hover {
	color: #094521;
}

.thumbcta img {
	border: 1px solid #722018;
}

.thumbcta h3 {
	width: 100%;
}

.thumbcta h3 span {
	font-size: 1.250em;
	vertical-align: middle;
}

/*----- flexslider -----*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url('bg_direction_nav.png') no-repeat 0 0; position: absolute; top: 55%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 10px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 10px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}


/*----- sliders/background.php -----*/
.gallery .tagline {
	margin: -120px 0 0 -20px;
}

.bgcarousel li {
	display:none;
	width:100%;
	height:100%;
	position:absolute;
	background-size:cover !important;
}

#bgcontainer .bgcarousel li img{
	width:100%;
	position: absolute;
	top: 0%;
}

.bgcarousel li.active {
	display:block;
}

.bgcarousel{
	list-style:none;
	width:100%;
	height:100%;
	overflow:hidden;
}

#textfader .data{
	display:none;
	float:left;
	height:110px;
	min-height:6em;
}

#textfader a {
	width: 30px;
	height: 30px;
	margin: -20px 0 0;
	display: block;
	background: url(../../images/bg_direction_nav.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	left:10px;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-transition: all .3s ease;
	opacity:0.3;
}

#textfader a.nextquote {
	width: 30px;
	height: 30px;
	margin: -20px 0 0;
	display: block;
	background: url(../../images/bg_direction_nav.png) no-repeat -32px 0;
	position: absolute;
	top: 50%;
	right:10px;
	left:auto;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-transition: all .3s ease;
	opacity:0.3;
}

#textfader a:hover {
	opacity:1;
}


#textfader p {
	display:block;
}

#textfader .active{
	display:inline-block;
	
}

.tagline {
	position: relative;
	z-index: 99;
	margin: 0 auto;
}

 .booknow {
	position: relative;
	z-index: 98;
	width: 100%;
	margin: 0 auto;
}

 .booknow .bknow {
	position: absolute;
	top: -120px;
	right: 0px;
}

/*----- print -----*/
@media print {
	* { background: transparent !important; color: #444 !important; text-shadow: none !important; padding: 0; margin: 0;}
	body {width:19cm; height:27cm; font:Arial, Helvetica, sans-serif; font-size:11px; line-height:0.9; }
	header,footer,nav {	visibility:hidden !important; 	display:none;}
	a, a:visited { color: #444 !important; text-decoration: underline; }
	a:after { content: " (" attr(href) ")"; } 
	abbr:after { content: " (" attr(title) ")"; }
	.ir a:after { content: ""; }  /* Don't show links for images */
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
	tr, img { page-break-inside: avoid; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3{ page-break-after: avoid; }
}  /******* MOBILE.CSS START ******/   
			/* ========================= */
/* ========================= */
/*             
*       MOBILE QUERIES
*/
/* ========================= */
/* ========================= */
.mobileshow, .mobilegrowbtn {
	display: none;
}

.forminput, .forminput-alt {
	border-radius: 0;
}

.button {
	border-radius: 0;
}

/* ----------- 1140px ------------ */
@media only screen and (min-width: 1140px) {
}
/* --------- end 1140px ---------- */


/* ----------- 1024px ------------ */
@media only screen and (max-width: 1024px) {	
}
/* --------- end 1024px ---------- */


/* ------ ipad (landscape) ------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
}
/* ------------- end ------------- */


/* ------- ipad (portrait) ------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
} 
/* ------------- end ------------- */


/* ------------ 980px ------------ */
@media only screen and (max-width: 980px) {

	#contain {
		width: 100%;
	}

	header .left {
		margin: 0 0 0 15px;
	}
	
	header .right .head_info {
		margin: 0 15px 10px 0;
	}
	
	nav {
		width: 100%;
		float: none;
		clear: both;
		margin: 0 0 20px 0;
	}
	
	nav ul {
		float: none;
	}

	nav ul>li a, nav ul>li p {
		font-size: 14px;
	}

}
/* ---------- end 980px ---------- */


/* ------------ 800px ------------ */
@media only screen and (max-width: 800px) {
	
	.pagewrapper {
		padding: 0 15px;
		width: 100%;
	}
	
	nav ul>li a, nav ul>li p {
		font-size: 13px;
	}

}
/* ---------- end 800px ---------- */


/* ------------ 720px ------------ */
@media only screen and (max-width: 720px) {

	nav ul>li a, nav ul>li p {
		font-size: 12px;
	}
	
}
/* ---------- end 720px ---------- */


/* ------------ 640px ------------ */
@media only screen and (max-width: 640px) {

	h1 {
		font-size: 1.188em; /* 19px */
	}
	
	h2 {
		font-size: 1.063em; /* 17px */
	}
	
	h3 {
		font-size: 1.000em; /* 16px */
	}
	
	h4 {
		font-size: 0.875em; /* 14px */
	}
	
	p {
		font-size: 0.813em; /* 16 x 0.813 = 13px */
		line-height: 1.375em; /* 16 x 1.375 = 22px */
	}
	
	header .right .head_info {
		font-size: 0.750em;
	}
	
	.cols{ 
		margin-right:0;
		margin-left: 0;
	}
	
	.cols .last{ 
		clear:both;
		width: 98%;
		margin: 1%;
	}
	
}
/* ---------- end 640px ---------- */


/* ------------ 480px ------------ */
@media 
	only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width: 760px),
 	only screen and (min--moz-device-pixel-ratio: 1.5) and (max-device-width: 760px),
	only screen and (min-device-pixel-ratio: 1.5) and (max-device-width: 760px),
	only screen and (max-width: 480px) {
	
	body {
    	-webkit-text-size-adjust: none;
    }
    
    #content {
    }
    
    header {
	    padding: 0;
    }
    
	.cols{
		width: 100% !important;
		margin: 0 !important;
		float: none;
		display: block;
	}
	
	header .left {
		width: 100%;
		text-align: center;
		margin: 0;
	}
	
	header .right {
	}
	
	.minimised {
		display: none;
		height: 0px !important;
		overflow: visible !important;
	}
	
	.minimised::before {
		display: none !important;
	}
	
	.minimised::after {
		display: none !important;
	}
	
	.mobileshow {
		display: block;
	}
	
	.block, .module {
		opacity: 1;
		position: relative;
	}
	
	.mobilehidden {
		display: none;
		overflow: hidden;
	}
	
	.text img {
		height: auto;
	}

	#mobilenav {
		padding: 8px 15px;
		clear: both;
		width: 100%;
		margin: 0;
	}
	
	#blackoverlay {
		position:fixed;
		bottom:0px;
		left:0px;
		display:block;
		width:100%;
		height:100%;
		background-color:#000;
		z-index:499;
		opacity:0.6;
		-webkit-transition: height .3s linear;
	}
	
	.mobilegrowbtn {
		display: block;
		border: none;
		background: none;
		text-align: left;
		line-height: 30px;
		font-size: 14px;
		height: 30px;
		width: 100%;
	}
	
	.mobilegrowbtn .icomoon {
		font-size: 1.188em;
	}
	
	nav, nav ul, nav ul li {
		box-shadow: none !important;
	}
	
	nav, nav ul {
		padding: 0 !important;
	}	
	
	nav ul {
		padding:  0 0 10px 0 !important;
		width: 100% !important;
	}

	nav, nav ul > li a, nav ul > li a.active{		
		border: none;
		border-radius: 0 !important;
		font-size: 14px;
		text-align: left;
		text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav ul li a, nav ul li p {
		padding: 8px 12px;
	}
	
	nav ul ul {
		margin: 0 0 0 10px !important;
		padding: 0 !important;
		top: 0px;
	}
	
	nav ul ul li a, nav ul ul li p {
		margin: 0 !important;
		font-size: 11px;
	}
	
	nav ul li a.active{
		color: white;
		text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
		border-radius: 0 !important;
	}
	
	nav ul a:hover, nav ul li p:hover {
		color: white;
	}
	
	nav ul li {
		float: none;
		display: inline-block;
		padding: 0;
		width: 100%;
	}
	
	nav ul>li a {
		margin: 0;
	}
	
	nav ul ul {
		visibility: visible !important;
		display: block;
		position: relative !important;
		box-shadow: none !important;
		background: none !important;
	}
	
	nav ul ul .submenulist{
		display:block;
		float:none;
	}
	
	nav .mobileclose{
		position: absolute;
		top: -32px;
		right: 0;
		display: block;
		width: 32px;
		height: 32px;
		border-radius: 0px;
		cursor: pointer;
	}
	
	nav .mobileclose span {
		display: block;
		color: white;
		text-align: center;
		margin: 10px 0 0 0;
	}
	
	nav {
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		border-radius: 5px;
		box-shadow: 0px 0px 4px silver;
		z-index: 500;
		transition: height .5s linear;
		-webkit-transition: height .5s linear;
		opacity: 1;
		margin: 0;
		padding: 0;
		max-height: 60%;
		height: 100%;
	}
	
	.mobilenav>ul {
		margin-bottom: 0px;
		overflow: auto;
	}
	
	nav>ul {
		overflow: auto;
		height: 100%;
		float: none;
	}
	
	#chatwindow{
		position: fixed;
		bottom: 0;
		background: #EFEFEF;
		z-index: 490;
		padding: 5px;
		width: 95%;
	}	
	
	#chatbox {
		height: 80px;
		margin-bottom:3px;
	}
	
	#chattitle{
		
	}
	
	#chatwindow .mobileclose{
		position: absolute;
		top: -32px;
		right: 0;
		display: block;
		width: 32px;
		height: 32px;
		border-radius: 0px;
		cursor: pointer;
		background: #EFEFEF;
	}
	
	#chatwindow .mobileclose span {
		display: block;
		color: #444;
		text-align: center;
		margin: 10px 0 0 0;
	}
	
	#shoppingbasket  p .right {
		margin: 0 0 0 1px !important;
	}

	.cart_item .custom ul li {
		font-size: 0.8em;
	}
	
}
/* ---------- end 480px ---------- */


/* ------------ retina ------------ */
@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
}
/* ---------- end retina ---------- */


/* ------------ 320px ------------ */
@media only screen and (max-width: 320px) {
}
/* ---------- end 320px ---------- */



  /******* pages/blocks/features/projectitemdisplay.php START ******/   
				


#partnerwrapper {
	background-color: #121212;
	width: 100%;
	margin: 0 0 25px 0;
	height: 460px;
	overflow: hidden;
	border: 8px solid #222222;
}

#partnerwrapper .maininfo{
	float:left;
	display:inline;	
}

.map {
	float: left;
	border: 8px solid #222222;
	width: 300px;
	margin: 0 15px 5px 0;
}

.partnerdescription p{
	line-height: 24px;
}

.caroufredsel_wrapper {
	background-color: #fff;
	top: auto !important;
	bottom: 0 !important;
}

#carousel {
	
}

#carousel img {
	width: auto;
	display: block;
	float: left;
}

.projectitemdisplay h2 {
	margin: 0 0 20px 0;
}

ul.tags ul {
	list-style: none;
	display: block;
	margin: 15px 0 15px 0;
}

ul.tags li {
	border-top: 1px dashed #444;
	border-bottom: 1px dashed black;
}

ul.tags li a {
	padding: 10px 0;
	display: block;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	color: #deb9ff; 
	padding-left: 20px;
	background: url("dot.png") no-repeat 3px 45%;
}


ul.tags li:first-child {
	margin-left: 0;
}

.projectitemdisplay .url {
	background: #f7f7f7;
	padding: 15px;
	margin: 0 5px 0 0;
}


  /******* pages/blocks/features/showcase.php START ******/   
				
.showcasecontainer{
	width:100%;
	height:461px;
	overflow:hidden;
	position:relative;
	border-radius:3px;
	margin-left:4px;
}

.carousel{
	width:1000px;
	height:480px;
	position:absolute;
	left:0;
}

.carousel li{
	width:221px;
	height:220px;
	display:inline-block;
	float:left;
	margin:5px;
	border-radius:3px;
	overflow:hidden;
	position:relative;
}

.carousel li:hover {
	width:221px;
	height:220px;
	display:inline-block;
	float:left;
	margin:5px;
	border-radius:3px;
	overflow:hidden;
	position:relative;
}

.showcaseitem{
	padding:15px;
	font-size:25px;
	text-align:center;
	line-height:normal;
	display:block;
	font-weight: 400;
}

.showcasepic img {
	border-radius: 3px;
}

.carousel li:hover{
	box-shadow:none;
}

.showcaseitem p{
	line-height:normal;
}

.showcaseitem span{
	font-size:larger;
	font-weight:900;
}

.descoverlay{
	display:block;
	position:absolute;
	z-index:3;
	bottom:0;
	width:100%;
	padding:10px;
	font-size:12px;
	text-align:left;
	height: 50px;
	font-weight: 400;
	text-align:center;
}

.mainoverlay{
	display:block;
	position:absolute;
	z-index:5;
	bottom:0;
	right:0;
	height:480px;
	width:280px;
	opacity:0.95;
	padding:16px;
	font-size:18px;
	text-align:left;
	background:white;
	cursor:pointer;
}

.mainoverlay .title{
	margin-top:25px;
	cursor:default;
}

.mainoverlay p{
	margin-bottom:11px;
	cursor:default;
}

.mainoverlay .button{
	font-size: 12px;
	font-weight: 900;
}

.mainoverlay::before{
	display: block;
	position: absolute;
	content: '';
	left: -40px;
	border-radius: 100px;
	width: 150px;
	height: 150px;
	top: 155px;
	cursor:pointer;
	/*box-shadow:-6px 0px 5px -2px #444;*/
	z-index: -1;
}


.mainoverlay::after{
	display: block;
	position: absolute;
	content: '';
	left: -23px;
	width: 17px;
	height: 32px;
	TOP: 218px;
	Z-INDEX: 15;
	font-size: 36px;
	cursor:pointer;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 480px) {
	.mainoverlay{
		right:0;
		width:262px;
	}

}
	
  /******* pages/blocks/sitemap.php START ******/   
				

  /******* pages/blocks/sliders/caroufredsel.php START ******/   
				

.caroufredsel_wrapper {
	width: 100% !important;
	height: 100% !important;
}
#bgcarousel div {
	width: 100%;
	height: 100%;
	overflow: hidden;
	float: left;
}
#bgcarousel div img {
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
}
  /******* pages/blocks/features/isotopeshowcase.php START ******/   
					/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/* End: Recommended Isotope styles */

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
          transition: none;
}


/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
/* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }



  /******* themes/thetiestore/pages/blocks/products/productlist.php START ******/   
					.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; font-size:16px;}

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
  /******* themes/thetiestore/pages/blocks/products/product.php START ******/   
					.swipebox {
  overflow: hidden!important;
}

#swipebox-overlay img {
  border: none!important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999!important;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#swipebox-slider {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
}

#swipebox-slider .slide {
  background: url("../../images/loading.gif") no-repeat center center;
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}

#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#swipebox-slider .slide img {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}

#swipebox-action, #swipebox-caption {
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-action {
  bottom: -50px;
}
#swipebox-action.visible-bars {
  bottom: 0;
}

#swipebox-action.force-visible-bars {
  bottom: 0!important;
}

#swipebox-caption {
  top: -50px;
  text-align: center;
}
#swipebox-caption.visible-bars {
  top: 0;
}

#swipebox-caption.force-visible-bars {
  top: 0!important;
}

#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
  background-image: url("../../images/swipebox.png");
  background-repeat: no-repeat;
  border: none!important;
  text-decoration: none!important;
  cursor: pointer;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
}

#swipebox-action #swipebox-close {
  background-position: 15px 12px;
  left: 40px;
}

#swipebox-action #swipebox-prev {
  background-position: -32px 13px;
  right: 100px;
}

#swipebox-action #swipebox-next {
  background-position: -78px 13px;
  right: 40px;
}

#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}

#swipebox-slider.rightSpring {
  -moz-animation: rightSpring 0.3s;
  -webkit-animation: rightSpring 0.3s;
}

#swipebox-slider.leftSpring {
  -moz-animation: leftSpring 0.3s;
  -webkit-animation: leftSpring 0.3s;
}

@-moz-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-moz-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes rightSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: -30px;
  }

  100% {
    margin-left: 0px;
  }
}

@-webkit-keyframes leftSpring {
  0% {
    margin-left: 0px;
  }

  50% {
    margin-left: 30px;
  }

  100% {
    margin-left: 0px;
  }
}

/* Skin 
--------------------------*/
#swipebox-overlay {
  background: #0d0d0d;
}

#swipebox-action, #swipebox-caption {
  text-shadow: 1px 1px 1px black;
  background-color: #0d0d0d;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0d0d), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(#0d0d0d, #000000);
  background-image: -moz-linear-gradient(#0d0d0d, #000000);
  background-image: -o-linear-gradient(#0d0d0d, #000000);
  background-image: linear-gradient(#0d0d0d, #000000);
  -webkit-box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
  -moz-box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
  box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  opacity: 0.95;
}

#swipebox-action {
  -webkit-box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
  -moz-box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
  box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
}

#swipebox-caption {
  color: white!important;
  font-size: 15px;
  line-height: 43px;
  font-family: Helvetica, Arial, sans-serif;
}
  /******* css/lib/jquery.selectBoxIt.css START ******/   
					/*
 * jquery.selectBoxIt.css 3.5.0
 * Author: @gregfranko
 */

/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/

/* SelectBoxIt container */
.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 15px 0;
}

/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
  font: 14px Helvetica, Arial;
  /* Prevents text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
  white-space: nowrap;
}

/* Button */
.selectboxit-container .selectboxit {
  width: 220px; /* Width of the dropdown button */
  cursor: pointer;
  margin: 0;
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
  display: block;
  position: relative;
}

/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
  height: 30px; /* Height of the drop down */
  line-height: 30px; /* Vertically positions the drop down text */
  display: block;
  text-decoration: none;
}

/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
  outline: 0;
}

/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
}

/* Button Text */
.selectboxit-text {
  text-indent: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px;
}

/* Options List */
.selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100%;  /* Minimum Width of the dropdown list box options */
  *width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 9999999999999;
  border-radius: 6px;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Individual options */
 .selectboxit-option .selectboxit-option-anchor{
  padding: 0 2px;
}

/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none;
}

/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header {
  text-indent: 5px; /* Horizontal Positioning of the select box option text */
  margin: 0;
  list-style-type: none;
}

/* The first Drop Down option */
.selectboxit-option-first {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

/* The last Drop Down option */
.selectboxit-option-last {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
  font-weight: bold;
}

/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
  cursor: default;
}

/* Drop Down down arrow container */
.selectboxit-arrow-container {
  /* Positions the down arrow */
  width: 30px;
  position: absolute;
  right: 0;
}

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  /* Horizontally centers the down arrow */
  margin: 0 auto;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
}

/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
  float: left;
}

.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
  width: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
  float: left;
}

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
  background-color: inherit;
}

/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
  color: #333333;
  background-color: #e6e6e6;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
}

.selectboxit-default-arrow {
  width: 0;
  height: 0;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.selectboxit-list {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.selectboxit-list .selectboxit-option-anchor {
  color: #333333;
}

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
}

.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
  color: #999999;
}  /******* libs/feedbackjs/feedback.css START ******/   
					/*!
 * Bootstrap v2.0.4
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
*/


.feedback-review label {
    font-size: 14px;
}

.feedback-body .feedback-error {
    color: #b94a48;
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.feedback-body .feedback-error:focus {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}



.feedback-body p a {
    color: #0088cc;
    text-decoration: none;
}
.feedback-body p a:hover {
    color: #005580;
    text-decoration: underline;
}

.feedback-modal h3 {
    line-height: 27px;
    font-size: 18px;
    margin: 0;
    font-weight: bold;
    color: #333;
    text-rendering: optimizelegibility;
}

.feedback-modal {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #333;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 2050;
    max-height: 500px;
    overflow: auto;
    width: 560px;
    margin: -250px 0 0 -280px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    /* IE6-7 */

    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;


    -webkit-transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;  
    -ms-transition: all 2s ease 0s; 
    -o-transition: all 2s ease 0s;

}

.feedback-modal .feedback-close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.feedback-modal .feedback-close:hover {
    color: #000000;
    text-decoration: none;
    opacity: 0.4;
    filter: alpha(opacity=40);
    cursor: pointer;
}


.feedback-btn {
    display: inline-block;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    *margin-left: .3em;
}
.feedback-btn:hover,
.feedback-btn:active,
.feedback-btn.active,
.feedback-btn.disabled,
.feedback-btn[disabled] {
    background-color: #e6e6e6;
}
.feedback-btn:active, .feedback-btn.active {
    background-color: #cccccc \9;
}
.feedback-btn:first-child {
    *margin-left: 0;
}
.feedback-btn:hover {
    color: #333333;
    text-decoration: none;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}
.feedback-btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.feedback-btn.active, .feedback-btn:active {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #e6e6e6;
    background-color: #d9d9d9 \9;
    outline: 0;
}
.feedback-btn.disabled, .feedback-btn[disabled] {
    cursor: default;
    background-image: none;
    background-color: #e6e6e6;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.feedback-btn-small {
    padding: 5px 9px;
    font-size: 11px;
    line-height: 16px;
}
.feedback-btn-small [class^="icon-"] {
    margin-top: -1px;
}


.feedback-btn-inverse,
.feedback-btn-inverse:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #ffffff;
}

.feedback-btn-inverse {
    background-color: #393939;
    background-image: -moz-linear-gradient(top, #454545, #262626);
    background-image: -ms-linear-gradient(top, #454545, #262626);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#262626));
    background-image: -webkit-linear-gradient(top, #454545, #262626);
    background-image: -o-linear-gradient(top, #454545, #262626);
    background-image: linear-gradient(top, #454545, #262626);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#262626', GradientType=0);
    border-color: #262626 #262626 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.feedback-btn-inverse:hover,
.feedback-btn-inverse:active,
.feedback-btn-inverse.active,
.feedback-btn-inverse.disabled,
.feedback-btn-inverse[disabled] {
    background-color: #262626;
}
.feedback-btn-inverse:active, .feedback-btn-inverse.active {
    background-color: #0c0c0c \9;
}
button.feedback-btn, input[type="submit"].feedback-btn {
    *padding-top: 2px;
    *padding-bottom: 2px;
}
button.feedback-btn::-moz-focus-inner, input[type="submit"].feedback-btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}
button.feedback-btn.large, input[type="submit"].feedback-btn.large {
    *padding-top: 7px;
    *padding-bottom: 7px;
}
button.feedback-btn.small, input[type="submit"].feedback-btn.small {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

.feedback-btn .caret {
    margin-top: 7px;
    margin-left: 0;
}
.feedback-btn:hover .caret, .open.btn-group .caret {
    opacity: 1;
    filter: alpha(opacity=100);
}

.feedback-btn-inverse .caret {
    border-top-color: #ffffff;
    opacity: 0.75;
    filter: alpha(opacity=75);
}
.feedback-btn-small .caret {
    margin-top: 4px;
}

.feedback-bottom-right {
    position:fixed;
    bottom:5px;
    right:5px;
}



.feedback-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}
.feedback-header .feedback-close {
    margin-top: 2px;
}
.feedback-body {
    padding: 15px;
}
.feedback-body .modal-form {
    margin-bottom: 0;
}



.feedback-body textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
    overflow: auto;
    vertical-align: top;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

    display: inline-block;
    width: 90%;
    height: 100px;
    padding: 4px;
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 18px;
    color: #555555;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

.feedback-body textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

}



.feedback-footer {
    padding: 5px 14px 15px 15px;
    line-height:20px;
    height:40px;
    margin-bottom: 0;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    *zoom: 1;
}
.feedback-footer:before, .feedback-footer:after {
    display: table;
    content: "";
}
.feedback-footer:after {
    clear: both;
}
.feedback-footer .feedback-btn {
    float: right;
    margin-left: 5px;
    margin-bottom: 0;
}


.feedback-glass {
    position:fixed;
    z-index:2000;
    top:0;
    left:0;
    width: 100%;
    height:100%;
    background: #777;
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    filter: alpha(opacity=50);
}

.feedback-canvas {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index:1999;
}


#feedback-blackout-element {
    background: #000;
    opacity: 0.8; 
    position:absolute;

}


.feedback-highlight-element, .feedback-highlighted {
    position:absolute;

    -webkit-border-radius: 4px;
    border-radius: 4px;

    z-index: 2000;
    -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;

    -webkit-box-shadow: 0px 0px 8px 0px #000;
    box-shadow: 0px 0px 8px 0px #000;

}

.feedback-highlight-element {
    pointer-events:none;
}

#feedback-highlight-close {
    background: #ccc;
    border:1px solid black;
    text-align:center;
    line-height:20px;
    font-size:20px;
    font-weight:bold;
    width:20px;
    height:20px;
    position:absolute;
    cursor:pointer;
    margin-left:-12px;
    margin-top:-12px;

    z-index:2001;

    -webkit-border-radius: 10px;
    border-radius: 10px;


    -webkit-box-shadow: 0px 0px 4px 0px #615e5e;
    box-shadow: 0px 0px 4px 0px #615e5e;

    background-color: #c5c5c5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#999999));
    background-image: -webkit-linear-gradient(top, #c5c5c5, #999999);
    background-image:    -moz-linear-gradient(top, #c5c5c5, #999999);
    background-image:      -o-linear-gradient(top, #c5c5c5, #999999);
    background-image:         linear-gradient(to bottom, #c5c5c5, #999999);


}

.feedback-blackedout {
    background: #000;
    position:absolute;
    z-index: 2000;
}

#feedback-highlight-container {
    position:absolute;
    top:0;
    left:0;
    pointer-events:none;
    z-index:2010;
}

.feedback-animate-toside {

    top: 100%;
    left:100%;
    width: 300px;
    margin-left:-320px;
    margin-top: -200px;

}

.feedback-animate-review {
    -webkit-transition: all 2s ease 0s;
    -moz-transition: all 2s ease 0s;  
    -ms-transition: all 2s ease 0s; 
    -o-transition: all 2s ease 0s;

    top: 50%;
    left:50%;
    width: 600px;

    margin-left:-300px;
    margin-top: -200px;
}

.feedback-canvas-complete {

    -webkit-filter:blur(5px);
}

.feedback-body canvas {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #636363;
    -webkit-box-shadow: 0px 0px 12px 0px #615e5e;
    box-shadow: 0px 0px 12px 0px #615e5e;
    position:absolute;
}

.feedback-browser {
    margin-left:330px;
}


.feedback-loader {
    text-align: center;    
}
.feedback-loader span {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 50px auto;
    background: black;
    border-radius: 50px;
    -webkit-animation: feedback-loader 0.9s infinite alternate;
    -moz-animation: feedback-loader 0.9s infinite alternate;
}
.feedback-loader span:nth-of-type(2) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
}
.feedback-loader span:nth-of-type(3) {
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}
@-webkit-keyframes feedback-loader {
  0% {
    width: 10px;
    height: 10px;
    opacity: 0.9;
    -webkit-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    opacity: 0.1;
    -webkit-transform: translateY(-21px);
  }
}
@-moz-keyframes feedback-loader {
  0% {
    width: 10px;
    height: 10px;
    opacity: 0.9;
    -moz-transform: translateY(0);
  }
  100% {
    width: 24px;
    height: 24px;
    opacity: 0.1;
    -moz-transform: translateY(-21px);
  }
}  /******* THEME.CSS START ******/   
				/* ========================= */
/* ========================= */
/*
*     01 FONT FACE & RESET
*/
/* ========================= */
/* ========================= */
@font-face {
    font-family: 'trajanbold';
    src: url('fonts/trajanpro-bold-webfont-webfont.eot');
    src: url('fonts/trajanpro-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/trajanpro-bold-webfont-webfont.woff') format('woff'),
         url('fonts/trajanpro-bold-webfont-webfont.ttf') format('truetype'),
         url('fonts/trajanpro-bold-webfont-webfont.svg#trajan_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'trajanreg';
    src: url('fonts/trajanpro-regular-webfont-webfont.eot');
    src: url('fonts/trajanpro-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/trajanpro-regular-webfont-webfont.woff') format('woff'),
         url('fonts/trajanpro-regular-webfont-webfont.ttf') format('truetype'),
         url('fonts/trajanpro-regular-webfont-webfont.svg#trajan_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon/icomoon.eot');
	src: url('fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		 url('fonts/icomoon/icomoon.woff') format('woff'),
		 url('fonts/icomoon/icomoon.ttf') format('truetype'),
		 url('fonts/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

::-webkit-input-placeholder {
   color: #3e3d3a;
   font-family: 'Georgia', serif;
}

:-moz-placeholder { /* Firefox 18- */
   color: #3e3d3a;
   font-family: 'Georgia', serif;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #3e3d3a;
   font-family: 'Georgia', serif;
}

:-ms-input-placeholder {
   color: #3e3d3a;
   font-family: 'Georgia', serif;
}

::selection {
	background: #042e15; /* Safari */
	color: white;
}
::-moz-selection {
	background: #042e15; /* Firefox */
	color: white;
}

/* ========================= */
/* ========================= */
/*
*          02 STRUCTURE
*/
/* ========================= */
/* ========================= */
/* ----- content ----- */

.tie-designer-welcome {
	padding: 5px 30px !important;
}

.submenulist{
	margin-left:10px;
}

.submenulist p {
	margin: 0;
}

.categoryli {
	position:relative;

}

.showhidesubmenu {
    color: black;
    position: absolute;
	right: 5px;
    font-size: 11px;
    top: 1px;
	cursor:pointer;
}

.showhidesubmenu.smconshow .smcu{
	display:none;
}

.showhidesubmenu.smconshow .smcd{
	display:block;
}

.showhidesubmenu .smcd{
	display:none;
}

body {
	/* background: #111 url('tts-christmasbackground.jpg') repeat;*/
	background: #111 url('bg.png') repeat; 
	font-family: Arial, sans-serif;
}

#content {
	color: #343148;
	padding: 5px 10px 10px 10px;
}

#wrapper {
	/*margin: 20px 0 0 0;*/
}

.block {
	margin: 10px 0;
}

.spaceme {
	margin: 10px 0;
}

.hide {
	display: none;
}

header {
	/*border-top: 10px solid white;*/
	border-left: 10px solid white;
	border-right: 10px solid white;
}

#contain {
	box-shadow: 0px 0px 30px 5px black;
}

footer {
	border-bottom: 10px solid white;
	border-left: 10px solid white;
	border-right: 10px solid white;
}

/* ----- font ----- */
a {
	color: #094521;
}

a:hover, .highlight {
	color: #344148;
}

.text p {
	line-height: 1.500em;
	margin-bottom: 0.5em;
}

.text a {
	border-bottom: 1px dotted;
}

h1, h2, h3 {
	color: ;
	margin-bottom: 0.5em;
}

h1 {
	border-bottom: 2px solid #c2b59b;
	color: #094521;
	font-family: 'trajanreg', Georgia, serif;
	margin-top: 0;
	font-weight: normal;
	line-height: 1.5em;
	font-size: 1.4em
}

.icomoon {
	font-family: 'icomoon';
	font-size: 1em;
}

.bottom .icomoon {
	color: white;
}

.small {
	font-size: 0.625em;
}

.col_quarter {
	width: 23.5%;
}

.col_quarter.first, .col_quarter.last {
}

.paymenttypes{
	float:left;
	width: 230px !important;
	margin-top:10px
}

.paymenttypes:before{
	content:"Secure Payments";
	font-size:11px;
	color:white;
	position: absolute;
    display: block;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
}


/* ----- header ----- */
header {
	background: #094521;
	padding: 0;
}

header #header_logo {
	background: url('logo.png') no-repeat transparent;
	background: url('optimised.svg') no-repeat transparent;
	background-size: 281px 62px;
	width: 281px;
	height: 62px;
	margin-left: 15px;
}

.ie #header_logo {
	background: url('logo.png') no-repeat transparent;
	width: 281px;
	height: 62px;
}

header .right {
	margin-right: 15px;
	color: #c2b59b;
	font-size: 0.875em;
	font-family: 'trajanreg', Georgia, serif;
}

header .right img {
	width: 425px;
}

header .right a {
	color: #ffdd82;
}

header .right h2 {
	margin: 15px 0 0 0;
	font-size: 0.85em;
}

header .right p {
	margin: 0;
	padding: 0;
	color: white;
}

header .right a:hover {
	color: white;
}

header .right .head_info {
	font-size: 1.65em;
}

header .right .head_info .icomoon {
	font-size: ;
	color: ;
}

nav {
	position: relative;
	margin: 0;
	z-index: 99;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width: 760px), not all, not all, only screen and (max-width: 480px) {
	nav {
		position: fixed;
		z-index: 500;
	}
}

nav>ul {
	background: #043a19;
	border-top: 5px solid white;
	padding:0 14px;
}

nav ul>li {
	position: inherit;
}

nav ul>li a, nav ul>li p {
	position: relative;
	color: white;
	font-size: 14px;
	text-shadow: 0 1px 0 black;
	font-family: 'trajanbold', serif;
	padding: 0.8em .5em;
}

nav ul>li a:hover, nav ul>li p:hover, nav ul>li a.active {
	color: white;
	background: #c2b59b
}

nav ul ul {
	width: 100%;
    position: absolute;
    left: 0 !important;
    z-index: 9999;
	
	background: url('white_bg.png') repeat;
	background: rgba(255,255,255,1);
	font-size: 14px;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
	
	padding: 25px;
}

@media (min-width: 480px) {
	nav ul .menulist-wrap {
		width: 100%;
	    display: inline-flex;
	    display: -webkit-inline-flex;
	    padding-right: 0;
	    vertical-align: top;
	    flex-wrap: wrap;
	}
	
	nav ul .menulist-wrap .submenulist {
		display: table-cell;
	    margin: 0;
	    padding: 0;
	    width: 25%;
	}
	
	nav ul .menulist-wrap .submenulist p {
		color: #353535;
	    text-shadow: none;
	    font-family: Helvetica;
	    font-weight: 600;
	    margin: 0 0 10px;
	    padding: 0;
	}
	
	nav ul .menulist-wrap .submenulist p:hover {
		cursor: default;
		background: transparent;
		color: #353535;
	}
	
	nav ul .submenulist a {
	    padding: 8px 0;
	    color: #444444;
	    text-shadow: none;
	    font-family: Helvetica;
	    font-weight: 400;
	    font-size: 14px;
	    margin: 0;
	}
}

@media (min-width: 992px) {
	nav ul .menulist-wrap {
		width: 60%;
		padding-right: 5%;
	}
}

nav ul .preview-img {
	display: none;
}

nav ul .menu-thumbs {
	width: 40%;
    display: inline-block;
    padding-left: 20px;
    border-left: 1px solid #ddd;
}

@media (min-width: 992px) {
	nav ul ul {
		top: 40px;
	}
	
	nav ul .preview-img {
		display: table-cell;
	    width: 50%;
	    float: left;
	    text-align: center;
	}
	
	nav ul .preview-img a {
		color: #353535;
		text-shadow: none;
		font-family: Helvetica;
		font-weight: 600;
	}
	
	nav ul .preview-img a:hover {
		background: transparent;
		color: #c2b59b;
	}
}

nav ul .preview-img img {
	width: 100%;
    height: auto;
    display: block;
    margin-bottom: 10px;
}

nav ul ul li a, nav ul ul li p {
	/*color: #094521;*/
	color: #000;
	font-size: 12px;
	text-shadow: none;
	padding: 0.6500em 1.500em;
}

nav ul ul li a:hover {
	color: #c2b59b;
	background: none;

}

/* ----- footer ----- */
footer {
	background: #334047;
	color: #c2b59b;
	display: block;
	padding: 15px;
	margin-bottom: 20px !important;
	font-size: 0.875em;
}

#cookiesprefsbar {
	background: #28343a;
	color: #c2b59b;
	border-radius: 0px;
	font-size: 0.875em;
}

.footercen {
	line-height: 1em;
}

footer a {
	color: white;
}

footer a:hover {
	color: #c2b59b;
}

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

.picupload{
	position:relative;
	background:#094521;
	height:100px;
	width:100%;
	display:block;
	padding:3px;
	text-align: center;
}

.picupload::before{
	content:'Drag An Image Here';
	color: #ffdd82;
	display: block;
	text-align: center;
	padding: 20px;
	position: absolute;
	width: 100%;
}

.picupload.success::before{
	display: none;
}

.picupload.drophere::before{
	content:'Drop To Upload';
}

.picupload img{
	max-height: 100%;
	max-width: 100%;
	height: 100px;
}

.progress_bar_percent{
	height: 10px;
	background: red;
	width:0%;
}

/* ----- inputs ----- */
.button, .forminput-alt {
	font-family: 'Georgia', serif;
}

.forminput {
	background: white;
	color: #094521;
	font-family: 'Arial', serif;
	border: 1px dashed #e9e7e3;
}

.forminput:hover {
	background: white;
	color: #334148;
	border: 1px dashed #344148;
}

.forminput:focus {
	background: white;
	color: #334148;
	border: 1px dashed #344148;
}

.formlabel {
	width: 100%;
}

.forminput-alt {
	background: none;
	border: none;
	padding: 10px 0;
}

.selectboxit-container .selectboxit {
	width:auto;
	border-radius: 0;
}

.selectboxit-container  [data-class="oos"], .selectboxit-optgroup-header {
    background:#ffdd82;
}

.selectboxit-btn {
	background: #c9c9c9;
	border: 0;
	padding: 15px;
}

.selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active {
	background: #c5c5c5;
	color: #094521 !important;
	border: 0;
}

.selectboxit-default-arrow {
	width: 0;
	height: 0;
	border-top: 4px solid #454545;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.selectboxit-list {
	background: ;
	border: 0px;
}

.selectboxit-container .selectboxit-options {
	border-radius: 0px;
	max-height:350px;
}

.selectboxit-container .selectboxit-options a {
	color: ;
}

.selectboxit-container .selectboxit-options a:hover, .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
	background: #094521;
	color: #ffdd82;
}

.selectboxit-container span, .selectboxit-container .selectboxit-options a {
	height: 45px;
	line-height: 40px;
	color: #094521;
	font-family: 'Georgia', serif;
}

.selectboxit-option-first {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

.selectboxit-option-last {
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.selectboxit-option {
	background:#C0EFD3;
}

.ui-autocomplete {
	background: url('green_bg.png') repeat;
	background: rgba(9,69,33,0.9);
	padding: 0;
	font-family: 'Georgia' serif;
	border-radius: 0px;
	border: none;
	left: 0 !important;
	width: 100% !important;
	top: 53px !important;
}

#searchboxsuggestions {
	clear: both;
}

.ui-autocomplete.ui-menu .ui-menu-item {
	list-style-image: none !important;
	width: auto !important;
}

.ui-autocomplete.ui-menu .ui-menu-item a {
	padding: 0;
	cursor: pointer;
	margin: 15px;
	font-size: 14px;
	color: #ffdd82;
	text-shadow: 0 1px 0 black;
}

.ui-autocomplete.ui-menu .ui-menu-item a:hover {
	color: white;
}

.ui-autocomplete.ui-menu .ui-menu-item a .pitem {
	font-size: 0.750em;
	margin-left: 10px;
	display: inline-block;
}

.ui-autocomplete.ui-menu .ui-menu-item img {
	border: 1px solid #e9e7e3;
}

.ui-autocomplete.ui-menu .ui-menu-item img:hover {
	border: 1px solid #094521;
}

.ui-autocomplete.ui-menu .ui-menu-item a:hover {
	border-radius: 0;
	padding: 0;
	border: none;
	color: white;
	background: none;
}

.ui-autocomplete .ui-autocomplete-category a {
	font-size: 0.875em;
	display: block;
	float: none !important;
	clear: both;
	background: #094521;
	padding: 15px !important;
	border-radius: 0px;
	color: #ffdd82;
	text-shadow: 0 1px 0 black;
	margin: 0 !important;
}

.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	border: none;
	/*margin: 15px;*/
}

.ui-menu .ui-menu-divider {
	margin: 0;
}

.ui-widget-overlay {
	background: black;
	opacity: .3;
}

/* ----- icons ----- */


/* ========================= */
/* ========================= */
/*
*          03 COLOURS
*/
/* ========================= */
/* ========================= */

/* Primary Font Colour */
.pfc {
	color: #094521;
}

/* Secondary Font Colour */
.sfc {
	color: white;
}

/* Primary BG Colour */
.pbc {
	background: #094521;
	color: #ffdd82;
	text-shadow: 0 1px 0 black;
}

.pbc.tickchosen {
	background: #842611;
	color: #FFFFFF;
}

.pbc:hover {
	background: #094521;
	color: white;
}

/* Secondary BG Colour */
.sbc {
	background: #042e15;
	color: #ffdd82;
}

.sbc:hover {
	background: #021c0c;
	color: #ffdd82;
}

.boxstandard {
	background: #c9c9c9;
	color: #343148;
}

/* ========================= */
/* ========================= */
/*
*          04 ELEMENTS
*/
/* ========================= */
/* ========================= */


.tiedesigner {
	background: url('tiedesigner-thumb.png') no-repeat;
	background-size: cover;
}

.handkerchief {
	background: url('handkerchief-thumb.png') no-repeat;
	background-size: cover;
}

.engraved {
	background: url('engrave-thumb.png') no-repeat;
	background-size: cover;
}

.giftvoucherscta {
	background: url('giftvouchers-thumb.png') no-repeat;
	background-size: cover;
}

/* ----- latest news ----- */


/* ----- account ----- */
#loginbox {
	padding: 0;
	margin: 0;
}

#loginbox h2 {
	color: #094521;
	font-size: 18px;
	padding: 10px 10px 0 10px;
	margin: 0;
	font-family: 'trajanbold', serif;
}

#loginbox .inputs {
	padding: 10px;
	display: inline-block;
}

#loginbox .inputs label {
	color: #3e3d3a;
}

#loginbox .inputs .forminput-alt {
	border: none;
	background: white;
	padding: 15px;
}

#loginbox .inputs .forminput-alt:hover {
	background: #f5f5f5;
	color: #094521;
}

#loginbox .end {
	background: #094521;
	padding: 15px;
	margin: 0;
	overflow: auto;
}

#loginbox .end .forgotten {
	font-size: 0.750em;
	color: white;
}

#loginbox .end .forgotten:hover {
	color: #ffdd82;
}

#loginbox .end .pbc {
	background: none;
	color: #ffdd82;
	font-size: 1em;
	padding: 0;
	font-family: 'trajanbold', serif;
}

#loginbox .end .pbc:hover {
	color: white;
}

#loginbox .sfc {
	color: ;
}

#loginbox .pbc:hover {
	background: ;
	color: ;
}

#loginbox .forminput-alt {
	background: ;
	color: ;
}

#loginbox .forgotten {
	position: ;
	color: ;
	font-size: 0.850em;
	bottom: 50px;
	left: 15px;
}

#loginbox .forgotten:hover {
	color: ;
}

#loginbox .errormessages {
	margin: 0;
	color: #b94328;
}

.engraving {
	background: #f6f4ee;
	padding: 15px;
	margin-bottom:15px;
}

.engraving .forminput {
	background: white;
}

.engraving .selectboxit-container .selectboxit {
	width:auto !important;
}

.engraving .selectboxit-btn {
	background: white;
}

.engraving h3 {
	border-bottom: 1px solid #d0cdc4;
	color: #3e3d3a;
	text-shadow: 0 1px 0 white;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}

.engraving .holder {
	position: relative;
	width: 48%;
	float: left;
	margin-right: 2%;
}

.engraving .fullwidth {
	width: 100%;
}

.additional {
	margin: 15px 0;
}

.additional h3 {
	margin: 0 0 7px 0;
}


.additional .holder .pad {
	padding: 10px;
	background: #f6f4ee;
	color: #094521;
	display: inline-block;
	width: 100%;
}

.additional .holder .pad img {
	float: left;
	margin-right:10px;
}

.additional .holder .pad label {
	 margin-bottom: 15px;
}

.additional .holder .pad label span {
	float: right;
	color: #3e3d3a;
}

.additional .holder .pad p {
	margin-top:15px;
}

.formlabel span {
	float: right;
	color: #094521;
}

.asterix {
	color: red;
}

.additional .holder h5 {
	margin: 0 0 5px 0 !important;
}

.whatyoucando li {
	margin: 5px 17px;
	padding: 5px;
	font-size: 13px;
	list-style: circle;
}

.userlogin #userlinks {
	margin: 0;
	padding: 15px 0;
}

.userlogin #userlinks li {
	margin: 10px 0;
}

.userlogin #userlinks li:first-child {
	margin-top: 0;
}

.userlogin #userlinks li:last-child {
	margin-bottom: 0;
}

.userlogin #userlinks li a {
	margin: 0;
	padding: 0 10px;
	display: inline-block;
	font-size: 0.813em;
	color: #344148;
	width: 100%;
	overflow: auto;
}

.userlogin #userlinks li a:hover {
	color: #094521;
}

.userlogin #userlinks li a.details:hover, .userlogin #userlinks li a.shoppingcart:hover, .userlogin #userlinks li a.purchases:hover {
	color: #094521;
}

.userlogin .bottom {
	background: #094521;
	padding: 15px;
	margin: 0;
	overflow: auto;
}

.userlogin .bottom .pbc {
	background: none;
	font-size: 17px;
	color: #ffdd82;
	padding: 0;
	margin: 0;
	font-family: 'trajanbold', serif;
}

.userlogin .bottom .pbc:hover {
	color: white;
}

.userlogin .loggedin {
	border-top: 1px solid white;
	padding: 15px 15px 0 15px;
}

.userlogin .loggedin p {
	margin: 0;
}

.account, .index {
	margin: 0;
}

/* ----- contact ----- */
#contactinfo {
	margin: 0;
}

/* ----- products ----- */
.mod_slideshows {
	margin: 0;
}

#acc-log {
	margin: 8px 0 10px 0;
	padding: 10px;
	background: #c9c9c9;
}

#acc-log .bottom p {
	float: left;
	color: #344148;
	margin: 0;
	line-height: 21px;
}

#acc-log .bottom .pbc {
	font-size: 0.825em;

	font-family: 'trajanbold', serif;
	float:left;
}

#acc-log .bottom .pbc.right {
	float:right;
}

.product {
	margin: 0;
}

.product .description {
	font-family: Helvetica, Arial, sans-serif;
}

.product .productinfo .additional p {
	margin: 5px 0 0 15px;
	float: left;
	color: #ffdd82;
	text-shadow: 0 1px 0 black;
}

.product .productinfo .additional label {
	margin: 0 0 0 15px;
	float: left;
	width: 75%;
	color: white;
	text-shadow: 0 1px 0 black;
}

.product .productinfo .additional .pad {
	background: #094521;
	padding: 10px;
	overflow: auto;
	margin: 10px 0 0 0;
}

.product .productinfo .additional img {
	float: left;
}

.pushright {
	margin-right: 3%;
}

.pushleft {
	margin-left: 2%;
}

.pushtop {
	margin-top: 15px;
}

.slidercontainer {
	width: 54.1%;
	margin-right: 2%;
	margin-bottom: 0;
	float: left;
}

#productthumbnails {
	background: white;
	border: 1px solid #80898d;
	padding: 15px;
}

.flex-caption {
	background: none;
	color: #094521;
	border-top: none;
	padding: 0;
	position: absolute;
	bottom: 20px;
	right: 20px;
	margin: 0;
	height: auto;
}

.flex-caption a {
	color: #bc9325;
}

.flex-caption a:hover {
	color: #094521;
}

.flex-caption .icomoon {
	font-size: 2.50em;
}

.flexslider .slides .border img {
	border: 10px solid white;
}

.flexslider .slides .border {
	border: 1px solid #80898d;
}

.productlist {
	margin: 0;
}

#productlist {
	clear: both;
}

#productlist .carticon{
	margin:0 !important;
}

#productlist.aslist li.productitem {
	width: 100%;
	height: auto;
	clear: both;
	border-bottom: 0;
	border: 1px solid #e9e7e3;
	padding: 10px;
}

#productlist.asgrid li.productitem {
	border-bottom: 0;
	/*height: 230px;*/
}

#productlist.aslist li a .thumb {
	width: 26%;
	float: left;
}

#productlist.aslist li.productitem .producttitle {
	float: left;
	width: 72%;
	padding: 0 10px;
	font-size: 15px;
	color: #344148;
}

#productlist.aslist li .bottom {
	width: auto;
}

#productlist.aslist li .bottom .listdetails {
	display: inline-block;
	float: right;
}

#productlist.aslist li.productitem .button {
	margin: 0;
	padding: 15px;
}

#productlist.asgrid li .bottom .listdetails {
	display: none;
}

#productlist.aslist li.productitem .enticer {
	display: block;
	overflow: auto;
	font-size: 13px;
	padding: 10px;
	margin: 0;
	color:#344148;
}

#productlist.asgrid li.productitem .enticer, #productlist.asgrid li.productitem .category {
	display: none;
}

#productlist.aslist li.productitem .category {
	font-size: 12px;
	padding: 0 15px;
	position: absolute;
	top: 10px;
	right: 0;
	display: inline-block;
}

#productlist.aslist li.productitem .category .dull {
	color: #b1ab99;
}

#productlist.aslist li .divider {
	width: 100%;
	position: absolute;
	bottom: 33px;
	right: 0;
	display: inline-block;
}

.pricedetails .discounted {
	font-size: 1em;
	text-shadow: none;
	margin: 5px 10px 0 0;
	font-family: 'trajanbold', serif;
}

#productlist.asgrid li .bottom .pricedetails .right {
	color: red;
	margin: 5px 0 0 0;
	text-shadow: none;
}

#productlist.aslist li .bottom .pricedetails {
	width: auto;
	margin: 7px 0 0 0;
}

#productlist.aslist li .bottom .pricedetails .price {
	margin-left: 15px;
}

#productlist.aslist li .bottom .carticon {
	display: none;
	text-shadow: 0 1px 0 black;
	margin:0 !important;
}

#productlist.asgrid li .bottom .carticon a {
	padding: 0;
	margin: 0;
	color: #ffdd82;
	font-size: 1.25em;
}

#productlist.asgrid li .bottom .carticon a .icomoon {
	color: #bc9325;
	margin: 0;
}

#productlist.asgrid li .bottom .carticon a .icomoon:hover {
	color: #094521;
}

#productlist.aslist li .bottom {
	width: 72%;
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#productlist.aslist li .bottom h3 {
	font-size: 1em;
}

#productlist.aslist li .bottom .sfc {
	color: #d7200f;
}

#productlist.aslist li.productitem .forminput-alt {
	width: 40px;
	padding: 8px 0;
	display: inline-block;
	margin: 5px 5px 0 5px;
	height: 32px;
	color: #094521;
	border-bottom: 1px solid #094521;
}

.discounted {
	text-decoration: line-through;
	font-size: 14px;
}

#productlist.aslist li .discounted {
	color: #ffdd82;
	margin-right: 15px !important;
	margin-left :15px !important;
}

#productlist li {
	margin: 0 0 15px 0;
}

#productlist li.productitem {
	float: none;
	width: 160px;
	padding: 0;
	background: white;
	cursor: pointer;
}

#productlist.asgrid li.productitem a {
	color: #344148;
}

#productlist.asgrid li.productitem a:hover {
	color: #262626;
}

#productlist li.productitem .producttitle {
	display: block;
	padding: 15px;
	height: auto;
	margin: 0;
	font-size: 14px;
	text-align: left;
}

#productlist.asgrid li.productitem .producttitle  {
	/*display: table;*/
	padding: 6px 0 6px 0;
	height: 53px;
}

#productlist li:last-child {
	margin: 15px 0;
}

/*

#productlist.asgrid li.productitem .producttitle span  {
	display: table-cell;
	vertical-align: middle;
}
*/

#productlist li.productitem h3 a {
	color: #3e3d3a;
	text-shadow: 0 1px 0 white;
}

#productlist li .bottom {
	position: relative;
	width: 100%;
	overflow: auto;
	font-size: 16px;
}

#productlist li .bottom .pricedetails {
	font-family: 'trajanbold', serif;
}

#productlist.asgrid li .bottom {
	left: 0;
	bottom: 0;
}

#productlist.aslist li:first-child {
	margin-top: 15px;
}

#productlist li .bottom .sfc {
	color: #ffdd82;
	font-size: 1em;
}

#productlist li .bottom h3 {
	position: relative;
	font-size: 1em;
	margin: 5px 10px 0 0;
}

#productlist li a .thumb {
	width: 100%;
	margin: 0;
	padding: 5px;
	border: 1px solid #344148;
	height: 158px;
}

#productlist li .discounted {
	text-decoration: line-through;
	color: #344148;
}

.pink {
	color: #d7200f;
}

.product .quantity {
	margin: 0;
	padding: 0px;
	display: inline-block;
	width: 100%;
}

.quantitychange {
	float: left;
	font-size: 10px;
	margin: 5px 10px;
	cursor: pointer;
}

#microbasketitems .quantitychange {
	margin: 0 5px 5px 5px;
	font-size: 8px;
}

.quantitychange:hover {
	color: #3e3d3a;
}

.product .quantity p.left {
	margin: 0;
}

.product .quantity .forminput {
	border-bottom: 1px solid #094521;
	float: left;
}

.product .padded {
	padding: 15px 0;
}

.product .contain {
}

.product .contain>h2 {
	border-bottom: 2px solid #c2b59b;
	color: #094521;
	font-family: 'trajanbold', Georgia, serif;
	margin-top: 0;
	font-weight: normal;
	line-height: 1.5em;
}

.product .end .totalprice {
	font-size: 1.125em;
	padding: 15px 0;
	margin: 0;
	color: #3e3d3a;
}

.product #extrasprice {
	color: #d7200f;
}

.product .quantity p.left {
	margin: 0 5px 0 0;
}

.product .quantity .selectboxit-container .selectboxit-options {
	height: 150px;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}

.product .quantitydropdown {
	margin: -5px 0 0 0;
	width: 70px !important;
}

.product .end .totalprice span {
	color: #094521;
}

.product .productinfo {
	float: right;
	width: 43.5%;
}

.product .productinfo h4 {
	font-weight: bold;
}

.product .productinfo h2 {
	margin: 0;
}

.product button {
	margin: 0;
}

.product .productinfo h2.totalprice {
	background: none;
	color: white;
	font-size: 1.125em;
	padding: 15px;
}

.product .end .pbc {
	background: #094521;
	color: #ffdd82;
	font-size: 1em;
	padding: 15px;
	margin: 18px 0;
	display: inline-block;
	font-family: 'trajanbold', serif;
}

.product .end .pbc .icomoon {
	font-weight: normal;
}

.product .end .pbc:hover {
	color: white;
}

.product #descriptiontabs ul li {
	display: inline-block;

}

#returns #sort-by {
	border: none;
	padding: 0;
}

#returns #sort-by h2 {
	color: #344148;
	margin: 5px 0 0 0;
	font-family: 'trajanreg', serif;
}

#returns #sort-by .button {
	font-size: 1em;
	font-family: 'trajanbold', serif;
}

#returns .half input {
	padding: 14px;
	width: 285px;
	font-family: 'Georgia', serif;
	font-size: 14px;
	background: white;
	border: 1px dashed #e9e7e3;
}

#returns .half input:hover, #returns .half input:focus {
	border: 1px dashed #344148;
}

#returns .half .selectboxit-container .selectboxit {
	width: 258px !important;
}

#returns .cart_item .bottom .pbc {
	padding: 5px;
	margin: 0 9px 0 0;
	color: #ffdd82;
}

#returns .cart_item .bottom .pbc:hover {
	color: white;
}

#sort-by {
	overflow: auto;
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #d1d1d1;
}

#sort-by .splitter {
	float: left;
	width: 1px;
	height: 21px;
	border-left: 1px solid #d1d1d1;
	display: inline-block;
	margin: 0 0 0 15px;
}

#sort-by .sort {
	cursor: pointer;
	font-size: 14px;
}

#sort-by .tolist .icomoon, #sort-by .togrid .icomoon {
	color: #d1d1d1;
	margin-left: 10px;
	cursor: pointer;
	vertical-align: middle;
}

#sort-by .tolist .icomoon:hover, #sort-by .togrid .icomoon:hover {
	color: #3e3d3a;
}

#sort-by .tolist.active .icomoon, #sort-by .togrid.active .icomoon {
	color: #3d3c3a;
	vertical-align: middle;
}

#sort-by li {
	float: left;
	padding: 2px 0 0 15px;
}

#sort-by li a {
	color: #3e3d3a;
}

#sort-by li a:hover {
	color: #094521;
}

#sort-by h3 {
	float: left;
	padding: 0;
	margin: 0;
	font-family: 'trajanreg', serif;
}

#sort-by li a .icomoon {
	margin: 3px 0 0 0;
	font-size: 12px;
}

.productfilters {
	margin: 0;
	background: #c9c9c9;
}

.productfilters .head {
	color: #094521;
	font-size: 18px;
	padding: 10px;
	margin: 0;
	font-family: 'trajanbold', serif;
}

.productfilters .head h3 {
	margin: 0;
}

.productfilters .head .availabilitycount {
	color: #344148;
	font-size: 0.650em;
	margin-top: 7px;
}

.productfilters .section {
	overflow: auto;
	width: 100%;
	padding: 10px;
	margin: 0;
}

.productfilters .section label, .productfilters .section h4 {
	font-family: 'trajanreg', serif;
}

.productfilters .section input.pricerange {
	background: none;
	width: 40%;
	margin: 4px 0 0 0;
	padding: 0;
	float: right;
	font-size: 0.813em;
	text-align: right;
	font-family: 'Georgia' serif;
	color: #094521;
}

.productfilters .section #slider-range {
	clear: both;
	background: white;
	height: 8px;
	border-radius: 3px;
	margin: 15px 0 0 0;
}

.productfilters .section .ui-slider-handle.ui-state-default.ui-corner-all {
	padding: 7px;
	border-radius: 30px;
	background: #b4ab9f;
	cursor: pointer;
	margin: 2px 0 0 -9px;
	width: 14px;
}

.ui-slider-horizontal .ui-slider-range {
	background: #3e3d3a;
	border-radius: 3px;
}

.productfilters .section .filter li a {
	font-size: 0.813em;
	cursor: pointer;
}

.productfilters .section .filter li.no a {
	color: #c0bcb0;
}

.groupactive {
	background: none;
}

.filter span.icomoon {
	display: none;
}

.filter .active span.icomoon {
	display: inline-block;
	color: #094521;
}

.onsale, .feature {
	display: none;
}

.Sale .onsale {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background: url('fallbackonsale.png') no-repeat center;
	background: url('onsale.svg') no-repeat center;
	height: 65px;
	width: 65px;
	background-size: 65px 65px;
}

.Featured .feature {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background: url('fallbackfeature.png') no-repeat center;
	background: url('feature.svg') no-repeat center;
	height: 65px;
	width: 65px;
	background-size: 65px 65px;
}

.poly {
	fill: #6d2d2c;
}

.related {
	margin: 25px 0 0 0;
}

.related>h3 {
	border-bottom: 2px solid #c2b59b;
	color: #094521;
	font-family: 'trajanbold', Georgia, serif;
	margin-top: 0;
	font-weight: normal;
	line-height: 1.5em;
}


/* ---- Designer Tie ----- */
#designeroptions {
	text-align: left;
}

#designeroptions .selectboxit-btn {
	background: #c9c9c9;
}

#designeroptions .radiogroup label {
	float: none;
	clear:both;
	font-size: 0.750em;
	display: block;
	color: #bc9325;
	margin: 8px 15px;
}

#designeroptions .radiogroup label:hover {
	color: #094521;
}

#designeroptions  #textlist li, #designeroptions   #userimageslist li {
	cursor:pointer;
}

#designeroptions  #textlist li.active, #designeroptions   #userimageslist li.active {
	background: #094521;
	color: white;
	cursor:pointer;
}

.tie-designer .holder {
	padding: 15px;
}

.tie-designer .holder .quantity .forminput {
	width: 80px;
	background: none;
	font-family: 'Goergia', serif;
	font-size: 0.850em;
	margin: 0 0 0 10px;
	padding: 0;
	border-bottom: 1px solid
}

.tie-designer .holder .quantity .quantitychange:hover {
	color: #3e3d3a;
}

.ui-accordion .ui-accordion-header {
	padding: 10px;
}

.tie-designer .ui-accordion .ui-accordion-header {
	padding: 15px;
	margin: 0;
	border-top: 1px solid white;
	border-bottom: 1px solid #d4d4d4;
}

.tie-designer .ui-accordion .ui-accordion-content {
	padding: 0;
}

.tie-designer .ui-state-active, .tie-designer .ui-widget-content .ui-state-active, .tie-designer .ui-widget-header .ui-state-active, .tie-designer .ui-state-active:hover, .tie-designer .ui-widget-content .ui-state-active:hover, .tie-designer .ui-widget-header .ui-state-active:hover {
	background: #3d3d3a;
	color: #f5f5f5;
	text-shadow: 0 1px 0 black;
}

.tie-designer .bottom {
	background: #094521;
	display: block;
	clear: both;
	position: relative;
	padding: 15px;
	overflow: auto;
}

.tie-designer .bottom button {
	border: none;
	padding: 0;
	font-size: 0.850em;
	font-family: 'Georgia', serif;
	color: #ffdd82;
	text-shadow: 0 1px 0 black;
}

.tie-designer .bottom button:hover {
	color: white;
}

#stripe_edit h4 {
	font-size: 0.750em;
	margin: 15px 0 5px 0;
}

#stripe_edit #stripe_angle_slider, #stripe_edit #stripe_size_slider {
	height: 7px;
	border-radius: 5px;
	background: #e1ded5;
}

#stripe_edit .ui-slider-handle.ui-state-default.ui-corner-all {
	padding: 7px;
	border-radius: 30px;
	background: #b4ab9f;
	cursor: pointer;
	margin: 1px 0 0 0;
	width: 14px;
}

/* ---- product carousel ---- */
.moreproducts.flexslider .slides > li {
	margin-right: 20px;
}

.moreproducts.flexslider .slides > li:hover {
}

.moreproducts .producttitle {
	font-size: 14px;
	color: #334148;
	padding: 10px 0 !important;
	height: 53px;
	margin: 0;
}

.moreproducts .producttitle:hover {
	color: #3e3d3a;
}

.moreproducts .enticer {
	display: none;
}

.moreproducts .bottom {
}

.moreproducts .bottom .price {
	font-size: 1em;
	text-shadow: none;
	color: #d7200f;
	margin: 5px 0 0 0;
	font-family: 'trajanbold', serif;
}

.moreproducts.flexslider .slides > li {
	margin-right: 20px;
}

.moreproducts.flexslider .slides > li:hover {
}

.moreproducts .enticer {
	display: none;
}

.moreproducts .bottom .price h3 {
	text-shadow: none;
}

/* ----- user login ----- */
.userloginajax {
	margin: 0;
}

.userlogin .pad {
	padding: 10px;
}

/* ----- cart ----- */
.cart {
	margin: 0;
}

#cart_progressbar {
	background: white;
	margin: 0;
	font-size: 0.800em;
}

#cart_progressbar a {
	padding: 20px 20px 20px 0;
	color: #6c6a64;
	font-family: 'trajanbold', serif;
}

#cart_progressbar a:hover {
	color: #094521;
}

#cart_progressbar .completed {
	color: #3e3d3a;
}

#cart h2, .carttitle {
	border-bottom: 2px solid #c2b59b;
	color: #094521;
	font-family: 'trajanbold', Georgia, serif;
	margin-top: 0;
	font-weight: normal;
	line-height: 1.5em;
}

#cart .payment {
	margin: 0;
	padding: 15px 0;
}

#cart .payment p {
	margin: 0;
}

#cart .payment .paymentmethods {
	background: white;
	margin: 5px 0;
	font-style: normal;
	padding: 10px;
	border: 1px solid #e9e7e3;
	min-height: 120px;
	color: #344148
}

#cart .payment .paymentmethods h3 {
	font-family: 'trajanreg', serif;
}

.pdfbutton {
	font-family: 'trajanbold', serif;
	font-size: 1em;
}

#cart .payment .paymentmethods .freeshipping {
	margin: 10px 0 0 0;
	background: #fce4a1;
	color: #c47119;
	font-family: 'trajanreg', serif;
	text-align: center;
	padding:6px;
}

#cart .payment .paymentmethods:hover {
	border: 1px solid #344148;
}

#cart .payment .paymentmethods .description {
	color: #344148;
}

#cart .payment .paymentmethods .right {
	font-family: 'trajanreg', serif;
	color: #d7200f;
}

#shoppingbasket {
	margin: 0;
}

#shoppingbasket .noitems {
	margin: 0;
	padding: 15px;
	border-top: 1px solid white;
}

#shoppingbasket>h1 {
	border-bottom: 2px solid #c2b59b;
	color: #094521;
	font-family: 'trajanbold', Georgia, serif;
	margin-top: 0;
	font-weight: normal;
	line-height: 1.5em;
}

#shoppingbasket .itemmessage {
	color: #d7200f;
	font-size: 17px;
	padding: 10px;
	border: 1px solid #e9e7e3;
}

#shoppingbasket .notifications {
	background: #b94328;
	color:#FFF;
	font-size: 17px;
	padding: 10px;
	border: 1px solid #e9e7e3;
	margin:0 0 10px 0;
}

#shoppingbasket .itemmessage h3 {
	margin: 0;
}

#shoppingbasket .itemmessage p {
	margin: 5px 0;
	padding: 0;
}

#shoppingbasket .itemmessage p span.right {
	font-family: 'trajanbold', serif;
}

#shoppingbasket .totals {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

.right.deletevoucher.thick {
	cursor: pointer;
	text-decoration: none;
	color: #b94328;
	transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	padding: 0;
	font-size: 0.500em;
}

.right.deletevoucher.thick:hover {
	color: #3e3d3a;
}

.half {
	width: 48%;
	float: left;
}

#returns .cart_item {
	height: 200px;
}

#returns .cart_item .thumb {
	height: 108px;
	background: #222222;
}

#returns .cart_item .thumb img {
	border: none;
}

#returns .cart_item .info h4 {
	margin: 0 0 5px 0;
	color: #344148;
	font-size: 14px;
}

#returns .cart_item .info .bottom {
	position: relative;
	color: #bc9325;
}

.cart_item {
	background: white;
	color: #3e3d3a;
	margin: 0 0 10px 0;
	display: block;
	padding: 10px;
	border: 1px solid #e9e7e3;
}

.cart_item:hover {
  background: #f0f0f0;
  -webkit-transition: 0.2s background;
  -moz-transition: 0.2s background;
  -o-transition: 0.2s background;
  -ms-transition: 0.2s background;
  transition: 0.2s background;
}

.cart_item .custom {
	display: inline-block;
	width: 100%;
	margin: 20px 0 10px 0;
}

.cart_item .custom ul li {
	background: #f6f4ee;
	color: #3e3d3a;
  padding: 0;
	margin: 0;
	    font-size: 0.9em;
    margin-bottom: 3px;
}

.cart_item .custom ul li.notpurchased{
	background: #efefef;
}

.cart_item .custom .ui-tabs {
  background: transparent;
}

.cart_item .custom .ui-tabs .ui-tabs-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-flow: row;
  align-items: center;
  margin-bottom: 20px;
  background: transparent;
}

.cart_item .custom .ui-tabs .ui-tabs-nav .fixedContainer {
  order: 0;
  width: auto !important;
}

.cart_item .custom .ui-tabs .ui-tabs-nav > .ui-button:nth-child(2) {
  order: -1;
}

.cart_item .custom .ui-tabs .ui-tabs-nav > .ui-button {
  height: auto !important;
  width: auto !important;
  padding: 5px;
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.cart_item .custom .ui-tabs .ui-tabs-nav > .ui-button > .ui-button-text {
  display: none;
}

.cart_item .custom .ui-tabs .ui-tabs-nav > .ui-button > .ui-icon {
  position: static;
}

.cart_item .custom .ui-tabs .ui-tabs-nav li a {
  line-height: 1;
  text-shadow: none;
  color:  #094521;
}

.cart_item .custom .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background: #094521;
}

.cart_item .custom .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  color: #fff;
}

.cart_item .custom .ui-tabs .fixedContainer,
.cart_item .custom .ui-tabs .moveableContainer {
  height: auto !important;
}

.cart_item .custom .ui-tabs .moveableContainer {
  width: auto !important;
  display: -webkit-box;
  /*
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  */
  justify-content: center;
  flex-flow: row wrap;
  align-items: center;
}

.cart_item .custom .ui-tabs .ui-tabs-panel {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  background: #fff;
}

.cart_item .custom .ui-tabs .ui-tabs-panel li {
  background: transparent;
  display: inline-block;
  width: 100%;
  font-size: 14px;
}

.cart_item .custom .ui-tabs .ui-tabs-panel li span {
  float: none;
  display: block;
  margin: 5px 0 0;
}

.cart_item .custom .ui-tabs .ui-tabs-panel li span input,
.cart_item .custom .ui-tabs .ui-tabs-panel li span select {
  padding: 10px 15px;
  font-size: 12px;
  background: #eee;
  width: 100%;
}

.cart_item .custom .ui-tabs .ui-tabs-panel li span .button {
  display: inline-block;
}

.cart_item .thumb {
	height: auto;
	width: 15%;
	margin-right: 2%;
}

.cart_item .thumb img {
	margin: 0;
	border: 1px solid #e9e7e3;
}

.cart_item .info {
	width: 83%;
	height: 100px;
}

.cart_item .info > h2 {
  padding-right: 25px;
}

.cart_item .info > h2 > span {
  display: block;
  margin-top: 5px;
}

.cart_item .info .small {
	color: #d7200f;
	font-family: 'trajanreg', serif;
}

.cart_item .info .small .discounted {
	color: #344148;
}

.cart_item .info h2 a {
	color: #3e3d3a;
	font-size: 0.913em;
	font-family: 'trajanbold', serif;
}

.cart_item .delete {
	padding: 6px 6px 4px 6px;
	font-size: 0.500em;
	position: absolute;
	right: 0;
}

.cart_item .total span {
	color: #d7200f;
	font-family: 'trajanbold', serif;
}

.cart_item .total span.discounted {
	color: #344148;
	text-transform: line-through;
	font-family: 'trajanreg', serif;
}

.cart_item .info .bottom .forminput-alt {
	width: 60px;
	padding: 5px 10px;
	margin: -8px 0 0 5px;
	float: none;
	background: url('white_bg.png') repeat;
	background: rgba(255,255,255,0.8);
	border-bottom: 1px solid #d4d4d4;
}

.cart_item .info .bottom p {
  margin-bottom: 0;
}

.cart_item .info .bottom .icomoon {
	color: #094521;
}

.emph {
	overflow: auto;
	margin: 10px 0;
}

.socialbutton {
	display: inline-block;
	margin: 30px 0;
}

.twitterprofile, .facebookprofile {
	margin: 25px 0 0 0;
}

.twitterprofile h2, .facebookprofile h2 {
	font-family: 'trajanreg', serif;
	font-size: 1.125em;
}

.twitterprofile img, .facebookprofile img {
	float: left;
	margin-right: 10px;
}

.twitterprofile h3, .facebookprofile h3 {
	font-size: 1em;
}

.twitterprofile h3.name, .facebookprofile h3.name {
}

.twitterprofile h3.email, .facebookprofile h3.email {
	font-size: 0.813em;
	color: #344148;
}

.twitterprofile .holder, .facebookprofile .holder {
	background: #c9c9c9;
	padding: 10px;
	display: inline-block;
	width: 100%;
}

.twitterprofile .holder .info, .facebookprofile .holder .info {
	width: 66%;
	display: inline-block;
	float: left;
	margin-right: 2%;
}

.twitterprofile .holder .ctas, .facebookprofile .holder .ctas {
	display: inline-block;
	clear: both;
}

.twitterprofile .holder .ctas .pbc, .facebookprofile .holder .ctas .pbc {
	width: 220px;
	margin: 5px 0;
	display: block;
}

.productsearch {
	margin: 0 0 15px 0;
}

.loginthroughsocialmedia {
	background: #fce4a1;
	color: #c47119;
}

.loginthroughsocialmedia h2 {
	margin: 15px 5px 15px 15px;
	line-height: 30px;
	font-size: 0.800em;
}

.loginthroughsocialmedia .button {
	margin: 15px 0 0 0;
	display: inline-block;
	background: #358ba8;
	color: #f5f5f5;
	text-shadow: none;
}

.loginthroughsocialmedia .button:hover {
	background: #256d85;
}

.vouch {
	padding: 10px;
	border: 1px dashed #e9e7e3;
	overflow: auto;
	margin: 15px 0;
}

.vouch input {
	width: 70%;
	background: white;
	padding: 5px 0;
	font-family: 'Georgia', serif;
}

.vouchamount {
	background: #f6f4ee;
	padding: 10px;
	margin: 10px 0 20px 0;
}

.vouchamount h5 {
	margin: 0 5px 0 0;
}

.vouchamount .setamounts {
	height: 40px;
	margin: 25px 0 0 0;
}

.vouchamount input.forminput {
	width: 50%;
	background: none;
	padding: 0 5px 5px;
	font-family: 'Georgia', serif;
	font-size: 15px;
	border-bottom: 1px solid;
	margin: 0;
}

.cartmessage {
	margin: 15px 0;
}

.cartmessage textarea {
	background: white;
	font-family: 'Georgia', serif;
	border-radius: 0px;
	border: 1px dashed #e9e7e3;
}

.voucher {
	overflow: auto;
	display: block;
	width: 100%;
	border-top: 1px solid white;
	border-bottom: 1px solid #e9e7e3;
	padding: 15px;
	background: #faf9f5;
}

.voucher input {
	width: 90%;
	background: white;
	border: 1px dashed #e9e7e3;
	font-family: 'Georgia' serif;
	font-size: 14px;
	border-radius: 0px;
	-webkit-appearance: none;
}

.shipping {
	margin: 0;
	padding: 5px 2px;
	overflow: auto;
	display: block;
	font-size: 15px;
	background: none;
	color: #343148;
}

.shipping h4.left {
	margin: 0;
}

.shipping h4 span {
	font-family: 'trajanreg', serif;
	font-weight: bold;
}

.discounts {
	margin: 0;
	padding: 5px 2px 10px 2px;
	overflow: auto;
	display: block;
	font-size: 15px;
}

.discounts h4 {
	margin: 0;
	font-size: 0.850em;
}

.discounts h4 span {
	font-family: 'trajanreg', serif;
	font-weight: bold;
}

.pad {
	padding: 15px 0 0 15px;
}

#microbasketitems .vat {
	padding: 10px 2px;
	overflow: auto;
	color: #344148;
	margin: 0;
}

.vat {
	padding: 10px 2px;
	margin: 10px 0 0 0;
}

.vat h4 {
	margin: 0;
	font-size: 0.850em;
}

.vat h4.right {
	font-family: 'trajanreg', serif;
	font-weight: bold;
}

.totals {
	float: none;
	position: relative;
	margin: 25px 0;
	width: 100%;
	font-family: 'trajanbold', serif;
}

.totals h2 {
	font-size: 1.125em;
	margin: 0;
}

.totals h2 .sfc {
	color: #d7200f;
}

.cartbuttons {
	margin: 0 0 20px 0;
	display: inline-block;
    width: 100%;
}

.cartbuttons .pbc, .cartbuttons .sbc {
	color: #ffdd82;
	font-size: 18px;
	text-shadow: 0 1px 0 black;
	font-family: 'trajanbold', serif;
}

.cartbuttons .pbc:hover, .cartbuttons .sbc:hover {
	color: white;
}

.thankyou {
	padding: 15px 0
}

.thanksinfo .shippingaddress {
	background: white;
	color: #094521;
	font-style: italic;
	padding: 0;
	margin: -5px 0 10px 0;
}

.lrg {
	text-shadow: 0 1px 0 black;
	margin: 0;
	padding: 15px;
	font-size: 1.125em;
}

.cartend .icomoon {
	color: white;
	margin: 3px 0 0 10px;
}

.productinfo .price {
	background: white;
	width: 100%;
}

.productinfo .price .discounted {
margin-bottom:4px;
}

.productinfo .price .pink {
	font-size: 1.25em;
}

.voucherdownload {
	margin: 20px 0 0 0;
	display: inline-block;
}

.voucherdownload .button {
	float: left;
	margin: 0 10px 0 0;
}

/* ----- categories ----- */
.categories {
	margin: 0 0 15px 0;
}

.categories .red {
	display: none;
}

#categorylist {
	margin-left: -15px;
}

#categorylist li {
	display: block;
	float: left;
	width: 31%;
	margin: 5px 0 5px 2%;
	padding: 0;
}

#categorylist li a{
	background: rgba(9,69,33,0.55);
	display: block;
	width: 100%;
}

#categorylist a {
	float: left;
	color: white;
	text-shadow:1px 1px #444;
}

#categorylist a:hover {
	color: #ffdd82;
}

#categorylist li .thumb {
	width: 100%;
	display: block;
}

.subtitle {
	font-family: 'trajanreg', serif;
}


#categorylist li  h3 {
	font-family: 'trajanbold', serif;
}


#categorylist li .blank {
	display: block;
	height: 1px;
	padding-top:40%;
}

#categorytextlist li a {
	display: block !important;
	text-align:left !important;
	padding:0 0 10px 0 !important;
	font-family: Arial, sans-serif !important;
}

.categorybreadcrumbs {
	margin: 10px 0 15px 0;
	border-bottom: 2px solid #c2b59b;
	line-height: 1.5em;
	font-family: 'trajanreg', serif;
	padding: 0 0 5px 0;
}

.categorybreadcrumbs h3 {
	margin: 0;
	padding: 0;
}

.productbreadcrumbs  {
	margin: 0;
	padding: 0;
}

.line-through {
	text-decoration: line-through;
	color: #094521;
}

.availablevouchers {
	margin: 0;
	padding: 0;
}

.availablevouchers ul li {
	font-size: 15px;
	margin: 0;
	background: #334047;
	color: white;
	padding: 15px 10px;
	border-bottom: 1px solid #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.availablevouchers ul li .icomoon {
	color: #c2b59b;
}

.availablevouchers ul li:first-child {
	margin-top: 0;
}

.availablevouchers ul li:last-child {
	margin-bottom: 0;
}

/* ----- microbasket ----- */
.microsummary {
	margin: 10px 0 0 0;
}

#microbasket {
	margin: 0;
	padding: 10px;
	background: #c9c9c9;
}

#microbasket p {
	padding: 10px 2px;
}

#microbasket>h2, .accountregister h2{
	color: #094521;
	font-size: 18px;
	padding: 0;
	margin: 0;
	font-family: 'trajanbold', serif;
}

#microbasket .top {
	padding: 10px 2px;
	margin: 0;
	overflow: auto;
}

#microbasket .top h4 {
	margin: 0;
	font-size: 14px;
	clear: both;
}

#microbasket .top h4 .sfc, #microbasket .total .sfc {
	color: #094521;
	font-family: 'trajanbold', serif;
}

#microbasket .subtotal {
	border-top: 1px solid white;
	border-bottom: 1px solid #d4d4d4;
	padding: 15px;
	margin: 0;
	overflow: auto;
	text-shadow: 0 1px 0 white;
	background: #edeae2;
}

#microbasket .subtotal h4 {
	color: #7f7a6b;
	margin: 0;
}

#microbasket .subtotal h4 .sfc {
	color: #3e3d3a;
}

#microbasket .shipping h4 {
	font-size: 0.850em;
	margin: 0;
}

#microbasket .prices {
	display: none;
}

#microbasket .total {
	border-top: 1px solid white;
	border-bottom: 1px solid #e9e7e3;
	text-shadow: 0 1px 0 white;
	margin: 0;
	padding: 15px;
	background: #edeae2;
	display: block;
	overflow: auto;
}

#microbasket .total h2 {
	margin: 0;
}

#microbasket .end {
	overflow: auto;
	padding: 10px 0 5px 0;
}

#microbasket .end .totalprice {
	color: #094521;
	font-size: 1.25em;
	text-shadow: none;
	font-family: 'trajanbold', serif;
}

#microbasket .end .pbc {
	background: #094521;
	color: #ffdd82;
	font-size: 0.825em;
	font-family: 'trajanbold', serif;
}

#microbasket .end .pbc:hover {
	color: white;
}

.microbasket {
	background: white;
	margin: 0;
	padding: 0;
}

.microbasket>h2 {
	border-bottom: 1px solid #d1d1d1;
	color: #3e3d3a;
	text-shadow: 0 1px 0 white;
	padding: 0 0 15px 0;
	margin: 0;
}

#microbasketitems .basketitem {
	background: white;
	color: #3e3d3a;
	text-shadow: 0 1px 0 white;
	margin: 0;
	padding: 10px 2px;
}

#microbasketitems .basketitem .right {
	color: #722018;
	text-shadow: 0 1px 0 white;
}

#microbasketitems .basketitem .forminput {
	border-bottom: 1px solid #094521;
	color: #094521;
	text-shadow: 0 1px 0 white;
}

#microbasketitems .basketitem .basketmessage {
	background: white;
	padding: 10px;
	border: 1px dashed #e1ded5;
}

#microbasketitems .basketitem .basketmessage p {
	margin: 0;
}

#microbasketitems .basketitem h3 {
	font-size: 0.875em;
}

#microbasketitems .shipping {
	color: #c47119;
	margin: 0;
	padding: 5px 2px;
	display: block;
}

#microbasketitems .smallnote {
	font-size: 0.750em;
	color: #c47119;
	margin: 0;
}

#microbasketitems .total {
	border-top: 1px solid white;
	text-shadow: 0 1px 0 white;
	margin: 0;
	padding: 10px 2px;
	display: block;
	overflow: auto;
}

#microbasketitems .total h2 {
	margin: 0;
	font-size: 1.125em;
}

#microbasketitems .end {
}

#microbasketitems .end .pbc {
	background: #094521;
	color: #ffdd82;
	margin: 0;
	font-size: 1em;
}

#microbasketitems .end .pbc:hover {
	color: white;
}

#microbasketitems .empty {
	margin: 0;
	padding: 10px 0;
}

/* ----- grid ----- */
#grid li {
	background: ;
}

#grid h2 {
	background: ;
	color: ;
}

#grid li ul li {
	border-bottom: 0;
	font-size: 0.815em;
}

/* ---- home slider ----- */
.homeslider {
	margin: 0;
}

.homeslider img {
	width: 100%;
}

.homeslider .banner {
	position: relative;
	overflow: auto;
}

.homeslider .banner li {
	list-style: none;
}

.homeslider .banner ul li {
	float: left;
}

.homeslider .slider-shadow {
	background: url('slider-shadow.png') no-repeat transparent;
	max-width: 703px;
	width: 100%;
	height: 20px;
	display: inline-block;
	margin: -4px 0 0 0;
}

/* ----- search box ----- */
.searchbox {
	padding: 10px;
	margin: 10px 0;
	position: relative;
	background: #c9c9c9;
}

.searchbox .forminput-alt {
	width: 85%;
	float: left;
	padding: 0;
	margin: 0;
}

.searchbox .search {
	width: 15%;
	float: right;
	text-align: right;
	color: #3e3d3a;
	cursor: pointer;
}

.searchbox .search:hover {
	color: #766b4e;
}

.searchbox .searchbutton {
	float: right;
	cursor: pointer;
}

.searchbox .searchbutton a {
	color: #094521;
}

.searchbox .searchbutton a:hover {
	color: #344148;
}



/*----- your details ----- */
#yourdetails {
	margin: 0;
}

#yourdetails h2 {
	border-bottom: 2px solid #c2b59b;
	color: #094521;
	font-family: 'trajanreg', Georgia, serif;
	margin-top: 0;
	font-weight: normal;
	line-height: 1.5em;
	font-size: 1.4em;
}

#terms {
	font-size: 13px;
}

#yourdetails #userdetails, #yourdetails #shippingaddress, #terms, #giftaid, #thankyou, #communi {
	margin: 0;
	padding: 15px 0;
}

#passwordinfo {
	margin: 15px 0 0 0;
}

#passwordinfo .holder {
	padding: 15px 0;
}

#yourdetails .bottom {
	padding: 10px 0;
}

#yourdetails .bottom .pbc, #yourdetails .bottom .sbc {
	color: #ffdd82;
	font-size: 1.125em;
}

#yourdetails .bottom .pbc:hover, #yourdetails .bottom .sbc:hover {
	color: white;
}

/* ----- ui ----- */
.ui-widget-header {
	background: white;
	border: none;
	font-weight: normal;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	padding: 15px;
	background: #c9c9c9;
	margin: 0;
	color: #094521;
	outline: none;
}

.ui-tabs .ui-tabs-nav li a {
	padding: 10px 15px;
}

.ui-tabs .ui-tabs-panel {
	margin: -1px 0 0 0;
	border: 1px solid #d1d1d1;
	padding: 15px;
}

#descriptiontabs .ui-state-default, #descriptiontabs .ui-widget-content .ui-state-default, #descriptiontabs .ui-widget-header .ui-state-default {
	background: white;
	border: 1px solid #d1d1d1;
}

#descriptiontabs .ui-state-default a, #descriptiontabs .ui-widget-content .ui-state-default a, #descriptiontabs .ui-widget-header .ui-state-default a {
	color: #a0a0a0;
	text-shadow: none;
	padding: 7px 10px;
	font-size: 13px;
	font-family: 'trajanreg', serif;
}

#descriptiontabs .ui-state-default a:hover, #descriptiontabs .ui-widget-content .ui-state-default a:hover, #descriptiontabs .ui-widget-header .ui-state-default a:hover {
	color: #094521;
	text-shadow: none;
}

#descriptiontabs .ui-state-active, #descriptiontabs .ui-widget-content .ui-state-active, #descriptiontabs .ui-widget-header .ui-state-active {
	background: white;
	color: #094521 !important;
	border-left: 1px solid #d1d1d1;
	border-top: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid white;
}

#descriptiontabs .ui-state-active a, #descriptiontabs .ui-widget-content .ui-state-active a, #descriptiontabs .ui-widget-header .ui-state-active a {
	color: #3e3d3a !important;
	text-shadow: none;
	padding: 7px 10px;
	font-size: 14px;
}

#userorders .ui-state-default, #userorders .ui-widget-content .ui-state-default, #userorders .ui-widget-header .ui-state-default {
	border-top:1px solid white;
	font-family: 'trajanbold', serif;
}

.ui-accordion .ui-accordion-content {
	padding: 15px 0;
	background: white;
}

.ui-accordion .ui-accordion-content .iteminfo {
	background: white;
	margin: 10px 0;
	padding: 15px;
	font-size: 0.750em;
	border: 1px dashed #e9e7e3;
}

#userorders {
	margin: 10px 0 15px 0;
}

#userorders .item p {
	border-bottom: none;
	color: #344148;
}

#userorders .item h3 {
	font-size: 16px;
}

#userorders .row span, #userorders .item span {
	font-family: 'trajanreg', serif;
	color: #d7200f;
}


.ui-slider *{ border:none !important }

.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
	background: #bcbcbc;
	color: #094521;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-state-active:hover, .ui-widget-content .ui-state-active:hover, .ui-widget-header .ui-state-active:hover {
	background: #094521;
	font-family: 'trajanbold' serif;
	color: white;
	border-bottom: 1px solid #e9e7e3;
	text-shadow: 0 1px 0 black !important;
}

.ui-accordion .ui-accordion-content .pbc {
	color: #ffdd82;
	font-family: 'trajanbold', serif;
}

.ui-accordion .ui-accordion-content .pbc:hover {
	color: white;
}

.ui-accordion .ui-accordion-content .pbc .icomoon {
	vertical-align: top;
}

.ui-widget {
}

.ui-dialog {
	padding: 0;
}

.ui-widget-content a {
	color: #094521;
}

#shareandsavedescriptionpopup h2, #shareandsavedescriptionpopup p {
	font-size: 13px;
}

#shareandsavedescriptionpopup #twfollow h2, #shareandsavedescriptionpopup #twpost h2, #shareandsavedescriptionpopup #fbfollow h2, #shareandsavedescriptionpopup #fbpost h2 {
	font-family: 'trajanreg';
	font-size: 1em;
	margin: 15px 0 2px 0;
}

#shareandsavedescriptionpopup #twpost {
	margin: 0 0 25px 0;
}

.ui-dialog .ui-dialog-title {
	font-family: 'trajanbold', serif;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {
	padding: 0;
	background: #f6f4ee;
	color: white;
	height: 15px;
}

.ui-dialog .ui-dialog-titlebar {
	padding: 10px;
	background: #f6f4ee;
	color: #094521;
	border-bottom: 1px solid #d1d1d1;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
	background: #094521;
	color: #ffdd82;
	text-shadow: 0 1px 0 black;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only:hover {
	color: white;
}

.ui-widget input, .ui-widget select, .ui-widget textarea {
	font-family: 'Georgia', serif;
	color: #3e3d3a;
	font-size: 0.85em;
	border: none;
}

.ui-widget button {
	font-family: 'Georgia', serif;
	color: #ffdd82;
	font-size: 0.85em;
	border: none;
}

#enquirydialog #design img {
	background: #3e3d3a;
}

#enquirydialog .materialoptions h3 {
	float: left;
}

#enquirydialog .materialoptions label {
	float: left;
	font-size: 15px;
	margin: 5px 16px 6px 5px;
}

#enquirydialog .materialoptions label .check {
	float: left;
	width: 25px;
}

#enquirydialog #design {
	background: #3e3d3a;
	padding: 15px;
	color: #f6f4ee;
}

#enquirydialog {
	padding: 0 !important;
}

#enquirydialog #bespokeenquiryform {
	padding: 0 0 15px 15px;
}

#bespokeenquiryform  .forminput{
	border: 1px dashed #e9e7e3;
}

#bespokeenquiryform  .checkboxlabel{
	margin: 0 0 5px 0;
	font-size: 0.813em;
}

.socialmediabuttons{
	color:white;
	width:49%;
	margin:0;
}

.socialmediabuttons p{
	margin:0;
}

.socialmediabuttons span{
	font-size:2em;
}


/* ----- other ----- */
.feedback-body textarea {
	margin-top: 9px;
	width: 100%;
}

.mobileclose {
	display: none;
}

.formresult {
	margin: 0;
	padding: 15px;
	font-style: italic;
}

.red, .bad {
	color: #843e2e;
	background: #fac3bd;
	border-radius: 0px;
	border-bottom: 1px solid #be6b58;
}

.inputerror, .errormessage {
	text-align: left;
	font-size: 0.83em;
	font-style: italic;
	float: none;
	background: #fac3bd;
	padding: 15px;
	color: #843e2e;
	margin: 10px 0 0 0;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}


.inputerror {
	margin-top: 0px;
	padding: 4px;
	color: #843e2e;
	margin: 0 0 0 0;
}

.message {
	background: #fce4a1;
	color: #c47119;
	padding: 15px;
	margin:0 0 10px 0;
}

.addedtocart {
	margin: 0 !important;
	background: #fce4a1;
	color: #c47119;
	font-family: 'trajanreg', serif;
	text-align: center;
}

.addedtocart a {
	color: #3e3d3a;
}

.addedtocart a:hover {
	color: #094521;
}

.red, .bad {
	color: #f5f5f5;
	background: #a41f05;
	border-radius: 0px;
}

/* ----- tables ----- */
#chart{
	padding:0 0 20px 0;
}

#chart svg{
	height:600px;
	margin-bottom:20px;
}

.pinned{
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	width: 200px;
	z-index:2;
}

.scrollable{
	overflow: hidden;
	position:relative;
	margin-left:206px;
}

.scrollable table{
}

.tableholder{
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
	border-right: 1px solid #ccc;
}

th{
    border: 1px solid #aaa;
	width: 200px;
	padding:3px;
}

td{
    border: 1px solid #aaa;
    width: 60px;
	padding:3px;
}

tr:nth-of-type(odd) {
	background: white;
}

tr:nth-of-type(even) {
	background: #f8f7f7;
}

/*----------------- Designer ------------*/

.progress{
	height: 5px;
	background: blue;
	width: 2%;
}

#designercanvas{
	margin: 0;
	border: 1px solid #dedcd4;
	padding:15px;
	color:white;
	width:50%;
	position:relative;
}

#loading{
	position: absolute;
	text-align: center;
	top: 15px;
	height: 100%;
	width: 445px;
	height: 518px;
	background: whitesmoke;
	padding: 30%;
	opacity: 0.9;
	color: #444;
	display:none;
}

#designeroptions{
	width:50%;
	margin: 0;
}

#product-designer .cols{
	margin: 0;
}

#designeroptions .presets {
	padding: 0 15px;
	margin: 0 0 25px 0;
}

#designeroptions .blockoptions {
	padding: 0 15px;
	min-height:190px;
}


#designeroptions .presets div:hover , #designeroptions .presets div.active {
	background-position: center -10px !important;
	font-weight:bold;
}


#designeroptions .presets div {
	float: left;
	height: 180px;
	width: 150px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-size: 16px;
	color: #344148;
	text-shadow: 0 1px 0 white;
	transition:.5s;
	background: no-repeat center -30px;
	padding-top: 150px;
	text-align: center;
	font-family: 'trajanreg',serif;
}

#designeroptions .presets .tiepreset {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	text-align: center;
	width: 100%;
}

#designeroptions #plaindesign, #designeroptions #stripedesign, #designeroptions #spotsdesign {
	padding: 0 15px;
}

#designeroptions .leftside {
	margin: -15px 0 0 0;
}

.leftside {
	float: left;
}

.rightside {
	width: 80%;
	float: right;
	margin: 15px 0 0 0;
}

.rightside h3 {
	font-size: 12px;
	color: #344148;
	text-shadow: 0 1px 0 white;
	margin: 8px 0 0 10px;
}

.rightside .sliderlabel {
	font-size: 13px;
}

.rightside .half .left {
	position: relative;
}

.rightside .half .left .vertborder {
	position: absolute;
	background: #cfcbc0;
	width: 1px;
	height: 36px;
	left: 17px;
	top: 35px;
}

.rightside .half .left .hozborder {
	position: absolute;
	background: #cfcbc0;
	width: 20px;
	height: 1px;
	left: 17px;
	top: 71px;
}

#usestripe3, #usestripe4, #usestripe5, #usestripe6 {
	position: absolute;
	left: -20px;
	top: 0;
}

.rightside .half .push {
	margin-left: 46px;
	margin-top: 15px;
}

.rightside .half {
	margin: 0 0 30px 0;
}

.rightside .anglehalf {
	width: 49%;
	margin: 0 0 30px 0;
}

.rightside  .anglehalf.left {
	margin-right: 3%;
	width: 47%;
}

.textbutton {
	background: #c9c9c9;
	color: #094521;
	font-size: 15px;
	font-family: 'Georgia', serif;
	-webkit-appearance: none;
	border-radius: 0;
	margin-top: 2px;
}

.textbutton:hover {
	background: #bebebe;
	color: #344148;
	-webkit-appearance: none;
	border-radius: 0;
}

#texttoadd, #export {
	-webkit-appearance: none;
	border-radius: 0;
}

.stripecheck {
	border-radius: 0;
}

.boldbutton {
	background: #c9c9c9;
	color: #094521;
	font-size: 15px;
	font-family: 'Georgia', serif;
	font-weight: bold;
	padding: 15px;
	float: left;
	width: 47px;
	text-align: center;
	margin-right: 2px;
	margin-top: 2px;
}

input.text_bold[type=checkbox]:checked ~ .boldbutton, .boldbutton:hover, input.text_italic[type=checkbox]:checked ~ .italicbutton, .italicbutton:hover, input.text_stroke[type=checkbox]:checked ~ .strokebutton, .strokebutton:hover {
	background: #bebebe;
	color: #344148;
}

#textlist {
	clear: both;
	margin: 15px 0;
}

#userimageslist {
	clear: both;
	margin: 0 15px 15px 15px;
}

#textlist li, #userimageslist li {
	background: white;
	color: #094521;
	border: 1px dashed #e9e7e3;
	padding: 15px;
	margin: 1px 0;
}

#textlist li .delete, #userimageslist li .delete {
	font-size: 10px;
	padding: 6px 6px 4px 6px;
	vertical-align: middle;
	cursor: pointer;
	color: white;
	background: #841c07;
}

#textlist li .delete:hover, #userimageslist li .delete:hover {
	background: white;
	color: #841c07;
}

#textlist li .deletetext.right.red, #userimageslist li .deletetext.right.red {
	font-size: 10px;
	padding: 5px 0;
	background: none;
	background: ;
	border: none;
	color: #a31f04;
	cursor: pointer;
}

#textlist li .deletetext.right.red:hover, #userimageslist li .deletetext.right.red:hover {
	color: #841c07;
}

#images_con, #usergallery {
	padding: 15px;
	position: relative;
}

#images_con h3, #usergallery h3 {
	font-size: 14px;
}

#images_con .gallery_link {
	display: inline-block;
	margin-right: 15px;
}

#usergallery li{
	display: inline-block;
	margin-right: 5px;
}

.fontbutton {
	background: #c9c9c9;
	color: #094521;
	font-size: 15px;
	font-family: 'Georgia', serif;
	font-style: italic;
	padding: 1px 0;
	float: left;
	width: 91px;
	text-align: center;
	margin-right: 2px;
	margin-top: 2px;
}

.fontbutton .selectboxit-container {
	margin: 0;
}

#designeroptions #textlist li.active, #designeroptions #userimageslist li.active {
	background: #ECEBEB;
	color: #094521;
	border: 1px dashed #e9e7e3;
}

.fontbutton .selectboxit-btn.selectboxit-enabled:hover, .fontbutton .selectboxit-btn.selectboxit-enabled:focus, .fontbutton .selectboxit-btn.selectboxit-enabled:active {
	background: white;
	color: #3e3d3a !important;
	border: 0;
}

.fontbutton .selectboxit-container span, .fontbutton .selectboxit-container .selectboxit-options a {
	color: #094521;
}

.fontbutton .selectboxit-container .selectboxit-options a:hover, .fontbutton .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
	color: white !important;
}

#exportnow {
	cursor: pointer;
	color: #bc9325;
	text-shadow: 0 1px 0 white;
	margin: 0 0 5px 0;
	font-size: 15px;
}

#exportnow:hover {
	color: #3e3d3a;
}

#export {
	width: 100%;
	margin: 0;
}

.imgupload {
	padding: 0 15px;
	margin: 0 0 15px 0;
}

.pretext {
	color: #094521;
	font-size: 16px;
	line-height: 20px;
	margin: 15px 0 0 0;
}

.pretext p {
	margin: 0 0 7px 0;
}

.steps {
	font-family: 'trajanreg', serif;
}

.steppoint {
	font-style: italic;
}

#purchase_con {
	margin: 15px 0 0 0;
}

#purchase_con h4.price {
	font-size: 28px;
	color: white;
	float: left;
	width: 40%;
}

#purchase_con .quantity {
	float: left;
	width: 25%;
	margin: 10px 0 0 0;
}

#purchase_con .quantity p {
	margin: 0;
	color: #c6c3bb;
}

#purchase_con .quantity input {
	background: none;
	padding: 0 3px 3px;
	margin: 0 0 0 5px;
	float: left;
	border-bottom: 1px solid white;
	color: white;
	font-size: 13px;
	width: 30px;
}

#purchase_con .addtocart {
	float: right;
	width: 25%;
	border: none;
	background: #f6f4ee;
	color: #094521;
	font-size: 15px;
	padding: 13px 15px;
	text-shadow: none;
}

#purchase_con .addtocart:hover {
	background: #c6c3bb;
	color: #3e3d3a;
}

#images_con input {
	padding: 0;
	font-family: 'Georgia', serif;
	font-size: 13px;
	text-shadow: 0 1px 0 white;
	color: #3e3d3a;
}

.italicbutton {
	background: #c9c9c9;
	color: #344148;
	font-size: 15px;
	font-family: 'Georgia', serif;
	font-style: italic;
	padding: 15px;
	float: left;
	width: 47px;
	text-align: center;
	margin-right: 2px;
	margin-top: 2px;
}

.strokebutton {
	background: #c9c9c9;
	color: #344148;
	font-size: 15px;
	font-family: 'Georgia', serif;
	padding: 15px;
	float: left;
	width: 47px;
	text-align: center;
	margin-right: 2px;
	margin-top: 2px;
	text-decoration: line-through;
}

.textedit .sp-replacer {
	background: #c9c9c9 !important;
	padding: 10px !important;
	margin-right: 2px;
	margin-top: 2px;
}

.textedit .sp-preview {
	height: 27px !important;
	width: 27px !important;
}

#texttoadd {
	width: 100%;
	color: #98968f;
	font-size: 15px;
	padding: 15px;
	font-family: 'Georgia', serif;
	margin: 0 0 -4px 0;
	border: 1px dashed #e9e7e3;
}

.text_bold, .text_italic, .text_stroke {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

h3.divided {
	border-bottom: 1px solid #dedcd4;
	font-size: 18px;
	font-family: 'trajanreg', serif;
}

h3.divided .icomoon {
	color: #dedcd3;
	text-shadow: 0 1px 0 white;
}

.sp-preview {
	width: 23px !important;
	height: 23px !important;
	border: none !important;
	margin-right: 0 !important;
}

.sp-dd {
	display: none;
}

.sp-replacer {
	padding: 6px !important;
	border: none !important;
	float: left;
	background: #c9c9c9 !important;
}

#designeroptions h2 {
	padding: 0 15px;
	font-family: 'trajanreg', serif;
	color: #094521;
}

#designeroptions .ui-slider-handle.ui-state-default.ui-corner-all {
	padding: 7px;
	border-radius: 30px;
	background: #3e3d3a;
	cursor: pointer;
	margin: 1px 0 0 -9px;
	width: 14px;
}

#designeroptions .ui-slider-handle.ui-state-default.ui-corner-all:after {
	content: '';
	position: absolute;
	background: white;
	border-radius: 5px;
	height: 6px;
	width: 6px;
	bottom: 4px;
	left: 4px;
}

#designeroptions .sliders {
	background: #e1ded5;
	height: 5px;
	border-radius: 3px;
	border-bottom: 1px solid white;
	margin: 0;
	display: inline-block;
	width: 100%;
}

#designeroptions  .ui-slider-horizontal .ui-slider-range {
	background: #3e3d3a;
	border-radius: 3px;
}

.canvas-container {
	width: 100% !important;
}

#c, .upper-canvas {
	width: 100% !important;
	height: auto !important;
}

.freedeliv {
	background: #094521;
	margin: 0;
	position: relative;
	width: 100%;
	text-align: center;
	padding: 15px 18px;
}

.freedeliv h2 {
	margin: 0;
	color: white;
	font-family: 'trajanreg';
	font-size: 1.5em;
	border-bottom: 2px solid #c2b59b;
	padding: 0 0 5px 0;
}

.freedeliv p {
	margin: 0;
	color: white;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 5px 0 0 0;
}

.shareandsaveoptions h3 {
	color: #094521;
	font-family: 'trajanreg';
}

.shareandsaveoptions .sharelink {
	color: #3e3d3a;
}

.shareandsaveoptions .sharelink .discounted {
	color: #d7200f;
}

.baskethelper {
	font-family: 'Arial', Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	color: #d7200f;
}

.shareandsaveoptions .sharelink .icomoon {
}

.shareandsaveoptions .sharelink .saschange {
	cursor: pointer;
}

.pointer {
	cursor: pointer;
}

/**** welcome *************/

.tdwelcome  .col_quarter{
	width:22.5%;
	color:white !important;
}

#topstyle{
	background-repeat:no-repeat;
	width:100%;
	padding:25px;
}

#pich1{
	font-family: Arial, sans-serif;
	margin:60px 0 10px 0px;
	font-size:46px;
	text-decoration:none;
	border:none;
	font-weight:normal;
}

span.bold{
	font-weight:bold;
}

#pich2{
	font-family: Arial, sans-serif;
	margin:10px 0 140px 0px;
	font-size:24px;
	text-decoration:none;
	border:none;
	font-weight:normal;
}



.extras{
	height:300px;
	padding:15px;
	position:relative;
}

.extras p{
	color: #898989;
	margin: 10px 0 10px 0;
	width: 270px;
	font-size: 18px;
}
.extras h2{
	color:#0A3A13;
	margin:20px 0 10px 0;
	font-size: 25px;
}

.extras a{
	color:#0A3A13;
	margin:20px 0 10px 0;
	font-size: 18px;
	position:absolute;
	bottom:10px;
	right:10px;
	padding-right:30px;
}

/*
.extras a::after{
	content:'â–º';
	background:#0A3A13;
	opacity:0.9;
	border-radius:15px;
	width:25px;
	line-height:9px;
	height:25px;
	display:block;
	color:#FFF;
	position:absolute;
	right:0;
	top: 0;
	padding: 8px 6px;
}
*/

.process{
	height:210px;
	margin-bottom:20px;
	padding:7px !important;
	position:relative;
}

.process h3{
	margin:8px 0 20px 0;
	font-size:20px;
}

.process img{
	position:absolute;
	top:5px;
	right:5px;
}

.process img.fill{
	background:white;
}

#tdtopblock{
	margin-bottom:20px;
}

#tdtopblock p{
	font-size: 0.95em;
}

#needhelp{
	color:#4f4e4e;
	background:#e8e5e5;
	padding:10px 16px;
	width:100%;
	display:block;
	text-align:left;
	position:relative;
	margin-bottom:8px;
}

#needhelp p{
	margin-bottom:0;
	font-size:11px;
}

#needhelp h2{
	color:#0A3A13;
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
}

#designyourtie{
	color:#FFF;
	background:#0A3A13;
	padding:16px;
	width:100%;
	display:block;
	text-align:left;
	position:relative;
	margin-bottom:8px;
}

#designyourtie::after{
	content:'â–º';
	background:#FFFFFF;
	opacity:0.8;
	border-radius:15px;
	width:25px;
	line-height:9px;
	height:25px;
	display:block;
	color:#0A3A13;
	position:absolute;
	right:10px;
	top: 13px;
	padding: 8px 6px;
	font-weight:bold;
}

.needhelpcontact{
	color:#FFF;
	background:#4f4e4e;
	padding:10px 16px;
	width:100%;
	display:block;
	text-align:left;
	position:relative;
	margin-bottom:8px;
}

.needhelpcontact a{
	color:#FFF;
}

/*
.needhelpcontact::after{
	content:'â–º';
	background:#FFFFFF;
	opacity:0.8;
	border-radius:15px;
	width:25px;
	line-height:9px;
	height:25px;
	display:block;
	color:#0A3A13;
	position:absolute;
	right:10px;
	top: 7px;
	padding: 8px 6px;
	font-weight:bold;
}
*/

/* ----- Styles ----- */
/*[*/
.attention {
	background:#d0d0d0;
	padding: 5px;

}

.attention p {
	color: #094521;
	border:none;
}

.attention h1 strong{
text-transform:capitalize;
	border-bottom: none;
	color: #094521;
	font-family: 'trajanreg',Georgia,serif;
	font-weight: normal;
	line-height: 1.5em;
	font-size: 1.4em;
}

.attention .timing {
}

.attention p {
}
/*]*/



/* ========================= */
/* ========================= */
/*
*       MOBILE QUERIES
*/
/* ========================= */
/* ========================= */
/* ----------- 1140px ------------ */
@media only screen and (min-width: 1140px) {
}
/* --------- end 1140px ---------- */


/* ----------- 1024px ------------ */
@media only screen and (max-width: 1024px) {
}
/* --------- end 1024px ---------- */


/* ------ ipad (landscape) ------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
}
/* ------------- end ------------- */


/* ------- ipad (portrait) ------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

	.productfilters .head .right {
		float: left;
	}

	#categorylist li {
		width: 30%;
	}

	#microbasketitems .end .right, #loginbox .end .right {
		margin: 10px 0 0 0;
		float: left;
	}

	#cart_progressbar a {
		padding: 19px 12px;
	}

}
/* ------------- end ------------- */


/* ------------ 980px ------------ */
@media only screen and (max-width: 980px) {

	header .right img {
		width: 330px;
	}

}
/* ---------- end 980px ---------- */


/* ------------ 800px ------------ */
@media only screen and (max-width: 800px) {

	header>.right {
		width: 45%;
		margin: 20px 15px 0 0;
	}


	nav ul>li a, nav ul>li p {
		font-size: 12px;
		padding: 1.315em 1em;
	}

	nav ul ul li a, nav ul ul li p {
		font-size: 12px;
		padding: 0.6em 0.6em;
	}

	.slidercontainer {
		width: 100%;
	}

	.product .productinfo {
		float: none;
		width: 100%;
	}

	.rightside {
		width: 70%;
	}

	.rightside li.half, .rightside .anglehalf.left, .rightside .anglehalf {
		width: 100%;
		margin-right: 0;
	}

	header .right img {
		width: 250px;
	}

}
/* ---------- end 800px ---------- */


/* ------------ 720px ------------ */
@media only screen and (max-width: 720px) {



	.thumbcta h3 {
		font-size: 0.750em;
	}

	.gridorlist {
		display: none;
	}

}
/* ---------- end 720px ---------- */


/* ------------ 640px ------------ */
@media only screen and (max-width: 640px) {

	#dotty{
		display:none  !important;
	}
	
	.headerright{
		width:100% !important;
	}
	
	.phoneheader{
		text-align:center;
	}

	.phoneheader .phoneicon{
		display:none;
	}
	
	.cols {
		width: 100% !important;
	}

	.thumbcta {
		float: left;
		width: 49%;
	}


	.designyourtie, .engravedcufflinks, .giftvouchers, .tiesandhank, .mod_buttons {
		float: left;
		width:48%;
		margin:1%;
	}


	header #header_logo {
		background-size: 180px 46px;
		width: 180px;
		height: 46px;
	}

	nav ul>li a, nav ul>li p {
		padding: 1.315em 0.813em;
	}

	.thumbcta h3 {
		font-size: 1em;
	}

	header .right img {
		width: 180px;
	}

	#cart_progressbar a {
		padding: 20px 10px 20px 0;
	}

	#cart_progressbar span {
		font-size: 12px;
	}

}
/* ---------- end 640px ---------- */


/* ------------ 480px ------------ */
@media
	only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width: 760px),
 	only screen and (min--moz-device-pixel-ratio: 1.5) and (max-device-width: 760px),
	only screen and (min-device-pixel-ratio: 1.5) and (max-device-width: 760px),
	only screen and (max-width: 480px) {
	
		#dotty{
		display:none  !important;
	}
	
	.headerright{
		width:100% !important;
	}
	
	.phoneheader{
		text-align:center;
	}

	.phoneheader div, .phoneheader img{
		width: 100% !important;
		float:none !important;
	}

	.phoneheader .phoneicon{
		display:none;
	}


	header #header_logo {
		background-size: 200px 56px;
		width: 200px;
		height: 56px;
		margin: 30px 0 20px 0;
	}

	#cart_progressbar a {
		padding: 10px 7px 10px 0;
	}


	header>.right {
		margin: 0 0 30px 0;
		text-align: center;
		width: 100%;
	}

	header .right h2 {
		display: none;
	}

	header .right img {
		width: 240px;
	}

	header .right .head_info {
		margin: 10px 0 0 0;
	}

	#mobilenav {
		background: #042e15;
	}

	.mobilegrowbtn {
		color: #ffdd82;
		font-family: 'Georgia' serif;
		text-shadow: 0 1px 0 black;
	}

	.mobilegrowbtn .right {
		font-size: 1em;
		color: white;
		margin: 0;
	}
	
	.mobilegrowbtn .icomoon {
		font-size: 1.188em !important;
		margin-right: 6px !important;
		color: white;
		font-family: 'icomoon';
	}

	nav .mobileclose{
		background: #042e15;
	}

	nav ul ul li a, nav ul ul li p {
		color: #ffdd82;
		font-size: 12px;
		text-shadow: 0 1px 0 black;
	}

	nav ul ul li a:hover, nav ul ul li p:hover {
		color: white;
	}

	nav ul ul li a:before, nav ul ul li p:before {
		content: '';
		position: absolute;
		left: 0;
		top: 14px;
		width: 4px;
		height: 1px;
		background: #36744f;
	}

	.searchbox {
		background: white;
		margin: 0;
		padding: 25px 15px 5px 15px;
	}

	#sort-by {
		background: none;
		padding: 0;
		margin: 0;
	}

	#sort-by .left {
		padding: 15px 0 5px 0;
		width: auto;
	}

	#sort-by .left .right {
		width: auto;
	}

	#sort-by .right {
		padding: 0 0 15px 0;
		width: 100%;
	}

	#productlist.aslist li a .thumb {
		width: 34%;
	}

	#categorylist {
		margin: 0;
	}


	#categorylist li {
		width: 48%;
		margin:5px 1%;
	}

	.product .productinfo h2.totalprice, .product .end .pbc {
		font-size: 1em;
	}

	.product .contain {
		margin: 0 0 15px 0;
	}

	.productfilters .section #slider-range {
		height: 12px;
	}

	#shoppingbasket .itemmessage {
		font-size: 0.875em;
	}

	#yourdetails, #thankyou {
		margin: 0 0 15px 0;
	}

	.cart_item .info>h2 {
		width: 83%;
		margin: 0;
	}

	.cart_item .info .bottom {
		font-size: 0.750em;
	}

	.totals h2.left {
		margin: 0 0 10px 0;
	}

	.totals h2.right {
		float: left;
	}

	.feedback-modal {
		width: 90%;
		margin-left: -45%;
		top: 90%;
	}

	.feedback-animate-toside {
		margin-left: -90%;
	}

	.Featured .feature img, .Sale .onsale img {
		width: 40px;
		background-size: 40px 40px;
	}

	.additional .holder .pad label {
		width: 68%;
	}

}
/* ---------- end 480px ---------- */


/* ------------ retina ------------ */
@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
}
/* ---------- end retina ---------- */


/* ------------ 320px ------------ */
@media
	only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-device-width: 760px),
 	only screen and (min--moz-device-pixel-ratio: 1.5) and (max-device-width: 760px),
	only screen and (min-device-pixel-ratio: 1.5) and (max-device-width: 760px),
	only screen and (max-width: 480px) {


	#productlist li.productitem {
		width: 47%;
		height: auto;
		text-align: left;
	}

	.thumbcta {
		float: none;
		width: 100%;
	}

	.designyourtie, .giftvouchers {
		margin-right: 3%;
		margin-bottom: 0;
	}

	.engravedcufflinks, .handkerchief {
		margin-right: 0;
	}

	.giftvouchers, .tiesandhank {
		margin-top: 4px;
	}

	.freedeliv {
		background: #094521;
		margin: 0;
		position: relative;
		width: 100%;
		text-align: center;
		padding: 15px 50px;
	}

	.tiedesigner, .engraved, .giftvoucherscta, .handkerchief, .mod_buttons {
		width: 145px;
		height: 76px;
		background-size: 145px;
	}

	.tiedesigner:hover, .engraved:hover, .giftvoucherscta:hover, .handkerchief:hover {
		background-position: 0 -76px;
	}

	#descriptiontabs .ui-state-default a, #descriptiontabs .ui-widget-content .ui-state-default a, #descriptiontabs .ui-widget-header .ui-state-default a, #descriptiontabs .ui-state-active a, #descriptiontabs .ui-widget-content .ui-state-active a, #descriptiontabs .ui-widget-header .ui-state-active a {
		font-size: 13px;
		padding: 7px 10px;
	}

	.product .end .totalprice {
		width: 100%;
	}

	.product .quantity {
		margin: 12px 0;
		padding: 0;
		float: left;
	}

	.product .end .pbc {
		font-size: 0.8em;
		margin: 0 0 15px 0;
	}

	#designeroptions .presets div {
		width: 85px;
	}

	.canvas-container {
		height: 310px !important;
	}

	#productthumbnails {
		margin: 0 0 15px 0;
	}

	.engraving .engravingfontpopup {
		float: left;
		margin: 0 0 10px 0;
	}

	.engraving .holder {
		width: 100%;
	}

	.half {
		width: 100%;
	}

	.additional .holder .pad label {
		width: 70%;
	}

	.cart_item .info>h2 {
		font-size: 14px;
	}

	.cart_item .info {
		height: 130px;
	}

	.cart_item .info .bottom h2.total {
		width: 100%;
		float: left;
		margin: 10px 0;
	}

	.full {
		width: 300px !important;
	}

	.cart_item .custom ul li {
		font-size: 0.7em;
	}

	.sharelink .discounted {
		display:none;
	}

}
/* ---------- end 320px ---------- */






/* ---------- Added 14/09/2017 ---------- */
header .right p.secure-payments {
	position: relative; 
	margin: 5px 0 0;
	clear: both;
}

@media (min-width: 1080px) {
	header .right p.secure-payments {
		position: absolute; 
		margin: 0;
		top: 4px; 
		left: 5px;
		clear: inherit;
	}
}

@media (max-width: 640px) {
	
	header .right p.secure-payments{
		margin-top:15px;
	}
	
	.phoneheader img{
		margin-top:0px !important;
	}
	
	.wrap {
		display: flex;
		-webkit-display: flex;
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	
	.cols.col_threequarters {
		order: 1;
		float: none;
	}
	
	.cols.col_quarter {
		order: 2;
		float: none;
	}
}