@charset "utf-8";
/* CSS Document */

/*
GREY: #DAD189    - #DAD189
GREEN: #A00144   -   #A00144
BLUE: #015759    -  #015759
*/

html
{

}

body
{
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
color: #015759;
background-image: url(/images/footer_bg_repeat.gif);
background-repeat: repeat-y;
background-position: center top;
}


p
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #015759;

text-decoration: none;
text-align: left;

margin: 0;
padding: 0 0 15px;
}

/* SITE TITLE */
h1
{
font-size: 1.3em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
font-weight: normal;
text-align: left;
margin: 20px 0 0 0;
padding: 15px 0 0 75px;
height: 49px;
background-image: url(/images/bgc_title_bg.jpg);
background-repeat: no-repeat;
}

/* PAGE TITLE/BREADCRUMB */
h2
{
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #A00144;
text-align: left;
margin: 0;
padding: 0;
}

	h2 a, h2 a:link, h2 a:visited, h2 a:active
	{
	color: #A00144;
	text-decoration:none
	}
	
	h2 a:hover
	{
	color: #A00144;
	text-decoration:underline
	}	

/* PROD THUMB */
h3
{
font-size: 1em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #A00144;
text-align: left;
margin: 0;
padding: 0;
}

	h3 a, h3 a:link, h3 a:visited, h3 a:active
	{
	color: #FFF;
	text-decoration:none
	}
	
	h3 a:hover
	{
	color: #FFF;
	text-decoration:underline
	}	

/* OTHER HEADINGS */

h4,h5,h6
{
font-size: 1.4em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #A00144;
text-align: left;
margin: 0;
padding: 0;
}

a
{
color: #A00144;
text-decoration: underline;
font-weight: bold
}

a:hover
{
color: #A00144;
text-decoration: underline;
font-weight: bold
}

a:link 
{
color: #A00144;
text-decoration: underline;
font-weight: bold
}

a:active 
{
color: #A00144;
text-decoration: underline;
font-weight: bold
}


a:visited
{
color: #A00144;
text-decoration: underline;
font-weight: bold
}

img
{
border: 0px
}

.div_clear
{
clear: both;
height: 0px;
padding: 0px;
width: 0px
}




/* LAYOUT */

#div_header
{
height: 150px;
background-image: url(/images/logo_bg.gif);
background-repeat: no-repeat;
background-position: center bottom;
}

	#div_header_wrap
	{
	width: 760px;
	margin: 0 auto;
	}

	#div_logo
	{
	float: right;
	margin: 10px 0 0 0
	}



#div_top_strip
{
padding: 9px 0 0 0;
border-top: 1px solid #FFF;
background-image:url(/images/bgc_bg_line_top.gif);
background-repeat: repeat-x;
background-position: center top;
background-color: #FFF
}

#div_bottom_strip
{
padding: 9px 0 0 0;
border-bottom: 1px solid #FFF;
background-image:url(/images/bgc_bg_line_bottom.gif);
background-repeat: repeat-x;
background-position: center bottom;
background-color: #FFF
}

#div_sitewrap
{
width: 760px;
margin: 0 auto;
overflow: hidden;
padding: 0 0 25px;
min-height: 450px
}

	#div_content
	{
	width: 525px;
	float: left
	}
	
		#div_content_25
		{
		width: 500px;
		}	

		#div_content h2
		{
		margin: 0 0 15px 0;
		}		

	#div_column
	{
	float: right;
	width: 235px
	}

#div_footer
{
background-image: url(/images/footer_bg.gif);
background-repeat: no-repeat;
background-position: center bottom;
}

	#div_footer_wrap
	{
	width: 760px;
	margin: 0 auto;
	}
	
	#div_credits
	{
	float: left
	}	
	
		#div_credits p
		{
		color: #FFF;
		margin: 10px 0 0 0
		}	
		
		#div_credits a, #div_credits a:link, #div_credits a:active, #div_credits a:visited, #div_credits a:hover
		{
		color: #FFF;
		margin: 10px 0 0 0;
		text-decoration: underline;
		font-weight: normal
		}				

	#div_slogan
	{
	float: right;
	margin: 10px 0 0 0
	}




/* HOMEPAGE THREE BOXES */
#div_flash
{
margin: 20px 0;
}

	.div_boxes
	{
	clear: both;
	padding: 10px 0 0 0
	}

		.div_boxes img
		{
		border-bottom: 5px solid #DAD189;
		margin: 0 0 10px 0
		}


	/* THREE BOX SOLUTION */
	/* left box */
	.div_box1
	{
	width: 166px;
	
	float: left;
	
	margin: 0 1px 0 0
	}
	
	/* middle box */
	.div_box2
	{
	width: 166px;
	float: left;
	
	}
	
	/* right box */
	.div_box3
	{
	width: 166px;
	
	float: left;
	
	margin: 0 0 0 1px
	}
	/* THREE BOX SOLUTION */
	
	
	/* TWO BOX SOLUTION */
	/* left box */
	.div_box4
	{
	width: 249px;
	float: left;
	
	}
	
	/* right box */
	.div_box5
	{
	width: 249px;	
	float: right;
	}	
	/* TWO BOX SOLUTION */

/* BACKGROUND IMAGES */

#div_bg_content
{
background-color: #FFFFFF
}	

/* BACKGROUND IMAGES */

#div_bg_pots, #div_bg_guinea_pig, #div_bg_orchid, #div_bg_goldfish, #div_bg_gnome, #div_bg_flower
{
background-color: #FFFFFF;
background-repeat: no-repeat;
background-position: center top
}	

	#div_bg_pots
	{
	background-image: url(/bg_pots.jpg)
	}	
	
	#div_bg_guinea_pig
	{
	background-image: url(/bg_guinea_pig.jpg)
	}
	
	#div_bg_orchid
	{
	background-image: url(/bg_orchid.jpg)
	}	
	
	#div_bg_goldfish
	{
	background-image: url(/bg_goldfish.jpg)
	}
	
	#div_bg_gnome
	{
	background-image: url(/bg_gnome.jpg)
	}	
	
	#div_bg_flower
	{
	background-image: url(/bg_flower.jpg)
	}	



/* MENU */


	#div_menu
	{
	padding: 0;
	margin: 120px 0 0 0;
	overflow: hidden;
	width: 500px;
	height: 30px;
	float: left
	}	
	

		#div_menu ul
		{
		padding: 9px 0 0;
		text-align: left;
		margin: 0px;
		color: #FFF;
		list-style-type: none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration: none
		}
		
			#div_menu ul li 
			{ 
			display: inline
			}
			
			
			#div_menu ul li a
			{
			float: left;
			color: #FFF;
			padding: 0 20px 0 0;		
			text-decoration: none
			}
			
			#div_menu ul li a:hover
			{
			color: #015759
			}
			
	#div_menu p
	{
	text-align: right;
	padding: 0 5px 0 0;
	margin: 0;
	color: #FFF;
	font-weight: bold
	}	
	
		#div_menu p a, #div_menu p a:active, #div_menu p a:link, #div_menu p a:visited, #div_menu p a:hover
		{
		color: #FFF;
		text-decoration: none
		}					


/* READ MORE */

		.a_readmore, .a_readmore:active, .a_readmore:link, .a_readmore:visited
		{
		color: #015759;
		padding: 5px 30px 5px 0px;
		margin: 0;
		display: block;
		float: right;
		font-weight: bold;
		background-image: url(/images/bgc_symbol_more.jpg);
		background-repeat: no-repeat;
		background-position: right center;
		}
		
		.a_readmore:hover
		{
		color: #A00144;
		background-image: url(/images/bgc_symbol_more_over.jpg)
		}				

		
/*/////// ENQUIRY FORMS ///////*/
form
{
margin: 0;
padding: 0
}

fieldset
{
border: 0;
margin: 0;
padding: 0
}

	input, textarea
	{
	background-image: url(/images/bgc_form_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 1em;
	}
	
	input:hover, input:focus
	{
	border: 1px solid #015759}	
	
	textarea:hover, textarea:focus
	{
	border: 1px solid #015759}
		
.p_right
{
float: right;
padding: 15px 0 0
}

.div_field
{
	text-align: left;
	padding: 4px 0 4px;
	margin: 1px 0;
	clear: both;
	border: 1px solid #A00144;	
	border-bottom: 3px solid #A00144
}
	.div_field p
	{
		padding: 0px 10px 0;
		font-weight: bold;
		float: left;
		text-align: right;
		width: 90px;
		color: #A00144
	}


	.form_error
	{
		font-weight: bold;
		color: #015759;
		padding: 6px;
		margin: 0px 0px 5px;
		border: 1px solid #015759;
		border-bottom: 3px solid #015759;	
		background-color: #FFF;	
	}

.div_rfield
{
	text-align: right;
	padding: 4px 0 4px;
	margin: 2px 0px;
}


.form_field
{
	border: 1px solid #A00144;	
	margin: 0px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	padding: 3px;
}


.form_button
{
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 0;
background-color: #015759;
color: #FFF;
padding: 3px;
background-image: none;
font-weight: bold;
cursor:pointer
}

	.form_button:hover
	{
	border: 0;
	background-color: #DAD189
	}
/*/////// ENQUIRY FORMS ///////*/		
		
		

		
		
		


/*///////// CATEGORY BOX  /////////*/

.div_cat_wrap
{
	margin: 0 25px 22px 0;
	border-bottom: 4px solid #A00144;
	float: left
}

	.div_cat
	{
		text-align: left;
		width: 150px;
		margin: 0 0 1px 0;
		background-color: #DAD189;	
		overflow:hidden	
	}	
	
		.div_cat_img_wrap
		{
			height: 195px;
			text-align: center
		}		
	

	.div_cat img
	{
	margin: 5px;
	}	
	
		.div_cat img.view
		{
		margin: 5px 5px 5px 0;
		float: right
		}
		
		.div_cat img.basket
		{
		margin: 5px 0 5px 5px;
		float: left
		}				
	
	.div_cat h3
	{
	color: #FFF;
	padding: 0 5px
	}	
	
	.div_cat p
	{
	padding: 0 5px
	}
	
/*///////// CATEGORY BOX /////////*/


/*///////// SUBMENU /////////*/

	.shop_submenu
	{
	border-bottom: 4px solid #DAD189
	}
	
	
		.shop_submenu ul
		{
		padding: 0;
		margin: 20px 0 0 0;
		list-style-type: none;
		}	
	
		.shop_submenu ul li.title
		{
		background: none;
		margin: 0;
		padding: 5px 0 5px 30px;
		border-bottom: 1px solid #FFF;
		background-color: #DAD189;
		font-weight: bold;
		}		
		
		.shop_submenu ul li
		{
		background-image: url(/images/bgc_icon_shopmenu.jpg);
		background-repeat: no-repeat;
		background-position: left top;	
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #FFF;
		background-color: #DAD189;
		}		
		
		.shop_submenu ul li a, .shop_submenu ul li a:visited, .shop_submenu ul li a:link, .shop_submenu ul li a:active
		{	
		text-align: left;
		display: block;				
		color: #FFF;
		margin: 0;
		padding: 6px 0px 6px 30px;
		text-decoration: none
		}			
		
		
		.shop_submenu ul li a:hover
		{
		color: #A00144;
		margin: 0;
		text-decoration: none		
		}		

/*///////// SUBMENU /////////*/


/*///////// PAYPAL /////////*/

#div_paypal img
{
margin: 20px 0 0 0
}

#div_freedelivery
{

}

/*///////// PAYPAL /////////*/




/*///////// HTML /////////*/

#div_html 
{

}	


#div_html p
{
	color: #015759
}	

#div_html h1
{
	color: #015759;
	margin: 0px 0px 15px 0px;
	text-align: left;
}	

#div_html h2,#div_html h3,#div_html h4,#div_html h5,#div_html h6
{
	color: #015759;
	margin: 0px 0px 15px 0px;
	text-align: left;
}	



#div_html a, #div_html a:active, #div_html a:link, #div_html a:visited
{
	color: #015759;
	text-decoration: underline
}	

#div_html a:hover
{
	color: #015759
}


	
	
#div_html table
{
margin: 0 0 20px 0;
border-bottom: 2px solid  #A00144;
}	

	#div_html table tr
	{
	
	}	

	#div_html table tr th
	{
	padding: 3px;
	text-align: left;
	background-color: #A00144;
	color: #FFF
	}	

	#div_html table tr td
	{
	padding: 3px;
	text-align: left;	
	}	
	
	#div_html ul, #div_html ol
	{
	list-style: none;
	text-align: left;

	padding: 2px 0 6px 0px;
	margin: 0px;
	}
	

		#div_html li
		{
		background-image: url(/images/bgc_list_tick.jpg);
		background-repeat: no-repeat;
		background-position: 0 top;
		padding: 0px 0px 15px 10px;
		margin: 0;
		}		
	
	
/*///////// HTML /////////*/


/*///////// DOCUMENTS /////////*/	


	.ul_document
	{
	list-style: none;
	text-align: left;

	padding: 2px 0 6px 0px;
	margin: 0px;
	
	color: #000;
	}
	

		.ul_document li
		{
		background-image: url(img_document.jpg);
		background-repeat: no-repeat;
		background-position: 0 50%;
		
		padding: 0px 0px 0px 20px;
		}	
		
		.ul_document li a
		{
		padding: 5px;
		color: #000;
		text-decoration: none;
		}
		
		.ul_document li a:active
		{
		color: #000;
		}
		
		.ul_document li a:hover
		{
		text-decoration: underline;
		}	
		
/*///////// DOCUMENTS /////////*/	



/*///////// PRODUCT PRICES/OPTIONS /////////*/		

	
.div_options
{
text-align: left;
margin: 20px 0 20px;
background-color: #DAD189;
padding: 3px
}

	.div_options p
	{
	color: #000000;
	padding: 0px;
	margin: 0px
	}	
	
		.div_options p a, .div_options p a:link, .div_options p a:active, .div_options p a:visited
		{
		color:#000000;
		padding: 0px;
		font-weight: bold;
		color:#339900
		}	
		
		.div_options p a:hover
		{
		text-decoration: underline
		}			

	.div_options h4
	{
	color:#FFF;
	margin: 0 0 5px;
	padding: 3px;
	background-color: #015759;
	display: block
	}	

	.div_options .span_rrp
	{
	font-weight: bold;
	color:#999999;
	text-decoration:line-through
	}	
	
	.div_options .span_discount
	{
	font-weight: bold;
	color:#990000;
	}	
	
	.div_options .span_price
	{
	font-size: 1.2em;	
	color:#000000;
	font-weight: bold
	}	
	
	.div_options .p_addtobasket
	{
	margin: 5px 0 0 0;
	padding: 0;
	text-align: right
	}					

/*///////// PRODUCT PRICES/OPTIONS /////////*/	


/*///////// BASKET /////////*/	


#tb_basket
{
border: 0;
padding: 0;
margin: 0
}

	#tb_basket th
	{
	text-align: left;
	padding: 5px;
	background-color: #A00144;
	color: #FFF		
	}
	
	#tb_basket td
	{
	text-align: left;
	padding: 5px 0px;	
	}
	
	#tb_basket .td_total
	{
	border-top: 2px solid #A00144;
	border-bottom: 2px solid #A00144;
	padding: 5px 0px;
	}	
	
	#button_checkout
	{
	margin: 20px 0;
	float: right;
	background-color: #A10043;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: 0px;
	padding: 3px;
	cursor:pointer;
	background-image: none
	}	
	
		#button_checkout:hover
		{
		border: 0;
		background-color: #DAD189
		}		
	
/*///////// BASKET /////////*/			



/*///////// SEARCH /////////*/

#div_alphabet
{
margin: 20px 0 0 0;
overflow: hidden
}

	#div_alphabet h4
	{
	padding: 0 0 5px;
	margin: 0;
	color: #A00144
	}



#div_alphabet ul
{
margin: 0;
padding: 0
}

	#div_alphabet ul li
	{
	display: inline	
	}
	
	#div_alphabet ul li a
	{
	color: #FFF;
	margin: 1px 1px 0 0;
	background-color: #DAD189;	
	text-align: center;
	width: 16px;
	float: left;
	padding: 0 0 3px 0;
	text-decoration: none
	}	
	
	#div_alphabet ul li a:hover
	{
	background-color: #A00144;
	text-decoration: none
	}		


#div_keyword
{
margin: 20px 0 0 0;
overflow: hidden
}

	#div_keyword h4
	{
	padding: 0 0 5px;
	margin: 0;
	color: #A00144
	}

	#div_keyword p
	{
	padding: 0 0 5px;
	margin: 0;
	}
	
	#div_keyword .form_field
	{
	float: left
	}	
	
	#div_keyword .form_button
	{
	float: right;	
	}	
	
		


/*///////// SEARCH /////////*/




/*//////// LISTS /////////*/


	.ul_tick, #div_html ul, #div_html ol
	{
	list-style: none;
	text-align: left;

	padding: 2px 0 6px 0px;
	margin: 0px;
	}
	

		.ul_tick li, #div_html li
		{
	background-image: url(/images/bgc_list_tick.jpg);
	background-repeat: no-repeat;
	background-position: 0 top;
	padding: 0px 0px 15px 20px;
		}	
		
		
/*////////////////// TERMS /////////////////////*/



/*///////// GALLERY /////////*/

div#gallery div {
	float: left;
	margin: 0 5px 5px 0;
	border: 0;
}

div#gallery div:hover {
	
}

div#gallery img {

}


/*///////// GALLERY /////////*/



/*///////// SUBMENU /////////*/

	.submenu
	{
	border-bottom: 4px solid #015759
	}
	
		.submenu ul
		{
		padding: 0;
		margin: 20px 0 0 0;
		list-style-type: none;
		}	
		
		.submenu ul li
		{
		background-image: url(/images/bgc_icon_shopmenu.jpg);
		background-repeat: no-repeat;
		background-position: left top;	
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #FFF;
		background-color: #A00144;
		}		
		
		.submenu ul li a, .submenu ul li a:visited, .submenu ul li a:link, .submenu ul li a:active
		{	
		text-align: left;
		display: block;				
		color: #FFF;
		margin: 0;
		padding: 6px 0px 6px 30px;
		text-decoration: none
		}			
		
		
		.submenu ul li a:hover
		{
		background-color: #015759;
		margin: 0;
		text-decoration: none		
		}		

/*///////// SUBMENU /////////*/

/* OPENING HOURS */

table#openinghours {
	width: 249px;	
}

table#openinghours th {
	font-weight: bold;
	padding: 4px;
	background-color: #93013E;
	color: #FFF;	
}

table#openinghours td {
	width: 124px;
	padding: 2px 0;	
}
		
		
		
/* COMMENTS */

div.commentline {
border-bottom: 1px solid #CCC;
height: 1px;
margin: 0 0 10px 0;
}




/* NEWSLETTER */

#div_newsletter
{
margin: 20px 0 0 0;
overflow: hidden
}

