@charset "utf-8";


/*
--------------------
Fonts
--------------------
*/

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2011 Fontspring
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      exljbris
 * License URL: http://www.fontspring.com/fflicense/exljbris
 *
 */ 

@font-face {
    font-family: 'MuseoSlab';
    src: url('/assets/fonts/Museo_Slab_500-webfont.eot');
    src: url('/assets/fonts/Museo_Slab_500-webfont.eot?iefix') format('eot'),
         url('/assets/fonts/Museo_Slab_500-webfont.woff') format('woff'),
         url('/assets/fonts/Museo_Slab_500-webfont.ttf') format('truetype'),
         url('/assets/fonts/Museo_Slab_500-webfont.svg#webfontyumMOUTD') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSlabBold';
    src: url('/assets/fonts/Museo_Slab_700-webfont.eot');
    src: url('/assets/fonts/Museo_Slab_700-webfont.eot?iefix') format('eot'),
         url('/assets/fonts/Museo_Slab_700-webfont.woff') format('woff'),
         url('/assets/fonts/Museo_Slab_700-webfont.ttf') format('truetype'),
         url('/assets/fonts/Museo_Slab_700-webfont.svg#webfontyumMOUTD') format('svg');
    font-weight: normal;
    font-style: normal;
}




/*** JAMES ***/

textarea.defaultText{
	font:13px/16px 		MuseoSlabBold, "Times New Roman", Times, serif;
	color:#8BA1B3;
}
.basket_row_details textarea{
	width:150px;
	height:50px;
}



/*
--------------------
General CSS
--------------------
*/

/*---Reset Stylesheet---*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
a, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

	
/*---HTML5 Definitions---*/

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{ 
	display:block;
}
	

/*---General CSS---*/

html{
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	}
	body{
	font:13px/16px 		"Courier New", Courier, monospace;
	color:#444;
	background:#CDCBCC;
	}	

h1, h2, h3, .large{
	font:22px/24px 						MuseoSlab, "Times New Roman", Times, serif;
	color:#444;
	margin:0px 0px 8px 0px;
	}
	h2, h3{ 
	font:13px/16px 		MuseoSlabBold, "Times New Roman", Times, serif;
	margin:24px 0px 8px 0px;
	}
	.top{
	margin-top:0px;
	}
	.tinline{
	margin-top:24px;
	}
	.fancy{
	font:13px/16px 		MuseoSlabBold, "Times New Roman", Times, serif;
	}

p{
	margin-bottom:8px;
	}

a{
	color:#444;
	text-decoration:underline;
	}
	a:hover, a.selected{
	color:#9CD2F7;
	}
	a img{
	border:0;
	}
	img{
	display:block;
	}
	.ie7 img, .ie8 img{
	-ms-interpolation-mode:bicubic;
	}
	

/*Box buttons*/

a.button{
	font:13px/16px 		MuseoSlabBold, "Times New Roman", Times, serif;
	color:#999;
	text-decoration:none;
	}
	a.button:hover{
	color:#444;
	}

em{
	color:#999;
	font:13px/16px 		MuseoSlabBold, "Times New Roman", Times, serif;
	}
	em a{
	color:#999;
	}
	em a:hover{
	color:#9CD2F7;
	}
	strong{
	color:#9CD2F7;
	font:13px/16px 		"Courier New", Courier, monospace;
	}
	.error{
	color:#EE1D46;
	font:13px/16px 		MuseoSlabBold, "Times New Roman", Times, serif;
	}
	.light{
	color:#999;
	}
	.light a{
	color:#999;
	text-decoration:none;
	}
	.light a:hover{
	color:#9CD2F7;
	}

.clear, .clear_left{
	clear:both;
	font-size:0px;
	line-height:0px!important;
	height:0px!important;
	margin:0px!important;
	padding:0px!important;
	}
	.clear_left{
	clear:left;
	}
	
ul, ol{
	/*margin-left:20px;*/
	}	
	li{
	margin-bottom:8px;
	padding-left:20px;
	background:url(/images/bullet.gif) 0px 7px no-repeat;
	}
dt{
	font:13px/16px 		MuseoSlabBold, "Times New Roman", Times, serif;
	}
	dd{
	margin-bottom:8px;
	}
	
table{
	border-collapse:collapse;
	border-spacing:0;
	table-layout:fixed;
	margin-bottom:8px;
	}
	td, th{
	padding:0px 8px 8px 0px;
	width:88px;
	text-align:left;
	vertical-align:top;
	}
	th{
	font:13px/16px 		MuseoSlabBold, "Times New Roman", Times, serif;
	color:#444;
	}
	
	input, select{ vertical-align:middle; }



/*
--------------------
Contact Form
--------------------
*/

label{
	display:block;
	font:13px/16px 		MuseoSlabBold, "Times New Roman", Times, serif;
	color:#444;
	margin:0px 0px 4px 0px;
	}
	input.input_text, textarea, select{
	display:block;
	margin:0px 0px 8px 0px;
	padding:3px 6px;
	font:13px/16px 		"Courier New", Courier, monospace;
	color:#444;
	line-height:normal;
	border:1px solid #B1D3EF;
	background:#B1D3EF;
	width:362px;
	}
	
.col_1 input.input_text, .col_1 textarea{
	width:170px;
	}
	.col_0-5 input.input_text, .col_0-5 textarea{
	width:74px;
	}

.sub_col input.input_text, .sub_col textarea, .sub_col select{
	width:170px;
	}
	input[type=hidden]{
	display:none;
	}
	textarea{
	height:150px;
	}

.col_1 select{
	width:184px;
	}
	select{
	padding:2px 0px 2px 6px;
	width:88px;
	}
	input.input_image{
	background:#999;
	}

.wysiwyg{
	margin-bottom:15px;
	}
	.wysiwyg textarea{
	width:374px;
	}

.checkbox_input, .input_checkbox{
	display:inline;
	float:left;
	margin:5px 9px 0px 0px;
	}
	.ie .checkbox_input, .ie .input_checkbox{
	margin:2px 6px 0px 0px;
	}
	.checkbox_label, .input_single{
	display:inline;
	float:left;
	padding:4px 0px 0px 0px;
	color:#444;
	line-height:16px;
	margin:0px 0px 8px 0px;
	}
	.checkbox .sub_options{
	margin:0px 0px 10px 15px;
	}
.col_1 label.checkbox_label{
	width:158px;
	}


.radio_input{
	display:inline;
	float:left;
	margin:1px 9px 0px 0px;
	}
	.radio_label{
	display:inline;
	float:left;
	padding-bottom:9px;
	}
	.ie .radio_label{
	margin-top:3px;
	}

.submit, submit{
	margin-bottom:15px;
	}
	
	.disabled label{
	/*color:#E0E0E0;*/
	}
	.disabled input, .disabled select{
	background:#E0E0E0;
	border:1px solid #E0E0E0;
	}
	
.contact_form .error{
	margin-bottom:16px;
	}



/*
--------------------
Cols
--------------------
*/

.col_0-5, .col_1-5, .col_2-5, .col_3-5, 
.col_1, .col_2, .col_3, .col_4, 	
.colp_0-5, .colp_1-5, .colp_2-5, .colp_3-5, 
.colp_1, .colp_2, .colp_3, .colp_4, 
.cont_0-5, .cont_1-5, .cont_2-5, .cont_3-5, 
.cont_1, .cont_2, .cont_3, .cont_4, .col{
	display:inline;
	float:left;
	overflow:hidden;
}


.col_0-5, .col_1-5, .col_2-5, .col_3-5, 
.col_1, .col_2, .col_3, .col_4, 	
.colp_0-5, .colp_1-5, .colp_2-5, .colp_3-5, 
.colp_1, .colp_2, .colp_3, .colp_4, .col{
	margin-right:8px;
}


.colh_0-5, .colh_1-5, .colh_2-5, .colh_3-5, 
.colh_1, .colh_2, .colh_3, .colh_4, 	
.colph_0-5, .colph_1-5, .colph_2-5, .colph_3-5, 
.colph_1, .colph_2, .colph_3, .colph_4{
	margin-bottom:8px;
}


.colp_0-5, .colp_1-5, .colp_2-5, .colp_3-5, 
.colp_1, .colp_2, .colp_3, .colp_4, 
.colph_0-5, .colph_1-5, .colph_2-5, .colph_3-5, 
.colph_1, .colph_2, .colph_3, .colph_4{
	padding:8px 8px 8px 8px;
}


.col_0-5	{ width:88px; }
.col_1		{ width:184px; }
.col_1-5	{ width:280px; }
.col_2		{ width:376px; }
.col_2-5	{ width:472px; }
.col_3		{ width:568px; }
.col_3-5	{ width:664px; }
.col_4		{ width:760px; }

.colh_0-5	{ height:88px; }
.colh_1		{ height:184px; }
.colh_1-5	{ height:280px; }
.colh_2		{ height:376px; }
.colh_2-5	{ height:472px; }
.colh_3		{ height:568px; }
.colh_3-5	{ height:664px; }
.colh_4		{ height:760px; }

.cont_0-5	{ width:96px; }
.cont_1		{ width:192px; }
.cont_1-5	{ width:288px; }
.cont_2		{ width:384px; }
.cont_2-5	{ width:480px; }
.cont_3		{ width:576px; }
.cont_3-5	{ width:672px; }
.cont_4		{ width:768px; }

.conth_0-5 	{ height:96px; }
.conth_1	{ height:192px; }
.conth_1-5 	{ height:288px; }
.conth_2	{ height:384px; }
.conth_2-5 	{ height:480px; }
.conth_3	{ height:576px; }
.conth_3-5 	{ height:672px; }
.conth_4	{ height:768px; }

.colp_0-5	{ width:72px; }
.colp_1		{ width:168px; }
.colp_1-5	{ width:264px; }
.colp_2		{ width:360px; }
.colp_2-5	{ width:456px; }
.colp_3		{ width:552px; }
.colp_3-5	{ width:648px; }
.colp_4		{ width:744px; }

.colph_0-5	{ height:72px; }
.colph_1	{ height:168px; }
.colph_1-5	{ height:264px; }
.colph_2	{ height:360px; }
.colph_2-5	{ height:456px; }
.colph_3	{ height:552px; }
.colph_3-5	{ height:648px; }
.colph_4	{ height:744px; }

.col, .full_col{
	background:#FFF;
	padding:8px 0px 0px 8px;
	}
	.full_col{
	width:768px;
	overflow:hidden;
	}
	.last{
	margin:0!important;
	}
	.line{
	border-top:2px solid #B1D3EF;
	padding-top:8px;
	}
	

.left_0-5{
	margin-left:96px;
	}
	.left_1{
	margin-left:192px;
	}


/*
--------------------
Layout
--------------------
*/
	
/*---Header---*/
	
.wrapper{
	width:976px;
	margin:0px auto 0px auto;
	}

.header, header{
    height:190px;
	}
	.logo{
	width:393px;
	height:90px;
	display:inline;
	float:left;
	text-indent:-9000px;
	overflow:hidden;
	background:url(/images/smug.png) right top no-repeat;
	margin-top:70px;
	}
	.ie6 .logo{
	background:none;
	filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/smug.png',sizingMethod='image')");
	}

.top_info{
	display:inline;
	float:right;
	position:relative;
	background:#F9F7B7;
	color:#999;
	font:11px/16px 		"Courier New", Courier, monospace;
	/*height:72px;*/
	}
	.top_menu{
	display:inline;
	float:right;
	width:80px;
	margin-bottom:4px;
	}
	.top_menu ul{
	margin:0;
	}
	.top_menu li{
	list-style:none;
	margin-bottom:6px;
	padding:0;
	background:none;
	}
	.top_menu li a, .top_menu li a:active{
	color:#999;
	text-decoration:none;
	padding-bottom:2px;
	border-bottom:1px dashed #999;
	}
	.top_menu li a:hover{
	color:#9CD2F7;
	border-bottom:1px solid #9CD2F7;
	}
	.top_menu_icons{
	position:absolute;
	bottom:8px;
	left:0px;
	width:64px;
	}
	.top_menu_icon{
	float:left;
	margin:0px 0px 8px 8px;
	width:24px;
	height:24px;
	}
	.top_menu_icon a{
	display:block;
	width:24px;
	height:24px;
	text-indent:-1000px;
	overflow:hidden;
	}
	.top_menu_icons a.facebook{
	background:url(/images/social/facebook.gif) bottom left no-repeat;
	}
	.top_menu_icons a.facebook:hover{
	background:url(/images/social/facebook.gif) top left no-repeat;
	}
	.top_menu_icons a.twitter{
	background:url(/images/social/twitter.gif) bottom left no-repeat;
	}
	.top_menu_icons a.twitter:hover{
	background:url(/images/social/twitter.gif) top left no-repeat;
	}
	.top_menu_icons a.newsletter{
	background:url(/images/social/newsletter.gif) bottom left no-repeat;
	}
	.top_menu_icons a.newsletter:hover{
	background:url(/images/social/newsletter.gif) top left no-repeat;
	}


/*---Content---*/

.content_wrapper{
	background:url(/images/menu_back.gif) top left repeat-y;
	zoom:1;
	}
	.content_left{
	display:inline;
	float:left;
	width:168px;
	margin-right:8px;
	padding:8px 12px;
	}
	.content_right{
	display:inline;
	float:left;
	width:776px;
	}

/*---Main menu---*/

.main_menu ul{
	margin:0;
	}
	.main_menu li{
	list-style:none;
	margin:0;
	padding:0;
	background:none;
	text-align:right;
	}
	.main_menu li a{
	font:22px/24px 						MuseoSlab, "Times New Roman", Times, serif;
	letter-spacing:-1px;
	color:#E6DDD2;
	text-decoration:none;
	}
	.main_menu li a:active{
	color:#E6DDD2;
	}
	.main_menu .sub_menu{
	padding:5px 0px 15px 0px;
	}
	/*.main_menu .sub_menu li{
	margin:0;
	}*/
	.main_menu .sub_menu li a{
	font:13px/16px 		MuseoSlabBold, "Times New Roman", Times, serif;
	letter-spacing:0px;
	/*padding:1px 0px;*/
	}
	.main_menu .main_home a:hover, .main_menu .main_home a.selected{color:#ACD9B6;}
	.main_menu .main_news a:hover, .main_menu .main_news a.selected{color:#EBB0CC;}
	.main_menu .main_products a:hover, .main_menu .main_products a.selected{color:#55255C;}
	.main_menu .main_contact a:hover, .main_menu .main_contact a.selected{color:#E2E41B;}
	.main_menu .main_about a:hover, .main_menu .main_about a.selected{color:#EE1D46;}
	
	.main_menu li a{
	display:block;
	text-indent:-9000px;
	overflow:hidden;
	width:168px;
	text-align:left;
	}
	.main_menu ul ul li a{
	text-indent:0px;
	text-align:right;
	}
	.main_menu .main_home a{height:39px;}
	.main_menu .main_home{background:url(/images/menu/home.gif) top no-repeat;}
	.main_menu .main_home a:hover, .main_menu .main_home a.selected{background:url(/images/menu_hover/home.gif) top no-repeat;}
	
	.main_menu .main_news a{height:31px;}
	.main_menu .main_news{background:url(/images/menu/news.gif) top no-repeat;}
	.main_menu .main_news a:hover, .main_menu .main_news a.selected{background:url(/images/menu_hover/news.gif) top no-repeat;}
	
	.main_menu .main_products a{height:39px;}
	.main_menu .main_products{background:url(/images/menu/products.gif) top no-repeat;}
	.main_menu .main_products a:hover, .main_menu .main_products a.selected{background:url(/images/menu_hover/products.gif) top no-repeat;}
	
	.main_menu .main_contact a{height:34px;}
	.main_menu .main_contact{background:url(/images/menu/contact.gif) top no-repeat;}
	.main_menu .main_contact a:hover, .main_menu .main_contact a.selected{background:url(/images/menu_hover/contact.gif) top no-repeat;}
	
	.main_menu .main_about a{height:27px;}
	.main_menu .main_about{background:url(/images/menu/about.gif) top no-repeat;}
	.main_menu .main_about a:hover, .main_menu .main_about a.selected{background:url(/images/menu_hover/about.gif) top no-repeat;}
	
	.main_menu ul ul li a, .main_menu ul ul li{height:auto!important;}
	.main_menu ul ul li a:hover, .main_menu ul ul li a.selected{background:none!important;}



/*
--------------------
Pages
--------------------
*/

/*---Home---*/

.home .left_col{
	width:392px;
	}
	.home .left_col a{
	display:block;
	}
	.home .h_block{
	margin-bottom:8px;
	height:152px;
	}
	.home .right_col{
	width:360px;
	height:480px
	}
	.home .h_about{
	background:url(/images/h_about.gif) no-repeat top left;
	padding:20px 180px 0px 12px;
	height:132px;
	width:192px;
	font:13px/16px 		MuseoSlabBold, "Times New Roman", Times, serif;
	}
	.h_block .fancy{
	/*margin:65px 0px 0px 13px;*/
	margin:13px 0px 0px 13px;
	width:205px;
	}
	.h_block .fancy a{
	text-decoration:none;
	}
	.h_block .fancy a:hover{
	color:#444;
	text-decoration:underline;
	}	
	
/*---News---*/

.smug_news .full_col{
	margin-bottom:8px;
	}
	.smug_news img{
/*	float:left;
	margin:0px 8px 8px 0px;*/
	}
	.smug_news .news_content{
	float:left;
	margin:8px 0px 16px 0px;
	}
	.smug_news .news_item_image{
	float:left;
	margin:0px 8px 8px 0px;
	overflow:hidden;
	}


/*---About---*/

.about .full_col{
	margin-bottom:8px;
	}
	.about .about_image_container{
	display:inline;
	float:right;
	margin:0px 8px 8px 0px;
	text-align: right;
	}
	.about_img{
	overflow:hidden;
	}
	.about .about_content{
	display:inline;
	float:left;
	margin:8px 0px 16px 8px;
	width:220px;
	}
	a.arrow_left, a.arrow_right{
	text-decoration:none;
	color:#999;
	background:url(/images/arrows/grey_right.gif) right no-repeat;
	padding-right:12px;
	}
	a.arrow_left:hover, a.arrow_right:hover{
	color:#000;
	background:url(/images/arrows/black_right.gif) right no-repeat;
	}
	a.arrow_left{
	background:url(/images/arrows/grey_left.gif) left no-repeat;
	padding:0px 0px 0px 12px;
	}
	a.arrow_left:hover{
	color:#000;
	background:url(/images/arrows/black_left.gif) left no-repeat;
	}


/*---Products---*/

.p0_box{
	height:150px;
	margin:0px 8px 8px 0px;
	/*float:left;*/
	}
	.p0_box a{
	display:block;
	text-indent:-9000px;
	width:376px;
	height:150px;
	}
	
.p1{
	height:472px;
	margin:0px 8px 8px 0px;
	}

.prod_menu{
	font:13px/16px 		MuseoSlabBold, "Times New Roman", Times, serif;
	padding:12px 0px 0px 8px;
	margin:0px 0px 8px 0px;
	/*float:left;*/
	}
	.prod_menu li{
	list-style:none;
	display:inline;
	float:left;
	padding:0px 20px 10px 0px;
	background:none;
	margin:0;
	}
	.prod_menu li a{
	color:#000000;
	text-decoration:none;
	}
	.prod_menu li a:hover, .prod_menu li a.selected{
	color:#4F285B;
	}

.p2{
	min-height:480px;
	}
	.p2_prod{
	height:272px;
	margin-bottom:8px;
	}
	.p2 .over{
	background:#F9F7B7;
	}
	.p2_desc{
	padding:8px 8px 0px 8px;
	height:80px;
	}
	.p2_prod h2{
	margin-bottom:0px;
	}

.prod{
	padding-bottom:48px;
	}
	.prod_images img{
	display:inline;
	float:left;
	margin:0px 8px 8px 0px;
	}
	.prod_desc{
	min-height:88px;
	}

.big_button{
	display:block;
	background:#444 url(/images/big_button.gif) no-repeat top;
	height:33px;
	width:184px;
	padding-top:7px;
	font:22px/24px 						MuseoSlab, "Times New Roman", Times, serif;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	margin:24px 0px 8px 0px;
	}
	a.big_button:hover{
	background:#9CD2F7 url(/images/big_button.gif) no-repeat bottom;
	color:#444;
	}
	.big_button_light{
	background:#E0E0E0 url(/images/big_button_light.gif) no-repeat top;
	}
	a.big_button_light:hover{
	background:#9CD2F7 url(/images/big_button_light.gif) no-repeat bottom;
	}
	
.big_submit{
	height:40px;
	width:184px;
	margin:24px 0px 8px 0px;
	font:22px/24px 						MuseoSlab, "Times New Roman", Times, serif;
	}
	
.small_button{
	display:block;
	background:url(/images/small_button.gif) no-repeat top;
	height:25px;
	width:122px;
	padding-top:0px;
	font:13px/16px 		MuseoSlabBold, "Times New Roman", Times, serif;
	color:#444;
	line-height:25px;
	text-align:center;
	text-decoration:none;
	margin:24px 0px 8px 0px;
	}
	a.small_button:hover{
	background:url(/images/small_button.gif) no-repeat bottom;
	color:#444;
	}
	
.product-thumb{
	cursor:pointer;
	}
	

/*---Contact---*/

.contact h1, .contact .large{
	margin-top:8px;
	}
	.contact .tinline{
	margin-top:24px;
	}
	.contact .small_button{
	margin-top:16px;
	}
	.contact a{
	text-decoration:none;
	}

.contact_left{
	display:inline;
	float:left;
	width:463px;
	}
	.contact_image{
	width:447px;
	height:320px;
	margin-bottom:8px;
	}
	.contact_info{
	width:447px;
	}
	.contact_address{
	display:inline;
	float:left;
	width:225px;
	margin-right:8px;
	}
	.contact_opening{
	display:inline;
	float:left;
	width:187px;
	height:144px;
	}
	.contact_opening dt{
	display:inline;
	float:left;
	width:96px;
	}
	.contact_opening dd{
	display:inline;
	float:left;
	margin:0;
	}

.contact_right{	
	display:inline;
	float:left;
	width:305px;
	height:480px;
	margin-right:0px;
	}
	
.contact_right .input_text, .contact_right textarea{
	background-color:#F9F7B7;
	border:1px solid #F9F7B7;
	width:283px;
	}
	.contact_right textarea{
	height:80px;
	}

	

/*
--------------------
Checkout
--------------------
*/

.checkout_progress .prod_menu{
	padding:0px;
	margin:0px;
	}
	.checkout_progress li{
	padding:28px 10px 0px 10px;
	}
	.checkout_progress li, .checkout_progress li a{
	color:#999;
	}
	.checkout_progress li.selected, .checkout_progress li.selected a, .checkout_progress li a:hover{
	color:#444;
	}
	li.first{	
	margin-right:10px;
	padding:28px 0px 0px 0px;
	}

li.menu_basket{background:url(/images/checkout/animals/squirrel.gif) center -64px no-repeat;}
li.menu_delivery{background:url(/images/checkout/animals/shoveller.gif) center -64px no-repeat;}
li.menu_payment{background:url(/images/checkout/animals/hedgehog.gif) center -64px no-repeat;}
li.menu_summary{background:url(/images/checkout/animals/stonechat.gif) center -64px no-repeat;}
li.menu_login{background:url(/images/checkout/animals/guinea_pig.gif) center -64px no-repeat;}

li.menu_basket_selected{background:url(/images/checkout/animals/squirrel.gif) center top no-repeat;margin-left:0px;}
li.menu_delivery_selected{background:url(/images/checkout/animals/shoveller.gif) center top no-repeat;}
li.menu_payment_selected{background:url(/images/checkout/animals/hedgehog.gif) center top no-repeat;}
li.menu_summary_selected{background:url(/images/checkout/animals/stonechat.gif) center top no-repeat;}
li.menu_login_selected{background:url(/images/checkout/animals/guinea_pig.gif) center top no-repeat;}
	

.checkout{
	padding-bottom:100px;
	}
	.checkout_title{
	margin:48px 0px 56px 0px;
	}
	.checkout_title_tight_bottom{ /* Ooh err */
	margin-bottom:18px;
	}
	.checkout_buttons{
	margin-top:24px;
	}
	
/*** JAMES CHECKOUT ADDITONS ***/

.checkout_shipping label{
	float:left;
	padding-bottom:4px;
	width:184px;
}
.checkout_shipping span{
	font:13px/16px 		"Courier New", Courier, monospace;	
	color:#999;
}

/* Note I've done this on the <p> as we always have the <div class="general_errors"> but it might be empty. */

.general_errors p{
	margin:0px 0px 56px 0px;
	}
	.basket_errors p{
	margin:0px 0px 56px 0px;
	}
	.inline_error p{
	margin-top:5px;
	}
	
.excludes_error{
	display:none;
	}
	.extrafield_error{
	height:55px;
	}
	.extrafield_error p{
	margin:0;
	padding:24px 0px 0px 0px;
	}



/*---Basket---*/

.basket{
	width:760px;
	}

.basket_header th{
	width:88px;
	}
	.basket .basket_col_name, .basket .basket_col_details{
	width:184px;
	}
	
.basket_image{
	display:block;
	float:left;
	width:88px;
	height:88px;
	}
	
.basket_row_name a{
	text-decoration:none;
	}
	.basket_row_name, .basket_row_details, .basket_row_price, .basket_row_quantity, .basket_row_total, .basket_summary, .basket_offers{
	border-top:2px solid #B1D3EF;
	padding-top:8px;
	}
	.basket_row_quantity select{
	width:56px;
	padding:0px 0px 0px 8px
	}
	.basket_col_total{
	padding-right:0px;
	}
	
	h1 .small_pence{
	font-size:13px;
	}
	
.basket_summary{
	float:right;
	}
	.basket_summary h1{
	margin-top:24px;
	}
	
.basket_offers{
	float:left;
	margin-left:96px;
	}
	.basket_offers input{
	margin-bottom:8px;
	}
	
.basket_info{
	margin-top:10px;
	}
	
	
/*---Login---*/

.login_spacer{
	height:162px;
	}
	
/*---New Account---*/

.new_cust .input_text{
	width:346px;	
	}
	.new_cust .col_1{
	width:176px;
	}
	.new_cust .col_1 .input_text{
	width:162px;
	}
	.new_cust .col_1 select{
	width:176px;
	}
	.field_name_forename .input_text{
	width:250px;	
	}
	.sign_up_button{
	display:block;
	margin:32px auto;
	}
	
	
/*---Delivery---*/

.checkout_addresses span{
	display:block;
	margin-bottom:8px;
	}
	
/*---Payment---*/
	
.payment_type, .payment_summary{
	padding-bottom:24px;
	}

.cc_items{
	margin-top:16px;
	}
	.cc_items label{
	margin-top:4px;
	}
	#switch{
	margin-left:96px;
	}
	.cvv, .cc_expiry{
	float:right;
	}

.gift_entered{
	margin-bottom:16px;
	}
	
/*---Success---*/

.order_details{
	margin:16px 0px 40px 0px;
	}


/*
--------------------
Account
--------------------
*/

li.menu_logout{
	width:88px;
	float:right;
}

/*---Forgotten Password---*/

.forgotten_info{
	margin-bottom:24px;
	}

/*---Order list---*/

.order_list_delivery, .order_list_status{
	width:184px;
	}
	.order_list td{
	border-top:2px solid #B1D3EF;
	padding-top:8px;
	padding-bottom:16px;
	}
	
/*---Wishlist---*/

.wishlist_update{
	float:right;
	}
	.wishlist_update .big_button{
	margin-top:0px;
	}
	
/*---T and Cs---*/

.tandcs h1{
	margin-top:36px;
	}
	


/*
--------------------
Footer
--------------------
*/

.footer{
	height:24px;
	margin-top:40px;
	padding-bottom:40px;
	}
	.footer_block{
	display:inline;
	float:left;
	height:24px;
	background:#F9F7B7;
	width:192px;
	margin-right:8px;
	}
	.footer_info{
	display:inline;
	float:left;
	height:24px;
	line-height:24px;
	width:768px;
	padding-left:8px;
	background:#FFF;
	}

.footer_home 		.footer_block{background:#ACD9B6;}
.footer_smug_news 	.footer_block{background:#EBB0CC;}
.footer_products 	.footer_block{background:#55255C;}
.footer_contact_us 	.footer_block{background:#E2E41B;}
.footer_about 		.footer_block{background:#EE1D46;}