﻿/* resets */
*{margin:0px; padding:0px; font-weight:normal; border:0px;}

/* body */
body{
	font-family:arial,univers,verdana,sans-serif;
	font-size:75%;
	line-height:130%;
	 background:#CC9F76 url(../imgs/body-background.jpg);
	 color:#111;
	}
	/* links */
	a{ color:#000; text-decoration:none;}
	a:hover{color:brown; }
	a:visited{}
	
	/* Header */
	#header{  text-align:center; position:relative; }
	#header h1{ background: url(../imgs/title.png) no-repeat;
				width:749px; 
				height:162px;
				/*margin:auto;*/
				}
	#header h1 span{ display:none;}
	#header p.signature{ text-indent:-987px; overflow:hidden; height:55px; width:181px; position:absolute; top:110px; left:25px; background: url('/imgs/signature.png') 0% 0% no-repeat;}
	#header p.ecofriendly{font-size:1.8em; color:#333; margin-bottom:.25em; line-height:110%; font-weight:bold;}
	/* Navigation */
	#navigation{ 	font-size:1.2em; 
					background-color:#fff; 
					height:2em;
					text-align:center;}
	#navigation ul{ list-style-type:none;  width:749px; width:900px; margin:auto;}
	#navigation ul li{ float:left; padding:.5em 1em .5em 1em; }
	#navigation ul li a{ color:#000; font-weight:bold;}
	#navigation ul li.current {background-color:#95A053;}
	#navigation ul li a.current{ color:#fff; }
	#navigation ul li a:hover{color:brown;}
	/*#navigation ul li a:visited{color:#222;}*/
	
	/* main */
	#main{ padding-top:20px;/* width:1049px;*/ text-align:center; }
	ul.SubNavigation{ list-style-type:none;
					font-size:1.2em; 
					float:left;
					text-align:center;
					width:9.5em;

					margin-left:0px;}
	ul.SubNavigation li{width:6em; display:block; padding:.5em 1em .5em 1em; background-color:#fff; margin-bottom:4px; }
	ul.SubNavigation li.current {background-color:#95A053;}				
	ul.SubNavigation li a{font-weight:bold;}				
					
	p{font-size:1.3em;
		line-height:1.3em; 
		background-position:50% 50%; 
		background-repeat:no-repeat; 
		padding-bottom:.5em;}
		#content{ margin:auto; width:900px;}
		.fleft{float:left;}
		
		
		/*a[href^='http://']:after { content:"...";}*/
		a[href^='mailto']{  text-decoration:none; }
		.clear {clear:both; width:100%;}
		strong{font-weight:bolder}
		
		ul.cards li p.caption{ text-align:right; padding-right:30px;}
		
		ul.cards{ list-style-type:none; display:block; }
		
		ul.cards li {float:left;position:relative; padding-right:10px;}
		ul.cards li ul {list-style-type:disc;}
		ul.cards li ul li{width:100%;}
		ul.cards li p{ /*margin-top:-20px;*/ text-align:center;/*height:40px;*/background-repeat:no-repeat;}
		ul.cards li p span{display:none;}
		
		ul.cards li p.HighlandHoney {background-image:url('../imgs/HighlandHoney.gif');}
		ul.cards li p.ShreddedPaperSheep{background-image:url('../imgs/ShreddedPaperSheep.gif');}
		ul.cards li p.PaperPiglets{background-image:url('../imgs/PaperPiglets.gif'); margin-top:-10px;}
		ul.cards li p.MrsDuck{background-image:url('../imgs/MrsDuck.gif');}
		
		ul.cards li p.MoorlandPony{background-image:url('../imgs/MoorlandPony.gif');}
		ul.cards li p.Donkey{background-image:url('../imgs/DonkeyC.gif');}
		
		ul.cards li p.Cheeseboard{background-image:url('../imgs/CheeseboardC.gif');}
		ul.cards li p.Bakery{background-image:url('../imgs/BakeryC.gif');}
		ul.cards li p.Seafood{background-image:url('../imgs/SeafoodC.gif');}
		
		
		body.home ul.cards li { width:32.5%; padding-right:0px;}
		body.home ul.cards li ul li{width:100%;}
	
		
		p.BespokeWeddingCards{
		text-indent:-739px;
		display:block;
		height:55px;
		overflow:hidden;
		background-image: url('../imgs/BespokeWeddingCards.gif');
		}
		
		p.embolden{font-size:1.6em;}
		#second-row-of-cards{ position:relative; left:200px; padding-top:20px; }
		ul li.a{padding-top:60px;}
		ul li.c{padding-top:40px;}
		
		ul li ul li{font-weight:bold;}
		
		
		h2{margin-bottom:.75em; font-weight:bold;}
		h2.weddings{ background:url('../imgs/Weddings.gif') 0% 50% no-repeat; width:50%; height:40px; text-indent:-567px; }
		
		div.text{ float:left; text-align: left; width:50%; }
		.text ul{font-size: 1.3em; margin-left:1em; padding:1em 0em 1em 0em; line-height:1.3em;}
		
		.fright{float:right; padding-left:10px;}
		a.order-form{background:url('/imgs/order-form-background.gif') no-repeat; 
					padding:.6em 1em 1em 1em; 
					display:block; 
					color:#222; 
					text-decoration:none;
					margin-top:20px; 
					float:left;
					width:320px;
					height:60px;
					font-weight:bold;
					letter-spacing:.05em;
					font-size:1.3em;}
		a.order-form img {vertical-align:middle;}
		a.order-form:hover{color:brown;}
		
		div.twothirds{width:60%; float:left; text-align:left;padding-left:2%;}
		div.half{width:45%; float:left; text-align:left;padding-left:2%;}
		div.half h2{text-align:left; 
			color:#fff; 
			border-left:1px solid #EADACB; 
			background-color:#95A053; 
			display:block; width:50%;
			padding:.5em .25em .5em .25em;
		}
		ul.stockists,ul.events{text-align:left; 
			padding-bottom:1em; 
			margin-left:1em; 
			list-style-type:circle;
			font-size:1.2em; line-height:130%;
		}
		ul.stockists li,ul.events li{padding-bottom:.5em;}
		ul.stockists strong,ul.events strong{color:#fff; background-color:#95A053; padding:.25em;}
	form {float:left; 
	width:600px; 
	font-size:1.3em; 
	padding-top:2em;
	text-align:left;
	}
	fieldset{width:300px; 
	float:left;
	}
	form ul {list-style-type:none;}

	form li {margin-bottom:.6em;}
	form li label {margin-top:.6em; font-weight:bolder;}
	form li input,form li textarea {
	padding:.5em; 
	width:200px; 
	font-size:.9em; 
	font-family:inherit;} 
	form li input#YourEmailAddress,form li textarea#YourMessage{width:275px;}
	form li input#SubmitButton{ background-color:#95A053; 
	border:1px solid #EADACB; 
	}
	
	div.errors{color:red; 
	font-weight:bolder; 
	padding:1.5em; 
	border:2px solid brown; 
	background:#FFCCCC;}
	
	div.Success{color:green; 
	font-weight:bolder; 
	padding:1.5em; border:2px solid #95A053; 
	background:#D8F6B9;}
	
	/* footer */
	#footer{ width:795px; 
	margin:auto; 
	text-align:center; 
	padding-top:2em; 
	clear:both; 
	font-size:1.2em; 
	 }
	#credits{width:794px;margin:auto; text-align:center; }	
	
	form#CheckShoppingBasket{ /*background-color:red;*/ width:63px; height:94px; position:absolute; right:35px; top:35px; padding-top:0px;}
	input.CheckShoppingBasketButton{/*background-color:yellow;*/ width:63px; height:94px;}
	
	form.button{ /*background-color:red;*/ width:23px; height:29px; padding-top:0px;}
	input.addButton{/*background-color:yellow; border:1px solid black; */}
	
	form#Cheeseboard, 
	form#Bakery, 
	form#Seafood,
	form#GreySeals,
	form#Seaside,
	form#RedWine,
	form#Spotty{ top:5px; right:15px; position:absolute; }
	
	form#HighlandHoney, 
	form#ShreddedPaperSheep, 
	form#PaperPiglets, 
	form#MoorlandPony,
	form#MrsDuck, 
	form#Donkey{ top:45px; right:15px; position:absolute; }
		
	img.new{top:-15px; left:-15px; position:absolute; }
	
	hr{height:0px; color:#CC9F76;}