/*
	ross, 09/08/2010, add toolbarmsg
	ross, 13/08/2010, changed height of imageViewerBox to auto with a minimum
	ross, 24/09/2010, testimonial stuff
	julie, 08/10/2010, changed lne 935, to black because of autumn colours the red background of #c00 didnt show enough
	ross, 07/02/2011, remove sizeSelectorBlock
	ross, 19/08/2011, basketPricebandDistance
	ross, 31/08/2012, accountBalanceSummary
	ross, 04/02/2013, catTable
	julie, 06/06/2013, border offers styles
	julie, 21/10/2014, innerfloat for new plants page., input button colour changes, productbox colour changes
	julie, 23/10/2014 new style for rotating text .RotateText
	juie, 9/3/2015 removed backgrond from floatBox
	julie, 09/03/2017, following changes for new checkout, pricebanddistance
	ross, 26/02/2019, footer tidyups
	ross, 19/06/2020, address background to white
*/


H1, H2, H3 {
	text-decoration: none;
}



#siteHeader {
	position: relative;
}

#thisMonthBlock {
	border-top: none;
	border-bottom: none;
	background-color: white;
	margin: 0px 316px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#thisMonthBlock .recommended {
	background-color: white;
	margin-bottom: 4px;
}

#thisMonthBlock .recommended H3 {
	padding: 0px;
	margin: 0px;
}

#thisMonthBlock .recommended H3 A {
	text-decoration: none;
	color: blue;
	font-size: 8pt;
	font-weight: bold;
}

#thisMonthBlock .recommended H3 A:hover {
	text-decoration: underline;
}

#thisMonthBlock .recommended P {
	padding: 0px;
	margin: 0px;
	font-style: italic;
	color: black;
	font-weight: normal;
	font-size: 8pt;
}

#thisMonthBlock .recommended SPAN.available {
	font-style: normal;
	font-size: 7pt;
	color: #425c53;
}

#thisMonthBlock .recommended SPAN.available A {
	text-decoration: none;
	color: blue;
}

#thisMonthBlock .recommended SPAN.available A:hover {
	text-decoration: underline;
}

#thisMonthBlock TABLE {
	border: none;
	padding: 0px;
	margin: 0px;
}
#thisMonthBlock TABLE TD {
	vertical-align: top;
	text-align: left;
}
#thisMonthBlock TABLE TD P {
	font-size: 7pt;
	margin: 0px;
}
#thisMonthBlock TABLE TD H3 {
	font-size: 8pt;
	font-weight: bold;
	text-transform: capitalize;
	margin: 0px;
	padding: 0px;
}
#thisMonthBlock TABLE TD H3 A {
	text-decoration: none;
	color: blue;
}
#thisMonthBlock TABLE TD H3 A:hover {
	text-decoration: underline;
}
#thisMonthBlock TABLE TD A {
	text-decoration: none;
	color: blue;
}
#thisMonthBlock TABLE TD A:hover {
	text-decoration: underline;
}
#rightFloat H2 {
	margin: 0px;
	font-size: 9pt;
	color: #425c53;
	background-color: #e2ece8;
	text-decoration: none;
}
#thisMonthBlock IMG {
	border: none;
}


#thisMonthBlock TABLE TD P.available {
	font-size: 7pt;
	color: #425c53;
	margin: 4px 0px 0px 0px;
}
#thisMonthBlock TABLE TD P.available A {
	color: blue;
	text-decoration: none;
}
#thisMonthBlock TABLE TD P.available A:hover {
	text-decoration: underline;
}

.thisMonthBlockSection {
	margin: 0px 0px 8px 0px;
}

.seeMore {
	text-align: right;
	background-color: white;
	padding: 8px 0px 8px 0px;
	margin-bottom: 4px 0px 4px 0px;
}
.seeMore A {
	color: #425c53;
	text-decoration: none;
	font-size: 8pt;
}
.seeMore A:hover {
	text-decoration: underline;
	color: #85B4BA;
}

.offerItem {
	margin: 0px 0px 8px 0px;
	padding: 4px 0px 4px 0px;
	font-size: 8pt;
}
.offerItem H3 {
	font-size: 8pt;
	font-weight: bold;
	text-transform: capitalize;
	margin: 0px;
	padding: 0px;
}
.offerItem H3 A {
	text-decoration: none;
	color: blue;
}
.offerItem H3 A:hover {
	text-decoration: underline;
}
.offerItem A {
	text-decoration: none;
	color: blue;
}
.offerItem A:hover {
	text-decoration: underline;
}
#offerBlock H2 {
	margin: 0px;
	font-size: 9pt;
	background-color: blue;
}
#offerBlock H2 A {
	color: white;
	text-decoration: none;
}
#offerBlock H2 A:hover {
	text-decoration: underline;
}


#thisMonthBlock .selectorBar {
	width: 100px;
	float: right;
	border-left: 1px solid #425c53;
	margin: 0px 0px 8px 8px;
	padding: 4px;
}

.available {
	font-size: 7pt;
	color: black;
}



#main {
	background-color: #e2ece8;
	width: 960px;
	border-left: 1px solid #425c53;
	border-right: 1px solid #425c53;
	-moz-box-shadow: 5px 8px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow: 5px 8px 4px rgba(0,0,0,0.7);
	box-shadow: 5px 8px 4px rgba(0,0,0,0.7);
}

#rightColumn {
	width: 0px;
	display: none;
}




#categoryBox {
	/*background-color: #d9dedd;*/
	background-color: #e2ece8;
	padding: 0px 8px 0px 8px;
}


#middleColumn {
	background-color: white;
	margin-bottom: 0px;
}

#leftBlurb {
	margin: 16px 0px 0px 0px;
	padding: 0px 16px 16px 16px;
	background-color: #e2ece8;
}

#leftBlurb H1 {
	color: #425c53;
	font-size: 9pt;
}
#leftBlurb P A {
	color: blue;
	font-size: 7pt;
}
#leftBlurb UL A {
	color: blue;
}
#leftBlurb UL A:Hover {
	color: blue;
}

.block {
	color: black;
}
.block P {
	color: black;
}

#categoryBox UL {
}
#categoryBox UL LI {
	margin-bottom: 4px;
}
#categoryBox UL LI A {
	text-decoration: none;
	color: #425c53;
	font-size: 8pt;
}
#categoryBox UL LI A:hover {
	text-decoration: underline;
	color: #85B4BA;
}





.letterBlock .letter {
	width: 24px;
	height: 16px;
	float: left;
}
.letterBlock .month {
	width: 32px;
	height: 16px;
	float: left;
}

.letterBlock .letter A {
	color: #425c53;
}
.letterBlock .letter A:hover {
	color: #85B4BA;
}
.letterBlock .month A {
	color: #425c53;
}
.letterBlock .month A:hover {
	color: #85B4BA;
}


#randomPlants {
	background-color: white;
	float: none;
	width: 100%;
	display: block;
	margin: 0px;
	padding: none;
	border: none;
}
#randomPlants H2, #thisMonthBlock H2 {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	font-size: 8pt;
	font-weight: bold;
	color: #425c53;
	background-color: #e2ece8;
	border-top-right-radius: 8px 8px;
	border-bottom-right-radius: 8px 8px;
	-moz-border-radius: 0px 8px 8px 0px;
	-webkit-border-radius: 0px 8px 8px 0px;
}
#randomPlants H2 A {
	color: #425c53;
	text-decoration: none;
}
#randomPlants H2 A:hover {
	text-decoration: underline;
}
#randomPlants .tileBox {
	margin: 0px;
	clear: none;
	width: 100%;
	display: block;
	height: 95px;
}
#randomPlants .tile {
	width: 65px;
	height: 65px;
	float: left;
}
#randomPlants .tile IMG {
	border: none;
}


.introMessage {
	background-color: white;
	color: black;
	font-size: 9pt;
	margin: 0px 0px 16px 0px;
}
.introMessage H3 {
	background-color: white;
	color: #af4c00;
	font-weight: bold;
	font-size: 12pt;
	padding: 0px;
	margin: 0px 0px 8px 0px;
}
.introMessage P {
	margin: 0px 0px 4px 0px;
}
.introMessage IMG.icon {
	float: right;
	border: none;
	margin: 0px 0px 8px 8px;
}


#footerLinkBlock {
	background-color: #425c53;
	border-top: 1px solid #425c53;
	width: 100%;
	text-align: left;
	margin-top: 0px;
}
#footerLinkBlock .linkblock {
	margin-left: 150px;
	margin-right: 150px;
	padding: 8px 8px 0px 8px;
	background-color: #e2ece8;
}
.linkblock {
	border-bottom-left-radius: 8px 8px;
	border-bottom-right-radius: 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
}
.linkblock H1 {
	font-size: 10pt;
	font-weight: bold;
	margin: 0px 0px 0px 8px;
	text-align: left;
	text-decoration: none;
	border-bottom: 1px solid #425c53;
	padding-bottom: 2px;
}
.footerLinkTable {
	border: none;
	width: 100%;
}
.footerLinkTable TR TD {
	vertical-align: top;
	padding: 0px 8px 0px 8px;
	color: #425c53;
	text-align: left;
}
.footerLinkTable TR TD H1 {
	font-size: 10pt;
	font-weight: bold;
	margin: 0px;
}
.footerLinkTable TR TD UL {
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
}
.footerLinkTable TR TD UL LI {
	margin: 0px;
	padding: 0px;
}
.footerLinkTable TR TD UL A {
	text-decoration: none;
	color: #425c53;
}
.footerLinkTable TR TD UL A:hover {
	text-decoration: underline;
	color: #85B4BA;
}



#visitCaerhaysBox {
	width: 150px;
	float:  left;
}
#visitVeanBox {
	width: 150px;
	float:  right;
}


.footericons {
	margin-left: 8px;
}

/*
.sizeSelectorBlock {
	font-family: arial, helvetica;
	position: absolute;
	top: 0px;
	left: 644px;
	padding: 0px 8px 0px 8px;
	margin: 0px;
	border: none;
	border-width: 0px 1px 1px 1px;
	border-style: none solid solid solid;
	border-color: #425c53;
	filter: alpha(opacity=75);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity:0.75;
	border-bottom-right-radius: 8px 8px;
	border-bottom-left-radius: 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
}
*/

#rightFloat {
	float: right;
	width: 300px;
	margin: 0px 0px 16px 16px;
}



.innerFloat A.navLink {
	text-decoration: none;
	color: #425c53;
	padding: none;
	margin: none;
}
.innerFloat A.navLink:hover {
	text-decoration: underline;
	color: #85B4BA;
}

.innerFloat UL {
	list-style-type: none;
	list-style-position: inside;
	margin: 16px 0px 0px 0px;
	padding: 0px;
}
.innerFloat UL LI {
	margin: 0px 0px 8px 0px;
	display: block;
}
.innerFloat UL LI A {
	text-decoration: none;
	color: #425c53;
}
.innerFloat UL LI A:hover {
	text-decoration: underline;
	color: #85B4BA;
}


#imageViewerBox {
	text-align: center;
	padding: 8px 0px 0px 0px;
	/*height: 260px;*/
	height: auto;
	min-height: 260px;
}
#imageViewerBox IMG {
	border: none;
}
#imageViewerBlurb {
	padding: 8px 0px 0px 0px;
	font-size: 8pt;
	text-align: left;
}
#imageViewerBlurb H3 {
	font-size: 10pt;
}
#imageViewerBlurb H3 A {
	text-decoration: none;
}
#imageViewerBlurb H3 A:hover {
	text-decoration: underline;
}
#imageViewerBlurb .available {
	display: block;
}


#photoViewerBox {
	padding: 16px 0px 0px 0px;
}
#photoViewerBox .mediumPhotoBox IMG {
	border: none;
}
#photoViewerBox IMG.lightboxLauncher {
	border-width: 0px 4px 4px 0px;
	border-style: none solid solid none;
	border-color: transparent;
	border-bottom-right-radius: 4px 4px;
	-moz-border-radius: 0px 0px 4px 0px;
	-webkit-border-radius: 0px 0px 4px 0px;
}
#photoViewerBox IMG.lightboxLauncher:hover {
	border-color: gold;
}
.thumbnailStrip {
	float: left;
}
.thumbnailBox {
	width: 73px;
	height: 73px;
}
.thumbnailStrip IMG.thumbnail {
	border: solid 4px #ffffee;
	border-top-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-bottom-left-radius: 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
}
.thumbnailStrip A {
	color: #ffffee;
}
.thumbnailStrip A:hover, .thumbnailStrip IMG.thumbnail:hover {
	color: gold;
	border-color: gold;
}

.attrIcon {
	float: left;
}
.secondaryAttributeBody {
	margin-left: 56px;
}

.product {
	width: auto;
	margin: 0px 300px 0px 0px;
	border: none;
	padding: 0px 16px 0px 0px;
}
.product H2 {
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	font-size: 8pt;
	font-weight: bold;
	color: #425c53;
	background-color: #e2ece8;
	border-top-right-radius: 8px 8px;
	border-bottom-right-radius: 8px 8px;
	-moz-border-radius: 0px 8px 8px 0px;
	-webkit-border-radius: 0px 8px 8px 0px;
	font-style: normal;
}

.plantInfoLine {
	margin: 0px 0px 8px 0px;
}


.monthLine {
	height: 48px;
}
.monthboxOff, .monthboxOn {
	color: #425c53;
	border-color: #85B4BA;
	border-top-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-bottom-left-radius: 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	font-weight: bold;
	text-align: center;
	width: 30px;
}
.monthboxOff {
	color: #e2ece8;
	border-color: #e2ece8;
}

/*.productBox {
	padding: 0px 0px 8px 0px;
	margin: 0px 0px 8px 0px;
	background-color: #FEF5CA;
	border-bottom: solid 1px #ddddcc;
}*/
.productDetails, .prices {
	border: none;
}

.desc {
	margin: 16px 0px 16px 0px;
}

.buyLine {
	text-align: right;
	/*background-color: #e5dfcf;*/
}

.productResultBox0 {
	background-color: #ffffee;
}
.productResultBox1 {
	background-color: #F9F3D6;
}

.productResultBox0, .productResultBox1 {
	margin: 0px 0px 16px 0px;
	border: solid 1px #ccbbb0;
	border-bottom-left-radius: 8px 8px;
	border-bottom-right-radius: 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
}

.productResultBox0 .seeMore, .productResultBox1 .seeMore {
	background-color: transparent;
	margin: 0px 8px 0px 0px;
}

.productBoxThumbnailFloat {
	float: left;
	width: 65px;
	height: 65px;
	/*position: relative;*/
}
.productBoxThumbnailFloat IMG {
	border: none;
	position: absolute;
}
.productBoxThumbnailFloat IMG.lightboxLauncher {
	border-width: 0px 4px 4px 0px;
	border-style: none solid solid none;
	border-color: transparent;
	border-bottom-right-radius: 4px 4px;
	-moz-border-radius: 0px 0px 4px 0px;
	-webkit-border-radius: 0px 0px 4px 0px;
}
.productBoxThumbnailFloat IMG.lightboxLauncher:hover {
	border-color: gold;
}

.productBoxHeaderBlock {
	margin-bottom: 8px;
}

.productBoxBody {
	margin-left: 73px;
	padding: 8px 8px 16px 0px;
	/*position: relative;
	top: -65px;*/
}

.productBoxBody H3 A {
	color: #425c53;
	font-weight: bold;
	font-size: 8pt;
}

.common_name {
	font-weight: normal;
}

.productDescBlock {
	margin: 16px 0px 16px 0px;
	color: #425c53;
}

.varPriceLine {
	height: 32px;
}

.varProductLine {
	/*clear: right;*/
	margin: 4px 0px 4px 0px;
	border:1px dotted grey;
	padding:4px;
}

.varProductLine .buyLine {
	float: right;
}

.multibuy {
	color: #425c53;

}


.LinkSaleThumbnailBox IMG {
	border: 4px solid transparent;
}
.LinkSaleThumbnailBox IMG:hover {
	border: 4px solid gold;
}

.LinkSaleBox {
	margin: 8px 0px 16px 0px;
	clear: left;
}
.LinkSaleInnerBox {
	margin: 0px 0px 0px 0px;
}
.LinkSaleThumbnailBox {
	float: left;
	width: 65px;
	height: 65px;
}
.LinkSaleBody {
	margin: 0px 0px 0px 81px;
}
.LinkSaleBody H3 {
	margin: 0px 0px 8px 0px;
}
.LinkSaleBody H3 A {
	color: #425c53;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}
.innerFloat P.intro {
	margin: 16px 0px 16px 0px;
}


BR.rightClear {
	/*clear: right;*/
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	height: 0px;
}
/*
INPUT.button {
	color: #fff;
	border-color: #425c53;
	border-top-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-bottom-left-radius: 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	font-weight: bold;
	font-size: 9pt;
	text-align: center;
	background-color: #94b669;
	text-transform: capitalize;
}
*/
H4 {
	font-size: 10pt;
	border-color: #ccbbb0;
	text-decoration: none;
}


.listTile {
	height: 65px;
	width: 365px;
	border: solid 1px white;
}

.listTile .thumbnail, .listTile .nothumbnail {
	margin-right: 10px;
}
.listTile .nothumbnail {
	height: 65px;
}
.listTile .name {
	margin: 0px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	font-size: 8pt;
	font-weight: bold;
	color: #425c53;
	background-color: #e2ece8;
	border-top-right-radius: 8px 8px;
	border-bottom-right-radius: 8px 8px;
	-moz-border-radius: 0px 8px 8px 0px;
	-webkit-border-radius: 0px 8px 8px 0px;
	font-style: normal;
}
.listTile:hover {
	border: 1px solid white;
}


.viewbasketlinksummary {
	font-size: 8pt;
}


#PhoneUsBasket, #PhoneUs {
	padding: 4px;
	margin: 4px;
	color: white;
	background-color: #425c53;
}

#basketSummary {
	border: none;
}

.ViewBasketCheckoutLink {
	background-color: #000;
	padding: 0px;
	border: solid 1px black;
	margin: 0px;
}



#toolbarmsg {
	color: #E2E5EC;
	font-size: 10pt;
	font-weight: normal;
	background-color: #102048;
	border-bottom-left-radius: 8px 8px;
	border-bottom-right-radius: 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	font-style: normal;
	border: solid 1px black;
	border-top: none;
	padding: 8px;
}


#fcShareBox {
	margin: 8px 0x 8px 0px;
	padding: 8px;
	background-color: #D6D8F9;
	border: solid 1px #ccbbb0;
	border-bottom-left-radius: 8px 8px;
	border-bottom-right-radius: 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	font-style: normal;
	font-size: 8pt;
	color: black;
}
#fcShareBox B {
	font-size: 8pt;
	color: black;
}
#fcShareBox DIV {
	text-align: right;
}
#fcShareBox INPUT {
	width: 256px;
}
#fcShareBox TEXTAREA {
	width: 256px;
	height: 50px;
}
#fcShareBox DIV.buttonLine {
	margin-top: 8px;
}


#testimonialScroller {
	position:relative;
	width:458px;
	height:100px;
	overflow:hidden;
	border: solid 1px #425c53;
	background-color: #ffffee;
	border-bottom-right-radius: 8px 8px;
	border-top-right-radius: 8px 8px;
	-moz-border-radius: 0px 8px 8px 0px;
	-webkit-border-radius: 0px 8px 8px 0px;
	border-top: none;
	margin:0px;
}

#testimonialsBuffer {
	display: none;
	width: 0px;
	height: 0px;
	visibility: hidden;
}


.toxic {
	background-color: red;
	color: white;
}


.basketPricebandDistance {
	background-color: #d4ded2;
	padding:2px;
	margin:3px 0px 3px 25px;
}

#accountBalanceSummary {
	padding: 8px 16px 8px 16px;
	color: white;
	background-color: #535c42;
	font-size: 7.5pt;
}
#accountBalanceSummary A {
	text-decoration: none;
	color: #befc62;
}
#accountBalanceSummary A:hover {
	text-decoration: underline;
}

#catTable {
	width: 100%;
	border-bottom: solid 1px #425c53;
}
#catTable CAPTION {
	border-bottom: 1px solid #425c53;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#catTable CAPTION H2 {
	margin-bottom: 2px;
}
#catTable TD {
	padding: 0px 10px 0px 10px;
}
#catTable TD H2 {
	font-size: 10pt;
}
#catTable BUTTON, #catTable INPUT.checkbox {
	color: #425c53;
	border-color: #85B4BA;
	border-top-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-bottom-left-radius: 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	font-weight: bold;
	font-size: 9pt;
	text-align: center;
	background-color: #e2ece8;
	text-transform: capitalize;
	margin: 10px 0px 4px 0px;
}
#catTable BUTTON:hover, #catTable INPUT.checkbox:hover {
	color: #e2ece8;
	background-color: #425c53;
}


.l{
   border: 1px solid white;
    height: 200px;
    width: 200px;
    margin: 0 10px 10px 0;
    padding: 4px;
    text-align: left;
    float:left;
}
.l .n {
    background-color: #E2ECE8;
    border-radius: 0 8px 8px 0;
    color: #425C53;
    font-size: 8pt;
    font-style: normal;
    font-weight: bold;
    margin: 0 0 4px;
    padding: 4px 0;}
.l .t IMG {
    border: 1px solid #425C53;
    margin:0px 10px 10px auto;
}


.addr {
	background-color: white;
}
.addr #main {
	border: none;
}
.addr .dataGrid {
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.addr .dataGrid TD {
	text-align: left;
}
.addr .instructions {
	border: none;
	background-color: transparent;
}
#centervdiv .addr {
	background-color: white;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.addr #main{
	background-color: white;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.addr:parent {
	background-color: white;
}
.addr .buttonBar {
	margin: 20px 0px 20px 0px;
}

.addr .buttonBar BUTTON.button {
	background-color: white;
	color: black;
	padding: 8px;
	border: solid 1px gray;
}


.RotateText{-webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: none; /*Mandatory for IE9 to show the vertical text correctly*/
  }