/*------------------------------------------------------------------
Developed for Coast to Coast by Twenty4 [http://www.twenty4.com.au]

[Table of Contents]

1. Global Styles
	- Headings / h1
	- Arrow Styles / .arrowup

2. Header Styles
	- Center Logo / #logo
	- Styling the form placeholder / ::-webkit-input-placeholder
	- Customer Login Styling / .coast-login

3. Navigation Styles
	- Submenus / #menu-top-menu li:hover

4. Slider Styles
	- Main Slider / .main-slider
	- Product Slider / .product-slide
	- Product Slider Controls / #product-slider-controls
	- Featured Product Slider / .feature-slider
	- Secondary Featured Slider / .full-feature-slider

5. Page Styles
	- Page Breadcrumbs / #crumbs
	- Homepage Template / .message
	- Full Width Page Styles / .headline
	- Ingredient Archive Styles / .ingredient-list li
	- Ingredient Single Page / .ingredient-single
	- Latest Page / .latest-cat

6. Store Styles
	- Store Archive / .product-container
	- Sort Container / .sort-container label
	- Store Refinement Options / .store-controls
	- Single Product Page / .product-img
	- Single Options / #productoptions
	- Dropdown Theming / .custom-select
	- Cart Page Styles / 										!!EMPTY
	- Checkout Page Styles / 									!!EMPTY

7. Footer Styles
	- Footer & Subfooter Setup / .footer
	- Social Media Buttons / .find-us
	- Campaign Monitor Form / .cm-updates
	- Copyright & Footer Info / .copyright-info

8. Responsive, 768px to 1000px

9. Responsive, 0px to 767px

-------------------------------------------------------------------

[Color codes]
	CTC Green: 	#8ec2ac
	CTC Black:	#1A171B
	CTC Grey: 	#636466

[Fonts]
	.millerdisplayitalic {
	 �font-family: MillerDisplay;
	 �font-style: italic;
	 �font-weight: normal;
	}

	.millerdisplayroman {
	 �font-family: MillerDisplay;
	 �font-style: normal;
	 �font-weight: normal;
	}

[Attention]
[Font-Zurich] : Should be Zurich Font
[Hide Sorting Functionality] : Client wants to hide sorting functionality
[IMG Update] : Image fix
[IMP] : Important fix

-------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------
*
*	1. Global Styles
*
*--------------------------------------------------------------------------------------------*/

#overlayoriginal{width:1280px;
	height:1280px;
	margin:0 auto;
	top: 23px;
	z-index: 999999999;
	opacity:1;
	position:absolute;
	display:none;
	}

body{ font-family: "minion-pro" , serif;
	position:relative;
	/*left:260px;*/
}

em{display:inline !important;}

.millerdisplayroman {
 �font-family: MillerDisplay;
 �font-style: normal;
 �font-weight: normal;
}

::selection {
	background: #868789; /* Safari */
	color:#ffffff;
	}
::-moz-selection {
	background: #868789; /* Firefox */
	color:#ffffff;
	}

/*Headings*/
h1{font-family: MillerDisplay;
 �	font-style: normal;
 �	font-weight: lighter;
 	font-size:24px;
 	text-transform: uppercase;
 	}
 	h1 em{text-transform:none;}

h2{font-size:26px;
	margin-bottom:16px;
	margin-top:0px;
	}

h3{font-size:16px;
	font-weight:600;
	/*letter-spacing: .4ex; Tightening things up a bit */
	}

h4{font-size:14px;
	font-weight:300;
	}

h5{font-weight:bold;
	margin-top:20px;
	margin-bottom:8px;
	font-size:12px;
	font-weight: 700;
	}

.miller-upper {
	font-family: MillerDisplay;
	text-transform: uppercase;
	font-weight: 100;
	font-size: 20px;
	}

/*Extended spacing on Values page*/
.page-id-80 .content{margin-top:-30px;}
.page-id-80 .miller-upper{
	font-family: MillerDisplay;
	text-transform: uppercase;
	font-weight: 100;
	font-size: 20px;
	display: inline-block;
	margin-top: 30px;
	}




/*.content p {
	height: 0.6em;
}*/


/*Link Styless*/
a{color:#1A171B;
	font-weight:700;
	-webkit-transition:color .15s ease-in;
	-moz-transition:color .15s ease-in;
	-o-transition:color .15s ease-in;
	transition:color .15s ease-in;
	}
	a:hover{color:#636466;}

.upper{text-transform: uppercase;}

.container {
	margin: 0 auto;
	max-width: 960px;
	position:relative;
	}

.hardleft{
	margin-left:0px;
	padding-left:0px;}
	.flush{margin-left:0px!important;}

.centerimg{width:100%;
	margin:0 auto;
	text-align: center;
	}
img.full{width:100%;
	height:auto;
	}

/*Arrow Styles*/
.arrowup{width:0px;
	height:0px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 7px solid #9C9D9F;
	float:right;
	margin-right: 3px;
	margin-top: 4px;
	/*Rotate*/
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
	/*Animation*/
	-webkit-transition:all .02s ease-in-out;
	-moz-transition:all .02s ease-in-out;
	-o-transition:all .02s ease-in-out;
	transition:all .02s ease-in-out;
	}
	.arrowup.open{/*Rotate*/
		filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
		-webkit-transform: rotate(-90deg);
		-moz-transform:rotate(-90deg);
		-o-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		}
	.arrowup.closed{/*Rotate*/
		filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
		-webkit-transform: rotate(0deg);
		-moz-transform:rotate(0deg);
		-o-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		}

.text-center{text-align: center;}

/*--------------------------------------------------------------------------------------------
*
*	2. Header Styles
*
*--------------------------------------------------------------------------------------------*/

/*Center Logo*/
#logo{text-align: center;
	}
	#logo a img{margin:0 auto;
		margin-top:18px;
		margin-left:8px;
		}

.header{position:relative;
		margin-top: 12px;
		text-transform: uppercase;
		font-size:12px;
		}
		.header ul{
			padding:0;
			margin:0;
			list-style:none;
			float:right;
			}
			.header #shop-info ul li{display:inline;
			display:inline-block;
			border-left:1px solid #1A171B;
			height: 10px;
			}
			.header #shop-info ul li:first-child{border-left: none;}
			.header #shop-info ul a{text-decoration: none;
				height:10px;
				padding-left: 5px;
				padding-right: 5px;
				font-weight:normal;
				position: relative;
				top: -3px;
				}
				.header #shop-info ul li:last-child a{
					padding-right:0;
					background: url('images/ctc-bag.png') no-repeat 8px 4px;
					padding-left:22px;
					}
		.header form{float:right;}
			.header form input{background: url('images/ctc-magnify.png') no-repeat 165px 7px;
				outline: none;
				width: 150px;
				height: 22px;
				border: 1px solid #c0c0c0;
				margin-top: 16px;
				padding-left: 7px;
				padding-right: 28px;
				color: #636466;
				font-style: italic;
				font-size:12px;
				font-family: "minion-pro" , serif;
				}
			/*Styling the form placeholder*/
			::-webkit-input-placeholder{font-style: italic;}
			:-moz-placeholder{font-style: italic;}
			::-moz-placeholder {font-style: italic; }
			:-ms-input-placeholder {  font-style: italic;}

		/* Customer Login Styling */
		#shop-info{
			position:relative;
		}
		.coast-login{position:absolute;
			right: 0px;
			width: 190px;
			height: 184px;
			background:white;
			top:20px;
			z-index:9999;
			-webkit-box-shadow:  0px 4px 2px 0px rgba(0, 0, 0, .2);
			box-shadow:  0px 4px 2px 0px rgba(0, 0, 0, .2);
			display:none;
			}
			.coast-login p{padding: 0;
				margin: 0;
				margin-top: 13px;
				margin-left: 22px;
				font-size: 15px;
				color:#636466;
				}
			.coast-login p.status{padding: 0;
				margin: 0;
				margin-top: 16px;
				margin-left: 28px;
				font-size: 12px;
				color: #838383;
				top: -5px;
				position: relative;
				text-transform: none;
				font-style: italic;
				display: inline;
				}
			.coast-login form{padding:12px;
				padding-top:0;
				}
				.coast-login form input{background: none;
					border: 1px solid #c0c0c0;
					padding-left: 6px;
					width: 240px;
					margin-left: 10px;
					height: 30px;
					width: 131px;
					float: right;
					margin-top:6px;
					font-style: italic;
					font-size: 12px;
					font-family: "minion-pro",serif;
					}
				.coast-login form button{width: 167px;
					height: 34px;
					background: #1A171B;
					color: #FFFFFF;
					font-size: 10px;
					text-align: center;
					text-transform: uppercase;
					margin: 0 auto;
					margin-top: 7px;
					padding-top: 4px;
					margin-left: 10px;
					position: relative;
					text-decoration: none;
					outline: none;
					border: none;
					cursor: pointer;
					display: inline-block;
					-webkit-transition: background .1s ease-in-out;
					-moz-transition:background .1s ease-in-out;
					-o-transition:background .1s ease-in-out;
					transition:background .1s ease-in-out;
					font-family: "minion-pro" , serif;
					font-size: 13px;
					font-weight: 100;
					}
					.coast-login form button:hover{background:#636466;
						color:#FFFFFF;
					}

/* Search Form */
#searchform{position:relative;}
#searchsubmit{display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 9px;
	height: 26px;
	opacity: 0;
	}
	#searchsubmit:hover{cursor: pointer;}



/*--------------------------------------------------------------------------------------------
*
*	3. Navigation Styles
*
*--------------------------------------------------------------------------------------------*/
.navbar{width:100%;
		min-height:34px;
		border-top:#1A171B 1px solid;
		border-bottom:#1A171B 1px solid;
		margin:0 auto;
		display: inline-block;
		margin-top:17px;
		margin-bottom:0;
		text-align: center;
		}
/*Hide the mobile nav*/
.mobile-nav{display:none;}

#menu-top-menu{margin:0 auto;
	width:100%;
	}
	#menu-top-menu li{display:inline-block;
		margin-left:4px;
		margin-right:4px;
		position: relative;
		border-left:1px solid white;
		border-right:1px solid white;
		}
		#menu-top-menu li a{text-decoration: none;
			font-weight:bold;
			font-size:12px;
			padding-top:9px;
			padding-bottom:10px;
			padding-left:18px;
			padding-right:18px;
			display:block;
			z-index: 12;
			top: 0px;
			position: relative;
			background:none;
			}

		/* Hovering on the main menu items */
		#menu-top-menu li:hover{/*border-left:#1A171B 1px solid;
			border-right:#1A171B 1px solid;*/
			z-index: 4;
			}
			#menu-top-menu li:hover a{background:#f1f1f1;
				padding-top:9px;
				color:#1A171B;
			}
			#menu-top-menu li.menu-item-ingredients:hover{background:#f1f1f1; padding-top:1px;}

		#menu-top-menu li.over{/*border-left:#1A171B 1px solid;
			border-right:#1A171B 1px solid;*/
			z-index: 4;
			}
			#menu-top-menu li.over a{background:#f1f1f1;
				padding-top:9px;
				color:#1A171B;
				}


		/* JS Dropdowns */
		.dropdown_container{position: absolute;
			width:100%;
			height:auto;
			top:34px;
			z-index:2;
			}
			.drop{position: absolute;
				padding-bottom: 8px;
				padding-top: 20px;
				background: #f1f1f1;
				text-align: left;
				/*border: #1A171B 1px solid;*/
				border:none;
				top:1px;
				display:none;
				padding-right:14px;
				}
				.drop ul{margin-right: 4px;
						margin-left: 18px;
						float: left;
						width: 226.5px;
						}
				.drop.dd_latest.menu-item-the-latest ul, .drop.dd_ourbrand.menu-item-our-brand ul{width: auto!important;}
					.drop ul .dd_title{color:#1A171B;
						font-weight: bold;
						border-bottom:1px solid #1A171B;
						padding-bottom:6px;
						margin-bottom:14px;
						width:100%;
						}
					.drop li{margin-bottom:10px;
						z-index: 99;
						}
						.drop li a{text-decoration: none;
							font-family: MillerDisplay;
							font-style: normal;
							font-weight: normal;
							text-transform: none;
							font-size: 14px;
							color:#1A171B;
							display:block;
							}
						.drop li a:hover{color:#636466;
							}
							.drop li a em{
								line-height: 2em;
								margin-top:1px;
								color:#636466;
								font-size: 13px;
								}

			/* Hover States */
			.drop:hover{display:block;}
			.drophover{display:block;}

			/* Positioning
			.dd_latest{left: 82px;
				padding-right: 8px;
				}
				.dd_latest .dd_title, .dd_latest .ul{width: 199px;}
			.dd_skincare{left: 130px;}
				.dd_skincare .dd_title, .dd_skincare .ul{width: 199px;}
			.dd_bathbody{left: 313px;}
				.dd_bathbody .dd_title, .dd_bathbody .ul{width: 199px;}
			.dd_haircare{left: 380px;}
				.dd_haircare .dd_title, .dd_haircare .ul{width: 199px;}
			.dd_gifts{left: 423px;}
				.dd_gifts .dd_title, .dd_gifts .ul{width: 199px;}
			.dd_ingredients{display:none;}
			.dd_ourbrand{left: 772px;
				padding-right: 10px;
				}
			*/
			.dd_latest{
			left: 82px;
				padding-right: 10px;
				min-width: 96px;
				}
				.dd_latest .dd_title, .dd_latest .ul{width: 199px;}
			.dd_skincare{left: 130px;}
				.dd_skincare .dd_title, .dd_skincare .ul{width: 199px;}
			.dd_bathbody{left: 313px;}
				.dd_bathbody .dd_title, .dd_bathbody .ul{width: 199px;}
			.dd_haircare{left: 380px;}
				.dd_haircare .dd_title, .dd_haircare .ul{width: 199px;}
			.dd_gifts{left: 423px;}
				.dd_gifts .dd_title, .dd_gifts .ul{width: 199px;}
			.dd_ingredients{display:none;}
			.dd_ourbrand{left: 772px;
				padding-right: 10px;
				}


		/*First Submenus*/
		.sub-menu{
			display:none;
			background: #ffffff;
			border:#1A171B 1px solid;
			left:-1px;
			top: 32px;
			z-index:8;
			position:absolute;
			text-transform: capitalize;
			font-family: MillerDisplay;
			font-style: normal;
			font-weight: normal;
			-webkit-transition: opacity .15s ease-in-out;
	        -moz-transition: opacity .15s ease-in-out;
	        -ms-transition: opacity .15s ease-in-out;
	        -o-transition: opacity .15s ease-in-out;
	        transition: opacity .15s ease-in-out;
	        width:290px;
	        height:auto;
	        overflow: auto;
	        margin-bottom:60px;
			}

			#menu-top-menu li:hover ul.sub-menu, #menu-top-menu ul.sub-menu:hover, #menu-top-menu ul.sub-menu li:hover, #menu-top-menu ul.sub-menu lia:hover{display:none}

			#menu-top-menu .sub-menu li{display: block;
				text-align: left;
				margin: 0;
				border: none;
				margin-right: 52px;
				margin-bottom: 11px;
				margin-top: 11px;
				width: auto;
				text-align: left;
				text-transform: uppercase;
				}
				ul.sub-menu li:hover{border:none;}
				ul.sub-menu li a{padding:0;
					margin:0;
					padding-left:8px;
					width: 100%;
					z-index:6;
					border-bottom:1px solid green;
					margin-left:8px;
					}

			/*Child Submenus*/
			.sub-menu .sub-menu{border:none;
				float:left;
				display: inline-block;
			}
			#menu-top-menu ul.sub-menu ul.sub-menu li{border:none;
				padding-top:0;
				padding-bottom:0;
				margin-top:0;
				margin-bottom:0;
				text-transform:capitalize;
				float:left;

				}
			#menu-top-menu ul.sub-menu ul.sub-menu li a{border:none;
				padding-top:0;
				padding-bottom:0;
				}

			#menu-top-menu .menu-item-the-latest a, #menu-top-menu .menu-item-our-brand a{/*cursor:default;*/}
			.menu-item-ingredients a:hover, #menu-top-menu li.menu-item-ingredients:hover a{padding-top:8px;}

/* Mobile Navigation Styles */
	body.mobile-nav-open {
		position: relative;
		width: 100%;
		overflow: hidden;
		}
		.container {
			position: relative;
			z-index: 1;
			background:#ffffff;
			width:100%;
			left: 0;
			-webkit-transition: left 0.125s 0s linear;  /* Safari 3.2+, Chrome */
			   -moz-transition: left 0.125s 0s linear;  /* Firefox 4-15 */
			     -o-transition: left 0.125s 0s linear;  /* Opera 10.5?12.00 */
			        transition: left 0.125s 0s linear;  /* Firefox 16+, Opera 12.50+ */;
			}
			body.mobile-nav-open .container{
				left: 75%;
				}

	#mobile-nav {
		position: fixed;
		left: -100%;
		top: 0;
		height: 100%;
		width: 75%;
		z-index: 0;
		background: #f1f1f1;
		color: #C7C7BC;
		-webkit-transition: left 0.125s 0s linear;  /* Safari 3.2+, Chrome */
		   -moz-transition: left 0.125s 0s linear;  /* Firefox 4-15 */
		     -o-transition: left 0.125s 0s linear;  /* Opera 10.5?12.00 */
		        transition: left 0.125s 0s linear;  /* Firefox 16+, Opera 12.50+ */
		-webkit-box-shadow: inset -6px 0px 4px 0px rgba(0, 0, 0, .05);
			    box-shadow: inset -6px 0px 4px 0px rgba(0, 0, 0, .05);
		}
		body.mobile-nav-open #mobile-nav{left: 0;}

		#mobile-nav .menu-top-menu-container{height:60%;
			position:relative;
			}

		#mobile-nav > .inner {
			padding: 20px;
			}
			#mobile-nav .menu {
				margin-top: 4px;
				height:100%;
				}
				.mb-hr{/*width: 259px;*/
				height: 1px;
				background: black;
				float: right;
				margin-top: 22px;
				}
				#mobile-nav ul{}
				#mobile-nav ul li{width:100%;
					list-style: none;
					padding-top: 9px;
					padding-bottom: 0px;
					height: 12%;
					text-align: center;
					text-transform: uppercase;
					}
					#mobile-nav ul li a{
						text-decoration: none;
						margin-top: 0px;
						font-size: 14px;
						font-weight: 700;
						font-family: "minion-pro",serif;
						text-transform: uppercase;
						background: transparent;
						display: block;
						padding-top: 1px;
						padding-bottom: 9px;
						border-bottom: 1px solid #e3e3e3;
						text-align: left;
						padding-left: 15px;
						margin-bottom: 2px;
						}
					#mobile-nav .close-button{width: 75%;
						float: left;
						background: black;
						margin-left: 40px;
						text-align: center;
						height: 29px;
						padding-top: 12px;
						color: white;
						text-transform: uppercase;
						font-size: 14px;
						font-family: MillerDisplay;
						font-weight: 100;
						display:block;
						cursor: pointer;
						margin-top: 10%;}

/*--------------------------------------------------------------------------------------------
*
*	4. Slider Styles
*
*--------------------------------------------------------------------------------------------*/

/* Main Slider */
.main-slider{position:relative;
	margin-top: -5px;
	z-index: -5;
	}
.bx-wrapper li{padding-bottom:20px;}
.pager-wrap{
	width:100%;
	z-index:2;
	position:absolute;
	right:0px;
	bottom:17px;
	}

.bx-pager{float:right;
	width:auto;
	margin-right:18px;
	}
	.bx-pager-item{display:inline-block;
		position:relative;
		left:-6px;
		top:-1px;
	}
		.bx-pager-item a{float:left;
				width:7px;
				height:7px;
				-webkit-border-radius: 9px;
				-moz-border-radius: 9px;
				border-radius: 9px;
				background: #E2E3E4;
				text-indent:-9999px;
				margin-left:10px;
			}
			.bx-pager-item a.active{
				background:#636466;
				}

	.auto-controls{
		float:right;
		width:14px;
		margin-right:26px;
		margin-top:5px;
		}
		.auto-controls .bx-stop{background:url('images/ctc-playpause.png') no-repeat;
			width:12px;
			height:15px;
			display:block;
			}
		.auto-controls .bx-start{background:url('images/ctc-playpause.png') no-repeat -14px 0px;
			width:12px;
			height:15px;
			display:block;
			}
			.auto-controls a{float:left; text-indent: -9999999px;}


/* Product Slider */
.product-slide{position:relative;
	z-index:2;
	padding:36px 0;
	height:265px;
	}
	.product-slide img{position:relative;
		float:left;
		margin-left:35px;
		max-width:115px;
		max-height:207px;
		}
	.product-slide a{text-decoration: none;}
	.product-detail{width:160px;
		float:left;
		margin-top:-25px;
		text-align:left;
		margin-left:20px;
		}
		.product-detail .title{font-size:22px;
			margin-bottom:16px;
			margin-top:36px;
			}
			.information p{font-size:13px;
				line-height:1.2em;
				margin-top:-10px;
				}
/* Product Slider Controls */
	#product-slider-controls{width:100%;
		position:relative;
		top:142px;
		height:33px;
		position:relative;
		z-index:1;
		pointer-events:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
		background:none !important;
		}
		.prev-selector .bx-prev{float:left;
			width:25px;
			height:36px;
			background:url('images/ctc-arrows.png');
			color:rgba(255, 255, 255, 0);
			position:relative;
			z-index:4;
			pointer-events:all;
			}
		.next-selector .bx-next{float:right;
			width:25px;
			height:36px;
			background:url('images/ctc-arrows.png') 25px;
			color:rgba(255, 255, 255, 0);
			position:relative;
			z-index:4;
			pointer-events:all;
			}

/* Featured Product Slider */
.feature-slider{position:relative;
	width:100%;
	display:inline-block;
	border-top:1px solid #1A171B;
	margin-top: 9px;
	margin-bottom: -29px;
	padding-top: 26px;

	}
	#product-slider{width:100%;}
	.feature-slider .bx-next, .feature-slider .bx-prev{width:33px;
		background:url('images/ctc-arrows.png') no-repeat #ffffff;
		height: 100%;
		display:inline-block;
		}
		.feature-slider .bx-next{position:absolute;
			right:0px;
			top:0px;
			background-position:-22px;
			}
		.feature-slider .bx-prev{
			position:absolute;
			left:0px;
			top:0px;
			background-position:5px;
			}

	.featured-product{min-height:193px;
		display:block;
	}
	.featured-product:hover, .featured-product:hover a, .featured-product:hover span{color:#636466;}
		.featured-product img{width:auto;
			float:left;
			margin-left: 6px;
			}
		.featured-product .product-details{
			max-width: 150px;
			float: right;
			margin-right: 16px;
			}
		.featured-product a{
			font-weight:normal;
			}
			.featured-product .product-details .title{margin-top:-9px}
			.featured-product .product-details a{text-decoration: none;}
			.featured-product .product-details p{font-size:13px;
				line-height:1.2em;
				float:left;
				display: inline;
				padding:0;
				margin:0;
				}
			.featured-product .title a{font-size: 18px;
					font-weight: 100;
					line-height: 1.1em;
					float:left;
					margin: 10px 0 0 0;
					font-family: MillerDisplay;
			 �		font-style: normal;
			 �		font-weight: normal;
			 		width: 100%;
			 		}
			.featured-product .ingredients{float: left;
					display: inline;
					font-style: italic;
					font-size: 18px;
					margin-left: 0px;
					margin-bottom: 4px;
					line-height: 1.2em;
					margin-top: 0px;
					padding-left: 0px;
					width:100%;
					clear:both;
					font-family: MillerDisplay;

					}
				.ingredients li{float: left;
					display: inline;
					font-style: italic;
					font-size: 18px;
					margin-left: 0px;
					padding-bottom: 0px;
					line-height: 1.2em;
					}

				.ingredients li:first-child{
					margin-left:0;
					}
				.ingredients li:after{
					 content: "";
					 }
				.ingredients li:before{
					 content: "";
					 }
				.ingredients li:last-child:after{
					content: "";
					}
				.ingredients li.last-ingredient:after{
					content: "";
					}
				.end-dot {
				    height: 163px;
				    width: 1px;
				    background: url('/wp-content/themes/coast-to-coast/library/images/end-dot.png');
				    float: right;
				    position: absolute;
				    right: -2px;
				    top: 50%;
				    margin-top: -95px;
				}
		.ingredient-list.hardleft {
			padding-top: 0;
			margin-top: 14px;
			overflow: auto;
			padding-bottom: 0px;
			margin-bottom: 7px;
			}
			.ingredient-col{position:relative;
				padding:0 10px 0 2px;
				}
				.ingredient-list .end-dot{height: 93%;
					width: 1px;
					background: url('images/end-dot.png');
					float: none;
					position: absolute;
					right: -2px;
					top: 6px;
					margin-top:0;
					}

		a.shop-now{
			background: url('/wp-content/themes/coast-to-coast/library/images/arrow-r.png') no-repeat right 4px,
				url('/wp-content/themes/coast-to-coast/library/images/shop-now-underline.png') no-repeat left bottom;
			padding-right: 10px;
			font-size: 14px;
			position: absolute;
			bottom: 28px;
			left: 134px;
			text-decoration: none;
			font-family: MillerDisplay;
			}

		.long-end-dot{height: 70%;
			width: 1px;
			margin-top:10px;
			background: url('images/end-dot.png');
			position: absolute;
			left: 50%;
			}

		.mid-end-dot{height: 70%;
			width: 1px;
			margin-top:10px;
			background: url('images/end-dot.png');
			position: absolute;
			right:0px;
			}


		.dot-hr{height:1px;
			width:100%;
			background: url('images/hr-dot.png');
			display:inline-block;
			}

/* Secondary Featured Slider */
.full-slider{position:relative;
	width:100%;
	border-top:1px solid #1A171B;
	}
	.full-product{padding:0 45px 0 45px;
		height:254px;
		}
		.full-img{max-width:332px;
			max-height:253px;
			float: left;
			margin-top: 14px;
			}
		.full-text{float: left;
			width: 55%;
			text-align: center;
			}
			.full-headline{font-family: MillerDisplay;
				font-size:36px;
				font-style: normal;
				font-weight: normal;
				padding: 55px 40px 12px 40px;
				}
			.full-body{width:327px;
				margin:0 auto;
				font-family: "minion-pro" , serif;
				font-size:14px;
				}
			.full-linktext{margin-top:12px;}
			.full-linktext a{background:url('images/arrow-r.png') no-repeat right 5px;
				padding-right:8px;
				font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
				/*Font-Zurich*/
				font-weight: 500;
				font-size:14px;
				}

.full-slider .bx-next, .full-slider .bx-prev{width:33px;
	background:url('images/ctc-arrows.png') no-repeat #ffffff;
	height: 277px;
	display:inline-block;
	}
	.full-slider .bx-next{position:absolute;
		right:0px;
		top:0px;
		background-position:-22px;
		}
	.full-slider .bx-prev{
		position:absolute;
		left:0px;
		top:0px;
		background-position:5px;
		}




/*--------------------------------------------------------------------------------------------
*
*	5. Page Styles
*
*--------------------------------------------------------------------------------------------*/

/* Page Breadcrumbs */
#crumbs{font-size: 11px;
	width:80%;
	display:inline-block;
	height:12px;
	padding-top:0;
	margin-top:0;
	}
	#crumbs li{list-style: none;
		color:#9C9D9F;
		text-transform: uppercase;
		font-weight: bold;
		padding-right:5px;
		display:inline;
		word-spacing: .5ex;
		}
		#crumbs li a{list-style: none;
		color:#9C9D9F;
		text-transform: uppercase;
		font-weight: bold;
		padding-right:5px;
		display:inline;
		word-spacing: .5ex;
		}


		#crumbs li:after{padding-left:5px;
			content:">";
			color:#1A171B;
			position: relative;
			top:-1px;
			font-weight: bold;
			}
			#crumbs li:last-child:after{content:"";}
			#crumbs li a{color:#1A171B;
					text-decoration: none;
					}
			#crumbs li a:hover{color:#9C9D9F;}

/* Homepage Template */
.message{background-color:#6CAB91;
	min-height:33px;
	color:#ffffff;
	text-align: center;
	padding: 12px 0px 9px 0px;
	margin-top: 6px;
	z-index:-1;
	position: relative;
	}

	.row-fluid .span6.messagebox1{width: 49.9%}
	.row-fluid .span6.messagebox2{width: 47.5%;}

	.message h3{margin-top:-1px;
		font-weight: 100;
		font-family: MillerDisplay;
	}
	.message p{position: relative;
		font-size: 11px;
		margin-top: -15px;
		font-weight: 100;
		font-family: MillerDisplay;
		}
	.message .span6:first-child{border-right: 1px solid #FFFFFF;}

	.messagebox2 h3, messagebox2 p{margin-right:12px;}

/* Full Width Page Styles */
.headline{margin:0 auto;
	height: 180px;
	margin-top: 10px;
	}
	.headline h1{text-align: center;
		font-weight: 100;
		margin-bottom: 17px;
		}
	.headline hr{width:70%;}
	.headline p{padding-top: 0px;
		margin-top: 14px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		font-size: 17px;
		}

.layout-fullwidth .content img{
	width: 151.7%;
	height: auto;
	margin: 0 auto;
	position: relative;
	left: -25.65%;
	}/*IMG Update - You can do better than this, break the img out of the span*/

.subpage-menu{list-style: none;}
	.subpage-menu li a{text-decoration: none;
		color:#868789;
		text-transform: uppercase;
		font-size: 12px;
		}
		.subpage-menu li a:hover{color:#636466;}
		.subpage-menu li.current_page_item a{color:#1A171B;
			cursor: default;
			}

/*	Ingredient Archive Styles */
.ingredientshead{
	font-family: MillerDisplay;
	text-transform: uppercase;
	font-weight: 100 !important;
	font-size: 20px !important;
	display: inline-block;
	margin-top: 30px;
	}

.ingredient-list li{list-style: none;}
	.ingredient-list li a{text-decoration: none;
		font-weight: normal;
		color:#6F7072;
		}
		.ingredient-list li.CurrentIngredient a{font-weight:bold;
			text-decoration:none;
			color:#000000;
			}
		.ingredient-list li a:hover{color:#636466;}

.layout-ingredients .content p{color: #6F7072;
	font-size: 18px;
	letter-spacing: normal;
	font-family: MillerDisplay;
	font-weight: 100;
	line-height: 1.4em;
	}

/* Ingredient Single Page */
.ingredient-single{overflow:auto;}
.ingredient-img{max-width:241px;
	height:auto;
	float:right;
	margin:20px 0 20px 0;
	}

.ingredient-single h1{
	font-family: MillerDisplay;
	text-transform: uppercase;
	font-weight: 100 !important;
	font-size: 20px !important;
	display: inline-block;
	margin-top: 30px;
}

.related-ingredients{padding-left:30px;}
	.related-ingredients h5, .related-products h5{width:100%;
		border-bottom:1px #1A171B solid;
		border-top:1px #1A171B solid;
		padding-bottom:5px;
		padding-top:6px;
		font-weight: bold;
		font-size: 12px;
		padding-top: 8px;
		padding-bottom: 9px;
		}
	.related-ingredients .product-container:nth-child(3){margin-left:0px;}
	.related-ingredients .prod_details{height: 105px;
		position: absolute;
		bottom: 10px;
		text-align: center;
		width: 100%;
		}
	.related-ingredients .prod_image{height:225px;
		width:100%;
		position:relative;
		text-align: center
		}
		.related-ingredients .prod_image img{
			position: absolute;
			bottom: 5px;
			left: 21px;
			width: 115px;
			}
		.related-ingredients .product-container .add_basket{margin-left:18px;}

/* Sort Container */
.sort-container{display: inline-block;
	width:100%;
	margin-top: 14px;
	margin-bottom:0px;
	height:30px;
	font-family: "minion-pro" , serif;
	font-size: 16px;
	font-weight: normal;
	clear: both;
	}
	.sort-left{float:left;
		display: none; /* Hide Sorting Functionality */
	}
	.sort-right{float:right;}

	.sort-container label{
		font-family: "minion-pro" , serif;
		margin-right:4px;
		}
	.sort-container a{font-family: "minion-pro" , serif;
		text-decoration: none;
		font-size: 16px;
		font-weight: normal;
		}

	.sort-view{margin-right:12px;}
	.sort-prev{background: url('images/arrow-l.png') no-repeat left 9px;
		padding-left: 11px}
	.sort-next{background: url('images/arrow-r.png') no-repeat right 9px;
		padding-right: 11px}

	#sort-pagination{margin-left: 8px;
		margin-right: 10px;
		}

	.sort-right .disabled{opacity:.4;}


/* Latest Page */
.latest-cat{overflow:auto;
	margin-bottom:25px;
	margin-top:0px;
	position: relative;
}
.latest-container{
    position:relative;
    display: block !important;
	height:310px;
	float: left !important;
	min-height: 300px !important;
	}
	.latest-container.odd-container{
		margin-left:0px;
		padding-left:0px;
		display: block;
		}
	.latest-container .prod_details{
		position: absolute;
		/*width: 65%;*/
		width: 52%;
		top:40px;
		margin-left:0px;
		line-height:1.1em;
		font-family: "minion-pro" , serif;
		}
		.latest-container .prod_details .title{font-family: MillerDisplay;
			font-style: normal;
			font-weight: normal;
			text-decoration: none;
			font-size:18px;}
		.latest-container .product-desc{width: 90%;}
		.latest-container .prod_details .ingredients{				padding-top: 0px;
				margin: 0 auto;
				line-height: .8em;
				width: 100%;
				text-align: center;
				padding-left: 0px;
				margin-top: 3px;
				margin-bottom: 8px;
				float:left;
				clear:both;
				margin-left:-4px;
			}
			.latest-container .prod_details .ingredients li{font-family: MillerDisplay;
				font-style: italic;
				font-weight: normal;
				text-decoration: none;
				font-size:18px;
				margin-left:4px;}
				.latest-container .prod_details .ingredients li:nth-child(2):after{content: '';}

		.latest-container .prod_details .new-prod{float:left;
			font-family: MillerDisplay;
			font-style: normal;
			font-weight: normal;
			color:#F8B334;
			position:relative;
			top:2px;
			left:8px;
		}
		.latest-container .prod_image{height:310px;
			position:absolute;
			width:200px;
			right:0px;
			top:0px;
			}
			.latest-container .prod_image img{
				position: absolute;
				bottom: 12px;
				right: 20px;
				width: 130px;
				height: auto;
				}
		.latest-container .price{font-family: "minion-pro" , serif;
			text-decoration: none;
			font-size:22px;
			font-weight: normal;
			position:absolute;
			top: 160px;
			}
			.latest-container .price .amount{}
			.latest-container .price .from{display:none;}
		.latest-container .add_basket{position: absolute;
			bottom: 45px;
			left: 0px;
			margin-left: 0px;
			text-decoration: none;
			font-family: MillerDisplay;
			font-weight: 100;
			font-size: 11px;
			height: 24px;
			padding-top: 7px;
			}

	.latest-container:nth-child(even) .prod_details, .latest-container:nth-child(even) .add_basket{margin-left:30px;}/* Even Products Padding */

		.latest-container .dot-hr{position:absolute;
			bottom:0px;
			}
		.latest-container .end-dot{height: 90%;
			width: 1px;
			background: url('images/end-dot.png');
			float: right;
			position: absolute;
			right: -12px;
			top: 5%;
			margin-top: 0px;
			}
		.latest-container:nth-child(even) .end-dot{display:none;
			}

	.latest-container .excerpt-read-more{display:none;}

/*--------------------------------------------------------------------------------------------
*
*	6. Store Styles
*
*--------------------------------------------------------------------------------------------*/
/* Store Archive */

.single-product .related-products .product-container {
	text-align: center;
	height: 275px;
	position: relative;
	margin-bottom: 26px;
	margin-top: 12px;
	}
.product-container{text-align: center;
	height:330px;
	position:relative;
	margin-bottom:26px;
	margin-top:12px;
	}
	.product-container a{text-decoration: none;
		font-weight:normal;
		display:block;
		font-size:13px;
		line-height:1em;
		}
	.product-container img{clear:both;
		margin:0 auto;
		}
		.product-container .ingredients {
			padding-top: 0px;
			margin: 0 auto;
			line-height: .8em;
			width: 100%;
			text-align: center;
			padding-left: 0px;
			}
			.product-container .ingredients li{float:none;
				display: inline;
				font-style: italic;
				font-size: 13px;
				margin-left: 0px;
				padding-bottom: 0px;
				line-height: 1.2em;}

	/*.prodprice{position: absolute;
		width: 100%;
		bottom: 38px;}*/

	.add_basket{width: 100%;
		max-width: 110px;
		height: 22px;
		background: #1A171B;
		color: #FFFFFF;
		font-size: 10px;
		text-align: center;
		text-transform: uppercase;
		padding-top: 9px;
		margin: 0 auto;
		position: absolute;
		margin-left: 55px;
		bottom: 0px;
		-webkit-transition: background .1s ease-in-out;
		-moz-transition: background .1s ease-in-out;
		-o-transition: background .1s ease-in-out;
		transition: background .1s ease-in-out;
		}
		/*a.add_basket:nth-child(5){color:red;}*/
		.add_basket:hover {background:#636466;
			color:#FFFFFF;
			}

	.store .product-container .prod_details{height:60px;
		position: absolute;
		bottom: 36px;
		text-align: center;
		width: 100%;
		}


	.store .product-container .prod_image{height:225px;
		width:100%;
		position:relative;
		text-align: center;
		}
		.store .product-container .prod_image img{
			position:absolute;
			bottom: -15px;
			left: 45px;
			width: 135px;
		}

		.archive.term-gifts .store .product-container .prod_image img{
			left: 22px;
			width: 205px;
		}

			.store .product-container:hover a, .store .product-container:hover{color:#636466;}
			.store .product-container:hover .add_basket{color:white;}

.from{display:none;}

/* Store Refinement Options */
.store-controls{padding-top:16px;
	font-size: 13px;
	}
	.store-controls a{text-decoration: none;
		font-weight:normal;
		margin-bottom:4px;
		color:#6F7072;
		line-height:1.4em;
		}
	.store-controls .refinement{margin-bottom:18px;}
		.store-controls .refinement .refine_title{
			width:100%;
			border-top:1px solid #231F20;
			border-bottom:1px solid #231F20;
			padding-top:8px;
			padding-bottom:6px;
			margin-bottom:10px;
			font-weight: bold;
			font-size: 13px;
			cursor:pointer;
			}
		.store-controls .refinement .inner{display:none;}
		.store-controls #rangeref.refinement .inner{display:block;}
		.store-controls strong{font-weight:bold;
			}
		.store-controls .range{margin-bottom:6px;
			font-style: italic;
			}
		.store-controls strong{clear:both;
			width:100%;
			display:block;
			color:#231F20;
			line-height:1em;
			text-transform: none;
			font-style: normal;
			}
			.store-controls a:hover, .store-controls a:hover strong{color:#636466;}

/* Single Product Page */
.product-img{max-width: 273px;
	height: auto;
	margin-left: -7%;
	position: relative;
	top: 33px;
	z-index: -1;
	}
#product-description{padding-left: 35px;}
#product-description p{padding-right:20px;}
.prod_attributes{font-size:18px;}

.single-product h1{text-transform: none;
	font-weight: 100;
	}

/* Single Product Tab Control */
.tabcontrols{padding:0;
	margin:0;
	}
	.tabcontrols li{display:inline;
		list-style: none;
		font-size: 12px;
		font-weight: bold;
		}
		.tabcontrols li a{text-decoration: none;
			color:#9B9C9E;
			}
			.tabcontrols li:after{padding-right:6px;
				padding-left:6px;
				content: ' | ';
				}
				.tabcontrols li:last-child:after{content: '';}

		.tabcontrols a.selected{color:#1A171B;}
		.tabcontrols a:hover{color:#636466;}
		.tabone p, .tabtwo p{padding-top:0;
			margin-top:8px;
			}
.tabtwo{display:none;
	font-size: 13px;
	line-height: 1.6em;
	padding-top:8px;
	padding-bottom:22px;
	}

/* Single Product Browse */
#singlebrowse{float:right;
	text-align: right;
	font-family: "minion-pro" , serif;
	position:relative;
	font-size: 13px;
	padding-top: 4px;
	font-weight: bold;
	font-size: 12px;
	width: 15%;
	padding-right: 13px;
	}
	.browse_text{float:right; display:block; margin-right: 4px;}
	.product_next{background:url('images/arrow-l.png') no-repeat top left;
		width:12px;
		height:12px;
		text-index:-99999px;
		overflow: hidden;
		display: block;
		position:absolute;
		right: 69px;
		top: 9px;
		opacity:.4;
		}
	.product_prev{background: url('images/arrow-r.png') no-repeat top right;
		width: 10px;
		height: 12px;
		text-index: -99999px;
		overflow: hidden;
		display: block;
		float: right;
		position: absolute;
		top: 8px;
		right: 0px;
		opacity: .4;
		}
		#singlebrowse a:hover{opacity:1;}

/*Add to Bag Text*/
.add_text, .varaddtocart{font-size:14px;
	font-family: "minion-pro" , serif;
	font-weight: 100;
	position:relative;
	top:-1px;
	}
	.add_text span{position: relative;
		font-size: 18px!important;
		top: 0px;
		}

/* Dropdown Theming */

.variations tbody tr td.label{
    display: inline-block;
    float: left;
    width: 101px;
}

.quantity_select.qty-select.custom-select label{
    margin-bottom: 10px;
}

.variations tbody tr td.value{
    float: left;
}



.variations_button div.quantity_select.qty-select.custom-select{
 padding-top: 0px;
}

.custom-select{
    float:left;
    padding-top: 1px;
}
	.custom-select label, .variations label{display:block;
		font-weight: bold;
		font-size:12px;
		margin-bottom:8px;
		font-family: "minion-pro" , serif;
		text-transform: uppercase;
		}
		#pa_size, .custom-select select{
			font-size: 14px;
			font-family: "minion-pro" , serif;
			line-height: 1;
			border: 0;
			border-radius: 0;
			height: 34px;
			-webkit-appearance: none;
			border: 1px solid #1A171B;
			float: left;
			outline: none;
			background: url('images/dd-select.png') no-repeat 100% 56%;
			padding: 9px 40px 9px 12px;
			margin-right: 14px;
		   }

.add_to_basket, .single_add_to_cart_button{width:184px;
	height:36px;
	background: #1A171B;
	color:#FFFFFF;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	margin:0 auto;
	margin-top:0;
	padding-top:4px;
	position:relative;
	text-decoration: none;
	outline:none;
	border:none;
	cursor: pointer;
	display: inline-block;
	-webkit-transition:background .1s ease-in-out;
	-moz-transition:background .1s ease-in-out;
	-o-transition:background .1s ease-in-out;
	transition:background .1s ease-in-out;
	}
	.add_basket span{font-size: 14px;
		position: relative;
		left: 2px;
		top: -1px;
		}
	.related-ingredients .product-container .add_basket span{top:0px;}
	.single_add_to_cart_button{margin-top:24px!important;}
	/* .variations_button .single_add_to_cart_button{margin-top:0px!important;} */
	.add_to_basket:hover, .single_add_to_cart_button:hover{background:#636466;
		color:#FFFFFF;
		}
	.varaddtobag{margin-top: -2px;
		position: relative;
		top: -1px;
		}

.reset_variations, .stock, .jqSelector, .single_variation .price .amount{display:none !important;}

/* Single Options */
#productoptions{display:block;}
	.singledetails{display:inline-block;
		font-size:12px;
		margin-top:30px;width:100%;
		}
		.singledetails a{text-decoration: none;
			margin-right:8px;
			margin-left:8px;
			}
		.singledetails a:first-child{
			margin-left:0px;
			}
	.singlesocial{display:block;}



/* Woo Commerce Global Styles */
.woocommerce-message, .woocommerce-error, .woocommerce-info{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:thin #6CAB91 solid;
	font-family: "minion-pro" , serif;
	text-transform: uppercase;
	}
	.woocommerce-message:before {
		background-color: #6CAB91;
		content: "\2713";
		}

/* Cart Page Styles */
.woocommerce-page input.button[type=submit]{width:184px;
	height:34px !important;
	background: #1A171B !important;
	color:#FFFFFF !important;
	font-size: 10px !important;
	text-align: center;
	text-transform: uppercase;
	margin:0 auto;
	-webkit-transition:background .1s ease-in-out;
	-moz-transition:background .1s ease-in-out;
	-o-transition:background .1s ease-in-out;
	transition:background .1s ease-in-out;
	text-shadow: none;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	padding:0 !important;
	border:none !important;
	text-shadow: none !important;
	}

.woocommerce-page .button{width:184px !important;
	height:24px !important;
	background: #1A171B !important;
	color:#FFFFFF !important;
	font-size: 10px !important;
	text-align: center;
	text-transform: uppercase;
	margin:0 auto;
	-webkit-transition:background .1s ease-in-out;
	-moz-transition:background .1s ease-in-out;
	-o-transition:background .1s ease-in-out;
	transition:background .1s ease-in-out;
	text-shadow: none;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	padding:0 !important;
	padding-top:13px !important;
	border:none !important;
	text-shadow: none !important;
	}

/*Add to Bag Text*/
.woocommerce-page #woothemed .varaddtocart{font-size:14px;
	font-family: "minion-pro" , serif;
	font-weight: 100;
	position:relative;
	top:-1px;
	}

/*The button on the single product page*/
.woocommerce-page #woothemed .button, .woocommerce-page .shipping-calculator-form .button{font-size: 32px!important;width:184px !important;
	height:35px !important;
	background: #1A171B !important;
	color:#FFFFFF !important;
	font-size: 14px !important;
	text-align: center;
	text-transform: uppercase;
	margin:0 auto;
	-webkit-transition:background .1s ease-in-out;
	-moz-transition:background .1s ease-in-out;
	-o-transition:background .1s ease-in-out;
	transition:background .1s ease-in-out;
	text-shadow: none;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	padding:0 !important;
	padding-top:3px !important;
	border:none !important;
	text-shadow: none !important;
	}

.woocommerce-page .shipping-calculator-form .button{
	float:right !important;
	}

	.woocommerce-page .button:hover{background:#636466 !important;}

	.woocommerce table.shop_table, .woocommerce-page table.shop_table{border:none;}
	.product-remove{display:none;}
	.cart_table_item{height:120px;}

			/*The Cart Headings*/
		.product-name, .product-price, .product-quantity, .product-subtotal{text-decoration: none;
			font-weight: bold;
			text-transform: uppercase;
			font-family: "minion-pro" , serif;
			font-size: 14px;
		}

	.woocommerce table.cart .product-thumbnail, .woocommerce #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail, .woocommerce-	page #content table.cart .product-thumbnail {max-width:200px;
		max-height:200px;
		}
		.woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img{
			height:auto;
			width:auto;
			max-width:150px;
			max-height:200px;
		}

		.product-name a{text-decoration: none;
			font-size: 16px;
			font-family: MillerDisplay;
			line-height: 18px;
		}

		/*The plus and minus buttons */
		.woocommerce .quantity .plus, .woocommerce .quantity .minus, .woocommerce #content .quantity .plus, .woocommerce #content .quantity .minus, .woocommerce-page .quantity .plus, .woocommerce-page .quantity .minus, .woocommerce-page #content .quantity .plus, .woocommerce-page #content .quantity .minus {
		display: block;
		padding: 0;
		margin: 0;
		position: absolute;
		text-align: center;
		vertical-align: text-top;
		width: 20px;
		height: 15px;
		text-decoration: none;
		overflow: visible;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		line-height: 8px;
		font-size: 12px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		color: white;
		text-shadow: 0 1px 0 rgba(255,255,255,0.8);
		border: none;
		background: #636466;
		-webkit-box-shadow: none;
		-moz-box-shadow:none;
		box-shadow: none;
		}

		/*The plus and minus buttons hover state */
		.woocommerce .quantity .plus:hover, .woocommerce .quantity .minus:hover, .woocommerce #content .quantity .plus:hover, .woocommerce #content .quantity .minus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce-page .quantity .minus:hover, .woocommerce-page #content .quantity .plus:hover, .woocommerce-page #content .quantity .minus:hover{background: black;}

.woocommerce table.cart td.actions, .woocommerce #content table.cart td.actions, .woocommerce-page table.cart td.actions, .woocommerce-page #content table.cart td.actions {
	text-align: right;
	padding-right: 0;
		}

/*Cart Totals*/
	/*Float totals right*/
	.woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table{float:right;}

	/*Cart Totals Title*/
	.cart_totals h2, .shipping-calculator-button{text-decoration: none;
		font-size: 22px;
		font-family: MillerDisplay;
		line-height: 18px;
		}
		/*Pad out the shipping and subtotals and that*/
		.woocommerce .cart-collaterals .cart_totals tr td, .woocommerce .cart-collaterals .cart_totals tr th, .woocommerce-page .cart-collaterals .cart_totals tr td, .woocommerce-page .cart-collaterals .cart_totals tr th {
			border-top: 1px solid #f7f6f7;
			padding: 6px 11px;
			}
		.cart_totals .cart-subtotal, .cart_totals .shipping, .cart_totals .total{text-decoration: none;
			font-weight: bold;
			text-transform: uppercase;
			font-family: "minion-pro" , serif;
			font-size: 12px;
			color:#636466;
			}
			.cart_totals .cart-subtotal td, .cart_totals .shipping td, .cart_totals .total td{color:#1A171B	;}

/* Checkout Page Styles */

.woocommerce table.my_account_orders .order-actions .button, .woocommerce-page table.my_account_orders .order-actions .button{padding-top: 12px!important; height: 24px!important;}
address{text-align:left;}
/* We want the forms to be full width and centered */

.woocommerce .col2-set{text-align: center;}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{width:50%;
	width: 50%;
	clear: both;
	margin: 0 auto;
	text-align: left;
	float: none;
}


.woocommerce .col2-set .col-1.address, .woocommerce-page .col2-set .col-1.address, .woocommerce .col2-set .col-2.address{width:100%;
	clear: both;
	margin: 0 auto;
	text-align: left;
	float: none;
	border-bottom:thin grey solid;
}


.woocommerce-checkout .woocommerce .col2-set .col-1,.woocommerce-checkout .woocommerce-page .col2-set .col-1, .woocommerce-checkout .woocommerce .col2-set .col-2, .woocommerce-checkout .woocommerce-page .col2-set .col-2{width:100%; text-align: left;}

.woocommerce-checkout .woocommerce .col2-set.addresses .col-1 h3,.woocommerce-checkout .woocommerce-page .col2-set.addresses .col-1 h3, .woocommerce-checkout .woocommerce .col2-set.addresses .col-2 h3, .woocommerce-checkout .woocommerce-page .col2-set.addresses .col-2 h3{margin-bottom:-12px;}

.woocommerce-account .woocommerce .col2-set. .col-1,.woocommerce-account .woocommerce-page .col2-set .col-1, .woocommerce-account .woocommerce .col2-set .col-2, .woocommerce-account .woocommerce-page .col2-set .col-2{width:100%; text-align: left; border-top: thin grey solid;}

.woocommerce-account .woocommerce .col2-set .col-1 h3,.woocommerce-account .woocommerce-page .col2-set .col-1 h3, .woocommerce-account .woocommerce .col2-set .col-2 h3, .woocommerce-account .woocommerce-page .col2-set .col-2 h3{margin-bottom:0px;}

/*Col 2 should float left*/
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
	float:none;
	margin:0 auto;
	margin-top:25px;
	clear:both;
	}
/*Set the H3 Styles*/
.checkout h3{text-decoration: none;
	font-size: 22px;
	font-family: MillerDisplay;
	line-height: 18px;}

/*Reposition Billing Text*/
#shiptobilling{position: relative;
	top: 20px;}

/*Order Review Heading Text*/
#order_review_heading{text-decoration: none;
	font-size: 22px;
	font-family: MillerDisplay;
	line-height: 18px;
	letter-spacing: 1.8px;
	text-transform: uppercase;
	}

/*More Space under customer details*/
#customer_details{margin-bottom:40px;}

/* Checkout table styles */
#order_review {}

.gridtitle{font-weight:bold !important;
	margin-bottom:2px;
	padding-left: 20px;
	padding-right: 20px;
	}


/*--------------------------------------------------------------------------------------------
*
*	7. Footer Styles
*
*--------------------------------------------------------------------------------------------*/
/* Footer & Subfooter Setup */
.footer{border-top:1px solid #1A171B;
	margin-top:23px;
	}
	#subfooter{padding-bottom:30px;
		border-bottom: 1px solid #1A171B;
		overflow: auto;
		}
		#subfooter ul{list-style: none;
			float:left;
			padding-left:50px;
			margin-top:0px;
			line-height: 1.2em;
			}
			#subfooter ul h5, .cm-updates h5{margin-bottom: 3px; margin-top:17px}
			#subfooter ul a{color:#868789;
					text-decoration: none;
					font-weight:400;
					font-size: 14px;
					}
					#subfooter ul a:hover{color:#1A171B;}
					#subfooter ul:first-child{padding-left:0;}

/* Social Media Buttons */
.find-us{
    float:right;
    margin-top: -3px;
}
	a.twitter{background:url('images/social.png') no-repeat;
			width:28px;
			height:23px;
			text-indent: -9999px;
			overflow: hidden;
			float:left;
			}
	a.facebook{background:url('images/social.png') no-repeat -33px 0;
			width:28px;
			height:23px;
			text-indent: -9999px;
			overflow: hidden;
			float:left;
			}
	a.instagram{background:url('images/social.png') no-repeat -65px 0;
			width:28px;
			height:23px;
			text-indent: -9999px;
			overflow: hidden;
			float:left;
			}
			.find-us a:hover{background-position-y: bottom;}

/* Campaign Monitor Form */
#subForm {
	position: relative;
	top: 5px;
}
.cm-updates{float:right;
	margin-left:34px;
	width: 50%;}
	.cm-updates input[type=text]{width: 160px!important;
		height:22px;
		outline: none;
		border: 1px solid #c0c0c0;
		padding-left:8px;
		padding-right:8px;
		color: #636466;
		font-style:normal;
		font-size:12px;
		font-family: "minion-pro" , serif;
		outline: none;
		}
	#cm-button{width:65px;
		height: 25px;
		padding-top:4px;
		background: #1A171B;
		outline:none;
		position: relative;
		top: -1px;
		border:none;
		cursor:pointer;
		color:#ffffff;
		font-family: "minion-pro" , serif;
		text-transform: uppercase;
		-webkit-transition:background .1s linear;
		-moz-transition:background .1s linear;
		-o-transition:background .1s linear;
		transition:background .1s linear;
		-webkit-appearance: none;
		}
		#cm-button:hover{
			 /*background: #8ec2ac; Was Green */
			 background:#636466;

			}

/* Copyright & Footer Info */
.copyright-info{font-size:12px;
	font-weight:600;
	text-transform: uppercase;
	list-style: none;
	padding-left:0px;
	font-size: 10px;
	}
	.copyright-info li{
		padding-right:7px;
		padding-left:7px;
		border-right:1px solid #1A171B;
		display: inline-block;
		height: 10px;
		}
		.copyright-info li span{position: relative;
			top: -2px;}
		.copyright-info li:first-child{margin-left: -7px;}
		.copyright-info li:last-child{border-right: none;}
			.copyright-info a{text-decoration: none;
				font-weight:600;
				font-style: normal;
				}

/* Payment Panel Styles */
.woocommerce #payment, .woocommerce-page #payment{background:none;}

.woocommerce h2{text-decoration: none;
	font-size: 22px;
	font-family: "minion-pro",serif;
	line-height: 18px;}

	/* The Panel Styles */
	.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box {padding: 10px 2%;
		margin: 3px 0 15px 0;
		background:white;
		border:thin rgba(26, 23, 27, .1) solid;
		/*background:rgba(26, 23, 27, .4);*/}
					.woocommerce #payment div.payment_box p{margin-top:2px;}
			/* Payment Panel Arrow - Remove that guy */
			.woocommerce #payment div.payment_box:after, .woocommerce-page #payment div.payment_box:after{content:none;}


.closed_men{height:auto;}
.home_mobile_menu{display:none;}


.single-product .quantity{
    display: none;
}

.woocommerce-cart .woocommerce-message{
    display: none;
}

.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info{
    background-color: none;
}

#woothemed table.variations{
    width: 41%;
    overflow: hidden;
    display: inline-block;
    float: left;
    margin-top: -1px;
}
.woocommerce td.product-name dl.variation dd p:last-child, .woocommerce-page td.product-name dl.variation dd p:last-child {
margin-bottom: 0;
margin-top: 0px;
}

/*--------------------------------------------------------------------------------------------
*
*	8. Responsive, 0px to 835px
*
*--------------------------------------------------------------------------------------------*/
@media (max-width: 931px){
    .drop ul{
        width: 163.5px;
    }
    #woothemed table.variations{
        width: 60%;
        float: none;
    }

}


@media (max-width: 767px){

/* First sort out the header */
	.header	.span4{width:100%;
		text-align: center;
		}

		/* Left Aligned Shop Info */
		#shop-info{float:left;
			margin-top:0px;
			width:100%;
			text-align: center;
			}
			/* Hide the login options, display these elsewhere */
			.header #shop-info ul li{display:none;}

			/* Big Searchbar */
			#searchform{float:left;
				width:100%;
				position:relative;
				}
				.header form input {
					background: url('images/ctc-magnify.png') no-repeat right 14px;
					outline: none;
					width: 100%;
					height: 40px;
					border: 1px solid #c0c0c0;
					margin-top: 16px;
					padding-left: 7px;
					padding-right: 28px;
					color: #636466;
					font-style: italic;
					font-size: 12px;
					font-family: "minion-pro" , serif;
					box-sizing: border-box;
				     -webkit-box-sizing:border-box;
				     -moz-box-sizing: border-box;
					}

/* Navigation Styles */

			/*Less padding between the Navbar and search form*/
			.navbar{margin-top: 15px;
				margin-bottom:11px;
				}
				/* Hide the Normal navigation elements */
				.navbar-inner .container{display:none;}
				.navbar-inner .mobile{display:block;}
				/* Show the Mobile Nav */

				.mobile-nav{display:block;
					text-align:center;
					width:100%;
					}

					.mobile-nav a{
						text-decoration: none;
						font-weight:bold;
						font-size:13px;
						padding-top:10px;
						margin-top:1px;
						padding-bottom:9px;
						padding-right:18px;
						display:block;
						z-index: 12;
						top: 0px;
						position: relative;
						background:none;
						padding-left: 50px;
						}
					.mobile-icon{width:45px;
						height:35px;
						margin:0 auto;
						position:absolute;
						margin-left:4px;
						margin-top:2px;
						opacity:.2;
						}
						.mobile-icon span{display:block;
							width:40px;
							height:6px;
							background:#1A171B;
							margin-bottom:4px;
							margin-top:4px;
							}
						.mobile-text{float:left;
							width:35%;
							}
						.mobile-cart{float:right;
							width:60%;
							text-align: right;
							}
							.mobile-cart a{padding-right:0px;
								/*background: url('images/ctc-bag.png') no-repeat 8% 15px;*/
								width: 150px;
								padding-left:0px;
								text-align: right;
								display: inline-block;
								}


			    .cm-updates {
    			    width: 71% !important;
                 }
/* Misc Styles */
	/* Breadcrumbs */
	#crumbs{width:100%;
		position:relative;
		top:-6px;
		}
		#crumbs li{word-spacing:normal;
		letter-spacing: normal;}

/* The Homepage */
	/* Messagebox */
	.row-fluid .span6.messagebox1{border-right:none;
		width:90%;
		border-bottom:1px solid #FFFFFF;
		padding:0 0 18px 0;
		text-align: center;
		margin:0 auto;
		}
	.row-fluid .span6.messagebox2{width:90%;
		padding:12px 0 6px 0;
		text-align: center;
		margin:0 auto;
		}

	/* The Featured Slider */
		.feature-slider{display:none;}



/* The Shop Table, The Cart */
.woocommerce table.cart .product-thumbnail{display:none;}
.shop_table td.product-name{padding: 6px 9px;}
.shop_table td.product-price{padding: 6px 10px;}
.woocommerce td.product-quantity, .woocommerce-page td.product-quantity{display:none;}
.product-quantity{display:none;}
.product-name a{font-size:12px;}
.woocommerce-page #content table.cart td.product-quantity{display:none;}

.woocommerce table.cart td.actions{text-align: center;}
	.woocommerce-page table.cart td.actions .button.alt{float:none;
		margin:0 auto;
		margin-top:6px;margin-left: -5px;
		}
	.actions .button{margin:0 auto;
		clear:both;
		margin-bottom:6px;
		}

/* The Product Grid */
	.store .product-container .prod_image{text-align:center;}
		.store .product-container .prod_image img{margin:0 auto;
			position: relative;
			left:0px;
			bottom:0px;
			}
			.add_basket {
				position: absolute;
				left: 50%;
				bottom: 0px;
				margin: 0 auto;
				margin-left: -54px;
				}
				.product-container .prod_details{
					position: absolute;
					bottom: 50px;
					width: 100%;
					text-align: center;
				}
				.related-ingredients .product-container .prod_details {
				position: absolute;
				bottom: 20px;
				width: 100%;
				text-align: center;
				}
				.sort-right{float:none;
					margin-right: 0;
					width: 100%;}

	#product-description{padding-left:0;}
	#product-description p{padding-right:20px;}


/* The Full Width Template */
	.layout-fullwidth .content img{width:100%;
		position:relative;
		left:0;
		margin:0 auto;
		}

/* The Latest Page */
		.latest-container{margin-left:0px;
			padding-left:0px;
			height: 350px;
			}
			.latest-container .prod_details .ingredients{
				padding-top: 0px;
				margin: 0 auto;
				line-height: .8em;
				width: 100%;
				text-align: center;
				padding-left: 0px;
				margin-top: 3px;
				margin-bottom: 8px;
				float:left;
				clear:both;
				margin-left:-4px;
				}
				.latest-container .prod_details .ingredients li{font-size:14px;
					line-height: 1.2em;
					margin-left:4px;
					}
			.latest-container .add_basket{bottom:18px;}
			.latest-container .price{top: 215px;}
			.latest-container:nth-child(even) .prod_details, .latest-container:nth-child(even) .add_basket{margin-left:0px;}
			.latest-container .end-dot {display:none;}

/* The Ingredients Page */
	.ingredient-col{padding:0;}
		.ingredient-col .end-dot{display:none;}
	.ingredient-list li a{font-size: 18px;
		line-height: 30px;
		}
	.ingredient-single .span6{text-align:center;}
	.ingredient-img{margin:0 auto;
		float:none;
		}

	/* Related Ingredients */
		.related-ingredients{padding-left:0px;}
		.related-ingredients .span8{width:100%;}
		/* Center the images */
		.related-ingredients .prod_image img {
		position: absolute;
		bottom: 18px;
		left: 50%;
		margin-left: -49px;
		}

		.related-products .product-container img{
			position: absolute;
			top: 15px;
			left: 50%;
			height: 180px;
			width: auto;
			margin-left: -51px;
		}
		.single-ingredient .related-ingredients .product-container .add_basket{margin-left:-51px;
			bottom:24px;
			}

/* Sub-Footer */
	/* Sub-Footer Menu Columns */
	#subfooter ul{width:100%;
		text-align: center;
		padding-left:0px;
		line-height: 1.8em;
		margin-top:6px;
		margin-bottom:4px;
		}
		#subfooter ul h5{margin-top:0px;
			font-size: 14px;
			margin-bottom:0px;
			}
		#subfooter ul li a{
			font-size: 14px;
			}
	/* Sub-Footer Social Elements */
		#social{overflow:auto;
			border-top: 1px solid #1A171B;
		}
		.find-us{float:left;}

/* Mobile Navigation Styles */

/* Mobile footer styles */



.closed_men{height:0px;
	overflow:hidden;
	}
	.closed_men.open{height:auto;}

.message{display:none;}
.home_mobile_menu{display:block;
	width:100%;
	}
	.home_mobile_menu ul:first-child {
		list-style: none;
		padding-left: 0px;
		text-align: center;
		border-top: 1px solid #e3e3e3;
		padding-top: 10px;
		}
		.home_mobile_menu ul li{
			margin-bottom: 4px;
			}
			.home_mobile_menu ul li a {
				text-decoration: none;
				margin-top: 0px;
				font-size: 14px;
				margin-bottom: 0px;
				font-weight: 700;
				font-family: "minion-pro",serif;
				text-transform: uppercase;
				background: url('images/mobileArrow.png') no-repeat 95% 1px;
				display: block;
				padding-top: 1px;
				padding-bottom: 9px;
				border-bottom: 1px solid #e3e3e3;
				text-align: left;
				padding-left: 15px;
				margin-bottom: 12px;
				background-size: 10px 16px;
			}
				.cm-updates{width: 95%;}
				#subfooter ul:first-child{width:100%;}

			.store .product-container .prod_image {
			height: 225px;
			width: 100%;
			position: relative;
			top: center;
			top: 28px;
			left: -5px;
			}

			.custom-select {
				float: left;
				margin-right: -13px;
				}


			.woocommerce-page #woothemed .single_add_to_cart_button.button{
				position: relative;
				top: 0px;
				left: 6px;
				}

			.woocommerce-page #woothemed .varaddtocart{
				position: relative !important;
				top: 6px !important;
				left: 0px !important;
				}

.layout-ingredients .content p {
	font-size: 15px;
	}

#subfooter #menu ul:nth-child(1){
	display:none;
}
#subfooter #menu ul:nth-child(3){
	display:none;
}


}

/*--------------------------------------------------------------------------------------------
*
*	9. Responsive, 835px to 1000px
*
*--------------------------------------------------------------------------------------------*/

@media (min-width: 767px) and (max-width: 1000px) {
.home_mobile_menu{display:none;}
/* Don't let the messageboxes clash */
.row-fluid .span6.messagebox1{width: 50%;}
.row-fluid .span6.messagebox2{width:40%;}
.messagebox2 p, .messagebox2 h3{margin-right: -60px;}


/*Vertical Shop Info*/
	.header #shop-info ul li{ float:right;
		border:none;
		clear:both;
		margin-bottom:7px;
		}
		.header #shop-info ul a{padding:0;}

/*minimise width between ULs*/
	#subfooter ul{padding-left:25px;
		width:110px}
		}

/*Minimise the width of the Campaign Monitor Form*/
	.cm-updates{margin-left:17px;}
	.cm-updates input{width:100px;}

/* The featured product slider */
	.featured-product img{width: 36%;
		height:auto;
		max-width:188px;
		}
	.featured-product .product-details {
		max-width: 49%;
		}

	/*Subfooter*/
	#subfooter ul:first-child{padding-left:0px;
		width: 75px;
		}

	#menu-top-menu li{margin-left:0px;
		margin-right:0px;
		}
		.drop ul {
    		margin-right: 2px;
    		margin-left: 8px;
        }
}

/*--------------------------------------------------------------------------------------------
*
*	10. Retina (2x Resolution Devices)
*
*--------------------------------------------------------------------------------------------*/

@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) {
  /*

  EXAMPLE

  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }

  So, you would create the image, but at double the resolution, meaning
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go.

  */

}


/*FF Hack*/
@-moz-document url-prefix() {
    #cm-button{
        padding-top:0px;
    }
}

@media (min-width: 0px) and (max-width: 767px){
	#subfooter ul:first-child{
	width: 100%
	}
	.latest-container .prod_image{height:auto;
	position:absolute;
	width:100px;
	right:0px;
    bottom:0px;
    z-index:-1;
	}
	.latest-container .prod_image img{
		position: absolute;
		bottom: 12px;
		right: 20px;
		width: 100px;
		height: auto;
		}
}

@media (min-width: 1000px){
	#menu-top-menu li{margin-left:4px;
	margin-right:4px;
	}
}

@media only screen and (device-width: 768px) {
  	#cm-button {
	width: 65px;
	height: 25px;
	padding-top: 3px;
	background: #1A171B;
	border-radius: 0;}
}

/*Remove Webkit appearance*/
.button{-webkit-appearance: none !important;}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

	.dd_skincare{width: 260px;}
	.dd_haircare{width: 255px;}
	.dd_gifts{width: 255px;}



  .next-selector{display:none;}
  .prev-selector{display:none;}
  a.shop-now {
	bottom: 30px;
	left: 109px;
  }
  .latest-container {
	height: 350px;
	}
.latest-container .price {
	top: 202px;
	}
.store .product-container .prod_image img {
	left: 28px;
	}
.add_basket{margin-left:34px}

.product-container {
	text-align: center;
	height: 355px;
	position: relative;
	margin-bottom: 26px;
	margin-top: -20px;
}
.related-ingredients .prod_details {
	height: 126px;}
.related-ingredients .product-container .add_basket {
	margin-left: 7px;
	}
.related-ingredients .prod_image img {
	position: absolute;
	bottom: 2px;
	left: 4px;
	}
	.cm-updates {
	float: right;
	margin-left: 34px;
	width: 65%;
	}
	#cm-button {
	width: 65px;
	height: 25px;
	padding-top: 3px;
	background:
	#1A171B;
	border-radius: 0;}

	.woocommerce-page #woothemed .button, .woocommerce-page .shipping-calculator-form .button {
	width: 116px !important;
	height: 33px !important;
	position: relative;
	top: 0px;
	padding-top: 0px !important;
	}
}
@media (max-width: 768px) {

	#woothemed table.variations {
    float: left;
    width: 31%;
    }

}


/* @media only screen and (max-device-width: 480px) { */
@media (max-width: 480px) {
	.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 35px;
	}
	.pager-wrap {
	width: 100%;
	z-index: 2;
	position: absolute;
	right: 0px;
	bottom: -23px;}

	.auto-controls {
		display: none;
		}

	.bx-pager {
		float: left;
		width: auto;
		margin-left: -28px;
		position: relative;
		left: 50%;
		}
		#woothemed table.variations {
    		float: none;
    		width:60%;
        }

}

.dd_ourbrand.menu-item-our-brand{
	width: 97px;
}
