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

BASE CSS

This contains globally used, default styling for 
the basic HTML components. It also contains 
externally required CSS such as SIFR.

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

/* Palette
--------------------------------------------------
	Text: #000
	Link: #000
*/


/* Font
--------------------------------------------------
	Base font size: 16px

	Elements font size: 11px

	Font size we want DIVIDE BY base font size EQUALS font size in ems
	11px / 16px = 0.6875em
	
	Reset for nested elements and margins.
	11px / 11px = 1em;

	Or else it would become too small.
	0.6875em * 0.6875em = 0.47265625em
*/

/* Branding
--------------------------------------------------
	Meat:		#974E4E
	Vegetables: #B3CA6C
	Fruit:		#EBB81D
	Drink:		#FF8769
	Fridge:		#71CCF6
	Freezer:	#0977E8
	Pantry:		#BFA989
*/

/* Indexing
--------------------------------------------------
	#mini-basket		50
*/


/* Includes
--------------------------------------------------*/
@import url(layout.css);
@import url(nav.css);
@import url(components.css);
@import url(content.css);
@import url(products.css);
@import url(account.css);
@import url(checkout.css);

/* Elements
--------------------------------------------------*/
body {
	margin: 0; 
	padding: 0; 
	text-align: center;
	font-family: Verdana, Helvetica, sans-serif;
	font-size : 100.1%; /* ALL : Percentage to avoid IE ems bugs and .1 for older Opera versions */
	color: #000;
	background: #B3CA6C url(../media/images/canvas/html.gif) repeat-x top left;
	/*overflow: -moz-scrollbars-vertical !important;  FF : Prevent page jumping between non/scrolling pages */
}
h1 {
	/* font-size: 1.9375em; 31px / 16px */
	font-size: 1.125em;
	margin: -5px 0 13px;
}
img {
	vertical-align: bottom; /* WIE : stops images aligning to baseline */
	border: none; 
	margin: 0; /* WIE : image margin reset bug */
}
input, select, textarea {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.6875em; /* 11px / 16px */
}
input, textarea {
	border: 0;
}
p input, p select, p textarea,
li input, li select, li textarea,
dd input, dd select, dd textarea {
	font-size: 1em; /* 11px / 11px */
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
a:active {
	color: #000;
	text-decoration: none;
}
ul, ol {				
	margin: 0 0 1.2727em 2.2727em; /* 14px / 11px | 25px / 11px */
	padding: 0;
}
dd textarea,
dd input,
label,
li {
	font-size: 0.6875em; /* 11px / 16px */
}
dd li,
table input,
p label,
li p,
li dl,
li li,
li li label,
dt label,
dd input {
	font-size: 1em; /* 11px / 11px */
}
p, dl {
	margin: 0 0 1.2727em; /* 14px / 11px */
	padding: 0;
	line-height: 1.2727em; /* 14px / 11px */
	font-size: 0.6875em; /* 11px / 16px */
}	
dd, dt, form, fieldset {
	border:0;
	margin: 0;
	padding: 0;
}
caption {
	display: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 0.6875em; /* 11px / 16px */
}
th, td {
	padding: 0;
}
button {
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
}
address {
	font-style: normal;
}


/* Accessibility
--------------------------------------------------*/
.longdesc,
.access,
caption,
legend { /* Place selectors here as required to hide something for accessibility reasons */
	position: absolute;
	left: -999em;
	/* These are for older browsers */
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	overflow: hidden;
}
abbr {
	border: 0;
}
ul#access-nav, 
ul#access-nav li {
	padding: 0; 
	margin:0; 
	list-style: none;
	display:inline;
}
#access-nav a:link, 
#access-nav a:visited {
	width: 0; 
	height: 0;
	float: left; 
	overflow: hidden; 
}
#access-nav a:active, 
#access-nav a:focus {
	width: auto; 
	height: auto;
	position:absolute; 
	left: 0;
	top: 0;
	z-index:10000; 
	overflow: visible; 
	background-color: #FFF;
	padding: 5px;
}


/* Helper
--------------------------------------------------*/
.clear:after { /* Do NOT use this class, add a selector here */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clear {
	height: 1%;
}
.address ol,
ol.address {
	list-style-type: none;
	margin-left: 0;
}
.price del {
	text-decoration: none;
	font-weight: bold;
}
.price del em {
	font-style: normal;
	text-decoration: line-through;
}
.price ins {
	font-weight: bold;
	color: #F00;
	text-decoration: none;
}

/* Magento Bridge
--------------------------------------------------*/
.checkout-cart-index #content {
	width: 898px;
	padding-bottom: 20px;
}
#body ul.messages, #body ul.messages ul {
	list-style-type: none;
	margin: 15px 0;
	padding: 0;
}
#body ul.messages li {
	margin: 0;
	padding: 0;
}
#body ul.messages ul {
	margin: 0;
}
#body ul.messages li.success {
	background: #EFF5EA url(../media/images/global/success.gif) no-repeat 10px 7px;
	border: 1px solid #446423;
	padding: 8px 8px 8px 32px;
	color: #3D6611;
}
#body ul.messages li.error {
	background: #FFF url(../media/images/global/error.gif) no-repeat 10px 7px;
	border: 1px solid #D40707;
	padding: 8px 8px 8px 32px;
	color: #D40707;
}
.validation-advice {
	color: #f00;
	padding: 3px 0 0 12px;
	background: url(../media/images/global/validation-pointer.gif) no-repeat 0 3px;
}

/* Magento Bridge CMS
--------------------------------------------------*/
body.cms-suppliers h1 {
	font-size: 1.125em;
	margin: -3px 0 12px;
	padding: 0;
}
/*
ul#suppliers h3 {
	margin-bottom: 40px;
}
ul#suppliers ol {
	margin-bottom: 10px;
}
dl.available-produce dt {
	padding: 0;
}
*/
.cms-page-view h1 {
	font-size: 1.125em;
	margin: -3px 0 12px;
	padding: 0;
}
.cms-page-view #content h2 {
	font-size: 1em;
	margin: 1.2727em 0;
}
.cms-page-view #content h3 {
	font-size: 0.8125em;
	margin: 0;
}

/*
p a:link,
p a:visited,
p a:active {
	text-decoration: underline;
	color: #7D8B98;
}
p a:hover {
	text-decoration: none;
	color: #7D8B98;
}
*/

blockquote {
	border-top: 3px solid #7D8B98;
	border-bottom: 3px solid #7D8B98;
	padding: .8em 0 0;
	font-size: 1.1em;
	font-style: italic;
}
blockquote cite {
	font-size: .7em;
	font-style: italic;
	text-align: right;
	padding: 0 0 1.2727em;
	display: block;
}
.hero blockquote {
	width: 440px;
}
.hero-primary .blockquote {
	float: right;
}
.hero-primary .content {
	float: left;
}