/* --------------------------------------------------------------
    Content:
    01 - Reset
    02 - General styles
        02.01 - Body
        02.02 - Headings
        02.03 - Links
        02.04 - Blocks
        02.05 - Lists
        02.06 - Inlines
        02.07 - Tables
        02.08 - Forms
    03 - Helper styles
        03.01 - Notifications
        03.02 - Modification classes
    04 - Page structure
        04.01 - Page
        04.02 - Header
        04.03 - Navigation
        04.04 - Body content
        04.05 - Footer
    05 - Page components
        05.01 - Site
        05.02 - Home
    06 - Overrides
---------------------------------------------------------------*/

/*---------------------------------------------------------------
01 - Reset (see http://meyerweb.com/eric/tools/css/reset/)
---------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

img
{ vertical-align: bottom; }

body
{ line-height: 1; }

ol, ul
{ list-style: none; }

blockquote, q
{ quotes: none;  }

blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus
{ outline: 0; }

/* remember to highlight inserts somehow! */
ins
{ text-decoration: none; }

del
{ text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/*---------------------------------------------------------------
02.01 - Body
---------------------------------------------------------------*/
body
{
    font: 62.5%/1.4 Arial, Helvetica, sans serif;
    color: #666;
}

/*---------------------------------------------------------------
02.02 - Headings
---------------------------------------------------------------*/
h1,
h2,
h3
{
	font-family: 'Times New Roman', 'Times Roman', Times, serif;
    font-weight: normal;
}

h1
{
    margin-bottom: 0.4em;
    font-size: 3em;
    line-height: 1;
    color: #003d2c;
}

h2
{
    margin-bottom: 0.6em;
    font-size: 2em;
    line-height: 1.3;
    color: #222;
}

h3
{
    margin-bottom: 0.6em;
    font-size: 1.8em;
    line-height: 1.5;
    color: #003d2c;
}

/*---------------------------------------------------------------
02.03 - Links
---------------------------------------------------------------*/
a,
a:link,
a:visited,
a:hover,
a:focus,
a:active
{
    color: #412828;
    text-decoration: underline;
}

a:visited
{ color: #355c5c; }

a:hover,
a:focus
{ color: #1f3d35; }

/*---------------------------------------------------------------
02.04 - Blocks
---------------------------------------------------------------*/
p
{
    margin-bottom: 0.857em;
    font-size: 1.4em;
    line-height: 1.428;
    color: #666;
}

address
{
    margin-bottom: 0.857em;
    font-size: 1.4em;
    line-height: 1.428;
    font-style: normal;
}

/*---------------------------------------------------------------
02.05 - Lists
---------------------------------------------------------------*/
ul
{
    margin-bottom: 0.857em;
    font-size: 1.4em;
    line-height: 1.428;
    color: #666;
}

ul.bullet
{
    list-style: circle outside;
    margin-left: 16px;
}

li.bullet
{
    list-style: circle outside;
    margin-left: 16px;
}

ul.bullet li.bullet
{
    margin-left: 0;
}

ul.horizontal
{ overflow: hidden; }

    ul.horizontal li
    {
        float: left;
        padding: 5px 8px 5px 5px;
        margin-right: 20px;
    }

    ul.horizontal li.first
    { padding-left: 0; }

/*---------------------------------------------------------------
02.06 - Inlines
---------------------------------------------------------------*/
strong
{ font-weight: bold; }

sup
{ font-size: 0.8em; }

/*---------------------------------------------------------------
02.07 - Tables
---------------------------------------------------------------*/
table
{ margin-bottom: 0.833em; }
    
    table th
    {
        padding: 0 10px 5px 0;
        font-size: 1.4em;
        font-weight: normal;
        text-align: left;
    }
    
    table td
    {
        padding: 0 10px 5px 0;
        font-size: 1.2em;
    }

/*---------------------------------------------------------------
02.08 - Forms
---------------------------------------------------------------*/
legend
{    
    margin-bottom: 0.6em;
	font-family: 'Times New Roman', 'Times Roman', Times, serif;
    font-weight: normal;
    font-size: 2em;
    line-height: 1.5;
    color: #222;
}

input.submit
{
    outline: 0;
    font-family: Arial, Helvetica, sans serif;
    font-size: 1em;
    text-align: left;
    cursor: pointer;
    overflow: visible;
}

span.submit.red,
span.submit.green
{
	position: relative;
	display: inline-block;
	height: 24px;
	padding-left: 12px;
	background: #412818 url('../../images/layout/default/site/submit-red.gif') 0 0 no-repeat;
}

	span.submit.red input.submit,
	span.submit.green input.submit
	{
		height: 24px;
		margin: 0;
		border: 0;
		padding: 0 17px 3px 5px;
		font-size: 1.083em;
		text-transform: uppercase;
		text-align: center;
		color: #fff;
		background: #412818 url('../../images/layout/default/site/submit-red_input.gif') 100% 0 no-repeat;
	}
	
span.submit.green
{ background: #13261e url('../../images/layout/default/site/submit-green.gif') 0 0 no-repeat; }

	span.submit.green input.submit
	{ background: #13261e url('../../images/layout/default/site/submit-green_input.gif') 100% 0 no-repeat; }

input.checkbox,
span.checkbox input,
input.radio,
span.radio input
{ margin: 0; }

input.radio,
span.radio input
{
    position: relative;
    top: 2px;
}

input.text,
textarea,
select
{
    padding: 2px;
    border: 1px solid #ccc;
    font-family: Arial, Helvetica, sans serif;
    font-size: 1em;
}

input.text[disabled],
textarea[disabled],
select[disabled]
{
	color: #444;
	background-color: #ddd;
}

.validation
{ color: #e00 !important; }

div.formInput
{
    margin-bottom: 0.833em;
    font-size: 1.2em;
    overflow: hidden;
}

    div.formInput label
    {
        float: left;
        display: block;
        width: 115px;
        padding: 2px 5px 2px 0;
    }
    
    div.formInput input.text
    { width: 200px; }
    
    div.formInput input.text.medium
    { width: 100px; }
    
    div.formInput input.text.small
    { width: 50px; }
    
    div.formInput .validation
    { padding-left: 10px; }

div.formInput.inputFirst label
{
    float: none;
    display: inline;
    width: auto;
    padding-right: 0;
    padding-left: 5px;
}

div.formInput.vertical label
{
    float: none;
    width: auto;
    padding: 0;
}

div.formOptions
{
    padding: 1em 0;
    overflow: hidden;
}

    div.formOptions.alignInputs
    { padding-left: 120px; }
    
    div.formOptions span.submit.left
    {
		display: block;
		float: left;
	}
    
    div.formOptions span.submit.right
    {
		display: block;
		float: right;
	}
	
fieldset p,
fieldset address
{ font-size: 1.2em; }

div.validationSummary
{
	margin-bottom: 0.833em;
	font-size: 1.2em;
	color: #e00 !important;
}

	div.validationSummary p,
	div.validationSummary ul
	{
		margin: 0;
		font-size: 1em;
		color: #e00 !important;
	}

/*---------------------------------------------------------------
03.01 - Notifications
---------------------------------------------------------------*/
div.message.warning
{ color: #e00; }

/*---------------------------------------------------------------
03.02 - Modification classes
---------------------------------------------------------------*/
/* any element with this class will be hidden off screen, but should still be seen by screen readers */
.nonVisual
{
    position: absolute !important;
    left: -9000px !important;
    top: 0 !important;
}

/* unfortunately, legends don't play well with the above rules */
legend.nonVisual
{
    display: none !important;
    visibility: hidden !important;
}

/*---------------------------------------------------------------
04 - Page structure
---------------------------------------------------------------*/
/*---------------------------------------------------------------
04.01 - Page
---------------------------------------------------------------*/
body
{ background-color: #355c5c; }

div#page
{
    width: 950px;
    margin: 0 auto;
}

/*---------------------------------------------------------------
04.02 - Header
---------------------------------------------------------------*/
div#header
{
	width: 950px;
	padding-bottom: 22px;
    background: #fff url('../../images/layout/default/site/header.gif') 0 0 no-repeat;
	overflow: hidden;
}

div#logo
{
	float: left;
	width: 483px;
	padding: 42px 0 0 40px;
}

div#headerinfo
{
	float: right;
	width: 270px;
	margin-right: 40px;
}
	
/*---------------------------------------------------------------
04.03 - Navigation
---------------------------------------------------------------*/
div#primaryNavigation
{
    width: 895px;
    padding-left: 55px;
    background-color: #002717;
}

    div#primaryNavigation ul.root
    {
        width: 895px;
        margin: 0;
    }

		div#primaryNavigation ul.root li
		{
			padding-left: 25px;
			margin-right: 10px;
			font-family: 'Times New Roman', 'Times Roman', Times, serif;
			font-size: 1.2em;
			background: transparent url(../../images/layout/default/site/navigation-leaf-off.gif) 0 0 no-repeat;
		}

		div#primaryNavigation ul.root li a
		{
			text-decoration: none;
			color: #fff;
		}
		
		div#primaryNavigation ul.root li:hover,
		div#primaryNavigation ul.root li.hover,
		div#primaryNavigation ul.root li.selected
		{ background: #587571 url(../../images/layout/default/site/navigation-leaf-hover.gif) 0 0 no-repeat; }		

/*---------------------------------------------------------------
04.04 - Body content
---------------------------------------------------------------*/
div#body
{
	position: relative;
    width: 950px;
    background: #fff url(../../images/layout/default/site/body.gif) 0 100% no-repeat;
	overflow: hidden;
}

div#mainbody
{
	float: left;
	width: 555px;
	padding: 40px 0 20px 55px;
	overflow: hidden;
}

div#ctabody
{
	float: left;
	width: 270px;
	padding: 40px 40px 81px 30px;
}

p#vegetarianSociety
{
	position: absolute;
	right: 40px;
	bottom: 10px;
}

/*---------------------------------------------------------------
04.05 - Footer
---------------------------------------------------------------*/
div#footer
{
	clear: both;
    width: 950px;
    min-height: 99px;
	padding-top: 11px;
    color: #fff;
    overflow: hidden;
}

	div#footer a
	{ color: #fff; }

div#copyright
{
	float: left;
	width: 220px;
	margin-left: 55px;
}

	div#copyright p
	{
		margin: 0;
		font-size: 1.1em;
		line-height: 1.2;
		color: #fff;
	}

div#footerlinks
{
	float: left;
	width: 240px;
	margin: 0 80px;
	overflow: hidden;
}

	div#footerlinks ul
	{
		margin: 0;
		font-size: 1.1em;
		line-height: 1.2;
	}

	div#footerlinks li
	{
		padding: 0 5px;
		margin: 0;
		border-left: 1px solid #fff;
	}

	div#footerlinks li.first
	{ border: 0; }

	div#footerlinks li a
	{ text-decoration: none; }

	div#footerlinks li a:hover,
	div#footerlinks li a:focus
	{ text-decoration: underline; }

div#obergine
{
	float: right;
	width: 220px;
	margin-right: 55px;
	overflow: hidden;
}

	div#obergine p
	{
		margin: 0;
		font-size: 1.1em;
		line-height: 1.2;
		text-align: right;
	}

	div#obergine p a
	{ text-decoration: none; }

	div#obergine p a:hover,
	div#obergine p a:focus
	{ text-decoration: underline; }

/*---------------------------------------------------------------
05 - Page components
---------------------------------------------------------------*/
/*---------------------------------------------------------------
05.01 - Site
---------------------------------------------------------------*/
.leader
{ margin-top: 0; }

p.InGreyBox
{ color: #fff; }

p.Small
{ font-size: 1.1em; }

p span.ReallySmall
{ font-size: 0.6em; }
		
div#minibasket 
{
	width: 240px;
	padding: 10px 15px;
	margin-bottom: 15px;
	background: #1f3d35 url('../../images/layout/default/site/basket-bottom.jpg') 50% 100% no-repeat;
}
		
	div#minibasket h2
	{
		margin-bottom: 0.2em;
		font-size: 2.5em;
		line-height: 1;
		color: #fff;
	}
	
	div#minibasket p,
	div#minibasket ul
	{
		margin-bottom: 0;
		font-size: 1.2em;
	}

	div#minibasket p,
	div#minibasket li,
	div#minibasket a
	{ color: #c3d8d3; }
	
	div#minibasket ul.horizontal li a
	{ color: #fff; }
	
div#contacts
{
	width: 255px;
	padding: 10px 0 10px 15px;
}
	
	div#contacts ul
	{ margin-bottom: 0; }

	div#contacts li
	{ font-family: 'Times New Roman', 'Times Roman', Times, serif; }

		div#contacts li.phone 
		{
			margin-bottom: 5px;
			padding-left: 25px;
			font-size: 1.8em;
			color: #003d2c;
			line-height: 0.85em;
			background: transparent url(/resources/images/layout/default/site/icon-telephone.gif) bottom left no-repeat;
		}
			
		div#contacts li.email
		{
			padding-left: 25px;
			font-size: 1.5em;
			color: #5a3737;
			line-height: 0.85em;
			background: transparent url(/resources/images/layout/default/site/icon-envelope.gif) bottom left no-repeat;
		}
			
		div#contacts li.email a
		{ text-decoration: none; }
			
		div#contacts li.email a:hover,
		div#contacts li.email a:focus
		{ text-decoration: underline; }
		
div.ProductContainer
{
	position: relative;
	float: left;
	display: inline;
	width: 268px;
	margin-left: 10px;
	padding-bottom: 5px;
	background: #fff url('../../images/layout/default/site/product-box-bottom.gif') 0 100% no-repeat;
}
	
	div.ProductContainer div.ContainerInner
	{
		width: 268px;
		padding-top: 5px;
		background: transparent url('../../images/layout/default/site/product-box-top.gif') 0 0 no-repeat;
		overflow: hidden;
	}
		
		div.ProductContainer div.ContainerInner div.ProductBox
		{
			float: right;
			width: 175px;
			padding-top: 5px;
		}
		
		div.ProductContainer div.ContainerInner div.ProductBox p
		{ color: #1f3d35; }
		
		div.ProductContainer div.ContainerInner div.ProductShot
		{
			float: left;
			width: 93px;
		}
		
			div.ProductBox p
			{
				margin: 0 0 5px;
				font-size: 1.7em;
				line-height: 1;
			}
			
			div.ProductBox span.submit
			{
				position: absolute;
				right: 10px;
				bottom: 10px;
			}
			
div#didYouKnow
{
	width: 270px;
	padding-bottom: 6px;
	margin-bottom: 12px;
	background: #474e4d url('../../images/layout/default/site/didYouKnow.gif') 0 100% no-repeat;
}
			
	div#didYouKnow div.container
	{
		padding: 9px 15px 15px;
		background: #474e4d url('../../images/layout/default/site/didYouKnow_container.gif') 0 0 no-repeat;
	}
			
	div#didYouKnow div.container h2,
	div#didYouKnow div.container p
	{
		margin: 0;
		color: #fff;
	}
			
	div#didYouKnow div.container h2
	{ font-size: 2.5em; }
	
	div#didYouKnow div.container p
	{ font-size: 1.2em; }

div#tryLangdalesIn
{
	width: 270px;
	padding-bottom: 6px;
	margin-bottom: 12px;
	background: #a1a8a7 url('../../images/layout/default/site/tryLangdalesIn.gif') 0 100% no-repeat;
}
			
	div#tryLangdalesIn div.container
	{
		padding: 9px 15px 15px;
		background: #a1a8a7 url('../../images/layout/default/site/tryLangdalesIn_container.gif') 0 0 no-repeat;
	}
			
	div#tryLangdalesIn div.container h2,
	div#tryLangdalesIn div.container p
	{
		margin: 0;
		color: #111;
	}
			
	div#tryLangdalesIn div.container h2
	{ font-size: 2.5em; }
	
	div#tryLangdalesIn div.container p
	{ font-size: 1.2em; }

div#findNearestStockist
{
	width: 270px;
	padding-bottom: 6px;
	margin-bottom: 12px;
	background: #1f3d35 url('../../images/layout/default/site/findNearestStockist.gif') 0 100% no-repeat;
}
			
	div#findNearestStockist div.container
	{
		min-height: 140px;
		padding: 9px 15px 15px;
		background: #1f3d35 url('../../images/layout/default/site/findNearestStockist_container.gif') 0 0 no-repeat;
	}
			
	div#findNearestStockist div.container h2
	{
		margin: 0;
		font-size: 2.5em;
		color: #fff;
	}
	
	div#findNearestStockist div.container p
	{
		margin-bottom: 2.5em;
		font-size: 1.2em;
		color: #fff;
	}
	
	div#findNearestStockist div.validationSummary
	{ color: #fff !important; }

	div#findNearestStockist div.formInputGroup
	{
		width: 240px;
		overflow: hidden;
	}   
	    
		div#findNearestStockist div.formInputGroup div.formInput
		{
			float: left;
			width: 140px;
			padding-right: 10px;
		}
	    
			div#findNearestStockist div.formInputGroup div.formInput input.text
			{ width: 135px; }
	      
		div#findNearestStockist div.formInputGroup div.formOptions
		{
			float: left;
			width: 90px;
			padding: 0;
			margin: 0;
		}
	
	div#findNearestStockist span.submit.green
	{ background: #13261e url('../../images/layout/default/site/findNearestStockist_submit-green.gif') 0 0 no-repeat; }

		div#findNearestStockist span.submit.green input.submit
		{ background: #13261e url('../../images/layout/default/site/findNearestStockist_submit-green_input.gif') 100% 0 no-repeat; }
	
div#keepInformed
{
	width: 265px;
	padding-left: 5px;
	margin-bottom: 12px;
}

	div#keepInformed h2
	{
		margin: 0;
		font-size: 2.5em;
		color: #003d2c;
	}

	div#keepInformed p,
	div#keepInformed ul
	{ margin-bottom: 0.5em; }

	div#keepInformed div.message
	{
		margin-bottom: 0.6em;
		min-height: 3.6em;
	}

		div#keepInformed div.message p
		{ margin: 0; }

	div#keepInformed div.formInputGroup
	{ overflow: hidden; }

		div#keepInformed div.formInputGroup div.formInput,    
		div#keepInformed div.formInputGroup div.formOptions
		{ float: left; }    
	    
		div#keepInformed div.formInputGroup div.formInput
		{
			float: left;
			width: 165px;
			padding-right: 10px;
		}
	    
			div#keepInformed div.formInputGroup div.formInput input.text
			{ width: 160px; }
	      
		div#keepInformed div.formInputGroup div.formOptions
		{
			float: left;
			width: 90px;
			padding: 0;
			margin: 0;
		}

	div#keepInformed p.privacy
	{ font-size: 1.1em; }
	
div#ctabody div.telephone,
div#ctabody div.email,
div#ctabody div.write
{
	padding-left: 15px;
	margin-bottom: 2em;
}
	
	div#ctabody div.telephone h2,
	div#ctabody div.email h2,
	div#ctabody div.write h2
	{
		margin: 0;
		color: #003d2c;
	}
	
	div#ctabody div.telephone p
	{ color: #003d2c; }
	
	div#ctabody div.telephone p,
	div#ctabody div.email p
	{
		 margin-bottom: 0.666em;
		 font-family: 'Times New Roman', 'Times Roman', Times, serif;
		 font-size: 1.8em;
		 line-height: 1.111;
	}
	
	div#ctabody div.email h2
	{ color: #412828; }
	
	div#ctabody div.email a
	{ text-decoration: none; }
	
	div#ctabody div.email a:hover,
	div#ctabody div.email a:focus
	{ text-decoration: underline; }	

ul#sitemap,
ul#sitemap ul
{ font-size: 1em; }

ul#sitemap ul
{ margin-left: 16px; }

ul#sitemap div.node h2
{ margin-bottom: 0; }

div#socialMediaCTAArea p
{ margin-bottom: 5px; }

/*---------------------------------------------------------------
05.02 - Home
---------------------------------------------------------------*/
div.wideProductPromo
{
	width: 570px;
	margin: 0 0 38px -15px;
	padding-bottom: 8px;
	background: #1f3d35 url('../../images/layout/default/site/green-two-column-bottom.jpg') 0 100% no-repeat;
}
	
div.narrowProductPromo
{
	width: 270px;
	margin-bottom: 6px;
	background: #1f3d35 url('../../images/layout/default/site/green-one-column-bottom.jpg') 0 100% no-repeat;
}
	
	div.wideProductPromo div.intro
	{
		padding: 12px 17px 0 17px;
		background: #1f3d35 url('../../images/layout/default/site/green-two-column-top.jpg') 0 0 no-repeat;
	}
	
	div.narrowProductPromo div.intro
	{
		padding: 12px 17px 0 17px;
		background: #1f3d35 url('../../images/layout/default/site/green-one-column-top.jpg') 0 0 no-repeat;
	}
	
		div.wideProductPromo div.intro h2,
		div.narrowProductPromo div.intro h2
		{
			margin: 0;
			font-size: 2.5em;
			color: #fff;
		}
	
		div.wideProductPromo div.intro p,
		div.narrowProductPromo div.intro p
		{
			font-size: 1.2em;
			color: #c9d4d0;
		}
	
		div.wideProductPromo div.intro a,
		div.narrowProductPromo div.intro a
		{ color: #fff; }
	
	div.wideProductPromo div.features
	{
		width: 566px;
		padding: 0 2px 4px;
		overflow: hidden;
	}
	
	div.narrowProductPromo div.features
	{
		width: 268px;
		padding: 0 1px 4px;
		overflow: hidden;
	}
	
	div.narrowProductPromo div.ProductContainer
	{
		position: relative;
		width: 258px;
		margin-left: 5px;
		margin-bottom: 6px;
		background-image: url('../../images/layout/default/site/narrow-product-box-bottom.gif');
	}
	
		div.narrowProductPromo div.ProductContainer div.ContainerInner
		{
			width: 258px;
			background-image: url('../../images/layout/default/site/narrow-product-box-top.gif');
		}
			
			div.narrowProductPromo div.ProductContainer div.ContainerInner div.ProductBox
			{ width: 165px; }
		
			div.narrowProductPromo div.ProductBox p
			{
				margin: 0 0 5px;
				font-size: 1.6em;
				line-height: 1;
			}
			
div.featureContainer
{
	margin-left: -15px;
	width: 570px;
}
			
	div.featureContainer div.col
	{
		float: left;
		width: 270px;
		margin-left: 30px;
	}
			
	div.featureContainer div.col.first
	{ margin-left: 0; }

/*---------------------------------------------------------------
05.03 Basket and checkout
---------------------------------------------------------------*/    
div.basketItem
{
    clear: both;
    width: 555px;
    min-height: 120px;
    padding: 8px 0 10px;
    border-bottom: 1px solid #686f6d;
    overflow: hidden;
}

    div.basketItem div.productInfo
    {
        position: relative;
        width: 395px;
        padding: 0 20px 0 140px;
    }
            
        div.basketItem div.productInfo h2
        { margin-bottom: 0; }
            
        div.basketItem div.productInfo img
        {
            position: absolute;
            left: 0;
            top: 0;
        }
    
    div.basketItem div.itemInfo
    {
        float: left;
        width: 215px;
        padding: 0 20px 0 140px;
    }
    
        div.basketItem div.itemInfo table td.name
        { width: 130px; }
    
        div.basketItem div.itemInfo table td.value
        {
            width: 30px;
            text-align: right;
        }
    
        div.basketItem div.itemInfo span.price
        {
            font-size: 1.166em;
        }
    
    div.basketItem div.itemOptions
    {
        float: right;
        width: 180px;
    }
    
        div.basketItem div.itemOptions p
        { font-size: 1em; } 
    
        div.basketItem div.itemOptions input.submit
        { width: 162px; } 
        
div#basket
{
    position: relative;
    width: 555px;
    overflow: hidden;
}
    
    div#basket div.basketInfo
    {
        float: right;
        width: 180px;
        padding: 20px 0;
    }
    
        div#basket div.basketInfo table td.name
        {
            width: 130px;
            text-transform: uppercase;
        }
    
            div#basket div.basketInfo table tr.total td
            {
				font-size: 1.4em;
				color: #222;
			}
    
        div#basket div.basketInfo table td.value
        {
            width: 30px;
            text-align: right;
        }
    
        div#basket div.basketInfo span.price
        {
            font-size: 1.166em;
        }
    
        div#basket div.basketInfo p
        {
            margin: 0;
            border-top: 1px solid #4b403a;
            padding-top: 10px;
            font-size: 1.1em;
        }
    
        div#basket div.basketInfo input.submit
        { width: 162px; } 

    div#basket div.basketOptions
    {
        position: absolute;
        left: 0;
        bottom: 20px;
        width: 325px;
    }
    
        div#basket div.basketOptions p
        {
            margin: 0;
            font-size: 1.1em;
        }
        
        div#basket div.basketOptions a
        { text-transform: uppercase; }

table#orderSummary
{ width: 555px; }

    table#orderSummary th,
    table#orderSummary td
    {
		border-bottom: 1px solid #686f6d;
		padding-top: 5px;
	}

    table#orderSummary th.item,
    table#orderSummary td.item
    { width: 300px; }    
    
    table#orderSummary th.itemPrice,
    table#orderSummary td.itemPrice,
    table#orderSummary th.lineTotal,
    table#orderSummary td.lineTotal,
    table#orderSummary td.subTotal,
    table#orderSummary td.shippingTotal,
    table#orderSummary td.orderTotal
    { text-align: right; }      
    
    table#orderSummary th.quantity,
    table#orderSummary th.item,
    table#orderSummary th.itemPrice,
    table#orderSummary th.lineTotal
    { color: #222; }
    
    table#orderSummary th.subTotal,
    table#orderSummary th.shippingTotal,
    table#orderSummary th.orderTotal
    {
        border-bottom: 0;
        font-size: 1.2em;
        text-align: right;
        text-transform: uppercase;
    }
    
    table#orderSummary th.subTotal,
    table#orderSummary td.subTotal
    { padding-top: 20px; }
    
    table#orderSummary th.orderTotal,
    table#orderSummary td.orderTotal
    {
		font-size: 1.4em;
		color: #222;
	}
    
div.creditCard fieldset.date
{
    position: relative;
    margin-bottom: 1.2em;
}
    
    div.creditCard fieldset.date legend
    {
        width: 115px;
        padding: 2px 5px 2px 0;
        margin-bottom: 0;
		font-family: Arial, Helvetica, sans serif;
		font-size: 1.2em;
		color: #666;
    }
    
    div.creditCard fieldset.date div.month
    {
        position: absolute;
        left: 120px;
        top: -1.7em;
    }
    
    div.creditCard fieldset.date div.year
    {
        position: absolute;
        left: 18em;
        top: -1.7em;
    }
    
        div.creditCard fieldset.date div.month label,
        div.creditCard fieldset.date div.year label
        { width: auto; }
        
div#sslCheck
{ margin-bottom: 20px; }

	div#sslCheck p.sslImg
	{
		margin: 0;
		text-align: right;
	}

	div#sslCheck p.sslLink
	{
		margin: 0;
		font-size: 0.8em;
		text-align: right;
	}

/*---------------------------------------------------------------
05.04 - Stockists
---------------------------------------------------------------*/
div.LocatorMultiple
{ margin-bottom: 40px; }

	div.LocatorMultiple p
	{ margin: 0; }

div#stockistLegend
{
	width: 513px;
	padding: 4px 20px;
	border: 1px solid #5c7b7b;
	border-top: 0;
	margin-bottom: 20px;
	background: #02291a url('../../images/layout/default/site/stockistLegend.gif') 0 0 repeat-x;
}

	div#stockistLegend ul
	{
		margin: 0;
		font-size: 1.2em;
		font-weight: bold;
		color: #fff;
	}

	div#stockistLegend li
	{
		margin: 0;
		padding-right: 20px;
	}

	div#stockistLegend li.last
	{ padding-right: 0; }

	div#stockistLegend li span
	{
		border-right: 1px solid #fff;
		padding-right: 20px;
	}

	div#stockistLegend li.last span
	{
		border-right: 0;
		padding-right: 0;
	}

	div#stockistLegend img
	{ padding-right: 10px; }

table.stockistResults
{
    width: 555px;
    margin-bottom: 40px;
    border-collapse: collapse;
    border-top: 1px solid #a2a3a7;
    vertical-align: top;
}
            
    table.stockistResults tbody td
    {
        padding: 10px;
        border-bottom: 1px solid #a2a3a7;
        vertical-align: middle;
    }
            
    table.stockistResults tbody td.position
    { width: auto; }
        
        table.stockistResults tbody td.position span
        {
            border: 1px solid #a2a3a7;
            padding: 0 4px;
            font-weight: bold;
            color: #003D2C;
        }
            
    table.stockistResults tbody td.address
    { width: auto; }
            
        table.stockistResults td.address address
        {
			margin: 0;
			font-size: 1em;
		}
            
            table.stockistResults td.address address strong
            { color: #003D2C; }
            
    table.stockistResults tbody td.distance
    { text-align: right; }
    
div.traders
{
	width: 555px;
	overflow: hidden;
}
    
	div.traders address.trader
	{
		float: left;
		width: 170px;
		min-height: 240px;
		margin: 0 10px 10px 0;
		overflow: hidden;
	}
    
		div.traders address.trader img.logo
		{
			display: block;
			margin-bottom: 4px;
		}
		
	div.traders address.traderNoLogo
	{
		min-height: 161px;
		padding-top: 79px;
	}

/*---------------------------------------------------------------
06 - Overrides
---------------------------------------------------------------*/
body.home div#mainbody div.section
{
	min-height: 325px;
	margin-bottom: 20px;
}

body.home div#keepInformed
{
	margin-top: -27px;
	margin-left: 30px;
}

body.home div#ctabody
{
	width: 340px;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}

body.home div#socialMediaCTAArea
{ margin-left: 30px; }

body.basket div#basket div.message.information p
{ color: #412818; }

body.contactus div#contacts
{ display: none; }

body.safari div.creditCard fieldset.date div.month,
body.safari div.creditCard fieldset.date div.year
{
    position: absolute;
    top: 0;
}

body.safari span.submit.red input.submit,
body.safari span.submit.green input.submit
{ padding-bottom: 0; }

body.safari1 span.submit.red,
body.safari1 span.submit.green
{
	font-size: 1em;
	padding: 0;
}

	body.safari1 span.submit.red input.submit,
	body.safari1 span.submit.green input.submit
	{
		padding: 0;
		background-color: transparent;
		background-image: none;
	}

body.firefox2 span.submit.red,
body.firefox2 span.submit.green
{
	float: left;
	display: block;
}

body.firefox2 span.submit.red.right,
body.firefox2 span.submit.green.right
{ float: right; }

body.firefox2 div.basketItem div.itemOptions p
{ overflow: hidden; }