@import url("speed-test.css");

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url('http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxuw_rQOTGi-AJs5XCWaKIhU.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxhbnBKKEOwRKgsHDreGcocg.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBrrIa-7acMAeDBVuclsi6Gc.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSqRDOzjiPcYnFooOUGCOsRk.woff') format('woff');
}

/* ------------------------------------------------------------------- */
/* FIXES */
/* ------------------------------------------------------------------- */
.clearfix:after						{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix 							{ display:inline-table; }
/* Hides from IE-mac \*/
html .clearfix 						{ height:1%; }
.clearfix 							{ display:block; } 
/* End hide from IE-mac */


/* ------------------------------------------------------------------- */
/* GLOBAL RESET */
/* ------------------------------------------------------------------- */
* 									{ margin:0;padding:0; }
*:focus 							{ outline:none }

h1, h2, h3, h4, h5, h6, p, pre, 
blockquote, label, ul, ol, dl, 
fieldset, address					{ margin:1em 5%; }

table th 							{ text-align:left; }

li, dd 								{ margin-left:5%; }

fieldset 							{ padding:.5em; }

html, 
body 								{ font-size:78%; height:100%; margin:0; padding:0; font-family: 'Open Sans', sans-serif; }

h1 									{ font-size:2em; margin:0; padding:0; }   /* displayed at 24px */
h2 									{ font-size:1.5em; margin-left:0px; }     /* displayed at 18px */
h3 									{ font-size:1.25em; margin-left:0px }     /* displayed at 15px */
h4 									{ font-size:1em; margin-left:0px }        /* displayed at 12px */

input, select, th, td 				{ font-size:1em; }
li li, li p, td p, blockquote p 	{ font-size:1em; }

ul									{ margin:0; padding:0; }

p 									{ font-size:1.3em; line-height:1.4em; margin-left:0px; margin-right:0; font-weight:400; }

table								{ width:100%; }
table, th, td, tr, label 			{ margin:0; padding:0; }

body a:link,
body a:visited,
a:visited,
a 									{ color:#231f20; text-decoration:none; }
body a:hover 						{ color:#1d1d1d; }
a img								{ border:none; }


/* ------------------------------------------------------------------- */
/* LAYOUT */
/* ------------------------------------------------------------------- */
body 								{ width:100%; background:url('../grfx/layout-2012/bkgd-header.png') repeat-x 0 0 !important; margin:0; padding:0; color:#231f20; }
#site-wrapper						{ width:100%; /*background:url('../grfx/layout/footer-bg.gif') repeat-x bottom left;*/ background: url('../grfx/layout-2012/bkgd-footer.png') repeat-x bottom left; }
#body-wrapper						{ width:100%; text-align:left; 
	background-position:center 240px !important;
}
#container-a,
#container-b,
#container-wrapper-cd,
#container-wrapper-vw,
#container-wrapper-xy				{ width:900px; clear:both; margin:0 auto; }
#container-wrapper-cd				{  }

/* ------------------------------------------------------------------- */
/* TOP BAR */
/* ------------------------------------------------------------------- */
#container-a	 {
	position:relative;
	height:50px;
}

#catalogue-search-wrapper	{
	position:absolute;
	z-index:10;
	bottom:-93px;
	right:0;
	width:201px;
	padding:0; 
}

#catalogue-search-wrapper form {
	padding:0;
}

#catalogue-search-wrapper h3 {
	margin-bottom:5px;
	color:#231F20;
	font-size:11px;
	font-weight:800;	
}

#catalogue-search-wrapper form .searchbox input {
	width:160px;
	height:35px;
	padding:0 30px 0 10px;
	margin:0;
	background:white;
	background-image:none; 
	font-size:11px;
	line-height:35px;
	border:1px solid #B5B5B5;
}

#catalogue-search-wrapper form .search-button input { 
	float:right; /* Fixes positioning bu in IE8 */
	position:relative;
	top:-23px;
	right:10px;
	width:auto;
	height:auto;
	padding:0;
	background:none;
	text-indent:-9999px; 
	border:none;
	cursor:pointer;
}

.ac_results_search,
.ac_results {
	background-color:white; border:1px solid #B5B5B5; float:left; padding:5px 0px 5px 0px; font-family: 'Open Sans', sans-serif; font-style:italic; font-size:11px; 
width:300px !important;
z-index: 999999;
margin-top:-1px;
}
.ac_results 	{ font-family:arial, helvetica, sans-serif; width: auto !important; font-style: normal;} /* Quick order search */

.ac_results_search ul,
.ac_results ul {
	width: 100%;
	list-style: none;
	list-style-position:inherit;
	padding: 0;
	margin: 0;
}

.ac_results_search li,
.ac_results li {
	margin: 0px;
	padding: 2px 5px 5px 7px;
	cursor:pointer;
	display: block;
	line-height: 16px;
	overflow: hidden;
	font-family: 'Open Sans', sans-serif;
	font-style:italic;
	font-size:1em;
}
.ac_results li 	{ font-family:arial, helvetica, sans-serif; font-style: normal; } /* Quick order search */

.ac_results_search li strong,
.ac_results li strong		{ color: #333;}

.ac_loading {
	background:white url('../grfx/layout/indicator.gif') 150px center no-repeat !important;
	/*width: 20px;
	height: 20px;*/
}

.ac_odd {
}

.ac_over {
	background-color: #eee;
}



#global-tel-wrapper					{ float:left; padding:17px 0 0 0; margin:0; font-size:10px; height:20px; overflow:hidden;
}
#global-tel-summary					{ padding:0; margin:0; color:#FFF; text-decoration:none; display:block; font-size:1.1em; font-style:italic; width:410px;}


/* ------------------------------------------------------------------- */
/* HEADER */
/* ------------------------------------------------------------------- */
#container-b {
	position:relative;
	height:170px;
}

#website-logo-wrapper h1 a			{ display:block; width:300px; height:39px; background:url('../grfx/layout/logo.gif') no-repeat 0 0; text-indent:-999em; position:absolute; top:35px; left:0; }



/* ------------------------------------------------------------------- */
/* PRODUCT GALLERY */
/* ------------------------------------------------------------------- */
#imggallery-wrapper							{ text-align: left; margin-top:25px; width: 400px; clear:both; }
#imggallery-wrapper ul						{ list-style: none;  padding-left: 1px; overflow: hidden}
#imggallery-wrapper ul li 					{ margin: 0; float: left; display: block; border: 1px solid #B5B5B5; padding: 2px; margin: 0 0 -1px -1px}
#imggallery-wrapper ul li:last-child		{ margin-bottom: 25px;}
#imggallery-wrapper ul li a					{ display:block;}
#imggallery-wrapper ul li a img				{ display: inline;}

#imggallery-wrapper ul li:hover				{ border: 1px solid #000; position: relative; z-index: 9999; }


/* ------------------------------------------------------------------- */
/* STOCK LEVEL COLOURS */
/* ------------------------------------------------------------------- */
.stock-default,
.stock-red,
.stock-green		{ text-transform: uppercase; font-size: 9px; font-weight: bold; }
.stock-red			{ color: red;}
.stock-default		{ color: orange;}
.stock-green		{ color: green;}



/* ------------------------------------------ */
/* FOOTER */
/* ------------------------------------------ */
#container-z						{ clear:both; font-size:11px; font-family: 'Open Sans', sans-serif;  color:#bbb; position:relative; margin:0 auto; width:900px;  height: 295px; padding: 0 0 25px 0; margin-top:0px; }


/* Generic */
/* ------------------------ */
#container-z,
ul#catalogue-footer-nav ul li a,
ul#catalogue-footer-nav ul li a:visited,
div.newsletterwindow-summary,
#container-z a,
#container-z a:visited  	{ color: #838383;}
#container-z a:hover,
#container-z a:visited:hover  	{ color: #1d1d1d}

/* Titles */
#catalogue-footer-nav-wrapper h3,
ul#footer-nav li:first-child,
.social-network-footer-heading {
	margin:0 0 2px 0;
	font-size:11px;
	font-weight:bold;
}

.social-network-footer-heading {
	display:block;	
}

/* ---- STOCKISTS ---- */

/* ------------------------------ */
#stockist-search-banner-wrapper 		{
	display:block;
	padding:20px 0 20px 80px;
	margin-top:20px;
	border-top:1px solid #D9D9D9;
}

#stockist-search-banner-wrapper a 		{
	overflow:hidden;
	display:block;
	}
#stockist-search-banner-wrapper span	{
	float:left;
	}
	

#stockist-search-banner-wrapper span strong	{ 
	margin-left:5px;
	font-weight:bold;
}
	
	
	/* TITLES */
	
#social-network-wrapper span.social-network-twitter-heading,
#social-network-wrapper span.social-network-facebook-heading	{ font-size:18px; color:#444; padding-bottom:3px; font-style:normal !important; display:block; /*background:url('../grfx/layout/grey-arrow.gif') no-repeat right center;*/ }

#stockist-search-banner-wrapper span.stockist-search-banner-heading		{ font-size:18px; color:#444; font-style:normal !important; display:block; }
#stockist-search-banner-wrapper a:link span,
#stockist-search-banner-wrapper a:visited span							{ color:#231F20; padding-bottom:0;}
#stockist-search-banner-wrapper a:hover	span							{ color:#888;}
#social-network-wrapper span.social-network-twitter-heading				{ width:85px; }
#social-network-wrapper span.social-network-facebook-heading			{ width:95px; }
#stockist-search-banner-wrapper span.stockist-search-banner-heading		{ width:140px; }
#stockist-search-banner-wrapper span.stockist-search-banner-summary 	{ font-size:14px; font-style:italic; margin-top:5px; }


/* Catalogue Links */
/* ------------------------ */
#catalogue-footer-nav-wrapper {
	position:absolute;
	top:20px;
	left:250px;
}


ul#catalogue-footer-nav	{
	margin:0 ;
	padding:0;
	list-style:none;

}

ul#catalogue-footer-nav	li {
	margin:0 0 2px 0;
	padding:0;
}

ul#catalogue-footer-nav ul {
	display:none;	
}




/* Hiding 'New Additions' links */
ul#catalogue-footer-nav li.newadd-kni,
ul#catalogue-footer-nav li.newadd-liv,
ul#catalogue-footer-nav li.newadd-kit,
ul#catalogue-footer-nav li.newadd-cook,
ul#catalogue-footer-nav li.newadd-foo,
ul#catalogue-footer-nav li.newadd-too,
ul#catalogue-footer-nav li.newadd-dri,
ul#catalogue-footer-nav li.newadd-acc{
	display: none !important;
}




/* Subscribe */
/* ------------------------ */
#container-z #newsletterw-wrapper	 {
	position:absolute;
	top:0;
	right:0;
	width:180px;
	padding:10px 10px 35px 10px;
	background:black;
}

#container-z #newsletterw-wrapper h3	{
	margin:0 0 15px;
	color:#FFF;
	font-size:1.15em;
	font-weight:400;
}

#container-z div.newsletterwindow-summary {
	display:none;
}

#container-z #newsletterw-wrapper form {
	padding:0;
}

#container-z #newsletterw-wrapper form input {
	width:170px;
	padding:8px 5px;
	margin-bottom:15px;
	font-size:11px;
	border:none;		
}

#container-z #newsletterw-wrapper form span.button label {
	display:none;	
}

#container-z #newsletterw-wrapper form span.button input {
	position:absolute;
	right:10px;
	bottom:10px;
	width:65px;
	height:auto;
	padding:5px;
	margin:0;
	color:#FFF;
	background:#888;
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
}

#container-z #newsletterw-wrapper form span.button input:hover {
	color:#000;
	background-color:#FFF;	
}



/* Contact info */
/* ------------------------ */
#copyright-wrapper,
#company-address-wrapper,
#contact-details-wrapper {
	margin: 0;
	padding: 0;
	font-weight:800;
}

#copyright-wrapper								{ padding-top:20px;}
#contact-details-wrapper						{ margin:10px 0 25px; }

span.row-tel,
span.row-fax,
span.row-email									{ display: block; }

span.contact-details-tel,
span.contact-details-fax						{ border: none; display: inline; margin: 0; padding: 0;}



/* Footer nav */
/* ------------------------ */
#footer-nav-wrapper {
	position:absolute;
	top:20px;
	left:405px;
}

ul#footer-nav li								{ margin: 0 0 2px 0; padding: 0; list-style:none; width:auto; display:block;}	


/* Social network share */
/* ------------------------ */ 
#social-network-footer-wrapper	{
	position: absolute;
	left: 535px;
	top:20px; 
}

#social-network-footer-wrapper a {
	display:block;
	margin-bottom:2px;	
}

/* Social network links */
/* ------------------------ */ 
#social-network-wrapper {
	position:absolute;
	top:225px;
	left:0;
	width:190px;
	
}

#social-network-wrapper a:link,
#social-network-wrapper a:visited {
	display:block;
	float:left;
	width:50px;
	height:50px;
	margin-right:10px;
	background-position:0 0;
	background-repeat: no-repeat;
	text-indent:-999em;
	text-decoration:none;
}

#social-network-youtube-wrapper a {
	background-image:url('../grfx/layout-2012/sm-youtube.png');
}

#social-network-facebook-wrapper a {
	background-image:url('../grfx/layout-2012/sm-facebook.png');
}

#social-network-twitter-wrapper a {
	background-image:url('../grfx/layout-2012/sm-twitter.png');
}

#social-network-wrapper a span {
	display:none;	
}

#social-network-wrapper a:hover {
	opacity: 0.6;                              /* Firefox, Safari(WebKit), Opera */
	-ms-filter: "alpha(opacity=60)";   /* IE 8 */
	filter: alpha(opacity=60);            /* IE 4-7 */
	zoom: 1;       /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */
}

/* Author logo */
/* ------------------------ */ 
#author-wrapper a								{ bottom: auto; top:200px; width: auto; display:block; position:absolute; right:0; text-decoration: none;}
#author-wrapper a span							{ width: 60px; height: 15px; background: url('../grfx/layout/m52-mega-footer.png') no-repeat 0 0; text-indent:-9999em; display:block;
opacity: 0.6;                    /* Firefox, Safari(WebKit), Opera */
-ms-filter: "alpha(opacity=60)"; /* IE 8 */
filter: alpha(opacity=60);       /* IE 4-7 */
zoom: 1;       /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ 
}
#author-wrapper a:hover	span						{ background: url('../grfx/layout/m52-mega-footer.png') no-repeat 0 0;
opacity: 1;                    /* Firefox, Safari(WebKit), Opera */
-ms-filter: "alpha(opacity=100)"; /* IE 8 */
filter: alpha(opacity=100);       /* IE 4-7 */
zoom: 1;       /* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */ 
}


/* ------------------------------- */
/* SOCIAL MEDIA */
/* ------------------------------- */
#product-facebook-like-button,
#product-twitter-button,
#product-plusone-button {
	position:relative;
	z-index:1;
	float:left;
}

#product-facebook-like-button {
	z-index:2; /* Ensuring the 'Like' box appears above other elements */
	margin:0 5px 0 0;	
	height:30px; /* Setting height to avoid content moving down after widget has loaded */
}

#product-twitter-button {
	width:95px;	
}

a.twitter-share-button {
	display:none;	 /* Hiding 'Tweet' hypelink when JS is disabled */
}

/* Footer: Social Media */
/* ------------------------------- */
#container-z #product-facebook-like-button,
#container-z #product-plusone-button {
	position:absolute;
	top:255px;
	left:190px;
}

#container-z #product-plusone-button {
	top:225px;
}