/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/* ~~~~~~~~~~~~~~~~ COPYRIGHT 2010 ADIGI ~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/* ~~~~~~~~~~~~~~~~~~~~ BODY AND HTML ~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font:11px/1.2em verdana, arial, tahoma, sans-serif;
		color:#000000;
		background:#f15c4f;
		height:100%;
		text-align:left;
		margin:0;
		}
		
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/* ~~~~~~~~~~~~~~~~~~~~~~~ GLOBAL ~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		
		
	html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin:0; padding:0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size:1em; font-weight:normal; font-style:normal; }
	fieldset,img { border:none; }
	caption,th { text-align:left; }
	table { border-collapse:collapse; border-spacing:0; }
	.hidden, .screen_reader, hr { display:none; }
	
	p { margin:0 0 1em 0; padding:0; }
	a { color:#002c5e; text-decoration:none; font-size:12px; }
	a:hover { text-decoration:underline; }
	
	a.arrowRight{
		background:url(../images/css/arrowRight.gif) left no-repeat;
		padding:0 0 0 18px;
		color:#c80813;
		text-decoration:none;
		font-weight:bold;
		float:left;
		}
	
	h1, h2, h3, h4, h5{
		margin:0 0 1em 0;
		color:#001d59;
		line-height:normal;
		}
		h1{ font-size:1.6em;}
	
	.floatLeft { float:left; }
	.floatRight { float:right; }
	.clear { clear:both; }
	
	input[type="checkbox"], input[type="radio"]{
		width:auto;
		}
	
	input[type="text"], input[type="password"], textarea, select{
		border:#d2d4d2 1px solid;
		padding:2px 4px;
		color:#666666;
		font-size:1.1em;
		width:300px;
		}
		select{
			width:310px;
			}
	
	.noMargin{
		margin:0;
		}
	p.note{
		font-style:italic;
		color:#002c5e;
		}
	span.req{
		font-size:1.2em;
		font-weight:bold;
		color:#f15c4f;
		}
		
		
/*	--- SEO BAR --- */	

	#seobar{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		background:#fff;
		text-align:center;
		z-index:100;
		padding:5px 0;
		opacity:0.9;
		}
		
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/* ~~~~~~~~~~~~~~~~~~ FORM ELEMENTS ~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	form{
		float:left;
		margin:20px 0 0 0;
		}
		form ol, form ul{
			margin:0;
			padding:0;
			}
			form li{
				list-style:none;
				width:800px;
				float:left;
				margin:3px 0;
				padding:0;
				}
				form li label{
					width:200px;
					padding:0 15px 0 0;
					float:left;
					}
					form li input{
						width:200px;
						border:#999 1px solid;
						}
						form li textarea{ width:200px;}
						
	form input.formSubmit{
		background:url(../images/css/formSendButton.gif) top left #FFF;
		width:47px;
		height:16px;
		cursor:pointer;
		border:none;
		margin:10px 0 0 0;
		}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/* ~~~~~~~~~~~~~~~~ TEMPLATE ELEMENTS  ~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#outerWrap{
		width:1000px;
		margin:0 0 0 -550px;
		position:absolute;
		left:50%;
		padding:0 50px 0 50px;
		float:left;
		}
	
	#innerWrap{
		width:1000px;
		padding:0 0 10px 0;
		float:left;
		background:url(../images/css/innerWrapBG.gif) bottom repeat-x #FFFFFF;
		}

	div.sheep{
		width:214px;
		height:171px;
		position:absolute;
		right:0;
		bottom:15px;
		background:url(../images/css/sheepOverlay.png) top left no-repeat;
		}
		
	#rightCol{
		width:224px;
		float:right;
		padding:0;
		margin:0;
		}
		
	ul.sitemap{
		margin:0;
		padding:5px 30px;
		}
		ul.sitemap li{ list-style:none; padding:2px 0;}
		ul.sitemap li a{ color:#f15c4f;}
		ul.sitemap li a.category{font-weight:bold; color:#3a4269; font-size:14px;}
		ul.sitemap li.sub ul{ padding:5px 0 0 10px;}
	
	
	#addedToBasket{
		width:150px;
		height:100px;
		background:url(../images/css/addedToBasket.png) center no-repeat;
		position:absolute;
		right:100px;
		top:10px;
		padding:30px 70px 30px 40px;
		z-index:2000;
		}
		#addedToBasket p.image{
			float:left;
			margin-right:15px;
			}
		#addedToBasket p.total{
			float:right;
			width:50%;
			}
			#addedToBasket p.total span{
				font-weight:bold;
				display:block;
				font-size:1.3em;
				color:#e10005;
				padding:3px 0 0 0;
				}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/* ~~~~~~~~~~~~~~~~~~ HEADER ELEMENTS  ~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#header{
		background:#e8f6f8;
		width:100%;
		height:95px;
		float:left;
		position:relative;
		}
		#header p.logo{
			margin:0 0 0 20px;
			float:left;
			}
			#header p.logo a{
				display:block;
				width:360px;
				height:90px;
				background:url(../images/css/follifoot_farm.gif) top left no-repeat;
				text-indent:-3000em;
				overflow:hidden;
				}
				
	/*	---------	HEADER SITE LINKS AND SEARCH  ---------  */			
				
	#header div.links{
		float:right;
		width:480px;
		padding:0 0 0 0;
		margin:0 110px 0 0;
		}
		#header div.links ul{
			margin:0;
			padding:10px 10px 0 0;
			float:left;
			text-align:right;
			width:310px;
			}
			#header div.links ul li{
				list-style:none;
				display:inline-block;
				padding:0 5px 0 5px;
				border-right:#f15c4f 1px solid;
				}
				#header div.links ul li a{
					color:#f15c4f;
					}
				#header div.links ul li.last{ border: none; }		
					
	#header div.links form{
		background:url(../images/css/searchBG.gif) top left no-repeat;
		float:right;
		width:156px;
		height:39px;
		margin:0;
		}
		#header div.links form ol{
			margin:0;
			float:left;
			padding:8px 0 0 10px;
			}
			#header div.links form ol li{
				list-style:none;
				float:left;
				width:auto;
				margin:0 5px 0 0;
				}
				
		#header div.links form input[type="text"]{ width:100px; border:#CCC 1px solid; }
		#header div.links form input[type="submit"]{ 
			background:url(../images/css/searchSubmit.gif) top left no-repeat;
			width:12px;
			height:12px;
			cursor:pointer;
			border:none;
			margin:5px 0 0 0;
			}
		
		
		/*	--------------	BASKET SUMMARY  --------------  */	
			
		#header div.basket{
			position:absolute;
			right:23px;
			top:10px;			
			}
			#header div.basket a{
				color:#cf0000;
				display:inline-block;
				width:60px;
				height:55px;
				padding:0 0 18px 0;
				text-align:center;
				font-size:1em;
				background:url(../images/css/basketBG.gif) bottom center no-repeat;
				}
				#header div.basket a:hover{
					text-decoration:none;
					}
				#header div.basket a span{
					font-weight:bold;
					clear:both;
					text-align:center;
					display:inline-block;
					}

	/*	--------------	MAIN NAVIGATION  --------------  */	
	
	#header div.navigation{
		float:left;
		padding:0 0 0 20px;
		width:565px;
		margin:15px 0 0 0;
		position:relative;
		}
		#header div.navigation ul#navMenu{
			margin:0;
			padding:0 80px 0 0;
			float:right;
			}
			#header div.navigation ul#navMenu li{
				list-style:none;
				float:left;
				margin:0;
				}
				#header div.navigation ul#navMenu li a.main{ 
					font-size:1.6em;
					text-decoration:none;
					display:block;
					height:34px;
					padding:10px 10px 0 10px;
					margin:0 0 0 5px;
					line-height:normal;
					}
					#header div.navigation ul#navMenu li a:hover{color:#f15c4f;}
					
					#header div.navigation ul#navMenu li a.selected{ 
						background:#FFF;
						color:#f15c4f;
						}
						
						
	/*	-----------	SUBNAV DROPDOWN ------------  */					
						
	ul.subnav{
		margin:0;
		padding:0 10px;
		position:absolute;
		top:35px;
		visibility: hidden;
		z-index:1000;
		background:#e8f6f8;
		min-width:180px;
		width:auto!important;
		width:180px;
		}
		ul.subnav li{
			padding:0;
			margin:0;
			float:left;
			clear:both;
			width:100%;
			*width:33%;
			}
			ul.subnav li a{
				border-bottom:#f15c4f 1px dashed;
				font-size:10px;
				display:block;
				height:20px;
				padding:5px 0;
				width:100%;
				font-size:1.2em;
				white-space:nowrap;
				}
				ul.subnav li a:hover{
					color:#f15c4f;
					text-decoration:none;
					}
					ul.subnav li a.last{
						border:none;
						}					
						
						
	div#breadcrum{
		float:left;
		width:960px;
		border-bottom:#d2d4d2 1px solid;
		padding:10px 0 10px 0;
		margin:0 0 0 20px;
		}
	
	ul.breadCrumb{ padding:0; margin:0; list-style-type:none; float:left; width:100%; }
	ul.breadCrumb li{ float:left; margin:0 5px 0 0; font-size:1em; color:#666; }
	ul.breadCrumb li a{ margin:0 5px 0 0; font-size:1em; font-weight:bold; }
	ul.breadCrumb li.home a{color:#f15c4f;}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/* ~~~~~~~~~~~~~~~~~ CONTENT ELEMENTS  ~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#content{
		float:left;
		width:960px;
		padding:20px 20px 0 20px;
		}
		#content div.body{
		min-height:300px;
		height:auto!important;
		height:300px;
			}
			
	#flashMap{
		width:956px;
		height:509px;
		background:url(../images/css/flashMapPlaceholder.jpg) top left no-repeat;
		float:left;
		}
		#flashMap p{
			margin:20px 0 0 130px;
			width:500px;
		}
		
	#siteLinks{
		width:935px;
		margin:0;
		padding:40px 0 0 0;
		background:url(../images/css/innerWrapBottomBG.jpg) bottom center no-repeat;
		xheight:130px;
		float:left;
		}
		#siteLinks div.column{
			float:left;
			width:25%;
			}
		#siteLinks ul{
			margin:0;
			padding:0;
			}
			#siteLinks ul li{ list-style:none; margin:0 0 7px 0; }
			
			#siteLinks div.inner{
				border-top:#d2d4d2 1px solid;
				float:left;
				width:100%;
				padding:10px 0 40px 20px;
				margin:0 0 7px 0;
				background:url(../images/css/sage-pay.jpg) bottom left no-repeat;
				}
			
			
	ul#cta{
		float:left;
		margin:0;
		padding:20px 0 0 0;
		}
		ul#cta li{
			display:inline;
			float:left;
			margin:0 20px 0 0;
			}			
			ul#cta li a{
				display:block;
				width:224px;
				height:130px;
				text-indent:-3000em;
				overflow:hidden;
				}
				ul#cta li.discounts a{
					background:url(../images/css/cta_discounts_and_postage.jpg) top left no-repeat;
					}
				ul#cta li.inspection_copies a{
					background:url(../images/css/cta_inspection_copies.jpg) top left no-repeat;
					}
				ul#cta li.teachers a{
					background:url(../images/css/cta_teachers_guides.jpg) top left no-repeat;
					}
				ul#cta li.mailing_list a{
					background:url(../images/css/cta_mailing_list.jpg) top left no-repeat;
					}
					ul#cta li.mailing_list{margin:0;}
			
			ul#cta li.lettersounds {
				background:url(../images/css/cta_lettersounds.jpg) 0 0 no-repeat;
				margin:0;
				position:relative;
				display:block;
				height:130px;
				width:224px;
				}
				ul#cta li.lettersounds a{
					position:relative;
					display:block;
					text-indent:0;
					color:#FFF;
					font-weight:bold;
					top:68px;
					left:8px;
					width:115px;
					background:url(../images/css/arrowLinkGrey.png) 0 50% no-repeat;
					height:auto!important;
					margin:0 0 8px 0;
					line-height:120%;
					padding:0 0 0 18px;
					}
					
		
				
	/*	RIGHT COLUMN ONLY CTA STYLES  */
			
	#rightCol ul#cta{
		padding:0;
		margin:0;
		}
		#rightCol ul#cta li{ margin:0 0 20px 0;}
		
	/*	HOME PAGE BOTTOM BOXES  */	
		
	div.boxLeft, div.boxRight{
		background:url(../images/css/boxHeader.gif) top left no-repeat;
		width:468px;
		padding:5px 0;
		margin:20px 20px 0 0;
		float:left;
		}
		#content div.boxLeft div.body, #content div.boxRight div.body{
			border-left:#d2d4d2 1px solid;
			border-right:#d2d4d2 1px solid;
			width:446px;
			min-height:50px;
			height:auto!important;
			height:50px;
			padding:5px 10px 0 10px;
			float:left;
			}
			div.boxLeft div.foot, div.boxRight div.foot{
				background:url(../images/css/boxFooter.gif) bottom no-repeat;
				height:5px;
				width:100%;
				float:left;
				}
		
		div.boxRight{ margin-right:0;}
		div.boxRight h2.featured{ margin:0 0 5px 0; font-weight:normal;  color:#c80813;}
		div.boxLeft h1.title{ margin:0 0 10px 0; font-weight:normal; font-size:14px;}
		
		
	ul#featured{
		margin:0 0 20px 0;
		padding:0;
		float:left;
		width:100%;
		border-top:#d2d4d2 1px solid;
		position:relative;
		}
		ul#featured li{
			width:442px;
			height:125px;
			overflow:hidden;
			display:block;
			float:left;
			margin:0 10px 30px 0;
			}
			ul#featured li div.inner{ padding:10px;}
			ul#featured li span.image{ 
				width:205px;
				text-align:center;
				float:right;
				}				
				ul#featured li span.title{
					display:block;
					width:200px;
					float:left;
					}
					ul#featured li span.title p{ font-size:12px; font-weight:bold; color:#002c5e; }
					
					ul#featured li p.description{ font-size:11px; display:block; width:200px; margin:10px 0 10px 0; float:left; text-align:left; }

			ul#featured li span.price{
				display:block;
				width:200px;
				float:left;
				padding:0 0 10px 0;
				}
				ul#featured li span.price p{ display:inline; margin:0 10px 0 0; color:#002c5e; }
				ul#featured li span.price p.was{ text-decoration:line-through; }
				ul#featured li span.price p.price{ font-size:1.2em; font-weight:bold; }
				
				ul#featured li p.moreInfo{ float:left; width:200px; margin:5px 0 0 0;}
				
				ul#featured li a.arrowRight{color:#c80813;}
			
	/*	-	CAROUSEL	- */
	
	.jcarousel-next-horizontal {
		position: absolute;
		bottom:0;
		right: 0;
		width: 32px;
		height: 32px;
		cursor: pointer;
		background: transparent url(../images/carousel/next-horizontal.png) no-repeat 0 0;
		}
	
	.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
		background-position: -32px 0;
		}
	
	.jcarousel-skin-tango .jcarousel-next-horizontal:active {
		background-position: -64px 0;
		}
	
	.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
	.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
	.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
		cursor: default;
		background-position: -96px 0;
		}
		
	.jcarousel-prev-horizontal {
		position: absolute;
		bottom:0;
		left: -5px;
		width: 32px;
		height: 32px;
		cursor: pointer;
		background: transparent url(../images/carousel/prev-horizontal.png) no-repeat 0 0;
		}
	
	.jcarousel-prev-horizontal:hover {
		background-position: -32px 0;
		}
	
	.jcarousel-prev-horizontal:active {
		background-position: -64px 0;
		}
	
	.jcarousel-prev-disabled-horizontal,
	.jcarousel-prev-disabled-horizontal:hover,
	.jcarousel-prev-disabled-horizontal:active {
		cursor: default;
		background-position: -96px 0;
		}
		
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~ NEWS  ~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		
	ul.news{
		margin:0;
		padding:0
		}
		ul.news li{ list-style:none;}
		ul.news li span{color:#f15c4f; font-weight:bold; display:block; width:100px; margin:0 10px 0 0; float:left;} 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/* ~~~~~~~~~~~~~~~~~~ PRODUCTS/CATEGORIES  ~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	div.productList{
		float:left;
		width:75%;
		}
		div.productList.search{ width:100%;}
		
		ul.product{
			float:left;
			width:100%;
			margin:0 0 20px 0;
			padding:0;
			}
			ul.product li{
				display:block;
				float:left;
				width:224px;
				padding:0;
				background:url(../images/css/productBG.gif) top left no-repeat;
				margin:0 20px 0 0;
				}
				ul.product li.last{ margin-right:0;}
				
			ul.product li div.inner{
				float:left;
				width:204px;
				margin:10px 0 0 0;
				padding:10px 10px 20px 10px;
				background:url(../images/css/productBG.gif) bottom left no-repeat;
				}

			ul.product li span.image{
				float:left;
				width:100%;
				text-align:center;
				margin:0 0 10px 0;
				padding:0;
				}
				
			ul.product li span.title{
				display:block;
				width:100%;
				text-align:center;
				}
				ul.product li span.title p{ font-size:12px; font-weight:bold; color:#002c5e; }

			ul.product li span.price{
				display:block;
				width:100%;
				text-align:center;
				}
				ul.product li span.price p{ display:inline; margin:0 10px 0 0; color:#002c5e; }
				ul.product li span.price p.was{ text-decoration:line-through; }
				ul.product li span.price p.price{ font-size:1.2em; font-weight:bold; }
				
				
			ul.product li p.moreInfo{ clear:both; float:left; width:100%; margin:10px 0 0 0; text-align:center; }
			
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/* ~~~~~~~~~~~~~~~~~~~ PRODUCT PAGE  ~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
						
#productWrap{
	width:100%;
	float:left;
	padding:0;
	position:relative;
	}
	#productWrap div.left{ width:470px; float:left;}
	#productWrap div.right{ width:470px; float:right;}
	
	#productImageLarge{
		border:#d3d3d3 1px solid;
		width:470px;
		text-align:center;
		height:470px;
		float:left;
		background:url(../images/css/loading.gif) center no-repeat;
		}
		#productImageLarge table{
			width:470px;
			height:470px;
			border:none;
			}
	
	div.pricing p{ font-size:18px; display:inline-block; margin:0 10px 20px 0;}
	
	div.description{padding:20px 0 0 0;}
	
	div.pricing p.nowPrice{font-weight:bold; color:#e4564a;}
	div.pricing p.wasPrice{color:#06275c;}
	div.pricing p.wasPrice span{text-decoration:line-through;}
	
	div.gallery{
		float:left;
		width:450px;
		text-align:center;
		padding:10px;
		margin:10px 0 0 0;
		border:#d3d3d3 1px solid;
		}
		div.gallery h3{ font-size:14px;}
		
		div.gallery ul{padding:0; margin:0 auto; width:100%;}
		div.gallery ul li{
			list-style:none;
			display:inline;
			float:left;
			width:70px;
			height:70px;
			margin:0 10px 0 0;
			text-align:center;
			line-height:70px;
			border:#ef5b4f 1px solid;
			}
			div.gallery ul li:hover{ border-color:#000;}
			div.gallery ul li img{ vertical-align:middle;}
			
	p.orderingInfo{ margin:0 0 20px 0; float:left; }
	
	
	/*	--------	ADD TO BASKET FORM	---------	*/
	
	form#add_to_basket{
		float:left;
		width:100%;
		margin:0 0 15px 0;
		border:#f15c4f 1px solid;
		}
		form#add_to_basket legend{
			color:#002c5e;
			font-size:1.3em;
			padding:10px 0 0 15px;
			font-weight:bold;
			}
		
		form#add_to_basket ul{
			padding:15px 15px 15px 15px;
			float:left;
			color:#002c5e;
			width:440px;
			}
		
		form#add_to_basket label{
			width:150px;
			padding:3px 0 0 0;
			}
		
		form#add_to_basket input#qty{
			width:25px;
			}
		form#add_to_basket input#add_basket{
			width:50px;
			margin:3px 0 0 150px;
			background:url(../images/css/addBasketButton.gif) top left no-repeat;
			width:104px;
			height:16px;
			border:none;
			cursor:pointer;
			}
			
			
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~ BASKET  ~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		
	div.basket_contents{
		float:left;
		clear:both;
		width:100%;
		}
	
	.basket_contents table{
		width:960px;
		border:#9a9899 1px solid;
		font-weight:normal;
		}
		
		/* CHECKOUT CONFIRMATION PAGE ONLY */
		div.checkoutWrap div.basket_contents table {
			margin:15px 0 10px 0;
			width:720px;
			border:#9a9899 1px solid;
			font-weight:normal;
			}
		
		.basket_contents table td, .basket_contents table th{
			padding:2px 10px;
			}
		
		.basket_contents table th{
			background:#9a9899;
			padding:10px;
			color:#fff;
			font-weight:bold;
			font-size:1.1em;
			}
			
			.basket_contents table ul{
				padding:5px 0 5px 15px;
				list-style:none;
				color:#462668;
				}
				
				.basket_contents table ul li span{
					font-style:italic;
					}
					
		.basket_contents ul.options li{
			margin:0;
			}

		.basket_contents table input{
			width:26px;
			padding:2px;
			}
			
		.basket_contents table select{
			width:300px;
			padding:2px;
			}
			
		ul.buttons{
			list-style:none;
			position:relative;
			float:left;
			width:100%;
			height:22px;
			margin:10px 0 0 0;
			}
			
			ul.buttons li{
				float:left;
				width:30%;
				}
			
		.basket_contents .updateButton{
			width:55px;
			height:18px;
			background:url(../images/css/updateButton.gif) top left no-repeat;
			border:none;
			cursor:pointer;
			position:absolute;
			left:33%;
			top:5px;
			margin-left:-23px;
			}
			
		.basket_contents .checkoutButton{
			width:81px;
			height:18px;
			display:block;
			text-indent:-3000em;
			background:url(../images/css/checkoutButton.gif) top left no-repeat;
			margin:0 0 0 0;
			overflow:hidden;
			position:absolute;
			right:0;
			top:5px;
			}
			
			.basket_contents .orderFormButton{
				width:215px;
				height:18px;
				display:block;
				text-indent:-3000em;
				background:url(../images/css/orderFormButton.gif) top left no-repeat;
				margin:0 0 0 0;
				overflow:hidden;
				position:absolute;
				left:66%;
				top:5px;
				margin-left:-107px;
				}
				
		.basket_contents .continueShoppingButton{
			width:81px;
			height:18px;
			display:block;
			text-indent:-3000em;
			background:url(../images/css/keepShoppingButton.gif) top left no-repeat;
			overflow:hidden;
			position:absolute;
			left:0;
			top:5px;
			}
			
	div.basket_left{
		float:left;
		width:530px;
		padding:0 17px 0 0;
		}
			
	form#add_ISBN{
		border:#9a9899 1px solid;
		padding:10px;
		width:390px;
		margin:0;
		float:left;
		}
		form#add_ISBN label{ width:70px; padding:4px 0 0 0; font-weight:bold; }
		form#add_ISBN input{ width:180px; }
		form#add_ISBN input.add{
			width:50px;
			margin:3px 0 0 15px;
			background:url(../images/css/addBasketButton.gif) top left no-repeat;
			width:104px;
			height:16px;
			border:none;
			cursor:pointer;
			}
			
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~ CHECKOUT ~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	

div.checkoutWrap{
	padding:20px 120px;
	float:left;
	border:#d2d4d2 1px solid;
	}
	div.checkoutWrap form{
		margin:0 0 20px 0;
		float:left;
		}
		div.checkoutWrap form legend{
			margin:0 0 15px 0;
			float:left;
			width:100%;
			font-size:1.2em;
			font-weight:bold;
			}
	
	div.checkoutWrap form li{
		float:left;
		width:100%;
		margin:0 0 5px 0;
		}
		div.checkoutWrap form li label{
			float:left;
			width:50%;
			padding:2px 0 0 20px;
			}
			div.checkoutWrap form li label.cheque{
				font-weight:bold;
				}
			div.checkoutWrap form li label.card{
				background:url(../images/css/cards.jpg) 140px center no-repeat;
				height:22px;
				padding:7px 0 0 20px;
				font-weight:bold;
				}
			
			
	input.buttonContinue{
		height:18px;
		width:81px;
		background:url(../images/css/continueButton.gif) top left no-repeat;
		border:none;
		display:block;
		margin:10px 0 0 0;
		cursor:pointer;
		}
		
	p.header{
		width:700px;
		padding:10px;
		background:#b02629;
		color:#FFF;
		float:left;
		display:block;
		margin:7px 0;
		}
		
	div.checkoutWrap h3{
		font-size:115%;
		font-weight:bold;
		margin:0 0 10px 0;
		color:#282b8e;
		}
		
	form#customerDetails{
		display:none;
		}	
		
/* ----------- CHECKOUT LOGIN ------------ */
		
	input.loginButton{
	height:18px;
	width:55px;
	background:url(../images/css/loginButton.gif);
	border:none;
	display:block;
	cursor:pointer;
	}
	
	
	form#loginForm{
		border-bottom:#d2d4d2 1px solid;
		width:100%;
		float:left;
		margin:0 0 35px 0;
		}		
		
/* ----------- CHECKOUT SUMMARY ------------ */
	
	div#order_summary{
		width:100%;
		float:left;
		padding-top:15px;
		border-top:#999 1px dashed;
		}
		
		div#order_summary p{
			font-size:1.3em;
			font-weight:bold;
			margin:0 0 10px 0;
			color:#002c5e;
			}
		
		div#order_summary ul{
			list-style:none;
			float:left;
			width:100%;
			}
			div#order_summary li{
				float:left;
				width:95%;
				padding-bottom:5px;
				margin:0 0 3px 0;
				}
				div#order_summary ul li span.label{
					width:40%;
					float:left;
					color:#002c5e;
					}
					div#order_summary ul li span.title{
						float:left;
						width:60%;
						
						}
						
		div#order_summary ul.margin{
			margin-top:30px;
			float:left;
			}
		
		div#order_summary .left{
			width:50%;
			float:left;
			}
			
		div#order_summary .right{
			width:50%;
			float:right;
			}
			
	form#checkoutConfirm ol li{
		width:720px;
		}

/* -------- CHECKOUT PROGRESS BAR ---------- */
	
	ul#checkout_progress {
		list-style-type:none;
		height:45px;
		float:left;
		width:663px;
		margin:0 0 20px 55px;
		padding:0;
		background:url(../images/CheckoutProgressBG.gif) center left no-repeat;
		}
		ul#checkout_progress li{
			float:left;
			display:inline;
			clear:none;
			width:145px;
			height:20px;
			padding:15px 0 10px 20px;
			text-align:center;
			font-weight:bold;
			color:#333;
			}
			ul#checkout_progress li a{
				display:block;
				width:100%;
				height:100%;
				font-weight:bold;
				color:#333;
				}
				ul#checkout_progress li a:hover{text-decoration:none;}
				ul#checkout_progress li a.active{ color:#FFF;}
				ul#checkout_progress li.active{ color:#FFF;}
				
			ul#checkout_progress.step1{ background-image:url(../images/checkout_progress/step2.gif); }
			ul#checkout_progress.step2{ background-image:url(../images/checkout_progress/step3.gif); }
			ul#checkout_progress.step3{ background-image:url(../images/checkout_progress/step4.gif); margin-left:-5px; }
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/* ~~~~~~~~~~~~~~~~~~~~~~~ SEARCH  ~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		
	h3.search{
		font-size:14px;
		color:#f15c4f;
		}
		h3.search span{ font-weight:bold; }
		
		ul.results{ margin:0; padding:0 0 30px 0;}
		ul.results li{ list-style:none; font-weight:bold;}
		ul.results li p{ font-weight:normal; margin:2px 0 10px 0;}
		
		ul.results li p span.search-excerpt{ font-weight:bold; color:#f15c4f; font-style:italic;}
		
	div.pagination{
		float:left;
		width:100%;
		clear:both;
		padding:5px 0;
		text-align:center;
		border-top:#d2d4d2 1px solid;
		border-bottom:#d2d4d2 1px solid;
		margin:10px 0;
		}
		div.pagination ul{
			margin:0;
			padding:0;	
			}
			div.pagination ul li{ list-style:none; display:inline; margin:0 10px 0 0; font-size:12px; }
			div.pagination ul li a{ color:#f15c4f; font-weight:bold;}
			
/*	~~~~~~~~~~~~~~~~~~~~~ FORM ERRORS ~~~~~~~~~~~~~~~~~~~~ */

div.errors{
	color:#c00;
	padding:10px;
	border:1px solid #f4d12f;
	margin:0 0 10px 0;
	width:940px;
	min-height:30px;
	height:auto!important;
	height:30px;
	background:url(../images/css/errorsBG.gif) right center no-repeat #fdffce;
	}
	
	div.errors p{
		color:#c00;
		}
	
	div.errors ul li{
		color:#c00;
		list-style:none;
		font-weight:bold;
		}
			
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */	
/* ~~~~~~~~~~~~~~~~~~ FOOTER ELEMENTS  ~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#footer{
		float:left;
		width:100%;
		height:60px;
		}
		#footer p{
			color:#FFF;
			margin:5px 0 0 30px;
			float:left;
			}
		#footer p.adigi{
			float:right;
			margin-right:160px;
			}
			#footer p.adigi a{
				height:20px;
				display:block;
				padding:5px 68px 0 0;
				font-size:1em;
				color:#FFF;
				text-transform:lowercase;
				background:url(../images/css/adigi_digital_agency.gif) right no-repeat;
				}
				#footer p.adigi a:hover{ text-decoration:none;}