
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	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;*/
			width:1040px;
			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,
	form label.radio {
		display: inline;
		clear: none;
		}
		
	li.checkbox,
	li.radio {
		width: 350px;
		}
		
	li.note {
		margin-top: 20px;
		}
		
	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,
	input.radio {
		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.2em;
		padding:2px;
		width:240px;
		}
		#advisor_search_form select{width:245px;}
		#advisor_search_form #search_button{width:auto!important; padding:0; margin:7px 0 0 0;}
		
	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 {
		
	}
	
div.errors {
    background: none repeat scroll 0 0 #FFDD99;
    border: 1px solid #F4D12F;
    color: #CC0000;
    height: auto !important;
    margin: 0 0 10px;
    min-height: 20px;
    padding: 10px;
    width: 940px;
}
div.errors p {
    color: #CC0000;
}
div.errors ul li {
    color: #CC0000;
    font-weight: bold;
    list-style: none outside none;
}
	
/* 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;
	overflow: hidden;
	height: 128px;
	}
	
	#header {
		position: relative;
		margin: 0 auto;
		text-align: left;
		width:1042px;
		font-size: 0.9em;
		bottom:20px;
		}
		
		#header p {
			margin: 0;
			padding: 0;
			}
	

		
		#header a {
			color: #000;
			}

	#header p.logo{
		
		}
	
	#company_logo {
		background: url(../images/logo_burgess.jpg) bottom left no-repeat;
		padding: 0;
		margin: 0;
		width:159px;
		height: 120px;
		display: block;
		float:left;
		margin-left:36px;
		text-indent: -2000em;
		overflow: hidden;

		}
		
		#header_search{
			height:34px;
			width:321px;
			float:left;
			margin:35px 0px 0px 14px;
		}
		
		
		#header_search label,#header_search input{
			float:left;
			display:block;
			height:34px;
			line-height:34px;
			overflow:hidden;
			
		}
		
		#header_search label{
			width:70px;
			color:#5F1B5F;
			font-size:19px;
		}
		
		#header_search .search_box{
			width:185px;
			padding-left:6px!important;
			background:none;
			border:none;
			margin:0;
			padding:0;
			background:url(../images/menu/main_search_bubble.gif) no-repeat;
			margin-right:5px;
		}
		
		#header_search .search_button{
			width:46px;	
			background:none;
			border:none;
			margin:0;
			padding:0;
			background:url(../images/menu/search-go-button.gif) no-repeat;
			cursor:pointer;
			
			
		}

							
							

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

/*
*	BASKET MENU ITEM
*/
#header_basket
{background:url(../images/menu/menu-basket.gif) no-repeat;
height:18px;
padding-left:30px;
line-height:23px;
	
}



#header_basket,
#header_basket a{
	color:#5F1B5F;
	font-size:13px;
}



/*	---------------------------------------------------------------------	*/
/*	--------------------	LANGUAGE FLAGS/CONTENT	 --------------------	*/				
/*	---------------------------------------------------------------------	*/
		
	#header_flags{
		width:120px;
		height:12px;
		overflow:hidden;
		float:left;
		margin:37px 20px 0px 30px;
		
	}
	
	#header_flags a img{
		height:12px;
	}

	
/*	----------------------------------------------------------------------	*/
/*	---------------------------------------------------------------------	*/
					
	.pet_menu{
		position:absolute;
		top:88px;
		right:20px;
		}
			
	.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 center no-repeat;
		width:9em;
		}
		
	.pet_menu #nav_guinea-pig a.active {
		background: url(../images/menu/active_guinea.gif) top center no-repeat;
		width:9em;
		}
		
	.pet_menu #nav_hamster, #nav_hamster a {
		background: url(../images/menu/off_hamster.gif) top center no-repeat;
		width: 8.5em;
		}
		
	.pet_menu #nav_hamster a.active {
		background: url(../images/menu/active_hamster.gif) top center no-repeat;
		width: 8.5em;
		}
		
	.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 center no-repeat;
		width:9em;
		}
		
	.pet_menu #nav_chinchilla a.active {
		background: url(../images/menu/active_chinchilla.gif) top center no-repeat;
		width:9em;
		}
		
	.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;
		}
		
		
	.pet_menu #nav_ferret, #nav_ferret a {
		background: url(../images/menu/off_ferret.gif) top center no-repeat;
		width: 76px;
		}
		
	.pet_menu #nav_ferret a.active {
		background: url(../images/menu/active_ferret.gif) top center no-repeat;
		width: 76px;
		}
		
		
		
/* 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: 1040px;
	position: relative;
	margin: 16em 0 0 0;
	padding: 0 0 0 0;
	}
	
#content {
	width: 80.1em;
	margin-top: 16em;
	margin: 16em 0 0 2.4em;
	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;
		}
		
	/*	-------------------------	HOMEPAGE PROMO	----------------------	*/
	#homepage_wrapper{
		background:url(../images/home-background.gif);
		position:relative;
	}
	
	#homepage_brandLogos{
		display:block;
		margin-top:10px;
		margin-bottom:20px;
		
		}
		
		
	#home_top_banner_images{
		height:221px;
		overflow:hidden;
		list-style:none;
		border-top:solid 3px #AB2B25;
	
	}
	
	#home_top_banner_buttons{
		padding-left:17px;
		position:absolute;
		top:199px;
		left:80px;
		z-index:100;
		
	}
	
	#home_top_banner_buttons li{
		float:left;
		height:44px;
		width:165px;
		margin-right:3px;
		display:block;
	}
	
	
	#home_top_banner_buttons li .hbutton{
		display:block;
		height:44px;
		width:165px;
		cursor:pointer;
		overflow:hidden;
	}
	
	#home_top_banner_buttons .activeSlide a,
	#home_top_banner_buttons .hbutton:hover{
		background-position:0px -44px;
	}
	
	#home_top_banner_buttons .vouchers{ background:url(../images/home-buttons/vouchers.png);}
	#home_top_banner_buttons .sensitive-challange{ background:url(../images/home-buttons/sensitive-challenge.png);}
	#home_top_banner_buttons .feeding-plan{ background-image:url(../images/home-buttons/excel-feeding-challange.png); }
	#home_top_banner_buttons .fibrevore-game{ background:url(../images/home-buttons/the-fibrevore-game.png);}
	#home_top_banner_buttons .golden-ticket{ background:url(../images/home-buttons/the-golden-ticket.png);}
	#home_top_banner_buttons .fight-for-fibre{ background:url(../images/home-buttons/fight-for-fibre.png);}
	#home_top_banner_buttons .lifelong{ background:url(../images/home-buttons/lifelong.png);}
		
	#home_body_content{
		padding:0px 50px;
	}
    
	
	#homepage_wrapper .home_text{
		padding:0px 20px 0px 50px;
		float:left;
		width:460px;
	}
	
	#homepage_wrapper .home_text .header{
		color:#5F1B5F!important;
		line-height: normal;
		margin: 0 0 15px;
		padding: 0;
		float: left;
		font-family: Georgia,"Times New Roman",Times,serif;
		font-size: 3em;
		font-style: normal;
		font-weight: normal;
	
	}
	#homepage_wrapper .home_text .red{
		color:#AB2B26;
		font-weight:normal;
	}
	
	
	
	#homepage_wrapper .pet-industry-awards{
		float:left;
		display:block;
		
	}


	#home-blog-container{
		background:url(../images/home-blog-middle.gif) repeat-y;
		margin-bottom:30px;
	}
	
	#home-blog-container .top{
		background:url(../images/home-blog-top.gif) no-repeat;
		height:56px;
	}
	
	
	#home-blog-container .bottom{
		background:url(../images/home-blog-bottom.gif) no-repeat;
		height:28px;
	}
	
	#home-blog-container .feed{
		margin:0px 0px 0px 30px;
	}
	
	#home-blog-container .feed li{
		width:273px;
		float:left;
		margin-right:30px;
	}
	
	#home-blog-container .feed li .newsitem{
		margin-bottom:10px;
	}

	#home-blog-container .feed h2{
		margin:0px 0px 8px 0px;
		line-height:11px;
	}
	
	#home-blog-container .feed h2 a{
		font-size:12px;
		color:#5F1B5F;
		font-weight:bold;
	}
	
	#home-blog-container .feed .content{

		font-size:12px;
	
	}
	
	#home-blog-container .feed .content .date{
		color:#000;
		font-weight:bold;
	}

						
						
		 
		
	div.homepage_promo{
		width:550px;
		height:520px;
		padding:20px 0 0 0;
		z-index:100;
		top:0;
		right:20px;
		position: absolute;
		text-align:right;
		}
		div.homepage_promo p{
			margin:0 0 6px 0;
			}
		div.homepage_promo a{
			font-weight:bold;
			}
			
		div.homepage_promo h2{
			font-size:1.2em;
			line-height:1.2em;
			font-weight:bold;
			margin:0 0 5px 0;
			color:#000;
			}
		
		/* small animal show */
		div.prermier{
			float:left;
			padding:25px 0 0 5px;
			width:245px;
			}
			div.prermier a.logo{
				width:250px;
				height:222px;
				display:block;
				text-indent:-3000em;
				overflow:hidden;
				background:url(../images/premierLogo.png) 0 0 no-repeat;
				margin:0 0 10px -3px;
				}
				
		/* wetnose */
		div.wetnose{
			width:444px;
			height:150px;
			float:left;
			margin:0;
			}
			
			div.wetnose a.logo{
				width:150px;
				height:150px;
				float:right;
				background:url(../images/wetnose.png) 0 0 no-repeat;
				display:block;
				margin:0 0 0 20px;
				}
				
			div.wetnose h2{
				margin-top:15px;
				}
			
		/* rabbit agility */
			
		div.rabbitAgility{
			width:249px;
			height:134px;
			margin:-5px 0 5px 0;
			background:url(../images/rabbitAgility.png) 0 0 no-repeat;
			padding:45px 15px 10px 185px;
			position:relative;
			}
			div.rabbitAgility h2{
				font-size:1.3em;
				}
				div.rabbitAgility a:hover{
					text-decoration:none;
					}
		
		div.rabbitAgility a.overlay{
			width:172px;
			height:175px;
			overflow:hidden;
			text-indent:-3000em;
			display:block;
			position:absolute;
			left:0;
			top:15px;
			}
			
	/*	----------	SOCIAL NETWORKS --------- */
		
	div.socialnetworks{
		background:url(../images/socialnetworking/followUsBG.gif) 0 0 no-repeat;
		width:180px;
		padding:0 0 0 150px;
		margin:0;
		float:left;
		margin-top:25px;
		}
		div.socialnetworks ul{
			margin:0;
			padding:0;
			}
			div.socialnetworks ul li{
				list-style:none;
				float:left;
				}
				
				div.socialnetworks ul li a{
					display:block;
					width:49px;
					height:49px;
					text-indent:-3000em;
					overflow:hidden;
					margin:0 0 0 10px;
					}
					
		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:76px;
			left:0;
			width:183px;
			height:58px;
			z-index:1001;
			background:url(../images/socialnetworking/overlay.png) 0 100% no-repeat;
			}
			div#socialIconOverlay p{
				display:block;
				font-weight:bold;
				width:183px;
				text-align:center;
				padding:30px 0 0 0;
				color:#4e003d;
				}
	
	/*	--------------------------------------------- */
	
	div.brandLogos{
		width:100%;
		height:160px;
		float:left;
		margin:0 0 0 0;
		padding:0;
		background:url(../images/sheilds.jpg) 0 35% no-repeat;
		}
		
	/*
	----------- BLOG FEED
	*/	
		
	div#blogFeed{
		width:910px;
		height:162px;
		background:url(../images/blogBG.png) 0 0 no-repeat;
		float:left;
		padding:15px;
		margin-top:140px;
		}
		div#blogFeed ul{
			width:100%;
			margin:0;
			padding:0;
			height:94%;
			}
			div#blogFeed ul li{
				display:block;
				float:left;
				color:#000;
				width:200px;
				height:100%;
				margin:0 15px 0 0;
				padding:0 15px 0 0;
				border-right:#590047 1px dotted;
				}
				div#blogFeed ul li.last{
					border:none;
					margin:0;					
					}
					div#blogFeed ul li h2{
						font-size:1.2em;
						font-weight:bold;
						margin:0 0 0 0;
						color:#590047;
						}
				
		div#blogFeed ul li h2 a{color:#590047;}
					
		div#blogFeed ul li p{margin:5px 0 0 0;}			
				
		div#blogFeed ul li p span.date{ font-weight:bold;}		
					
		div#blogFeed ul li p a{font-weight:bold;}
				
	/*	--------------------------------------------- */		
		
	.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;
		margin-right:18px;
		}
			
	#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-left:18px;

		}	
		
	#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;

		}
		
	#cta_home_news {
		background: url(../images/cta_home_news.jpg) top left no-repeat;
		color: #fff;

		}
		
	#cta_home_pets {
		background: url(../images/cta_home_pets.jpg) top left no-repeat;
		color: #fff;
		margin-right:0px;

		}
		
		#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:650px;
		height:160px;
		float:left;
		}
		
#content #left {
	width: 52.5em;
	float: left;
	}
	#content #left.rabbit_details_page ul,
	#content #left.rabbit_details_page ol{
		margin-top:0;
		padding:0 0 0 15px;
		}
		#content #left.rabbit_details_page ul li,
		#content #left.rabbit_details_page ol li{
		list-style:outside;
		}
	
	#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 #inner_content .wide_right_column {
	width:282px;
	padding-left:0px;
	}
	
#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;
	padding-bottom:10px;
	}
	
	#top_anchor a, #pet_care_anchor a {	
		color: #5a0048;
		font-weight: bold;
		}
		
#pet_care_anchor {
	background: none;
	}
		

#footerWrapper{
	background:url(../images/footer-background.gif) repeat-x #621C61;
	height:100px;
	margin-top:25px;
	padding-top:15px;
	overflow:hidden;
}
#footer {
	margin: 0em auto;

	width: 81.8em;
	
	height:100px!important;
	overflow:hidden;
	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;
			}
			
			
			
/*
--------- CONTENT-ONLY STYLES
*/
#inner_content div.about-us_page ul, #inner_content div.about-us_page ol, #inner_content div.rabbit-agility_page ul, #inner_content div.rabbit-agility_page ol{
	padding:0 0 10px 20px;
	margin-bottom:7px;
	}
	#inner_content div.about-us_page ul li, #inner_content div.about-us_page ol li, #inner_content div.rabbit-agility_page ul li, #inner_content div.rabbit-agility_page ol li{
		list-style-position:outside;
		list-style-type:disc;
		}
		
	#inner_content div.rabbit-agility_page ol li{
		margin-bottom:15px;
		list-style:decimal;
		list-style-position:outside;
		}
		
		
.clearFloat{
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0px;
	border:0px;
	height:0px;
	overflow:hidden;
}
		
