ÿþ

/**!

 * Part of the AYO Framework

 * The following notice may not be removed under any circumstances.

 *

 * @author		Jon Burger

 * @version		1.0

 * @copyright	2010 AYO Media Limited / Jon Burger. All Rights Reserved - where any exist ;)

 * @see			http://ayomedia.co.uk

 * @see			http://jonburger.com

 *

 * @date		19th January 2010

 * @media		Screen

 */



/** @section General ********************************************/

html {

	height:100%;

}

body {

	font:62.5%/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;

	background:#d2c398 url(images/bg_body.png) 50% 0;

	text-align:center;

	height:100%;

	color:#853;

	padding:0;

	margin:0;

}



/* margins */

p, dl, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, hr {

	margin:0 0 18px;/*1.5em;*/

	border:none;

	padding:0;

}



/* forms */

input, textarea, select, option {

    font:1em Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;

    color:#000;

}

legend {

    display:none;

}



/* remember to define focus styles! */

:focus {

	outline:0;

}



/* super and sub text */

sup {

	vertical-align:text-top;

	font-size:.87em;

}

sub {

	vertical-align:baseline;

	font-size:.87em;

}



del {

	text-decoration: line-through;

}



/* blockquotes */

blockquote, q {

	font-style:normal;

	quotes:none;

    padding:0;

    margin:0;

}

blockquote:before, blockquote:after, q:before, q:after {

	content:'';

	content:normal;

}



/* links */

a {

    border-bottom:2px solid #f4dbbb;

    text-decoration:none;

    font-weight:bold;

    color:#d87b2a;

}

a:hover, a:focus, .hover a {

    border-color:#d87b2a;

}

a:focus {

	outline:1px dotted invert!important;

}



/* images */

img {

	border:0;

}



/* headings */

h1 {

	font-size:1.5em;

}

h2 {

	font-size:1.3em;

}

h3 {

	font-size:1.1em;

}

h4, h5, h6 {

	font-size:1em;

}



/* lists */

ol {

	padding:0 0 0 26px;

	list-style:decimal;

}

ul {

	padding:0 0 0 26px;

	list-style:disc;

}



/* tables - still need 'cellspacing="0"' in the markup */

table {

	border-collapse:collapse;

	border-spacing:0;

}



/* horizontal rule */

hr {

	border-top-color:#dbcdaf;

	border-width:1px 0 0;

	border-style:solid;

	position:relative;

	clear:both;

	height:0;

}

.primary > hr {

	margin:0 20px 0 0;

}

fieldset hr {

	border-style:dotted;

	margin:12px 0;

}



/** @section Grid ***********************************************/

.column {

	display:inline;

	float:left;

	width:100%;

}

/* 1 column */

.w100 {

	width:100%;

}

.w90 {

	width:90%;

}

.w85 {

	width:85%;

}

.w80 {

	width:80%;

}

.w75 {

	width:75%;

}

.w70 {

	width:70%;

}

.w66 {

	width:66.666%;

}

.w60 {

	width:60%;

}

/* 2 columns */

.w50 {

	width:50%;

}

.w40 {

	width:40%;

}

/* 3 columns */

.w33 {

	width:33.333%;

}

/* 4 columns */

.w25 {

	width:25%;

}

/* 5 columns */

.w20 {

	width:20%;

}

/* 6 columns */

.w16 {

	width:16.666%;

}

.w15 {

	width:15%;

}

.w10 {

	width:10%;

}

.w5 {

	width:5%;

}

.w1 {

	width:1%;

}



/* margins */

.lm50 {

	margin-left:50%;

}

.lm33 {

	margin-left:33.333%;

}

.lm25 {

	margin-left:25%;

}

.lm20 {

	margin-left:20%;

}

.lm16 {

	margin-left:16.666%;

}



.rm50 {

	margin-right:50%;

}

.rm33 {

	margin-right:33.333%;

}

.rm25 {

	margin-right:25%;

}

.rm20 {

	margin-right:20%;

}

.rm16 {

	margin-right:16.666%;

}



/* paddings */

.lp50 {

	padding-left:50%;

}

.lp33 {

	padding-left:33.333%;

}

.lp25 {

	padding-left:25%;

}

.lp20 {

	padding-left:20%;

}

.lp16 {

	padding-left:16.666%;

}



.rp50 {

	padding-right:50%;

}

.rp33 {

	padding-right:33.333%;

}

.rp25 {

	padding-right:25%;

}

.rp20 {

	padding-right:20%;

}

.rp16 {

	padding-right:16.666%;

}



/* utilities */

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */

.clearfix:after {

	visibility:hidden;

	display:block;

	font-size:0;

	content:" ";

	clear:both;

	height:0;

}

.ie6 .clearfix, .ie7 .clearfix,

.ie6 .clearfix, .ie7 .clearfix {

	zoom:1;

}



/* http://sonspring.com/journal/clearing-floats */

.clear {

	visibility:hidden;

	overflow:hidden;

	display:block;

	clear:both;

	height:0;

	width:0;

}



.hide,

.has-js .js-hide {

	position:absolute;

	overflow:hidden;

	left:-9999in;

	top:-9999in;

	height:0;

	width:0;

}



/** @section Panel **********************************************/

.section {

	position:relative;

	overflow:hidden;

	clear:both;

	

	/* customisable spacing */

	padding:10px 0 0;

}

.ie6 .section {

	overflow:visible;

	height:1%; 

}

.primary .section {

	margin-right:20px;

}

#page .no-margin {

	margin:0;

}

.section h2 {

	text-shadow:#e8dec0 -1px -1px 0px, #fff 1px 1px 0px;

	font-family:Cambria, Georgia, serif;

	letter-spacing:-1px;

	font-weight:normal;

	font-size:2em;

	color:#267a65;

	

	/* customisable spacing */

	margin:0 0 6px;

}

.section h2 strong {

	color:#6b440c;

}

.primary h2 {

	line-height:1.3;

	font-size:2.4em;

	color:#267a65;

}

.primary h2 strong {

	text-shadow:#fff 1px 1px 0px;

	color:#c8b47d;

}

.primary h2 em {

	text-transform:uppercase;

	font-style:normal;

	color:#0e4e3e;

}



#page .cms-copy h2,

#page .cms-copy h3 {

	font-family:Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;

	text-shadow:none;

	letter-spacing:0;

	font-weight:bold;

	margin:0 0 1.5em;

	font-size:1.3em;

	line-height:1.5;

	color:#853;

}

#page .cms-copy h3 {

	font-size:1.1em;

}





.read-more {

	margin:-1.5em 0 1.5em;

	display:block;

}

p .read-more {

	display:block;

	margin:0;

}



/** @section Buttons ********************************************/

input {

	overflow:visible;

}

input::-moz-focus-inner {

	border:none;

    padding:0;

}



.button {

	/*-webkit-box-shadow:0 0 2px #000;

	-moz-box-shadow:0 0 1px #000;

	box-shadow:0 0 2px #000;*/

	

	-webkit-border-radius:3px;

	-moz-border-radius:3px;

	border-radius:3px;

	

	/*text-transform:uppercase;*/

	

	display:inline-block;

	line-height:1.1;

	border-style:solid;

	position:relative;

	border-width:1px;

	font-weight:bold;

	padding:2px 8px;

	font-size:1.2em;

	cursor:pointer;

	z-index:1;

}

/*.ie8 .button {

	behavior:url(/_assets/css/ie-css3.htc);

}*/

.ie6 .button,

.ie7 .button {

	padding:1px 8px;

	border-width:0;

	outline:none;

}



#page .btn-orange {

	background:#b6441e url(images/bg_btn-orange.png) repeat-x 0 0;

	text-shadow:1px 1px 0 #853;

	border-color:#a25e20;

	color:#fff;

}



#page .btn-orange:hover,

#page .btn-orange:focus {

	background-position:0 -40px;

	background-color:#d85727;

}

#page .btn-orange:active {

	background:#C55C23;

	top:1px;

}



#page .btn-green {

	background:#0e4e3e url(images/bg_btn-green.png) repeat-x 0 0;

	text-shadow:1px 1px 0 #0c4234;

	border-color:#2C4813;

	color:#fff;

}



#page .btn-green:hover,

#page .btn-green:focus {

	background-position:0 -40px;

	background-color:#12614A;

}

#page .btn-green:active {

	background:#0c4234;

	top:1px;

}





/** @section Form ***********************************************/

.section fieldset {

	position:relative;

	padding:0 0 5px;

	overflow:hidden;

	display:block;

	width:100%;

	margin:0;

}

.section fieldset h2 {

	padding:5px 0 5px 36px;

	margin:0;

}

.section fieldset p {

	margin-bottom:6px;

}

.section .form-row table {

	border:1px solid #ccc;

	/*margin:0 26px;*/

}

.form-sub {

	padding:12px 0 0;

}

.form-row {

	border:0 solid #fff;

	padding:5px 0;

	margin:0;

}

.form-row label,

.form-row .label {

	font-weight:bold;

	padding:0 0 4px;

	display:block;

}

.form-row label em,

.form-row .label em {

	font-style:normal;

	font-weight:bold;

	color:#f00;

}

.form-row .content {

	background:transparent;

	white-space:nowrap;

	position:relative;

	/*max-height:14em;*/

	list-style:none;

	/*overflow:auto;*/

	padding:0;

	margin:0;

}

.form-row input[readonly] {

	color:#999;

}



/* radio / checkboxes */

.form-row .content label {

	white-space:normal;

	font-weight:normal;

	margin-right:20px;

	position:relative;

	display:inline;

	padding:0;

	top:-1px;

}

.form-row .content li {

	overflow:hidden;

	padding:1px 0 0;

}

.ie6 .form-row .content li {

	height:1%;

}

.form-row .content li input {

	display:inline;

	float:left;

}

.form-row .content li label {

	padding:2px 10px 0 3px;

	overflow:hidden;

	display:block;

	margin:0;

}



/* media collection */

.form-row .media {

	white-space:normal;

	max-height:none;

	overflow:hidden;

}

.form-row .media li {

	margin:0 5px 4px 0;

	position:relative;

	overflow:hidden;

}

.ie6 .form-row .media li {

	overflow:visible;

	height:1%;

}

.form-row .media li img {

	display:block;

	float:left;

}

.form-row .media li label {

	border:3px solid #ccc;

	background:#eee;

	display:inline;

	float:left;

	padding:0;

	margin:0;

}

.form-row .media li label:hover {

	border-color:#1395ec;

}

.form-row .media li input {

	position:absolute;

	bottom:5px;

	left:5px;

	z-index:2;

}

.form-row .prefix {

	position:absolute;

	text-align:right;

	width:1.7em;

	top:1px;

	left:0;

}

.form-row .suffix {



}

.form-row .note {

	padding:2px 0 0;

	font-size:.9em;

	color:#aaa;

	margin:0;

}



input.l2v-added {

	color:#999;

}



/* sizes */

.txt {

	width:50ex;

}

.long {

	width:80ex;

}

.short {

	width:25.5ex;

}

.discount {

	width:18ex;

}

.tiny {

	width:10ex;

}

.short-date {

	width:11ex;

}

.postcode {

	width:10ex;

}

.cv2 {

	width:5ex;

}

.qty {

	width:5ex;

}

.sortcode {

	text-align:center;

	width:3ex;

}



/* datepicker mods */

/*.ui-datepicker {

	-moz-box-shadow:0 2px 10px rgba(0,0,0,.3);

	-webkit-box-shadow:0 2px 10px rgba(0,0,0,.3);

	box-shadow:0 2px 10px rgba(0,0,0,.3);

	z-index:20 !important;

	left:-9999in;

	top:-9999in;

}

.ui-datepicker a {

	border-bottom:none;

}

.ui-datepicker .ui-datepicker-header {

	-moz-border-radius:10px 10px 0 0;

	-webkit-border-radius:0px;

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

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

	border-radius:0px;

	border-top-right-radius:10px;

	border-top-left-radius:10px;

	margin:-3px -3px 0;

}

#page .ui-datepicker-header .ui-state-hover,

#page .ui-datepicker-header .ui-state-focus {

	border:1px solid #000;

	background:#222;

}

.ui-widget-header .ui-state-hover,

.ui-widget-header .ui-state-focus {

	background:transparent;

	cursor:pointer;

	padding:1px;

	border:none;

}

.ui-datepicker-trigger {

	vertical-align:text-top;

	position:relative;

	cursor:pointer;

	left:4px;

	top:-1px;

}

.ie7 .ui-datepicker-trigger {

	top:-4px;

}*/



/** @section Alerts *******************************************/

.alert {

	border:1px solid #ccc;

	display:inline-block;

	background:#eee;

	overflow:hidden;

	margin:0 0 12px;

}

.alert {

	display:block;

}

.alert .icon {

	background-repeat:no-repeat;

	margin:1.5em 0 1.5em 1.5em;

	text-indent:-9999in;

	overflow:hidden;

	display:inline;

	height:16px;

	width:16px;

	float:left;

	padding:0;

}

.alert .message {

	padding:1.5em 1.5em 0;

	overflow:hidden;

}

.alert ul {

	list-style:disc inside;

	padding:0 0 0 4px;

}

.alert label {

	font-weight:bold;

	cursor:pointer;

}

.alert h3 {

	font-size:1.3em;

	line-height:1.2;

	margin:0 0 .9em;

}



/* colours */

.red {

	background-color:#fcc;

	border-color:#ebb;

	color:#a20;

}

fieldset .red {

	background-color:transparent;

}

fieldset .red label {

	font-style:italic;

	color:#c20;

}



.green {

	background-color:#cf9;

	border-color:#be8;

	color:#2a0;

}

fieldset .green {

	background-color:transparent;

}

fieldset .green label {

	font-style:italic;

	color:#2c0;

}



.yellow {

	background-color:#fea;

	border-color:#ed9;

	color:#cb0;

}

fieldset .yellow {

	background-color:transparent;

}

fieldset .yellow label {

	font-style:italic;

	color:#ba0;

}



.blue {

	background-color:#cdf;

	border-color:#bce;

	color:#02a;

}

fieldset .blue {

	background-color:transparent;

}

fieldset .blue label {

	font-style:italic;

	color:#02c;

}



.grey {

	background-color:#ddd;

	border-color:#ccc;

}

fieldset .grey {

	background-color:transparent;

}

fieldset .grey label {

	font-style:italic;

	color:#333;

}



/* icons */

/**!

 * @author		Mark James

 * @version		1.3

 * @copyright	Mark James

 * @see			http://www.famfamfam.com/lab/icons/silk/

 *

 * @license		Creative Commons Attribution 2.5 License

 * @see 		http://creativecommons.org/licenses/by/2.5/

 */

 

#page .ico_failure {

	background-image:url(icons/silk/exclamation.png);

}

#page .ico_success {

	background-image:url(icons/silk/accept.png);

}

#page .ico_information {

	background-image:url(icons/silk/information.png);

}

#page .ico_warning {

	background-image:url(icons/silk/error.png);

}



/** @section Page ***********************************************/

#page {

	background:url(images/bg_page.png) repeat-y 50% 0;

	text-align:center;

	position:relative;

	overflow:hidden;

	min-height:100%;

	min-width:980px;

	width:100%;

}

/* background 'Jog' fix for webkit */

@media screen and (-webkit-min-device-pixel-ratio:0) {

	#page {

		padding-left:1px;

		margin-left:-1px;

	}

}



/* header */

#header {

	position:relative;

	text-align:left;

	font-size:1.2em;

	margin:0 auto;

	width:892px;

}



/* strapline */

#header .strapline {

	text-shadow:#021f18 -1px -1px 0px, #176752 1px 1px 0px;

	font-family:Cambria, Georgia, serif;

	text-transform:uppercase;

	display:inline-block;

	padding:3px 70px 4px;

	background:#0e4e3e;

	font-size:1.5em;

	margin:0 -70px;

	color:#fefbec;

}

#header .strapline {

	display:block;

}

#header .strapline strong {

	text-transform:none;

	color:#9ae247;

}



.ie6 #header .strapline {

	position:relative;

}



/* branding */

#header .branding {

	background:url(images/bg_branding.png) no-repeat;

	padding:9px 54px 0;

	position:absolute;

	overflow:hidden;

	height:229px;

	width:152px;

	left:-24px;

}

#header .branding a {

	border:none;

}



/* user */

#header .user {

	padding:15px 25px 0 0;

	text-align:right;

	width:659px;

	float:left;

}

#header .user p {

	font-size:1.1em;

	color:#853;

	margin:0;

}

#header .user ul {

	font-weight:bold;

	list-style:none;

	padding:0;

}

#header .user li {

	margin-left:10px;

	display:inline;

}

#header .user a {

	border-color:#ddc1ae;

	line-height:1.7;

	color:#6b440c;

}

#header .user a:hover,

#header .user a:focus {

	border-color:#6b440c;

}



/* basket */

#header .basket {

	background:#0e4e3e url(images/bg_basket.png) repeat-x;

	position:relative;

	font-size:1.1em;

	overflow:hidden;

	width:208px;

}

.ie6 #header .basket {

	margin-left:684px;

	margin-top:-5.8em;

}

.ie7 #header .basket {

	margin-left:684px;

}

#header .basket a,

#header .basket .in-progress {

	/*background:url(icons/ecom/basket.png) no-repeat 10px 18px;*/

	background:#0e4e3e url(images/bg_basket.png) repeat-x;

	padding:15px 10px;

	font-weight:bold;

	display:block;

	color:#fefbec;

	border:none;

	width:188px;

}

#header .basket a:hover,

#header .basket a:focus {

	background:#0d5e47 url(images/bg_basket.png) repeat-x 0 -100px;

}

#header .basket .content {

	overflow:hidden;

	display:block;

}

#header .basket a * {

	cursor:pointer;

}

#header .basket strong {

	color:#9AE247;

}

#header .basket .price {

	font-size:1.05em;

	display:block;

}

#header .basket .checkout {

	border-bottom:2px solid #429e4f;

	position:absolute;

	line-height:1.1;

	color:#9AE247;

	bottom:8px;

	right:10px;

}

#header .basket a:hover .checkout,

#header .basket a:focus .checkout {

	border-color:#9AE247;

}

#header .basket .icon {

	background:url(icons/ecom/basket.png) no-repeat;

	margin:5px 10px 5px 0;

	text-indent:-9999in;

	overflow:hidden;

	display:inline;

	height:24px;

	width:27px;

	float:left;

}



/* navigation */

#header .nav {

	background:url(images/bg_shadow-top.png) repeat-x;

	display:inline-block;

	padding:25px 70px 0;

	font-size:1.2em;

	margin:0 -70px;

	display:none;

}

#header .nav {

	display:block;

}

.ie6 #header .nav {

	background:none;

}

#header .nav ul {

	background:#076F54 url(images/bg_navigation.png) repeat-x;

	/*text-shadow:#274f2e -1px -1px 0px, #119673 1px 1px 0px;*/

	font-family:Cambria, Georgia, serif;

	padding:0 0 0 208px;

	list-style:none;

	font-size:1.2em;

	overflow:hidden;

	color:#fefbec;

	margin:0;

}

#header .nav li {

	background:#fefbec url(images/bg_shadow-top.png) repeat-x 0 -25px;

	position:relative;

	padding-left:8px;

	display:inline;

	float:left;

}

.ie6 #header .nav li {

	background-image:none;

}



#header .nav li a {

	background:#076F54 url(images/bg_navigation.png) repeat-x;

	font-weight:normal;

	text-align:center;

	padding:0 3px 3px;

	display:inline;

	border:none;

	float:left;

	color:#fff;

}

#header .nav li span {

	border-bottom:9px solid #076F54;

	white-space:nowrap;

	padding:36px 0 0 0;

	line-height:36px;

	display:inline;

	cursor:pointer;

	width:100px;

	float:left;

	color:#fff;

}

#header .nav li a:hover span ,

#header .nav li a:focus span {

	border-color:#429e4f;

}

#header .nav li.current a span {

	border-color:#9ae247;

}



/* search */

#header .search {

	position:relative;

	z-index:100;

	width:208px;

	left:684px;

	margin:0;

}

.ie6 #header .search {

	left:472px;

}

#header .search fieldset {

	position:absolute;

	width:208px;

	padding:0;

	margin:0;

	top:70px;

	left:0;

}

#header .search .txt {

	border:1px solid #D5C69B;

	border-right:none;

	font-weight:bold;

	line-height:30px;

	background:#fff;

	padding:0 10px;

	height:30px;

	width:151px;

	float:left;

	color:#853;

}

.ie6 #header .search .txt {

	width:148px;

}

#header .search .l2v-added {

	color:#c09a81;

}

#header .search .btn {

	background:#0e4e3e url(images/bg_search-btn.png) repeat-x;

	text-shadow:#021F18 -1px -1px 0px, #176752 1px 1px 0px;

	font-family:Cambria, Georgia, serif;

	text-transform:uppercase;

	text-align:center;

	line-height:30px;

	overflow:visible;

	font-weight:bold;

	cursor:pointer;

	border:none;

	height:32px;

	width:36px;

	float:left;

	color:#fff;

	padding:0;

	margin:0;

}

#header .search .btn:hover,

#header .search .btn:focus {

	text-shadow:#274F2E -1px -1px 0px, #119673 1px 1px 0px;

	background:#0c7f62;

}

#header .search .btn:active {

	background:#0e4e3e;

}



/* main */

#main {

	min-height:100%;

	clear:both;

}

#main form.content {

	background:url(images/bg_steam.jpg) repeat-y 720px 0;

	text-align:left;

	font-size:1.2em;

	overflow:hidden;

	margin:0 auto;

	width:892px;

}



.primary {

	padding:55px 0 40px;

	display:inline;

	width:684px;

	float:left;

	margin:0;

}

.ie6 .primary {

	margin-right:-3px;

	/*width:681px;*/

}

.aside {

	padding:110px 0 60px;

	overflow:hidden;

	width:208px;

}



.wide .primary,

.wide .aside {

	display:block;

	float:none;

	width:auto;

}

.wide .primary {

	padding-bottom:0;

}

.wide .aside {

	padding:0 0 40px;

}

.wide .alert {

	width:662px;

}



/* breadcrumb */

#breadcrumb ul {

	list-style:none;

	padding:10px;

	margin:0;

}

#breadcrumb li {

	background:url(icons/silk/bullet_arrow_right.png) no-repeat;

	padding:0 0 0 17px;

	display:inline;

}

#breadcrumb li.alpha {

	background:none;

	padding:0;

}

#breadcrumb li.current {

	font-weight:bold;

}



/* footer */

#footer {

	background:#f4f0e5 url(images/bg_footer.png) repeat-x;

	position:relative;

	max-width:1032px;

	text-align:left;

	font-size:1.2em;

	margin:0 auto;

}

#footer .content {

	background:url(images/bg_footer_content.png) repeat-x 0 100%;

}



/* help links */

#footer a {

	border-color:#c8b691;

	color:#764900;

}

#footer a:hover,

#footer a:focus {

	border-color:#764900;

}

#footer dt,

#footer dd {

	padding:0;

	margin:0;

}

#footer .help-links,

#footer .department-links,

#footer .site-links  {

	padding:5px 0 25px;

	display:inline;

	width:208px;

	float:left;

	margin:0;

}

#footer .help-links  {

	position:relative;

	margin-right:-446px;

	margin-left:50%;

	left:-446px;

}

#footer .help-links dt,

#footer .department-links dt,

#footer .site-links dt {

	text-shadow:#b9a679 -1px -1px 0px, #f4f0e5 1px 1px 0px;

	font-family:Cambria, Georgia, serif;

	letter-spacing:-1px;

	padding:15px 0 0;

	font-weight:bold;

	font-size:1.6em;

	margin:0 0 4px;

	color:#573721;

}

#footer .site-links dt:not(:first-child) {

	text-shadow:#e0d6ba -1px -1px 0px, #fff 1px 1px 0px;

}



#footer .twitter a {

	background:url(images/logo_twitter.png) no-repeat;

	text-indent:-9999in;

	display:block;

	margin:-7px;

	border:none;

	height:40px;

	width:124px;

}



/* accepted cards */

#footer .accepted-cards {

	margin:0 0 0 -446px;

	white-space:nowrap;

	position:relative;

	line-height:80px;

	width:446px;

	float:left;

	color:#fff;

	left:50%;

}

#footer .accepted-cards dt {

	margin:0 20px 0 0;

	display:inline;

	padding:0;

}

#footer .accepted-cards dd {

	display:inline;

	padding:0;

	margin:0;

}

#footer .accepted-cards img {

	vertical-align:middle;

	height:21px;

	width:auto;

}



/* copyright */

#footer .copyright {

	line-height:80px;

	text-align:right;

	margin:0 auto;

	width:892px;

	color:#fff;

}

#footer .copyright a {

	border-color:#288D72;

	color:#72ccb3;

}

#footer .copyright a:hover,

#footer .copyright a:focus {

	border-color:#72ccb3;

}





/* coffee cup */

#footer .coffee-cup {

	background:url(images/coffeecup_large.png) no-repeat;

	position:absolute;

	margin-left:160px;

	bottom:150px;

	height:213px;

	width:324px;

	left:50%;

}



/* tea lady */

.tealady {

	background:url(images/bg_tealady.png) no-repeat;

	margin:0 0 0 -1084px;

	position:absolute;

	height:100%;

	width:568px;

	left:50%;

	top:0;

}

.ie6 .tealady,

.ie7 .tealady {

	/* IE < 7 exhibits background 'jog' when aligning from the left */

	/* Opera exhibits background 'jog' when aligning from the right */

	margin:0 516px 0 0;

	right:50%;

	left:auto;

}



/** @section Content ********************************************/



.free-delivery {

	font-family:Cambria, Georgia, serif;

	margin:2px 0 -1.2em;

	letter-spacing:-1px;

	font-weight:normal;

	line-height:1.15;

	text-align:right;

	font-size:1.3em;

	color:#6b440c;

	clear:both;

}

.free-delivery strong {

	font-family:Georgia, serif;

	color:#d67629;

}





.primary .promotion,

.primary .page-title {

	text-shadow:#E8DEC0 -1px -1px 0px, #fff 1px 1px 0px;

	font-family:Cambria, Georgia, serif;

	letter-spacing:-3px;

	font-weight:normal;

	line-height:1.15;

	font-size:4em;

	margin:0 20px 0 0;

	color:#6b440c;

}

.primary .promotion strong,

.primary .page-title strong {

	font-family:Georgia, serif;

	color:#d67629;

}



.primary .page-description {

	font-family:Cambria, Georgia, serif;

	margin:0 20px 12px 0;

	letter-spacing:-1px;

	font-weight:normal;

	font-size:1.75em;

	line-height:1.5;

	color:#853;

}



/* product */

.product {

	background:#fefbec url(images/bg_product.png) repeat-x;

	border:1px solid #d5c69b;

	position:relative;

	margin:0 0 20px;

	padding:5px;

	z-index:10;

	

	display:inline-block;

}

.product {

	display:block;

}

.product dt {

	padding:0;

	margin:0;

}

.product dd {

	margin:4px 0 0;

	padding:0 5px;

}

.product dt a {

	border:10px solid #fff;

	display:block;

	

	display:inline-block;

}

.product dt a  {

	display:block;

}

.product dt a:hover,

.product dt a:focus,

.product.hover dt a {

	border-width:8px;

}

.product dt img {

	background:#D5C69B;

	display:block;

	color:#fff;

}

.product dt a:hover img,

.product dt a:focus img,

.product.hover dt a img {

	border:2px solid #D87B2A;

}

.product .name h3 {

	margin:0;

}

.product .name a {

	display:block;

	border:none;

	color:#853;

}

.product .attributes {

	font-weight:normal;

	float:right;

}

.product .name a:hover,

.product .name a:focus,

.product.hover .name a {

	text-decoration:underline;

}

.product .price {

	font-weight:bold;

	font-size:1.1em;

	color:#0e4e3e;

}

.product .price del {

	color:#cfc095;

}

.product .sale,

.product .new,

.related-product .sale,

.related-product .new {

	background:url(images/bg_sale.png) no-repeat;

	text-indent:-9999in;

	position:absolute;

	overflow:hidden;

	height:60px;

	width:60px;

	left:5px;

	top:5px;

}

.related-product .new {

	background:url(images/bg_new.png) no-repeat;

}

.related-product .sale,

.related-product .new {

	left:0;

	top:0;

}

.product .summary {

    min-height:6em;

}

.ie6 .product .summary {

    height:6em; /* min-height */

}

.product .purchase {

	position:relative;

	margin-top:-3px;

	top:-5px;

}





#page div.product-images {

    position:relative;

	margin-right:20px;

	display:inline;

	z-index:10;

	float:left;

}

#page div.product-images .section {

	margin-right:0;

}

#page div.product-details .section {

	overflow:visible;

	clear:none;

}



/* product list */

.primary .product-list {

	margin:0;

}

.product-list .product {

    margin-right:20px;

    display:inline;

    width:196px;

    float:left;

}



/* kvp-list */

.kvp-list {

    overflow:hidden;

    clear:both;

}

.ie6 .kvp-list {

    width:100%;

}

.kvp-list dt {

    font-weight:bold;

    padding:3px 0;

    float:left;

    clear:left;

    width:29%;

}

.kvp-list dd {

	margin:0 0 0 10px;

    text-align:left;

    padding:3px 0;

    clear:right;

    float:left;

    width:59%;

}

.kvp-wide dt {

    width:auto;   

}

.kvp-wide dd {

    text-align:right;

    display:block;

    width:auto;   

    float:none;

}



/* tabbed feature */

.tabbed-feature {

	background:#cfc096 url(images/bg_tabbed-feature.png) repeat-x;

	border:1px solid #d5c69b;

	margin:4.45em 0 0;

	overflow:visible;

	color:#573721;

	padding:0;

}

.tabbed-feature .nav {

	font-family:Cambria, Georgia, serif;

	margin:-1.8em 0 -1px -1px;

	letter-spacing:-1px;

	position:relative;

	line-height:1.8em;

	overflow:hidden;

	list-style:none;

	font-size:1.8em;

	width:100%;

	padding:0;

	top:-1px;

}

.tabbed-feature .nav li {

	text-shadow:1px 1px 0 #fff;

	display:inline;

	float:left;

	margin:0;

}

.tabbed-feature .nav li.current {

	border:1px solid #d5c69b;

	border-bottom:none;

	background:#e5dbbb;

}

.tabbed-feature .nav li a {

	font-weight:normal;

	padding:1px 11px 0;

	display:inline;

	color:#b29e67;

	border:none;

	float:left;

}

.tabbed-feature .nav li a:hover,

.tabbed-feature .nav li a:focus {

	text-shadow:#e8dec0 -1px -1px 0px, #fff 1px 1px 0px;

	color:#853;

}

.tabbed-feature .nav li.current a {

	text-shadow:#b9a679 -1px -1px 0px, #f4f0e5 1px 1px 0px;

	padding:0 10px;

	color:#573721;

}



.tabbed-feature .copy {

	font-family:Cambria, Georgia, serif;

	letter-spacing:-1px;

	padding:10px 10px 0;

	font-size:1.4em;

	line-height:1.2;

	color:#573721;

}

.tabbed-feature .has-product {

	width:435px;

	float:left;

}

.tabbed-feature h1 {

	text-shadow:#b9a679 -1px -1px 0px, #f4f0e5 1px 1px 0px;

	font-size:1.6em;

	margin:0 0 7px;

	color:#d67729;

}

.tabbed-feature h2 {

	font-weight:normal;

	text-shadow:none;

	font-size:1.2em;

	margin:0 0 8px;

	color:#573721;

}

.tabbed-feature .product {

	background:none;

	overflow:hidden;

	border:none;

	padding:5px;

	margin:0;

}

.ie6 .tabbed-feature .product {

	float:right;

}

.tabbed-feature .product .name {

	margin-bottom:-4px;

	font-size:1.1em;

}

.tabbed-feature .product .price {

	font-size:1.5em;

	color:#573721;

}

.tabbed-feature .product .price del {

	margin:0 0 -6px;

	display:block;

	color:#d67729;

}

.tabbed-feature .product .purchase {

	font-size:1.25em;

	margin:11px 0 0;

}

.tabbed-feature h2:first-child {

	display:none;

}



/* box */

.boxed .content,

.product-image {

	background:#fefbec url(images/bg_product.png) repeat-x;

	border:1px solid #d5c69b;

	display:inline-block;

	padding:10px 10px 0;

	position:relative;

	margin:0 0 20px;

	/*overflow:hidden;*/

	z-index:10;

}

.boxed .content,

.product-image {

	display:block;

}

.boxed .form-row .content {

	background:none;

	border:none;

	padding:0;

	margin:0;

}

.sku-selector .content {

	padding-top:5px;

}

.product-description h2 {

	margin:0 0 12px;

	line-height:1;

}



/* filters */

.filters-list {

	padding:0 0 10px;

	list-style:none;

	margin:0;

}

dl.filters-list {

	padding:0 0 12px;

}

.filters-list dt {

	font-family:Cambria, Georgia, serif;

	letter-spacing:-1px;

	font-weight:normal;

	font-size:1.75em;

	line-height:1.2;

	margin:-4px 0 0;

	color:#853;

}

.filters-list dd {

	padding:0;

	margin:0;

}



/* nav list */

.nav-list ul {

	list-style:none;

	margin:0 0 12px;

	padding:0;

}



/* sku-selector */

.sku-selector {

	padding-top:5px;

}

.sku-selector label {

	font-family:Cambria,Georgia,serif;

	letter-spacing:-1px;

	font-weight:normal;

	font-size:1.75em;

	line-height:1.2;

	margin:-4px 0 0;

	color:#853;

}

.sku-selector .btn-qty-dec {

	margin-left:-4px;

}

.ie6 .sku-selector .qty,

.ie7 .sku-selector .qty {

	vertical-align:middle;

}





/* register */

.register .button {

	margin-bottom:10px;

}



/* just-added */

.just-added dl {

	padding-bottom:8px;

}

.just-added dt {

	font-family:Cambria, Georgia, serif;

	letter-spacing:-1px;

	font-weight:normal;

	font-size:1.75em;

	line-height:1.2;

	margin:-4px 0 0;

	color:#853;

}

.just-added dd {

	margin:0;

}

.just-added .price {

	font-weight:bold

}



/* product-images */

.product-image {

	padding:5px;

}

.product-image img {

	border:10px solid #fff;

	display:block;

	width:403px;

}

ul.product-images {

	list-style:none;

	overflow:hidden;

	width:436px;

	padding:0;

	margin:0;

}

ul.product-images li {

	margin:0 20px 20px 0;

	display:inline;

	width:89px;

	float:left;

}

ul.product-images img {

	display:block;

}

ul.product-images a {

	border:1px solid #D5C69B;

	overflow:hidden;

	display:block;

}

ul.product-images a:hover,

ul.product-images a:focus {

	border:2px solid #D87B2A;

}

ul.product-images a img {

	margin:-1px;

}

ul.product-images a:hover img,

ul.product-images a:focus img {

	margin:-2px;

}





/* related product */

.related-products .content {

	display:inline-block;

	padding-bottom:0;

	padding-right:0;

	overflow:hidden;

}

.related-products .content {

	display:block;

}

.related-products dl {

	padding:0 0 10px 99px;

	margin:0 10px 0 0;

	position:relative;

	min-height:89px;

	display:inline;

	width:108px;

	float:left;

}

.ie6 .related-products dl {

	height:89px;

}

.related-products dt {

	position:absolute;

	height:89px;

	width:89px;

	left:0;

	top:0;

}

.related-products dt a {

	border:1px solid #D5C69B;

	overflow:hidden;

	display:block;

}

.related-products dt a:hover,

.related-products dt a:focus,

.related-products dl.hover dt a {

	border:2px solid #D87B2A;

}

.related-products dt img {

	display:block;

}

.related-products dt a img {

	margin:-1px;

}

.related-products dt a:hover img,

.related-products dt a:focus img,

.related-products .hover dt a img {

	margin:-2px;

}

.related-products dd {

	margin:0;

}

.related-products h3 {

	line-height:1.1;

	margin:0;

}

.related-products h3 a {

	border:none;

	color:#853;

}

.related-products .price {

	padding:2px 0 1px;

	font-weight:bold;

	line-height:1.1;

	font-size:1.2em;

	color:#0e4e3e;

}

.related-products .price del {

	display:block;

	color:#cfc095;

}



/* paging */

.paging-list {

	margin-right:20px;

	font-size:1.25em;

	list-style:none;

	overflow:hidden;

	display:inline;

	/*float:right;*/

	float:left;

	padding:0;

}

.paging-list ul {

	display:inline;

	float:left;

	padding:0;

	margin:0;

}

.paging-list li {

	margin-right:5px;

	display:inline;

	float:left;

}

.paging-list .next {

	margin-right:0;

	float:right;

}

.paging-list .prev {

	margin-right:10px

}

.paging-list .current span {

	border-bottom:2px solid #853;

	font-weight:bold;

	cursor:default;

}



/* steps */

.steps {

	text-shadow:-1px -1px 0 #301109, 1px 1px 0 #744237;

	font-family:Cambria,Georgia,serif;

	margin:15px 20px 0 0;

	letter-spacing:-1px;

	font-weight:normal;

	font-size:1.6em;

	line-height:1.2;

	color:#853;

}

.steps ol {

	display:inline-block;

	background:#643328;

	list-style:none;

	float:left;

	padding:0;

}

.steps ol {

	display:block;

}

.steps li {

	background:url(images/bg_steps_separator.png) no-repeat 0 50%;

	padding:10px 15px 10px 70px;

	margin:0 0 0 -40px;

	display:inline;

	cursor:default;

	color:#b79992;

	float:left;

}

.steps li.alpha {

	padding-left:50px;

	background:none;

}

.steps li.current {

	color:#fefbec;

}



/* news list */

.news-list ul {

	border:1px solid #d5c69b;

	list-style:none;

	padding:0;

}

.news-list li {

	background:#fefbec url(images/bg_product.png) repeat-x 0 -130px;

	border-bottom:1px solid #efe7cf;

	border-top:1px solid #F6F1DD;

	display:inline-block;

	padding:0 10px 0;

	position:relative;

	z-index:10;

	margin:0;

}

.news-list li {

	display:block;

}

.news-list li.hover {

	background-position:0 100%;

}

.news-list h3 {

	text-shadow:-1px -1px 0 #e8dec0, 1px 1px 0 #fff;

	font-family:Cambria,Georgia,serif;

	margin:10px 20px 8px 0;

	letter-spacing:-1px;

	font-size:1.6em;

	line-height:1.1;

	color:#0E4E3E;

}

.news-list .date {

	color:#d06d25;

	margin:0;

}



.news-article .content h3 {

	text-shadow:-1px -1px 0 #e8dec0, 1px 1px 0 #fff;

	font-family:Cambria,Georgia,serif;

	margin:10px 20px 8px 0;

	letter-spacing:-1px;

	font-size:1.6em;

	line-height:1.1;

	color:#0E4E3E;

}

.article-image {

	margin:3px 20px 20px 0;

	display:inline;

	float:left;

}

.article-image img {

	border:1px solid #D5C69B;

	display:block;

}





table {

	margin:0 0 10px;

	width:100%;

}

table th {

	padding:0 10px 10px;

	text-align:left;

	font-size:1.2em;

}

table td {

	border:1px solid #D5C69B;

	background:#fefbec;

	padding:10px;

}





/* basket */

table.basket {

	margin:0 0 50px;

	width:100%;

}

table.basket td,

table.basket th {

	background:none;

	border:none;

}

table.basket th {

	background:#fefbec url(images/bg_product.png) repeat-x;

	text-shadow:-1px -1px 0 #e8dec0, 1px 1px 0 #fff;

	font-family:Cambria,Georgia,serif;

	border-bottom:1px solid #d5c69b;

	border-left:1px solid #fefbec;

	border-top:1px solid #d5c69b;

	letter-spacing:-1px;

	font-weight:normal;

	font-size:1.5em;

	line-height:1.1;

	padding:10px;

	color:#853;

}

table.basket thead th.price,

table.basket tbody td.price,

table.basket tfoot th.price  {

	background:#cbb985 url(images/bg_basket-price.png) repeat-x;

	text-shadow:-1px -1px 0 #998149, 1px 1px 0 #daca9b;

	border-bottom:1px solid #a68d45;

	border-top:1px solid #a68d45;

	color:#fefbec;

}

table.basket tbody th {

	text-shadow:none;

	background:none;

	border-bottom:none;

	border-top:none;

}

table.basket tbody td,

table.basket tbody th.price {

	background:#fefbec url(images/bg_product.png) repeat-x;

	border-left:1px solid #fefbec;

	font-weight:bold;

	padding:10px;

}

table.basket tbody td {

	border-bottom:1px solid #d5c69b;

	border-top:1px solid #d5c69b;

}

table.basket tbody td.price,

table.basket tfoot th.price {

	border-bottom:1px solid #a68d45;

	border-top:1px solid #a68d45;

	font-family:Georgia,serif;

	font-weight:normal;

	font-size:2.5em;

}



table.basket tfoot td {

	height:15px;

	padding:0;

}

table.basket tfoot td.update {

	text-align:right;

	height:auto;

	padding:5px;

}

table.basket tfoot td.update a {

	position:relative;

	left:-5px;

	top:-4px;

}

table.basket tfoot td.checkout .button,

table.basket tfoot td.update .button {

	font-size:1.8em;

}

table.basket tfoot td.price {

	background:#fefbec url(images/bg_product.png) repeat-x;

	border-right:1px solid #fefbec;

	border-left:1px solid #fefbec;

}

table.basket tfoot th {

	border-bottom:none;

	border-top:none;

	background:none;

	font-size:1em;

}

table.basket tfoot th.label {

	font-weight:normal;

	font-size:1.5em;

}

table.basket tfoot th a {

	font:bold 1.111em Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;

	letter-spacing:normal;

	text-shadow:none;

}



table.basket .alpha {

	border-left:1px solid #d5c69b;

}

table.basket td.alpha {

	padding:5px;

}

table.basket .omega {

	border-right:1px solid #d5c69b;

}



table.basket .alpha .image {

	border:1px solid #d5c69b;

	height:89px;

	width:89px;

}

table.basket .alpha img {

	height:89px;

	width:89px;

}

table.basket input.quantity {

	width:4em;

}



table.basket .delivery-discount {

	vertical-align:top;

	padding:0;

}

table.basket .rightbox {

	margin:0 0 0 5px;

}

table.basket .leftbox {

	margin:0 5px 0 0;

}

table.basket label,

table.basket p {

	font:bold 1.111em Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;

	letter-spacing:normal;

	text-shadow:none;

}

table.basket p {

	margin:5px 0 15px;

}

table.basket .red label {

	font-style:italic;

}



.tc {

	text-align:center;

}

.tl {

	text-align:left;

}

.tr {

	text-align:right;

}

.nw {

	white-space:nowrap;

}



/* add this */

/*.addthis {

	padding-left:40px;

	position:relative;

}

.addthis_button .icon,

.addthis_button_expanded .icon {

	background:url(images/btn_share.png) no-repeat;

	text-indent:-999in;

	position:absolute;

	margin-top:-22px;

	overflow:hidden;

	height:44px;

	width:44px;

	left:-4px;

	top:50%;

}

.addthis_button:hover .icon,

.addthis_button_expanded:hover .icon  {

	background-position:0 -56px;

}*/

#page .addthis_toolbox {

    overflow:hidden;

}

#page .addthis_toolbox a {

	border:none;

}

#page .addthis_toolbox a span {

	margin:0;

}



#at20mc a {

	border-bottom:none;

}





.fourfacts {

	padding-top:25px;

}





/* Twitter */

#page .twtr-hd {

	padding:8px 0 7px !important;

}

#page .twtr-hd h3,

#page .twtr-profile-img-anchor {

	display:none !important;

}

#page .twtr-hd h4 {

	margin-left:-2px !important;

}

#page .twtr-hd h4 a {

	background:url(images/logo_twitter.png) no-repeat !important;

	text-indent:-999in !important;

	display:block !important;

	border:none !important;

	height:40px !important;

	width:124px !important;

}

#page .twtr-reference-tweet {

	margin-bottom:-10px;

}

#page .twtr-widget .twtr-tweet {

	border-bottom:1px dotted #DBCDAF !important;

}

#page .twtr-tweet-wrap {

	padding:10px 0 15px !important;

}

#page .twtr-ft div {

	padding:10px 0 18px !important;

}

#page .twtr-ft a {

	border:none;

}

#page .twtr-ft span a {

	border-bottom:2px solid #F4DBBB;

	color:#D87B2A !important;

}

#page .twtr-ft span a:hover,

#page .twtr-ft span a:focus {

	border-color:#D87B2A;

}

#page .twtr-tweet-text i {

	margin:8px 0 0;

}