html,
body {
	margin:0;
	padding:0;
	height:100%;
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
	font-size: small;
	line-height: normal;
	background: #FFF url(../images/pattern_1.gif);
	-webkit-text-size-adjust: none;
}


/* CLEARFIX */
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


img {
	border:none;
}

a {
	color:inherit;
	text-decoration: underline;
	outline: none;
	border:none;
}


a:hover {
	color:inherit;
	text-decoration: none;
}

ul, li {
	list-style-type:none;
	padding:0;
	margin:0;
	}	

h1, h2, h3, h4{
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
	margin:0px;
	}
	
h1	{
	font-size:1.9em;
	margin-bottom:0.4em;
	font-weight:normal;
	color:#8CA157;
	/*word-spacing: -7px;*/
}

h2	{
	font-size:1.3em;
	font-weight: normal;
	margin-bottom:0.5em;
}

h3	{
	font-size:1.3em;
	font-weight: normal;
	margin-bottom:0em;
	border-bottom:1px solid #EEE;
}

h4 {
	font-size:0.9em;
	font-weight:normal;
	}

h5	{
	font-size:1.9em;
	margin-bottom:0.4em;
	margin-top:0px;
	font-weight:normal;
	color:#8CA157;
	/*word-spacing: -7px;*/
}
		
p {
	font-size:1em;
	
}


.block {
	width:250px;
	height:250px;
	display:block;
	background: #333 url(../images/blocks.gif) repeat-x;
	}


/* Colour classes */

.green {
	color:#7e9747;
	}
.red {
	color:#d87d68;
	}
.purple {
	color:#94678c;
	}
.blue {
	color:#4e71a0;
	}
.valentines {
	color:#e2242d;
	}	

/* Navigation */
	
#nav_menu {
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
   margin:0;
   border-top:1px solid #EEE;
   padding:0;
   font-size: 14px;
   background: url(../images/nav_menu_bg.gif) 0px 0px repeat-x;
}
#nav_menu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#nav_menu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#nav_menu ul li a {
   display:block;
   margin:0px;
   padding:0 10px;
   line-height:40px;
   background:#FFF;
   color:#8CA157;
   text-decoration:none;
   background: url(../images/nav_hover.gif) 0px 0px;
}


/* Colour specific nav */

#nav_menu ul li a.cats {
	color:#94678c;
	}
#nav_menu ul li a.dogs {
	color:#4e71a0;
	}
#nav_menu ul li a.horses {
	color:#d87d68;
	}
#nav_menu ul li a.cats:hover {
	background: url(../images/nav_hover.gif) -100px -60px;
	}
#nav_menu ul li a.dogs:hover {
	background: url(../images/nav_hover.gif) -200px -60px;
	}
#nav_menu ul li a.horses:hover {
	background: url(../images/nav_hover.gif) -300px -60px;
	}
	
	

#nav_menu ul li a:hover {
	background: url(../images/nav_hover.gif) 0px -60px;
}
#nav_menu ul li a.active,
#nav_menu ul li a.active:hover {
   color:#fff;
   background:#000;
   font-weight:bold;
}


/* FULL HEIGHT */

#container {
	min-height:100%;
	position:relative;
	/*background: url(../images/page_shadow.png) repeat-y;
	_background: none;*/
	background-color: #FFF;
	-moz-box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;
	border:0px;
	margin:0 auto;
	width:960px;
	overflow: hidden;
	padding:0;
}
#container_inner{
	padding-bottom:125px;   /* Height of the footer */
	width: 960px;
	margin: 0 auto;
	font-size: 90%;
	color: #666;
	background-color:#FFF;
}

#footer {
	position:absolute;
	bottom:0;
	height:125px;   /* Height of the footer */
	border-top:1px solid #EEE;
	background-color: #FFF;
}

#footer_inner {
	width:960px;
	margin:0 auto;
	height:105px;   /* Height of the footer */
	text-align: center;
	color:#333;
	background: inherit;
	font-size:90%;
	line-height:20px;
	padding-top:20px;
}

.footer_links {
	padding-top:15px;
	}

.footer_links a:link {
	padding-right:10px;
	text-decoration: none;
	margin:0px;
	}
/* Content */

#content_area {
	width:750px;
	margin: 15px auto;
	}
#left_area {
	width:470px;
	margin:15px 0 0 15px;
	float:left;
	display:inline;
	}
	
.article_wide {
	width:450px;
	margin:0 0 0 0;
	padding:10px;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	}
	
/* Paypal */	
#paypal {
	width:450px;
	margin:0 0 0 0;
	padding:10px;
	border-top:1px solid #DDD;
	font-size: 15px;
	text-align: left;
	}
	
#paypal ul {
	float:left;
	width:450px;
	}
	
#paypal ul li{
	float:left;
	width:215px;
	margin:10px 10px 30px 0;
	}	

#paypal ul li span {
	margin:0 0 10px 0;
	float: left;
	width:215px;
	font-size: 13px;
	}

	
.voucher {
	width:450px;
	margin:0 0 15px 0;
	padding:10px 10px 5px 10px;
	border:1px solid #CCC;
	-moz-box-shadow: 0 0 10px #CCC;
	-webkit-box-shadow: 0 0 10px #CCC;
	box-shadow: 0 0 10px #CCC;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}	

.voucher h5{
	font-size: 2.2em;
	}


#right_area {
	width:220px;
	margin:15px 15px 0 0;
	float:right;
	display:inline;
	}
	
.twitter_area {
	width:200px;
	margin:0 0 15px 0;
	font-size:90%;
	float:left;
	}	

.twitter_area h3 {
	border:none;
	}			

.article_narrow {
	width:200px;
	margin:0 0 15px 0;
	padding:10px;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	font-size:90%;
	}	
.article_narrow h1 {
	font-size:2.5em;
	font-weight: normal;
	margin-bottom:0.2em;
	color:#666;
}

.quote {
	width:200px;
	margin:0 0 15px 0;
	float:left;
	display:inline;
	padding:10px;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	font-size:130%;
	font-style:italic;
	font-family: Times;
}

.quote img {
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #CCC;
	padding:2px;
}

.quote span.name {
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
	text-transform: uppercase;
	font-size: 0.6em;
	font-style: normal;
	color:#666;
	padding-top:5px;
	display:block;
}


.bqstart {
     float: left;
     display: inline;
     font-size: 4em;
     margin-left:-15px;
     margin-right:8px;
     _margin-right:-8px;
     margin-bottom: -30px;
     margin-top:-10px;
     color: #DDD;
     font-family: 'normal Georgia', 'Times New Roman', Times, serif;
 }


 .bqend {
     float: right;
     display: inline;
     margin-top: -8px;
     _margin-top: -24px;
     margin-bottom: -50px;
     font-size: 4em;
     color: #DDD;
     font-family: 'normal Georgia', 'Times New Roman', Times, serif;
 }



#offer_badge {
	position:relative;
	background: url(../images/offer_badge.png) no-repeat; 
	width:160px;
	height:160px;
	top:15px;
	left:15px;
	float:left;
	z-index:1000;
}

#offer_badge a {
	width:120px;
	height:120px;
	margin:20px;
	display:block;
	}

/* Xmas Badge 1 */

#xmas_badge {
	position:relative;
	background: url(../images/xmas_badge.png) no-repeat; 
	width:160px;
	height:160px;
	top:290px;
	left:15px;
	float:left;
	z-index:1000;
}

#xmas_badge a {
	width:120px;
	height:120px;
	margin:20px;
	display:block;
	}

/* Xmas Badge 2 */

#xmas_badge2 {
	position:relative;
	background: url(../images/xmas_badge2.png) no-repeat; 
	width:160px;
	height:160px;
	top:50px;
	left:790px;
	float:left;
	z-index:1000;
}

#xmas_badge2 a {
	width:120px;
	height:120px;
	margin:20px;
	display:block;
	}
	
/* Xmas Badge 3 */

#xmas_badge3 {
	position:relative;
	background: url(../images/xmas_badge3.png) no-repeat; 
	width:160px;
	height:160px;
	top:50px;
	left:10px;
	float:left;
	z-index:1000;
}

#xmas_badge3 a {
	width:120px;
	height:120px;
	margin:20px;
	display:block;
	}
	

#valentines_badge {
	position:relative;
	background: url(../images/heart.png) no-repeat; 
	width:189px;
	height:199px;
	top:10px;
	left:-20px;
	float:left;
	z-index:1000;
}

#valentines_badge a {
	width:199px;
	height:199px;
	margin:0px;
	display:block;
	}

/* Logo */

#logo_wrapper {
	padding:20px 0;
}

#logo {
	margin:0 auto;
	display:block;
	height:75px;
	width:360px;
	background-color: #FFF;
	text-align: center;
	text-indent: -9000px;
	}


.logo_green {
	background: url(../images/amyfishenden.gif) 0 0px no-repeat; 
	}
.logo_purple {
	background: url(../images/amyfishenden.gif) 0 -75px no-repeat; 
	}
.logo_blue {
	background: url(../images/amyfishenden.gif) 0 -150px no-repeat; 
	}
.logo_red {
	background: url(../images/amyfishenden.gif) 0 -225px no-repeat; 
	}

/* Facebook */
	
.fb_like {
	width:450px;
	margin-top:25px;
	background:#FFF;
	height:auto;
	}


.link_wrap {
	width:116px;
	height:32px;
	margin:0 auto;
	}



#fb_link {
	}
	
#fb_link a {
			height:32px;
			width:32px;
			display:block;
			float:left;
			margin-right:10px;
			text-indent: -9000px;
			background: url(../images/social_icons.gif) 0px -32px no-repeat;
			}
			
#fb_link a:hover {
			background: url(../images/social_icons.gif) 0px 0px no-repeat;
			}
			
/* Twitter */

#twitter_link {
	}
	
#twitter_link a {
			height:32px;
			width:32px;
			display:block;
			float:left;
			margin-right:10px;
			text-indent: -9000px;
			background: url(../images/social_icons.gif) -32px -32px no-repeat;
			}
			
#twitter_link a:hover {
			background: url(../images/social_icons.gif) -32px 0px no-repeat;
			}

/* Twitter */

#rss_link {
	}
	
#rss_link a {
			height:32px;
			width:32px;
			display:block;
			float:left;
			text-indent: -9000px;
			background: url(../images/social_icons.gif) -64px -32px no-repeat;
			}
			
#rss_link a:hover {
			background: url(../images/social_icons.gif) -64px 0px no-repeat;
			}
				

/* Gallery */

#gallery {
	float:left;
	width:100%;
	}

#gallery ul { 
			list-style-type: none;
			margin:0px auto;
			width:750px;
			padding:0px;
		}

#gallery ul li { 
			float:left;
			margin:0px;
			padding:0px;
			list-style-type: none;
			position:relative;
		}

#gallery ul li a { 
			float:left;
			margin:0px;
			padding:15px;
			width:220px;
			height:220px;
			border:0px;
		}
		
#gallery ul li a:hover { 
			float:left;
			display:inline;
			margin:0px;
			padding:15px;
			width:220px;
			height:220px;
			border:0px;
		}


#gallery ul li a.cat_block {
			background: url(../images/blocks.gif) 0px 0px no-repeat;
		}
		
#gallery ul li a:hover.cat_block {
			background: url(../images/blocks.gif) 0px -250px no-repeat;
		}
		
#gallery ul li a.dog_block {
			background: url(../images/blocks.gif) 0px 0px no-repeat;
		}
		
#gallery ul li a:hover.dog_block {
			background: url(../images/blocks.gif) -250px -250px no-repeat;
		}		
#gallery ul li a.horse_block {
			background: url(../images/blocks.gif) 0px 0px no-repeat;
		}
		
#gallery ul li a:hover.horse_block {
			background: url(../images/blocks.gif) -500px -250px no-repeat;
		}	

#gallery ul li a.car_block {
			background: url(../images/blocks.gif) 0px 0px no-repeat;
		}
		
#gallery ul li a:hover.car_block {
			background: url(../images/blocks.gif) -750px -250px no-repeat;
		}		
	
		
		
/* Table */

#table {
	width: 450px;
	padding: 0;
	margin: 15px 0 15px 0;
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
}

td {
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background: #fff;
	padding: 5px;
	color: #666;
}


tr.alt td {
	background: #f7f7f7;
}

tr.head td {
	background: #EEE;
	font-weight: bold;
}

td.price {
	font-weight: bold;
	text-align: center;
	width:50px;
}



/* Form */

.orderform{
	margin:0 auto;
	width:auto;
}
	#form{
		border:none;
	}
	#form h1 {
		margin-bottom:8px;
	}
	#form p{
		color:#666666;
		padding-bottom:10px;
		margin:0 0 10px 0;
	}
	#form label{
		display:block;
		text-align:left;
		width:110px;
		float:left;
	}
	#form .small{
		color:#cc0000;
		display:block;
		font-size:10px;
		font-weight:normal;
		text-align:left;
		width:110px;
	}
	#form input{
		float:left;
		width:230px;
		margin:2px 0 12px 10px;
	}
	
	#form select{
		float:left;
		width:230px;
		margin:2px 0 12px 10px;
	}
	
	#form textarea{
		float:left;
		width:230px;
		margin:2px 0 12px 10px;
	}
	
	#form .postcode {
		float:left;
		width:40px;
		margin-right:190px;
	}
	
	#form button{ 
		clear:both;
		margin-left:0px;
		background:#7e9747;
		color:#FFFFFF;
		padding:6px 8px;
		font-size:14px;
		border:0px;
		cursor:pointer;
	}
span.label,span.spacer {width:120px;float:left;font-weight:bold;} 
span.multiple {float:left;} 
span.button {padding-left:0px;} 
div.clear {clear:both;padding-top:5px;} 


#links span {
	font-weight: bold;
	color:#7e9747;
	}

#links p {
	padding-bottom:10px;
	border-bottom:1px solid #DDD;
	width:460px;
	}

#links a:link, a:visited{
	text-decoration: none;
	}
#links a:hover {
	text-decoration: underline;
	}
	
input {
	background-color: #f8f8f8;
	border:1px solid #CCC;
	font-size: 13px;
	color:#70853a;
	line-height: 20px;
	}
	
textarea {
	background-color: #f8f8f8;
	border:1px solid #CCC;
	font-size: 13px;
	color:#70853a;
	line-height: 20px;
	}
	

#ukcps_link {
	font-size: 90%;
	background: #FFF url(../images/ukcps_small.gif) no-repeat;
	display:block;
	float:left;
	height:34px;
	padding-left:90px;
	}

#ukcps_link p{
	margin:3px 0 0 0;
	}

