
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font: 12px/1.4em arial, helvetica, tahoma, verdana, sans-serif;
		color: #000;
	}
	
	body {
		margin: 0;
		text-align: center;
		background: url(../images/bg_body.gif) top left repeat;
	}
	
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	/* GLOBAL RESET */
	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; }
	address {
		margin-bottom: 1em;
		}
	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	/* Paragraph default styling, amend as desired */
	p {
		margin: 0 0 20px 0;
		padding: 0;
	}
	/* Default link styling */
	a {
		color: #b5111b;
		text-decoration: none;
	}
	a:hover {
		color: #b5111b;
		text-decoration: underline;
	}
	/* Float an element left with a margin */
	.floatL {
		float: left;
	}
	/* Float an element right with a margin */
	.floatR {
		float: right;
	}
	
	img.floatL {
		margin: 0 1em 1em 0;
		}
		
	img.floatR {
		margin: 0 0 1em 1em;
		}
	
	.textR {
		text-align: right;
		}
	
	.redText {
		color: #b5111b;
		}
		
		.redText a {
			color: #000;
			}
		
	.clear {
		display: block;
		clear: both;
		}
		
	.purple_button, .purple_button_white {
		background: url(../images/pill_purple_med.gif) top right no-repeat #56004e;
		text-align: center;
		width: 14.4em;
		height: 2.2em;
		float:left;
		margin-top:-10px;
		}
	
	.purple_button_white{
		background: url(../images/pill_purple_med_white.gif) top right no-repeat #56004e;
	}
	
		.purple_button a, .purple_button_white a {
			color: #f5f2e1;
			display: block;
			font-weight: bold;
			padding: 0.4em 0 0.3em 0;
			}
			
		.purple_button a:hover, .purple_button_white a:hover {
			text-decoration: none;
			}
	
	ul, ol.inline {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	ol.pagination {
		margin: 0 1em 0 0;
		}
		
	ol.pagination li {
		border-right: 1px solid #ccc;
		padding: 0 .3em;
		}
	
		ol.pagination li.end {
			border: none;
			}
			
	form ul.inline li, form ol.inline li {
		padding: 0 .2em;
		}
			
	ul.inline li label, ol.inline li label {
		color: #000;
		}
		
	ul.inline li, ul.inline a, ol.inline li, ol.inline a {
		float: left;
		}
		
	fieldset ul li, fieldset ol li {
		margin: 0.5em 0;
		} 
		
	.success, .error, .message {
		position: relative;
		padding: 1em 2em;
		margin: 1em 0 1em 0;
		font-weight: bold;
		}	
		
	.success p, .error p, .message p {
		padding: 0;
		margin: 0;
		}
		
	.success a, .error a, .message a {
		color: #000;
		text-decoration: underline;
		}
		
		
	.success {
		background-color: #a0f078;
		border: 1px solid #54a82a;
		}
		
	.error {
		background-color: #fc6767;
		border: 1px solid #c60505;
		}
		
	.message {
		background-color: #f9dddd;
		border: 1px solid #edacac;
		}
		
	.message p.buy_now {
		position: absolute;
		top: 0.5em;
		right: 1em;
		width: 111px;
		height: 43px;
		background: url(../images/button_buy_now.gif) top left no-repeat;
		display: block;
		overflow: hidden;
		text-indent: -2000em;
		}
		
		.message p.buy_now a {
			display: block;
			height: 43px;
			}
		
	a.button {
		padding: 0.5em 1em;
		font-weight: bold;
		}
		
	a.button:hover {
		text-decoration: none;
		}
		
	.req {
		font-size: 2em;
		color: #cb0000;
		}
		
	.left_column {
		width:45%;
		float:left;
		}
	
	.right_column {
		width:45%;
		float:right;
		}
		
/* TABLE STYLES */
table td.center, table th.center {
	text-align: center;
	}
	
table.order_details td {
	width: 50%;
	padding: 0.5em 0;
	border-bottom: 1px solid #f8eed5;
	}
	
table.basket {
	margin: 0 0 2em 0;
	width: 100%;
	background-color: #f2d5f5;
	}
	
table.order_details {
	background: none;
	margin: 0 0 2em 0;
	width: 100%;
	}
	
table.basket {
	margin: 0;
	}
			
	.basket td, .basket th {
		padding: 0.5em;
		}
		
	.basket th.top_left {
		background: url(../images/bg_table_left.gif) top left no-repeat #56004e;
		}
		
	.basket th.top_right {
		background: url(../images/bg_table_right.gif) top right no-repeat #56004e;
		}
		
	.basket td.bottom_left {
		background: url(../images/bg_table_bottom_left.gif) bottom left no-repeat;
		}
		
	.basket td.bottom_right {
		background: url(../images/bg_table_bottom_right.gif) bottom right no-repeat;
		}
	
	.basket th {
		font-weight: bold;
		}
		
	.basket td {
		border-bottom: 1px solid #56004e;
		padding: 1em .5em;
		vertical-align: top;
		}
		
	.basket td.no_border, input.no_border {
		border: none;
		}	
			
	.basket tfoot, .basket tr.table_footer td {
		font-weight: bold;
		}
		
	.basket td.total {
		font-weight: bold;
		}
		
	.basket h3, .basket li {
		width: 20em;
		padding: 0;
		margin: .3em 0;
		}
		
	.basket ol {
		list-style: none;
		margin: 0;
		padding: 0.5em;
		background-color: #eac8ee;
		width: 20em;
		font-size: 1.1em;
		color: #783371;
		}
		
		.basket label {
			color: #b5111b;
			font-weight: bold;
			font-size: 1.2em;
			margin: 0 0 0.3em 0;
			width: 20em;
			}
		
		.basket ol li {
			width: 10em;
			}
			
		.basket ul li {
			width: 100%;
			}
			
	.basket form {
		background-color: #eac8ee;
		padding: 0.5em;
		width: 25em;
		}
	
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#outerwrap {
		width: 100%;
		/*background: url(../images/bg_outerwrap.gif) 0 20em no-repeat;*/
		/*float: left;*/
		position: absolute;
		top:0;
		left:0;
		z-index:100;
	}
	
	#dogFloater{ 
		background:transparent url(../images/bg_outerwrap.gif) no-repeat scroll 0 0;
		height:299px;
		margin:0;
		position:absolute;
		right:89%;
		top:200px;
		width:215px;
	}
	
		#innerwrap, #drop_wrap {
			margin: 0 auto;
			text-align: left;
			width: 83.2em;
			z-index:101;
			position: relative;
			}
		
		
		
			
		/* Styles for the drop down are in the pet_drop_down.css file */
			
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#inner_content #left form {
		background: url(../images/bg_form_footer.gif) bottom left no-repeat #f2d5f5;
		padding: 2em;
		}
		
	#inner_content #left form.product_form {
		padding: 0;
		background: none;
		}
		
	#inner_content #left form#basket_form, #inner_content #left table form {
		background: none;
		padding: 0;
		}
		
	#inner_content #left fieldset {
		background: url(../images/bg_form_top.gif) top left no-repeat #5a0048;
		}
		
	#inner_content #left fieldset h3 {
		color: #fff;
		margin: .5em .5em .5em 1em;
		}
		
	#inner_content #left fieldset fieldset {
		border: none;
		background: none;
		}
	
	form ul, form ol {
		margin: 0;
		padding: 0;
		list-style: none;
		}
		
	form label {
		display: block;
		clear: both;
		}
		
	form label.checkbox {
		display: inline;
		clear: none;
		}
		
	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
	}
	
	table input, table textarea, table select {
		font-size: 1.2em;
		color: #56004e;
		font-weight: bold;
		border: none;
		border-top: 1px solid #a3a3a3;
		padding: 0.3em;
		margin: 0;
		}
		
	fieldset input, fieldset select, fieldset textarea {
		width: 100%;
		font-size: 1.2em;
		}
		
	fieldset select.short {
		width: auto;
		}
		
	input.short {
		width: auto;
		}
		
	input.button {
		border: none;
		background-color: #b5111b;
		color: #fff;
		font-size: 0.7em;
		font-weight: bold;
		padding: 0.2em 0.4em;
		margin: 0.1em 0 0 0.5em;
		}
		
	fieldset input.button {
		background-color: #5a0048;
		color: #f8eed5;
		margin: 1em 1em 0 0;
		/*padding: 0.5em 1em;*/
		background-color: none;
		padding: 0;
		border: none;
		width: auto;
		font-size: 1em;
		font-weight: bold;
		}
		
	fieldset input.login_button {
		width: 70px;
		}
		
	input#apply_button {
		padding: 0;
		margin: 0 .5em;
		}
		
	input.checkbox {
		width: auto;
		}
		
	legend {
		font-weight: bold;
		}
		
	fieldset {
		margin: 0 0 2em 0;
		}
		
	ul.basket_links input.button {
		font-size: 1em;
		}
		
	#advisor_search_form label {
		font-size: 2em;
		float: left;
		width: 10em;
		text-align: right;
		font-weight: bold;
		padding: 0 2em 0 0;
		}
		
		#advisor_search_form label span {
			color: #56004e;
			}
		
	#advisor_search_form input, #advisor_search_form select {
		font-size: 1.5em;
		}
		
	form #mini_website {
		padding: 1em;
		background-color: #eac8ee;
		clear: both;
		float: left;
		}
		
	/*form a#find_postcode {
		width: 86px;
		height: 30px;
		background: url(../images/buttons/find_us.gif) top left no-repeat;
		text-indent: -2000px;
		overflow: hidden;
		}*/
		
	
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 {
		color: #56004e;
		line-height: normal;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	h1 {
		/* This should be the main title of the content (SEO)*/
		font-size: 3em;
		font-family: Georgia, "Times New Roman", Times, serif;
		float: left;
	}
	
	h1#heading_home {
		width: 460px;
		height: 71px;
		background: url(../images/heading_home.gif) top left no-repeat;
		text-indent: -2000px;
		overflow: hidden;
		}
		
	h1.inner_heading {
		margin: 0 0 0 0.2em;
		font-size: 2.5em;
		}
		
	h1.supadog {
		height: 241px;
		margin-top: -0.8em;
		}
		
	#inner_content h1 {
		clear: both;
		width: 100%;
		margin: 0;
		padding: 0;
		}
		
	h2 {
		color: #546c01;
		font-size: 300%;
		}
		
	#advisor_search_top h2 {
		margin: 0;
		padding: 0;
		}
	
	h2#home_excel {
		background: url(../images/logo_small_excel.png) top left no-repeat;
		width: 119px;
		height: 120px;
		left: 1.7em;
		text-indent: -2000px;
		overflow: hidden;
		position: absolute;
		font-size: 100%;
		}
		
	h2#home_supa {
		background: url(../images/heading_box_supa.gif) top left no-repeat;
		width: 57px;
		height: 31px;
		text-indent: -2000px;
		overflow: hidden;
		position: absolute;
		font-size: 100%;
		}
		
	h2#home_lifelong {
		background: url(../images/heading_box_lifelong.gif) top left no-repeat;
		width: 95px;
		height: 31px;
		text-indent: -2000px;
		overflow: hidden;
		position: absolute;
		font-size: 100%;
		}
	
	h3 {
		font-size: 120%;
		font-weight: bold;
	}
	
	h3#buy_heading {
		text-indent: -2000em;
		overflow: hidden;
		height: 24px;
		padding: 1em 0 0 0;
		margin: 0 0 1em 6.5em;
		width: 42em;
	}
	
	h4 {
		
	}
	
	
/* HEADER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header_wrap {
	position: absolute;
	z-index:200;
	top: 3.4em;
	left: 0;
	padding: 2.1em 0 0 0;
	width: 100%;
	text-align: center;
	background: url(../images/bg_body.gif) top left repeat;
	}
	
	#header {
		position: relative;
		margin: 0 auto;
		text-align: left;
		width: 89em;
		font-size: 0.9em;
		}
		
		#header p {
			margin: 0;
			padding: 0;
			}
	
		#header #header_links, #header form {
			position: absolute;
			top: 0;
			right: 3em;
			}
			
		#header form {
			top: 2.5em;
			right: 2em;
			}
		
		#header a {
			color: #000;
			}
	
	#company_logo {
		background: url(../images/logo_burgess.jpg) bottom left no-repeat;
		padding: 0;
		margin: 0;
		width: 15.2em;
		height: 120px;
		padding-top:10px;
		display: block;
		text-indent: -2000em;
		overflow: hidden;
		}
		
	#header form {
		font-size: 1.5em;
		}	
		
		#header label {
			display: block;
			float: left;
			background: url(../images/bg_search.gif) 0.8em 0.2em no-repeat;
			text-indent: -2000em;
			overflow: hidden;
			width: 4em;
			height: 1.5em;
			}
			
		#header input#keywords {
			background: url(../images/bg_search_input.gif) top left no-repeat;
			border: none;
			height: 1.9em;
			font-size: 0.8em;
			width: 13.6em;
			}

		#fff{ 
			position:absolute;
			left:180px;
			top:-10px;
			width:215px;
			z-index:300;
		}


/* NAV STYLES  */
#top_nav {
	position: absolute;
	z-index:300;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	background: url(../images/bg_top_menu.gif) bottom left repeat-x #56004e;
	}
	
	#top_nav ul {
		margin: 0 auto;
		text-align: left;
		width: 80.2em;
		/*width: 83.2em*/
		position: relative;
		z-index:350;
		height: 45px!important;
	}
	
	#top_nav li, #top_nav a {
		float: left;
		position: relative;
		height:34px;
		}
		
		#top_nav a {
			display: block;
			text-indent: -2000em;
			overflow: hidden;
			}
			
		#menu_home, #menu_home a {
			background: url(../images/menu/off_home.gif) top left no-repeat;
			width: 5.8em;
			}
			
		#menu_home a:hover, #menu_home a.active {
			background: url(../images/menu/active_home.gif) top left no-repeat;
			}
			
		#menu_pets, #menu_pets a {
			background: url(../images/menu/off_pets.gif) top left no-repeat;
			width: 7.8em;
			}
			
		#menu_pets a:hover, #menu_pets a.active {
			background: url(../images/menu/active_pets.gif) top left no-repeat;
			}
			
		#menu_products, #menu_products a {
			background: url(../images/menu/off_products.gif) top left no-repeat;
			width: 7.9em;
			}
			
		#menu_products a:hover, #menu_products a.active {
			background: url(../images/menu/active_products.gif) top left no-repeat;
			}
			
		#menu_experts, #menu_experts a {
			background: url(../images/menu/off_experts.gif) top left no-repeat;
			width: 6.5em;
			}
			
		#menu_experts a:hover, #menu_experts a.active {
			background: url(../images/menu/active_experts.gif) top left no-repeat;
			}
			
		#menu_rescue, #menu_rescue a {
			background: url(../images/menu/off_rescue.gif) top left no-repeat;
			width: 6.6em;
			}
			
		#menu_rescue a:hover, #menu_rescue a.active {
			background: url(../images/menu/active_rescue.gif) top left no-repeat;
			}
			
		#menu_advisor, #menu_advisor a {
			background: url(../images/menu/off_pet_advisor.gif) top left no-repeat;
			width: 8.6em;
			}
			
		#menu_advisor a:hover, #menu_advisor a.active {
			background: url(../images/menu/active_pet_advisor.gif) top left no-repeat;
			}
			
		#menu_news, #menu_news a {
			background: url(../images/menu/off_news.gif) top left no-repeat;
			width: 10.6em;
			}
			
		#menu_news a:hover, #menu_news a.active {
			background: url(../images/menu/active_news.gif) top left no-repeat;
			}
			
		#menu_pets_corner, #menu_pets_corner a {
			background: url(../images/menu/off_pets_corner.gif) top left no-repeat;
			width: 9.1em;
			}
			
		#menu_pets_corner a:hover, #menu_pets_corner a.active {
			background: url(../images/menu/active_pets_corner.gif) top left no-repeat;
			}
			
		#menu_galleries, #menu_galleries a {
			background: url(../images/menu/off_galleries.gif) top left no-repeat;
			width: 8em;
			}
			
		#menu_galleries a:hover, #menu_galleries a.active {
			background: url(../images/menu/active_galleries.gif) top left no-repeat;
			}
			
		#menu_shop, #menu_shop a {
			background: url(../images/menu/off_buy_now.gif) top left no-repeat;
			width: 6.7em;
			}
			
		#menu_shop a:hover, #menu_shop a.active {
			background: url(../images/menu/active_buy_now.gif) top left no-repeat;
			}
			
		#top_nav li ul {
			position: absolute;
			top: 34px;
			left: .5em;
			width: 19em;
			float: left;
			z-index: 100;
			display: none;
			}
			
		#top_nav li:hover ul, #top_nav li ul.over {
			display: block;
			}
			
			#top_nav li ul li {
				clear: both;
				background-color: #fff;
				display: block;
				width: 88%;
				height: auto;
				padding: 0 1em;
				border-left: 1px solid #dad3ac;
				border-right: 1px solid #dad3ac;
				}
				
			#top_nav li ul li.top {	
				background: url(../images/bg_drop_menu_top.gif) top left no-repeat;
				padding: 2.3em 0 0 1em;
				width: 19em;
				color: #56004e;
				border: none;
				}
				
			#top_nav li ul li strong {
				display: block;
				}
				
			#top_nav li ul li.bottom {
				background: url(../images/bg_drop_menu_bottom.gif) bottom left no-repeat;
				border: none;
				width: 16.9em;
				}
			
				#top_nav li ul a, #top_nav li ul a:hover {
					background: none;
					background: url(../images/bullet_right_menu.gif) right .9em no-repeat;
				}
			
				#top_nav li ul a {
					text-indent: 0;
					border-bottom: 1px solid #ddd;
					width: 16.8em;
					height: auto;
					padding: .7em 0;
					}
					

/*	---------------------------------------------------------------------	*/
/*	--------------------	LANGUAGE FLAGS/CONTENT	 --------------------	*/				
/*	---------------------------------------------------------------------	*/

/*#top_nav ul{width:1145px;}

#top_nav li.languages{
	padding:5px 0 0 20px;
	height:20px;
	
	}
	#top_nav li.languages.floatR{
		float:right;
		padding-right:12px;
		}*/
		
	ol.flags{position:absolute; top:-18px;}	
	
	ol.flags li{
		width:34px;
		height:25px;
		float:left;
		margin:0 0 0 3px;
		list-style:none;
		}
		ol.flags li.english{ margin:0;}
		
		ol.flags li a{
			height:21px;
			width:30px;
			text-indent:-3000em;
			display:block;
			border:#a1a1a1 1px solid;
			overflow:hidden;
			}
			
	ol.flags li.english a{
		background:url(../images/flags/uk.gif) no-repeat;
		}
	ol.flags li.french a{
		background:url(../images/flags/french.gif) no-repeat;
		}
	ol.flags li.german a{
		background:url(../images/flags/german.gif) no-repeat;
		}
	ol.flags li.spanish a{
		background:url(../images/flags/spanish.gif) no-repeat;
		}
	ol.flags li.italian a{
		background:url(../images/flags/italian.gif) no-repeat;
		}
	
/*	----------------------------------------------------------------------	*/
/*	---------------------------------------------------------------------	*/
					
	.pet_menu {
		position: absolute;
		left: 14.5em;
		top: 6.5em;
		}
			
	.pet_menu a {
		display: block;
		height: 5.6em;
		text-indent: -2000em;
		overflow: hidden;
		}
	
	.pet_menu #nav_dog, #nav_dog a {
		background: url(../images/menu/off_dog.gif) top left no-repeat;
		width: 7.5em;
		}
		
	.pet_menu #nav_dog a.active {
		background: url(../images/menu/active_dog.gif) top left no-repeat;
		width: 7.5em;
		}
		
	.pet_menu #nav_cat, #nav_cat a {
		background: url(../images/menu/off_cat.gif) top left no-repeat;
		width: 6.5em;
		}
		
	.pet_menu #nav_cat a.active {
		background: url(../images/menu/active_cat.gif) top left no-repeat;
		width: 6.5em;
		}
		
	.pet_menu #nav_rabbit, #nav_rabbit a {
		background: url(../images/menu/off_rabbit.gif) top left no-repeat;
		width: 8.2em;
		}
		
	.pet_menu #nav_rabbit a.active {
		background: url(../images/menu/active_rabbit.gif) top left no-repeat;
		width: 8.2em;
		}
		
	.pet_menu #nav_guinea-pig, #nav_guinea-pig a {
		background: url(../images/menu/off_guinea.gif) top left no-repeat;
		width: 11em;
		}
		
	.pet_menu #nav_guinea-pig a.active {
		background: url(../images/menu/active_guinea.gif) top left no-repeat;
		width: 11em;
		}
		
	.pet_menu #nav_hamster, #nav_hamster a {
		background: url(../images/menu/off_hamster.gif) top left no-repeat;
		width: 8.9em;
		}
		
	.pet_menu #nav_hamster a.active {
		background: url(../images/menu/active_hamster.gif) top left no-repeat;
		width: 8.9em;
		}
		
	.pet_menu #nav_gerbil, #nav_gerbil a {
		background: url(../images/menu/off_gerbil.gif) top left no-repeat;
		width: 8.9em;
		}
		
	.pet_menu #nav_gerbil a.active {
		background: url(../images/menu/active_gerbil.gif) top left no-repeat;
		width: 8.9em;
		}
		
	.pet_menu #nav_chinchilla, #nav_chinchilla a {
		background: url(../images/menu/off_chinchilla.gif) top left no-repeat;
		width: 10.2em;
		}
		
	.pet_menu #nav_chinchilla a.active {
		background: url(../images/menu/active_chinchilla.gif) top left no-repeat;
		width: 10.2em;
		}
		
	.pet_menu #nav_rat, #nav_rat a {
		background: url(../images/menu/off_rat.gif) top left no-repeat;
		width: 6.8em;
		}
		
	.pet_menu #nav_rat a.active {
		background: url(../images/menu/active_rat.gif) top left no-repeat;
		width: 6.8em;
		}
		
/* SUB MENUS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */		
ul a#sub_find_stockist, ul a#sub_buy {
	display: block; 
	text-indent: -2000em;
	overflow: hidden;
	height: 20px;
	margin: 0 0.5em 0 0;
	}

/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#home_content {
	width: 79em;
	position: relative;
	margin: 16em 0 0 1.7em;
	padding: 2em 0 0 0;
	}
	
#content {
	width: 80.1em;
	margin-top: 16em;
	margin: 16em 0 0 0.7em;
	padding: 2em 0 0 0;
	}
	
	.photographs {
		position: absolute;
		top: 0em;
		right: 2em;
		background: url(../images/polaroids.gif) top left no-repeat;
		height: 33.5em;
		width: 42em;
		z-index: 100;
		}
		
	/*	-------- GOLDEN TICKET PROMO JULY 2010 --------- */
	
		div.goldenTicketPromo {
			position: absolute;
			top: 15px;
			right:25px;
			background:url(../images/goldenTicketPromo.jpg) top center no-repeat;
			height:40px;
			padding:360px 0 0 0;
			width: 400px;
			z-index: 100;
			text-align:center;
			}
			
	/*	----------	SOCIAL NETWORKS --------- */
		
	div.socialnetworks{
		background:url(../images/socialnetworking/followUsBG.gif) top left no-repeat;
		width:160px;
		padding:0 0 0 210px;
		margin:130px 45px 0 0;
		float:right;
		position:relative;
		}
		div.socialnetworks ul{
			margin:0;
			padding:0;
			}
			div.socialnetworks ul li{
				list-style:none;
				float:left;
				}
				
				div.socialnetworks ul li a{
					display:block;
					width:52px;
					height:52px;
					text-indent:-3000em;
					overflow:hidden;
					}
					
		div.socialnetworks ul li.facebook a{
			background:url(../images/socialnetworking/facebook.gif) no-repeat;
			}	
		div.socialnetworks ul li.twitter a{
			background:url(../images/socialnetworking/twitter.gif) no-repeat;
			}
		div.socialnetworks ul li.youtube a{
			background:url(../images/socialnetworking/youtube.gif) no-repeat;
			}
			
		div#socialIconOverlay{
			position:absolute;
			display:none;
			top:-43px;
			left:205px;
			width:183px;
			height:58px;
			z-index:1000;
			background:url(../images/socialnetworking/overlay.png) top left no-repeat;
			}
			div#socialIconOverlay p{
				display:block;
				font-weight:bold;
				width:183px;
				text-align:center;
				padding:12px 0 0 0;
				color:#4e003d;
				}
				
	/*	------	JULY 2010 - SUPADOG VOUCHER ------   */
				
	div.supadogVoucherPromo{
		float:left;
		margin:0;
		clear:both;
		}
		div.supadogVoucherPromo a{
			background:url(../images/supadog_voucher_promo.jpg) top left no-repeat;
			height:180px;
			width:385px;
			display:block;
			overflow:hidden;
			text-indent:-3000em;
			}
			
	#content.supadog_voucher div#inner_content{
		background:url(../images/supadog_voucher_page_bg.jpg) center 20px no-repeat #FFF;
		}
		#content.supadog_voucher div#inner_content div.text_wrap{
			padding:560px 130px 0 130px;
			margin-bottom:80px;
			font-size:1.1em;
			}
			#content.supadog_voucher div#inner_content div.text_wrap p{
				margin:0 0 12px 0;
				}
			
			#content.supadog_voucher div#inner_content a.download{
				background:url(../images/download_voucher.gif) top left no-repeat;
				text-indent:-3000em;
				width:361px;
				height:88px;
				display:block;
				overflow:hidden;
				}
				
	#content.supadog_voucher div#inner_content a.pill{
		background:url(../images/pill_small_trans.png) top left no-repeat;
		width:112px;
		height:22px;
		margin-top:5px;
		color:#FFF;
		text-align:center;
		font-weight:bold;
		padding:3px 0 0 0;
		display:inline-block;
		overflow:hidden;
		}
	
	/*	--------------------------------------------- */
	
	div.brandLogos{
		width:100%;
		height:150px;
		float:left;
		margin:0 0 0 0;
		padding:0;
		background:url(../images/sheilds.jpg) center no-repeat;
		}
	
		
		
	.content_window {
		background-color: #006633;
		width: 100%;
		/*height: 43em;*/
		height: 48em;
		display: none;
		position: absolute;
		top: 16em;
		left: 0;
		overflow: hidden;
		z-index: 200;
		}
		
	#flash_shields {
		float: left;
		}
	
	.box, #flash_shields {
		padding: 1em 1em 0 1em;
		margin: 1.8em 0.5em 0 0.5em;
		width: 13.4em;
		height: 13.5em;
		/*background: url(../images/bg_cream_box.gif) top left no-repeat;*/
		position: relative;
		}
		
	.end_box, #flash_shields {
		margin-left: 0;
		}
		
		.box p {
			color: #404c12;
			font-weight: bold;
			padding: 8em 0 0 0;
			margin: 0;
			}
			
	#cta_home_buy_hamster, #cta_home_experts, #cta_home_advisor, #cta_home_rescue, #cta_home_news, #cta_home_pets {
		width: 145px;
		height: 102px;
		display: block;
		padding: 5em 11em 0em 2em;
		color: #b5111b;
		}
			
	#cta_home_buy_hamster {
		background: url(../images/cta_home_buy_hamster.gif) top left no-repeat;
		margin: 0;
		}
		
	#cta_home_experts {
		background: url(../images/cta_home_experts.jpg) top left no-repeat;
		margin: 0 1.8em 0 1.5em;
		}	
		
	#cta_home_advisor {
		background: url(../images/cta_home_advisor.jpg) top left no-repeat;
		margin: 0;
		}
		
	#cta_home_rescue {
		background: url(../images/cta_home_rescue.jpg) top left no-repeat;
		color: #fff;
		margin: 1.6em 0 0 0;
		}
		
	#cta_home_news {
		background: url(../images/cta_home_news.jpg) top left no-repeat;
		color: #fff;
		margin: 1.6em 0 0 1.5em;
		}
		
	#cta_home_pets {
		background: url(../images/cta_home_pets.jpg) top left no-repeat;
		color: #fff;
		margin: 1.6em 0 0 1.6em;
		}
		
		#cta_home_buy_hamster a, #cta_home_experts a, #cta_home_advisor a, #cta_home_rescue a, #cta_home_news a, #cta_home_pets a {
			background: url(../images/pill_small_trans.png) top left no-repeat;
			display: block;
			width: 112px;
			height: 27px;
			text-align: center;
			color: #f5f2e1;
			font-weight: bold;
			padding: 0.4em 0 0 0;
			margin: 1em 0 0 0;
			}
			
		#cta_home_buy_hamster a:hover, #cta_home_experts a:hover, #cta_home_advisor a:hover, #cta_home_rescue a:hover, #cta_home_news a:hover, #cta_home_pets a:hover {
			text-decoration: none;
			}
			
			#cta_flash{
				width:300px;
				height:160px;
				display:block;
				padding:0;
				margin:0;
				float:left;
				clear:left;
				}
			
	#inner_content, #products_content {
		clear: both;
		background: url(../images/bg_inner_content.gif) no-repeat top left #fff;
		padding: 0.5em 2em;
		float: left;
		width: 76em;
		}
		
	#products_content {
		background: none;
		padding: 0.5em 0.5em;
		width: 79.1em;
		}
		
	#content .gallery_head {
		background: url(../images/gallery/image_line.jpg) no-repeat top left #fff;
		}
		
	.shop_product {
		float: left;
		width: 11.4em;
		margin: 1em 1.5em 0.5em 0;
		text-align: center;
		}
		
		.shop_product a {
			font-weight: bold;
			}
			
dl.nutritional_info {
	width: 23.4em;
	float: left;
	clear: left;
	padding:0.5em 1em 1.5em 1em;
	margin: 0 1em 1em 0;
	}
	
	.nutritional_info dt, .nutritional_info dd {
		width:130px;
		padding:7px 5px;
		border-top: 1px solid #fff;
		vertical-align:middle;
		}
		.nutritional_info dt.first, .nutritional_info dd.first{
			border:none;
			}
			.nutritional_info dt.last, .nutritional_info dd.last{
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
				}

dl.columns {
	float: left;
	margin: 0 0 1em 0;
	}
		
dl.columns dt, dl.columns dd {
	width: 30%;
	margin: 0.2em 0;
	}
	
	dl.columns dt {
		clear: left;
		}
		
	dl.columns dd {
		width: 50%;
		}
		
p#nut_title {
	width: 23.4em;
	float: left;
	margin: 2em 1em 0 0;
	padding: 0;
	text-align: center;
	padding: 1em;
	}
	
#inner_content #left .add_basket {
	width: 40em;
	padding: 1em;
	}
	
	#inner_content #left .add_basket ul {
		margin:0;
		float:left;
		width:100%;
		}
		
		.add_basket label {
			font-weight: bold;
			display: block;
			float: left;
			margin: 0 1em 0 0;
			}
		
		#inner_content #left .add_basket li {
			float:left;
			width:25em;
			margin: 0.3em 0;
			}
			
		#inner_content #left .add_basket li.submit_button {
			float:right;
			width:10em;
			}
			
.gallery_head #left {
	margin-top: 20em;
	}
		
.shop_container {
	width: 42em;
	margin: 1em 0;
	}		
			
.more_info {
	float: right;
	width: 42em;
	}
	
	.more_info a {
		padding: 1em 0 0 2em;
		background: url(../images/icons/help-browser.gif) bottom left no-repeat;
		height: 20px;
		display: block;
		font-weight: bold;
		}
		
	/* pet care */
	#petcareFlash {
		width:941px; 
		height:605px;
		outline:none;
	}

/* LEFTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#home_content #left {
	width: 60%;
	}
	
	#home_content #left #intro, #home_content #left .intro {
		width:95%;
		float:left;
		}
		
#content #left {
	width: 52.5em;
	float: left;
	}
	
	#content #products_content .products_page, #content #products_content .shop_page {
		width: auto;
		}
		
#content #left_column {
	width: 38em;
	text-align: left;
	color: #b5111b;
	float: left;
	}
	
/* RIGHTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#right_column ul.right_menu {
	border: 2px solid #eee8c5;
	}
	
	#right_column ul.right_menu a {
		color: #000;
		}
		
.menu_heading {
	text-align: left;
	background: url(../images/right_menu_top.gif) top left no-repeat #eee8c5;
	margin: 0;
	padding: 0.5em;
	color: #b5111b;
	}
	
#content #right_column, #content #right_text {
	width: 18.7em;
	padding: 1em 0 0 1.6em;
	float: right;
	text-align: right;
	}
	
#content #right_text {
	width: 38em;
	text-align: left;
	color: #b5111b;
	}
	
	#right_column ul {
		text-align: left;
		margin: 0 0 1em 0;
		padding: 0 0.5em;
		}
		
		#right_column ul li a {
			display: block;
			padding: 1em 0;
			border-bottom: 1px solid #ddd;
			background: url(../images/bullet_right_menu.gif) 16em 1.1em no-repeat;
			}
			
			/* Colour for the menu link will be in the CSS file included from the page DB table */
			
		#right_column ul li.bottom {
			padding: 0 0 2em 0;
			}
			
			#right_column ul li.bottom a {
				border: none;
				}
	
	#right_text p {
		margin: 0 0 10px 0;
		}
	
	#right_text a {
		color: #5a0048;
		}
		
	.right_elements {
		width: 231px;
		text-align: left;
		float: left;
		margin: 0 0 2em 0;
		}
		
		.right_elements p {
			padding: 0 2em;
			}
			
		.right_elements p#comp_text {
			width: 7.5em;
			}	
			
		.right_elements p#comp_title, .right_elements p#guide_title, .right_elements p#your_basket_title {
			height: 231px;
			display: block;
			text-indent: -2000em;
			overflow: hidden;
			}
			
		.right_elements p.compare_link {
			width: 80px;
			padding: 0;
			}	
			
		.right_elements p a#button_compare {
			width: 80px;
			height: 66px;
			text-indent: -2000em;
			overflow: hidden;
			display: block;
			float: right;
			}
			
		.right_elements span {
			display: block;
			height: 12px;
			}
			
		.right_elements form {
			margin: 0;
			padding: 0 1.5em;
			border-bottom: 1px solid #fff;
			}
			
			.right_elements form label {
				color: #000;
				display: block;
				}
				
			.right_elements form input {
				font-size: 1.3em;
				}
				
			.right_elements form input#calc {
				width: 112px;
				height: 27px;
				border: none;
				text-weight: bold;
				cursor: pointer;
				}
				
		.right_elements ul.quick_links {
			width: 120px;
			font-size: 0.9em;
			}
			
			#right_column .right_elements ul.quick_links li, #right_column .right_elements ul.quick_links a {
				padding: 0;
				margin: 0;
				border: none;
				background: none;
				}
			
			#right_column .right_elements ul.quick_links a {
				padding: 0 0 0 1.5em;
				}
				
			.right_elements p a {
				display: block;
				float: right;
				text-indent: -2000em;
				overflow: hidden;
				width: 73px;
				height: 37px;
				}
				
		.right_elements #last_product_image {
			padding: 0 0.5em 1em 1.5em;
			}
			
		.right_elements #last_product_details {
			padding: 0 1.5em 1em 0;
			width: 10.5em;
			}
			
			.right_elements #last_product_details p {
				margin: 0;
				padding: 0;
				font-weight: bold;
				}
		
#right_column #login_area {
	background: url(../images/bg_pink_round_bottom.gif) bottom left no-repeat #f5d5d7;
	text-align: left;
	}		
	
	#right_column #login_area input {
		width: auto;
		}			
		
	#login_area p, #login_area ol {
		padding: 0 0.5em;
		}
				
#right_column h3#login_title {
	background: url(../images/bg_login_top.gif) top left no-repeat #b5111b;
	display: block;
	width: 218px;
	height: 26px;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding: 7px 0 0 12px;
	}
	
	.login_prompt {
		background: url(../images/bg_pink_loz.gif) top left no-repeat #f5d5d7;
		width: 206px;
		height: 30px;
		text-align: left;
		padding: 12px;
		}

/* PAGE DECORATION  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.page_decoration {
	display:block;
	position:absolute;
	}
	
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#top_anchor, #pet_care_anchor {
	background: url(../images/bg_inner_content_bottom.gif) top left no-repeat;
	margin: 0;
	padding: 2em 2em 0 0;
	clear: both;
	text-align: right;
	float: left;
	width: 78.1em;
	}
	
	#top_anchor a, #pet_care_anchor a {	
		color: #5a0048;
		font-weight: bold;
		}
		
#pet_care_anchor {
	background: none;
	}
		

	
#footer {
	margin: 0em auto;
	padding: 0;
	padding-bottom:100px;
	text-align: left;
	width: 81.8em;
	/*width: 83.2em*/
	position:relative;
	z-index:200;
	background: url(../images/bg_footer.gif) 0 1.8em no-repeat;
	}
 	
	#footer p {
		margin: 0;
		padding: 1em 2em 0 0;
		background: url(../images/bg_credit_cards.gif) 1.8em bottom no-repeat;
		}
		
		#footer p a {
			color: #000;
			}
	
	#footer ul {
		padding: 3em 2em 2em 2em;
		margin: 0;		
	}
	
	#footer ul a {
		color: #5a0048;
		font-weight: bold;
		display: block;
		padding: 0 1em 0 1em;
		margin: 0;
		}
		
		#footer ul a.start {
			padding: 0 1em 0 0;
			}