
html {
	margin: 0;
	padding: 0;
	background-color: #d3dcdb;
}

body {
	font-family: Arial;
	font-size: 10pt;
	color: #4d4d4d;
}

body, div, form {
	margin: 0px;
	padding: 0px;
}

img {
	display: block;
	border: none
}

a img {
	border: none
}

a:link, a:visited {
	color: black;
	text-decoration: none
}

a:hover, a:active {
	color: black;
	text-decoration: underline
}

#pagewrapper {
	padding: 0 20px;
	background-color: white;
	width: 95%;
	margin: 0 auto;
}

#header {
	background-color: transparent;
	height: 150px;
}

#header_title {
	background-color: white;
	width: 307px;
	height: 112px;
	margin: 0 auto;
}

#header h1 {
	display: none;
}

.header_address {
	font-size: 9pt;
	color: #006f5e;
	margin-top: 17px;
}

.header_address p {
	margin: 3px 5px;
	padding: 0
}

.header_address p.branch {
	font-weight: bold;
	color: #911f81;
}

.header_address hr {
	color: #911f81;
	background-color: #911f81;
	height: 1px;
	margin: 0 4px 0 4px;
}

.header_address p.opening_hours {
	font-weight: normal;
	font-size: 8pt;
	margin: 2px 5px
}

.header_address span {
	font-weight: bold;
	color: #911f81;;	
}

.header_address_left {
	width: 168px
}

.header_address_right {
	width: 190px;
	text-align: right
}

#top_navigation {
	height: 25px;
	margin: 0;
	padding: 0;
	background-image: url('/images/top_nav_bg.gif');
	background-repeat: repeat-x;
	border-right: 1px solid #debbd9;
	border-left: 1px solid #debbd9;
}

#top_navigation ul {
	width: 625px;
	margin: auto;
}

#top_navigation li {
	float: left;
	height: 25px;
	list-style-type: none;
	margin: 0;
	padding: 0 8px;
	border-right: 1px solid #debbd9;
	color: #911f81;
}

#top_navigation li.first {
	border-left: 1px solid #debbd9;
}

#top_navigation li:hover {
	color: white;
	background-image: url('/images/top_nav_rollover.gif');
	background-repeat: repeat-x;
}

#top_navigation ul li a:link, #top_navigation ul li a:visited {
	text-decoration: none;
	font-weight: bold;
	color: inherit;
	font-size: 10pt;
	font-weight: bold;
	padding: 0 2px 0 0;
	position: relative;
	top: 3px;
}

#top_navigation ul li a:hover, #top_navigation ul li a:active {
	color: white;
}

#content {
	background-color: transparent;
	clear: right;
	margin: 0;
}

#main_content {
}

#centre_content {
	margin: 10px 0;
}

#centre_content h1 {
	margin-top: 0;
	font-size: 13pt;
	color: #4d4d4d;
}

#badge {
	float: left;
	margin-top: -43px;
	margin-left: -12px;
	width: 147px;
	height: 147px;
	background-image: url('/images/badge.png');
	background-repeat: no-repeat;
	position: absolute;
	z-index: 4000
}

#image_scroller {
	border: 1px solid #9a318b;
	/*height: 240px;*/
	height: 180px;
	overflow: hidden;
	position: relative;
}

#image_scroller table {
	margin-top: 10px
}

#image_scroller_images {
	position: absolute;
	top: 0px;
	right: 0px;
}

#images_swapper {
	position: absolute;
	top: 0px;
	right: 0px;
}

div#home_intro {
	float: left;
	width: 610px;
	margin-right: 9px
}

p.intro_header {
	font-family: "Times New Roman", Arial, Verdana;
	font-size: 34pt;
	font-weight: bold;
	color: #debbd9;
	margin: 0 auto 24px 0
}

p.home_intro_text {
	line-height: 18pt
}

div#home_image {
	width: 298px;
	height: 253px;
	background-image: url('/images/home_page_splash.jpg');
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
}

div#left_content {
	float: left;
	width: 25%;
	text-align: center;
	margin-bottom: 10px
}

div#left_content p.header {
	color: #007064;
	font-size: 17pt;
	font-weight: bold;
	margin: 10px auto
}

div.left_content_box {
	width: 246px;
	background-color: #f8f0f6;
	background-repeat: repeat-y;
	color: #911f81;
	font-weight: bold;
	margin: -14px auto 0 auto;
}

div.left_content_box ul {
	padding: 2px 15px 20px 15px;
}

div.left_content_box ul li {
	list-style-type: none
}

.highlight_large {
	color: #016f62;
	font-size: 24pt;
	font-weight: bold;
}

.left_aligned_fixed_width {
	display: block;
	float: right;
	margin-top: 4px;
	margin-right: 40px;
	text-align: left;
	width: 60px;
}

li.car {
	background-image: url('/images/car.gif');
	background-repeat: no-repeat;
	background-position: left 12px;
	padding-left: 50px
}

li.food {
	background-image: url('/images/food.gif');
	background-repeat: no-repeat;
	background-position: 3px 7px;
	padding-left: 50px
}

li.bag {
	background-image: url('/images/bag.gif');
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 55px;
	text-align: left
}

li.bag span.left_aligned_fixed_width {
	position: relative;
	right: 36px
}

li.pets {
	background-image: url('/images/pets.gif');
	background-repeat: no-repeat;
	background-position: left 10px;
	padding: 15px 0 8px 60px;
	text-align: left;
}

li.arts {
	background-image: url('/images/arts.gif');
	background-repeat: no-repeat;
	background-position: 8px 10px;
	padding: 15px 0 8px 60px;
	text-align: left;
}

li.accessories {
	background-image: url('/images/accessories.gif');
	background-repeat: no-repeat;
	background-position: 4px 15px;
	padding: 15px 0 0 60px;
	text-align: left;
}

div.opening_hours {
	border-top: 4px solid white;
	margin-top: -20px;
}

div.opening_hours span {
	color: #007064
}

div.left_content_box_top {
	width: 246px;
	height: 12px;
	margin: 0 auto;
	padding: 0;
	background-image: url('/images/left_column_box_top.gif');
	background-repeat: no-repeat;		
}

div.left_content_box_bottom {
	width: 246px;
	height: 12px;
	margin: -14px auto 0 auto;
	padding: 0;
	background-image: url('/images/left_column_box_bottom.gif');
	background-repeat: no-repeat;
}

div.left_content_box_alt {
	width: 246px;
	background-color: #f8f0f6;
	background-image: url('/images/left_column_box_middle.gif');
	background-repeat: repeat-y;
	color: #911f81;
	font-size: 9pt;
	font-weight: bold;
	margin: -20px auto 0 auto;
}

div.left_content_box_alt p {
	width: 210px;
	color: #4d4d4d;
	font-weight: normal;
	line-height: 15pt;
	margin: 20px auto;
	padding: 0 10px 10px 10px;
}

div.upcoming_events {
	border-top: 4px solid white;
	margin-top: -20px;
	font-size: 10pt
}

div.upcoming_events p {
	color: #006f5e;
}

div.upcoming_events p.header {
	font-size: 11pt !important;
	font-weight: bold;
	margin: 6px auto 0 auto !important
}

div.upcoming_events ul {
	text-align: center;
	margin-top: 0;
	padding-right: 40px
}

div.upcoming_events li {
	list-style-type: none;
	margin: 0 0 10px 0;
}

div.upcoming_events li span {
	display: block;
	color: #007064;
	font-size: 9pt;
	font-weight: bold
}

div#right_content {
	float: left;
	margin-left: 35px;
	width: 70%;
}

div.block {
	width: 295px;
	margin-right: 18px;
}

div.block.left_back {
	margin-left: -14px
}

div.block.right_forward {
	margin-right: 18px
}

div.block h3 {
	color: #007064;
	font-size: 17pt;
	margin: 15px auto 15px 15px
}

div.box {
	width: 289px;
	height: 196px;
	background-image: url('/images/box.jpg');
	background-repeat: no-repeat;
	padding: 4px 0 10px 16px !important;
	text-align: center;
}

div.box.w_flower {
	background-image: url('/images/box_w_flower.jpg');
}

div.box form {
	width: 280px;
	color: #911f81;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
}

div.box form label {
	float: left;
	font-weight: bold;
	width: 80px;
	color: #016f62;
	text-align: left;
}

div.box form label span {
	font-weight: normal
}

div.box form input[type=text], div.box form textarea {
	border: 1px solid #636363;
	width: 185px;
	margin-bottom: 5px
}

div.box form input[type=image] {
	float: right;
	margin-right: 7px
}

div.box.special_offer {
	text-align: left;
	padding: 5px 0 0 0;
	width: 289px;
	margin-right: 8px
}

/*div.box.special_offer.first {
	margin-left: -20px
}*/

div.box.special_offer p {
	margin: 0
}

div.box.special_offer p.percentage_off {
	color: #911f81;
	font-size: 16pt;
	font-weight: bold
}

div.box.special_offer p.percentage_off.smaller {
	font-size: 12pt
}

div.box.special_offer p.title {
	color: #016f62;
	font-size: 13pt;
	font-weight: bold
}

div.box.special_offer p.desc {
	color: #911f81;
	font-size: 11pt;
	font-weight: bold;
}

div.box.special_offer img {
	margin: 10px 0;
}

div.box.special_offer img.offer_badge {
	float: right;
	margin-top: 0;
	position: relative;
	left: 5px
}

div.box.special_offer a.link {
	margin-top: -40px;
	margin-right: 10px
}

div#concessions {
	height: 240px;
	margin-bottom: 20px
}

p.line_spaced_out {
	line-height: 20pt
}

div#right_content ul {
	margin: 0;
	padding: 0 14px
}

div#right_content li {
	margin: 12px 0;
	padding: 0;
	color: #007064
}

div.intro_box {
	width: 411px;
	height: 112px;
	background-image: url('/images/intro_box.gif');
	background-repeat: no-repeat;
	margin-top: -20px;
	margin-right: 0;
	padding: 10px 20px 10px 15px
}

div.intro_box p {
	width: 430px;
	color: #911f81;
	font-size: 9pt;
	font-weight: bold;
	line-height: 15pt;
}

div.intro_box p span {
	font-size: 10pt;
	color: #016f62
}

form#offers_gc {
	width: 457px;
	height: 111px;
	background-image: url('/images/offers_form_box.jpg');
	background-repeat: no-repeat;
	padding: 10px
}

form#offers_gc label {
	display: block;
	color: #016f62;
	font-weight: bold;
	margin-bottom: 5px
}

form#offers_gc input[type=text] {
	border: 1px solid #636363;
	width: 185px;
	margin-bottom: 5px
}

form#offers_gc textarea {
	border: 1px solid #636363;
	width: 185px;
	height: 64px;
	margin-bottom: 5px
}

form#offers_gc input[type=image] {
	margin-top: 70px;
	margin-left: 10px
}

#map_holder {
	margin-top: -20px;
	margin-right: auto;
	margin-left: auto;
	width: 245px;
}

#map_holder_top, .contact_image_top, .news_image_top {
	width: 245px;
	height: 19px;
	background-image: url('/images/map_holder_top.gif');
	background-repeat: no-repeat;
	position: relative;
	top: 19px;
	z-index: 3000
}

#map_holder_bottom, .contact_image_bottom, .news_image_bottom {
	width: 245px;
	height: 23px;
	background-image: url('/images/map_holder_bottom.gif');
	background-repeat: no-repeat;
	position: relative;
	top: -23px;	
}

#map, .contact_image, .news_image {
	width: 243px;
	height: 162px;
	border-right: 1px solid #bf7cb5;
	border-left: 1px solid #bf7cb5;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	text-align: center
}

.news_image img, .contact_image img {
	margin: auto
}

/*** contact ****/

#contact_details {
	float: left
}

.contact_box {
	clear: both;
	background-image: url('/images/divider.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 521px;
	height: 220px;
}

.contact_box.last {
	background-image: none
}

.contact_box p.heading {
	color: #007064;
	font-size: 14pt;
	font-weight: bold
}

.contact_box .contact_image_holder, .news_section .news_image_holder {
	float: left
}

.contact_box .contact_info {
	float: right;
	margin-right: 110px;
	margin-left: 20px
}

#contact_form {
	float: right;
	width: 381px;
	height: 505px;
	background-image: url('/images/contact_form_bg.gif');
	background-repeat: no-repeat;
	margin: 0 0 10px 10px;
	padding: 10px 0 10px 20px
}

#contact_form p {
	color: #891b7a
}

/***** history ******/

div#history_images {
	width: 200px;
	float: left
}

div#history_images img {
	margin: 0 auto
}

div#history_images p {
	width: 155px;
	margin: 10px auto 20px auto;
	color: #006f5e;
	font-size: 9pt;
	text-align: center
}

div#history_text {
	margin-left: 250px
}

/****** news ********/

/***** see contact section aswell *****/

div.heading_bg {
	width: 949px;
	height: 66px;
	background-image: url('/images/news_heading_bg.gif');
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: -5px;
	padding: 0 5px
}

div.heading_bg p.intro_header {
	float: left
}

div.heading_bg p.intro_text {
	font-size: 8pt;
	color: #006f5e;
	float: right;
	margin: 35px 20px 0 0;
}

div.news_section {
	clear: left
}

div.news_section h3, div.gardening_tip h3 {
	font-size: 14pt
}

div.news_section p {
	font-size: 10pt
}

.news_section .news_text {
	margin: 0 0 0 260px;
	padding-top: 6px
}

/******* jobs ************/

p.no_jobs {
	color: #006f5e
}

.vacancy {
	clear: left;
	margin-bottom: 60px
}

.vacancy_summary {
	float: left;
	width: 246px;
	height: 235px;
	background-image: url('/images/jobs_bg.gif');
	background-repeat: no-repeat;
	padding: 5px 0;
	color: #006f5e
}

.vacancy_summary p.heading {
	text-align: center;
	font-size: 11pt;
	font-weight: bold;
}

.vacancy_summary p {
	font-size: 9pt;
	margin-bottom: 15px
}

.vacancy_summary p span {
	display: block;
	float: left;
	width: 100px;
	font-size: 10pt;
	font-weight: bold;
	color: #911f81;
	margin-right: 20px;
	margin-left: 20px
}

.vacancy_details {
	margin-left: 270px
}

.vacancy_details h3 {
	font-size: 14pt
}

.vacancy_details p {
	font-size: 10pt;
	color: #4d4d4d;
	line-height: 16pt
}

/**** plant advice ******/

div.gardening_tip {
	background-image: url('/images/divider.gif');
	background-repeat: repeat-x;
	background-position: bottom left;
	margin-bottom: 20px;
	padding-bottom: 10px	
}

/* **************** */

#footer {
	clear: both;
	font-size: 9pt;
	font-weight: bold;
	border-top: 10px solid #debbd9;
	color: #911f81;
	text-align: center;
	background-color: white;
	margin: auto;
	padding-bottom: 5px;
}

#footer img {
	margin-top: 10px
}

#footer img.push_up {
	margin-top: -30px
}

/* classes */

div.brand_box {
	float: left;
	width: 156px;
	height: 175px;
	border: 1px solid #007064;
	margin-right: 4px;
	margin-bottom: 2px
}

div.img_boxes {
	height: 160px;
	margin: 20px 0
}

div.img_box {
	float: left;
	width: 156px;
	height: 135px;
	border: 1px solid #007064;
	margin-right: 4px
}

div.brand_box img, div.img_box img {
	margin: 7px auto
}

h3 {
	color: #007064;
	font-size: 17pt;
	font-weight: bold;
	margin: 10px auto	
}

.info {
	color: #007064;
	float: left;
	font-size: 8pt;
	margin: 20px 0 0 10px
}

.highlight {
	color: #016f62;
	font-size: 11pt
}

.heading {
	padding-bottom: 8px;
	font-size: 10pt;
	font-weight: bold;
	background-image: url('/images/border.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
}

.small_text {
	font-size: 8pt; 
}

.clear {
	clear: both
}

.clearleft {
	clear: left
}

.clearright {
	clear: right
}

.red, .error {
	color: #820000 !important
}

.left {
	float: left
}

.right {
	float: right
}

.text_left {
	text-align: left !important
}
